html {
box-sizing: border-box;
scroll-behavior: smooth
}
body {
max-width: 100%;
overflow-x: hidden
}
body.cookies-shown {
padding-top: 144px
}
@media (min-width: 768px) {
body.cookies-shown {
padding-top: 86px
}
}
@media (min-width: 1024px) {
body.cookies-shown {
padding-top: 61px
}
}
*, :after, :before {
box-sizing: inherit;
margin: 0;
padding: 0
}
img {
display: block;
height: auto;
max-width: 100%
}
a {
cursor: pointer;
transition: .3s
}
a, a:hover {
text-decoration: none
}
h1, h2, h3, h4, h5 {
margin: 0;
padding: 0
}
ul {
list-style-type: none
}
@media (min-width: 768px) {
.container {
max-width: 700px
}
}
@media (min-width: 992px) {
.container {
max-width: 960px
}
}
@media (min-width: 1200px) {
.container {
max-width: 90%
}
}
@media (min-width: 1440px) {
.container {
max-width: 1344px
}
}
.main-content {
overflow: hidden
}
.site-content {
min-height: 88vh
}
@font-face {
font-family: MuseoSansCyrl;
src: url(../fonts/MuseoSansCyrl-100.woff2) format("woff2"), url(../fonts/MuseoSansCyrl-100.woff) format("woff"), url(../fonts/MuseoSansCyrl-100.ttf) format("truetype");
font-weight: 100
}
@font-face {
font-family: MuseoSansCyrl;
src: url(../fonts/MuseoSansCyrl-300.woff2) format("woff2"), url(../fonts/MuseoSansCyrl-300.woff) format("woff"), url(../fonts/MuseoSansCyrl-300.ttf) format("truetype");
font-weight: 300
}
@font-face {
font-family: MuseoSansCyrl;
src: url(../fonts/MuseoSansCyrl-500.woff2) format("woff2"), url(../fonts/MuseoSansCyrl-500.woff) format("woff"), url(../fonts/MuseoSansCyrl-500.ttf) format("truetype");
font-weight: 500
}
@font-face {
font-family: MuseoSansCyrl;
src: url(../fonts/MuseoSansCyrl-700.woff2) format("woff2"), url(../fonts/MuseoSansCyrl-700.woff) format("woff"), url(../fonts/MuseoSansCyrl-700.ttf) format("truetype");
font-weight: 700
}
@font-face {
font-family: MuseoSansCyrl;
src: url(../fonts/MuseoSansCyrl-900.otf) format("woff2"), url(../fonts/MuseoSansCyrl-900.woff) format("woff"), url(../fonts/MuseoSansCyrl-900.ttf) format("truetype");
font-weight: 900
}
html {
font-size: 12px
}
@media (min-width: 1200px) {
html {
font-size: 16px
}
}
@media (min-width: 1440px) {
html {
font-size: 19.2px
}
}
* {
-webkit-font-smoothing: antialiased
}
body {
color: rgba(0, 0, 0, .95);
font-family: MuseoSansCyrl, sans-serif;
letter-spacing: .25px
}
body.modal-open {
overflow-y: scroll;
padding-right: 0 !important
}
h1 {
font-size: 3.2154166666666666rem;
font-weight: 100
}
h2 {
font-size: 2.0833333333333335rem;
font-weight: 700
}
h3 {
font-size: 1.5rem;
font-weight: 300
}
h5 {
font-weight: 900;
font-size: 1.25rem
}
@media (min-width: 768px) {
h5 {
font-size: 1.0708333333333333rem
}
}
@media (min-width: 1200px) {
h5 {
font-size: 1.25rem
}
}
.page-header {
position: absolute;
left: 0;
right: 0;
z-index: 100;
padding: 1.2rem 0;
transition: .3s
}
@media (min-width: 768px) {
.page-header {
padding: 2.8rem 0
}
}
@media (min-width: 1200px) {
.page-header {
padding: 1.5rem 0
}
}
@media (min-width: 1440px) {
.page-header {
padding: 2rem 0
}
.page-header .container {
max-width: 1287px
}
}
.page-header.fixed {
position: fixed;
background: #000;
padding: .8rem 0
}
.page-header.fixed .page-header__nav-block {
top: 5.1rem
}
@media (min-width: 768px) {
.page-header.fixed .page-header__nav-block {
top: 0
}
}
@media (min-width: 768px) {
.page-header.fixed {
max-width: 700px;
margin: 0 auto;
background: #fff;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
padding: .7rem .8rem .5rem;
box-shadow: 0 0 9px 0 rgba(0, 0, 0, .3)
}
.page-header.fixed .page-header__right-nav {
display: none
}
.page-header.fixed .page-header__nav-block {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding-top: 0
}
.page-header.fixed .page-header__nav-block .btn-blue {
display: block;
padding: .475rem 1.35rem;
font-size: 1rem;
margin: 0
}
.page-header.fixed .page-header__nav-main {
margin-right: 2.9rem;
margin-bottom: 0
}
.page-header.fixed .page-header__nav li a {
color: #000
}
.page-header.fixed .page-header__nav li a:hover {
color: #009cff
}
.page-header.fixed .page-header__nav li {
margin-left: 1.5rem
}
.page-header.fixed .page-header__nav li.open-modal-signup {
display: none
}
.page-header.fixed .page-header__nav li:first-child {
margin-left: 0
}
}
@media (min-width: 1024px) {
.page-header.fixed {
max-width: 90%
}
.page-header.fixed .container {
max-width: 100%
}
}
@media (min-width: 1440px) {
.page-header.fixed {
padding: .7rem 0 .6rem;
max-width: 1329px;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px
}
.page-header.fixed .page-header__nav-main {
margin-right: 5.9rem
}
.page-header.fixed .page-header__nav-block {
margin-right: 1rem
}
.page-header.fixed .page-header__nav-block .btn-blue {
padding: .475rem 1.05rem
}
.page-header.fixed .page-header__nav li {
margin-left: 2.5rem
}
.page-header.fixed .page-header__logo--fixed-desk {
width: 140px;
margin-left: .2rem
}
}
.page-header.fixed .page-header__logo--mob, .page-header.fixed .page-header__logo--tablet {
display: none
}
.page-header.fixed .page-header__logo--fixed {
display: block
}
@media (min-width: 768px) {
.page-header.fixed .page-header__logo--fixed {
display: none
}
}
@media (min-width: 768px) {
.page-header.fixed .page-header__logo--fixed-desk {
display: block
}
}
.page-header .row {
margin-left: 0;
margin-right: 0
}
@media (min-width: 768px) {
.page-header .row {
margin-left: -15px;
margin-right: -15px
}
}
@media (max-width: 767px) {
.page-header.is-opened {
background: #000
}
}
.page-header__logo {
width: 204px;
margin-left: .2rem
}
.page-header__logo--fixed, .page-header__logo--fixed-desk, .page-header__logo--tablet {
display: none
}
@media (min-width: 768px) {
.page-header__logo {
max-width: 135px
}
.page-header__logo--tablet {
display: block
}
.page-header__logo--mob {
display: none
}
}
@media (min-width: 1200px) {
.page-header__logo {
max-width: 180px;
margin-left: .5rem
}
}
@media (min-width: 1440px) {
.page-header__logo {
max-width: 15.75rem;
width: 216px
}
}
@media (min-width: 1920px) {
.page-header__logo {
margin-left: 1.2rem;
margin-right: -1.2rem
}
}
.page-header__btn--desktop.btn {
display: none
}
@media (min-width: 768px) {
.page-header__btn--desktop.btn {
display: block;
z-index: 100
}
}
@media (min-width: 768px) {
.page-header__btn--mobile.btn {
display: none
}
}
.page-header__right-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
@media (max-width: 767px) {
.page-header.is-opened .page-header__right-nav:after {
content: "";
z-index: 10;
position: absolute;
bottom: -.9rem;
right: 1.9rem;
width: 0;
height: 0;
border-style: solid;
border-width: 11px 13.5px 0;
border-color: #000 transparent transparent
}
}
@media (min-width: 768px) {
.page-header__right-nav {
-ms-flex-order: 3;
order: 3
}
}
@media (min-width: 1200px) {
.page-header__right-nav {
margin-top: .7rem;
margin-right: -1rem
}
.blog .page-header__right-nav, .category .page-header__right-nav, .single-post .page-header__right-nav {
margin-right: .6rem
}
}
@media (min-width: 1200px) {
.page-header__nav-main {
margin-bottom: 0
}
}
.page-header__nav-block {
position: absolute;
top: 6.2rem;
right: 0;
padding: 0 3rem 1.1rem;
overflow: auto;
left: 0;
background: #272727;
max-height: 0;
visibility: hidden;
transition: .5s;
overflow: hidden
}
@media (max-width: 767px) {
.page-header.is-opened .page-header__nav-block {
box-shadow: 0 -5px 12px 7px rgba(0, 0, 0, .68);
visibility: visible;
max-height: 500px;
transition: .5s
}
}
@media (min-width: 768px) {
.page-header__nav-block {
position: relative;
top: 0;
background: transparent;
visibility: visible;
max-height: 100%;
-ms-flex-order: 2;
order: 2;
padding: 0;
margin-right: 1.3rem;
padding-top: .8rem
}
}
.page-header__nav li {
position: relative;
text-align: center;
padding: 1.25rem 0
}
@media (min-width: 768px) {
.page-header__nav li {
display: inline-block;
padding: 0;
margin-left: 1rem
}
}
@media (min-width: 1440px) {
.page-header__nav li {
margin-left: 4.3rem
}
.blog .page-header__nav li {
margin-left: 1.6rem
}
html[lang=ru-RU] .page-header__nav li {
margin-left: 3.4rem
}
.archive .page-header__nav li, .single-post .page-header__nav li {
margin-left: 1.6rem
}
}
.page-header__nav li a {
color: #fff;
text-transform: uppercase
}
@media (min-width: 768px) {
.page-header__nav li a {
border-bottom: none;
padding: 0
}
.page-header__nav li a:hover {
color: #03ffea
}
.page-header__nav li.current-menu-item a, .page-header__nav li.current-menu-item a:hover {
color: #03ffea;
}
}
.page-header__nav li.btn {
background: #fff;
color: #000;
border-radius: 20rem;
padding: 0;
margin-top: -.25rem;
margin-left: 1.3rem
}
.home .page-header__nav li.btn {
display: none
}
@media (min-width: 768px) {
.page-header__nav li.btn {
margin-left: 1.6rem
}
}
.page-header__nav li.btn a {
color: #000;
font-size: 1rem;
font-weight: 400;
padding: .4rem 1.4rem .1rem;
display: block
}
@media (min-width: 768px) {
.page-header__nav li.btn a {
padding: .4rem 1.6rem .1rem
}
}
.page-header__nav li:after {
content: "";
border-top: 1px solid #000;
width: 100%;
height: 2px;
background-color: #314147;
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0
}
@media (min-width: 768px) {
.page-header__nav li:after {
display: none
}
}
.page-header .btn-blue {
margin-top: -.2rem;
display: block
}
@media (min-width: 768px) {
.page-header .btn-blue {
display: none
}
}
.page-header .dropdown--lang {
font-size: 1.1666666666666667rem;
margin-right: .4rem
}
@media (min-width: 768px) {
.page-header .dropdown--lang {
margin-right: -.2rem
}
}
.page-header .dropdown--lang button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
color: #fff;
padding: .8rem .8rem .9rem;
text-transform: uppercase
}
@media (min-width: 768px) {
.page-header .dropdown--lang button {
padding: .8rem .9rem .9rem
}
}
.page-header .dropdown--lang button:after {
border: none;
background: url(../img/arrow-down.png);
width: 10px;
height: 10px;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
background-size: contain
}
@media (min-width: 1200px) {
.page-header .dropdown--lang button:after {
width: 20px;
height: 20px
}
}
.page-header .dropdown--lang button:focus {
outline: none
}
.page-header .dropdown--lang.show button {
background: #272727;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
outline: none
}
@media (min-width: 768px) {
.page-header .dropdown--lang.show button {
background: #fff;
color: #000;
font-weight: 500;
text-decoration: underline
}
.page-header .dropdown--lang.show button:after {
background: url(../img/arrow-down-black.png);
width: 10px;
height: 10px;
background-repeat: no-repeat;
background-size: contain
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.page-header .dropdown--lang.show button:after {
width: 20px;
height: 20px
}
}
.page-header .dropdown--lang.show:after {
content: "";
background-image: url(../img/border-radius.png);
width: 10px;
height: 9px;
position: absolute;
right: -9px;
bottom: 0
}
@media (min-width: 768px) {
.page-header .dropdown--lang.show:after {
display: none
}
}
.page-header .dropdown--lang .dropdown-item {
text-transform: uppercase;
color: #fff;
font-weight: 300;
font-size: 1.1666666666666667rem;
padding: 1.4rem 1.75rem 1.4rem 1.1rem;
position: relative
}
@media (min-width: 768px) {
.page-header .dropdown--lang .dropdown-item {
color: #000;
font-weight: 500;
padding: .17rem 1.12rem;
max-width: 4.8rem;
text-align: center
}
}
@media (min-width: 1200px) {
.page-header .dropdown--lang .dropdown-item {
text-align: center;
padding-left: 0;
padding-right: 0;
max-width: 100%
}
}
.page-header .dropdown--lang .dropdown-item span {
display: none
}
@media (min-width: 768px) {
.page-header .dropdown--lang .dropdown-item:first-child {
display: block
}
}
.page-header .dropdown--lang .dropdown-item:after {
content: "";
border-top: 1px solid #000;
width: 100%;
height: 2px;
background-color: #314147;
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0
}
@media (min-width: 768px) {
.page-header .dropdown--lang .dropdown-item:after {
display: none
}
}
.page-header .dropdown--lang .dropdown-item:last-child:after {
display: none
}
@media (min-width: 768px) {
.page-header .dropdown--lang .dropdown-item {
font-size: 0
}
.page-header .dropdown--lang .dropdown-item:first-child {
display: block
}
.page-header .dropdown--lang .dropdown-item span {
font-size: 1.1666666666666667rem;
display: block
}
}
.page-header .dropdown--lang .dropdown-menu {
margin: 0;
background: #272727;
border: none;
padding: 0;
border-radius: 0;
border-bottom-left-radius: 10px;
min-width: auto;
margin-left: .4rem
}
@media (max-width: 1025px) {
.page-header .dropdown--lang .dropdown-menu {
transform: translate3d(-5px, 41px, 0) !important
}
}
@media (min-width: 768px) {
.page-header .dropdown--lang .dropdown-menu {
background: #fff;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
padding-bottom: .5rem;
width: 100%
}
}
@media (min-width: 1200px) {
.page-header .dropdown--lang .dropdown-menu {
margin-left: 0
}
}
@media (min-width: 1920px) {
.page-header .dropdown--lang .dropdown-menu {
width: 100%;
margin-left: 0
}
}
.page-header__hamburger {
background: transparent;
border: 2px solid #fff;
width: 3.6rem;
margin-right: 1px;
height: 2.6rem;
border-radius: 8px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center
}
@media (min-width: 768px) {
.page-header__hamburger {
display: none
}
}
.page-header.is-opened .page-header__hamburger {
right: 37px;
top: 26px
}
.page-header.is-opened .page-header__hamburger span {
position: absolute
}
.page-header.is-opened .page-header__hamburger span:first-child {
transition-delay: .12s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transform: rotate(45deg)
}
.page-header.is-opened .page-header__hamburger span:last-child {
transition: bottom 75ms cubic-bezier(.215, .61, .355, 1) 12s;
transform: rotate(-45deg)
}
.page-header.is-opened .page-header__hamburger span:nth-child(2) {
display: none
}
.page-header__hamburger:focus {
box-shadow: none;
outline: none
}
.page-header__hamburger span {
width: 25px;
height: 2px;
display: block;
margin-bottom: 5px;
transition-duration: 75ms;
transform: rotate(0);
background: #fff
}
.page-header__hamburger span:last-child {
margin-bottom: 0
}
.page-footer {
text-align: center;
background: linear-gradient(174grad, #00fff0, #005ebe);
background-size: 125%;
padding-bottom: .6rem;
position: relative;
margin-top: 2.1rem
}
@media (min-width: 768px) {
.page-footer {
background: linear-gradient(284grad, #00fff0, #005ebe);
background-size: 105%;
margin-top: 1.4rem
}
}
@media (min-width: 1200px) {
.page-footer {
background: linear-gradient(284grad, #00fff0, #005ebe);
background-size: 105%
}
}
@media (min-width: 1600px) {
.page-footer {
margin-top: 3.3rem
}
}
.page-footer:before {
content: "";
position: absolute;
left: 0;
right: 0;
background-image: url(../images/footer-bg-desktop.svg);
background-repeat: no-repeat;
top: 0;
bottom: 0;
z-index: 0;
display: block;
background-size: 227%;
background-position-x: 48.3%;
margin-top: -3px
}
@media (min-width: 768px) {
.page-footer:before {
background-size: 171%;
background-position-x: 48.8%
}
}
@media (min-width: 1200px) {
.page-footer:before {
background-size: 132%;
background-position-x: 59.1%
}
}
@media (min-width: 800px) and (max-width: 991px) {
.page-footer .page-footer__form {
margin-top: 4rem
}
}
.page-footer h2 {
margin-bottom: 1rem
}
@media (min-width: 768px) {
.page-footer h2 {
font-size: 1.5rem;
color: #fff
}
}
@media (min-width: 1200px) {
.page-footer h2 {
margin-bottom: .8rem
}
}
.page-footer h3 {
max-width: 79%;
margin: 0 auto 2.7rem
}
@media (min-width: 768px) {
.page-footer h3 {
font-size: 2rem;
color: #fff;
max-width: 100%;
letter-spacing: -.15px;
margin-bottom: 1.5rem
}
}
@media (min-width: 1200px) {
.page-footer h3 {
margin-bottom: 1.6rem
}
}
.page-footer__form {
padding-top: 44.9%
}
@media (min-width: 768px) {
.page-footer__form {
padding-top: 31.9%
}
.page-footer__form .btn.btn-blue {
width: 50%;
margin: 0 auto;
padding: .575rem .75rem .375rem
}
}
@media (min-width: 1200px) {
.page-footer__form {
padding-top: 35.4%
}
.page-footer__form .btn.btn-blue {
width: 12rem;
margin: 0 auto
}
}
@media (min-width: 1024px) {
.page-footer__form {
padding-top: 26vw
}
}
@media (min-width: 1600px) {
.page-footer__form {
padding-top: 21.2rem
}
}
@media (min-width: 1921px) {
.page-footer__form {
padding-top: 21vw
}
}
.page-footer__form form {
-ms-flex-pack: center;
justify-content: center
}
.page-footer__contact-info {
margin-top: 2.5rem
}
@media (min-width: 768px) {
.page-footer__contact-info {
-ms-flex-order: 1;
order: 1;
text-align: left;
margin-top: 1.25rem
}
.page-footer__contact-info ul {
padding-left: 0;
letter-spacing: -.15px
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.page-footer__contact-info ul {
padding-left: 3.7rem
}
}
.page-footer__contact-info a, .page-footer__contact-info li {
color: #fff;
font-weight: 300;
font-size: 1.0833333333333333rem;
line-height: 2rem
}
@media (min-width: 768px) {
.page-footer__contact-info a, .page-footer__contact-info li {
font-size: .84rem;
line-height: 1.6rem
}
}
.page-footer__contact-info li {
margin-bottom: .1rem
}
.page-footer__nav {
margin-top: 1.1rem
}
@media (min-width: 768px) {
.page-footer__nav {
-ms-flex-order: 3;
order: 3;
margin-top: 1.4rem
}
}
@media (min-width: 1200px) {
.page-footer__nav {
margin-top: 1.1rem
}
}
.page-footer__nav a {
text-transform: uppercase;
font-size: 1.0833333333333333rem;
color: #fff;
font-weight: 300
}
.page-footer__nav a:hover {
color: #03ffea
}
@media (min-width: 768px) {
.page-footer__nav a {
font-size: 1rem
}
.page-footer__nav a span {
display: none
}
}
@media (min-width: 1200px) {
.page-footer__nav a span {
display: inherit
}
}
.page-footer__nav li {
margin-bottom: .9rem
}
@media (min-width: 768px) {
.page-footer__nav li {
display: inline-block;
margin: 0 .7rem
}
}
@media (min-width: 1200px) {
.page-footer__nav li {
margin: 0 1.3rem
}
}
.page-footer__social {
margin-top: 1.6rem
}
@media (min-width: 768px) {
.page-footer__social {
-ms-flex-order: 2;
order: 2;
margin-top: 0;
padding-top: .9rem;
text-align: right
}
}
@media (min-width: 1200px) {
.page-footer__social {
padding-right: 6.3rem
}
}
.page-footer__social a {
display: inline-block;
margin: 0 .9rem
}
@media (min-width: 768px) {
.page-footer__social a {
margin: 0 .7rem
}
.page-footer__social a:last-child {
margin-right: 0
}
}
.page-footer__social a img {
width: 32px
}
@media (min-width: 1440px) {
.page-footer__social a img {
width: 57px
}
}
.page-footer__social .copy {
padding-top: 2rem;
font-size: 1.0833333333333333rem;
color: #fff;
letter-spacing: 0;
font-weight: 300
}
@media (min-width: 768px) {
.page-footer__social .copy {
padding-top: .4rem;
font-size: .88rem
}
}
.page-footer__social .copy strong {
font-weight: 700
}
.page-footer__sub-nav {
margin-top: 1.8rem
}
@media (min-width: 768px) {
.page-footer__sub-nav {
-ms-flex-order: 4;
order: 4;
margin-top: .2rem
}
}
@media (min-width: 1200px) {
.page-footer__sub-nav {
margin-top: -.1rem
}
}
.page-footer__sub-nav li {
display: inline-block;
font-weight: 300;
font-size: .9166666666666666rem;
margin: 0 .6rem
}
.page-footer__sub-nav li a {
color: #fff
}
.hero__img {
width: 100%;
position: absolute
}
.hero__img--tablet {
display: none
}
@media (min-width: 768px) {
.hero__img--tablet {
display: block;
max-height: 642px
}
}
@media (min-width: 1440px) {
.hero__img--tablet {
max-height: 742px
}
}
@media (min-width: 1600px) {
.hero__img--tablet {
display: none
}
}
.hero__img--desktop {
display: none
}
@media (min-width: 1440px) {
.hero__img--desktop {
padding-left: 1.9rem;
min-height: auto;
width: 87rem;
left: 50%;
transform: translateX(-50%)
}
}
@media (min-width: 1600px) {
.hero__img--desktop {
display: block;
width: 82rem
}
}
@media (min-width: 1900px) {
.hero__img--desktop {
width: 94.9rem
}
}
@media (min-width: 1921px) {
.hero__img--desktop {
width: 96.3rem;
padding-left: 0
}
}
@media (min-width: 768px) {
.hero__img--mob {
display: none
}
}
@media (min-width: 1200px) and (max-width: 1920px) {
.hero .hero__phone {
margin-left: 4.9rem
}
.hero .hero__img--desktop {
padding-left: 0
}
}
.hero__wrap {
position: relative;
padding-top: 6.7rem
}
@media (min-width: 768px) {
.hero__wrap {
padding-top: 9rem
}
}
@media (min-width: 1440px) {
.hero__wrap {
padding-top: 7.2rem;
margin-left: 3.2rem
}
}
@media (min-width: 1900px) {
.hero__wrap {
margin-left: 1.4rem
}
}
.hero__phone {
position: relative;
margin-bottom: -1.2rem
}
@media (min-width: 768px) {
.hero__phone {
padding-right: .5rem;
padding-top: .3rem
}
}
@media (min-width: 1200px) {
.hero__phone {
padding-right: 0;
padding-top: .5rem;
margin-right: -.4rem
}
}
.hero__phone--back {
position: absolute;
max-width: 56.6%;
left: 10%;
top: 7%
}
@media (min-width: 768px) {
.hero__phone--back {
left: 0;
top: 17%
}
}
@media (min-width: 1200px) {
.hero__phone--back {
max-width: 57%;
top: 9%;
left: -1.5%
}
}
@media (min-width: 1600px) {
.hero__phone--back {
max-width: 70%;
top: 9%;
left: -29.5%
}
}
@media (min-width: 1921px) {
.hero__phone--back {
max-width: 56%;
left: -3.5%
}
}
.hero__phone--card {
position: absolute;
top: -1%;
left: 12%;
max-width: 82%
}
@media (min-width: 768px) {
.hero__phone--card {
top: -.6%;
left: -1.5%;
max-width: 82%
}
}
@media (min-width: 1200px) {
.hero__phone--card {
top: .3%;
left: -.8%;
max-width: 84.1%
}
}
@media (min-width: 1600px) {
.hero__phone--card {
left: -26.8%;
max-width: 105.1%
}
}
@media (min-width: 1921px) {
.hero__phone--card {
left: -.8%;
max-width: 84.1%
}
}
.hero__phone--shadow {
position: absolute;
top: -10%;
left: -8%;
width: 118%;
max-width: none
}
@media (min-width: 768px) {
.hero__phone--shadow {
top: -8%;
left: -20%
}
}
@media (min-width: 1921px) {
.hero__phone--shadow {
top: -5%;
left: -20%
}
}
.hero__phone .phone {
left: 5.6%;
top: -1%;
position: relative;
max-width: 94.8%;
padding-top: 2.7rem
}
@media (min-width: 768px) {
.hero__phone .phone {
left: -6.5%;
top: -1%;
margin-top: 0
}
}
@media (min-width: 1600px) {
.hero__phone .phone {
width: 22.8rem;
max-width: none;
left: -6.5rem;
top: .3rem
}
}
@media (min-width: 1921px) {
.hero__phone .phone {
left: -1.6rem
}
}
.hero h2 {
font-weight: 900;
font-size: 2.7083333333333335rem;
line-height: 2.91rem;
margin-bottom: -.2rem
}
@media (min-width: 768px) {
.hero h2 {
font-weight: 700;
font-size: 2.8125rem;
letter-spacing: 1px;
line-height: 2.91rem;
margin-bottom: .6rem;
max-width: 80%
}
}
@media (min-width: 1200px) {
.hero h2 {
max-width: 100%;
letter-spacing: 2px;
margin-bottom: .2rem
}
}
.hero__content {
margin-top: -.4rem;
display: -ms-flexbox;
display: flex;
text-align: center;
-ms-flex-direction: column;
flex-direction: column
}
@media (min-width: 768px) {
.hero__content {
text-align: left;
color: #fff;
padding-top: 1rem
}
.hero__content h1 {
margin-bottom: 1rem
}
}
@media (min-width: 1200px) {
.hero__content {
padding-left: .9rem
}
.hero__content h1 {
margin-bottom: 1.4rem
}
}
.hero form {
-ms-flex-order: 3;
order: 3;
max-width: 100%;
margin: 0;
margin-top: 1.4rem;
margin-bottom: 1.5rem;
padding: 0 1.7rem
}
@media (min-width: 768px) {
.hero form {
-ms-flex-order: 4;
order: 4;
margin-top: -1.6rem;
padding: 0
}
}
@media (min-width: 1200px) {
.hero form {
margin-top: -2.6rem;
-ms-flex-pack: start;
justify-content: flex-start
}
}
.hero form .btn {
min-width: 101%;
margin: 0 auto;
width: auto
}
@media (min-width: 768px) {
.hero form .btn {
min-width: 11px;
margin: 0;
padding: .59rem 4.35rem .375rem;
font-size: 1.1595833333333332rem
}
}
.hero p {
-ms-flex-order: 4;
order: 4;
font-size: 1.0833333333333333rem;
line-height: 1.25rem;
letter-spacing: .15px
}
@media (min-width: 768px) {
.hero p {
-ms-flex-order: 3;
order: 3;
font-weight: 300;
font-size: 1rem;
letter-spacing: .1px;
max-width: 90%;
margin-bottom: 2.1rem
}
}
@media (min-width: 1200px) {
.hero p {
max-width: 62%;
margin-bottom: 3.4rem
}
}
.section-features {
padding-top: 2.1rem
}
@media (min-width: 768px) {
.section-features {
padding-top: 6rem
}
}
@media (min-width: 1200px) {
.section-features {
padding-top: 7.4rem
}
}
@media (min-width: 1600px) {
.section-features {
padding-top: 5.1rem
}
}
.section-features .col-md-4:first-child .feature__img {
max-width: 44px
}
@media (min-width: 414px) {
.section-features .col-md-4:first-child .feature__img {
max-width: 55px;
margin-bottom: 1.6rem
}
}
@media (min-width: 768px) {
.section-features .col-md-4:first-child .feature__img {
max-width: 36px;
margin-bottom: 0
}
}
@media (min-width: 1200px) {
.section-features .col-md-4:first-child .feature__img {
max-width: 77px
}
}
@media (min-width: 414px) {
.section-features .col-md-4:nth-child(2) .feature__img {
max-width: 95px;
margin-bottom: 1.6rem
}
}
@media (min-width: 768px) {
.section-features .col-md-4:nth-child(2) .feature__img {
max-width: 62px;
margin-bottom: 0
}
}
@media (min-width: 1200px) {
.section-features .col-md-4:nth-child(2) .feature__img {
max-width: 118px
}
}
@media (min-width: 1600px) {
.section-features .col-md-4:nth-child(2) .feature__img img {
width: 7rem;
margin-top: 2rem
}
}
@media (min-width: 1600px) {
.section-features .col-md-4:nth-child(3) .feature .feature__img img {
margin-top: 2rem
}
}
@media (min-width: 414px) {
.section-features .col-md-4:nth-child(3) .feature .feature__img {
margin-bottom: 1.6rem
}
.section-features .col-md-4:nth-child(3) .feature .feature__img img {
width: 6.5rem
}
}
@media (min-width: 768px) {
.section-features .col-md-4:nth-child(3) .feature .feature__img {
margin-bottom: 0
}
}
.page-section__img {
-ms-flex-order: 1;
order: 1
}
@media (min-width: 768px) {
.page-section__img {
-ms-flex-order: 1;
order: 1
}
}
.page-section__content {
-ms-flex-order: 2;
order: 2;
text-align: center;
padding-top: .9rem;
z-index: 10
}
@media (min-width: 768px) {
.page-section__content {
-ms-flex-order: 1;
order: 1;
text-align: left
}
}
.page-section__content h2 {
margin-bottom: .5rem
}
@media (min-width: 768px) {
.page-section__content h2 {
margin-bottom: .1rem
}
}
@media (min-width: 1200px) {
.page-section__content h2 {
margin-bottom: 1.5rem
}
}
.page-section__content p {
font-size: 1.0833333333333333rem;
margin-bottom: 1rem
}
@media (min-width: 768px) {
.page-section__content p {
font-size: 1rem;
letter-spacing: -.5px
}
}
@media (min-width: 1200px) {
.page-section__content p {
letter-spacing: 0
}
}
.page-section__content h3 {
font-size: 1.6666666666666667rem;
margin-bottom: 2rem
}
@media (min-width: 768px) {
.page-section__content h3 {
font-size: 2.5rem;
margin-bottom: 0
}
}
@media (min-width: 1200px) {
.page-section__content h3 {
margin-top: 3.7rem;
margin-bottom: .1rem
}
}
@media (min-width: 768px) {
.page-section__content form {
margin-top: -1.1rem
}
.page-section__content form .btn {
font-size: 1.1595833333333332rem;
padding: .6rem 4.35rem .4rem
}
}
@media (min-width: 1024px) {
.page-section__content form {
margin-top: -1.1rem;
-ms-flex-pack: start;
justify-content: flex-start;
max-width: 100%
}
}
.page-section.about-product {
padding-top: 4.1rem
}
@media (min-width: 768px) {
.page-section.about-product {
padding-top: 5.8rem
}
.page-section.about-product .page-section__content {
padding-top: 4.7rem;
padding-left: .9rem
}
.page-section.about-product p {
margin-right: -1rem;
margin-bottom: 1.9rem
}
.page-section.about-product p br {
display: none
}
}
@media (min-width: 1200px) {
.page-section.about-product {
padding-top: 7.4rem
}
.page-section.about-product .page-section__content {
padding-top: 3.4rem;
padding-left: 2.3rem
}
}
@media (min-width: 1600px) {
.page-section.about-product .page-section__img {
padding: 0 8.3rem 0 0
}
}
.page-section.about-product .img--phone {
position: relative;
z-index: 1;
max-width: 87.3%;
left: 3.4%;
margin-bottom: -1.5rem
}
@media (min-width: 768px) {
.page-section.about-product .img--phone {
max-width: 84.3%;
left: -6.1%;
margin-top: -2rem
}
}
@media (min-width: 1200px) {
.page-section.about-product .img--phone {
left: auto;
right: -18%
}
}
.page-section.about-product .img--star {
position: absolute;
bottom: 3%;
left: -14%;
max-width: 62%
}
@media (min-width: 768px) {
.page-section.about-product .img--star {
left: -24.5%;
max-width: 62%;
bottom: -4%
}
}
@media (min-width: 1200px) {
.page-section.about-product .img--star {
left: -5.7%
}
}
@media (min-width: 1600px) {
.page-section.about-product .img--star {
max-width: 54%
}
}
.page-section.about-product .img--card {
max-width: 68%;
right: 4.6%;
top: 28%
}
@media (min-width: 768px) {
.page-section.about-product .img--card {
right: 1.9%;
top: 26.6%
}
}
@media (min-width: 1200px) {
.page-section.about-product .img--card {
right: 3.3%;
top: 28.4%
}
}
@media (min-width: 1600px) {
.page-section.about-product .img--card {
max-width: 53.7%
}
}
.page-section.about-product .img--card, .page-section.about-product .img--card-two {
position: absolute
}
.page-section.about-product .img--card-two {
top: 18.4%;
max-width: 70%;
right: 2%
}
@media (min-width: 768px) {
.page-section.about-product .img--card-two {
max-width: 69%;
right: -1%;
top: 13%
}
}
@media (min-width: 1200px) {
.page-section.about-product .img--card-two {
right: 1%
}
}
@media (min-width: 1600px) {
.page-section.about-product .img--card-two {
max-width: 58%
}
}
.page-section.travel-product {
position: relative;
background: linear-gradient(180deg, #eff6fb, #fff 170rem);
margin-top: 13.7rem
}
@media (min-width: 768px) {
.page-section.travel-product {
margin-top: 11.6rem
}
}
@media (min-width: 1024px) {
.page-section.travel-product {
margin-top: 15.6rem
}
}
@media (min-width: 1200px) {
.page-section.travel-product {
margin-top: 15.6rem;
background: linear-gradient(180deg, #eff6fb, #fff 57rem)
}
}
.page-section.travel-product .page-section__content {
text-align: left
}
.page-section.travel-product .page-section__content h2 {
margin-bottom: 1.5rem
}
@media (min-width: 768px) {
.page-section.travel-product .page-section__content h2 {
margin-bottom: 2rem
}
}
.page-section.travel-product:before {
content: "";
position: absolute;
left: 0;
right: 0;
background-image: url(../images/travel-section-bg.png);
background-repeat: no-repeat;
min-height: 500px;
z-index: 0;
display: block;
background-size: 270%;
background-position-x: 8.7%;
top: -15rem
}
@media (min-width: 768px) {
.page-section.travel-product:before {
background-size: 100%;
background-position-x: center;
top: -15.7rem
}
}
@media (min-width: 1024px) {
.page-section.travel-product:before {
top: -16.8rem
}
}
@media (min-width: 1200px) {
.page-section.travel-product:before {
top: -10vw;
z-index: -1;
background-size: 119vw;
background-image: url(../images/travel-section-bg.svg)
}
}
.page-section.travel-product .page-section__img {
padding-right: 0;
margin-right: 0
}
@media (min-width: 768px) {
.page-section.travel-product .page-section__img {
margin-right: 0
}
}
.page-section.travel-product .page-section__img .phone-slider, .page-section.travel-product .page-section__img > img {
width: 22.8rem;
max-width: none;
margin-left: -2.3rem;
margin-bottom: -2rem
}
@media (min-width: 414px) {
.page-section.travel-product .page-section__img .phone-slider, .page-section.travel-product .page-section__img > img {
margin-left: -1rem
}
}
.page-section.travel-product .page-section__img .phone--img {
width: 22.7rem;
max-width: none;
margin-left: -2.1rem;
margin-top: -1rem;
margin-bottom: -1.6rem;
position: relative;
z-index: 10
}
.page-section.travel-product .page-section__img .phone--bg {
position: absolute;
top: 1.6%;
z-index: 9;
right: -6.4%;
width: 115%;
max-width: 200%
}
.page-section.travel-product .page-section__img .phone--bg2 {
position: absolute;
top: -7%;
right: -14%;
z-index: 20;
width: 44%
}
.page-section.travel-product .page-section__item {
margin-bottom: 4.7rem
}
@media (min-width: 768px) {
.page-section.travel-product .page-section__item {
margin-bottom: 3.3rem
}
}
.page-section.travel-product .page-section__item:first-child {
position: relative;
top: -9.3rem;
margin-bottom: -4.9rem
}
@media (min-width: 768px) {
.page-section.travel-product .page-section__item:first-child {
top: 0;
margin-bottom: 4.5rem
}
.page-section.travel-product .page-section__item:first-child .page-section__img {
padding-right: 1.2rem
}
.page-section.travel-product .page-section__item:first-child .page-section__img .phone-slider, .page-section.travel-product .page-section__item:first-child .page-section__img > img {
margin-left: -5rem;
margin-top: -1.5rem
}
.page-section.travel-product .page-section__item:first-child .page-section__content {
margin-left: -2.8rem;
padding-top: 1.5rem
}
.page-section.travel-product .page-section__item:first-child .page-section__content h2 {
max-width: 79%
}
.page-section.travel-product .page-section__item:first-child .main-list {
margin-left: 1rem
}
}
@media (min-width: 1024px) {
.page-section.travel-product .page-section__item:first-child {
padding-top: 2rem
}
}
@media (min-width: 1200px) {
.page-section.travel-product .page-section__item:first-child .page-section__img .phone-slider, .page-section.travel-product .page-section__item:first-child .page-section__img > img {
margin-left: -.5rem
}
.page-section.travel-product .page-section__item:first-child .page-section__content {
margin-left: 0;
padding-top: .9rem;
padding-left: 1rem
}
.page-section.travel-product .page-section__item:first-child .page-section__content h2 {
max-width: 110%;
width: 110%
}
}
@media (min-width: 1600px) {
.page-section.travel-product .page-section__item:first-child {
margin-left: -2.7rem
}
}
.page-section.travel-product .page-section__item:nth-child(2) .page-section__content {
padding-top: 2.7rem
}
.page-section.travel-product .page-section__item:nth-child(2) ul.check {
padding-left: 1.5rem
}
.page-section.travel-product .page-section__item:nth-child(2) ul.check li {
background: url(../img/arrow-right.svg);
background-repeat: no-repeat;
background-size: 9px;
margin-left: -.9rem;
padding-left: 1.4rem
}
@media (min-width: 768px) {
.page-section.travel-product .page-section__item:nth-child(2) .page-section__img {
padding-left: 0
}
.page-section.travel-product .page-section__item:nth-child(2) .page-section__content {
padding-left: .8rem;
padding-top: 4.5rem;
padding-left: 0
}
.page-section.travel-product .page-section__item:nth-child(2) ul.check li {
background: url(../img/check-icon.png);
background-repeat: no-repeat;
background-size: 17px;
margin-left: -1.3rem;
padding-left: 1.9rem;
background-position-y: center
}
}
@media (min-width: 1200px) {
.page-section.travel-product .page-section__item:nth-child(2) .page-section__img {
padding-right: 0;
padding-left: 5.4rem;
padding-top: .8rem
}
.page-section.travel-product .page-section__item:nth-child(2) .page-section__content {
padding-left: 2.7rem;
padding-top: 4.2rem
}
.page-section.travel-product .page-section__item:nth-child(2) .page-section__content h2 {
width: 112%
}
}
.page-section.travel-product .page-section__item:nth-child(3) .page-section__content {
padding-top: 2.4rem;
padding-left: 1.5rem
}
.page-section.travel-product .page-section__item:nth-child(3) ul.arrows {
padding-left: 1.1rem
}
.page-section.travel-product .page-section__item:nth-child(3) ul.arrows li {
background: url(../img/check-icon.png);
background-repeat: no-repeat;
background-size: 17px;
margin-left: -.9rem;
padding-left: 2.2rem
}
@media (min-width: 768px) {
.page-section.travel-product .page-section__item:nth-child(3) .page-section__img {
padding-right: 1.5rem;
margin-top: -1.2rem;
margin-left: -1.8rem
}
.page-section.travel-product .page-section__item:nth-child(3) .page-section__img .phone--img {
margin-left: -2.3rem;
z-index: 14;
position: relative
}
.page-section.travel-product .page-section__item:nth-child(3) .page-section__img .phone--bg {
top: -9.5%;
right: -10.3%;
width: 127%
}
.page-section.travel-product .page-section__item:nth-child(3) .page-section__content {
padding-top: 4rem;
padding-left: 4.5rem
}
.page-section.travel-product .page-section__item:nth-child(3) ul.arrows li {
background: url(../img/arrow-right.svg);
background-repeat: no-repeat;
background-size: 9px;
margin-left: -.9rem;
padding-left: 1.4rem;
background-position-y: 2px
}
}
@media (min-width: 1200px) {
.page-section.travel-product .page-section__item:nth-child(3) .page-section__img {
padding-left: .4rem;
padding-right: .5rem;
padding-top: 1.6rem
}
.page-section.travel-product .page-section__item:nth-child(3) .page-section__img .phone--img {
margin-left: 0
}
.page-section.travel-product .page-section__item:nth-child(3) .page-section__img .phone--bg {
top: 8.8%;
right: -.1%;
width: 105%
}
.page-section.travel-product .page-section__item:nth-child(3) .page-section__img .phone--bg2 {
top: .7%;
right: -6.2%;
width: 39.2%;
position: absolute;
z-index: 20
}
.page-section.travel-product .page-section__item:nth-child(3) .page-section__content {
padding-top: 5.5rem;
padding-left: 4.7rem
}
}
@media (min-width: 1920px) {
.page-section.travel-product .page-section__item:nth-child(3) .page-section__content {
padding-left: .7rem
}
.page-section.travel-product .page-section__item:nth-child(3) .page-section__img .phone--bg {
top: 8.8%;
right: -.1%;
width: 105%
}
}
.page-section.travel-product .page-section__item:nth-child(4) .page-section__img .phone--bg {
top: 0;
bottom: 25%;
margin: auto;
width: 103%;
left: -1%;
right: 0;
z-index: 10
}
.page-section.travel-product .page-section__item:nth-child(4) .page-section__content {
padding-top: 1.7rem;
padding-left: .25rem;
padding-right: .25rem
}
@media (min-width: 768px) {
.page-section.travel-product .page-section__item:nth-child(4) .page-section__img {
padding-right: 2.6rem;
padding-left: 0;
padding-top: 1.6rem
}
.page-section.travel-product .page-section__item:nth-child(4) .page-section__img .phone--img {
margin-left: -2.4rem;
margin-top: -2rem
}
.page-section.travel-product .page-section__item:nth-child(4) .page-section__img .phone--bg {
left: auto;
top: 0;
bottom: 23%;
margin: auto;
width: 111%;
right: -1%
}
.page-section.travel-product .page-section__item:nth-child(4) .page-section__content {
padding-top: 1.3rem;
padding-left: 1.15rem
}
.page-section.travel-product .page-section__item:nth-child(4) .page-section__content h2 {
margin-bottom: 1.5rem
}
}
@media (min-width: 1024px) {
.page-section.travel-product .page-section__item:nth-child(4) .page-section__img .phone--bg {
right: 0
}
}
@media (min-width: 1200px) {
.page-section.travel-product .page-section__item:nth-child(4) .page-section__content {
padding-top: 1rem
}
.page-section.travel-product .page-section__item:nth-child(4) .page-section__img {
padding-left: 3.8rem;
padding-top: 1.9rem
}
.page-section.travel-product .page-section__item:nth-child(4) .page-section__img .phone--img {
margin-left: 0
}
.page-section.travel-product .page-section__item:nth-child(4) .page-section__img .phone--bg {
left: auto;
top: 0;
bottom: 28%;
width: 86%
}
}
@media (min-width: 1600px) {
.page-section.travel-product .page-section__item:nth-child(4) .page-section__img .phone--img {
margin-left: -1.9rem
}
.page-section.travel-product .page-section__item:nth-child(4) .page-section__img .phone--bg {
width: 93%;
left: 2.6rem;
top: 6.2rem
}
}
.page-section.travel-product .page-section__item:last-child {
padding-top: 2.3rem
}
.page-section.travel-product .page-section__item:last-child .page-section__img .phone--bg {
top: -16.5%;
z-index: 1;
right: -17.3%;
width: 122%
}
.page-section.travel-product .page-section__item:last-child .page-section__content {
padding-top: 1.8rem
}
.page-section.travel-product .page-section__item:last-child ul {
margin-right: -1.5rem
}
@media (min-width: 768px) {
.page-section.travel-product .page-section__item:last-child {
padding-top: 7.2rem
}
.page-section.travel-product .page-section__item:last-child .page-section__img {
padding-right: 0;
padding-left: 2.6rem
}
.page-section.travel-product .page-section__item:last-child .page-section__img .phone--img {
margin-left: -1.1rem
}
.page-section.travel-product .page-section__item:last-child .page-section__img .phone--bg {
top: -19.5%;
right: -38.3%;
width: 131%
}
.page-section.travel-product .page-section__item:last-child .page-section__content {
padding-top: 5.2rem;
padding-left: 3.1rem
}
.page-section.travel-product .page-section__item:last-child ul {
padding-left: 1.3rem;
margin-top: 1.8rem
}
}
@media (min-width: 1200px) {
.page-section.travel-product .page-section__item:last-child {
padding-top: 4.8rem
}
.page-section.travel-product .page-section__item:last-child .page-section__img {
padding-left: .1rem
}
.page-section.travel-product .page-section__item:last-child .page-section__img .phone--img {
margin-left: 0
}
.page-section.travel-product .page-section__item:last-child .page-section__img .phone--bg {
top: -19.2%;
right: -1%;
width: 109%
}
.page-section.travel-product .page-section__item:last-child .page-section__content {
padding-top: 5.7rem;
padding-left: .9rem
}
.page-section.travel-product .page-section__item:last-child ul {
padding-left: 1.1rem;
margin-top: 1.4rem
}
}
@media (min-width: 1600px) {
.page-section.travel-product .page-section__item:last-child .page-section__img .phone--img {
margin-left: -1.9rem
}
}
.page-section.travel-product p {
font-size: 1rem;
margin-top: -.2rem;
letter-spacing: 0
}
.page-section.travel-product p strong {
text-transform: uppercase;
font-weight: 700
}
.page-section.travel-product .btn {
margin: 1.7rem 1rem;
display: block;
padding: .42rem 1.25rem .3rem
}
@media (min-width: 768px) {
.page-section.travel-product .btn {
margin: -.3rem 0;
display: inline-block;
font-size: 1.1595833333333332rem;
padding: .475rem 1.25rem .375rem
}
}
.page-section .main-list strong {
font-weight: 700;
text-transform: uppercase
}
.page-section .main-list li {
list-style-type: none;
letter-spacing: .1px;
margin-bottom: .9rem;
margin-right: -.6rem;
background-position-y: center
}
@media (min-width: 768px) {
.page-section .main-list li {
margin-left: .1rem
}
}
.page-section .main-list li a {
color: #000;
text-decoration: underline;
font-weight: 700
}
.page-section .main-list.arrows li {
background: url(../img/arrow-right.svg);
background-repeat: no-repeat;
background-size: 9px;
margin-left: -.9rem;
padding-left: 1.4rem
}
@media (min-width: 1200px) {
.page-section .main-list.arrows li {
background-size: 12px;
margin-bottom: 1rem;
background-position-y: 1px
}
}
@media (min-width: 1920px) {
.page-section .main-list.arrows li {
background-size: 15px !important
}
}
.page-section .main-list.check li {
background: url(../img/check-icon.png);
background-repeat: no-repeat;
background-size: 17px;
margin-left: -.9rem;
padding-left: 1.4rem
}
@media (min-width: 1200px) {
.page-section .main-list.check li {
background-size: 26px
}
}
@media (min-width: 1920px) {
.page-section .main-list.check li {
background-size: 27px !important
}
}
@media (min-width: 820px) and (max-width: 1023px) {
.travel-product:before {
top: -12.7rem
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.container {
max-width: 840px
}
.page-section.about-product .img--phone {
max-width: 77.3%;
left: 4.9%
}
.page-section.about-product .img--star {
left: -13.5%;
max-width: 50%;
bottom: 4%
}
.page-section.about-product .img--card {
max-width: 59%;
top: 29.6%
}
.page-section.about-product .img--card-two {
max-width: 59%;
top: 18%
}
.page-section.about-product .page-section__content {
padding-top: 7.7rem
}
.page-section.travel-product .page-section__img img {
width: 25.8rem
}
.page-section.travel-product .page-section__item:first-child .page-section__img .phone-slider, .page-section.travel-product .page-section__item:first-child .page-section__img > img {
margin-left: -3rem;
width: 25.8rem
}
.page-section.travel-product .page-section__item:nth-child(3) .page-section__img .phone--img {
margin-left: -.3rem;
width: 25.7rem
}
.page-section.travel-product .page-section__item:nth-child(3) .page-section__img .phone--bg {
top: 7.5%;
right: -10.3%;
width: 118%
}
.page-section.travel-product .page-section__item:nth-child(4) .page-section__img .phone--img {
margin-left: -2.4rem;
width: 25.8rem
}
.page-section.travel-product .page-section__item:nth-child(4) .page-section__img .phone--bg {
bottom: 10%;
width: 111%
}
.page-section.travel-product .page-section__item:last-child .page-section__img .phone--img {
margin-left: -.1rem;
width: 25.7rem
}
.page-section.travel-product .page-section__item:last-child .page-section__img .phone--bg {
width: 124%;
top: -16.5%;
right: -32.3%
}
}
.page-section.travel-product .page-section__img .phone--bulb {
position: absolute;
top: 18.8%;
z-index: 11;
overflow: hidden;
left: 43%;
transform: translateX(-42%);
width: 21.6rem
}
@media (min-width: 414px) {
.page-section.travel-product .page-section__img .phone--bulb {
transform: translateX(-46%)
}
}
@media (min-width: 768px) {
.page-section.travel-product .page-section__img .phone--bulb {
transform: translateX(-42%)
}
}
@media (min-width: 1200px) {
.page-section.travel-product .page-section__img .phone--bulb {
transform: translateX(-21%)
}
}
@media (min-width: 1600px) {
.page-section.travel-product .page-section__img .phone--bulb {
transform: translateX(-30%);
top: 14.8%
}
}
.page-section.travel-product .page-section__img .phone--bulb img {
width: 21.6rem;
margin-left: 0;
margin-bottom: 0;
left: 9.5%;
top: 13%
}
@media (min-width: 768px) {
.page-section.travel-product .page-section__img .phone--bulb img {
margin-left: -.9rem;
margin-top: 2rem
}
}
@media (min-width: 1200px) {
.page-section.travel-product .page-section__img .phone--bulb img {
margin-left: -.9rem;
margin-top: 2rem
}
}
.page-section.travel-product .page-section__img .phone--bulb img:nth-child(2) {
position: absolute;
top: 14%;
max-width: 83% !important;
left: 9.5%
}
.page-section.travel-product .page-section__img .phone--bulb img:nth-child(3) {
position: absolute;
bottom: 15%;
top: auto;
max-width: 80.9% !important;
left: 9.6%
}
.phone-slider .owl-carousel {
position: absolute;
left: 21%;
top: 7%;
z-index: 1;
right: 19%;
bottom: 11.7%;
overflow: hidden;
border-radius: 20px;
width: auto
}
.phone-slider-bg {
z-index: 1;
position: relative;
pointer-events: none
}
.phone-slider .owl-carousel img {
margin: 0 !important;
width: 100% !important
}
.phone-slider {
position: relative
}
.phone-slider .phone-nav {
position: absolute;
left: 1.16rem;
right: 1rem;
top: .8rem;
height: 20px;
background: url(../img/phone-nav-bar-dark.svg);
z-index: 1;
background-size: contain;
background-repeat: no-repeat
}
@media (min-width: 768px) {
.phone-slider .phone-nav {
left: 1.16rem;
right: 1rem
}
}
.phone-slider .phone-nav.white {
background-image: url(../img/phone-nav-bar-white.svg)
}
.phone-slider .owl-dots {
position: absolute;
bottom: 14%;
width: 100%;
left: 0;
text-align: center
}
.phone-slider .owl-dots button.owl-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #fff;
display: inline-block;
margin: 0 3px
}
.phone-slider .owl-dots button.owl-dot.active {
background: #000
}
.education-icons {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
transform: translate(7%, 3%)
}
@media (min-width: 414px) {
.education-icons {
transform: translate(5%, 3%)
}
}
@media (min-width: 768px) {
.education-icons {
transform: translate(22%, 3%)
}
}
@media (min-width: 1200px) {
.education-icons {
transform: translate(10%)
}
}
@media (min-width: 1600px) {
.education-icons {
transform: translate(1%, 1%)
}
}
.education-icons img {
position: absolute;
width: 0
}
.education-icons img:first-child {
width: 6.6% !important;
top: 15%;
left: 8.1%
}
.education-icons img:nth-child(2) {
width: 8.6% !important;
top: 80.4%;
left: 4.2%;
transform: rotate(21deg)
}
.education-icons img:nth-child(3) {
width: 8.1% !important;
top: 55%;
left: 7%
}
.education-icons img:nth-child(4) {
width: 14.6% !important;
top: 5.5%;
left: -2.9%
}
.education-icons img:nth-child(5) {
width: 5.6% !important;
top: 13.8%;
left: 1.8%
}
.education-icons img:nth-child(6) {
width: 9.6% !important;
top: 24.3%;
left: .6%
}
.education-icons img:nth-child(7) {
width: 9.6% !important;
top: 36.7%;
left: -6.9%
}
.education-icons img:nth-child(8) {
width: 10.1% !important;
top: 63.4%;
left: 3.3%
}
.education-icons img:nth-child(9) {
width: 8.4% !important;
top: -2%;
left: 24.1%
}
.education-icons img:nth-child(10) {
width: 6.6% !important;
top: 93%;
left: 48.1%
}
.education-icons img:nth-child(11) {
width: 29.9% !important;
top: 27.4%;
left: 3.1%
}
.education-icons img:nth-child(12) {
width: 9.4% !important;
top: -16.5%;
left: 60.1%
}
.education-icons img:nth-child(13) {
width: 6.8% !important;
top: 9.2%;
left: 82.8%
}
.education-icons img:nth-child(14) {
width: 27.3% !important;
top: -7.1%;
left: 68.6%
}
.education-icons img:nth-child(15) {
width: 13.6% !important;
top: 48%;
left: 63.1%
}
.education-icons img:nth-child(16) {
width: 6.9% !important;
top: 35.4%;
left: 73.1%
}
.education-icons img:nth-child(17) {
width: 19.2% !important;
top: 10.3%;
left: 62.5%
}
.education-icons img:nth-child(18) {
width: 5% !important;
top: -2.3%;
left: 50.5%
}
.education-icons img:nth-child(19) {
width: 6.8% !important;
top: -8%;
left: 56%
}
.education-icons img:nth-child(20) {
width: 8.3% !important;
top: -.3%;
left: 59.5%
}
.education-icons img:nth-child(21) {
width: 15.6% !important;
top: -7%;
left: 34.1%
}
.education-icons img:nth-child(22) {
width: 12.6% !important;
top: -6.2%;
left: 7.1%;
transform: rotate(-27deg)
}
.education-icons img:nth-child(23) {
width: 22.6% !important;
top: 22.3%;
left: 65.9%
}
.education-icons img:nth-child(24) {
width: 16.6% !important;
top: 84%;
left: .1%;
transform: rotate(24deg)
}
.education-icons img.education-plane {
width: 40.6% !important;
top: 75.5%;
left: 59.1%;
transform: rotate(7deg)
}
.education-icons img:nth-child(26) {
width: 5.6% !important;
top: 93%;
left: -7.9%
}
.slider-btn {
position: absolute;
bottom: 2.2%;
left: 50%;
transform: translateX(-50%);
background: #fff;
border-radius: 10rem;
padding: .4rem 1rem;
font-size: .7rem;
color: #000;
letter-spacing: 0;
width: 68%;
text-align: center
}
.education-plane {
position: absolute;
top: 77%;
width: 48%;
height: 21%;
left: 54%;
overflow: hidden
}
.education-plane .plane.wow {
width: 44% !important;
top: 0;
left: auto;
right: 0;
transform: rotate(9deg)
}
.education-plane img.stripe {
width: 51.6% !important;
top: 21%;
left: 6.1%;
transform: rotate(8deg)
}
.education-plane .stripeCover {
position: absolute;
right: 1%;
width: 0;
height: 100%;
background: #fff
}
@media (max-width: 767px) {
.phone-rupor {
max-width: 20.9rem
}
}
.our-team {
background: linear-gradient(174grad, #00fff0, #005ebe);
position: relative;
padding-top: 37.5%;
padding-bottom: 9.6rem;
overflow: hidden
}
@media (min-width: 768px) {
.our-team {
padding-top: 20.9%;
padding-bottom: 7rem;
margin-top: 6.5rem
}
}
@media (min-width: 1440px) {
.our-team {
padding-top: 21.15rem;
padding-bottom: 6.7rem;
margin-top: 0
}
}
@media (min-width: 1921px) {
.our-team {
padding-top: 27.15rem;
padding-bottom: 8.7rem
}
}
.our-team .container {
position: relative;
z-index: 2
}
@media (min-width: 1440px) {
.our-team .container {
max-width: 1424px
}
}
.our-team:before {
content: "";
position: absolute;
left: 0;
right: 0;
background-image: url(../images/footer-bg-desktop.svg);
background-repeat: no-repeat;
top: 0;
bottom: 0;
z-index: 0;
display: block;
background-size: 254%;
background-position-x: center;
margin-top: -11px
}
@media (min-width: 768px) {
.our-team:before {
background-size: 142%;
background-position-x: 53.8%;
margin-top: -9px
}
}
@media (min-width: 1200px) {
.our-team:before {
background-size: 132%;
background-position-x: 60.1%
}
}
.our-team:after {
content: "";
position: absolute;
left: 0;
right: 0;
background-image: url(../images/our-team-bg-mob.svg);
background-repeat: no-repeat;
z-index: 0;
min-height: 214px;
display: block;
background-position-x: 69%;
background-size: 112%;
background-position-y: bottom;
bottom: -2px
}
@media (min-width: 768px) {
.our-team:after {
background-image: url(../images/our-team-bg.svg);
min-height: 260px;
background-size: 107%;
min-width: auto
}
}
@media (min-width: 1440px) {
.our-team:after {
background-size: 100%;
min-height: 736px
}
}
.our-team p {
padding: 0 1rem;
margin-bottom: .4rem;
font-size: 1.0833333333333333rem
}
@media (min-width: 768px) {
.our-team p {
margin: 0 -.9rem .5rem;
letter-spacing: .05px;
padding: 0
}
}
@media (min-width: 1200px) {
.our-team p {
margin-bottom: .65rem;
font-size: 1rem
}
}
.our-team p strong {
font-weight: 700;
text-transform: uppercase
}
.our-team h2 {
margin-bottom: 1rem
}
@media (min-width: 768px) {
.our-team h2 {
margin-bottom: 1.1rem
}
}
.our-team__content {
text-align: center;
color: #fff;
margin-top: 1.8rem
}
@media (min-width: 768px) {
.our-team__content {
margin-top: -.8rem
}
}
@media (min-width: 1200px) {
.our-team__content {
margin-top: 1.3rem
}
}
.our-team__content h6 {
font-weight: 700;
margin-bottom: .6rem
}
.our-team__content h5 {
font-weight: 700;
margin-bottom: .2rem
}
@media (min-width: 768px) {
.our-team__content h5 {
margin-bottom: 1.4rem
}
}
@media (min-width: 1200px) {
.our-team__content h5 {
margin-bottom: .2rem
}
}
.our-team__content h3 {
font-size: 2.0833333333333335rem;
font-weight: 100;
margin-bottom: 1.2rem
}
.our-team__content .btn.btn-blue {
display: block;
max-width: 82%;
margin: -.2rem auto 0
}
@media (min-width: 768px) {
.our-team__content .btn.btn-blue {
display: inline-block;
font-size: 1.1595833333333332rem;
padding: .58rem 4.45rem .4rem
}
}
@media (min-width: 1200px) {
.our-team__content .btn.btn-blue {
margin-top: -.4rem
}
}
.our-team .owl-carousel {
margin-top: 2.2rem
}
.our-team .owl-carousel .owl-nav button:focus {
outline: none
}
.our-team .owl-carousel .owl-nav button span {
font-size: 0;
background-repeat: no-repeat;
width: 9px;
height: 15px;
background-size: contain;
display: block
}
.our-team .owl-carousel .owl-nav button.owl-next span {
background-image: url(../img/arrow-right-blue.png)
}
.our-team .owl-carousel .owl-nav button.owl-prev span {
background-image: url(../img/arrow-left-blue.png)
}
.our-team .owl-carousel .owl-nav {
position: absolute;
top: 0;
bottom: 25%;
left: -6%;
right: -6%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between
}
.our-team__desktop {
margin-top: 4.3rem;
margin-left: 0;
margin-right: 0
}
@media (min-width: 1024px) {
.our-team__desktop {
padding: 0 1.4rem;
margin-bottom: 2rem
}
}
@media (min-width: 1200px) {
.our-team__desktop {
margin-top: 2.1rem;
padding: 0 1.4rem;
margin-bottom: 0
}
}
.our-team__desktop .col-md {
-ms-flex: 0 0 23.2%;
flex: 0 0 23.2%
}
@media (min-width: 1024px) {
.our-team__desktop .col-md {
-ms-flex: 0 0 18%;
flex: 0 0 18%
}
}
@media (min-width: 1200px) {
.our-team__desktop .col-md {
-ms-flex: 0 0 20%;
flex: 0 0 20%
}
}
#team {
position: relative;
top: -130px
}
.roadmap {
padding: 2.85rem 0
}
@media (min-width: 768px) {
.roadmap {
padding: 1.55rem 0 4.6rem
}
}
@media (min-width: 1600px) {
.roadmap {
padding: 5.35rem 0 7.8rem
}
}
.roadmap h2 {
margin-bottom: 1.1rem
}
@media (min-width: 768px) {
.roadmap h2 {
margin-bottom: 4.3rem
}
}
@media (min-width: 1024px) {
.roadmap h2 {
margin-bottom: 2.2rem
}
}
.roadmap .center .bubble {
opacity: 1
}
.roadmap .bubble {
position: absolute;
background: #f5fafb;
border-radius: 10px;
padding: 1rem .8rem;
bottom: calc(100% + 1.4rem);
opacity: 0;
transition: .3s;
min-width: 19.7rem;
left: 50%;
transform: translateX(-50%);
font-weight: 200;
text-align: center;
line-height: 1.2rem
}
.roadmap .bubble:after {
content: "";
height: 0;
border-style: solid;
border-width: 9px 9px 0;
border-color: #f5fafb transparent transparent;
position: absolute;
bottom: -9px;
left: calc(50% - 9px)
}
@media (min-width: 1024px) {
.roadmap .bubble:after {
bottom: -18px;
left: calc(50% - 18px);
border-width: 18px 18px 0
}
}
.roadmap .date-circle {
width: 5.9rem;
height: 5.9rem;
border-radius: 50%;
background: #fff;
margin: 5.8rem 0;
border: 4px solid #f4f4f4;
text-align: center;
padding-top: .9rem
}
.roadmap .date-circle .month {
font-size: .7rem;
z-index: 1;
position: relative
}
.roadmap .date-circle .year {
display: block;
font-size: 1.4rem;
line-height: 1.1;
z-index: 1;
position: relative
}
.roadmap .date-circle:after {
content: "";
background-image: url(../img/circle.svg);
background-size: cover;
position: absolute;
top: -2.5rem;
left: -2.5rem;
width: 10.9rem;
height: 10.9rem
}
@media (min-width: 1024px) {
.roadmap .date-circle {
margin: 6.4rem 0
}
}
.roadmap .owl-item:last-child:before {
display: none
}
.roadmap .owl-item:before {
content: "";
height: 2px;
background: #005ec2;
background: linear-gradient(90deg, #005ec2 15%, #00fff0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#005ec2", endColorstr="#00fff0", GradientType=1);
left: calc(50% + 3.1rem);
width: calc(100% - .3rem);
position: absolute;
top: 51%
}
@media (min-width: 768px) {
.roadmap .owl-item:before {
width: calc(100% - 6.3rem)
}
}
.roadmap .owl-item:last-child .date-circle:before {
display: none
}
.roadmap-item {
position: relative;
display: block;
margin: 0 auto;
width: 5.9rem
}
.owl-carousel.roadmap-slider:after, .owl-carousel.roadmap-slider:before {
content: "";
background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .85) 85%, #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=1);
top: 5.8rem;
bottom: 5.8rem;
position: absolute;
width: 5rem;
right: 0;
z-index: 1;
pointer-events: none
}
@media (min-width: 1024px) {
.owl-carousel.roadmap-slider:after, .owl-carousel.roadmap-slider:before {
top: 0;
bottom: 0;
width: 8rem
}
}
.owl-carousel.roadmap-slider:after {
background: linear-gradient(90deg, #fff 0, hsla(0, 0%, 100%, .85) 15%, hsla(0, 0%, 100%, 0));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=1);
left: -1px
}
@media (min-width: 768px) {
.roadmap .owl-item:nth-child(2n) .roadmap-item .bubble {
bottom: auto;
top: calc(100% + 1.4rem)
}
.roadmap .owl-item:nth-child(2n) .roadmap-item .bubble:after {
top: -9px;
border-width: 0 9px 9px;
border-color: transparent transparent #f5fafb
}
}
@media (min-width: 768px) and (min-width: 1024px) {
.roadmap .owl-item:nth-child(2n) .roadmap-item .bubble:after {
top: -18px;
left: calc(50% - 18px);
border-width: 0 18px 18px
}
}
@media (min-width: 768px) {
.roadmap .roadmap-item .bubble {
opacity: 1;
height: 5rem;
border-radius: 25px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
}
.text-block__img {
display: block;
margin: 0 auto;
max-width: 76%
}
@media (min-width: 768px) {
.text-block__img {
max-width: 39.9%
}
}
@media (min-width: 1200px) {
.text-block__img {
max-width: 31.9%
}
}
.text-block__content {
padding: 0 1.7rem
}
.text-block h2 {
margin-bottom: .6rem
}
@media (min-width: 1200px) {
.text-block h2 {
margin-top: -.3rem;
margin-bottom: .8rem
}
}
.text-block h3 {
margin-bottom: .6rem;
line-height: 2.1rem
}
@media (min-width: 768px) {
.text-block h3 {
font-size: 2rem;
margin-bottom: 1.1rem
}
}
.text-block p {
margin-bottom: .3rem
}
@media (min-width: 768px) {
.text-block p {
margin-bottom: .6rem
}
}
.page-title {
background-image: url(../images/page-title-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
min-height: 15.2rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: 1.5rem;
overflow: hidden;
position: relative
}
@media (min-width: 768px) {
.page-title {
min-height: 20.4rem;
text-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 5.4rem;
margin-bottom: -5.1rem
}
.page-title:after {
content: "";
background-image: url(../img/page-title-tablet-bg.png);
background-repeat: no-repeat;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: -3px;
background-size: 100%;
min-height: 120px;
background-position-y: bottom
}
}
@media (min-width: 1200px) {
.page-title {
background-image: url(../images/hero-desktop.png);
min-height: 44.4rem;
background-size: 95.1%;
background-position-x: center;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 8.5rem;
margin-bottom: -29.8rem
}
.page-title:after {
display: none
}
.page-title.page-title-blog {
background-image: url(../images/hero-desktop-blog.png);
background-size: 95.8%
}
}
@media (min-width: 1200px) and (min-width: 1920px) {
.page-title.page-title-blog {
min-height: 59.4rem;
margin-bottom: -44.3rem
}
}
@media (min-width: 1200px) and (min-width: 1921px) {
.page-title.page-title-blog {
background-size: 96.3rem
}
}
.page-title-tag {
margin-bottom: 0
}
.page-title-tag h4 {
color: #fff;
margin-bottom: 0;
font-size: 1.2rem;
font-weight: 300;
margin-left: .3rem
}
@media (min-width: 768px) {
.page-title-tag h4 {
margin-bottom: .6rem
}
}
@media (min-width: 768px) {
.page-title-tag {
margin-bottom: 1rem
}
}
@media (min-width: 1200px) {
.page-title-tag {
padding-top: 10rem;
margin-bottom: -24.6rem
}
.page-title-tag h4 {
font-size: 1.4rem;
letter-spacing: 1px;
margin-bottom: 1.1rem
}
}
.page-title h1, .page-title h3 {
color: #fff;
font-weight: 900;
z-index: 1;
position: relative;
font-size: 2.7rem;
margin-bottom: .2rem;
margin-left: .4rem
}
@media (min-width: 768px) {
.page-title h1, .page-title h3 {
font-weight: 700;
font-size: 2.8rem;
letter-spacing: 1px
}
}
.page-title__cards {
position: relative;
z-index: 0
}
.page-title__cards .card-img {
position: absolute;
top: 0;
right: 0;
max-width: 34%;
transform: rotate(-30deg)
}
.page-title__cards .card-img.black-card {
top: -1.8rem
}
@media (min-width: 768px) {
.page-title__cards .card-img.black-card {
bottom: 0;
max-width: 25.6%;
top: 0;
transform: rotate(-46deg)
}
}
@media (min-width: 1200px) {
.page-title__cards .card-img.black-card {
right: 0;
top: 3.2rem;
transform: rotate(-40deg);
max-width: 20.5%
}
}
@media (min-width: 1440px) {
.page-title__cards .card-img.black-card {
max-width: 22.5%;
transform: rotate(-36deg);
right: -.3rem;
top: 2.5rem
}
}
@media (min-width: 1920px) {
.page-title__cards .card-img.black-card {
max-width: 29.2%;
transform: rotate(0deg);
right: -12.1rem;
top: 5.3rem
}
}
.page-title__cards .card-img.blue-card {
top: .2rem;
right: -.2rem;
max-width: 32%
}
@media (min-width: 768px) {
.page-title__cards .card-img.blue-card {
top: 2.7rem;
bottom: 0;
max-width: 21.7%;
right: -1rem;
transform: rotate(-44deg)
}
}
@media (min-width: 1200px) {
.page-title__cards .card-img.blue-card {
top: 5.7rem;
bottom: 0;
max-width: 18.7%;
right: -1rem;
transform: rotate(-44deg)
}
}
@media (min-width: 1440px) {
.page-title__cards .card-img.blue-card {
top: 4.9rem;
bottom: 0;
max-width: 21.7%;
right: -.7rem;
transform: rotate(-46deg)
}
}
@media (min-width: 1920px) {
.page-title__cards .card-img.blue-card {
top: 9.6rem;
bottom: 0;
max-width: 26.7%;
right: -11.5rem;
transform: rotate(-6deg)
}
}
.blog__post.single-post {
box-shadow: none;
position: relative
}
.blog__post.single-post .blog__post__img {
border-radius: 7px;
box-shadow: 0 0 20px rgba(0, 0, 0, .15)
}
@media (min-width: 1200px) {
.blog__post.single-post .blog__post__img {
margin-bottom: 3.2rem
}
}
.blog__post.single-post h1 {
margin-top: 1.8rem;
margin-bottom: 1.1rem;
font-weight: 700;
font-size: 1.85rem
}
@media (min-width: 1200px) {
.blog__post.single-post h1 {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 3.1rem;
letter-spacing: .7px;
margin-bottom: 2.2rem
}
}
.blog__post.single-post .info {
margin-bottom: 1.6rem
}
@media (min-width: 1200px) {
.blog__post.single-post .info {
margin-bottom: 3.2rem
}
}
.blog__post.single-post .post-autor {
color: #000
}
@media (min-width: 1200px) {
.blog__post.single-post .post-autor {
font-size: 1rem;
letter-spacing: .8px
}
}
@media (min-width: 1200px) {
.blog__post.single-post .post-autor--image {
width: 1.2rem;
height: 1.2rem
}
}
.blog__post.single-post .post-autor--image img {
margin-bottom: 0
}
.blog__post.single-post p {
font-size: 1.25rem;
line-height: 2rem;
font-weight: 300;
letter-spacing: -.55px;
margin-bottom: 1.7rem;
text-align: justify
}
@media (min-width: 1200px) {
.blog__post.single-post p {
font-size: 1rem;
line-height: 1.6rem;
letter-spacing: -.45px
}
}
.blog__post.single-post p a {
display: inline-block;
text-decoration: underline;
color: #0eb2da
}
.blog__post.single-post h4 {
font-weight: 700;
font-size: 1.5rem;
letter-spacing: -.65px;
margin-bottom: 2.3rem
}
.blog__post.single-post img {
margin-bottom: 2.2rem;
border-radius: 7px;
width: 100%
}
.blog__post.single-post .post-content h4 {
margin-bottom: 2rem;
margin-top: 1.9rem
}
@media (min-width: 1200px) {
.blog__post.single-post .post-content h4 {
font-size: 1.9rem;
margin-top: 2.3rem;
letter-spacing: .05px;
margin-bottom: 2.6rem
}
}
.blog__post.single-post ul {
padding-left: 2.7rem;
margin-bottom: 2.25rem;
margin-top: -.9rem
}
@media (min-width: 1200px) {
.blog__post.single-post ul {
padding-left: 3.3rem
}
}
.blog__post.single-post ul li {
font-size: 1.2rem;
font-weight: 500;
letter-spacing: -.25px;
line-height: 1.7rem
}
@media (min-width: 1200px) {
.blog__post.single-post ul li {
font-size: 1.2rem;
letter-spacing: -.45px;
margin-bottom: .5rem
}
}
.blog__post.single-post ul li:before {
content: "";
width: 5px;
height: 5px;
display: inline-block;
margin-left: -1.2rem;
margin-right: .8rem;
background: linear-gradient(-47deg, #1cffe1, #0069d4);
border-radius: 50%;
vertical-align: middle
}
@media (min-width: 1200px) {
.blog__post.single-post ul li:before {
width: 10px;
height: 10px;
margin-right: 1rem
}
}
.blog__post.single-post .wp-block-quote p {
font-weight: 700;
font-style: italic;
font-size: 1rem;
margin-bottom: 0;
line-height: 1.5rem;
letter-spacing: -.05px
}
.blog__post.single-post .block-share {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-top: 2rem
}
@media (min-width: 1200px) {
.blog__post.single-post .block-share {
margin-top: 2.2rem
}
}
.blog__post.single-post .block-share h4 {
margin-bottom: 0;
margin-right: .4rem;
letter-spacing: .15px
}
@media (min-width: 1200px) {
.blog__post.single-post .block-share h4 {
font-size: 1.2rem;
margin-right: .3rem
}
}
.blog__post.single-post .block-share .social-link {
border-radius: 50%;
width: 2.7rem;
height: 2.6rem;
margin: 0 .6rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background: linear-gradient(-47grad, #1cffe1, #0069d4);
color: #fff;
font-size: 1.4rem
}
@media (min-width: 1200px) {
.blog__post.single-post .block-share .social-link {
width: 2.1rem;
height: 2.1rem;
margin: 0 .5rem;
font-size: 1.1rem
}
}
@media (min-width: 1200px) {
.blog__post.single-post .post-date {
font-size: 1rem;
letter-spacing: -.4px
}
}
@media (min-width: 1200px) {
.blog__post.single-post .video {
max-width: 52%;
margin: 0 auto 2.4rem
}
}
.wp-block-table {
width: 100%
}
.wp-block-table tr {
border-bottom: 1px solid;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: .9rem;
-ms-flex-align: center;
align-items: center
}
.wp-block-table tr, .wp-block-table tr:first-child {
-o-border-image: linear-gradient(90deg, #19f0e0, #047fd6) 100% 1%;
border-image: linear-gradient(90deg, #19f0e0, #047fd6) 100% 1%
}
.wp-block-table tr:first-child {
border-top: 1px solid
}
@media (min-width: 768px) {
.wp-block-table tr {
font-size: 1.2rem
}
}
.wp-block-table td {
padding: 1.15rem 1.8rem
}
@media (min-width: 768px) {
.wp-block-table td {
padding: 1.4rem 1.7rem;
letter-spacing: -.4px
}
}
.wp-block-table td:first-child {
width: 64%;
border-right: 1px solid #dedede;
padding-right: 15%
}
@media (min-width: 768px) {
.wp-block-table td:first-child {
width: 69.7%;
padding-right: 2rem
}
}
.wp-block-table td:last-child {
width: 25%;
text-align: center
}
@media (min-width: 768px) {
.wp-block-table td:last-child {
width: 30%
}
}
.wp-block-embed {
text-align: center;
margin-bottom: 2rem;
position: relative;
width: 100%;
padding-bottom: 55%
}
.wp-block-embed iframe {
max-width: 100%;
position: absolute;
top: 0;
left: 0
}
@media (min-width: 1024px) {
.wp-block-embed {
padding: 0
}
.wp-block-embed iframe {
position: static;
max-width: none
}
}
@media (max-width: 1023px) {
.wp-block-embed iframe {
height: 100%
}
}
.error404 .content-404 {
min-height: 100vh;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column
}
.error404 .content-404 h1 {
font-size: 12.3rem;
color: #ececec;
margin-bottom: -.7rem
}
@media (min-width: 768px) {
.error404 .content-404 h1 {
font-size: 16.3rem
}
}
.error404 .page-footer, .error404 .page-header {
display: none
}
.logo404 a {
display: inline-block;
margin-right: .7rem;
margin-top: .5rem
}
.logo404 a img {
display: block;
width: 5.5rem
}
@media (min-width: 768px) {
.logo404 a img {
width: 8.5rem
}
}
.logo404 h3 {
display: inline-block;
font-size: 1.2rem;
font-weight: 200;
vertical-align: top;
padding: 1.1rem 0 1.1rem .9rem;
border-left: 2px solid #000
}
@media (min-width: 768px) {
.logo404 h3 {
font-size: 1.9rem
}
}
.back {
margin-top: 4rem;
font-size: 1.9rem;
font-weight: 200;
color: #dbdbdb;
border-bottom: 2px solid;
line-height: 1.2rem
}
.back:hover {
color: #03ffea
}
.btn {
text-transform: uppercase;
font-weight: 700;
font-size: 1.8566666666666667rem
}
.btn:focus {
box-shadow: none
}
.btn.btn-blue {
background: #03ffea;
color: #000;
padding: .775rem .75rem .475rem;
border-radius: 30px;
margin: -.2rem 0;
transition: .3s
}
.btn.btn-blue:hover {
color: #fff;
background: #009cff
}
.btn.btn-hover-white:hover {
background-color: #fff;
color: #000
}
form {
max-width: 82%;
margin: 0 auto
}
@media (min-width: 768px) {
form {
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch;
max-width: 324px;
margin-bottom: 3.9rem
}
}
@media (min-width: 1200px) {
form {
max-width: 663px;
margin-bottom: 3rem;
-ms-flex-pack: center;
justify-content: center
}
}
form .form-group {
max-width: 82%;
margin: 0 auto .8rem
}
@media (min-width: 768px) {
form .form-group {
max-width: 100%;
margin: 0;
width: 62%
}
}
@media (min-width: 1200px) {
form .form-group {
width: 60.9%
}
}
form .btn {
display: block;
width: 100%;
margin: 0
}
@media (min-width: 768px) {
form .btn {
display: inline-block;
padding: .4rem 1.95rem;
width: auto;
font-size: 1rem;
margin-left: 1.1rem;
letter-spacing: .3px
}
}
form .form-control {
background: transparent;
border: none;
border-bottom: 1px solid #000;
text-align: center;
font-weight: 300;
font-size: 1rem;
padding: .175rem .85rem;
color: #000;
border-radius: 0
}
@media (min-width: 768px) {
form .form-control {
background: #fff;
padding: .475rem .95rem;
border-bottom: none;
text-align: left;
border-radius: 20px;
font-size: .8333333333333334rem;
height: 100%
}
}
@media (min-width: 1200px) {
form .form-control {
border-radius: 30px
}
}
form .form-control:focus {
background: transparent;
outline: none;
box-shadow: none
}
@media (min-width: 768px) {
form .form-control:focus {
background: #fff
}
}
form .form-control::-webkit-input-placeholder {
color: #000;
font-weight: 400
}
form .form-control::-moz-placeholder {
color: #000;
font-weight: 400
}
form .form-control:-ms-input-placeholder {
color: #000;
font-weight: 400
}
form .form-control:-moz-placeholder {
color: #000;
font-weight: 400
}
.feature {
text-align: center;
margin-bottom: 1.7rem
}
.feature h5 {
text-transform: uppercase;
margin-bottom: .1rem
}
@media (min-width: 1200px) {
.feature h5 {
margin-bottom: 0
}
}
.feature h3 {
font-size: 2rem;
font-weight: 100
}
@media (min-width: 768px) {
.feature h3 {
font-size: 1.7133333333333332rem
}
}
@media (min-width: 1200px) {
.feature h3 {
font-size: 2rem
}
}
.feature__img {
margin: 0 auto;
display: block;
max-width: 76px;
min-height: 94px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center
}
@media (min-width: 768px) {
.feature__img {
min-height: 67px;
max-width: 47px
}
}
@media (min-width: 1200px) {
.feature__img {
max-width: 100px;
min-height: 180px
}
}
.col-md-4:last-child .feature .feature__img img {
width: 4.8rem
}
.team-member {
color: #fff;
text-align: center
}
@media (min-width: 768px) {
.team-member {
margin-bottom: 2rem
}
}
@media (min-width: 1200px) {
.team-member {
margin-bottom: 2.3rem
}
}
.team-member__img {
border-radius: 50%;
width: 119px;
height: 119px;
margin: 0 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
position: relative
}
@media (min-width: 1440px) {
.team-member__img {
width: 238px;
height: 238px
}
}
@media (min-width: 1600px) {
.team-member__img {
width: 188px;
height: 188px
}
}
.team-member__img img {
display: block;
width: 100%;
max-width: 109px;
max-height: 109px;
border-radius: 50%;
position: relative;
z-index: 1
}
@media (min-width: 1440px) {
.team-member__img img {
max-width: 218px;
max-height: 218px
}
}
@media (min-width: 1600px) {
.team-member__img img {
width: 168px;
height: 168px
}
}
.team-member__img .imgborder {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 50%;
transition: .3s;
border: 3px solid hsla(0, 0%, 100%, .41)
}
@media (min-width: 1440px) {
.team-member__img .imgborder {
border-width: 6px
}
}
.team-member h6 {
margin-top: .4rem;
font-weight: 700;
margin-bottom: -.1rem
}
@media (min-width: 1200px) {
.team-member h6 {
margin-top: .7rem;
margin-bottom: -.25rem
}
}
.team-member .position {
font-size: .75rem;
font-weight: 100
}
.owl-carousel .team-member__img {
border: 3px solid hsla(0, 0%, 100%, .41)
}
@media (min-width: 1440px) {
.owl-carousel .team-member__img {
border-width: 6px
}
}
.superman1 {
position: absolute;
bottom: 11.1%;
left: 27%;
width: 80px;
transform: scaleX(-1) rotate(-32deg)
}
.superman2 {
position: absolute;
bottom: 9.5%;
left: 17%;
width: 53px;
transform: scaleX(1) rotate(49deg)
}
.superman3 {
position: absolute;
bottom: 11.3%;
left: 5%;
width: 80px;
transform: scaleX(1) rotate(1deg)
}
.modal .modal-dialog {
max-width: 325px;
margin: 2.25rem auto
}
@media (min-width: 768px) {
.modal .modal-dialog {
max-width: 328px;
padding-left: 2.8rem
}
}
@media (min-width: 1200px) {
.modal .modal-dialog {
padding-left: 2.9rem;
max-width: 657px
}
}
.modal .modal-content {
border-radius: 16px
}
@media (min-width: 1200px) {
.modal .modal-content {
border-radius: 27px
}
}
.modal .modal-header {
padding: 1.7rem 1.9rem 0;
border-bottom: 0
}
@media (min-width: 768px) {
.modal .modal-header {
padding: 1.3rem 1.5rem 0
}
}
.modal .modal-header h2 {
font-weight: 900;
font-size: 2.245416666666667rem
}
.modal .modal-header .close {
padding: .6rem;
margin: -.6rem -1rem -1rem auto;
font-size: 2.4rem;
opacity: 1;
max-width: 29px
}
@media (min-width: 768px) {
.modal .modal-header .close {
margin: -.9rem -.9rem -1rem auto
}
}
@media (min-width: 1200px) {
.modal .modal-header .close {
max-width: 100%
}
}
.modal .modal-body {
padding: 0 2rem 1rem
}
@media (min-width: 768px) {
.modal .modal-body {
padding: 0 1.5rem .7rem
}
}
@media (min-width: 1200px) {
.modal .modal-body {
padding: 0 1.5rem 1.2rem
}
}
.modal .modal-body p {
letter-spacing: .15px;
margin-bottom: .5rem
}
.modal .modal-body form {
max-width: 100%;
margin: 0
}
@media (min-width: 768px) {
.modal .modal-body form {
display: block
}
}
.modal .modal-body form .form-group {
max-width: 100%;
margin: 0 0 2.2rem;
position: relative
}
@media (min-width: 768px) {
.modal .modal-body form .form-group {
width: 100%;
margin: 0 0 1.9rem
}
}
@media (min-width: 1200px) {
.modal .modal-body form .form-group {
margin: 0 0 2.1rem
}
}
.modal .modal-body form .form-group span.placeholder {
position: absolute;
left: .2rem;
font-size: 1rem;
top: 39%;
transition: .5s;
z-index: 0
}
.modal .modal-body form .form-group .form-control {
text-align: left;
font-size: 1.5770833333333334rem;
padding-left: .1rem;
margin-top: 1.3rem;
border-bottom: 1px solid #707070;
padding-bottom: 0;
line-height: 2rem
}
@media (min-width: 768px) {
.modal .modal-body form .form-group .form-control {
border-radius: 0;
background: transparent;
border-bottom: 1px solid #707070
}
}
.modal .modal-body form .form-group .error {
position: absolute;
right: .2rem;
font-size: .7rem;
letter-spacing: -.3px;
bottom: -1.2rem;
color: #f20101;
transition: .3s;
opacity: 0
}
.modal .modal-body form .form-group.invalid .error {
opacity: 1
}
.modal .modal-body form .form-group.valid, .modal .modal-body form .form-group:focus {
border-color: #009cff;
border-width: 2px
}
.modal .modal-body form .form-group .form-control:focus + span.placeholder, .modal .modal-body form .form-group.valid .form-control + span.placeholder {
color: #009cff;
top: -.6rem;
font-size: .75rem
}
.modal .modal-body form .btn.btn-blue {
margin-top: 3.4rem;
width: 100%;
font-size: 1.8566666666666667rem;
padding: 1.075rem .75rem;
display: block;
margin: 3.4rem auto 0;
line-height: 100%
}
@media (min-width: 768px) {
.modal .modal-body form .btn.btn-blue {
margin: .2rem auto;
width: 160px;
padding: .675rem .75rem;
font-size: 1.1595833333333332rem;
background: #009cff;
color: #fff
}
}
@media (min-width: 1200px) {
.modal .modal-body form .btn.btn-blue {
margin: -.3rem auto;
width: 100%;
max-width: 330px
}
}
.modal-open .modal {
overflow: hidden
}
#coming-soon-modal .modal-dialog {
width: 700px;
max-width: 100%
}
#coming-soon-modal .modal-body {
height: 21rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
#coming-soon-modal .modal-body p {
font-size: 1.48rem;
margin-bottom: -.1rem
}
#coming-soon-modal .modal-body h3 {
font-size: 3.58rem;
font-weight: 400;
color: #adadad
}
#sign-up-modal .modal-content {
transform-style: preserve-3d;
transition: transform .4s;
background: transparent
}
#sign-up-modal .modal-content.signed {
transform: rotateY(180deg)
}
#sign-up-modal .modal-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: rotateY(180deg);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
border-radius: 27px;
z-index: 1
}
#sign-up-modal .modal-back .modal-body {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
height: 89%
}
#sign-up-modal .modal-back h3 {
font-size: 2.3rem;
text-transform: uppercase;
font-weight: 800
}
#sign-up-modal .modal-back p {
font-size: 1rem;
text-transform: uppercase
}
#sign-up-modal .modal-front {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
position: relative;
border-radius: 27px;
background: #fff
}
#contact-modal .modal-dialog {
max-width: 527px;
text-align: center
}
#contact-modal .modal-dialog .btn {
background: #009cff;
color: #fff;
border-radius: 10rem;
font-size: 1.15rem;
padding: .45rem 3.9rem;
margin-bottom: .6rem
}
#contact-modal .modal-dialog span {
display: block;
font-weight: 600;
margin-bottom: .9rem
}
#contact-modal .modal-dialog p {
margin-bottom: .3rem;
margin-top: -.5rem;
line-height: 1.3rem
}
#contact-modal .modal-dialog h3 {
font-weight: 500;
font-size: 1.4rem;
margin-bottom: 1rem
}
#contact-modal .modal-dialog .linked-in-modal {
display: block;
margin-bottom: 1rem
}
#contact-modal .modal-dialog .linked-in-modal img {
width: 9.5rem;
display: inline-block
}
@keyframes a {
0% {
transform: rotate(106deg) translate(50%, -20%);
opacity: 0
}
to {
transform: rotate(0deg) translate(0);
opacity: 1
}
}
.rotateCard {
animation-name: a
}
@keyframes b {
0% {
transform: rotate(-6deg) translate(-55%, -9%);
opacity: 0
}
40% {
transform: rotate(-6deg) translate(0);
opacity: 1
}
to {
transform: rotate(0deg) translate(0);
opacity: 1
}
}
.aboutCard1 {
animation-name: b
}
@keyframes c {
0% {
transform: rotate(15deg) translate(-47%, 35%);
opacity: 0
}
40% {
transform: rotate(15deg) translate(3%, 20%);
opacity: 1
}
to {
transform: rotate(0deg) translate(0);
opacity: 1
}
}
.aboutCard2 {
animation-name: c
}
@keyframes d {
0% {
transform: translate(50%, -20%) rotate(15deg);
opacity: 0
}
50% {
transform: rotate(-5deg) translate(-5%, 5%);
opacity: 1
}
to {
transform: rotate(0deg) translate(0);
opacity: 1
}
}
.aboutStar {
animation-name: d
}
@keyframes e {
0% {
transform: scale(.5);
opacity: 0
}
to {
transform: scale(1);
opacity: 1
}
}
.teamMemberAnimation {
animation-name: e
}
@keyframes f {
0% {
transform: scale(1);
opacity: 0
}
50% {
transform: scale(1);
opacity: 0
}
75% {
transform: scale(1.2);
opacity: 1
}
to {
transform: scale(1);
opacity: 1
}
}
.teamMemberImgAnimation {
animation-name: f
}
@keyframes g {
0% {
bottom: 11.1%;
left: 27%;
transform: scaleX(-1) rotate(-32deg);
opacity: 1
}
99% {
bottom: 50%;
left: 100vw;
transform: scaleX(-1) rotate(-13deg);
opacity: 1
}
to {
opacity: 0
}
}
.superman1animation {
animation-name: g;
opacity: 1;
display: none
}
@media (min-width: 768px) {
.superman1animation {
display: block
}
}
@keyframes h {
0% {
bottom: 9.5%;
left: 17%;
transform: scaleX(1) rotate(49deg);
opacity: 1
}
99% {
bottom: 50%;
left: 100vw;
transform: scaleX(1) rotate(35deg);
opacity: 1
}
to {
opacity: 0
}
}
.superman2animation {
animation-name: h;
opacity: 1;
display: none
}
@media (min-width: 768px) {
.superman2animation {
display: block
}
}
@keyframes i {
0% {
bottom: 11.3%;
left: 5%;
transform: scaleX(1) rotate(1deg);
opacity: 1
}
99% {
bottom: 50%;
left: 100vw;
transform: scaleX(1) rotate(0deg);
opacity: 1
}
to {
opacity: 0
}
}
.superman3animation {
animation-name: i;
opacity: 1;
display: none
}
@media (min-width: 768px) {
.superman3animation {
display: block
}
}
.superman1animation[style*=visibility], .superman2animation[style*=visibility], .superman3animation[style*=visibility] {
transition: opacity 0s 3s;
opacity: 0
}
@keyframes j {
0% {
opacity: 0;
transform: translateX(-70px)
}
to {
opacity: 1;
transform: translateX(0)
}
}
.fadeInLeftMedium {
animation-name: j
}
@keyframes k {
0% {
opacity: 0;
transform: translateX(70px)
}
to {
opacity: 1;
transform: translateX(0)
}
}
.fadeInRightMedium {
animation-name: k
}
@keyframes l {
0% {
opacity: 0;
transform: translateY(70px)
}
40% {
opacity: 1
}
to {
opacity: 1;
transform: translateY(0)
}
}
.fadeInUpMedium {
animation-name: l
}
@keyframes m {
0% {
opacity: 0;
transform: translate(-11.5rem, 7.6rem) rotate(-47deg)
}
50% {
opacity: 1;
transform: translate(-.5rem, -.4rem) rotate(-47deg)
}
to {
opacity: 1;
transform: translateY(0) rotate(-30deg)
}
}
@media (min-width: 768px) {
@keyframes m {
0% {
opacity: 0;
transform: translate(-11.5rem, 7.6rem) rotate(-47deg)
}
50% {
opacity: 1;
transform: translate(-.5rem, -.4rem) rotate(-47deg)
}
to {
opacity: 1;
transform: translateY(0) rotate(-44deg)
}
}
}
@media (min-width: 1440px) {
@keyframes m {
0% {
opacity: 0;
transform: translate(-11.5rem, 7.6rem) rotate(-47deg)
}
50% {
opacity: 1;
transform: translate(-.5rem, -.4rem) rotate(-47deg)
}
to {
opacity: 1;
transform: translateY(0) rotate(-46deg)
}
}
}
@media (min-width: 1920px) {
@keyframes m {
0% {
opacity: 0;
transform: translate(-11.5rem, 7.6rem) rotate(-47deg)
}
50% {
opacity: 1;
transform: translate(-.5rem, -.4rem) rotate(-47deg)
}
to {
opacity: 1;
transform: translateY(0) rotate(-6deg)
}
}
}
.topCard1 {
animation-name: m;
opacity: 0
}
.topCard1[style*="visibility: vis"] {
opacity: 1
}
@keyframes n {
0% {
opacity: 0;
transform: translate(-11rem, 9rem) rotate(-26deg)
}
50% {
opacity: 1;
transform: translateY(1rem) rotate(-26deg)
}
to {
opacity: 1;
transform: translateY(0) rotate(-30deg)
}
}
@media (min-width: 768px) {
@keyframes n {
0% {
opacity: 0;
transform: translate(-11rem, 9rem) rotate(-26deg)
}
50% {
opacity: 1;
transform: translateY(1rem) rotate(-26deg)
}
to {
opacity: 1;
transform: translateY(0) rotate(-46deg)
}
}
}
@media (min-width: 1200px) {
@keyframes n {
0% {
opacity: 0;
transform: translate(-11rem, 9rem) rotate(-26deg)
}
50% {
opacity: 1;
transform: translateY(1rem) rotate(-26deg)
}
to {
opacity: 1;
transform: translateY(0) rotate(-40deg)
}
}
}
@media (min-width: 1440px) {
@keyframes n {
0% {
opacity: 0;
transform: translate(-11rem, 9rem) rotate(-26deg)
}
50% {
opacity: 1;
transform: translateY(1rem) rotate(-26deg)
}
to {
opacity: 1;
transform: translateY(0) rotate(-36deg)
}
}
}
@media (min-width: 1920px) {
@keyframes n {
0% {
opacity: 0;
transform: translate(-11rem, 9rem) rotate(-26deg)
}
50% {
opacity: 1;
transform: translateY(1rem) rotate(-26deg)
}
to {
opacity: 1;
transform: translateY(0) rotate(0deg)
}
}
}
.topCard2 {
animation-name: n;
opacity: 0
}
.topCard2[style*="visibility: vis"] {
opacity: 1
}
@keyframes o {
0% {
width: 97%
}
to {
width: 0
}
}
.stripeAnimation {
animation-name: o
}
@keyframes p {
0% {
top: 82%;
right: 100%;
transform: rotate(-22deg)
}
to {
top: 0;
right: 0;
transform: rotate(9deg)
}
}
.planeAnimation {
animation-name: p
}
@keyframes q {
0% {
opacity: 0;
transform: scale(.3) rotate(24deg)
}
50% {
opacity: 1;
transform: scale(1.05) rotate(24deg)
}
70% {
transform: scale(.9) rotate(24deg)
}
to {
transform: scale(1) rotate(24deg)
}
}
.bounceInFlower {
animation-name: q
}
.dropdown.category-dropdown {
margin-bottom: 1.7rem
}
@media (min-width: 768px) {
.dropdown.category-dropdown {
display: none
}
}
.dropdown.category-dropdown .dropdown-toggle {
background: #fff;
border: none;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #ccc;
width: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: 700;
font-size: 1.8rem;
padding: .65rem 1.55rem;
letter-spacing: .55px
}
@media (min-width: 1024px) {
.dropdown.category-dropdown .dropdown-toggle {
padding: .65rem 9.15rem
}
}
.dropdown.category-dropdown .dropdown-toggle:after {
border: none;
background-image: url(../img/arrow-right.svg);
width: .8rem;
height: 1.4rem;
background-size: contain;
background-repeat: no-repeat;
transform: rotate(100grad);
margin-right: .3rem;
transition: .4s
}
.dropdown.category-dropdown .dropdown-toggle:focus {
outline: none
}
.dropdown.category-dropdown .dropdown-toggle[aria-expanded=true]:after {
transform: rotate(300grad)
}
.dropdown.category-dropdown .dropdown-menu.show {
z-index: 100;
background: #fff;
width: 100%;
margin-top: 0;
border: none;
padding: 0
}
.dropdown.category-dropdown .dropdown-menu .dropdown-item {
border-top: 1px solid #ccc;
font-size: 1.5rem;
font-weight: 700;
padding: .73rem 3.55rem;
letter-spacing: .55px
}
.dropdown.category-dropdown .dropdown-menu .dropdown-item:last-child {
border-bottom: 1px solid #ccc
}
@media (min-width: 1024px) {
.dropdown.category-dropdown .dropdown-menu .dropdown-item {
padding: .73rem 9.55rem
}
}
@media (min-width: 1200px) {
.blog .col-xl {
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%
}
}
.blog.blog-single {
margin-bottom: 3rem
}
.loading-posts {
min-height:1820px;
}
.blog.blog-single .btn {
display: block;
width: 24rem;
margin: .8rem auto;
padding: .775rem .75rem .475rem
}
@media (min-width: 1200px) {
.blog.blog-single .btn {
width: 12.5rem;
margin: .8rem auto;
padding: .575rem .75rem .475rem;
font-size: 1rem
}
}
.blog__post {
border-radius: 7px;
margin: 0 .4rem;
box-shadow: 0 0 13px rgba(0, 0, 0, .15);
margin-bottom: 1.5rem
}
@media (min-width: 768px) {
.blog__post {
margin: 0 0 2.5rem
}
}
@media (min-width: 1200px) {
.blog__post {
margin-bottom: 1.9rem
}
}
.blog__post a {
display: block
}
.blog__post a.blog__post__img {
overflow: hidden
}
.blog__post__img {
border-top-left-radius: 7px;
border-top-right-radius: 7px;
transition: .3s
}
.blog__post__img:hover img {
transform: scale(1.1)
}
@media (min-width: 768px) {
.blog__post__img {
min-height: 178px;
-o-object-fit: cover;
object-fit: cover
}
}
@media (min-width: 1200px) {
.blog__post__img {
min-height: 224px
}
}
.blog__post h3 {
font-weight: 700;
font-size: 1.8rem;
letter-spacing: .45px;
margin-bottom: .3rem
}
@media (min-width: 768px) {
.blog__post h3 {
font-size: 1.5rem;
letter-spacing: .2px;
margin-bottom: .2rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: 3.3rem
}
}
@media (min-width: 1200px) {
.blog__post h3 {
font-size: 1.2rem;
letter-spacing: -.3px;
margin-bottom: .2rem;
min-height: 2.9rem
}
}
.blog__post__content {
padding: 1.8rem 1.6rem 1.5rem;
background: #fff;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px
}
@media (min-width: 768px) {
.blog__post__content {
min-height: 224px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem 1.4rem 1.5rem
}
}
@media (min-width: 1200px) {
.blog__post__content {
min-height: 283px;
padding: .9rem 1.2rem 1.2rem
}
}
.blog__post__content a {
color: #000
}
.blog__post__content .categories {
display: block;
color: #0eb2da
}
.blog__post__content .categories .category {
display: inline-block;
color: #0eb2da;
margin-bottom: .6rem
}
@media (min-width: 768px) {
.blog__post__content .categories .category {
margin-bottom: 1.15rem;
font-weight: 500
}
}
@media (min-width: 1200px) {
.blog__post__content .categories .category {
font-size: .9rem;
letter-spacing: -.2px;
margin-bottom: .85rem;
vertical-align: top
}
}
.blog__post__content p {
font-size: 1.3rem;
letter-spacing: -.15px;
font-weight: 300;
line-height: 2rem;
margin-right: -.85rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
max-height: 7.8rem;
margin-bottom: 1.2rem;
position: relative
}
@media (min-width: 768px) {
.blog__post__content p {
font-size: 1.25rem;
line-height: 1.8rem;
max-height: 7.2rem
}
}
@media (min-width: 1200px) {
.blog__post__content p {
font-size: 1rem;
-webkit-line-clamp: 4;
max-height: 5.7rem;
margin-right: 0;
line-height: 1.4rem
}
}
.blog__post .info {
-ms-flex-pack: justify;
justify-content: space-between
}
.blog__post .info, .blog__post .post-autor {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.blog__post .post-autor {
font-weight: 700;
letter-spacing: .1px
}
@media (min-width: 1200px) {
.blog__post .post-autor {
font-size: .8rem
}
}
.blog__post .post-autor--image {
background: linear-gradient(-47grad, #1cffe1, #0069d4);
border-radius: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 1.4rem;
height: 1.4rem;
margin-right: .4rem
}
@media (min-width: 1200px) {
.blog__post .post-autor--image {
width: 1rem;
height: 1rem
}
}
.blog__post .post-autor--image img {
display: block;
width: 44%
}
.blog__post .post-date {
font-size: .72rem
}
@media (min-width: 768px) {
.blog__post .post-date {
font-size: .9rem
}
}
@media (min-width: 1200px) {
.blog__post .post-date {
font-size: .7rem
}
}
.blog .recent-posts {
margin-top: 4rem
}
.blog .recent-posts h2 {
margin-bottom: 3.1rem;
text-align: center;
width: 100%;
font-size: 1.9rem
}
@media (min-width: 1200px) {
.blog .recent-posts h2 {
font-size: 3.1rem;
margin-bottom: 3.4rem
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.blog .container {
max-width: 940px
}
}
@media (min-width: 1200px) {
.blog.blog-single .categories-list + .container {
max-width: 1023px
}
.single-post .page-title__cards {
left: -9rem;
top: 7rem
}
.col-xl-12 .blog__post__img {
width: 100%;
max-height: 505px;
height: 505px
}
.col-xl-12 .blog__post {
display: -ms-flexbox;
display: flex
}
.col-xl-12 .blog__post a.blog__post__img {
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 66.666667%;
flex: 0 0 68.666667%;
max-width: 68.666667%;
padding-right: 0 !important
}
.col-xl-12 .blog__post a.blog__post__img, .col-xl-12 .blog__post img.blog__post__img {
border-top-right-radius: 0;
border-bottom-left-radius: 7px
}
.col-xl-12 .blog__post .blog__post__content {
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
border-top-right-radius: 7px;
border-bottom-left-radius: 0
}
.col-xl-12 .blog__post .blog__post__content p {
max-height: 14rem
}
}
.pagination {
margin-top: -.05rem
}
@media (min-width: 768px) {
.pagination {
margin-top: .35rem;
position: relative
}
}
@media (min-width: 1024px) {
.pagination {
margin: 0 auto;
margin-top: .85rem
}
}
.pagination .nav-links {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding: 0 .4rem
}
@media (min-width: 768px) {
.pagination .nav-links {
padding: 0
}
}
.pagination .nav-links > div {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: absolute;
left: 50%;
transform: translateX(-50%)
}
.pagination .nav-links > div .page-numbers {
padding: 0 .85rem;
/* cursor: pointer; */
}
.pagination .page-numbers {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
color: #000;
font-size: 1.25rem;
font-weight: 700
}
.pagination .page-numbers.current {
color: #44bfe0;
cursor: default;
}
.pagination .page-numbers.prev img {
margin-right: .9rem
}
.pagination .page-numbers.next img {
margin-left: .9rem
}
.pagination .page-numbers img {
width: .8rem
}
@media (min-width: 768px) {
.pagination .page-numbers img {
width: .7rem
}
}
blockquote.wp-block-quote {
position: relative;
margin-top: -.9rem;
padding: .65rem 1.55rem;
margin-bottom: .6rem
}
@media (min-width: 1200px) {
blockquote.wp-block-quote {
margin-top: -.3rem;
padding: .85rem .65rem .85rem 1.95rem;
margin-bottom: 1.7rem
}
}
blockquote.wp-block-quote:before {
content: "";
width: 2px;
height: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: linear-gradient(0deg, #1cffe1, #0069d4)
}
blockquote.wp-block-quote p {
font-weight: 700;
font-style: italic;
font-size: 1rem;
margin-bottom: 0;
line-height: 1.5rem;
letter-spacing: -.05px
}
.tags {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin-top: 2rem
}
@media (min-width: 1200px) {
.tags {
margin-top: 2.25rem;
-ms-flex-pack: start;
justify-content: flex-start;
margin-left: -.3rem
}
}
.tags .tag {
color: #000;
font-size: 1.25rem;
font-weight: 500;
text-align: center;
margin: .25rem .3rem;
position: relative;
border-radius: 5px;
background: #cacaca;
transition: background .4s;
padding: 1px
}
.tags .tag:before {
content: "";
background: #fff;
position: absolute;
left: 1px;
top: 1px;
right: 1px;
bottom: 1px;
border-radius: 4px;
opacity: 0
}
@media (min-width: 1200px) {
.tags .tag {
margin: .2rem;
font-size: .95rem;
line-height: 1.5rem
}
.tags .tag span {
padding: 0 .7rem
}
}
.tags .tag span {
background: #fff;
display: block;
padding: 3.9px 17.5px;
border-radius: 4px;
position: relative
}
.tags .tag:hover {
background: -webkit-linear-gradient(-47grad, #1cffe1, #0069d4)
}
.tags .tag:hover:before {
opacity: 1
}
.tags .tag:hover span {
background-image: -webkit-linear-gradient(-47grad, #1cffe1, #0069d4);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: background-image .4s
}
.categories-list {
display: none;
position: relative;
margin-bottom: 5rem
}
@media (min-width: 768px) {
.categories-list {
display: block
}
}
@media (min-width: 1200px) {
.categories-list {
margin-bottom: 3.1rem;
margin-top: 1rem
}
}
@media (min-width: 1920px) {
.categories-list {
margin-top: 0
}
}
.categories-list ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center
}
.categories-list ul li {
border: 1px solid transparent;
margin: 0 .6rem;
font-size: 1.1rem;
padding: 0 .5rem;
line-height: 1.5rem;
border-radius: 4px;
color: #fff
}
@media (min-width: 1200px) {
.categories-list ul li {
border-width: 2px;
font-size: 1.4rem;
margin: 0 .45rem;
border-radius: 8px;
padding: .15rem .6rem;
letter-spacing: .75px
}
}
.categories-list ul li.cat-item-all, .categories-list ul li.current-cat {
border-color: #fff
}
.category .categories-list ul li.cat-item-all {
border-color: transparent
}
.categories-list ul a {
color: #fff
}