@font-face {
font-family: 'Helvetica';
src: url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica.eot);
src: local('Helvetica'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica.eot?#iefix) format('embedded-opentype'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica.woff2) format('woff2'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica.woff) format('woff'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helvetica';
src: url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-Oblique.eot);
src: local('Helvetica Oblique'), local('Helvetica-Oblique'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-Oblique.eot?#iefix) format('embedded-opentype'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-Oblique.woff2) format('woff2'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-Oblique.woff) format('woff'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-Oblique.ttf) format('truetype');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Helvetica';
src: url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-BoldOblique.eot);
src: local('Helvetica Bold Oblique'), local('Helvetica-BoldOblique'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-BoldOblique.eot?#iefix) format('embedded-opentype'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-BoldOblique.woff2) format('woff2'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-BoldOblique.woff) format('woff'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-BoldOblique.ttf) format('truetype');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Helvetica';
src: url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-Light.eot);
src: local('Helvetica Light'), local('Helvetica-Light'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-Light.eot?#iefix) format('embedded-opentype'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-Light.woff2) format('woff2'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-Light.woff) format('woff'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helvetica';
src: url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/HelveticaRegular.eot);
src: local('Helvetica Regular'), local('Helvetica-Regular'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/HelveticaRegular.eot?#iefix) format('embedded-opentype'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/HelveticaRegular.woff) format('woff'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/HelveticaRegular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helvetica';
src: url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-Bold.eot);
src: local('Helvetica Bold'), local('Helvetica-Bold'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-Bold.eot?#iefix) format('embedded-opentype'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-Bold.woff2) format('woff2'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-Bold.woff) format('woff'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helvetica';
src: url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-LightOblique.eot);
src: local('Helvetica Light Oblique'), local('Helvetica-LightOblique'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-LightOblique.eot?#iefix) format('embedded-opentype'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-LightOblique.woff2) format('woff2'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-LightOblique.woff) format('woff'),
url(//extraordinary.uz/wp-content/themes/extraordinary/fonts/Helvetica-LightOblique.ttf) format('truetype');
font-weight: 300;
font-style: italic;
font-display: swap;
}html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
font-family: inherit;
}
img {
display: block;
width: 100%;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 140% !important;
font-family: "Helvetica";
}
h1,h2,h3,h4,h5,h6,h7 {
line-height: 140% !important;
}
ol,ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
button, textarea{
font: inherit;
box-shadow: unset;
border:0;
background-color: unset;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
input::placeholder{
color:inherit;
font: inherit;
}
a{
text-decoration: none;
color:inherit;
transition: .3s;
}
svg {
width: 100%;
height: auto;
display: block;
}
*,* *{
outline: 0;
box-sizing: border-box;
}:root {
--cont: 1404px;
--contVw: 95vw;
--blue: #039BE5;
--whiteBlue: #BED9FF;
--br50: 50px;
--br20: 20px;
--black: #1e1e1e;
--grey: #AAAAAA;
--wgrey: #F4FAFF;
--purple: #3558D4;
--red: #D40511;
--white: #fff;
--p_little: 18px;
--cont-p: 20px;
--HelvetFont: "Helvetica";
--headerTop: 116px;
--blur: blur(4px);
}
html {
scroll-behavior: smooth;
}
.mpop_bx > div svg{
width: 20px;
height: 20px;
}
.mpop_bx > div {
display: flex;
gap: 0 5px;
}
.pop_title_map h3 {
font-size: 28px;
}
.contHeader {
width: calc(100% - var(--cont-p) * 2);
margin-left: auto;
margin-right: auto;
max-width: var(--contVw);
}
.b24-window-panel .b24-form-wrapper {
background-color: var(--blue);
}
.b24-widget-button-inner-item svg {
width: 30px;
height: 30px;
}
.container {
width: calc(100% - var(--cont-p) * 2);
margin-left: auto;
margin-right: auto;
max-width: var(--cont);
}
h3 {
font-size: 40px;
font-weight: 400;
line-height: 110%;
color: var(--black);
}
h4 {
font-size: 30px;
font-weight: 400;
color: var(--black);
line-height: 140%;
}
.innwor_title {
text-align: center;
} header .header__burger {
display: none;
}
header .header__mobile {
display: none;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
transform:rotate(0deg) !important;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow.gt_arrow_rotate {
transform: rotate(180deg) !important;
}
body.showBurger header .header__mobile {
opacity: 1;
visibility: visible;
bottom: 0;
top: var(--headerTop);
right: 0;
display: flex;
justify-content: flex-end;
}
.header__burger {
display: flex;
flex-direction: column;
cursor: pointer;
width: 30px;
height: 30px;
position: relative;
z-index: 999999;
}
.burger_bar {
background-color: #333;
height: 4px;
width: 30px;
margin: 4px 0;
transition: 0.4s;
} body.scrolling #header {
box-shadow: 0 -5px 14px 5px #00000024;
}
#header {
position: fixed;
top: 0;
left: 0;
right: 0;
color: #fff;
z-index: 100;
transition: background .3s;
background-color: #fff;
}
.header {
display: flex;
justify-content: space-between;
align-items: center;
height: var(--headerTop);
}
.header__logo {
width: 115px;
height: 66px;
}
.header__logo img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.header__menu .menu_wrap {
display: flex;
color: var(--black);
gap: 0 20px;
}
.header__menu .menu_wrap li {
font-weight: 400;
font-family: "Helvetica";
font-size: 18px;
}
.header_mob_dicon {
display: none;
}
.header_mob_dicon g path {
fill: var(--purple);
}
.gt_float_switcher .gt_options {
position: fixed !important;
}
.gt_float_switcher .gt-selected .gt-current-lang {
padding: unset !important;
color: var(--black) !important;
}
.gt_float_switcher {
box-shadow: unset !important;
font-family: "Helvetica" !important;
}
.gt_float_switcher img {
vertical-align: middle !important;
display: inline-block !important;
width: 20px !important;
height: 20px !important;
margin: 0 0 0 0 !important;
border-radius: 100% !important;
object-fit: cover !important;
border: 1px solid var(--grey) !important;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
text-transform: capitalize !important;
font-weight: 400 !important;
font-family: "Helvetica" !important;
}
.gt_float_switcher .gt_options a {
padding: unset !important;
}
.gt_options .nturl {
margin-top: 10px !important;
}
.gt_float_switcher .gt_options a:hover {
background-color: unset !important;
color: unset !important;
}
.header__info {
font-weight: 700;
color: var(--black);
font-size: 24px;
}
.header__btns {
display: flex;
gap: 0 30px;
}
.header__btn {
height: 51px;
align-items: center;
justify-content: center;
padding: 0 30px;
border-radius: 10px;
display: flex;
align-items: center;
cursor: pointer;
transition: .3s;
}
.header__btn:nth-child(1):hover {
background-color: var(--purple);
color: #fff;
}
.header__btn:nth-child svg path{
transition: .3s;
}
.header__btn:nth-child(1):hover svg path{
fill: #fff;
}
.header__btn:nth-child(2):hover {
background-color: #fff;
color: #039BE5;
}
.header__btn:nth-child(2) svg path {
transition: .3s;
}
.header__btn:nth-child(2):hover svg path{
fill: #039BE5;
}
.header__btn:nth-child(1) {
background-color: #fff;
color: #3558D4;
border: 2px solid #3558D4;
font-weight: 700;
}
.header__btn:nth-child(2) {
background-color: #039BE5;
color: #fff;
border: 1px solid var(--blue);
display: flex;
gap: 0 10px;
font-weight: 700;
}
.header__btn:nth-child(1) svg {
width: 20px;
height: 20px;
}
.header__btn:nth-child(2) svg {
width: 20px;
height: 20px;
} #banner {
height: calc(100vmin - var(--headerTop));
background-color: #0001;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 40px;
margin-top: var(--headerTop);
}
.inn_banner {
display: flex;
align-items: flex-start;
padding-bottom: 75px;
height: 100%;
flex-direction: column;
justify-content: flex-end;
}
.innb_desc strong {
display: block;
font-size: 60px;
font-weight: 400;
color: #fff;
line-height: 110%;
}
.innb_desc > p:nth-child(2) {
font-size: 24px;
font-weight: 400;
color: #fff;
max-width: 50%;
line-height: 140%;
margin-top: 20px;
}
.innb_btn {
min-height: 51px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background-color: var(--purple);
border-radius: 10px;
width: max-content;
padding: 0 30px;
margin-top: 50px;
font-weight: 700;
font-size: 18px;
cursor: pointer;
transition: .3s;
border: 1px solid transparent;
}
.innb_btn:hover {
background-color: #fff;
border-color: var(--purple);
color: var(--purple);
} .inn_numbers {
--elems: 3;
--gap: 24px;
display: flex;
gap: var(--gap);
--cardHeight: 132px;
margin-top: 40px;
}
.inn_num {
width: calc((100% - var(--gap) * (var(--elems) - 1)) / var(--elems));
height: var(--cardHeight);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.inn_img {
display: flex;
align-items: center;
flex-direction: column;
gap: 10px 0;
}
.innb_routes {
font-size: 80px;
font-weight: 700;
color: var(--purple);
line-height: 110%;
}
.innb_desc {
font-size: 24px;
line-height: 140%;
font-weight: 400;
color: var(--black);
} .inn_services {
margin-top: 180px;
}
.inns_bx {
--elems: 4;
--gap: 24px;
display: flex;
gap: var(--gap);
--cardHeight: 598px;
margin-top: 60px;
}
.inns_card {
width: calc((100% - var(--gap) * (var(--elems) - 1)) / var(--elems));
height: var(--cardHeight);
display: flex;
flex-direction: column;
padding: 30px 16px 20px;
background: rgb(34, 77, 189);
background: linear-gradient(21deg, rgba(34, 77, 189, 1) 0%, rgba(24, 78, 154, 1) 100%);
position: relative;
border-radius: 20px;
}
.innsc_img {
width: 50px;
height: 60px;
position: absolute;
right: 22px;
top: 0;
}
.innsc_title {
font-size: 30px;
font-weight: 400;
line-height: 120%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
overflow: hidden;
width: min-content;
color: #fff;
}
.innsc_img img {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.innsc_desc {
margin-top: 14px;
font-size: 18px;
color: #fff;
line-height: 130%;
color: #fff;
}
.innsc_spisok {
backdrop-filter: var(--blur);
-webkit-backdrop-filter: var(--blur);
background: rgba(255, 255, 255, 0.05);
padding: 20px 16px 26px 20px;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, .2);
margin-top: 20px;
}
.innsc_spisok ul {
position: relative;
z-index: 2;
list-style: disc;
padding-left: 10px;
}
.innsc_spisok ul li + li {
margin-top: 10px;
}
.innsc_spisok ul li {
color: #fff;
line-height: 120%;
font-size: 18px;
font-weight: 400;
}
.innsc_spisok ul li::marker {
color: var(--purple);
}
.innsc_btn {
height: 51px;
background-color: #fff;
border-radius: 10px;
color: var(--purple);
margin-top: auto;
padding: 0 50px;
font-size: 18px;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: .3s;
border: 1px solid transparent;
}
.innsc_btn:hover {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.wpcf7 form .wpcf7-response-output {
display: none;
} #whywe {
background-color: #F4FAFF;
margin-top: 180px;
}
.inn_whywe {
padding: 90px 0 120px;
}
.innw_bx {
display: flex;
--gap: 151px;
gap: var(--gap);
align-items: center;
}
.innw_bx_outer {
margin-top: 49px;
display: flex;
flex-direction: column;
gap: 10px;
}
.innwc_big {
width: 571px;
height: 600px;
border-radius: 30px;
overflow: hidden;
}
.innwc_big img {
height: 100%;
display: block;
object-fit: cover;
width: 100%;
}
.innw_bx_out {
width: calc(100% - 571px - var(--gap));
}
.innsw_img img {
display: none;
}
.innw_card {
background-color: #fff;
padding: 16px 20px 18px;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
}
.innw_card.active {
padding: 16px 20px 40px;
}
.innw_card.active .innsw_title {
color: var(--purple);
}
.innsw_title {
display: flex;
align-items: center;
justify-content: space-between;
color: var(--black);
font-size: 24px;
font-weight: 400;
line-height: 110%;
transition: .3s;
}
.innswt_svg {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: var(--wgrey);
position: relative;
transition: .3s;
}
.innsw_desc {
width: calc(100% - 119px);
margin-top: 20px;
}
.innsw_desc p {
font-size: 16px;
line-height: 140%;
font-weight: 400;
}
.innwcb_hidden {
display: none;
}
.innswt_svg::after {
content: '';
position: absolute;
display: block;
height: 2px;
background-color: var(--black);
width: 14px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.innswt_svg::before {
content: '';
position: absolute;
display: block;
height: 2px;
background-color: var(--black);
width: 14px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(180deg);
transition: .3s;
}
.innswt_svg.active::before {
transform: translate(-50%, -50%) rotate(90deg);
background-color: var(--purple);
}
.innswt_svg.active::after {
background-color: var(--purple);
} #qrcode {
background-position: center;
background-repeat: no-repeat;
-moz-background-size: cover;
background-size: cover;
}
.inn_qrcode {
display: flex;
justify-content: space-between;
padding: 70px 0 97px;
}
.innq_qr {
width: 333px;
height: 403px;
display: flex;
flex-direction: column;
align-items: center;
}
.innq_qr img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.innq_form {
width: 571px;
}
.innq_form h3 {
font-size: 40px;
font-weight: 400;
line-height: 110%;
color: #fff;
}
.innq_form p {
font-size: 18px;
line-height: 140%;
color: #fff;
font-weight: 400;
margin-top: 20px;
}
.innqf_frm {
margin-top: 40px;
display: flex;
flex-direction: column;
gap: 10px;
width: 333px;
}
.innqf_frm input {
font-family: "Helvetica";
}
.innqf_frm .wpcf7-text,
.innqf_frm .wpcf7-mask {
padding-left: 13px;
border: none;
}
.innqf_frm .wpcf7-submit {
font-weight: 700;
background-color: var(--purple);
color: #fff;
border: none;
pointer-events: none;
opacity: .7;
transition: .3s;
}
.chbx_label input:checked .innqf_frm .wpcf7-submit {
pointer-events: all;
cursor: pointer;
opacity: 1;
}   .chbx_desc {
font-size: 12px;
color: #fff;
line-height: 140%;
transition: .3s;
}
.chkbx_bx {
display: flex;
align-items: flex-start;
gap: 0 8px;
}
.innqf_frm input {
height: 50px;
border-radius: 10px;
width: 100%;
font-size: 18px;
line-height: 140%;
}
.js-choose-one {
display: none;
}
.chbx_icon {
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
transition: .3s;
background-color: #fff;
}
.chbx_icon svg {
width: 12px;
height: 10px;
transition: .3s;
}
.chbx_icon svg path {
fill: #fff;
transition: .3s;
}
.chbx_label {
transition: .3s;
cursor: pointer;
}
.chbx_label input:checked + .chkbx_bx .chbx_icon svg path{
fill: var(--black);
}
.innqq_info {
margin-top: 20px;
width: calc(100% - 83px);
font-size: 18px;
color: #fff;
line-height: 140%;
text-align: center;
} .inn_strategy {
display: flex;
margin-top: 180px;
flex-direction: column;
align-items: center;
}
.innstr_bx {
--elems: 4;
--gap: 24px;
display: flex;
gap: var(--gap);
--instrBxCardHeight: 330px;
margin-top: 60px;
padding: 30px;
background-color: #F4FAFF;
border-radius: 40px;
overflow: hidden;
}
.innstr_card {
width: calc((100% - var(--gap) * (var(--elems) - 1)) / var(--elems));
height: var(--instrBxCardHeight);
display: flex;
flex-direction: column;
align-items: center;
border-radius: 20px;
background-color: #fff;
padding: 20px 19px 0 20px;
}
.innstr_btn {
margin-top: 30px;
}
.innstr_img {
width: 140px;
height: 140px;
}
.innstr_title {
margin-top: 15px;
font-size: 30px;
font-weight: 400;
line-height: 110%;
color: var(--black);
}
.innstr_img img {
width: 100%;
height: 100%;
display: block;
object-fit: contain;
}
.innstr_desc p {
font-size: 16px;
font-weight: 400;
line-height: 140%;
margin-top: 16px;
text-align: center;
}
.innstr_btn {
transition: .3s;
height: 51px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--purple);
color: #fff;
font-size: 18px;
padding: 0 30px;
border-radius: 10px;
cursor: pointer;
letter-spacing: 0.5px;
}
.innstr_btn:hover {
background-color: #fff;
color: var(--purple);
border: 1px solid var(--purple);
} #works {
background-color: var(--wgrey);
padding: 90px 0;
margin-top: 180px;
}
.inns_works {
margin-top: 60px;
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.inns_works_card0 { grid-area: 1 / 1 / 3 / 3; }
.inns_works_card1 { grid-area: 1 / 3 / 3 / 6; }
.inns_works_card2 { grid-area: 1 / 6 / 5 / 8; }
.inns_works_card3 { grid-area: 5 / 6 / 7 / 8; }
.inns_works_card4 { grid-area: 3 / 1 / 5 / 4; }
.inns_works_card5 { grid-area: 3 / 4 / 5 / 6; }
.inns_works_card6 { grid-area: 5 / 1 / 7 / 3; }
.inns_works_card7 { grid-area: 5 / 3 / 7 / 6; }
.inn_obsh a{
height: 100%;
display: block;
border-radius: 20px;
overflow: hidden;
transition: .3s;
}
.inn_obsh a:hover img {
transform: scale(1.03);
}
.inn_obsh img{
height: 100%;
display: block;
object-fit: cover;
transform: scale(1);
transition: .3s;
}
.innsc_works_btn {
height: 51px;
font-size: 18px;
background-color: var(--purple);
display: flex;
justify-content: center;
width: max-content;
margin: 30px auto 0;
padding: 0 30px;
align-items: center;
color: #fff;
border-radius: 10px;
transition: .3s;
cursor: pointer;
}
.innsc_works_btn:hover {
background-color: #fff;
border: 1px solid var(--purple);
color: var(--purple);
} #choose {
margin-top: 180px;
}
.inn_choose_title {
text-align: center;
}
.swiper_clients {
margin-top: 60px;
}
.swiper_clients .swiper-wrapper {
transition-timing-function: linear !important;
}
.inn_choose img{
-webkit-filter: grayscale(1);
filter: grayscale(1);
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.inn_choose img:hover  {
-webkit-filter: unset;
filter: unset;
} #faqs {
margin-top: 180px;
}
.inn_faqs {
margin-top: 60px;
}
.faqs_title {
text-align: center;
}
.innsf_title {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 20px;
border-bottom: 1px solid var(--black);
font-size: 30px;
transition: .3s;
cursor: pointer;
}
.innf_card.active .innsf_title {
color: var(--purple);
}
.innsft_svg {
min-width: 40px;
max-width: 40px;
min-height: 40px;
max-height: 40px;
}
.innsft_svg svg {
width: 100%;
height: auto;
}
.innfw_desc {
margin-top: 30px;
}
.innwfb_hidden {
display: none;
}
.innf_card + .innf_card {
margin-top: 24px;
}
.innsft_svg {
transition: .3s;
}
.innsft_svg svg {
transition: .3s;
}
.innsft_svg svg {
transform: rotate(180deg);
}
.innsft_svg.active svg {
transform: rotate(0deg);
}
.innfw_desc p {
font-size: 18px;
max-width: 60%;
line-height: 140%;
color: var(--black);
} #reviews {
margin-top: 180px;
}
.swiper_reviews {
margin-top: 60px;
}
.inn_reviews_head {
display: flex;
gap: 18px;
align-items: center;
font-size: 24px;
color: #fff;
font-weight: 400;
}
.inn_reviews_head img {
width: 60px;
height: 60px;
border-radius: 50px;
}
.inn_reviews {
background: rgb(34, 77, 189);
background: linear-gradient(21deg, rgba(34, 77, 189, 1) 0%, rgba(24, 78, 154, 1) 100%);
padding: 24px 20px 0;
height: 250px;
border-radius: 20px;
}
.inn_reviews p {
font-size: 18px;
line-height: 140%;
font-weight: 400;
color: #fff;
margin-top: 18px;
} #about {
margin-top: 180px;
}
.inn_about {
display: flex;
gap: 60px;
}
.inn_about_text {
width: calc(100% - 452px - 60px);
}
.inn_about_img {
width: 452px;
border-radius: 20px;
overflow: hidden;
}
.inn_about_img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.inn_about_text p {
font-size: 18px;
font-weight: 400;
line-height: 140%;
color: var(--black);
letter-spacing: 0.14px;
}
.inn_about_text p + p {
margin-top: 25px;
}
.inn_about_text p:first-of-type {
margin-top: 60px;
} #maps {
position: relative;
margin-top: 180px;
}
.inn_maps {
position: relative;
}
.inn_maps_form {
position: absolute;
top: 50px;
z-index: 2;
background-color: #fff;
max-width: 452px;
padding: 26px 30px 34px;
border-radius:20px;
}
.inn_maps > a svg,
.inn_maps > div svg {
width: 26px;
height: 26px;
}
.inn_maps_form > a,
.inmf_location {
display: flex;
gap: 14px;
font-size: 16px;
color: var(--black);
line-height: 140%;
transition: .3s;
}
.inn_maps_form > a:hover {
color: var(--purple);
}
.inn_maps_form > a svg path {
transition: .3s;
}
.inn_maps_form > a:hover svg path{
fill: var(--black);
}
.inmf_location {
margin-top: 20px;
}
.inn_maps_form > a {
margin-top: 16px;
}
.tg {
padding-bottom: 34px;
border-bottom: 1px solid var(--grey);
}
.inncont_frm,
.inn_inncont_frm{
padding-top: 26px;
}
.inncont_frm_desc {
margin-top: 10px;
}
.inn_inncont_frm {
display: flex;
flex-direction: column;
}
.inncont_title {
font-size: 24px;
line-height: 140%;
color: var(--black);
font-weight: 400;
}
.contacts_form {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 30px;
}
.contacts_form input {
width: 100%;
height: 50px;
background-color: var(--wgrey);
border: none;
}
.contacts_form input {
font-family: "Helvetica";
}
.contacts_form .wpcf7-text,
.contacts_form .wpcf7-mask {
padding-left: 13px;
border: none;
border-radius: 10px;
}
.contacts_form .wpcf7-submit {
font-weight: 700;
background-color: var(--purple);
color: #fff;
border: none;
pointer-events: none;
opacity: .7;
transition: .3s;
border-radius: 10px;
font-size: 18px;
}
.chbx_label input:checked .contacts_form .wpcf7-submit {
pointer-events: all;
cursor: pointer;
opacity: 1;
}
.contacts_form .wpcf7-spinner {
display: none;
}
.contacts_form .chbx_icon {
border: 1px solid var(--grey);
}
.contacts_form .chbx_desc {
color: var(--black);
font-size: 14px;
}
.contacts_form .chkbx_bx {
gap: 0 14px;
}
#wpcf7-f135-o2 .chbx_icon svg {
width: 10px;
height: 10px;
} .bot_cont {
display: flex;
justify-content: space-between;
align-items: center;
height: 100px;
}
.txt {
font-weight: 700;
transition: .3s;
}
.bot_cont a {
transition: .3s;
}
.bot_cont a:hover .txt {
color: var(--purple);
}  body.showZapis .zapis_modal {
visibility: visible;
opacity: 1;
}
body.showZapis {
overflow: hidden;
}
.zapis_modal {
position: fixed;
z-index: 200;
top: 0px;
left: 0;
bottom: 0;
right: 0;
visibility: hidden;
opacity: 0;
transition: 0.3s;
display: flex;
justify-content: center;
align-items: center;
z-index: 2222222;
}
.zapis_form {
max-height: 100%;
overflow-y: auto;
z-index: 1;
position: relative;
max-width: 452px;
width: 100%;
}
.zf_krest {
position: absolute;
top: 16px;
right: 16px;
z-index: 10;
cursor: pointer;
background-color: transparent;
padding: 0;
border: none;
font-family: "TT Norms Pro", sans-serif;
width: 14px;
height: 14px;
display: flex;
margin-top: 8px;
}
.innr_zf {
background-color: #fff;
padding: 26px 30px 39px;
border-radius: 20px;
position: relative;
}
.zm_bg {
background-color: rgba(0, 0, 0, 0.6666666667);
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0 13px 0 0;
}
.zapis_form .innqf_frm {
width: 100%;
}
.zapis_form .innqf_frm > input{
width: 100%;
display: block;
}
.zapis_form .chbx_icon {
border: 1px solid var(--grey);
}
.zapis_form .chbx_desc {
color: var(--black);
font-size: 14px;
}
.zapis_form .innqf_frm .wpcf7-text,
.zapis_form .innqf_frm .wpcf7-mask {
background-color: var(--wgrey);
}
.innr_zf h2 {
font-size: 24px;
color: var(--black);
line-height: 140%;
font-weight: 400;
}@media(max-width:1650px) {
.header_dicon_mob {
display: none;
}
.header_mob_dicon {
display: block;
}
.header__logo {
width: 80px;
height: auto;
}
.header__menu .menu_wrap {
gap: 0 15px;
}
.header__info {
font-size: 20px;
}
.inn_banner {
padding-bottom: 30px;
}
}
@media(max-width:1420px) {
:root {
--cont: 1240px;
}
.inns_bx {
--elems:3;
flex-wrap: wrap;
}
.innw_bx {
--gap: 50px;
}
.innwc_big {
width: 450px;
height: 500px;
}
.innw_bx_out {
width: calc(100% - 450px - var(--gap));
}
.innsw_desc {
width: 100%;
}
}
@media (max-width: 1300px) {
.header__info {
display: none;
}
.header__mob-info {
display: flex;
justify-content: flex-end;
margin-top: 50px;
}
.gt_float_switcher {
background-color: unset !important;
}
.gt_float_switcher .gt-selected {
background-color: unset !important;
}
header .header__burger {
display: flex;
margin-left: auto;
}
header .header__mobile {
position: fixed;
background-color: #F1F5F6;
right: 15px;
left: 0;
top: 0;
z-index: 10;
transition: 0.3s;
visibility: hidden;
opacity: 0;
display: block;
}
.menu_mob li:not(:first-child) {
margin-top: 30px;
}
.menu_mob li {
display: flex;
justify-content: flex-end;
font-size: 18px;
line-height: 120%;
font-weight: 500;
}
#menu-menyu-burger {
width: 100%;
color: var(--black);
padding: 2.5vh;
}
.header__lang {
display: none;
}
.header__info .tel {
font-size: 18px;
}
.header__menu .menu_wrap li:not(:last-of-type) {
margin-right: 20px;
}
.header__logo {
width: 70px;
margin-right: auto;
}
.header__menu {
display: none;
}
.showBurger .burger_bar:nth-child(1) {
transform: rotate(-45deg) translate(-8px, 9px);
}
.showBurger .burger_bar:nth-child(2) {
opacity: 0;
}
.showBurger .burger_bar:nth-child(3) {
transform: rotate(45deg) translate(-5px, -5px);
}
.header__right-lang {
display: flex;
justify-content: flex-end;
}
body.showBurger {
overflow: hidden;
}
body.showBurger.admin-bar header .header__mobile {
top: calc(var(--headerTop) + 32px);
}
body.showBurger header .header__mobile {
top: var(--headerTop);
}
body.scrolling #header {
backdrop-filter: unset;
-webkit-backdrop-filter: unset;
}
body.showBurger #header {
background-color: #fff;
}
}
@media (max-width: 1160px) {
:root {
--cont: 972px;
}
.innstr_bx {
--elems:3;
flex-wrap: wrap;
}
.inns_bx {
--elems:2;
}
.innb_routes {
font-size: 40px;
}
.innb_desc {
font-size: 20px;
}
.inn_services {
margin-top: 80px;
}
.inn_numbers {
--gap:14px;
}
}
@media (max-width: 992px) {
:root {
--cont: 748px;
}
.innstr_bx {
--elems:2;
}
.innw_bx_out {
width: calc(100% - 300px - var(--gap));
}
.inn_numbers {
--elems:2;
flex-wrap: wrap;
}
.innw_bx_outer {
--elems: 2;
--gap: 5px;
display: flex;
gap: var(--gap);
flex-direction: unset;
flex-wrap: wrap;
}
.innsw_desc p {
font-size: 12px;
}
.innw_card.active {
padding: 10px;
}
.innsw_desc {
margin-top: 8px;
}
.innw_bx {
--gap:20px;
}
.innsw_title {
font-size: 18px;
}
.innw_card {
width: calc((100% - var(--gap) * (var(--elems) - 1)) / var(--elems));
padding: 10px;
}
.innwc_big {
width: 300px;
height: 300px;
}
.inn_strategy {
margin-top: 60px;
}
.innsf_title {
font-size: 20px;
}
.innsft_svg {
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
}
.inn_about {
flex-direction: column-reverse;
gap: 30px;
}
.inn_about_text p:first-of-type {
margin-top: 30px;
}
#about {
margin-top: 80px;
}
.inn_about_text p + p {
margin-top: 10px;
}
.inn_about_text {
width: 100%;
}
.inn_about_img {
width: 100%;
border-radius: 10px;
height: 400px;
}
}
@media (max-width: 768px) {
:root {
--cont-p: 20px;
--cont: 435px;
}
.innsf_title {
gap: 20px;
}
#maps {
margin-top: 60px;
}
.innsft_svg {
min-width: 25px;
max-width: 25px;
min-height: 25px;
max-height: 25px;
}
.inn_maps {
margin-bottom: 40px;
}
.innf_card + .innf_card {
margin-top: 15px;
}
.inn_maps_form {
position: relative;
top: 0;
}
.bot_cont {
flex-direction: column;
height: unset;
padding: 20px 0;
gap: 10px;
}
#reviews {
margin-top: 60px;
}
.swiper_reviews {
margin-top: 30px;
}
#faqs {
margin-top: 60px;
}
.inn_faqs {
margin-top: 40px;
}
.innfw_desc p {
max-width: unset;
font-size: 15px;
}
.innfw_desc {
margin-top: 15px;
}
#choose {
margin-top: 60px;
}
.swiper_clients {
margin-top: 20px;
}
.innw_bx_outer {
margin-top: 20px;
}
.innw_title {
font-size: 28px;
}
.inn_whywe {
padding: 60px 0 70px;
}
.innstr_bx {
--elems:1;
margin-top: 30px;
}
.innstr_card {
--instrBxCardHeight: 250px;
}
.innstr_img {
width: 100px;
height: 100px;
}
.innstr_title {
font-size: 22px;
}
.innstr_desc p {
font-size: 12px;
}
.innw_bx_outer {
--elems:1;
}
.innwc_big {
width: 200px;
height: 300px;
position: sticky;
top: calc(var(--headerTop) + 20px);
}
.innw_bx_out {
width: calc(100% - 200px - var(--gap));
}
.inn_numbers {
--elems:1;
flex-wrap: wrap;
}
.inns_bx {
--elems:1;
}
.innb_desc > p:nth-child(2) {
max-width: unset;
font-size: 20px;
margin-top: 10px;
}
.innb_desc strong {
font-size: 45px;
}
.innb_btn {
font-size: 16px;
margin-top: 30px;
}
.inn_banner {
padding-bottom: 50px;
}
#banner {
height: 70vmax;
border-radius: 15px;
}
.header__btn {
height: 40px;
padding: 0 15px;
}
.inn_qrcode {
flex-direction: column;
gap: 20px;
padding: 30px 0 30px;
}
.innq_form {
width: 100%;
}
.innqf_frm {
width: 100%;
margin-top: 15px;
}
.innqf_frm input {
font-size: 12px;
height: 41px;
}
.innq_qr {
width: 100%;
height: 100%;
}
.innq_form h3 {
font-size: 28px;
}
.innq_form p {
font-size: 14px;
margin-top: 10px;
}
.inns_works {
grid-column-gap: 10px;
grid-row-gap: 10px;
margin-top: 30px;
}
h3 {
font-size: 28px;
}
#works {
padding: 30px 0;
margin-top: 60px;
}
.inn_obsh a {
border-radius: 10px;
}
#whywe {
margin-top: 60px;
}
}
@media (max-width: 450px) {
.innwc_big {
display: none;
}
.innw_bx_out {
width: 100%;
}
}