footer {
background-color: #212121;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
color: hsla(0, 0%, 100%, 0.87);
-ms-flex-direction: column;
flex-direction: column;
font-weight: 300;
padding: 1.125rem 0;
}
footer,
footer .footer-row {
display: -ms-flexbox;
display: flex;
}
footer .footer-row {
-ms-flex-pack: distribute;
justify-content: space-around;
}
footer .footer-row .list {
list-style-type: none;
margin-right: 3rem;
}
footer .footer-row .list:last-child {
margin-right: unset;
}
footer .footer-row .mail,
footer .footer-row .tel {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
footer .address {
text-align: center;
margin-top: 16px;
}
footer .social {
-ms-flex-pack: center;
justify-content: center;
list-style-type: none;
}
footer .social,
footer .social .icon,
footer .social .item {
display: -ms-flexbox;
display: flex;
}
footer .social .icon {
-ms-flex-align: center;
align-items: center;
height: 2rem;
-ms-flex-pack: center;
justify-content: center;
width: 2rem;
}
footer .social svg {
height: 1rem;
width: auto;
}
footer .copyright {
text-align: center;
}
hr {
margin-top: 16px;
}
.ays-pb-modals {
z-index: 999999!important;
}
@media only screen and (max-width: 767px) {
footer .footer-row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: stretch;
justify-content: stretch;
}
footer .footer-row .mail {
margin-left: auto;
}
footer .footer-row .links {
text-align: center;
width: 100%;
margin: 0;
}
footer .footer-row .address {
margin-right: unset;
margin-top: 0.5rem;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (max-width: 767px) {
footer .container {
padding: 0 1rem;
}
}
.main-nav {
background-color: #212121;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
color: hsla(0, 0%, 100%, 0.87);
font-weight: 300;
height: 4rem;
line-height: 4rem;
width: 100%;
}
.main-nav,
.main-nav .contact {
display: -ms-flexbox;
display: flex;
}
.main-nav .contact {
-ms-flex-align: center;
align-items: center;
margin-right: 1.5rem;
}
.main-nav .contact svg {
height: 1rem;
margin-right: 0.5rem;
width: auto;
}
.main-nav .contact:last-child {
margin-right: unset;
}
.main-nav .social {
-ms-flex-align: center;
align-items: center;
border-right: 1px solid hsla(0, 0%, 100%, 0.1);
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
width: 2.5rem;
}
.main-nav .social:after {
bottom: 0;
content: "";
height: 4px;
left: 0;
position: absolute;
width: 100%;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.main-nav .social:hover:after {
height: 100%;
}
.main-nav .social svg {
height: 1rem;
width: auto;
z-index: 1;
}
.main-nav .social:first-child {
border-left: 1px solid hsla(0, 0%, 100%, 0.1);
}
.main-nav .facebook:after {
background: #3e5b99;
}
.main-nav .linkedin:after {
background: #0073b0;
}
.main-nav .instagram:after {
background: #f34d59;
}
.main-nav .vk:after {
background: #5180b8;
}
@media only screen and (max-width: 600px) {
.contact {
-ms-flex-pack: center;
justify-content: center;
width: 4rem;
}
.contact,
.contact svg {
margin: unset !important;
}
.contact span {
display: none;
}
}
.open-form {
overflow: hidden !important;
}
.open-form .form-container-m {
opacity: 1;
}
.open-form .form-container-m .form {
transform: scaleX(1) scaleY(1);
}
.form-container-m {
background-color: rgba(0, 0, 0, 0.5);
display: -ms-flexbox;
display: flex;
left: 0;
min-height: 100vh;
opacity: 0;
padding: 1rem;
position: fixed;
top: 0;
will-change: opacity;
width: 100%;
z-index: 999;
}
.form-container-m,
.form-container-m .form {
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.form-container-m .form {
background-color: #fff;
margin: auto;
padding: 2rem;
transform: scaleX(0.8) scaleY(0.8);
}
.alt .h1-new,
.alt .h2-new,
.alt .h3-new {
color: #00a0d3 !important;
}
.alt .form-container-item .h2-new {
color: rgba(0, 0, 0, 0.87) !important;
}
.alt .form-container-item .accent {
font-size: 1.1em;
}
.alt .list-new li:before {
color: #00a0d3 !important;
}
.alt .button {
background-color: #00a0d3 !important;
border: 1px solid #00a0d3;
}
.alt .button:hover {
background-color: white !important;
border: 1px solid #00a0d3;
}
.alt .accent,
.alt .button:hover {
color: #00a0d3 !important;
}
.alt .step-list li span {
background-color: #00a0d3 !important;
border-radius: 40px !important;
}
.article-new {
padding-bottom: 1.5rem;
overflow: hidden;
}
.article-new .h1-new {
font-size: 40px;
font-weight: 400;
line-height: 55px;
}
.article-new .h2-new,
.article-new .h3-new {
font-size: 28px;
font-weight: 400;
line-height: 35px;
}
.article-new .p-new {
font-size: 18px;
font-weight: 400;
line-height: 27px;
text-align: justify;
}
.article-new strong {
font-weight: 500;
}
.article-new .h1-new,
.article-new .h2-new,
.article-new .h3-new,
.article-new .p-new {
color: rgba(0, 0, 0, 0.87);
margin: 1em 0 0.5em;
}
.article-new .center {
text-align: center;
}
.article-new .uppercase {
text-transform: uppercase;
}
.article-new .flex-column {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.article-new .flex-center {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.article-new .alert {
background-color: #efefef;
padding: 1rem;
}
.article-new .accent {
color: #00a0d3;
}
.article-new .image-header {
width: auto;
height: 350px;
}
.article-new .breadcrumbs {
background-color: #212121;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
color: hsla(0, 0%, 100%, 0.87);
display: -ms-flexbox;
display: flex;
font-weight: 300;
line-height: 3rem;
}
.article-new .list-new {
list-style-type: none;
}
.article-new .list-new li {
display: -ms-flexbox;
display: inline-flex;
width: 100%;
text-align: justify;
}
.article-new .list-new li:before {
color: #00a0d3;
content: "\2022";
font-size: 2em;
line-height: 0.8em;
margin-right: 0.5rem;
}
.article-new .flex-list-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.article-new .flex-list-2,
.article-new .flex-list-3 {
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.article-new .flex-list-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.article-new .he8 {
height: 8em;
}
.article-new .step-list {
list-style-type: none;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -1.5rem;
margin-top: -1.5rem;
}
.article-new .step-list li {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex: 1 1 100px;
flex: 1 1 100px;
min-width: 40%;
margin-right: 1.5rem !important;
margin-top: 1.5rem !important;
}
.article-new .step-list li span {
background-color: #00a0d3;
color: #fff;
padding: 1rem 1.5rem;
margin-right: 1.5rem;
border-radius: 4px;
font-size: 1.2em;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.article-new .flowchart {
display: -ms-flexbox;
display: flex;
}
.article-new .flowchart .flowchart-item:first-child {
margin-right: 3rem;
}
.article-new .form-container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 2rem auto;
}
.article-new .form-container .form-container-item {
-ms-flex: 1 1 100px;
flex: 1 1 100px;
}
.article-new .form-container .form-container-item:first-child {
margin-right: 3rem;
}
.article-new .form-container .h2-new {
margin: unset;
}
.article-new .form-container .input-container:first-child {
margin-top: unset;
}
@media only screen and (max-width: 1280px) {
.article-new .h1-new {
font-size: 36px;
line-height: 45px;
}
}
@media only screen and (max-width: 960px) {
.article-new .h1-new {
font-size: 32px;
line-height: 40px;
}
.article-new .h2-new {
font-size: 24px;
line-height: 30px;
}
.article-new .h3-new {
font-size: 22px;
line-height: 28px;
}
}
@media only screen and (max-width: 768px) {
.article-new .flex-list-3 {
column-count: 2;
}
.article-new .flowchart {
-ms-flex-direction: column;
flex-direction: column;
}
.article-new .flowchart .flowchart-item:first-child {
margin-right: unset;
}
}
@media only screen and (max-width: 600px) {
.article-new .image-header {
height: 175px;
}
.article-new .h1-new {
font-size: 26px;
line-height: 33px;
}
.article-new .p-new {
font-size: 16px;
line-height: 22px;
}
.article-new .container {
padding: 0 1rem;
}
.article-new .alert {
margin-left: -1rem;
margin-right: -1rem;
}
.article-new .breadcrumbs .item:not(:first-child) {
display: none;
}
.article-new .flex-list-2,
.article-new .flex-list-3 {
column-count: 1;
}
.article-new .he8 {
height: auto;
}
.article-new .form-container {
-ms-flex-direction: column;
flex-direction: column;
margin-left: -1rem;
width: calc(100% + 2rem);
}
.article-new .form-container .form-container-item:first-child {
margin-right: unset;
}
.article-new .step-list {
margin-right: unset;
-ms-flex-direction: column;
flex-direction: column;
}
.article-new .step-list li {
-ms-flex: unset;
flex: unset;
margin-right: unset;
}
}
@media only screen and (max-width: 320px) {
.article-new {
overflow: hidden;
}
.article-new .h1-new {
font-size: 24px;
line-height: 30px;
}
.article-new .h2-new {
font-size: 22px;
line-height: 38px;
}
.article-new .h3-new {
font-size: 20px;
line-height: 25px;
}
}
.article {
line-height: 1.5;
overflow: hidden;
}
.article .section .h1 {
font-size: 2.875rem;
text-transform: unset;
text-align: center;
font-weight: 400;
}
.article .section .h1-new {
font-size: 2.275rem;
text-transform: uppercase;
text-align: center;
font-weight: 400;
}
.article .section .h2 {
font-size: 1.875rem;
padding: 0.75rem 0 1.5rem;
}
.article .section .h3 {
font-size: 1.25rem;
font-weight: 400;
text-align: center;
padding: 0 0 1rem;
}
.article .section .top {
margin-top: auto !important;
}
.article .section p {
font-size: 1.125rem;
text-align: justify;
margin-top: 0.75rem;
}
.article .section p.h2-sub {
font-size: 1.5rem;
text-align: center;
margin: 1.25rem 0;
}
.article .section .new-list {
list-style-type: none;
font-size: 1.125rem;
}
.article .section .new-list li {
display: -ms-flexbox;
display: flex;
text-align: justify;
}
.article .section .new-list li:before {
color: #00a0d3;
content: "\2022";
font-size: 2em;
line-height: 0.85em;
margin-right: 0.5rem;
}
.article .section .flex-list,
.article .section .step-list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 1.125rem;
list-style-type: none;
margin-right: -1.5rem;
height: 12em;
}
.article .section .flex-list li {
display: -ms-flexbox;
display: flex;
margin-right: 1.5rem;
text-align: justify;
width: calc((100% - 4.5rem) / 3);
}
.article .section .flex-list li:before {
color: #00a0d3;
content: "\2022";
font-size: 2em;
line-height: 0.85em;
margin-right: 0.5rem;
}
.article .section .list {
font-size: 1.125rem;
text-align: justify;
margin-top: 0.4rem;
margin-left: 1.2rem;
}
.article .section .list .sub-ul {
margin-left: 1.2rem;
list-style-type: unset;
}
.article .section .circle {
list-style-type: circle;
}
.article .section .square {
list-style-type: square;
}
.article .section .disc {
list-style-type: disc;
}
.article .image-header {
height: auto;
width: 100%;
}
.article .breadcrumbs {
background-color: #212121;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
color: hsla(0, 0%, 100%, 0.87);
display: -ms-flexbox;
display: flex;
font-weight: 300;
line-height: 3rem;
margin-bottom: 2rem;
}
.article .flowchart {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.article .flowchart-item {
-ms-flex-align: center;
align-items: center;
box-shadow: 5px 0 35px rgba(0, 0, 0, 0.09);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1 1 100px;
flex: 1 1 100px;
-ms-flex-pack: center;
justify-content: center;
margin-right: 1.5rem;
margin-top: 1rem;
overflow: hidden;
padding: 1.25rem;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.article .flowchart-item:last-child {
margin-right: unset;
}
.article .flowchart-item:before {
background-color: #00a0d3;
border-radius: 0;
bottom: 50%;
content: "";
height: 0;
position: absolute;
right: -5rem;
width: 0;
z-index: -1;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.article .flowchart-item:hover {
color: #fff;
}
.article .flowchart-item:hover:before {
border-radius: 50rem;
bottom: calc(50% - 50rem);
height: 100rem;
right: -50rem;
width: 100rem;
transition: all 0.75s cubic-bezier(0.4, 0, 0.2, 1);
}
.article .alert {
padding: 1rem;
background-color: #efefef;
}
.article .alert span {
color: #00a0d3;
font-size: 1.2em;
}
.article strong {
font-weight: 500;
}
.article .accent-text {
color: #00a0d3;
}
.article .form-container {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 0.75rem;
}
.article .form-container-item-header {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.article .form-container-item {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1 1 100px;
flex: 1 1 100px;
-ms-flex-pack: center;
justify-content: center;
}
.article .form-container-item:first-child {
margin-right: 1.5rem;
}
.article .form-container-item .h2-sub {
line-height: 1.5;
font-size: 1.75rem;
font-weight: 300;
}
.article .form-container-item .form {
width: 100%;
}
.article .form-container-item .form .input-container:first-child {
margin-top: unset;
}
.article .pallet {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -1rem;
}
.article .pallet,
.article .pallet-item {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.article .pallet-item {
line-height: 1.5625;
margin-right: 1rem;
padding: 0 1.5rem;
}
.article .pallet-alert {
margin-right: 1rem;
font-size: 3.125rem;
font-weight: 500;
color: #00a0d3;
}
@media only screen and (max-width: 1024px) {
.article .section .flex-list {
height: 13em;
}
}
@media only screen and (max-width: 768px) {
.article .section .flex-list {
height: 18em;
}
.article .section .flex-list li {
width: calc((100% - 3rem) / 2);
}
.article .flowchart {
margin-left: -1rem;
margin-right: -1rem;
}
.article .flowchart-item {
border-top: 1px solid rgba(33, 33, 33, 0.1);
box-shadow: unset;
-ms-flex: unset;
flex: unset;
margin-right: unset;
width: 100%;
}
.article .flowchart-item:not(:first-child) {
margin-top: unset;
}
.article .flowchart-item:not(:last-child) {
margin-bottom: unset;
}
.article .flowchart-item:last-child {
border-bottom: 1px solid rgba(33, 33, 33, 0.1);
}
.article .form-container-header {
-ms-flex-direction: column;
flex-direction: column;
}
.article .form-container-header .form-container-item:first-child {
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (max-width: 600px) {
.article .breadcrumbs {
margin-bottom: 1rem;
}
.article .section .h1-new {
font-size: 1.7rem;
}
.article .section .h1 {
font-size: 2.275rem;
}
.article .section .h2 {
font-size: 1.6rem;
}
.article .section .flex-list {
height: auto;
}
.article .section .flex-list li {
width: calc(100% - 2rem);
}
.article .container {
padding: 0 1rem;
}
.article .item:not(:first-child) {
display: none;
}
.article .alert {
margin-left: -1rem;
margin-right: -1rem;
}
.article .form-container-item {
width: 100%;
-ms-flex: unset;
flex: unset;
}
.article .form-container-item:first-child {
margin-right: unset;
}
.article .form-container-item-form {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 2rem);
}
}
.section {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.section .h1 {
font-size: 4.625rem;
font-weight: 300;
letter-spacing: -1px;
margin: 0 auto;
text-transform: uppercase;
}
.section .h2 {
font-size: 2.5rem;
letter-spacing: 0.25px;
margin-top: 1.5rem;
}
.section .h2,
.section .h2-sub {
font-weight: 400;
line-height: 1.1;
margin-bottom: 0.75rem;
text-align: center;
}
.section .h2-sub {
font-size: 1.5rem;
}
.no-header {
margin-top: 2rem;
}
.partner {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
}
.partner img {
height: auto;
margin-right: 4rem;
width: calc(100% / 2 - 2rem);
}
.partner .text-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
}
.partner .partner-amount {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.partner .amount {
height: 8.125rem;
line-height: 8.125rem;
font-size: 4.875rem;
font-weight: 700;
margin-left: 0.75rem;
}
.partner .amount:before {
content: "";
border: 6px solid #00a0d3;
height: 8.125rem;
margin-left: -0.75rem;
position: absolute;
width: 8.125rem;
z-index: -1;
}
.partner .amount-header {
font-size: 1.5rem;
font-weight: 400;
line-height: 1.2;
margin-left: 1rem;
}
.partner .h2 {
margin: 2rem 0;
text-align: left;
}
.partner .quote {
font-size: 1.375rem;
line-height: 1.35;
text-align: justify;
}
.partner .author {
font-size: 1.25rem;
font-weight: 700;
margin-top: 1rem;
}
.gallery {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 0.25rem;
}
.gallery .i1 {
width: calc((100% - 1.5rem) / 6);
}
.gallery .i2 {
width: calc((100% - 1.5rem) / 3);
}
.gallery img {
height: auto;
width: 100%;
}
.gallery .box {
background-color: transparent;
bottom: 0;
display: -ms-flexbox;
display: flex;
left: 0;
line-height: 1.3;
position: absolute;
right: 0;
text-align: center;
top: 0;
z-index: 1;
}
.gallery .box,
.gallery .box-text {
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.gallery .box-text {
color: transparent;
font-size: 1.375rem;
font-weight: 300;
margin: auto;
padding: 1rem;
}
.gallery .gallery-item {
cursor: pointer;
display: -ms-flexbox;
display: flex;
margin: 0.5rem 0.5rem 0 0;
}
.gallery .gallery-item:nth-child(4n) {
margin: 0.5rem 0 0;
}
.gallery .gallery-item:hover .box {
background-color: rgba(0, 0, 0, 0.8);
}
.gallery .gallery-item:hover .box-text {
color: #fff;
transition-delay: 0.15s;
}
.form {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 1.5rem 0;
}
.form .c1 {
width: 100%;
margin-top: 1.5rem;
}
.form .c2 {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-right: 1.5rem;
}
.form .c2.end {
margin-right: unset;
}
.form .input-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.form .input-container .label {
font-weight: 300;
letter-spacing: 0.15px;
text-align: center;
}
.form .input-container .label span {
color: red;
}
.form .input-container .input {
background-color: transparent;
border-bottom: 1px solid;
border-left: unset;
border-right: unset;
border-top: unset;
box-shadow: none;
color: rgba(0, 0, 0, 0.87);
font-size: 1rem;
padding: 0.5rem;
resize: none;
}
.button,
.form .input-container .input {
background-image: none;
font-weight: 400;
letter-spacing: 0.15px;
}
.button {
background-color: #00a0d3;
border-radius: 1rem;
border: unset;
color: #fff;
cursor: pointer;
font-size: 1.25rem;
line-height: 1;
margin-top: 1.5rem;
padding: 1rem 1.5rem;
text-decoration: unset;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.button:hover {
background-color: transparent;
color: #00a0d3;
}
.button.button-callback {
margin: 10px 15px;
padding: 0.7rem 1.5rem;
border: 1px solid #00a0d3;
}
.slider {
background-position: 50%;
background-size: cover;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 44rem;
overflow: hidden;
}
.slider .list {
font-size: 2.25rem;
font-weight: 300;
letter-spacing: 2px;
list-style-type: none;
margin-left: 12rem;
margin-top: 4rem;
text-transform: uppercase;
}
.slider .list li {
display: -ms-flexbox;
display: flex;
}
.slider .list li:before {
content: "\2713";
margin-left: -0.8em;
margin-right: 0.8em;
}
.slider .quote-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
line-height: 1.5;
margin: auto 3rem 3rem auto;
text-align: right;
}
.slider .quote {
font-size: 1.625rem;
font-weight: 400;
}
.slider .author {
font-size: 1.3125rem;
font-weight: 300;
}
.row4 {
-ms-flex-align: stretch;
align-items: stretch;
padding-left: 1rem;
margin-top: -0.25rem;
}
.row4,
.row4 .item {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: stretch;
justify-content: stretch;
}
.row4 .item {
overflow: hidden;
margin-top: 1rem;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1 1 100px;
flex: 1 1 100px;
-ms-flex-align: center;
align-items: center;
margin-right: 1rem;
padding: 1rem;
box-shadow: 5px 0 35px rgba(0, 0, 0, 0.09);
}
.row4 .item,
.row4 .item:before {
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.row4 .item:before {
background-color: #00a0d3;
border-radius: 0;
bottom: 50%;
content: "";
height: 0;
position: absolute;
right: -5rem;
width: 0;
}
.row4 .item:hover {
color: #fff;
}
.row4 .item:hover .button {
border: 1px solid white;
color: #fff;
}
.row4 .item:hover:before {
border-radius: 50rem;
bottom: calc(50% - 50rem);
height: 100rem;
right: -50rem;
width: 100rem;
transition: all 0.75s cubic-bezier(0.4, 0, 0.2, 1);
}
.row4 .top {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.row4 .item-icon {
height: 4.5rem;
width: auto;
margin-right: 1rem;
}
.row4 .item-header {
margin-bottom: unset;
}
.row4 .text {
text-align: justify;
letter-spacing: 0.15px;
}
.row4 .list,
.row4 .text {
margin-top: 1rem;
margin-bottom: auto;
}
.row4 .list {
width: 100%;
margin-left: 1.25rem;
list-style-type: none;
padding: 0 1rem;
}
.row4 .list li {
letter-spacing: 0.15px;
margin-top: 0.5rem;
display: -ms-flexbox;
display: flex;
}
.row4 .list li:before {
content: "\2713";
margin-left: -0.6875rem;
margin-right: 0.5625rem;
}
@media only screen and (max-width: 1680px) {
.slider .list {
margin-left: 6rem;
}
}
@media only screen and (max-width: 1280px) {
.gallery .i1 {
width: calc((100% - 0.5rem) / 3);
}
.gallery .i2 {
width: calc((100% - 0.5rem) * 2 / 3);
}
.gallery .gallery-item:nth-child(2n) {
margin: 0.5rem 0 0;
}
.slider .list {
margin-left: 4.8rem;
}
.row4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.row4 .item {
min-width: calc((100% - 2rem) / 2);
}
}
@media only screen and (max-width: 1024px) {
.section .h1 {
font-size: 3.625rem;
}
.slider .list {
font-size: 1.75rem;
margin-left: 3.8rem;
}
.slider .quote-container {
margin: auto 2rem 2rem auto;
}
.slider .quote {
font-size: 1.375rem;
font-weight: 400;
}
.slider .author {
font-size: 1.125rem;
font-weight: 300;
}
}
@media only screen and (max-width: 768px) {
.partner {
-ms-flex-direction: column;
flex-direction: column;
}
.partner img {
margin-right: unset;
width: 100%;
}
.partner .text-container {
margin-top: 1.5rem;
}
.slider .quote-container {
line-height: 1.3;
}
}
@media only screen and (max-width: 600px) {
.gallery .i1,
.gallery .i2 {
width: 100%;
}
.gallery .gallery-item {
margin: 0;
}
.gallery .gallery-item:first-child {
margin: 0.5rem 0 0;
}
.gallery .gallery-item:nth-child(2n),
.gallery .gallery-item:nth-child(4n) {
margin: 0;
}
.section .h1 {
font-size: 2.625rem;
}
.slider .list {
font-size: 1.25rem;
margin-left: 1.8rem;
}
.slider .quote-container {
line-height: 1.5;
margin: auto 1rem 1rem auto;
}
.row4 .item {
min-width: calc(100% - 1rem);
}
.section .container {
padding: 0 1rem;
}
}
@media only screen and (max-width: 414px) {
.section .h2 {
font-size: 2.1rem;
}
.section .h2-sub {
font-size: 1.25rem;
}
}
@media only screen and (max-width: 393px) {
.form .c2 {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-right: unset;
width: 100%;
}
.form .c2.end {
margin-top: 1.5rem;
}
}
@media only screen and (max-width: 375px) {
.section .h2 {
font-size: 2rem;
}
.section .h2-sub {
font-size: 1.2rem;
}
}
html {
font-size: 16px;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
*,
:after,
:before {
font-family: Roboto, sans-serif;
box-sizing: border-box;
margin: 0;
outline: none;
padding: 0;
position: relative;
}
::-webkit-scrollbar {
background-color: #000;
width: 8px;
}
::-webkit-scrollbar-thumb {
background-color: #00a0d3;
}
body {
color: rgba(0, 0, 0, 0.87);
-ms-flex-direction: column;
flex-direction: column;
font-size: 1rem;
line-height: 1.75;
min-height: 100vh;
min-width: 320px;
overflow-x: hidden !important;
width: 100%;
}
.flex,
body {
display: -ms-flexbox;
display: flex;
}
.flex-right {
margin-left: auto;
}
.container {
width: 1140px;
height: 100%;
margin: auto;
}
.link,
.link a,
.zip a {
color: black;
text-decoration: none;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
footer .link,
footer .link a,
footer .zip a {
color: rgba(255, 255, 255, 0.87);
}
.link:hover,
.link a:hover {
color: #00a0d3;
}
.zip a {
cursor: text;
}
.icon {
color: inherit;
text-decoration: none;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.main-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
#root {
min-height: 100vh;
}
.post-password-form {
min-height: 70vh;
margin: 0 auto;
padding-top: 40px;
}
.post-password-form p {
text-align: center;
}
.row4.blog_row{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
grid-gap: 1rem;
}
.row4.blog_row .item.blog_item{
margin: 0;
padding: 0;
text-decoration:unset
}
.row4.blog_row .item.blog_item .top{
max-width: 100%;
flex-direction: column;
}
.row4.blog_row .item.blog_item .item-icon {
max-width: 100%;
object-fit: cover;
margin: 0;
height: auto;
}
.row4.blog_row .item.blog_item .item-header,
.row4.blog_row .item.blog_item .item_short_desc{
color: rgba(0, 0, 0, 0.87);
padding:10px 1em
}
.row4.blog_row .item.blog_item:hover .item-header,
.row4.blog_row .item.blog_item:hover .item_short_desc{
color:#fff
}
.info-page .content,
.blog_single_page .content{
margin-bottom:4em
}
.info-page .how_we_work .button{
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 10px;
font-size: 1em;
}
.info-page .how_we_work .item:hover .button{
background-color:#fff !important
}
.blog_single_page .content strong,
.info-page .content strong{
font-weight:bold
}
.blog_single_page .content img,
.info-page .content img{
max-width:100%
}
.blog_single_page .content *{
font-size: 18px;
line-height: 27px;
}
.blog_single_page .content *:not(:last-child){
margin-bottom:0.7em
}
.blog_single_page .content ul,
.info-page .content ul,
.blog_single_page .content ol,
.info-page .content ol{
list-style-position: inside;
}
.blog_single_page .content a{
color:#00a0d3
}
.menu-main-container li a{
font-size: 18px;
line-height: 27px;
}
.menu-main-container .menu{
display: flex;
justify-content: center;
align-items: center;
gap: 0.5em 1em;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);
}
.main-nav{
box-shadow:unset
}
.menu-main-container ul, .menu-main-container li{
list-style:none;
padding:unset;
margin:unset
}
.menu-main-container li a{
color:rgba(0, 0, 0, 0.87);
text-decoration:unset
}
.menu-main-container li {
position: relative;
line-height: 1.1em;
}
.menu-main-container .menu>li{
padding: 10px;
}
.menu-main-container li.menu-item-has-children>ul.sub-menu li{
padding:5px 10px
}
.menu-main-container li.menu-item-has-children>ul.sub-menu{
display:none;
position: absolute;
z-index: 1;
background: #fff;
left: 35%;
transform: translate(-35%);
-webkit-transform: translate(-35%) !important;
min-width: 1200px;
column-count: 3;
padding: 15px;
}
@media (min-width:1300px) and (max-width:1570px){
.menu-main-container li.menu-item-has-children>ul.sub-menu{
min-width: 900px;
}
}
@media (max-width:1300px){
.menu-main-container li.menu-item-has-children>ul.sub-menu{
width: 100vw; 
min-width: unset;
left: 0;
right: 0;
transform: unset !important;	 
}
.menu-main-container li {
position: static;
}
}
.menu-main-container li.menu-item-has-children>a:after{
content:'';
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgUlEQVR4nO2RwQnAIAxF/zLtLg1C3aS3LhtwllKIF0GNbeyleeBB8PmIAo7zS5YvnAMAA4gDDolzjkSSLG2M5Gz2urG1EHIsNJxQce67mmwVMSomSbLfu28wEKO3EU2MrCK99+fBf3w8WbKaRBtjy0gtxjMiZYxnRjLB4uMdB9O5AL49TpdJB9OrAAAAAElFTkSuQmCC);
width: 1em;
height: 1em;
display: block;
background-size: contain;
transition: 0.3s ease;
}
.menu-main-container li.menu-item-has-children>a{
display: flex;
align-items: center;
gap: 0.5em;
}
.menu-main-container li.menu-item-has-children:hover>a:after,
.menu-main-container li.menu-item-has-children>a.opened:after{
transform: rotate(-180deg);
}
.menu-main-container li.menu-item-has-children:hover>ul.sub-menu,
.menu-main-container li.menu-item-has-children>a.opened+ul.sub-menu{
display:block
}
.large_advantages{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-gap: 1.5rem;
margin: 2em 0;
font-weight: bold;
}
.large_advantages .large_advantages_number{
font-size: 4em;
line-height: 1em;
}
.large_advantages .large_advantages_title{
font-size: 1.3em;
}
.small_advantages{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
grid-gap: .5rem;
max-width: 650px;
justify-items: center;
text-align: center;
margin: 2em auto;
}
.small_advantages .small_advantages_item img{
width: 70px;
height: 70px;
object-fit: contain;
}
.principles{
margin: 2em auto;
max-width: 650px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
grid-gap: .5rem;
line-height:1.4
}
.principles>div{
display: flex;
flex-direction: column;
gap: 0.5em;
}
.contacts_first_block{
display: grid;
grid-template-columns: 20% 20% 58%;
grid-gap: .5rem;
margin-bottom: 1em;
}
.info-page.article-new .breadcrumbs{
margin-top:unset
}
@media only screen and (max-width: 1199px) {
.container {
width: 960px;
}
}
@media only screen and (max-width: 1007px) {
.container {
width: 720px;
}
.menu-main-container li.menu-item-has-children>ul.sub-menu{
width: 100vw; 
min-width: unset;
column-count: 2;
left: 0;
right: 0;
transform: unset !important;	 
}
.menu-main-container li.menu-item-has-children{
position:static
}
.large_advantages{
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.contacts_first_block{
display: grid;
grid-template-columns: 49% 49%;
}
.contacts_first_block>div:last-child{
grid-column: 1 / 3;
}
}
@media only screen and (max-width: 767px) {
.large_advantages .large_advantages_item{
text-align: center;
}
.container {
width: 540px;
}
.menu-main-container li.menu-item-has-children>a:not(.opened)+ul.sub-menu{
display:none !important
}
.menu-main-container li.menu-item-has-children>a:not(.opened):after{
transform: unset !important;
}
.button.button-callback {
display: none;
}
}
@media only screen and (max-width: 600px) {
html {
font-size: 14px;
}
.container {
width: 100%;
}
.menu-main-container li.menu-item-has-children>ul.sub-menu{
column-count: 1;
}
}
@media only screen and (max-width: 400px) {
.menu-main-container .menu>li {
padding: 10px 5px;
}
}