@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
html {
overflow-x: hidden;
padding-top: 180px !important;
}
body {
overflow-y: visible !important;
}
.codedropz-upload-inner div:first-child {
font-size: 20px;
font-weight: bold;
}
.bread {
opacity: 0.5;
font-size: 14px;
}
.wp-block-columns .wp-block-column .wp-block-buttons {
width: 100%;
margin: 0 !important;
}
.btn-simple {
padding: 0.5rem 0.7rem;
color: #fff;
background: #192b80;
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
transition: all 0.3s;
}
.btn-simple:hover {
background: #0366d6;
}
.btn {
padding: 8px 32px;
transition: all 0.3s;
border-radius: 2px;
background: #192b80;
color: #fff;
text-align: center;
border-radius: 8px;
}
.btn:hover {
background: #0366d6;
}
.btn.btn-blue {
background: #482D70;
}
.btn.btn-blue:hover {
background: #0366d6;
color: #fff;
}
.btn.btn-lightblue {
background: #0366d6;
}
.btn.btn-lightblue:hover {
background: #482D70;
color: #fff;
}
.btn.btn-border {
background: #fff;
border-radius: 8px;
color: #0366D6;
border: 1px solid #0366D6;
}
.btn.btn-border:hover {
background: #0366D6;
color: #fff;
}
.btn.btn-ico:after {
content: "";
width: 16px;
height: 16px;
display: inline-block;
margin-bottom: -2px;
margin-left: 8px;
background-image: url(../img/home.png);
background-size: contain;
background-position: center;
}
.head__bottom .menu > li:last-child a {
padding: 0.5rem 0.7rem;
color: #fff;
background: #192b80;
}
.head__bottom .menu > li:last-child a:hover {
background: #0366d6;
}
.head__top {
background: #0366d6;
color: #fff;
padding: 0.7rem 0;
}
.center-wrap {
max-width: 1230px;
margin: auto;
width: calc(100% - 32px);
}
.head__top-wrap {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 11px;
line-height: 120%;
}
.head__email {
flex: 0 1 auto;
}
.head__email a {
background-image: url('data:image/svg+xml,');
filter: brightness(10);
transition: all 0.3s;
background-repeat: no-repeat;
background-position: top left;
background-size: 1.1rem;
text-transform: uppercase;
color: #fff;
padding-left: 1.5rem;
}
.head__email a:hover {
filter: brightness(1);
color: #97a9fe;
}
.head__menu {
flex: 0 1 auto;
display: flex;
justify-content: flex-end;
}
.head__menu ul#menu-top-menu {
display: flex;
align-items: center;
justify-content: flex-end;
list-style: none;
margin: 0;
padding: 0;
}
.head__menu ul#menu-top-menu a {
color: #fff;
transition: all 0.3s;
text-transform: uppercase;
}
.head__menu ul#menu-top-menu a:hover {
color: #97a9fe;
}
.head__call {
flex: 0 1 auto;
display: flex;
align-items: center;
}
.head__menu ul#menu-top-menu li {
margin-right: 0.75rem;
}
.head__right {
flex: 0 1 auto;
display: flex;
justify-content: flex-end;
align-items: center;
}
.head__search {
width: 1.5rem;
height: 1.5rem;
flex: 0 1 1.5rem;
}
.head__search-bnt {
width: 1.5rem;
height: 1.5rem;
background-image: url('data:image/svg+xml,');
filter: brightness(10);
transition: all 0.3s;
cursor: pointer;
}
.head__search-bnt:hover {
filter: brightness(1);
}
.head__time {
color: #fff;
padding-left: 1.5rem;
flex: 0 1 auto;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 1rem;
background-position: left center;
text-transform: uppercase;
}
.head__phone {
flex: 0 1 auto;
}
.head__phone a {
color: #fff;
background-image: url('data:image/svg+xml,');
padding-left: 24px;
filter: brightness(10);
transition: all 0.3s;
cursor: pointer;
background-repeat: no-repeat;
background-position: left top 1px;
background-size: 20px;
}
.head__phone a:hover {
filter: brightness(1);
color: #97a9fe;
}
.head__wa {
flex: 0 1 1.5rem;
width: 1.5rem;
height: 1.5rem;
margin-left: 0.5rem;
}
.head__whatsapp {
width: 1.5rem;
height: 1.5rem;
position: relative;
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" %3F>');
display: block;
background-size: contain;
}
.head__whatsapp-note {
position: absolute;
width: 8.5rem;
bottom: -2.5rem;
left: -1rem;
background: #1b1b42;
color: #fff;
padding: 0.5rem;
border-radius: 0.5rem;
font-weight: 600;
transform: scaleY(0);
transition: all 0.3s;
}
.head__whatsapp:hover .head__whatsapp-note {
transform: scaleY(1);
}
.head__whatsapp-note:after {
content: "";
position: absolute;
left: 18px;
top: -16px;
border: 10px solid transparent;
border-bottom: 10px solid #1b1b42;
}
.head__bottom {
background: #f2f5fa;
padding: 1rem 0;
}
.head__bottom-wrap {
justify-content: space-between;
display: flex;
align-items: center;
}
.head__nav .sub-menu {
display: none;
position: absolute;
z-index: 44;
margin: 0;
padding: 0;
background: #fafafa;
list-style: none;
padding: 0.5rem 1rem;
min-width: 200px;
max-height: calc(100vh - 120px);
overflow-y: auto;
}
.head__nav .sub-menu::-webkit-scrollbar {
width: 6px; /* ширина вÑей полоÑÑ‹ прокрутки */
}
.head__nav .sub-menu::-webkit-scrollbar-track {
background: #ÑÑÑ; /* цвет зоны отÑÐ»ÐµÐ¶Ð¸Ð²Ð°Ð½Ð¸Ñ */
}
.head__nav .sub-menu::-webkit-scrollbar-thumb {
background-color: #0366d6; /* цвет бегунка */
border-radius: 20px; /* округлоÑÑŒ бегунка */
border: 3px solid #0366d6; /* отÑтуп вокруг бегунка */
}
.head__nav .sub-menu li {
padding-bottom: 0.2rem;
margin-bottom: 0.2rem;
border-bottom: 1px solid #f2f2f2;
}
.head__nav .sub-menu li:last-child {
padding-bottom: 0rem;
margin-bottom: 0rem;
border-bottom: 0px solid #f2f2f2;
}
.head__logo {
flex: 0 1 11rem;
}
.head__logo a {
display: flex;
align-items: center;
}
.head__nav .menu {
display: flex;
align-items: center;
justify-content: flex-end;
list-style: none;
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
margin: 0;
padding: 0;
}
.head__nav .menu > li {
margin-left: 0.9rem;
padding-bottom: 6px;
padding-top: 6px;
}
.head .gb-shape-1 {
height: 50px;
width: calc(100% + 1.3px);
position: relative;
min-width: 100%;
background: url(../img/head-bg.PNG);
}
.head .gb-shape-1 svg {
height: 50px;
width: calc(100% + 1.3px);
position: relative;
min-width: 100%;
fill: #fff;
background: #f2f5fa;
}
.head__nav .menu > li.menu-item-has-children {
position: relative;
padding-right: 0.7rem;
}
.head__nav .menu > li.menu-item-has-children:after {
content: "";
height: 1rem;
width: 1rem;
background-image: url('data:image/svg+xml,');
position: absolute;
top: 0.6rem;
right: -0.35rem;
transition: all 0.3s;
}
.head__nav .menu > li.menu-item-has-children.active:after {
transform: rotate(180deg);
}
.head__menu .menu > li.menu-item-has-children:after {
content: "";
height: 16px;
width: 16px;
background-image: url('data:image/svg+xml,');
position: absolute;
top: 5px;
transition: all 0.3s;
right: -16px;
}
.head__menu .sub-menu li {
padding: 10px 0;
}
.head__menu .menu > li.menu-item-has-children.active:after {
transform: rotate(180deg);
}
.head__menu .menu > li {
padding: 6px 0;
}
.head__menu .menu > li.menu-item-has-children {
margin-right: 1.5rem !important;
position: relative;
}
.head__menu .sub-menu {
display: none;
position: absolute;
z-index: 44;
margin: 0;
padding: 0;
background: #192b80;
list-style: none;
padding: 0.5rem 1rem;
min-width: 200px;
max-height: calc(100vh - 60px);
overflow-y: auto;
}
.head__menu .sub-menu li {
margin-bottom: 0.2rem;
border-bottom: 1px solid #f2f2f2;
}
.head__menu .sub-menu li:last-child {
margin-bottom: 0rem;
border-bottom: 0px solid #f2f2f2;
}
.head {
position: fixed;
width: 100%;
top: 0;
z-index: 11;
}
.header-search {
position: absolute;
z-index: 100;
width: 100%;
background: #1b1b42;
top: 0;
height: 53px;
padding: 6px 0;
display: none;
}
.header-search__block {
display: flex;
align-items: center;
}
.header-search__input {
flex: 1;
background: transparent !important;
color: #fff !important;
border: 2px solid #482d70 !important;
height: 40px;
margin-right: 0;
font-size: 14px;
}
.header-search__input::placeholder {
color: #fff !important;
}
.header-search__btn {
height: 40px;
padding: 0;
width: 8rem;
text-align: center;
font-size: 15px;
}
.header-search_close {
width: 2rem;
height: 40px;
flex: 0 1 2rem;
cursor: pointer;
margin-left: 1rem;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
transition: all 0.3s;
}
.header-search_close:hover {
transform: rotate(90deg);
}
.burger, .header-mobile {
display: none;
}
#bugrer-checkbox {
display: none;
}
.bugrer-toggle {
position: relative;
width: 1.8rem;
height: 1.8rem;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
transition-duration: 0.5s;
}
.bugrer-bars {
width: 100%;
height: 0.2rem;
background: #1b1b42;
border-radius: 0px;
}
#bugrer-checkbox:checked + .bugrer-toggle {
transition-duration: 0.5s;
transform: rotate(180deg);
}
#bugrer-checkbox:checked + .bugrer-toggle .bugrer-bars {
position: absolute;
transition-duration: 0.5s;
}
#bugrer-checkbox:checked + .bugrer-toggle #bugrer-bar1 {
width: 100%;
transform: rotate(45deg);
transition-duration: 0.5s;
}
#bugrer-checkbox:checked + .bugrer-toggle #bugrer-bar2 {
transform: scaleX(0);
transition-duration: 0.5s;
}
#bugrer-checkbox:checked + .bugrer-toggle #bugrer-bar3 {
width: 100%;
transform: rotate(-45deg);
transition-duration: 0.5s;
}
.head__mobile-btn {
display: none;
}
.header-wrap {
position: relative !important;
}
.main-first ul {
margin: 0;
padding: 0;
padding-bottom: 50px !important;
list-style: none;
display: flex;
flex-wrap: wrap;
max-width: 1200px;
position: relative;
padding: 0 30px;
margin-right: auto;
margin-left: auto;
justify-content: center;
}
.main-first ul li {
margin: 5px;
}
.main-first ul li a strong {
font-weight: 400;
}
.main-first ul li a {
color: #4560E6;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
padding: 4px 8px;
border: 1px solid #4560E6;
border-radius: 3px;
transition: all 0.3s;
}
.main-first ul li a:hover {
color: #fff;
background: #4560E6;
}
.main-first ul li a:before {
content: "";
background-image: url('data:image/svg+xml,');
width: 12px;
height: 12px;
display: inline-block;
margin-right: 4px;
transition: all 0.3s;
}
.main-first ul li a:hover:before {
filter: brightness(11);
}
.main-services-more {
display: none;
}
@media (max-width: 1280px) {
.head__nav .menu {
font-size: 11px;
}
.head__logo {
flex: 0 1 10rem;
}
.head__nav .sub-menu {
width: 12rem;
word-break: break-all;
font-size: 14px;
}
.header-search {
height: 51px;
padding: 5px 0;
}
.head__nav .menu > li.menu-item-has-children:after {
top: 7px;
}
.head__bottom {
padding: 0.7rem 0;
}
}
@media (max-width: 1024px) {
html {
padding-top: 109px !important;
}
.head__menu {
display: none;
}
.head__nav {
display: none;
}
.burger {
display: block;
}
.head .gb-shape-1 {
display: none;
}
.head__bottom {
border-bottom: 2px solid #fff;
}
.header-mobile {
position: absolute;
width: 100%;
max-height: calc(100vh - 13rem);
overflow-y: scroll;
z-index: 111;
/* background: #fff; */
background: #1b1b42;
top: 6.5rem;
}
.header-mobile__info {
display: none;
}
.header-mobile__wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 1.5rem 0 1.65rem 0;
}
.header-mobile__menu {
width: 100%;
}
.header-mobile__menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.header-mobile__menu li {
margin-bottom: 0.5rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid rgba(204, 204, 204, 0.2196078431);
}
.header-mobile__menu a {
color: #fff;
font-size: 15px;
opacity: 0.8;
text-transform: uppercase;
}
.header-mobile__menu a:hover {
opacity: 1;
color: #fff;
}
.header-mobile__menu ul ul.sub-menu {
display: none;
padding-bottom: 1rem;
}
.header-mobile .menu-top-menu-container li:last-child {
margin-bottom: 0rem;
padding-bottom: 0rem;
border-bottom: 0px solid rgba(204, 204, 204, 0.2196078431);
}
.header-mobile__menu ul.sub-menu li {
margin-bottom: 0rem;
padding-bottom: 0.75rem;
border-bottom: 0px solid rgba(204, 204, 204, 0.2196078431);
line-height: 110%;
}
.header-mobile__menu ul.sub-menu li:last-child {
padding-bottom: 0rem;
}
.header-mobile__menu ul.sub-menu {
padding-top: 1rem;
padding-left: 2rem;
}
.header-mobile__menu ul.sub-menu a {
text-transform: unset;
}
.menu-item-has-children > .top__arrow {
content: "";
height: 1rem;
width: 2rem;
background-image: url('data:image/svg+xml,');
transition: all 0.3s;
display: inline-block;
margin-bottom: -0.2rem;
margin-left: -0.15rem;
background-repeat: no-repeat;
transition: all 0.3s;
cursor: pointer;
background-position: center;
padding: 0 1rem;
}
.menu-item-has-children.active > .top__arrow {
transform: rotate(180deg);
}
}
@media (max-width: 767px) {
.lists {
flex-direction: column !important;
}
.main-services-more {
display: block;
}
.main-services {
height: 196px;
overflow: hidden;
margin-bottom: 20px;
}
.head__top .head__email, .head__top .head__time {
display: none;
}
.head__mobile-btn {
display: block;
margin-right: 0.5rem;
}
.head__mobile-btn .btn-simple {
padding: 0.35rem 0.7rem;
}
.header-mobile {
max-height: calc(100vh - 6rem);
}
.header-mobile__info {
width: 100%;
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr;
margin-top: 2rem;
font-size: 13px;
margin-bottom: 1rem;
}
.btn.btn-white {
background: #fff;
color: #1b1b42;
font-size: 16px;
font-weight: 700;
padding: 0.75rem 1rem;
display: block;
text-align: center;
}
}
@media (max-width: 560px) {
.header-mobile__menu ul.sub-menu {
padding-top: 0.5rem;
padding-left: 1.5rem;
}
.header-search_close {
min-width: 2rem;
}
.header-search__input {
min-width: 4rem;
}
.header-search__btn {
width: 5rem;
}
}
@media (max-width: 400px) {
.head__mobile-btn .btn-simple {
padding: 0.35rem;
font-size: 13px;
}
.head__phone a {
font-size: 14px;
}
.main-first ul li a {
font-size: 14px;
line-height: 22px;
padding: 4px 4px;
}
.main-first h1 {
font-size: 36px !important;
margin-top: 8px;
}
}
.foot {
background: #1B1B42;
color: #D2D7F2;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 18px;
padding-top: 82px;
margin-top: 50px;
position: relative;
}
.foot .gb-shape-1 {
color: #fff;
left: 0;
right: 0;
top: -6px;
transform: scaleY(-1);
position: absolute;
overflow: hidden;
pointer-events: none;
line-height: 0;
}
.foot .gb-shape-1 svg {
fill: currentColor;
height: 40px;
width: calc(100% + 1.3px);
position: relative;
left: 50%;
transform: translateX(-50%);
min-width: 100%;
}
.foot__row {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 24px;
}
.foot__logo {
margin-bottom: 24px;
}
.foot__slogo {
margin-bottom: 40px;
}
.foot__rate-numb {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.foot__rate-number {
color: #FFF;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 32px;
flex: 0 1 auto;
display: flex;
align-items: center;
justify-content: center;
width: 111px;
height: 47px;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin-right: 17px;
}
.foot__rate-text1 {
color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 24px;
text-transform: uppercase;
}
.foot__rate-stars {
width: 108.42px;
height: 17.014px;
margin-right: 17px;
background-image: url('data:image/svg+xml,');
}
.foot__rate-bottom {
display: flex;
align-items: center;
}
.foot__about {
display: flex;
align-items: flex-start;
margin-bottom: 10px;
}
.foot__about-pic {
flex: 0 1 33%;
margin-right: 16px;
}
.foot__about-pic a {
color: rgba(255, 255, 255, 0.7215686275);
padding-top: 4px;
display: block;
}
.foot__about-pic a:hover {
color: #fff;
}
.foot__about-text {
flex: 1;
}
.foot__about-title {
color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 24px;
margin-bottom: 8px;
}
.foot__about-sibtitle {
margin: 8px 0;
}
.foot__about-text p {
margin-bottom: 0px;
}
.foot__info {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.foot__info a {
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 171.429% */
padding: 2px 8px;
border-radius: 2px;
border: 1px solid #FFF;
transition: all 0.3s;
margin: 5px 0;
}
.foot__info a:before {
-webkit-mask: var(--svg);
/* Firefox and Safari */
mask: var(--svg);
background-color: #fff;
--svg: url('data:image/svg+xml,');
content: "";
width: 10px;
height: 10px;
display: inline-block;
margin-bottom: -1px;
margin-right: 5px;
}
.foot__info a.--tel:before {
--svg: url('data:image/svg+xml,') ;
}
.foot__info a.--wa:before {
--svg: url('data:image/svg+xml,') ;
}
.foot__info a:hover {
background: #fff;
color: #1B1B42;
}
.foot__info a:hover:before {
background-color: #1B1B42;
}
.foot__title {
color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 24px;
text-transform: uppercase;
margin-bottom: 16px;
}
.foot__ul {
margin: 0;
padding: 0;
list-style: none;
color: #D2D7F2;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}
.foot__ul a {
color: #D2D7F2;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 150% */
transition: 0.3s all;
}
.foot__ul a:hover {
color: #fff;
}
.foot__li.--contact a {
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
text-decoration-line: underline;
}
.foot__li.--contact a:hover {
text-decoration-line: none;
}
.foot__li {
margin-bottom: 16px;
display: flex;
align-items: flex-start;
}
.foot__li:last-child {
margin-bottom: 0px;
}
.foot__li:before {
content: "";
width: 16px;
height: 16px;
background-image: url('data:image/svg+xml,');
margin-right: 8px;
display: inline-block;
margin-top: 4px;
flex: 0 1 16px;
min-width: 16px;
}
.foot__socials {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 220px;
margin-top: 24px;
}
.foot__social {
width: 24px;
height: 24px;
-webkit-mask: var(--svg);
/* Firefox and Safari */
mask: var(--svg);
background-color: #D2D7F2;
--svg: url('data:image/svg+xml,') ;
}
.foot__social:hover {
background-color: #fff;
}
.foot__social.--facebook {
--svg: url('data:image/svg+xml,') ;
}
.foot__social.--twit {
--svg: url('data:image/svg+xml,') ;
}
.foot__social.--wa {
--svg: url('data:image/svg+xml,') ;
}
.foot__social.--inst {
--svg: url('data:image/svg+xml,') ;
}
.foot__row.--2 {
border-top: 1px solid #4560E6;
border-bottom: 1px solid #4560E6;
margin: 24px 0;
padding: 24px 0;
}
.foot_bottom {
padding: 0 0 24px 0;
text-align: center;
color: #D2D7F2;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px;
}
.foot__menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.foot__menu ul li {
margin: 16px 0;
}
.foot__menu a {
color: #D2D7F2;
font-size: 16px;
font-style: normal;
display: flex;
align-items: flex-start;
font-weight: 400;
line-height: 24px; /* 150% */
}
.foot__menu a:hover {
color: #fff;
}
.foot__menu a:before {
content: "";
width: 16px;
height: 16px;
--svg: url('data:image/svg+xml,');
-webkit-mask: var(--svg);
/* Firefox and Safari */
mask: var(--svg);
background-color: #D2D7F2;
margin-top: 4px;
margin-right: 8px;
min-width: 16px;
}
.foot__menu a:hover:before {
background-color: #fff;
}
.foot__row.--2 .foot__coll:first-child li:nth-child(1) a:before {
--svg: url('data:image/svg+xml,');
}
.foot__row.--2 .foot__coll:first-child li:nth-child(2) a:before {
--svg: url('data:image/svg+xml,') ;
}
.foot__row.--2 .foot__coll:first-child li:nth-child(3) a:before {
--svg: url('data:image/svg+xml,') ;
}
.foot__row.--2 .foot__coll:first-child li:nth-child(4) a:before {
--svg: url('data:image/svg+xml,') ;
}
.foot__row.--2 .foot__coll:first-child li:nth-child(5) a:before {
--svg: url('data:image/svg+xml,') ;
}
.foot__row.--2 .foot__coll:nth-child(2) li:nth-child(1) a:before {
--svg: url('data:image/svg+xml,') ;
}
.foot__row.--2 .foot__coll:nth-child(2) li:nth-child(2) a:before {
--svg: url('data:image/svg+xml,') ;
}
.foot__row.--2 .foot__coll:nth-child(2) li:nth-child(3) a:before {
--svg: url('data:image/svg+xml,') ;
}
.foot__row.--2 .foot__coll:nth-child(2) li:nth-child(4) a:before {
--svg: url('data:image/svg+xml,') ;
}
.foot__row.--2 .foot__coll:nth-child(2) li:nth-child(5) a:before {
--svg: url('data:image/svg+xml,') ;
}
.foot__row.--2 .foot__coll:nth-child(2) li:nth-child(6) a:before {
--svg: url('data:image/svg+xml,') ;
}
.foot__row.--2 .foot__coll:nth-child(2) li:nth-child(7) a:before {
--svg: url('data:image/svg+xml,') ;
}
.foot__row.--2 .foot__coll:nth-child(2) li:nth-child(8) a:before {
--svg: url('data:image/svg+xml,') ;
}
.foot__row.--2 .foot__coll:nth-child(2) li:nth-child(9) a:before {
--svg: url('data:image/svg+xml,') ;
}
.foot__row.--2 .foot__coll:nth-child(2) li:nth-child(10) a:before {
--svg: url('data:image/svg+xml,') ;
}
.foot__row.--2 .foot__coll:nth-child(2) li:nth-child(11) a:before {
--svg: url('data:image/svg+xml,') ;
}
.foot__row.--2 {
grid-template-columns: 1fr 2fr 1fr;
}
.foot__row.--2 .foot__coll:nth-child(2) ul {
column-count: 2;
}
.foot__row.--2 li:first-child {
margin-top: 0;
}
.foot__payment {
border-radius: 2px;
background: #D2D7F2;
width: 64px;
height: 26.667px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 8px;
margin-bottom: 8px;
}
.foot__payments {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.foot__li b {
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
padding-left: 4px;
}
.wp-block-table table > *:first-child tr:first-child {
background: #f2f5fa;
}
@media (max-width: 1024px) {
.foot__row {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 24px;
}
.foot__row.--2 {
grid-template-columns: 1fr 2fr;
}
}
@media (max-width: 767px) {
main {
padding-left: 16px !important;
padding-right: 16px !important;
}
.foot__row {
grid-template-columns: 1fr !important;
}
.foot__slogo {
margin-bottom: 20px;
}
.foot__about-pic {
flex: 0 1 120px;
}
.foot__info {
display: flex;
flex-direction: revert;
flex-wrap: wrap;
align-items: flex-start;
}
.foot__info a {
margin-right: 8px;
}
}
@media (max-width: 500px) {
.foot__logo {
margin-bottom: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.foot__logo img {
max-width: 309px;
width: 100%;
}
.foot__about {
margin-top: 10px;
}
.foot__info {
flex-direction: column;
}
.foot__info a {
font-size: 13px;
}
.foot__ul {
font-size: 15px;
}
.foot__menu ul li {
margin: 14px 0;
}
.foot__row.--2 .foot__coll:nth-child(2) ul {
column-count: 1;
}
.foot__row.--2 {
margin-bottom: 16px;
}
.foot_bottom {
padding: 0px 0 16px 0;
}
.foot__about-pic {
flex: 0 1 75px;
}
}
.fusion-content-tb > .fusion-fullwidth {
padding-left: 0 !important;
padding-right: 0 !important;
}
.wpcf7 .screen-reader-response {
display: none !important;
}
span.wpcf7-not-valid-tip {
font-size: 0.75rem;
}
.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 1em;
font-weight: normal;
display: block;
}
.wpcf7 .fusion-slider-loading {
display: none !important;
}
.wpcf7 .submitting .fusion-slider-loading {
display: block !important;
}
.select-arrow {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" %3F>') !important;
background-color: #fafafa !important;
}
.codedropz-upload-inner h3 {
font-size: 19px !important;
line-height: 24px !important;
}
.codedropz-upload-handler {
background: #fafafa;
}
.dnd-upload-status .dnd-upload-details .name span {
max-width: 8rem;
font-size: 14px;
}
.dnd-upload-status .dnd-upload-details .name em {
font-size: 13px;
}
.form1 {
padding: 1.25rem;
padding-bottom: 1rem;
border-radius: 4px;
background: #fff;
border-radius: 0;
box-shadow: 0px 0px 20px rgba(200, 200, 200, 0.2);
border-radius: 8px;
border-top: 4px solid var(--accent-2);
}
.form1__name {
font-size: 13px;
margin-bottom: 4px;
text-align: left;
opacity: 0.6;
}
.form1 .wpcf7-form-control.wpcf7-radio {
display: flex;
justify-content: space-between;
border-radius: 8px;
background: #f5f9fc;
border-radius: 8px;
overflow: hidden;
}
span.red {
color: red;
}
.intl-tel-input .country-list {
z-index: 10 !important;
}
.form1 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item {
margin: 0;
display: flex;
flex: 0 1 33%;
text-align: center;
transition: all 0.3s;
}
.form1 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item:hover {
background: #fff;
}
.form1 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label {
width: 100%;
cursor: pointer;
text-align: center;
color: #454545;
text-align: center;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 171.429%;
}
.form1 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item input {
display: none;
}
.form1 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label {
padding: 1.25rem 0;
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
height: 1.5rem;
transition: all 0.3s;
}
.form1 .wpcf7-form-control.wpcf7-radio :checked + .wpcf7-list-item-label {
color: #fff;
border-radius: 8px;
background: #dd5f56;
box-shadow: -4px 5px 20px 0px rgba(131, 161, 202, 0.24);
height: 1.8rem;
margin-bottom: -0.15rem;
}
.form1__row .intl-tel-input .country-list.dropup {
color: #000;
}
.form1__row .form1__coll.--date input {
width: 100%;
padding: 0.4rem 1.1rem;
border-radius: 5px !important;
overflow: hidden;
background: #fafafa;
border: 0px solid #482d70 !important;
background: #fafafa;
padding: 0.5rem 1.1rem;
color: #334972;
font-size: 0.75rem;
max-height: 2.75rem;
font-size: 16px !important;
font-style: normal;
font-weight: 400;
}
.form1__row .intl-tel-input.allow-dropdown input,
.form1__row .intl-tel-input.allow-dropdown input[type=tel] {
min-width: 100%;
border-radius: 5px !important;
overflow: hidden;
border: 0px solid #482d70 !important;
background: #fafafa;
padding: 0.5rem 1.1rem;
padding-left: 3.5rem;
color: #334972;
font-size: 0.75rem;
max-height: 2.75rem;
font-size: 16px !important;
font-style: normal;
font-weight: 400;
}
.form1__row p {
margin: 0 !important;
}
.form1__row input {
border-radius: 5px;
border: 1px solid #98bdf1;
background: #fafafa;
padding: 0.45rem 1.1rem;
color: #334972;
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
max-height: 2.5rem;
line-height: 200%;
width: calc(100% - 2.2rem);
}
.form1__row select {
width: 100%;
border-radius: 5px !important;
overflow: hidden !important;
border: 0px solid #482d70 !important;
background: #fafafa !important;
padding: 0.5rem 0.9rem;
color: #334972;
font-size: 0.75rem;
max-height: 44px;
height: 44px;
font-size: 16px !important;
font-style: normal;
font-weight: 400;
}
form .wpcf7-select-parent .select-arrow {
border: none !important;
top: 10px;
right: 5px;
border-radius: 20px;
background-color: transparent;
background-image: url('data:image/svg+xml,');
background-size: 1rem;
background-repeat: no-repeat;
background-position: center;
font-size: 0 !important;
width: 1.5rem !important;
height: 1.5rem !important;
}
.form1__row select:before {
content: "";
}
.form1__row.--1:first-child {
margin-top: 1rem;
}
.form1__row.--2 {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 0.5rem;
margin: 0.9rem 0;
max-width: 100%;
}
.form1__row {
margin: 0.9rem 0;
}
.form1__row.--submit {
display: flex;
justify-content: center;
align-items: center;
margin-top: 1.5rem;
margin-bottom: 0.5rem;
position: relative;
}
.form1__row.--submit .wpcf7-spinner {
display: none;
}
.form1__row.--submit input[type=submit i] {
color: #fff;
font-size: 0.875rem;
font-style: normal;
font-weight: 500;
line-height: 171.429%;
border-radius: 8px;
border: 1px solid #482d70;
background: #482d70;
padding: 0.5rem 1.5rem;
width: auto;
cursor: pointer;
position: relative;
z-index: 5;
background-size: 1.1rem;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left 1.5rem center;
padding-left: 2.8rem;
}
.form1__row.--submit input[type=submit i]:hover {
background-color: #5e3f8c;
border: 1px solid #5e3f8c;
}
.form1__row.--submit input[type=submit i]:before {
content: "";
-webkit-mask: var(--svg);
/* Firefox and Safari */
mask: var(--svg);
background-color: #fff;
--svg: url('data:image/svg+xml,');
width: 1rem;
height: 1rem;
display: inline-block;
margin-right: 0.35rem;
margin-bottom: -0.2rem;
}
span.wpcf7-not-valid-tip {
font-size: 0.75rem;
}
.form1__coll.--select .wpcf7-form-control-wrap {
position: relative;
}
.form1__coll.--date .wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-form .form1 textarea {
min-height: 5rem;
}
.form1 input[type=date i]::-webkit-calendar-picker-indicator {
content: "";
width: 1.5rem;
height: 1.5rem;
background-color: #fafafa;
background-image: url('data:image/svg+xml,');
position: absolute;
position: absolute;
right: 0.65rem;
top: -0.2rem;
background-repeat: no-repeat;
background-position: center;
}
.form1 .intl-tel-input {
position: relative;
display: inline-block;
width: 100%;
border-radius: 20px;
}
.wpcf7-form .form1 textarea, .wpcf7 .form1 input[type=email], .wpcf7-form .form1 .wpcf7-text {
border-radius: 5px !important;
width: 100%;
overflow: hidden;
border: 0px solid #482d70 !important;
background: #fafafa;
padding: 0.5rem 1.1rem;
color: #334972;
font-size: 0.75rem;
max-height: 2.75rem;
font-size: 16px !important;
font-style: normal;
font-weight: 400;
}
.wpcf7-form .form1 textarea::placeholder, .wpcf7 .form1 input[type=email]::placeholder, .wpcf7-form .form1 .wpcf7-text::placeholder {
color: #334972;
}
.form1__row.--acceptance {
display: flex;
justify-content: center;
margin-bottom: 0;
font-size: 0.8rem;
}
.intl-tel-input.allow-dropdown .selected-flag {
border-radius: 0;
}
.intl-tel-input .country-list {
max-width: 20.5rem;
}
.form1.--small {
padding-top: 0.75rem;
}
.form1.--small .form1__row {
margin: 0.75rem 0;
}
.form1.--small .form1__row.--title {
font-weight: bold;
}
.form1.--small .form1__row.--acceptance {
margin: 0.5rem 0;
}
.form1.--small .form1__row.--2 {
grid-gap: 0.75rem;
}
.form1.--blackbg .form1__row {
margin: 1.25rem 0;
}
.form1.--blackbg .form1__row.--title, .form1.--blackbg .form1__row.--title p {
color: #fff;
font-size: 40px;
font-weight: 700;
line-height: 44px;
text-align: center;
}
.form1.--blackbg .form1__row.--2 {
grid-gap: 1.5rem;
}
.form1.--blackbg .form1__name, .form1.--blackbg .form1__name p {
color: #fff;
opacity: 1;
}
.form1.--blackbg {
background: var(--secondary, #101935);
padding: 40px 0;
border: none;
border-radius: 0;
position: relative;
}
.form1.--blackbg:before {
content: "";
top: 0;
background: var(--secondary, #101935);
width: 200vw;
left: -50vw;
height: 100%;
position: absolute;
}
.form1.--blackbg > * {
position: relative;
z-index: 2;
}
.form1__grid.--2 {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1.5rem;
}
.form1.--blackbg .codedropz-upload-container {
padding: 18px 20px;
}
.form1.--blackbg .form1__row .intl-tel-input.allow-dropdown input, .form1.--blackbg .form1__row .intl-tel-input.allow-dropdown input[type=tel], .form1.--blackbg .codedropz-upload-handler, .wpcf7-form .form1.--blackbg textarea, .wpcf7 .form1.--blackbg input[type=email], .wpcf7-form .form1.--blackbg .wpcf7-text {
background: #fff;
}
.form1.--blackbg p {
margin-bottom: 0;
}
.form1.--blackbg .form1__row select {
background: #fff;
height: 44px;
}
.form1.--blackbg .wpcf7-not-valid-tip {
display: none;
}
.form1.--blackbg .form1__coll:has(.wpcf7-not-valid-tip) > .form1__name, .form1.--blackbg .form1__coll:has(.wpcf7-not-valid-tip) > .form1__name p {
color: #FF4040;
}
.form1.--blackbg .form1__coll:has(.wpcf7-not-valid-tip) > p *::placeholder {
color: #FF4040;
}
.form1.--blackbg .form1__coll:has(.wpcf7-not-valid-tip) > p select {
color: #FF4040;
}
.form1.--blackbg .form1__coll:has(.wpcf7-not-valid-tip) > p option:not(:first-of-type) {
color: #334972;
}
.codedropz-upload-inner span {
color: #334972;
}
form:has(.form1.--blackbg) .wpcf7-response-output {
display: none !important;
}
.form1.--blackbg .dnd-upload-status .dnd-upload-details .remove-file span:after {
background-image: url('data:image/svg+xml,');
}
.form1.--blackbg .form1__row.--submit input[type=submit i] {
background: var(--cta, #0366D6);
padding: 12px 50px;
height: 44px;
font-size: 16px;
min-height: 53px;
}
.form1.--blackbg .fusion-slider-loading {
filter: brightness(2);
}
.form1.--blackbg .form1__row.--submit p {
display: flex;
align-items: center;
}
.form1.--blackbg .form1__row.--submit input[type=submit i]:before {
content: none;
}
.form1.--blackbg .wpcf7-form-control-wrap {
display: flex;
flex-direction: column;
}
.form1.--blackbg .form1__row {
margin-top: 0 !important;
}
.form1.--blackbg.--reviews textarea {
min-height: 162px;
}
.form1.--blackbg.--reviews input[type=submit i] {
min-width: 200px;
}
.form1.--blackbg.--reviews .form1__row.--acceptance {
color: #fff;
margin-bottom: 0;
}
.form1.--blackbg.--reviews .form1__row.--acceptance a {
color: #fff;
text-decoration: underline;
}
.form1.--blackbg.--reviews .form1__row.--acceptance input {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 5px;
bottom: 2px;
position: relative;
}
.form1.--blackbg.--reviews .wpcf7-form-control.wpcf7-radio.stars {
background: #fff;
min-height: 44px;
align-items: center;
justify-content: center;
}
.form1 .wpcf7-form-control.wpcf7-radio.stars .wpcf7-list-item-label {
width: 19px !important;
height: 19px !important;
font-size: 0;
max-height: 19px;
padding: 0;
border-radius: 0 !important;
transition: all 0.3s;
background-color: transparent;
background-image: url('data:image/svg+xml,');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
box-shadow: none;
margin: 0;
}
.form1 .wpcf7-form-control.wpcf7-radio.stars .wpcf7-list-item:has(:checked) ~ .wpcf7-list-item .wpcf7-list-item-label {
background-image: url('data:image/svg+xml,');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.wpcf7-form-control.wpcf7-radio.stars .wpcf7-list-item {
margin: 0;
display: flex;
flex: 0 1 auto;
margin: 0 6px;
}
.form1.--promo {
padding: 0;
border: none;
box-shadow: none;
}
.form1.--promo .form1__row.--submit {
margin-top: 1.5rem;
}
.form1.--promo .form1__row.--submit input[type=submit i] {
font-size: 16px;
min-height: 45px;
background-color: #0366D6;
border: 1px solid #0366D6;
background-image: none;
padding: 0.5rem 1.5rem;
}
.form1.--promo .form1__row.--submit input[type=submit i]:hover {
background-color: #192b80;
border: 1px solid #192b80;
}
.form1.--promo .form1__row.--submit input[type=submit i]:before {
content: none;
}
.form1.--promo .form1__row.--acceptance a {
color: #0366D6;
}
.form1.--promo .form1__row.--acceptance a:hover {
color: #192b80;
}
.form1.--promo .wpcf7-response-output {
display: none !important;
}
.banner-pic__form .wpcf7 input[type=email]:focus {
border: 0 !important;
}
.form2 {
display: flex;
align-items: flex-start;
}
.form2 input[type=email] {
padding: 0.5rem 1rem;
height: 50px;
}
.form2 p {
margin: 0px !important;
}
.form2__coll:first-child {
margin-right: 0.75rem;
flex: 1;
max-width: 70%;
}
.wpcf7-form:has(.form2) .wpcf7-response-output {
margin: 0;
margin-top: 0.5rem;
}
.form2 .wpcf7-not-valid-tip {
color: #fff;
}
.form2 input[type=submit] {
background: #482d70 !important;
border-color: #482d70 !important;
font-weight: 600;
font-size: 19px !important;
min-height: 50px;
}
.form2 input[type=submit]:hover {
background: #0366d6 !important;
border-color: #0366d6 !important;
}
@media (max-width: 990px) {
.form1__grid.--2 {
grid-template-columns: 1fr;
grid-gap: 0;
}
.form1__grid.--2 > .form1__coll > .form1__row:first-child {
margin-top: 0;
}
}
@media (max-width: 767px) {
.form2 input[type=email] {
width: 100%;
}
.form2 input[type=submit] {
width: 100% !important;
}
}
@media (max-width: 640px) {
.form2 {
align-items: flex-start;
flex-direction: column;
}
.form2__coll:first-child {
margin-right: 0;
margin-bottom: 14px;
max-width: 100%;
}
.form2__coll:last-child {
width: 100% !important;
}
.form1.--blackbg .form1__row.--title, .form1.--blackbg .form1__row.--title p {
font-size: 24px;
line-height: 34px;
}
.form1__row.--2 {
grid-gap: 1rem;
grid-template-columns: 1fr;
}
.hide-mobile {
display: none !important;
}
.promo__img {
height: 80px;
}
.promo__text {
padding: 16px;
}
.form2__coll {
width: 100%;
}
}
@media (max-width: 400px) {
.form1 {
padding: 1rem;
}
.form1__row.--2 {
grid-template-columns: 1fr;
grid-gap: 0.9rem;
}
}
.form-base p {
margin: 0 !important;
}
.form-calculator {
background: #101935;
border-radius: 32px;
padding: 32px;
padding-bottom: 16px;
}
.form-base__row.--title {
text-align: center;
font-size: 40px;
font-weight: 700;
line-height: 44px;
}
.form-calculator .form-base__row.--title {
color: #fff;
grid-template-columns: 1fr;
margin: 0;
}
.form-base__info {
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: center;
padding: 16px;
background: var(--cta, #0366D6);
border-radius: 16px;
max-width: 600px;
margin: 16px auto;
}
.form-base__row {
display: grid;
grid-gap: 16px;
grid-template-columns: 1fr 1fr;
margin: 17px 0;
}
.form-base__row.--3-1 {
display: flex;
align-items: flex-start;
}
.form-base__row.--3-1 > .form-base__coll:first-child {
flex: 1;
margin-right: 16px;
}
.form-base__row.--3-1 > .form-base__coll:last-child {
flex: 0 1 165px;
padding-top: 16px;
}
.form-base__row.--3 {
grid-template-columns: 1fr 1fr 1fr;
}
.form-base__row.--1 {
grid-template-columns: 1fr;
}
.form-base__row.--total-alert {
color: #ff7800;
font-size: 14px;
display: none;
}
.form-base__name {
font-size: 14px;
font-weight: 400;
line-height: 14px;
margin-bottom: 6px;
display: flex;
align-items: center;
}
.form-calculator select option:first-child {
color: #ccc;
}
.form-calculator .form-base__name {
color: #fff;
}
.form-base .wpcf7-form-control-wrap, .form-base .intl-tel-input, .form-base .wpcf7-intl_tel {
width: 100%;
display: block;
}
.form-base select, .form-base input, .form-base input[type=text], .form-base input[type=tel], .form-base input[type=email], .form-base input[type=number] {
width: 100%;
border-radius: 8px;
height: 45px;
padding: 9px 16px;
margin: 0;
min-height: 45px;
max-height: 45px;
border: none;
}
.form-base input[type=submit] {
background: var(--cta, #0366D6) !important;
height: 48px;
font-size: 16px;
font-weight: 400;
line-height: 16px;
text-align: center;
}
.form-base input[type=submit]:hover {
background: #192b80 !important;
}
.form-base.form-calculator input[type=submit] {
width: 100% !important;
}
.form-base *::placeholder {
color: rgba(16, 25, 53, 0.6);
}
.form-base__note {
position: relative;
width: 16px;
height: 16px;
margin-left: 5px;
margin-bottom: -2px;
background-image: url('data:image/svg+xml,');
flex: 0 1 16px;
min-width: 16px;
}
.form-base__note-text::after {
content: "";
position: absolute;
left: 3.85rem;
bottom: -17px;
border: 10px solid transparent;
border-top: 10px solid #fefefe;
}
.form-base__note-text {
position: absolute;
width: 20rem;
bottom: 1.5rem;
background: #fefefe;
border: 1px solid #0366d6;
background: #fefefe;
border-radius: 10px;
padding: 0.25rem 0.5rem;
left: -4rem;
text-align: center;
z-index: 34;
transition: all 0.3s;
transform: scaleY(0);
display: block;
font-size: 13px;
line-height: 120%;
color: #4056A1;
}
.form-base__note:hover .form-base__note-text {
transform: scale(1);
}
.form-base__row.--submit {
display: flex;
align-items: center;
justify-content: center;
}
.form-calculator .form-base__row.--submit {
margin: 12px 0 10px 0;
}
.form-base input[type=submit] {
background: var(--cta, #0366D6);
height: 48px;
font-size: 16px;
font-weight: 400;
line-height: 16px;
text-align: center;
}
.form-base .form-base__row.--submit {
position: relative;
}
.form-base span.wpcf7-spinner {
position: absolute;
left: calc(50% - 32px);
}
.form-base__row.--acceptance {
margin: 0;
grid-template-columns: 1fr;
text-align: center;
}
.form-base__row.--acceptance .wpcf7-list-item {
width: 100%;
display: inline-block;
margin: 0;
}
.form-base__row.--acceptance label {
display: flex;
align-items: center;
justify-content: center;
}
.form-base__row.--acceptance input[type=checkbox] {
flex: 0 1 16px;
margin-right: 8px;
height: 16px;
}
.form-base__row.--acceptance span.wpcf7-list-item-label {
flex: 0 1 auto;
text-align: left;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
color: #fff;
}
.form-base__row.--acceptance span.wpcf7-list-item-label a {
color: #fff;
text-decoration: underline;
}
.form-base__calculator {
background: url(../img/calc.png);
background-size: contain;
background-repeat: no-repeat;
background-position: top left;
width: 164px;
height: 230px;
position: relative;
}
.form-base__calculator .form-base__prices {
position: absolute;
right: 20px;
top: 22px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.form-base__calculator .form-base__prices-newprices {
font-size: 29px;
color: #fff;
font-weight: 800;
}
.form-base__calculator .form-base__prices-oldprices {
font-size: 18px;
text-decoration: line-through;
margin-right: 10px;
color: #fff;
opacity: 0.7;
display: none;
}
.form-base__coll {
width: 100%;
}
.form-base .select-arrow {
background-color: #fff !important;
top: 13px;
}
@media (max-width: 767px) {
.form-calculator .form-base__row {
grid-template-columns: 1fr !important;
}
.form-base__row.--2 {
grid-template-columns: 1fr 1fr !important;
}
.form-base__row.--3-1 > .form-base__coll:first-child {
flex: 1;
margin-right: 0;
width: 100%;
}
.form-calculator {
padding-bottom: 2px;
padding: 16px;
}
.form-base__row.--title {
font-size: 24px;
line-height: 30px;
}
.form-calculator .form-base__row.--submit {
margin: -16px 0 10px 0;
}
.form-base__info {
font-size: 14px;
line-height: 20px;
padding: 8px;
margin: 8px auto;
}
.form-base__row.--3-1 {
flex-direction: column-reverse;
align-items: center;
}
.form-base__row.--3-1 > .form-base__coll:last-child {
padding-top: 0;
display: flex;
align-items: center;
justify-content: center;
}
}
@media (max-width: 480px) {
.form-calculator .form-base__row {
grid-template-columns: 1fr !important;
}
}
.popup {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 10000000;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.popup__wrap {
position: relative;
z-index: 2;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
align-items: center;
min-height: 100%;
padding: 6rem 0;
box-sizing: border-box;
}
.popup__content {
position: relative;
z-index: 2;
padding: 32px;
background: #F7F8FF;
filter: drop-shadow(1px 1px 10px #C5CBE3);
color: #212934;
max-width: 656px;
width: calc(100% - 32px);
border-radius: 1rem;
}
.popup__shade {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(0, 0, 0, 0.44);
}
.popup-promo .popup__shade {
background: rgba(242, 245, 250, 0.8);
}
.popup-promo .popup__content {
filter: none;
max-width: 750px;
border-radius: 0rem;
background: #fff;
padding: 0;
}
.popup-promo .popup__close {
top: 0;
right: 0;
border-radius: 0;
background-image: url('data:image/svg+xml,');
background-color: #fff;
background-size: contain;
}
.popup__close {
width: 40px;
height: 40px;
position: absolute;
border-radius: 100%;
background-image: url('data:image/svg+xml,');
background-color: #C5CBE3;
background-repeat: no-repeat;
background-position: center;
background-size: 1.5rem;
cursor: pointer;
transition: all ease 0.24s;
top: 0.5em;
right: 0.5rem;
}
.popup__close:hover {
opacity: 0.56;
}
.promo__form .wpcf7-response-output {
display: none !important;
}
.promo__img {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 160px;
overflow: hidden;
}
.promo__img img {
object-fit: cover;
width: 100%;
height: 100%;
}
.promo__text {
padding: 24px;
}
.promo__title {
color: #141414;
font-size: 20px;
font-weight: 700;
line-height: 24px;
margin-bottom: 16px;
max-width: 323px;
}
.promo__text p {
color: rgba(20, 20, 20, 0.8);
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
@media (max-width: 767px) {
.promo__img img {
object-fit: contain;
}
}
.banner-pic {
background: #4560E6;
background-image: url(../img/banner-bg.png);
padding: 32px;
border-radius: 16px;
display: flex;
align-items: center;
color: #fff;
}
.banner-pic__pic {
flex: 0 1 40%;
min-width: 40%;
display: flex;
align-items: center;
justify-content: center;
padding-right: 32px;
}
.banner-pic__info {
flex: 1;
width: 60%;
}
h3.banner-pic__title {
font-size: 40px !important;
font-weight: 900 !important;
line-height: 56px;
color: #fff !important;
margin: 0 !important;
margin-bottom: 24px !important;
}
.banner-pic__text {
font-size: 20px;
font-weight: 600;
line-height: 32px;
margin-bottom: 32px;
}
.banner-pic__btns {
display: flex;
align-items: center;
}
.banner-pic__logo {
height: 40px;
display: flex;
margin-left: 38px;
}
.banner-pic.--with-logo .banner-pic__pic {
flex: 0 1 33%;
margin-bottom: -32px;
padding-left: 32px;
padding-right: 64px;
}
.banner-pic.--with-logo .banner-pic__pic img {
max-width: 210px;
width: 100%;
}
.banner-pic img {
width: 100%;
}
.banner-pic__btns .btn img {
width: 16px;
display: inline-block;
margin-left: 8px;
}
.banner-pic__btns .btn {
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1024px) {
h3.banner-pic__title {
font-size: 32px !important;
line-height: 40px;
}
.banner-pic__text {
font-size: 16px;
line-height: 24px;
margin-bottom: 24px;
}
.banner-pic__logo {
height: 22px;
margin-left: 24px;
}
}
@media (max-width: 767px) {
.banner-pic {
padding: 16px;
flex-direction: column;
margin: 32px 0;
}
.banner-pic__pic {
max-width: 210px;
margin-bottom: 16px;
min-width: unset;
padding-right: 0rem;
}
.banner-pic.--with-logo .banner-pic__pic {
margin-bottom: 16px;
padding-right: 32px;
}
.banner-pic__info {
width: 100%;
}
h3.banner-pic__title {
font-size: 28px !important;
line-height: 35px;
text-align: center !important;
}
.banner-pic__text {
text-align: center;
}
.banner-pic__btns {
align-items: center;
justify-content: center;
margin-bottom: 0.5rem;
}
}
@media (max-width: 580px) {
.banner-pic__btns {
flex-direction: column;
}
.banner-pic .btn {
padding: 8px 12px;
width: 100%;
text-align: center;
}
.banner-pic__logo {
margin-left: 0;
margin-top: 14px;
}
}
h2.prices__title {
text-align: center;
margin: 0 !important;
margin-bottom: 24px !important;
}
.prices {
display: grid;
grid-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
}
.prices__item {
padding: 24px;
border: 1px solid var(--secondary, #101935);
border-radius: 16px;
margin-top: 36px;
position: relative;
}
.prices__item.--top {
background: linear-gradient(0.3deg, #101935 -20.18%, #1F357D 114.68%);
color: #fff;
border-radius: 0 0 16px 16px;
}
.prices__note {
position: absolute;
top: -36px;
width: 100%;
left: 0;
background: #03D642;
border-radius: 16px 16px 0 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: 600;
line-height: 28px;
text-align: center;
text-transform: uppercase;
padding: 4px 0;
}
.prices__name {
font-size: 20px !important;
font-weight: 600 !important;
line-height: 28px !important;
text-align: center;
margin: 0 !important;
margin-bottom: 24px !important;
color: #101935 !important;
}
.prices__item.--top .prices__name {
color: #fff !important;
}
.prices__price {
display: flex;
align-items: flex-end;
justify-content: center;
margin: 24px 0;
color: var(--text, rgba(16, 25, 53, 0.8));
}
.prices__price span {
margin-right: 8px;
font-size: 64px;
font-weight: 700;
line-height: 64px;
text-align: center;
color: #101935;
}
.prices__item.--top .prices__price span, .prices__item.--top .prices__price {
color: #fff;
}
.prices__btn {
display: flex;
align-items: center;
justify-content: center;
margin: 24px 0;
}
.prices__text ul {
margin: 0;
padding: 0;
list-style: none;
}
.prices__text li {
margin-bottom: 12px;
padding-left: 24px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: left top 7px;
color: var(--text, rgba(16, 25, 53, 0.8));
}
.prices__item.--top .prices__text li {
background-image: url('data:image/svg+xml,');
color: #fff;
}
.prices__text li:last-child {
margin-bottom: 0px;
}
@media (max-width: 990px) {
.prices__item {
padding: 18px;
}
.prices {
grid-gap: 18px;
}
.prices__price span {
font-size: 56px;
line-height: 50px;
}
}
@media (max-width: 767px) {
.prices {
grid-template-columns: 1fr;
}
.prices__item.--top {
order: 0;
margin-top: 36px;
}
.prices__item {
order: 3;
margin-top: 0;
}
.prices__name {
margin-bottom: 18px;
}
.prices__price {
margin: 18px 0;
}
.prices__text li {
margin-bottom: 8px;
font-size: 14px;
}
}
.authors h2 {
margin: 0 !important;
margin-bottom: 24px !important;
}
.authors-filter {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 24px;
}
.authors-filter select {
width: 360px;
border: 1px solid rgba(16, 25, 53, 0.6);
border-radius: 8px;
color: #101935;
font-size: 16px;
height: 48px;
padding: 10px;
margin-right: 16px;
}
.authors-blocks {
display: grid;
grid-gap: 16px;
}
.authors-block {
box-shadow: 0px 0px 16px 0px rgba(16, 25, 53, 0.1019607843);
border: 1px solid var(--secondary, #101935);
border-radius: 16px;
padding: 24px;
display: flex;
align-items: center;
justify-content: space-between;
}
.authors-block__info {
display: flex;
align-items: center;
}
.authors-block__pic {
width: 80px;
height: 80px;
border-radius: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
margin-right: 16px;
}
.authors-block__p {
display: flex;
flex-direction: column;
}
.authors-block__p b {
font-size: 20px;
font-weight: 700;
line-height: 24px;
margin-bottom: 4px;
}
.authors-block__p span {
color: var(--text, rgba(16, 25, 53, 0.8));
font-size: 16px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: right center;
padding-right: 19px;
}
.authors-block__btn {
flex: 0 1 auto;
display: flex;
}
.authors-block__note {
flex: 0 1 25%;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: var(--text, rgba(16, 25, 53, 0.8));
text-align: center;
}
.authors-block__rates {
flex: 0 1 20%;
font-size: 24px;
font-weight: 700;
line-height: 20px;
color: #FEBA2D;
display: flex;
align-items: center;
justify-content: center;
}
.authors-block__info {
display: flex;
align-items: center;
flex: 0 1 25%;
}
.authors-block__stars {
position: relative;
width: 88px;
height: 16px;
background-image: url('data:image/svg+xml,');
}
.authors-block__stars-active {
position: relative;
width: 88px;
height: 16px;
background-image: url('data:image/svg+xml,');
}
.authors-filter__select-item {
border: 1px solid var(--cta, #0366D6);
color: #0366D6;
padding: 11px 48px;
border-radius: 8px;
font-size: 16px;
cursor: pointer;
}
.authors-filter__select-item:after {
content: "";
background-image: url('data:image/svg+xml,');
width: 16px;
height: 15px;
display: inline-block;
margin-bottom: -2px;
margin-left: 6px;
}
@media (max-width: 990px) {
.authors-block__info {
flex: 0 1 39%;
}
.authors-block {
padding: 16px;
}
}
@media (max-width: 767px) {
.authors-filter__select {
width: 100%;
}
.authors-filter select {
width: 100%;
margin-right: 0;
}
.authors-filter__active {
width: 100%;
}
.authors-filter__select-item {
text-align: center;
margin-top: 8px;
}
.authors-block {
flex-wrap: wrap;
}
.authors-block__info {
flex: 0 1 50%;
width: 50%;
}
.authors-block__rates {
flex: 0 1 50%;
width: 50%;
justify-content: flex-end;
}
.authors-block__pic {
width: 40px;
height: 40px;
margin-right: 10px;
}
.authors-block__p b {
font-size: 16px;
line-height: 20px;
margin-bottom: 0px;
}
.authors-block__p span {
font-size: 14px;
}
.authors-block__note {
margin: 10px 0;
flex: 0 1 100%;
}
.authors-block__btn {
flex: 0 1 100%;
}
.authors-block__btn .btn.btn-border {
width: 100%;
}
}
@media (max-width: 480px) {
.authors-block__rates {
flex: 0 1 100%;
width: 100%;
justify-content: center;
margin-top: 8px;
}
.authors-block__info {
flex: 0 1 100%;
width: 10%;
justify-content: center;
}
}
.reviews-list h2 {
text-align: center;
margin: 0 !important;
margin-bottom: 24px !important;
}
.reviews-list__btn {
display: flex;
align-items: center;
justify-content: center;
margin: 16px 0;
}
.reviews-list__btn .--loading {
opacity: 0.5;
pointer-events: none;
}
.reviews-list__wrap {
margin-bottom: 16px;
}
.reviews__text {
margin-bottom: 24px;
}
.reviews-slider__title {
display: flex;
align-items: center;
justify-content: space-between;
}
.--single .reviews-slider__date {
position: relative;
bottom: unset;
}
.reviews-slider__item.--single {
margin-bottom: 16px;
height: auto;
}
.reviews-slider__item.--single:last-child {
margin-bottom: 0;
}
.reviews h2 {
text-align: center;
margin: 0 !important;
margin-bottom: 24px !important;
}
.reviews-filter__item.--cescriptielatenschrijven {
order: -1;
}
.reviews-data {
margin-top: 24px;
}
.reviews-filter__items {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin: 24px 0;
}
.reviews-filter__item {
background: rgba(3, 102, 214, 0.1019607843);
height: 48px;
width: 150px;
border-radius: 8px;
margin: 4px 6px;
font-size: 0;
position: relative;
cursor: pointer;
transition: all 0.3s;
}
.reviews-filter__item:hover {
filter: brightness(1.1);
}
.reviews-filter__item.active {
background: rgba(3, 102, 214, 0.2117647059);
}
.reviews-filter__item:before {
content: "";
width: 122px;
height: 31px;
background-image: url(../img/reviews-logo1.png);
position: absolute;
left: 14px;
top: 8px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.reviews-filter__item.--trustpilot:before {
background-image: url(../img/reviews-logo2.png);
}
.reviews-filter__item.--proven:before {
background-image: url(../img/reviews-logo3.png);
}
.reviews-filter__btn .btn {
height: 48px;
display: flex;
border-radius: 8px;
align-items: center;
justify-content: center;
}
.reviews-slider__item {
box-shadow: 0px 0px 7px 0px rgba(16, 25, 53, 0.2509803922);
border-radius: 16px;
height: calc(100% - 5px);
position: relative;
overflow: hidden;
margin: 6px;
}
.reviews-slider .swiper {
overflow: hidden;
}
.reviews-slider__top {
display: flex;
align-items: center;
background: var(--secondary, #101935);
color: #fff;
padding: 16px 20px;
justify-content: space-between;
flex-wrap: wrap;
}
.reviews-slider__left {
display: flex;
align-items: center;
}
.reviews-slider__avatar {
width: 40px;
height: 40px;
margin-right: 10px;
border-radius: 100%;
overflow: hidden;
}
.reviews-slider__name {
display: flex;
flex-direction: column;
font-size: 14px;
line-height: 20px;
}
.reviews-slider__name b {
font-size: 18px;
font-weight: 700;
line-height: 20px;
margin-bottom: 1px;
}
.reviews-slider__stars {
width: 128px;
height: 24px;
background-image: url('data:image/svg+xml,');
margin: 4px 0;
}
.reviews-slider__stars-active {
width: 128px;
height: 24px;
background-image: url('data:image/svg+xml,');
}
.reviews-slider__text {
padding: 20px;
font-size: 16px;
font-weight: 400;
line-height: 20px;
text-align: left;
padding-bottom: 36px;
}
.reviews-slider__text b {
font-size: 24px;
font-weight: 700;
line-height: 28px;
display: block;
margin-bottom: 10px;
color: #141414;
}
.reviews .swiper-wrapper {
align-items: stretch;
}
.reviews .swiper-slide {
height: auto;
padding-bottom: 5px;
}
.reviews-slider__date {
position: absolute;
bottom: 20px;
}
.slider-base {
position: relative;
}
.swiper-nav .swiper-pagination {
position: relative;
margin-top: 8px;
}
.swiper-nav .swiper-pagination-bullet {
background: #fff;
border: 1px solid var(--secondary, #101935);
opacity: 1;
margin: 3px !important;
transition: all 0.3s;
border-radius: 4px;
width: 8px;
height: 8px;
}
.swiper-nav .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #101935;
width: 24px;
}
.swiper-nav .swiper-button-next:after, .swiper-nav .swiper-button-prev:after {
content: none !important;
}
.swiper-nav .swiper-button-next, .swiper-nav .swiper-button-prev {
width: 32px;
height: 32px;
left: -42px;
background-image: url('data:image/svg+xml,');
}
.swiper-nav .swiper-button-next {
right: -42px;
left: unset;
transform: rotate(180deg);
}
.swiper-nav .swiper-pagination {
position: relative;
margin-top: 8px;
justify-content: center !important;
}
@media (max-width: 1280px) {
.swiper-nav .swiper-button-next {
right: -16px;
}
.swiper-nav .swiper-button-prev {
left: -16px;
}
}
@media (max-width: 767px) {
.reviews-filter__item {
height: 40px;
width: 120px;
}
.reviews-slider__title {
align-items: flex-start;
flex-direction: column;
margin-bottom: 16px;
}
.--single .reviews-slider__text b {
margin-bottom: 0;
}
.reviews-filter__item:before {
width: 100px;
height: 29px;
left: 10px;
top: 4px;
}
.reviews-filter__btn .btn {
height: auto;
margin: 4px;
font-size: 13px;
padding: 10px;
}
}
body #wrapper .post-content blockquote {
background: #e1e6ed;
margin: 0;
margin-bottom: 1.5rem;
padding: 1.27rem 1.56rem;
line-height: 1.8;
border-radius: 0.5rem;
border: none;
font-size: 16px;
line-height: 162%;
font-style: normal;
border-left: 5px solid #192b80;
color: #141414;
}
blockquote p {
margin: 0;
}
blockquote strong {
font-size: 18px;
margin-bottom: 8px;
display: block;
}
.ul-beautiful {
margin: 0;
padding: 0;
list-style: none;
}
.ul-beautiful li {
margin: 8px 0;
padding-left: 1.5rem;
background-image: url('data:image/svg+xml,');
background-size: 1rem;
background-repeat: no-repeat;
background-position: left top 7px;
}
.ul-beautiful li.minus {
background-image: url('data:image/svg+xml,');
}
.cta-plus {
padding: 32px;
position: relative;
border: 2px solid var(--secondary, #101935);
border-radius: 16px;
background-image: url(../img/cta-bg1.png);
background-size: 670px;
background-position: top right;
background-repeat: no-repeat;
margin-bottom: 140px;
}
.cta-plus__blocks {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 16px;
margin-top: 20px;
margin-bottom: -125px;
margin-left: -24px;
margin-right: -24px;
}
.cta-plus__title {
font-size: 40px;
font-weight: 700;
line-height: 44px;
color: var(--text, rgba(16, 25, 53, 0.8));
max-width: 790px;
margin-bottom: 16px;
}
.cta-plus__p {
color: rgba(20, 20, 20, 0.8);
max-width: 770px;
margin: 16px 0;
}
.cta-plus__btn {
display: flex;
}
.cta-plus__btn .btn {
border-radius: 8px;
}
.cta-plus__block {
background: #4560E6;
color: #fff;
border-radius: 16px;
padding: 20px;
font-size: 16px;
font-weight: 400;
line-height: 20px;
text-align: left;
color: rgba(255, 255, 255, 0.8);
}
.cta-plus__block img {
height: 40px;
}
.cta-plus__name {
font-size: 20px;
font-weight: 700;
line-height: 24px;
text-align: left;
color: #fff;
margin: 10px 0;
}
.cta-plus__text {
position: relative;
}
@media (max-width: 1280px) {
.cta-plus:before {
content: "";
width: 100%;
height: 100%;
background: #fff;
opacity: 0.5;
position: absolute;
left: 0;
top: 0;
}
}
@media (max-width: 990px) {
.cta-plus__title {
font-size: 30px;
line-height: 36px;
}
.cta-plus {
padding: 24px;
background-size: cover;
}
.cta-plus__p {
line-height: 20px;
font-size: 16px;
}
.cta-plus__blocks {
margin-left: -14px;
margin-right: -14px;
}
.cta-plus__block img {
height: 24px;
}
.cta-plus__name {
font-size: 18px;
line-height: 20px;
}
.cta-plus__block {
padding: 16px;
}
}
@media (max-width: 767px) {
.cta-plus {
padding: 12px;
background-size: 638px;
}
.cta-plus__blocks {
margin-left: -6px;
margin-right: -6px;
}
.cta-plus__block:first-child .cta-plus__info {
display: block;
}
.cta-plus__blocks {
grid-template-columns: 1fr;
grid-gap: 8px;
}
.cta-plus__info {
display: none;
padding-top: 5px;
}
.reviews-filter__item {
height: 40px;
width: 120px;
}
.cta-plus__name {
margin-bottom: 0;
margin-top: 5px;
position: relative;
}
.cta-plus__name:after {
content: "";
background-image: url('data:image/svg+xml,');
width: 24px;
height: 24px;
position: ABSOLUTE;
right: 0px;
top: -18px;
transition: all 0.3s;
}
.cta-plus__name.active:after {
background-image: url('data:image/svg+xml,');
}
h2 {
font-size: 32px !important;
}
}
@media (max-width: 580px) {
.cta-plus__title {
font-size: 24px;
line-height: 28px;
}
.cta-plus {
padding: 12px;
background-size: 705px;
background-position: top right 16%;
}
.cta-plus__btn .btn {
padding: 8px;
width: 100%;
}
}
.numbers {
background: var(--secondary, #101935);
border-radius: 16px;
color: #fff;
padding: 24px;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.numbers__item {
flex: 0 1 calc(25% - 24px);
}
.numbers__item b {
display: block;
font-size: 20px;
font-weight: 700;
padding-bottom: 12px;
margin-bottom: 8px;
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
.numbers__item p {
margin: 0;
font-size: 14px;
font-weight: 400;
color: rgba(255, 255, 255, 0.8980392157);
}
@media (max-width: 990px) {
.numbers {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 24px;
}
}
@media (max-width: 580px) {
.numbers {
grid-template-columns: 1fr;
}
}
.team {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.team__team {
flex: 1;
}
.team__left {
flex: 0 1 33%;
margin-right: 24px;
}
.team__abovetitle {
font-size: 32px;
font-weight: 400;
line-height: 36px;
color: #0366D6;
}
.team__title {
font-size: 40px;
font-weight: 700;
line-height: 40px;
margin: 8px 0;
}
.team__subtitle {
font-size: 16px;
font-weight: 400;
line-height: 20px;
color: var(--text, rgba(16, 25, 53, 0.8));
margin: 8px 0;
}
.team__btn {
display: flex;
margin-top: 20px;
}
.team__btn .btn {
border-radius: 8px;
}
.team__team {
flex: 1;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 18px;
}
.team__item {
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 16px;
text-align: center;
color: rgba(16, 25, 53, 0.8);
}
.team__pic {
border-radius: 16px;
overflow: hidden;
margin: 8px 0;
box-shadow: 0px 0px 8px 0px rgba(16, 25, 53, 0.2);
display: flex;
align-items: center;
justify-content: center;
}
.team__pic img {
object-fit: cover;
width: 100%;
height: 100%;
}
.team__name {
color: #0366D6;
font-size: 32px;
line-height: 100%;
font-weight: 600;
}
@media (max-width: 990px) {
.team__team {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.team {
flex-direction: column;
}
.team__team {
width: 100%;
}
.team__left {
margin-right: 0;
margin-bottom: 24px;
}
}
@media (max-width: 580px) {
.team__abovetitle {
font-size: 16px;
line-height: 140%;
}
.team__title {
font-size: 24px;
line-height: 27px;
}
.team__btn .btn {
width: 100%;
}
.team__name {
font-size: 28px;
}
}
.writers {
text-align: center;
}
.writers__title {
font-size: 40px;
font-weight: 700;
line-height: 44px;
margin-bottom: 20px;
}
.writers__blocks {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
}
.writers__blocks.--4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.writers__pic {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin-bottom: 12px;
border-radius: 16px;
overflow: hidden;
box-shadow: 0px 0px 16px 0px rgba(16, 25, 53, 0.4);
}
.writers__pic img {
object-fit: cover;
width: 100%;
height: 100%;
}
.writers__name {
font-size: 32px;
font-weight: 600;
line-height: 32px;
text-transform: uppercase;
color: #0366D6;
}
.writers__status {
font-size: 16px;
font-weight: 400;
line-height: 16px;
color: rgba(16, 25, 53, 0.8);
margin-top: 4px;
}
@media (max-width: 990px) {
.writers__name {
font-size: 24px;
line-height: 28px;
}
}
@media (max-width: 767px) {
.writers__title {
font-size: 24px;
margin-bottom: 16px;
line-height: 30px;
}
.writers__blocks {
grid-template-columns: 1fr;
}
.writers__blocks.--4 {
grid-template-columns: 1fr 1fr;
}
.writers__pic {
margin-bottom: 8px;
}
.writers__status {
margin-top: 2px;
}
}
.howto h2 {
font-size: 40px;
font-weight: 700;
line-height: 44px;
margin-bottom: 24px;
}
.howto p {
font-size: 16px;
font-weight: 400;
line-height: 20px;
color: rgba(16, 25, 53, 0.8);
}
.howto__blocks {
margin-top: 24px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
}
.howto__block {
background: rgba(3, 102, 214, 0.0509803922);
padding: 24px;
border: 2px solid var(--cta, #0366D6);
border-radius: 16px;
position: relative;
padding-bottom: 150px;
}
.howto__pic {
position: absolute;
bottom: 0;
width: 100%;
height: 170px;
display: flex;
align-items: flex-end;
justify-content: center;
left: 0;
}
.howto__pic img {
max-height: 100%;
max-width: 225px;
}
.howto__block b {
font-size: 24px;
font-weight: 700;
line-height: 30px;
display: block;
margin-bottom: 10px;
}
.howto__block p {
font-size: 16px;
font-weight: 400;
line-height: 20px;
text-align: left;
color: rgba(16, 25, 53, 0.8);
}
@media (max-width: 767px) {
.howto__blocks {
grid-template-columns: 1fr;
}
.howto__block {
padding-bottom: 170px;
}
}
@media (max-width: 580px) {
.howto__block {
padding: 16px;
}
.howto__block b {
font-size: 18px;
line-height: 22px;
}
.howto__block b {
padding-right: 50px;
}
.howto__pic {
position: absolute;
bottom: 0;
right: 0px;
top: 1px;
width: 75px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
left: unset;
}
.howto__block p {
margin-bottom: 0;
}
}
.tablebeautiful {
background: #E6F0FB;
border-radius: 16px;
overflow: hidden;
color: #40475D;
}
.tablebeautiful b, .tablebeautiful h4 {
color: #101935 !important;
font-size: 16px !important;
line-height: 140%;
font-weight: 700;
margin: 0 !important;
}
table.tablebeautiful, .tablebeautiful td, .tablebeautiful th {
border: 1px solid #B5B8C0;
vertical-align: baseline;
font-size: 16px;
line-height: 140%;
}
table.tablebeautiful thead {
background: #101935;
color: #fff;
text-align: left;
font-size: 20px;
}
.emoji {
width: 16px;
margin-right: 4px;
}
table.tablebeautiful td, table.tablebeautiful th {
padding: 8px;
}
@media (max-width: 580px) {
table.tablehorisont td:first-child {
word-wrap: break-word;
max-width: 100px;
}
table.tablebeautiful, .tablebeautiful td, .tablebeautiful th {
font-size: 13px;
}
.tablebeautiful b, .tablebeautiful h4 {
font-size: 13px;
}
}
table.tablespace {
margin: 24px 0;
}
table.tablespace, table.tablespace td, table.tablespace th {
border: 0px solid rgba(0, 0, 0, 0.1);
}
table.tablespace td {
background: #E6F0FB;
border-radius: 16px;
color: #40475D;
font-size: 16px;
line-height: 140%;
padding: 16px;
}
table.tablespace p:last-child {
margin-bottom: 0;
}
table.tablespace tr {
grid-gap: 16px;
display: flex;
margin-bottom: 16px;
}
table.tablespace h4, table.tablespace h3 {
font-size: 16px;
font-weight: 600;
line-height: 22px;
margin: 0;
color: #0366D6;
vertical-align: baseline;
}
@media (max-width: 767px) {
table.tablespace tr {
grid-gap: 4px;
margin-bottom: 4px;
}
table.tablespace td {
padding: 8px;
}
}
table.tablehorisont {
background: #E6F0FB;
border-radius: 16px;
overflow: hidden;
}
table.tablehorisont, table.tablehorisont td, table.tablehorisont th {
border: 1px solid #B5B8C0;
color: #40475D;
font-size: 16px;
line-height: 140%;
vertical-align: baseline;
}
table.tablehorisont td {
padding: 8px;
}
table.tablehorisont td:first-child {
background: #101935;
font-weight: 600;
color: #fff;
}
@media (max-width: 580px) {
table.tablehorisont td:first-child {
word-wrap: break-word;
max-width: 100px;
}
}
.tabbs {
margin: 24px 0;
}
.tabbs__names {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 12px;
}
.tabbs__name {
border: 1px solid var(--cta, #0366D6);
padding: 14px 24px;
border-radius: 8px;
text-align: center;
min-width: 200px;
margin-right: 8px;
margin-bottom: 8px;
font-size: 16px;
line-height: 16px;
color: #0366D6;
cursor: pointer;
transition: all 0.3s;
}
.tabbs__name.active {
background: rgba(3, 102, 214, 0.1019607843);
}
.tabbs__block {
background: #E6F0FB;
padding: 24px;
border-radius: 16px;
display: none;
font-size: 16px;
line-height: 1.5;
}
.tabbs__block:first-child {
display: block;
}
.tabbs__block h2 {
font-size: 28px !important;
font-weight: 700;
line-height: 40px;
margin-bottom: 16px;
color: #101935 !important;
}
.tabbs__block ol {
padding-left: 0;
margin-left: 16px;
margin-bottom: 0;
}
.tabbs__block b {
color: #101935;
}
.tabbs__block ol::marker {
color: #101935;
}
.tabbs__block li {
margin-bottom: 4px;
}
@media (max-width: 767px) {
.tabbs__name {
padding: 10px 12px;
min-width: 50px;
}
.tabbs__block {
padding: 12px;
}
.tabbs__block h2 {
font-size: 24px !important;
line-height: 28px !important;
}
}
.note {
background: #E6F0FB;
padding: 24px;
border-radius: 16px;
color: #101935;
font-size: 16px;
line-height: 140%;
}
.note h3 {
font-size: 28px !important;
font-weight: 700 !important;
text-align: left;
color: #0366D6 !important;
margin-bottom: 16px !important;
margin-top: 0 !important;
}
.note h2 {
font-size: 32px !important;
font-weight: 700 !important;
line-height: 44px;
text-align: left;
color: #0366D6 !important;
margin-bottom: 16px;
margin-top: 0 !important;
}
.note p:last-child {
margin-bottom: 0 !important;
}
.note h4 {
font-size: 24px !important;
font-weight: 700 !important;
line-height: 36px;
text-align: left;
color: #0366D6 !important;
margin-bottom: 16px !important;
margin-top: 0 !important;
}
.note strong {
font-size: 20px;
}
.note p {
margin-bottom: 16px;
}
.note ul {
margin: 0;
padding: 0;
margin-left: 24px;
margin-bottom: 16px;
margin-top: -6px;
list-style: none;
}
.note li {
position: relative;
margin-bottom: 4px;
}
.note li:last-child {
margin-bottom: 0px;
}
.note li:before {
content: "";
width: 3px;
height: 3px;
background: #101935;
position: absolute;
left: -13px;
top: 10px;
border-radius: 100%;
}
@media (max-width: 767px) {
.note {
padding: 16px;
}
}
.articles h2 {
font-size: 40px;
font-weight: 700;
line-height: 44px;
text-align: center;
}
.articles__pic {
width: 100%;
height: 369px;
display: flex;
align-items: center;
justify-content: center;
background: #f7f7fc;
border-radius: 32px;
overflow: hidden;
margin-bottom: 16px;
transition: all 0.3s;
}
.articles__pic img {
object-fit: cover;
width: 100%;
height: 100%;
}
.articles__name {
font-size: 20px;
font-weight: 700;
line-height: 28px;
transition: all 0.3s;
color: #101935;
}
.articles__link:hover .articles__pic {
box-shadow: 5.53px 5.53px 22.11px 0px rgba(25, 43, 128, 0.2);
}
.articles__link:hover .articles__name {
color: #0366D6;
}
@media (max-width: 767px) {
.articles__pic {
height: 300px;
}
}
@media (max-width: 580px) {
.articles__name {
font-size: 16px;
line-height: 22px;
}
}
.texts-list {
border-radius: 8px;
border: 1px solid #eaecf0;
background: #fff;
box-shadow: none;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
max-width: 100%;
margin-bottom: 1.5rem;
padding: 18px 24px;
order: -1;
}
.texts-list h3 {
color: #4d4d4d;
font-size: 19px !important;
font-style: normal;
font-weight: 500;
line-height: 24px;
margin: 0;
display: flex;
align-items: center;
transition: all 0.3s;
}
.texts-list__title {
cursor: pointer;
}
.texts-list__title p {
margin: 0 !important;
display: flex;
align-items: center;
font-size: 19px;
font-weight: 600;
}
.texts-list__title.active p {
color: #0366d6 !important;
font-size: 19px;
font-weight: 600;
}
.texts-list__title.active p:before {
background-image: url('data:image/svg+xml,');
}
.texts-list p:before {
content: "";
transition: all 0.3s;
display: flex;
align-items: center;
color: #444;
background: inherit;
border: inherit;
margin: 0;
padding: 0;
margin-right: 12px;
width: 16px;
background-image: url('data:image/svg+xml,');
height: 16px;
}
.texts-list ol {
margin: 0;
padding: 0;
list-style: none;
}
.texts-list li a {
color: #444;
box-shadow: none;
text-decoration: none;
text-shadow: none;
display: inline-flex;
align-items: stretch;
flex-wrap: nowrap;
font-size: 15px;
}
.texts-list li a:hover {
color: #0366d6;
}
.texts-list i.fb-icon-element {
width: 20px !important;
height: 20px !important;
margin-top: 3px !important;
line-height: 20px !important;
display: flex;
align-items: center;
justify-content: center;
margin-right: 8px !important;
}
.texts-list .fontawesome-icon:before {
font-size: 1rem;
}
.texts-list li {
box-shadow: none;
text-decoration: none;
text-shadow: none;
display: inline-flex;
width: 100%;
align-items: stretch;
flex-wrap: nowrap;
margin-bottom: 8px;
}
body {
counter-reset: items;
}
.texts-list li:before {
display: inline-block;
counter-increment: items;
flex-grow: 0;
flex-shrink: 0;
margin-right: 0.2em;
float: left;
margin-right: 8px;
color: #000;
}
.texts-list__body {
margin-top: 1rem;
display: none;
}
.blog-author__wrap {
display: flex;
align-items: center;
background: var(--extra, #F2F5FA);
padding: 54px 0;
position: relative;
margin: 32px 0;
}
.blog-author__wrap:before {
content: "";
background: var(--extra, #F2F5FA);
width: 200vw;
left: -50vw;
position: absolute;
height: 100%;
top: 0;
}
.blog-author__wrap * {
position: relative;
}
.blog-author__pic {
flex: 0 1 173px;
height: 173px;
min-width: 173px;
width: 173px;
margin-right: 24px;
border-radius: 100%;
overflow: hidden;
}
.blog-author__pic img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-author__text {
flex: 1;
color: #40475D;
font-size: 16px;
line-height: 24px;
}
.blog-author__text b {
display: block;
font-size: 28px;
font-weight: 700;
line-height: 40px;
color: #101935;
margin-bottom: 4px;
}
.blog-author__text p {
margin-bottom: 0;
}
@media (max-width: 767px) {
.blog-author__pic {
flex: 0 1 100px;
height: 100px;
width: 100px;
min-width: 100px;
margin-right: 0;
margin-bottom: 24px;
}
.blog-author__wrap {
margin: 32px 0;
flex-direction: column;
}
}
/*# sourceMappingURL=style.css.map */