Hidden until hover or focus
Hidden until hover or focus
Hidden until hover or focus
Hidden until hover or focus
*/
.hide-child .child {
opacity: 0;
transition: opacity 0.15s ease-in;
}
.hide-child:hover .child,
.hide-child:focus .child,
.hide-child:active .child {
opacity: 1;
transition: opacity 0.15s ease-in;
}
.underline-hover:hover,
.underline-hover:focus {
text-decoration: underline;
}
/* Can combine this with overflow-hidden to make background images grow on hover
* even if you are using background-size: cover */
.grow {
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: -webkit-transform 0.25s ease-out;
transition: transform 0.25s ease-out;
transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}
.grow:hover,
.grow:focus {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.grow:active {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.grow-large {
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: -webkit-transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
.grow-large:hover,
.grow-large:focus {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.grow-large:active {
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
/* Add pointer on hover */
.pointer:hover {
cursor: pointer;
}
/*
Add shadow on hover.
Performant box-shadow animation pattern from
http://tobiasahlin.com/blog/how-to-animate-box-shadow/
*/
.shadow-hover {
cursor: pointer;
position: relative;
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.shadow-hover::after {
content: '';
box-shadow: 0 0 16px 2px rgba(0, 0, 0, 0.2);
border-radius: inherit;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.shadow-hover:hover::after,
.shadow-hover:focus::after {
opacity: 1;
}
/* Combine with classes in skins and skins-pseudo for
* many different transition possibilities. */
.bg-animate,
.bg-animate:hover,
.bg-animate:focus {
transition: background-color 0.15s ease-in-out;
}
/*
Z-INDEX
Base
z = z-index
Modifiers
-0 = literal value 0
-1 = literal value 1
-2 = literal value 2
-3 = literal value 3
-4 = literal value 4
-5 = literal value 5
-999 = literal value 999
-9999 = literal value 9999
-max = largest accepted z-index value as integer
-inherit = string value inherit
-initial = string value initial
-unset = string value unset
MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index
Spec: http://www.w3.org/TR/CSS2/zindex.html
Articles:
https://philipwalton.com/articles/what-no-one-told-you-about-z-index/
Tips on extending:
There might be a time worth using negative z-index values.
Or if you are using tachyons with another project, you might need to
adjust these values to suit your needs.
*/
.z-0 {
z-index: 0;
}
.z-1 {
z-index: 1;
}
.z-2 {
z-index: 2;
}
.z-3 {
z-index: 3;
}
.z-4 {
z-index: 4;
}
.z-5 {
z-index: 5;
}
.z-999 {
z-index: 999;
}
.z-9999 {
z-index: 9999;
}
.z-max {
z-index: 2147483647;
}
.z-inherit {
z-index: inherit;
}
.z-initial {
z-index: initial;
}
.z-unset {
z-index: unset;
}
/*
NESTED
Tachyons module for styling nested elements
that are generated by a cms.
*/
.nested-copy-line-height p,
.nested-copy-line-height ul,
.nested-copy-line-height ol {
line-height: 1.5;
}
.nested-headline-line-height h1,
.nested-headline-line-height h2,
.nested-headline-line-height h3,
.nested-headline-line-height h4,
.nested-headline-line-height h5,
.nested-headline-line-height h6 {
line-height: 1.25;
}
.nested-list-reset ul,
.nested-list-reset ol {
padding-left: 0;
margin-left: 0;
list-style-type: none;
}
.nested-copy-indent p + p {
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
}
.nested-copy-seperator p + p {
margin-top: 1.5em;
}
.nested-img img {
width: 100%;
max-width: 100%;
display: block;
}
.nested-links a {
color: #357edd;
transition: color 0.15s ease-in;
}
.nested-links a:hover {
color: #96ccff;
transition: color 0.15s ease-in;
}
.nested-links a:focus {
color: #96ccff;
transition: color 0.15s ease-in;
}
/*
STYLES
Add custom styles here.
*/
/* Variables */
/* Importing here will allow you to override any variables in the modules */
/*
Tachyons
COLOR VARIABLES
Grayscale
- Solids
- Transparencies
Colors
*/
/*
CUSTOM MEDIA QUERIES
Media query values can be changed to fit your own content.
There are no magic bullets when it comes to media query width values.
They should be declared in em units - and they should be set to meet
the needs of your content. You can also add additional media queries,
or remove some of the existing ones.
These media queries can be referenced like so:
@media (--breakpoint-not-small) {
.medium-and-larger-specific-style {
background-color: red;
}
}
@media (--breakpoint-medium) {
.medium-screen-specific-style {
background-color: red;
}
}
@media (--breakpoint-large) {
.large-and-larger-screen-specific-style {
background-color: red;
}
}
*/
/* Media Queries */
/* Debugging */
/*
DEBUG CHILDREN
Docs: http://tachyons.io/docs/debug/
Just add the debug class to any element to see outlines on its
children.
*/
.debug * {
outline: 1px solid gold;
}
.debug-white * {
outline: 1px solid white;
}
.debug-black * {
outline: 1px solid black;
}
/*
DEBUG GRID
http://tachyons.io/docs/debug-grid/
Can be useful for debugging layout issues
or helping to make sure things line up perfectly.
Just tack one of these classes onto a parent element.
*/
.debug-grid {
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII= ) repeat top left;
}
.debug-grid-16 {
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII= ) repeat top left;
}
.debug-grid-8-solid {
background: white url(data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw== ) repeat top left;
}
.debug-grid-16-solid {
background: white url(data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7 ) repeat top left;
}
/* Uncomment out the line below to help debug layout issues */
/* @import './_debug'; */
@media screen and (min-width: 30em) {
.aspect-ratio-ns {
height: 0;
position: relative;
}
.aspect-ratio--16x9-ns {
padding-bottom: 56.25%;
}
.aspect-ratio--9x16-ns {
padding-bottom: 177.77%;
}
.aspect-ratio--4x3-ns {
padding-bottom: 75%;
}
.aspect-ratio--3x4-ns {
padding-bottom: 133.33%;
}
.aspect-ratio--6x4-ns {
padding-bottom: 66.6%;
}
.aspect-ratio--4x6-ns {
padding-bottom: 150%;
}
.aspect-ratio--8x5-ns {
padding-bottom: 62.5%;
}
.aspect-ratio--5x8-ns {
padding-bottom: 160%;
}
.aspect-ratio--7x5-ns {
padding-bottom: 71.42%;
}
.aspect-ratio--5x7-ns {
padding-bottom: 140%;
}
.aspect-ratio--1x1-ns {
padding-bottom: 100%;
}
.aspect-ratio--object-ns {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}
.cover-ns {
background-size: cover !important;
}
.contain-ns {
background-size: contain !important;
}
.bg-center-ns {
background-repeat: no-repeat;
background-position: center center;
}
.bg-top-ns {
background-repeat: no-repeat;
background-position: top center;
}
.bg-right-ns {
background-repeat: no-repeat;
background-position: center right;
}
.bg-bottom-ns {
background-repeat: no-repeat;
background-position: bottom center;
}
.bg-left-ns {
background-repeat: no-repeat;
background-position: center left;
}
.outline-ns {
outline: 1px solid;
}
.outline-transparent-ns {
outline: 1px solid transparent;
}
.outline-0-ns {
outline: 0;
}
.ba-ns {
border-style: solid;
border-width: 1px;
}
.bt-ns {
border-top-style: solid;
border-top-width: 1px;
}
.br-ns {
border-right-style: solid;
border-right-width: 1px;
}
.bb-ns {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.bl-ns {
border-left-style: solid;
border-left-width: 1px;
}
.bn-ns {
border-style: none;
border-width: 0;
}
.br0-ns {
border-radius: 0;
}
.br1-ns {
border-radius: .125rem;
}
.br2-ns {
border-radius: .25rem;
}
.br3-ns {
border-radius: .5rem;
}
.br4-ns {
border-radius: 1rem;
}
.br-100-ns {
border-radius: 100%;
}
.br-pill-ns {
border-radius: 9999px;
}
.br--bottom-ns {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.br--top-ns {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.br--right-ns {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.br--left-ns {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.b--dotted-ns {
border-style: dotted;
}
.b--dashed-ns {
border-style: dashed;
}
.b--solid-ns {
border-style: solid;
}
.b--none-ns {
border-style: none;
}
.bw0-ns {
border-width: 0;
}
.bw1-ns {
border-width: .125rem;
}
.bw2-ns {
border-width: .25rem;
}
.bw3-ns {
border-width: .5rem;
}
.bw4-ns {
border-width: 1rem;
}
.bw5-ns {
border-width: 2rem;
}
.bt-0-ns {
border-top-width: 0;
}
.br-0-ns {
border-right-width: 0;
}
.bb-0-ns {
border-bottom-width: 0;
}
.bl-0-ns {
border-left-width: 0;
}
.shadow-1-ns {
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-2-ns {
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
}
.shadow-3-ns {
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-4-ns {
box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.shadow-5-ns {
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.top-0-ns {
top: 0;
}
.left-0-ns {
left: 0;
}
.right-0-ns {
right: 0;
}
.bottom-0-ns {
bottom: 0;
}
.top-1-ns {
top: 1rem;
}
.left-1-ns {
left: 1rem;
}
.right-1-ns {
right: 1rem;
}
.bottom-1-ns {
bottom: 1rem;
}
.top-2-ns {
top: 2rem;
}
.left-2-ns {
left: 2rem;
}
.right-2-ns {
right: 2rem;
}
.bottom-2-ns {
bottom: 2rem;
}
.top--1-ns {
top: -1rem;
}
.right--1-ns {
right: -1rem;
}
.bottom--1-ns {
bottom: -1rem;
}
.left--1-ns {
left: -1rem;
}
.top--2-ns {
top: -2rem;
}
.right--2-ns {
right: -2rem;
}
.bottom--2-ns {
bottom: -2rem;
}
.left--2-ns {
left: -2rem;
}
.absolute--fill-ns {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cl-ns {
clear: left;
}
.cr-ns {
clear: right;
}
.cb-ns {
clear: both;
}
.cn-ns {
clear: none;
}
.dn-ns {
display: none;
}
.di-ns {
display: inline;
}
.db-ns {
display: block;
}
.dib-ns {
display: inline-block;
}
.dit-ns {
display: inline-table;
}
.dt-ns {
display: table;
}
.dtc-ns {
display: table-cell;
}
.dt-row-ns {
display: table-row;
}
.dt-row-group-ns {
display: table-row-group;
}
.dt-column-ns {
display: table-column;
}
.dt-column-group-ns {
display: table-column-group;
}
.dt--fixed-ns {
table-layout: fixed;
width: 100%;
}
.flex-ns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.inline-flex-ns {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.flex-auto-ns {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
/* 1 */
min-height: 0;
/* 1 */
}
.flex-none-ns {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.flex-column-ns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-row-ns {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-wrap-ns {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-nowrap-ns {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-wrap-reverse-ns {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.flex-column-reverse-ns {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-row-reverse-ns {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.items-start-ns {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.items-end-ns {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.items-center-ns {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.items-baseline-ns {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.items-stretch-ns {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.self-start-ns {
-ms-flex-item-align: start;
align-self: flex-start;
}
.self-end-ns {
-ms-flex-item-align: end;
align-self: flex-end;
}
.self-center-ns {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.self-baseline-ns {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.self-stretch-ns {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.justify-start-ns {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-end-ns {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-center-ns {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-between-ns {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-around-ns {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.content-start-ns {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.content-end-ns {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.content-center-ns {
-ms-flex-line-pack: center;
align-content: center;
}
.content-between-ns {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.content-around-ns {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.content-stretch-ns {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.order-0-ns {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-1-ns {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2-ns {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3-ns {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4-ns {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5-ns {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-6-ns {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-7-ns {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-8-ns {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-last-ns {
-webkit-box-ordinal-group: 100000;
-ms-flex-order: 99999;
order: 99999;
}
.fl-ns {
float: left;
display: inline;
}
.fr-ns {
float: right;
display: inline;
}
.fn-ns {
float: none;
}
.i-ns {
font-style: italic;
}
.fs-normal-ns {
font-style: normal;
}
.normal-ns {
font-weight: normal;
}
.b-ns {
font-weight: bold;
}
.fw1-ns {
font-weight: 100;
}
.fw2-ns {
font-weight: 200;
}
.fw3-ns {
font-weight: 300;
}
.fw4-ns {
font-weight: 400;
}
.fw5-ns {
font-weight: 500;
}
.fw6-ns {
font-weight: 600;
}
.fw7-ns {
font-weight: 700;
}
.fw8-ns {
font-weight: 800;
}
.fw9-ns {
font-weight: 900;
}
.h1-ns {
height: 1rem;
}
.h2-ns {
height: 2rem;
}
.h3-ns {
height: 4rem;
}
.h4-ns {
height: 8rem;
}
.h5-ns {
height: 16rem;
}
.h-25-ns {
height: 25%;
}
.h-50-ns {
height: 50%;
}
.h-75-ns {
height: 75%;
}
.h-100-ns {
height: 100%;
}
.min-h-100-ns {
min-height: 100%;
}
.vh-25-ns {
height: 25vh;
}
.vh-50-ns {
height: 50vh;
}
.vh-75-ns {
height: 75vh;
}
.vh-100-ns {
height: 100vh;
}
.min-vh-100-ns {
min-height: 100vh;
}
.h-auto-ns {
height: auto;
}
.h-inherit-ns {
height: inherit;
}
.tracked-ns {
letter-spacing: .1em;
}
.tracked-tight-ns {
letter-spacing: -0.05em;
}
.tracked-mega-ns {
letter-spacing: .25em;
}
.lh-solid-ns {
line-height: 1;
}
.lh-title-ns {
line-height: 1.25;
}
.lh-copy-ns {
line-height: 1.5;
}
.mw-100-ns {
max-width: 100%;
}
.mw1-ns {
max-width: 1rem;
}
.mw2-ns {
max-width: 2rem;
}
.mw3-ns {
max-width: 4rem;
}
.mw4-ns {
max-width: 8rem;
}
.mw5-ns {
max-width: 16rem;
}
.mw6-ns {
max-width: 32rem;
}
.mw7-ns {
max-width: 48rem;
}
.mw8-ns {
max-width: 64rem;
}
.mw9-ns {
max-width: 96rem;
}
.mw-none-ns {
max-width: none;
}
.w1-ns {
width: 1rem;
}
.w2-ns {
width: 2rem;
}
.w3-ns {
width: 4rem;
}
.w4-ns {
width: 8rem;
}
.w5-ns {
width: 16rem;
}
.w-10-ns {
width: 10%;
}
.w-20-ns {
width: 20%;
}
.w-25-ns {
width: 25%;
}
.w-30-ns {
width: 30%;
}
.w-33-ns {
width: 33%;
}
.w-34-ns {
width: 34%;
}
.w-40-ns {
width: 40%;
}
.w-50-ns {
width: 50%;
}
.w-60-ns {
width: 60%;
}
.w-70-ns {
width: 70%;
}
.w-75-ns {
width: 75%;
}
.w-80-ns {
width: 80%;
}
.w-90-ns {
width: 90%;
}
.w-100-ns {
width: 100%;
}
.w-third-ns {
width: calc(33.33333333%);
}
.w-two-thirds-ns {
width: calc(66.66666667%);
}
.w-auto-ns {
width: auto;
}
.overflow-visible-ns {
overflow: visible;
}
.overflow-hidden-ns {
overflow: hidden;
}
.overflow-scroll-ns {
overflow: scroll;
}
.overflow-auto-ns {
overflow: auto;
}
.overflow-x-visible-ns {
overflow-x: visible;
}
.overflow-x-hidden-ns {
overflow-x: hidden;
}
.overflow-x-scroll-ns {
overflow-x: scroll;
}
.overflow-x-auto-ns {
overflow-x: auto;
}
.overflow-y-visible-ns {
overflow-y: visible;
}
.overflow-y-hidden-ns {
overflow-y: hidden;
}
.overflow-y-scroll-ns {
overflow-y: scroll;
}
.overflow-y-auto-ns {
overflow-y: auto;
}
.static-ns {
position: static;
}
.relative-ns {
position: relative;
}
.absolute-ns {
position: absolute;
}
.fixed-ns {
position: fixed;
}
.rotate-45-ns {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.rotate-90-ns {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.rotate-135-ns {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.rotate-180-ns {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rotate-225-ns {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.rotate-270-ns {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.rotate-315-ns {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
.pa0-ns {
padding: 0;
}
.pa1-ns {
padding: .25rem;
}
.pa2-ns {
padding: .5rem;
}
.pa3-ns {
padding: 1rem;
}
.pa4-ns {
padding: 2rem;
}
.pa5-ns {
padding: 4rem;
}
.pa6-ns {
padding: 8rem;
}
.pa7-ns {
padding: 16rem;
}
.pl0-ns {
padding-left: 0;
}
.pl1-ns {
padding-left: .25rem;
}
.pl2-ns {
padding-left: .5rem;
}
.pl3-ns {
padding-left: 1rem;
}
.pl4-ns {
padding-left: 2rem;
}
.pl5-ns {
padding-left: 4rem;
}
.pl6-ns {
padding-left: 8rem;
}
.pl7-ns {
padding-left: 16rem;
}
.pr0-ns {
padding-right: 0;
}
.pr1-ns {
padding-right: .25rem;
}
.pr2-ns {
padding-right: .5rem;
}
.pr3-ns {
padding-right: 1rem;
}
.pr4-ns {
padding-right: 2rem;
}
.pr5-ns {
padding-right: 4rem;
}
.pr6-ns {
padding-right: 8rem;
}
.pr7-ns {
padding-right: 16rem;
}
.pb0-ns {
padding-bottom: 0;
}
.pb1-ns {
padding-bottom: .25rem;
}
.pb2-ns {
padding-bottom: .5rem;
}
.pb3-ns {
padding-bottom: 1rem;
}
.pb4-ns {
padding-bottom: 2rem;
}
.pb5-ns {
padding-bottom: 4rem;
}
.pb6-ns {
padding-bottom: 8rem;
}
.pb7-ns {
padding-bottom: 16rem;
}
.pt0-ns {
padding-top: 0;
}
.pt1-ns {
padding-top: .25rem;
}
.pt2-ns {
padding-top: .5rem;
}
.pt3-ns {
padding-top: 1rem;
}
.pt4-ns {
padding-top: 2rem;
}
.pt5-ns {
padding-top: 4rem;
}
.pt6-ns {
padding-top: 8rem;
}
.pt7-ns {
padding-top: 16rem;
}
.pv0-ns {
padding-top: 0;
padding-bottom: 0;
}
.pv1-ns {
padding-top: .25rem;
padding-bottom: .25rem;
}
.pv2-ns {
padding-top: .5rem;
padding-bottom: .5rem;
}
.pv3-ns {
padding-top: 1rem;
padding-bottom: 1rem;
}
.pv4-ns {
padding-top: 2rem;
padding-bottom: 2rem;
}
.pv5-ns {
padding-top: 4rem;
padding-bottom: 4rem;
}
.pv6-ns {
padding-top: 8rem;
padding-bottom: 8rem;
}
.pv7-ns {
padding-top: 16rem;
padding-bottom: 16rem;
}
.ph0-ns {
padding-left: 0;
padding-right: 0;
}
.ph1-ns {
padding-left: .25rem;
padding-right: .25rem;
}
.ph2-ns {
padding-left: .5rem;
padding-right: .5rem;
}
.ph3-ns {
padding-left: 1rem;
padding-right: 1rem;
}
.ph4-ns {
padding-left: 2rem;
padding-right: 2rem;
}
.ph5-ns {
padding-left: 4rem;
padding-right: 4rem;
}
.ph6-ns {
padding-left: 8rem;
padding-right: 8rem;
}
.ph7-ns {
padding-left: 16rem;
padding-right: 16rem;
}
.ma0-ns {
margin: 0;
}
.ma1-ns {
margin: .25rem;
}
.ma2-ns {
margin: .5rem;
}
.ma3-ns {
margin: 1rem;
}
.ma4-ns {
margin: 2rem;
}
.ma5-ns {
margin: 4rem;
}
.ma6-ns {
margin: 8rem;
}
.ma7-ns {
margin: 16rem;
}
.ml0-ns {
margin-left: 0;
}
.ml1-ns {
margin-left: .25rem;
}
.ml2-ns {
margin-left: .5rem;
}
.ml3-ns {
margin-left: 1rem;
}
.ml4-ns {
margin-left: 2rem;
}
.ml5-ns {
margin-left: 4rem;
}
.ml6-ns {
margin-left: 8rem;
}
.ml7-ns {
margin-left: 16rem;
}
.mr0-ns {
margin-right: 0;
}
.mr1-ns {
margin-right: .25rem;
}
.mr2-ns {
margin-right: .5rem;
}
.mr3-ns {
margin-right: 1rem;
}
.mr4-ns {
margin-right: 2rem;
}
.mr5-ns {
margin-right: 4rem;
}
.mr6-ns {
margin-right: 8rem;
}
.mr7-ns {
margin-right: 16rem;
}
.mb0-ns {
margin-bottom: 0;
}
.mb1-ns {
margin-bottom: .25rem;
}
.mb2-ns {
margin-bottom: .5rem;
}
.mb3-ns {
margin-bottom: 1rem;
}
.mb4-ns {
margin-bottom: 2rem;
}
.mb5-ns {
margin-bottom: 4rem;
}
.mb6-ns {
margin-bottom: 8rem;
}
.mb7-ns {
margin-bottom: 16rem;
}
.mt0-ns {
margin-top: 0;
}
.mt1-ns {
margin-top: .25rem;
}
.mt2-ns {
margin-top: .5rem;
}
.mt3-ns {
margin-top: 1rem;
}
.mt4-ns {
margin-top: 2rem;
}
.mt5-ns {
margin-top: 4rem;
}
.mt6-ns {
margin-top: 8rem;
}
.mt7-ns {
margin-top: 16rem;
}
.mv0-ns {
margin-top: 0;
margin-bottom: 0;
}
.mv1-ns {
margin-top: .25rem;
margin-bottom: .25rem;
}
.mv2-ns {
margin-top: .5rem;
margin-bottom: .5rem;
}
.mv3-ns {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mv4-ns {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mv5-ns {
margin-top: 4rem;
margin-bottom: 4rem;
}
.mv6-ns {
margin-top: 8rem;
margin-bottom: 8rem;
}
.mv7-ns {
margin-top: 16rem;
margin-bottom: 16rem;
}
.mh0-ns {
margin-left: 0;
margin-right: 0;
}
.mh1-ns {
margin-left: .25rem;
margin-right: .25rem;
}
.mh2-ns {
margin-left: .5rem;
margin-right: .5rem;
}
.mh3-ns {
margin-left: 1rem;
margin-right: 1rem;
}
.mh4-ns {
margin-left: 2rem;
margin-right: 2rem;
}
.mh5-ns {
margin-left: 4rem;
margin-right: 4rem;
}
.mh6-ns {
margin-left: 8rem;
margin-right: 8rem;
}
.mh7-ns {
margin-left: 16rem;
margin-right: 16rem;
}
.na1-ns {
margin: -0.25rem;
}
.na2-ns {
margin: -0.5rem;
}
.na3-ns {
margin: -1rem;
}
.na4-ns {
margin: -2rem;
}
.na5-ns {
margin: -4rem;
}
.na6-ns {
margin: -8rem;
}
.na7-ns {
margin: -16rem;
}
.nl1-ns {
margin-left: -0.25rem;
}
.nl2-ns {
margin-left: -0.5rem;
}
.nl3-ns {
margin-left: -1rem;
}
.nl4-ns {
margin-left: -2rem;
}
.nl5-ns {
margin-left: -4rem;
}
.nl6-ns {
margin-left: -8rem;
}
.nl7-ns {
margin-left: -16rem;
}
.nr1-ns {
margin-right: -0.25rem;
}
.nr2-ns {
margin-right: -0.5rem;
}
.nr3-ns {
margin-right: -1rem;
}
.nr4-ns {
margin-right: -2rem;
}
.nr5-ns {
margin-right: -4rem;
}
.nr6-ns {
margin-right: -8rem;
}
.nr7-ns {
margin-right: -16rem;
}
.nb1-ns {
margin-bottom: -0.25rem;
}
.nb2-ns {
margin-bottom: -0.5rem;
}
.nb3-ns {
margin-bottom: -1rem;
}
.nb4-ns {
margin-bottom: -2rem;
}
.nb5-ns {
margin-bottom: -4rem;
}
.nb6-ns {
margin-bottom: -8rem;
}
.nb7-ns {
margin-bottom: -16rem;
}
.nt1-ns {
margin-top: -0.25rem;
}
.nt2-ns {
margin-top: -0.5rem;
}
.nt3-ns {
margin-top: -1rem;
}
.nt4-ns {
margin-top: -2rem;
}
.nt5-ns {
margin-top: -4rem;
}
.nt6-ns {
margin-top: -8rem;
}
.nt7-ns {
margin-top: -16rem;
}
.strike-ns {
text-decoration: line-through;
}
.underline-ns {
text-decoration: underline;
}
.no-underline-ns {
text-decoration: none;
}
.tl-ns {
text-align: left;
}
.tr-ns {
text-align: right;
}
.tc-ns {
text-align: center;
}
.tj-ns {
text-align: justify;
}
.ttc-ns {
text-transform: capitalize;
}
.ttl-ns {
text-transform: lowercase;
}
.ttu-ns {
text-transform: uppercase;
}
.ttn-ns {
text-transform: none;
}
.f-6-ns,
.f-headline-ns {
font-size: 6rem;
}
.f-5-ns,
.f-subheadline-ns {
font-size: 5rem;
}
.f1-ns {
font-size: 3rem;
}
.f2-ns {
font-size: 2.25rem;
}
.f3-ns {
font-size: 1.5rem;
}
.f4-ns {
font-size: 1.25rem;
}
.f5-ns {
font-size: 1rem;
}
.f6-ns {
font-size: .875rem;
}
.f7-ns {
font-size: .75rem;
}
.measure-ns {
max-width: 30em;
}
.measure-wide-ns {
max-width: 34em;
}
.measure-narrow-ns {
max-width: 20em;
}
.indent-ns {
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
}
.small-caps-ns {
font-variant: small-caps;
}
.truncate-ns {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.center-ns {
margin-right: auto;
margin-left: auto;
}
.mr-auto-ns {
margin-right: auto;
}
.ml-auto-ns {
margin-left: auto;
}
.clip-ns {
position: fixed !important;
position: absolute !important;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
.ws-normal-ns {
white-space: normal;
}
.nowrap-ns {
white-space: nowrap;
}
.pre-ns {
white-space: pre;
}
.v-base-ns {
vertical-align: baseline;
}
.v-mid-ns {
vertical-align: middle;
}
.v-top-ns {
vertical-align: top;
}
.v-btm-ns {
vertical-align: bottom;
}
}
@media screen and (min-width: 30em) and (max-width: 60em) {
.aspect-ratio-m {
height: 0;
position: relative;
}
.aspect-ratio--16x9-m {
padding-bottom: 56.25%;
}
.aspect-ratio--9x16-m {
padding-bottom: 177.77%;
}
.aspect-ratio--4x3-m {
padding-bottom: 75%;
}
.aspect-ratio--3x4-m {
padding-bottom: 133.33%;
}
.aspect-ratio--6x4-m {
padding-bottom: 66.6%;
}
.aspect-ratio--4x6-m {
padding-bottom: 150%;
}
.aspect-ratio--8x5-m {
padding-bottom: 62.5%;
}
.aspect-ratio--5x8-m {
padding-bottom: 160%;
}
.aspect-ratio--7x5-m {
padding-bottom: 71.42%;
}
.aspect-ratio--5x7-m {
padding-bottom: 140%;
}
.aspect-ratio--1x1-m {
padding-bottom: 100%;
}
.aspect-ratio--object-m {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}
.cover-m {
background-size: cover !important;
}
.contain-m {
background-size: contain !important;
}
.bg-center-m {
background-repeat: no-repeat;
background-position: center center;
}
.bg-top-m {
background-repeat: no-repeat;
background-position: top center;
}
.bg-right-m {
background-repeat: no-repeat;
background-position: center right;
}
.bg-bottom-m {
background-repeat: no-repeat;
background-position: bottom center;
}
.bg-left-m {
background-repeat: no-repeat;
background-position: center left;
}
.outline-m {
outline: 1px solid;
}
.outline-transparent-m {
outline: 1px solid transparent;
}
.outline-0-m {
outline: 0;
}
.ba-m {
border-style: solid;
border-width: 1px;
}
.bt-m {
border-top-style: solid;
border-top-width: 1px;
}
.br-m {
border-right-style: solid;
border-right-width: 1px;
}
.bb-m {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.bl-m {
border-left-style: solid;
border-left-width: 1px;
}
.bn-m {
border-style: none;
border-width: 0;
}
.br0-m {
border-radius: 0;
}
.br1-m {
border-radius: .125rem;
}
.br2-m {
border-radius: .25rem;
}
.br3-m {
border-radius: .5rem;
}
.br4-m {
border-radius: 1rem;
}
.br-100-m {
border-radius: 100%;
}
.br-pill-m {
border-radius: 9999px;
}
.br--bottom-m {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.br--top-m {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.br--right-m {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.br--left-m {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.b--dotted-m {
border-style: dotted;
}
.b--dashed-m {
border-style: dashed;
}
.b--solid-m {
border-style: solid;
}
.b--none-m {
border-style: none;
}
.bw0-m {
border-width: 0;
}
.bw1-m {
border-width: .125rem;
}
.bw2-m {
border-width: .25rem;
}
.bw3-m {
border-width: .5rem;
}
.bw4-m {
border-width: 1rem;
}
.bw5-m {
border-width: 2rem;
}
.bt-0-m {
border-top-width: 0;
}
.br-0-m {
border-right-width: 0;
}
.bb-0-m {
border-bottom-width: 0;
}
.bl-0-m {
border-left-width: 0;
}
.shadow-1-m {
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-2-m {
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
}
.shadow-3-m {
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-4-m {
box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.shadow-5-m {
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.top-0-m {
top: 0;
}
.left-0-m {
left: 0;
}
.right-0-m {
right: 0;
}
.bottom-0-m {
bottom: 0;
}
.top-1-m {
top: 1rem;
}
.left-1-m {
left: 1rem;
}
.right-1-m {
right: 1rem;
}
.bottom-1-m {
bottom: 1rem;
}
.top-2-m {
top: 2rem;
}
.left-2-m {
left: 2rem;
}
.right-2-m {
right: 2rem;
}
.bottom-2-m {
bottom: 2rem;
}
.top--1-m {
top: -1rem;
}
.right--1-m {
right: -1rem;
}
.bottom--1-m {
bottom: -1rem;
}
.left--1-m {
left: -1rem;
}
.top--2-m {
top: -2rem;
}
.right--2-m {
right: -2rem;
}
.bottom--2-m {
bottom: -2rem;
}
.left--2-m {
left: -2rem;
}
.absolute--fill-m {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cl-m {
clear: left;
}
.cr-m {
clear: right;
}
.cb-m {
clear: both;
}
.cn-m {
clear: none;
}
.dn-m {
display: none;
}
.di-m {
display: inline;
}
.db-m {
display: block;
}
.dib-m {
display: inline-block;
}
.dit-m {
display: inline-table;
}
.dt-m {
display: table;
}
.dtc-m {
display: table-cell;
}
.dt-row-m {
display: table-row;
}
.dt-row-group-m {
display: table-row-group;
}
.dt-column-m {
display: table-column;
}
.dt-column-group-m {
display: table-column-group;
}
.dt--fixed-m {
table-layout: fixed;
width: 100%;
}
.flex-m {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.inline-flex-m {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.flex-auto-m {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
/* 1 */
min-height: 0;
/* 1 */
}
.flex-none-m {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.flex-column-m {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-row-m {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-wrap-m {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-nowrap-m {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-wrap-reverse-m {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.flex-column-reverse-m {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-row-reverse-m {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.items-start-m {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.items-end-m {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.items-center-m {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.items-baseline-m {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.items-stretch-m {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.self-start-m {
-ms-flex-item-align: start;
align-self: flex-start;
}
.self-end-m {
-ms-flex-item-align: end;
align-self: flex-end;
}
.self-center-m {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.self-baseline-m {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.self-stretch-m {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.justify-start-m {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-end-m {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-center-m {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-between-m {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-around-m {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.content-start-m {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.content-end-m {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.content-center-m {
-ms-flex-line-pack: center;
align-content: center;
}
.content-between-m {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.content-around-m {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.content-stretch-m {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.order-0-m {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-1-m {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2-m {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3-m {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4-m {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5-m {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-6-m {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-7-m {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-8-m {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-last-m {
-webkit-box-ordinal-group: 100000;
-ms-flex-order: 99999;
order: 99999;
}
.fl-m {
float: left;
display: inline;
}
.fr-m {
float: right;
display: inline;
}
.fn-m {
float: none;
}
.i-m {
font-style: italic;
}
.fs-normal-m {
font-style: normal;
}
.normal-m {
font-weight: normal;
}
.b-m {
font-weight: bold;
}
.fw1-m {
font-weight: 100;
}
.fw2-m {
font-weight: 200;
}
.fw3-m {
font-weight: 300;
}
.fw4-m {
font-weight: 400;
}
.fw5-m {
font-weight: 500;
}
.fw6-m {
font-weight: 600;
}
.fw7-m {
font-weight: 700;
}
.fw8-m {
font-weight: 800;
}
.fw9-m {
font-weight: 900;
}
.h1-m {
height: 1rem;
}
.h2-m {
height: 2rem;
}
.h3-m {
height: 4rem;
}
.h4-m {
height: 8rem;
}
.h5-m {
height: 16rem;
}
.h-25-m {
height: 25%;
}
.h-50-m {
height: 50%;
}
.h-75-m {
height: 75%;
}
.h-100-m {
height: 100%;
}
.min-h-100-m {
min-height: 100%;
}
.vh-25-m {
height: 25vh;
}
.vh-50-m {
height: 50vh;
}
.vh-75-m {
height: 75vh;
}
.vh-100-m {
height: 100vh;
}
.min-vh-100-m {
min-height: 100vh;
}
.h-auto-m {
height: auto;
}
.h-inherit-m {
height: inherit;
}
.tracked-m {
letter-spacing: .1em;
}
.tracked-tight-m {
letter-spacing: -0.05em;
}
.tracked-mega-m {
letter-spacing: .25em;
}
.lh-solid-m {
line-height: 1;
}
.lh-title-m {
line-height: 1.25;
}
.lh-copy-m {
line-height: 1.5;
}
.mw-100-m {
max-width: 100%;
}
.mw1-m {
max-width: 1rem;
}
.mw2-m {
max-width: 2rem;
}
.mw3-m {
max-width: 4rem;
}
.mw4-m {
max-width: 8rem;
}
.mw5-m {
max-width: 16rem;
}
.mw6-m {
max-width: 32rem;
}
.mw7-m {
max-width: 48rem;
}
.mw8-m {
max-width: 64rem;
}
.mw9-m {
max-width: 96rem;
}
.mw-none-m {
max-width: none;
}
.w1-m {
width: 1rem;
}
.w2-m {
width: 2rem;
}
.w3-m {
width: 4rem;
}
.w4-m {
width: 8rem;
}
.w5-m {
width: 16rem;
}
.w-10-m {
width: 10%;
}
.w-20-m {
width: 20%;
}
.w-25-m {
width: 25%;
}
.w-30-m {
width: 30%;
}
.w-33-m {
width: 33%;
}
.w-34-m {
width: 34%;
}
.w-40-m {
width: 40%;
}
.w-50-m {
width: 50%;
}
.w-60-m {
width: 60%;
}
.w-70-m {
width: 70%;
}
.w-75-m {
width: 75%;
}
.w-80-m {
width: 80%;
}
.w-90-m {
width: 90%;
}
.w-100-m {
width: 100%;
}
.w-third-m {
width: calc(33.33333333%);
}
.w-two-thirds-m {
width: calc(66.66666667%);
}
.w-auto-m {
width: auto;
}
.overflow-visible-m {
overflow: visible;
}
.overflow-hidden-m {
overflow: hidden;
}
.overflow-scroll-m {
overflow: scroll;
}
.overflow-auto-m {
overflow: auto;
}
.overflow-x-visible-m {
overflow-x: visible;
}
.overflow-x-hidden-m {
overflow-x: hidden;
}
.overflow-x-scroll-m {
overflow-x: scroll;
}
.overflow-x-auto-m {
overflow-x: auto;
}
.overflow-y-visible-m {
overflow-y: visible;
}
.overflow-y-hidden-m {
overflow-y: hidden;
}
.overflow-y-scroll-m {
overflow-y: scroll;
}
.overflow-y-auto-m {
overflow-y: auto;
}
.static-m {
position: static;
}
.relative-m {
position: relative;
}
.absolute-m {
position: absolute;
}
.fixed-m {
position: fixed;
}
.rotate-45-m {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.rotate-90-m {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.rotate-135-m {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.rotate-180-m {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rotate-225-m {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.rotate-270-m {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.rotate-315-m {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
.pa0-m {
padding: 0;
}
.pa1-m {
padding: .25rem;
}
.pa2-m {
padding: .5rem;
}
.pa3-m {
padding: 1rem;
}
.pa4-m {
padding: 2rem;
}
.pa5-m {
padding: 4rem;
}
.pa6-m {
padding: 8rem;
}
.pa7-m {
padding: 16rem;
}
.pl0-m {
padding-left: 0;
}
.pl1-m {
padding-left: .25rem;
}
.pl2-m {
padding-left: .5rem;
}
.pl3-m {
padding-left: 1rem;
}
.pl4-m {
padding-left: 2rem;
}
.pl5-m {
padding-left: 4rem;
}
.pl6-m {
padding-left: 8rem;
}
.pl7-m {
padding-left: 16rem;
}
.pr0-m {
padding-right: 0;
}
.pr1-m {
padding-right: .25rem;
}
.pr2-m {
padding-right: .5rem;
}
.pr3-m {
padding-right: 1rem;
}
.pr4-m {
padding-right: 2rem;
}
.pr5-m {
padding-right: 4rem;
}
.pr6-m {
padding-right: 8rem;
}
.pr7-m {
padding-right: 16rem;
}
.pb0-m {
padding-bottom: 0;
}
.pb1-m {
padding-bottom: .25rem;
}
.pb2-m {
padding-bottom: .5rem;
}
.pb3-m {
padding-bottom: 1rem;
}
.pb4-m {
padding-bottom: 2rem;
}
.pb5-m {
padding-bottom: 4rem;
}
.pb6-m {
padding-bottom: 8rem;
}
.pb7-m {
padding-bottom: 16rem;
}
.pt0-m {
padding-top: 0;
}
.pt1-m {
padding-top: .25rem;
}
.pt2-m {
padding-top: .5rem;
}
.pt3-m {
padding-top: 1rem;
}
.pt4-m {
padding-top: 2rem;
}
.pt5-m {
padding-top: 4rem;
}
.pt6-m {
padding-top: 8rem;
}
.pt7-m {
padding-top: 16rem;
}
.pv0-m {
padding-top: 0;
padding-bottom: 0;
}
.pv1-m {
padding-top: .25rem;
padding-bottom: .25rem;
}
.pv2-m {
padding-top: .5rem;
padding-bottom: .5rem;
}
.pv3-m {
padding-top: 1rem;
padding-bottom: 1rem;
}
.pv4-m {
padding-top: 2rem;
padding-bottom: 2rem;
}
.pv5-m {
padding-top: 4rem;
padding-bottom: 4rem;
}
.pv6-m {
padding-top: 8rem;
padding-bottom: 8rem;
}
.pv7-m {
padding-top: 16rem;
padding-bottom: 16rem;
}
.ph0-m {
padding-left: 0;
padding-right: 0;
}
.ph1-m {
padding-left: .25rem;
padding-right: .25rem;
}
.ph2-m {
padding-left: .5rem;
padding-right: .5rem;
}
.ph3-m {
padding-left: 1rem;
padding-right: 1rem;
}
.ph4-m {
padding-left: 2rem;
padding-right: 2rem;
}
.ph5-m {
padding-left: 4rem;
padding-right: 4rem;
}
.ph6-m {
padding-left: 8rem;
padding-right: 8rem;
}
.ph7-m {
padding-left: 16rem;
padding-right: 16rem;
}
.ma0-m {
margin: 0;
}
.ma1-m {
margin: .25rem;
}
.ma2-m {
margin: .5rem;
}
.ma3-m {
margin: 1rem;
}
.ma4-m {
margin: 2rem;
}
.ma5-m {
margin: 4rem;
}
.ma6-m {
margin: 8rem;
}
.ma7-m {
margin: 16rem;
}
.ml0-m {
margin-left: 0;
}
.ml1-m {
margin-left: .25rem;
}
.ml2-m {
margin-left: .5rem;
}
.ml3-m {
margin-left: 1rem;
}
.ml4-m {
margin-left: 2rem;
}
.ml5-m {
margin-left: 4rem;
}
.ml6-m {
margin-left: 8rem;
}
.ml7-m {
margin-left: 16rem;
}
.mr0-m {
margin-right: 0;
}
.mr1-m {
margin-right: .25rem;
}
.mr2-m {
margin-right: .5rem;
}
.mr3-m {
margin-right: 1rem;
}
.mr4-m {
margin-right: 2rem;
}
.mr5-m {
margin-right: 4rem;
}
.mr6-m {
margin-right: 8rem;
}
.mr7-m {
margin-right: 16rem;
}
.mb0-m {
margin-bottom: 0;
}
.mb1-m {
margin-bottom: .25rem;
}
.mb2-m {
margin-bottom: .5rem;
}
.mb3-m {
margin-bottom: 1rem;
}
.mb4-m {
margin-bottom: 2rem;
}
.mb5-m {
margin-bottom: 4rem;
}
.mb6-m {
margin-bottom: 8rem;
}
.mb7-m {
margin-bottom: 16rem;
}
.mt0-m {
margin-top: 0;
}
.mt1-m {
margin-top: .25rem;
}
.mt2-m {
margin-top: .5rem;
}
.mt3-m {
margin-top: 1rem;
}
.mt4-m {
margin-top: 2rem;
}
.mt5-m {
margin-top: 4rem;
}
.mt6-m {
margin-top: 8rem;
}
.mt7-m {
margin-top: 16rem;
}
.mv0-m {
margin-top: 0;
margin-bottom: 0;
}
.mv1-m {
margin-top: .25rem;
margin-bottom: .25rem;
}
.mv2-m {
margin-top: .5rem;
margin-bottom: .5rem;
}
.mv3-m {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mv4-m {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mv5-m {
margin-top: 4rem;
margin-bottom: 4rem;
}
.mv6-m {
margin-top: 8rem;
margin-bottom: 8rem;
}
.mv7-m {
margin-top: 16rem;
margin-bottom: 16rem;
}
.mh0-m {
margin-left: 0;
margin-right: 0;
}
.mh1-m {
margin-left: .25rem;
margin-right: .25rem;
}
.mh2-m {
margin-left: .5rem;
margin-right: .5rem;
}
.mh3-m {
margin-left: 1rem;
margin-right: 1rem;
}
.mh4-m {
margin-left: 2rem;
margin-right: 2rem;
}
.mh5-m {
margin-left: 4rem;
margin-right: 4rem;
}
.mh6-m {
margin-left: 8rem;
margin-right: 8rem;
}
.mh7-m {
margin-left: 16rem;
margin-right: 16rem;
}
.na1-m {
margin: -0.25rem;
}
.na2-m {
margin: -0.5rem;
}
.na3-m {
margin: -1rem;
}
.na4-m {
margin: -2rem;
}
.na5-m {
margin: -4rem;
}
.na6-m {
margin: -8rem;
}
.na7-m {
margin: -16rem;
}
.nl1-m {
margin-left: -0.25rem;
}
.nl2-m {
margin-left: -0.5rem;
}
.nl3-m {
margin-left: -1rem;
}
.nl4-m {
margin-left: -2rem;
}
.nl5-m {
margin-left: -4rem;
}
.nl6-m {
margin-left: -8rem;
}
.nl7-m {
margin-left: -16rem;
}
.nr1-m {
margin-right: -0.25rem;
}
.nr2-m {
margin-right: -0.5rem;
}
.nr3-m {
margin-right: -1rem;
}
.nr4-m {
margin-right: -2rem;
}
.nr5-m {
margin-right: -4rem;
}
.nr6-m {
margin-right: -8rem;
}
.nr7-m {
margin-right: -16rem;
}
.nb1-m {
margin-bottom: -0.25rem;
}
.nb2-m {
margin-bottom: -0.5rem;
}
.nb3-m {
margin-bottom: -1rem;
}
.nb4-m {
margin-bottom: -2rem;
}
.nb5-m {
margin-bottom: -4rem;
}
.nb6-m {
margin-bottom: -8rem;
}
.nb7-m {
margin-bottom: -16rem;
}
.nt1-m {
margin-top: -0.25rem;
}
.nt2-m {
margin-top: -0.5rem;
}
.nt3-m {
margin-top: -1rem;
}
.nt4-m {
margin-top: -2rem;
}
.nt5-m {
margin-top: -4rem;
}
.nt6-m {
margin-top: -8rem;
}
.nt7-m {
margin-top: -16rem;
}
.strike-m {
text-decoration: line-through;
}
.underline-m {
text-decoration: underline;
}
.no-underline-m {
text-decoration: none;
}
.tl-m {
text-align: left;
}
.tr-m {
text-align: right;
}
.tc-m {
text-align: center;
}
.tj-m {
text-align: justify;
}
.ttc-m {
text-transform: capitalize;
}
.ttl-m {
text-transform: lowercase;
}
.ttu-m {
text-transform: uppercase;
}
.ttn-m {
text-transform: none;
}
.f-6-m,
.f-headline-m {
font-size: 6rem;
}
.f-5-m,
.f-subheadline-m {
font-size: 5rem;
}
.f1-m {
font-size: 3rem;
}
.f2-m {
font-size: 2.25rem;
}
.f3-m {
font-size: 1.5rem;
}
.f4-m {
font-size: 1.25rem;
}
.f5-m {
font-size: 1rem;
}
.f6-m {
font-size: .875rem;
}
.f7-m {
font-size: .75rem;
}
.measure-m {
max-width: 30em;
}
.measure-wide-m {
max-width: 34em;
}
.measure-narrow-m {
max-width: 20em;
}
.indent-m {
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
}
.small-caps-m {
font-variant: small-caps;
}
.truncate-m {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.center-m {
margin-right: auto;
margin-left: auto;
}
.mr-auto-m {
margin-right: auto;
}
.ml-auto-m {
margin-left: auto;
}
.clip-m {
position: fixed !important;
position: absolute !important;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
.ws-normal-m {
white-space: normal;
}
.nowrap-m {
white-space: nowrap;
}
.pre-m {
white-space: pre;
}
.v-base-m {
vertical-align: baseline;
}
.v-mid-m {
vertical-align: middle;
}
.v-top-m {
vertical-align: top;
}
.v-btm-m {
vertical-align: bottom;
}
}
@media screen and (min-width: 60em) {
.aspect-ratio-l {
height: 0;
position: relative;
}
.aspect-ratio--16x9-l {
padding-bottom: 56.25%;
}
.aspect-ratio--9x16-l {
padding-bottom: 177.77%;
}
.aspect-ratio--4x3-l {
padding-bottom: 75%;
}
.aspect-ratio--3x4-l {
padding-bottom: 133.33%;
}
.aspect-ratio--6x4-l {
padding-bottom: 66.6%;
}
.aspect-ratio--4x6-l {
padding-bottom: 150%;
}
.aspect-ratio--8x5-l {
padding-bottom: 62.5%;
}
.aspect-ratio--5x8-l {
padding-bottom: 160%;
}
.aspect-ratio--7x5-l {
padding-bottom: 71.42%;
}
.aspect-ratio--5x7-l {
padding-bottom: 140%;
}
.aspect-ratio--1x1-l {
padding-bottom: 100%;
}
.aspect-ratio--object-l {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}
.cover-l {
background-size: cover !important;
}
.contain-l {
background-size: contain !important;
}
.bg-center-l {
background-repeat: no-repeat;
background-position: center center;
}
.bg-top-l {
background-repeat: no-repeat;
background-position: top center;
}
.bg-right-l {
background-repeat: no-repeat;
background-position: center right;
}
.bg-bottom-l {
background-repeat: no-repeat;
background-position: bottom center;
}
.bg-left-l {
background-repeat: no-repeat;
background-position: center left;
}
.outline-l {
outline: 1px solid;
}
.outline-transparent-l {
outline: 1px solid transparent;
}
.outline-0-l {
outline: 0;
}
.ba-l {
border-style: solid;
border-width: 1px;
}
.bt-l {
border-top-style: solid;
border-top-width: 1px;
}
.br-l {
border-right-style: solid;
border-right-width: 1px;
}
.bb-l {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.bl-l {
border-left-style: solid;
border-left-width: 1px;
}
.bn-l {
border-style: none;
border-width: 0;
}
.br0-l {
border-radius: 0;
}
.br1-l {
border-radius: .125rem;
}
.br2-l {
border-radius: .25rem;
}
.br3-l {
border-radius: .5rem;
}
.br4-l {
border-radius: 1rem;
}
.br-100-l {
border-radius: 100%;
}
.br-pill-l {
border-radius: 9999px;
}
.br--bottom-l {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.br--top-l {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.br--right-l {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.br--left-l {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.b--dotted-l {
border-style: dotted;
}
.b--dashed-l {
border-style: dashed;
}
.b--solid-l {
border-style: solid;
}
.b--none-l {
border-style: none;
}
.bw0-l {
border-width: 0;
}
.bw1-l {
border-width: .125rem;
}
.bw2-l {
border-width: .25rem;
}
.bw3-l {
border-width: .5rem;
}
.bw4-l {
border-width: 1rem;
}
.bw5-l {
border-width: 2rem;
}
.bt-0-l {
border-top-width: 0;
}
.br-0-l {
border-right-width: 0;
}
.bb-0-l {
border-bottom-width: 0;
}
.bl-0-l {
border-left-width: 0;
}
.shadow-1-l {
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-2-l {
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
}
.shadow-3-l {
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-4-l {
box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.shadow-5-l {
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.top-0-l {
top: 0;
}
.left-0-l {
left: 0;
}
.right-0-l {
right: 0;
}
.bottom-0-l {
bottom: 0;
}
.top-1-l {
top: 1rem;
}
.left-1-l {
left: 1rem;
}
.right-1-l {
right: 1rem;
}
.bottom-1-l {
bottom: 1rem;
}
.top-2-l {
top: 2rem;
}
.left-2-l {
left: 2rem;
}
.right-2-l {
right: 2rem;
}
.bottom-2-l {
bottom: 2rem;
}
.top--1-l {
top: -1rem;
}
.right--1-l {
right: -1rem;
}
.bottom--1-l {
bottom: -1rem;
}
.left--1-l {
left: -1rem;
}
.top--2-l {
top: -2rem;
}
.right--2-l {
right: -2rem;
}
.bottom--2-l {
bottom: -2rem;
}
.left--2-l {
left: -2rem;
}
.absolute--fill-l {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cl-l {
clear: left;
}
.cr-l {
clear: right;
}
.cb-l {
clear: both;
}
.cn-l {
clear: none;
}
.dn-l {
display: none;
}
.di-l {
display: inline;
}
.db-l {
display: block;
}
.dib-l {
display: inline-block;
}
.dit-l {
display: inline-table;
}
.dt-l {
display: table;
}
.dtc-l {
display: table-cell;
}
.dt-row-l {
display: table-row;
}
.dt-row-group-l {
display: table-row-group;
}
.dt-column-l {
display: table-column;
}
.dt-column-group-l {
display: table-column-group;
}
.dt--fixed-l {
table-layout: fixed;
width: 100%;
}
.flex-l {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.inline-flex-l {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.flex-auto-l {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
/* 1 */
min-height: 0;
/* 1 */
}
.flex-none-l {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.flex-column-l {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-row-l {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-wrap-l {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-nowrap-l {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-wrap-reverse-l {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.flex-column-reverse-l {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-row-reverse-l {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.items-start-l {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.items-end-l {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.items-center-l {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.items-baseline-l {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.items-stretch-l {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.self-start-l {
-ms-flex-item-align: start;
align-self: flex-start;
}
.self-end-l {
-ms-flex-item-align: end;
align-self: flex-end;
}
.self-center-l {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.self-baseline-l {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.self-stretch-l {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.justify-start-l {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-end-l {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-center-l {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-between-l {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-around-l {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.content-start-l {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.content-end-l {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.content-center-l {
-ms-flex-line-pack: center;
align-content: center;
}
.content-between-l {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.content-around-l {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.content-stretch-l {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.order-0-l {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-1-l {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2-l {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3-l {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4-l {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5-l {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-6-l {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-7-l {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-8-l {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-last-l {
-webkit-box-ordinal-group: 100000;
-ms-flex-order: 99999;
order: 99999;
}
.fl-l {
float: left;
display: inline;
}
.fr-l {
float: right;
display: inline;
}
.fn-l {
float: none;
}
.i-l {
font-style: italic;
}
.fs-normal-l {
font-style: normal;
}
.normal-l {
font-weight: normal;
}
.b-l {
font-weight: bold;
}
.fw1-l {
font-weight: 100;
}
.fw2-l {
font-weight: 200;
}
.fw3-l {
font-weight: 300;
}
.fw4-l {
font-weight: 400;
}
.fw5-l {
font-weight: 500;
}
.fw6-l {
font-weight: 600;
}
.fw7-l {
font-weight: 700;
}
.fw8-l {
font-weight: 800;
}
.fw9-l {
font-weight: 900;
}
.h1-l {
height: 1rem;
}
.h2-l {
height: 2rem;
}
.h3-l {
height: 4rem;
}
.h4-l {
height: 8rem;
}
.h5-l {
height: 16rem;
}
.h-25-l {
height: 25%;
}
.h-50-l {
height: 50%;
}
.h-75-l {
height: 75%;
}
.h-100-l {
height: 100%;
}
.min-h-100-l {
min-height: 100%;
}
.vh-25-l {
height: 25vh;
}
.vh-50-l {
height: 50vh;
}
.vh-75-l {
height: 75vh;
}
.vh-100-l {
height: 100vh;
}
.min-vh-100-l {
min-height: 100vh;
}
.h-auto-l {
height: auto;
}
.h-inherit-l {
height: inherit;
}
.tracked-l {
letter-spacing: .1em;
}
.tracked-tight-l {
letter-spacing: -0.05em;
}
.tracked-mega-l {
letter-spacing: .25em;
}
.lh-solid-l {
line-height: 1;
}
.lh-title-l {
line-height: 1.25;
}
.lh-copy-l {
line-height: 1.5;
}
.mw-100-l {
max-width: 100%;
}
.mw1-l {
max-width: 1rem;
}
.mw2-l {
max-width: 2rem;
}
.mw3-l {
max-width: 4rem;
}
.mw4-l {
max-width: 8rem;
}
.mw5-l {
max-width: 16rem;
}
.mw6-l {
max-width: 32rem;
}
.mw7-l {
max-width: 48rem;
}
.mw8-l {
max-width: 64rem;
}
.mw9-l {
max-width: 96rem;
}
.mw-none-l {
max-width: none;
}
.w1-l {
width: 1rem;
}
.w2-l {
width: 2rem;
}
.w3-l {
width: 4rem;
}
.w4-l {
width: 8rem;
}
.w5-l {
width: 16rem;
}
.w-10-l {
width: 10%;
}
.w-20-l {
width: 20%;
}
.w-25-l {
width: 25%;
}
.w-30-l {
width: 30%;
}
.w-33-l {
width: 33%;
}
.w-34-l {
width: 34%;
}
.w-40-l {
width: 40%;
}
.w-50-l {
width: 50%;
}
.w-60-l {
width: 60%;
}
.w-70-l {
width: 70%;
}
.w-75-l {
width: 75%;
}
.w-80-l {
width: 80%;
}
.w-90-l {
width: 90%;
}
.w-100-l {
width: 100%;
}
.w-third-l {
width: calc(33.33333333%);
}
.w-two-thirds-l {
width: calc(66.66666667%);
}
.w-auto-l {
width: auto;
}
.overflow-visible-l {
overflow: visible;
}
.overflow-hidden-l {
overflow: hidden;
}
.overflow-scroll-l {
overflow: scroll;
}
.overflow-auto-l {
overflow: auto;
}
.overflow-x-visible-l {
overflow-x: visible;
}
.overflow-x-hidden-l {
overflow-x: hidden;
}
.overflow-x-scroll-l {
overflow-x: scroll;
}
.overflow-x-auto-l {
overflow-x: auto;
}
.overflow-y-visible-l {
overflow-y: visible;
}
.overflow-y-hidden-l {
overflow-y: hidden;
}
.overflow-y-scroll-l {
overflow-y: scroll;
}
.overflow-y-auto-l {
overflow-y: auto;
}
.static-l {
position: static;
}
.relative-l {
position: relative;
}
.absolute-l {
position: absolute;
}
.fixed-l {
position: fixed;
}
.rotate-45-l {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.rotate-90-l {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.rotate-135-l {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.rotate-180-l {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rotate-225-l {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.rotate-270-l {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.rotate-315-l {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
.pa0-l {
padding: 0;
}
.pa1-l {
padding: .25rem;
}
.pa2-l {
padding: .5rem;
}
.pa3-l {
padding: 1rem;
}
.pa4-l {
padding: 2rem;
}
.pa5-l {
padding: 4rem;
}
.pa6-l {
padding: 8rem;
}
.pa7-l {
padding: 16rem;
}
.pl0-l {
padding-left: 0;
}
.pl1-l {
padding-left: .25rem;
}
.pl2-l {
padding-left: .5rem;
}
.pl3-l {
padding-left: 1rem;
}
.pl4-l {
padding-left: 2rem;
}
.pl5-l {
padding-left: 4rem;
}
.pl6-l {
padding-left: 8rem;
}
.pl7-l {
padding-left: 16rem;
}
.pr0-l {
padding-right: 0;
}
.pr1-l {
padding-right: .25rem;
}
.pr2-l {
padding-right: .5rem;
}
.pr3-l {
padding-right: 1rem;
}
.pr4-l {
padding-right: 2rem;
}
.pr5-l {
padding-right: 4rem;
}
.pr6-l {
padding-right: 8rem;
}
.pr7-l {
padding-right: 16rem;
}
.pb0-l {
padding-bottom: 0;
}
.pb1-l {
padding-bottom: .25rem;
}
.pb2-l {
padding-bottom: .5rem;
}
.pb3-l {
padding-bottom: 1rem;
}
.pb4-l {
padding-bottom: 2rem;
}
.pb5-l {
padding-bottom: 4rem;
}
.pb6-l {
padding-bottom: 8rem;
}
.pb7-l {
padding-bottom: 16rem;
}
.pt0-l {
padding-top: 0;
}
.pt1-l {
padding-top: .25rem;
}
.pt2-l {
padding-top: .5rem;
}
.pt3-l {
padding-top: 1rem;
}
.pt4-l {
padding-top: 2rem;
}
.pt5-l {
padding-top: 4rem;
}
.pt6-l {
padding-top: 8rem;
}
.pt7-l {
padding-top: 16rem;
}
.pv0-l {
padding-top: 0;
padding-bottom: 0;
}
.pv1-l {
padding-top: .25rem;
padding-bottom: .25rem;
}
.pv2-l {
padding-top: .5rem;
padding-bottom: .5rem;
}
.pv3-l {
padding-top: 1rem;
padding-bottom: 1rem;
}
.pv4-l {
padding-top: 2rem;
padding-bottom: 2rem;
}
.pv5-l {
padding-top: 4rem;
padding-bottom: 4rem;
}
.pv6-l {
padding-top: 8rem;
padding-bottom: 8rem;
}
.pv7-l {
padding-top: 16rem;
padding-bottom: 16rem;
}
.ph0-l {
padding-left: 0;
padding-right: 0;
}
.ph1-l {
padding-left: .25rem;
padding-right: .25rem;
}
.ph2-l {
padding-left: .5rem;
padding-right: .5rem;
}
.ph3-l {
padding-left: 1rem;
padding-right: 1rem;
}
.ph4-l {
padding-left: 2rem;
padding-right: 2rem;
}
.ph5-l {
padding-left: 4rem;
padding-right: 4rem;
}
.ph6-l {
padding-left: 8rem;
padding-right: 8rem;
}
.ph7-l {
padding-left: 16rem;
padding-right: 16rem;
}
.ma0-l {
margin: 0;
}
.ma1-l {
margin: .25rem;
}
.ma2-l {
margin: .5rem;
}
.ma3-l {
margin: 1rem;
}
.ma4-l {
margin: 2rem;
}
.ma5-l {
margin: 4rem;
}
.ma6-l {
margin: 8rem;
}
.ma7-l {
margin: 16rem;
}
.ml0-l {
margin-left: 0;
}
.ml1-l {
margin-left: .25rem;
}
.ml2-l {
margin-left: .5rem;
}
.ml3-l {
margin-left: 1rem;
}
.ml4-l {
margin-left: 2rem;
}
.ml5-l {
margin-left: 4rem;
}
.ml6-l {
margin-left: 8rem;
}
.ml7-l {
margin-left: 16rem;
}
.mr0-l {
margin-right: 0;
}
.mr1-l {
margin-right: .25rem;
}
.mr2-l {
margin-right: .5rem;
}
.mr3-l {
margin-right: 1rem;
}
.mr4-l {
margin-right: 2rem;
}
.mr5-l {
margin-right: 4rem;
}
.mr6-l {
margin-right: 8rem;
}
.mr7-l {
margin-right: 16rem;
}
.mb0-l {
margin-bottom: 0;
}
.mb1-l {
margin-bottom: .25rem;
}
.mb2-l {
margin-bottom: .5rem;
}
.mb3-l {
margin-bottom: 1rem;
}
.mb4-l {
margin-bottom: 2rem;
}
.mb5-l {
margin-bottom: 4rem;
}
.mb6-l {
margin-bottom: 8rem;
}
.mb7-l {
margin-bottom: 16rem;
}
.mt0-l {
margin-top: 0;
}
.mt1-l {
margin-top: .25rem;
}
.mt2-l {
margin-top: .5rem;
}
.mt3-l {
margin-top: 1rem;
}
.mt4-l {
margin-top: 2rem;
}
.mt5-l {
margin-top: 4rem;
}
.mt6-l {
margin-top: 8rem;
}
.mt7-l {
margin-top: 16rem;
}
.mv0-l {
margin-top: 0;
margin-bottom: 0;
}
.mv1-l {
margin-top: .25rem;
margin-bottom: .25rem;
}
.mv2-l {
margin-top: .5rem;
margin-bottom: .5rem;
}
.mv3-l {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mv4-l {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mv5-l {
margin-top: 4rem;
margin-bottom: 4rem;
}
.mv6-l {
margin-top: 8rem;
margin-bottom: 8rem;
}
.mv7-l {
margin-top: 16rem;
margin-bottom: 16rem;
}
.mh0-l {
margin-left: 0;
margin-right: 0;
}
.mh1-l {
margin-left: .25rem;
margin-right: .25rem;
}
.mh2-l {
margin-left: .5rem;
margin-right: .5rem;
}
.mh3-l {
margin-left: 1rem;
margin-right: 1rem;
}
.mh4-l {
margin-left: 2rem;
margin-right: 2rem;
}
.mh5-l {
margin-left: 4rem;
margin-right: 4rem;
}
.mh6-l {
margin-left: 8rem;
margin-right: 8rem;
}
.mh7-l {
margin-left: 16rem;
margin-right: 16rem;
}
.na1-l {
margin: -0.25rem;
}
.na2-l {
margin: -0.5rem;
}
.na3-l {
margin: -1rem;
}
.na4-l {
margin: -2rem;
}
.na5-l {
margin: -4rem;
}
.na6-l {
margin: -8rem;
}
.na7-l {
margin: -16rem;
}
.nl1-l {
margin-left: -0.25rem;
}
.nl2-l {
margin-left: -0.5rem;
}
.nl3-l {
margin-left: -1rem;
}
.nl4-l {
margin-left: -2rem;
}
.nl5-l {
margin-left: -4rem;
}
.nl6-l {
margin-left: -8rem;
}
.nl7-l {
margin-left: -16rem;
}
.nr1-l {
margin-right: -0.25rem;
}
.nr2-l {
margin-right: -0.5rem;
}
.nr3-l {
margin-right: -1rem;
}
.nr4-l {
margin-right: -2rem;
}
.nr5-l {
margin-right: -4rem;
}
.nr6-l {
margin-right: -8rem;
}
.nr7-l {
margin-right: -16rem;
}
.nb1-l {
margin-bottom: -0.25rem;
}
.nb2-l {
margin-bottom: -0.5rem;
}
.nb3-l {
margin-bottom: -1rem;
}
.nb4-l {
margin-bottom: -2rem;
}
.nb5-l {
margin-bottom: -4rem;
}
.nb6-l {
margin-bottom: -8rem;
}
.nb7-l {
margin-bottom: -16rem;
}
.nt1-l {
margin-top: -0.25rem;
}
.nt2-l {
margin-top: -0.5rem;
}
.nt3-l {
margin-top: -1rem;
}
.nt4-l {
margin-top: -2rem;
}
.nt5-l {
margin-top: -4rem;
}
.nt6-l {
margin-top: -8rem;
}
.nt7-l {
margin-top: -16rem;
}
.strike-l {
text-decoration: line-through;
}
.underline-l {
text-decoration: underline;
}
.no-underline-l {
text-decoration: none;
}
.tl-l {
text-align: left;
}
.tr-l {
text-align: right;
}
.tc-l {
text-align: center;
}
.tj-l {
text-align: justify;
}
.ttc-l {
text-transform: capitalize;
}
.ttl-l {
text-transform: lowercase;
}
.ttu-l {
text-transform: uppercase;
}
.ttn-l {
text-transform: none;
}
.f-6-l,
.f-headline-l {
font-size: 6rem;
}
.f-5-l,
.f-subheadline-l {
font-size: 5rem;
}
.f1-l {
font-size: 3rem;
}
.f2-l {
font-size: 2.25rem;
}
.f3-l {
font-size: 1.5rem;
}
.f4-l {
font-size: 1.25rem;
}
.f5-l {
font-size: 1rem;
}
.f6-l {
font-size: .875rem;
}
.f7-l {
font-size: .75rem;
}
.measure-l {
max-width: 30em;
}
.measure-wide-l {
max-width: 34em;
}
.measure-narrow-l {
max-width: 20em;
}
.indent-l {
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
}
.small-caps-l {
font-variant: small-caps;
}
.truncate-l {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.center-l {
margin-right: auto;
margin-left: auto;
}
.mr-auto-l {
margin-right: auto;
}
.ml-auto-l {
margin-left: auto;
}
.clip-l {
position: fixed !important;
position: absolute !important;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
.ws-normal-l {
white-space: normal;
}
.nowrap-l {
white-space: nowrap;
}
.pre-l {
white-space: pre;
}
.v-base-l {
vertical-align: baseline;
}
.v-mid-l {
vertical-align: middle;
}
.v-top-l {
vertical-align: top;
}
.v-btm-l {
vertical-align: bottom;
}
}
/**
* Variables declared here can be overridden by consuming applications, with
* the help of the `!default` flag.
*
* @example
* // overriding $hoverColor
* $hoverColor: rgba(red, 0.05);
*
* // overriding image path
* $flagsImagePath: "images/";
*
* // import the scss file after the overrides
* @import "bower_component/intl-tel-input/src/css/intlTelInput";
*/
.intl-tel-input {
position: relative;
display: inline-block;
}
.intl-tel-input * {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.intl-tel-input .hide {
display: none;
}
.intl-tel-input .v-hide {
visibility: hidden;
}
.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0;
}
.intl-tel-input .flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px;
}
.intl-tel-input .selected-flag {
z-index: 1;
position: relative;
width: 36px;
height: 100%;
padding: 0 0 0 8px;
}
.intl-tel-input .selected-flag .iti-flag {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.intl-tel-input .selected-flag .iti-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 6px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555;
}
.intl-tel-input .selected-flag .iti-arrow.up {
border-top: none;
border-bottom: 4px solid #555;
}
.intl-tel-input .country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
margin: 0 0 0 -1px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
background-color: white;
border: 1px solid #CCC;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll;
}
.intl-tel-input .country-list.dropup {
bottom: 100%;
margin-bottom: -1px;
}
.intl-tel-input .country-list .flag-box {
display: inline-block;
width: 20px;
}
@media (max-width: 500px) {
.intl-tel-input .country-list {
white-space: normal;
}
}
.intl-tel-input .country-list .divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #CCC;
}
.intl-tel-input .country-list .country {
padding: 5px 10px;
}
.intl-tel-input .country-list .country .dial-code {
color: #999;
}
.intl-tel-input .country-list .country.highlight {
background-color: rgba(0, 0, 0, 0.05);
}
.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
vertical-align: middle;
}
.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
margin-right: 6px;
}
.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=text],
.intl-tel-input.separate-dial-code input[type=tel] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
}
.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
right: auto;
left: 0;
}
.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
width: 46px;
}
.intl-tel-input.allow-dropdown .flag-container:hover {
cursor: pointer;
}
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
background-color: rgba(0, 0, 0, 0.05);
}
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
cursor: default;
}
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
background-color: transparent;
}
.intl-tel-input.separate-dial-code .selected-flag {
background-color: rgba(0, 0, 0, 0.05);
display: table;
}
.intl-tel-input.separate-dial-code .selected-dial-code {
display: table-cell;
vertical-align: middle;
padding-left: 28px;
}
.intl-tel-input.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
padding-left: 66px;
}
.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
width: 60px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
padding-left: 76px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
width: 70px;
}
.intl-tel-input.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
padding-left: 74px;
}
.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
width: 68px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
padding-left: 84px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
width: 78px;
}
.intl-tel-input.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
padding-left: 82px;
}
.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
width: 76px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
padding-left: 92px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
width: 86px;
}
.intl-tel-input.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
padding-left: 90px;
}
.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
width: 84px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
padding-left: 100px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
width: 94px;
}
.intl-tel-input.iti-container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: 1px;
}
.intl-tel-input.iti-container:hover {
cursor: pointer;
}
.iti-mobile .intl-tel-input.iti-container {
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
position: fixed;
}
.iti-mobile .intl-tel-input .country-list {
max-height: 100%;
width: 100%;
}
.iti-mobile .intl-tel-input .country-list .country {
padding: 10px 10px;
line-height: 1.5em;
}
.iti-flag {
width: 20px;
}
.iti-flag.be {
width: 18px;
}
.iti-flag.ch {
width: 15px;
}
.iti-flag.mc {
width: 19px;
}
.iti-flag.ne {
width: 18px;
}
.iti-flag.np {
width: 13px;
}
.iti-flag.va {
width: 15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.iti-flag {
background-size: 5630px 15px;
}
}
.iti-flag.ac {
height: 10px;
background-position: 0px 0px;
}
.iti-flag.ad {
height: 14px;
background-position: -22px 0px;
}
.iti-flag.ae {
height: 10px;
background-position: -44px 0px;
}
.iti-flag.af {
height: 14px;
background-position: -66px 0px;
}
.iti-flag.ag {
height: 14px;
background-position: -88px 0px;
}
.iti-flag.ai {
height: 10px;
background-position: -110px 0px;
}
.iti-flag.al {
height: 15px;
background-position: -132px 0px;
}
.iti-flag.am {
height: 10px;
background-position: -154px 0px;
}
.iti-flag.ao {
height: 14px;
background-position: -176px 0px;
}
.iti-flag.aq {
height: 14px;
background-position: -198px 0px;
}
.iti-flag.ar {
height: 13px;
background-position: -220px 0px;
}
.iti-flag.as {
height: 10px;
background-position: -242px 0px;
}
.iti-flag.at {
height: 14px;
background-position: -264px 0px;
}
.iti-flag.au {
height: 10px;
background-position: -286px 0px;
}
.iti-flag.aw {
height: 14px;
background-position: -308px 0px;
}
.iti-flag.ax {
height: 13px;
background-position: -330px 0px;
}
.iti-flag.az {
height: 10px;
background-position: -352px 0px;
}
.iti-flag.ba {
height: 10px;
background-position: -374px 0px;
}
.iti-flag.bb {
height: 14px;
background-position: -396px 0px;
}
.iti-flag.bd {
height: 12px;
background-position: -418px 0px;
}
.iti-flag.be {
height: 15px;
background-position: -440px 0px;
}
.iti-flag.bf {
height: 14px;
background-position: -460px 0px;
}
.iti-flag.bg {
height: 12px;
background-position: -482px 0px;
}
.iti-flag.bh {
height: 12px;
background-position: -504px 0px;
}
.iti-flag.bi {
height: 12px;
background-position: -526px 0px;
}
.iti-flag.bj {
height: 14px;
background-position: -548px 0px;
}
.iti-flag.bl {
height: 14px;
background-position: -570px 0px;
}
.iti-flag.bm {
height: 10px;
background-position: -592px 0px;
}
.iti-flag.bn {
height: 10px;
background-position: -614px 0px;
}
.iti-flag.bo {
height: 14px;
background-position: -636px 0px;
}
.iti-flag.bq {
height: 14px;
background-position: -658px 0px;
}
.iti-flag.br {
height: 14px;
background-position: -680px 0px;
}
.iti-flag.bs {
height: 10px;
background-position: -702px 0px;
}
.iti-flag.bt {
height: 14px;
background-position: -724px 0px;
}
.iti-flag.bv {
height: 15px;
background-position: -746px 0px;
}
.iti-flag.bw {
height: 14px;
background-position: -768px 0px;
}
.iti-flag.by {
height: 10px;
background-position: -790px 0px;
}
.iti-flag.bz {
height: 14px;
background-position: -812px 0px;
}
.iti-flag.ca {
height: 10px;
background-position: -834px 0px;
}
.iti-flag.cc {
height: 10px;
background-position: -856px 0px;
}
.iti-flag.cd {
height: 15px;
background-position: -878px 0px;
}
.iti-flag.cf {
height: 14px;
background-position: -900px 0px;
}
.iti-flag.cg {
height: 14px;
background-position: -922px 0px;
}
.iti-flag.ch {
height: 15px;
background-position: -944px 0px;
}
.iti-flag.ci {
height: 14px;
background-position: -961px 0px;
}
.iti-flag.ck {
height: 10px;
background-position: -983px 0px;
}
.iti-flag.cl {
height: 14px;
background-position: -1005px 0px;
}
.iti-flag.cm {
height: 14px;
background-position: -1027px 0px;
}
.iti-flag.cn {
height: 14px;
background-position: -1049px 0px;
}
.iti-flag.co {
height: 14px;
background-position: -1071px 0px;
}
.iti-flag.cp {
height: 14px;
background-position: -1093px 0px;
}
.iti-flag.cr {
height: 12px;
background-position: -1115px 0px;
}
.iti-flag.cu {
height: 10px;
background-position: -1137px 0px;
}
.iti-flag.cv {
height: 12px;
background-position: -1159px 0px;
}
.iti-flag.cw {
height: 14px;
background-position: -1181px 0px;
}
.iti-flag.cx {
height: 10px;
background-position: -1203px 0px;
}
.iti-flag.cy {
height: 13px;
background-position: -1225px 0px;
}
.iti-flag.cz {
height: 14px;
background-position: -1247px 0px;
}
.iti-flag.de {
height: 12px;
background-position: -1269px 0px;
}
.iti-flag.dg {
height: 10px;
background-position: -1291px 0px;
}
.iti-flag.dj {
height: 14px;
background-position: -1313px 0px;
}
.iti-flag.dk {
height: 15px;
background-position: -1335px 0px;
}
.iti-flag.dm {
height: 10px;
background-position: -1357px 0px;
}
.iti-flag.do {
height: 13px;
background-position: -1379px 0px;
}
.iti-flag.dz {
height: 14px;
background-position: -1401px 0px;
}
.iti-flag.ea {
height: 14px;
background-position: -1423px 0px;
}
.iti-flag.ec {
height: 14px;
background-position: -1445px 0px;
}
.iti-flag.ee {
height: 13px;
background-position: -1467px 0px;
}
.iti-flag.eg {
height: 14px;
background-position: -1489px 0px;
}
.iti-flag.eh {
height: 10px;
background-position: -1511px 0px;
}
.iti-flag.er {
height: 10px;
background-position: -1533px 0px;
}
.iti-flag.es {
height: 14px;
background-position: -1555px 0px;
}
.iti-flag.et {
height: 10px;
background-position: -1577px 0px;
}
.iti-flag.eu {
height: 14px;
background-position: -1599px 0px;
}
.iti-flag.fi {
height: 12px;
background-position: -1621px 0px;
}
.iti-flag.fj {
height: 10px;
background-position: -1643px 0px;
}
.iti-flag.fk {
height: 10px;
background-position: -1665px 0px;
}
.iti-flag.fm {
height: 11px;
background-position: -1687px 0px;
}
.iti-flag.fo {
height: 15px;
background-position: -1709px 0px;
}
.iti-flag.fr {
height: 14px;
background-position: -1731px 0px;
}
.iti-flag.ga {
height: 15px;
background-position: -1753px 0px;
}
.iti-flag.gb {
height: 10px;
background-position: -1775px 0px;
}
.iti-flag.gd {
height: 12px;
background-position: -1797px 0px;
}
.iti-flag.ge {
height: 14px;
background-position: -1819px 0px;
}
.iti-flag.gf {
height: 14px;
background-position: -1841px 0px;
}
.iti-flag.gg {
height: 14px;
background-position: -1863px 0px;
}
.iti-flag.gh {
height: 14px;
background-position: -1885px 0px;
}
.iti-flag.gi {
height: 10px;
background-position: -1907px 0px;
}
.iti-flag.gl {
height: 14px;
background-position: -1929px 0px;
}
.iti-flag.gm {
height: 14px;
background-position: -1951px 0px;
}
.iti-flag.gn {
height: 14px;
background-position: -1973px 0px;
}
.iti-flag.gp {
height: 14px;
background-position: -1995px 0px;
}
.iti-flag.gq {
height: 14px;
background-position: -2017px 0px;
}
.iti-flag.gr {
height: 14px;
background-position: -2039px 0px;
}
.iti-flag.gs {
height: 10px;
background-position: -2061px 0px;
}
.iti-flag.gt {
height: 13px;
background-position: -2083px 0px;
}
.iti-flag.gu {
height: 11px;
background-position: -2105px 0px;
}
.iti-flag.gw {
height: 10px;
background-position: -2127px 0px;
}
.iti-flag.gy {
height: 12px;
background-position: -2149px 0px;
}
.iti-flag.hk {
height: 14px;
background-position: -2171px 0px;
}
.iti-flag.hm {
height: 10px;
background-position: -2193px 0px;
}
.iti-flag.hn {
height: 10px;
background-position: -2215px 0px;
}
.iti-flag.hr {
height: 10px;
background-position: -2237px 0px;
}
.iti-flag.ht {
height: 12px;
background-position: -2259px 0px;
}
.iti-flag.hu {
height: 10px;
background-position: -2281px 0px;
}
.iti-flag.ic {
height: 14px;
background-position: -2303px 0px;
}
.iti-flag.id {
height: 14px;
background-position: -2325px 0px;
}
.iti-flag.ie {
height: 10px;
background-position: -2347px 0px;
}
.iti-flag.il {
height: 15px;
background-position: -2369px 0px;
}
.iti-flag.im {
height: 10px;
background-position: -2391px 0px;
}
.iti-flag.in {
height: 14px;
background-position: -2413px 0px;
}
.iti-flag.io {
height: 10px;
background-position: -2435px 0px;
}
.iti-flag.iq {
height: 14px;
background-position: -2457px 0px;
}
.iti-flag.ir {
height: 12px;
background-position: -2479px 0px;
}
.iti-flag.is {
height: 15px;
background-position: -2501px 0px;
}
.iti-flag.it {
height: 14px;
background-position: -2523px 0px;
}
.iti-flag.je {
height: 12px;
background-position: -2545px 0px;
}
.iti-flag.jm {
height: 10px;
background-position: -2567px 0px;
}
.iti-flag.jo {
height: 10px;
background-position: -2589px 0px;
}
.iti-flag.jp {
height: 14px;
background-position: -2611px 0px;
}
.iti-flag.ke {
height: 14px;
background-position: -2633px 0px;
}
.iti-flag.kg {
height: 12px;
background-position: -2655px 0px;
}
.iti-flag.kh {
height: 13px;
background-position: -2677px 0px;
}
.iti-flag.ki {
height: 10px;
background-position: -2699px 0px;
}
.iti-flag.km {
height: 12px;
background-position: -2721px 0px;
}
.iti-flag.kn {
height: 14px;
background-position: -2743px 0px;
}
.iti-flag.kp {
height: 10px;
background-position: -2765px 0px;
}
.iti-flag.kr {
height: 14px;
background-position: -2787px 0px;
}
.iti-flag.kw {
height: 10px;
background-position: -2809px 0px;
}
.iti-flag.ky {
height: 10px;
background-position: -2831px 0px;
}
.iti-flag.kz {
height: 10px;
background-position: -2853px 0px;
}
.iti-flag.la {
height: 14px;
background-position: -2875px 0px;
}
.iti-flag.lb {
height: 14px;
background-position: -2897px 0px;
}
.iti-flag.lc {
height: 10px;
background-position: -2919px 0px;
}
.iti-flag.li {
height: 12px;
background-position: -2941px 0px;
}
.iti-flag.lk {
height: 10px;
background-position: -2963px 0px;
}
.iti-flag.lr {
height: 11px;
background-position: -2985px 0px;
}
.iti-flag.ls {
height: 14px;
background-position: -3007px 0px;
}
.iti-flag.lt {
height: 12px;
background-position: -3029px 0px;
}
.iti-flag.lu {
height: 12px;
background-position: -3051px 0px;
}
.iti-flag.lv {
height: 10px;
background-position: -3073px 0px;
}
.iti-flag.ly {
height: 10px;
background-position: -3095px 0px;
}
.iti-flag.ma {
height: 14px;
background-position: -3117px 0px;
}
.iti-flag.mc {
height: 15px;
background-position: -3139px 0px;
}
.iti-flag.md {
height: 10px;
background-position: -3160px 0px;
}
.iti-flag.me {
height: 10px;
background-position: -3182px 0px;
}
.iti-flag.mf {
height: 14px;
background-position: -3204px 0px;
}
.iti-flag.mg {
height: 14px;
background-position: -3226px 0px;
}
.iti-flag.mh {
height: 11px;
background-position: -3248px 0px;
}
.iti-flag.mk {
height: 10px;
background-position: -3270px 0px;
}
.iti-flag.ml {
height: 14px;
background-position: -3292px 0px;
}
.iti-flag.mm {
height: 14px;
background-position: -3314px 0px;
}
.iti-flag.mn {
height: 10px;
background-position: -3336px 0px;
}
.iti-flag.mo {
height: 14px;
background-position: -3358px 0px;
}
.iti-flag.mp {
height: 10px;
background-position: -3380px 0px;
}
.iti-flag.mq {
height: 14px;
background-position: -3402px 0px;
}
.iti-flag.mr {
height: 14px;
background-position: -3424px 0px;
}
.iti-flag.ms {
height: 10px;
background-position: -3446px 0px;
}
.iti-flag.mt {
height: 14px;
background-position: -3468px 0px;
}
.iti-flag.mu {
height: 14px;
background-position: -3490px 0px;
}
.iti-flag.mv {
height: 14px;
background-position: -3512px 0px;
}
.iti-flag.mw {
height: 14px;
background-position: -3534px 0px;
}
.iti-flag.mx {
height: 12px;
background-position: -3556px 0px;
}
.iti-flag.my {
height: 10px;
background-position: -3578px 0px;
}
.iti-flag.mz {
height: 14px;
background-position: -3600px 0px;
}
.iti-flag.na {
height: 14px;
background-position: -3622px 0px;
}
.iti-flag.nc {
height: 10px;
background-position: -3644px 0px;
}
.iti-flag.ne {
height: 15px;
background-position: -3666px 0px;
}
.iti-flag.nf {
height: 10px;
background-position: -3686px 0px;
}
.iti-flag.ng {
height: 10px;
background-position: -3708px 0px;
}
.iti-flag.ni {
height: 12px;
background-position: -3730px 0px;
}
.iti-flag.nl {
height: 14px;
background-position: -3752px 0px;
}
.iti-flag.no {
height: 15px;
background-position: -3774px 0px;
}
.iti-flag.np {
height: 15px;
background-position: -3796px 0px;
}
.iti-flag.nr {
height: 10px;
background-position: -3811px 0px;
}
.iti-flag.nu {
height: 10px;
background-position: -3833px 0px;
}
.iti-flag.nz {
height: 10px;
background-position: -3855px 0px;
}
.iti-flag.om {
height: 10px;
background-position: -3877px 0px;
}
.iti-flag.pa {
height: 14px;
background-position: -3899px 0px;
}
.iti-flag.pe {
height: 14px;
background-position: -3921px 0px;
}
.iti-flag.pf {
height: 14px;
background-position: -3943px 0px;
}
.iti-flag.pg {
height: 15px;
background-position: -3965px 0px;
}
.iti-flag.ph {
height: 10px;
background-position: -3987px 0px;
}
.iti-flag.pk {
height: 14px;
background-position: -4009px 0px;
}
.iti-flag.pl {
height: 13px;
background-position: -4031px 0px;
}
.iti-flag.pm {
height: 14px;
background-position: -4053px 0px;
}
.iti-flag.pn {
height: 10px;
background-position: -4075px 0px;
}
.iti-flag.pr {
height: 14px;
background-position: -4097px 0px;
}
.iti-flag.ps {
height: 10px;
background-position: -4119px 0px;
}
.iti-flag.pt {
height: 14px;
background-position: -4141px 0px;
}
.iti-flag.pw {
height: 13px;
background-position: -4163px 0px;
}
.iti-flag.py {
height: 11px;
background-position: -4185px 0px;
}
.iti-flag.qa {
height: 8px;
background-position: -4207px 0px;
}
.iti-flag.re {
height: 14px;
background-position: -4229px 0px;
}
.iti-flag.ro {
height: 14px;
background-position: -4251px 0px;
}
.iti-flag.rs {
height: 14px;
background-position: -4273px 0px;
}
.iti-flag.ru {
height: 14px;
background-position: -4295px 0px;
}
.iti-flag.rw {
height: 14px;
background-position: -4317px 0px;
}
.iti-flag.sa {
height: 14px;
background-position: -4339px 0px;
}
.iti-flag.sb {
height: 10px;
background-position: -4361px 0px;
}
.iti-flag.sc {
height: 10px;
background-position: -4383px 0px;
}
.iti-flag.sd {
height: 10px;
background-position: -4405px 0px;
}
.iti-flag.se {
height: 13px;
background-position: -4427px 0px;
}
.iti-flag.sg {
height: 14px;
background-position: -4449px 0px;
}
.iti-flag.sh {
height: 10px;
background-position: -4471px 0px;
}
.iti-flag.si {
height: 10px;
background-position: -4493px 0px;
}
.iti-flag.sj {
height: 15px;
background-position: -4515px 0px;
}
.iti-flag.sk {
height: 14px;
background-position: -4537px 0px;
}
.iti-flag.sl {
height: 14px;
background-position: -4559px 0px;
}
.iti-flag.sm {
height: 15px;
background-position: -4581px 0px;
}
.iti-flag.sn {
height: 14px;
background-position: -4603px 0px;
}
.iti-flag.so {
height: 14px;
background-position: -4625px 0px;
}
.iti-flag.sr {
height: 14px;
background-position: -4647px 0px;
}
.iti-flag.ss {
height: 10px;
background-position: -4669px 0px;
}
.iti-flag.st {
height: 10px;
background-position: -4691px 0px;
}
.iti-flag.sv {
height: 12px;
background-position: -4713px 0px;
}
.iti-flag.sx {
height: 14px;
background-position: -4735px 0px;
}
.iti-flag.sy {
height: 14px;
background-position: -4757px 0px;
}
.iti-flag.sz {
height: 14px;
background-position: -4779px 0px;
}
.iti-flag.ta {
height: 10px;
background-position: -4801px 0px;
}
.iti-flag.tc {
height: 10px;
background-position: -4823px 0px;
}
.iti-flag.td {
height: 14px;
background-position: -4845px 0px;
}
.iti-flag.tf {
height: 14px;
background-position: -4867px 0px;
}
.iti-flag.tg {
height: 13px;
background-position: -4889px 0px;
}
.iti-flag.th {
height: 14px;
background-position: -4911px 0px;
}
.iti-flag.tj {
height: 10px;
background-position: -4933px 0px;
}
.iti-flag.tk {
height: 10px;
background-position: -4955px 0px;
}
.iti-flag.tl {
height: 10px;
background-position: -4977px 0px;
}
.iti-flag.tm {
height: 14px;
background-position: -4999px 0px;
}
.iti-flag.tn {
height: 14px;
background-position: -5021px 0px;
}
.iti-flag.to {
height: 10px;
background-position: -5043px 0px;
}
.iti-flag.tr {
height: 14px;
background-position: -5065px 0px;
}
.iti-flag.tt {
height: 12px;
background-position: -5087px 0px;
}
.iti-flag.tv {
height: 10px;
background-position: -5109px 0px;
}
.iti-flag.tw {
height: 14px;
background-position: -5131px 0px;
}
.iti-flag.tz {
height: 14px;
background-position: -5153px 0px;
}
.iti-flag.ua {
height: 14px;
background-position: -5175px 0px;
}
.iti-flag.ug {
height: 14px;
background-position: -5197px 0px;
}
.iti-flag.um {
height: 11px;
background-position: -5219px 0px;
}
.iti-flag.us {
height: 11px;
background-position: -5241px 0px;
}
.iti-flag.uy {
height: 14px;
background-position: -5263px 0px;
}
.iti-flag.uz {
height: 10px;
background-position: -5285px 0px;
}
.iti-flag.va {
height: 15px;
background-position: -5307px 0px;
}
.iti-flag.vc {
height: 14px;
background-position: -5324px 0px;
}
.iti-flag.ve {
height: 14px;
background-position: -5346px 0px;
}
.iti-flag.vg {
height: 10px;
background-position: -5368px 0px;
}
.iti-flag.vi {
height: 14px;
background-position: -5390px 0px;
}
.iti-flag.vn {
height: 14px;
background-position: -5412px 0px;
}
.iti-flag.vu {
height: 12px;
background-position: -5434px 0px;
}
.iti-flag.wf {
height: 14px;
background-position: -5456px 0px;
}
.iti-flag.ws {
height: 10px;
background-position: -5478px 0px;
}
.iti-flag.xk {
height: 15px;
background-position: -5500px 0px;
}
.iti-flag.ye {
height: 14px;
background-position: -5522px 0px;
}
.iti-flag.yt {
height: 14px;
background-position: -5544px 0px;
}
.iti-flag.za {
height: 14px;
background-position: -5566px 0px;
}
.iti-flag.zm {
height: 14px;
background-position: -5588px 0px;
}
.iti-flag.zw {
height: 10px;
background-position: -5610px 0px;
}
.iti-flag {
width: 20px;
height: 15px;
box-shadow: 0px 0px 1px 0px #888;
background-image: url("../img/flags.png");
background-repeat: no-repeat;
background-color: #DBDBDB;
background-position: 20px 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.iti-flag {
background-image: url("../img/flags@2x.png");
}
}
.iti-flag.np {
background-color: transparent;
}
@font-face {
font-family: 'fontello';
src: url('/font/fontello.eot?79688402');
src: url('/font/fontello.eot?79688402#iefix') format('embedded-opentype'), url('/font/fontello.svg?79688402#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'fontello';
src: url('data:application/octet-stream;base64,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') format('woff'), url('data:application/octet-stream;base64,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') format('truetype');
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('../font/fontello.svg?79688402#fontello') format('svg');
}
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-wings:before {
width: auto;
content: '\e800';
}
/* '' */
.icon-diamond:before {
content: '\e801';
}
/* '' */
.icon-globe:before {
content: '\e802';
}
/* '' */
@font-face {
font-family: 'Bebas';
src: url('/font/BebasNeue_Regular.otf?79688402') format('opentype');
src: url('/font/BebasNeue_Regular.ttf?79688402') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Bebas';
src: url('/font/BebasNeue_Bold.otf?79688402') format('opentype');
src: url('/font/BebasNeue_Bold.ttf?79688402') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Bebas';
src: url('/font/BebasNeue_Thin.otf?79688402') format('opentype');
src: url('/font/BebasNeue_Thin.ttf?79688402') format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Bebas';
src: url('/font/BebasNeue_Book.otf?79688402') format('opentype');
src: url('/font/BebasNeue_Book.ttf?79688402') format('truetype');
font-weight: 450;
font-style: normal;
}
@font-face {
font-family: 'julius';
src: url('/font/julius/JuliusSansOne-Regular.ttf');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'fontello';
src: url('/font/fontello.eot?79688402');
src: url('/font/fontello.eot?79688402#iefix') format('embedded-opentype'), url('/font/fontello.svg?79688402#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'fontello';
src: url('data:application/octet-stream;base64,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') format('woff'), url('data:application/octet-stream;base64,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') format('truetype');
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('../font/fontello.svg?79688402#fontello') format('svg');
}
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-wings:before {
width: auto;
content: '\e800';
}
/* '' */
.icon-diamond:before {
content: '\e801';
}
/* '' */
.icon-globe:before {
content: '\e802';
}
/* '' */
@font-face {
font-family: 'Julius';
src: url('font/julius/JuliusSansOne-Regular.ttf');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gotham-Light';
src: url('font/gotham/GothamHTF-Light.otf');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gotham-Medium';
src: url('font/gotham/GothamHTF-Medium.otf');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gotham-Bold';
src: url('font/gotham/GothamHTF-Bold.otf');
font-weight: normal;
font-style: normal;
}
input {
outline: 0;
}
html,
body {
margin: 0;
min-height: 100%;
height: 100%;
}
* {
box-sizing: border-box;
}
a {
text-decoration: none;
}
button:focus,
a:focus,
button:active,
a:active {
outline: 0;
}
body {
font-family: 'Open Sans', sans-serif;
font-size: 1rem;
padding: 0;
min-height: 100%;
overflow-x: hidden;
}
.container {
width: 100%;
max-width: 1280px;
margin: 0 auto;
}
.font-headline {
font-family: 'Bebas', sans-serif;
}
.font-opensans {
font-family: 'Open Sans', sans-serif;
}
.f-headline {
font-size: 4.5rem;
}
.bg-purple {
background-color: #7c11b2;
}
.bg-white {
background-color: #ffffff;
}
.bg-dark-purple {
background-color: #5b026a;
}
.bg-light-purple {
background-color: #8b17ac;
}
.bg-pink {
background-color: #ba3e9e;
}
.bg-teal {
background-color: #41c3bf;
}
.bg-blond {
background-color: #d2ad76;
}
.b--blond {
border-color: #d2ad76;
}
.b--purple {
border-color: #7c11b2;
}
.b--pink {
border-color: #ba3e9e;
}
.b--teal {
border-color: #41c3bf;
}
.b--dark-purple {
border-color: #5b026a;
}
.bg-img-1 {
background-image: url(/img/bg-1.jpg);
background-size: cover;
}
.bg-img-2 {
background-image: url(/img/bg-4.jpg);
background-size: cover;
}
.bg-img-3 {
background-image: url(/img/bg-5.jpg);
background-size: cover;
}
.glow-blond {
box-shadow: 0 0 50px #d2ad76;
}
.glow-white {
transition: 400ms;
transform: scale(1);
box-shadow: 0 0 50px #ffffff;
}
.glow-white:hover {
transform: scale(1.1);
box-shadow: 0 0 100px #ffffff;
}
.hover-bg-purple:hover {
background-color: #7c11b2;
}
.hover-bg-white:hover {
background-color: #ffffff;
}
.hover-bg-dark-purple:hover {
background-color: #5b026a;
}
.hover-bg-light-purple:hover {
background-color: #8b17ac;
}
.hover-bg-pink:hover {
background-color: #ba3e9e;
}
.hover-bg-teal:hover {
background-color: #41c3bf;
}
.hover-bg-blond:hover {
background-color: #d2ad76;
}
.text-purple {
color: #7c11b2;
}
.text-white {
color: #ffffff;
}
.text-dark-purple {
color: #5b026a;
}
.text-light-purple {
color: #8b17ac;
}
.text-pink {
color: #ba3e9e;
}
.text-teal {
color: #41c3bf;
}
.text-blond {
color: #d2ad76;
}
.text-grey {
color: #666;
}
.text-dgrey {
color: #333;
}
.b--purple {
border-color: #7c11b2;
}
.b--white {
border-color: #ffffff;
}
.b--dark-purple {
border-color: #5b026a;
}
.b--light-purple {
border-color: #8b17ac;
}
.b--pink {
border-color: #ba3e9e;
}
.b--teal {
border-color: #41c3bf;
}
.b--blond {
border-color: #d2ad76;
}
p:last-child {
margin-bottom: 0;
}
.icon-number .icon {
height: 80px;
}
.icon-number .icon img {
max-height: 80px;
}
.icon-number h3 {
line-height: 65px;
margin-bottom: 16px;
}
.icon-color {
flex: 3 1 100%;
}
.icon-color > div {
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-bottom: 50px solid;
margin-bottom: 10px;
}
.text-with-surrounding-lines {
position: relative;
display: flex;
text-align: center;
align-items: center;
}
.text-with-surrounding-lines:before,
.text-with-surrounding-lines:after {
content: '';
position: relative;
flex-grow: 2;
flex-shrink: 1;
height: 1px;
background-color: rgba(255, 255, 255, 0.3);
}
.text-with-surrounding-lines.line-bold:before,
.text-with-surrounding-lines.line-bold:after {
height: 3px;
}
.text-with-surrounding-lines.line-gold:before,
.text-with-surrounding-lines.line-gold:after {
background-color: #d2ad76;
}
[data-class="tab"] {
display: none;
background: #f4f4f4;
}
[data-class="tab-nav"] {
transition: 200ms;
}
[data-class="tab-nav"][data-status="active"] {
opacity: 1;
z-index: 9
position: relative;
}
[data-status="active"] {
display: block;
}
.lh-18 {
line-height: 1.8em;
}
.line {
height: 1px;
background: rgba(255, 255, 255, 0.5);
}
.calendar a,
.calendar a:visited,
.calendar a:active {
color: inherit;
}
.calendar .selected {
background: #d2ad76;
}
.calendar .selected * {
color: #ffffff;
}
iframe {
margin: 0;
padding: 0;
border: none;
display: block;
background: #fff;
}
.overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor: pointer;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: .4s;
}
#modal {
position: absolute;
left: 0;
right: 0;
height: auto;
z-index: 998;
opacity: 0;
transform: scale(0.8);
}
#modal.animated {
transition: .4s;
}
#modal.iframe-modal {
position: fixed;
width: auto;
left: 0;
right: 0;
bottom: 3.5em;
top: 0;
}
#modal iframe,
#modal .frame {
background-image: url("/img/bg-1.jpg");
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
width: 100%;
height: 100%;
border-top: 3px solid #7c11b2;
border-bottom: 3px solid #7c11b2;
}
#modal iframe {
background: #fff;
background-image: none;
}
#modal .modal-arrow {
position: absolute;
width: 25px;
height: 25px;
top: 1rem;
background-color: #7c11b2;
cursor: pointer;
color: #fff;
border-radius: 100%;
border: none;
text-align: center;
font-size: 13px;
opacity: .5;
transition: 200ms;
}
#modal .modal-arrow:hover {
opacity: 1;
}
#modal .modal-arrow[data-target="next"] {
right: calc(2rem + 25px);
padding-left: 8px;
}
#modal .modal-arrow[data-target="prev"] {
right: calc(3rem + 50px);
padding-right: 8px;
}
#modal-close,
.tab-close {
position: absolute;
top: 1rem;
right: 1rem;
width: 25px;
height: 25px;
background-color: #7c11b2;
cursor: pointer;
color: #fff;
border-radius: 100%;
border: none;
opacity: .5;
transition: 200ms;
}
#modal-close:hover,
.tab-close:hover {
opacity: 1;
}
.modal-activated .dim-on-modal-activated {
position: relative;
}
.modal-activated .dim-on-modal-activated:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.85);
}
.modal-activated #modal {
opacity: 1;
transform: scale(1);
}
.modal-activated .overlay {
opacity: 1;
}
.scroll-spy-nav {
border-bottom: 5px solid transparent;
}
.scroll-spy-nav.active {
border-bottom: 5px solid #41c3bf;
font-weight: 700;
}
.sticky-nav .placeholder {
display: none;
}
.sticky-nav.is-fixed .placeholder {
display: block;
}
.sticky-nav.is-fixed .content {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 20;
}
.accordion .accordion-nav:before {
font-family: 'FontAwesome';
content: "\f067";
line-height: 1.8em;
}
.accordion .accordion-nav.active:before {
font-family: 'FontAwesome';
content: "\f068";
line-height: 1.8em;
}
.embed-container {
position: relative;
}
.embed-container:before {
content: '';
display: block;
padding-bottom: 56.25%;
}
.mandala-container {
position: relative;
overflow: hidden;
width: 130px;
height: 130px;
}
.mandala-container > div:first-child {
width: 100%;
max-width: 320px;
margin: 0 auto;
background-size: cover;
background-position: center;
animation: spin 60s linear infinite;
}
.mandala-container > div:first-child:before {
content: '';
display: block;
padding-bottom: 100%;
}
.mandala-container > div:first-child div {
position: absolute;
top: 4%;
left: 4%;
width: 92%;
height: 92%;
background-size: contain;
background-repeat: no-repeat;
}
.mandala-container > div:last-child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #f17, 0 0 70px #f17, 0 0 80px #f17, 0 0 100px #f17, 0 0 150px #f17;
font-size: 80px;
font-weight: 600;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.card {
height: 420px;
position: relative;
color: #fff;
}
.card.card-border:before,
.card.card-border:after {
content: '';
position: absolute;
top: 50%;
right: 50%;
bottom: 50%;
left: 50%;
transition: .5s;
pointer-events: none;
z-index: 0;
}
.card.card-border:before {
top: 8px;
bottom: 8px;
border-top: 2px solid rgba(255, 255, 255, 0.6);
border-bottom: 2px solid rgba(255, 255, 255, 0.6);
}
.card.card-border:after {
right: 8px;
left: 8px;
border-right: 2px solid rgba(255, 255, 255, 0.6);
border-left: 2px solid rgba(255, 255, 255, 0.6);
}
.card.mini {
height: calc(420px/2 - 1rem);
}
.card .share-link {
position: absolute;
top: 0;
right: 0;
opacity: 0;
}
.card .stats {
position: absolute;
left: 10px;
right: 10px;
bottom: 1rem;
opacity: 0;
transition: .3s;
}
.card.card-hover-content .hover-content {
display: none;
}
.card.card-overlay > div:before {
content: '';
display: block;
position: absolute;
top: 8px;
right: 8px;
bottom: 8px;
left: 8px;
background-color: transparent;
transition: .5s;
}
.card * {
z-index: 1;
}
.card:hover.card-border:before {
display: block;
right: 8px;
left: 8px;
}
.card:hover.card-border:after {
display: block;
top: 8px;
bottom: 8px;
}
.card:hover .stats {
bottom: 2rem;
opacity: 1;
}
.card:hover.card-hover-content .content {
display: none;
}
.card:hover.card-hover-content .hover-content {
display: block;
}
.card:hover.card-overlay > div:before {
background-color: rgba(0, 0, 0, 0.3);
}
.carousel .slick-arrow {
z-index: 2;
display: block;
width: 50px;
background: #fff;
height: 50px;
text-align: center;
bottom: 0;
}
.carousel .slick-slide {
float: none;
display: inline-block;
vertical-align: middle;
}
.carousel .slick-prev {
right: 50px;
left: auto;
border-right: 1px solid #41c3bf;
}
.carousel .slick-prev:before {
content: '\F104';
font: normal normal normal 40px/1 FontAwesome;
}
.carousel .slick-next {
right: 0;
left: auto;
}
.carousel .slick-next:before {
content: '\F105';
font: normal normal normal 40px/1 FontAwesome;
}
.carousel .slick-prev,
.carousel .slick-next {
bottom: 0;
top: auto;
transform: none;
}
.carousel .slick-prev:before,
.carousel .slick-next:before {
color: #999;
}
.carousel .slick-dots {
bottom: 20px;
}
.carousel .slick-dots li {
width: 10px;
height: 10px;
}
.carousel .slick-dots li button {
width: 100%;
height: 100%;
border-radius: 100%;
background-color: rgba(255, 255, 255, 0.6);
}
.carousel .slick-dots li.slick-active button {
background-color: #fff;
}
.w-seventh {
width: calc(14.28571429%);
}
.scrollbar-measure {
width: 100px;
height: 100px;
overflow: scroll;
position: absolute;
top: -9999px;
}
.popover-icon {
min-width: 70px;
margin-right: .6em;
width: 70px;
margin-bottom: .5em;
height: 70px;
font-size: 2.8em;
line-height: 2.6em;
padding: 0;
}
.popover-icon img {
max-height: 100%;
}
@media screen and (min-width: 60em) {
#modal.iframe-modal {
position: fixed;
width: auto;
left: 5em;
right: 0;
bottom: 0;
top: 0;
}
.icon-number .icon {
height: 100px;
}
.icon-number .icon img {
max-height: 100px;
}
.w-seventh-l {
width: calc(14.28571429%);
}
.icon-color {
flex: 1 0 0;
}
.icon-color > div {
width: 40px;
height: 40px;
margin-bottom: 15px;
}
.flex-nowrap-l {
flex-wrap: nowrap;
}
#modal .arrow {
position: absolute;
width: 0;
height: 0;
border: 20px solid transparent;
border-bottom: 20px solid purple;
}
.popover-icon {
margin-right: 1em;
min-width: 120px;
width: 120px;
height: 120px;
}
}
.blur {
filter: blur(5px);
}
.overflow-hidden {
overflow: hidden;
}
.first-fade-in {
-webkit-transition: all 1.2s;
-o-transition: all 1.2s;
transition: all 1.2s;
}
.first-fade-in.hidden {
opacity: 0;
visibility: hidden;
transform: scale(0.9);
}
.close-btn {
position: absolute;
right: 7px;
top: 7px;
cursor: pointer;
padding: 10px;
z-index: 10;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.close-btn img {
display: block;
filter: drop-shadow(0 0 5px black);
}
.close-btn:hover {
transform: rotate(360deg);
}
.profile-photo {
position: relative;
display: inline-block;
}
.profile-photo__img {
border: 5px solid #e6e6e6;
border-radius: 50%;
max-width: 100px;
}
.profile-photo__edit {
position: absolute;
bottom: -7px;
left: 38px;
cursor: pointer;
transition: transform 0.3s;
}
.profile-photo__edit:hover {
transform: scale(1.3);
}
.moving-line {
width: 120px;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.moving-line span {
display: block;
position: relative;
width: 240px;
height: 20px;
}
.moving-line img {
display: inline-block;
position: absolute;
width: 121px;
margin: 0 !important;
animation: movingLine 9s 3s infinite linear;
}
.moving-line img:first-child {
left: 0;
}
.moving-line img:nth-child(2) {
right: 0;
}
@media (min-width: 1920px) {
.moving-line {
width: 158px;
}
.moving-line span {
width: 316px;
height: 40px;
}
.moving-line img {
width: 158px;
animation: movingLine 9s 3s infinite linear;
}
}
@keyframes movingLine {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
.btn-white,
.btn-yellow,
.btn-green {
display: inline-block;
border: 1px solid #fff;
color: #000;
text-transform: uppercase;
font-family: 'Gotham-Bold';
font-size: 12px;
padding: 10px;
margin: 25px 0;
cursor: pointer;
border: none;
outline: none;
}
.btn-white {
background: #fff;
}
.btn-yellow {
background: #fdd000;
}
.btn-green {
background: #00ffb2;
}
.input-dropdown-row .input-dropdown {
position: relative;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.input-dropdown-row .input-dropdown input {
margin: 0;
margin-bottom: 0 !important;
}
.input-dropdown-row .input-dropdown__list {
position: absolute;
top: 29px;
left: 0;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
background: #250E42;
transition: transform 0.6s;
transform-origin: top;
z-index: 1;
transform: scaleY(0);
margin-bottom: 0;
}
.input-dropdown-row .input-dropdown__list li {
padding: 5px 10px;
cursor: pointer;
color: #fff;
transition: opacity 0.3s ;
}
.input-dropdown-row .input-dropdown__list li:hover {
opacity: 0.5;
}
.input-dropdown-row .input-dropdown .open-dropdown {
background: #130e26;
padding: 8px 10px;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.input-dropdown-row.open .input-dropdown__list {
transform: scaleY(1);
}
.clear {
clear: both;
}
.flex-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.justify-content-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-content-space-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.justify-content-space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-content-flex-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-content-flex-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.align-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-items-flex-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.flex-direction-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-direction-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
@keyframes fadeInPopup {
0% {
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
height: 0;
overflow: hidden;
}
1% {
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}
100% {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
@keyframes fadeOutPopup {
0% {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
99.99% {
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}
100% {
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
height: 0;
overflow: hidden;
padding: 0;
}
}
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
text-decoration: none;
color: inherit;
border: 0 none;
}
.btn-add {
border: 0 none;
background-color: transparent;
color: #b1138e;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.btn-remove {
border: 0 none;
background-color: transparent;
color: #b1138e;
}
.btn-save {
background-color: #b1138e;
color: #ffffff;
}
.btn-lg {
font-size: 16px;
padding: 8px 18px;
}
.btn-long {
min-width: 120px;
}
.btn-primary {
min-width: 150px;
padding: 8px 15px;
text-transform: uppercase;
background-color: #b1138e;
color: #ffffff;
}
.btn-secondary {
min-width: 150px;
padding: 8px 15px;
text-transform: uppercase;
background-color: transparent;
border: 1px solid #b1138e;
color: #b1138e;
}
.btn-pink {
background-color: #b1138e;
color: #ffffff;
}
.btn-white {
background-color: #ffffff;
color: #000000;
}
.btn-expand {
color: #2e9b95;
border: 2px solid #2e9b95;
width: 28px;
height: 28px;
padding: 0;
background-color: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.main-heading {
background-image: url(/img/bg-1.jpg);
background-size: cover;
color: #ffffff;
padding: 45px 15px;
}
.main-heading .main-heading-inner {
max-width: 768px;
margin: 0 auto;
}
.main-heading .title,
.main-heading .content {
text-align: center;
}
.main-heading .title {
text-transform: uppercase;
}
.iti-flag {
background-image: url(/img/flags.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.iti-flag {
background-image: url(/img/flags@2x.png);
}
}
.blink {
animation: blinker 1s linear infinite;
}
.primary-form,
.primary-form button,
.primary-form input,
.primary-form optgroup,
.primary-form select,
.primary-form textarea {
font-family: Open Sans, Arial, Lucida grande, tahoma, verdana, sans-serif;
}
.form-header {
background-color: #643371;
color: #ffffff;
padding: 15px;
margin-bottom: 30px;
font-weight: 300;
}
.form-header > p {
margin-bottom: 20px;
}
.form-group {
margin-bottom: 30px;
}
.form-group-inner {
padding-left: 20px;
padding-right: 20px;
}
.form-group-birthdate {
zoom: 1;
}
.form-group-birthdate:before,
.form-group-birthdate:after {
content: "";
display: table;
}
.form-group-birthdate:after {
clear: both;
}
.form-group-birthdate .form-group {
float: left;
width: 30%;
padding-left: 5px;
padding-right: 5px;
}
.form-group-birthdate .form-group .control-label {
display: none;
}
.form-group-birthdate .form-group-birthdate-month {
width: 40%;
}
.form-group-birthdate .control-label {
display: block;
clear: both;
margin-bottom: 20px;
}
.form-group-birthdate .form-control {
font-size: 14px;
}
.form-control {
border: none;
border-bottom: 1px solid silver;
box-shadow: none;
background-color: transparent;
width: 100%;
height: 34px;
padding: 25px 20px 25px 0;
font-size: 16px;
}
select.form-control {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjU1NCA1MyAxMCA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICA8cG9seWdvbiBpZD0iVHJpYW5nbGUiIHN0cm9rZT0ibm9uZSIgZmlsbD0iIzg0ODQ4NCIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1NTkuMDAwMDAwLCA1Ni4wMDAwMDApIHJvdGF0ZSgxODAuMDAwMDAwKSB0cmFuc2xhdGUoLTU1OS4wMDAwMDAsIC01Ni4wMDAwMDApICIgcG9pbnRzPSI1NTkgNTMgNTY0IDU5IDU1NCA1OSI+PC9wb2x5Z29uPjwvc3ZnPg==) no-repeat right 10px center;
background-size: 10px;
background-color: transparent;
border: 1px solid #ccc;
color: #000000;
padding: 6px 12px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-border-radius: 0 0 0;
-moz-border-radius: 0 0 0;
-ms-border-radius: 0 0 0;
-o-border-radius: 0 0 0;
border-radius: 0 0 0;
}
.control-label {
font-weight: 600;
text-transform: uppercase;
margin-bottom: 5px;
display: inline-block;
}
.input-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%;
}
.input-group-btn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
vertical-align: middle;
}
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.checkbox label,
.checkbox .control-label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer;
position: relative;
}
.checkbox.flat input[type=checkbox] {
visibility: hidden;
width: 20px;
height: 20px;
margin-top: 0;
position: absolute;
margin-left: -20px;
}
.checkbox.flat input[type=checkbox]:checked + .checkbox-pseudo:after {
opacity: 1;
}
.checkbox.flat .checkbox-pseudo {
width: 20px;
height: 20px;
cursor: pointer;
position: absolute;
display: block;
top: 1px;
left: 0;
background-color: #ffffff;
}
.checkbox.flat .checkbox-pseudo:after {
content: '';
width: 15px;
height: 8px;
top: 2.5px;
left: 1px;
position: absolute;
border: 3px solid #333;
border-top: none;
border-right: none;
background: transparent;
opacity: 0;
transform: rotate(-45deg);
}
.checkbox.flat .checkbox-pseudo:hover .checkbox.flat .checkbox-pseudo:after {
opacity: 0.5;
}
.checkbox.flat .checkbox-text {
margin-left: 15px;
}
.intl-tel-input {
width: 100%;
}
.intl-tel-input .selected-flag {
height: 100%;
padding-right: 80px;
}
.intl-tel-input .flag-container {
background-color: transparent;
border: none;
border-right: 1px solid silver;
}
.intl-tel-input.allow-dropdown input[type=tel] {
padding-left: 100px;
}
.profile-container {
max-width: 768px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
}
.order-list,
.product-list,
.order-list ol,
.product-list ol,
.order-list ul,
.product-list ul {
list-style: none;
}
.product-list {
padding-left: 15px;
padding-right: 15px;
}
.product-item .accordion {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.product-item .accordion-body {
width: 100%;
}
.product-item .product-name {
min-width: 0;
/* 1 */
min-height: 0;
/* 1 */
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
font-weight: 300;
}
.product-item .btn-expand {
align-self: center;
}
.order-list,
.order-list ol,
.order-list ul {
padding: 0;
}
.order-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 15px;
padding: 15px;
}
.order-item .left {
min-width: 0;
/* 1 */
min-height: 0;
/* 1 */
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.desktop-nav {
display: none;
}
nav.mobile {
text-align: center;
z-index: 100;
transition: all 0.3s;
}
nav.mobile a {
color: #fff;
font-family: 'Gotham-Light';
text-transform: uppercase;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
nav.mobile a svg {
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
nav.mobile a:hover {
color: #00ffb2;
}
nav.mobile a:hover svg.stroke {
stroke: #00ffb2;
}
nav.mobile a:hover svg.fill {
fill: #00ffb2;
}
nav.mobile a p {
font-size: 10px;
margin-top: 8px;
}
nav.mobile > a {
display: block;
position: absolute;
z-index: 100;
left: 0;
top: 0;
font-family: 'Gotham-Light';
font-size: 30px;
padding: 18px;
background: #5b026a;
}
@media (max-width: 60em) {
nav.mobile > a {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
nav.mobile > a.show {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
nav.mobile .nav-links {
background: #7c11b2;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 100;
transition: all 0.3s;
}
nav.mobile .nav-links a {
position: relative;
padding: 15px 0;
}
nav.mobile .nav-links a div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 47px;
}
nav.mobile.hidden .nav-links {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
nav.mobile .nav-links a {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
nav.mobile .nav-links a.show {
animation: menuLinksMob 0.6s forwards cubic-bezier(0.75, -0.5, 0, 1.75);
}
nav.mobile .nav-links a:nth-child(1) {
animation-delay: 100ms;
}
nav.mobile .nav-links a:nth-child(2) {
animation-delay: 200ms;
}
nav.mobile .nav-links a:nth-child(3) {
animation-delay: 300ms;
}
nav.mobile .nav-links a:nth-child(4) {
animation-delay: 400ms;
}
nav.mobile .nav-links a:nth-child(5) {
animation-delay: 500ms;
}
@keyframes menuLinksMob {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
@media screen and (min-width: 60em) {
nav.mobile {
display: none;
}
.desktop-nav {
display: block;
background: rgba(0, 0, 0, 0.2);
width: 100%;
height: 65px;
padding: 0px 15px 0px 0px;
z-index: 100;
transition: transform 1s;
}
.desktop-nav.hidden {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.desktop-nav .noshow {
display: none;
}
.desktop-nav .top-links {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.desktop-nav .top-links .right-menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.desktop-nav .top-link {
display: inline-block;
cursor: pointer;
}
.desktop-nav .top-link.link-browse {
font-family: 'Gotham-Light';
position: relative;
color: #36FFA2;
padding: 5px;
padding-right: 25px;
margin-left: 80px;
z-index: 10;
}
.desktop-nav .top-link.link-browse .arrow-down {
border: solid #36FFA2;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 5px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
top: 3px;
right: 0;
}
.desktop-nav .top-link.link-browse #main-menu-dropdown {
display: block;
z-index: 100;
position: absolute;
width: 370px;
padding-top: 20px;
left: 0;
transition: transform 0.3s;
transform: scaleY(0);
transform-origin: top;
}
.desktop-nav .top-link.link-browse .arrow-up {
border: solid #5b026a;
border-width: 0 6px 6px 0;
display: inline-block;
padding: 15px;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
margin-left: 81px;
position: absolute;
}
.desktop-nav .top-link.link-browse:hover #main-menu-dropdown {
transform: scaleY(1);
}
.desktop-nav .top-link.link-browse #main-menu-dropdown .menus {
position: absolute;
background: #130e26;
border-top: solid 1px #5b026a;
}
.desktop-nav .top-link.link-browse #main-menu-dropdown .menus li.menuItem {
font-family: "Gotham-Light";
font-size: 12px;
}
.desktop-nav .top-link.link-browse #main-menu-dropdown .menus li.menuItem a {
padding: 10px 18px;
display: block;
color: #fff;
}
.desktop-nav .top-link.link-browse #main-menu-dropdown .menus li.menuItem:hover {
background: #5b026a;
}
.desktop-nav .top-link.link-browse #main-menu-dropdown .menus li.menuItem.lastchild:hover {
background: none;
}
.desktop-nav .top-link.link-browse #main-menu-dropdown .menus li.menuItem.title a {
padding: 10px 0px;
color: #5b026a;
font-family: "Gotham-Bold";
text-align: center;
font-size: 15px;
}
.desktop-nav .top-link.link-browse #main-menu-dropdown .menus li.menuItem.title:hover a {
background: #fdd000;
}
.desktop-nav .top-link.link-browse #main-menu-dropdown .menus ul {
padding: 0;
margin: 0;
list-style: none;
}
.desktop-nav .top-link.link-browse #main-menu-dropdown .menus ul.my-numbers {
width: 140px;
float: left;
}
.desktop-nav .top-link.link-browse #main-menu-dropdown .menus ul.my-products {
width: 210px;
float: left;
border-left: solid 1px #5b026a;
}
.desktop-nav .top-link.link-browse #main-menu-dropdown .menus ul.my-products li.title {
border-left: none;
}
.desktop-nav .top-link.link-home a {
display: block;
position: absolute;
z-index: 100;
left: 0;
top: 0;
font-family: "Gotham-Light";
font-size: 30px;
padding: 16px 18px;
background: #5b026a;
color: #FFFFFF;
}
.desktop-nav .top-link.link-browse:hover .sub-menu-container {
display: block;
}
.desktop-nav .top-link.link-alerts:hover .alert-dropdown {
transform: scaleY(1);
}
.desktop-nav .top-link.link-alerts {
padding: 10px 15px;
}
.desktop-nav .top-link.link-alerts .alert-icon {
fill: #31FF9F;
display: block;
width: 32px;
height: 32px;
}
.desktop-nav .top-link.link-alerts .alert-dropdown {
display: block;
position: relative;
top: 12px;
transition: transform 0.3s;
transform: scaleY(0);
transform-origin: top;
z-index: 20;
}
.desktop-nav .top-link.link-alerts ul {
list-style: none;
padding: 0px 0px;
width: 300px;
right: 30px;
position: absolute;
margin: 0;
z-index: 20;
top: -2px;
right: -20px;
background: #130e26;
border-top: solid 1px #5b026a;
}
.desktop-nav .top-link.link-alerts ul li.alert-menu:hover {
background: #5b026a;
}
.desktop-nav .top-link.link-alerts ul li.alert-menu {
height: 100px;
line-height: 100px;
display: table;
width: 300px;
}
.desktop-nav .top-link.link-alerts ul li.alert-menu img.alert-img {
max-width: 75px;
vertical-align: middle;
}
.desktop-nav .top-link.link-alerts ul li.alert-menu a {
width: 300px;
display: block;
padding: 10px;
}
.desktop-nav .top-link.link-alerts ul li.alert-menu .alert-text {
width: 200px;
float: right;
line-height: 1.5em;
text-overflow: ellipsis;
height: 100px;
overflow: hidden;
padding: 0px 5px;
color: #fff;
}
.desktop-nav .top-link.link-alerts .arrow-up {
border: solid #5b026a;
border-width: 0 6px 6px 0;
display: inline-block;
padding: 15px;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
margin-left: -2px;
position: absolute;
top: -2px;
}
.desktop-nav .top-link.link-profile .profile-photo__img {
border: 2px solid #e6e6e6;
border-radius: 50%;
max-width: 40px;
}
.desktop-nav .top-link.link-profile .profile-dropdown {
position: absolute;
padding: 16px 0px 0px 0px;
z-index: 20;
transition: transform 0.3s;
transform: scaleY(0);
transform-origin: top;
}
.desktop-nav .top-link.link-profile .profile-dropdown .profile-menus {
border-top: 1px solid #5b026a;
list-style: none;
padding: 0px 0px;
background: #130e26;
width: 250px;
right: -75px;
position: absolute;
margin: 0;
top: 16px;
}
.desktop-nav .top-link.link-profile .profile-dropdown .profile-menus li.profile-menu:hover {
background: #5b026a;
}
.desktop-nav .top-link.link-profile .profile-dropdown .profile-menus li.profile-menu a {
text-decoration: none;
color: #fff;
font-family: 'Gotham-Light';
display: block;
padding: 10px 10px;
width: 250px;
}
.desktop-nav .top-link.link-profile .arrow-up {
border: solid #5b026a;
border-width: 0 6px 6px 0;
display: inline-block;
padding: 15px;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
margin-left: 2px;
}
.desktop-nav .top-link.link-profile:hover .profile-dropdown {
transform: scaleY(1);
}
.top-nav__register {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.top-nav__register h3 {
font-family: 'Gotham-Medium';
color: #fff;
font-size: 16px;
line-height: 16px;
max-width: 130px;
margin-right: 20px;
}
.top-nav__register p {
font-family: 'Gotham-Light';
color: #fff;
max-width: 280px;
font-size: 12px;
line-height: 16px;
margin-right: 20px;
}
.top-nav__register a {
font-family: 'Gotham-Light';
font-weight: bold;
color: #000;
background: #fdd000;
display: inline-block;
text-align: center;
padding: 10px 28px;
font-size: 13px;
}
}
@media screen and (min-width: 1920px) {
nav {
width: 118px;
}
nav a svg {
width: auto;
}
nav a p {
font-size: 10px;
margin-top: 8px;
}
nav > a {
width: 118px;
height: 90px;
padding: 18px 0;
line-height: 55px;
font-size: 55px;
}
nav .nav-links {
position: static;
display: block;
padding-top: 90px;
}
nav .nav-links a {
padding: 35px 0;
}
nav .nav-links a p {
font-size: 8px;
}
}
.space-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -5;
overflow: hidden;
}
.space-bg__image {
background: url(../img/space-bg.jpg) no-repeat;
background-position: center center;
background-size: cover;
animation: spaceBg 40s linear infinite alternate;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.space-bg__overlay {
background: url(../img/overlay.png) no-repeat;
background-position: center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@keyframes spaceBg {
from {
transform: scale(1);
}
to {
transform: scale(1.4);
}
}
.btn-ripple {
overflow: hidden;
position: relative;
}
.ripple {
background: lightblue;
background: rgba(255, 255, 255, 0.5);
position: absolute;
border-radius: 50%;
animation: rippit 0.6s linear forwards;
}
@keyframes rippit {
from {
transform: scale(0);
opacity: 1;
visibility: visible;
}
to {
transform: scale(2.5);
opacity: 0;
visibility: hidden;
}
}
.player_name {
text-align: left;
}
.player_name p {
display: inline-block;
font-size: 13px;
margin: 5px 0;
}
.player_name__bold {
color: #00ffb2;
text-transform: uppercase;
font-family: 'Gotham-Bold';
}
.player_name__normal {
font-family: 'Gotham-Bold';
color: #fff;
}
.player_name__thin {
font-family: 'Gotham-Light';
color: #fff;
}
.video {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
background: #130e26;
margin: 0 auto;
max-width: 450px;
min-width: 300px;
width: 100%;
margin-top: 20px;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
/* deeper elements */
/* styling the backdrop*/
/* Special styling for WebKit/Blink */
/* All the same stuff for Firefox */
/* All the same stuff for IE */
}
.video.hidden {
visibility: hidden;
opacity: 0;
overflow: hidden;
-webkit-transform: translate(-50%, -50%) scale(0);
-ms-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
}
.video video {
display: block;
min-width: 100%;
min-height: 100%;
width: 100%;
}
.video svg {
cursor: pointer;
display: inline-block;
margin: 5px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.video svg:hover {
fill: #fdd000;
}
.video svg.active {
fill: #fdd000;
}
.video__social {
position: absolute;
top: -40px;
right: 18px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.video__social a {
display: inline-block;
padding: 5px 10px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.video__social a:hover {
transform: scale(1.5);
}
.video__controls-top {
background: #130e26;
text-align: left;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 10;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.video__controls-top > div {
padding: 5px;
}
.video__controls-top__right {
max-width: 230px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.video__controls-top__right svg {
width: 25px;
height: auto;
}
.video__controls-top__right__volume {
position: relative;
margin: 0 15px;
height: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.video__controls-top__right__volume__mark {
position: absolute;
height: 2px;
width: 5px;
width: 80%;
background: #fdd000;
left: 0;
top: 14px;
}
.video__controls-bottom {
padding: 5px 10px;
background: #130e26;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 10;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.video__controls-bottom .videoPlayPauseBtn {
position: relative;
width: 21px;
height: 26px;
}
.video__controls-bottom .videoPlayPauseBtn svg {
position: absolute;
left: 0;
top: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.video__controls-bottom .videoPlayPauseBtn svg.hidden {
opacity: 0;
visibility: hidden;
}
.video__controls-bottom__timeline {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
margin: 0 20px;
height: 20px;
}
.video__controls-bottom__timeline__mark {
position: absolute;
height: 2px;
width: 5px;
width: 0px;
background: #fdd000;
left: 0;
top: 9px;
}
.video__controls-bottom__time {
font-family: 'Gotham-Light';
color: #fff;
font-size: 10px;
letter-spacing: 0.5px;
margin: 0;
position: relative;
bottom: 2px;
}
.video__next,
.video__prev {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
bottom: -65px;
padding: 10px;
}
.video__next:hover p,
.video__prev:hover p {
color: #fdd000;
}
.video__next:hover svg,
.video__prev:hover svg {
fill: #fdd000;
}
.video__next svg,
.video__prev svg {
fill: #2f2a48;
}
.video__next a,
.video__prev a {
display: inline-block;
padding: 5px;
}
.video__next p,
.video__prev p {
margin: 0;
color: #2f2a48;
font-size: 13px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.video__next p:first-child,
.video__prev p:first-child {
font-family: 'Gotham-Bold';
}
.video__next p:nth-child(2),
.video__prev p:nth-child(2) {
font-family: 'Gotham-Light';
}
.video__next {
right: 0;
text-align: right;
}
.video__prev {
left: 0;
text-align: left;
}
.video__prev svg {
transform: rotate(180deg);
}
@media (min-width: 60em) {
.video {
margin-top: 0;
}
.video__social {
top: 0;
right: -45px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.video__next,
.video__prev {
bottom: -15px;
}
.video__next {
right: -140px;
}
.video__prev {
left: -140px;
}
}
.video:-webkit-full-screen {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
max-width: 100%;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
.video:-moz-full-screen {
/* properties */
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
max-width: 100%;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
.video:-ms-fullscreen {
/* properties */
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
max-width: 100%;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
.video:full-screen {
/*pre-spec */
/* properties */
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
max-width: 100%;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
.video:fullscreen {
/* spec */
/* properties */
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
max-width: 100%;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
.video:-webkit-full-screen video {
width: 100%;
height: 100%;
}
.video ::backdrop {
/* properties */
}
.video ::-ms-backdrop {
/* properties */
}
.video input[type=range] {
-webkit-appearance: none;
/* Hides the slider so that custom slider can be made */
width: 100%;
/* Specific width is required for Firefox. */
background: transparent;
/* Otherwise white in Chrome */
}
.video input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
}
.video input[type=range]:focus {
outline: none;
/* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}
.video input[type=range]::-ms-track {
width: 100%;
cursor: pointer;
/* Hides the slider so custom styles can be added */
background: transparent;
border-color: transparent;
color: transparent;
}
.video input[type=range]::-webkit-slider-thumb {
position: relative;
-webkit-appearance: none;
border: 1px solid #000000;
height: 10px;
width: 10px;
border-radius: 50%;
background: #ffffff;
cursor: pointer;
margin-top: -4px;
/* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
/* Add cool effects to your sliders! */
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
z-index: 10;
}
.video input[type=range]::-moz-range-thumb {
height: 10px;
width: 10px;
border-radius: 50%;
background: #ffffff;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
z-index: 10;
}
.video input[type=range]::-ms-thumb {
position: relative;
top: 2px;
border: 1px solid #000000;
height: 10px;
width: 10px;
border-radius: 50%;
background: #ffffff;
cursor: pointer;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
transition: none;
z-index: 10;
}
.video input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 2px;
cursor: pointer;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
background: #363344;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.video input[type=range]::-moz-range-track {
width: 100%;
height: 2px;
cursor: pointer;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
background: #363344;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.video input[type=range]:hover::-moz-range-track {
height: 10px;
}
.video input[type=range]::-ms-track {
width: 100%;
height: 2px;
cursor: pointer;
background: transparent;
border-color: transparent;
border-width: 16px 0;
color: transparent;
}
.video input[type=range]::-ms-fill-lower {
background: #363344;
border: 0.2px solid #010101;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
.video input[type=range]:focus::-ms-fill-lower {
background: #363344;
}
.video input[type=range]::-ms-fill-upper {
background: #363344;
border: 0.2px solid #010101;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
.video input[type=range]:focus::-ms-fill-upper {
background: #363344;
}
.video .video__controls-top:hover .video__controls-top__right__volume__mark {
visibility: hidden;
}
.video .video__controls-bottom:hover .video__controls-bottom__timeline__mark {
visibility: hidden;
}
.video .video__controls-bottom:hover input[type=range]::-webkit-slider-thumb,
.video .video__controls-top:hover input[type=range]::-webkit-slider-thumb {
height: 20px;
width: 20px;
top: -2px;
}
.video .video__controls-bottom:hover input[type=range]::-moz-range-thumb,
.video .video__controls-top:hover input[type=range]::-moz-range-thumb {
height: 20px;
width: 20px;
}
.video .video__controls-bottom:hover input[type=range]::-ms-thumb,
.video .video__controls-top:hover input[type=range]::-ms-thumb {
height: 10px;
width: 10px;
}
.video .video__controls-bottom:hover input[type=range]::-webkit-slider-runnable-track,
.video .video__controls-top:hover input[type=range]::-webkit-slider-runnable-track {
height: 10px;
}
.video .video__controls-bottom:hover input[type=range]::-ms-track,
.video .video__controls-top:hover input[type=range]::-ms-track {
transition: none;
}
.video .video__controls-bottom:hover .video__controls-bottom__timeline__mark,
.video .video__controls-top:hover .video__controls-bottom__timeline__mark {
visibility: hidden;
}
.login-page {
min-height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.login-page .top h1 {
font-family: 'Gotham-Light';
color: #fdd000;
margin: 0;
text-align: center;
font-size: 25px;
line-height: 25px;
text-transform: uppercase;
}
.login-page .top p {
font-family: 'Gotham-Light';
color: #fff;
font-size: 14px;
text-align: center;
margin: 0;
letter-spacing: 0.4px;
margin-top: 5px;
}
.login-page__content {
max-width: 420px;
padding: 20px;
transition: transform 1s, opacity 1s, visibility 1s;
}
.login-page__content.hidden {
opacity: 0;
visibility: hidden;
transform: scale(0.7);
}
.login-page .login-form {
max-width: 270px;
margin: 0 auto;
margin-top: 35px;
}
.login-page .login-form__row {
margin-bottom: 20px;
text-align: center;
}
.login-page .login-form__row input {
border: none;
outline: none;
background: rgba(255, 255, 255, 0.7);
box-shadow: rgba(0, 0, 0, 0.75) 5px 5px 20px -6px inset;
padding: 10px 5px;
width: 100%;
}
.login-page .login-form__row input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
font-family: 'Gotham-Light';
color: #000;
}
.login-page .login-form__row input::-moz-placeholder {
/* Firefox 19+ */
font-family: 'Gotham-Light';
color: #000;
}
.login-page .login-form__row input:-ms-input-placeholder {
/* IE 10+ */
font-family: 'Gotham-Light';
color: #000;
}
.login-page .login-form__row input:-moz-placeholder {
/* Firefox 18- */
font-family: 'Gotham-Light';
color: #000;
}
.login-page .login-form .member-me {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.login-page .login-form .member-me input {
position: absolute;
visibility: hidden;
}
.login-page .login-form .member-me .custom-checkbox {
width: 12px;
height: 12px;
background: rgba(255, 255, 255, 0.7);
cursor: pointer;
border-radius: 50%;
}
.login-page .login-form .member-me .custom-checkbox span {
display: block;
width: 12px;
height: 12px;
border-radius: 50%;
background: #00ffb2;
transition: transform 0.6s, opacity 0.6s;
transform: scale(4);
opacity: 0;
}
.login-page .login-form .member-me input:checked + .custom-checkbox span {
transform: scale(1);
opacity: 1;
}
.login-page .login-form .member-me p {
font-family: 'Gotham-Light';
color: #fff;
font-size: 10px;
margin: 0;
margin-left: 5px;
cursor: pointer;
}
.login-page .login-form .let-me-in {
text-align: center;
}
.login-page .forgot-register {
margin-top: 20px;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 10px;
}
.login-page .forgot-register a {
display: inline-block;
margin: 0 5px;
font-family: 'Gotham-Light';
color: #fff;
font-size: 10px;
letter-spacing: 0.3px;
transition: transform 0.3s;
}
.login-page .forgot-register a:hover {
transform: scale(1.07);
}
.login-page .facebook-login {
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: 'Gotham-Light';
font-size: 14px;
}
.login-page .facebook-login input {
margin-left: 10px;
font-family: 'Gotham-Bold';
color: #fff;
border-radius: 10px;
border: none;
outline: none;
padding: 5px 10px;
background: #3b5998;
letter-spacing: 0.5px;
cursor: pointer;
}
.login-page .moving-line {
margin-top: 50px;
}
@media screen and (min-width: 60em) {
.login-page .top h1 {
font-size: 45px;
line-height: 45px;
}
}
.reading-container .tab-head-wrap {
text-align: center;
}
.reading-container .tab-head {
display: inline-block;
position: relative;
text-align: center;
padding: 0;
margin-top: 66px;
}
.reading-container .tab-head li {
display: inline-block;
position: relative;
margin: 0 18px;
}
.reading-container .tab-head li:last-child {
margin-right: 0;
}
.reading-container .tab-head li a {
color: #ffffff;
font-size: 17px;
text-transform: uppercase;
font-weight: 700;
padding-bottom: 8px;
padding-top: 8px;
display: block;
text-decoration: none;
font-family: 'Julius';
font-weight: 100;
}
.reading-container .tab-head li.active a:before {
position: absolute;
content: "";
background-image: url('../img/ico/border-bottom.png');
background-repeat: no-repeat;
background-position: 0 5px;
background-size: 90px 5px;
width: 90px;
height: 18px;
bottom: -10px;
left: 8px;
}
.reading-container .tab-head .tab-head-border-bottom {
display: none;
}
.reading-container .tab-head .tab-main,
.reading-container .tab-head .tab-core {
margin: 10px 10px;
}
@media (min-width: 463px) {
.reading-container {
margin-top: 10px;
}
.reading-container .tab-head {
margin-top: 0;
}
.reading-container .tab-head .tab-head-border-bottom {
display: block;
position: absolute;
transition: all 0.6s cubic-bezier(0.5, -0.5, 0.3, 1.5);
bottom: -8px;
width: 90px;
}
.reading-container .tab-head .tab-main,
.reading-container .tab-head .tab-core {
margin: 0 18px;
}
.reading-container .tab-head .tab-main.active ~ .tab-head-border-bottom {
left: 10px;
}
.reading-container .tab-head .tab-core.active ~ .tab-head-border-bottom {
left: 155px;
}
.reading-container .tab-head .tab-main a,
.reading-container .tab-head .tab-core a {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.reading-container .tab-head .tab-main a:hover,
.reading-container .tab-head .tab-core a:hover {
transform: scale(1.1);
}
.reading-container .tab-head li.active a:before {
display: none;
}
}
@media screen and (min-width: 1920px) {
.reading-container {
margin-top: 65px;
}
.reading-container .tab-head li a {
font-size: 24px;
letter-spacing: 1px;
}
.reading-container .tab-head .tab-head-border-bottom {
width: auto;
}
.reading-container .tab-head .tab-main.active ~ .tab-head-border-bottom {
left: 8px;
}
.reading-container .tab-head .tab-core.active ~ .tab-head-border-bottom {
left: 211px;
}
}
.reading-container #tab-core {
margin-bottom: 150px;
}
@media (min-width: 60em) {
.reading-container #tab-core {
margin-bottom: 0px;
}
}
.reading-container .tab-content-container {
position: relative;
}
.reading-container .tab-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
visibility: hidden;
opacity: 0;
transform: scale(0.7);
height: 0;
transition: opacity .6s, transform .6s, visibility .6s;
}
.reading-container .tab-content.active {
position: absolute;
visibility: visible;
transform: scale(1);
opacity: 1;
height: auto;
}
.reading-container .number-nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.reading-container .number-nav__ico {
cursor: pointer;
margin: 15px 30px;
transform-origin: center center;
transition: opacity 0.6s, transform 0.6s;
}
.reading-container .number-nav__ico .moving-line {
width: 50px;
margin-top: 5px;
visibility: hidden;
opacity: 0;
transition: opacity 0.6s, visibility 0.6s;
}
.reading-container .number-nav__ico .moving-line span {
width: 100px;
height: 10px;
}
.reading-container .number-nav__ico .moving-line img {
width: 50px;
}
.reading-container .number-nav__ico.active {
opacity: 1;
transform: scale(1.45);
}
.reading-container .number-nav__ico.active .daily-num {
visibility: visible !important;
opacity: 1 !important;
}
.reading-container .number-nav__ico.active .moving-line {
visibility: visible ;
opacity: 1 ;
}
.reading-container .number-nav__ico .icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 80px;
}
.reading-container .number-nav__ico .icon img {
display: block;
height: 80px;
margin: 0 auto;
}
.reading-container .number-nav__ico .icon .daily-num {
font-family: 'Gotham-Bold';
font-size: 25px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
visibility: hidden;
opacity: 0;
transition: opacity 0.6s, visibility 0.6s;
}
.reading-container .number-nav__ico__text {
display: block;
text-align: center;
text-transform: uppercase;
font-family: 'Julius';
color: #fff ;
font-size: 12px;
margin-top: 3px;
}
@media (min-width: 60em) {
.reading-container .number-nav {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.reading-container .number-nav__ico {
margin: 15px 30px 0;
}
}
@media screen and (min-width: 1920px) {
.reading-container .number-nav {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin: 50px 0 20px;
}
.reading-container .number-nav__ico .icon {
height: 104px;
}
.reading-container .number-nav__ico .icon img {
width: auto;
}
.reading-container .number-nav__ico__text {
font-size: 16px;
}
}
#tab-main {
padding-bottom: 150px;
}
@media (min-width: 60em) {
#tab-main {
padding-bottom: 0;
margin-bottom: 50px;
}
}
.tab-main-info,
.tab-core-nums {
position: relative;
max-width: 1300px;
margin: 0 auto;
margin-top: 20px;
}
.tab-main-info .unlock-number,
.tab-core-nums .unlock-number {
position: relative;
max-width: 580px;
margin: 0 auto;
margin-top: 0px;
padding-top: 100px;
}
@media (min-width: 580px) {
.tab-main-info .unlock-number,
.tab-core-nums .unlock-number {
padding-top: 0px;
margin-top: 40px;
}
}
@media (min-width: 1920px) {
.tab-main-info .unlock-number,
.tab-core-nums .unlock-number {
padding-top: 15px;
}
}
.tab-main-info__yesterday,
.tab-core-nums__yesterday,
.tab-main-info__tomorrow,
.tab-core-nums__tomorrow {
margin: 20px 0;
text-align: center;
}
.tab-main-info__yesterday div,
.tab-core-nums__yesterday div,
.tab-main-info__tomorrow div,
.tab-core-nums__tomorrow div {
padding: 15px 15px 15px 0;
}
.tab-main-info__yesterday a,
.tab-core-nums__yesterday a,
.tab-main-info__tomorrow a,
.tab-core-nums__tomorrow a,
.tab-main-info__yesterday p,
.tab-core-nums__yesterday p,
.tab-main-info__tomorrow p,
.tab-core-nums__tomorrow p {
font-size: 10px;
line-height: 13px;
}
.tab-main-info__yesterday a,
.tab-core-nums__yesterday a,
.tab-main-info__tomorrow a,
.tab-core-nums__tomorrow a {
position: relative;
display: inline-block;
}
.tab-main-info__yesterday a div,
.tab-core-nums__yesterday a div,
.tab-main-info__tomorrow a div,
.tab-core-nums__tomorrow a div {
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.tab-main-info__yesterday a:hover div,
.tab-core-nums__yesterday a:hover div,
.tab-main-info__tomorrow a:hover div,
.tab-core-nums__tomorrow a:hover div {
transform: scale(1.1);
}
.tab-main-info__yesterday img,
.tab-core-nums__yesterday img,
.tab-main-info__tomorrow img,
.tab-core-nums__tomorrow img {
position: absolute;
top: 17px;
width: 16px;
}
.tab-main-info__yesterday p,
.tab-core-nums__yesterday p,
.tab-main-info__tomorrow p,
.tab-core-nums__tomorrow p {
margin: 0;
color: #00ffb2;
font-family: 'Gotham-Light';
}
.tab-main-info__yesterday span,
.tab-core-nums__yesterday span,
.tab-main-info__tomorrow span,
.tab-core-nums__tomorrow span {
display: block;
color: #fdd000;
font-family: 'Gotham-Medium';
}
.tab-main-info__yesterday,
.tab-core-nums__yesterday {
position: absolute;
left: -15px;
top: 0;
}
.tab-main-info__yesterday a,
.tab-core-nums__yesterday a {
border-right: 1px solid #fdd000;
}
.tab-main-info__yesterday a img,
.tab-core-nums__yesterday a img {
left: 6px;
}
.tab-main-info__yesterday a::after,
.tab-core-nums__yesterday a::after {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 2.5px 5px 2.5px 0;
border-color: transparent #fdcf00 transparent transparent;
right: 0;
top: 25px;
}
.tab-main-info__yesterday p,
.tab-core-nums__yesterday p {
margin-left: 26px;
}
.tab-main-info__yesterday span,
.tab-core-nums__yesterday span {
margin-left: 28px;
}
.tab-main-info__tomorrow,
.tab-core-nums__tomorrow {
position: absolute;
right: -5px;
top: 0;
}
.tab-main-info__tomorrow a,
.tab-core-nums__tomorrow a {
border-left: 1px solid #fdd000;
}
.tab-main-info__tomorrow a img,
.tab-core-nums__tomorrow a img {
right: -5px;
}
.tab-main-info__tomorrow a::after,
.tab-core-nums__tomorrow a::after {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 2.5px 0 2.5px 5px;
border-color: transparent transparent transparent #fdcf00;
left: 0;
top: 25px;
}
.tab-main-info__tomorrow p,
.tab-core-nums__tomorrow p {
margin-left: 15px;
}
.tab-main-info__tomorrow span,
.tab-core-nums__tomorrow span {
margin-left: 15px;
}
@media (min-width: 355px) {
.tab-main-info__yesterday,
.tab-core-nums__yesterday {
margin-left: 15px;
}
.tab-main-info__tomorrow,
.tab-core-nums__tomorrow {
margin-right: 15px;
}
}
@media (min-width: 580px) {
.tab-main-info,
.tab-core-nums {
padding-top: 0px;
margin-top: 35px;
}
.tab-main-info__yesterday,
.tab-core-nums__yesterday {
left: 0;
}
}
@media (min-width: 1920px) {
.tab-main-info,
.tab-core-nums {
margin-top: 50px;
}
}
.tab-main-info .tab-main-info__content,
.tab-core-nums .tab-main-info__content {
clear: both;
}
.tab-main-info .tab-main-info__content__unlock,
.tab-core-nums .tab-main-info__content__unlock {
text-align: center;
max-width: 270px;
margin: 0 auto;
}
.tab-main-info .tab-main-info__content__unlock p,
.tab-core-nums .tab-main-info__content__unlock p {
margin: 0 auto;
text-transform: uppercase;
text-align: left;
font-size: 27px;
line-height: 27px;
text-align: center;
}
.tab-main-info .tab-main-info__content__unlock__bold,
.tab-core-nums .tab-main-info__content__unlock__bold {
font-family: 'Gotham-Bold';
color: #fdd000;
}
.tab-main-info .tab-main-info__content__unlock__normal,
.tab-core-nums .tab-main-info__content__unlock__normal {
font-family: 'Gotham-Light';
color: #fff;
}
.tab-main-info .tab-main-info__content__unlock a,
.tab-core-nums .tab-main-info__content__unlock a {
display: inline-block;
font-family: 'Gotham-Medium';
font-size: 10px;
line-height: 10px;
background: #00ffb2;
color: #000;
padding: 8px;
margin: 10px 0;
}
.tab-main-info .tab-main-info__content__unlock a span,
.tab-core-nums .tab-main-info__content__unlock a span {
font-family: 'Gotham-Bold';
}
.tab-main-info .tab-main-info__content__bignum,
.tab-core-nums .tab-main-info__content__bignum {
margin: 0 auto;
width: 200px;
}
.tab-main-info .tab-main-info__content__bignum img,
.tab-core-nums .tab-main-info__content__bignum img {
display: block;
margin: 18px auto;
}
.tab-main-info .tab-main-info__content__bignum .path-big,
.tab-core-nums .tab-main-info__content__bignum .path-big {
width: 112px;
}
.tab-main-info .tab-main-info__content__social,
.tab-core-nums .tab-main-info__content__social {
margin-top: 20px;
text-align: center;
}
.tab-main-info .tab-main-info__content__social a,
.tab-core-nums .tab-main-info__content__social a {
display: inline-block;
padding: 5px 10px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.tab-main-info .tab-main-info__content__social a:hover,
.tab-core-nums .tab-main-info__content__social a:hover {
transform: scale(1.5);
}
.tab-main-info .tab-main-info__content__text,
.tab-core-nums .tab-main-info__content__text {
position: relative;
width: 100%;
max-width: 650px;
margin: 0 auto;
margin-top: 10px;
}
.tab-main-info .tab-main-info__content__text h3,
.tab-core-nums .tab-main-info__content__text h3 {
font-family: 'Gotham-Bold';
color: #fff;
font-size: 15px;
margin-top: 0;
text-align: center;
}
.tab-main-info .tab-main-info__content__text p,
.tab-core-nums .tab-main-info__content__text p {
font-family: 'Gotham-Light';
color: #fff;
font-size: 12px;
line-height: 15px;
}
.tab-main-info .tab-main-info__content__text img,
.tab-core-nums .tab-main-info__content__text img {
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.tab-main-info .tab-main-info__content__text img:hover,
.tab-core-nums .tab-main-info__content__text img:hover {
transform: scale(1.5);
}
.tab-main-info .tab-main-info__content__text img.main-info__content__text__arrowUp,
.tab-core-nums .tab-main-info__content__text img.main-info__content__text__arrowUp {
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transform: rotate(180deg) translateX(-50%);
-ms-transform: rotate(180deg) translateX(-50%);
transform: rotate(180deg) translateX(-50%);
position: absolute;
top: 0;
left: 50%;
display: block;
margin: 0 auto;
padding: 15px;
}
.tab-main-info .tab-main-info__content__text img.main-info__content__text__arrowDown,
.tab-core-nums .tab-main-info__content__text img.main-info__content__text__arrowDown {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
bottom: 0;
left: 50%;
display: block;
margin: 0 auto;
padding: 15px;
}
.popup-upgrade {
background: rgba(0, 0, 0, 0.8);
padding: 20px;
padding-top: 50px;
text-align: center;
position: absolute;
width: 100%;
top: 0;
left: 0;
visibility: visible;
opacity: 1;
max-width: 900px;
transition: transform 0.6s, visibility 0.6s, opacity 0.6s;
z-index: 10;
}
.popup-upgrade.hidden {
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}
.popup-upgrade__img {
text-align: center;
max-width: 280px;
margin: 0 auto;
}
.popup-upgrade__img img {
display: block;
margin: 0 auto;
}
.popup-upgrade__text {
text-align: center;
}
.popup-upgrade__text h2 {
font-family: 'Gotham-Bold';
color: #fdd000;
text-transform: uppercase;
margin: 20px auto;
font-size: 34px;
line-height: 34px;
}
.popup-upgrade__text p {
font-family: 'Gotham-Medium';
color: #fff;
font-size: 14px;
line-height: 28px;
margin: 0 auto;
}
.popup-upgrade a {
display: inline-block;
background: #00ffb2;
font-family: 'Gotham-Medium';
color: #000;
margin: 20px 0;
padding: 14px 26px;
font-size: 22px;
}
@media (min-width: 60em) {
.popup-upgrade {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.popup-upgrade.hidden {
visibility: hidden;
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(0.9);
-ms-transform: translate(-50%, -50%) scale(0.9);
transform: translate(-50%, -50%) scale(0.9);
}
}
@media (min-width: 1280px) {
.popup-upgrade {
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.popup-upgrade__img {
margin: 0;
}
.popup-upgrade__text {
text-align: left;
align-self: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.popup-upgrade__text div {
padding: 0 20px;
max-width: 400px;
}
.popup-upgrade__text h2 {
margin: 0;
}
.popup-upgrade__text a {
margin: 0;
margin-right: 20px;
-ms-flex-item-align: end;
align-self: flex-end;
}
}
@media (min-width: 1430px) {
.popup-upgrade {
max-width: 1270px;
}
.popup-upgrade__text {
margin: 0 auto;
}
.popup-upgrade__text div {
max-width: 700px;
}
}
.media-buttons {
width: 100%;
text-align: center;
}
.media-buttons a {
display: inline-block;
color: #fff;
text-align: center;
padding: 10px 10px 0 10px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.media-buttons a:hover svg {
fill: #fdd000;
}
.media-buttons a svg {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
width: 25px;
height: 25px;
}
.media-buttons a p {
font-family: 'Gotham-Light';
color: #fdd000;
margin: 0;
font-size: 10px;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.media-buttons a.active svg {
fill: #fdd000;
}
.media-buttons a.active p {
visibility: visible;
opacity: 1;
}
@media (min-width: 1180px) {
.media-buttons {
left: 51%;
bottom: -24px;
}
}
@media (min-width: 1920px) {
.media-buttons {
left: 51%;
}
.media-buttons a {
display: inline-block;
color: #fff;
}
.media-buttons a p {
font-size: 16px;
}
.media-buttons a svg {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
width: 40px;
height: 40px;
}
}
.popup-media {
position: absolute;
bottom: 60px;
left: 50%;
max-width: 870px;
width: 100%;
height: 60vh;
min-height: 340px;
background: #0b0718;
border: 2px solid #4b2791;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
.popup-media.hidden {
visibility: hidden;
opacity: 0;
-webkit-transform: translateX(-50%) scale(0.7);
-ms-transform: translateX(-50%) scale(0.7);
transform: translateX(-50%) scale(0.7);
}
.popup-media__controls {
position: absolute;
right: 25px;
top: 10px;
z-index: 15;
}
.popup-media__controls a {
display: inline-block;
padding: 5px;
max-width: 25px;
user-select: none;
}
.popup-media__controls a img {
display: block;
}
.popup-media__controls a:first-child {
margin-right: 10px;
}
.popup-media__controls__close {
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.popup-media__controls__close:hover {
transform: rotate(360deg);
}
.popup-media__controls__back {
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
.popup-media__controls__back.hidden {
transform: rotate(360deg) scale(0);
visibility: hidden;
}
.popup-media__controls__back:hover {
opacity: 0.6;
}
.popup-media__title {
text-align: left;
padding: 20px;
}
.popup-media__title p {
font-size: 13px;
margin: 5px 0;
}
.popup-media__title__bold {
color: #00ffb2;
text-transform: uppercase;
font-family: 'Gotham-Bold';
}
.popup-media__title__normal {
font-family: 'Gotham-Bold';
color: #fff;
}
.popup-media__title__thin {
font-family: 'Gotham-Light';
color: #fff;
}
.popup-media .popup-media-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow-y: auto;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
z-index: 10;
}
.popup-media .popup-media-content.hidden {
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.popup-media .popup-media-content .mini-displays {
padding: 20px;
text-align: center;
animation: fadeInPopup 0.6s forwards;
}
.popup-media .popup-media-content .mini-displays.hidden {
animation: fadeOutPopup 0.6s forwards;
}
.popup-media .popup-media-content .mini-displays a {
display: inline-block;
margin: 0 12px 27px;
}
.popup-media .popup-media-content .mini-displays img {
display: block;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-media .popup-media-content .mini-displays a:hover img {
opacity: 0.8;
transform: scale(1.5);
}
.popup-media .popup-media-content .mini-displays__thumb {
max-width: 165px;
overflow: hidden;
}
.popup-media .popup-media-content .mini-displays__title {
font-family: 'Gotham-Light';
font-size: 10px;
color: #fff;
margin: 8px 0;
text-align: center;
}
.popup-media .popup-media-content .please-upgrade {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #0b0718;
text-align: center;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.popup-media .popup-media-content .please-upgrade.hidden {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}
.popup-media .popup-media-content .please-upgrade img {
max-width: 40px;
}
.popup-media .popup-media-content .please-upgrade p {
font-family: 'Gotham-Bold';
font-size: 20px;
color: #fff;
margin: 16px;
}
.popup-media .popup-media-content .please-upgrade a {
background: #00ffb2;
font-family: 'Gotham-Bold';
font-size: 12px;
text-transform: uppercase;
color: #000;
padding: 12px 30px;
margin: 5px 0;
}
.popup-media .popup-media-content.reads-content .mini-displays__thumb {
max-width: 100px;
}
.popup-media .popup-media-content .reads {
padding: 20px;
position: absolute;
width: 100%;
top: 64px;
left: 50%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
visibility: visible;
opacity: 1;
-webkit-transform: translateX(-50%) scale(1);
-ms-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
}
.popup-media .popup-media-content .reads.hidden {
visibility: hidden;
opacity: 0;
-webkit-transform: translateX(-50%) scale(0.7);
-ms-transform: translateX(-50%) scale(0.7);
transform: translateX(-50%) scale(0.7);
}
.popup-media .popup-media-content .reads__top__img {
display: block;
max-width: 55px;
margin: 0 auto;
}
.popup-media .popup-media-content .reads__top__title h3 {
font-family: 'Gotham-Bold';
font-size: 26px;
letter-spacing: 0.4px;
color: #fdd000;
margin: 3px 0;
}
.popup-media .popup-media-content .reads__top__title p {
font-family: 'Gotham-Light';
font-size: 16px;
letter-spacing: 0.4px;
color: #fff;
margin: 0;
}
.popup-media .popup-media-content .reads__top__btn a {
display: inline-block;
font-family: 'Gotham-Bold';
font-size: 11px;
background: #00ffb2;
color: #000;
padding: 5px 30px;
text-transform: uppercase;
margin: 10px 0;
}
.popup-media .popup-media-content .reads__top__social a {
display: inline-block;
padding: 5px 10px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.popup-media .popup-media-content .reads__top__social a:hover {
transform: scale(1.5);
}
.popup-media .popup-media-content .reads__bottom p {
font-family: 'Gotham-Light';
font-size: 12px;
}
.popup-media__triangle {
position: absolute;
bottom: -20px;
left: 50%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.popup-media__triangle span {
width: 0;
height: 0;
border-style: solid;
border-width: 25px 25px 0 25px;
border-width: 20px 20px 0 20px;
position: absolute;
left: 50%;
}
.popup-media__triangle span:first-child {
border-color: #4b2791 transparent transparent transparent;
bottom: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.popup-media__triangle span:nth-child(2) {
border-color: #0b0718 transparent transparent transparent;
bottom: 2px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.popup-media__triangle.videoPos {
left: calc(50% - 58px);
}
.popup-media__triangle.audioPos {
left: calc(50% - 4px);
}
.popup-media__triangle.readPos {
left: calc(50% - -54px);
}
@media (min-width: 60em) {
.popup-media {
height: 100%;
min-height: 460px;
}
.popup-media__title p {
display: inline-block;
}
.popup-media .popup-media-content .mini-displays {
text-align: left;
padding: 40px;
}
.popup-media .popup-media-content .reads {
padding: 50px;
max-width: 740px;
margin: 0 auto;
}
.popup-media .popup-media-content .reads__top {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.popup-media .popup-media-content .reads__top__img {
margin: 0;
}
.popup-media .popup-media-content .reads__top__social {
position: absolute;
right: -70px;
top: 8px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (min-width: 1180px) {
.popup-media {
bottom: 60px;
}
.popup-media__triangle.videoPos {
left: calc(50% - 59px);
}
.popup-media__triangle.audioPos {
left: calc(50% - 5px);
}
.popup-media__triangle.readPos {
left: calc(50% - -53px);
}
}
@media (min-width: 1920px) {
.popup-media {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 80px;
}
.popup-media__title p {
font-size: 16px;
}
.popup-media__controls a {
padding: 10px;
max-width: 35px;
}
.popup-media__triangle.videoPos {
left: calc(50% - 81px);
}
.popup-media__triangle.audioPos {
left: calc(50% - 9px);
}
.popup-media__triangle.readPos {
left: calc(50% - -70px);
}
}
.products-page {
padding-bottom: 100px;
}
@media screen and (min-width: 60em) {
.products-page {
padding-bottom: 0;
}
}
.featured {
position: relative;
height: 100%;
height: 100vh;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.featured h1,
.featured p {
margin: 0;
}
.featured__slider {
width: 100%;
margin-top: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
visibility: hidden;
transform: translateX(50px);
animation: fadeInFeaturedSlider 1s 3.5s forwards ease;
}
.featured__slider__prev,
.featured__slider__next {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.featured__slider__prev.hidden,
.featured__slider__next.hidden {
opacity: 0;
visibility: hidden;
}
.featured__slider__prev img,
.featured__slider__next img {
padding: 15px;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.featured__slider__prev img:hover,
.featured__slider__next img:hover {
transform: scale(1.5);
}
.featured__slider__next {
text-align: right;
}
.featured__slider__next img {
transform: rotate(-180deg);
}
.featured__slider__next img:hover {
transform: scale(1.5) rotate(-180deg);
}
.featured__slider__container {
position: relative;
-webkit-box-flex: 1.25;
-ms-flex: 1.25;
flex: 1.25;
}
.featured__slider__item {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-30%, -50%);
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
visibility: hidden;
opacity: 0;
}
.featured__slider__item.active {
visibility: visible;
opacity: 1;
transform: translate(-50%, -50%);
}
.featured__slider__item__content {
max-width: 467px;
margin: 0 auto;
}
.featured__slider__item__content h1 {
font-family: 'Julius';
text-transform: uppercase;
color: #fdd000;
font-size: 30px;
}
.featured__slider__item__content p {
font-family: 'Gotham-Light';
color: #fff;
font-size: 13px;
line-height: 16px;
letter-spacing: 0.08px;
margin-top: 15px;
}
.featured__slider__item__content a {
display: inline-block;
font-family: 'Gotham-Medium';
text-transform: uppercase;
color: #000;
font-size: 15px;
background: #fdd000;
padding: 12px 10px;
margin-top: 27px;
}
.featured__slider__item__content a span {
font-family: 'Gotham-Bold';
font-size: 18px;
}
.featured__img {
position: absolute;
top: 0;
right: 0;
z-index: -1;
opacity: 0;
transform-origin: top right;
animation: fadeInBigEye 3s 1s forwards, BigEyeMove 6s 3.3s infinite alternate ease-in-out;
}
.featured__img img {
width: 45%;
width: 82vmin;
}
.featured .products-tab {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
text-align: center;
opacity: 0;
visibility: hidden;
transform: translateY(100%);
animation: fadeInProductsTab 1s 3.5s forwards;
}
.featured .products-tab__links {
display: inline-block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.featured .products-tab__links a {
display: inline-block;
font-family: 'Julius';
font-size: 11px;
color: #fdd000;
text-transform: uppercase;
padding: 17px 12px;
background: transparent;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.featured .products-tab__links a:hover,
.featured .products-tab__links a.active {
color: #000;
background: #00ffb2;
font-weight: bold;
}
@media screen and (min-width: 370px) {
.featured__slider {
margin-top: 0;
}
}
@media screen and (min-width: 60em) {
.featured__slider {
margin-top: 0;
}
.featured__slider__prev img,
.featured__slider__next img {
padding: 20px;
}
.featured__slider__next {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.featured__slider__item {
margin: 0;
margin-left: auto;
}
.featured__slider__item__content h1 {
font-size: 33px;
}
}
@keyframes fadeInBigEye {
from {
opacity: 0;
transform: translateY(-40px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes BigEyeMove {
from {
transform: translateY(0);
opacity: 1;
}
to {
transform: translateY(-40px);
opacity: 0.4;
}
}
@keyframes fadeInFeaturedSlider {
from {
opacity: 0;
visibility: hidden;
transform: translateX(50px);
}
to {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
}
@keyframes fadeInProductsTab {
from {
opacity: 0;
visibility: hidden;
transform: translateY(100%);
}
to {
transform: translateY(0);
visibility: visible;
opacity: 1;
}
}
.products {
background: #000;
position: relative;
}
.products h1,
.products h2,
.products h4,
.products h3,
.products p {
margin: 0;
}
.products__title {
font-family: 'Julius';
text-transform: uppercase;
color: #fdd000;
font-size: 20px;
padding: 10px 20px 10px 50px;
}
.products__slider {
position: relative;
background: #130e26;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.products__slider__prev,
.products__slider__next {
-ms-flex-negative: 0;
flex-shrink: 0;
position: absolute;
z-index: 5;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.products__slider__prev img,
.products__slider__next img {
padding: 5px;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.products__slider__prev img:hover,
.products__slider__next img:hover {
transform: scale(1.5);
}
.products__slider__prev {
left: 0;
}
.products__slider__next {
text-align: right;
right: 0;
}
.products__slider__next img {
transform: rotate(-180deg);
}
.products__slider__next img:hover {
transform: scale(1.5) rotate(-180deg);
}
.products__slider__container {
position: relative;
width: 94%;
width: 85vw;
margin: 0 auto;
overflow: hidden;
padding: 25px 0;
}
.products__slider__container.short {
height: 210px;
}
.products__slider__container__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.products__slider__container__content__item {
-ms-flex-negative: 0;
flex-shrink: 0;
display: inline-block;
position: relative;
cursor: pointer;
margin-left: 13px;
width: 266px;
height: 380px;
border: 2px solid transparent;
transition: transform 0.3s, height 0.6s, border .6s;
}
.products__slider__container__content__item:hover {
z-index: 1;
}
.products__slider__container__content__item:hover .products__slider__container__content__item__overlay {
opacity: 1;
visibility: visible;
}
.products__slider__container__content__item.selected {
border: 2px solid #fdd000;
}
.products__slider__container__content__item.selected:after {
position: absolute;
bottom: -17px;
left: 50%;
transform: translateX(-50%);
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #fdcf00 transparent transparent transparent;
z-index: 1;
}
.products__slider__container__content__item.selected .products__slider__container__content__item__overlay {
z-index: 1;
opacity: 1;
visibility: visible;
}
.products__slider__container__content__item__bg-img {
height: 380px;
overflow: hidden;
transition: height 0.6s;
}
.products__slider__container__content__item__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
padding: 0 28px;
opacity: 0;
visibility: hidden;
transition: opacity 300ms, visibility 300ms;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.products__slider__container__content__item__overlay h1 {
font-family: 'Gotham-Bold';
color: #fff;
font-size: 26px;
line-height: 25px;
letter-spacing: 0.4px;
}
.products__slider__container__content__item__overlay h4 {
font-family: 'Gotham-Medium';
color: #fdd000;
font-size: 13px;
line-height: 13px;
margin-top: 5px;
letter-spacing: 0.2px;
}
.products__slider__container__content__item__overlay p {
font-family: 'Gotham-Light';
color: #fff;
font-size: 13px;
margin-top: 11px;
letter-spacing: 0.2px;
line-height: 15px;
}
.products__slider__container__content__item__overlay .access {
font-family: 'Gotham-Bold';
display: inline-block;
padding: 8px 0;
font-size: 11px;
min-width: 135px;
text-align: center;
background: #00ffb2;
color: #000;
margin-top: 30px;
align-self: center;
}
.products__slider__container__content__item__overlay .arrow-down {
text-align: center;
}
.products__slider__container__content__item__overlay .arrow-down img {
display: inline-block;
margin-top: 5px;
padding: 10px;
transform: rotate(-90deg);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.products__slider__container__content__item__overlay .arrow-down img:hover {
transform: rotate(-90deg) scale(1.5);
}
.products__slider__container__content__item__overlay__share {
position: absolute;
top: 15px;
right: 20px;
}
.products__slider__container__content__item__overlay__share a {
display: inline-block;
padding: 5px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.products__slider__container__content__item__overlay__share a:hover {
transform: scale(1.5);
}
.products__slider.shrink .products__slider__container__content__item {
height: 175px;
}
.products__slider.shrink .products__slider__container__content__item__bg-img {
height: 170px;
}
.products__slider.shrink .products__slider__container__content__item__overlay {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.products__slider.shrink .products__slider__container__content__item__overlay h1 {
font-size: 15px;
line-height: 15px;
margin-top: 25px;
}
.products__slider.shrink .products__slider__container__content__item__overlay h4 {
font-size: 10px;
letter-spacing: 0.3px;
line-height: 6px;
margin-top: 9px;
}
.products__slider.shrink .products__slider__container__content__item__overlay p {
font-size: 10px;
letter-spacing: 0.35px;
line-height: 13px;
margin-top: 6px;
}
.products__slider.shrink .products__slider__container__content__item__overlay .arrow-down {
display: none;
}
.products__slider.shrink .products__slider__container__content__item__overlay .access {
margin-top: 6px;
padding: 5px 0;
}
.products__slider.shrink .products__slider__container__content__item__overlay__share {
top: 0;
right: 0;
}
.products__slider.shrink .products__slider__container__content__item__overlay__share img {
max-width: 15px;
}
@media screen and (min-width: 60em) {
.products__slider__prev img,
.products__slider__next img {
padding: 15px;
}
}
@media screen and (min-width: 1920px) {
.products__slider__container {
width: 90vw;
}
}
.products__info {
background: #1f1542;
-webkit-box-shadow: inset 0px 0px 81px 10px rgba(0, 0, 0, 0.75);
-moz-box-shadow: inset 0px 0px 81px 10px rgba(0, 0, 0, 0.75);
box-shadow: inset 0px 0px 81px 10px rgba(0, 0, 0, 0.75);
position: relative;
overflow: hidden;
transition: all .6s;
height: auto;
max-height: 1000px;
}
.products__info.hidden {
max-height: 0;
opacity: 0;
overflow: hidden;
visibility: hidden;
}
.products__info__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 100%;
}
.products__info__content > div {
width: 100%;
height: 100%;
transition: opacity 600ms, visibility 600ms, transform 600ms;
}
.products__info__content > div.hidden {
display: none;
}
.products__info__submenu {
position: relative;
z-index: 10;
text-align: center;
padding: 10px 0;
}
.products__info__submenu a {
display: inline-block;
color: #fdd000;
font-family: 'Julius';
text-transform: uppercase;
padding: 10px 8px;
font-size: 13px;
}
.products__info__submenu img {
display: none;
}
.products__info__submenu > a {
position: relative;
}
.products__info__submenu > a.active::after {
position: absolute;
content: "";
background-image: url(../img/ico/submenu-border-bottom.png);
background-repeat: no-repeat;
background-position: 0 5px;
background-size: 90px 5px;
width: 90px;
height: 18px;
bottom: -10px;
}
.products__info__submenu a.overview.active:after {
left: 0;
}
.products__info__submenu a.bonuses.active:after {
left: -5px;
}
.products__info__submenu a.more.active:after {
left: 15px;
}
.products__info__submenu a.details.active:after {
left: -10px;
}
.products__info__overview {
position: relative;
height: 100%;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.products__info__overview__text {
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
flex: 1;
}
.products__info__overview__text__content {
width: 100%;
max-width: 600px;
padding: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.products__info__overview__text__content h2 {
font-family: 'Gotham-Medium';
color: #fff;
font-size: 33px;
letter-spacing: 0.2px;
line-height: 33px;
}
.products__info__overview__text__content p {
font-family: 'Gotham-Light';
color: #fff;
font-size: 13px;
margin-top: 25px;
letter-spacing: 0.1px;
line-height: 16px;
}
.products__info__overview__text__content__links {
margin-top: 30px;
}
.products__info__overview__text__content__links a {
font-family: 'Gotham-Bold';
text-transform: uppercase;
display: inline-block;
padding: 8px 0;
font-size: 11px;
min-width: 135px;
text-align: center;
}
.products__info__overview__text__content__links a:first-child {
color: #000;
background: #fdd000;
margin-right: 10px;
}
.products__info__overview__text__content__links a:nth-child(2) {
color: #fff;
background: #f9005e;
}
.products__info__overview__img {
opacity: 0.5;
}
.products__info__overview__img img {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
max-width: 100%;
max-height: 100%;
}
.products__info__bonuses {
position: relative;
}
.products__info__bonuses .products__slider__container__content__item__overlay {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.products__info__bonuses .products__slider__container__content__item__overlay .access {
background: #fdd000;
}
.products__info__bonuses .products__slider {
transition: opacity 600ms, visibility 600ms, transform 600ms;
}
.products__info__bonuses .products__slider.hidden {
transform: scale(0.7);
visibility: hidden;
opacity: 0;
display: none;
}
.products__info__bonuses__opened {
width: 100%;
height: 100%;
transition: opacity 600ms, visibility 600ms, transform 600ms;
}
.products__info__bonuses__opened.hidden {
transform: scale(0.7);
visibility: hidden;
opacity: 0;
display: none;
}
.products__info__bonuses__opened__img img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
max-width: 100%;
max-height: 100%;
}
.products__info__bonuses__opened .left-box,
.products__info__bonuses__opened .right-box {
position: relative;
padding: 20px;
z-index: 1;
}
.products__info__bonuses__opened .left-box h2 {
font-family: 'Gotham-Bold';
text-transform: uppercase;
color: #fff;
font-size: 33px;
}
.products__info__bonuses__opened .left-box p {
font-family: 'Gotham-Light';
color: #fff;
font-size: 13px;
margin-top: 25px;
letter-spacing: 0.1px;
line-height: 16px;
}
.products__info__bonuses__opened .right-box {
margin-top: 25px;
}
.products__info__bonuses__opened .right-box .video {
position: static !important;
transform: none !important;
margin-top: 25px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.products__info__bonuses__opened .right-box .video__controls-top,
.products__info__bonuses__opened .right-box .video__controls-bottom {
position: static !important;
}
.products__info__bonuses__opened .right-box .download {
margin-top: 25px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.products__info__bonuses__opened .right-box .download a {
background: #fdd000;
color: #000;
font-family: 'Gotham-Bold';
font-size: 15px;
letter-spacing: 0.5px;
padding: 10px 20px;
margin-right: 10px;
}
.products__info__bonuses__opened .right-box .download img {
display: inline-block;
max-width: 40px;
}
.products__info__bonuses__opened .back-btn {
display: inline-block;
position: absolute;
right: 50px;
top: 11px;
z-index: 15;
padding: 5px;
max-width: 25px;
user-select: none;
-webkit-transition: transform 600ms;
-o-transition: transform 600ms;
transition: transform 600ms;
}
.products__info__bonuses__opened .back-btn__hidden {
transform: rotate(360deg) scale(0);
visibility: hidden;
}
.products__info__details {
margin: 0 auto;
padding: 15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.products__info__details > div {
padding: 20px;
}
.products__info__details h2 {
color: #fff;
font-size: 21px;
font-family: 'Gotham-Light';
}
.products__info__details h2 span {
font-family: 'Gotham-Bold';
color: #fdd000;
}
.products__info__details p {
font-family: 'Gotham-Light';
font-size: 12px;
line-height: 15px;
color: #fff;
margin-top: 23px;
letter-spacing: 0.3px;
}
.products__info__details h3 {
font-family: 'Gotham-Light';
color: #fff;
font-size: 20px;
margin-bottom: 28px;
}
.products__info__details a {
display: inline-block;
text-transform: uppercase;
font-family: 'Gotham-Bold';
color: #fff;
font-size: 15px;
background: #f9005e;
padding: 14px;
margin-bottom: 23px;
min-width: 183px;
text-align: center;
}
@media screen and (min-width: 60em) {
.products__info {
height: 32vw;
padding-bottom: 0;
}
.products__info__submenu {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.products__info__submenu a {
-webkit-transition: transform 0.2s ease;
-o-transition: transform 0.2s ease;
transition: transform 0.2s ease;
}
.products__info__submenu a:hover {
transform: scale(1.1);
}
.products__info__submenu > a.active::after {
display: none;
}
.products__info__submenu img {
display: block;
position: absolute;
left: -7px;
bottom: 0;
max-width: 100px;
transition: all 0.6s cubic-bezier(0.5, -0.5, 0.3, 1.5);
}
.products__info__submenu .overview.active ~ img {
left: -7px;
}
.products__info__submenu .bonuses.active ~ img {
left: 78px;
}
.products__info__submenu .more.active ~ img {
left: 182px;
}
.products__info__submenu .details.active ~ img {
left: 280px;
}
.products__info__content > div {
padding-bottom: 50px;
min-height: 100%;
}
.products__info.hidden {
height: 0;
max-height: 100%;
}
.products__info__overview__text {
flex: 0.5;
}
.products__info__overview__text__content {
padding: 20px 50px;
}
.products__info__overview__img {
opacity: 1;
}
.products__info__overview__img img {
width: 49%;
}
.products__info__bonuses {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.products__info__bonuses__opened {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.products__info__bonuses__opened .left-box,
.products__info__bonuses__opened .right-box {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.products__info__bonuses__opened .left-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.products__info__bonuses__opened .left-box div {
max-width: 300px;
}
.products__info__bonuses__opened .right-box {
margin-top: 0;
}
.products__info__bonuses__opened .right-box > div {
margin-left: 10px;
}
.products__info__bonuses__opened .right-box .video {
position: static !important;
transform: none !important;
margin: 25px 0 0 !important;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.products__info__bonuses__opened .right-box .video__controls-top,
.products__info__bonuses__opened .right-box .video__controls-bottom {
position: static !important;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.products__info__bonuses__opened__img img {
width: 45%;
}
.products__info__details {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.products__info__details > div:first-child {
padding-right: 50px;
max-width: 512px;
}
}
.profile-cards > div {
position: absolute;
left: 50%;
width: 100%;
max-width: 880px;
margin: 0 auto;
margin-top: 20px;
opacity: 1;
visibility: visible;
transform: translateX(-50%) scale(1);
transition: opacity .6s, transform .6s, visibility .6s;
margin-bottom: 120px;
}
.profile-cards > div.hidden {
opacity: 0;
visibility: hidden;
transform: translateX(-50%) scale(0.8);
}
@media screen and (min-width: 60em) {
.profile-cards > div {
margin-bottom: 0;
}
}
.profile__logout {
background: rgba(124, 17, 178, 0.3);
padding: 20px;
text-align: center;
}
.profile {
position: relative;
height: 100%;
}
.profile__btn {
display: inline-block;
border: 1px solid #fdd000;
outline: none;
background: #fdd000;
color: #000;
text-transform: uppercase;
font-family: 'Gotham-Bold';
font-size: 12px;
padding: 10px;
margin: 25px 0;
cursor: pointer;
}
.profile__submenu-top {
text-align: center;
margin-top: 20px;
}
.profile__submenu-top__wrap {
display: inline-block;
position: relative;
}
.profile__submenu-top__wrap img {
display: none;
}
.profile__submenu-top__wrap__link {
display: inline-block;
position: relative;
color: #fff;
text-transform: uppercase;
font-family: 'Julius';
font-size: 10px;
letter-spacing: 0.5px;
padding: 15px 8px;
transition: color 0.3s;
}
.profile__submenu-top__wrap__link:hover {
color: #fdd000;
}
.profile__submenu-top__wrap__link.active::after {
position: absolute;
content: "";
background-image: url(../img/ico/submenu-border-bottom.png);
background-repeat: no-repeat;
background-position: 0 5px;
background-size: 60px 10px;
width: 60px;
height: 18px;
bottom: -2px;
left: 0;
transition: all 0.6s cubic-bezier(0.5, -0.5, 0.3, 1.5);
}
.profile__submenu-top__wrap__link.profile.active:after {
left: 0px;
}
.profile__submenu-top__wrap__link.account.active:after {
left: 15px;
}
.profile__submenu-top__wrap__link.history.active:after {
left: 20px;
}
.profile__submenu-top__wrap__link.membership.active:after {
left: 40px;
}
.profile__submenu-top__wrap__link.help.active:after {
left: -7px;
}
.profile__submenu-top__wrap__link.logout.active:after {
left: 0px;
}
.profile__content {
padding: 10px 20px;
background: rgba(124, 17, 178, 0.3);
text-align: center;
}
.profile__content__path {
margin-bottom: 10px;
text-transform: uppercase;
text-align: left;
}
.profile__content__path a {
color: #00ffb2;
font-family: 'Gotham-Light';
font-size: 11px;
letter-spacing: 0.5px;
}
.profile__content__path span {
font-family: 'Gotham-Light';
color: #fff;
font-size: 11px;
letter-spacing: 0.5px;
}
.profile__content__fields {
display: inline-block;
margin-top: 25px;
text-align: left;
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.profile__content__fields__row {
margin-bottom: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.profile__content__fields__row__name {
color: #fff;
font-family: 'Gotham-Light';
font-size: 12px;
width: 100%;
max-width: 165px;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.profile__content__fields__row__name img {
margin-right: 20px;
max-width: 20px;
}
.profile__content__fields__row__value {
margin-top: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-family: 'Julius';
text-transform: uppercase;
color: #fdd000;
font-size: 15px;
}
.profile__content__fields__row__value input {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-family: 'Julius';
text-transform: uppercase;
color: #fdd000;
font-size: 15px;
padding: 5px 15px;
outline: none;
background: #250E42;
border: 1px solid #250E42;
transition: all 0.6s;
}
.profile__content__fields__row__value input:disabled {
background: transparent;
border: 1px solid transparent;
}
.profile__content__fields__row__value .input-edit-pencil,
.profile__content__fields__row__value .dropdown-edit-pencil {
display: inline-block;
cursor: pointer;
padding: 5px;
margin: 0 10px;
transition: transform 0.3s;
}
.profile__content__fields__row__value .input-edit-pencil:hover,
.profile__content__fields__row__value .dropdown-edit-pencil:hover {
transform: scale(1.3);
}
.profile__content__fields__row__value .input-dropdown {
position: relative;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.profile__content__fields__row__value .input-dropdown__list {
position: absolute;
top: 30px;
left: 0;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
background: #250E42;
transition: transform 0.6s;
transform-origin: top;
z-index: 1;
transform: scaleY(0);
margin-bottom: 0;
}
.profile__content__fields__row__value .input-dropdown__list li {
padding: 5px 10px;
cursor: pointer;
transition: opacity 0.3s ;
}
.profile__content__fields__row__value .input-dropdown__list li:hover {
opacity: 0.5;
}
.profile__content__right {
margin-top: 25px;
max-width: 350px;
}
.profile__content__right .profile-photo__input {
position: relative;
overflow: hidden;
}
.profile__content__right .profile-photo input[type="file"] {
position: absolute;
width: 0;
height: 0;
}
.profile__content__right__text {
font-family: 'Gotham-Light';
color: #fff;
font-size: 10px;
line-height: 15px;
letter-spacing: 1px;
text-align: left;
max-width: 320px;
margin: 0 auto;
}
.profile__content__right .moving-line {
margin-top: 20px;
}
@media screen and (min-width: 60em) {
.profile__submenu-top__wrap__link.active::after {
display: none;
}
.profile__submenu-top__wrap img {
display: block;
position: absolute;
left: 0px;
bottom: -3px;
max-width: 60px;
height: 15px;
transition: transform 0.6s cubic-bezier(0.5, -0.5, 0.3, 1.5), max-width 0.6s ease;
}
.profile__submenu-top__wrap .account.active ~ img {
transform: translateX(63px);
max-width: 90px;
}
.profile__submenu-top__wrap .history.active ~ img {
transform: translateX(163px);
max-width: 100px;
}
.profile__submenu-top__wrap .membership.active ~ img {
transform: translateX(285px);
max-width: 120px;
}
.profile__submenu-top__wrap .help.active ~ img {
transform: translateX(410px);
}
.profile__submenu-top__wrap .logout.active ~ img {
transform: translateX(467px);
}
.profile__content {
padding-bottom: 0;
}
.profile__content__wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 0 0 0 30px;
}
.profile__content__fields__row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px;
}
.profile__content__fields__row__name {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.profile__content__fields__row__value {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-top: 0;
}
.profile__content__right {
margin-top: 0;
padding: 0 20px;
}
}
.profile__account > div > div {
background: rgba(124, 17, 178, 0.3);
padding: 15px 20px;
}
.profile__account__title {
font-family: 'Gotham-Light';
text-transform: uppercase;
color: #00ffb2;
font-size: 12px;
margin: 0;
margin-bottom: 10px;
}
.profile__account__text {
color: #fff;
font-family: 'Gotham-Light';
font-size: 10px;
line-height: 14px;
letter-spacing: 0.5px;
margin: 10px 0 0;
}
.profile__account__text--big {
font-size: 12px;
margin-top: 15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.profile__account__text--big span {
font-family: 'Gotham-Bold';
margin-left: 5px;
}
.profile__account__text--big img {
max-width: 20px;
margin-right: 8px;
}
.profile__account__text.hidden {
display: none;
}
.profile__account__verify-link {
font-size: 10px;
font-family: 'Gotham-Light';
color: #e6e6e6;
text-decoration: underline;
opacity: 0.5;
margin-left: 10px;
}
.profile__account__verified-img {
max-width: 15px;
position: relative;
top: 0px;
left: 5px;
}
.profile__account__input__row {
margin-top: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.profile__account__input__row__text {
color: #fff;
font-family: 'Gotham-Light';
font-size: 12px;
line-height: 13px;
margin: 0;
}
.profile__account__input__row__input {
border: 1px solid transparent;
outline: none;
background: #250E42;
color: #fff;
padding: 5px;
max-width: 170px;
text-align: center;
}
.profile__account__submit {
text-align: center;
margin-top: 10px;
}
.profile__account__submit .profile__btn {
margin: 10px 0 0;
}
.profile__account .contact-support {
margin-top: 20px;
}
.profile__account .contact-support a {
font-family: 'Gotham-Bold';
color: #fff;
text-decoration: underline;
}
.profile__account__left {
margin-bottom: 10px;
}
.profile__account__left__top {
margin-bottom: 10px;
}
.profile__account__right {
margin-bottom: 10px;
}
.profile__account__right__top {
margin-bottom: 10px;
}
@media screen and (min-width: 60em) {
.profile__account {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.profile__account__left {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 0;
margin-right: 5px;
}
.profile__account__left__bottom {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.profile__account__right {
-webkit-box-flex: 1.5;
-ms-flex: 1.5;
flex: 1.5;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 0;
margin-left: 5px;
}
.profile__account__right__bottom {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
.profile__history {
text-align: center;
max-width: 1300px !important;
}
.profile__history p {
color: #fff;
font-family: 'Gotham-Light';
font-size: 12px;
line-height: 13px;
margin: 0;
}
.profile__history .history {
background: rgba(124, 17, 178, 0.3);
padding: 15px 20px;
margin-top: 20px;
max-height: 450px;
overflow-y: auto;
}
.profile__history .history__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 10px 0px;
}
.profile__history .history__row-title {
display: none;
}
.profile__history .history__row:nth-child(even) {
background: rgba(37, 14, 66, 0.9);
}
.profile__history .history__row p {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 5px;
}
.profile__history .history__row a {
color: #fdd000;
font-family: 'Gotham-Light';
transition: opacity 0.3s;
}
.profile__history .history__row a:hover {
opacity: 0.5;
}
.profile__history .assistance {
margin-top: 20px;
}
.profile__history .assistance .btn-yellow {
margin: 20px 0;
}
@media screen and (min-width: 60em) {
.profile__history .history__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
border: 1px solid transparent;
transition: border 0.6s;
}
.profile__history .history__row-title {
margin-bottom: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.profile__history .history__row-title p {
color: #00ffb2;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.profile__history .history__row:hover {
border: 1px solid #fdd000;
}
.profile__history .history__row p {
margin-bottom: 0;
}
.profile__history .assistance {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.profile__history .assistance .btn-yellow {
margin: 0;
margin-left: 10px;
}
}
.profile__membership {
background: rgba(124, 17, 178, 0.3);
padding: 10px 0 !important;
margin-top: 20px;
}
.profile__membership > div {
padding: 20px;
}
.profile__membership .membership-text-big,
.profile__membership .membership-text-small {
color: #fff;
font-family: 'Gotham-Light';
font-size: 14px;
line-height: 13px;
margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.profile__membership .membership-text-big span,
.profile__membership .membership-text-small span {
font-family: 'Gotham-Bold';
margin-left: 10px;
}
.profile__membership .membership-text-big div,
.profile__membership .membership-text-small div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.profile__membership .membership-text-small {
font-size: 12px;
line-height: 15px;
border-top: 1px solid #fff;
padding-top: 20px;
margin-top: 20px;
}
.profile__membership .membership-text-small span {
margin-left: 5px;
}
.profile__membership div.hidden {
display: none;
}
.profile__membership__row {
margin-bottom: 20px;
}
.profile__membership__row .icon {
margin-right: 10px;
max-width: 30px;
}
.profile__membership__row .verified-img {
margin-left: 10px;
}
.profile__membership__row .note {
color: #fdd000;
font-size: 12px;
}
@media screen and (min-width: 60em) {
.profile__membership {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 50px !important;
}
.profile__membership > div {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
.profile__help {
max-width: 1300px !important;
}
.profile__help .box {
background: rgba(124, 17, 178, 0.3);
padding: 15px 20px;
margin-bottom: 20px;
}
.profile__help__row__title {
font-family: 'Gotham-Light';
color: #00ffb2;
font-size: 16px;
}
.profile__help__row__text {
font-family: 'Gotham-Light';
color: #fff;
font-size: 14px;
}
.profile__help__row .btn-yellow {
margin: 10px 0 !important;
}
.profile__help__row .center {
text-align: center;
}
@media screen and (min-width: 60em) {
.profile__help__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.profile__help__row .center {
margin-top: 40px;
}
.profile__help .box {
margin: 0 20px 20px 0;
}
.profile__help .box-lg {
-webkit-box-flex: 1.5;
-ms-flex: 1.5;
flex: 1.5;
}
}
.support-popup {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
max-width: 800px;
transform: translate(-50%, -50%);
padding: 20px;
background: #3D1865;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
opacity: 1;
visibility: visible;
transition: opacity .6s, transform .6s, visibility .6s;
}
.support-popup.hidden {
opacity: 0;
visibility: hidden;
transform: translate(-50%, -50%) scale(0.8);
}
.support-popup p {
font-family: 'Gotham-Light';
color: #fff;
font-size: 14px;
margin: 0;
}
.support-popup label {
display: block;
margin-bottom: 10px;
}
.support-popup input[type="text"],
.support-popup textarea {
font-family: 'Gotham-Light';
color: #fff;
background: #250E42;
padding: 4px;
border: 1px solid transparent;
outline: none;
width: 100%;
margin-bottom: 10px;
font-size: 14px;
}
.support-popup .small-text {
font-size: 10px;
margin: 5px 0;
}
.support-popup__input {
position: relative;
overflow: hidden;
}
.support-popup__input input {
position: absolute;
width: 0;
height: 0;
}
.support-popup__product {
margin-top: 25px;
}
.support-popup__file {
cursor: pointer;
margin-top: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.support-popup__file img {
margin-right: 5px;
}
.support-popup__file span {
font-family: 'Gotham-Bold';
border-bottom: 1px solid #fff;
margin-left: 5px;
}
.support-popup__checkbox {
margin-top: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.support-popup__checkbox label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.support-popup__checkbox label:first-child {
margin-right: 20px;
}
.support-popup__checkbox .small-text {
margin-left: 5px;
cursor: pointer;
}
.support-popup__checkbox .checkbox-box {
background: #fff;
border-radius: 50%;
width: 11px;
height: 11px;
}
.support-popup__checkbox .checkbox-box span {
display: block;
margin: 3px;
border-radius: 50%;
width: 5px;
height: 5px;
cursor: pointer;
background: #00ffb2;
transition: transform 0.6s, opacity 0.6s;
transform: scale(8);
opacity: 0;
}
.support-popup__checkbox input {
position: absolute;
visibility: hidden;
}
.support-popup__checkbox input:checked ~ span {
transform: scale(1);
opacity: 1;
}
.support-popup__buttons {
text-align: right;
}
.support-popup__buttons .btn-yellow {
margin-left: 10px;
}
@media screen and (min-width: 60em) {
.support-popup form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.support-popup form .left,
.support-popup form .right {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.support-popup form .left {
margin-right: 10px;
}
.support-popup form .right {
margin-top: 50px;
margin-left: 10px;
}
}
.h-auto {
height: auto !important;
}
/*# sourceMappingURL=main.css.map */