.main-menu {
position: absolute;
top: 0;
right: 0;
z-index: 100
}
.main-menu .absolute-item-menu {
position: initial
}
@media screen and (max-width: 767px) {
.main-menu {
overflow-y: auto
}
#form-content .system-help__show-xs {
white-space: inherit;
}
}
@media screen and (max-width: 1199px) {
.main-menu {
top: 80px;
left: 20px
}
}
.main-menu__items {
display: flex;
position: relative
}
@media screen and (max-width: 1199px) {
.main-menu__items {
flex-direction: column
}
}
.main-menu__child-big {
width: 100% !important
}
@media screen and (max-width: 1199px) {
.main-menu__child-big {
min-width: initial
}
}
.main-menu__child-big ul {
display: flex;
flex-direction: column;
flex-wrap: wrap;
max-height: 310px
}
.main-menu__child-big ul .main-menu__child-item {
margin-right: 18px;
width: calc(50% - 18px)
}
@media screen and (max-width: 1199px) {
.main-menu__child-big ul {
display: block;
max-height: initial
}
}
.main-menu__item {
display: flex;
position: relative;
margin-right: 18px;
font-size: 0
}
@media screen and (min-width: 1200px) {
.main-menu__item.mouseover .main-menu__item-name,
.main-menu__item:hover .main-menu__item-name {
color: #fff
}
.main-menu__item.mouseover .main-menu__child-wrapper,
.main-menu__item:hover .main-menu__child-wrapper {
margin-top: 13px;
padding-top: 30px;
height: auto;
min-height: 100%;
max-height: 1000px;
transition: max-height .5s ease-in-out;
color: #fff
}
.main-menu__item.mouseover .main-menu__child-items:after,
.main-menu__item:hover .main-menu__child-items:after {
min-width: 90%;
max-width: 90%
}
.main-menu__item.mouseover .main-menu__child-items .main-menu__child-link,
.main-menu__item:hover .main-menu__child-items .main-menu__child-link {
position: relative
}
.main-menu__item.mouseover .main-menu__child-items .main-menu__child-link:hover:after,
.main-menu__item:hover .main-menu__child-items .main-menu__child-link:hover:after {
opacity: 1;
min-width: 100%;
max-width: 100%;
transition: all .3s
}
.main-menu__item.mouseover .main-menu__arrow:before,
.main-menu__item.mouseover .main-menu__arrow:after,
.main-menu__item:hover .main-menu__arrow:before,
.main-menu__item:hover .main-menu__arrow:after {
background-color: #fff
}
}
@media screen and (max-width: 1199px) {
.main-menu__item {
margin-bottom: 10px;
position: unset
}
}
@media screen and (max-width: 767px) {
.main-menu__item {
display: inline-block
}
}
.main-menu__item:last-child {
margin-right: 0
}
.main-menu__item.rendered {
font-size: 18px
}
.main-menu__item-name,
.main-menu__item-link {
font-family: "PTSansBold", sans-serif;
color: #fecc2f;
text-decoration: none;
background-image: none;
font-weight: bold;
line-height: .8
}
@media screen and (min-width: 1200px) {
.main-menu__item-name:hover,
.main-menu__item-link:hover {
color: #fff
}
}
.main-menu__item-name {
padding-right: 20px;
cursor: pointer;
position: relative
}
@media screen and (max-width: 1199px) {
.main-menu__item-name {
position: relative
}
}
@media screen and (max-width: 767px) {
.main-menu__item-name {
display: inline-block
}
}
@media screen and (max-width: 1199px) {
.main-menu__item-name.expand {
color: #fff
}
.main-menu__item-name.expand .main-menu__arrow {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.main-menu__item-name.expand+.main-menu__child-wrapper {
top: 0;
left: 0;
padding: 0;
height: auto;
min-height: 100%;
max-height: 1000px;
transition: max-height .5s ease-in-out;
overflow: visible
}
.main-menu__item-name.expand+.main-menu__child-wrapper .main-menu__child-link:hover:after {
opacity: 1;
min-width: 90%;
max-width: 90%;
transition: all .3s
}
.main-menu__item-name.expand .main-menu__child-items:after {
min-width: 90%;
max-width: 90%
}
.main-menu__item-name.expand .main-menu__child-items .main-menu__child-item:hover:after {
opacity: 1;
min-width: 90%;
max-width: 90%;
transition: all .3s
}
.main-menu__item-name.expand .main-menu__arrow:before,
.main-menu__item-name.expand .main-menu__arrow:after {
background-color: #fff
}
}
@media screen and (max-width: 767px) {
.main-menu__item-name.expand+.main-menu__child-wrapper {
top: 0;
left: 0;
margin: 15px 0 0 20px;
padding: 0;
height: auto;
min-height: 100%;
max-height: 1000px;
transition: max-height .5s ease-in-out;
overflow: visible;
max-width: 240px !important
}
.main-menu__item-name.expand .main-menu__arrow {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
.main-menu__child-wrapper {
display: block;
position: absolute;
right: 0;
left: 0;
padding-top: 0;
width: auto;
height: 0;
min-height: 0;
max-height: 0;
overflow: hidden
}
@media screen and (max-width: 767px) {
.main-menu__child-wrapper {
position: relative
}
}
.main-menu__child-wrapper.turn-right {
right: 0;
left: unset !important
}
.main-menu__child-items {
margin-left: 0
}
.main-menu__child-item {
position: relative;
display: block;
margin-bottom: 12px
}
.main-menu__child-link {
display: inline-block;
font-family: "PTSans", sans-serif;
text-decoration: none;
color: #fff;
white-space: nowrap;
background-image: none
}
.main-menu__child-link:after {
content: "";
display: block;
position: absolute;
top: 100%;
left: 0;
min-width: 0;
max-width: 0;
border-bottom: 4px solid #fecc2f;
border-radius: 0 0 3px 3px;
opacity: 0;
transition: min-width .3s, max-width .3s, opacity .7s
}
@media screen and (max-width: 767px) {
.main-menu__child-link {
white-space: normal
}
.main-menu__child-link:after {
border: none
}
}
.main-menu__arrow {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: calc(100% - 15px);
width: 11px;
height: 8px;
transition: .2s ease all;
cursor: pointer
}
.main-menu__arrow:before,
.main-menu__arrow:after {
content: "";
position: absolute;
top: 50%;
width: 6px;
height: 2px;
display: block;
background-color: #fecc2f
}
.main-menu__arrow:before {
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
left: 0
}
.main-menu__arrow:after {
-webkit-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%);
right: 0
}
.main-menu.open {
display: block
}
.header-animation {
width: 100%;
height: 599px;
overflow: hidden;
-webkit-animation: backgroundAnimate .5s ease-in-out;
animation: backgroundAnimate .5s ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
position: relative
}
.header-animation:before {
content: "";
width: 35%;
background-image: linear-gradient(90.93deg, #000000 1.2%, rgba(0, 0, 0, 0.61) 98.66%);
opacity: .7;
height: 100%;
position: absolute;
left: 0;
z-index: 12
}
@media screen and (max-width: 767px) {
.header-animation:before {
display: none
}
}
.header-animation .slick-dotted.slick-slider {
margin-bottom: 10px
}
@media screen and (max-width: 767px) {
.header-animation {
height: initial;
padding-bottom: 0px
}
}
.header-animation__data-list {
width: 200px
}
.header-animation__box {
position: relative;
margin: 0 auto;
height: 100%;
padding-bottom: 50px
}
.header-animation__graph {
position: absolute;
bottom: 0;
width: 100%;
z-index: 10;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
display: flex;
align-items: flex-end
}
.header-animation__graph>svg circle {
opacity: 0;
-webkit-animation: zoomIns .5s 1.3s ease-in-out;
animation: zoomIns .5s 1.3s ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.header-animation__graph>svg circle.circle__big {
-webkit-animation-name: zoomIns__xl;
animation-name: zoomIns__xl
}
@media screen and (max-width: 1199px) {
.header-animation__graph>svg circle.circle__big {
-webkit-animation-name: zoomIns__big;
animation-name: zoomIns__big
}
}
.header-animation__graph-01 {
height: 100%;
-webkit-animation: graphAnimate .7s ease-in-out;
animation: graphAnimate .7s ease-in-out
}
.header-animation__graph-01 svg {
width: 100%;
height: initial
}
@media screen and (max-width: 1199px) {
.header-animation__graph-01 {
height: 100%;
background-image: url("./../pictures/backgrounds/group1.svg");
background-size: cover
}
.header-animation__graph-01 svg {
display: none
}
}
.header-animation__graph-02 {
height: 100%;
-webkit-animation: graphAnimate 1s ease-in-out;
animation: graphAnimate 1s ease-in-out
}
.header-animation__graph-02 svg {
width: 100%;
height: initial
}
@media screen and (max-width: 1199px) {
.header-animation__graph-02 {
height: 100%;
background-image: url("./../pictures/backgrounds/group2.svg");
background-size: cover
}
.header-animation__graph-02 svg {
display: none
}
}
.header-animation__graph-03 {
height: 70%;
-webkit-animation: graphAnimate 1.3s ease-in-out;
animation: graphAnimate 1.3s ease-in-out
}
.header-animation__graph-03 svg {
width: 100%;
height: initial
}
@media screen and (max-width: 1199px) {
.header-animation__graph-03 {
height: 100%;
background-image: url("./../pictures/backgrounds/group3.svg");
background-size: cover
}
.header-animation__graph-03 svg {
display: none
}
}
.header-animation__left-side {
position: relative;
width: 370px;
height: 100%;
background: linear-gradient(90.93deg, #000000 1.2%, rgba(0, 0, 0, 0.61) 98.66%);
opacity: .7;
z-index: 100;
display: none
}
@media screen and (max-width: 1199px) {
.header-animation__left-side {
max-width: 300px
}
}
@media screen and (max-width: 767px) {
.header-animation__left-side {
display: none
}
}
.header-animation__dot {
position: absolute;
width: 12px;
height: 12px;
border-radius: 100%;
background-color: rgba(254, 204, 47, .5)
}
.header-animation__slider-box {
max-width: 1280px;
margin: auto;
position: relative
}
@media screen and (max-width: 767px) {
.header-animation__slider-box .slick-list {
pointer-events: none
}
}
.header-animation__slider {
width: 100%;
height: 100%;
background-color: transparent;
z-index: 500
}
.header-animation__slider .slick-next {
top: 38%;
left: 94px;
-webkit-animation: fadeIn .5s 1s ease-in-out;
animation: fadeIn .5s 1s ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
opacity: 0
}
@media screen and (max-width: 1199px) {
.header-animation__slider .slick-next {
display: none !important
}
}
@media screen and (max-width: 767px) {
.header-animation__slider .slick-next {
display: block !important;
left: 150px;
bottom: -10px;
top: auto;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
}
.header-animation__slider .slick-dots {
top: 18%;
left: 92px;
bottom: auto;
right: auto;
width: initial;
display: flex;
flex-direction: column;
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
max-height: 100px;
-webkit-animation: fadeIn .5s 1s ease-in-out;
animation: fadeIn .5s 1s ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
opacity: 0
}
@media screen and (max-width: 1199px) {
.header-animation__slider .slick-dots {
display: none !important
}
}
@media screen and (max-width: 767px) {
.header-animation__slider .slick-dots {
display: flex !important;
flex-direction: row;
left: 30px;
top: auto;
bottom: -10px
}
}
@media screen and (max-width: 767px) {
.header-animation__slider {
height: initial;
padding: 95px 20px 30px 20px
}
}
.header-animation__slider-item {
height: 599px
}
@media screen and (max-width: 767px) {
.header-animation__slider-item {
height: initial
}
}
.header-animation__slider-title {
position: relative;
left: 133px;
top: 109px;
width: 675px;
font-family: "MontserratBold", sans-serif;
z-index: 500
}
@media screen and (max-width: 1199px) {
.header-animation__slider-title {
left: 63px
}
}
@media screen and (max-width: 767px) {
.header-animation__slider-title {
position: initial;
width: initial;
margin-bottom: 40px;
margin-top: 20px
}
}
.header-animation__slider-title span,
.header-animation__slider-title h1 {
display: inline;
padding: 0 0 0 7px;
font-size: 50px;
color: #000;
white-space: pre-wrap;
line-height: 66px;
background-color: #fff;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
font-family: "MontserratBold", sans-serif
}
@media screen and (max-width: 767px) {
.header-animation__slider-title span,
.header-animation__slider-title h1 {
font-size: 30px;
line-height: 38px
}
}
.header-animation__slider-lists {
position: absolute;
bottom: 0;
left: 85px
}
@media screen and (max-width: 1199px) {
.header-animation__slider-lists {
left: 20px
}
}
@media screen and (max-width: 767px) {
.header-animation__slider-lists {
position: initial
}
}
.header-animation__slider-list {
margin-bottom: 30px;
width: 280px
}
.header-animation__slider-list-title {
font-family: "PTSansBold", sans-serif;
font-size: 18px;
margin: 0 0 20px 35px;
width: 155px
}
.header-animation__slider-list .icon {
vertical-align: top
}
.header-animation__slider-description {
display: inline-block;
margin-left: 10px;
width: 210px;
font-size: 18px;
vertical-align: top
}
.header-animation__pagination {
position: absolute;
top: 107px;
left: 97px;
width: 20px;
opacity: 0;
-webkit-animation: fadeIn .5s 1s ease-in-out;
animation: fadeIn .5s 1s ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
z-index: 500
}
@media screen and (max-width: 1199px)and (min-width: 768px) {
.header-animation__pagination {
display: none
}
}
@media screen and (max-width: 767px) {
.header-animation__pagination {
width: auto;
top: unset;
bottom: 0;
left: 20px
}
}
.header-animation__pagination-step {
display: block;
position: relative;
margin-bottom: 10px;
padding: 0;
width: 20px;
height: 22px;
cursor: pointer
}
.header-animation__pagination-step:last-child {
margin-bottom: 20px
}
@media screen and (max-width: 767px) {
.header-animation__pagination-step {
display: inline-block;
margin-right: 6px;
margin-bottom: 0
}
}
.header-animation__pagination-progress {
display: block;
position: relative;
width: 20px;
height: 22px;
background-color: transparent;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
z-index: 10
}
.header-animation__pagination-progress .inProgress {
background-color: #fecc2f;
width: 0;
height: 22px;
transition: max-width .3s
}
.header-animation__pagination-dot {
content: "";
position: absolute;
top: 5px;
left: 3px;
width: 22px;
height: 20px;
background-color: #000;
z-index: 1
}
.header-animation__slide-array {
display: block;
position: relative;
margin-top: 20px;
height: 17px;
font-size: 17px;
color: #fecc2f;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
cursor: pointer
}
.header-animation__slide-array:hover {
color: #e5ae00
}
@media screen and (max-width: 767px) {
.header-animation__slide-array {
display: inline-block;
margin-top: 0;
-webkit-transform: none;
transform: none
}
}
.header-animation__button {
position: absolute;
bottom: 48px;
left: 411px;
z-index: 500;
opacity: 0;
-webkit-animation: fadeIn .5s 1s ease-in-out;
animation: fadeIn .5s 1s ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.header-animation__button .button_link {
max-width: 270px;
width: 270px
}
@media screen and (max-width: 1199px) {
.header-animation__button {
left: 345px
}
}
@media screen and (max-width: 767px) {
.header-animation__button {
display: none
}
}
.header-animation__data-lists-01 {
position: absolute;
top: 0;
left: 0;
width: 100%
}
@media screen and (max-width: 767px) {
.header-animation__data-lists-01 {
display: none
}
}
.header-animation__data-lists-01>.data-list-01 {
position: absolute;
right: 235px;
top: 109px;
opacity: 0;
-webkit-animation: fadeIn .3s 1s ease-in-out;
animation: fadeIn .3s 1s ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
@media screen and (max-width: 1199px) {
.header-animation__data-lists-01>.data-list-01 {
right: 124px !important;
top: 19px !important;
left: auto !important
}
}
.header-animation__data-lists-01>.data-list-01 .header-animation_text-border {
color: #225058
}
.header-animation__data-lists-01>.data-list-02 {
position: absolute;
right: 95px;
top: 235px;
opacity: 0;
-webkit-animation: fadeIn .3s 1s ease-in-out;
animation: fadeIn .3s 1s ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
@media screen and (max-width: 1199px) {
.header-animation__data-lists-01>.data-list-02 {
right: 235px !important;
top: 305px !important;
left: auto !important
}
}
.header-animation__data-lists-01>.data-list-02 .header-animation_text-border {
color: #17454c
}
.header-animation__data-lists-01>.data-list-03 {
position: absolute;
right: 110px;
top: 453px;
opacity: 0;
-webkit-animation: fadeIn .3s 1s ease-in-out;
animation: fadeIn .3s 1s ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
@media screen and (max-width: 1199px) {
.header-animation__data-lists-01>.data-list-03 {
right: 114px !important;
top: 395px !important;
left: auto !important
}
}
.header-animation_text-border {
display: inline-block;
font-family: "PTSansBold", sans-serif;
font-size: 30px;
color: #143235;
text-shadow: 1px 0 0 #fecc2f, -1px 0 0 #fecc2f, 0 1px 0 #fecc2f, 0 -1px 0 #fecc2f, 1px 1px #fecc2f, -1px -1px 0 #fecc2f, 1px -1px 0 #fecc2f, -1px 1px 0 #fecc2f;
white-space: nowrap;
letter-spacing: 1px
}
.header-animation .slick-slide {
color: #fff
}
.header-animation .slick-prev:before,
.header-animation .slick-next:before {
color: #000
}
.header-animation .slick-dots {
bottom: -10px
}
@-webkit-keyframes backgroundAnimate {
0% {
background: linear-gradient(166.42deg, #003541 100%, #002d37 100%)
}
33.332% {
background: linear-gradient(166.42deg, #003541 80%, rgba(0, 45, 55, 0.95) 90%)
}
33.334% {
background: linear-gradient(166.42deg, #003541 60%, rgba(0, 45, 55, 0.9) 85%)
}
66.665% {
background: linear-gradient(166.42deg, #003541 40%, rgba(0, 45, 55, 0.85) 75%)
}
66.667% {
background: linear-gradient(166.42deg, #003541 30%, rgba(0, 45, 55, 0.8) 65%)
}
99.999% {
background: linear-gradient(166.42deg, #003541 20%, rgba(0, 45, 55, 0.75) 55%)
}
100% {
background: linear-gradient(166.42deg, #003541 17.12%, rgba(0, 45, 55, 0.7) 43.82%)
}
}
@keyframes backgroundAnimate {
0% {
background: linear-gradient(166.42deg, #003541 100%, #002d37 100%)
}
33.332% {
background: linear-gradient(166.42deg, #003541 80%, rgba(0, 45, 55, 0.95) 90%)
}
33.334% {
background: linear-gradient(166.42deg, #003541 60%, rgba(0, 45, 55, 0.9) 85%)
}
66.665% {
background: linear-gradient(166.42deg, #003541 40%, rgba(0, 45, 55, 0.85) 75%)
}
66.667% {
background: linear-gradient(166.42deg, #003541 30%, rgba(0, 45, 55, 0.8) 65%)
}
99.999% {
background: linear-gradient(166.42deg, #003541 20%, rgba(0, 45, 55, 0.75) 55%)
}
100% {
background: linear-gradient(166.42deg, #003541 17.12%, rgba(0, 45, 55, 0.7) 43.82%)
}
}
@-webkit-keyframes graphAnimate {
from {
bottom: -100%;
opacity: 0
}
to {
bottom: 0;
opacity: 1
}
}
@keyframes graphAnimate {
from {
bottom: -100%;
opacity: 0
}
to {
bottom: 0;
opacity: 1
}
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0)
}
to {
opacity: 1;
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(1, 1, 1)
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0)
}
to {
opacity: 1;
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(1, 1, 1)
}
}
@-webkit-keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes zoomIns {
from {
opacity: 0;
r: 0
}
100% {
opacity: 1;
r: 6
}
}
@keyframes zoomIns {
from {
opacity: 0;
r: 0
}
100% {
opacity: 1;
r: 6
}
}
@-webkit-keyframes zoomIns__big {
from {
opacity: 0;
r: 0
}
100% {
opacity: 1;
r: 13
}
}
@keyframes zoomIns__big {
from {
opacity: 0;
r: 0
}
100% {
opacity: 1;
r: 13
}
}
@-webkit-keyframes zoomIns__xl {
from {
opacity: 0;
r: 0
}
100% {
opacity: .2;
r: 13
}
}
@keyframes zoomIns__xl {
from {
opacity: 0;
r: 0
}
100% {
opacity: .2;
r: 13
}
}
.slider-facts {
display: flex;
margin-bottom: 60px;
flex-wrap: wrap;
justify-content: space-between
}
@media screen and (max-width: 1199px) {
.slider-facts {
margin-bottom: 40px
}
}
@media screen and (max-width: 767px) {
.slider-facts.slick-dotted.slick-slider {
margin-bottom: 60px
}
}
.slider-facts__wrapper {
background-image: url(./../pictures/backgrounds/spiral.png);
background-repeat: repeat-x;
background-position: center
}
@media screen and (max-width: 767px) {
.slider-facts__wrapper {
background-image: none
}
}
.slider-facts__box {
padding: 90px 0 60px;
background-color: #f2f6fa
}
.slider-facts__box-container {
padding-top: 40px;
}
@media screen and (max-width: 1199px) {
.slider-facts__box {
padding: 70px 0 60px
}
}
@media screen and (max-width: 767px) {
.slider-facts__card {
position: relative;
padding: 20px;
width: 90%;
height: 100%;
margin: auto;
background-color: #a9d4ff;
box-shadow: 0px 15px 15px #e0b429;
margin-top: 10px
}
}
.slider-facts .mobile_slider__children {
position: relative;
padding: 20px 50px 20px 20px;
background-color: #a9d4ff;
box-shadow: 0 5px 15px#4f80ab;
width: 260px;
height: 240px;
margin-bottom: 20px
}
.slider-facts .mobile_slider__children:first-child {
box-shadow: none
}
.slider-facts .mobile_slider__children:first-child .slider-facts__skew {
display: block;
position: absolute;
top: 0;
left: -10px;
width: 260px;
height: 100%;
-webkit-transform: skew(6deg);
transform: skew(6deg);
background-color: #a9d4ff;;
z-index: 1
}
.slider-facts .mobile_slider__children:nth-child(4) {
box-shadow: none
}
.slider-facts .mobile_slider__children:nth-child(4) .slider-facts__skew {
display: block;
position: absolute;
top: 0;
right: -10px;
width: 260px;
height: 100%;
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
background-color: #a9d4ff;;
z-index: 1
}
.slider-facts .mobile_slider__children:nth-child(5) {
box-shadow: none
}
.slider-facts .mobile_slider__children:nth-child(5) .slider-facts__skew {
display: block;
position: absolute;
top: -3px;
left: -7px;
width: 255px;
height: 100%;
background-color: #a9d4ff;;
-webkit-transform: perspective(400px) rotateX(20deg);
transform: perspective(400px) rotateX(20deg);
z-index: 1
}
.slider-facts .mobile_slider__children:nth-child(5):before {
content: "";
position: absolute;
top: 0;
left: -10px;
width: 40px;
height: 100%;
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
background-color: #a9d4ff;;
z-index: 10
}
.slider-facts .mobile_slider__children:last-child {
box-shadow: none
}
.slider-facts .mobile_slider__children:last-child .slider-facts__skew {
display: block;
position: absolute;
top: -3px;
right: -7px;
width: 255px;
height: 100%;
background-color: #a9d4ff;;
-webkit-transform: perspective(400px) rotateX(20deg);
transform: perspective(400px) rotateX(20deg);
z-index: 1
}
.slider-facts .mobile_slider__children:last-child:before {
content: "";
position: absolute;
top: 0;
right: -10px;
width: 40px;
height: 100%;
-webkit-transform: skew(6deg);
transform: skew(6deg);
background-color: #a9d4ff;;
z-index: 10
}
@media screen and (max-width: 1199px) {
.slider-facts .mobile_slider__children {
min-width: 344px;
width: 48%;
min-width: initial
}
.slider-facts .mobile_slider__children:nth-child(2n+2) {
margin-right: 0
}
.slider-facts .mobile_slider__children:first-child,
.slider-facts .mobile_slider__children:nth-child(4),
.slider-facts .mobile_slider__children:nth-child(5),
.slider-facts .mobile_slider__children:last-child {
box-shadow: 0 15px 15px#4f80ab
}
.slider-facts .mobile_slider__children:first-child .slider-facts__skew,
.slider-facts .mobile_slider__children:first-child:before,
.slider-facts .mobile_slider__children:first-child:after,
.slider-facts .mobile_slider__children:nth-child(4) .slider-facts__skew,
.slider-facts .mobile_slider__children:nth-child(4):before,
.slider-facts .mobile_slider__children:nth-child(4):after,
.slider-facts .mobile_slider__children:nth-child(5) .slider-facts__skew,
.slider-facts .mobile_slider__children:nth-child(5):before,
.slider-facts .mobile_slider__children:nth-child(5):after,
.slider-facts .mobile_slider__children:last-child .slider-facts__skew,
.slider-facts .mobile_slider__children:last-child:before,
.slider-facts .mobile_slider__children:last-child:after {
display: none
}
}
@media screen and (max-width: 767px) {
.slider-facts .mobile_slider__children {
margin-bottom: 45px;
height: 190px;
padding: 0;
background-color: transparent;
box-shadow: none !important;
-webkit-animation: none !important;
animation: none !important
}
}
.slider-facts__skew {
display: none
}
.slider-facts__content {
position: absolute;
top: 0;
left: 0;
padding: 20px 50px 20px 20px;
width: 100%;
height: 100%;
background-color: #a9d4ff;;
z-index: 10
}
.slider-facts__title {
margin-bottom: 15px;
font-family: "PTSansBold", sans-serif;
font-size: 24px;
line-height: 28px
}
.slider-facts__number {
position: absolute;
right: 10px;
bottom: 0;
font-family: "MontserratBold", sans-serif;
font-size: 68px;
color: #ffff8f;
text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
z-index: 20
}
@media screen and (max-width: 767px) {
.slider-facts__number {
display: none
}
}
.dealer-system {
overflow: hidden
}
.dealer-system__no-margin {
margin: 0 !important
}
@media screen and (max-width: 767px) {
.dealer-system__colored_h2 {
display: inline;
line-height: 1.5;
padding-bottom: 0;
padding-top: 0
}
}
.dealer-system__hide-md {
display: none
}
@media screen and (max-width: 767px) {
.dealer-system__hide-md {
display: inline
}
}
@media screen and (max-width: 767px) {
.dealer-system__hide-xs {
display: none
}
}
.dealer-system__absolute-block {
position: absolute;
right: 0;
top: 60px;
background-color: #fff;
border: 1px solid #fecc2f;
padding: 0 16px 16px;
max-width: 210px
}
@media screen and (max-width: 767px) {
.dealer-system__absolute-block {
display: none
}
}
.dealer-system__absolute-block .system-components__number-title {
margin-bottom: 10px;
font-size: 100px
}
.dealer-system__absolute-block p.absolute-block__text {
font-size: 14px;
margin-bottom: 0;
margin-top: 15px;
}
.dealer-system__image-block {
padding: 5px;
border: 1px solid rgba(254, 204, 47, .8);
border-radius: 6px;
position: relative;
min-width: 600px;
width: calc(100% - 14px);
min-height: 200px
}
@media screen and (max-width: 1199px) {
.dealer-system__image-block {
margin-left: 50px;
width: calc(100% - 30px)
}
}
@media screen and (max-width: 767px) {
.dealer-system__image-block {
min-width: initial;
margin: 30px auto;
min-height: initial
}
}
/*
.dealer-system__image-block:before {
content: "";
width: calc(100% + 16px);
height: calc(100% + 16px);
border: 1px solid rgba(254, 204, 47, .4);
border-radius: 6px;
position: absolute;
left: -8px;
top: -8px
}
.dealer-system__image-block:after {
content: "";
width: calc(100% + 30px);
height: calc(100% + 30px);
border: 1px solid rgba(254, 204, 47, .2);
border-radius: 6px;
position: absolute;
left: -15px;
top: -15px
} */
.dealer-system__image-block img {
width: 100%;
box-shadow: 0 3px 15px rgba(0, 0, 0, .25)
}
.dealer-system__wrapper {
padding: 120px 0 40px
}
@media screen and (max-width: 1199px) {
.dealer-system__wrapper {
padding-top: 70px
}
}
@media screen and (max-width: 767px) {
.dealer-system__wrapper {
padding-top: 50px
}
}
.dealer-system__title {
font-family: "MontserratBold", sans-serif;
padding: 0 25px 0 8px;
line-height: normal;
margin-left: -8px
}
@media screen and (max-width: 767px) {
.dealer-system__title {
margin-left: 0
}
}
.dealer-system__subtitle {
margin: 10px 0;
font-family: "MontserratBold", sans-serif;
font-size: 24px;
color: #215b5f
}
.dealer-system__lists {
margin-bottom: 50px;
padding: 30px 0;
align-items: center
}
@media screen and (max-width: 1199px) {
.dealer-system__lists {
margin-bottom: 20px
}
}
.dealer-system__lists-row {
justify-content: space-between;
align-items: center
}
.dealer-system__lists-right img {
width: 100%
}
@media screen and (max-width: 1199px) {
.dealer-system__lists-right img {
width: 140%;
margin-left: -20%
}
}
@media screen and (max-width: 767px) {
.dealer-system__lists-right img {
width: 100%;
margin-left: 0
}
}
.dealer-system__list {
display: flex;
margin-bottom: 45px;
max-width: 370px
}
@media screen and (max-width: 1199px) {
.dealer-system__list {
margin-bottom: 30px
}
}
.dealer-system__list-hide-img {
display: none
}
.dealer-system__list-hide-img img {
width: 90%;
margin-right: 10px;
}
@media screen and (max-width: 767px) {
.dealer-system__list-hide-img {
display: block
}
}
.dealer-system__list:last-child {
margin-bottom: 0
}
.dealer-system__list .icon {
vertical-align: top
}
@media screen and (max-width: 767px) {
.dealer-system__list {
width: initial
}
.dealer-system__list .icon {
-webkit-transform: scale(0.5);
transform: scale(0.5)
}
}
.dealer-system__content {
margin-left: 19px;
width: 295px
}
@media screen and (max-width: 767px) {
.dealer-system__content {
margin-left: 0
}
}
.dealer-system__headline {
font-family: "PTSansBold", sans-serif;
line-height: normal;
font-size: 24px;
margin-bottom: 8px
}
@media screen and (max-width: 1199px) {
.dealer-system__headline {
line-height: 1
}
}
.dealer-system_right {
width: calc(100% - 40px);
max-width: 1148px;
padding-top: 20px;
margin: 0 auto 70px;
background-color: #f2f6fa
}
@media screen and (max-width: 767px) {
.dealer-system_right {
margin-bottom: 0px
}
}
@media screen and (max-width: 1199px) {
.dealer-system_right .container {
padding: 0
}
}
@media screen and (max-width: 1199px) {
.dealer-system_right {
width: 100%
}
}
.dealer-system_right .dealer-system__lists {
margin-bottom: 0;
background-image: url(./../pictures/backgrounds/salesfarm-notebook-middle.png);
background-repeat: no-repeat;
background-position: left 20px center
}
@media screen and (max-width: 1199px) {
.dealer-system_right .dealer-system__lists {
background-position: -270px center
}
}
@media screen and (max-width: 767px) {
.dealer-system_right .dealer-system__lists {
background-image: none;
margin-bottom: 0
}
}
.dealer-system_graphics {
overflow: hidden
}
@media screen and (max-width: 767px) {
.dealer-system_graphics .dealer-system__lists {
margin-bottom: 0;
padding-bottom: 0
}
}
.necessary-system__wrapper {
padding: 60px 0;
background-image: url(./../pictures/backgrounds/spiral.png);
background-repeat: repeat-x;
background-position: top
}
.necessary-system__container {
max-width: 1170px
}
.necessary-system__title {
margin: 0 auto 30px;
max-width: 719px;
text-align: center
}
@media screen and (max-width: 767px) {
.necessary-system__title {
text-align: left
}
}
.necessary-system__trio {
position: relative;
margin-bottom: 80px;
min-height: 400px
}
.necessary-system__center {
margin: 0 auto;
width: 50%
}
.necessary-system__center img {
width: 100%
}
@media screen and (max-width: 1199px) {
.necessary-system__center img {
width: 140%;
margin-left: -20%
}
}
@media screen and (max-width: 767px) {
.necessary-system__center img {
width: 100%;
margin-left: 0
}
}
@media screen and (max-width: 767px) {
.necessary-system__center {
margin-bottom: 15px;
width: 80%;
min-width: 285px
}
}
.necessary-system__center-picture {
position: absolute;
top: 50%;
left: 50%;
width: 478px;
height: 361px;
background-image: url(./../pictures/backgrounds/manufacture.jpg);
background-repeat: no-repeat;
background-position: center;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
@media screen and (max-width: 767px) {
.necessary-system__center-picture {
width: 251px;
height: 192px;
background-size: cover
}
}
.necessary-system__left {
position: absolute;
top: 45px;
left: 0;
padding: 20px;
width: 354px;
height: 200px;
border: 1px solid #fecc2f;
box-shadow: 0 3px 15px rgba(0, 0, 0, .15);
background-color: #fff;
z-index: 10
}
@media screen and (max-width: 1199px) {
.necessary-system__left {
top: unset;
bottom: 0;
left: 50%;
-webkit-transform: translateX(calc(-50% - 190px));
transform: translateX(calc(-50% - 190px))
}
}
@media screen and (max-width: 767px) {
.necessary-system__left {
position: relative;
left: unset;
margin: 0 auto 15px;
padding-left: 0;
padding-right: 5px;
width: 80%;
min-width: 285px;
height: auto;
-webkit-transform: none;
transform: none
}
.necessary-system__left .icon {
top: -10px;
vertical-align: top;
-webkit-transform: scale(0.5);
transform: scale(0.5)
}
}
.necessary-system__right {
position: absolute;
bottom: 45px;
right: 0;
padding: 20px;
width: 354px;
height: 200px;
border: 1px solid #fecc2f;
box-shadow: 0 3px 15px rgba(0, 0, 0, .15);
background-color: #fff;
z-index: 10
}
@media screen and (max-width: 1199px) {
.necessary-system__right {
right: 50%;
bottom: 0;
-webkit-transform: translateX(calc(50% + 190px));
transform: translateX(calc(50% + 190px))
}
}
@media screen and (max-width: 767px) {
.necessary-system__right {
position: relative;
right: unset;
margin: 0 auto;
padding-left: 0;
padding-right: 5px;
width: 80%;
min-width: 285px;
height: auto;
-webkit-transform: none;
transform: none
}
.necessary-system__right .icon {
top: -10px;
vertical-align: top;
-webkit-transform: scale(0.5);
transform: scale(0.5)
}
}
.necessary-system__list {
margin-bottom: 45px
}
.necessary-system__list:last-child {
margin-bottom: 0
}
.necessary-system__content {
display: inline-block;
margin-left: 19px;
width: 225px;
vertical-align: top
}
@media screen and (max-width: 767px) {
.necessary-system__content {
margin-left: 0;
width: 210px
}
}
.necessary-system__headline {
font-family: "PTSansBold", sans-serif;
line-height: normal;
font-size: 24px;
margin-bottom: 15px
}
.necessary-system__text li {
margin-bottom: 5px;
list-style-type: disc;
list-style-position: inside
}
@media screen and (max-width: 767px) {
.necessary-system__text li {
position: relative;
list-style: none;
padding-left: 15px
}
.necessary-system__text li:before {
content: "•";
position: absolute;
left: 0;
margin-right: 5px
}
}
.banner {
padding: 25px 25px 40px;
width: calc(100% - 22px);
margin: auto;
background: url(./../pictures/backgrounds/for-banner.jpg), linear-gradient(170.59deg, #003541 21.62%, #014D5E 44.48%);
background-repeat: no-repeat;
background-position: right;
position: relative;
background-size: contain
}
@media screen and (max-width: 767px) {
.banner {
background: linear-gradient(170.59deg, #003541 21.62%, #014D5E 44.48%);
width: calc(100% + 30px);
margin: 0 -15px;
padding: 20px 20px 30px 20px
}
}
.banner:before,
.banner:after {
content: "";
position: absolute;
border: 1px solid #fecc2f;
border-radius: 6px
}
@media screen and (max-width: 767px) {
.banner:before,
.banner:after {
display: none
}
}
.banner:before {
left: -5px;
top: -5px;
width: calc(100% + 10px);
height: calc(100% + 10px);
opacity: .6
}
.banner:after {
left: -11px;
top: -11px;
width: calc(100% + 22px);
height: calc(100% + 22px);
opacity: .3
}
.banner__content {
position: relative;
z-index: 10
}
.banner .button__cube {
max-width: 290px
}
@media screen and (max-width: 767px) {
.banner .button__cube {
font-size: 14px
}
}
.banner__title {
margin-bottom: 20px;
max-width: 560px;
font-family: "PTSans", sans-serif;
font-size: 36px;
line-height: 42px;
font-weight: bold;
color: #fff
}
@media screen and (max-width: 767px) {
.banner__title {
font-size: 26px;
line-height: 30px;
font-family: "PTSansBold", sans-serif
}
}
.system-components {
margin-bottom: 40px
}
.system-components__hide {
display: none !important;
padding: 0 !important;
background: none !important
}
@media screen and (max-width: 1199px) {
.system-components__hide {
display: inline-block !important
}
}
@media screen and (max-width: 1199px) {
.system-components__hide-mobile {
display: none !important
}
}
.system-components__wrapper {
padding: 90px 0;
padding-bottom: 210px;
margin-bottom: -165px
}
@media screen and (max-width: 1199px) {
.system-components__wrapper {
padding-bottom: 90px;
margin-bottom: 0
}
}
@media screen and (max-width: 767px) {
.system-components__wrapper {
padding: 40px 0
}
}
.system-components__composition {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 -15px
}
.system-components__left {
margin-bottom: 40px
}
.system-components__left-title {
margin-bottom: 35px
}
.system-components__left h2 {
margin-bottom: 0
}
.system-components__right .dealer-system__image-block {
min-width: initial;
margin: auto;
margin-bottom: 15px
}
.system-components__right_picture {
width: 100%;
height: 353px;
background-image: url(./../pictures/backgrounds/graphics.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain
}
.system-components__footnote {
font-weight: bold;
font-family: "PTSansBold", sans-serif
}
.system-components_colored span {
display: inline-block;
/*background: linear-gradient(176.3deg, rgba(7, 125, 151, 0.83) 21.15%, #205A5E 51.5%);*/
background: #4f80ab;
color: #fff;
padding: 0 10px 14px;
line-height: 33px
}
.system-components .increased-indent {
margin-bottom: 35px
}
.system-components__numbers {
display: flex;
flex-wrap: wrap;
margin: 0 -15px
}
.system-components__number {
margin-bottom: 20px
}
.system-components__number-title {
font-family: "PTSansBold", sans-serif;
font-size: 64px;
line-height: 75px;
/*background: linear-gradient(176.3deg, rgba(7, 125, 151, 0.83) 21.15%, #205A5E 51.5%);*/
background: #4f80ab;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.system-components__number-title {
color: #205a5e;
background-color: transparent
}
}
@media screen and (max-width: 767px) {
.system-components__number-title {
font-size: 46px
}
}
.slider-module {
margin-bottom: 35px;
background-image: url(./../pictures/backgrounds/spiral.png);
background-repeat: repeat-x;
background-position: center
}
.slider-module__cards {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.slider-module__card {
position: relative;
margin-bottom: 19px;
padding: 25px 17px 25px 25px;
width: 32%;
border: 1px solid #fecc2f;
box-shadow: 0 3px 15px rgba(0, 0, 0, .25);
background-color: #fff;
display: flex !important;
align-items: flex-start;
box-sizing: border-box
}
@media screen and (max-width: 1199px) {
.slider-module__card i.font-50 {
font-size: 34px;
height: 34px
}
}
@media screen and (max-width: 767px) {
.slider-module__card {
height: 250px;
margin: 0 20px;
border: none;
margin-bottom: 30px
}
}
.slider-module__card_yellow {
background-color: #fecc2f;
padding-bottom: 65px;
border: none
}
.slider-module__title {
margin-bottom: 25px;
font-family: "PTSansBold", sans-serif;
font-size: 24px
}
.slider-module__content {
display: inline-block;
margin-left: 15px;
width: 235px;
vertical-align: top
}
@media screen and (max-width: 767px) {
.slider-module__content {
width: calc(100% - 65px)
}
}
.slider-module__headline {
font-family: "PTSansBold", sans-serif;
line-height: normal;
margin-bottom: 8px
}
.slider-module__label {
display: inline-block;
position: absolute;
bottom: 13px;
left: 0;
padding: 10px;
color: #fecc2f;
line-height: normal;
background-color: #000
}
.need-system {
position: relative
}
.need-system__title {
max-width: 568px;
margin-bottom: 70px
}
.need-system__floating-box {
max-width: 396px
}
.need-system__bubbles {
position: relative;
height: 320px
}
@media screen and (max-width: 1199px) {
.need-system__bubbles {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
height: initial
}
}
@media screen and (max-width: 767px) {
.need-system__bubbles {
display: block
}
}
.need-system__bubble {
width: 312px;
position: absolute
}
@media screen and (max-width: 1199px) {
.need-system__bubble {
position: initial;
width: 50%
}
}
@media screen and (max-width: 767px) {
.need-system__bubble {
display: flex !important;
flex-direction: column;
align-items: center
}
}
.need-system__bubble-dealer {
display: inline-block;
position: relative
}
.need-system__bubble-dealer_01 {
left: 193px;
top: -6px
}
@media screen and (max-width: 1199px) {
.need-system__bubble-dealer_01 {
top: auto;
left: auto
}
}
.need-system__bubble-dealer_02 {
left: -20px;
top: 1px
}
@media screen and (max-width: 1199px) {
.need-system__bubble-dealer_02 {
top: auto;
left: auto
}
}
.need-system__bubble-dealer_03 {
left: 2px;
top: 8px
}
@media screen and (max-width: 1199px) {
.need-system__bubble-dealer_03 {
top: auto;
left: auto
}
}
.need-system__bubble-dealer_04 {
left: 23px;
top: 6px
}
@media screen and (max-width: 1199px) {
.need-system__bubble-dealer_04 {
top: auto;
left: auto
}
}
.need-system__bubble-dealer_pic,
.need-system__bubble-dealer_text {
display: inline-block;
vertical-align: middle
}
.need-system__bubble-dealer_text {
margin-left: 5px;
width: 100px
}
.need-system__bubble-box {
position: relative;
opacity: 0
}
@media screen and (max-width: 767px) {
.need-system__bubble-box {
width: 260px !important;
height: 160px !important;
background-repeat: no-repeat;
background-size: contain
}
}
.need-system__bubble-box_right {
width: 312px;
height: 179px;
background-image: url(./../pictures/backgrounds/bubble-01.png)
}
.need-system__bubble-box_left {
width: 312px;
height: 147px;
background-image: url(./../pictures/backgrounds/bubble-02.png)
}
.need-system__bubble-box_triangle {
width: 312px;
height: 147px;
background-image: url(./../pictures/backgrounds/bubble-03.png)
}
.need-system__bubble-text {
padding: 26px;
font-size: 14px;
}
@media screen and (max-width: 767px) {
.need-system__bubble-text {
padding: 14px
}
}
.need-system__bubble_01 {
top: 14px;
left: 15px
}
@media screen and (max-width: 1199px) {
.need-system__bubble_01 {
top: auto;
left: auto
}
}
.need-system__bubble_02 {
top: -68px;
left: 429px
}
@media screen and (max-width: 1199px) {
.need-system__bubble_02 {
margin-top: 100px;
top: auto;
left: auto
}
}
@media screen and (max-width: 767px) {
.need-system__bubble_02 {
margin-top: 0px
}
}
.need-system__bubble_03 {
top: 87px;
right: 178px
}
@media screen and (max-width: 1199px) {
.need-system__bubble_03 {
margin-top: -50px;
top: auto;
left: auto
}
}
@media screen and (max-width: 767px) {
.need-system__bubble_03 {
margin-top: 0px
}
}
.need-system__bubble_04 {
top: -183px;
right: -16px
}
@media screen and (max-width: 1199px) {
.need-system__bubble_04 {
margin-top: 100px;
margin-left: -100px;
margin-right: auto;
top: auto;
left: auto
}
}
@media screen and (max-width: 767px) {
.need-system__bubble_04 {
margin-top: 0px;
margin-left: 0;
margin-left: 0
}
}
.number-block__title {
text-align: center;
max-width: 640px;
margin: auto;
margin-bottom: 25px;
font-weight: bold
}
@media screen and (max-width: 767px) {
.number-block__title {
line-height: 1.3;
font-family: "PTSansBold", sans-serif
}
}
.number-block__wrapper {
margin-bottom: 40px
}
.number-block__wrapper a {
color: #00b3ff
}
.number-block__wrapper .container {
background-color: #fecc2f;
padding: 45px;
background-image: url("./../pictures/upload/bg.svg")
}
.number-block__wrapper .container .col-md-4 {
flex: 0 0 32%;
max-width: 32%
}
@media screen and (max-width: 767px) {
.number-block__wrapper .container .col-md-4 {
max-width: 100%;
flex: 0 0 100%
}
}
.number-block__wrapper .container .col-md-4.number-block__border {
flex: 0 0 36%;
max-width: 36%
}
@media screen and (max-width: 767px) {
.number-block__wrapper .container .col-md-4.number-block__border {
max-width: 100%;
flex: 0 0 100%
}
}
@media screen and (max-width: 767px) {
.number-block__wrapper .container {
padding: 20px 15px
}
}
.number-block__num {
font-size: 50px;
text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
color: #fecc2f;
font-family: "PT Sans", sans-serif;
font-weight: bold;
text-align: center;
white-space: nowrap;
margin-bottom: 3px
}
@media screen and (max-width: 1199px) {
.number-block__num {
font-size: 30px
}
}
@media screen and (max-width: 767px) {
.number-block__num {
font-size: 42px
}
}
.number-block__border {
border-left: 1px solid #fff;
border-right: 1px solid #fff
}
@media screen and (max-width: 767px) {
.number-block__border {
border: none;
margin: 15px 0
}
}
.number-block__text {
font-size: 16px;
color: #000;
text-align: center
}
.system-help__wrapper {
overflow: hidden
}
@media screen and (max-width: 767px) {
.system-help__wrapper h2 {
font-size: 40px
}
}
@media screen and (max-width: 767px) {
.system-help__wrapper h2 .colored_h2-blue {
margin-top: 7px
}
}
@media screen and (max-width: 767px) {
.system-help__hide-xs {
display: none !important
}
}
.system-help__hide-xl {
display: none
}
@media screen and (max-width: 1199px) {
.system-help__hide-xl {
display: inline-block
}
}
@media screen and (max-width: 767px) {
.system-help__hide-xl {
display: none
}
}
.system-help__show-xs {
display: none !important
}
@media screen and (max-width: 767px) {
.system-help__show-xs {
display: inline-block !important;
white-space: nowrap;
padding: 0 10px 14px !important;
line-height: 33px !important
}
}
@media screen and (max-width: 1199px) {
.system-help__hide-md {
display: none !important
}
}
.system-help__main-text {
max-width: 820px;
margin-bottom: 60px
}
.system-help__container {
max-width: 1060px
}
.system-help__more-traffic {
padding: 35px 21px;
position: relative;
margin-bottom: 80px;
padding-bottom: 60px
}
@media screen and (max-width: 1199px) {
.system-help__more-traffic {
margin-left: -20px;
margin-right: -20px
}
}
@media screen and (max-width: 767px) {
.system-help__more-traffic {
padding-bottom: 188px;
margin-bottom: 70px
}
}
.system-help__more-traffic .text-container {
margin-left: 60px
}
.system-help__more-traffic .text-container p {
max-width: 450px
}
@media screen and (max-width: 767px) {
.system-help__more-traffic .text-container {
margin-left: 0
}
}
.system-help__mobile-img {
display: none
}
@media screen and (max-width: 767px) {
.system-help__mobile-img {
display: block;
width: 100%;
min-width: 450px;
bottom: -40px;
position: absolute;
max-width: 500px;
right: -100px
}
}
.system-help__flex-title {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
max-width: 525px
}
@media screen and (max-width: 767px) {
.system-help__flex-title i.color-yellow {
font-size: 55px;
line-height: 1;
height: 55px
}
}
.system-help__flex-title img {
width: 40px
}
.system-help__flex-title h2 {
font-size: 36px;
width: calc(100% - 60px);
margin-left: 20px;
line-height: 1
}
@media screen and (max-width: 767px) {
.system-help__flex-title h2 {
width: 100%;
margin-left: 0;
margin-top: 10px
}
}
.system-help__block {
margin-bottom: 39px;
display: flex;
align-items: flex-start
}
.system-help__block img {
width: 40px
}
.system-help__block-text {
margin-left: 20px;
width: calc(100% - 60px)
}
.system-help__block-text h3 {
margin-bottom: 2px;
line-height: 1.2;
font-weight: bold;
font-family: "PTSansBold", sans-serif
}
.system-help__block-text p {
font-size: 16px
}
.system-help__absolute-content {
position: absolute;
right: -90px;
bottom: -50px
}
@media screen and (max-width: 1199px) {
.system-help__absolute-content {
position: relative;
bottom: 0;
margin-bottom: -100px
}
}
@media screen and (max-width: 767px) {
.system-help__absolute-content {
display: none
}
}
.system-help__absolute-content-text {
position: absolute;
right: 356px;
top: -13px;
background-image: url("./../pictures/upload/Vector_bg.svg");
background-size: cover;
background-repeat: no-repeat;
width: 250px;
padding: 77px 0;
text-align: center;
opacity: 0
}
@media screen and (max-width: 767px) {
.system-help__absolute-content-text {
right: 39%;
width: 50%;
padding: 42px 0
}
}
.system-help__absolute-content-text span {
color: #fff;
font-size: 22px;
line-height: 1.1;
font-weight: bold;
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
display: block;
padding-left: 15px
}
@media screen and (max-width: 767px) {
.system-help__absolute-content-text span {
font-size: 4vw
}
}
.system-help__absolute-content img {
width: 440px
}
@media screen and (max-width: 1199px) {
.system-help__absolute-content img {
display: block;
margin-left: auto
}
}
@media screen and (max-width: 767px) {
.system-help__absolute-content img {
width: 50%
}
}
.dealer__colored_h2 {
display: inline;
line-height: 1.5;
padding-bottom: 0
}
.dealer__flex {
display: flex;
flex-wrap: wrap;
margin-bottom: 40px
}
.dealer__container {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 45px 30px;
border: 1px solid #fecc2f;
box-sizing: border-box;
height: 100%
}
@media screen and (max-width: 767px) {
.dealer__container {
flex-direction: column;
padding: 17px 15px 30px 15px
}
}
.dealer__container-gradient {
border: none;
/*background-image: linear-gradient(180.16deg, #003541 0.32%, rgba(0, 45, 55, 0.7) 41.84%);*/
background: #4f80ab;
box-shadow: 0px 6px 6px rgba(0, 0, 0, .15)
}
.dealer__container-gradient h3 {
color: #fecc2f
}
.dealer__container-gradient p {
color: #fff
}
@media screen and (max-width: 1199px) {
.dealer__container-gradient p {
max-width: 450px
}
}
.dealer__container .h3 {
font-weight: bold;
margin-bottom: 10px;
line-height: 1.4;
font-family: "PTSansBold", sans-serif
}
.dealer__text-content {
width: calc(100% - 64px)
}
.dealer__text-content a {
color: #00b3ff
}
@media screen and (max-width: 767px) {
.dealer__text-content {
margin-top: 15px;
width: 100%
}
}
.dealer__wrapper {
background-image: url(./../pictures/backgrounds/bg-lightgrey.svg);
background-repeat: repeat-x;
background-position: 0 67%;
padding-bottom: 70px
}
@media screen and (max-width: 1199px) {
.dealer__wrapper {
padding-bottom: 30px
}
}
@media screen and (max-width: 767px) {
.dealer__wrapper {
background-position: 0 44%
}
}
.dealer__wrapper .w-50 {
width: 50%;
background-color: #fff
}
@media screen and (max-width: 1199px) {
.dealer__wrapper .w-50 {
width: 100%
}
}
.dealer__wrapper .table-container {
background-color: #fff
}
@media screen and (max-width: 767px) {
.dealer__wrapper .table-container {
padding: 0;
border: none;
box-shadow: none;
-webkit-animation: none !important;
animation: none !important;
background-color: transparent
}
}
@media screen and (max-width: 767px) {
.dealer__wrapper .table-container .mobile-table {
padding: 23px 30px;
border: 1px solid #fecc2f;
box-shadow: 0 3px 15px rgba(0, 0, 0, .25);
background-color: #fff
}
}
.profit_left-block {
padding-bottom: 80px;
border-bottom: 1px solid #fecc2f;
margin-bottom: 35px
}
@media screen and (max-width: 1199px) {
.profit_left-block {
display: none;
border-bottom: none;
padding-bottom: 0
}
}
.profit_left-block:last-child {
border-bottom: none;
padding-bottom: 0
}
@media screen and (max-width: 1199px) {
.profit_left-block:first-child {
display: block
}
}
.profit__align-items-center {
align-items: center !important;
justify-content: space-between !important
}
.profit__wrapper {
padding-top: 80px
}
@media screen and (max-width: 767px) {
.profit__wrapper .height-title {
display: none
}
}
.profit__wrapper .system-help__title.fixed-title {
position: fixed;
padding-top: 80px;
top: 0;
z-index: 10;
width: 100%;
background-color: #f2f6fa
}
.profit__wrapper .system-help__title.fixed-title span {
max-width: 670px;
display: block;
padding-bottom: 10px
}
@media screen and (max-width: 1199px) {
.profit__wrapper .system-help__title.fixed-title {
position: initial;
padding-top: 0;
width: initial;
background-color: transparent
}
.profit__wrapper .system-help__title.fixed-title span {
max-width: initial;
display: inline;
padding-bottom: 0
}
}
@media screen and (max-width: 767px) {
.profit__wrapper {
padding-top: 50px
}
}
.profit__wrapper .input-big-container label {
margin-top: -5px !important
}
.profit__wrapper .input-container.input-big-container {
margin-top: -20px;
min-width: 300px;
width: initial
}
@media screen and (max-width: 767px) {
.profit__wrapper .input-container.input-big-container label {
position: initial;
margin: 0
}
}
.profit__wrapper .input-container {
display: flex;
flex-direction: column;
position: relative;
margin-bottom: 10px;
width: 105px
}
.profit__wrapper .input-container label {
font-size: 14px;
color: #215b5f;
font-style: italic;
margin-top: 3px;
max-width: 220px
}
@media screen and (max-width: 767px) {
.profit__wrapper .input-container label {
position: absolute;
right: 10px;
top: 13px;
bottom: 0;
margin: auto;
font-size: 12px
}
}
.profit__wrapper h2 {
margin-bottom: 40px
}
.profit__wrapper h3 {
text-transform: uppercase;
font-weight: bold;
line-height: 1.3;
font-family: "PTSansBold", sans-serif
}
.profit__wrapper p {
margin-bottom: 15px;
font-size: 18px
}
.profit__wrapper p strong {
font-weight: bold
}
@media screen and (max-width: 1199px) {
.profit__number {
font-size: 40px
}
}
.profit__text-lightgrey {
font-size: 14px !important;
font-style: italic;
color: rgba(0, 0, 0, .5);
margin-bottom: 0 !important;
width: calc(100% - 290px)
}
@media screen and (max-width: 767px) {
.profit__text-lightgrey {
margin-top: 30px;
width: 100%
}
}
.profit__flex-form {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 20px
}
.profit__flex-form .button__cube {
font-size: 14px
}
@media screen and (max-width: 767px) {
.profit__flex-form .button__cube {
max-width: 230px
}
}
@media screen and (max-width: 767px) {
.profit__flex-form {
flex-direction: column
}
.profit__flex-form .input-container {
width: 100%
}
.profit__flex-form .input-container input {
width: 100%;
padding-right: 120px
}
.profit__flex-form svg {
margin: 10px auto 20px !important
}
}
.profit__flex-form svg {
margin-top: 13px;
margin-left: 3px;
margin-right: 15px
}
@media screen and (max-width: 1199px) {
.profit__flex-form svg path {
fill: #205a5e
}
}
.profit__flex-form input {
border: 1px solid #215b5f;
width: 90px;
background-color: #fff;
border-radius: 8px;
padding: 12px 5px
}
.profit__border-block {
padding-left: 23px;
border-left: 5px solid #215b5f
}
@media screen and (max-width: 767px) {
.profit__border-block {
overflow: hidden
}
}
.profit__card {
padding: 15px;
border: 1px solid #fecc2f;
box-shadow: 0px 10px 15px rgba(0, 0, 0, .25);
background-color: #fff;
font-style: italic;
font-size: 14px
}
.profit__image-block {
margin: 35px auto;
min-width: initial
}
.profit__nav {
display: flex;
flex-direction: column;
transition: .3s ease all
}
.profit__nav-mobile {
display: none
}
.profit__nav-mobile .select2-container {
width: 284px !important
}
.profit__nav-mobile .select2-container--default .select2-selection--single {
background-image: url(./../pictures/upload/vector-button.svg);
width: 284px;
height: 82px;
border: none;
background-color: transparent;
display: flex;
align-items: center;
padding-right: 50px;
padding-left: 15px
}
.profit__nav-mobile .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 78px;
display: flex;
align-items: center;
right: 10px
}
.profit__nav-mobile .select2-container--default .select2-selection--single .select2-selection__arrow svg {
transition: .3s ease all
}
.profit__nav-mobile .select2-container--default.select2-container--open.select2-container--below .select2-selection--single .select2-selection__arrow svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.profit__nav-mobile .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 1.4;
font-weight: bold;
text-overflow: inherit;
white-space: pre-wrap
}
@media screen and (max-width: 767px) {
.profit__nav-mobile {
display: block;
margin-bottom: 30px
}
}
@media screen and (max-width: 767px) {
.profit__nav {
display: none
}
}
@media screen and (max-width: 1199px) {
.profit__nav {
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 40px
}
.profit__nav a {
width: 184.5px;
height: 53px;
font-size: 12px;
align-items: center
}
.profit__nav a.active-nav {
width: 184.5px !important;
height: 53px !important
}
}
.profit__nav.fixed-nav {
position: fixed;
top: 220px
}
.profit__nav.fixed-nav a {
width: 252.5px
}
.profit__nav a {
color: #00b3ff;
text-decoration: none;
display: flex;
margin-bottom: 11px;
transition: .2s ease all;
padding: 0 20px
}
.profit__nav a.active-nav {
background-image: url(./../pictures/upload/vector-button.svg);
width: 252.5px;
height: 73px;
background-size: contain;
align-items: center
}
@media screen and (max-width: 1199px) {
.profit__nav a.active-nav {
color: #000;
font-weight: bold
}
}
.select2-container--open .select2-dropdown--below {
width: 264px !important;
left: 10px;
border: none
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: rgba(254, 204, 47, .2);
color: #00b3ff
}
.select2-results__option[aria-selected] {
color: #00b3ff;
padding: 10px 6px
}
.generate__wrapper {
padding-top: 50px
}
.generate__wrapper .dealer__colored_h2 {
padding-top: 0;
padding-bottom: 0
}
.generate__wrapper h2 {
margin-bottom: 50px
}
@media screen and (max-width: 767px) {
.generate__wrapper h2 .primary-text {
margin-left: 10px;
display: inline-block
}
}
@media screen and (max-width: 1199px) {
.generate__card-content {
margin-bottom: 20px
}
}
.generate__card-text {
margin-bottom: 0
}
.generate__card {
background-color: #fff;
border: 1px solid #fecc2f;
padding: 24px;
box-shadow: 0 3px 15px rgba(0, 0, 0, .25);
height: 100%
}
.generate__card .number-block__num {
margin-bottom: 0;
color: #fff;
font-size: 68px;
margin-right: 10px;
text-shadow: -1px -1px 0 #fecc2f, 1px -1px 0 #fecc2f, -1px 1px 0 #fecc2f, 1px 1px 0 #fecc2f
}
.generate__card p {
margin-bottom: 6px
}
.generate__card p strong {
font-weight: bold
}
.generate__card-flex-container {
display: flex;
align-items: center
}
.generate__main-container {
margin-bottom: 20px
}
.generate__card-container {
padding: 56px 0;
background-image: url(./../pictures/backgrounds/bg-lightgrey.svg);
background-repeat: repeat-x;
background-position: center
}
.generate__text-content .h5 {
font-weight: bold;
font-size: 21px;
margin-bottom: 5px
}
.generate__image-block {
width: 100%;
min-width: 570px;
border: none;
padding: 0;
max-width: 650px
}
@media screen and (max-width: 1199px) {
.generate__image-block {
float: right;
margin-left: auto
}
}
@media screen and (max-width: 767px) {
.generate__image-block {
float: none;
margin-left: 0;
max-width: initial;
min-width: initial;
width: calc(100% - 25px);
margin-left: 25px
}
}
.generate__image-block:before,
.generate__image-block:after {
width: 95%;
height: 95%;
z-index: -1;
border-color: #fecc2f
}
.generate__image-block:before {
left: -12px;
top: -12px
}
.generate__image-block:after {
left: -25px;
top: -25px
}
.install-site__wrapper {
padding-top: 50px;
overflow: hidden
}
.install-site__wrapper h2 {
margin-bottom: 20px
}
.install-site__main-img {
width: 100%;
opacity: 0
}
.install-site__circle {
width: 100px;
height: 100px;
background-color: #fecc2f;
border-radius: 100%
}
.install-site__circle img {
width: 60px;
margin-top: -10px;
margin-left: -5px;
display: block
}
.install-site__description {
margin-bottom: 0;
width: calc(100% - 260px);
margin-left: 20px
}
@media screen and (max-width: 1199px) {
.install-site__description {
margin-left: 40px;
max-width: 350px
}
}
@media screen and (max-width: 767px) {
.install-site__description {
margin-left: 0
}
}
.install-site__flex-container {
display: flex;
align-items: center
}
@media screen and (max-width: 767px) {
.install-site__flex-container {
flex-direction: column
}
.install-site__flex-container ul {
margin-top: 20px
}
.install-site__flex-container p {
width: 100%
}
.install-site__flex-container .button__cube {
margin-bottom: 30px
}
}
.install-site__flex-container ul {
margin-left: 15px
}
.install-site__flex-container .button__cube {
max-width: 240px
}
@media screen and (max-width: 767px) {
.install-site__flex-container .button__cube {
max-width: 300px;
width: 100%
}
}
.install-site__container {
background: linear-gradient(to right, #FECC2F 0% 50%, rgba(33, 91, 95, 0.05) 50% 100%);
position: relative;
z-index: 1;
padding-top: 60px;
padding-bottom: 60px;
margin: 40px 0
}
@media screen and (max-width: 767px) {
.install-site__container {
margin-bottom: 0
}
}
.install-site__container>* {
position: relative;
z-index: 3
}
.install-site__container:before {
content: "";
width: 50%;
height: 100%;
background-image: url("./../pictures/backgrounds/bg-white.svg");
background-size: 150%;
position: absolute;
left: 0;
top: 0;
z-index: 2
}
@media screen and (max-width: 1199px) {
.install-site__container {
padding: 0;
background-image: none
}
.install-site__container:before {
display: none
}
.install-site__container .container {
padding-left: 15px;
padding-right: 15px
}
}
@media screen and (max-width: 1199px) {
.install-site__main-text-container {
padding: 40px 15px;
background-color: rgba(33, 91, 95, .05)
}
}
@media screen and (max-width: 767px) {
.install-site__main-text-container {
padding-bottom: 60px
}
}
@media screen and (max-width: 1199px) {
.install-site__image-animate {
padding: 40px 0;
background-color: #fecc2f;
background-image: url("./../pictures/backgrounds/bg-white.svg")
}
}
.install-site__main-text {
margin-bottom: 30px
}
@media screen and (max-width: 767px) {
.install-site__main-text {
margin-bottom: 0
}
}
.install-site__card {
margin-bottom: 20px
}
.install-site__lightgrey {
margin-top: 20px;
color: rgba(0, 0, 0, .5)
}
.install-site__num-block {
max-width: 440px;
padding: 20px 15px;
margin-left: 15px;
box-shadow: 0 3px 15px rgba(0, 0, 0, .25);
min-height: initial
}
@media screen and (max-width: 767px) {
.install-site__num-block {
padding: 10px 5px;
width: 100%;
margin-left: 0
}
}
.install-site__num-block .h5 {
font-size: 24px
}
.install-site__row {
margin-top: 30px
}
@media screen and (max-width: 767px) {
.install-site__row {
margin-top: 20px
}
}
.install-site__card-shadow {
padding: 20px 25px;
background-color: #fff;
border: 1px solid #fecc2f;
box-shadow: 7px 7px 0px 0px #fecc2f;
max-width: 340px;
position: absolute;
top: -40px;
right: -100px;
z-index: 2
}
.install-site__card-shadow.no-shadow {
position: initial;
box-shadow: none
}
.install-site__card-shadow.no-absolute {
box-shadow: 0 3px 15px rgba(0, 0, 0, .25);
position: initial;
width: 100%;
margin-top: 30px;
margin-bottom: 30px;
max-width: initial
}
.install-site__card-shadow.no-absolute .h3 {
font-size: 24px
}
@media screen and (max-width: 1199px) {
.install-site__card-shadow {
top: 50px;
right: 100px
}
}
@media screen and (max-width: 767px) {
.install-site__card-shadow {
position: initial;
margin-top: 30px;
margin-bottom: 20px;
width: 100%;
max-width: 320px
}
}
.install-site__card-shadow .h4 {
font-size: 20px;
font-weight: bold;
margin-bottom: 5px;
font-family: "PTSansBold", sans-serif
}
.install-site__card-shadow .h4.yellow_text {
color: #fecc2f
}
.install-site__card-shadow .h3 {
font-size: 30px;
font-weight: bold;
margin-bottom: 5px;
font-family: "PTSansBold", sans-serif
}
.install-site__card-shadow p {
font-size: 14px;
margin-bottom: 0
}
.install-site__image-block {
margin-top: 30px
}
@media screen and (max-width: 1199px) {
.install-site__image-block {
float: none;
margin-left: 0;
max-width: inherit;
width: calc(100% - 300px)
}
}
@media screen and (max-width: 767px) {
.install-site__image-block {
width: calc(100% - 30px)
}
}
.install-site__image-block:after {
left: auto;
right: -25px
}
.install-site__image-block:before {
left: auto;
right: -12px
}
.install-site__flex {
display: flex;
align-items: center
}
.install-site__flex-text {
margin-left: 15px
}
.install-site__flex-text .h3 {
font-size: 26px;
color: #fecc2f;
font-weight: bold;
margin-bottom: 10px
}
.install-site__flex-text p {
margin-bottom: 0
}
@media(max-width: 1340px) {
.install-site__row .install-site__card-shadow {
right: 0
}
}
.price__wrapper {
padding-top: 80px;
background-image: url("./../pictures/backgrounds/bg-lightgrey.svg");
background-repeat: no-repeat;
background-position: 150% 160px;
background-size: 830px 290px
}
@media screen and (max-width: 767px) {
.price__wrapper {
background-image: none;
padding-top: 60px
}
}
.price__wrapper .custom-ul {
margin-left: -20px
}
@media screen and (max-width: 767px) {
.price__wrapper .custom-ul {
margin-left: 0
}
}
@media screen and (max-width: 1199px) {
.price__wrapper {
background-position: 100% 440px;
background-size: 830px 290px
}
}
.price__year {
font-size: 64px;
color: #fff;
font-weight: bold
}
@media screen and (max-width: 1199px) {
.price__year {
font-size: 40px
}
}
.price__year-text {
max-width: 300px;
margin-bottom: 0
}
.price__flex-content {
margin-top: 50px
}
@media screen and (max-width: 767px) {
.price__flex-content {
margin-top: 10px
}
}
.price__flex-content .dealer__container-gradient {
flex-direction: column
}
.price__flex-content .button__cube {
max-width: 300px
}
.price__w-50 {
width: 50%;
background-color: #fff
}
@media screen and (max-width: 767px) {
.price__w-50 {
width: 100%;
margin-bottom: 20px
}
}
.price__w-50 .dealer__text-content {
width: 100%
}
.price__term {
margin-bottom: 0;
padding-top: 14px;
border-top: 1px solid #d1d1d1;
text-align: right;
font-size: 24px;
font-weight: bold;
color: #fecc2f;
width: 100%
}
.price__card-no-shadow.install-site__card-shadow.no-shadow {
margin-top: 0;
height: 100%;
display: flex;
justify-content: space-between;
flex-direction: column;
box-shadow: 0 3px 15px rgba(0, 0, 0, .25)
}
.price__card-no-shadow.install-site__card-shadow.no-shadow .text-content {
margin-bottom: 20px
}
.price__card-no-shadow.install-site__card-shadow.no-shadow .h4 {
margin-bottom: 10px;
font-size: 24px
}
@media screen and (max-width: 1199px) {
.price__card-no-shadow.install-site__card-shadow.no-shadow {
margin-top: 40px;
margin-bottom: 20px;
height: initial
}
.price__card-no-shadow.install-site__card-shadow.no-shadow .text-content {
margin-bottom: 50px
}
}
@media screen and (max-width: 1199px) {
.price__card-no-shadow.install-site__card-shadow.no-shadow {
max-width: initial
}
}
.price__flex-container {
display: flex;
align-items: flex-start
}
@media screen and (max-width: 767px) {
.price__flex-container {
flex-direction: column
}
}
.price__flex-text {
margin-left: 15px
}
@media screen and (max-width: 767px) {
.price__flex-text {
margin-left: 0;
margin-top: 15px
}
}
.price__flex-text p strong {
font-weight: bold;
font-size: 18px
}
.price__flex-text p {
margin-bottom: 10px
}
.price__flex-text ul li:last-child p {
margin-bottom: 0
}
.big-slick {
margin-top: 20px
}
.big-slick__children {
max-width: 727px;
position: relative;
margin: 0 10px;
margin-bottom: 130px
}
@media screen and (max-width: 1199px) {
.big-slick__children {
max-width: 100%;
margin-bottom: 150px
}
}
@media screen and (max-width: 767px) {
.big-slick__children {
margin-bottom: 60px
}
}
.big-slick__children-line {
background-color: #fecc2f;
padding: 20px;
padding-right: calc(70% + 30px);
width: 100%;
margin-bottom: 16px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, .15);
transition: .2s ease all
}
.big-slick__children-line p {
margin-bottom: 0
}
@media screen and (max-width: 1199px) {
.big-slick__children-line p {
margin-bottom: 25px
}
}
@media screen and (max-width: 767px) {
.big-slick__children-line {
padding-right: 20px
}
.big-slick__children-line-last {
padding-bottom: 100px
}
}
.big-slick__children-line-white {
background-color: #fefdf2;
color: rgba(0, 0, 0, .5)
}
.big-slick__children-line-white:first-child {
min-height: 160px
}
@media screen and (max-width: 1199px) {
.big-slick__children-line-white:first-child {
min-height: initial
}
}
@media screen and (max-width: 1199px) {
.big-slick__children-line-white {
background-color: #fecc2f;
color: #000
}
}
.big-slick__children-line h2 {
margin-bottom: 0px
}
.big-slick__img {
position: absolute;
top: 20px;
right: 20px;
width: 70%;
box-shadow: 0 3px 15px rgba(0, 0, 0, .25)
}
@media screen and (max-width: 1199px) {
.big-slick__img {
max-width: 500px
}
}
@media screen and (max-width: 767px) {
.big-slick__img {
position: initial;
margin-top: -100px;
max-width: initial;
display: block;
margin-left: auto;
margin-right: auto;
width: calc(100% - 30px)
}
}
.big-slick .slick-next {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
bottom: 63px;
width: 26px;
left: -390px;
right: 0;
margin: auto;
top: auto
}
.big-slick .slick-next svg path {
fill: #0082f9
}
@media screen and (max-width: 1199px) {
.big-slick .slick-next {
margin-left: 0;
left: 140px
}
}
@media screen and (max-width: 767px) {
.big-slick .slick-next {
bottom: 0
}
}
.big-slick .slick-dots {
bottom: 60px;
width: 125px;
left: -550px;
right: 0;
margin: auto
}
@media screen and (max-width: 1199px) {
.big-slick .slick-dots {
margin-left: 0;
left: 0
}
}
@media screen and (max-width: 767px) {
.big-slick .slick-dots {
bottom: 0
}
}
.big-slick .slick-dots li {
height: initial
}
.big-slick .slick-dots li button {
background-color: transparent;
color: #00b3ff;
font-size: 16px;
line-height: 1;
height: initial
}
.big-slick .slick-dots li button:before {
display: none
}
.big-slick .slick-dots li.slick-active button {
background-color: rgba(255, 229, 0, .1);
color: #000;
font-weight: bold
}
.slick-center .big-slick__children-line.big-slick__children-line-white {
background-color: #fecc2f;
color: #000
}
.about__wrapper {
padding-top: 50px;
padding-bottom: 80px;
overflow: hidden;
/*background-image: linear-gradient(135deg, #003541 0%, rgba(0, 45, 55, 0.7) 100%)*/
background: #4f80ab;
}
.about__wrapper .h2 {
margin-bottom: 20px;
color: #fff;
font-size: 36px;
line-height: 40px;
}
.about__wrapper .h3 {
color: #fff
}
.about__wrapper p,
.about__wrapper ul li {
color: #fff
}
.about__wrapper p {
display: inline
}
@media screen and (max-width: 767px) {
.about__wrapper p {
display: block
}
}
.about__wrapper ul {
list-style-type: disc;
margin-left: 1rem;
margin-bottom: 30px
}
.about__wrapper ul li {
line-height: 1.8
}
.about__wrapper .button.button__cube {
margin-bottom: 40px
}
.about__wrapper .button.button__cube:hover:after,
.about__wrapper .button.button__cube:hover:before {
background-color: #000
}
.about__wrapper span.g-glitch {
display: inline-block
}
.about__wrapper .g-glitch {
position: relative;
cursor: default;
margin: 0;
z-index: 1
}
.about__wrapper .g-glitch:hover:before {
-webkit-animation: glitch .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 5;
animation: glitch .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 5
}
.about__wrapper .g-glitch:hover:after {
animation: glitch .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both 5
}
.about__wrapper .g-glitch:before,
.about__wrapper .g-glitch:after {
display: block;
content: attr(data-glitch);
text-transform: uppercase;
position: absolute;
height: 100%;
width: 100%;
opacity: .9
}
.about__wrapper .g-glitch:before {
color: #fecc2f;
z-index: -1;
top: 0;
left: 0
}
.about__wrapper .g-glitch:after {
color: #fff;
z-index: -2;
top: 0;
left: 0
}
.about__clients {
background-color: #fff;
padding: 25px 15px 50px;
box-shadow: 0 3px 15px rgba(0, 0, 0, .25)
}
.about__clients .h3 {
color: #000;
background-color: #fecc2f;
width: 260px;
padding: 9px 25px;
margin-left: -15px;
font-weight: bold;
line-height: 1
}
@media screen and (max-width: 767px) {
.about__clients .h3 {
width: initial;
max-width: 280px
}
}
.about__clients .h4,
.about__clients .h2 {
text-align: center;
margin: 0;
line-height: 1
}
.about__clients img {
width: 100%;
height: 100%;
-o-object-fit: scale-down;
object-fit: scale-down;
-o-object-position: center;
object-position: center
}
.about__clients .h2 {
color: #000
}
.about__row-number {
margin-top: 40px
}
.about__row-number .h3 {
font-weight: bold
}
.about__row-number .col-md-3.col-6 {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center
}
.about__row-number p.about__p-4 {
margin-bottom: 0
}
.about__row-number p {
text-align: center
}
@media screen and (max-width: 1199px) {
.about__row-number p {
margin-bottom: 40px;
display: block
}
}
.about__num {
font-size: 64px;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 1;
position: relative
}
@media screen and (max-width: 1199px) {
.about__absolute {
position: absolute;
top: -40px;
left: 0;
right: 0;
margin: auto;
font-size: 36px
}
}
@-webkit-keyframes glitch {
0% {
-webkit-transform: translate(0);
transform: translate(0)
}
20% {
-webkit-transform: translate(-5px, 5px);
transform: translate(-5px, 5px)
}
40% {
-webkit-transform: translate(-5px, -5px);
transform: translate(-5px, -5px)
}
60% {
-webkit-transform: translate(5px, 5px);
transform: translate(5px, 5px)
}
80% {
-webkit-transform: translate(5px, -5px);
transform: translate(5px, -5px)
}
to {
-webkit-transform: translate(0);
transform: translate(0)
}
}
@keyframes glitch {
0% {
-webkit-transform: translate(0);
transform: translate(0)
}
20% {
-webkit-transform: translate(-5px, 5px);
transform: translate(-5px, 5px)
}
40% {
-webkit-transform: translate(-5px, -5px);
transform: translate(-5px, -5px)
}
60% {
-webkit-transform: translate(5px, 5px);
transform: translate(5px, 5px)
}
80% {
-webkit-transform: translate(5px, -5px);
transform: translate(5px, -5px)
}
to {
-webkit-transform: translate(0);
transform: translate(0)
}
}
.form__wrapper {
padding-top: 80px;
background-color: #fefdf2;
padding-bottom: 80px
}
.form__container {
margin-top: 40px;
border: 1px solid #fecc2f
}
.form__alarm {
display: flex;
align-items: center;
border: 1px solid #fecc2f;
box-shadow: 7px 7px 0px 0px #fecc2f;
margin-bottom: 40px;
padding: 22px 22px 12px 22px;
max-width: 660px
}
.form__alarm p {
margin-left: 20px;
margin-bottom: 10px;
color: #8c8c8c
}
.form__alarm i {
color: #8c8c8c;
font-size: 30px
}
.colored_h2-blue {
background: #4f80ab
}
.multiple-borders__blockquote-title {
background: #4f80ab
}
.multiple-borders__blockquote .blockquote {
color: #222222
}
.blockquote::after, .blockquote::before {
color: #4f80ab
}
.banner {
background: url(./../pictures/backgrounds/for-banner.jpg);
background-color: #4f80ab;
background-repeat: no-repeat;
background-position: right;
position: relative;
background-size: contain;
}
.mt15 {
margin-top: 15px
}
.big_shadow {
-webkit-animation-name:big_shadow;
animation-name:big_shadow
}
@-webkit-keyframes big_shadow {
from {
box-shadow:0 5px 15px #4f80ab;
}
to {
box-shadow:0 15px 15px #4f80ab;
}
}
@keyframes big_shadow {
from {
box-shadow:0 5px 15px #4f80ab;
}
to {
box-shadow:0 15px 15px #4f80ab;
}
}
.breadcrumbs {
margin-bottom: 20px;
font-size: 12px;
}
.breadcrumbs a {
color: #4f80ab;
text-decoration: none !important;
border-bottom: 1px dashed transparent;
transition: 0.2s ease all;
}
.breadcrumbs a:hover {
border-bottom-color: #4f80ab;
}
.breadcrumbs .separate {
margin: 0 3px;
}

span.h2 {
box-sizing:border-box;
color:rgb(0, 0, 0);
display:block;
font-family: "PTSansBold", sans-serif;
font-size:48px;
font-stretch:100%;
font-style:normal;
font-variant-caps:normal;
font-variant-east-asian:normal;
font-variant-ligatures:normal;
font-variant-numeric:normal;
font-weight:400;
height:53px;
line-height:53px;
vertical-align:baseline;
-webkit-font-smoothing:antialiased;
margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
span.h2 {
font-size: 36px;
line-height: 40px;
margin-bottom: 40px;
}
}
.color-yellow {
color: #fecc2f !important;
}
.font-halfdouble {
font-size: 1.1em;
}
.button--centered {
margin-left: auto;
margin-right: auto;
}
.font-size--36 {
font-size: 40px !important;
}
.banner--nobackground {
background: none !important;
background-color: #4f80ab;
}
.banner--nobackground .banner__title {
width: 100%;
max-width: 100%;
}
.p-0 {
padding: 0px !important;
}
.mt-2 {
margin-top: 30px;
}
.automatisation__order {
margin-top: 30px;
margin-bottom: 30px;
}