@charset "UTF-8";

 @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/manrope/static/Manrope-RegularExt.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/manrope/static/Manrope-Regular.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/manrope/static/Manrope-RegularCyr.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/manrope/static/Manrope-RegularCyrExt.woff2) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/manrope/static/Manrope-MediumCyrExt.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/manrope/static/Manrope-MediumCyr.woff2) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/manrope/static/Manrope-MediumExt.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/manrope/static/Manrope-Medium.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/manrope/static/Manrope-SemiBoldExt.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/manrope/static/Manrope-SemiBold.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/manrope/static/Manrope-SemiBoldCyr.woff2) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/manrope/static/Manrope-SemiBoldCyrExt) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/manrope/static/Manrope-BoldExt.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/manrope/static/Manrope-Bold.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/manrope/static/Manrope-BoldCyr.woff2) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/manrope/static/Manrope-BoldCyrExt.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/manrope/static/Manrope-ExtraBoldCyrExt.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/manrope/static/Manrope-ExtraBoldCyr.woff2) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/manrope/static/Manrope-ExtraBoldExt.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/manrope/static/Manrope-ExtraBold.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/open_sans/static/OpenSans-Regular.ttf) format("ttf");
}
@font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/open_sans/static/OpenSans-SemiBold.ttf) format("ttf");
}
@font-face {
font-family: "Open Sans";
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/fonts/open_sans/static/OpenSans-SemiBoldItalic.ttf) format("ttf");
}
body {
margin: 0;
color: #8B95AB;
min-width: 320px;
-webkit-text-size-adjust: 100%;
font: 13px/20px Manrope, "Open Sans", Arial, Helvetica, sans-serif;
background-image: none;
background-repeat: no-repeat;
font-weight: 400;
font-style: normal;
background-color: #d7d6d6;
background-blend-mode: normal;
outline: 0;
}
body.lock {
overflow: hidden;
}
body.lock::before {
display: none;
}
#boxed-wrapper {
overflow: hidden;
display: flex;
flex-direction: column;
min-height: 100vh;
}
#wrapper {
overflow: visible;
display: flex;
flex-direction: column;
min-height: 100vh;
background-color: #ffffff;
width: 100%;
max-width: none;
position: relative;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
#wrapper {
width: auto !important;
}
}
@media only screen and (max-device-width: 640px) {
#wrapper {
width: auto !important;
overflow-x: hidden !important;
}
}
@media only screen and (max-width: 767px) {
#wrapper {
width: auto !important;
}
}
html {
scroll-behavior: smooth;
}
* {
box-sizing: border-box;
}
img {
border-style: none;
vertical-align: top;
max-width: 100%;
height: auto;
}
a {
text-decoration: none;
color: #104bf5;
cursor: pointer;
transition-property: color, background-color, border-color;
transition-duration: 0.2s;
transition-timing-function: linear;
}
a:after, a:before {
transition-property: color, background-color, border-color;
transition-duration: 0.2s;
transition-timing-function: linear;
}
[class*=" icon-"], [class^=icon-] {
font-family: icomoon;
speak: never;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
p, li, td, th {
font-weight: 500;
font-size: 18px;
line-height: 170%;
text-align: justify;
}
@media (max-width: 1199px) {
p, li {
font-size: 16px;
line-height: 170%;
}
}
@media (max-width: 767px) {
p, li {
font-size: 14px;
line-height: 170%;
}
}
#main {
background-color: #ffffff;
background-image: none;
background-repeat: no-repeat;
flex-grow: 1;
padding-left: 0px;
padding-right: 0px;
}
.row {
position: relative;
padding-left: 0px;
padding-right: 0px;
margin: 0 auto;
zoom: 1;
width: 100%;
display: flex;
flex-wrap: wrap;
flex: 1;
width: 100%;
}
@media only screen and (max-width: 991px) {
.row {
max-width: 100%;
}
}
.row.row-minus {
width: 104%;
max-width: calc(100% + 60px);
margin-left: -30px;
margin-right: -30px;
}
.screen-reader, .screen-reader-text {
opacity: 0;
width: 1px;
height: 1px;
visibility: hidden;
display: inline-block;
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
#content {
width: 100%;
float: left;
min-height: 1px;
}
.post-content {
position: relative;
}
.post-content p {
margin: 0 0 20px;
}
.dot-before {
position: relative;
left: 16px;
}
.dot-before:before {
content: "•";
position: absolute;
left: -14px;
font-size: 1.3em;
color: #104bf5;
top: -2px;
}
h1, h2, h3, h4, h5, h6, p, a {
font-family: Manrope, "Open Sans", Arial, Helvetica, sans-serif !important;
}
h1, h2, h3 {
color: #1A2C58 !important;
}
.h1, h1 {
font-weight: 800 !important;
font-size: 60px;
line-height: 120%;
letter-spacing: 1px;
margin-bottom: 40px;
}
@media (max-width: 1199px) {
.h1, h1 {
font-size: 40px;
line-height: 120%;
letter-spacing: 0.7px;
}
}
@media (max-width: 991px) {
.h1, h1 {
font-size: 38px;
line-height: 44px;
letter-spacing: 0.56px;
}
}
@media (max-width: 767px) {
.h1, h1 {
font-size: 36px;
line-height: 50px;
letter-spacing: 0.7px;
}
}
@media (max-width: 575px) {
.h1, h1 {
font-size: 33.3333px;
line-height: 44px;
letter-spacing: 0.56px;
}
}
h2, .h2 {
font-weight: bold !important;
font-size: 40px;
line-height: 120%;
letter-spacing: 1px;
margin-bottom: 20px;
margin-top: 0;
}
@media (max-width: 1199px) {
h2, .h2 {
font-size: 36px;
line-height: 120%;
letter-spacing: 0.7px;
}
}
@media (max-width: 991px) {
h2, .h2 {
font-size: 32px;
line-height: 120%;
}
}
@media (max-width: 767px) {
h2, .h2 {
font-size: 30px;
line-height: 120%;
letter-spacing: 1px;
}
}
@media (max-width: 575px) {
h2, .h2 {
font-size: 28px;
line-height: 34px;
letter-spacing: 0.56px;
}
}
.h3, h3 {
font-weight: 600;
font-size: 30px;
line-height: 140%;
margin-bottom: 15px;
margin-top: 0;
}
@media (max-width: 1199px) {
.h3, h3 {
font-size: 26px;
line-height: 140%;
}
}
@media (max-width: 991px) {
.h3, h3 {
font-size: 24px;
line-height: 140%;
}
}
@media (max-width: 767px) {
.h3, h3 {
font-size: 26px;
line-height: 140%;
}
}
@media (max-width: 575px) {
.h3, h3 {
font-size: 24px;
line-height: 140%;
letter-spacing: 0;
}
}
h4 {
color: #0B0A0A;
}
.h4, h4 {
font-weight: normal !important;
font-size: 20px;
line-height: 30px;
letter-spacing: 0.1px;
margin-bottom: 10px;
margin-top: 0;
}
@media (max-width: 1199px) {
.h4, h4 {
font-size: 18px;
line-height: 150%;
letter-spacing: 0;
}
}
@media (max-width: 991px) {
.h4, h4 {
font-size: 18px;
line-height: 150%;
}
}
@media (max-width: 767px) {
.h4, h4 {
font-size: 20px;
line-height: 30px;
letter-spacing: 0.1px;
}
}
.h5, h5 {
margin-top: 0;
}
p {
color: #9ea0a4;
margin-top: 0;
}
.overheader-tagline p {
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
line-height: 140%;
letter-spacing: 2px;
color: #104bf5;
margin: 0 0 15px 0 !important;
}
.bold, strong {
font-weight: 600;
color: #1A2C58;
}
.button-large {
display: inline-block;
position: relative;
zoom: 1;
border: 1px solid transparent;
cursor: pointer;
box-sizing: border-box;
border-color: #ffffff;
border-radius: 8px;
background: #104bf5;
color: #F7F7FC;
font-weight: 700;
font-size: 18px;
line-height: 156%;
align-items: center;
letter-spacing: 0.75px;
text-transform: none;
transition: all 0.2s;
border-width: 0px;
border-style: solid;
font-style: normal;
padding: 17px 40px;
}
.button-large:hover, .button-large:focus, .button-large:active {
background: #104bf5;
background-image: -webkit-gradient(linear, left bottom, left top, from(#1e0ed1), to(#104bf5));
background-image: -webkit-linear-gradient(bottom, #1e0ed1, #104bf5);
background-image: -moz-linear-gradient(bottom, #1e0ed1, #104bf5);
background-image: -o-linear-gradient(bottom, #1e0ed1, #104bf5);
background-image: linear-gradient(to top, #1e0ed1, #104bf5);
border-color: #ffffff;
}
.visuallyhidden {
display: none;
}
.breadcrumbs {
padding-top: 20px;
margin-top: 0px;
padding-right: 123px;
padding-bottom: 20px;
margin-bottom: 0px;
padding-left: 123px;
display: flex;
justify-content: center;
position: relative;
}
@media only screen and (max-width: 1199px) {
.breadcrumbs {
display: none;
}
}
.breadcrumbs__wrap {
display: flex;
flex-direction: row;
width: 100%;
flex-wrap: wrap;
justify-content: flex-start;
padding-top: 0px !important;
padding-right: 0px !important;
margin-right: 1.92%;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-left: 1.92%;
}
.breadcrumbs__item {
display: flex;
padding-left: 30px;
position: relative;
}
.breadcrumbs__item:before {
content: "•";
position: absolute;
left: 10px;
font-size: 1.3em;
color: #104bf5;
}
.breadcrumbs__item:first-child {
padding-left: 0;
}
.breadcrumbs__item:first-child:before {
content: unset;
}
.breadcrumbs__item-link {
font-size: 16px;
line-height: 150%;
font-weight: 600;
color: #8B95AB;
}
.breadcrumbs__item-link svg {
width: 16px;
height: 16px;
}
.breadcrumbs__item-link.active {
font-weight: 800;
color: #291111;
}
@keyframes animatedBackground {
0% {
transform: rotateZ(0deg);
}
100% {
transform: rotateZ(360deg);
}
}
@keyframes animatedBackground2 {
0% {
transform: rotateZ(0deg);
}
100% {
transform: rotateZ(360deg);
}
}
.header {
position: relative;
z-index: 1000;
}
.header:not(.is-sticky) {
padding: 0 80px;
}
@media (max-width: 1299px) {
.header:not(.is-sticky) {
padding: 0 30px;
}
}
@media (max-width: 991px) {
.header {
padding: 0px !important;
}
}
.header.is-sticky {
padding: 0;
}
.header.is-sticky .header__sticky {
background-color: #ffffff;
box-shadow: rgba(0, 0, 0, 0.12) 0 1px 3px;
position: fixed;
top: 0;
z-index: 210;
max-width: 100%;
width: 100%;
border-bottom: 0;
height: 65px;
overflow: visible;
}
@media (max-width: 1200px) {
.header.is-sticky .header__sticky {
height: auto;
}
}
.header.is-sticky .header-sticky-height { }
.header.is-sticky .header__logo {
top: 0;
}
.header.is-sticky .header__logo img {
max-height: 30px;
}
.header.is-sticky .header__logo-block {
margin-top: 17px;
margin-bottom: 17px;
}
.header.is-sticky .header__menu {
padding: 0 27px 0 0;
}
.header.is-sticky .header__menu li {
padding-right: 35px;
}
.header.is-sticky .header__menu li:last-child {
padding-right: 0px;
}
.header.is-sticky .header__menu li a {
font-size: 14px;
height: 65px;
}
.header.is-sticky .header__menu li.button-menu .menu-button {
font-size: 15px;
line-height: 20px;
}
.header__wrapper {
display: block;
position: relative;
z-index: 1001;
width: 100%;
}
.header__sticky {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: background-color 0.25s ease-in-out;
padding-left: 0px;
padding-right: 0px;
background-color: #ffffff;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: none;
position: absolute;
width: 100%;
top: 0;
}
@media (max-width: 991px) {
.header__sticky {
padding: 20px;
box-shadow: rgba(0, 0, 0, 0.12) 0 1px 3px;
}
}
.header__sticky .row {
width: 100%;
margin-left: 0;
margin-right: 0;
display: block;
}
@media (max-width: 1200px) {
.header__sticky .row {
display: flex;
align-items: center;
justify-content: space-between;
}
}
.header__lang {
top: 4px;
display: flex;
position: relative;
}
@media (max-width: 991px) {
.header__lang {
top: 0px;
}
}
.header-sticky-height {
height: 120px;
transition: height 0.2s linear;
}
@media (max-width: 1200px) {
.header-sticky-height {
height: 75px;
}
}
.header__logo-block {
margin: 40px 27px;
float: left;
max-width: 100%;
zoom: 1;
display: flex;
flex-direction: row;
align-items: center;
}
@media (min-width: 992px) and (max-width: 1240px) {
.header__logo-block {
margin: 40px 10px;
}
}
@media only screen and (max-width: 991px) {
.header__logo-block {
margin: 0 !important;
}
}
.header__logo {
display: flex;
position: relative;
}
.header__logo img {
width: auto;
max-height: 38px;
height: auto;
}
@media (max-width: 1200px) {
.header__logo img {
max-height: 30px !important;
}
}
@media (max-width: 575px) {
.header__logo img {
max-height: 20px !important;
}
}
.header__separator {
height: 14px;
width: 2px;
background: #104BF5;
margin: 0 37px;
position: relative;
top: 4px;
}
@media (max-width: 1299px) {
.header__separator {
margin: 0 20px;
}
}
@media (max-width: 991px) {
.header__separator {
top: 0px;
}
}
.header__menu {
float: right;
position: relative;
z-index: 200;
overflow: hidden;
}
@media (max-width: 991px) {
.header__menu {
display: none;
}
}
.header__menu.is-mobile {
display: inline-block;
width: 100%;
height: 0;
opacity: 0;
position: absolute;
transition: height 0.2s, opacity 0.3s;
}
.header__menu.open {
height: auto;
opacity: 1;
position: fixed;
top: 75px;
background: white;
width: 100%;
left: 0;
right: 0;
padding: 0 !important;
}
.header__menu.open .header-menu li {
width: 100%;
padding-right: 0;
}
.header__menu.open .header-menu li.active a {
color: #104bf5;
}
.header__menu.open .header-menu li.button-menu a {
padding: 0;
}
.header__menu.open .header-menu li.button-menu a .menu-button {
width: 100%;
border-radius: 0;
font-size: 14px;
}
.header__menu.open .header-menu li a {
height: auto;
padding: 10px;
background-color: #f9f9f9;
border-color: #dadada;
font-size: 14px;
text-align: center;
font-weight: 700;
color: #291111;
line-height: 2em;
border-bottom: 1px solid #dadada;
}
.header__menu.open .header-menu li a:after {
content: unset;
}
.header__menu .header-menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
transition: opacity 0.8s cubic-bezier(0.8, 0, 0.25, 1), transform 0.8s cubic-bezier(0.8, 0, 0.25, 1);
}
.header__menu li {
float: left;
margin: 0;
padding: 0;
position: relative;
cursor: pointer;
}
.header__menu li:not(:last-child) {
padding-right: 35px;
}
@media (min-width: 1241px) and (max-width: 1350px) {
.header__menu li:not(:last-child) {
padding-right: 20px;
}
}
@media (min-width: 992px) and (max-width: 1240px) {
.header__menu li:not(:last-child) {
padding-right: 15px;
}
}
.header__menu li:last-child {
padding-right: 0;
}
.header__menu li.button-menu .menu-button {
display: inline-block;
position: relative;
zoom: 1;
border: 1px solid transparent;
text-align: center;
text-decoration: none;
cursor: pointer;
box-sizing: border-box;
background: #104bf5;
font-weight: bold;
font-size: 18px;
line-height: 28px;
letter-spacing: 0.75px;
border-radius: 8px;
color: #F7F7FC;
padding: 13px 29px;
text-transform: none;
transition: all 0.2s;
border-width: 0px;
border-style: solid;
font-style: normal; }
@media (min-width: 1241px) and (max-width: 1350px) {
.header__menu li.button-menu .menu-button {
font-size: 15px;
}
}
@media (min-width: 992px) and (max-width: 1240px) {
.header__menu li.button-menu .menu-button {
font-size: 14px;
}
}
.header__menu li a {
display: flex;
align-items: center;
line-height: 1;
-webkit-font-smoothing: subpixel-antialiased;
box-sizing: content-box;
border-color: transparent;
font-style: normal;
font-weight: 700;
font-size: 16px;
color: #291111;
justify-content: center;
position: relative;
height: 120px;
}
@media (min-width: 1241px) and (max-width: 1350px) {
.header__menu li a {
font-size: 15px;
}
}
@media (min-width: 992px) and (max-width: 1240px) {
.header__menu li a {
font-size: 14px;
}
}
.header__menu li a:after {
content: " ";
position: absolute;
top: calc(50% + 1.15em);
left: 0;
width: 100%;
border-top-style: solid;
transform: scaleX(0);
transition: transform 0.2s ease-in-out;
border-top: 3px solid #104bf5;
}
.header__menu li a:hover {
color: #104bf5;
border-color: #104bf5;
}
.header__menu li .menu-text {
border-color: #ffffff;
}
.header__menu li.active, .header__menu li:hover {
border-color: #104bf5;
color: #104bf5;
}
.header__menu li.active a:after, .header__menu li:hover a:after {
transform: scaleX(1);
}
.header__icons-mobile {
margin-top: 2px;
display: none;
position: relative;
top: 0;
right: 0;
vertical-align: middle;
text-align: right;
flex-direction: row;
}
@media (max-width: 991px) {
.header__icons-mobile {
display: flex;
}
}
.header__icons-mobile icon {
float: right;
font-size: 21px;
margin-left: 20px;
color: #9ea0a4;
}
@media (max-width: 991px) {
.header__icons-mobile .icon {
margin-top: 5px;
float: left;
}
}
@media (max-width: 991px) {
.header__icons-mobile .icon-bars {
margin-left: 15px;
}
}
@media (max-width: 575px) {
.header__icons-mobile .icon-bars {
margin: 5px 0 5px 20px;
}
}
@media (max-width: 575px) {
.header__icons-mobile .icon-search {
margin: 5px 0;
}
}
.header__search-mobile {
display: inline-block;
width: 100%;
height: 0;
opacity: 0;
transition: height 0.2s, opacity 0.3s;
}
@media (min-width: 992px) {
.header__search-mobile {
display: none;
}
}
.header__search-mobile.active {
height: auto;
opacity: 1;
}
.header__search-mobile .searchform {
margin-top: 15px;
}
.header__search-mobile .searchform__form-content {
display: flex;
align-items: center;
overflow: hidden;
width: 100%;
position: relative;
}
.header__search-mobile .searchform__search-field {
flex-grow: 1;
}
.header__search-mobile .searchform__search-field input {
border-radius: 4px;
color: #aaa9a9;
background-color: #ffffff;
font-size: 14px;
height: 50px;
padding-top: 0;
padding-bottom: 0;
border: 1px solid #e8e6ea;
padding: 8px 15px;
padding-left: 50px;
width: 100%;
outline: 0;
}
.header__search-mobile .searchform__button {
position: absolute;
}
.header__search-mobile .searchform__button svg {
position: absolute;
left: 15px;
top: 15px;
z-index: 1;
}
.header__search-mobile .searchform__submit {
width: 50px;
height: 50px;
border: none;
border-radius: 0;
margin: 0;
padding: 0;
cursor: pointer;
background: transparent;
z-index: 2;
position: relative;
opacity: 0;
}
#lang_current {
cursor: pointer;
font-weight: bold;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.2px;
color: #291111;
text-transform: uppercase;
display: flex;
align-items: center;
}
#lang_current svg {
width: 10px;
height: 5px;
margin-left: 10px;
}
#lang_container {
display: none;
z-index: 2000;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
left: -16px;
padding: 8px;
top: 35px;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.12) 0 1px 3px;
}
#lang_container a {
padding: 8px;
cursor: pointer;
font-weight: bold;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.2px;
color: #291111;
text-transform: uppercase;
}
#lang_container a:hover {
background: #F0F4FD;
}
#lang_container.active {
display: flex;
}
footer .footer {
position: relative;
border-top: 0px solid rgba(26, 44, 88, 0.1);
background-color: #eef3f8;
background-size: initial;
background-position: center center;
color: #ffffff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
padding: 32px 80px;
}
@media (max-width: 1199px) {
footer .footer {
padding: 32px 80px;
}
}
@media (max-width: 767px) {
footer .footer {
padding: 16px 40px;
}
}
@media (max-width: 575px) {
footer .footer {
padding: 16px 20px;
}
}
footer .footer__wrap {
margin: 0 -16px;
display: inline-block;
width: 100%;
}
@media (max-width: 991px) {
footer .footer__wrap {
margin: 0;
}
}
footer .footer__column {
padding-left: 16px;
padding-right: 16px;
width: 60%;
float: left;
position: relative;
min-height: 1px;
}
@media only screen and (max-device-width: 640px) {
footer .footer__column {
float: none;
width: 100%;
margin: 0 0 50px;
box-sizing: border-box;
}
}
@media (max-width: 1700px) {
footer .footer__column {
width: 64%;
}
}
@media (max-width: 991px) {
footer .footer__column {
width: 60%;
}
}
@media (max-width: 767px) {
footer .footer__column {
margin: 0 0 15px;
width: 100%;
float: none;
box-sizing: border-box;
padding: 0;
}
}
footer .footer__column:nth-child(2) {
width: 40%;
}
@media (max-width: 1700px) {
footer .footer__column:nth-child(2) {
width: 36%;
}
}
@media (max-width: 991px) {
footer .footer__column:nth-child(2) {
width: 40%;
}
}
@media only screen and (max-device-width: 767px) {
footer .footer__column:nth-child(2) {
float: none;
width: 100% !important;
margin: 0 0 50px;
box-sizing: border-box;
}
}
footer .footer__menu {
text-align: left;
margin-bottom: 33px;
width: 100%;
}
@media (max-width: 767px) {
footer .footer__menu {
margin-bottom: 15px;
}
}
footer .footer__menu ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 12px;
}
@media (max-width: 767px) {
footer .footer__menu ul {
text-align: center;
}
}
footer .footer__menu li {
display: inline-block;
padding: 5px 5px;
margin-right: 24px;
}
@media (max-width: 1400px) {
footer .footer__menu li {
margin-right: 15px;
}
}
footer .footer__menu li a {
color: #291111;
display: inline-block;
padding: 0;
border: 0;
font-size: 16px;
line-height: 150%;
letter-spacing: 0.2px;
font-weight: 700;
}
@media (max-width: 991px) {
footer .footer__menu li a {
font-size: 14px;
}
}
footer .footer__menu li a:hover {
color: #104bf5;
}
footer .footer__menu li.button-menu {
padding: 0;
margin: 0;
}
footer .footer__menu li.button-menu a {
color: #104bf5;
border-left: 2px solid #104BF5;
padding: 0 0 0 20px;
line-height: 1em;
}
footer .footer__copyright, footer .footer__copyright-mobile {
width: 100%;
font-size: 17px;
line-height: 160%;
color: #8B95AB;
margin: 0;
}
@media (max-width: 991px) {
footer .footer__copyright, footer .footer__copyright-mobile {
font-size: 14px;
}
}
@media (max-width: 767px) {
footer .footer__copyright, footer .footer__copyright-mobile {
display: none;
}
}
footer .footer__copyright-mobile {
display: none;
}
@media (max-width: 767px) {
footer .footer__copyright-mobile {
display: block;
font-size: 14px;
text-align: center;
}
}
footer .footer__social {
display: flex;
flex-wrap: wrap;
width: 100%;
height: 34px;
margin-bottom: 33px;
justify-content: flex-end;
}
@media (max-width: 767px) {
footer .footer__social {
justify-content: center;
margin-bottom: 15px;
}
}
footer .footer__social a {
display: inline-block;
padding: 5px;
margin: 0 30px 0 0;
}
footer .footer__social a:last-child {
margin-right: 0;
}
footer .footer__social a svg {
width: 24px;
height: 24px;
}
footer .footer__social a.social-facebook svg path {
fill: #8B95AB;
}
footer .footer__social a.social-instagram svg path {
stroke: #8B95AB;
}
footer .footer__social a:hover.social-facebook svg path {
fill: #1A2C58;
}
footer .footer__social a:hover.social-instagram svg path {
stroke: #1A2C58;
}
footer .footer__social-wrap {
margin: 0 -5.5px;
}
footer .footer__menu-bottom {
width: 100%;
text-align: right;
}
@media (max-width: 767px) {
footer .footer__menu-bottom ul {
text-align: center;
}
}
@media (max-width: 400px) {
footer .footer__menu-bottom ul {
display: flex;
flex-direction: column;
align-items: center;
}
}
footer .footer__menu-bottom li {
margin: 0 0 0 34px;
}
footer .footer__menu-bottom li:first-child {
margin-left: 0;
}
footer .footer__menu-bottom li a {
color: #8B95AB;
letter-spacing: 0;
font-weight: 500;
}
footer .footer__menu-bottom li a:hover {
color: #291111;
}
footer .footer__menu-bottom li.active a {
color: #291111;
}
@media (max-width: 400px) {
footer .footer__menu-bottom li.menu-item {
margin: 0;
}
}
footer .footer-bottom {
background-color: #e6ecf2;
padding: 24px 80px 24px;
z-index: 10;
position: relative;
}
@media (max-width: 1199px) {
footer .footer-bottom {
padding: 32px 80px;
}
}
@media (max-width: 991px) {
footer .footer-bottom {
padding: 16px 80px;
}
}
@media (max-width: 767px) {
footer .footer-bottom {
padding: 16px 40px;
}
}
@media (max-width: 575px) {
footer .footer-bottom {
padding: 16px 20px;
}
}
footer .footer-bottom__notice p {
font-size: 12px;
margin: 0 0 0.5rem;
}
#toTop {
background-color: #333;
border-radius: 4px 4px 0 0;
bottom: 0;
height: 35px;
position: fixed;
text-align: center;
width: 48px;
opacity: 0;
z-index: 100000;
transition: opacity 0.4s ease-in-out, background 0.2s ease-in-out;
line-height: 1;
pointer-events: none;
right: 75px;
border-radius: 6px 6px 0 0;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
#toTop {
display: none;
}
}
#toTop:hover {
background-color: #104bf5;
}
#toTop.active {
pointer-events: auto;
opacity: 0.9;
}
@keyframes slideInTop {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}
.popup {
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
width: 100vw;
height: 100vh;
z-index: 0;
opacity: 0;
pointer-events: none;
transform: translateX(-100%);
}
.popup.active {
z-index: 10000;
opacity: 1;
pointer-events: all;
animation-duration: 300ms;
animation-delay: 150ms;
animation-name: slideInTop;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
backface-visibility: hidden;
}
.popup__wrapper {
overflow-y: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
@media (min-width: 744px) {
.popup__wrapper {
padding-left: 4.0322580645%;
padding-right: 4.0322580645%;
}
}
@media (min-width: 744px) and (max-width: 999px) {
.popup__wrapper {
padding-top: 30px;
}
}
@media (min-width: 1000px) and (max-width: 1199px) {
.popup__wrapper {
padding-top: 5.2083333333%;
padding-left: 11.4583333333%;
padding-right: 11.4583333333%;
}
}
@media (min-width: 1200px) {
.popup__wrapper {
padding-top: 5.2083333333%;
padding-left: 27.0833333333%;
padding-right: 27.0833333333%;
}
}
.popup__body {
background-color: white;
padding: 50px;
border-radius: 8px;
}
@media (max-width: 767px) {
.popup__body {
padding: 30px 15px 70px 15px;
}
}
.popup__body .wpcf7-response-output {
display: none;
}
.popup__body .popup__success {
display: none;
}
.popup__body .popup__success-text {
text-align: center;
padding: 20px;
color: #101010;
font-weight: 700;
font-size: 1.5rem;
line-height: 2.2rem;
}
.popup__body .wpcf7-form.sent .popup__success {
display: block;
}
.popup__body .wpcf7-form.sent .popup__field-wrap, .popup__body .wpcf7-form.sent .popup__btn-wrap {
display: none;
}
.popup__container {
max-width: 100%;
max-height: 95%;
position: relative;
}
@media (max-width: 911px) {
.popup__container {
width: 90% !important;
transform: translateX(-50%);
left: 50%;
top: 50px;
}
}
.popup__content {
width: 100%;
}
.popup__content .wpcf7-form.sent .contact-form {
display: none;
}
.popup__content .wpcf7-form.sent .wpcf7-response-output {
border: 0;
font-size: 18px;
line-height: 140%;
color: black;
text-align: center;
display: block;
margin: 0;
}
.popup__btn-close-wrap {
display: flex;
justify-content: flex-end;
}
.popup__btn-close {
position: absolute;
outline: none;
top: -12px;
right: -12px;
z-index: 10000;
outline: none;
background: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/img/close.png) center center no-repeat;
width: 35px;
height: 35px;
cursor: pointer;
}
@media (min-width: 1700px) {
.popup__field-wrap {
padding: 0 10%;
margin-bottom: 15px;
width: 76.5%;
}
}
@media (max-width: 1919px) {
.popup__field-wrap {
margin-bottom: 7px;
}
}
@media (min-width: 1920px) {
.popup__field-wrap {
padding: 0 121px;
}
}
@media (max-width: 1919px) {
.popup__field-wrap-pos {
margin-bottom: 13px;
}
}
@media (min-width: 1920px) {
.popup__field-wrap-pos {
margin-bottom: 23px;
}
}
@media (max-width: 1919px) {
.popup__field-wrap-check {
margin-bottom: 23px;
}
}
@media (max-width: 1699px) {
.popup__field-wrap-check {
padding-left: 32px;
}
}
@media (min-width: 1700px) and (max-width: 1919px) {
.popup__field-wrap-check {
padding-left: calc(10% + 16px);
}
}
@media (min-width: 1920px) {
.popup__field-wrap-check {
margin-bottom: 36px;
width: 100%;
padding-left: 18.2%;
}
}
.popup__field-wrap-check:hover .certificate-popup__sign::before {
border: 1px solid green;
}
.popup__field-wrap-inner {
position: relative;
}
.popup__field {
padding: 12px 0;
width: 100%;
caret-color: #90c75e;
}
.popup__field::placeholder {
font-weight: 400;
color: rgba(16, 16, 16, 0.6);
}
@media (max-width: 999px) {
.popup__field::placeholder {
font-size: 14px;
line-height: 18px;
}
}
@media (min-width: 1000px) {
.popup__field::placeholder {
font-size: 16px;
line-height: 22px;
}
}
.popup__field-wrap-inner:hover .certificate-popup__field::placeholder {
color: black;
}
.popup__check {
display: none;
}
.popup__sign {
position: relative;
user-select: none;
font-weight: 400;
color: black;
}
@media (max-width: 999px) {
.popup__sign {
font-size: 12px;
line-height: 16px;
}
}
@media (min-width: 1800px) {
.popup__sign {
white-space: nowrap;
}
}
@media (min-width: 1000px) {
.popup__sign {
font-size: 16px;
line-height: 18px;
}
}
.popup__sign:before {
content: "";
box-sizing: border-box;
position: absolute;
border: 1px solid black;
width: 16px;
height: 16px;
transform: translate(-200%, -5%);
top: 0;
bottom: 0;
margin: auto 0;
cursor: pointer;
transition: all 0.3s ease;
}
.popup__check:checked + .popup__sign:before {
background: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/img/icons/check.svg) no-repeat center;
border: 1px solid green;
}
.popup__link {
color: green;
text-decoration: underline;
}
@media (max-width: 743px) {
.popup__link {
display: block;
}
}
@media (min-width: 744px) {
.popup__link {
display: initial;
}
}
@media (min-width: 1920px) {
.popup__btn-wrap {
padding: 0 40px;
}
}
.popup__btn {
font-family: inherit;
cursor: pointer;
font-weight: 700;
font-size: 24px;
line-height: 30px;
background-color: green;
color: white;
width: 100%;
transition: all 0.3s ease;
}
@media (max-width: 1199px) {
.popup__btn {
height: 80px;
}
}
@media (min-width: 1200px) and (max-width: 1499px) {
.popup__btn {
height: 90px;
}
}
@media (min-width: 1500px) and (max-width: 1699px) {
.popup__btn {
height: 100px;
}
}
@media (min-width: 1700px) {
.popup__btn {
height: 112px;
}
}
.popup__btn:hover {
filter: drop-shadow(0px 4px 14px rgba(104, 139, 16, 0.6));
}
.popup__btn:active {
opacity: 0.6;
}
.contact-form {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
position: relative;
}
.contact-form__title {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.contact-form__title h3 {
font-size: 40px;
line-height: 120%;
text-align: center;
font-weight: 500;
margin-top: 40px;
}
@media (max-width: 767px) {
.contact-form__title h3 {
font-size: 30px;
line-height: 100%;
}
}
.contact-form__title h3:after {
display: block;
content: "━";
color: #104bf5;
}
.contact-form__fields {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.contact-form__fields label {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.contact-form__fields input:not([type=checkbox]), .contact-form__fields textarea:not([type=checkbox]), .contact-form__fields select:not([type=checkbox]) {
height: 52px;
font-weight: 500;
font-size: 14px;
color: #323755;
padding: 16px 18px;
border-radius: 4px;
width: 100%;
background-color: #fff;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
line-height: 1.42857143;
display: block;
margin: 0;
letter-spacing: 1px;
}
.contact-form__fields select {
text-transform: none;
}
.contact-form__fields textarea {
overflow: auto;
height: 114px !important;
}
.contact-form__fields input:focus, .contact-form__fields textarea:focus, .contact-form__fields select:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(102, 175, 233, 0.6);
}
.contact-form__fields input::placeholder, .contact-form__fields textarea::placeholder, .contact-form__fields select::placeholder {
color: #9ea0a4;
}
.contact-form__fields input.wpcf7-not-valid, .contact-form__fields textarea.wpcf7-not-valid, .contact-form__fields select.wpcf7-not-valid {
color: #B94A48;
background-color: #F2DEDE;
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.contact-form__name {
width: 50%;
display: flex;
flex-direction: column;
padding: 0 5px;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.contact-form__name {
width: 100%;
}
}
.contact-form__phone {
width: 50%;
display: flex;
flex-direction: column;
padding: 0 5px;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.contact-form__phone {
width: 100%;
}
}
.contact-form__email {
width: 100%;
display: flex;
flex-direction: column;
padding: 0 5px;
margin-bottom: 10px;
}
.contact-form__message {
width: 100%;
display: flex;
flex-direction: column;
padding: 0 5px;
margin-bottom: 10px;
}
.contact-form__select {
width: 100%;
display: flex;
flex-direction: column;
padding: 0 5px;
margin-bottom: 10px;
}
.contact-form__file {
width: 100%;
display: flex;
flex-direction: column;
padding: 0 5px;
margin-bottom: 10px;
}
.contact-form__file input[type=file] {
position: absolute;
left: 0;
opacity: 0;
top: 0;
bottom: 0;
width: 100%;
border: 0;
padding: 0;
border-radius: 0;
height: 80px;
z-index: 100;
}
.contact-form__file .filenames {
display: flex;
flex-direction: column;
width: 100%;
}
.contact-form__file .filename {
color: #291111;
padding: 5px;
position: relative;
top: 0px;
width: 100%;
}
.contact-form__file .filename .filename-clear {
position: relative;
color: #a94442;
width: 20px;
height: 20px;
top: 0px;
font-size: 12px;
display: inline-block;
text-align: center;
z-index: 101;
cursor: pointer;
}
.contact-form__accept {
width: 100%;
display: flex;
flex-direction: column;
padding: 0 5px;
margin-bottom: 10px;
}
.contact-form__accept label {
font-weight: 600;
font-size: 14px;
line-height: 143%;
color: #8B95AB;
cursor: pointer;
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
max-width: 100%;
clip: unset !important;
height: auto !important;
position: relative !important;
width: 100% !important;
}
.contact-form__accept input[type=checkbox] {
margin-left: -20px;
-webkit-appearance: checkbox;
box-sizing: border-box;
padding: 0;
margin-right: 12px;
height: auto;
}
.contact-form__accept a {
color: #2a6496;
text-decoration: underline;
}
.contact-form__dropzone {
margin-top: 16px;
margin-bottom: 22px;
display: flex;
flex-direction: column-reverse;
background: rgba(47, 128, 237, 0.1);
border: 1px dashed #2F80ED;
box-sizing: border-box;
border-radius: 4px;
padding: 0;
height: auto;
width: 100%;
position: relative;
}
.contact-form__dropzone.dragover {
background-color: #aaa;
}
.contact-form__dropzone .wpcf7-not-valid-tip {
padding: 5px;
position: absolute;
top: 0px;
width: 100%;
}
.contact-form__dropzone-text {
background-color: transparent;
border: none;
font-weight: 500;
font-size: 14px;
line-height: 170%;
text-align: center;
color: #8B95AB;
padding: 27px 0;
transition: all 0.4s;
display: block;
width: 100%;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.contact-form__submit {
width: 100%;
display: flex;
flex-direction: column;
padding: 0 5px;
justify-content: flex-end;
margin: 15px 0 10px 0;
}
.contact-form__submit input[type=submit] {
background: #104bf5;
border-radius: 6px;
padding: 11px 27px;
font-weight: bold;
font-size: 16px;
line-height: 175%;
letter-spacing: 0.75px;
color: #F7F7FC;
-webkit-appearance: button;
cursor: pointer;
border-color: #ccc;
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
border: 1px solid transparent;
white-space: nowrap;
height: 52px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: auto;
}
.contact-form__submit-wrap {
width: 100%;
display: flex;
justify-content: flex-end;
}
.wpcf7-spinner {
left: 50%;
top: 50%;
position: absolute !important;
transform: translate(-50%, -50%);
margin: 0 !important;
}
.wpcf7-not-valid-tip {
color: #a94442 !important;
}
.popup__field-wrap-check label:before {
content: "";
box-sizing: border-box;
position: absolute;
border: 1px solid #101010;
width: 16px;
height: 16px;
transform: translate(-200%, -5%);
top: 0;
bottom: 0;
margin: auto 0;
cursor: pointer;
transition: 0.3s;
}
.popup__field-wrap-check:hover label:before {
border: 1px solid #9acf16;
}
.popup__field-wrap .wpcf7-not-valid-tip {
display: none;
}
.popup__field-wrap input.wpcf7-not-valid {
color: #DE1717;
}
.popup__field-wrap input.wpcf7-not-valid + .popup__line:after {
background-color: #DE1717;
}
.popup__field-wrap-check label.checked:before {
border: 1px solid #9acf16;
}
.popup__field-wrap-check label.checked:after {
left: -10px;
top: 4px;
width: 7px;
height: 4px;
border-radius: 0;
border-left: 2px solid #90C75E;
border-bottom: 2px solid #90C75E;
-webkit-transform: translate(-200%, -5%) rotate(-45deg);
-moz-transform: translate(-200%, -5%) rotate(-45deg);
-o-transform: translate(-200%, -5%) rotate(-45deg);
-ms-transform: translate(-200%, -5%) rotate(-45deg);
transform: translate(-200%, -5%) rotate(-45deg);
content: "";
cursor: pointer;
position: absolute;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
opacity: 1;
}
@media (max-width: 743px) {
.popup__field-wrap-check label.checked:after {
top: 16px;
}
}
@media (min-width: 1800px) {
.certificate-popup__field-wrap-check label {
white-space: nowrap;
}
}
@media (min-width: 1000px) {
.certificate-popup__field-wrap-check label {
font-size: 1rem;
}
}
.certificate-popup__field-wrap-check label {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
font-weight: 400;
color: #101010;
}
#screen_one {
overflow: visible;
position: relative;
display: flex;
justify-content: center;
z-index: 2;
padding: 60px 60px 0 224px;
max-height: 670px;
margin: 0;
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
border-width: 0 0 1px 0;
border-color: #cad4d8;
border-style: solid;
}
@media (max-width: 1824px) {
#screen_one {
padding: 60px 5vw 0 10vw;
max-height: initial;
}
}
@media (max-width: 767px) {
#screen_one {
padding: 30px 20px;
}
}
@media (max-width: 575px) {
#screen_one {
padding: 33px 20px 0 20px;
}
}
#screen_one .screen-one__items {
margin: 0 auto;
position: relative;
z-index: 10;
display: flex;
flex-wrap: wrap;
flex: 1;
width: 100%;
align-items: flex-start;
justify-content: center;
align-content: flex-start;
max-width: 104%;
margin-left: -2%;
margin-right: -2%;
}
#screen_one .screen-one__item {
position: relative;
float: left;
margin-top: 0px;
margin-bottom: 20px;
display: flex;
}
#screen_one .screen-one__item-wrap {
justify-content: flex-start;
width: 100%;
display: flex;
flex-direction: column;
}
#screen_one .screen-one__item-toptext {
display: flex;
align-items: baseline;
max-width: calc(100vw - 160px);
}
#screen_one .screen-one__item-title {
margin-bottom: 50px;
}
@media only screen and (max-device-width: 640px) {
#screen_one .screen-one__item-title {
margin-bottom: 20px !important;
}
}
@media only screen and (max-width: 991px) {
#screen_one .screen-one__item-title {
margin-bottom: 30px !important;
}
}
@media (max-width: 767px) {
#screen_one .screen-one__item-title {
margin-bottom: 22px !important;
margin-top: 12px;
}
}
#screen_one .screen-one__item-title h1 {
font-size: 60px;
line-height: 120%;
letter-spacing: 1px;
text-align: left;
padding: 0;
margin: 0;
}
@media (max-width: 1599px) {
#screen_one .screen-one__item-title h1 {
font-size: 54px;
letter-spacing: 1px;
line-height: 66px;
}
}
@media (max-width: 1400px) {
#screen_one .screen-one__item-title h1 {
font-size: 50px;
line-height: 132%;
letter-spacing: 0.9px;
}
}
@media (max-width: 1199px) {
#screen_one .screen-one__item-title h1 {
font-size: 44px;
line-height: 132%;
letter-spacing: 0.8px;
}
}
@media (max-width: 991px) {
#screen_one .screen-one__item-title h1 {
font-size: 40px;
line-height: 110%;
letter-spacing: 0.7px;
}
}
@media (max-width: 767px) {
#screen_one .screen-one__item-title h1 {
font-size: 36px;
line-height: 132%;
letter-spacing: 0.6px;
max-width: 100%;
}
}
@media (max-width: 575px) {
#screen_one .screen-one__item-title h1 {
font-size: 33.3333px;
line-height: 132%;
letter-spacing: 0.555556px;
}
}
#screen_one .screen-one__item-title h1 span {
color: #104bf5;
}
#screen_one .screen-one__item-text {
max-width: 650px;
margin-bottom: 50px;
}
@media (max-width: 767px) {
#screen_one .screen-one__item-text {
max-width: 100%;
}
}
@media (max-width: 575px) {
#screen_one .screen-one__item-text {
margin-bottom: 35px;
}
}
#screen_one .screen-one__item-text p {
font-weight: bold;
font-size: 18px;
line-height: 170%;
color: #8B95AB;
text-align: left;
margin-bottom: 0;
}
@media (max-width: 991px) {
#screen_one .screen-one__item-text p {
font-size: 16px;
line-height: 150%;
}
}
@media (max-width: 575px) {
#screen_one .screen-one__item-text p {
font-size: 14px;
line-height: 170%;
margin-bottom: 0;
}
}
#screen_one .overheader-tagline p {
text-align: left;
}
#screen_one .item-first {
width: 50%;
margin-top: 0px;
margin-bottom: 20px;
}
@media (max-width: 767px) {
#screen_one .item-first {
width: 100%;
}
}
#screen_one .item-first .screen-one__item-wrap {
padding-top: 0px !important;
padding-right: 0px !important;
margin-right: 0;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-left: 3.84%;
}
@media only screen and (max-width: 991px) {
#screen_one .item-first .screen-one__item-wrap {
margin-right: 0;
margin-left: 3.84%;
}
}
@media only screen and (max-width: 767px) {
#screen_one .item-first .screen-one__item-wrap {
margin-right: 1.92%;
margin-left: 1.92%;
}
}
#screen_one .screen-one__item-image-top-mobile {
display: none;
position: absolute;
top: -20px;
right: 0;
}
@media (max-width: 767px) {
#screen_one .screen-one__item-image-top-mobile {
display: block;
}
}
#screen_one .item-second {
max-height: 670px;
overflow: visible;
justify-content: flex-start;
width: 50%;
}
@media (max-width: 991px) {
#screen_one .item-second {
width: 50%;
}
}
@media (max-width: 767px) {
#screen_one .item-second {
width: 100%;
}
}
@media (max-width: 440px) {
#screen_one .item-second {
justify-content: center;
}
}
#screen_one .item-second .screen-one__item-wrap {
padding-top: 0px !important;
padding-right: 0px !important;
margin-right: 3.84%;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-left: 3.84%;
}
@media only screen and (max-width: 767px) {
#screen_one .item-second .screen-one__item-wrap {
margin-right: 1.92%;
margin-left: 1.92%;
}
}
#screen_one .screen-one__item-image {
display: inline-block;
z-index: 1;
overflow: visible;
position: relative;
vertical-align: middle;
max-width: 100%;
line-height: 1;
width: 100%;
}
@media (max-width: 767px) {
#screen_one .screen-one__item-image {
display: none;
}
}
#screen_one .screen-one__item-image:before {
content: "";
position: absolute;
z-index: -1;
top: -130px;
left: -140px;
display: block;
height: 100%;
width: 100%;
background-image: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/img/lewe-kolo-phone.svg);
background-size: 55%;
background-repeat: no-repeat;
background-position: center;
animation: animatedBackground 28s linear infinite;
}
@media (max-width: 1440px) {
#screen_one .screen-one__item-image:before {
top: -19%;
left: -22%;
background-size: 55%;
}
}
#screen_one .screen-one__item-image:after {
content: "";
position: absolute;
z-index: -1;
bottom: -33px;
right: -140px;
display: block;
height: 100%;
width: 100%;
background-image: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/img/prawe-kolo-phone.svg);
background-size: 55%;
background-repeat: no-repeat;
background-position: center;
animation: animatedBackground2 36s linear infinite;
}
@media (max-width: 1440px) {
#screen_one .screen-one__item-image:after {
bottom: -5%;
right: -22%;
background-size: 55%;
}
}
#screen_one .screen-one__item-image-mobile {
display: none;
z-index: 1;
overflow: visible;
position: relative;
vertical-align: middle;
max-width: 100%;
line-height: 1;
width: 100%;
}
@media (max-width: 767px) {
#screen_one .screen-one__item-image-mobile {
display: inline-block;
margin: 0 auto;
max-height: 665px;
max-width: 400px;
display: block;
overflow: visible;
}
}
@media (max-width: 440px) {
#screen_one .screen-one__item-image-mobile {
height: auto;
position: relative;
}
}
@media (max-width: 767px) {
#screen_one .screen-one__item-image-mobile img {
position: relative;
left: 22px;
}
}
@media (max-width: 575px) {
#screen_one .screen-one__item-image-mobile img {
left: 35px;
}
}
@media (max-width: 440px) {
#screen_one .screen-one__item-image-mobile img {
max-width: 400px;
left: calc(100% - 375px);
}
}
@media (max-width: 400px) {
#screen_one .screen-one__item-image-mobile img {
left: calc(100% - 350px);
}
}
@media (max-width: 375px) {
#screen_one .screen-one__item-image-mobile img {
left: calc(100% - 340px);
}
}
@media (max-width: 350px) {
#screen_one .screen-one__item-image-mobile img {
left: calc(100% - 330px);
}
}
@media (min-width: 768px) {
#screen_one .cards-info-container__buttons.screen-one__version {
display: none;
}
}
@media (max-width: 767px) {
#screen_one .cards-info-container__buttons.screen-one__version {
display: flex;
gap: 1rem;
justify-content: center;
}
}
@media (max-width: 350px) {
#screen_one .cards-info-container__buttons.screen-one__version {
flex-direction: column;
gap: 0.5rem;
justify-content: center;
align-items: center;
}
}
#screen_two {
padding: 173px 224px 160px;
z-index: 1;
position: relative;
display: flex;
justify-content: center;
background-color: #ffffff;
background-image: linear-gradient(180deg, #f5f9fe 0%, #ffffff 100%);
background-position: center center;
background-repeat: no-repeat;
border-width: 0px 0px 0px 0px;
border-color: #eae9e9;
border-style: solid;
}
@media (max-width: 1440px) {
#screen_two {
padding: 173px 10vw 160px;
}
}
@media (max-width: 1199px) {
#screen_two {
padding: 100px 10vw 90px;
}
}
@media (max-width: 991px) {
#screen_two {
padding: 60px 10vw 50px;
}
}
@media (max-width: 767px) {
#screen_two {
padding: 50px 20px;
}
}
#screen_two .screen-two__block {
position: relative;
float: left;
width: 100%;
margin-top: 0px;
display: flex;
}
@media (max-width: 991px) {
#screen_two .screen-two__block {
flex-direction: column;
}
}
#screen_two .screen-two__block-wrap {
padding-top: 0px !important;
padding-right: 0px !important;
margin-right: 1.92%;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-left: 1.92%;
justify-content: flex-start;
width: 100%;
display: flex;
flex-direction: column;
}
@media (max-width: 991px) {
#screen_two .screen-two__block-wrap {
margin: 0;
}
}
#screen_two .screen-two__toptext {
text-align: center;
}
#screen_two .screen-two__title {
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
text-align: center;
}
#screen_two .screen-two__title h2 {
margin: 0;
text-align: center;
}
#screen_two .screen-two__text {
text-align: center;
}
#screen_two .screen-two__text p {
text-align: center;
font-size: 18px;
line-height: 170%;
}
#screen_two .screen-two__benslider {
width: 1200px;
overflow: unset;
}
@media (max-width: 1280px) {
#screen_two .screen-two__benslider {
width: 100%;
}
}
#screen_two .screen-two__benslider .swiper-pagination-bullet {
border-radius: 0;
width: 50px;
height: 3px;
border: 0;
background: #dfedfb;
margin: 0 13px;
opacity: 1;
}
#screen_two .screen-two__benslider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #104bf5;
}
#screen_two .benefit-slide {
padding: 20px;
}
@media (max-width: 767px) {
#screen_two .benefit-slide {
padding: 60px;
}
}
#screen_two .benefit-slide__image {
padding-top: 150px;
position: relative;
}
@media (max-width: 767px) {
#screen_two .benefit-slide__image {
display: flex;
align-items: center;
justify-content: center;
}
}
#screen_two .benefit-slide__caption {
z-index: 12;
font-family: Manrope;
height: auto;
text-decoration: none;
white-space: normal;
width: 320px;
min-height: 0px;
min-width: 0px;
max-height: none;
max-width: none;
text-align: left;
line-height: 34px;
letter-spacing: 0px;
font-weight: 800;
font-size: 24px;
transform-origin: 50% 50%;
opacity: 1;
transform: translate(0px, 0px);
visibility: visible;
margin: 40px 0;
}
@media (max-width: 1280px) {
#screen_two .benefit-slide__caption {
width: auto;
line-height: 20px;
font-size: 18px;
margin: 25px 0;
}
}
@media (max-width: 767px) {
#screen_two .benefit-slide__caption {
width: 280px;
line-height: 25px;
font-size: 22px;
}
}
#screen_two .benefit-slide__list {
display: flex;
flex-direction: column;
}
#screen_two .benefit-slide__image img {
max-height: 150px;
width: auto;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
#screen_two .benefit-slide__list-item {
z-index: 9;
font-family: Manrope;
height: auto;
color: #8B95AB;
text-decoration: none;
white-space: normal;
width: 300px;
min-height: 0px;
min-width: 0px;
max-height: none;
max-width: none;
text-align: left;
line-height: 26px;
letter-spacing: 2px;
font-weight: 500;
font-size: 18px;
transform-origin: 50% 50%;
opacity: 1;
transform: translate(0px, 0px);
visibility: visible;
padding-left: 34px;
height: 52px;
overflow: hidden;
margin-bottom: 5px;
}
@media (max-width: 1280px) {
#screen_two .benefit-slide__list-item {
width: 100%;
line-height: 24px;
font-size: 14px;
letter-spacing: 1px;
}
}
@media (max-width: 767px) {
#screen_two .benefit-slide__list-item {
width: 100%;
font-size: 18px;
line-height: 26px;
}
}
#screen_two .benefit-slide__list-item:before {
content: "";
position: absolute;
background-image: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/img/tick-icon.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 24px;
height: 24px;
left: 0;
top: 0px;
}
#text_slider {
display: flex;
justify-content: center;
position: relative;
padding: 0 188px;
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
border-width: 0px 0px 0px 0px;
border-color: #eae9e9;
border-style: solid;
}
@media (max-width: 1440px) {
#text_slider {
padding: 0 10vw;
}
}
@media (max-width: 1199px) {
#text_slider {
padding-top: 80px;
padding-right: 100px;
padding-bottom: 80px;
padding-left: 100px;
}
}
@media (max-width: 1024px) {
#text_slider {
padding-top: 50px;
padding-right: 30px;
padding-bottom: 50px;
padding-left: 30px;
}
}
@media (max-width: 992px) {
#text_slider {
padding-top: 50px;
padding-right: 0px;
padding-bottom: 50px;
padding-left: 0px;
}
}
@media (max-width: 767px) {
#text_slider {
padding-top: 50px;
padding-right: 25px;
padding-bottom: 50px;
padding-left: 25px;
}
}
#text_slider .text-slider__block {
position: relative;
float: left;
width: 100%;
margin-top: 0px;
display: flex;
justify-content: center;
}
@media (max-width: 1199px) {
#text_slider .text-slider__block {
flex-direction: column;
}
}
#text_slider .text-slider__block-wrap {
padding-top: 0px !important;
padding-right: 0px !important;
margin-right: 1.92%;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-left: 1.92%;
justify-content: flex-start;
width: 100%;
display: flex;
flex-direction: column;
}
@media (max-width: 1199px) {
#text_slider .text-slider__block-wrap {
margin: 0;
}
}
#text_slider .text-slider__textslider {
width: 100%;
overflow: hidden;
}
#text_slider .text-slide {
height: 600px;
padding: 30px 100px;
}
@media (max-width: 1024px) {
#text_slider .text-slide {
height: auto;
padding: 30px 60px;
}
}
@media (max-width: 767px) {
#text_slider .text-slide {
height: auto;
padding: 0;
margin-bottom: 20px;
}
}
#text_slider .text-slide__image {
position: absolute;
display: block;
pointer-events: auto;
right: 200px;
top: 0;
z-index: 8;
visibility: visible;
perspective: 600px;
}
@media (min-width: 993px) and (max-width: 1280px) {
#text_slider .text-slide__image {
right: 100px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
#text_slider .text-slide__image {
right: 60px;
}
}
@media (max-width: 767px) {
#text_slider .text-slide__image {
display: none;
}
}
#text_slider .text-slide__image img {
position: relative;
height: 100%;
width: 100%;
max-height: 600px;
}
@media (min-width: 993px) and (max-width: 1280px) {
#text_slider .text-slide__image img {
max-height: 520px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
#text_slider .text-slide__image img {
max-height: 440px;
}
}
#text_slider .text-slide__line {
z-index: 15;
background-color: #104bf5;
color: white;
width: 32px;
height: 4px;
min-height: 0px;
min-width: 0px;
max-height: none;
max-width: none;
transform-origin: 50% 50%;
opacity: 1;
transform: translate(0px, 0px);
visibility: visible;
}
#text_slider .text-slide__caption {
z-index: 14;
font-family: Manrope;
height: auto;
text-decoration: none;
white-space: normal;
width: 450px;
min-height: 0px;
min-width: 0px;
max-height: none;
max-width: none;
text-align: left;
line-height: 42px;
letter-spacing: 0px;
font-size: 30px;
transform-origin: 50% 50%;
opacity: 1;
transform: translate(0px, 0px);
visibility: visible;
margin: 20px 0 40px 0;
}
@media (max-width: 1199px) {
#text_slider .text-slide__caption {
width: 100%;
}
}
@media (min-width: 992px) and (max-width: 1280px) {
#text_slider .text-slide__caption {
width: 420px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#text_slider .text-slide__caption {
width: 375px;
}
}
@media (max-width: 991px) {
#text_slider .text-slide__caption {
line-height: 33px;
font-size: 24px;
font-weight: 800;
}
}
#text_slider .text-slide__text {
margin-bottom: 40px;
height: 200px;
overflow: hidden;
}
@media (min-width: 992px) and (max-width: 1280px) {
#text_slider .text-slide__text {
width: 420px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#text_slider .text-slide__text {
width: 375px;
}
}
@media (max-width: 991px) {
#text_slider .text-slide__text {
overflow: visible;
height: auto;
}
}
#text_slider .text-slide__text p {
z-index: 13;
background-color: rgba(255, 255, 255, 0);
font-family: Manrope;
height: auto;
color: #8B95AB;
text-decoration: none;
white-space: normal;
width: 400px;
min-height: 0px;
min-width: 0px;
max-height: none;
max-width: none;
text-align: left;
line-height: 30px;
letter-spacing: 0px;
font-weight: 500;
font-size: 18px;
transform-origin: 50% 50%;
opacity: 1;
transform: translate(0px, 0px);
visibility: visible;
}
@media (max-width: 1280px) {
#text_slider .text-slide__text p {
width: 100%;
}
}
@media (max-width: 991px) {
#text_slider .text-slide__text p {
line-height: 30px;
font-size: 18px;
}
}
#text_slider .swiper-pagination {
bottom: 0;
}
#text_slider .text-slide__list {
display: flex;
flex-direction: column;
}
@media (min-width: 992px) and (max-width: 1199px) {
#text_slider .text-slide__list {
width: 420px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#text_slider .text-slide__list {
width: 375px;
}
}
#text_slider .text-slide__list-item {
z-index: 9;
font-family: Manrope;
height: auto;
color: #1A2C58;
text-decoration: none;
white-space: normal;
width: 360px;
min-height: 0px;
min-width: 0px;
max-height: none;
max-width: none;
text-align: left;
line-height: 26px;
letter-spacing: 0px;
font-weight: 800;
font-size: 18px;
transform-origin: 50% 50%;
opacity: 1;
transform: translate(0px, 0px);
visibility: visible;
padding-left: 40px;
overflow: hidden;
margin-bottom: 16px;
}
@media (max-width: 767px) {
#text_slider .text-slide__list-item {
width: 100%;
}
}
#text_slider .text-slide__list-item:before {
content: "";
position: absolute;
background-image: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/img/tick-icon.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 24px;
height: 24px;
left: 0;
top: 0px;
}
#text_slider .swiper-pagination-bullet {
margin: 0 10px !important;
background: #e5e5e5;
opacity: 1;
}
#text_slider .swiper-pagination-bullet-active {
background: #104bf5;
}
#text_slider .swiper-navigation {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
height: 40px;
z-index: 1000;
}
@media (max-width: 767px) {
#text_slider .swiper-navigation {
display: none;
}
}
#text_slider .swiper-prev, #text_slider .swiper-next {
width: 40px;
height: 40px;
background: #F0F4FD;
border-radius: 3px;
cursor: pointer;
z-index: 1000;
position: absolute;
}
#text_slider .swiper-prev svg, #text_slider .swiper-next svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
#text_slider .swiper-prev:hover, #text_slider .swiper-next:hover {
background: #104bf5;
}
#text_slider .swiper-prev:hover svg path, #text_slider .swiper-next:hover svg path {
fill: white;
}
#text_slider .swiper-prev {
left: 0;
transform: rotate(180deg);
}
#text_slider .swiper-next {
right: 0;
}
#cards-home-section {
padding: 165px 123px 122px 99px;
display: flex;
justify-content: center;
position: relative;
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
border-width: 0px 0px 0px 0px;
border-color: #eae9e9;
border-style: solid;
}
@media (max-width: 1199px) {
#cards-home-section {
padding-top: 80px;
padding-right: 100px;
padding-bottom: 80px;
padding-left: 100px;
}
}
@media (max-width: 991px) {
#cards-home-section {
padding-top: 50px;
padding-right: 50px;
padding-bottom: 50px;
padding-left: 50px;
}
}
@media (max-width: 767px) {
#cards-home-section {
padding-top: 50px;
padding-right: 25px;
padding-bottom: 50px;
padding-left: 25px;
}
}
#cards-home-section #cards-container {
width: 55%;
display: flex;
position: relative;
float: left; }
@media (max-width: 767px) {
#cards-home-section #cards-container {
width: 100%;
}
}
#cards-home-section #cards-info-container {
width: 45%;
display: flex;
position: relative;
float: left;
}
@media (max-width: 767px) {
#cards-home-section #cards-info-container {
width: 100%;
}
}
#cards-home-section .cards-container__wrap {
padding-top: 0px !important;
padding-right: 0px !important;
margin-right: 42.5px;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-left: 0;
justify-content: flex-end;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
@media (max-width: 1199px) {
#cards-home-section .cards-container__wrap {
margin: 0px;
margin-bottom: 45px;
}
}
@media (max-width: 767px) {
#cards-home-section .cards-container__wrap { }
}
#cards-home-section .cards-container__image {
display: inline-block;
z-index: 1;
overflow: hidden;
position: relative;
vertical-align: middle;
max-width: 100%;
line-height: 1; }
#cards-home-section .cards-container__image.is_animated:before {
content: "";
position: absolute;
z-index: -1;
display: block;
height: 100%;
width: 100%;
background-image: url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/img/samolot-1.svg), url(//www.rebellpay.com/wp-content/themes/rebellpay/assets/img/samolot-2.svg);
background-size: auto;
background-repeat: no-repeat;
background-position: top left 38%, bottom right 50%;
animation: animatedBackground 45s linear infinite;
transform-origin: center;
}
@media (min-width: 768px) and (max-width: 1199px) {
#cards-home-section .cards-container__image.is_animated:before {
z-index: auto;
}
}
@media (max-width: 1199px) {
#cards-home-section .cards-container__image.is_animated:before {
background-size: 25%, 8%;
}
}
@media (max-width: 991px) {
#cards-home-section .cards-container__image.is_animated:before {
background-size: 23%, 7%;
}
}
#cards-home-section .cards-info-container__wrap {
padding-top: 0px !important;
padding-right: 0px !important;
margin-right: 42.5px;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-left: 42.5px;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
@media (max-width: 1199px) {
#cards-home-section .cards-info-container__wrap {
margin: 0px;
}
}
#cards-home-section .cards-container__title-mobile {
display: none;
}
@media (max-width: 767px) {
#cards-home-section .cards-container__title-mobile {
display: block;
}
}
#cards-home-section .cards-container__title-mobile h3 {
padding: 0;
text-align: left;
margin-top: 0;
margin-bottom: 30px;
}
@media (max-width: 1499px) {
#cards-home-section .cards-container__title-mobile h3 {
margin-bottom: 45px;
}
}
#cards-home-section .cards-container__title-mobile h3:before {
content: "━";
position: absolute;
top: -40px;
color: #104bf5;
}
@media (max-width: 767px) {
#cards-home-section .cards-info-container__title {
display: none;
}
}
#cards-home-section .cards-info-container__title h3 {
padding: 0;
text-align: left;
margin-top: 0;
margin-bottom: 80px;
font-weight: 500;
font-size: 30px;
line-height: 140%;
}
#cards-home-section .cards-info-container__title h3:before {
content: "━";
position: absolute;
top: -40px;
color: #104bf5;
}
#cards-home-section .cards-info-container__list {
display: flex;
flex-direction: column;
}
#cards-home-section .cards-info-container__item-caption {
position: relative;
}
#cards-home-section .cards-info-container__item-caption img {
position: absolute;
width: 32px;
height: auto;
top: 0;
left: 0;
}
#cards-home-section .cards-info-container__item-caption h4 {
font-weight: normal;
font-size: 20px;
line-height: 30px;
letter-spacing: 0.1px;
margin-bottom: 27px;
text-align: left;
padding-left: 60px;
margin-top: 0;
}
#cards-home-section .cards-info-container__item-text p {
font-size: 18px;
line-height: 170%;
color: #8B95AB;
text-align: left;
margin-bottom: 46px;
}
#cards-home-section .cards-info-container__buttons {
display: flex;
flex-direction: row;
}
#cards-home-section .cards-info-container__button {
margin-right: 20px;
max-width: 48%;
}
#cards-home-section .cards-info-container__button:last-child {
margin-right: 0;
}
#shield-home-section {
position: relative;
display: flex;
justify-content: center;
padding-top: 100px;
margin-top: 0px;
padding-right: 240px;
padding-bottom: 100px;
margin-bottom: 0px;
padding-left: 240px;
margin-left: 0px;
margin-right: 0px;
background-color: #ffffff;
}
@media (max-width: 1550px) {
#shield-home-section {
padding-right: 150px;
}
}
@media (max-width: 1199px) {
#shield-home-section {
padding-top: 80px;
padding-right: 100px;
padding-bottom: 80px;
padding-left: 100px;
}
}
@media (max-width: 991px) {
#shield-home-section {
padding-top: 50px;
padding-right: 50px;
padding-bottom: 50px;
padding-left: 50px;
}
}
@media (max-width: 767px) {
#shield-home-section {
padding-top: 50px;
padding-right: 25px;
padding-bottom: 50px;
padding-left: 25px;
}
}
@media (min-width: 992px) {
#shield-home-section .row {
justify-content: center;
}
}
#shield-home-section #desktop-shield {
position: relative;
float: left;
width: 33.3333333333%;
margin-top: 0px;
align-self: stretch;
margin-bottom: 0;
display: flex;
}
@media screen and (max-width: 991px) {
#shield-home-section #desktop-shield {
display: none;
}
}
#shield-home-section #shield-info {
position: relative;
float: left;
width: 66.6666666667%;
margin-top: 0px;
align-self: flex-start;
margin-bottom: 0;
display: flex;
}
@media (max-width: 1199px) {
#shield-home-section #shield-info { }
}
@media (max-width: 991px) {
#shield-home-section #shield-info {
width: 100%;
}
}
#shield-home-section .desktop-shield__wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
justify-content: center;
padding-top: 0px !important;
padding-right: 0px !important;
margin-right: 42.5px;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-left: 42.5px;
}
#shield-home-section .desktop-shield__image {
display: inline-block;
z-index: 1;
overflow: hidden;
position: relative;
vertical-align: middle;
max-width: 100%;
line-height: 1;
max-width: initial;
width: 340px;
height: 340px;
right: 42px;
}
#shield-home-section .shield-info__wrap {
padding-top: 0px !important;
padding-right: 0px !important;
margin-right: 42.5px;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-left: 42.5px;
justify-content: flex-start;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
@media only screen and (max-width: 991px) {
#shield-home-section .shield-info__wrap {
margin: 0px;
justify-content: center;
}
}
@media (max-width: 767px) {
#shield-home-section .shield-info__top-text p {
text-align: left;
}
}
#shield-home-section #mobile-shield {
display: none;
}
@media (max-width: 991px) {
#shield-home-section #mobile-shield {
margin: 39px auto;
display: block;
width: 100%;
}
}
@media screen and (max-width: 767px) {
#shield-home-section #mobile-shield {
display: block;
}
}
@media (max-width: 991px) {
#shield-home-section .mobile-shield__image {
width: 185px;
height: 185px;
margin: 0 auto;
}
}
#shield-home-section .shield-info__title h2 {
margin-top: 0;
}
@media (max-width: 991px) {
#shield-home-section .shield-info__title h2 {
text-align: center;
}
}
#shield-home-section .shield-info__text p {
text-align: left;
font-size: 18px;
line-height: 170%;
}
@media (max-width: 991px) {
#shield-home-section .shield-info__text p {
margin-bottom: 0;
text-align: center;
}
}
@media (max-width: 767px) {
#shield-home-section .shield-info__text p {
text-align: left;
}
}
#shield-home-section .shield-info__icons {
display: flex;
flex-direction: row;
width: 100%;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 50px;
}
@media (max-width: 991px) {
#shield-home-section .shield-info__icons {
justify-content: center;
}
}
#shield-home-section .shield-info__icon {
margin-right: 40px;
}
@media (max-width: 575px) {
#shield-home-section .shield-info__icon {
margin-right: 12px;
}
}
#shield-home-section .shield-info__icon:last-child {
margin-right: 0px;
}
#blog-home-section {
padding-top: 100px;
margin-top: 0px;
padding-right: 120px;
padding-bottom: 100px;
margin-bottom: 0px;
padding-left: 120px;
display: flex;
justify-content: center;
position: relative;
background-color: #ffffff;
}
@media (max-width: 1199px) {
#blog-home-section {
padding-top: 80px;
padding-right: 100px;
padding-bottom: 80px;
padding-left: 100px;
}
}
@media (max-width: 991px) {
#blog-home-section {
padding-top: 50px;
padding-right: 50px;
padding-bottom: 50px;
padding-left: 50px;
}
}
@media (max-width: 767px) {
#blog-home-section {
padding-top: 50px;
padding-right: 25px;
padding-bottom: 50px;
padding-left: 25px;
}
}
#blog-home-section .blog-home__wrap {
flex-direction: column;
display: flex;
width: 100%;
justify-content: flex-start;
padding-top: 0px !important;
padding-right: 0px !important;
margin-right: 1.92%;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-left: 1.92%;
}
@media (max-width: 991px) {
#blog-home-section .blog-home__wrap {
margin: 0;
}
}
#blog-home-section .blog-home__top-text {
text-align: center;
}
#blog-home-section .blog-home__title {
text-align: center;
display: block;
}
#blog-home-section .blog-home__title h2 {
margin-bottom: 58px;
padding: 0;
text-align: center;
margin-top: 0;
}
@media (max-width: 767px) {
#blog-home-section .blog-home__title h2 {
margin-bottom: 34px;
text-align: left;
}
}
#blog-home-section .blog-home__articles {
position: relative;
}
#blog-home-section .home-article {
width: 33.33333333%;
display: inline-flex;
float: left;
padding: 17px;
position: relative;
left: 0px;
top: 0px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#blog-home-section .home-article {
width: 50% !important;
}
}
@media (max-width: 767px) {
#blog-home-section .home-article {
padding: 0;
width: 100%;
}
}
#blog-home-section .home-article:hover .home-article__content-link h2 {
color: #104bf5 !important;
}
#blog-home-section .home-article__wrap {
width: 100%;
display: flex;
flex-direction: column;
background-color: rgba(255, 255, 255, 0);
border: 1px solid #ffffff;
border-bottom-width: 3px;
}
#blog-home-section .home-article__image {
position: relative;
}
#blog-home-section .home-article__image-wrap {
display: flex;
flex-direction: column;
justify-content: center;
max-height: 353px;
height: 17vw;
overflow: hidden;
position: relative;
}
@media (max-width: 991px) {
#blog-home-section .home-article__image-wrap {
max-height: initial;
height: 22vw;
}
}
@media (max-width: 767px) {
#blog-home-section .home-article__image-wrap {
height: 250px;
}
}
#blog-home-section .home-article__image-wrap a {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
border-radius: 6px;
}
#blog-home-section .home-article__content-wrap {
padding: 30px 0px 25px 25px;
}
@media (max-width: 767px) {
#blog-home-section .home-article__content-wrap {
padding: 30px 0 25px 0px;
}
}
#blog-home-section .home-article__content {
display: flex;
flex-direction: column;
margin-bottom: 20px;
word-wrap: break-word;
}
#blog-home-section .home-article__content-link {
display: flex;
flex-direction: column;
}
#blog-home-section .home-article__content-link h2 {
order: 2;
margin-top: 0;
margin-bottom: 5px;
font-size: 24px;
line-height: 130%;
color: #1A2C58;
font-weight: 600;
}
@media (max-width: 991px) {
#blog-home-section .home-article__content-link h2 {
font-size: 22px;
}
}
@media (max-width: 575px) {
#blog-home-section .home-article__content-link h2 {
font-size: 20px;
}
}
#blog-home-section .home-article__content-date {
display: flex;
order: 1;
margin: 0 0 24px 0;
}
#blog-home-section .home-article__content-date span {
font-weight: 500;
font-size: 18px;
line-height: 160%;
color: #59617A;
}
#blog-home-section .home-article__content-date span:after {
content: "•";
position: relative;
left: 10px;
font-size: 1.3em;
color: #104bf5;
}
#blog-home-section .home-article__blog-button {
text-align: center;
}
#faq-home-section {
padding-top: 100px;
margin-top: 0px;
padding-right: 282px;
padding-bottom: 100px;
margin-bottom: 0px;
padding-left: 282px;
display: flex;
justify-content: center;
position: relative;
}
@media (max-width: 1199px) {
#faq-home-section {
padding-top: 80px;
padding-right: 100px;
padding-bottom: 80px;
padding-left: 100px;
}
}
@media (max-width: 991px) {
#faq-home-section {
padding-top: 50px;
padding-right: 50px;
padding-bottom: 50px;
padding-left: 50px;
}
}
@media (max-width: 767px) {
#faq-home-section {
padding-top: 50px;
padding-right: 25px;
padding-bottom: 50px;
padding-left: 25px;
}
}
#faq-home-section .faq-home__wrap {
position: relative;
float: left;
width: 100%;
margin-top: 0px;
display: flex;
flex-direction: column;
justify-content: flex-start;
padding-top: 0px !important;
padding-right: 0px !important;
margin-right: 1.92%;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-left: 1.92%;
}
@media (max-width: 991px) {
#faq-home-section .faq-home__wrap {
margin: 0;
}
}
#faq-home-section .faq-home__top-text {
text-align: center;
}
#faq-home-section .faq-home__title {
text-align: center;
}
#faq-home-section .faq-home__title h2 {
margin-bottom: 77px;
margin-top: 0;
}
@media (max-width: 767px) {
#faq-home-section .faq-home__title h2 {
margin-bottom: 62px;
}
}
#faq-home-section .faq-home__anchors {
margin-bottom: 20px;
text-align: center;
font-weight: 500;
font-size: 18px;
line-height: 170%;
}
#faq-home-section .faq-home__anchors a:not(:last-child):after {
content: "•";
position: relative;
left: 1px;
font-size: 1.3em;
color: #eae9e9;
top: 2px;
padding: 0 3px;
}
@media (max-width: 1199px) {
#faq-home-section .faq-home__anchors a {
font-size: 16px;
}
}
@media (max-width: 767px) {
#faq-home-section .faq-home__anchors a {
font-size: 14px;
}
}
#faq-home-section .faq-home__item-title h3 {
margin-top: 0;
padding-top: 100px;
}
#faq-home-section .faq-home__item-list {
width: 100%;
}
#faq-home-section .faq-home__item-list-row {
width: 100%;
display: flex;
flex-direction: column;
box-shadow: none;
border: none;
border-bottom: 1px solid #e5e4e3;
border-radius: 0;
background-clip: padding-box;
border-color: #e0dede;
position: relative;
}
#faq-home-section .faq-home__item-list-row.active .faq-arrow {
transform: rotate(180deg);
}
#faq-home-section .faq-home__item-question {
position: relative;
padding: 30px 0;
align-items: center;
justify-content: space-between;
display: flex;
align-items: center;
cursor: pointer;
width: 100%;
}
@media (max-width: 767px) {
#faq-home-section .faq-home__item-question {
min-height: 100px;
}
}
#faq-home-section .faq-home__item-question h4 {
position: relative;
font-size: 20px;
line-height: 27px;
display: flex;
align-items: center;
color: #0B0A0A;
margin-bottom: 0px;
width: calc(100% - 40px);
}
#faq-home-section .faq-arrow {
border: 2px solid #104BF5;
border-radius: 50%;
background: transparent;
color: #104BF5 !important;
font-weight: 700;
width: 28px;
height: 28px;
transform: rotate(0deg);
transition: transform 0.3s;
}
#faq-home-section .faq-arrow svg {
position: relative;
left: 6px;
top: 1px;
stroke: #104bf5;
}
#faq-home-section .faq-home__item-answer {
height: 0;
transition: height 0.3s;
overflow: hidden;
}
#faq-home-section .faq-home__item-answer-wrap {
font-weight: 500;
font-size: 18px;
line-height: 170%;
text-align: justify;
color: #8B95AB;
padding: 10px 0 15px;
margin-bottom: 20px;
}
@media (max-width: 767px) {
#faq-home-section .faq-home__item-answer-wrap {
font-size: 15px;
}
}
#bottomtext-home-section {
padding-top: 100px;
margin-top: 0px;
padding-right: 282px;
padding-bottom: 20px;
margin-bottom: 0px;
padding-left: 282px;
display: flex;
justify-content: center;
position: relative;
}
@media (max-width: 1199px) {
#bottomtext-home-section {
padding-top: 80px;
padding-right: 100px;
padding-bottom: 80px;
padding-left: 100px;
}
}
@media (max-width: 991px) {
#bottomtext-home-section {
padding-top: 50px;
padding-right: 50px;
padding-bottom: 50px;
padding-left: 50px;
}
}
@media (max-width: 767px) {
#bottomtext-home-section {
padding-top: 50px;
padding-right: 25px;
padding-bottom: 50px;
padding-left: 25px;
}
}
#bottomtext-home-section .bottomtext__wrap {
display: flex;
flex-direction: column;
width: 100%;
justify-content: flex-start;
padding-top: 0px !important;
padding-right: 0px !important;
margin-right: 1.92%;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-left: 1.92%;
}
@media (max-width: 991px) {
#bottomtext-home-section .bottomtext__wrap {
margin: 0;
}
}
#bottomtext-home-section .bottomtext__wrap p {
margin-bottom: 0;
}
#screen_one {
padding: 60px 5vw 60px 10vw;
max-height: initial;
}
@media (max-width: 1824px) {
#screen_one {
padding: 60px 5vw 60px 8vw;
}
}
@media (max-width: 991px) {
#screen_one {
padding: 40px;
}
}
@media (max-width: 767px) {
#screen_one {
padding: 30px 20px;
}
}
#screen_one .item-first {
width: 50%;
margin-top: 0;
margin-bottom: 20px;
z-index: 10;
}
@media (max-width: 767px) {
#screen_one .item-first {
width: 60%;
}
}
#screen_one .item-first .screen-one__item-wrap {
margin-right: 3.84%;
margin-left: 3.84%;
}
@media (max-width: 767px) {
#screen_one .item-first .screen-one__item-wrap {
margin-right: 1.92%;
margin-left: 1.92%;
}
}
@media (max-width: 575px) {
#screen_one .item-first h1 {
font-size: 30px;
}
}
#screen_one .screen-one__item-title {
text-shadow: 0px 0 5px white;
}
#screen_one .screen-one__item-text {
margin-bottom: 20px;
}
@media (max-width: 575px) {
#screen_one .screen-one__item-text {
margin-bottom: 160px;
}
}
#screen_one .screen-one__item-form .subscription-form__fields {
flex-wrap: nowrap;
}
@media (max-width: 991px) {
#screen_one .screen-one__item-form .subscription-form__fields {
flex-wrap: wrap;
}
#screen_one .screen-one__item-form .subscription-form__fields .subscription-form__submit, #screen_one .screen-one__item-form .subscription-form__fields input[type=submit] {
width: 100%;
margin: 0;
}
}
@media (max-width: 575px) {
#screen_one .screen-one__item-form .subscription-form__fields {
position: absolute;
width: calc(100vw - 60px);
bottom: 0;
}
}
#screen_one .screen-one__item-form #afterSubmit .afterText {
background: #eef3f8;
padding: 5%;
}
#screen_one .screen-one__item-form #afterSubmit .afterImg {
display: block;
margin: 0 auto 0 0;
}
#screen_one .item-second {
max-height: 700px;
overflow: visible;
justify-content: flex-start;
width: 50%;
}
@media (max-width: 991px) {
#screen_one .item-second {
width: 50%;
}
}
@media (max-width: 767px) {
#screen_one .item-second {
margin-left: 5%;
width: 30%;
}
}
@media (max-width: 575px) {
#screen_one .item-second img {
width: 100%;
}
}
#screen_one .item-second .screen-one__item-wrap {
margin-right: 0;
margin-left: 3.84%;
}
@media (max-width: 767px) {
#screen_one .item-second .screen-one__item-wrap {
margin-right: 1.92%;
margin-left: 1.92%;
}
}
#screen_one .screen-one__item-wrap {
text-align: right;
}
#screen_one .screen-one__item-image {
display: inline-block;
}
#screen_one .screen-one__item-image:before, #screen_one .screen-one__item-image:after {
content: none !important;
}
@media (max-width: 1199px) {
#screen_one .screen-one__item-image {
display: none;
}
}
#screen_one .screen-one__item-image-tablet {
display: none;
}
@media (min-width: 768px) and (max-width: 1199px) {
#screen_one .screen-one__item-image-tablet {
display: inline-block;
}
}
#screen_one .screen-one__item-image-mobile {
display: inline-block;
}
@media (min-width: 768px) {
#screen_one .screen-one__item-image-mobile {
display: none;
}
}
#screen_one .screen-one__item-image-mobile img {
left: 0;
}
@media (min-width: 500px) and (max-width: 575px) {
#screen_one .screen-one__item-image-mobile img {
height: 400px;
width: auto;
}
}
.standalone-form {
padding: 30px 10vw;
background-color: #eef3f8;
}
@media (max-width: 575px) {
.standalone-form {
padding: 0 25px 50px;
}
}
.standalone-form .standalone-form__wrap {
width: 100%;
font-style: normal;
}
.standalone-form form {
margin: 0 auto;
width: 50%;
}
@media (max-width: 991px) {
.standalone-form form {
width: 80%;
}
}
@media (max-width: 575px) {
.standalone-form .subscription-form__fields {
flex-wrap: wrap;
}
}
.standalone-form #afterSubmit .afterText {
text-align: center;
margin-bottom: 16px;
}
.standalone-form #afterSubmit .afterImg {
margin: 0 auto;
display: block;
}
#text_slider .text-slide {
height: auto;
padding: 25px;
margin-bottom: 0;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
@media (max-width: 767px) {
#text_slider .text-slide {
flex-direction: column;
}
}
@media (max-width: 475px) {
#text_slider .text-slide {
padding: 0;
}
}
#text_slider .text-slide__text {
height: auto !important;
}
#text_slider .text-slide__list {
height: auto !important;
}
#text_slider .text-slide__caption, #text_slider .text-slide__text, #text_slider .text-slide__list {
width: 100%;
}
#text_slider .left-slide-column {
width: 400px;
}
@media (max-width: 767px) {
#text_slider .left-slide-column {
width: 80%;
}
}
@media (max-width: 575px) {
#text_slider .left-slide-column {
width: 100%;
}
}
#text_slider .text-slide__image {
position: static;
}
@media (min-width: 768px) {
#text_slider .text-slide__image {
margin-left: 5%;
}
}
#text_slider .text-slide__image img {
max-height: 680px;
}
@media (max-width: 1499px) {
#text_slider .text-slide__image {
right: 0;
}
#text_slider .text-slide__image img {
max-height: 600px;
}
}
@media (max-width: 991px) {
#text_slider .text-slide__image {
right: 5vw;
top: 60px;
}
#text_slider .text-slide__image img {
max-height: 550px;
}
}
@media (max-width: 767px) {
#text_slider .text-slide__image {
display: block;
position: static;
}
}
@media (max-width: 1199px) {
#cards-home-section #cards-container {
width: 50%;
margin-right: 5%;
}
#cards-home-section #cards-container h3 {
margin-bottom: 40px;
}
#cards-home-section #cards-container h4 {
margin-bottom: 15px;
}
#cards-home-section #cards-container p {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
#cards-home-section #cards-container {
width: 100%;
margin-right: 0;
}
#cards-home-section #cards-container .cards-container__wrap {
justify-content: center;
}
#cards-home-section #cards-container .cards-info-container__buttons {
margin: 0 auto;
}
}
.subscription-form__fields {
display: flex;
flex-wrap: nowrap;
}
.subscription-form__fields .wpcf7-form-control-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
}
@media (max-width: 991px) {
.subscription-form__fields .wpcf7-form-control-wrap {
margin: 0 0 20px 0;
}
}
.subscription-form__fields input[type=email] {
height: 52px;
font-weight: 500;
font-size: 14px;
color: #323755;
padding: 16px 18px;
border-radius: 4px;
background-color: #fff;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
line-height: 1.42857143;
letter-spacing: 1px;
display: flex;
width: 100%;
margin: 0;
}
@media (max-width: 576px) {
.subscription-form__fields .subscription-form__submit {
width: 100%;
}
}
.subscription-form__fields input[type=submit] {
background: #104bf5;
border-radius: 6px;
padding: 11px 27px;
font-weight: bold;
font-size: 16px;
line-height: 175%;
letter-spacing: 0.75px;
color: #F7F7FC;
-webkit-appearance: button;
cursor: pointer;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
border: 1px solid transparent;
white-space: nowrap;
height: 52px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
width: auto;
margin: 0 0 0 20px;
justify-content: flex-start;
}
@media (max-width: 575px) {
.subscription-form__fields input[type=submit] {
width: 100%;
margin: 0;
}
}
.page-template-page-landing .wpcf7-response-output {
display: none;
}
.post-content p {
text-align: center;
}
#afterSubmit .afterText {
font-size: 20px;
line-height: 170%;
color: #1A2C58;
text-align: left;
margin-bottom: 16px;
font-style: normal;
}
#afterSubmit .afterImg {
width: 200px;
height: auto;
}
em {
font-style: normal;
} .text-slide__image.mobile-visible {
@media (min-width: 768px){
display: none !important;
}
}
.text-slide__image.mobile-hidden {
@media (max-width: 767px){
display: none !important;
}
}.aioseo-toc-header{width:100%;position:relative}.aioseo-toc-header:has(.aioseo-toc-header-area){flex-direction:column;align-items:flex-start}.aioseo-toc-header .aioseo-toc-header-title{align-items:center;color:#434960;display:flex;flex:1 0 auto;font-size:24px;font-weight:700;line-height:125%;max-width:100%;gap:8px}.aioseo-toc-header .aioseo-toc-header-title .aioseo-toc-header-collapsible{display:flex;border-radius:2px;cursor:pointer;transition:transform .3s ease;background-color:#e5f0ff;box-sizing:border-box;justify-content:center;align-items:center}[dir=ltr] .aioseo-toc-header .aioseo-toc-header-title .aioseo-toc-header-collapsible{padding:8px 0 8px 10px}[dir=rtl] .aioseo-toc-header .aioseo-toc-header-title .aioseo-toc-header-collapsible{padding:8px 10px 8px 0}.aioseo-toc-header .aioseo-toc-header-title .aioseo-toc-header-collapsible svg{width:14px;height:14px}[dir=ltr] .aioseo-toc-header .aioseo-toc-header-title .aioseo-toc-header-collapsible svg{margin-right:10px}[dir=rtl] .aioseo-toc-header .aioseo-toc-header-title .aioseo-toc-header-collapsible svg{margin-left:10px}.aioseo-toc-header .aioseo-toc-header-instructions{color:#2c324c;font-size:16px;margin-bottom:0;margin-top:16px}.aioseo-toc-header .aioseo-toc-header-buttons{flex:0 1 auto}.aioseo-toc-contents{transition:transform .3s ease,opacity .3s ease;transform-origin:top;display:block;opacity:1;transform:scaleY(1);padding-top:12px}.aioseo-toc-collapsed{opacity:0;transform:scaleY(0);height:0;overflow:hidden}