/* Start:/bitrix/templates/furniture_dark-blue/components/bitrix/menu/catalog_horizontal/style.css?174730799912191*/
.bx-top-nav-container {
margin-top: 15px;
padding: 0 10px;
color: #fff;
border-radius: 2px;
margin-left: 35px;
/* margin-bottom: -88px; */
height: 43px;
position: relative;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
/* 1 lvl*/
.bx-top-nav-container .bx-nav-list-1-lvl {
margin: 0;
padding: 0;
list-style: none;
}
.bx-top-nav-container .bx-nav-1-lvl {
float: left;
position: relative;
}
.bx-top-nav-container .bx-nav-1-lvl > a {
display: block;
text-decoration: none;
border-radius: 1px;
padding-top: 6px;
padding-bottom: 2px;
padding-left: 10px;
border-bottom: none;
font-family: 'TildaSans', Arial, sans-serif;
font-weight: 400;
color: #000000;
}
.bx-top-nav-container .bx-nav-1-lvl > a span {
padding: 10px 14px 14px;
display: block;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-hover {}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover > a,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover > a {
z-index: 250;
box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .13)
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover > a span,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover > a span { background: #fff; }
.bx-top-nav-container .bx-nav-parent-arrow { display: none; }
/*2 lvl*/
.bx-top-nav-container .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-2-lvl-container {
z-index: 999;
display: none;
opacity: 0;
padding: 9px 0 5px;
box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .13);
border-top: none;
min-width: 100%;
color: #000;
}
.bx-top-nav-container .bx-nav-2-lvl-container-advanced:before,
.bx-top-nav-container .bx-nav-2-lvl-container:before {
position: absolute;
content: " ";
display: block;
height: 5px;
background: #fff;
top: -5px;
left: 0;
right: 0;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container,
.bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container {
opacity: 1;
display: block;
position: absolute;
top: 100%;
z-index: 999;
background: #fff;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container {
top: 56px;
margin-left: -10px;
}
.bx-top-nav-container > ul { box-sizing: border-box; }
.bx-top-nav-container .bx-nav-list-2-lvl {
margin: 0;
padding: 5px 0 12px;
}
.bx-top-nav-container .bx-nav-2-lvl {
display: block;
min-width: 180px;
padding: 0 10px;
box-sizing: border-box;
}
.bx-top-nav-container .bx-nav-2-lvl > a {
padding: 5px 15px 5px;
color: #20394c;
font-size: 13px;
line-height: 16px;
text-decoration: none;
font-weight: var(--ui-font-weight-bold);
border-bottom: none;
display: block;
}
.bx-top-nav-container .bx-nav-list-2-lvl .bx-nav-2-lvl:first-child a {
border-top: none;
margin-top: 0;
}
/*3 lvl*/
.bx-top-nav-container .bx-nav-3-lvl {
padding: 5px 0;
margin: 0;
}
.bx-top-nav-container .bx-nav-3-lvl-container-advanced:before,
.bx-top-nav-container .bx-nav-3-lvl-container:before {
position: absolute;
content: " ";
display: block;
height: 5px;
background: #fff;
top: -5px;
left: 0;
right: 0;
}
.bx-top-nav-container .bx-nav-list-3-lvl {
margin: 0;
padding: 0 0 14px 7px;
}
.bx-top-nav-container .bx-nav-3-lvl {
display: block;
min-width: 180px;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bx-top-nav-container .bx-nav-3-lvl a {
padding: 3px 15px;
color: #555;
font-size: 13px;
line-height: 14px;
text-decoration: none;
border-bottom: none;
display: block;
}
/* col 1 */
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container { min-width: 200px; }
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl {
display: block;
min-width: 200px;
width: 100%;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-catinfo-back {
width: 100%;
background: #fff;
}
/* col 2 */
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container { min-width: 400px }
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl {
display: block;
min-width: 200px;
width: 50%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-catinfo-back { width: 50%; }
/* col 3 */
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container { min-width: 600px }
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl {
display: block;
min-width: 200px;
width: 33.33333%;
float: left;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-catinfo-back { width: 33.33333%; }
/* col 4 */
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col { position: static; }
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced {
top: 100%;
left: 0;
right: 0;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container { min-width: 100% }
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl {
display: block;
width: 25%;
float: left;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-catinfo-back { width: 25%; }
.bx-top-nav-container .bx-nav-catinfo {
padding: 5px 15px 5px;
z-index: 120;
position: relative;
}
.bx-top-nav-container .bx-nav-catinfo img {
box-sizing: border-box;
border: 1px solid #e7e9ea;
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
}
.bx-top-nav-container .bx-nav-catinfo p {
padding: 20px 5px 0;
font-size: 13px;
}
.bx-top-nav-container .bx-nav-catinfo-back {
position: absolute;
display: block;
content: ' ';
top: -5px;
right: 0;
bottom: 0;
background: #f7fafb;
z-index: 100;
border-left: 1px solid #ecefef;
}
/* ASIDE */
/*body>.bx-aside-nav-control.bx-opened{left: 85%;}*/
.bx-aside-nav-control {
font-size: 28px;
position: fixed;
width: 40px;
height: 40px;
top: 5px;
left: 5px;
line-height: 40px;
cursor: pointer;
z-index: 1750;
color: #fff;
text-align: center;
}
body > .bx-aside-nav-control {
-webkit-transition: left .15s linear;
-moz-transition: left .15s linear;
-ms-transition: left .15s linear;
-o-transition: left .15s linear;
transition: left .15s linear;
}
.bx-aside-nav-control .fa {
line-height: 40px;
vertical-align: middle;
}
.bx-wrapper,
.bx-aside-nav {
-webkit-transition: -webkit-transform .15s linear;
-moz-transition: -moz-transform .15s linear;
-ms-transition: -ms-transform .15s linear;
-o-transition: -o-transform .15s linear;
transition: transform .15s linear;
}
.bx-logo { z-index: 1700 !important }
/**/
.bx-opened .bx-footer,
.bx-opened .workarea {display: none !important}
/**/
.bx-aside-nav {
display: none;
padding-top: 50px;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
width: 100%;
background: #4c5c65;
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 1600;
}
.bx-aside-nav.bx-opened {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
overflow-y: scroll;
}
.bx-aside-nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.bx-aside-nav a {
color: #fff;
vertical-align: middle;
line-height: 48px;
height: 48px;
font-size: 16px;
display: block;
border-bottom: 1px solid #3d4b53;
padding-left: 15px;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.bx-aside-nav a { text-decoration: none; }
.bx-aside-nav .bx-nav-1-lvl {}
.bx-aside-nav .bx-nav-1-lvl > a {}
.bx-nav-1-lvl.bx-opened,
.bx-aside-nav .bx-nav-1-lvl:hover > a,
.bx-aside-nav .bx-nav-1-lvl.bx-hover > a { background: #44535c; }
.bx-aside-nav .bx-nav-list-2-lvl { background: #44535c; }
.bx-aside-nav .bx-nav-2-lvl > a { padding-left: 30px; }
.bx-aside-nav .bx-nav-3-lvl > a { padding-left: 45px; }
.bx-aside-nav .bx-nav-4-lvl a { padding-left: 60px; }
.bx-aside-nav .bx-nav-parent { position: relative; }
.bx-aside-nav .bx-nav-parent-arrow {
position: absolute;
right: 0;
top: 0;
margin-top: 6px;
width: 46px;
height: 34px;
text-align: center;
border-left: 1px solid #5a6971;
z-index: 200;
}
.bx-aside-nav .bx-nav-parent-arrow i {
line-height: 34px;
font-size: 17px;
font-style: normal;
color: #fff;
}
.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-parent-arrow i {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-ms-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear;
}
.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container-advanced,
.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container,
.bx-aside-nav .bx-nav-parent > ul {
overflow: hidden;
height: 0;
}
.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container-advanced,
.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container,
.bx-aside-nav .bx-nav-parent.bx-opened > ul { height: auto; }
.bx-aside-nav .bx-nav-catinfo,
.bx-aside-nav .bx-nav-catinfo-back { display: none; }
@media (min-width: 1359px) {
.bx-top-nav-container .bx-nav-1-lvl > a { font-size: 18px; }
.bx-top-nav-container .bx-nav-1-lvl > a span { padding: 12px 14px 15px; }
}
@media (min-width: 992px) and (max-width: 1359px) {
.bx-top-nav-container .bx-nav-1-lvl > a { font-size: 15px; }
.bx-top-nav-container .bx-nav-1-lvl > a span { padding: 12px 4px 15px; }
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container { top: 47px; }
}
@media (min-width: 768px) and (max-width: 1156px) {
.bx-top-nav-container .bx-nav-1-lvl > a { font-size: 13px; }
.bx-top-nav-container .bx-nav-1-lvl > a span { padding: 5px 6px 9px; }
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container { top: 37px; }
}
@media (min-width: 768px) {
.bx-aside-nav-control,
.bx-aside-nav { display: none; }
.bx-top-nav-container { display: block; }
}
@media (max-width: 767px) {
.bx-aside-nav-control,
.bx-aside-nav { display: block; }
.bx-top-nav-container { display: none; }
.bx-aside-nav .bx-nav-parent-arrow { display: block; }
.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent > a > span > .fa { display: none; }
}
/* End */
/* Start:/bitrix/templates/furniture_dark-blue/components/bitrix/form.result.new/template1/style.css?1747307999666*/
table.form-table
{
width:100%;
background-color:white;
border-collapse:collapse;
font-size:100%;
font-weight:normal;
line-height:160%;
}
table.form-table th, table.form-table td
{
border:1px solid #ADC3D5;
padding: 5px 5px;
vertical-align:top;
}
table.form-table th
{
background-image:url(../../../../../templates/furniture_dark-blue/components/bitrix/form.result.new/template1/images/table_head.gif);
background-repeat:repeat-x;
text-align: left;
color:#25639A;
}
table.form-table td
{
padding: 15px 5px;
}
.form-required
{
color: red;
}
.error-fld {
display: block;
float: left;
height: 13px;
width: 15px;
background-repeat: no-repeat;
background-image: url(../../../../../templates/furniture_dark-blue/components/bitrix/form.result.new/template1/images/icon_warn.gif);
}
/* End */
/* Start:/bitrix/templates/furniture_dark-blue/styles.css?1748261923151452*/
img {border:0 none;}
p {
margin: 9px 9px 9px 0px;
}
h1, h2, h3, h4, h5, h6
{
font-family: Arial, Helvetica,sans-serif;
/* margin:1.3em 0 1em; */
font-weight:normal;
line-height:1.2;
}
h1 { font-size:200%; margin:0 0 1em; }
h2 { font-size:160%; }
h3 { font-size:140%; }
h4 { font-size:140%; }
h5 { font-size:120%; }
h6 { font-size:100%; }
hr, .hr
{
border-top:1px solid;
display:block;
font-size:1px;
height:1px;
line-height:1px;
margin:12px 0;
overflow:hidden;
padding:0;
}
.hidden {
display: none!important;
}
/****************************************************/
.literary_translation { background-color: #68d6eb; }
.document_translation { background-color: #59CD59; }
.technical_translation { background-color: #F4C134; }
.localization_translation {
background-color: #FE7446;
}
.medical_translation { background-color: #00a0dd; }
.audiovisual_translation { background-color: #20C520; }
.graphic_layout { background-color: #FFBC00; }
.interpretation_translation {
background-color: #FC6938;
}
.pharmaceutical_translation { background-color: #1386BF; }
.legal_translation { background-color: #00B800; }
.machine_translation { background-color: #E9AC03; }
.marketing_translation { background-color: #E04F1C; }
.modal-overlay2 {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000;
align-content: center;
flex-direction: column;
}
.modal-content2 {
width: 380px;
background-color: #fff;
border-radius: 22px;
padding: 26px 0px;
position: relative;
max-height: 120vh;
overflow: hidden;
}
.modal-header {
position: relative;
margin-bottom: 27px;
}
.modal-title {
color: #6d6d6d;
text-align: center;
font: 400 24px/29px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
.form-group {
margin-bottom: 20px;
}
.form-input {
width: 100%;
height: 45px;
padding: 10px 24px;
border-radius: 15px;
border: 2px solid #bababa;
color: #bababa;
letter-spacing: 0.36px;
font: 18px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
.form-textarea {
width: 67%;
height: 99px;
padding: 13px 24px 10px;
border-radius: 15px;
border: 2px solid #bababa;
color: #000000;
letter-spacing: 0.36px;
resize: none;
font: 18px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
margin: 8px 37px;
}
.submit-button2 {
width: 305px;
height: 50px;
background-color: #00a0dd;
border-radius: 15px;
border: none;
color: #fff;
letter-spacing: 0.32px;
cursor: pointer;
margin-bottom: 19px;
font: 600 16px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
margin: 7px 37px;
}
.privacy-notice {
color: #bababa;
text-align: center;
font: 14px/19px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
.privacy-link {
text-decoration: underline!important;
cursor: pointer;
}
.close-icon {
cursor: pointer;
position: absolute;
top: 0;
right: 0;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
@media (max-width: 991px) {
.modal-content {
width: 90%;
max-width: 380px;
max-width: unset;
}
}
@media (max-width: 640px) {
.modal-content {
width: 95%;
padding: 20px;
}
.form-input,
.form-textarea {
font-size: 16px;
}
.submit-button {
height: 45px;
}
.privacy-notice {
font-size: 12px;
}
}
.header {
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 28px 0px;
}
@media (max-width: 991px) {
.header {
padding: 0 20px;
}
}
.header-content {
display: flex;
width: 100%;
max-width: 1663px;
align-items: flex-start;
gap: 20px;
flex-wrap: wrap;
}
@media (max-width: 991px) {
.header-content {
max-width: 100%;
}
}
.nav-container {
display: flex;
align-items: center;
gap: 40px 85px;
font-family: 'TildaSans', Arial, sans-serif;
font-weight: 400;
}
@media (max-width: 991px) {
.nav-container {
max-width: 100%;
}
}
.logo {
max-width: 12%;
margin: auto 0;
}
.logo_top{
max-width: 100%;
margin: auto 0;
}
.services-dropdown {
border-radius: 15px;
background-color: #f2f2f2;
align-self: stretch;
display: flex;
gap: 21px;
font-size: 16px;
color: #000;
padding: 16px 20px 17px 15px;
height: 20px;
justify-content: center;
margin-top: 9px;
font-family: 'TildaSans', Arial, sans-serif;
}
@media (max-width: 991px) {
.services-dropdown {
padding-left: 20px;
}
}
.dropdown-icon {
aspect-ratio: 1;
object-fit: contain;
object-position: center;
width: 18px;
align-self: flex-start;
}
.nav-links {
align-self: stretch;
display: flex;
gap: -28px;
font-size: 18px;
color: #111827;
white-space: nowrap;
text-align: center;
letter-spacing: 0.36px;
line-height: 0;
margin: auto;
}
@media (max-width: 991px) {
.nav-links {
white-space: initial;
}
}
.contact-link {
color: #111827;
}
@media(min-width: 1640px) {
.job-listings {
align-self: stretch;
margin-top: 85px;
width: 102%;
display: flex;
gap: 20px;
}
.job-row {
gap: 37px;
display: grid;
grid-template-columns: repeat(1,1fr);
align-items: start;
margin-right: 68px;
width: 51%;
height: 40%;
}
.header-actions {
display: flex;
gap: 30px;
flex-wrap: wrap;
margin: 0 auto!important;
justify-content: flex-end;
flex-direction: row;
}
}
@media(max-width: 1160px) {
.header-actions {
display: flex;
gap: 30px;
flex-wrap: wrap;
margin: 0 auto!important;
justify-content: flex-end;
flex-direction: row;
}
.services-dropdown {
border-radius: 15px;
background-color: #f2f2f2;
align-self: stretch;
display: flex;
gap: 21px;
font-size: 16px;
color: #000;
padding: 10px 18px 11px 15px!important;
height: 20px;
justify-content: center;
margin-top: 9px;
font-family: 'TildaSans', Arial, sans-serif;
}
}
@media (min-width: 1161px) and (max-width: 1640px) {
.header-actions {
display: flex;
gap: 30px;
flex-wrap: wrap;
margin: 0 56px 0px auto!important;
justify-content: flex-end;
flex-direction: row;
}
.bx-top-nav-container {
margin-top: 15px;
padding: 0 2px 0 50px!important;
color: #fff;
border-radius: 2px;
margin-left: -44px!important;
/* margin-bottom: -88px; */
height: 43px;
position: relative;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
}
@media (min-width: 780px) and (max-width: 1820px) {
.service-description {
color: rgba(255, 255, 255, 0.8);
font-size: 14px!important;
font-weight: 400;
line-height: 23px;
font-family: 'TildaSans', Arial, sans-serif;
}
/* .contact-details{
display: none;
} */
.header-content{
display: flex;
width: 100%;
max-width: 1663px;
align-items: flex-start;
gap: 10px;
flex-wrap: nowrap!important;
}}
@media (min-width: 1820px) {
.header-content {
display: flex;
width: 100%;
max-width: 1700px;
align-items: flex-start;
gap: 137px;
flex-wrap: wrap;
margin: 0;
}
}
@media (max-width: 1400px) {
.contact-details{
display: none!important;
}
}
.order-button {
font-family: 'TildaSans', Arial, sans-serif;
padding: 10px 17px 16px 18px!important;
width: 118px!important;
align-self: stretch;
border-radius: 15px;
background: var(--AcGreen, #25d366);
min-height: 50px;
gap: 10px;
font-size: 15px;
color: #fff;
font-weight: 500;
text-align: center;
letter-spacing: 0.32px;
line-height: 1;
padding: 15px 17px 16px 17px !important;
border: none;
cursor: pointer;
max-height: 51px;
justify-content: center;
display: flex;
margin-top: 15px;
width: 141px;
justify-content: center;
}
@media (min-width: 1400px) and (max-width: 1860px) {
.examples-slider {
margin-top: -7px;
max-width: 1200px!important;
margin: 0 auto;
}}
@media (min-width: 980px) and (max-width: 1400px) {
.examples-slider {
margin-top: -7px;
max-width: 900px!important;
margin: 0 auto;
}}
@media (min-width: 780px) and (max-width: 1400px) {
#workarea {
width: 100% !important;
margin: 0 auto;
}}
@media (max-width: 991px) {
.header-actions {
max-width: 100%;
}
}
.social-icons{
display: flex;
align-items: flex-start;
gap: 11px;
margin: auto 0;
}
.social-icon {
aspect-ratio: 1.06;
object-fit: contain;
object-position: center;
width: 38px;
}
.social-icon-2 {
aspect-ratio: 1.08;
object-fit: contain;
object-position: center;
width: 39px;
}
.divider {
aspect-ratio: 0.03;
object-fit: contain;
object-position: center;
width: 1px;
width: 1.5px;
}
.divider1 {
aspect-ratio: 0.03;
object-fit: contain;
object-position: center;
width: 1.5px;
position: relative;
top: 3px;
height: 66px;
}
.contact-info {
display: flex;
align-items: flex-start;
gap: 11px;
font-family: 'TildaSans', Arial, sans-serif;
flex-grow: 1;
flex-basis: auto;
}
.contact-details {
color: #858585;
text-align: right;
font-size: 24px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0.9px;
margin-top: 11px;
width: 263px;
}
.contact-email {
font-weight: 400;
font-size: 18px;
line-height: 19px;
letter-spacing: 0.9px;
color: #858585;
}
.order-button {
font-family: 'TildaSans', Arial, sans-serif;
align-self: stretch;
border-radius: 15px;
background: var(--AcGreen, #25d366);
min-height: 50px;
gap: 10px;
font-size: 16px;
color: #fff;
font-weight: 600;
text-align: center;
letter-spacing: 0.32px;
line-height: 1;
padding: 16px 17px 16px 18px;
border: none;
cursor: pointer;
max-height: 51px;
justify-content: center;
display: flex;
margin-top: 8px;
width: 171px !important;
align-items: center;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.services-dropdown {
position: relative;
display: inline-block;
cursor: pointer;
display: flex;
align-items: center;
gap: 19px;
}
.dropdown-icon {
transition: transform 0.3s ease;
}
.dropdown-content {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
min-width: 275px;
box-shadow: 0 8px 103px rgba(0,0,0,0.1);
border-radius: 17px;
padding: 26px;
z-index: 1;
margin-top: 10px;
text-decoration: none;
}
.dropdown-item {
padding: 10px 20px;
transition: background-color 0.2s;
text-decoration: none!important;
}
.dropdown-item:hover {
text-decoration: underline!important;
color: black;
}
.services-dropdown.active .dropdown-content {
display: block;
}
.services-dropdown.active .dropdown-icon {
transform: rotate(180deg);
}
.flex{
display: flex;
}
.service-cards {
display: flex;
gap: 24px;
padding: 20px;
max-width: 1620px;
margin: 0 auto;
margin-top: 113px;
font-family: 'TildaSans', Arial, sans-serif;
flex-wrap: wrap;
}
@media (max-width: 991px) {
.service-cards {
flex-wrap: wrap;
gap: 20px;
padding: 16px;
}
}
@media (max-width: 640px) {
.service-cards {
flex-direction: column;
gap: 16px;
}
}
@media (min-width: 1690px) {
.service-card {
flex: 1;
background-color: #fff;
border-radius: 8px;
padding: 11px 4px 75px 13px;
display: flex;
flex-direction: column;
align-items: flex-start;
min-width: 290px;
box-shadow: 3px 20px 19px 0px rgb(71 71 71 / 11%), -5px 20px 20px rgb(71 71 71 / 4%), -13px -20px 20px 0px rgba(71, 71, 71, 0.01), 1px -8px 13px 2px rgba(71, 71, 71, 0.04);
transition: transform 0.2s, box-shadow 0.2s;
}}
@media (min-width: 1540px) and (max-width: 1689px) {
.service-card {
flex: 1;
background-color: #fff;
border-radius: 8px;
padding: 11px 4px 75px 13px;
display: flex;
flex-direction: column;
align-items: flex-start;
min-width: 280px;
box-shadow: 3px 20px 19px 0px rgb(71 71 71 / 11%), -5px 20px 20px rgb(71 71 71 / 4%), -13px -20px 20px 0px rgba(71, 71, 71, 0.01), 1px -8px 13px 2px rgba(71, 71, 71, 0.04);
transition: transform 0.2s, box-shadow 0.2s;
}}
@media (min-width: 1480px) and (max-width: 1500px) {
.service-card {
flex: 1;
background-color: #fff;
border-radius: 8px;
padding: 11px 4px 75px 13px;
display: flex;
flex-direction: column;
align-items: flex-start;
min-width: 270px;
box-shadow: 3px 20px 19px 0px rgb(71 71 71 / 11%), -5px 20px 20px rgb(71 71 71 / 4%), -13px -20px 20px 0px rgba(71, 71, 71, 0.01), 1px -8px 13px 2px rgba(71, 71, 71, 0.04);
transition: transform 0.2s, box-shadow 0.2s;
/* width: auto; */
}}
@media (min-width: 1501px) and (max-width: 1540px) {
.service-card {
flex: 1;
background-color: #fff;
border-radius: 8px;
padding: 11px 4px 75px 13px;
display: flex;
flex-direction: column;
align-items: flex-start;
min-width: 260px;
box-shadow: 3px 20px 19px 0px rgb(71 71 71 / 11%), -5px 20px 20px rgb(71 71 71 / 4%), -13px -20px 20px 0px rgba(71, 71, 71, 0.01), 1px -8px 13px 2px rgba(71, 71, 71, 0.04);
transition: transform 0.2s, box-shadow 0.2s;
/* width: auto; */
}}
/* @media (max-width: 991px) {
.service-card {
min-width: calc(50% - 10px);
padding: 24px 20px;
}
} */
@media (max-width: 640px) {
.service-card {
width: 100%;
min-width: 0;
padding: 20px;
}
}
.service-icon {
width: 32px;
height: 32px;
object-fit: contain;
}
.service-title {
margin-top: 23px;
font-size: 23px;
font-weight: 700;
line-height: 1.35;
font-family: 'TildaSans', Arial, sans-serif;
color: #000;
}
@media (max-width: 640px) {
.service-title {
font-size: 20px;
margin-top: 20px;
}
}
.technical-translation { border-bottom: 4px solid #ffb800; }
.localization { border-bottom: 4px solid #0066ff; }
.medical-translation { border-bottom: 4px solid #00b2ff; }
.audio-visual-translation { border-bottom: 4px solid #00cc66; }
.graphic-layout { border-bottom: 4px solid #ff6633; }
.interpretation { border-bottom: 4px solid #68D6EB; }
.audiovisual-translation{border-bottom: 4px solid #59CD59;}
.document-translation{ border-bottom: 4px solid #FC6938;}
.pharmaceutical-translation {border-bottom: 4px solid #1386BF; }
.legal-translation {border-bottom: 4px solid #00B800;}
.machine-translation {border-bottom: 4px solid #E9AC03; }
.marketing-translation {border-bottom: 4px solid #FC6938;}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.achievements-container {
max-width: 100%;
margin: 0 auto;
padding: 0px;
background-color: #F9FAFB;
}
.achievements-grid {
display: flex;
gap: 28px;
justify-content: space-between;
margin: 0 auto;
max-width: 1640px;
margin-top: 53px;
}
@media (max-width: 991px) {
.achievements-grid {
flex-wrap: nowrap;
gap: 15px;
}
}
@media (max-width: 640px) {
.achievements-grid {
flex-direction: column;
}
}
.achievement-item {
display: flex;
flex-direction: column;
width: 25%;
}
@media (max-width: 991px) {
.achievement-item {
width: calc(50% - 8px);
}
}
@media (max-width: 640px) {
.achievement-item {
width: 100%;
margin-bottom: 15px;
}
}
.achievement-card {
border-radius: 16px;
background-color: #fff;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 26px 88px 33px 26px;
height: 100%;
box-shadow: 0px -1px 7px rgb(0 0 0 / 0%), 0px 1px 1px rgba(0, 0, 0, 0.02), -2px 1px 0px rgb(0 0 0 / 1%), 4px 0px 13px rgb(0 0 0 / 15%), -3px 8px 20px rgb(0 0 0 / 16%);
transition: transform 0.2s, box-shadow 0.2s;
}
@media (max-width: 991px) {
.achievement-card {
padding: 6px 8px;
}
.frame-131 {
max-width: 1640px;
position: relative;
margin: 0 auto;
margin-top: 105px;
margin-bottom: 51px;
margin: 105px 20px -4px!important;
}
}
@media (max-width: 640px) {
.achievement-card {
padding: 24px 20px;
}
}
.achievement-icon {
width: 80px;
height: 80px;
object-fit: contain;
border-radius: 50%;
background-color: #f8f8f8;
}
.achievement-text {
letter-spacing: 0.36px;
margin-top: 37px;
max-width: 280px;
color: #333;
font: 500 18px/23px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
@media (max-width: 640px) {
.achievement-text {
font-size: 16px;
line-height: 21px;
margin-top: 24px;
}
}
.highlight {
color: #028adf;
}
h3 {
font-size: 60px;
margin: 0px;
font-family: 'TildaSans', Arial, sans-serif;
}
.logo-container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
padding: 20px 0;
flex-wrap: wrap;
margin-top: 38px;
}
@media (max-width: 991px) {
.logo-container {
justify-content: center;
gap: 30px;
}
}
@media (max-width: 640px) {
.logo-container {
flex-direction: column;
align-items: center;
gap: 25px;
}
}
.logo {
max-width: 12%;
}
.logo-fp {
aspect-ratio: 2.96;
width: 195px;
}
.logo-practicount {
aspect-ratio: 3.19;
width: 176px;
}
.logo-smartcat {
aspect-ratio: 6.13;
width: 166px;
}
@media (max-width: 991px) {
.logo {
width: 160px;
}
}
@media (max-width: 640px) {
.logo {
width: 140px;
}
}
.translation-services {
display: flex;
flex-direction: column;
max-width: 1640px;
margin: 0 auto;
}
.service-row {
width: 100%;
display: flex;
gap: 25px;
margin-bottom: 20px;
}
@media (max-width: 991px) {
.service-row {
flex-direction: column;
align-items: stretch;
gap: 0;
}
}
.service-card2 {
display: flex;
flex-direction: column;
flex: 1;
border-radius: 8px;
padding: 24px;
font-family: 'TildaSans', Arial, sans-serif;
overflow: hidden;
position: relative;
height: 304px;
}
@media (max-width: 991px) {
.service-card2 {
margin-top: 0px;
}
}
.service-icon {
width: 36px;
height: 36px;
object-fit: contain;
}
.service-title1 {
color: #fff;
font-size: 24px;
font-weight: 700;
line-height: 1;
margin: 27px 0 7px;
font-family: 'TildaSans', Arial, sans-serif;
}
.service-description {
color: rgba(255, 255, 255, 0.8);
font-size: 18px;
font-weight: 400;
line-height: 19px;
font-family: 'TildaSans', Arial, sans-serif;
}
.service-overlay {
background-color: rgba(255, 255, 255, 0.1);
height: 4px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.literary-translation1 { background-color: #68d6eb; }
.document-translation1 { background-color: #7EE758; }
.technical-translation1 { background-color: #FFC933; }
.localization1 {
background-color: #FC6938;
}
.medical-translation1 { background-color: #00a0dd; }
.audiovisual-translation1 { background-color: #3CCC3C; }
.graphic-layout1 { background-color: #EFB102; }
.interpretation1 {
background-color: #F65D27;
}
.pharmaceutical-translation1 { background-color: #297FAA; }
.legal-translation1 { background-color: #399739; }
.machine-translation1 { background-color: #EB9B08; }
.marketing-translation1 { background-color: #e04f1c; }
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.examples-section {
display: flex;
flex-direction: column;
font-family: 'TildaSans', Arial, sans-serif;
font-weight: 400;
width: 100%;
}
.examples-container {
background-color: #fff;
display: flex;
width: 100%;
padding: 46px 0px 82px 0;
flex-direction: column;
max-width: 1640px;
margin: 0 auto;
}
@media (max-width: 991px) {
.examples-container {
padding: 64px 0px;
}
}
@media (max-width: 640px) {
.examples-container {
padding: 48px 16px;
}
}
.examples-heading {
color: rgba(17, 24, 39, 0.9);
font-size: 60px;
line-height: 1;
margin: 43px 0px 64px 0;
font-family: 'TildaSans', Arial, sans-serif;
}
@media (max-width: 991px) {
.examples-heading {
font-size: 48px;
/* text-align: center; */
font-family: 'TildaSans', Arial, sans-serif;
}
}
@media (max-width: 640px) {
.examples-heading {
font-size: 36px;
font-family: 'TildaSans', Arial, sans-serif;
}
}
.examples-slider {
font-size: 16px;
color: #000;
line-height: 1;
}
.example-card {
border-radius: 30px;
background-color: #f8fafc;
display: flex;
padding: 1px 22px 21px 25px;
flex-direction: column;
width: 380px;
min-height: 472px!important;
position: relative;
margin: 0 16px;
height: auto!important;
}
@media (max-width: 991px) {
.example-card {
width: 421px !important;
}
}
@media (max-width: 640px) {
.example-card {
width: 100%;
min-height: 500px;
padding: 24px;
}
}
.example-type {
font-size: 24px;
font-weight: 700;
line-height: 1;
padding-bottom: 16px;
max-width: 418px;
margin: 29px auto 19px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.example-title {
font-size: 18px;
line-height: 1;
letter-spacing: 0.36px;
margin-bottom: 32px;
font-family: 'TildaSans', Arial, sans-serif;
max-width: 417px;
margin: 13px 2px;
font-weight: 400;
display: flex;
height: 13px;
justify-content: flex-start;
align-content: space-between;
}
.language-label {
font-weight: 600;
letter-spacing: 0.32px;
}
.example-text {
font-family: 'TildaSans', Arial, sans-serif;
color: rgba(17, 24, 39, 0.6);
line-height: 1.5;
margin: 12px 0;
font-size: 16px;
line-height: 16px;
}
.language-with-flag {
font-weight: 600;
letter-spacing: 0.32px;
display: flex;
align-items: center;
gap: 8px;
}
.flag-icon {
width: 20px;
height: 16px;
object-fit: contain;
}
.details-button {
font-weight: 600;
color: #fff;
background-color: #00a0dd;
border-radius: 15px;
padding: 16px;
text-align: center;
position: absolute;
bottom: 30px;
left: 32px;
right: 32px;
cursor: pointer;
transition: background-color 0.2s;
border: none;
max-width: 436px;
margin: 0 auto;
}
.details-button:hover,
.details-button:focus {
background-color: #0077a3;
}
.slick-prev,
.slick-next {
z-index: 1;
}
@media (min-width: 1500px){
.slick-prev {
left: -7%!important;
}
.slick-next {
right: -7%!important;
}
}
@media (max-width: 1600px){
.header-actions {
display: flex;
gap: 18px!important;
flex-wrap: wrap;
margin: 0px 25px 0px auto!important;
justify-content: flex-end;
flex-direction: row;
}
._7-8634-36-38-15-order-f-pm-ru-span {
color: #000000;
font-family: var(--header-h5-font-family, "TildaSans-Bold", sans-serif);
font-family: 'TildaSans', Arial, sans-serif;
font-size: var(--header-h5-font-size, 20px)!important;
line-height: var(--header-h5-line-height, 21px)!important;
font-weight: var(--header-h5-font-weight, 700);
letter-spacing: 0px;
}
.contact-details {
color: #858585;
text-align: right;
font-size: 18px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0.9px;
margin-top: 18px;
width: 174px!important;
}
.example-text {
font-family: 'TildaSans', Arial, sans-serif;
color: rgba(17, 24, 39, 0.6);
line-height: 1.5;
margin: 12px 0;
font-size: 13px!important;
line-height: 14px!important;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
line-height: 1.3em;
height: calc(1.3em* 3)!important;
display: flex;
justify-content: flex-start;
}
.services-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px 9px!important;
margin-left: 13px!important;
}
.slick-prev {
left: -9%!important;
}
.slick-next {
right: -8%!important;
}
.divider1 {
aspect-ratio: 0.03;
object-fit: contain;
object-position: center;
width: 1.5px;
position: relative;
top: 3px;
height: 66px;
display: none;
}
.social-icon {
aspect-ratio: 1.06;
object-fit: contain;
object-position: center;
width: 36px !important;
}
.social-icon-2 {
aspect-ratio: 1.08;
object-fit: contain;
object-position: center;
width: 36px!important;
}
.services-dropdown {
border-radius: 15px;
background-color: #f2f2f2;
align-self: stretch;
display: flex;
gap: 21px;
font-size: 16px;
color: #000;
padding: 16px 14px 17px 15px!important;
height: 20px;
justify-content: center;
margin-top: 9px;
font-family: 'TildaSans', Arial, sans-serif;
}
.contact-details {
display: flex;
margin-left: 0px!important;
flex-direction: column;
align-items: end;
font-family: 'TildaSans', Arial, sans-serif;
color: #000000;
font-weight: 400;
}
.order-button {
font-family: 'TildaSans', Arial, sans-serif;
align-self: stretch;
border-radius: 15px;
background: var(--AcGreen, #25d366);
min-height: 32px;
gap: 0px;
font-size: 16px;
color: #fff;
font-weight: 600;
text-align: center;
letter-spacing: 0.32px;
line-height: 14px;
padding: 0px 0px 0px 0px !important;
border: none;
cursor: pointer;
max-height: 50px!important;
justify-content: center;
display: flex;
margin-top: 8px;
width: 170px !important;
align-content: center;
align-items: center;
border-radius: 10px;
}
}
@media (min-width: 1400px) and (max-width: 1500px){
#workarea {
width: 100% !important;
margin: 0 auto;
}
}
@media (min-width: 1310px) and (max-width: 1500px){
.achievement-card {
border-radius: 16px;
background-color: #fff;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 18px 88px 12px 26px;
height: 100%;
box-shadow: 0px -1px 7px rgb(0 0 0 / 0%), 0px 1px 1px rgba(0, 0, 0, 0.02), -2px 1px 0px rgb(0 0 0 / 1%), 4px 0px 13px rgb(0 0 0 / 15%), -3px 8px 20px rgb(0 0 0 / 16%);
transition: transform 0.2s, box-shadow 0.2s;
gap: 14px;
}}
.form-label_p {
color: #6d6d6d;
margin-top: 50px;
margin-top: 55px;
font-size: 16px;
font-weight: 300;
font-family: 'TildaSans', Arial, sans-serif;
text-align: center;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
}
.form-label_d {
color: #6d6d6d;
margin-top: 0px;
font-size: 10px;
font-weight: 300;
font-family: 'TildaSans', Arial, sans-serif;
text-align: center;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
max-width: 300px;
margin-left: 28px;
margin-right: 0px;
}
.services-divider2_d {
border-top: 0.1px solid #e5e5e5;
width: 100%;
margin-bottom: 50px;
margin: 0 auto;
}
@media (max-width: 1355px){
.logo_wrap {
max-width: 179px!important;
width: auto!important;
}
}
@media (min-width: 1500px) and (max-width: 1700px){
.contact-container {
gap: 20px;
display: flex;
max-width: 1400px!important;
margin: 0 auto;
}}
@media (max-width: 1500px){
.form-select {
width: 100%;
height: 50px;
border: 1px solid rgba(186, 186, 186, 1);
border-radius: 15px;
padding: 0 24px;
color: #111827;
font-size: 18px;
font-weight: 300;
font-family: 'TildaSans', Arial, sans-serif;
background-color: #FFF;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right 52px center;
width: 310px!important;
}
.checkbox-group {
margin-bottom: 24px;
display: flex;
align-items: stretch;
flex-direction: column;
flex-wrap: wrap;
align-content: space-around;
}
.card-title_projects {
color: rgba(17, 24, 39, 0.9);
font: 700 32px/48px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
line-height: 1.3em;
height: calc(1.3em * 4);
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 18px;
line-height: 20px;
}
.form-label_d {
color: #6d6d6d;
margin-top: 0px;
font-size: 10px;
font-weight: 300;
font-family: 'TildaSans', Arial, sans-serif;
text-align: center;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
max-width: 377px!important;
margin-left: 0px!important;
margin-right: 0px;
flex-wrap: wrap;
}
.logo_wrap {
/* width: 179px!important; */
}
.contact-container {
gap: 20px;
display: flex;
max-width: 100%!important;
margin: 0 auto;
}
.bx-top-nav-container {
margin-top: 15px;
padding: 0 10px;
color: #fff;
border-radius: 2px;
margin-left: -44px!important;
/* margin-bottom: -88px; */
height: 43px;
position: relative;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
.form-input{
max-width: 310px;
}
.card-4{
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
}
.submit-button{
max-width: 310px;
}
}
@media (max-width: 1440px){
.order-button {
font-family: 'TildaSans', Arial, sans-serif;
align-self: stretch;
border-radius: 15px;
background: var(--AcGreen, #25d366);
min-height: 50px;
gap: 10px;
font-size: 16px;
color: #fff;
font-weight: 600;
text-align: center;
letter-spacing: 0.32px;
line-height: 1;
padding: 10px 17px 16px 18px!important;
border: none;
cursor: pointer;
max-height: 51px;
justify-content: center;
display: flex;
margin-top: 8px;
width: 182px!important;
}
._7-8634-36-38-15-order-f-pm-ru-span {
color: #000000;
font-family: var(--header-h5-font-family, "TildaSans-Bold", sans-serif);
font-size: var(--header-h5-font-size, 19px)!important;
line-height: var(--header-h5-line-height, 32px);
font-weight: var(--header-h5-font-weight, 700);
}
._7-8634-36-38-15-order-f-pm-ru-span2 {
color: #858585;
font-family: var(--paragraph-small-font-family, "TildaSans-Regular", sans-serif);
font-size: var(--paragraph-small-font-size, 16px)!important;
line-height: var(--paragraph-small-line-height, 13px);
letter-spacing: var(--paragraph-small-letter-spacing, 0.05em);
font-weight: var(--paragraph-small-font-weight, 400);
}}
@media (max-width: 1550px){
.nav-container {
display: flex;
align-items: center;
gap: 40px 30px!important;
font-family: 'TildaSans', Arial, sans-serif;
font-weight: 400;
}
}
.slick-prev:before,
.slick-next:before {
color: black;
}
.slick-prev:before {
content: ''!important;
background: url('../../../../../../autohtml-project/arrow-right.svg') no-repeat center center;
background-size: contain;
width: 90%;
height: 30px;
display: block;
}
.slick-next:before {
content: ''!important;
background: url('../../../../../../autohtml-project/arrow-left.svg') no-repeat center center;
background-size: contain;
width: 100%;
height: 30px;
display: block;
}
.slick-arrow {
width: 90px!important;
height: 90px!important;
background: #f8fafc!important;
border-radius: 50%;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.slick-arrow:hover {
background: #f8fafc;
}
.slick-arrow:before {
color: #f8fafc;
font-size: 24px;
}
.slick-arrow:hover:before {
color: black;
}
.slick-dots li button:before {
font-size: 12px;
}
.slick-dots li.slick-active button:before {
color: #f8fafc;
}
.examples-slider {
margin-top: -7px;
max-width: 1640px;
margin: 0 auto;
}
.example-card {
margin: 0 10px;
transition: transform 0.3s ease;
}
.slick-center .example-card {
transform: scale(1.05);
}
@media (max-width: 768px) {
.examples-slider {
padding: 0 20px;
}
.slick-arrow {
width: 30px;
height: 30px;
}
}
@media (max-width: 1860px) {
.block_lang {
background: white;
margin: 10px;
border-radius: 20px;
padding: 13px 16px 10px 15px!important;
max-width: 405px!important;
margin: 16px auto;
box-shadow: 2px 10px 23px 0px rgba(71, 71, 71, 0.1),
8px 41px 41px 0px rgba(71, 71, 71, 0.09),
18px 91px 56px 0px rgba(71, 71, 71, 0.05),
32px 162px 66px 0px rgba(71, 71, 71, 0.01),
51px 253px 72px 0px rgba(71, 71, 71, 0);
transition: transform 0.2s, box-shadow 0.2s;
max-height: max-content!important;
}}
.block_lang {
background: white;
margin: 10px;
border-radius: 20px;
padding: 23px 14px 20px 28px;
max-width: 405px;
margin: 16px auto;
box-shadow: 2px 10px 23px 0px rgba(71, 71, 71, 0.1),
8px 41px 41px 0px rgba(71, 71, 71, 0.09),
18px 91px 56px 0px rgba(71, 71, 71, 0.05),
32px 162px 66px 0px rgba(71, 71, 71, 0.01),
51px 253px 72px 0px rgba(71, 71, 71, 0);
transition: transform 0.2s, box-shadow 0.2s;
max-height: 70px;
}
.slick-slide {
display: none;
}
.slick-slide.slick-active {
display: block;
}
.calculator-section {
max-width: 1660px;
margin: 0 auto;
padding: 60px 0px;
}
@media (max-width: 640px) {
.calculator-section {
padding: 40px 20px;
}
}
.calculator-heading {
color: rgba(17, 24, 39, 0.9);
margin-bottom: 48px;
font-family: 'TildaSans', Arial, sans-serif;
font-size: 60px;
font-weight: 400;
}
@media (max-width: 1500px) {
.calculator-heading {
font-size: 34px;
}
.examples-heading {
color: rgba(17, 24, 39, 0.9);
font-size: 60px;
line-height: 1;
margin: 3px 0px 40px 0!important;
font-family: 'TildaSans', Arial, sans-serif;
}
}
@media (max-width: 640px) {
.calculator-heading {
font-size: 40px;
}
}
.calculator-description {
color: #111827;
margin-bottom: 80px;
max-width: 1640px;
font-family: 'TildaSans', Arial, sans-serif;
font-size: 24px;
font-weight: 400;
}
@media (max-width: 640px) {
.calculator-description {
font-size: 20px;
margin-bottom: 40px;
}
}
.calculator-link {
color: #028adf;
text-decoration: underline!important;
}
.calculator-grid {
display: flex;
gap: 20px;
justify-content: space-between;
}
@media (max-width: 991px) {
.calculator-grid {
flex-wrap: wrap;
}
}
@media (max-width: 640px) {
.calculator-grid {
flex-direction: column;
}
}
/* .calculator-card {
border-radius: 16px;
padding: 28px 45px;
width: calc(25% - 15px);
box-shadow: 2px 10px 23px 0px rgba(71, 71, 71, 0.1),
8px 41px 41px 0px rgba(71, 71, 71, 0.09),
18px 91px 56px 0px rgba(71, 71, 71, 0.05),
32px 162px 66px 0px rgba(71, 71, 71, 0.01),
51px 253px 72px 0px rgba(71, 71, 71, 0);
transition: transform 0.2s, box-shadow 0.2s;
background-color: #fff;
} */
@media (max-width: 991px) {
.calculator-card {
/* width: calc(50% - 10px); */
margin-bottom: 20px;
}
}
@media (max-width: 640px) {
.calculator-card {
/* width: 100%; */
padding: 40px 20px;
}
}
.card-number {
width: 80px;
height: 80px;
border-radius: 50%;
color: #028adf;
margin: 16px auto 27px;
background-color: rgba(2, 138, 223, 0.05);
font-family: 'Montserrat', sans-serif;
font-size: 48px;
font-weight: 600;
display: flex;
justify-content: center;
height: 68px;
padding-top: 11px;
}
.card-title {
color: rgba(17, 24, 39, 0.9);
text-align: center;
margin-bottom: 65px;
font-family: 'TildaSans', Arial, sans-serif;
font-size: 24px;
line-height: 29px;
}
.card-title.no-marg{
margin-bottom: 5px;
}
form.prev {
margin-top: -46px;
}
.form-group {
position: relative;
margin-bottom: 20px;
}
.form-label {
color: #6d6d6d;
margin-bottom: 21px;
margin-top: -9px;
font-size: 16px;
font-weight: 300;
font-family: 'TildaSans', Arial, sans-serif;
text-align: center;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
}
.form-select {
width: 100%;
height: 50px;
border: 1px solid rgba(186, 186, 186, 1);
border-radius: 15px;
padding: 0 24px;
color: #111827;
font-size: 18px;
font-weight: 300;
font-family: 'TildaSans', Arial, sans-serif;
background-color: #FFF;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right 52px center;
}
select::-ms-expand {
display: none;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: white;
}
.checkbox-group {
margin-bottom: 24px;
}
.checkbox-wrapper {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 20px;
}
.checkbox {
width: 20px;
height: 20px;
border: 2px solid #e5e5e5;
border-radius: 50%;
}
.checkbox-label {
display: flex;
align-items: center;
gap: 8px;
color: rgba(17, 24, 39, 0.9);
font-size:16px;
font-weight:300;
font-family: 'TildaSans', Arial, sans-serif;
}
.checkbox-icon {
width: 18px;
height: 18px;
}
.highlight {
color: #028adf;
}
.form-input {
width: 67%;
height: 45px;
border: 2px solid rgba(186, 186, 186, 1);
border-radius: 15px;
padding: 0 24px;
color: #111827;
margin-bottom: 17px;
font-size: 18px;
font-weight: 300;
font-family: 'TildaSans', Arial, sans-serif;
margin: 7px 37px;
}
.file-upload {
display: flex;
align-items: center;
gap: 8px;
color: #028adf;
text-decoration: underline!important;
cursor: pointer;
font-size:16px;
font-weight:300;
font-family: 'TildaSans', Arial, sans-serif;
justify-content: center;
}
.file-icon {
width: 21px;
}
.disclaimer {
color: rgb(0 0 0 / 68%);
text-align: left;
margin-top: 0px;
margin-bottom: 47px;
font-size: 10px;
font-weight: 300;
font-family: 'TildaSans', Arial, sans-serif;
max-width: 264px;
margin: 12px auto 47px;
}
.submit-button {
width: 91%;
height: 51px;
border: none;
border-radius: 15px;
color: #fff;
cursor: pointer;
background-color: #25d366;
font-size: 16px;
font-weight: 600;
font-family: 'TildaSans', Arial, sans-serif;
margin-top: 15px;
margin: 15px;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
img.under {
display: flex;
justify-content: center;
position: relative;
left: 0%;
padding: 1px 1px 16px 1px;
}
.partners-section {
background-color: #fff;
display: flex;
flex-direction: column;
align-items: start;
font-family: 'TildaSans', Arial, sans-serif;
color: #000;
font-weight: 400;
padding: 60px 80px 100px;
max-width: 1640px;
margin: 0 auto;
}
.partners-container {
display: flex;
width: 100%;
max-width: 1583px;
flex-direction: column;
}
.partners-title {
/* font-size: 60px;*/
line-height: 1;
align-self: start;
font-family: 'TildaSans', Arial, sans-serif;
}
.partners-description {
font-size: 24px;
line-height: 29px;
text-decoration-skip-ink: auto;
margin-top: 29px;
font-family: 'TildaSans', Arial, sans-serif;
}
.partners-image {
aspect-ratio: 3.11;
object-fit: contain;
object-position: center;
width: 100%;
align-self: end;
max-width: 1424px;
margin: 61px 39px 0 0;
}
.underline-blue {
text-decoration: underline!important;
color: rgba(2, 138, 223, 1);
cursor: pointer;
}
.underline {
text-decoration: underline!important;
}
@media (max-width: 991px) {
.partners-section {
padding: 100px 20px;
}
.partners-container {
max-width: 100%;
}
.partners-title {
font-size: 40px;
}
.partners-description {
max-width: 100%;
}
.partners-image {
max-width: 100%;
margin: 40px 10px 0 0;
}
}
.logo-container1 {
display: flex;
flex-direction: column;
width: 100%;
max-width: 1409px;
margin: 0 auto;
margin-top: 30px;
padding: 20px;
background-color: #ffffff;
}
.logo-wrapper {
align-self: center;
width: 100%;
/* max-width: 1006px; */
gap: 7%;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 40px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 42px 49px;
align-items: center;
justify-items: center;
align-content: center;
}
.mioo-logo {
aspect-ratio: 4.17;
object-fit: contain;
width: 171px;
align-self: flex-start;
margin-top: 10px;
max-width: 100%;
}
.synergy-logo {
aspect-ratio: 6.06;
object-fit: contain;
width: 310px;
}
.rosatom-logo {
aspect-ratio: 13.89;
object-fit: contain;
width: 321px;
align-self: center;
margin-top: 200px;
max-width: 100%;
}
.telematika-text {
color: #000000;
align-self: flex-start;
margin-top: 40px;
letter-spacing: 1px;
font: bold 24px Arial, sans-serif;
}
@media (max-width: 991px) {
.logo-wrapper {
justify-content: center;
gap: 20px;
}
.mioo-logo {
width: 200px;
}
.synergy-logo {
width: 200px;
}
.rosatom-logo {
margin-top: 100px;
width: 250px;
}
}
@media (max-width: 640px) {
.logo-container1 {
padding: 15px;
}
.logo-wrapper {
flex-direction: column;
align-items: center;
gap: 30px;
}
.mioo-logo {
width: 150px;
}
.synergy-logo {
width: 150px;
}
.rosatom-logo {
margin-top: 60px;
width: 200px;
}
.telematika-text {
font-size: 20px;
align-self: center;
}
}
.logo_wrap{
width: auto;
}
.services-container {
max-width: 1640px;
margin: 0 auto;
padding: 57px 0px 0px 0px;
}
.services-divider {
border-top: 1px solid #000;
width: 87%;
margin-bottom: 50px;
margin: 0 110px 0 auto;
}
.services-divider2 {
border-top: 1px solid #000;
width: 100%;
margin-bottom: 50px;
margin: 27px auto 0px;
}
.services-title {
color: #000;
margin-bottom: 25px;
font: 400 48px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
margin-top: 40px;
}
.services-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px 14px;
}
.service-item {
display: flex;
align-items: center;
gap: 8px;
text-decoration: none;
}
.service-icon {
font-size: 20px;
color: #000;
}
.service-text {
color: #000;
letter-spacing: 0.36px;
font-family: 'TildaSans', Arial, sans-serif;
font-size: 18px;
font-weight: 400;
}
@media (max-width: 991px) {
.services-container {
padding: 0 20px;
}
.services-title {
font-size: 40px;
margin-bottom: 30px;
}
.services-grid {
grid-template-columns: repeat(2, 1fr);
gap: 40px 20px;
}
}
@media (max-width: 640px) {
.services-container {
padding: 0 16px;
}
.services-title {
font-size: 36px;
margin-bottom: 25px;
}
.services-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.service-item {
gap: 11px;
}
}
.checkbox-icon1 {
width: 19px;
height: 18px;
margin: -5px;
padding: 6px 9px 6px 1px;
}
.contact-section {
padding: 145px 0 0 0;
max-width: 1640px;
margin: 0 auto;
}
.contact-container {
gap: 20px;
display: flex;
}
@media (max-width: 991px) {
.contact-container {
flex-direction: column;
align-items: stretch;
gap: 0px;
}
}
.contact-info2 {
display: flex;
flex-direction: column;
line-height: normal;
width: 35%;
margin-left: 0px;
}
@media (max-width: 991px) {
.contact-info2 {
width: 83%;
margin: 0 auto;
}
}
.contact-info-wrapper {
display: flex;
width: 100%;
flex-direction: column;
}
@media (max-width: 991px) {
.contact-info-wrapper {
max-width: 100%;
margin-top: 40px;
}
}
.contact-details {
display: flex;
margin-left: -49px;
flex-direction: column;
align-items: end;
font-family: 'TildaSans', Arial, sans-serif;
color: #000000;
font-weight: 400;
}
@media (max-width: 991px) {
.contact-details {
max-width: 100%;
}
}
.office-button {
border-radius: 8px;
background-color: rgba(0, 160, 221, 1);
display: flex;
gap: 2px;
font-size: 16px;
color: #ffff;
text-align: center;
letter-spacing: 0.32px;
line-height: 1;
padding: 8px 0px;
border: 0;
width: 256px;
cursor: pointer;
justify-content: flex-start;
}
.office-name {
flex-grow: 1;
padding: 9px 14px 9px 28px;
font-family: 'TildaSans', Arial, sans-serif;
display: flex;
}
.office-name {
flex-grow: 1;
}
.office-icon {
aspect-ratio: 1;
object-fit: contain;
object-position: center;
width: 25px;
align-self: start;
display: flex;
align-items: center;
align-content: center;
padding-top: 6px;
padding-right: 21px;
}
.contact-info-block {
align-self: stretch;
display: flex;
margin-top: 41px;
width: 100%;
flex-direction: column;
align-items: start;
padding: 7px 0px 0px 0;
}
@media (max-width: 991px) {
.contact-info-block {
max-width: 100%;
padding-right: 20px;
margin-top: 40px;
}
}
.phone-main {
display: flex;
gap: 14px;
font-size: 48px;
line-height: 1;
}
@media (max-width: 1700px) {
.phone-main {
font-size: 35px;
}
.additional-phones {
display: flex;
margin-top: 21px;
gap: 8px;
font-size: 20px!important;
line-height: 1;
}
}
.phone-icon {
aspect-ratio: 1.06;
object-fit: contain;
object-position: center;
width: 38px;
align-self: start;
margin-top: 4px;
}
.phone-number1 {
flex-basis: auto;
flex-grow: 1;
}
@media (max-width: 991px) {
.phone-number1 {
font-size: 40px;
}
}
.additional-phones {
display: flex;
margin-top: 21px;
gap: 16px;
font-size: 24px;
line-height: 1;
margin-bottom: 10px;
}
.phone-mobile-icon {
aspect-ratio: 1.08;
object-fit: contain;
object-position: center;
width: 39px;
}
.phone-mobile {
flex-basis: auto;
}
.phone-divider {
background-color: rgba(0, 0, 0, 1);
display: flex;
width: 1px;
height: 17px;
margin: auto 0;
position: relative;
top: -5px;
}
.phone-additional {
flex-basis: auto;
}
.address-block {
display: flex;
margin-top: 46px;
width: 432px;
max-width: 100%;
flex-direction: column;
padding: 4px 22px 53px 0;
}
@media (max-width: 991px) {
.address-block {
padding-right: 20px;
margin-top: 40px;
}
}
.email-address {
font-size: 48px;
line-height: 1;
align-self: start;
}
@media (max-width: 991px) {
.email-address {
font-size: 40px;
}
}
.physical-address {
font-size: 24px;
line-height: 29px;
margin-top: 40px;
text-align: left;
width: 460px;
margin-bottom: 20px;
}
.call-button {
border-radius: 15px;
background-color: rgba(0, 160, 221, 1);
display: flex;
margin-top: 25px;
width: 185px;
max-width: 100%;
align-items: center;
gap: 10px;
justify-content: center;
padding: 14px 19px;
border: 0;
margin-bottom: 77px;
}
@media (max-width: 991px) {
.call-button {
margin-top: 40px;
}
}
.call-icon-wrapper {
align-self: stretch;
display: flex;
min-height: 22px;
align-items: center;
gap: 10px;
justify-content: center;
width: 20px;
margin: auto 0;
}
.call-icon {
aspect-ratio: 1;
object-fit: contain;
object-position: center;
width: 20px;
align-self: stretch;
margin: auto 0;
}
.call-text {
color: #ffff;
text-align: center;
letter-spacing: 0.32px;
align-self: stretch;
margin: auto 0;
font: 600 16px/1 Tilda Sans, sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
.map-column {
display: flex;
flex-direction: column;
line-height: normal;
width: 65%;
margin-left: 20px;
}
@media (max-width: 991px) {
.map-column {
width: 100%;
}
}
@media (min-width: 991px) and (max-width: 1500px) {
.map-column {
display: flex;
flex-direction: column;
line-height: normal;
width: 100%;
margin-bottom: 40px;
}}
.map-container {
background-color: rgba(255, 255, 255, 1);
display: flex;
width: 100%;
flex-direction: column;
margin: 0 auto;
padding: 1px 0;
}
@media (max-width: 991px) {
.map-container {
max-width: 100%;
margin-top: 40px;
}
}
.map-wrapper {
display: flex;
flex-direction: column;
position: relative;
min-height: 464px;
width: 100%;
overflow: hidden;
padding: 1px 8px 1px 0;
}
@media (max-width: 991px) {
.map-wrapper {
max-width: 100%;
}
}
.map-image {
position: absolute;
inset: 0;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
.map-header {
position: relative;
display: flex;
width: 100%;
gap: 20px;
flex-wrap: wrap;
justify-content: space-between;
}
@media (max-width: 991px) {
.map-header {
max-width: 100%;
}
}
.company-name {
color: #000001;
text-decoration: underline!important;
font: 400 14px/16px Inter, sans-serif;
font-family: 'Inter', Arial, sans-serif;
}
.map-controls {
align-self: start;
display: flex;
gap: 8px;
}
.map-control-icon {
aspect-ratio: 1;
object-fit: contain;
object-position: center;
width: 32px;
border-radius: 8px;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
}
.map-control-icon-wide {
aspect-ratio: 2.97;
object-fit: contain;
object-position: center;
width: 95px;
border-radius: 8px;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
}
.map-info {
position: relative;
align-self: end;
display: flex;
margin-top: 16px;
width: 715px;
max-width: 100%;
gap: 20px;
flex-wrap: wrap;
justify-content: space-between;
}
.info-dialog {
background-color: rgba(255, 255, 255, 1);
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
display: flex;
flex-direction: column;
font-family: 'TildaSans', Arial, sans-serif;
}
.info-content {
border-color: rgba(255, 255, 255, 1);
border-top-width: 20px;
border-right-width: 24px;
border-bottom-width: 20px;
border-left-width: 24px;
display: flex;
width: 100%;
flex-direction: column;
overflow: hidden;
align-items: start;
padding: 10px 8px 20px 24px;
}
@media (max-width: 991px) {
.info-content {
padding-left: 20px;
}
}
.info-header {
align-self: stretch;
display: flex;
align-items: start;
gap: 20px;
justify-content: space-between;
}
.company-info {
display: flex;
margin-top: 13px;
flex-direction: column;
}
.company-title {
color: #000101;
font-size: 18px;
font-weight: 400;
line-height: 1;
letter-spacing: 0.36px;
}
.company-subtitle {
color: #010101;
font-size: 10px;
font-weight: 300;
line-height: 1.3;
align-self: start;
margin-top: 8px;
}
.close-icon {
aspect-ratio: 1;
object-fit: contain;
object-position: center;
width: 16px;
background: #fff;
border: 0;
}
.info-details {
display: flex;
margin-top: 13px;
width: 100%;
align-items: start;
gap: 20px;
font-size: 16px;
justify-content: space-between;
}
.rating {
display: flex;
gap: 3px;
color: #000000;
font-weight: 400;
white-space: nowrap;
letter-spacing: 0.32px;
line-height: 1;
}
@media (max-width: 991px) {
.rating {
white-space: initial;
}
}
.rating-stars {
aspect-ratio: 5.18;
object-fit: contain;
object-position: center;
width: 83px;
align-self: start;
}
.opening-hours {
display: flex;
gap: 15px;
color: #010000;
font-weight: 300;
line-height: 1;
}
.hours-text {
flex-basis: auto;
}
.hours-icon {
aspect-ratio: 1;
object-fit: contain;
object-position: center;
width: 8px;
align-self: start;
}
.address-info {
display: flex;
margin-top: 17px;
gap: 12px;
font-size: 18px;
color: #000000;
font-weight: 400;
letter-spacing: 0.36px;
line-height: 23px;
}
.address-icon {
aspect-ratio: 0.67;
object-fit: contain;
object-position: center;
width: 16px;
align-self: start;
}
.address-text {
flex-basis: auto;
flex-grow: 1;
}
.phone-info {
display: flex;
gap: 12px;
font-size: 16px;
color: #000000;
font-weight: 400;
letter-spacing: 0.32px;
line-height: 1;
}
.phone-icon-small {
aspect-ratio: 0.67;
object-fit: contain;
object-position: center;
width: 16px;
}
.phone-number-small {
flex-basis: auto;
}
.website-info {
display: flex;
margin-top: 4px;
gap: 12px;
font-size: 16px;
color: #000101;
font-weight: 300;
white-space: nowrap;
text-decoration: underline!important;
line-height: 1;
}
@media (max-width: 991px) {
.website-info {
white-space: initial;
}
}
.website-icon {
aspect-ratio: 0.67;
object-fit: contain;
object-position: center;
width: 16px;
}
.website-link {
text-decoration: underline!important;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.info-actions {
display: flex;
margin-top: 16px;
gap: 8px;
font-size: 16px;
font-weight: 300;
line-height: 1;
}
.action-group {
align-self: start;
display: flex;
flex-direction: column;
color: #000101;
}
.directions-button {
border-radius: 8px;
background-color: rgba(243, 246, 252, 1);
text-align: center;
padding: 9px 39px;
}
@media (max-width: 991px) {
.directions-button {
padding: 0 20px;
}
}
.taxi-button {
align-self: start;
display: flex;
margin-top: 16px;
gap: 8px;
}
.taxi-icon {
aspect-ratio: 1;
object-fit: contain;
object-position: center;
width: 16px;
}
.action-group-secondary {
display: flex;
flex-direction: column;
}
.about-button {
border-radius: 8px;
background-color: rgba(19, 134, 191, 1);
color: #ffff;
text-align: center;
padding: 9px 31px;
}
@media (max-width: 991px) {
.about-button {
padding: 0 20px;
}
}
.report-error {
color: #000101;
align-self: center;
margin-top: 21px;
}
.map-controls-secondary {
display: flex;
flex-direction: column;
margin: auto 0;
}
.map-control-icon-vertical {
aspect-ratio: 0.5;
object-fit: contain;
object-position: center;
width: 32px;
border-radius: 12px;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
}
.map-control-icon-square {
aspect-ratio: 1;
object-fit: contain;
object-position: center;
width: 32px;
border-radius: 8px;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
}
.open-maps-button {
position: relative;
border-radius: 8px;
background-color: rgba(255, 255, 255, 1);
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
align-self: start;
display: flex;
margin-top: 78px;
gap: 1px;
color: #000000;
text-align: center;
padding: 4px;
font: 300 16px/1 Tilda Sans, sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
@media (max-width: 991px) {
.open-maps-button {
margin: 40px 0 0 8px;
}
}
.maps-icon {
aspect-ratio: 1;
object-fit: contain;
object-position: center;
width: 24px;
}
.open-maps-text {
flex-basis: auto;
margin: auto 0;
}
.map-footer {
align-self: end;
z-index: 10;
display: flex;
margin-top: -15px;
width: 269px;
max-width: 100%;
gap: 12px;
color: #000000;
font: 300 10px/1.3 Tilda Sans, sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
@media (max-width: 991px) {
.map-footer {
margin-right: 10px;
}
}
.footer-content {
border-radius: 4px 4px 0px 0px;
background-color: rgba(255, 255, 255, 1);
display: flex;
align-items: start;
gap: 13px;
overflow: hidden;
padding: 5px 8px 17px;
}
.copyright {
flex-grow: 1;
}
.terms-link {
flex-basis: auto;
}
.scale-indicator {
border-radius: 3px;
align-self: start;
display: flex;
margin-top: 20px;
flex-direction: column;
text-align: center;
padding: 1px 2px;
}
.scale-text {
align-self: center;
z-index: 10;
}
.scale-line {
border-radius: 1px;
display: flex;
height: 2px;
border: 1px solid rgba(77, 77, 77, 1);
}
.footer-disclaimer {
display: flex;
align-items: center;
gap: 20px;
color: #000000;
letter-spacing: 0.36px;
max-width: 1640px;
margin: 0 auto;
padding: 20px 1px 6px 10px;
font: 400 18px/23px "Roboto", -apple-system, Helvetica, sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
.footer-logo {
aspect-ratio: 6.85;
object-fit: contain;
width: 192px;
height: 28px;
display: flex;
position: relative;
top: 7px;
left: -4px;
}
.disclaimer-text {
flex: 1;
}
@media (max-width: 991px) {
.footer-disclaimer {
padding: 16px;
gap: 16px;
}
}
@media (max-width: 640px) {
.footer-disclaimer {
flex-direction: column;
padding: 12px;
gap: 12px;
text-align: center;
}
.footer-logo {
width: 140px;
height: 20px;
}
.disclaimer-text {
font-size: 16px;
line-height: 20px;
font-family: 'TildaSans', Arial, sans-serif;
}
}
.services-divider1 {
border-top: 1px solid #000;
width: auto;
margin-bottom: 50px;
margin: 0 auto;
}
.artistic-translation {
display: flex;
flex-direction: column;
overflow: hidden;
font-family: 'TildaSans', Arial, sans-serif;
color:rgb(255, 255, 255);
font-weight: 400;
text-align: center;
}
.hero-container {
display: flex;
flex-direction: column;
position: relative;
width: 100%;
overflow: hidden;
align-items: center;
padding: 99px 0px 95px;
}
@media (max-width: 991px) {
.hero-container {
max-width: 100%;
padding: 100px 20px 21px;
}
.content-wrapper {
position: relative;
display: flex;
width: 754px!important;
max-width: 100%;
flex-direction: column;
align-items: center;
font-weight: 100;
}
}
.background-image {
position: absolute;
inset: 0;
height:100%;
width: 100%;
object-fit: cover;
object-position: center;
}
.content-wrapper {
position: relative;
display: flex;
width: 1049px;
max-width: 100%;
flex-direction: column;
align-items: center;
font-weight: 100;
}
.main-heading {
font-family: 'TildaSans', Arial, sans-serif;
font-size: 72px;
color: rgb(255, 255, 255);
line-height: 1;
margin: 0 auto;
}
@media (max-width: 991px) {
.main-heading {
max-width: 100%;
font-size: 40px;
}
}
.description-text {
font-family: 'TildaSans', Arial, sans-serif;
font-size: 22px;
line-height: 29px;
align-self: stretch;
margin-top: 40px;
}
@media (max-width: 991px) {
.description-text {
max-width: 100%;
}
}
@media (max-width: 640px) {
.description-text {
margin-left: 1px;
}
}
.cta-button {
border-radius: 18px;
background-color: rgba(255, 255, 255, 1);
margin-top: 10px;
width: 210px;
max-width: 100%;
font-size: 16px;
color: #00A0DD;
font-weight: 600;
letter-spacing: 0.32px;
line-height: 1;
padding: 18px 29px;
cursor: pointer;
border: 0;
font-family: 'TildaSans', Arial, sans-serif;
}
@media (max-width: 991px) {
.cta-button {
padding: 18px 20px;
}
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.translators-container {
display: flex;
padding: 39px 45px 123px 42px;
gap: 115px;
max-width: 1657px;
margin: 0 auto;
background-color: #fff;
justify-content: space-between;
}
@media (max-width: 640px) {
.translators-container {
padding: 40px 20px;
}
}
.translators-left {
display: flex;
flex-direction: column;
gap: 0px;
width: 35%;
}
.translators-title {
color: rgba(17, 24, 39, 0.9);
font-family: 'TildaSans', Arial, sans-serif;
font-weight: 400;
line-height: 64px;
font-size: 60px;
margin-top: 81px;
}
.translators-cta {
width: 225px;
height: 50px;
padding: 14px 20px;
border-radius: 15px;
color: #fff;
letter-spacing: 0.32px;
cursor: pointer;
background-color: var(--AcGreen, #25d366);
font: 600 16px/19px;
font-family: 'TildaSans', Arial, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 19px;
border: 0;
}
@media (max-width: 640px) {
.translators-cta {
width: 100%;
}
}
.translators-right {
padding-top: 55px;
width: 55%;
}
@media (max-width: 991px) {
.translators-right {
width: 55%;
}
}
.translators-description {
color: rgba(17, 24, 39, 0.9);
margin-bottom: 23px;
font-family: 'TildaSans', Arial, sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 29px;
}
@media (max-width: 640px) {
.translators-description {
font-size: 18px;
line-height: 24px;
}
}
.criteria-list {
display: flex;
flex-direction: column;
gap: 0px;
font-weight: 400;
font-size: 24px;
line-height: 29px;
font-family: 'TildaSans', Arial, sans-serif;
}
.criteria-item {
color: rgba(17, 24, 39, 0.9);
}
@media (max-width: 640px) {
.criteria-item {
font-size: 18px;
line-height: 24px;
}
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.stats-container {
display: flex;
justify-content: center;
gap: 40px;
max-width: 1724px;
margin: 0 auto;
padding: 70px 20px;
flex-wrap: wrap;
flex-direction: row;
box-sizing: border-box;
}
.stat-card {
flex: 1;
display: flex;
flex-direction: column;
padding: 35px 21px 40px;
border-radius: 16px;
box-shadow: 0 11px 24px rgba(0, 0, 0, 0.05), 0 44px 44px rgba(0, 0, 0, 0.02), 0 100px 60px rgba(0, 0, 0, 0.04), 0 177px 71px rgba(0, 0, 0, 0.02), 0 277px 78px rgba(0, 0, 0, 0);
background-color: #fff;
flex: 0 0 31.33%;
box-sizing: border-box;
min-height: 234px;
max-height: 234px;
justify-content: center;
}
.stat-number {
color: rgba(17, 24, 39, 0.9);
margin-bottom: 26px;
font-size:48px;
font-weight: 400;
line-height: 48px;
font-family: 'TildaSans', Arial, sans-serif;
}
.stat-description {
color: rgba(17, 24, 39, 0.9);
letter-spacing: 0.36px;
font: 400 18px/23px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
@media (max-width: 991px) {
.stats-container {
gap: 20px;
padding: 0 16px;
}
.stat-card {
padding: 32px 24px;
}
}
@media (max-width: 1501px) {
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: flex!important;
}
}
@media (max-width: 640px) {
.stat-card {
padding: 24px 16px;
}
.stat-number {
font-size: 36px;
line-height: 40px;
margin-bottom: 16px;
}
.stat-description {
font-size: 16px;
line-height: 20px;
}
}
.formatting-section {
max-width: 1644px;
margin: 0 auto;
padding: 40px 20px;
}
.content-wrapper1 {
margin-bottom: 40px;
}
.content-container {
display: flex;
gap: 150px;
justify-content: space-between;
}
@media (max-width: 1095px) {
.content-container {
display: flex;
padding: 15px 45px 36px 42px !important;
}
}
.title-column {
width: 28%;
}
@media (min-width: 1601px) and (max-width: 1860px) {
.example-text {
font-family: 'TildaSans', Arial, sans-serif;
color: rgba(17, 24, 39, 0.6);
line-height: 1.5;
margin: 12px 0;
font-size: 15px;
line-height: 16px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
line-height: 1.3em;
height: calc(1.3em * 3);
display: flex;
justify-content: flex-start;
align-items: center;
}}
@media (min-width: 1001px) and (max-width: 1501px) {
.pricing-header {
display: flex;
width: 1042px;
max-width: 100%;
align-items: start;
gap: 60px 104px;
color: #000;
letter-spacing: 0.32px;
flex-wrap: wrap;
margin: 90px 0 0 9px;
font: 400 15px/1 Tilda Sans, sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}}
.section-title {
color: #000;
font: 400 60px/64px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
@media (max-width: 991px) {
.section-title {
font-size: 40px;
line-height: 47px;
margin-top: 40px;
}
}
.text-column {
width: 72%;
}
@media (max-width: 991px) {
.text-column {
width: 100%;
}
}
.text-content {
color: #000;
font: 24px/29px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
@media (max-width: 991px) {
.text-content {
margin-top: 0px;
}
}
.bullet-list {
color: #000;
margin-left: 0%;
padding-top: 0px;
font: 24px/29px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
@media (max-width: 991px) {
.bullet-list {
padding-top: 20px;
}
}
.bullet-item {
margin-bottom: 17px;
padding-left: 20px;
position: relative;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.language-comparison {
/* padding: 120px 130px;*/
font-family: 'TildaSans', Arial, sans-serif;
background-color: #FFF;
max-width: 1640px;
margin: 0 auto;
}
.comparison-header {
margin-bottom: 48px;
}
.comparison-title {
color: rgba(17, 24, 39, 0.9);
font-size: 60px;
line-height: 64px;
font-weight: 400;
margin-bottom: 39px;
font-family: 'TildaSans', Arial, sans-serif;
}
.comparison-subtitle {
color: rgb(2, 2, 2);
font-size: 24px;
line-height: 29px;
font-weight: 400;
max-width: 1660px;
font-family: 'TildaSans', Arial, sans-serif;
margin-bottom: 50px;
}
.tag-list {
display: flex;
gap: 16px;
margin-top: 15px;
margin-left: 0px;
}
.tag {
height: 40px;
padding: 2px 8px;
border-radius: 8px;
color: #FFF;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.32px;
line-height: 19px;
font-family: 'TildaSans', Arial, sans-serif;
margin: auto 0;
display: flex;
justify-content: center;
align-items: center;
}
.tag-light { background-color: #68D6EB; }
.tag-medium { background-color: #00A0DD; }
.tag-dark { background-color: #297FAA; }
.tag-deep {
background-color: #1B6082;
}
.tag-black {
background-color: #1F495E
}
.tag-dblack {
background-color: #1B4256;
}
.tag-lists {
margin-top: 40px;
}
.comparison-content {
display: flex;
gap: 60px;
margin-top: 152px;
}
.language-card {
width: 685px;
border-radius: 16px;
padding: 38px 35px 49px 40px;
box-shadow: 55px 266px 76px 0px rgba(0, 0, 0, 0.00), 36px 170px 69px 0px rgba(0, 0, 0, 0.01), 20px 96px 59px 0px rgba(0, 0, 0, 0.05), 9px 42px 43px 0px rgba(0, 0, 0, 0.09), 2px 11px 24px 0px rgba(0, 0, 0, 0.10);
background-color: #F8FAFC;
height: auto;
}
.language-indicator {
display: flex;
align-items: center;
gap: 8px;
color: #000;
font-size: 16px;
font-weight: 600;
font-family: 'TildaSans', Arial, sans-serif;
letter-spacing: 0.32px;
line-height: 19px;
margin-bottom: 59px;
}
.language-text {
color: rgba(17, 24, 39, 0.6);
font-size: 18px;
line-height: 23px;
letter-spacing: 0.36px;
margin-bottom: 14px;
font-family: 'TildaSans', Arial, sans-serif;
}
.quote-wrapper {
display: flex;
margin-bottom: 14px;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.quote {
padding: 6px;
border-radius: 8px;
color: #FFBC00;
font-family: 'TildaSans', Arial, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 19px;
letter-spacing: 0.32px;
background-color: rgba(255, 188, 0, 0.2);
}
.quote-context {
color: rgba(17, 24, 39, 0.6);
font-size: 18px;
line-height: 23px;
letter-spacing: 0.36px;
font-family: 'TildaSans', Arial, sans-serif;
}
@media (max-width: 1500px) {
.pricing-section {
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
padding: 65px 30px 130px!important;
}
.pricing-footer-note {
color: #000;
letter-spacing: 0.36px;
margin: 54px 0 0 -9px!important;
font: 400 18px/23px Tilda Sans, sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
max-width: 1067px;
}
.form-group {
position: relative;
margin-bottom: 20px;
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: 0!important;
cursor: auto;
pointer-events: none;
}
.language-comparison { padding: 0px 0px; }
}
@media (max-width: 991px) {
.comparison-title {
font-size: 48px;
line-height: 52px;
}
.comparison-content {
flex-direction: column;
gap: 30px;
margin-top: 100px;
}
.language-card { width: 92%; }
}
@media (max-width: 640px) {
.language-comparison { padding: 40px 20px; }
.comparison-title {
font-size: 36px;
line-height: 40px;
}
.tag-list {
flex-direction: column;
gap: 12px;
}
.tag { width: 100%; }
.comparison-content { margin-top: 60px; }
.language-card { padding: 24px; }
.language-indicator { margin-bottom: 20px; }
.language-text, .quote-context {
font-size: 16px;
line-height: 21px;
}
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.related-services {
max-width: 1660px;
padding: 20px 20px 73px 20px;
margin: 0 auto;
}
.related-services__title {
color: #000;
margin-bottom: 36px;
font: 400 60px/64px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
.related-services__description {
color: #000;
margin-bottom: 27px;
max-width: 1660px;
font: 400 24px/29px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
.related-services__subtitle {
color: #000;
margin-bottom: 31px;
font: 400 24px/29px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
.related-services__list {
margin: 0 0 40px 25px;
}
.related-services__item {
color: #000;
margin-bottom: 16px;
font: 400 24px/29px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
.related-services__order-button2 {
width: 225px;
height: 50px;
border-radius: 15px;
letter-spacing: 0.32px;
color: #fff;
cursor: pointer;
background-color: #25d366;
font: 400 16px/19px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
border: none;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 991px) {
.related-services {
padding: 0 16px;
}
.related-services__title {
font-size: 48px;
line-height: 52px;
margin-bottom: 24px;
}
.related-services__description,
.related-services__subtitle,
.related-services__item {
font-size: 20px;
line-height: 26px;
}
}
@media (max-width: 640px) {
.related-services__title {
font-size: 36px;
line-height: 40px;
font-family: 'TildaSans', Arial, sans-serif;
margin-bottom: 20px;
}
.related-services__description,
.related-services__subtitle,
.related-services__item {
font-size: 18px;
line-height: 24px;
font-family: 'TildaSans', Arial, sans-serif;
}
.related-services__order-button2 {
width: 100%;
}
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.cost-terms-container {
max-width: 1660px;
margin: 0 auto;
padding: 0 20px 81px 0;
}
.cost-terms-content {
display: flex;
flex-direction: column;
gap: 33px;
}
.cost-terms-title {
color: rgba(17, 24, 39, 0.9);
max-width: 1566px;
font: 400 60px/64px "Inter", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
margin-bottom: 0;
}
@media (max-width: 991px) {
.cost-terms-title {
font-size: 48px;
line-height: 52px;
}
}
@media (max-width: 640px) {
.cost-terms-title {
font-size: 36px;
line-height: 40px;
}
}
.cost-terms-description {
/* color: rgba(17, 24, 39, 0.6); */
max-width: 1660px;
font: 400 24px/29px "Inter", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
margin: 0;
}
@media (max-width: 991px) {
.cost-terms-description {
font-size: 20px;
line-height: 26px;
}
}
@media (max-width: 640px) {
.cost-terms-description {
font-size: 18px;
line-height: 24px;
}
}
.cost-terms-button-wrapper {
display: flex;
justify-content: center;
margin-top: -23px;
}
.cost-terms-order-button2 {
border: none;
border-radius: 15px;
color: #fff;
cursor: pointer;
letter-spacing: 0.32px;
padding: 14px 20px;
width: 255px;
margin-top: 12px;
text-align: center;
background-color: #25d366;
font: 600 16px/19px "Inter", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
@media (max-width: 640px) {
.cost-terms-order-button2 {
width: 100%;
}
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.partners-section_services {
width: 100%;
max-width: 1660px;
margin: 0 auto;
padding: 0px 0 70px 0;
}
.partners-title {
color: rgba(17, 24, 39, 0.9);
/* margin-bottom: 60px;*/
font: 400 60px/64px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
.partners-logo-container {
display: flex;
align-items: center;
padding: 0px 82px;
gap: 49px 166px;
justify-content: center;
align-content: center;
max-width: 1600px;
flex-wrap: wrap;
}
.partner-logo {
width: auto;
/* max-height: 50px; */
/* width: auto; */
object-fit: contain;
max-width: 350px;
}
.partner-logo-mif {
width: 327px;
height: 80px;
}
.partner-logo-anj {
width: 456px;
height: 224px;
object-fit: cover;
}
@media (max-width: 1213px) {
.partners-logo-container {
padding: 0 40px;
flex-wrap: wrap;
gap: 40px;
justify-content: center;
}
.partner-logo,
.partner-logo-anj {
width: 200px;
height: auto;
}
}
@media (max-width: 640px) {
.partners-section_services {
padding: 60px 16px;
}
.partners-title {
font-size: 36px;
line-height: 40px;
margin-bottom: 32px;
}
.partners-logo-container {
padding: 0;
flex-direction: column;
align-items: center;
gap: 32px;
}
.partner-logo,
.partner-logo-anj {
width: 180px;
}
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.translation-services-wrapper {
position: relative;
max-width: 1640px;
margin: 0 auto;
padding: 55px;
}
.translation-services_main {
display: flex;
gap: 0px;
color: #010101;
padding: 20px;
max-width: 1640px;
margin: 0 auto;
font: 16px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
flex-direction: row;
overflow-y: hidden;
flex-wrap: wrap;
}
.translation-services1 {
display: flex;
gap: 12px;
overflow-x: auto;
scroll-behavior: smooth;
scrollbar-width: none;
-ms-overflow-style: none;
}
.translation-services::-webkit-scrollbar {
display: none;
}
.service-card3 {
flex: 0 0 auto;
width: 255px;
scroll-snap-align: start;
padding: 20px;
border-radius: 5px;
height: 354px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.slider-button {
position: absolute;
top: 54%;
transform: translateY(-50%);
width: 60px;
height: 60px;
background: white;
border: none;
border-radius: 50%;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
margin-right: 48px;
cursor: pointer;
z-index: 1;
}
.slider-button.prev {
left: 57px;
}
.slider-button.next {
right: 10px;
}
@media (max-width: 640px) {
/* .service-card {
width: 100%;
} */
.slider-button {
display: none;
}
}
.translation-services {
display: flex;
gap: 12px;
color: #010101;
padding: 20px;
max-width: 1660px;
margin: 0 auto;
font: 16px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
flex-direction: row;
overflow-y: hidden;
}
@media (max-width: 991px) {
.translation-services {
padding: 16px;
}
}
@media (max-width: 640px) {
.translation-services {
padding: 12px;
overflow-x: auto;
}
}
/* .service-card {
flex: 1;
min-width: 260px;
max-width: 280px;
border-radius: 8px;
overflow: hidden;
display: flex;
flex-direction: column;
margin: 0 0.4px;
} */
.slider-container {
position: relative;
overflow: hidden;
width: 100%;
}
@media (min-width: 1500px) {
.service-cards_main {
display: flex;
gap: 20px;
transition: transform 0.3s ease;
flex-wrap: nowrap;
margin: 0 7px;
}
.service-cards_main {
display: flex;
gap: 20px;
transition: transform 0.3s ease;
flex-wrap: nowrap;
}
.service-cards_main {
display: flex;
transition: transform 0.5s ease-in-out;
flex-wrap: nowrap;
}
.achievements-container.pharmaceutical_translation h2.section-title,
.language-comparison.pharmaceutical_translation h2.translators-title{
font-weight: 400;
line-height: 1.2;
font-size: 48px;
}
.achievements-container h2.section-title{
font-weight: 400;
line-height: 64px;
font-size: 60px;
}
}
@media (min-width: 640px) and (max-width: 768px){ .service-cards_main {
--visible-cards: 2!important;
display: grid;
grid-auto-flow: column;
gap: 20px;
transition: transform 0.5s ease-in-out;
/* grid-auto-columns: calc((100% - (var(--visible-cards) - 1) * 18px) / var(--visible-cards)); */
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
} }
@media (min-width: 800px) and (max-width: 1000px){
.service-cards_main {
--visible-cards: 4!important;
display: grid;
grid-auto-flow: column;
gap: 20px;
transition: transform 0.5s ease-in-out;
/*grid-auto-columns: calc((100% - (var(--visible-cards) - 1) * 20px) / var(--visible-cards));*/
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
margin-left: 13px;
/* margin: 10px !important; */
}
.service-card{
min-width:190px!important;
}
}
@media (min-width: 1001px) and (max-width: 1301px){ .service-cards_main {
display: grid;
grid-auto-flow: column;
gap: 20px;
transition: transform 0.5s ease-in-out;
/* grid-auto-columns: calc((100% - (var(--visible-cards) - 1) * 20px) / var(--visible-cards)); */
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
--visible-cards: 4;
margin-left: 8px;
}
.service-card{
min-width:200px!important;
}
}
@media (min-width: 768px) and (max-width: 800px){ .service-cards_main {
--visible-cards: 3!important;
display: grid;
grid-auto-flow: column;
gap: 20px;
transition: transform 0.5s ease-in-out;
/* grid-auto-columns: calc((100% - (var(--visible-cards) - 1) * 20px) / var(--visible-cards)); */
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
} }
@media (min-width: 1300px) and (max-width: 1499px){ .service-cards_main {
display: grid;
grid-auto-flow: column;
gap: 20px;
transition: transform 0.5s ease-in-out;
/* grid-auto-columns: calc((100% - (var(--visible-cards) - 1) * 20px) / var(--visible-cards)); */
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
--visible-cards: 4;
margin-left: 8px;
}}
@media (min-width: 1499px) and (max-width: 1690px){ .service-cards_main {
display: grid;
grid-auto-flow: column;
gap: 20px;
transition: transform 0.5s ease-in-out;
/* grid-auto-columns: calc((100% - (var(--visible-cards) - 1) * 20px) / var(--visible-cards)); */
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
--visible-cards: 4;
margin: 0 17px;
/* width: 100%; */
}}
@media (max-width: 1515px) {
.frame-131 {
max-width: 1640px;
position: relative;
margin: 0 auto;
margin-top: 105px;
margin-bottom: 51px;
margin: 105px 20px -1px!important;
}
.cost-terms-title {
font-size: 32px;
line-height: 34px;
}
.related-services__description, .related-services__subtitle, .related-services__item {
font-size: 16px;
line-height: 18px;
}
.related-services__title {
font-size: 32px;
line-height: 34px;
margin-bottom: 24px;
}
.language-text {
color: rgb(1 1 1);
font-size: 18px;
line-height: 23px;
letter-spacing: 0.36px;
margin-bottom: 14px;
font-family: 'TildaSans', Arial, sans-serif;
}
.quote-context {
color: rgb(0 0 0);
font-size: 18px;
line-height: 23px;
letter-spacing: 0.36px;
font-family: 'TildaSans', Arial, sans-serif;
}
.description-text {
max-width: 80%;
font-size: 16px;
line-height: 18px;
margin: 18px auto;
}
.translators-container {
display: flex;
padding: 39px 45px 36px 42px;
gap: 150px;
max-width: 100%;
margin: 0 auto;
background-color: #fff;
}
.cost-terms-description {
font-size: 16px;
line-height: 24px!important;
color: black;
}
.criteria-item_price {
font-size: 16px!important;
line-height: 24px!important;
color: black;
}
.comparison-subtitle {
font-size: 16px;
line-height: 18px;
}
.comparison-title {
font-size: 32px;
line-height: 34px;
}
.stats-container {
gap: 20px;
padding: 37px 42px 35px!important;
}
.cost-terms-button-wrapper {
display: flex;
justify-content: flex-start;
margin-top: -23px;
}
.partners-section_services {
padding: 0px 0 70px 0!important;
}
.section-title {
font-size: 60px!important;
line-height: 64px!important;
}
.stat-number {
color: rgba(17, 24, 39, 0.9);
margin-bottom: 26px;
font: 400 24px/29px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
.stat-description {
color: rgba(17, 24, 39, 0.9);
letter-spacing: 0.36px;
font: 400 16px/18px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
.stats-container {
gap: 20px;
padding: 35px 16px 35px;
}
.comparison-title {
font-size: 32px;
line-height: 34px;
}
.translators-title {
font-size: 32px!important;
line-height: 34px!important;
}
.section-title {
font-size: 32px!important;
line-height: 34px!important;
}
.bullet-item {
margin-bottom: 0px;
padding-left: 20px;
position: relative;
}
.translation-container {
max-width: min-content!important;
margin: 0 auto;
background-color: #fff;
width: auto;
}
.translators-description, .criteria-list {
color: rgba(17, 24, 39, 0.9);
margin-bottom: 23px;
font-family: 'TildaSans', Arial, sans-serif;
font-weight: 400;
font-size: 16px!important;
line-height: 18px!important;
}
.title-column-pharmaceutical {
width: 190px!important;
}
.achievements-container h2.section-title{
font-weight: 400;
line-height: 64px;
font-size: 60px;
}
.achievements-container.pharmaceutical_translation h2.section-title,
.language-comparison.pharmaceutical_translation h2.translators-title{
font-weight: 400;
line-height: 1.2;
font-size: 48px;
}
.translators-left {
/* width: 180px!important; */
}
.frame-13 {
max-width: 1640px!important;
position: relative;
margin-left: 30px!important;
/* margin-right: 173px; */
margin-top: 122px!important;
margin-bottom: 74px!important;
width: 100%!important;
}
/* .order-button {
font-family: 'TildaSans', Arial, sans-serif;
align-self: stretch;
border-radius: 15px;
background: var(--AcGreen, #25d366);
min-height: 32px;
gap: 0px;
font-size: 12px;
color: #fff;
font-weight: 600;
text-align: center;
letter-spacing: 0.32px;
line-height: 14px;
padding: 0px 0px 0px 0px !important;
border: none;
cursor: pointer;
max-height: 37px;
justify-content: center;
display: flex;
margin-top: 8px;
width: 119px !important;
align-content: center;
align-items: center;
border-radius: 10px;
} */
.achievement-text {
letter-spacing: 0.36px;
margin-bottom: 20px;
margin-top: 0px;
max-width: 280px;
color: #333;
font: 400 12px/14px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
display: flex;
align-content: center;
align-items: center;
}
.slider-container {
position: relative;
overflow: hidden;
width: 1481px;
margin: 113px auto -40px !important;
height: 276px;
display: flex;
align-content: center;
align-items: center;
padding: 0 1px;
}
._390 {
color: rgba(17, 24, 39, 0.9);
text-align: left;
font-size: var(--paragraph-font-size, 16px)!important;
line-height: var(--paragraph-line-height, 18px)!important;
font-weight: var(--paragraph-font-weight, 400)!important;
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: auto !important;
max-width: 94%;
}
.logo {
max-width: 185px;
}
.logo-container {
display: flex;
align-items: center;
justify-content: space-evenly;
gap: 40px;
padding: 20px 0;
margin-top: 38px;
flex-wrap: wrap;
width: 914px;
margin: 0 auto;
}
.service-title {
margin-top: 23px;
font-size: 14px;
font-weight: 700;
line-height: 15px;
font-family: 'TildaSans', Arial, sans-serif;
color: #000;
}
.service-card {
flex: 1;
background-color: #fff;
border-radius: 8px;
padding: 11px 4px 75px 13px;
display: flex;
flex-direction: column;
align-items: flex-start;
min-width: max-content;
max-width: 314px;
box-shadow: 3px 20px 19px 0px rgb(71 71 71 / 11%), -5px 20px 20px rgb(71 71 71 / 4%), -13px -20px 20px 0px rgba(71, 71, 71, 0.01), 1px -8px 13px 2px rgba(71, 71, 71, 0.04);
transition: transform 0.2s, box-shadow 0.2s;
}
.slider-container {
position: relative;
overflow: hidden;
width: 90.6%!important;
margin: 44px auto;
height: 282px;
display: flex;
align-content: center;
align-items: center;
padding: 0 1px;
}
}
@media (max-width: 1000px) {
iframe {
width: 900px!important;
}
.pricing-table-category {
font-size: 32px;
font-weight: 700;
font-family: 'TildaSans', Arial, sans-serif;
margin: auto 0;
width: 100%;
width: 453px;
}
.pricing-table-other-description {
line-height: 18px;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
position: relative;
width: 143px;
flex-wrap: wrap;
top: 23px;
left: -71px;
}
#item-0 {
grid-row-start: 1;
grid-column-start: 1;
gap: 0px;
grid-row-end: 4;
grid-column-end: 2;
}
.pricing-table-column {
display: flex;
flex-direction: column;
line-height: normal;
/* width: 63%; */
margin-left: 0px;
}
.pricing-table-price-row {
display: flex;
gap: 54px;
justify-content: space-between;
margin-top: 8px;
}
.pricing-header {
display: flex;
width: 1042px;
max-width: 100%;
align-items: start;
gap: 40px 72px;
color: #000;
letter-spacing: 0.32px;
flex-wrap: wrap;
margin: 90px 0 0 13px;
font: 400 16px/1 Tilda Sans, sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
.pricing-table.grid2 {
display: grid;
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: 2px 13px;
height: 100%;
}
#item-1 {
grid-row-start: 1;
grid-column-start: 2;
gap: 20px;
grid-row-end: 2;
grid-column-end: 3;
}
.job-card {
border-radius: 30px;
background-color: #fff;
display: flex;
flex-grow: 1;
/* align-items: flex-start; */
gap: 20px;
font-family: 'TildaSans', Arial, sans-serif;
width: 100%;
padding: 26px 26px;
box-shadow: 2px 10px 23px 0px rgb(71 71 71 / 4%), 8px 34px 41px 0px rgba(71, 71, 71, 0.09), 18px 52px 56px 0px rgba(71, 71, 71, 0.05), 32px 162px 66px 0px rgba(71, 71, 71, 0.01), 51px 253px 72px 0px rgba(71, 71, 71, 0)!important;
transition: transform 0.2s, box-shadow 0.2s;
margin: 0px;
flex-wrap: wrap;
justify-content: space-between;
}
.language-comparison {
padding: 0px 0px!important;
}
.translators-container {
display: flex;
padding: 15px 45px 36px 42px!important;
gap: 141px;
max-width: 100%;
margin: 0 auto;
background-color: #fff;
}
.pricing-table-price-row {
display: flex;
gap: 54px!important;
justify-content: space-between;
margin-top: 8px;
}
.logo-wrapper {
align-self: center;
width: 100%;
/* max-width: 1006px; */
gap: 7%;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 40px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 42px 0px;
align-items: center;
justify-items: center;
align-content: center;
}
.frame-13 ._390 {
margin-left: 13px!important;
width: 91%!important;
margin-top: -80px!important;
}
.frame-131 ._390 {
margin-left: 3px!important;
max-width: 100%!important;
}
.slider-container {
position: relative;
overflow: hidden;
width: 92%!important;
margin: 44px auto;
height: 282px;
display: flex;
align-content: center;
align-items: center;
padding: 0 1px;
}
._390 {
color: rgba(17, 24, 39, 0.9);
text-align: left;
font-size: var(--paragraph-font-size, 16px)!important;
line-height: var(--paragraph-line-height, 18px)!important;
font-weight: var(--paragraph-font-weight, 400)!important;
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: auto !important;
max-width: 90%!important;
}
}
@media (max-width: 640px) {
.service-card {
max-width: none;
width: 100%;
}
}
.card-content {
padding: 24px 20px;
flex: 1;
display: flex;
flex-direction: column;
}
.service-icon {
width: 36px;
height: 36px;
object-fit: contain;
}
/* .service-title {
font-size: 24px;
font-weight: 700;
line-height: 32px;
margin-top: 14px;
color: #fff;
} */
.service-description1 {
font-weight: 100;
line-height: 17px;
letter-spacing: 0px;
margin-top: -16px;
color: #fff;
font-size: 16px;
font-family: 'TildaSans', Arial, sans-serif;
}
.order-button2 {
border-radius: 15px;
border: 0;
background-color: rgba(255, 255, 255, 0.2);
padding: 19px 17px;
color: #fff;
font-weight: 600;
text-align: center;
letter-spacing: 0.32px;
line-height: 1;
margin-top: auto;
cursor: pointer;
transition: background-color 0.2s;
position: relative;
margin: 0 auto;
display: flex;
top: -9px;
align-self: flex-end;
justify-content: center;
width: 250px;
}
@media (max-width: 640px) {
.order-button2 {
margin-top: 40px;
}
}
.card-divider {
height: 4px;
background-color: rgba(255, 255, 255, 0.1);
margin-top: 23px;
}
/* .artistic-translation {
background-color: rgba(104, 214, 235, 1);
}
.document-translation {
background-color: rgba(0, 160, 221, 1);
}
.technical-translation {
background-color: rgba(41, 127, 170, 1);
}
.localization {
background-color: rgba(41, 170, 75, 1);
}
.medical-translation {
background-color: rgba(60, 204, 60, 1);
}
.audiovisual-translation {
background-color: rgba(89, 205, 89, 1);
} */
.service-row1 {
width: 100%;
display: flex;
gap: 13px;
margin-bottom: 20px;
}
.service-title2 {
color: #fff;
font-size: 24px;
font-weight: 700;
line-height: 29px;
margin: -6px 0 -10px;
font-family: 'TildaSans', Arial, sans-serif;
position: relative;
justify-content: flex-start;
display: flex;
top: -13px;
width: 227px;
height: 47px;
}
.error-notification {
display: flex;
width: 430px;
height: auto;
padding: 10px 28px;
border-radius: 15px;
position: relative;
align-items: center;
background-color: #fc6938;
justify-content: space-between;
}
@media (max-width: 991px) {
.error-notification {
width: 100%;
max-width: 440px;
}
}
@media (max-width: 640px) {
.error-notification {
height: auto;
padding: 8px 20px;
}
}
.error-message {
color: #fff;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font: 400 24px/29px "Tilda Sans", -apple-system, Roboto, Helvetica, sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
@media (max-width: 640px) {
.error-message {
font-size: 20px;
line-height: 24px;
}
}
.error-icon {
width: 33px;
height: 34px;
}
.close-icon {
width: 24px;
height: 24px;
cursor: pointer;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.notification {
border-radius: 15px;
background-color: rgba(0, 160, 221, 1);
box-shadow: 0 101px 28px rgba(0, 0, 0, 0);
display: flex;
padding: 12px 18px 12px 28px;
align-items: center;
gap: 9px;
color: #fff;
white-space: nowrap;
text-align: center;
width: 440px;
font: 400 24px/1 "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
/* Стили для контейнера */
.modal-overlay3 {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
z-index: 1000;
max-width:500px;
}
.overlay.show{
/* background:rgba(0,0,0,0.5); */
top:0;
bottom:0;
left:0;
right:0;
width:100%;
height:100%;
}
.modal-overlay3 {
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease, visibility 0.5s ease;
}
.modal-overlay3.show {
opacity: 1;
visibility: visible;
}
.modal-overlay3.hide {
opacity: 0;
visibility: hidden;
}
.notification-icon {
aspect-ratio: 1;
object-fit: contain;
width: 33px;
align-self: stretch;
margin: auto 0;
}
.notification-text {
text-overflow: ellipsis;
align-self: stretch;
margin: auto 0;
flex-grow: 1;
}
.close-icon_not {
aspect-ratio: 1;
object-fit: contain;
width: 24px;
align-self: stretch;
margin: auto 0;
background: none;
border: 0;
}
@media (max-width: 991px) {
.notification {
width: 100%;
max-width: 440px;
}
}
@media (max-width: 640px) {
.notification {
padding: 10px 16px;
font-size: 20px;
}
.notification-icon {
width: 28px;
}
.close-icon {
width: 20px;
}
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.slider-container {
width: 100%;
overflow: hidden;
position: relative;
}
/* .service-card {
flex: 0 0 auto;
width: 200px;
margin-right: 20px;
text-align: center;
border: 1px solid #ccc;
padding: 10px;
box-sizing: border-box;
} */
@media (min-width: 1677px) {
.slider-container {
position: relative;
overflow: hidden;
width: 1630px;
margin: 98px auto 113px;
height: 276px;
display: flex;
align-content: center;
align-items: center;
padding: 0 1px;
transform: scale(calc(100% / 1.1));
}
}
@media (max-width: 1677px) {
.slider-container {
position: relative;
overflow: hidden;
width: 99%;
margin: 98px auto 113px;
height: 276px;
display: flex;
align-content: center;
align-items: center;
padding: 0 1px;
transform: scale(calc(100% / 1));
}
}
.prev-button_service, .next-button_service {
position: absolute;
top: 74%;
transform: translateY(-50%);
z-index: 10;
border: 0;
background: none;
}
.prev-button {
left: 10px;
}
.next-button {
right: 10px;
}
.prev-button_service {
left: 25px;
}
.next-button_service {
right: 33px;
}
.grid-container {
display: inline-grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 25px;
width: auto;
flex-wrap: nowrap;
flex-direction: column;
margin: 0 106px;
}
.service-card2 {
border-radius: 10px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
text-align: center;
padding: 15px;
display: flex;
flex-direction: column;
}
@media (max-width: 1500px) {
.service-card2 {
border-radius: 10px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
text-align: center;
padding: 15px;
display: flex;
flex-direction: column;
justify-content: flex-start !important;
width: 372px;
margin: 0 auto;
/* position: relative; */
}
.service-description {
color: rgb(255 255 255);
font-size: 16px!important;
font-weight: 300;
line-height: 18px;
font-family: 'TildaSans', Arial, sans-serif;
max-width: 318px;
margin-top: 4px;
padding-left: 27px!important;
}
}
.link_a {
color: #028adf;
text-decoration: underline !important;
}
@media (min-width: 1270px) and (max-width: 1500px){
.service-row {
width: 100%;
display: flex;
gap: 15px;
margin-bottom: 20px;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset,31%)!important;
width: calc(var(--swiper-navigation-size)/ 11 * 27)!important;
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
margin-left: 5%;
z-index: 1000!important;
cursor: pointer;
display: flex!important;
align-items: center!important;
justify-content: space-around;
color: var(--swiper-navigation-color, #000000)!important;
background: white!important;
border-radius: 60px;
height: 40px!important;
width: 40px!important;
padding: 11px!important;
align-content: center!important;
flex-direction: row;
}
}
@media (min-width: 980px) and (max-width: 1270px){
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset,31%)!important;
width: calc(var(--swiper-navigation-size)/ 11 * 27)!important;
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
margin-left: 4%;
z-index: 1000!important;
cursor: pointer;
display: flex!important;
align-items: center!important;
justify-content: space-around;
color: var(--swiper-navigation-color, #000000)!important;
background: white!important;
border-radius: 60px;
height: 40px!important;
width: 40px!important;
padding: 11px!important;
align-content: center!important;
flex-direction: row;
}
}
@media (min-width: 580px) and (max-width: 980px){
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset,32%)!important;
width: calc(var(--swiper-navigation-size)/ 11 * 27)!important;
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
margin-left: 4%;
z-index: 1000!important;
cursor: pointer;
display: flex!important;
align-items: center!important;
justify-content: space-around!important;
color: var(--swiper-navigation-color, #000000)!important;
background: white!important;
border-radius: 60px;
height: 40px!important;
width: 40px!important;
padding: 11px!important;
align-content: center!important;
flex-direction: row;
}}
@media (min-width: 400px) and (max-width: 580px){
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset,22%)!important;
width: calc(var(--swiper-navigation-size)/ 11 * 27)!important;
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
margin-left: 3%;
z-index: 1000!important;
cursor: pointer;
display: flex!important;
align-items: center!important;
justify-content: space-around!important;
color: var(--swiper-navigation-color, #000000)!important;
background: white!important;
border-radius: 60px;
height: 40px!important;
width: 40px!important;
padding: 11px!important;
align-content: center!important;
flex-direction: row;
}}
@media (max-width: 400px){
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset,23%)!important;
width: calc(var(--swiper-navigation-size)/ 11 * 27)!important;
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
margin-left: 3%;
z-index: 1000!important;
cursor: pointer;
display: flex!important;
align-items: center!important;
justify-content: space-around!important;
color: var(--swiper-navigation-color, #000000)!important;
background: white!important;
border-radius: 60px;
height: 40px!important;
width: 40px!important;
padding: 11px!important;
align-content: center!important;
flex-direction: row;
}}
.swiper-button-lock {
display: flex !important;
}
.swiper-button-next1, .swiper-button-prev1 {
position: absolute;
top: var(--swiper-navigation-top-offset,48%)!important;
width: calc(var(--swiper-navigation-size)/ 11 * 27)!important;
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 1000!important;
cursor: pointer;
display: flex!important;
align-items: center!important;
justify-content: space-around!important;
color: var(--swiper-navigation-color, #000000)!important;
background: white!important;
border-radius: 60px;
height: 40px!important;
width: 40px!important;
padding: 11px!important;
align-content: center!important;
flex-direction: row;
}
/* .slider-container {
position: relative;
overflow: hidden;
} */
.prev-button_service, .next-button_service {
position: absolute;
top: 74%;
transform: translateY(-50%);
z-index: 1000!important;
border: 0;
background: none;
border: none;
cursor: pointer;
padding: 1px 12px 0px 16px;
z-index: 10;
opacity: 0;
transition: opacity 0.3s ease;
background: #F8FAFC;
width: 40px;
height: 40px;
border-radius: 61px;
box-shadow: 0px 2px 3px 0px rgb(71 71 71 / 44%), -1px 2px 4px 0px rgba(71, 71, 71, 0.09), -1px 2px 4px 0px rgba(71, 71, 71, 0.05), -1px -1px 0px 0px rgba(71, 71, 71, 0.01), -1px 0px 7px 0px rgba(71, 71, 71, 0);
transition: transform 0.2s, box-shadow 0.2s;
}
.prev-button_service {
left: 20px;
}
.next-button_service {
right: 20px;
}
.slider-container:hover .prev-button_service,
.slider-container:hover .next-button_service {
opacity: 1;
}
@media (max-width: 1499px) {
p {
font-size: 16px!important;
line-height: 18px!important;
}
.swiper-button-prev1, .swiper-rtl .swiper-button-next1 {
left: var(--swiper-navigation-sides-offset,40px)!important;
right: auto;
}
.swiper-button-next1, .swiper-rtl .swiper-button-prev1 {
right: var(--swiper-navigation-sides-offset,40px)!important;
left: auto;
}
.services-title {
color: #000;
margin-bottom: 25px;
font: 400 48px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
margin-top: 40px;
max-width: 100%;
margin: 43px auto;
}
h3 {
font-size: 32px!important;
margin: 0px;
font-family: 'TildaSans', Arial, sans-serif;
line-height: 34px!important;
}
.calculator-grid {
display: flex;
overflow: hidden;
}
form[name="ORDER_TRANSLATION"] {
margin: 0 auto!important;
padding: 0;
max-width: 264px!important;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
}
@media (max-width: 1500px) {
.map-wrapper {
display: flex;
flex-direction: row!important;
position: relative;
min-height: 464px;
width: auto;
overflow: hidden;
padding: 1px 8px 1px 0;
align-content: center!important;
justify-content: center!important;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-family: swiper-icons;
font-size: 30px!important;
text-transform: none!important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-container {
width: 100%;
padding: 20px 0;
}
.swiper-slide {
display: flex;
justify-content: center;
}
.swiper-slide {
flex-shrink: 0;
width: 100%!important;
height: 100%;
position: relative;
transition-property: transform;
display: block;
/* margin-right: 50px!important; */
/* margin-left: 50px!important; */
}
.swiper-container {
width: 100%;
max-width: 1300px; /* Задайте ширину под контент */
margin: 0 auto;
padding: 20px 0;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
box-sizing: content-box;
width: 100%!important;
}
.calculator-card {
background: white;
border-radius: 10px;
padding: 20px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
height: 683px;
width: 834px !important;
}
}
@media (min-width: 1500px) {
.swiper-button-prev1,
.swiper-button-next1 {
display: none!important;
}
.calculator-card {
background: white;
border-radius: 10px;
padding: 20px;
box-shadow: 2px 10px 23px 0px rgba(71, 71, 71, 0.1),
8px 41px 41px 0px rgba(71, 71, 71, 0.09),
18px 91px 56px 0px rgba(71, 71, 71, 0.05),
32px 162px 66px 0px rgba(71, 71, 71, 0.01),
51px 253px 72px 0px rgba(71, 71, 71, 0);
transition: transform 0.2s, box-shadow 0.2s;
height: 577px!important;
z-index: 998 !important;
/* pointer-events: none !important; */
width: 100%;
display: flex;
flex-direction: column;
}
.card-4{
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
}
@media (max-width: 1050px){
.examples-slider {
margin-top: -7px;
max-width: 1640px;
margin: 0!important;
}}
@media (max-width: 1099px){
.slick-prev {
left: 2% !important;
}
.slick-next {
right: 2%!important;
}
}
@media (min-width: 1100px) and (max-width: 1499px) {
.slick-prev {
left: -4% !important;
}
.slick-next {
right: -4%!important;
}
}
@media (max-width: 1500px) {
.partner-logo {
width: auto;
max-width: 219px;
}
.formatting-section {
max-width: 100%;
margin: 0 20px!important;
padding: 60px 10px!important;
}
.swiper-button-prev {
position: relative!important;
top: 650px!important;
box-shadow: 0px 2px 3px 0px rgb(71 71 71 / 44%), -1px 2px 4px 0px rgba(71, 71, 71, 0.09), -1px 2px 4px 0px rgba(71, 71, 71, 0.05), -1px -1px 0px 0px rgba(71, 71, 71, 0.01), -1px 0px 7px 0px rgba(71, 71, 71, 0);
transition: transform 0.2s, box-shadow 0.2s;
}
.swiper-button-next {
position: relative!important;
left: 85%!important;
top: 675px!important;
box-shadow: 0px 2px 3px 0px rgb(71 71 71 / 44%), -1px 2px 4px 0px rgba(71, 71, 71, 0.09), -1px 2px 4px 0px rgba(71, 71, 71, 0.05), -1px -1px 0px 0px rgba(71, 71, 71, 0.01), -1px 0px 7px 0px rgba(71, 71, 71, 0);
transition: transform 0.2s, box-shadow 0.2s;
}
.contact-info-block {
/* align-self: stretch; */
display: flex;
margin-top: 28px!important;
width: auto;
flex-direction: column;
align-items: start;
padding: 0 !important;
height: 100px !important;
}
.address-block {
display: flex;
margin-top: 17px;
width: 432px;
max-width: 100%;
flex-direction: column;
padding: 0;
}
.physical-address {
font-size: 16px;
line-height: 25px;
margin-top: 14px;
text-align: left;
width: 391px;
}
.email-address {
font-size: 32px;
line-height: 34px;
align-self: start;
}
.call-button {
border-radius: 15px;
background-color: rgba(0, 160, 221, 1);
display: flex;
margin-top: 9px;
width: 185px;
max-width: 100%;
align-items: center;
gap: 10px;
justify-content: center;
padding: 14px 19px;
border: 0;
margin-bottom: 5px;
}
.office-button {
border-radius: 8px;
background-color: rgba(0, 160, 221, 1);
display: flex;
gap: 0px;
font-size: 16px;
color: #ffff;
text-align: center;
letter-spacing: 0.32px;
line-height: 1;
padding: 10px 3px;
border: 0;
width: 309px;
}
.block_lang {
background: white;
margin: 10px;
border-radius: 20px;
padding: 13px 16px 10px 15px!important;
max-width: 405px!important;
margin: 16px auto;
box-shadow: 2px 10px 23px 0px rgba(71, 71, 71, 0.1),
8px 41px 41px 0px rgba(71, 71, 71, 0.09),
18px 91px 56px 0px rgba(71, 71, 71, 0.05),
32px 162px 66px 0px rgba(71, 71, 71, 0.01),
51px 253px 72px 0px rgba(71, 71, 71, 0);
transition: transform 0.2s, box-shadow 0.2s;
max-height: max-content!important;
}
.services-title {
color: #000;
margin-bottom: 25px;
font: 400 48px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
margin-top: 40px;
max-width: 100%;
margin: 43px auto;
}
.services-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 17px 72px!important;
max-width: 100%;
margin: 0 auto;
}
.contact-section {
padding: 49px 0 0 0;
max-width: 100%;
margin: 0 auto;
}
.contact-container {
gap: 20px;
display: flex;
flex-wrap: wrap;
}
.contact-info2 {
display: flex;
line-height: normal;
width: 100%;
margin-left: 0px;
flex-direction: row;
flex-wrap: nowrap;
}
.services-divider2 {
border-top: 1px solid #000;
width: 100%;
margin-bottom: 50px;
margin: 27px auto 0px;
display: none;
}
.contact-details2 {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
}
@media (max-width: 1640px) {
._7-8634-36-38-15-order-f-pm-ru-span {
color: #000000;
font-family: var(--header-h5-font-family, "TildaSans-Bold", sans-serif);
font-family: 'TildaSans', Arial, sans-serif;
font-size: var(--header-h5-font-size, 18px)!important;
line-height: var(--header-h5-line-height, 19px)!important;
font-weight: var(--header-h5-font-weight, 700);
letter-spacing: 0px;
}
.card-title_projects {
color: rgba(17, 24, 39, 0.9);
font: 700 24px/28px "Tilda Sans", sans-serif!important;
font-family: 'TildaSans', Arial, sans-serif;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
line-height: 1.3em;
height: calc(1.3em * 4);
display: flex;
justify-content: flex-start;
align-items: center;
}
.section-title {
color: #000;
font: 400 60px/1 Tilda Sans, sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
.example-title {
font-size: 18px;
line-height: 1;
letter-spacing: 0.36px;
margin-bottom: 32px;
font-family: 'TildaSans', Arial, sans-serif;
max-width: 417px;
margin: 13px 2px;
font-weight: 400;
display: flex;
height: 57px!important;
justify-content: flex-start;
align-content: space-between;
max-height: 157rem;
-webkit-box-orient: vertical;
display: block;
display: -webkit-box!important;
overflow: hidden!important;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
/* white-space: nowrap; */
}
.example-type {
font-size: 24px;
font-weight: 700;
line-height: 1;
padding-bottom: 16px;
max-width: 418px;
margin: 29px auto -35px!important;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.vacancies-section {
background-color: #fff;
display: flex;
flex-direction: column;
align-items: start;
padding: 50px 1px 60px;
max-width: 100%;
margin: 0 30px!important;
}
.language-comparison {
/* padding: 120px 130px; */
font-family: 'TildaSans', Arial, sans-serif;
background-color: #FFF;
max-width: 1640px;
margin: 0 30px!important;
margin-bottom:-27px!important;
}
.cost-terms-container {
max-width: 1660px;
margin: 0 30px 0 0!important;
padding: 0 20px 81px 0;
}
.header {
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 28px 0px;
margin: 0 30px!important;
}
.achievements-grid {
display: flex;
gap: 15px;
justify-content: space-between;
margin: 0 auto;
max-width: 1640px;
margin-top: 53px;
margin: 30px!important;
}
.frame-131 {
max-width: 1640px;
position: relative;
margin: 0 auto;
margin-top: 105px;
margin-bottom: 51px;
margin: 105px 30px 0px!important;
}
.examples-section {
display: flex;
flex-direction: column;
font-family: 'TildaSans', Arial, sans-serif;
font-weight: 400;
width: 100%;
margin: 0 30px!important;
}
.calculator-section {
max-width: 1660px;
margin: 0 30px!important;
padding: 60px 0px;
}
.services-container {
max-width: 1640px;
margin: 0 30px!important;
padding: 0px!important;
}
.partners-section {
background-color: #fff;
display: flex;
flex-direction: column;
align-items: start;
font-family: 'TildaSans', Arial, sans-serif;
color: #000;
font-weight: 400;
padding: 60px 80px 42px;
max-width: 1640px;
margin: 0 auto;
}
.translation-container {
max-width: 1640px;
margin: 0 30px!important;
background-color: #fff;
}
.translation-card1 {
/* width: 100%!important; */
max-width: 213px;
/* height: 354px; */
/* width: 100%; */
min-height: 245px;
border-radius: 15px;
/* height: 100%; */
padding: 40px;
box-shadow: 424px 256px 139px 0px rgba(0, 0, 0, 0),
272px 164px 127px 0px rgba(0, 0, 0, 0.01),
153px 92px 107px 0px rgba(0, 0, 0, 0.05),
68px 41px 79px 0px rgba(0, 0, 0, 0.09),
17px 10px 44px 0px rgba(0, 0, 0, 0.1);
background-color: #fff;
display: flex;
flex-wrap: wrap;
cursor: pointer;
flex-direction: column;
}
._390 {
color: rgba(17, 24, 39, 0.9);
text-align: left;
font-size: var(--paragraph-font-size, 24px);
line-height: var(--paragraph-line-height, 29px);
font-weight: var(--paragraph-font-weight, 400);
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin: 45px 30px!important;
}
}
a.white {
color: white;
font-family: 'TildaSans', Arial, sans-serif;
}
@media (min-width: 1505px) and (max-width: 1522px) {
/* .slider-container {
position: relative;
overflow: hidden;
width: 90%!important;
margin: 98px auto 113px;
height: 276px;
display: flex;
align-content: center;
align-items: center;
padding: 0 1px;
} */
}
@media (min-width: 1505px) and (max-width: 1835px) {
.original-image {
width: 364px!important;
height: auto;
object-fit: contain;
}
}
@media (max-width: 1049px) {
.slick-slide {
transition: all 0.3s ease;
opacity: 0;
transform: scale(0.9);
}
.slick-center {
opacity: 1 !important;
transform: scale(1) !important;
}
}
@media (min-width: 1501px) {
img.under {
display: flex;
justify-content: center;
position: relative;
left: 48%;
padding: 1px 1px 16px 1px;
}
.swiper-button-prev,
.swiper-button-next {
display: none!important;
}
.swiper-wrapper {
pointer-events: none;
}
/* .calculator-card {
background: white;
border-radius: 10px;
padding: 20px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
height: auto;
z-index: 1000 !important;
pointer-events: none !important;
width: 100%;
} */
.service-card2 {
border-radius: 10px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
text-align: left;
padding: 24px 24px 24px 24px;
display: flex;
flex-direction: column;
}
.office-icon {
aspect-ratio: 1;
object-fit: contain;
object-position: center;
width: 25px;
align-self: start;
display: flex;
align-items: center;
align-content: center;
padding-top: 6px;
padding-right: 21px;
}
}
/* @media (min-width: 1630px) and (max-width: 1739px){
.calculator-card {
background: white;
border-radius: 10px;
padding: 20px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
height: auto;
width: 336px !important;
margin-right: 20px !important;
}} */
/* @media (min-width: 1500px) and (max-width: 1630px){
.calculator-card {
background: white;
border-radius: 10px;
padding: 20px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
height: auto;
width: 304px !important;
margin-right: 20px !important;
}} */
/* form {
margin: 0;
margin-top: 0px;
padding: 0;
pointer-events: all!important;
} */
select{
pointer-events: all!important;
}
input{
pointer-events: all!important;
}
button{
pointer-events: all!important;
}
.achievements-container {
overflow: hidden;
}
.swiper-container {
width: 100%;
max-width: 100vw;
height: min-content;
}
.swiper-wrapper {
box-sizing: border-box;
}
.calculator-card.swiper-slide {
/* width: 100%; */
min-width: 0;
flex-shrink: 0;
box-sizing: border-box;
}
@media (max-width: 1499px) {
.job-card {
border-radius: 30px;
background-color: #fff;
display: flex;
flex-grow: 1;
/* align-items: flex-start; */
gap: 20px;
font-family: 'TildaSans', Arial, sans-serif;
width: auto;
padding: 26px 21px;
box-shadow: 0px -1px 7px rgb(0 0 0 / 0%), 0px 1px 1px rgba(0, 0, 0, 0.02), -2px 1px 0px rgb(0 0 0 / 1%), 4px 0px 13px rgb(0 0 0 / 15%), -3px 8px 20px rgb(0 0 0 / 16%);
transition: transform 0.2s, box-shadow 0.2s;
margin: 0px;
flex-wrap: wrap;
justify-content: space-between;
}
p {
font-size: 16px!important;
line-height: 18px!important;
}
.calculator-card.swiper-slide {
/* width: 100% !important; */
/* margin-right: 20px !important; */
}
.calculator-card .swiper-wrapper .swiper-button-next,
.calculator-card .swiper-wrapper .swiper-button-prev {
position: absolute!important;
top: 50%!important;
transform: translateY(-50%)!important;
z-index: 10!important;
cursor: pointer!important;
}
}
.swiper-button-next1::after, .swiper-button-prev1::after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-next1::after, .swiper-rtl .swiper-button-prev1::after {
content: 'next';
}
.swiper-button-prev1::after, .swiper-rtl .swiper-button-next1::after {
content: 'prev';
}
.swiper-button-prev1, .swiper-rtl .swiper-button-next1 {
left: var(--swiper-navigation-sides-offset,10px);
right: auto;
}
.swiper-button-next1, .swiper-rtl .swiper-button-prev1 {
right: var(--swiper-navigation-sides-offset,10px);
left: auto;
}
@media (max-width: 767px) {
.swiper-button-prev,
.swiper-button-next {
display: block;
position: absolute;
top: auto;
bottom: -40px;
}
.swiper-button-prev {
left: 40%;
}
.swiper-button-next {
right: 40%;
}
}
button.order-button:hover {
background: #00B945;
}
.spec-cards-container {
display: flex;
gap: 55px;
padding: 20px;
font-family: 'TildaSans', Arial, sans-serif;
}
@media (max-width: 1055px) {
.spec-cards-container {
flex-direction: column;
gap: 30px;
}
}
.spec-card {
width: 800px;
height: auto;
border-radius: 16px;
box-shadow: 55px 266px 76px 0px rgba(0, 0, 0, 0),
36px 170px 69px 0px rgba(0, 0, 0, 0.01),
20px 96px 59px 0px rgba(0, 0, 0, 0.05),
9px 42px 43px 0px rgba(0, 0, 0, 0.09),
2px 11px 24px 0px rgba(0, 0, 0, 0.1);
padding: 38px 40px;
position: relative;
background-color: #f8fafc;
}
@media (max-width: 991px) {
.translators-left {
display: flex;
flex-direction: column;
gap: 0px;
width: 29%;
}
.spec-card {
width: 97%;
height: auto;
padding: 30px 20px;
}
}
@media (max-width: 640px) {
.spec-card {
padding: 20px 15px;
}
}
.language-header {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 32px;
}
.language-flag {
width: 20px;
height: 16px;
}
.language-name {
color: #000;
font-size: 16px;
font-weight: 600;
line-height: 16px;
letter-spacing: 0.32px;
}
.spec-content {
color: rgba(17, 24, 39, 0.6);
font-size: 18px;
line-height: 19px;
letter-spacing: 0.36px;
}
.spec-section {
margin-bottom: 20px;
}
@media (max-width: 640px) {
.spec-section {
margin-bottom: 30px;
}
}
.spec-label {
margin-bottom: 10px;
width: 260px;
}
.spec-value {
margin-left: 286px;
margin-top: -45px;
margin-bottom: 31px;
}
@media (max-width: 640px) {
.spec-value {
margin-left: 0;
margin-top: 10px;
}
}
.language-cards-container {
display: flex;
gap: 44px;
padding: 20px;
max-width: 1655px;
margin: 0 auto;
}
.language-card {
flex: 1;
border-radius: 16px;
padding: 38px 68px;
box-shadow: 11px -8px 20px 0px rgba(71, 71, 71, 0.1), -19px 20px 16px 0px rgba(71, 71, 71, 0.09), -9px 13px 19px 0px rgba(71, 71, 71, 0.05), 32px 162px 66px 0px rgba(71, 71, 71, 0.01), 51px 253px 72px 0px rgba(71, 71, 71, 0);
transition: transform 0.2s, box-shadow 0.2s;
background-color: #f8fafc;
}
.language-header {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 34px;
}
.flag-icon {
width: 20px;
height: 16px;
}
.language-name {
color: #000;
font-family: 'TildaSans', Arial, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 16px;
letter-spacing: 0.32px;
margin: 0;
}
.code-content {
color: rgba(17, 24, 39, 0.6);
font-family: 'TildaSans', Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0.36px;
white-space: pre-wrap;
margin: 0;
}
/* Media Queries */
@media (max-width: 991px) {
.language-cards-container {
flex-direction: column;
padding: 15px;
}
.language-card {
padding: 30px 40px;
}
}
@media (max-width: 640px) {
.language-cards-container {
padding: 10px;
}
.language-card {
padding: 20px 25px;
}
.language-header {
margin-bottom: 20px;
}
.code-content {
font-size: 16px;
}
}
/* Container styles */
.language-container {
display: flex;
gap: 32px;
padding: 20px;
max-width: 1660px;
margin: 0 auto;
}
/* Card common styles */
.language-card {
border-radius: 16px;
padding: 40px;
box-shadow:
0px 251px 70px 0px rgba(28, 28, 28, 0),
0px 161px 64px 0px rgba(28, 28, 28, 0.01),
0px 90px 54px 0px rgba(28, 28, 28, 0.05),
0px 40px 40px 0px rgba(28, 28, 28, 0.09),
0px 10px 22px 0px rgba(28, 28, 28, 0.1);
flex: 1;
background-color: #f8fafc;
}
/* Language header styles */
.language-header {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 16px;
}
.flag-icon {
width: 20px;
height: 16px;
}
.english-card {
width: 710px;
}
.russian-card {
width: 710px;
}
.language-title {
color: #000;
font-family: "Inter", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 16px;
letter-spacing: 0.32px;
}
/* Content styles */
.language-content {
color: rgba(17, 24, 39, 0.6);
font-family: "Inter", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0.36px;
}
.medical-history {
margin-left: 0px;
}
/* Responsive styles */
@media (max-width: 991px) {
.language-container {
flex-direction: column;
padding: 16px;
}
.language-card {
padding: 24px;
}
}
@media (max-width: 640px) {
.language-container {
padding: 12px;
}
.language-content {
font-size: 16px;
}
}
.translation-container-service {
display: flex;
gap: 20px;
padding: 20px;
max-width: 1660px;
margin: 0 auto;
flex-wrap: wrap;
}
.translation-card {
flex: 1;
border-radius: 16px;
padding: 40px;
box-shadow:
175px 267px 89px 0px rgba(107, 107, 107, 0),
112px 171px 82px 0px rgba(107, 107, 107, 0.01),
63px 96px 69px 0px rgba(107, 107, 107, 0.05),
28px 43px 51px 0px rgba(107, 107, 107, 0.09),
7px 11px 28px 0px rgba(107, 107, 107, 0.1);
background-color: #f8fafc;
height: 322px;
}
.language-header {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 30px;
}
.language-flag {
width: 20px;
height: 16px;
}
.language-name {
color: #000;
font-family: "Inter", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.32px;
margin: 0;
}
.document-content {
color: #111827;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0.36px;
text-align: center;
}
.document-content h1 {
font-size: 18px;
font-weight: 400;
margin: 0;
line-height: 19px;
}
.document-location,
.document-text {
margin: 20px 0 0 0;
}
@media (max-width: 991px) {
.translation-container {
flex-direction: column;
}
.translation-card {
width: 100%;
}
.contact-section .office-button{
width:260px!important;
}
.translation-card1{
min-height:160px!important;
}
.title-column-pharmaceutical {
width: 190px!important;
}
}
@media (max-width: 640px) {
.translation-container {
padding: 10px;
}
.translation-card {
padding: 20px;
}
.document-content {
font-size: 16px;
}
}
.language-cards {
display: flex;
gap: 32px;
padding: 0 32px;
max-width: 1664px;
margin: 0 auto;
}
/* Individual language card */
.language-card {
flex: 1;
border-radius: 16px;
padding: 42px 68px 66px;
box-shadow: 0px -1px 7px rgb(0 0 0 / 0%), 0px 1px 1px rgba(0, 0, 0, 0.02), -2px 1px 0px rgb(0 0 0 / 1%), 4px 0px 13px rgb(0 0 0 / 15%), -3px 8px 20px rgb(0 0 0 / 16%);
background-color: #f8fafc;
}
/* Flag icon */
.flag-icon {
width: 20px;
height: 16px;
margin-right: 7px;
}
/* Language title */
.language-title {
color: #000;
font-family: 'TildaSans', Arial, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 16px;
letter-spacing: 0.32px;
margin-bottom: 24px;
}
/* Language content */
.language-content {
color: rgba(17, 24, 39, 0.6);
font-family: 'TildaSans', Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0.36px;
}
/* Responsive styles */
@media (max-width: 991px) {
.language-cards {
flex-direction: column;
padding: 16px;
}
.language-card {
padding: 32px;
max-width: 800px;
width: 100%;
height: auto;
margin: 0 auto;
}
}
@media (max-width: 640px) {
.language-card {
padding: 24px;
}
.language-title {
font-size: 14px;
}
.language-content {
font-size: 16px;
}
}
.content-columns {
display: flex;
}
.original-column, .translation-column {
flex: 1;
display: flex;
flex-direction: column;
}
.translation-content {
flex: 1;
display: flex;
flex-direction: column;
}
.translation-text {
flex: 1;
}
.job-content {
display: none;
transition: display 0.3s ease;
}
.job-content.visible {
display: block;
font-size: 18px;
line-height: 19px;
font-weight: 400;
}
.rotated {
transform: rotate(180deg);
}
.arrow-icon.rotated {
transform: rotate(180deg);
}
.vacancies-section {
background-color: #fff;
display: flex;
flex-direction: column;
align-items: start;
padding: 135px 1px 60px;
max-width: 1640px;
margin: 0 auto;
}
@media (max-width: 991px) {
.vacancies-section {
padding: 100px 20px;
}
}
.vacancies-section .content-wrapper {
display: flex;
width: 100%;
max-width: 1640px;
flex-direction: column;
align-items: start;
}
@media (max-width: 991px) {
.content-wrapper {
max-width: 100%;
}
}
.section-title {
color: #000;
font: 400 72px/1 Tilda Sans, sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
@media (max-width: 991px) {
.section-title {
font-size: 40px;
}
}
.section-description {
color: #000;
text-decoration-skip-ink: auto;
margin-top: 0px;
font: 400 24px/29px Tilda Sans, sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
@media (max-width: 991px) {
.section-description {
max-width: 100%;
margin-top: 40px;
}
}
.job-listings {
align-self: stretch;
margin-top: 85px;
width: 102%;
display: flex;
}
@media (max-width: 1710px) {
.job-listings {
align-self: stretch;
margin-top: 85px;
width: 90%;
display: flex;
}}
@media (max-width: 991px) {
.job-listings {
max-width: 100%;
margin-top: 40px;
}
}
.job-row {
gap: 37px;
display: grid;
grid-template-columns: repeat(1,1fr);
align-items: start;
margin-right: 68px;
width: 51%;
height: 40%;
}
.job-row2 {
gap: 20px 73px;
display: grid;
grid-template-columns: repeat(1,1fr);
align-items: start;
width: 40%;
height: 100%;
}
@media (max-width: 991px) {
.job-row {
flex-direction: column;
align-items: stretch;
gap: 0;
}
}
.job-column {
display: flex;
flex-direction: column;
line-height: normal;
width: 100%;
margin-left: 0;
/* margin-right: 70px; */
}
@media (max-width: 991px) {
.job-column {
width: 100%;
}
}
.job-card {
border-radius: 30px;
background-color: #fff;
display: flex;
flex-grow: 1;
/* align-items: flex-start; */
gap: 20px;
font-family: 'TildaSans', Arial, sans-serif;
width: 100%;
padding: 26px 26px;
box-shadow: 2px 10px 23px 0px rgba(71, 71, 71, 0.3), 8px 34px 41px 0px rgba(71, 71, 71, 0.09), 18px 52px 56px 0px rgba(71, 71, 71, 0.05), 32px 162px 66px 0px rgba(71, 71, 71, 0.01), 51px 253px 72px 0px rgba(71, 71, 71, 0);
transition: transform 0.2s, box-shadow 0.2s;
margin: 0px;
flex-wrap: wrap;
justify-content: space-between;
}
@media (max-width: 1715px) {
.job-title {
color: #3E83CC;
font-size: 24px!important;
font-family: 'TildaSans', Arial, sans-serif;
font-weight: 700;
max-width: 468px;
}
}
@media (max-width: 1217px) {
.job-row2 {
gap: 20px 73px!important;
display: grid;
grid-template-columns: repeat(1,1fr);
align-items: start;
width: 94%;
height: 100%;
}
.job-row {
gap: 20px 73px!important;
display: grid;
grid-template-columns: repeat(1,1fr);
align-items: start;
margin-right: 0px;
width: 94%;
height: 100%;
/* padding: 20px; */
}
.job-listings {
align-self: stretch;
margin-top: 30px;
width: 100%;
display: flex;
flex-direction: column;
gap: 20px;
}
}
@media (max-width: 1100px) {
.divider {
aspect-ratio: 0.03;
object-fit: contain;
object-position: center;
width: 1px;
width: 1.5px;
display: none;
}
.divider1 {
aspect-ratio: 0.03;
object-fit: contain;
object-position: center;
width: 1.5px;
position: relative;
top: 3px;
height: 66px;
display: none!important;
}
.vacancies-section {
padding: 20px 20px!important;
}
.section-title {
color: #000;
margin-bottom: 20px!important;
font: 400 60px/64px "Tilda Sans", sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
.content-wrapper {
position: relative;
display: flex;
width: 100%!important;
max-width: 95%;
flex-direction: column;
align-items: center;
font-weight: 100;
}
.job-card {
max-width: 100%;
margin-top: 10px!important;
padding: 20px;
}
}
.swiper-wrapper {
position: relative;
width: 100%;
height: auto!important;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
box-sizing: content-box;
}
.job-info {
align-self: start;
display: flex;
flex-direction: column;
}
@media (max-width: 991px) {
.job-info {
max-width: 100%;
}
}
.job-title {
color: #3E83CC;
font-size: 31px;
font-family: 'TildaSans', Arial, sans-serif;
font-weight: 700;
}
@media (max-width: 991px) {
.job-title {
max-width: 100%;
}
}
.job-salary {
color: #000;
font-size: 18px;
font-weight: 400;
font-family: 'TildaSans', Arial, sans-serif;
line-height: 1;
letter-spacing: 0.36px;
align-self: start;
margin-top: 18px;
}
.job-icon {
width: 52px;
align-self: end;
align-self: flex-end;
align-items: flex-end;
display: flex;
justify-content: flex-end;
cursor: pointer;
}
.job-column-2 {
display: flex;
flex-direction: column;
line-height: normal;
width: 80%;
margin-left: 52px;
}
@media (max-width: 991px) {
.job-column-2 {
width: 100%;
}
}
.job-card-2 {
border-radius: 30px;
background-color: #fff;
box-shadow: 183px 214px 79px rgba(102, 102, 102, 0);
display: flex;
flex-grow: 1;
align-items: flex-start;
gap: 40px 72px;
font-family: Tilda Sans, sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
flex-wrap: wrap;
width: 100%;
padding: 27px 38px 16px;
box-shadow:2px 10px 23px 0px rgba(71, 71, 71, 0.3), 8px 34px 41px 0px rgba(71, 71, 71, 0.09), 18px 52px 56px 0px rgba(71, 71, 71, 0.05), 32px 162px 66px 0px rgba(71, 71, 71, 0.01), 51px 253px 72px 0px rgba(71, 71, 71, 0);
transition: transform 0.2s, box-shadow 0.2s;
}
@media (max-width: 991px) {
.job-card-2 {
max-width: 100%;
margin-top: 40px;
padding: 0 20px;
}
}
.job-info-2 {
align-self: start;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-basis: 0;
width: fit-content;
}
@media (max-width: 991px) {
.job-info-2 {
max-width: 100%;
}
}
.job-title-2 {
color: #000101;
font-size: 32px;
font-weight: 700;
font-family: 'TildaSans', Arial, sans-serif;
}
@media (max-width: 991px) {
.job-title-2 {
max-width: 100%;
}
}
.job-salary-2 {
color: #000;
font-size: 18px;
font-weight: 400;
font-family: 'TildaSans', Arial, sans-serif;
line-height: 1;
letter-spacing: 0.36px;
align-self: start;
margin-top: 23px;
}
.job-icon-2 {
aspect-ratio: 1;
object-fit: contain;
object-position: center;
width: 52px;
align-self: end;
margin-top: 49px;
}
@media (max-width: 991px) {
.job-icon-2 {
margin-top: 40px;
}
}
.job-card-3 {
border-radius: 30px;
background-color: #fff;
box-shadow: 183px 214px 79px rgba(102, 102, 102, 0);
display: flex;
margin-top: 29px;
box-shadow: 2px 10px 23px 0px rgba(71, 71, 71, 0.3), 8px 34px 41px 0px rgba(71, 71, 71, 0.09), 18px 52px 56px 0px rgba(71, 71, 71, 0.05), 32px 162px 66px 0px rgba(71, 71, 71, 0.01), 51px 253px 72px 0px rgba(71, 71, 71, 0);
transition: transform 0.2s, box-shadow 0.2s;
margin-right: 0px;
width: 834px;
max-width: 100%;
flex-direction: column;
font-family: Tilda Sans, sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
padding: 4px 49px 16px;
}
@media (max-width: 991px) {
.job-card-3 {
padding: 0 20px;
}
}
.job-title-3 {
color: #000101;
font-size: 32px;
font-weight: 700;
font-family: 'TildaSans', Arial, sans-serif;
margin-right: 42px;
}
@media (max-width: 991px) {
.job-title-3 {
max-width: 100%;
margin-right: 10px;
}
}
.job-details {
display: flex;
margin-top: -12px;
align-items: start;
gap: 20px;
font-size: 18px;
font-family: 'TildaSans', Arial, sans-serif;
color: #000;
font-weight: 400;
letter-spacing: 0.36px;
line-height: 1;
flex-wrap: wrap;
justify-content: space-between;
}
@media (max-width: 991px) {
.job-details {
max-width: 100%;
}
}
.job-icon-3 {
aspect-ratio: 1;
object-fit: contain;
object-position: center;
width: 52px;
margin-top: 12px;
}
.additional-info {
color: #000;
text-decoration-skip-ink: auto;
margin-top: 120px;
font: 400 24px/29px Tilda Sans, sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
@media (max-width: 991px) {
.additional-info {
max-width: 100%;
margin-top: 40px;
}
}
.underlined-link {
text-decoration: underline!important;
color: #3e83cc;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* .dropdown-content_nav {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content_nav.show {
display: block;
}
.contact-details2 {
display: none;
}
.contact-details2.show {
display: block;
} */
.dropdown-content_nav {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content_nav2 {
display: none;
position: absolute;
background-color: #1386BF!important;
min-width: 236px!important;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
top: 112%;
border-radius: 10px;
padding: 10px;
font-size: 16px;
color: rgba(255, 255, 255, 0.61);
}
.dropdown-content_nav2 span {
padding: 12px 16px;
display: block;
cursor: pointer;
}
.dropdown-content_nav2 span:hover {
color: #ffff;
}
li.criteria-item {
line-height: 29px;
}
.show {
display: block;
}
.hero-container .content-wrapper {
flex-direction: row!important;
flex-wrap: wrap!important;
justify-content: center !important;
}
@media (min-width: 1215px) and (max-width: 1640px) {
.content-wrapper {
flex-direction: row!important;
flex-wrap: wrap!important;
justify-content: flex-start !important;
}
.job-row {
gap: 37px;
display: grid;
grid-template-columns: repeat(1,1fr);
align-items: start;
margin-right: 90px;
width: 61% !important;
height: 40%;
}
.translation-card1 {
width: 387px!important;
max-width: 482px!important;
/* height: 354px; */
/* width: 100%; */
min-height: 230px!important;
border-radius: 15px;
/* height: 100%; */
padding: 40px;
box-shadow: 424px 256px 139px 0px rgba(0, 0, 0, 0),
272px 164px 127px 0px rgba(0, 0, 0, 0.01),
153px 92px 107px 0px rgba(0, 0, 0, 0.05),
68px 41px 79px 0px rgba(0, 0, 0, 0.09),
17px 10px 44px 0px rgba(0, 0, 0, 0.1);
background-color: #fff;
display: flex;
flex-wrap: wrap;
cursor: pointer;
flex-direction: column;
}
}
@media (min-width: 1215px) and (max-width: 1540px) {
.logo-container {
display: flex;
align-items: center;
justify-content: space-evenly;
gap: 40px;
padding: 20px 0;
margin-top: 38px;
flex-wrap: wrap;
width: 100%;
margin: 57px auto;
}
.achievement-text {
letter-spacing: 0.36px;
margin-bottom: 3px!important;
margin-top: 18px!important;
max-width: 280px;
color: #333;
font: 400 16px/18px "Tilda Sans", sans-serif!important;
font-family: 'TildaSans', Arial, sans-serif;
display: flex;
align-content: center;
align-items: center;
}
._390 {
color: rgba(17, 24, 39, 0.9);
text-align: left;
font-size: var(--paragraph-font-size, 24px)!important;
line-height: var(--paragraph-line-height, 29px)!important;
font-weight: var(--paragraph-font-weight, 400)!important;
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: auto !important;
max-width: 97%;
margin: 45px 0px !important;
}
.service-description {
color: rgba(255, 255, 255, 0.8);
font-size: 18px!important;
font-weight: 400;
line-height: 19px!important;
font-family: 'TildaSans', Arial, sans-serif;
}
.comparison-title {
font-size: 60px!important;
line-height: 64px!important;
}
.comparison-subtitle {
font-size: 24px!important;
line-height: 29px!important;
}
.cost-terms-description {
font-size: 24px!important;
line-height: 29px!important;
color: black;
}
.cost-terms-title {
font-size: 60px!important;
line-height: 64px!important;
}
.translators-title {
font-size: 58px!important;
line-height: 64px!important;
}
.stat-description {
color: rgba(17, 24, 39, 0.9);
letter-spacing: 0.36px!important;
font-size:18px!important;
font-weight: 400!important;
line-height: 19px!important;
font-family: 'TildaSans', Arial, sans-serif!important;
}
.stat-number {
color: rgba(17, 24, 39, 0.9);
margin-bottom: 26px;
font-size:48px;
font-weight: 400;
line-height: 48px;
font-family: 'TildaSans', Arial, sans-serif;
}
.translators-description, .criteria-list {
color: rgba(17, 24, 39, 0.9);
margin-bottom: 23px;
font-family: 'TildaSans', Arial, sans-serif;
font-weight: 400;
font-size: 24px!important;
line-height: 29px!important;
}
.slider-container {
position: relative;
overflow: hidden;
width: 87.2%!important;
margin: 98px auto 113px;
height: 276px!important;
display: flex;
align-content: center;
align-items: center;
padding: 9px;
}
.service-card.cloned {
margin-left: 0.6px;
}
.service-cards_main {
display: grid;
grid-auto-flow: column;
gap: 20.8px!important;
transition: transform 0.5s ease-in-out;
/* grid-auto-columns: calc((100% - (var(--visible-cards) - 1) * 20px) / var(--visible-cards)); */
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
--visible-cards: 4;
/* width: 54%; */
/* justify-content: center; */
/* justify-items: center; */
/* place-items: center; */
margin: 10px !important;
}
.service-title {
margin-top: 23px;
font-size: 24px!important;;
font-weight: 700;
line-height: 15px;
font-family: 'TildaSans', Arial, sans-serif;
color: #000;
}
.description-text {
max-width: 80%;
font-size: 22px!important;
line-height: 25px!important;
margin: 18px auto;
}
.title-column-pharmaceutical {
width: 394px!important;
}
.criteria-item_price {
font-size: 24px!important;
line-height: 25px!important;
color: black;
}
.service-card {
flex: 1;
background-color: #fff;
border-radius: 8px;
padding: 11px 4px 75px 13px;
display: flex;
flex-direction: column;
align-items: flex-start;
min-width: max-content;
max-width: 310px!important;
min-width: 297px!important;
box-shadow: -1px 3px 7px 0px rgb(71 71 71 / 11%), 0px 20px 20px rgb(71 71 71 / 4%), 1px 20px 20px 0px rgba(71, 71, 71, 0.01), 1px -8px 13px 2px rgba(71, 71, 71, 0.04);
transition: transform 0.2s, box-shadow 0.2s;
min-height: 148px!important;
}
.section-title {
font-size: 60px!important;
line-height: 64px!important;
}
} @media (max-width: 1300px) {
.tag {
height: 40px;
padding: 2px 8px;
border-radius: 8px;
color: #FFF;
font-size: 13px!important;
font-weight: 600;
letter-spacing: 0!important;
line-height: 13px!important;
font-family: 'TildaSans', Arial, sans-serif;
margin: auto 0;
display: flex;
justify-content: center;
align-items: center;
}}
@media (max-width: 1200px) {
.pricing-download-button {
justify-content: center;
align-items: center;
border-radius: 15px;
background-color: var(--SystemBlue, #00a0dd);
display: flex;
width: 1070px;
max-width: 100%;
gap: 10px;
color: #010101;
text-align: center;
letter-spacing: 0.32px;
flex-wrap: wrap;
margin: 77px 0 0 0px!important;
padding: 14px 20px;
font: 600 16px/1 Tilda Sans, sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
border: 0;
cursor: pointer;
}
li.criteria-item {
line-height: 18px;
}
.stat-card {
flex: 1;
display: flex;
flex-direction: column;
padding: 35px 18px 40px;
border-radius: 16px;
box-shadow: 0 11px 24px rgba(0, 0, 0, 0.05), 0 44px 44px rgba(0, 0, 0, 0.02), 0 100px 60px rgba(0, 0, 0, 0.04), 0 177px 71px rgba(0, 0, 0, 0.02), 0 277px 78px rgba(0, 0, 0, 0);
background-color: #fff;
flex: 0 0 31.33%;
box-sizing: border-box;
min-height: 171px!important;
max-height: 180px!important;
}
.translation-text {
color: #000;
letter-spacing: 0.36px;
font: 12px/14px "Tilda Sans", sans-serif!important;
font-family: 'TildaSans', Arial, sans-serif;
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
}
.card-title_projects {
color: rgba(17, 24, 39, 0.9);
font: 700 18px/20px "Tilda Sans", sans-serif!important;
font-family: 'TildaSans', Arial, sans-serif;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
line-height: 1.3em;
height: calc(1.3em * 4);
display: flex;
justify-content: flex-start;
align-items: center;
}
.nav-container {
display: flex;
align-items: center;
gap: 3px 98px!important;
font-family: 'TildaSans', Arial, sans-serif;
font-weight: 400;
}
.bx-top-nav-container .bx-nav-1-lvl > a {
font-size: 12px!important;
}
.services-dropdown {
border-radius: 9px;
background-color: #f2f2f2;
align-self: stretch;
display: flex;
gap: 3px!important;;
font-size: 12px;
color: #000;
padding: 7px 10px 7px 10px!important;
height: 20px;
justify-content: center;
margin-top: 9px;
margin-left: -62px;
font-family: 'TildaSans', Arial, sans-serif;
}
.footer-logo {
aspect-ratio: 6.85;
object-fit: contain;
width: 144px!important;
height: 20px;
display: flex;
position: relative;
top: 7px;
left: -4px;
}
.social-icons {
display: flex;
align-items: flex-start;
gap: 11px;
margin: 14px -9px 0px 67px;
}
.header {
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 15px 0px;
margin: 0 30px!important;
}
.footer-logo {
width: 160px;
height: 24px;
}
.footer-logo {
aspect-ratio: 6.85;
object-fit: contain;
/* width: 192px;
height: 28px; */
display: flex;
position: relative;
top: 0px!important;
left: -4px;
}
.checkbox-icon1 {
width: 15px!important;
height: 15px!important;
margin: -5px;
padding: 6px 9px 6px 1px;
}
.flex {
display: flex;
font-size: 12px!important;
line-height: 14px!important;
}
.services-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 17px 25px!important;
max-width: 100%;
margin: 0 auto;
margin-left: 10px!important;
}
.order-button {
font-family: 'TildaSans', Arial, sans-serif;
align-self: stretch;
border-radius: 15px;
background: var(--AcGreen, #25d366);
min-height: 30px!important;
gap: 0px;
font-size: 12px;
color: #fff;
font-weight: 600;
text-align: center;
letter-spacing: 0.32px;
line-height: 14px;
padding: 0px 0px 0px 0px !important;
border: none;
cursor: pointer;
max-height: 30px!important;
justify-content: center;
display: flex;
margin-top: 12px!important;
width: 127px !important;
align-content: center;
align-items: center;
border-radius: 10px;
}
.social-icon-2 {
aspect-ratio: 1.08;
object-fit: contain;
object-position: center;
width: 25px!important;
}
.social-icon {
aspect-ratio: 1.06;
object-fit: contain;
object-position: center;
width: 25px!important;
}
.pricing-download-image {
aspect-ratio: 1;
object-fit: contain;
object-position: left;
width: 21px;
z-index: 10;
margin-top: -36px;
display: flex;
position: relative;
left: -10%!important
}
.examples-slider {
padding: 0 40px;
}
}
@media (min-width: 1495px) and (max-width: 1507px) {
.slider-container {
position: relative;
overflow: hidden;
width: 87.7%!important;
margin: 98px auto 113px;
height: 276px!important;
display: flex;
align-content: center;
align-items: center;
padding: 9px!important;
}
}
@media (min-width: 1601px) and (max-width: 1624px) {
.bx-top-nav-container {
margin-top: 15px;
padding: 0 2px 0 37px!important;
color: #fff;
border-radius: 2px;
margin-left: -44px!important;
/* margin-bottom: -88px; */
height: 43px;
position: relative;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
}
@media (min-width: 1435px) and (max-width: 1450px) {
.slider-container {
position: relative;
overflow: hidden;
width: 91.2%!important;
margin: 98px auto 113px;
height: 276px!important;
display: flex;
align-content: center;
align-items: center;
padding: 9px;
}}
@media (min-width: 1662px) and (max-width: 1689px) {
.slider-container {
position: relative;
overflow: hidden;
width: 94%!important;
margin: 98px auto 113px;
height: 276px;
display: flex;
align-content: center;
align-items: center;
padding: 0 1px;
transform: scale(calc(100% / 1));
}}
@media (min-width: 1000px) and (max-width: 1200px){
.pricing-table.grid1 {
display: grid;
grid-template-rows: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap:20px 60px!important;
height: 415px;
}
#item-0 {
grid-row-start: 1;
grid-column-start: 1;
gap: 0px;
grid-row-end: 4;
grid-column-end: 2;
}
.pricing-header {
display: flex;
width: 1042px;
max-width: 100%;
align-items: start;
gap: 60px 52px;
color: #000;
letter-spacing: 0.32px;
flex-wrap: wrap;
margin: 90px 0 0 9px!important;
font: 400 15px/1 Tilda Sans, sans-serif;
font-family: 'TildaSans', Arial, sans-serif;
}
.pricing-table.grid2 {
display: grid;
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: 20px 60px!important;
height: 100%;
align-items: end;
}
}
div#panel {
z-index: 10000;
position: relative;
}
.header {
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 3px 0px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
background-color: #fff;
/* box-shadow: 0 2px 5px rgba(0,0,0,0.1); */
width: 100%;
}
.phone-number-color{
color: black;
}
/* End */
/* Start:/bitrix/templates/furniture_dark-blue/template_styles.css?17473079999297*/
html { width:100%; height: 100%; }
body
{
margin:0;
padding:0;
font-size: 80.01%;
font-family: 'TildaSans', Arial, sans-serif;
}
form { margin:0; padding:0;}
form.main-form
{
display: block;
margin:0;
padding:0;
width:100%;
height:100%;
}
#page-wrapper
{
min-height:100%;
/*width:878px;*/
margin: 0 auto -90px;
}
* html #page-wrapper { height: 100%; }
#header { height: 106px; position: relative; z-index: 10; width:878px; margin:0 auto;}
#top-menu
{
position: absolute;
top: 46px;
width: 638px;
height: 30px;
right: 0;
}
#top-menu-inner
{
margin-left: 16px;
padding-right: 16px;
height: 30px;
}
#logo
{
width: 235px;
height: 100px;
position:absolute;
left:0;
top:0;
text-align: center;
}
#logo td { padding: 0;}
#logo a { outline: none;}
#top-icons { overflow: hidden; height: 15px; position: absolute; top: 17px; width: 200px; left: 252px; }
#top-icons a
{
float: left;
margin-right: 31px;
}
a.home-icon { width: 12px; height: 11px;}
a.search-icon { width: 12px; height: 12px;}
a.feedback-icon { width: 14px; height: 10px;}
#banner { margin:0 auto; width:878px; height: 153px; position: relative; }
#banner-layout { height: 142px; table-layout: fixed; }
#banner-overlay { height: 153px; position: absolute; width:437px; left:0; top: 0;}
#banner-image { padding:0; width: 437px; vertical-align: top;}
#banner-image div { width: 437px; height: 142px; overflow: hidden;}
#banner-slogan
{
padding:0;
width: 441px;
font-family: Arial;
font-style: italic;
font-size: 2em;
font-weight: bold;
padding:10px 0 32px;
}
#content { width:100%; overflow: hidden; padding-bottom: 35px;}
#sidebar { width: 233px; float: left; }
#workarea {
width: 1640px;
margin: 0 auto;
}
#footer
{
background: #F5F5F5 url(../../../../../templates/furniture_dark-blue/images/footer-corner.gif) no-repeat left top;
height: 90px;
width:878px;
margin:0 auto;
position: relative;
}
#copyright { width: 49%; position: absolute; top: 20px; left: 25px;}
#copyright p { margin: 0;}
.footer-links { width:50%; position:absolute; right:25px; top: 20px; }
#footer-links { margin:0; padding:0; list-style: none; text-align: right;}
#footer-links li { display: inline; padding-left:1.5em;}
#space-for-footer { height: 90px; }
#footer-design { width:300px; position:absolute; right:25px; top: 52px; text-align: right;}
#footer-design a{color:#757575; font-size:11px; text-decoration:none;}
#footer-design a:hover{text-decoration:underline;}
div.content-block { margin-bottom: 24px; }
div.content-block-inner { padding: 22px 18px 22px 21px;}
div.information-block div.top
{
height: 13px;
border-right: 1px solid;
font-size: 1px;
background: #FFF url(../../../../../templates/furniture_dark-blue/images/sidebar-corners-form.gif) no-repeat left top;
}
div.information-block div.bottom
{
height: 13px;
border-left: 1px solid;
font-size: 1px;
background: #FFF url(../../../../../templates/furniture_dark-blue/images/sidebar-corners-form.gif) no-repeat right bottom;
}
div.information-block-inner
{
border-left: 1px solid;
border-right: 1px solid;
padding: 9px 18px 9px 21px;
zoom: 1;
}
div.information-block div.top, div.information-block div.bottom, div.information-block-inner { border-color: #E3E3E3; }
#search { width:190px; overflow: hidden;}
#search div.rounded-box { float: left; width:135px;}
#search div.search-inner-box
{
border: 1px solid;
padding-left: 20px;
height: 20px;
overflow:hidden;
background: white url(../../../../../templates/furniture_dark-blue/images/loupe.gif) no-repeat 4px 4px;
}
#search div.search-inner-box input
{
border:1px solid;
width: 110px;
height: 18px;
padding:0;
margin:0;
}
#search input { vertical-align: top;}
#search-button { float: right; width:48px; border: 1px solid;}
#search-button input::-moz-focus-inner { border: 0; padding: 0; }/*Remove button padding in FF*/
#search-button input
{
display: block;
border: none;
background: none;
width:48px;
padding:0;
margin:0;
font-family: Georgia, serif;
font-size: 12px;
height: 19px;
cursor: pointer;
cursor: hand;
outline: none;
}
div.search-item h4 { margin-bottom: 0.4em;}
dl.block-list { margin: 0; padding:0; font-size: 0.85em;}
dl.block-list dt { margin: 1.5em 0 0.5em; }
dl.block-list dd { margin:0; padding:0;}
dl.block-list a { text-decoration: none; outline: none;}
dl.block-list a:hover { text-decoration: underline;}
#sidebar h3
{
font-family: Verdana;
font-size: 1em;
font-weight: bold;
padding: 0 0 1em;
margin: 0 0 1em;
}
#left-menu
{
margin:0;
padding:0;
list-style: none;
}
#left-menu li
{
margin:0 0 0.7em;
padding: 0 0 0.7em;
display: block;
}
#left-menu a
{
text-decoration: none;
font-size: 1em;
font-weight: bold;
padding: 1em 1em 1em 0;
outline: none;
}
#left-menu li.last-item { background: none; margin-bottom: 0; padding-bottom: 0;}
#left-menu li.selected a { padding-left: 1em; }
#left-menu li.selected { text-indent: -1em; padding-left:1em;}
/* Navigation */
div.navigation { font-size:100%; line-height:200%; }
span.navigation-title { padding-right:0.65em; font-weight: bold;}
div.navigation a { text-decoration:underline; padding:0.2em 0.3em;}
span.nav-current-page { padding:0.2em 0.3em; }
div.navigation span.arrow { font-size:100%; font-family:Times, serif; }
div.navigation span.ctrl { font-size:85%; }
/* Product List */
div.product-list { overflow: hidden; }
div.product
{
overflow: hidden;
width: 280px;
height: 105px;
margin: 0 25px 20px 0;
position: relative;
float: left;
}
div.product-alt { margin-right: 0;}
div.product-image
{
width: 250px;
height: 105px;
background-repeat: no-repeat;
background-position: left top;
position: absolute;
top:0;
left: 0;
}
div.product-overlay
{
width: 280px;
height: 105px;
position: absolute;
z-index: 1;
}
a.product-desc
{
float:right;
height:62px;
overflow:hidden;
position:absolute;
right:0;
top:0px;
width:142px;
z-index:2;
font-size: 1em;
text-decoration: none;
padding:13px 10px 30px 129px;
}
a.product-desc p { font-size: 0.85em; margin:7px 0 0;}
/* News List */
div.news-list { margin: 0 0 2em;}
div.news-item { margin: 0 0 2em; padding: 0 0 2em; border-bottom: 1px solid; }
div.news-date { margin: 0 0 1em;}
div.news-title { font-size: 1em; margin: 0 0 1em; font-weight: bold;}
a.news-detail-link { display: block; margin: 1em 0 0; outline: none;}
/* Catalog List */
div.catalog-list, div.catalog-detail { padding: 1em 0 0;}
div.catalog-item { margin: 0 0 2em; padding: 0 0 2em; border-bottom: 1px solid; overflow: hidden; zoom: 1;}
div.catalog-detail div.catalog-item { border: none; }
div.catalog-item-title { margin: 0 0 1em;}
div.catalog-item-title a { font-weight: bold; }
div.catalog-item-image { float: left; margin: 0 1em 1em 0; border:1px solid; padding: 4px; }
div.catalog-item-price {clear: left; float:left; padding: 0.5em 1em; margin:1em 0 0; font-weight: bold; }
div.catalog-item-desc { clear: left; }
div.catalog-item-desc-float { }
div.catalog-item-properties { clear: both; padding: 1em 0 0; overflow: hidden;}
div.catalog-item-property { margin: 0 0 1em; border-bottom:1px dashed; float: left; width: 100%;}
div.catalog-item-property b { float: right; position: relative; top: 0.31em; padding-left: 3px; font-style:italic; font-weight:normal; }
div.catalog-item-property span { float: left; position: relative; top: 0.31em; padding-right: 3px; zoom: 1;}
div.catalog-item-properties-title { font-size: 1em; font-weight: bold; margin: 2em 0 1em; }
/* Special Product */
div.special-product-title { text-align: center; margin: 0 0 1em;}
div.special-product-image { text-align: center; margin: 0 0 1em;}
div.special-product { text-align: center; }
/* Top menu */
#horizontal-multilevel-menu, #horizontal-multilevel-menu ul
{
margin:0; padding:0;
min-height:27px;
width:100%;
list-style:none;
font-size:12px;
float:left;
background: none;
}
#horizontal-multilevel-menu a
{
display:block;
padding:5px 3px;
text-decoration:none;
text-align:center;
outline: none;
}
#horizontal-multilevel-menu li { float:left; }
#horizontal-multilevel-menu li a.root-item { font-weight:bold; padding:8px 12px 8px; } /*Root items*/
#horizontal-multilevel-menu a.parent { background: url(../../../../../templates/furniture_dark-blue/images/top-menu-arrow.gif) center right no-repeat; } /*Item-parents*/
#horizontal-multilevel-menu li a.root-item-selected { font-weight:bold; padding:8px 12px 8px; } /*Root menu selected*/
#horizontal-multilevel-menu li.last-item { border: none; }
/*Sub-menu box*/
#horizontal-multilevel-menu li ul
{
position:absolute;
top:auto;
display:none;
z-index:500;
height:auto;
width:163px;
padding: 3px 11px;
border:1px solid;
}
#horizontal-multilevel-menu li li { width:100%; border-bottom:1px solid; } /*Sub-menu item box*/
#horizontal-multilevel-menu li ul a { text-align:left; font-size: 12px;} /*Item link*/
#horizontal-multilevel-menu li ul ul { margin:-27px 0 0 160px; }
#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul
{
display:none;
}
#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li li:hover ul
{
display:block;
}
div.menu-clear-left { clear:left; }
/*Common Elements */
div.content-form { padding-left:1em; }
/* End */
/* /bitrix/templates/furniture_dark-blue/components/bitrix/menu/catalog_horizontal/style.css?174730799912191 */
/* /bitrix/templates/furniture_dark-blue/components/bitrix/form.result.new/template1/style.css?1747307999666 */
/* /bitrix/templates/furniture_dark-blue/styles.css?1748261923151452 */
/* /bitrix/templates/furniture_dark-blue/template_styles.css?17473079999297 */