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;
}
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;
}
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;
}
.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;
}
.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%;
}
.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 .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;
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;
}
.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;
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;
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: 2rem;
letter-spacing: 0.25px;
margin-top: 3rem;
}
.section .h2,
.section .h2-sub {
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: 6.875rem;
font-weight: 700;
color: #00a0d3;
margin-left: 0.75rem;
}
.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;
}
.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: 1px solid #00a0d3;
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;
}
.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: start;
align-items: start;
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: #00a0d3;
background-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;
margin-left: 1.25rem;
}
.row4 .item-header {
margin-bottom: unset;
text-align: left;
}
.row4 .text {
letter-spacing: 0.15px;
}
.row4 .list,
.row4 .text {
margin: 1rem 1.25rem 0 1.25rem;
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;
}
.row4 .button {
align-self: center;
}
@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.5rem;
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: 450px) {
.slider .list {
font-size: 1.3rem;
}
.slider .quote {
font-size: 1.1rem;
}
.slider .author {
font-size: 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;
}
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;
}
.accent,
.accent a {
color: #00a0d3;
}
.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 * {
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;
}
@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;
}
}
.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;
}
.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;
}
}