html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
#city-footer--items .icon {
margin: 0
}
main {
display: block
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
abbr[title] {
border-bottom: none;
text-decoration: underline dotted
}
mark {
background-color: #ff0;
color: #000
}
sub,
sup {
line-height: 0;
position: relative
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
audio,
canvas,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
svg:not(:root) {
overflow: hidden
}
button,
optgroup,
textarea {
font-family: sans-serif
}
button,
input,
optgroup,
select,
textarea {
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=reset],
[type=submit],
button,
html[type=button] {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
white-space: normal
}
progress {
display: inline-block;
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
summary {
display: list-item
}
[hidden],
selector,
template {
display: none
}
/* Typography */
@font-face {
font-family: "PrydeCircularWeb";
src: url(fonts/PrydeCircularWeb-Book.woff2) format("woff2"), url(fonts/PrydeCircularWeb-Book.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap; }
@font-face {
font-family: "PrydeCircularWeb";
src: url(fonts/PrydeCircularWeb-Bold.woff2) format("woff2"), url(fonts/PrydeCircularWeb-Bold.woff2) format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap; }
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin:0;
padding:0;
border:0;
font:inherit;
vertical-align:baseline
}
body {
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
color:#212240;
font-family:'PrydeCircularWeb',
'Avenir',
'Avenir Next',
'Segoe UI',
'sans-serif';
font-size:16px;
font-weight:300;
line-height:1.2
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display:block
}
ol,
ul {
list-style:none
}
blockquote,
q {
quotes:none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content:none
}
table {
border-collapse:collapse;
border-spacing:0
}
.moradul,
a.link.moradul {
color:#7350ff
}
[class*=bg-moradul] {
background-color:#7350ff;
color:#fff
}
[class*=bg-martinique] a.link.martinique,
[class*=bg-moradul] a.link.moradul {
color:#fff
}
[class*=bg-moradul] a:not([class*=button--]) {
color:#fff
}
[class*=border-moradul] {
border-color:#7350ff
}
.module[class*=bg-][class*=icon-moradul] .icon svg:not(.literal) circle,
.module[class*=bg-][class*=icon-moradul] .icon svg:not(.literal) ellipse,
.module[class*=bg-][class*=icon-moradul] .icon svg:not(.literal) path,
.module[class*=bg-][class*=icon-moradul] .icon svg:not(.literal) polygon,
.module[class*=bg-][class*=icon-moradul] .icon svg:not(.literal) rect,
body.nav-alt:not(.nav) #nav.scrolled .logo path,
body.nav-alt:not(.nav) #nav.scrolled .logo rect {
fill:#7350ff
}
.icon-moradul svg circle,
.icon-moradul svg ellipse,
.icon-moradul svg path,
.icon-moradul svg polygon,
.icon-moradul svg rect {
fill:#7350ff
}
.moradul-2,
a.link.moradul-2 {
color:#6645ec
}
[class*=bg-moradul-2] {
background-color:#6645ec
}
[class*=border-moradul-2] {
border-color:#6645ec
}
.module[class*=bg-][class*=icon-moradul-2] .icon svg:not(.literal) circle,
.module[class*=bg-][class*=icon-moradul-2] .icon svg:not(.literal) ellipse,
.module[class*=bg-][class*=icon-moradul-2] .icon svg:not(.literal) path,
.module[class*=bg-][class*=icon-moradul-2] .icon svg:not(.literal) polygon,
.module[class*=bg-][class*=icon-moradul-2] .icon svg:not(.literal) rect {
fill:#6645ec
}
.icon-moradul-2 svg circle,
.icon-moradul-2 svg ellipse,
.icon-moradul-2 svg path,
.icon-moradul-2 svg polygon,
.icon-moradul-2 svg rect {
fill:#6645ec
}
.moradul-3,
a.link.moradul-3 {
color:#5f3ee3
}
[class*=bg-moradul-3] {
background-color:#5f3ee3
}
[class*=border-moradul-3] {
border-color:#5f3ee3
}
.module[class*=bg-][class*=icon-moradul-3] .icon svg:not(.literal) circle,
.module[class*=bg-][class*=icon-moradul-3] .icon svg:not(.literal) ellipse,
.module[class*=bg-][class*=icon-moradul-3] .icon svg:not(.literal) path,
.module[class*=bg-][class*=icon-moradul-3] .icon svg:not(.literal) polygon,
.module[class*=bg-][class*=icon-moradul-3] .icon svg:not(.literal) rect {
fill:#5f3ee3
}
.icon-moradul-3 svg circle,
.icon-moradul-3 svg ellipse,
.icon-moradul-3 svg path,
.icon-moradul-3 svg polygon,
.icon-moradul-3 svg rect {
fill:#5f3ee3
}
.martinique,
[class*=bg-light] a.link.light,
[class*=bg-selago] a.link.selago,
[class*=bg-white] a.link.white,
a.link.martinique {
color:#212240
}
[class*=bg-martinique] {
background-color:#212240;
color:#fff
}
[class*=bg-martinique] a:not([class*=button--]) {
color:#fff
}
[class*=border-martinique] {
border-color:#212240
}
.module.bg-selago .icon svg:not(.literal) circle,
.module.bg-selago .icon svg:not(.literal) ellipse,
.module.bg-selago .icon svg:not(.literal) path,
.module.bg-selago .icon svg:not(.literal) polygon,
.module.bg-selago .icon svg:not(.literal) rect,
.module.bg-white .icon svg:not(.literal) circle,
.module.bg-white .icon svg:not(.literal) ellipse,
.module.bg-white .icon svg:not(.literal) path,
.module.bg-white .icon svg:not(.literal) polygon,
.module.bg-white .icon svg:not(.literal) rect,
.module[class*=bg-][class*=icon-martinique] .icon svg:not(.literal) circle,
.module[class*=bg-][class*=icon-martinique] .icon svg:not(.literal) ellipse,
.module[class*=bg-][class*=icon-martinique] .icon svg:not(.literal) path,
.module[class*=bg-][class*=icon-martinique] .icon svg:not(.literal) polygon,
.module[class*=bg-][class*=icon-martinique] .icon svg:not(.literal) rect {
fill:#212240
}
.icon-martinique svg circle,
.icon-martinique svg ellipse,
.icon-martinique svg path,
.icon-martinique svg polygon,
.icon-martinique svg rect {
fill:#212240
}
.martinique-1,
a.link.martinique-1 {
color:#272847
}
[class*=bg-martinique-1] {
background-color:#272847
}
[class*=border-martinique-1] {
border-color:#272847
}
.module[class*=bg-][class*=icon-martinique-1] .icon svg:not(.literal) circle,
.module[class*=bg-][class*=icon-martinique-1] .icon svg:not(.literal) ellipse,
.module[class*=bg-][class*=icon-martinique-1] .icon svg:not(.literal) path,
.module[class*=bg-][class*=icon-martinique-1] .icon svg:not(.literal) polygon,
.module[class*=bg-][class*=icon-martinique-1] .icon svg:not(.literal) rect {
fill:#272847
}
.icon-martinique-1 svg circle,
.icon-martinique-1 svg ellipse,
.icon-martinique-1 svg path,
.icon-martinique-1 svg polygon,
.icon-martinique-1 svg rect {
fill:#272847
}
.martinique-2,
a.link.martinique-2 {
color:#141633
}
[class*=bg-martinique-2] {
background-color:#141633
}
[class*=border-martinique-2] {
border-color:#141633
}
.module[class*=bg-][class*=icon-martinique-2] .icon svg:not(.literal) circle,
.module[class*=bg-][class*=icon-martinique-2] .icon svg:not(.literal) ellipse,
.module[class*=bg-][class*=icon-martinique-2] .icon svg:not(.literal) path,
.module[class*=bg-][class*=icon-martinique-2] .icon svg:not(.literal) polygon,
.module[class*=bg-][class*=icon-martinique-2] .icon svg:not(.literal) rect {
fill:#141633
}
.icon-martinique-2 svg circle,
.icon-martinique-2 svg ellipse,
.icon-martinique-2 svg path,
.icon-martinique-2 svg polygon,
.icon-martinique-2 svg rect {
fill:#141633
}
.light,
a.link.light {
color:#c1b2ff
}
[class*=bg-light] {
background-color:#c1b2ff;
color:#212240
}
[class*=bg-light] a:not([class*=button--]) {
color:#212240!important
}
[class*=border-light] {
border-color:#c1b2ff
}
.module[class*=bg-][class*=icon-light] .icon svg:not(.literal) circle,
.module[class*=bg-][class*=icon-light] .icon svg:not(.literal) ellipse,
.module[class*=bg-][class*=icon-light] .icon svg:not(.literal) path,
.module[class*=bg-][class*=icon-light] .icon svg:not(.literal) polygon,
.module[class*=bg-][class*=icon-light] .icon svg:not(.literal) rect {
fill:#c1b2ff
}
.icon-light svg circle,
.icon-light svg ellipse,
.icon-light svg path,
.icon-light svg polygon,
.icon-light svg rect {
fill:#c1b2ff
}
.selago,
a.link.selago {
color:#fafafe
}
[class*=bg-selago] {
background-color:#fafafe;
color:#212240
}
[class*=bg-selago] a:not([class*=button--]) {
color:#212240!important
}
[class*=border-selago] {
border-color:#fafafe
}
.module[class*=bg-][class*=icon-selago] .icon svg:not(.literal) circle,
.module[class*=bg-][class*=icon-selago] .icon svg:not(.literal) ellipse,
.module[class*=bg-][class*=icon-selago] .icon svg:not(.literal) path,
.module[class*=bg-][class*=icon-selago] .icon svg:not(.literal) polygon,
.module[class*=bg-][class*=icon-selago] .icon svg:not(.literal) rect {
fill:#fafafe
}
.icon-selago svg circle,
.icon-selago svg ellipse,
.icon-selago svg path,
.icon-selago svg polygon,
.icon-selago svg rect {
fill:#fafafe
}
.module[class*=bg-martinique] .table strong,
.module[class*=bg-martinique] .table table thead,
.module[class*=bg-martinique] .table tbody,
.module[class*=bg-moradul] .table strong,
.module[class*=bg-moradul] .table table thead,
.module[class*=bg-moradul] .table tbody,
.module[class*=bg-pink] .table strong,
.module[class*=bg-pink] .table table thead,
.module[class*=bg-pink] .table tbody,
.white,
[class*=bg-azura] a.link.azura,
[class*=bg-pink] a.link.pink,
a.link.white {
color:#fff
}
[class*=bg-white] {
background-color:#fff;
color:#212240
}
[class*=bg-white] a:not([class*=button--]) {
color:#212240!important
}
[class*=border-white] {
border-color:#fff
}
.module[class*=bg-][class*=icon-white] .icon svg:not(.literal) circle,
.module[class*=bg-][class*=icon-white] .icon svg:not(.literal) ellipse,
.module[class*=bg-][class*=icon-white] .icon svg:not(.literal) path,
.module[class*=bg-][class*=icon-white] .icon svg:not(.literal) polygon,
.module[class*=bg-][class*=icon-white] .icon svg:not(.literal) rect,
.module[class*=bg-azura] .icon svg:not(.literal) circle,
.module[class*=bg-azura] .icon svg:not(.literal) ellipse,
.module[class*=bg-azura] .icon svg:not(.literal) path,
.module[class*=bg-azura] .icon svg:not(.literal) polygon,
.module[class*=bg-azura] .icon svg:not(.literal) rect,
.module[class*=bg-martinique] .icon svg:not(.literal) circle,
.module[class*=bg-martinique] .icon svg:not(.literal) ellipse,
.module[class*=bg-martinique] .icon svg:not(.literal) path,
.module[class*=bg-martinique] .icon svg:not(.literal) polygon,
.module[class*=bg-martinique] .icon svg:not(.literal) rect,
.module[class*=bg-moradul] .icon svg:not(.literal) circle,
.module[class*=bg-moradul] .icon svg:not(.literal) ellipse,
.module[class*=bg-moradul] .icon svg:not(.literal) path,
.module[class*=bg-moradul] .icon svg:not(.literal) polygon,
.module[class*=bg-moradul] .icon svg:not(.literal) rect,
.module[class*=bg-pink] .icon svg:not(.literal) circle,
.module[class*=bg-pink] .icon svg:not(.literal) ellipse,
.module[class*=bg-pink] .icon svg:not(.literal) path,
.module[class*=bg-pink] .icon svg:not(.literal) polygon,
.module[class*=bg-pink] .icon svg:not(.literal) rect {
fill:#fff
}
.icon-white svg circle,
.icon-white svg ellipse,
.icon-white svg path,
.icon-white svg polygon,
.icon-white svg rect,
span.loader svg ellipse,
span.loader svg path {
fill:#fff
}
.teal,
a.link.teal {
color:#65bfee
}
[class*=bg-teal] {
background-color:#65bfee
}
[class*=border-teal] {
border-color:#65bfee
}
.module[class*=bg-][class*=icon-teal] .icon svg:not(.literal) circle,
.module[class*=bg-][class*=icon-teal] .icon svg:not(.literal) ellipse,
.module[class*=bg-][class*=icon-teal] .icon svg:not(.literal) path,
.module[class*=bg-][class*=icon-teal] .icon svg:not(.literal) polygon,
.module[class*=bg-][class*=icon-teal] .icon svg:not(.literal) rect {
fill:#65bfee
}
.icon-teal svg circle,
.icon-teal svg ellipse,
.icon-teal svg path,
.icon-teal svg polygon,
.icon-teal svg rect {
fill:#65bfee
}
.azura,
a.link.azura {
color:#2a86f5
}
[class*=bg-azura] {
background-color:#2a86f5;
color:#fff
}
[class*=bg-azura] a:not([class*=button--]) {
color:#fff
}
[class*=border-azura] {
border-color:#2a86f5
}
.module[class*=bg-][class*=icon-azura] .icon svg:not(.literal) circle,
.module[class*=bg-][class*=icon-azura] .icon svg:not(.literal) ellipse,
.module[class*=bg-][class*=icon-azura] .icon svg:not(.literal) path,
.module[class*=bg-][class*=icon-azura] .icon svg:not(.literal) polygon,
.module[class*=bg-][class*=icon-azura] .icon svg:not(.literal) rect {
fill:#2a86f5
}
.icon-azura svg circle,
.icon-azura svg ellipse,
.icon-azura svg path,
.icon-azura svg polygon,
.icon-azura svg rect {
fill:#2a86f5
}
.azura-2,
a.link.azura-2 {
color:#1e71f1
}
[class*=bg-azura-2] {
background-color:#1e71f1
}
[class*=border-azura-2] {
border-color:#1e71f1
}
.module[class*=bg-][class*=icon-azura-2] .icon svg:not(.literal) circle,
.module[class*=bg-][class*=icon-azura-2] .icon svg:not(.literal) ellipse,
.module[class*=bg-][class*=icon-azura-2] .icon svg:not(.literal) path,
.module[class*=bg-][class*=icon-azura-2] .icon svg:not(.literal) polygon,
.module[class*=bg-][class*=icon-azura-2] .icon svg:not(.literal) rect {
fill:#1e71f1
}
.icon-azura-2 svg circle,
.icon-azura-2 svg ellipse,
.icon-azura-2 svg path,
.icon-azura-2 svg polygon,
.icon-azura-2 svg rect {
fill:#1e71f1
}
.azura-3,
a.link.azura-3 {
color:#3192f6
}
[class*=bg-azura-3] {
background-color:#3192f6
}
[class*=border-azura-3] {
border-color:#3192f6
}
.module[class*=bg-][class*=icon-azura-3] .icon svg:not(.literal) circle,
.module[class*=bg-][class*=icon-azura-3] .icon svg:not(.literal) ellipse,
.module[class*=bg-][class*=icon-azura-3] .icon svg:not(.literal) path,
.module[class*=bg-][class*=icon-azura-3] .icon svg:not(.literal) polygon,
.module[class*=bg-][class*=icon-azura-3] .icon svg:not(.literal) rect {
fill:#3192f6
}
.icon-azura-3 svg circle,
.icon-azura-3 svg ellipse,
.icon-azura-3 svg path,
.icon-azura-3 svg polygon,
.icon-azura-3 svg rect {
fill:#3192f6
}
.blue-love,
a.link.blue-love {
color:#77cfff
}
[class*=bg-blue-love] {
background-color:#77cfff
}
[class*=border-blue-love] {
border-color:#77cfff
}
.module[class*=bg-][class*=icon-blue-love] .icon svg:not(.literal) circle,
.module[class*=bg-][class*=icon-blue-love] .icon svg:not(.literal) ellipse,
.module[class*=bg-][class*=icon-blue-love] .icon svg:not(.literal) path,
.module[class*=bg-][class*=icon-blue-love] .icon svg:not(.literal) polygon,
.module[class*=bg-][class*=icon-blue-love] .icon svg:not(.literal) rect {
fill:#77cfff
}
.icon-blue-love svg circle,
.icon-blue-love svg ellipse,
.icon-blue-love svg path,
.icon-blue-love svg polygon,
.icon-blue-love svg rect {
fill:#77cfff
}
.pink,
a.link.pink {
color:#ff6b97
}
[class*=bg-pink] {
background-color:#ff6b97;
color:#fff
}
[class*=bg-pink] a:not([class*=button--]),
body.nav-alt:not(.nav) #nav.scrolled li[class*=button] a:hover {
color:#fff
}
[class*=border-pink] {
border-color:#ff6b97
}
.module[class*=bg-][class*=icon-pink] .icon svg:not(.literal) circle,
.module[class*=bg-][class*=icon-pink] .icon svg:not(.literal) ellipse,
.module[class*=bg-][class*=icon-pink] .icon svg:not(.literal) path,
.module[class*=bg-][class*=icon-pink] .icon svg:not(.literal) polygon,
.module[class*=bg-][class*=icon-pink] .icon svg:not(.literal) rect {
fill:#ff6b97
}
.icon-pink svg circle,
.icon-pink svg ellipse,
.icon-pink svg path,
.icon-pink svg polygon,
.icon-pink svg rect {
fill:#ff6b97
}
.shanrock,
a.link.shanrock {
color:#aaf4dc
}
[class*=bg-shanrock] {
background-color:#aaf4dc
}
[class*=border-shanrock] {
border-color:#aaf4dc
}
.module[class*=bg-][class*=icon-shanrock] .icon svg:not(.literal) circle,
.module[class*=bg-][class*=icon-shanrock] .icon svg:not(.literal) ellipse,
.module[class*=bg-][class*=icon-shanrock] .icon svg:not(.literal) path,
.module[class*=bg-][class*=icon-shanrock] .icon svg:not(.literal) polygon,
.module[class*=bg-][class*=icon-shanrock] .icon svg:not(.literal) rect {
fill:#aaf4dc
}
.icon-shanrock svg circle,
.icon-shanrock svg ellipse,
.icon-shanrock svg path,
.icon-shanrock svg polygon,
.icon-shanrock svg rect {
fill:#aaf4dc
}
@-ms-viewport{width:device-width}html{box-sizing:border-box;-ms-overflow-style:scrollbar}::after,::before{position:relative}.flex{display:-webkit-flex;display:-ms-flexbox;display:flex}.flex>*{padding-right:12px;padding-left:12px}.container,.row{margin-left:auto;margin-right:auto}.container{padding-left:32px;padding-right:32px;position:relative;width:100%}.container.no-gutters{padding-left:0!important;padding-right:0!important}.row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 1 auto;
-ms-flex:0 1 auto;
flex:0 1 auto;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
max-width:1128px;
-webkit-align-content:flex-start;
-ms-flex-line-pack:start;
align-content:flex-start;
-webkit-align-items:flex-start;
-ms-flex-align:start;
align-items:flex-start
}
.row.no-gutters[class*=col-] {
padding:0
}
.row.full {
max-width:100%
}
.row.half {
max-width:564px!important
}
.row.overflow {
max-width:calc(1128px + 8.33333%)
}
.row.overflow .row {
max-width:none
}
.rectangle {
overflow:hidden;
position:relative
}
.rectangle>* {
bottom:12px;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
height:100%;
left:12px;
position:absolute;
right:12px;
top:0
}
.rectangle:before,
.square:before {
content:"";
display:block;
float:left;
padding-top:50%;
position:relative
}
.square {
overflow:hidden;
position:relative
}
.square>* {
bottom:12px;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
height:100%;
left:12px;
position:absolute;
right:12px;
top:0
}
.square:before {
padding-top:100%
}
.row.wrap {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.row.nowrap {
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap
}
.row.flex>* {
-webkit-flex:1;
-ms-flex:1;
flex:1
}
.row .row:not(.collapse):not([class*=col-]) {
margin-left:-12px;
margin-right:-12px
}
.row.column {
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column
}
.row.column-reverse {
-webkit-flex-direction:column-reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse
}
.row {
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row
}
.row-reverse {
-webkit-flex-direction:row-reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse
}
.justify-left {
-webkit-justify-content:flex-start;
-ms-flex-pack:start;
justify-content:flex-start
}
.justify-right {
-webkit-justify-content:flex-end;
-ms-flex-pack:end;
justify-content:flex-end
}
.justify-center {
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
.justify-space {
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between
}
.justify-around {
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around
}
.items-left,
.items-top {
-webkit-align-items:flex-start;
-ms-flex-align:start;
-ms-grid-row-align:flex-start;
align-items:flex-start
}
.items-bottom,
.items-right {
-webkit-align-items:flex-end;
-ms-flex-align:end;
-ms-grid-row-align:flex-end;
align-items:flex-end
}
.items-center,
.items-middle {
-webkit-align-items:center;
-ms-flex-align:center;
-ms-grid-row-align:center;
align-items:center
}
.items-baseline {
-webkit-align-items:baseline;
-ms-flex-align:baseline;
-ms-grid-row-align:baseline;
align-items:baseline
}
.items-stretch {
-webkit-align-items:stretch;
-ms-flex-align:stretch;
-ms-grid-row-align:stretch;
align-items:stretch
}
.content-bottom {
-webkit-align-content:flex-end;
-ms-flex-line-pack:end;
align-content:flex-end
}
.content-center,
.content-middle {
-webkit-align-content:center;
-ms-flex-line-pack:center;
align-content:center
}
.content-space {
-webkit-align-content:space-between;
-ms-flex-line-pack:justify;
align-content:space-between
}
.content-around {
-webkit-align-content:space-around;
-ms-flex-line-pack:distribute;
align-content:space-around
}
.self-top {
-webkit-align-self:flex-start;
-ms-flex-item-align:start;
align-self:flex-start
}
.self-bottom {
-webkit-align-self:flex-end;
-ms-flex-item-align:end;
align-self:flex-end
}
.self-center {
-webkit-align-self:center;
-ms-flex-item-align:center;
align-self:center
}
.self-baseline {
-webkit-align-self:baseline;
-ms-flex-item-align:baseline;
align-self:baseline
}
.self-stretch {
-webkit-align-self:stretch;
-ms-flex-item-align:stretch;
align-self:stretch
}
[class*=col-] {
min-height:1px
}
#footer .social-links li,
.col-auto {
width:auto;
-webkit-flex:1;
-ms-flex:1;
flex:1
}
[class*=col-].row {
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin-left:initial;
margin-right:initial;
padding-bottom:0;
padding-top:0;
padding-left:0;
padding-right:0
}
[class*=col-] {
padding-right:12px;
padding-left:12px
}
[class*=col-] row,
[class*=col-].collapse {
padding-right:0;
padding-left:0
}
.col-1 {
width:8.33333%
}
.col-2 {
width:16.66667%
}
.col-3 {
width:25%
}
.col-4 {
width:33.33333%
}
.col-5 {
width:41.66667%
}
.col-6 {
width:50%
}
.col-7 {
width:58.33333%
}
.col-8 {
width:66.66667%
}
.col-9 {
width:75%
}
.col-10 {
width:83.33333%
}
.col-11 {
width:91.66667%
}
.col-12 {
width:100%;
margin-left:0
}
@media (min-width: 1025px) {
[class*=col-][class*=dt-no-gutters-] {
padding-top:0;
padding-bottom:0
}
[class*=col-].dt-no-gutters-left {
padding-left:0
}
[class*=col-].dt-no-gutters-right {
padding-right:0
}
[class*=col-].dt-no-gutters,
[class*=rowdt] {
padding-left:0;
padding-right:0
}
}
@media (min-width: 1025px) {
.container {
padding-left:32px;
padding-right:32px
}
}
@media (min-width: 769px) and (max-width: 1024px) {
[class*=col-][class*=tb-no-gutters-] {
padding-top:0;
padding-bottom:0
}
[class*=col-].tb-no-gutters-left {
padding-left:0
}
[class*=col-].tb-no-gutters-right {
padding-right:0
}
[class*=col-].tb-no-gutters,
[class*=rowtb] {
padding-left:0;
padding-right:0
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.container {
padding-left:40px;
padding-right:40px
}
}
@media (max-width: 1024px) {
.rectangle-tb {
overflow:hidden;
position:relative
}
.rectangle-tb>* {
bottom:12px;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
height:100%;
left:12px;
position:absolute;
right:12px;
top:0
}
.rectangle-tb:before,
.square-tb:before {
content:"";
display:block;
float:left;
padding-top:50%;
position:relative
}
.square-tb {
overflow:hidden;
position:relative
}
.square-tb>* {
bottom:12px;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
height:100%;
left:12px;
position:absolute;
right:12px;
top:0
}
.square-tb:before {
padding-top:100%
}
.row.tb-wrap {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.row.tb-nowrap {
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap
}
.row.tb-flex>* {
-webkit-flex:1;
-ms-flex:1;
flex:1
}
.row .row:not(.collapse):not([class*=col-]) {
margin-left:-12px;
margin-right:-12px
}
.row.column-tb {
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column
}
.row.column-tb-reverse {
-webkit-flex-direction:column-reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse
}
.row-tb {
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row
}
.row-tb-reverse {
-webkit-flex-direction:row-reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse
}
.justify-tb-left {
-webkit-justify-content:flex-start;
-ms-flex-pack:start;
justify-content:flex-start
}
.justify-tb-right {
-webkit-justify-content:flex-end;
-ms-flex-pack:end;
justify-content:flex-end
}
.justify-tb-center {
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
.justify-tb-space {
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between
}
.justify-tb-around {
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around
}
.items-tb-left,
.items-tb-top {
-webkit-align-items:flex-start;
-ms-flex-align:start;
-ms-grid-row-align:flex-start;
align-items:flex-start
}
.items-tb-bottom,
.items-tb-right {
-webkit-align-items:flex-end;
-ms-flex-align:end;
-ms-grid-row-align:flex-end;
align-items:flex-end
}
.items-tb-center,
.items-tb-middle {
-webkit-align-items:center;
-ms-flex-align:center;
-ms-grid-row-align:center;
align-items:center
}
.items-tb-baseline {
-webkit-align-items:baseline;
-ms-flex-align:baseline;
-ms-grid-row-align:baseline;
align-items:baseline
}
.items-tb-stretch {
-webkit-align-items:stretch;
-ms-flex-align:stretch;
-ms-grid-row-align:stretch;
align-items:stretch
}
.content-tb-bottom {
-webkit-align-content:flex-end;
-ms-flex-line-pack:end;
align-content:flex-end
}
.content-tb-center,
.content-tb-middle {
-webkit-align-content:center;
-ms-flex-line-pack:center;
align-content:center
}
.content-tb-space {
-webkit-align-content:space-between;
-ms-flex-line-pack:justify;
align-content:space-between
}
.content-tb-around {
-webkit-align-content:space-around;
-ms-flex-line-pack:distribute;
align-content:space-around
}
.self-tb-top {
-webkit-align-self:flex-start;
-ms-flex-item-align:start;
align-self:flex-start
}
.self-tb-bottom {
-webkit-align-self:flex-end;
-ms-flex-item-align:end;
align-self:flex-end
}
.self-tb-center {
-webkit-align-self:center;
-ms-flex-item-align:center;
align-self:center
}
.self-tb-baseline {
-webkit-align-self:baseline;
-ms-flex-item-align:baseline;
align-self:baseline
}
.self-tb-stretch {
-webkit-align-self:stretch;
-ms-flex-item-align:stretch;
align-self:stretch
}
.offset-tb-1 {
margin-left:8.33333%
}
.offset-tb-2 {
margin-left:16.66667%
}
.offset-tb-3 {
margin-left:25%
}
.offset-tb-4 {
margin-left:33.33333%
}
.offset-tb-5 {
margin-left:41.66667%
}
.offset-tb-6 {
margin-left:50%
}
.offset-tb-7 {
margin-left:58.33333%
}
.offset-tb-8 {
margin-left:66.66667%
}
.offset-tb-9 {
margin-left:75%
}
.offset-tb-10 {
margin-left:83.33333%
}
.offset-tb-11 {
margin-left:91.66667%
}
.push-tb-1 {
margin-right:8.33333%
}
.push-tb-2 {
margin-right:16.66667%
}
.push-tb-3 {
margin-right:25%
}
.push-tb-4 {
margin-right:33.33333%
}
.push-tb-5 {
margin-right:41.66667%
}
.push-tb-6 {
margin-right:50%
}
.push-tb-7 {
margin-right:58.33333%
}
.push-tb-8 {
margin-right:66.66667%
}
.push-tb-9 {
margin-right:75%
}
.push-tb-10 {
margin-right:83.33333%
}
.push-tb-11 {
margin-right:91.66667%
}
.col-tb-auto {
width:auto;
-webkit-flex:1;
-ms-flex:1;
flex:1
}
[class*=col-tb-].row {
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin-left:initial;
margin-right:initial;
padding-bottom:0;
padding-top:0;
padding-left:0;
padding-right:0
}
[class*=col-tb-] {
padding-right:12px;
padding-left:12px
}
[class*=col-tb-] row,
[class*=col-tb-].collapse {
padding-right:0;
padding-left:0
}
.col-tb-1 {
width:8.33333%
}
.col-tb-2 {
width:16.66667%
}
.col-tb-3 {
width:25%
}
.col-tb-4 {
width:33.33333%
}
.col-tb-5 {
width:41.66667%
}
.col-tb-6 {
width:50%
}
.col-tb-7 {
width:58.33333%
}
.col-tb-8 {
width:66.66667%
}
.col-tb-9 {
width:75%
}
.col-tb-10 {
width:83.33333%
}
.col-tb-11 {
width:91.66667%
}
.col-tb-12 {
width:100%;
margin-left:0
}
}
@media (min-width: 521px) and (max-width: 768px) {
[class*=col-][class*=st-no-gutters-] {
padding-top:0;
padding-bottom:0
}
[class*=col-].st-no-gutters-left {
padding-left:0
}
[class*=col-].st-no-gutters-right {
padding-right:0
}
[class*=col-].st-no-gutters,
[class*=rowst] {
padding-left:0;
padding-right:0
}
}
@media (min-width: 521px) and (max-width: 768px) {
.container {
padding-left:16px;
padding-right:16px
}
}
@media (max-width: 768px) {
.rectangle-st {
overflow:hidden;
position:relative
}
.rectangle-st>* {
bottom:12px;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
height:100%;
left:12px;
position:absolute;
right:12px;
top:0
}
.rectangle-st:before,
.square-st:before {
content:"";
display:block;
float:left;
padding-top:50%;
position:relative
}
.square-st {
overflow:hidden;
position:relative
}
.square-st>* {
bottom:12px;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
height:100%;
left:12px;
position:absolute;
right:12px;
top:0
}
.square-st:before {
padding-top:100%
}
.row.st-wrap {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.row.st-nowrap {
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap
}
.row.st-flex>* {
-webkit-flex:1;
-ms-flex:1;
flex:1
}
.row .row:not(.collapse):not([class*=col-]) {
margin-left:-12px;
margin-right:-12px
}
.row.column-st {
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column
}
.row.column-st-reverse {
-webkit-flex-direction:column-reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse
}
.row-st {
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row
}
.row-st-reverse {
-webkit-flex-direction:row-reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse
}
.justify-st-left {
-webkit-justify-content:flex-start;
-ms-flex-pack:start;
justify-content:flex-start
}
.justify-st-right {
-webkit-justify-content:flex-end;
-ms-flex-pack:end;
justify-content:flex-end
}
.justify-st-center {
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
.justify-st-space {
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between
}
.justify-st-around {
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around
}
.items-st-left,
.items-st-top {
-webkit-align-items:flex-start;
-ms-flex-align:start;
-ms-grid-row-align:flex-start;
align-items:flex-start
}
.items-st-bottom,
.items-st-right {
-webkit-align-items:flex-end;
-ms-flex-align:end;
-ms-grid-row-align:flex-end;
align-items:flex-end
}
.items-st-center,
.items-st-middle {
-webkit-align-items:center;
-ms-flex-align:center;
-ms-grid-row-align:center;
align-items:center
}
.items-st-baseline {
-webkit-align-items:baseline;
-ms-flex-align:baseline;
-ms-grid-row-align:baseline;
align-items:baseline
}
.items-st-stretch {
-webkit-align-items:stretch;
-ms-flex-align:stretch;
-ms-grid-row-align:stretch;
align-items:stretch
}
.content-st-bottom {
-webkit-align-content:flex-end;
-ms-flex-line-pack:end;
align-content:flex-end
}
.content-st-center,
.content-st-middle {
-webkit-align-content:center;
-ms-flex-line-pack:center;
align-content:center
}
.content-st-space {
-webkit-align-content:space-between;
-ms-flex-line-pack:justify;
align-content:space-between
}
.content-st-around {
-webkit-align-content:space-around;
-ms-flex-line-pack:distribute;
align-content:space-around
}
.self-st-top {
-webkit-align-self:flex-start;
-ms-flex-item-align:start;
align-self:flex-start
}
.self-st-bottom {
-webkit-align-self:flex-end;
-ms-flex-item-align:end;
align-self:flex-end
}
.self-st-center {
-webkit-align-self:center;
-ms-flex-item-align:center;
align-self:center
}
.self-st-baseline {
-webkit-align-self:baseline;
-ms-flex-item-align:baseline;
align-self:baseline
}
.self-st-stretch {
-webkit-align-self:stretch;
-ms-flex-item-align:stretch;
align-self:stretch
}
.offset-st-1 {
margin-left:8.33333%
}
.offset-st-2 {
margin-left:16.66667%
}
.offset-st-3 {
margin-left:25%
}
.offset-st-4 {
margin-left:33.33333%
}
.offset-st-5 {
margin-left:41.66667%
}
.offset-st-6 {
margin-left:50%
}
.offset-st-7 {
margin-left:58.33333%
}
.offset-st-8 {
margin-left:66.66667%
}
.offset-st-9 {
margin-left:75%
}
.offset-st-10 {
margin-left:83.33333%
}
.offset-st-11 {
margin-left:91.66667%
}
.push-st-1 {
margin-right:8.33333%
}
.push-st-2 {
margin-right:16.66667%
}
.push-st-3 {
margin-right:25%
}
.push-st-4 {
margin-right:33.33333%
}
.push-st-5 {
margin-right:41.66667%
}
.push-st-6 {
margin-right:50%
}
.push-st-7 {
margin-right:58.33333%
}
.push-st-8 {
margin-right:66.66667%
}
.push-st-9 {
margin-right:75%
}
.push-st-10 {
margin-right:83.33333%
}
.push-st-11 {
margin-right:91.66667%
}
.col-st-auto {
width:auto;
-webkit-flex:1;
-ms-flex:1;
flex:1
}
[class*=col-st-].row {
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin-left:initial;
margin-right:initial;
padding-bottom:0;
padding-top:0;
padding-left:0;
padding-right:0
}
[class*=col-st-] {
padding-right:12px;
padding-left:12px
}
[class*=col-st-] row,
[class*=col-st-].collapse {
padding-right:0;
padding-left:0
}
.col-st-1 {
width:8.33333%
}
.col-st-2 {
width:16.66667%
}
.col-st-3 {
width:25%
}
.col-st-4 {
width:33.33333%
}
.col-st-5 {
width:41.66667%
}
.col-st-6 {
width:50%
}
.col-st-7 {
width:58.33333%
}
.col-st-8 {
width:66.66667%
}
.col-st-9 {
width:75%
}
.col-st-10 {
width:83.33333%
}
.col-st-11 {
width:91.66667%
}
.col-st-12 {
width:100%;
margin-left:0
}
}
.offset-1 {
margin-left:8.33333%
}
.offset-2 {
margin-left:16.66667%
}
.offset-3 {
margin-left:25%
}
.offset-4 {
margin-left:33.33333%
}
.offset-5 {
margin-left:41.66667%
}
.offset-6 {
margin-left:50%
}
.offset-7 {
margin-left:58.33333%
}
.offset-8 {
margin-left:66.66667%
}
.offset-9 {
margin-left:75%
}
.offset-10 {
margin-left:83.33333%
}
.offset-11 {
margin-left:91.66667%
}
@media (max-width: 520px) {
[class*=col-][class*=mb-no-gutters-] {
padding-top:0;
padding-bottom:0
}
[class*=col-].mb-no-gutters-left {
padding-left:0
}
[class*=col-].mb-no-gutters-right {
padding-right:0
}
[class*=col-].mb-no-gutters,
[class*=rowmb] {
padding-left:0;
padding-right:0
}
}
.push-1 {
margin-right:8.33333%
}
.push-2 {
margin-right:16.66667%
}
.push-3 {
margin-right:25%
}
.push-4 {
margin-right:33.33333%
}
.push-5 {
margin-right:41.66667%
}
.push-6 {
margin-right:50%
}
.push-7 {
margin-right:58.33333%
}
.push-8 {
margin-right:66.66667%
}
.push-9 {
margin-right:75%
}
.push-10 {
margin-right:83.33333%
}
.push-11 {
margin-right:91.66667%
}
@media (max-width: 520px) {
.container {
padding-left:16px;
padding-right:16px
}
.rectangle-mb {
overflow:hidden;
position:relative
}
.rectangle-mb>* {
bottom:12px;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
height:100%;
left:12px;
position:absolute;
right:12px;
top:0
}
.rectangle-mb:before,
.square-mb:before {
content:"";
display:block;
float:left;
padding-top:50%;
position:relative
}
.square-mb {
overflow:hidden;
position:relative
}
.square-mb>* {
bottom:12px;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
height:100%;
left:12px;
position:absolute;
right:12px;
top:0
}
.square-mb:before {
padding-top:100%
}
.row.mb-wrap {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.row.mb-nowrap {
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap
}
.row.mb-flex>* {
-webkit-flex:1;
-ms-flex:1;
flex:1
}
.row .row:not(.collapse):not([class*=col-]) {
margin-left:-12px;
margin-right:-12px
}
.row.column-mb {
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column
}
.row.column-mb-reverse {
-webkit-flex-direction:column-reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse
}
.row-mb {
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row
}
.row-mb-reverse {
-webkit-flex-direction:row-reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse
}
.justify-mb-left {
-webkit-justify-content:flex-start;
-ms-flex-pack:start;
justify-content:flex-start
}
.justify-mb-right {
-webkit-justify-content:flex-end;
-ms-flex-pack:end;
justify-content:flex-end
}
.justify-mb-center {
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
.justify-mb-space {
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between
}
.justify-mb-around {
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around
}
.items-mb-left,
.items-mb-top {
-webkit-align-items:flex-start;
-ms-flex-align:start;
-ms-grid-row-align:flex-start;
align-items:flex-start
}
.items-mb-bottom,
.items-mb-right {
-webkit-align-items:flex-end;
-ms-flex-align:end;
-ms-grid-row-align:flex-end;
align-items:flex-end
}
.items-mb-center,
.items-mb-middle {
-webkit-align-items:center;
-ms-flex-align:center;
-ms-grid-row-align:center;
align-items:center
}
.items-mb-baseline {
-webkit-align-items:baseline;
-ms-flex-align:baseline;
-ms-grid-row-align:baseline;
align-items:baseline
}
.items-mb-stretch {
-webkit-align-items:stretch;
-ms-flex-align:stretch;
-ms-grid-row-align:stretch;
align-items:stretch
}
.content-mb-bottom {
-webkit-align-content:flex-end;
-ms-flex-line-pack:end;
align-content:flex-end
}
.content-mb-center,
.content-mb-middle {
-webkit-align-content:center;
-ms-flex-line-pack:center;
align-content:center
}
.content-mb-space {
-webkit-align-content:space-between;
-ms-flex-line-pack:justify;
align-content:space-between
}
.content-mb-around {
-webkit-align-content:space-around;
-ms-flex-line-pack:distribute;
align-content:space-around
}
.self-mb-top {
-webkit-align-self:flex-start;
-ms-flex-item-align:start;
align-self:flex-start
}
.self-mb-bottom {
-webkit-align-self:flex-end;
-ms-flex-item-align:end;
align-self:flex-end
}
.self-mb-center {
-webkit-align-self:center;
-ms-flex-item-align:center;
align-self:center
}
.self-mb-baseline {
-webkit-align-self:baseline;
-ms-flex-item-align:baseline;
align-self:baseline
}
.self-mb-stretch {
-webkit-align-self:stretch;
-ms-flex-item-align:stretch;
align-self:stretch
}
.offset-mb-1 {
margin-left:8.33333%
}
.offset-mb-2 {
margin-left:16.66667%
}
.offset-mb-3 {
margin-left:25%
}
.offset-mb-4 {
margin-left:33.33333%
}
.offset-mb-5 {
margin-left:41.66667%
}
.offset-mb-6 {
margin-left:50%
}
.offset-mb-7 {
margin-left:58.33333%
}
.offset-mb-8 {
margin-left:66.66667%
}
.offset-mb-9 {
margin-left:75%
}
.offset-mb-10 {
margin-left:83.33333%
}
.offset-mb-11 {
margin-left:91.66667%
}
.push-mb-1 {
margin-right:8.33333%
}
.push-mb-2 {
margin-right:16.66667%
}
.push-mb-3 {
margin-right:25%
}
.push-mb-4 {
margin-right:33.33333%
}
.push-mb-5 {
margin-right:41.66667%
}
.push-mb-6 {
margin-right:50%
}
.push-mb-7 {
margin-right:58.33333%
}
.push-mb-8 {
margin-right:66.66667%
}
.push-mb-9 {
margin-right:75%
}
.push-mb-10 {
margin-right:83.33333%
}
.push-mb-11 {
margin-right:91.66667%
}
.col-mb-auto {
width:auto;
-webkit-flex:1;
-ms-flex:1;
flex:1
}
[class*=col-mb-].row {
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin-left:initial;
margin-right:initial;
padding-bottom:0;
padding-top:0;
padding-left:0;
padding-right:0
}
[class*=col-mb-] {
padding-right:12px;
padding-left:12px
}
[class*=col-mb-] row,
[class*=col-mb-].collapse {
padding-right:0;
padding-left:0
}
.col-mb-1 {
width:8.33333%
}
.col-mb-2 {
width:16.66667%
}
.col-mb-3 {
width:25%
}
.col-mb-4 {
width:33.33333%
}
.col-mb-5 {
width:41.66667%
}
.col-mb-6 {
width:50%
}
.col-mb-7 {
width:58.33333%
}
.col-mb-8 {
width:66.66667%
}
.col-mb-9 {
width:75%
}
.col-mb-10 {
width:83.33333%
}
.col-mb-11 {
width:91.66667%
}
.col-mb-12 {
width:100%;
margin-left:0
}
}
body.bg-body-background {
background:#f2f2f2
}
body.nav {
overflow:hidden
}
.terms_policies {
margin:16px 4px 0 16px;
display:block;
font-size:14px;
line-height:1.5;
font-weight:400
}
.template-name,
.terms_policies a {
font-weight:600;
color:#fff
}
.terms_policies a:hover {
text-decoration:underline
}
.template-name {
background-color:#65bfee;
border-radius:0 .5rem .5rem 0;
margin-top:1rem;
box-shadow:2px 2px 5px 3px rgba(0,
0,
0,
.15);
padding:.5rem;
position:absolute;
z-index:999999
}
ul.list {
padding:0;
margin:1rem 0
}
ul.list li {
list-style-type:disc;
padding:0;
margin:0 0 0 1.5rem
}
ul.list li+li {
margin-top:.5rem
}
main {
margin-left:auto;
margin-right:auto;
max-width:90rem;
background:#fff
}
* {
position:relative
}
.static {
position:static
}
img {
max-width:100%;
display:table
}
#footer nav ul li a,
.light {
font-weight:300
}
#footer nav h1,
.regular {
font-weight:400
}
#footer nav ul li a.bold,
.bold,
.icon-title-list .content a,
.strong,
.tag a {
font-weight:600
}
.radius {
border-radius:.5rem
}
.radius--top {
border-radius:.5rem .5rem 0 0
}
.radius--bottom {
border-radius:0 0 .5rem .5rem
}
.radius--left {
border-radius:.5rem 0 0 .5rem
}
.radius--right {
border-radius:0 .5rem .5rem 0
}
.filter {
position:relative
}
.filter>* {
z-index:1
}
.filter:before {
bottom:0;
content:"";
left:0;
position:absolute;
right:0;
top:0;
z-index:0
}
.filter--martinique:before {
background-color:rgba(33,
34,
64,
.65)
}
::selection {
background-color:#7350ff;
color:#fff
}
.shadow {
box-shadow:0 12px 60px 10px rgba(0,
0,
0,
.25)
}
.center {
text-align:center
}
a {
text-decoration:none
}
*,
::after,
::before {
box-sizing:inherit
}
selector:-webkit-full-screen {
display:block
}
selector:-moz-full-screen {
display:block
}
selector:-ms-fullscreen {
display:block
}
.body-2 {
font-size:1.125rem;
line-height:1.5rem;
display:inline
}
@media (max-width: 1024px) {
.body-2 {
font-size:1rem;
line-height:1.5rem
}
}
@media (max-width: 768px) {
.body-2 {
font-size:1rem;
line-height:1.625rem
}
}
@media (max-width: 520px) {
.body-2 {
font-size:1rem;
line-height:1.375rem
}
}
.body-2+* {
margin-top:1.5rem
}
.body {
font-size:1.125rem;
line-height:1.5rem;
display:inline
}
@media (max-width: 1024px) {
.body {
font-size:1rem;
line-height:1.5rem
}
}
@media (max-width: 768px) {
.body {
font-size:1rem;
line-height:1.625rem
}
}
@media (max-width: 520px) {
.body {
font-size:1.125rem;
line-height:1.5rem
}
}
[class*=button--] {
border-radius:.5rem;
border-style:solid;
cursor:pointer;
display:inline-block;
font-size:1.125rem;
font-weight:600;
line-height:1.5rem;
padding:1rem 1.5rem .625rem;
text-align:center;
transition:color 125ms linear,
background-color 125ms linear;
white-space:nowrap
}
@media (max-width: 520px) {
[class*=button--] {
padding:.625rem 1.25rem .5rem;
font-size:1rem
}
}
@media (max-width: 1024px) {
[class*=button--] {
margin-right:1rem
}
}
[class*=button--]:hover {
transition-duration:250ms
}
[class*=button--]+[class*=button--] {
margin-left:.75rem
}
@media (max-width: 1024px) {
[class*=button--]+[class*=button--] {
margin-left:0;
margin-top:1rem
}
}
.button--moradul {
color:#fff!important;
background-color:#7350ff
}
.button--moradul:hover {
background-color:#5f37ff
}
.button--moradul-line {
background-color:transparent;
border-color:#7350ff;
border-width:1px;
color:#7350ff
}
.button--moradul-line:hover {
color:#fff;
background-color:rgba(115,
80,
255,
.85)
}
.button--martinique {
color:#fff;
background-color:#212240
}
.button--martinique-line:hover,
.button--martinique:hover {
background-color:rgba(33,
34,
64,
.85)
}
.button--martinique-line {
background-color:transparent;
border-color:#212240;
border-width:1px;
color:#212240
}
.button--martinique-line:hover {
color:#fff
}
.button--azura {
color:#fff;
background-color:#2a86f5
}
.button--azura-line:hover,
.button--azura:hover {
background-color:rgba(42,
134,
245,
.85)
}
.button--azura-line {
background-color:transparent;
border-color:#2a86f5;
border-width:1px;
color:#2a86f5
}
.button--azura-line:hover {
color:#fff
}
.button--light {
background-color:#fff;
color:#7350ff
}
.module.bg-pink .button--light,
.module.bg-pink .button--light-line:hover {
color:#ff6b97
}
.button--light-line {
background-color:transparent;
border-color:#fff;
border-width:1px;
color:#fff
}
.button--light-line:hover,
.button--light:hover {
color:#7350ff;
background-color:rgba(255,
255,
255,
.85)
}
.button--teal {
color:#fff;
background-color:#65bfee
}
.button--teal:hover {
background-color:rgba(101,
191,
238,
.85)
}
.button--pink {
color:#fff;
background-color:#ff6b97
}
.button--pink:hover {
background-color:rgba(255,
107,
151,
.85)
}
.button--white {
color:#7350ff!important;
background-color:#fff
}
.button--white:hover {
background-color:rgba(255,
255,
255,
.85)
}
.code-conditions {
margin-top:3rem;
font-size:.875rem
}
.code {
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
border:3px solid #fff;
border-radius:10rem;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-justify-content:flex-start;
-ms-flex-pack:start;
justify-content:flex-start;
width:auto;
margin-top:3rem
}
@media (max-width: 520px) {
.code {
border:1px solid #fff
}
}
.module[class*=bg-selago] .code,
.module[class*=bg-white] .code {
border-color:#7350ff
}
.code--label {
background:#fff;
border-radius:10rem 0 0 10rem;
font-size:1.125rem;
font-weight:400;
margin-right:1.5rem;
padding:1rem 2rem;
text-transform:uppercase
}
@media (min-width: 769px) and (max-width: 1024px) {
.code--label {
font-size:1rem
}
}
@media (min-width: 521px) and (max-width: 768px) {
.code--label {
font-size:.875rem
}
}
@media (max-width: 520px) {
.code--label {
font-size:.5rem;
padding:1rem
}
}
.module[class*=bg-selago] .code--label,
.module[class*=bg-white] .code--label {
color:#fff;
background-color:#7350ff
}
.module[class*=bg-moradul] .code--label {
color:#7350ff
}
.module[class*=bg-martinique] .code--label,
.table table tbody {
color:#212240
}
.module.bg-pink .code--label,
.table table strong {
color:#7350ff
}
.code--code {
text-transform:uppercase;
font-size:1.5rem;
font-weight:600;
letter-spacing:.5rem;
padding-right:2rem
}
@media (min-width: 769px) and (max-width: 1024px) {
.code--code {
font-size:1.25rem
}
}
@media (max-width: 768px) {
.code--code {
font-size:1.125rem
}
}
@media (max-width: 520px) {
.code--code {
font-size:.625rem
}
}
.gif-embed {
margin-top:3rem
}
.icon {
display:block
}
.icon,
.icon.large {
height:3rem;
width:3rem
}
@media (max-width: 520px) {
.icon.large {
height:2.125rem;
width:2.125rem
}
}
@media (max-width: 768px) {
.icon {
height:2.5rem;
width:2.5rem
}
}
.icon svg {
max-height:100%;
max-width:100%;
width:100%;
height:auto
}
.illustration--small svg {
max-height:3rem;
max-width:3rem
}
.illustration--medium svg {
max-height:4rem;
max-width:4rem
}
.illustration--large svg {
max-height:5.5rem;
max-width:5.5rem
}
@media (max-width: 768px) {
.illustration--large svg {
max-height:4.75rem;
max-width:4.75rem
}
}
@media (max-width: 520px) {
.illustration--large svg {
max-height:4rem;
max-width:4rem
}
}
.img-full-width.no-side .row {
max-width:100%!important
}
.img-full-width.no-side,
.img-full-width.no-side[class*=col-] {
padding-right:0;
padding-left:0
}
.img-full-width img {
max-width:100%;
width:auto
}
.img-full-width.fullwidth img {
width:100%
}
.link {
margin-top:1.5rem;
font-weight:600;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center
}
.link:hover,
input.submit.disabled {
opacity:.75
}
.link .arrow.down,
.link .cross {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
font-size:.875rem;
margin-right:.5rem
}
.link .cross {
font-size:1.75rem;
font-weight:400;
margin-right:.75rem
}
.logo-company {
padding:2rem
}
.logo {
margin:0;
padding:0;
width:auto
}
.logo svg {
height:100%;
width:auto
}
.active-form span.loader,
[class*=title-][class*=break] {
display:block
}
[class*=title-][class*=break]:not(.break--inline) {
margin-top:1.625rem;
display:block
}
[class*=title-]+p.body {
display:block;
margin-top:1.625rem
}
.title-1 {
font-size:3rem;
display:inline
}
.title-1+* {
margin-top:1.5rem
}
.title-2 {
font-size:2rem;
line-height:2.5rem;
display:inline
}
@media (max-width: 768px) {
.title-2 {
font-size:1.75rem;
line-height:2.25rem
}
}
@media (max-width: 520px) {
.title-2 {
font-size:1.5rem;
line-height:2rem
}
}
.title-3 {
font-size:1.375rem;
line-height:2rem;
display:inline
}
@media (min-width: 769px) and (max-width: 1024px) {
.title-3 {
font-size:1.25rem;
line-height:1.625rem
}
}
@media (min-width: 521px) and (max-width: 768px) {
.title-3 {
font-size:1.375rem;
line-height:1.875rem
}
}
@media (max-width: 520px) {
.title-3 {
font-size:1.125rem;
line-height:1.5rem
}
}
.title-4,
.title-hero {
font-size:1.125rem;
line-height:1.5rem;
display:inline
}
.title-hero {
font-size:3rem;
line-height:3.5rem;
letter-spacing:-1px
}
@media (min-width: 769px) and (max-width: 1024px) {
.title-hero {
font-size:2.25rem;
line-height:3rem
}
}
@media (min-width: 521px) and (max-width: 768px) {
.title-hero {
font-size:2.25rem;
line-height:2.75rem
}
}
@media (max-width: 520px) {
.title-hero {
font-size:2rem;
line-height:2.5rem
}
}
.title-hero+* {
margin-top:1.5rem
}
.video-embed {
height:0;
max-width:100%;
padding-bottom:56.25%;
position:relative;
margin-top:2rem
}
@media (min-width: 769px) and (max-width: 1024px) {
.video-embed {
margin-top:1.25rem
}
}
.video-embed embed,
.video-embed iframe,
.video-embed object,
span.loader svg {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.video-embed.mask:before {
background-color:rgba(33,
34,
64,
.85)!important
}
[class*=line-bottom]+* {
margin-top:3rem!important
}
[class*=line-bottom]:after {
border-radius:.25rem;
bottom:-1.5rem;
content:"";
height:.25rem;
left:0;
opacity:.65;
position:absolute;
width:1.5rem
}
[class*='--light']:after {
background-color:#d9d0ff
}
.template-privacy main .form-select:after,
.template-privacy main .form-select:before,
.template-quality-policy main .form-select:after,
.template-quality-policy main .form-select:before,
.template-terms main .form-select:after,
.template-terms main .form-select:before,
[class*='--martinique']:after {
background-color:#4c4f94
}
[class*=bottom-center]:after {
left:50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}
.tag-list {
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
margin-top:3rem
}
.tag {
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
border:1px solid #fff;
border-radius:3rem;
display:-webkit-inline-flex;
display:-ms-inline-flexbox;
display:inline-flex;
padding:1rem;
width:auto;
margin:1rem
}
.tag+.tag {
margin-left:1rem
}
.module[class*=bg-selago] .tag,
.module[class*=bg-white] .tag {
border-color:#212240
}
.table {
overflow-x:auto
}
.table em,
input:before {
display:block;
opacity:.5
}
.table em {
margin:0 0 .75rem;
max-width:30rem
}
.table table {
border-collapse:separate;
border-spacing:0 16px;
font-size:14px;
width:100%
}
.table table+h1,
.table table+p,
.user-terms p {
font-size:12px
}
.table table+h1 a,
.table table+p a {
color:#7350ff!important
}
.table table thead {
color:#4a435d;
font-weight:600
}
.table table thead th {
text-align:left;
padding:16px 16px 0
}
.table table tbody tr {
background-color:rgba(255,
255,
255,
.05);
background-color:#fff
}
.table table del+* {
margin-left:8px
}
.table table tr {
border-bottom:16px solid transparent
}
.table table tbody td {
padding:16px
}
.table table+table {
margin-top:32px
}
.module[class*=bg-martinique] .table,
.module[class*=bg-moradul] .table,
.module[class*=bg-pink] .table {
background-color:rgba(255,
255,
255,
.015)
}
.module[class*=bg-martinique] .table table+h1 a,
.module[class*=bg-martinique] .table table+p a,
.module[class*=bg-moradul] .table table+h1 a,
.module[class*=bg-moradul] .table table+p a,
.module[class*=bg-pink] .table table+h1 a,
.module[class*=bg-pink] .table table+p a {
color:#fff!important
}
.module[class*=bg-martinique] .table tbody tr,
.module[class*=bg-moradul] .table tbody tr,
.module[class*=bg-pink] .table tbody tr {
background-color:rgba(255,
255,
255,
.075)
}
.business--form {
background-color:rgba(0,
0,
0,
.25);
border-radius:.5rem;
padding:1rem
}
@media (max-width: 768px) {
.business--form {
margin-top:3rem
}
}
.business--form form,
.col-form+.col-form {
margin-top:1rem
}
@media (max-width: 520px) {
.col-form div+div {
margin-top:0
}
}
span.loader {
display:none;
height:40px;
opacity:.65;
position:absolute;
right:1rem;
top:.25rem;
width:40px;
z-index:990
}
span.loader svg {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-animation:rotation 1s linear infinite;
animation:rotation 1s linear infinite;
height:auto;
left:15%;
top:20%;
width:60%
}
@keyframes rotation {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes rotation {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.drivers--form,
input {
background-color:#fff;
border-radius:.5rem
}
.drivers--form {
padding:1rem;
max-width:25rem;
box-shadow:rgba(33,
34,
64,
.16) 0 2px 32px 0
}
@media (max-width: 1024px) {
.drivers--form {
margin-top:3rem
}
}
.drivers--form iframe {
margin-top:1.5rem;
width:100%
}
.drivers--form .title-4 {
color:#212240
}
input,
label {
font-family:'PrydeCircularWeb',
'Avenir',
'Avenir Next',
'Segoe UI',
'sans-serif';
font-weight:400
}
input {
-moz-appearance:none;
-webkit-appearance:none;
border:1px solid rgba(33,
34,
64,
.25);
color:#212240;
font-size:1rem;
text-indent:.75rem;
width:100%;
height:3rem
}
input.label {
height:3rem;
padding-top:.875rem
}
input.submit {
cursor:pointer;
font-size:1rem;
text-indent:0
}
input.line--moradul,
select.line--moradul {
border:1px solid #7350ff
}
input:before {
-webkit-transform:rotate(45deg) translate(-50%,
-50%);
-ms-transform:rotate(45deg) translate(-50%,
-50%);
transform:rotate(45deg) translate(-50%,
-50%);
border-bottom-width:.25rem;
border-left-width:0;
border-radius:0 0 .375rem 0;
border-right-width:.25rem;
border-style:solid;
border-top-width:0;
content:"";
height:.875rem;
position:absolute;
right:.5rem;
top:50%;
width:.875rem
}
label {
opacity:.56
}
input.valid+label,
input:focus+label {
-webkit-transform:translateY(-1.125rem);
-ms-transform:translateY(-1.125rem);
transform:translateY(-1.125rem);
font-size:12px
}
input+label,
select+label {
color:#212240;
font-size:1rem;
left:1.5rem;
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
z-index:12;
transition:all 50ms linear
}
.recommend--form {
padding-top:3rem
}
.recommend--form--title {
margin-bottom:1rem;
display:block
}
.recommend--form--title.margin {
margin-top:3rem
}
select {
moz-appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
font-family:'PrydeCircularWeb',
'Avenir',
'Avenir Next',
'Segoe UI',
'sans-serif';
background-color:#fff;
font-weight:400;
border:1px solid rgba(33,
34,
64,
.25);
border-radius:.5rem;
color:#212240;
font-size:.875rem;
height:3rem;
width:100%;
padding-left:.75rem;
padding-top:.75rem;
display:block
}
select:after,
select:before {
position:absolute;
right:1rem;
top:.75rem;
width:50px;
height:50px;
content:''
}
select.dark,
select.main {
margin-top:2rem;
max-width:100%;
min-width:16rem
}
select.dark {
border-bottom:1px solid #212240;
border-radius:0;
color:#212240
}
select.main {
border:1px solid #7350ff;
color:#7350ff
}
.form-select,
select {
position:relative
}
.form-select label {
margin-left:.5rem
}
.form-select.active select+label {
font-size:12px;
top:.75rem
}
.form-select:after,
.form-select:before {
position:absolute;
height:3px;
border-radius:12px;
width:.625rem;
top:50%;
content:"";
z-index:10;
background-color:#d9d0ff
}
.form-select:after {
right:1.75rem
}
.form-select:before {
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
right:1.375rem
}
.form-select:after {
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
.form-select select {
border-radius:.5rem
}
.form-select select+label {
left:1rem;
pointer-events:none
}
.switcher,
.switcher:before {
border-radius:1.5rem;
height:1.5rem;
position:absolute;
display:block
}
.switcher {
background:rgba(216,
218,
205,
.6);
right:1rem;
top:1rem;
cursor:pointer;
width:2.5rem;
z-index:997;
transition:all 250ms linear
}
.switcher:before {
box-shadow:0 2px 1px 1px rgba(25,
25,
25,
.15);
width:1.5rem;
background:#fff;
z-index:1;
content:'';
border:2px solid #d8dacd;
transition:all 125ms linear
}
.switcher.active {
background:#01da15
}
.switcher.active:before {
background:rgba(255,
255,
255,
.9);
border-color:#01c113;
-webkit-transform:translateX(1rem);
-ms-transform:translateX(1rem);
transform:translateX(1rem)
}
.switcher.middle:before {
-webkit-transform:translateX(.5rem);
-ms-transform:translateX(.5rem);
transform:translateX(.5rem)
}
.switcher.global {
position:fixed;
right:auto;
left:1rem;
z-index:1000
}
.module {
padding-top:8rem;
padding-bottom:8rem
}
.module.no-padd {
padding-bottom:0;
padding-top:0
}
@media (min-width: 1025px) {
.module.no-padd-dt {
padding-bottom:0;
padding-top:0
}
}
#footer select,
.module.no-top {
padding-top:0
}
.module.half {
padding-bottom:4rem;
padding-top:4rem
}
.module.half-bottom {
padding-top:0;
padding-bottom:3rem
}
@media (min-width: 769px) and (max-width: 1024px) {
.module {
padding-top:6rem;
padding-bottom:6rem
}
.module.half-padd {
padding-top:3rem
}
.module.half-bottom,
.module.half-padd {
padding-bottom:3rem
}
}
@media (min-width: 521px) and (max-width: 768px) {
.module {
padding-top:5.5rem;
padding-bottom:5.5rem
}
.module.half-padd {
padding-top:2.5rem
}
.module.half-bottom,
.module.half-padd {
padding-bottom:2.5rem
}
}
@media (max-width: 520px) {
.module {
padding-top:4rem;
padding-bottom:4rem
}
.module.half-padd {
padding-top:2rem
}
.module.half-bottom,
.module.half-padd {
padding-bottom:2rem
}
}
.button-list,
span.author {
display:block
}
.button-list {
margin-top:2rem
}
.card--content {
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-flow:column;
-ms-flex-flow:column;
flex-flow:column;
padding:1rem;
height:100%;
border-radius:.5rem;
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around
}
.card .body.break+p {
display:block;
margin-top:1rem
}
.card[class*=button],
.card--company+* {
margin-top:2rem
}
#footer nav,
.card--company h1 {
font-size:1rem
}
.card--image {
max-height:5rem;
width:auto;
max-width:100%
}
.companies-list .logo-company img {
margin:0 auto
}
@media (min-width: 769px) {
.companies-list .logo-company:nth-child(n+4) {
margin-top:2rem
}
.companies-list .logo-company:nth-child(3n) {
margin-right:0
}
}
@media (min-width: 521px) and (max-width: 768px) {
.home .descriptions-col-3--content {
margin-top:2.5rem
}
}
@media (max-width: 520px) {
.home .descriptions-col-3--content {
margin-top:3rem
}
}
.home .descriptions-col-3--image {
max-height:8rem
}
@media (min-width: 1025px) {
.home .descriptions-col-3--image {
margin-bottom:2rem
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.home .descriptions-col-3--image {
max-height:6rem;
margin-bottom:1.5rem
}
}
@media (min-width: 521px) and (max-width: 768px) {
.home .descriptions-col-3--image {
max-height:6rem;
margin-bottom:1.5rem;
width:auto
}
}
@media (max-width: 520px) {
.home .descriptions-col-3--image {
max-height:8rem
}
}
.heading-2+.body {
display:block;
margin-top:1rem
}
.heading-icon+* {
margin-top:2rem
}
@media (min-width: 1025px) {
.heading-icon[class^=illustration]+* {
margin-top:1.5rem
}
}
.heading+[class*=button] {
margin-top:2.5rem
}
.heading+.row,
.template-privacy main li+li,
.template-quality-policy main li+li,
.template-terms main li+li {
margin-top:1.25rem
}
.heading+.body {
display:block;
margin-top:2rem
}
#nav li,
.heading.center {
text-align:center
}
.heading+[class*=button--] {
margin-top:2rem
}
@media (max-width: 520px) {
.heading+[class*=button--] {
margin-top:1.5rem
}
}
#footer nav ul li+li,
.icon-title--icon+*,
.testimonial span.author,
.testimonial-business span.author {
margin-top:1rem
}
@media (min-width: 769px) {
.companies-list .logo-company:nth-child(n+4) {
margin-top:2rem
}
.companies-list .logo-company:nth-child(3n) {
margin-right:0
}
.steps .steps--item:first-child:nth-last-child(4),
.steps .steps--item:first-child:nth-last-child(4)~.steps--item {
width:25%
}
}
@media (min-width: 521px) and (max-width: 768px) {
.steps .steps--item:nth-child(n+3) {
margin-top:3rem
}
}
@media (max-width: 520px) {
.steps .steps--item:nth-child(n+2) {
margin-top:3rem
}
}
.steps .row+.row.numbers {
margin-top:3rem
}
.steps .row.numbers+.row {
margin-top:6rem
}
@media (min-width: 1025px) {
.steps--number {
display:block;
width:100%
}
}
.module.bg-selago .steps--number .fill-number {
fill:#65bfee
}
.module.bg-white .steps--number .fill-number {
fill:#7350ff
}
.module[class*=bg-moradul] .steps--number .fill-number {
fill:#65bfee
}
.module[class*=bg-martinique] .steps--number .fill-number {
fill:#aaf4dc
}
.module[class*=bg-azura] .steps--number .fill-number {
fill:#fff
}
.steps--number img,
.steps--number svg {
max-height:10rem;
width:auto
}
@media (min-width: 521px) and (max-width: 768px) {
.steps--number img,
.steps--number svg {
max-height:8rem
}
}
@media (max-width: 520px) {
.steps--number img,
.steps--number svg {
max-height:5rem
}
}
@media (min-width: 521px) {
.steps--number+* {
margin-top:2rem
}
}
.testimonial-business--image+* {
margin-top:1.5rem;
display:block
}
@media (max-width: 768px) {
.testimonial-business+.testimonial-business {
margin-top:3rem
}
}
.testimonial--image+* {
margin-top:1.5rem
}
@media (max-width: 520px) {
.testimonial+.testimonial {
margin-top:3rem
}
}
@media (max-width: 700px) and (min-width: 601px) {
.testimonial .title-3 {
font-size:1.25rem;
line-height:1.75rem
}
}
@media (max-width: 600px) and (min-width: 520px) {
.testimonial .title-3 {
font-size:1rem;
line-height:.5rem
}
}
.template-error .thankyou-page,
.template-error .wrapper.error-404,
.template-thankyou .thankyou-page,
.template-thankyou .wrapper.error-404 {
padding-top:160px;
padding-bottom:90px;
height:auto;
position:relative
}
.template-error .thankyou-page header,
.template-error .wrapper.error-404 header,
.template-thankyou .thankyou-page header,
.template-thankyou .wrapper.error-404 header {
color:#7350ff;
text-align:center;
font-weight:600;
margin-bottom:40px
}
.template-error .thankyou-page header h1,
.template-error .wrapper.error-404 header h1,
.template-thankyou .thankyou-page header h1,
.template-thankyou .wrapper.error-404 header h1 {
font-size:36px;
margin-bottom:24px
}
@media (min-width: 769px) and (max-width: 1024px) {
.template-error .thankyou-page header h1,
.template-error .wrapper.error-404 header h1,
.template-thankyou .thankyou-page header h1,
.template-thankyou .wrapper.error-404 header h1 {
font-size:28px;
margin-bottom:18px
}
}
@media (min-width: 521px) and (max-width: 768px) {
.template-error .thankyou-page header h1,
.template-error .wrapper.error-404 header h1,
.template-thankyou .thankyou-page header h1,
.template-thankyou .wrapper.error-404 header h1 {
font-size:24px;
margin-bottom:16px
}
}
@media (max-width: 520px) {
.template-error .thankyou-page header h1,
.template-error .wrapper.error-404 header h1,
.template-thankyou .thankyou-page header h1,
.template-thankyou .wrapper.error-404 header h1 {
font-size:20px;
margin-bottom:12px
}
}
.template-error .thankyou-page header span,
.template-error .wrapper.error-404 header span,
.template-thankyou .thankyou-page header span,
.template-thankyou .wrapper.error-404 header span {
font-size:20px;
color:#212240;
margin-left:40px;
font-weight:300
}
@media (min-width: 769px) and (max-width: 1024px) {
.template-error .thankyou-page header span,
.template-error .wrapper.error-404 header span,
.template-thankyou .thankyou-page header span,
.template-thankyou .wrapper.error-404 header span {
font-size:18px;
margin-left:30px
}
}
@media (min-width: 521px) and (max-width: 768px) {
.template-error .thankyou-page header span,
.template-error .wrapper.error-404 header span,
.template-thankyou .thankyou-page header span,
.template-thankyou .wrapper.error-404 header span {
font-size:16px;
margin-left:20px
}
}
@media (max-width: 520px) {
.template-error .thankyou-page header span,
.template-error .wrapper.error-404 header span,
.template-thankyou .thankyou-page header span,
.template-thankyou .wrapper.error-404 header span {
font-size:14px;
margin-left:10px
}
}
.template-error .thankyou-page img,
.template-error .wrapper.error-404 img,
.template-thankyou .thankyou-page img,
.template-thankyou .wrapper.error-404 img {
width:100%;
max-width:600px;
display:block;
margin:.5rem auto
}
.template-error .thankyou-page svg,
.template-error .wrapper.error-404 svg,
.template-thankyou .thankyou-page svg,
.template-thankyou .wrapper.error-404 svg {
max-height:530px;
max-width:800px;
margin:0 auto;
display:block
}
.template-error .thankyou-page,
.template-thankyou .thankyou-page {
margin-top:60px
}
.jobs--country+.jobs--country {
margin-top:8rem
}
@media (max-width: 520px) {
.jobs--country+.jobs--country {
margin-top:6rem
}
}
.jobs .icon-remote {
display:inline-block;
vertical-align:middle;
width:1rem;
height:1rem;
margin:0 0 2px;
margin-right:.5rem;
padding:0
}
.jobs .icon-remote svg {
height:100%
}
.jobs--position--title+* {
margin-top:.75rem
}
.jobs--positions,
.presskit .gallery-image,
.presskit .gallery-image+* {
margin-top:3rem
}
@media (min-width: 1025px) {
.jobs--positions>li:nth-child(n+4) {
margin-top:3rem
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.jobs--positions>li:nth-child(n+3) {
margin-top:3rem
}
}
@media (min-width: 521px) and (max-width: 768px) {
.jobs--positions>li:nth-child(n+3) {
margin-top:3rem
}
}
@media (max-width: 520px) {
.jobs--positions>li:nth-child(n+2) {
margin-top:3rem
}
}
.user-terms {
padding-top:0!important;
color:gray
}
.user-terms ol {
list-style-type:decimal
}
.user-terms li {
display:block;
margin-top:16px
}
.presskit .icon-brand svg {
max-width:5rem
}
.presskit .gallery-image img {
width:100%
}
@media (max-width: 768px) {
.presskit .gallery-image.photos li:nth-child(n+4) {
margin-top:1rem
}
}
@media (max-width: 768px) and (max-width: 520px) {
.presskit .gallery-image.photos li:nth-child(n+3) {
margin-top:1rem
}
}
.presskit .gallery-image li:nth-child(n+5) {
margin-top:1rem
}
.template-privacy main header h1,
.template-quality-policy main header h1,
.template-terms main header h1 {
color:#212240;
margin-bottom:3rem
}
.template-privacy main:before,
.template-quality-policy main:before,
.template-terms main:before {
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
background:#c1b2ff;
content:"";
height:1px;
left:50%;
position:absolute;
top:0;
width:calc(100% - 20rem)
}
.template-privacy main p,
.template-quality-policy main p,
.template-terms main p {
line-height:1.5rem
}
.template-privacy main p+h1,
.template-privacy main p+h2,
.template-quality-policy main p+h1,
.template-quality-policy main p+h2,
.template-terms main p+h1,
.template-terms main p+h2 {
margin-top:5rem
}
.template-privacy main h1+p,
.template-privacy main h2+p,
.template-privacy main p+p,
.template-quality-policy main h1+p,
.template-quality-policy main h2+p,
.template-quality-policy main p+p,
.template-terms main h1+p,
.template-terms main h2+p,
.template-terms main p+p {
display:block;
margin-top:1.5rem
}
.template-privacy main h1,
.template-privacy main h2,
.template-quality-policy main h1,
.template-quality-policy main h2,
.template-terms main h1,
.template-terms main h2 {
font-size:1.5rem;
font-weight:600;
color:#7350ff
}
.template-privacy main h1+h2,
.template-privacy main h2+h2,
.template-quality-policy main h1+h2,
.template-quality-policy main h2+h2,
.template-terms main h1+h2,
.template-terms main h2+h2 {
margin-top:4rem
}
.template-privacy main h2,
.template-quality-policy main h2,
.template-terms main h2 {
margin-top:7rem
}
.template-privacy main h3,
.template-quality-policy main h3,
.template-terms main h3 {
color:#865bf4;
font-weight:600;
margin-bottom:1rem;
margin-top:3rem
}
.template-privacy main ol,
.template-privacy main ul,
.template-quality-policy main ol,
.template-quality-policy main ul,
.template-terms main ol,
.template-terms main ul {
padding-left:1em;
margin:.5rem 0
}
#footer nav h1+ul,
.hero p+p,
.template-privacy main ol h1,
.template-privacy main ol+p,
.template-privacy main ul h1,
.template-privacy main ul+p,
.template-quality-policy main ol h1,
.template-quality-policy main ol+p,
.template-quality-policy main ul h1,
.template-quality-policy main ul+p,
.template-terms main ol h1,
.template-terms main ol+p,
.template-terms main ul h1,
.template-terms main ul+p {
margin-top:1.5rem
}
.template-privacy main li,
.template-quality-policy main li,
.template-terms main li {
line-height:1.5
}
.template-privacy main ul,
.template-quality-policy main ul,
.template-terms main ul {
list-style:disc outside
}
.template-privacy main ol,
.template-quality-policy main ol,
.template-terms main ol {
list-style:decimal outside
}
.template-privacy main .form-select,
.template-quality-policy main .form-select,
.template-terms main .form-select {
min-width:13rem
}
.template-privacy main select,
.template-quality-policy main select,
.template-terms main select {
padding-top:0;
border:1px solid #212240
}
.template-privacy main img,
.template-quality-policy main img,
.template-terms main img {
max-width:200px
}
.header-city {
padding-top:12rem;
padding-bottom:3rem
}
.template-city .col-form label,
.template-press .col-form label {
left:.5rem
}
@media (min-width: 1025px) {
.template-city .col-form+.col-form,
.template-press .col-form+.col-form {
margin-top:0
}
}
.template-city .modal,
.template-press .modal {
-webkit-overflow-scrolling:touch;
background:rgba(255,
255,
255,
.7);
bottom:0;
display:none;
left:0;
outline:0;
overflow-x:hidden;
overflow-y:auto;
position:fixed;
right:0;
top:0;
transition:all .3s ease;
z-index:999999
}
.template-city .modal.in,
.template-press .modal.in {
display:block
}
.template-city .modal .modal-close,
.template-press .modal .modal-close {
background:#212240;
height:40px;
position:absolute;
width:40px;
display:block;
top:0;
right:48px;
z-index:991;
border-radius:0 0 6px 6px
}
.template-city .modal .modal-close:before {
-webkit-transform:translate(-50%,
-50%) rotate(45deg);
-ms-transform:translate(-50%,
-50%) rotate(45deg);
transform:translate(-50%,
-50%) rotate(45deg)
}
.template-city .modal .modal-close:after,
.template-city .modal .modal-close:before {
background:#fff;
content:"";
height:20px;
left:50%;
position:absolute;
top:50%;
width:2px
}
.template-press .modal .modal-close:before {
-webkit-transform:translate(-50%,
-50%) rotate(45deg);
-ms-transform:translate(-50%,
-50%) rotate(45deg);
transform:translate(-50%,
-50%) rotate(45deg)
}
.template-press .modal .modal-close:after,
.template-press .modal .modal-close:before {
background:#fff;
content:"";
height:20px;
left:50%;
position:absolute;
top:50%;
width:2px
}
.template-city .modal .modal-close:after,
.template-press .modal .modal-close:after {
-webkit-transform:translate(-50%,
-50%) rotate(-45deg);
-ms-transform:translate(-50%,
-50%) rotate(-45deg);
transform:translate(-50%,
-50%) rotate(-45deg)
}
.template-city .modal .modal-dialog,
.template-press .modal .modal-dialog {
box-sizing:border-box;
height:100%;
padding:5% 0;
position:relative;
-webkit-transform:translate(0,
0);
-ms-transform:translate(0,
0);
transform:translate(0,
0);
width:100%
}
.template-city .modal .modal-content,
.template-press .modal .modal-content {
background-clip:padding-box;
box-sizing:border-box;
height:100%;
margin-left:auto;
margin-right:auto;
max-width:940px;
outline:0;
position:relative
}
.template-city .modal iframe,
.template-press .modal iframe {
background:#fff;
border:1px solid #ebebeb;
box-sizing:border-box;
display:block;
height:100%;
position:relative;
width:100%
}
.select-country-city {
margin-top:3rem
}
.select-country-city .form-select {
border:1px solid #e2dbff;
border-radius:.5rem
}
.select-country {
display:none
}
.select-country.active {
display:block
}
.form--estimate {
z-index:98
}
@media (max-width: 768px) {
.form--estimate {
margin-top:2.5rem
}
}
.form--estimate .icon.marker {
position:relative
}
.form--estimate .icon.marker svg {
height:100%;
opacity:.7;
margin-top:3px;
width:95%
}
.form--estimate .icon.marker svg path {
fill:#c1b2ff!important
}
.form--estimate__content {
border:1px solid #e2dbff;
border-radius:5px
}
.form--estimate__input:nth-child(1) {
border-radius:5px 5px 0 0
}
.form--estimate__input:nth-child(2) {
border-radius:0 0 5px 5px
}
.form--estimate__input:nth-child(2) .close {
right:70px
}
.form--estimate .localization-button {
height:100%;
position:absolute;
right:0;
width:50px
}
.form--estimate .localization-button svg {
-webkit-transform:translate(-50%,
-50%);
-ms-transform:translate(-50%,
-50%);
transform:translate(-50%,
-50%);
height:auto;
left:50%;
position:absolute;
top:50%;
width:40%;
opacity:.2
}
.form--estimate .form--estimate-date {
display:none;
border-radius:0 0 5px 5px;
box-sizing:border-box;
background-color:#fafafa;
position:relative;
width:100%
}
.form--estimate .form--estimate-date:after {
position:absolute;
content:'';
height:100%;
background-color:#c1b2ff;
width:1px;
top:0;
left:40%
}
.form--estimate .form--estimate-date .date--picker,
.form--estimate .form--estimate-date .date--time {
width:40%;
z-index:3;
display:inline-block;
vertical-align:top;
margin:0;
height:50px;
position:relative
}
.form--estimate .form--estimate-date .date--time {
margin:0 0 0 -5px
}
.autocomplete--form li.active,
.form--estimate .form--estimate-date .date--picker:hover,
.form--estimate .form--estimate-date .date--time:hover {
background-color:#f5f5f5
}
.form--estimate .form--estimate-date .date--picker input,
.form--estimate .form--estimate-date .date--picker select,
.form--estimate .form--estimate-date .date--time input,
.form--estimate .form--estimate-date .date--time select {
opacity:0;
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:1;
cursor:pointer
}
.form--estimate .form--estimate-date .date--picker input.date-time-select,
.form--estimate .form--estimate-date .date--picker select.date-time-select,
.form--estimate .form--estimate-date .date--time input.date-time-select,
.form--estimate .form--estimate-date .date--time select.date-time-select {
background:0 0
}
.form--estimate .form--estimate-date .date--picker:after,
.form--estimate .form--estimate-date .date--picker:before,
.form--estimate .form--estimate-date .date--time:after,
.form--estimate .form--estimate-date .date--time:before {
display:block;
position:absolute;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width:100%;
left:10px;
line-height:1.5em
}
.form--estimate .form--estimate-date .date--picker:before,
.form--estimate .form--estimate-date .date--time:before {
content:attr(data-address);
font-size:15px;
top:24px;
color:#212240
}
.form--estimate .form--estimate-date .date--picker:after,
.form--estimate .form--estimate-date .date--time:after {
content:attr(data-title);
top:5px;
font-size:12px;
color:#212240
}
.form--estimate .errors-content {
font-size:12px;
color:red;
padding:4px 0;
position:absolute;
width:100%
}
.form--estimate__input+.form--estimate__input {
border-top:1px solid #e2dbff
}
.form--estimate .drop-item,
.form--estimate .drop-item .option {
background-color:#fff;
height:50px;
line-height:50px;
position:relative
}
.form--estimate .drop-item {
width:100%
}
.form--estimate .drop-item .option {
z-index:1;
cursor:pointer
}
.form--estimate .drop-item .option+.option {
border-top:1px solid #c1b2ff
}
.form--estimate .drop-item .option:hover {
background-color:#fafafa
}
.form--estimate .drop-item .option span {
font-size:14px;
margin-left:16px
}
.form--estimate .drop-item .option:first-child:before {
right:19px
}
.form--estimate .drop-item .option:first-child:after,
.form--estimate .drop-item .option:first-child:before {
background-color:#ccc;
position:absolute;
content:'';
width:2px;
height:8px;
top:18px;
z-index:2
}
.form--estimate .drop-item .option:first-child:before {
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
.form--estimate .drop-item .option:first-child:after {
right:23px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.form--estimate .drop-item.active {
background:#c1b2ff
}
.form--estimate .drop-item.active .option:first-child:before {
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.form--estimate .drop-item.active .option:first-child:after {
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
.form--estimate .drop-item--content {
border-bottom:1px solid #e2dbff;
border-left:1px solid #e2dbff;
border-right:1px solid #e2dbff;
box-sizing:border-box;
height:51px;
left:-1px;
opacity:1;
overflow:hidden;
padding:0;
position:absolute;
right:-1px;
top:0;
transition:height 250ms linear,
opacity 0ms 251ms;
z-index:8
}
.form--estimate__input.reservation {
display:block
}
.form--estimate__input,
.form--estimate__input span.close .icon {
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center
}
.form--estimate__input {
position:relative;
min-height:50px
}
.form--estimate__input.active:after,
form--estimate .form--estimate__input.active:before {
content:none
}
.form--estimate__input span.close {
display:none;
width:47px;
height:47px;
position:absolute;
right:9px;
top:-2px;
cursor:pointer;
z-index:3
}
.form--estimate__input span.close .icon {
margin:0 auto;
height:47px;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
.form--estimate__input span.close .icon svg {
fill:#c1b2ff;
margin:0
}
.form--estimate__input.selected:after,
.form--estimate__input.selected:before {
content:attr(data-title);
display:block;
position:absolute;
top:8px;
left:51px;
font-size:15px;
color:#5f3ee3;
width:80%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.form--estimate__input.selected:after {
content:attr(data-address);
top:26px;
font-size:13px
}
.fare--table.no-results .btn--reserve,
.fare--table.no-results .fare--table--rules,
.fare--table.no-results .fare--table__title,
.form--estimate__input.selected .form--estimate__location {
display:none
}
.autocomplete--form li .place-icon svg,
.form--estimate__input .icon.medium svg {
width:25px;
height:25px;
margin-top:0
}
.form--estimate input[type=text] {
background:0 0;
border:none;
color:#a997f0;
display:inline-block;
font-size:14px;
font-weight:300;
height:45px;
margin-left:5px;
padding-left:6px;
position:relative;
top:0;
width:calc(100% - 95px);
z-index:1
}
.form--estimate input[type=text].error {
color:red
}
.ex-calculator-wrapper input[type=range]:active,
.ex-calculator-wrapper input[type=range]:focus,
.form--estimate input[type=text]:focus,
.storesButton a:focus {
outline:none
}
.form--estimate .icon {
width:25px;
height:25px;
margin-left:10px
}
.form--estimate__location {
display:block;
position:absolute;
top:0;
right:0;
bottom:0;
width:44px;
text-align:center
}
.form--estimate__location:hover {
opacity:.5
}
.form--estimate__location .icon {
position:absolute;
left:58%;
top:51%;
margin:-15px 0 0 -15px
}
#city-footer--items svg,
#footer .social-links li+li,
.form--estimate__location .icon svg {
margin-top:0
}
.modal-trigger {
font-size:12px;
letter-spacing:1px;
padding:.5em 0;
text-transform:uppercase
}
@media (max-width: 1024px) {
.modal-trigger.mob-only {
padding:30px 0;
text-align:center
}
}
.modal-trigger .icon {
height:23px;
margin-left:0
}
.modal-trigger .icon svg {
margin-top:3px
}
.arrow-mobile {
position:relative;
top:3px;
font-size:20px;
color:#fff
}
.btn-content {
width:20%;
position:absolute;
top:1px;
right:0;
bottom:0
}
.btn--reserve {
display:none!important
}
.autocomplete--form li span,
.btn--app,
.fare--items .fare--table__desc span,
.fare--items .fare--table__desc strong {
display:block
}
.btn--quote {
background:#c1b2ff;
background:#7350ff;
border-bottom:none;
border-left:1px solid #c1b2ff;
border-radius:0 0 5px;
border-right:none;
border-top:none;
bottom:0;
left:0;
position:absolute;
right:0;
top:-1px;
width:100%
}
.btn--quote.active img {
-webkit-filter:brightness(0) invert(1);
filter:brightness(0) invert(1)
}
.btn--quote.active,
.btn--quote:hover {
background:#5f37ff
}
.btn--large--yellow {
background:#7350ff;
color:#212240;
display:block;
line-height:3;
text-align:center;
width:100%
}
.footer--sub {
background:#c1b2ff;
border-top:1px solid #efefef;
height:auto;
margin-top:80px;
padding:40px 0
}
.footer--sub__content {
display:block;
color:#c1b2ff
}
.footer--sub__item {
margin:0 0 60px
}
.footer--sub__item:last-child {
margin-bottom:30px
}
.footer--sub__item .icon.fg-black svg {
fill:#c1b2ff!important;
stroke:#c1b2ff!important
}
.item__icon,
.item__text {
display:block;
text-align:center
}
.item__icon .icon-ic_card,
.item__icon .icon-ic_cards,
.item__icon .icon-ic_journey {
font-size:37px
}
.item__text {
margin-top:10px;
margin-left:15px
}
.item__text--bold {
color:#7350ff;
display:block
}
.fare--table {
position:absolute;
width:100%;
z-index:1;
margin:0 auto;
height:1px;
top:0;
left:0%;
right:0%;
opacity:0;
display:none;
transition:opacity 350ms linear;
max-width:1128px
}
@media (max-width: 1024px) {
.fare--table {
margin-bottom:40px;
height:auto;
left:auto;
position:relative;
right:auto;
top:auto;
width:100%
}
}
.fare--table.active {
display:block;
opacity:1
}
.fare--table-inside {
background-color:#fff;
border-radius:5px;
overflow:hidden;
box-sizing:border-box;
top:20px;
min-height:160px;
display:block;
max-width:400px;
position:absolute;
right:0;
width:49%;
height:560px;
z-index:1
}
@media (max-width: 1024px) {
.fare--table-inside {
max-width:100%;
margin-left:0;
border:1px solid #ccc;
position:static;
margin-top:20px;
border-radius:0;
bottom:auto;
box-shadow:none;
width:100%;
min-height:160px;
height:auto;
box-shadow:0 0 3px rgba(150,
150,
150,
.2)
}
}
.fare--table.no-results .wrapper {
height:100%
}
.fare--table.visible {
right:0
}
.fare--table__title {
background:#c1b2ff;
border-bottom:1px solid #e2dbff;
color:#212240;
font-size:12px;
font-weight:700;
letter-spacing:1px;
line-height:5;
padding:0 20px;
text-transform:uppercase
}
.fare--table--rules {
background:#c1b2ff;
border-top:1px solid #e2dbff;
padding:16px;
font-size:15px;
height:31%
}
.fare--table--rules__list li {
margin-top:14px;
list-style:initial;
margin-left:20px;
color:#212240
}
.fare--table__contents {
opacity:0;
transition:opacity .3s ease;
height:100%;
position:relative;
background:#fff
}
.fare--table__contents.active {
opacity:1
}
.fare--table__contents .wrapper-table {
padding-top:50px;
padding-left:20px;
padding-right:20px;
overflow:auto;
height:calc(100% - 50px)
}
.fare--title {
border-bottom:1px solid #e2dbff;
height:50px;
line-height:50px;
margin:0;
padding:0 20px;
position:absolute;
width:100%;
z-index:9
}
.fare--items {
height:100%;
background:#fff
}
.fare--items .fare--table__item {
padding:8px 0;
color:#212240;
font-size:15px;
background:#fff
}
.fare--items .fare--table__item+.fare--table__item {
border-top:1px solid #e2dbff
}
.fare--items .fare--table__item.h3 {
padding:0;
top:50%;
color:#c1b2ff;
position:relative;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
text-align:center;
font-size:12px
}
.fare--items .fare--table__desc,
.fare--items .fare--table__icon,
.fare--items .fare--table__price {
vertical-align:middle
}
.fare--items .fare--table__icon {
width:26px;
height:26px;
text-align:center;
display:inline-block;
position:relative
}
.fare--items .fare--table__icon img {
max-width:25px;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,
-50%);
-ms-transform:translate(-50%,
-50%);
transform:translate(-50%,
-50%)
}
.fare--items .fare--table__desc {
display:inline-block;
width:60%;
margin-left:20px
}
.fare--items .fare--table__desc span {
font-size:13px;
color:#aeaeae
}
.fare--items .fare--table__price {
float:right;
width:20%
}
.fare--items .fare--table__price span {
display:inline-block
}
.fare--items .fare--table__price .text {
font-size:12px;
color:#c1b2ff;
display:block
}
.wrapper--map {
width:100%;
max-width:100%;
overflow:hidden;
position:relative
}
@media (max-width: 1024px) {
.wrapper--map {
width:100%;
max-width:100%;
margin:auto
}
}
.autocomplete--form {
background:#fff;
color:#212240;
left:-1px;
right:1px;
position:absolute;
display:none;
border:1px solid #c1b2ff;
z-index:90;
width:100%;
border-radius:0 0 5px 5px;
top:100%
}
.autocomplete--form .pbg {
padding:8px 0;
background:#fff;
border-radius:0 0 5px 5px;
border-top:1px solid #e2dbff
}
.autocomplete--form .pbg img {
display:block;
margin-left:auto;
margin-right:auto;
max-width:100px
}
.autocomplete--form li {
padding:7px 40px;
position:relative;
cursor:pointer;
margin:0
}
.autocomplete--form li:first-child {
margin-top:0
}
.autocomplete--form li:only-child {
margin-bottom:0
}
.autocomplete--form li .place-title {
font-size:15px;
color:#7350ff;
padding-left:10px
}
.autocomplete--form li .place-subtitle {
font-size:13px;
color:#c1b2ff;
padding-left:10px
}
.autocomplete--form li .place-icon {
position:absolute;
left:-1px;
top:5px;
opacity:.15
}
.autocomplete--form li:hover {
background:#f5f5f5
}
.ui-helper-hidden-accessible {
display:none
}
.empty {
font-size:15px;
padding:15px
}
p.no-margin {
margin-top:25px;
margin-bottom:1px
}
.radial-progress {
background-color:#212240;
z-index:-1;
left:50%;
-webkit-transform:translate(-50%,
-50%);
-ms-transform:translate(-50%,
-50%);
transform:translate(-50%,
-50%);
top:50%
}
.radial-progress.active .circle .fill,
.radial-progress.active .circle .fill.fix,
.radial-progress.active .circle .mask.full {
-webkit-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);
transition:-ms-transform 10s;
transition:transform 10s;
transition:transform 10s,
-webkit-transform 10s
}
.radial-progress.active .circle .fill.fix {
-ms-transform:rotate(360deg);
transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg)
}
.radial-progress,
.radial-progress .circle .fill,
.radial-progress .circle .mask,
.radial-progress .circle .shadow,
.radial-progress .inset {
width:70px;
height:70px;
position:absolute;
border-radius:50%
}
.radial-progress .circle .shadow {
box-shadow:6px 6px 10px rgba(0,
0,
0,
.2) inset
}
.radial-progress .circle .fill,
.radial-progress .circle .mask {
-webkit-backface-visibility:hidden;
transition:-ms-transform 0s;
transition:transform 0s;
transition:transform 0s,
-webkit-transform 0s
}
.radial-progress .circle .mask {
clip:rect(0,
70px,
70px,
35px)
}
.radial-progress .circle .mask .fill {
clip:rect(0,
35px,
70px,
0);
background-color:#c1b2ff
}
.radial-progress .inset {
width:60px;
height:60px;
margin-left:5px;
margin-top:5px;
background:#7350ff url(/user/themes/pryde/img/icon-loading.png) no-repeat;
background-size:40px;
background-position:50%;
box-shadow:6px 6px 10px rgba(0,
0,
0,
.2)
}
#city-footer--items .item__text {
margin-top:1em
}
.ex-calculator-wrapper input[type=range]::before,
.no-results__msg {
display:none
}
@media screen and (min-width: 760px) {
.block--50 {
width:49%;
margin-bottom:0
}
.title--h2 {
font-size:32px;
width:100%
}
.title--h2:not(.relative) {
display:none
}
.title--h2:before {
width:50px
}
.title--h2:after {
content:none
}
.title--h2 .icon {
display:none
}
.absolute--top,
.btn--quote span,
.paragraph--block {
display:block
}
.btn--quote {
width:100%
}
.form--estimate {
max-width:400px
}
.form--estimate input {
width:75%
}
.footer--sub__content {
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around
}
.item__icon,
.item__text {
display:inline-block
}
.item__text {
float:right
}
.form--estimate-header .text--small,
.item__text--bold {
display:inline-block
}
.footer--sub__item {
margin:0
}
.ui-widget-content {
z-index:99
}
.btn--reserve {
display:block!important;
bottom:0
}
.btn--app {
display:none
}
.block-map {
overflow:hidden;
height:initial
}
.row--estimate {
margin-bottom:0;
margin-top:40px
}
.fare--table--rules {
height:36%
}
.form--estimate-header {
padding:7px 0 5px
}
.form--estimate .modal-trigger {
float:right;
margin-top:0;
padding:0
}
.text--small {
top:3px
}
#city-footer--items .footer--sub__item {
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
width:30%;
margin-bottom:15px
}
#city-footer--items .footer--sub__item:nth-child(2) {
margin-left:5%;
margin-right:5%
}
#city-footer--items .icon {
height:50px;
width:auto
}
#city-footer--items .item__text {
margin-top:0;
float:none
}
}
.autocomplete--loader {
position:absolute;
z-index:10;
height:40px;
width:40px;
right:30px;
text-align:center;
line-height:45px;
display:none
}
.autocomplete--loader svg {
width:50%;
height:50%;
-webkit-animation:rotation 1s linear infinite;
animation:rotation 1s linear infinite
}
.autocomplete--loader svg path {
fill:#d5d5d5
}
.autocomplete--clear {
position:absolute;
display:none;
min-width:44px;
right:0;
top:0;
height:100%;
cursor:pointer
}
.autocomplete--clear:after,
.autocomplete--clear:before {
content:'';
position:absolute;
left:50%;
top:50%;
width:25%;
height:2px;
background-color:#ccc;
z-index:9
}
.autocomplete--clear:before {
-webkit-transform:translate(-50%,
-50%) rotate(-45deg);
-ms-transform:translate(-50%,
-50%) rotate(-45deg);
transform:translate(-50%,
-50%) rotate(-45deg)
}
.autocomplete--clear:after {
-webkit-transform:translate(-50%,
-50%) rotate(45deg);
-ms-transform:translate(-50%,
-50%) rotate(45deg);
transform:translate(-50%,
-50%) rotate(45deg)
}
.map {
min-height:600px;
pointer-events:auto;
position:relative
}
@media (max-width: 1024px) {
.map {
min-height:350px
}
}
#footer {
max-width:90rem
}
#footer .logo svg {
max-width:5.5rem
}
@media (max-width: 768px) {
#footer nav:nth-child(n+3) {
margin-top:3rem
}
}
#footer nav ul li a img {
display:inline
}
@media (max-width: 1024px) {
#footer #laguange-selector+*,
#footer .neoryde-logo+* {
margin-top:3rem
}
}
#footer #laguange-selector select,
#footer .neoryde-logo select {
background:#212240;
border:1px solid #fff;
color:#fff
}
@media (max-width: 1024px) {
#footer .social-links {
margin-top:3rem
}
#footer .social-links li {
-webkit-flex:0;
-ms-flex:0;
flex:0
}
}
#footer .social-links svg {
max-height:1.25rem;
height:100%;
width:20px
}
#footer .row+.row {
margin-top:4rem
}
#footer[class*=button--] {
font-size:1rem;
width:100%
}
@media (min-width: 769px) {
#footer[class*=button--] {
padding-bottom:.5rem;
padding-top:.5rem
}
}
@media (max-width: 768px) {
#footer[class*=button--] {
margin-top:1.5rem
}
}
#footer[class*=button--]:hover {
transition-duration:250ms
}
#footer[class*=button--]+[class*=testimonial--] {
margin-left:1rem
}
@media (max-width: 768px) {
#footer .reclamaciones {
margin-top:1rem;
margin-bottom:1rem;
margin-right:.75rem
}
}
#footer .reclamaciones a {
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center
}
#footer .reclamaciones--text {
margin-left:.75rem
}
.instagram_feed .title-2 {
font-size:3rem
}
.instagram_feed li,
.instagram_feed ul {
list-style:none
}
.instagram_feed li:nth-child(n+4),
.instagram_feed ul:nth-child(n+4) {
margin-top:1.5rem
}
@media (max-width: 520px) {
.instagram_feed li:nth-child(n+3),
.instagram_feed ul:nth-child(n+3) {
margin-top:1.5rem
}
.instagram_feed li:nth-child(9),
.instagram_feed ul:nth-child(9) {
display:none
}
}
.cards .heading+*,
.instagram_feed .heading+*,
.instagram_feed--list {
margin-top:4rem
}
#nav {
-webkit-transform:translate(-50%,
0);
-ms-transform:translate(-50%,
0);
transform:translate(-50%,
0);
left:50%;
max-width:90rem;
overflow:hidden;
padding-bottom:1rem;
padding-top:1rem;
position:fixed!important;
top:0;
transition:all 250ms linear;
transition:height 350ms cubic-bezier(.785,
.135,
.15,
.86),
background 350ms cubic-bezier(.785,
.135,
.15,
.86),
transform 250ms ease-in-out;
transition:height 350ms cubic-bezier(.785,
.135,
.15,
.86),
background 350ms cubic-bezier(.785,
.135,
.15,
.86),
transform 250ms ease-in-out,
-webkit-transform 250ms ease-in-out;
width:100%;
z-index:999
}
#nav .logo {
height:2rem
}
#nav .logo path,
#nav .logo rect {
transition:all 350ms linear
}
@media (max-width: 1024px) {
#nav .links {
margin-top:2rem
}
#nav li {
text-align:left
}
#nav li+li {
margin-top:1.5rem
}
}
#nav li a:not([class*=button]) {
line-height:1rem;
padding-right:1rem;
color:#212240
}
@media (max-width: 1024px) {
#nav {
height:4rem;
background:#fff
}
#nav .links,
#nav .links li {
transition:all 350ms cubic-bezier(.785,
.135,
.15,
.86);
opacity:0
}
#nav .links {
visibility:hidden;
width:100%;
bottom:0;
left:0;
height:calc(100% - 4rem);
z-index:999
}
#nav .links ul {
height:100%
}
#nav .links li {
transition-delay:125ms
}
#nav .links li:not([class*=button]) {
-webkit-transform:translateX(-250px);
-ms-transform:translateX(-250px);
transform:translateX(-250px)
}
#nav .links li a {
color:#fff
}
#nav .links li.button {
-webkit-transform:translate(0,
60px);
-ms-transform:translate(0,
60px);
transform:translate(0,
60px)
}
body.nav #nav {
height:100%;
background:#7350ff
}
body.nav #nav .links {
opacity:1;
visibility:visible;
margin-top:2.5rem
}
body.nav #nav .links li {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
opacity:1;
transition-delay:125ms
}
body.nav #nav .links li:nth-child(1) {
transition-delay:15ms
}
body.nav #nav .links li:nth-child(2) {
transition-delay:30ms
}
body.nav #nav .links li:nth-child(3) {
transition-delay:45ms
}
body.nav #nav .links li:nth-child(4) {
transition-delay:60ms
}
body.nav #nav .links li:nth-child(5) {
transition-delay:75ms
}
body.nav #nav .links li:nth-child(6) {
transition-delay:90ms
}
body.nav #nav .links li:nth-child(7) {
transition-delay:105ms
}
body.nav #nav .links li:nth-child(8) {
transition-delay:120ms
}
body.nav #nav .links li.button {
-webkit-transform:translate(0,
0);
-ms-transform:translate(0,
0);
transform:translate(0,
0)
}
body.nav #nav .logo path,
body.nav #nav .logo rect {
fill:#fff
}
body.nav #nav[class*=button--] {
border-color:#fff
}
}
#nav-button {
cursor:pointer;
display:none;
height:2rem;
width:2rem;
position:absolute;
right:2.5rem;
top:1rem;
z-index:999
}
@media (max-width: 520px) {
#nav-button {
right:1.5rem
}
}
body.nav #nav-button {
height:2rem
}
@media (max-width: 1024px) {
#nav-button {
display:block
}
}
#nav-button span,
#nav-button:after,
#nav-button:before {
position:absolute;
width:100%;
height:3px;
background:#7350ff;
content:'';
transition:all 350ms cubic-bezier(.785,
.135,
.15,
.86);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left
}
body.nav #nav-button span,
body.nav #nav-button:after,
body.nav #nav-button:before {
background:#fff
}
#nav-button:before {
top:20%
}
body.nav #nav-button:before {
-webkit-transform:rotate(45deg) translate(2px,
-2px);
-ms-transform:rotate(45deg) translate(2px,
-2px);
transform:rotate(45deg) translate(2px,
-2px)
}
#nav-button:after {
bottom:20%
}
body.nav #nav-button:after {
-webkit-transform:rotate(-45deg) translate(-4px,
4px);
-ms-transform:rotate(-45deg) translate(-4px,
4px);
transform:rotate(-45deg) translate(-4px,
4px)
}
#nav-button span {
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
body.nav #nav-button span {
opacity:0
}
#nav[class*=button--] {
font-weight:400;
padding-left:1rem;
padding-right:1rem;
border-width:1px
}
@media (min-width: 1025px) {
#nav[class*=button--] {
font-size:1rem;
padding-top:.125rem;
padding-bottom:.125rem
}
}
@media (max-width: 1024px) {
#nav[class*=button--] {
margin-top:1.5rem;
width:100%
}
}
@media (min-width: 1025px) {
body.nav-alt #nav:not(.scrolled) li a {
color:#fff
}
body.nav-alt #nav:not(.scrolled) .logo path,
body.nav-alt #nav:not(.scrolled) .logo rect {
fill:#fff
}
}
body.nav-alt:not(.nav) #nav:not(.scrolled)[class*=button--] {
border-color:#fff
}
body.nav-alt:not(.nav) #nav.scrolled li a:not([class*=button]) {
color:#212240
}
body.nav-alt:not(.nav) #nav.scrolled li[class*=button] a {
border-color:#7350ff;
color:#7350ff
}
body:not(.nav) #nav.nav-up {
background:0 0;
-webkit-transform:translate(-50%,
-4rem);
-ms-transform:translate(-50%,
-4rem);
transform:translate(-50%,
-4rem)
}
body:not(.nav) #nav.nav-down {
-webkit-transform:translate(-50%,
0);
-ms-transform:translate(-50%,
0);
transform:translate(-50%,
0)
}
body:not(.nav) #nav.scrolled {
background:#fff;
border-bottom:1px solid rgba(33,
34,
64,
.05);
box-shadow:0 5px 15px 1px rgba(50,
50,
50,
.05)
}
@media (max-width: 768px) {
.cards--list>* {
margin-top:1.5rem
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.cards--list>:nth-child(n+3) {
margin-top:1.5rem
}
}
@media (min-width: 1025px) {
.cards--list>:nth-child(n+4) {
margin-top:1.5rem
}
}
.countries-list>ul {
max-width:62.5rem;
position:relative
}
.countries-list--list>li {
border-radius:1.25rem;
overflow:visible;
position:static
}
.countries-list--list>li .square {
cursor:pointer
}
.countries-list--list>li:hover {
background-color:#ff6b97
}
.countries-list--list>li:hover .countries-list--content {
opacity:1;
visibility:visible;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
@media (max-width: 1024px) {
.countries-list--list>li:nth-child(-n+3) .countries-list--content {
top:calc(25%)
}
.countries-list--list>li:nth-child(n+4) .countries-list--content {
top:calc(50%)
}
.countries-list--list>li:nth-child(n+7) .countries-list--content {
top:auto;
bottom:50%
}
.countries-list--list>li:nth-child(n+10) .countries-list--content {
top:auto;
bottom:25%
}
.countries-list--list>li:nth-child(-n+6) {
border-radius:1.25rem 1.25rem 0 0
}
.countries-list--list>li:nth-child(n+7) {
border-radius:0 0 1.25rem 1.25rem
}
.countries-list--list>li:nth-child(3n+2) .countries-list--content {
border-radius:1.25rem
}
.countries-list--list>li:nth-child(1) .countries-list--content,
.countries-list--list>li:nth-child(4) .countries-list--content {
border-radius:0 1.25rem 1.25rem 1.25rem
}
.countries-list--list>li:nth-child(10) .countries-list--content,
.countries-list--list>li:nth-child(7) .countries-list--content {
border-radius:1.25rem 1.25rem 1.25rem 0
}
.countries-list--list>li:nth-child(3) .countries-list--content,
.countries-list--list>li:nth-child(6) .countries-list--content {
border-radius:1.25rem 0 1.25rem 1.25rem
}
.countries-list--list>li:nth-child(12) .countries-list--content,
.countries-list--list>li:nth-child(9) .countries-list--content {
border-radius:1.25rem 1.25rem 0 1.25rem
}
}
@media (min-width: 1025px) {
.countries-list--list>li:nth-child(-n+4) {
border-radius:1.25rem 1.25rem 0 0
}
.countries-list--list>li:nth-child(-n+4) .countries-list--content {
-webkit-transform:translateY(-6px);
-ms-transform:translateY(-6px);
transform:translateY(-6px);
top:calc(33.3%)
}
.countries-list--list>li:nth-child(n+5) {
border-radius:0 0 1.25rem 1.25rem
}
.countries-list--list>li:nth-child(n+5) .countries-list--content {
-webkit-transform:translateY(6px);
-ms-transform:translateY(6px);
transform:translateY(6px);
box-shadow:0 -10px 16px 2px rgba(50,
50,
50,
.15);
top:calc(0%)
}
.countries-list--list>li:nth-child(n+9) .countries-list--content {
top:calc(33.33%)
}
.countries-list--list>li:nth-child(1) .countries-list--content {
border-radius:0 1.25rem 1.25rem 1.25rem
}
.countries-list--list>li:nth-child(2) .countries-list--content,
.countries-list--list>li:nth-child(3) .countries-list--content {
border-radius:1.25rem
}
.countries-list--list>li:nth-child(4) .countries-list--content {
border-radius:1.25rem 0 1.25rem 1.25rem
}
.countries-list--list>li:nth-child(5) .countries-list--content,
.countries-list--list>li:nth-child(9) .countries-list--content {
border-radius:1.25rem 1.25rem 1.25rem 0
}
.countries-list--list>li:nth-child(12) .countries-list--content,
.countries-list--list>li:nth-child(8) .countries-list--content {
border-radius:1.25rem 1.25rem 0 1.25rem
}
}
.countries-list--cities {
margin:0;
padding:0
}
.countries-list--city {
margin-bottom:.875rem;
margin-top:.875rem
}
.countries-list--content {
background-color:#ff6b97;
border-radius:1.25rem;
box-shadow:0 10px 16px 2px rgba(50,
50,
50,
.15);
display:block;
height:33.33%;
left:0;
opacity:0;
position:absolute;
right:0;
transition:transform 300ms linear;
transition:transform 300ms linear,
-webkit-transform 300ms linear;
visibility:hidden;
width:100%;
z-index:99
}
@media (max-width: 520px) {
.countries-list--content {
padding-top:2rem;
padding-bottom:1rem;
height:auto
}
}
.countries-list--content>* {
height:100%
}
.countries-list--letter {
font-size:3.375rem;
font-weight:600
}
@media (min-width: 769px) and (max-width: 1024px) {
.countries-list--letter {
font-size:2.5rem;
line-height:3rem
}
}
@media (min-width: 521px) and (max-width: 768px) {
.countries-list--letter {
font-size:3.375rem;
line-height:3.375rem
}
}
@media (max-width: 520px) {
.countries-list--letter {
font-size:2rem;
line-height:2.625rem
}
}
.ex-calculator-wrapper {
position:relative;
padding-top:108px;
padding-bottom:70px
}
.ex-calculator-values {
position:absolute;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-align-items:flex-start;
-ms-flex-align:start;
align-items:flex-start;
-ms-grid-column-align:start;
justify-items:start;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
height:128px;
left:0;
right:0;
top:0;
pointer-events:none
}
.ex-calculator-hours,
.ex-calculator-total {
display:block;
text-align:center
}
.ex-calculator-total {
background-color:#4c99f6;
font-size:32px;
color:#fff;
border-radius:52px;
line-height:72px;
height:72px;
width:232px
}
.ex-calculator-total::after {
content:"";
display:block;
position:absolute;
width:0;
height:0;
border-style:solid;
border-radius:8px;
-webkit-transform:translateX(-50%) rotate(90deg);
-ms-transform:translateX(-50%) rotate(90deg);
transform:translateX(-50%) rotate(90deg);
top:94%;
left:50%;
border-color:transparent transparent transparent #4c99f6;
border-width:16px
}
.ex-calculator-hours {
color:#2a86f5;
font-size:18px;
width:112px;
pointer-events:none;
margin-top:26px
}
.ex-calculator-hours.hideable {
transition:opacity 150ms ease-out
}
.ex-calculator-wrapper input[type=range] {
-webkit-appearance:none;
width:100%;
height:8px;
background:#4c99f6;
border:none
}
.ex-calculator-wrapper input[type=range]::-webkit-slider-thumb {
-webkit-appearance:none;
cursor:grab;
background-color:#fff;
border:1px solid #fff;
border-radius:40px;
height:40px;
width:112px;
margin-top:-16px
}
.ex-calculator-wrapper input[type=range]::-moz-range-thumb {
cursor:grab;
border:1px solid #fff;
border-radius:40px;
height:40px;
width:112px
}
.ex-calculator-wrapper input[type=range]::-ms-thumb {
cursor:grab;
border:1px solid #fff;
border-radius:40px;
height:40px;
width:112px;
background:#fff
}
.ex-calculator-wrapper input[type=range]::-webkit-slider-runnable-track {
cursor:pointer;
width:100%;
height:8px;
background:0 0;
border-radius:8px
}
.ex-calculator-wrapper input[type=range]:focus::-webkit-slider-runnable-track {
background:0 0
}
.ex-calculator-wrapper input[type=range]::-moz-range-track {
cursor:pointer;
width:100%;
height:8px;
background:0 0;
border-radius:8px
}
.ex-calculator-wrapper input[type=range]::-moz-focus-outer {
outline:none;
border:0
}
.ex-calculator-wrapper input[type=range]::-ms-track {
cursor:pointer;
width:100%;
height:8px;
background:0 0;
border-color:transparent;
border-width:16px 0;
color:transparent
}
.ex-calculator-warning {
font-size:14px;
color:rgba(255,
255,
255,
.72);
line-height:20px;
font-weight:400
}
.gif-module.vertical .gif-module--embed img {
width:auto;
max-width:60rem
}
.gif-module.horizontal .gif-module--embed img {
width:auto;
max-width:100%
}
.gif-module--embed img {
margin:3rem auto
}
.hero-title {
padding-top:3rem
}
.hero-title h1 {
display:block;
text-align:center;
font-size:2rem;
text-transform:uppercase
}
.hero,
.hero--video {
background-repeat:no-repeat
}
.hero {
background-size:90% auto;
padding-bottom:9rem;
padding-top:9rem;
z-index:1;
background-position:bottom right
}
.hero--video {
background-position:100% 10%,
0% 96%
}
@media (max-width: 1024px) {
.hero--video {
background-image:none!important
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.hero {
background-size:110% auto
}
}
@media (min-width: 521px) and (max-width: 768px) {
.hero:not(.solid) {
background-size:140% auto;
background-position:bottom right;
padding-bottom:22.5rem
}
}
@media (max-width: 520px) {
.hero:not(.solid) {
background-size:170% auto;
padding-bottom:22.5rem
}
}
.hero .body+[class*=button--] {
margin-top:2rem
}
.hero:not(.home) {
min-height:35rem
}
.template--hero--gif .hero:not(.home):not(.solid) {
padding-bottom:55%;
min-height:auto;
background-size:calc(100% - 56px) auto;
background-position-y:calc(100% - 50px);
background-position-x:center
}
@media (min-width: 769px) {
.template--hero--gif .hero:not(.home):not(.solid) {
background-size:calc(50% - 108px) auto;
background-position-y:9rem;
background-position-x:calc(100% - 52px);
min-height:35rem;
padding-bottom:0
}
}
.hero--neoryde--truths {
background-size:auto,
auto;
background-position:100% 85%,
0% 85%
}
@media (max-width: 1024px) {
.hero.home {
padding-bottom:25rem
}
}
@media (max-width: 520px) {
.hero.home {
padding-bottom:19rem
}
}
@media (max-width: 1024px) {
.hero--illustration.hero:not(.solid) {
padding-bottom:5.25rem
}
}
.hero--box-list {
margin-top:6rem
}
@media (max-width: 768px) {
.hero--box-list {
margin-top:4rem
}
}
@media (max-width: 520px) {
.hero--box-list {
margin-top:3rem
}
}
@media (min-width: 1025px) {
.hero--box-list-box {
margin-bottom:-250px
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.hero--box-list-box:nth-child(3) {
width:100%;
margin-top:1.5rem
}
}
@media (max-width: 768px) {
.hero--box-list-box+* {
margin-top:1.5rem
}
}
.hero--box-list-box-content {
padding:2rem;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-flow:column;
-ms-flex-flow:column;
flex-flow:column;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
height:100%;
border-radius:.5rem
}
.hero--box-list-box-content[class*=title]+* {
margin-top:3.5rem
}
.hero--box-list-box-content a.link:not([class*=button--]) {
color:#7350ff!important
}
@media (min-width: 1025px) {
.hero--box+.module {
padding-top:12rem
}
}
.hero.form {
background-position:bottom left;
padding-bottom:9rem;
min-height:45rem
}
@media (min-width: 769px) and (max-width: 1024px) {
.hero.form {
padding-bottom:19rem;
background-size:110% auto
}
}
@media (min-width: 521px) and (max-width: 768px) {
.hero.form {
padding-bottom:19rem;
background-size:120% auto
}
}
@media (max-width: 520px) {
.hero.form {
padding-bottom:12.5rem;
background-size:120% auto
}
}
.hero.form.hero-call-to-action {
min-height:40rem;
padding-bottom:10rem
}
@media (max-width: 520px) {
.hero.form.hero-call-to-action {
min-height:33rem;
padding-bottom:0
}
}
@media (min-width: 769px) {
.hero.form.hero-call-to-action {
min-height:45rem
}
}
@media (min-width: 1025px) {
.hero.form.hero-call-to-action {
padding-bottom:25rem;
min-height:46rem
}
}
.hero-jobs,
.hero.cover {
background-size:cover;
background-position:center
}
.hero.background--api {
background-position:90% bottom;
background-size:auto
}
@media (max-width: 520px) {
.hero.background--api {
background-size:90%
}
}
@media (min-width: 1025px) {
.hero.auto {
height:auto
}
}
body.template-security .hero {
background-position:290% center;
background-size:80% auto
}
@media (max-width: 1024px) {
body.template-security .hero {
background-position:0 bottom;
background-size:90% auto
}
}
@media (min-width: 521px) and (max-width: 768px) {
body.template-security .hero {
background-size:120% auto
}
}
@media (max-width: 520px) {
body.template-security .hero {
background-size:120% auto
}
}
.hero .body {
display:block
}
.hero-home {
margin:0 auto;
overflow:hidden;
pointer-events:none;
width:100%;
z-index:0;
padding:0!important
}
@media (min-width: 1025px) {
.hero-home {
margin-top:-225px
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.hero-home {
margin-top:-475px
}
}
@media (min-width: 521px) and (max-width: 768px) {
.hero-home {
margin-top:-425px
}
}
@media (max-width: 520px) {
.hero-home {
margin-top:-290px
}
}
.hero-home .video {
overflow:hidden;
position:relative;
width:100%;
z-index:1
}
.hero-home .video video {
left:50%;
min-width:1680px;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
width:100%
}
@media (min-width: 769px) and (max-width: 1024px) {
.hero-home .video video {
min-width:1200px
}
}
@media (max-width: 768px) {
.hero-home .video video {
min-width:900px
}
}
.hero--content {
z-index:2
}
.hero--imageSide img {
width:100%
}
.hero--sponsor {
text-align:center
}
.hero--sponsor[class*=logo-] {
background-color:#fff;
border-radius:50%;
display:block;
padding:1rem
}
.hero--sponsor-logo-1 {
max-width:100%;
height:auto
}
.hero--sponsor-logo-1 img {
padding:1rem
}
.hero--sponsor-logo-2 {
max-width:7rem;
height:7rem;
width:7rem
}
.hero--image {
margin-top:3rem;
display:none;
max-width:28rem
}
@media (min-width: 1025px) {
.hero--image {
display:block
}
}
.hero-numeral {
padding-top:80px;
padding-bottom:56px
}
.hero-numeral .heading {
margin-bottom:2rem
}
@media (min-width: 1025px) {
.hero-numeral .heading {
margin-bottom:4rem
}
.hero-numeral {
margin-bottom:0;
padding-top:92px;
padding-bottom:102px
}
}
.hero-numeral .hero-item {
margin-bottom:36px
}
.hero-numeral .hero-item:last-child {
margin-bottom:0
}
.hero-numeral .hero-item:first-child .hero-number svg {
width:130px
}
@media (min-width: 1025px) {
.hero-numeral .hero-item:first-child .hero-number svg {
width:167px
}
}
.hero-numeral .hero-item:nth-child(2) .hero-number svg {
width:210px
}
@media (min-width: 1025px) {
.hero-numeral .hero-item:nth-child(2) .hero-number svg {
width:275px
}
}
.hero-numeral .hero-item:last-child .hero-number svg {
width:125px
}
@media (min-width: 1025px) {
.hero-numeral .hero-item:last-child .hero-number svg {
width:165px
}
}
.hero-numeral .hero-item .hero-number svg {
fill:#aaf4dc
}
.hero-numeral .hero-number,
.press-pop-up--content[class*=title-]+p.body {
display:block
}
.hero-numeral .hero-number-title.title-3 {
display:inline-block
}
.hero-numeral .hero-number,
.hero-numeral .hero-number-title {
margin-bottom:1rem
}
@media (min-width: 1025px) {
.hero-numeral .hero-number,
.hero-numeral .hero-number-title {
margin-bottom:2rem
}
}
.hero-numeral .hero-number-subtitle,
.hero-numeral .hero-number-title {
color:#aaf4dc
}
.icon-title-list .heading+.content {
margin-top:4rem
}
.icon-title-list .heading+p {
margin-top:.875rem
}
.icon-title-list.horizontal .content {
margin-top:3rem
}
@media (min-width: 1025px) {
.icon-title-list.horizontal .content {
margin-top:0
}
}
@media (max-width: 1024px) {
.icon-title-list .content>.col-3:nth-child(n+4) {
margin-top:3rem
}
}
@media (max-width: 768px) {
.icon-title-list .content>.col-4:nth-child(n+3) {
margin-top:2rem
}
}
@media (min-width: 769px) {
.icon-title-list .content>.col-4:nth-child(n+4) {
margin-top:2.5rem
}
}
@media (min-width: 1025px) {
.icon-title-list .content>.col-5:nth-child(n+3) {
margin-top:3rem
}
}
@media (min-width: 769px) {
.icon-title-list .content>.col-6:nth-child(n+3) {
margin-top:3rem
}
}
@media (min-width: 521px) and (max-width: 768px) {
.icon-title-list .content>:nth-child(n+3) {
margin-top:3.5rem
}
}
@media (max-width: 520px) {
.icon-title-list .content>:nth-child(n+2) {
margin-top:3.5rem
}
}
.icon-title-list-big .content>.col-3:nth-child(n) {
margin-top:2rem
}
@media (min-width: 1025px) {
.icon-title-list-big .content>.col-3:nth-child(n) {
margin-top:2.5rem
}
}
.icon-title-list-big .heading+.content {
margin-top:0
}
@media (min-width: 1025px) {
.icon-title-list-big .heading+.content {
margin-top:1.5rem
}
}
.press-pop-up {
position:fixed;
left:0;
top:0;
bottom:0;
right:0;
background-color:rgba(33,
34,
64,
.75);
z-index:999
}
.press-pop-up--content {
margin:0;
left:50%;
top:50%;
box-sizing:border-box;
-webkit-transform:translate(-50%,
-50%);
-ms-transform:translate(-50%,
-50%);
transform:translate(-50%,
-50%);
max-width:50rem
}
.press-pop-up--content .icon-brand {
width:6rem;
height:6rem
}
.press-pop-up--content .body {
max-width:20rem;
margin-top:1rem;
text-align:center
}
.press-pop-up--content .row {
background-color:#fafafe;
padding:4rem 1.5rem
}
.socialShare .social {
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
.socialShare .social li {
width:auto;
margin:0
}
.socialShare .social li+li {
margin-left:1.5rem
}
.socialShare .social+.heading {
margin-top:3rem
}
.storesGroup {
margin-top:2rem
}
.socialShare .social,
.storesList-hz {
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}
.storesButton svg {
max-width:193px;
width:100%;
display:block
}
.storesButton:first-child {
margin-right:1rem
}
.storesList-vt .storesButton:first-child {
margin-bottom:1rem
}
@media screen and (min-width: 1200px) {
.storesList-hz .storesButton {
max-width:initial
}
.storesList-hz .storesButton:first-child {
margin-right:30px
}
}
.storesButton a .storesButton-background {
transition:fill .15s linear;
will-change:fill
}
.storesButton a:focus .storesButton-background,
.storesButton a:hover .storesButton-background {
fill:#212240
}
.text-image--content {
min-height:12.5rem
}
@media (min-width: 769px) {
.text-image--content {
position:static
}
}
@media (max-width: 768px) {
.text-image--content {
height:auto;
min-height:22.5rem;
padding-top:22.5rem
}
}
.text-image p+p,
.text-image span.author,
.text-video span.author {
margin-top:1rem
}
.text-image ul li+li {
margin-top:.625rem
}
.text-image.reverse .text-image--content {
-webkit-flex-direction:row-reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse
}
.text-image.reverse .text-image--image {
left:0;
right:auto
}
.text-image--image,
.text-image.img-top .text-image--image {
background-size:auto;
background-position:top center
}
@media (max-width: 520px) {
.text-image.img-top .text-image--image {
background-size:90% auto
}
}
.text-image.img-bottom .text-image--image {
background-size:auto;
background-position:bottom center
}
@media (max-width: 520px) {
.text-image.img-bottom .text-image--image {
background-size:90% auto
}
}
.text-image.img-center .text-image--image {
background-size:80% auto;
background-position:center center
}
@media (max-width: 768px) {
.text-image.img-center .text-image--image {
min-height:20rem
}
}
@media (max-width: 520px) {
.text-image.img-center .text-image--image {
background-size:90% auto
}
}
@media (max-width: 768px) {
.text-image.img-center .text-image--content {
padding-top:20rem
}
}
.text-image--image {
background-repeat:no-repeat;
background-size:cover;
min-height:18rem;
position:absolute;
right:0;
top:0;
width:100%;
z-index:2
}
@media (max-width: 768px) {
.text-image--image {
min-height:22.5rem
}
}
@media (min-width: 769px) {
.text-image--image {
width:50%;
height:100%
}
}
.high-demand-drivers .text-image--image {
background-size:contain
}
@media (min-width: 769px) {
.high-demand-drivers .text-image--image {
height:90%;
top:initial;
bottom:0
}
}
@media (max-width: 768px) {
.high-demand-drivers .text-image--image {
top:4%
}
}
.text-image .icon-title+.icon-title {
margin-top:2.5rem
}
@media (max-width: 1024px) {
.text-video+.text-video {
padding-top:6rem
}
.text-video .body {
max-width:27rem
}
.text-video .heading {
margin-top:2rem
}
}
.text-video .heading .title-2 {
display:block
}
.text-video .heading+* {
margin-top:2rem
}
.text-video.reverse .text-video--content {
-webkit-flex-direction:row-reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse
}
.text-video.reverse .text-video--video {
left:0;
right:auto
}
.text-video--video.video-embed {
margin-top:0
}
.title-links .row+.row {
margin-top:1rem
}
.title-links .storesGroup {
margin-top:2rem
}
.title-links .storesList {
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
.video-single.background {
background-position:center center;
background-repeat:no-repeat;
background-size:190% 100%
}
.video--hero {
padding-top:11rem
}
@media (min-width: 769px) and (max-width: 1024px) {
.video--hero {
padding-top:10rem
}
}
@media (min-width: 521px) and (max-width: 768px) {
.video--hero {
padding-top:9rem
}
}
@media (max-width: 520px) {
.video--hero {
padding-top:8rem
}
}
.video .viewVideo {
cursor:pointer;
background:#fff;
border-radius:30rem;
padding:0 1.5rem;
height:40px;
position:absolute;
color:#7350ff;
display:-webkit-inline-flex;
display:-ms-inline-flexbox;
display:inline-flex;
top:-1rem;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-flex-flow:row nowrap;
-ms-flex-flow:row nowrap;
flex-flow:row nowrap;
z-index:10;
font-size:1.125rem;
overflow:hidden;
-webkit-transform:translate(-50%,
0);
-ms-transform:translate(-50%,
0);
transform:translate(-50%,
0);
transition:all 300ms 150ms linear
}
.video .viewVideo.hide {
-webkit-transform:translate(-50%,
16px);
-ms-transform:translate(-50%,
16px);
transform:translate(-50%,
16px);
opacity:0;
height:0;
padding-top:0;
padding-bottom:0;
visibility:hidden
}
.video .viewVideo .play-icon+* {
margin-left:.5rem
}
.video--description {
margin-top:6rem
}
@media (min-width: 769px) and (max-width: 1024px) {
.video--description {
margin-top:4rem
}
}
@media (min-width: 521px) and (max-width: 768px) {
.video--description {
margin-top:4rem
}
}
@media (max-width: 520px) {
.video--description {
margin-top:3rem
}
}
@media (max-width: 1024px) {
.video--description .heading {
margin-bottom:3rem
}
}
.video--description .title-2 {
font-size:2.625rem;
line-height:3.125rem;
display:block
}
@media (max-width: 768px) {
.video--description .title-2 {
font-size:2.25rem;
line-height:2.5rem;
display:block
}
}
@media (max-width: 520px) {
.video--description .title-2 {
font-size:1.75rem;
line-height:2rem;
display:block
}
}
.video--description p+p {
margin-top:2rem;
display:block
}