/*
Theme Name: Pixelmedia Theme
Theme URI: https://www.pixelmedia.gr/
Author: Manos Christopoulos
Author URI: https://www.pixelmedia.gr/
Description: The theme of pixelmedia websites
Version: 1
License: GNU General Public License v2 or later
Text Domain: pixelmediatheme
*/
/*
css reset
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input,label,select,button,textarea{margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background:none;line-height:1;font-size:13px; font-family:"Inter", sans-serif;}input:focus{outline:0}input,textarea{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}button,input[type=reset],input[type=button],input[type=submit],input[type=checkbox],input[type=radio],select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{width:13px;height:13px}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}button,input[type="reset"],input[type="button"],input[type="submit"]{overflow:visible;width:auto}::-webkit-file-upload-button{padding:0;border:0;background:none}textarea{vertical-align:top;overflow:auto}select[multiple]{vertical-align:top}
/* Self-hosted Inter Variable font */
@font-face {
font-family: 'Inter';
src: url('fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
font-weight: 100 900; /* variable range */
font-stretch: 75% 125%; /* optional: Inter supports width axis */
font-display: swap; /* prevents render-blocking */
}
@font-face {
font-family: 'Manrope';
src: url('fonts/Manrope-VariableFont_wght.ttf') format('truetype');
font-weight: 100 900; /* variable range */
font-stretch: 75% 125%; /* optional: Inter supports width axis */
font-display: swap; /* prevents render-blocking */
}
#nav-icon1,
#nav-icon2,
#nav-icon3,
#nav-icon4 {
width: 30px;
height: 20px;
position:relative;
margin:0;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:.25s ease-in-out;
-moz-transition:.25s ease-in-out;
-o-transition:.25s ease-in-out;
transition:.25s ease-in-out;
cursor:pointer;
display:none
}
#nav-icon1 span,
#nav-icon3 span,
#nav-icon4 span {
display:block;
position:absolute;
height: 2px;
width:100%;
background: #5D3D74;
opacity:1;
right: 0;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:.25s ease-in-out;
-moz-transition:.25s ease-in-out;
-o-transition:.25s ease-in-out;
transition:.25s ease-in-out;
border-radius:10px
}
#nav-icon3 span:nth-child(1) {
top:0;
}
#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
top: 9px;
}
#nav-icon3 span:nth-child(4) {
top: 18px;
width: 56%;
}
.open_respmenu #nav-icon3 span:nth-child(1) {
top:18px;
width:0%;
right:50%
}
.open_respmenu #nav-icon3 span:nth-child(2) {
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
width: 90%;
}
.open_respmenu #nav-icon3 span:nth-child(3) {
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
width: 90%;
}
.open_respmenu #nav-icon3 span:nth-child(4) {
top:18px;
width:0%;
right:50%
}
body, html {
height: 100%;
}
body {
font-family: 'Manrope', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
background: #fff;
color: #1B1F24;
position: relative;
line-height: 1;
text-align: center;
margin: 0;
padding: 118px 0 0 0;
min-width: 100%;
overflow-x: hidden;
font-size: 18px;
}
body:before {
content: '';
position: absolute;
left: -420px;
top: 0px;
width: 1400px;
height: 1400px;
border-radius: 50%;
z-index: 0;
background: linear-gradient(0deg, rgba(242, 103, 36, 1) 0%, rgba(93, 61, 116, 1) 100%);
filter: url(#blur);
opacity: 0.3;
}
.screen-reader-text, .screen-reader-response, .svg_gra {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.pad_cont {
width: 100%;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 1480px;
padding: 0 20px;
display: flex;
justify-content: center;
flex-direction: column;
z-index: 1;
position: relative;
}
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
.bodyios {
cursor: pointer
}
header, main, footer {
z-index: 1;
position: relative;
}
header {
z-index: 2;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 118px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #ffffff00;
-webkit-transition:.25s ease-in-out;
-moz-transition:.25s ease-in-out;
-o-transition:.25s ease-in-out;
transition:.25s ease-in-out;
display: flex;
align-items: center;
}
header.has_scrolled {
height: auto;
background: #fff;
padding: 0;
}
img {
display: block;
}
.header_grid {
float: left;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 40px;
align-items: center;
position: relative;
padding: 0;
}
.header_menu {
float: left;
width: 100%;
display: flex;
flex-direction: row;
gap: 60px;
padding: 50px 0 0 0;
-webkit-transition:.25s ease-in-out;
-moz-transition:.25s ease-in-out;
-o-transition:.25s ease-in-out;
transition:.25s ease-in-out;
}
.has_scrolled .header_menu {
padding: 14px 0 0 0;
}
.header_right {
display: flex;
flex-direction: row;
align-items: center;
gap: 60px;
}
.lang_sw {
position:relative;
/* padding: 0 0 50px 0; */
}
.lang_sw li {
display:none;
border: 1px solid #1B1F24;
border-radius:8px;
overflow:hidden
}
.lang_sw.lang_open li {
display:block;
position:absolute;
left:0;
top:34px;
z-index:9999999;
background: #fff;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lang_sw.lang_open li+li+li {
top: 66px;
}
.lang_sw li.lang-item-en a {/* background-image: url('data:image/svg+xml,'); */line-height:18px;height:18px;background-repeat:no-repeat;background-position:8px center;padding: 6px 24px 6px 12px;position:relative;background-size:18px;display:block}
.lang_sw li.lang-item-el a {
/* background-image:url('data:image/svg+xml,'); */
/* line-height:18px; */
/* height:18px; */
/* background-repeat:no-repeat; */
/* background-position:8px center; */
/* padding: 6px 24px 6px 12px; */
/* position:relative; */
/* background-size:18px; */
/* display:block; */
}
.lang_sw li a:hover {
background-color:#f26724;
color:#fff
}
.lang_sw li.current-lang a:after {
content:'';
background-image:url('data:image/svg+xml,');
display:block;
height:7px;
width:13px;
background-size:contain;
background-repeat:no-repeat;
background-position:center;
position:absolute;
top:50%;
right:8px;
margin:-2px 0 0 0
}
.lang_sw.lang_open li.current-lang a:after {
background-image:url('data:image/svg+xml,')
}
.lang_sw.lang_open li.current-lang a:hover:after {
background-image:url('data:image/svg+xml,')
}
.lang_sw li a:hover:after {
background-image:url('data:image/svg+xml,')
}
.lang_sw li.current-lang {
display:flex;
position:static
}
.lang_sw a {
color: #1B1F24;
text-decoration: none;
}
.lang_sw.lang_open li a {
padding: 6px 12px 6px 12px!important;
line-height: 18px;
height: 18px;
background-repeat: no-repeat;
background-position: 8px center;
position: relative;
background-size: 18px;
display: block;
}
.lang_sw.lang_open li.current-lang a {
padding: 6px 24px 6px 12px!important;
}
.logo img {
-webkit-transition:.25s ease-in-out;
-moz-transition:.25s ease-in-out;
-o-transition:.25s ease-in-out;
transition:.25s ease-in-out;
width: 260px;
height: auto;
}
.has_scrolled .logo img {
width: 190px;
height: auto;
}
.sub_cont {
display: none;
position: absolute;
right: 0;
background: #EFECF2;
width: 70%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px;
border-radius: 28px;
top: 80%;
text-align: left;
line-height: 1.3;
}
.has_scrolled .sub_cont {
border-radius: 0 0 28px 28px;
}
.header_menu > li > a {
color: #1B1F24;
text-decoration: none;
display: block;
}
.sub-menu a {
color: #1B1F24;
text-decoration: none;
}
.menu-item-has-children > a {
padding: 0 0 50px 0;
-webkit-transition:.25s ease-in-out;
-moz-transition:.25s ease-in-out;
-o-transition:.25s ease-in-out;
transition:.25s ease-in-out;
}
.has_scrolled .menu-item-has-children > a {
padding: 0 0 14px 0;
}
.menu-item-has-children:hover .sub_cont {
display: grid;
grid-template-columns: 1fr 320px;
}
.submenu-toggle {
background-image:url('data:image/svg+xml,');
line-height: 14px;
height: 14px;
width: 14px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
display: block;
}
.header_menu > li.menu-item-has-children > a {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}
.sub-menu {
display: flex;
flex-direction: column;
gap: 22px;
}
.sub_cont:after {
content: '';
display: flex;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
border-radius: 20px;
}
.sub_cont.localisation_img:after {
background-image: url(images/localisation.jpg);
}
.sub_cont.software_img:after {
background-image: url(images/Software-localisation.jpg);
}
.sub_cont.terminology_img:after {
background-image: url(images/Terminology-management.jpg);
}
.sub_cont.interpretation_img:after {
background-image: url(images/interpretation.jpg);
}
.sub_cont.subtitling_img:after {
background-image: url(images/subtitling-1536x1023.jpg);
}
.sub_cont.project_managment_img:after {
background-image: url(images/Project-management-03.jpg);
}
.home_main {
display: flex;
flex-direction: column;
gap: 80px;
}
.section_transp {
float: left;
width: 100%;
}
.section_white {
background: #fff;
}
.hero_cont {
background: #FCF4EB;
float: left;
width: 100%;
border-radius: 28px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
text-align: left;
align-items: center;
overflow: hidden;
}
/***************************************************
* Generated by SVG Artista on 9/9/2025, 11:24:08 PM
* MIT license (https://opensource.org/licenses/MIT)
* W. https://svgartista.net
**************************************************/
@-webkit-keyframes animate-svg-stroke-1 {
0% {
stroke-dashoffset: 900.0430297851562px;
stroke-dasharray: 900.0430297851562px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 900.0430297851562px;
}
}
@keyframes animate-svg-stroke-1 {
0% {
stroke-dashoffset: 900.0430297851562px;
stroke-dasharray: 900.0430297851562px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 900.0430297851562px;
}
}
@-webkit-keyframes animate-svg-fill-1 {
0% {
fill: transparent;
}
100% {
fill: rgb(248, 187, 155);
}
}
@keyframes animate-svg-fill-1 {
0% {
fill: transparent;
}
100% {
fill: rgb(248, 187, 155);
}
}
.svg-elem-1 {
-webkit-animation: animate-svg-stroke-1 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.35s both,
animate-svg-fill-1 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
animation: animate-svg-stroke-1 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.35s both,
animate-svg-fill-1 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}
@-webkit-keyframes animate-svg-stroke-2 {
0% {
stroke-dashoffset: 542.6446533203125px;
stroke-dasharray: 542.6446533203125px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 542.6446533203125px;
}
}
@keyframes animate-svg-stroke-2 {
0% {
stroke-dashoffset: 542.6446533203125px;
stroke-dasharray: 542.6446533203125px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 542.6446533203125px;
}
}
@-webkit-keyframes animate-svg-fill-2 {
0% {
fill: transparent;
}
100% {
fill: rgb(242, 103, 36);
}
}
@keyframes animate-svg-fill-2 {
0% {
fill: transparent;
}
100% {
fill: rgb(242, 103, 36);
}
}
.svg-elem-2 {
-webkit-animation: animate-svg-stroke-2 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.47s both,
animate-svg-fill-2 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9500000000000001s both;
animation: animate-svg-stroke-2 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.47s both,
animate-svg-fill-2 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9500000000000001s both;
}
@-webkit-keyframes animate-svg-stroke-3 {
0% {
stroke-dashoffset: 192.2538604736328px;
stroke-dasharray: 192.2538604736328px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 192.2538604736328px;
}
}
@keyframes animate-svg-stroke-3 {
0% {
stroke-dashoffset: 192.2538604736328px;
stroke-dasharray: 192.2538604736328px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 192.2538604736328px;
}
}
@-webkit-keyframes animate-svg-fill-3 {
0% {
fill: transparent;
}
100% {
fill: rgb(242, 103, 36);
}
}
@keyframes animate-svg-fill-3 {
0% {
fill: transparent;
}
100% {
fill: rgb(242, 103, 36);
}
}
.svg-elem-3 {
-webkit-animation: animate-svg-stroke-3 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.59s both,
animate-svg-fill-3 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
animation: animate-svg-stroke-3 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.59s both,
animate-svg-fill-3 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}
@-webkit-keyframes animate-svg-stroke-4 {
0% {
stroke-dashoffset: 372.378173828125px;
stroke-dasharray: 372.378173828125px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 372.378173828125px;
}
}
@keyframes animate-svg-stroke-4 {
0% {
stroke-dashoffset: 372.378173828125px;
stroke-dasharray: 372.378173828125px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 372.378173828125px;
}
}
@-webkit-keyframes animate-svg-fill-4 {
0% {
fill: transparent;
}
100% {
fill: rgb(93, 61, 116);
}
}
@keyframes animate-svg-fill-4 {
0% {
fill: transparent;
}
100% {
fill: rgb(93, 61, 116);
}
}
.svg-elem-4 {
-webkit-animation: animate-svg-stroke-4 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.71s both,
animate-svg-fill-4 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.25s both;
animation: animate-svg-stroke-4 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.71s both,
animate-svg-fill-4 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.25s both;
}
@-webkit-keyframes animate-svg-stroke-5 {
0% {
stroke-dashoffset: 111.46040344238281px;
stroke-dasharray: 111.46040344238281px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 111.46040344238281px;
}
}
@keyframes animate-svg-stroke-5 {
0% {
stroke-dashoffset: 111.46040344238281px;
stroke-dasharray: 111.46040344238281px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 111.46040344238281px;
}
}
@-webkit-keyframes animate-svg-fill-5 {
0% {
fill: transparent;
}
100% {
fill: rgb(242, 103, 36);
}
}
@keyframes animate-svg-fill-5 {
0% {
fill: transparent;
}
100% {
fill: rgb(242, 103, 36);
}
}
.svg-elem-5 {
-webkit-animation: animate-svg-stroke-5 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.83s both,
animate-svg-fill-5 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
animation: animate-svg-stroke-5 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.83s both,
animate-svg-fill-5 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
}
@-webkit-keyframes animate-svg-stroke-6 {
0% {
stroke-dashoffset: 2735.4521484375px;
stroke-dasharray: 2735.4521484375px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 2735.4521484375px;
}
}
@keyframes animate-svg-stroke-6 {
0% {
stroke-dashoffset: 2735.4521484375px;
stroke-dasharray: 2735.4521484375px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 2735.4521484375px;
}
}
.svg-elem-6 {
-webkit-animation: animate-svg-stroke-6 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.95s both,
animate-svg-fill-6 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.55s both;
animation: animate-svg-stroke-6 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.95s both,
animate-svg-fill-6 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.55s both;
}
@-webkit-keyframes animate-svg-stroke-7 {
0% {
stroke-dashoffset: 985.9022216796875px;
stroke-dasharray: 985.9022216796875px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 985.9022216796875px;
}
}
@keyframes animate-svg-stroke-7 {
0% {
stroke-dashoffset: 985.9022216796875px;
stroke-dasharray: 985.9022216796875px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 985.9022216796875px;
}
}
.svg-elem-7 {
-webkit-animation: animate-svg-stroke-7 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.0699999999999998s both,
animate-svg-fill-7 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s both;
animation: animate-svg-stroke-7 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.0699999999999998s both,
animate-svg-fill-7 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s both;
}
@-webkit-keyframes animate-svg-stroke-8 {
0% {
stroke-dashoffset: 156.74600219726562px;
stroke-dasharray: 156.74600219726562px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 156.74600219726562px;
}
}
@keyframes animate-svg-stroke-8 {
0% {
stroke-dashoffset: 156.74600219726562px;
stroke-dasharray: 156.74600219726562px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 156.74600219726562px;
}
}
@-webkit-keyframes animate-svg-fill-8 {
0% {
fill: transparent;
}
100% {
fill: rgb(93, 61, 116);
}
}
@keyframes animate-svg-fill-8 {
0% {
fill: transparent;
}
100% {
fill: rgb(93, 61, 116);
}
}
.svg-elem-8 {
-webkit-animation: animate-svg-stroke-8 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.19s both,
animate-svg-fill-8 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.85s both;
animation: animate-svg-stroke-8 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.19s both,
animate-svg-fill-8 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.85s both;
}
@-webkit-keyframes animate-svg-stroke-9 {
0% {
stroke-dashoffset: 131.12522888183594px;
stroke-dasharray: 131.12522888183594px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 131.12522888183594px;
}
}
@keyframes animate-svg-stroke-9 {
0% {
stroke-dashoffset: 131.12522888183594px;
stroke-dasharray: 131.12522888183594px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 131.12522888183594px;
}
}
@-webkit-keyframes animate-svg-fill-9 {
0% {
fill: transparent;
}
100% {
fill: rgb(93, 61, 116);
}
}
@keyframes animate-svg-fill-9 {
0% {
fill: transparent;
}
100% {
fill: rgb(93, 61, 116);
}
}
.svg-elem-9 {
-webkit-animation: animate-svg-stroke-9 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.31s both,
animate-svg-fill-9 2s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
animation: animate-svg-stroke-9 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.31s both,
animate-svg-fill-9 2s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}
@-webkit-keyframes animate-svg-stroke-10 {
0% {
stroke-dashoffset: 122.12982940673828px;
stroke-dasharray: 122.12982940673828px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 122.12982940673828px;
}
}
@keyframes animate-svg-stroke-10 {
0% {
stroke-dashoffset: 122.12982940673828px;
stroke-dasharray: 122.12982940673828px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 122.12982940673828px;
}
}
@-webkit-keyframes animate-svg-fill-10 {
0% {
fill: transparent;
}
100% {
fill: rgb(242, 103, 36);
}
}
@keyframes animate-svg-fill-10 {
0% {
fill: transparent;
}
100% {
fill: rgb(242, 103, 36);
}
}
.svg-elem-10 {
-webkit-animation: animate-svg-stroke-10 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4300000000000002s both,
animate-svg-fill-10 2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.15s both;
animation: animate-svg-stroke-10 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4300000000000002s both,
animate-svg-fill-10 2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.15s both;
}
@-webkit-keyframes animate-svg-stroke-11 {
0% {
stroke-dashoffset: 112.01492309570312px;
stroke-dasharray: 112.01492309570312px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 112.01492309570312px;
}
}
@keyframes animate-svg-stroke-11 {
0% {
stroke-dashoffset: 112.01492309570312px;
stroke-dasharray: 112.01492309570312px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 112.01492309570312px;
}
}
@-webkit-keyframes animate-svg-fill-11 {
0% {
fill: transparent;
}
100% {
fill: rgb(242, 103, 36);
}
}
@keyframes animate-svg-fill-11 {
0% {
fill: transparent;
}
100% {
fill: rgb(242, 103, 36);
}
}
.svg-elem-11 {
-webkit-animation: animate-svg-stroke-11 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5499999999999998s both,
animate-svg-fill-11 2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
animation: animate-svg-stroke-11 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5499999999999998s both,
animate-svg-fill-11 2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}
@-webkit-keyframes animate-svg-stroke-12 {
0% {
stroke-dashoffset: 171.2171173095703px;
stroke-dasharray: 171.2171173095703px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 171.2171173095703px;
}
}
@keyframes animate-svg-stroke-12 {
0% {
stroke-dashoffset: 171.2171173095703px;
stroke-dasharray: 171.2171173095703px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 171.2171173095703px;
}
}
@-webkit-keyframes animate-svg-fill-12 {
0% {
fill: transparent;
}
100% {
fill: rgb(93, 61, 116);
}
}
@keyframes animate-svg-fill-12 {
0% {
fill: transparent;
}
100% {
fill: rgb(93, 61, 116);
}
}
.svg-elem-12 {
-webkit-animation: animate-svg-stroke-12 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.67s both,
animate-svg-fill-12 2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.45s both;
animation: animate-svg-stroke-12 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.67s both,
animate-svg-fill-12 2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.45s both;
}
@-webkit-keyframes animate-svg-stroke-13 {
0% {
stroke-dashoffset: 441.9123840332031px;
stroke-dasharray: 441.9123840332031px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 441.9123840332031px;
}
}
@keyframes animate-svg-stroke-13 {
0% {
stroke-dashoffset: 441.9123840332031px;
stroke-dasharray: 441.9123840332031px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 441.9123840332031px;
}
}
@-webkit-keyframes animate-svg-fill-13 {
0% {
fill: transparent;
}
100% {
fill: rgb(93, 61, 116);
}
}
@keyframes animate-svg-fill-13 {
0% {
fill: transparent;
}
100% {
fill: rgb(93, 61, 116);
}
}
.svg-elem-13 {
-webkit-animation: animate-svg-stroke-13 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.79s both,
animate-svg-fill-13 2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5999999999999996s both;
animation: animate-svg-stroke-13 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.79s both,
animate-svg-fill-13 2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5999999999999996s both;
}
@-webkit-keyframes animate-svg-stroke-14 {
0% {
stroke-dashoffset: 485.9071044921875px;
stroke-dasharray: 485.9071044921875px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 485.9071044921875px;
}
}
@keyframes animate-svg-stroke-14 {
0% {
stroke-dashoffset: 485.9071044921875px;
stroke-dasharray: 485.9071044921875px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 485.9071044921875px;
}
}
@-webkit-keyframes animate-svg-fill-14 {
0% {
fill: transparent;
}
100% {
fill: rgb(242, 103, 36);
}
}
@keyframes animate-svg-fill-14 {
0% {
fill: transparent;
}
100% {
fill: rgb(242, 103, 36);
}
}
.svg-elem-14 {
-webkit-animation: animate-svg-stroke-14 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9100000000000001s both,
animate-svg-fill-14 2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.75s both;
animation: animate-svg-stroke-14 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9100000000000001s both,
animate-svg-fill-14 2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.75s both;
}
@-webkit-keyframes animate-svg-stroke-15 {
0% {
stroke-dashoffset: 180.98193359375px;
stroke-dasharray: 180.98193359375px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 180.98193359375px;
}
}
@keyframes animate-svg-stroke-15 {
0% {
stroke-dashoffset: 180.98193359375px;
stroke-dasharray: 180.98193359375px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 180.98193359375px;
}
}
@-webkit-keyframes animate-svg-fill-15 {
0% {
fill: transparent;
}
100% {
fill: rgb(242, 103, 36);
}
}
@keyframes animate-svg-fill-15 {
0% {
fill: transparent;
}
100% {
fill: rgb(242, 103, 36);
}
}
.svg-elem-15 {
-webkit-animation: animate-svg-stroke-15 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.03s both,
animate-svg-fill-15 2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
animation: animate-svg-stroke-15 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.03s both,
animate-svg-fill-15 2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
}
@-webkit-keyframes animate-svg-stroke-16 {
0% {
stroke-dashoffset: 148.16671752929688px;
stroke-dasharray: 148.16671752929688px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 148.16671752929688px;
}
}
@keyframes animate-svg-stroke-16 {
0% {
stroke-dashoffset: 148.16671752929688px;
stroke-dasharray: 148.16671752929688px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 148.16671752929688px;
}
}
@-webkit-keyframes animate-svg-fill-16 {
0% {
fill: transparent;
}
100% {
fill: rgb(242, 103, 36);
}
}
@keyframes animate-svg-fill-16 {
0% {
fill: transparent;
}
100% {
fill: rgb(242, 103, 36);
}
}
.svg-elem-16 {
-webkit-animation: animate-svg-stroke-16 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.15s both,
animate-svg-fill-16 2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.05s both;
animation: animate-svg-stroke-16 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.15s both,
animate-svg-fill-16 2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.05s both;
}
@-webkit-keyframes animate-svg-stroke-17 {
0% {
stroke-dashoffset: 130.3878631591797px;
stroke-dasharray: 130.3878631591797px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 130.3878631591797px;
}
}
@keyframes animate-svg-stroke-17 {
0% {
stroke-dashoffset: 130.3878631591797px;
stroke-dasharray: 130.3878631591797px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 130.3878631591797px;
}
}
@-webkit-keyframes animate-svg-fill-17 {
0% {
fill: transparent;
}
100% {
fill: rgb(93, 61, 116);
}
}
@keyframes animate-svg-fill-17 {
0% {
fill: transparent;
}
100% {
fill: rgb(93, 61, 116);
}
}
.svg-elem-17 {
-webkit-animation: animate-svg-stroke-17 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.27s both,
animate-svg-fill-17 2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
animation: animate-svg-stroke-17 3.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.27s both,
animate-svg-fill-17 2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
}
.btn_arrow a {
display: inline-flex;
align-items: center;
gap: 14px;
text-decoration: none;
color: #1B1F24;
-webkit-transition:0.2s ease-out;
-moz-transition:0.2s ease-out;
-o-transition:0.2s ease-out;
transition:0.2s ease-out;
white-space: nowrap;
}
.btn_arrow a:after, .Translate5 a:after {
content: '';
background-image: url('data:image/svg+xml,');
width: 40px;
height: 40px;
display: block;
background-color: #5D3D74;
border-radius: 50%;
background-size: 18px;
background-repeat: no-repeat;
background-position: center;
-webkit-transition:0.2s ease-out;
-moz-transition:0.2s ease-out;
-o-transition:0.2s ease-out;
transition:0.2s ease-out;
}
.btn_arrow a:hover, .flex_col_content .btn_arrow a {
color: #f26724;
text-decoration: none;
}
.btn_arrow a:hover:after {
rotate: 45deg;
background-color: #f26724;
}
.hero_cont svg {
width: 100%;
height: auto;
}
.align_left {
text-align: left;
}
.home_services {
text-align: left;
gap: 60px 20px;
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(3, 1fr);
}
.home_services p {
}
.home_services a {
color: #1B1F24;
text-decoration: none;
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
}
.home_services a:before {
content: '';
display: block;
width: 64px;
height: 64px;
background-repeat: no-repeat;
background-size: contain;
background-position: left center;
}
.btn_Localisation a:before {
background-image: url('data:image/svg+xml,');
}
.btn_Localisation a:hover:before {
background-image: url('data:image/svg+xml,');
}
.btn_Interpretation a:before {
background-image: url('data:image/svg+xml,');
}
.btn_Interpretation a:hover:before {
background-image: url('data:image/svg+xml,');
}
.btn_Subtitling a:before {
background-image: url('data:image/svg+xml,');
}
.btn_Subtitling a:hover:before {
background-image: url('data:image/svg+xml,');
}
.btn_Terminology a:before {
background-image: url('data:image/svg+xml,');
}
.btn_Terminology a:hover:before {
background-image: url('data:image/svg+xml,');
}
.btn_Management a:before {
background-image: url('data:image/svg+xml,');
}
.btn_Management a:hover:before {
background-image: url('data:image/svg+xml,');
}
.flex_col_2 {
float: left;
width: 100%;
align-items: center;
gap: 120px;
display: flex;
flex-direction: row;
align-items: center;
}
.flex_col_2.flex_col_2_reverse {
flex-direction: row-reverse;
}
.flex_col_2 figure, .tab_container_flex figure {
overflow: hidden;
position: relative;
flex-basis: 50%;
height: auto;
/* min-height: 500px; */
border-radius: 28px;
}
.tab_container_flex figure {
min-height: 330px;
height: 100%;
}
.flex_col_2 figure a {
/* display: block; */
/* height: 100%; */
/* position: absolute; */
/* left: 0; */
/* top: 0; */
/* width: 100%; */
}
.flex_col_2 figure img, .tab_container_flex figure img {
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
border-radius: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
object-position: center;
}
.tab_container_flex figure img {
position: absolute;
}
.flex_col_2 figure a:hover img {
scale: 1.2;
}
.flex_col_2>* {
flex-basis: 50%;
}
.flex_col_content {
width: 100%;
max-width: 720px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 30px;
text-align: left;
justify-content: center;
}
.section_yellow {
background: #FCF4EB;
padding: 80px 0;
}
.section_white {
background: #fff;
padding: 80px 0;
}
.swiper {
float: left;
width: 100%;
}
.services_cont a {
overflow: hidden;
position: relative;
flex-basis: 50%;
height: auto;
min-height: 440px;
border-radius: 28px;
display: block;
}
.services_cont figure {
display: block;
height: 100%;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.services_cont figure img {
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
border-radius: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
object-position: center;
}
.services_cont a:hover img {
scale: 1.2;
}
.services_cont .flex10 {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
clip-path: polygon(0 0%, 100% 29%, 100% 100%, 0 100%);
padding: 18% 40px 40px 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #5D3D74;
text-align: left;
color: #fff;
}
.services_cont .swiper-slide:nth-child(even) .flex10 , .services_flex:nth-child(even) .flex10 {
background: #F26724;
}
.swiper_home_services_pad {
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 52px;
position: relative;
}
body .swiper-button-prev, body .swiper-button-next {
width: 42px;
height: 42px;
outline: none;
}
body .swiper-button-next {
right: 0;
}
body .swiper-button-prev {
left: 0;
}
body .swiper-button-prev:after {
content: '';
background-image: url('data:image/svg+xml,');
width: 42px;
height: 42px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
body .swiper-button-prev:hover:after {
background-image: url('data:image/svg+xml,');
}
body .swiper-button-next:after {
content: '';
background-image: url('data:image/svg+xml,');
width: 42px;
height: 42px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
body .swiper-button-next:hover:after {
background-image: url('data:image/svg+xml,');
}
.section_gradient1 {
background: #EFECF2;
padding: 80px 0;
position: relative;
overflow: hidden;
}
.section_gradient1.section_gradient1b {
background: #fff;
}
.section_gradient1:before {
content: '';
position: absolute;
right: -420px;
top: 0px;
width: 1400px;
height: 1400px;
border-radius: 50%;
z-index: 0;
background: linear-gradient(0deg, rgba(242, 103, 36, 1) 0%, rgba(93, 61, 116, 1) 100%);
filter: url(#blur);
opacity: 0.2;
}
.pad_half {
width: 100%;
max-width: 100%;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: calc((100% - 1440px) / 2);
}
.swiper_home_clients figure, .clients_grid figure {
overflow: hidden;
position: relative;
height: auto;
border-radius: 28px;
border: 1px solid #1B1F24;
aspect-ratio: 16 / 9;
}
.swiper_home_clients figure, .clients_grid figure {
overflow: hidden;
position: relative;
height: auto;
border-radius: 20px;
border: 1px solid #1B1F24;
aspect-ratio: 16 / 9;
} {
border-radius: 20px;
}
.swiper_home_clients figure a, .clients_grid figure a {
display: block;
height: 100%;
position: absolute;
left: 0;
top: 0;
width: 100%;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: center;
}
.swiper_home_clients figure img, .clients_grid figure img {
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
border-radius: 0;
width: 100%;
height: 60%;
object-fit: contain;
display: block;
object-position: center;
}
.swiper_home_clients figure a:hover img, .clients_grid figure a:hover img {
scale: 0.85;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: linear!important;
}
.swiper.swiper_home_clients {
overflow: visible;
}
.section_purple {
background: #5D3D74;
padding: 40px 0;
color: #fff;
margin: -80px 0 0 0;
}
.section_purple_pages {
background: #5D3D74;
padding: 40px 0;
color: #fff;
}
.lets_work {
display: flex;
flex-direction: row;
text-align: left;
justify-content: space-between;
align-items: flex-end;
gap: 40px;
}
.lets_work .btn_arrow a, .foot_menu a, .foot_det .footer_col a, .foot_det .footer_col a[href^="tel:"], .footer_bottom a {
color: #fff;
text-decoration: none;
}
.lets_work .btn_arrow a:after {
background-image: url('data:image/svg+xml,');
background-color: #fff;
}
.lets_work .btn_arrow a:hover.foot_menu a, .foot_menu a:hover, .foot_det .footer_col a:hover, .foot_det .footer_col a[href^="tel:"]:hover, .footer_bottom a:hover {
color: #f26724;
}
.lets_work .btn_arrow a:hover:after {
background-image: url('data:image/svg+xml,');
background-color: #f26724;
}
.social {
display: flex;
flex-direction: row;
align-items: center;
gap: 34px;
}
.social a {
background-repeat: no-repeat;
background-size: contain;
background-position: center;
display: block;
width: 28px;
height: 28px;
}
.fb {
background-image: url('data:image/svg+xml,')
}
.contact_col .fb {
background-image: url('data:image/svg+xml,')
}
.fb:hover, .contact_col .fb:hover {
background-image: url('data:image/svg+xml,')
}
.instagram {
background-image: url('data:image/svg+xml,')
}
.contact_col .instagram {
background-image: url('data:image/svg+xml,')
}
.instagram:hover, .contact_col .instagram:hover {
background-image: url('data:image/svg+xml,')
}
.linkedin {
background-image: url('data:image/svg+xml,')
}
.contact_col .linkedin {
background-image: url('data:image/svg+xml,')
}
.linkedin:hover, .contact_col .linkedin:hover {
background-image: url('data:image/svg+xml,')
}
.youtube {
background-image: url('data:image/svg+xml,')
}
.youtube:hover {
background-image: url('data:image/svg+xml,')
}
.twitter {
background-image: url('data:image/svg+xml,')
}
.contact_col .twitter {
background-image: url('data:image/svg+xml,')
}
.twitter:hover, .contact_col .twitter:hover {
background-image: url('data:image/svg+xml,')
}
.pinterest {
background-image: url('data:image/svg+xml,')
}
.pinterest:hover {
background-image: url('data:image/svg+xml,')
}
.section_gradient2 {
background: #1B1F24;
padding: 80px 0 30px 0;
position: relative;
overflow: hidden;
}
.section_gradient2:before {
content: '';
position: absolute;
right: -420px;
top: 0px;
width: 1400px;
height: 1400px;
border-radius: 50%;
z-index: 0;
background: linear-gradient(0deg, rgba(242, 103, 36, 1) 0%, rgba(93, 61, 116, 1) 100%);
filter: url(#blur);
opacity: 0.2;
}
.footer_top {
float: left;
width: 100%;
display: flex;
justify-content: space-between;
text-align: left;
}
.foot_menu {
float: left;
width: 100%;
display: flex;
gap: 80px;
justify-content: space-between;
}
.line {
float: left;
width: 100%;
height: 1px;
background: #F26724;
}
.foot_det {
float: left;
width: 100%;
display: flex;
justify-content: space-between;
text-align: left;
gap: 40px;
}
.foot_det .footer_col {
max-width: 230px;
display: flex;
flex-direction: column;
gap: 12px;
}
.foot_det .footer_col a {
line-height: 1.6;
font-family: 'Inter';
display: block;
}
.orange {
color: #F26724;
}
.footer_bottom {
float: left;
width: 100%;
display: flex;
gap: 20px;
justify-content: space-between;
color: #fff;
font-family: 'Inter';
font-size: 12px;
text-align: left;
line-height: 1.5;
}
.terms_menu {
display: inline-flex;
gap: 20px;
}
.footer_mobile {
display: none;
}
.hero_cont.hero_cont_pages {
padding: 0px 0 0 40px;
min-height: 398px;
}
.hero_cont.hero_cont_pages figure {
clip-path: polygon(0 0, 100% 0, 100% 100%, 24% 100%);
overflow: hidden;
position: relative;
height: auto;
min-height: 100%;
}
.hero_cont.hero_cont_pages figure img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
object-position: center;
position: absolute;
}
.clients_grid {
display: inline-grid;
width: 100%;
max-width: 1200px;
margin: 0 auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
gap: 20px;
}
.swiper_testimonials .swiper-slide {
text-align: left;
color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 30px;
border-radius: 28px;
display: flex;
flex-direction: column;
gap: 40px;
line-height: 1.4;
height: auto;
align-items: flex-start;
}
.testimonials_content {
position: relative;
}
.swiper_testimonials .swiper-slide:nth-child(3n + 1) {
background: #5D3D74;
}
.swiper_testimonials .swiper-slide:nth-child(3n + 1) .testimonials_content.has_readmore:after {
content: '';
background: linear-gradient(0deg,rgba(93, 61, 116, 1) 0%, rgba(93, 61, 116, 0) 100%);
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 30px;
}
.swiper_testimonials .swiper-slide:nth-child(3n + 2) {
background: #F26724;
}
.swiper_testimonials .swiper-slide:nth-child(3n + 2) .testimonials_content.has_readmore:after {
content: '';
background: linear-gradient(0deg,rgba(242, 103, 36, 1) 0%, rgba(242, 103, 36, 0) 100%);
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 30px;
}
.swiper_testimonials .swiper-slide:nth-child(3n) {
background: #2E3A49;
}
.swiper_testimonials .swiper-slide:nth-child(3n) .testimonials_content.has_readmore:after {
content: '';
background: linear-gradient(0deg,rgba(46, 58, 73, 1) 0%, rgba(46, 58, 73, 0) 100%);
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 30px;
}
.swiper_testimonials .swiper-slide .testimonials_content.expanded:after {
display: none!important;
}
.testimonial_title {
display: flex;
flex-direction: column;
gap: 6px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 36px;
background-position: right top;
padding: 0 54px 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.testimonials_content {
overflow: hidden;
}
.read-more-btn {
display: inline-block;
color: #ffffff;
cursor: pointer;
margin: -20px 0 0 0;
background-image:url('data:image/svg+xml,');
background-size: 11px;
background-repeat: no-repeat;
background-position: center right;
padding: 0 17px 0 0;
line-height: 1;
}
.expanded+.read-more-btn {
background-image: url('data:image/svg+xml,')!important;
}
.news_grid {
display: flex;
flex-direction: column;
gap: 100px;
}
.news_grid h2 a {
color: #1B1F24;
text-decoration: none;
}
.post-date {
color: #F26724;
}
.news_grid .flex_col_content {
gap: 20px;
}
.news_grid .flex_col_2 figure {
height: auto;
min-height: initial;
aspect-ratio: 4 / 2.5;
}
.news_grid .flex_col_2:nth-child(even) {
flex-direction: row-reverse;
}
.custom-pagination {
display: flex;
justify-content: center;
margin-top: 30px;
gap: 14px;
flex-wrap: wrap;
}
.custom-pagination a,
.custom-pagination span {
display: inline-block;
padding: 0 14px;
color: #1B1F24;
text-decoration: none;
font-size: 14px;
line-height: 34px;
border-radius: 10px;
}
.custom-pagination a:hover {
background-color: #1B1F24;
color: #fff;
}
.custom-pagination .current {
background-color: #1B1F24;
color: #fff;
border-color: #1B1F24;
}
.custom-pagination .dots {
border: none;
background: none;
cursor: default;
}
.news_section .flex40 {
margin: 0 0 80px 0;
}
.wysiwyg {
float: left;
width: 100%;
text-align: left;
}
.wysiwyg p {
margin: 0;
line-height: 1.6;
}
.wysiwyg a, .flex_col_content a {
color: #eb5d12;
text-decoration: none;
font-weight: 600;
}
.flex_col_content .btn_arrow a {
color: #1B1F24;
text-decoration: none;
font-weight: 500;
}
.wysiwyg ul {
text-align: left;
list-style: none;
padding: 0 0 0 30px;
margin: 0 0 1em;
clear: both;
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 14px;
line-height: 1.5;
}
.wysiwyg li {
position: relative;
padding: 0;
text-align: left;
list-style-type: "• ";
}
.wysiwyg a:hover,
.wysiwyg a:focus, .singular_links a:hover, .flex_col_content a:hover {
color: #063A41;
text-decoration: underline;
}
.wysiwyg strong {
font-weight: 600;
}
.wysiwyg em {
font-style: italic;
}
.wysiwyg blockquote {
border-left: 4px solid #ddd;
padding-left: 1em;
color: #555;
margin: 1em 0;
font-style: italic;
background: #f9f9f9;
}
.wysiwyg pre {
background: #2d2d2d;
color: #eee;
padding: 1em;
overflow-x: auto;
border-radius: 4px;
margin: 1em 0;
}
.wysiwyg code {
background: #f5f5f5;
padding: 0.2em 0.4em;
border-radius: 3px;
font-family: Menlo, Consolas, monospace;
font-size: 0.95em;
}
.wysiwyg img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.wysiwyg figure {
margin: 0 0;
}
.wysiwyg figcaption {
font-size: 0.875em;
color: #666;
text-align: center;
margin-top: 0.5em;
}
.wysiwyg table {
width: 100%;
border-collapse: collapse;
margin: 0 0;
}
.wysiwyg th,
.wysiwyg td {
border: 1px solid #ddd;
padding: 0.75em;
text-align: left;
}
.wysiwyg th {
background: #f2f2f2;
font-weight: 600;
}
.wysiwyg hr {
border: none;
border-top: 1px solid #ddd;
margin: 2em 0;
}
.wysiwyg .wp-block-button .wp-block-button__link {
display: inline-block;
padding: 0.6em 1.2em;
background-color: #0073aa;
color: #fff;
text-decoration: none;
border-radius: 4px;
transition: background-color 0.2s ease-in-out;
}
.wysiwyg .wp-block-button .wp-block-button__link:hover {
background-color: #005177;
}
.single_main .pad_cont {
max-width: 1100px;
}
.thumb_single img {
width: 100%;
height: auto;
border-radius: 28px;
}
.icons_flex {
display: flex;
flex-direction: row;
gap: 20px;
max-width: 30px;
}
.related_section .flex_col_2, .related_section .news_grid .flex_col_2:nth-child(even) {
gap: 20px;
flex-direction: column;
}
.related_section .news_grid {
gap: 40px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.related_section .news_grid .flex_col_2 figure {
flex-basis: initial;
}
.single_main .related_section .pad_cont {
max-width: 1480px;
}
.related_section .news_grid .flex_col_content {
flex-basis: initial;
}
.related_section {
margin: 0 0 80px 0;
}
hr {
margin: 0;
float: left;
width: 100%;
height: 1px;
background: #F26724;
border: none;
}
.contact_grid {
float: left;
width: 100%;
grid-template-columns: 1fr 1fr;
display: grid;
text-align: left;
gap: 100px;
}
.contact_col {
display: flex;
flex-direction: column;
gap: 40px;
line-height: 1.6;
}
.contact_col a, .contact_col a[href^="tel:"] {
text-decoration: none;
color: #1B1F24;
}
form .contact_col_form {
display: flex;
flex-direction: column;
float: left;
width: 100%;
gap: 40px;
text-align: left;
}
form .contact_col_form input, form .contact_col_form textarea {
float: left;
width: 100%;
border: 1px solid #476A5D;
border-radius: 8px;
font-size: 20px;
line-height: 20px;
padding: 10px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 18px;
color: #1B1F24;
}
form .contact_col_form textarea {
min-height: 230px;
}
.form_row {
float: left;
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
}
form .contact_col_form .wpcf7-acceptance label {
float: left;
width: 100%;
display: grid;
grid-template-columns: 20px 1fr;
gap: 10px;
align-items: center;
font-size: 18px;
line-height: 1.3;
}
form .contact_col_form .wpcf7-acceptance label input {
width: 20px;
height: 20px;
cursor: pointer;
}
.wpcf7-not-valid-tip {
color: #ff0000;
font-size: 16px;
margin: 4px 0 0 0;
float: left;
width: 100%;
}
.wpcf7-acceptance a {
font-weight: 600;
}
.form_row_submit {
align-items: flex-start;
}
form .contact_col_form input.wpcf7-submit {
width: auto;
float: none;
display: inline-flex;
justify-content: center;
border: none;
background: #F26724;
color: #fff;
padding: 14px 38px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
form .contact_col_form input.wpcf7-submit:hover, #load-more:hover {
background: #43AEEF;
}
form .contact_col_form input[type="submit"]:disabled {
cursor: not-allowed;
pointer-events: all !important;
}
form .contact_col_form input[type="submit"]:disabled:hover {
cursor: not-allowed;
pointer-events: all !important;
background: #F26724;
}
.invalid .wpcf7-response-output {
font-size: 18px;
text-align: center;
width: 100%;
background: #d30606;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: 600;
padding: 12px 12px;
color: #fff;
float: left;
}
.sent .wpcf7-response-output {
font-size: 18px;
text-align: center;
width: 100%;
background: #476A5D;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: 600;
padding: 12px 12px;
color: #fff;
}
form .contact_col_form select {
float: left;
width: 100%;
border: 1px solid #476A5D;
border-radius: 8px;
font-size: 20px;
line-height: 20px;
padding: 10px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 18px;
cursor: pointer;
outline: none;
}
form .contact_col_form select option {
color: #1B1F24;
}
::placeholder {
color: #9c9c9c;
opacity: 1; /* Firefox */
}
::-ms-input-placeholder { /* Edge 12 -18 */
color: #9c9c9c;
}
.form_double_row {
float: left;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.flex960 {
display: inline-flex;
max-width: 960px;
flex-direction: column;
align-items: center;
margin: 0 auto;
}
.grid4 {
float: left;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
align-items: center;
gap: 40px;
}
.grid4 .grid4_col {
line-height: 1.4;
display: flex;
flex-direction: column;
background: #5D3D74;
height: 100%;
justify-content: center;
color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 36px 20px;
border-radius: 28px;
}
.grid4 .grid4_col a {
text-decoration: underline;
color: #fff;
}
.grid4 .grid4_col a:hover {
color: #cdcdcd;
}
.grid4 .grid4_col:nth-child(even) {
background: #F26724;
}
.tabs {
display: flex;
flex-direction: column;
max-width: 900px;
margin: 0 auto;
}
.tab-buttons {
display: flex;
gap: 20px;
}
.tab-btn {
padding: 10px 24px;
background: #f5f5f5;
cursor: pointer;
font-weight: bold;
transition: background 0.3s;
border: 1px solid #1B1F24;
border-radius: 24px;
}
.tab-btn.active {
background: #F26724;
color: #fff;
border: 1px solid #F26724;
}
.tab-content {
display: none;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.4s ease, transform 0.4s ease;
}
.tab-content.active {
display: block;
opacity: 1;
transform: translateY(0);
}
.margin80 {
margin: -80px 0 0 0;
}
.vision_title {
float: left;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.vision_flex {
float: left;
width: 100%;
display: grid;
grid-template-columns: 550px 1fr;
gap: 40px;
text-align: left;
align-items: center;
}
.vision_flex figure {
position: relative;
height: 100%;
min-height: 440px;
border-radius: 28px;
overflow: hidden;
}
.vision_flex figure img {
display: block;
height: 100%;
position: absolute;
left: 0;
top: 0;
width: 100%;
object-fit: cover;
display: block;
object-position: center;
}
.vision_flex .flex20 {
height: 100%;
justify-content: center;
background: #FCF4EB;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 40px;
border-radius: 28px;
}
.team_content {
line-height: 1.5;
padding: 20px 20px 20px 0;
}
.team_grid {
background: #EFECF2;
border-radius: 28px;
overflow: hidden;
align-items: center;
text-align: left;
gap: 40px;
display: grid;
grid-template-columns: 326px 1fr;
min-height: 440px;
height: 100%;
}
body .swiper_team {
overflow: visible;
}
body .swiper_team .swiper-slide {
height: auto;
}
.swiper_team .swiper-slide:nth-child(even) .team_grid {
background: #FCF4EB;
}
.team_grid figure {
overflow: hidden;
position: relative;
height: auto;
min-height: 100%;
clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
}
.team_grid figure img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
object-position: center top;
position: absolute;
}
.team_btns_cont {
float: left;
width: 100%;
display: flex;
flex-direction: column;
}
.team_btns {
position: relative;
display: inline-flex;
gap: 10px;
}
.team_btns .swiper-button-next, .team_btns .swiper-button-prev {
position: static;
margin: 0;
}
.section_gradient1b .swiper-pagination-bullet {
border-radius: 20px;
width: 80px;
}
.section_gradient1b .swiper-pagination-bullet-active {
background: #5D3D74;
}
.section_grey {
background: #efecf2;
}
.responsibility_flex {
float: left;
width: 100%;
display: grid;
grid-template-columns: calc((100% - 610px) / 2) 1fr;
align-items: center;
gap: 60px;
text-align: left;
}
.responsibility_flex figure {
overflow: hidden;
position: relative;
height: auto;
min-height: 700px;
}
.responsibility_flex figure img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
object-position: center;
position: absolute;
}
.responsibility_flex .flex20 {
padding: 40px 0;
}
.timeline_flex {
display: flex;
flex-direction: column;
background: #FCF4EB;
height: 100%;
justify-content: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 100px 40px;
border-radius: 28px;
line-height: 1.5;
position: relative;
text-align: left;
}
body .swiper_timeline {
overflow: visible;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0 0 26px;
}
body .swiper_timeline .swiper-slide {
height: auto;
}
.swiper_timeline .inter90_medium {
left: -30px;
position: absolute;
top: -69px;
}
.services_grid {
float: left;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px;
margin: 0;
}
.width960_left {
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 960px;
}
.bullets_grid {
float: left;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
text-align: left;
gap: 60px;
}
.bullets_col {
display: flex;
flex-direction: column;
gap: 20px;
}
.bullets_flex {
display: flex;
flex-direction: column;
gap: 20px;
background: #EFECF2;
padding: 40px 40px;
border-radius: 28px;
}
.flex_icon {
display: grid;
grid-template-columns: 30px 1fr;
gap: 14px;
align-items: start;
}
.flex_icon img {
width: 100%;
height: auto;
}
.bullets_img {
padding: 20% 0 0 0;
}
.bullets_img figure {
position: relative;
height: 100%;
border-radius: 28px;
overflow: hidden;
}
.bullets_img figure img {
height: 100%;
position: absolute;
left: 0;
top: 0;
width: 100%;
object-fit: cover;
display: block;
object-position: center;
}
.maps {
position: relative;
padding-bottom: 38%;
overflow: hidden;
margin: 0 0 80px 0;
border-radius: 28px;
}
.maps iframe {
border: 0;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.page-template-template-simple .home_main {
margin: 60px 0;
}
.section_zigzag .flex_col_2:nth-child(odd) {
flex-direction: row-reverse;
}
.Translate5 {
display: inline-flex;
align-items: center;
}
.Translate5 a {
background: #FCF4EB;
text-decoration: none;
padding: 70px 40px;
line-height: 1.6;
text-align: left;
border-radius: 28px;
border: 4px solid #F26724;
color: #1B1F24;
display: flex;
flex-direction: column;
gap: 10px;
position: relative;
}
.Translate5.Translate5_secondary a {
background: rgb(93 61 116 / 70%);
border-color: #ffffff;
color: #fff;
}
.Translate5 a:after {
position: absolute;
right: 10px;
top: 10px;
background-color: #F26724;
}
.Translate5.Translate5_secondary a:after, .Translate5.Translate5_secondary a:hover:after {
background-color: #ffffff;
background-image: url('data:image/svg+xml,');
}
.Translate5.Translate5_third a {
background: rgb(242 103 36 / 70%);
color: #fff;
border-color: #fff;
}
.Translate5.Translate5_third a:after, .Translate5.Translate5_third a:hover:after {
background-image: url('data:image/svg+xml,');
background-color: #fff;
}
.Translate5 a:hover:after {
rotate: 45deg;
background-color: #1B1F24;
}
.Translate5 a:hover {
background-color: #F26724;
color: #fff;
}
.Translate5.Translate5_secondary a:hover {
background-color: #5D3D74;
color: #fff;
}
.col3_lines {
float: left;
width: 100%;
display: grid;
grid-template-columns: 1fr 1px 1fr 1px 1fr;
text-align: left;
gap: 40px;
line-height: 1.4;
}
.col_line {
width: 100%;
height: 100%;
background: #1B1F24;
}
ul.col_list {
display: block;
text-align: left;
list-style: none;
padding: 0 0 0 20px;
clear: both;
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.5;
column-count: 3;
}
ul.col_list li {
position: relative;
padding: 0;
text-align: left;
list-style-type: "• ";
margin: 0 0 9px 0;
}
.tab_container_flex {
float: left;
width: 100%;
display: grid;
grid-template-columns: 1.8fr 1fr;
background: #FCF4EB;
border-radius: 28px;
border: 5px solid #F26724;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 30px 30px;
text-align: left;
align-items: center;
gap: 10px;
}
.tab_cont .tab-buttons {
float: left;
width: 100%;
justify-content: center;
gap: 100px;
}
.tab_cont .tab-btn {
border-radius: 28px 28px 0 0;
padding: 12px 34px;
border: 5px solid #F26724;
border-bottom: none;
background: #fcf4eb;
white-space: nowrap;
}
.tab_cont .tab-btn.active {
border: 5px solid #F26724;
border-bottom: none;
background: #F26724;
}
.tab_cont .tab-content {
display: none;
opacity: 0;
transform: initial;
transition: initial;
}
.tab_cont .tab-content.active {
display: block;
opacity: 1;
transform: initial;
}
.translate5_cover {
position: relative;
float: left;
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
min-height: 100%;
}
.translate5_cover .wp-block-cover__image-background {
position: absolute;
object-fit: cover;
height: 100%;
width: 100%;
object-position: center;
}
.translate5_cover .wp-block-cover__inner-container {
margin: 0 20px 0 60px;
width: 100%;
max-width: 630px;
}
.translate5_flex {
float: left;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
gap: 60px;
text-align: left;
justify-items: end;
}
.translate5_flex_content {
max-width: 690px;
display: flex;
padding: 60px 0 60px 20px;
}
.translate5_2rows {
background-image: url(images/Powered-by-Translate5.jpg);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 50px 50px;
border-radius: 28px;
background-position: center;
background-size: cover;
}
.timeline_cont {
overflow-x: hidden;
}
.open_respmenu {
overflow: hidden;
}
.swiper_translate5_flex {
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
}
.translate5_btns {
position: relative;
display: flex;
flex-direction: row-reverse;
gap: 20px;
}
.translate5_btns .swiper-button-prev, .translate5_btns .swiper-button-next {
position: static;
margin: 0;
}
.swiper_translate5_cont .swiper-slide {
background: rgb(242 103 36 / 40%);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 30px;
border-radius: 28px;
border: 4px solid #fff;
height: auto;
}
.swiper_translate5_cont .swiper-slide:nth-child(even) {
background: rgb(93 61 116 / 30%);
}
.swiper_translate5_cont .wysiwyg ul {
margin: 0;
}
.page-child .swiper_home_services_pad {
padding: 0;
}
.error404 .wysiwyg {
text-align: center;
margin: 20px 0 100px 0;
}
.has-text-align-center {
text-align: center;
}
.wpcf7-response-output {
float: left;
width: 100%;
}
strong {
font-weight: 600;
}
.grey {
color: #777777;
}
a:hover, .header_menu > li > a:hover, .sub-menu a:hover, .home_services a:hover, .news_grid h2 a:hover, .contact_col a:hover, .contact_col a[href^="tel:"]:hover, .header_menu > li.current-menu-item > a, .header_menu > li.current-menu-ancestor > a, .header_menu li.current-menu-ancestor li.current-menu-item a {
color: #f26724;
}
.flex90 {
display: flex;
flex-direction: column;
gap: 90px;
}
.flex80_main {
display: flex;
flex-direction: column;
gap: 80px;
}
.flex70 {
display: flex;
flex-direction: column;
gap: 70px;
}
.flex60 {
display: flex;
flex-direction: column;
gap: 60px;
}
.flex40 {
display: flex;
flex-direction: column;
gap: 40px;
}
.flex30 {
display: flex;
flex-direction: column;
gap: 30px;
}
.flex20 {
display: flex;
flex-direction: column;
gap: 20px;
}
.flex10 {
display: flex;
flex-direction: column;
gap: 10px;
}
.inter54_semi {
font-family: 'Inter';
font-size: 54px;
font-weight: 600;
line-height: 1.1;
}
.inter42_semi {
font-family: 'Inter';
font-size: 42px;
font-weight: 600;
line-height: 1.1;
}
.inter38_semi {
font-family: 'Inter';
font-size: 38px;
font-weight: 600;
line-height: 1.1;
}
.inter36_semi, .inter46_semi, .wysiwyg h1 {
font-family: 'Inter';
font-size: 36px;
font-weight: 600;
line-height: 1.2;
}
.inter24_semi {
font-family: 'Inter';
font-size: 24px;
font-weight: 600;
line-height: 1.3;
}
.inter20_regular {
font-family: 'Inter';
font-size: 20px;
}
.inter18_regular {
font-family: 'Inter';
font-size: 18px;
}
.inter90_medium {
font-family: 'Inter';
font-size: 90px;
font-weight: 500;
}
.inter32_medium, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6, .Translate5 a strong {
font-family: 'Inter';
font-size: 32px;
font-weight: 500;
line-height: 1.3;
}
.inter24_medium, .sub-menu a {
font-family: 'Inter';
font-size: 20px;
font-weight: 500;
}
.inter20_medium {
font-family: 'Inter';
font-size: 20px;
font-weight: 500;
}
.inter18_medium {
font-family: 'Inter';
font-size: 18px;
font-weight: 500;
}
.manrope24_medium {
font-family: 'Manrope';
font-size: 24px;
line-height: 1.5;
font-weight: 500;
}
.manrope20_regular {
font-family: 'Manrope';
font-size: 20px;
line-height: 1.5;
}
.manrope20_light {
font-family: 'Manrope';
font-size: 20px;
line-height: 1.5;
font-weight: 300;
}
@media screen and (max-width:1520px){
.pad_half {
padding: 0 20px;
}
.responsibility_pad_half {
padding: 0;
}
.responsibility_flex {
grid-template-columns: 1fr 1fr;
gap: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0 0 20px;
}
.translate5_cover .wp-block-cover__inner-container {
margin: 0 40px;
}
}
@media screen and (max-width:1360px){
.header_menu, .header_right, .header_grid {
gap: 30px;
}
.logo img {
width: 210px;
}
.inter18_regular, .inter20_regular {
font-size: 16px;
}
.inter54_semi {
font-size: 40px;
}
.manrope20_regular, .inter20_medium, .manrope20_light {
font-size: 18px;
}
.inter24_medium, .sub-menu a, .manrope24_medium, .inter24_semi {
font-size: 18px;
}
.inter42_semi {
font-size: 28px;
}
.inter38_semi, .inter36_semi, .inter46_semi, .wysiwyg h1 {
font-size: 26px;
}
.btn_arrow a:after, .Translate5 a:after {
width: 32px;
height: 32px;
display: block;
background-size: 14px;
}
.btn_arrow a {
gap: 10px;
}
.home_services a {
gap: 12px;
}
.home_services a:before {
width: 44px;
height: 44px;
}
.flex_col_2 {
gap: 40px;
}
.flex_col_2 figure {
min-height: 100%;
}
.inter32_medium, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6, .Translate5 a strong {
font-size: 26px;
}
.services_cont .flex10 {
padding: 18% 20px 20px 20px;
}
.services_flex+.services_flex+.services_flex+.services_flex h2 {
/* padding: 19% 20px 20px 20px; */
}
.foot_menu {
gap: 40px;
}
.hero_cont.hero_cont_pages {
min-height: 400px;
}
.contact_grid {
gap: 40px;
}
.grid4 {
gap: 20px;
}
.vision_flex {
grid-template-columns: 400px 1fr;
gap: 20px;
}
.vision_flex figure {
min-height: 360px;
}
.inter90_medium {
font-size: 60px;
}
.swiper_timeline .inter90_medium {
left: -24px;
top: -46px;
}
.bullets_grid {
gap: 40px;
}
.bullets_flex {
padding: 40px 20px;
}
.flex_icon {
grid-template-columns: 22px 1fr;
}
.tab_container_flex {
grid-template-columns: 1.3fr 1fr;
}
ul.col_list {
column-width: 200px;
max-width: 440px;
}
}
@media screen and (max-width:1341px){
.page-child .swiper_home_services_pad {
padding: 0 52px;
}
}
@media screen and (max-width:1130px){
.team_grid {
grid-template-columns: 268px 1fr;
gap: 30px;
}
}
@media screen and (max-width:1025px){
#nav-icon3 {
display:block
}
.menu_section {
position:fixed;
left:-100%;
width:100%;
bottom:0;
margin:0;
overflow:auto;
-webkit-transition:0.2s ease-out;
-moz-transition:0.2s ease-out;
-o-transition:0.2s ease-out;
transition:0.2s ease-out;
background: #F2F2F2;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
z-index:999999;
height:calc(100% - 59px);
padding: 20px 0 0 0;
}
.sub_cont:after,
.menu-top-menu-container>ul li:hover .sub_cont {
display:none
}
.sticky_body .menu_section {
height:calc(100% - 56px)
}
.open_respmenu .menu_section {
left:0
}
.top_menu_bottom_relative {
position:relative;
left:0;
top:0;
height:100%;
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.top_menu_bottom {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:table;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.top_menu_cell {
display:table-cell;
vertical-align: top;
margin:0;
float:none
}
.menu_section nav ul {
gap:0;
padding:0;
align-items:center;
white-space:initial;
display:flex;
position:static;
float:left;
width:100%;
flex-direction:column
}
.menu_section nav li {
opacity:0;
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);
-ms-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%);
-moz-transition-property:transform,opacity;
-o-transition-property:transform,opacity;
-webkit-transition-property:transform,opacity;
-webkit-transition-property:opacity,-webkit-transform;
transition-property:opacity,-webkit-transform;
-o-transition-property:opacity,-o-transform;
-moz-transition-property:transform,opacity,-moz-transform;
transition-property:transform,opacity;
transition-property:transform,opacity,-webkit-transform,-moz-transform,-o-transform;
-moz-transition-duration:.3s,.5s;
-o-transition-duration:.3s,.5s;
-webkit-transition-duration:.3s,.5s;
transition-duration:.3s,.5s;
text-align:left
}
.menu_section nav li a {
text-decoration:none;
color: #1B1F24;
margin:0;
display:block;
position:relative;
font-size:20px;
padding:14px 0;
float:left;
width:100%;
text-align:left;
border-bottom: 1px solid #1B1F24;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.top_menu_cell a:hover,
.menu>li.current-menu-item>a,
.menu>li.current-menu-ancestor>a {
color: #1B1F24;
}
.menu>li.current-menu-ancestor li.current-menu-item>a {
color:#1F2A24
}
.sub-menu {
max-height:0;
overflow:hidden;
-webkit-transition:max-height 0.3s linear;
-moz-transition:max-height 0.3s linear;
transition:max-height 0.3s linear;
border-radius:0
}
.sub_click_open .sub-menu {
max-height:900px;
background:none;
padding:0;
border-radius:16px;
margin:0;
gap:0
}
.sub_click_open .sub-menu a {
padding:10px;
border:none;
color:#292C25;
font-size:18px
}
.open_respmenu .menu_section nav li {
opacity:1;
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0);
float:left;
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0 20px
}
.open_respmenu .menu_section nav li li {
padding:0
}
.menu_section nav ul li:nth-child(1) {
-moz-transition-delay:50ms,50ms;
-o-transition-delay:50ms,50ms;
-webkit-transition-delay:50ms,50ms;
transition-delay:50ms,50ms;
gap:0 12px
}
.menu_section nav ul li:nth-child(2) {
-moz-transition-delay:.1s,.1s;
-o-transition-delay:.1s,.1s;
-webkit-transition-delay:.1s,.1s;
transition-delay:.1s,.1s
}
.menu_section nav ul li:nth-child(3) {
-moz-transition-delay:.15s,.15s;
-o-transition-delay:.15s,.15s;
-webkit-transition-delay:.15s,.15s;
transition-delay:.15s,.15s
}
.menu_section nav ul li:nth-child(4) {
-moz-transition-delay:.2s,.2s;
-o-transition-delay:.2s,.2s;
-webkit-transition-delay:.2s,.2s;
transition-delay:.2s,.2s
}
.menu_section nav ul li:nth-child(5) {
-moz-transition-delay:.25s,.25s;
-o-transition-delay:.25s,.25s;
-webkit-transition-delay:.25s,.25s;
transition-delay:.25s,.25s
}
.menu_section nav ul li:nth-child(6) {
-moz-transition-delay:.3s,.3s;
-o-transition-delay:.3s,.3s;
-webkit-transition-delay:.3s,.3s;
transition-delay:.3s,.3s
}
.menu_section nav ul li:nth-child(7) {
-moz-transition-delay:.35s,.35s;
-o-transition-delay:.35s,.35s;
-webkit-transition-delay:.35s,.35s;
transition-delay:.35s,.35s
}
.menu_section nav ul li:nth-child(8) {
-moz-transition-delay:.4s,.4s;
-o-transition-delay:.4s,.4s;
-webkit-transition-delay:.4s,.4s;
transition-delay:.4s,.4s
}
.menu_section nav ul li:nth-child(9) {
-moz-transition-delay:.45s,.45s;
-o-transition-delay:.45s,.45s;
-webkit-transition-delay:.45s,.45s;
transition-delay:.45s,.45s
}
.submenu_open .sub-menu,
.menu-item-has-children:hover .sub-menu {
display:flex;
flex-direction:column
}
.submenu_open .sub-menu {
display:flex;
position:static;
max-height:700px;
overflow:visible;
float:left;
width:100%;
border-radius:0
}
.submenu-toggle,
.menu-item-has-children>a:hover .submenu-toggle {
background-image:url('data:image/svg+xml,') !important;
height:48px;
margin:0;
top:0;
width:42px;
background-size:16px;
background-position: right;
}
.submenu_open .submenu-toggle, .submenu_open .menu-item-has-children>a:hover .submenu-toggle {
background-image: url('data:image/svg+xml,')!important;
}
.menu_section nav li li a {
color:#1F2A24;
border:none;
font-size:18px;
padding:10px 20px 10px 20px
}
.menu_section nav li li a:hover {
color:#1F2A24
}
.menu-item-has-children:hover .sub_cont {
display: none;
}
.submenu_open .sub_cont, .submenu_open .menu-item-has-children:hover .sub_cont {
display: flex;
position: static;
max-height: 700px;
overflow: visible;
float: left;
width: 100%;
padding: 8px 0;
background: #fff;
margin: 16px 0;
border-radius: 16px;
}
.header_menu > li.menu-item-has-children > a {
padding: 0;
justify-content: space-between;
}
.header_menu > li > a:hover {
color: #1F2A24;
}
header {
height: 59px;
padding: 10px 0;
}
.open_respmenu header {
background: #F2F2F2;
}
body {
padding: 59px 0 0 0;
}
header.has_scrolled {
padding: 6px 0;
height: 47px;
}
.has_scrolled .menu_section {
height: calc(100% - 47px);
}
.home_main {
margin: 40px 0 0 0;
}
.inter54_semi {
font-size: 28px;
}
.manrope20_regular, .inter24_medium, .sub-menu a, .manrope24_medium, .inter20_medium, .manrope20_light, .inter18_regular, form .contact_col_form .wpcf7-acceptance label, .inter18_medium, body, .inter24_semi {
font-size: 16px;
}
.btn_arrow a:after, .Translate5 a:after {
width: 26px;
height: 26px;
background-size: 10px;
}
.btn_arrow a {
gap: 6px;
}
.flex40 {
gap: 20px;
}
.inter42_semi {
font-size: 20px;
}
.inter38_semi, .inter36_semi, .inter46_semi, .wysiwyg h1 {
font-size: 20px;
}
.home_services a:before {
width: 32px;
height: 32px;
}
.home_services a {
gap: 10px;
}
.home_services {
gap: 30px 20px;
}
.inter32_medium, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6, .Translate5 a strong {
font-size: 20px;
line-height: 1.2;
}
.services_cont .flex10 {
padding: 16% 20px 20px 20px;
}
.services_flex+.services_flex+.services_flex+.services_flex h2 {
/* padding: 15% 20px 20px 20px; */
}
.social {
gap: 24px;
}
.social a {
width: 22px;
height: 22px;
}
.footer_top .flex40 {
gap: 40px;
}
.iso {
width: 70px;
height: auto;
}
.footer_logo {
width: 210px;
height: 38px;
}
.hero_cont.hero_cont_pages {
min-height: 320px;
}
form .contact_col_form {
gap: 20px;
}
.vision_flex {
grid-template-columns: 300px 1fr;
}
.vision_flex figure {
min-height: 300px;
}
.tab-buttons {
gap: 10px;
}
.responsibility_flex figure {
min-height: 560px;
}
.inter90_medium {
font-size: 42px;
}
.swiper_timeline .inter90_medium {
left: -18px;
top: -30px;
}
.timeline_flex {
padding: 60px 20px;
}
.services_cont a {
min-height: 300px;
}
.services_grid {
gap: 20px;
}
.bullets_grid {
gap: 20px;
}
.swiper_home_clients figure, .clients_grid figure {
border-radius: 16px;
}
ul.col_list {
column-width: 160px;
max-width: 360px;
}
.translate5_2rows {
padding: 30px;
}
}
@media screen and (max-width:980px){
body:before {
left: -820px;
}
.section_gradient1:before {
right: -820px;
}
.footer_mobile {
display: flex;
flex-direction: column;
gap: 40px;
}
.footer_desk {
display: none;
}
.footer_top {
flex-direction: column;
gap: 40px;
}
.flex90, .flex70, .flex60 {
gap: 40px;
}
.footer_bottom {
justify-content: initial;
flex-direction: column;
gap: 10px;
}
.section_gradient2 {
padding: 40px 0 20px 0;
}
.clients_grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 10px;
}
.related_section .news_grid {
gap: 20px;
}
.contact_grid {
gap: 60px;
display: flex;
flex-direction: column;
}
.contact_col {
gap: 20px;
}
.grid4 {
grid-template-columns: 1fr 1fr;
grid-auto-rows: 1fr;
}
.tab_cont .tab-buttons {
gap: 40px;
}
.tab_container_flex, .tab_cont .tab-btn.active, .tab_cont .tab-btn {
border: 2px solid #F26724;
}
.tab_cont .tab-btn.active, .tab_cont .tab-btn {
border-bottom: none;
}
}
@media (max-width: 840px) {
.services_grid {
grid-template-columns: 1fr 1fr;
}
.services_flex, .services_flex+.services_flex+.services_flex+.services_flex {
grid-column: initial;
}
.services_flex h2, .services_flex+.services_flex+.services_flex+.services_flex h2 {
/* padding: 27% 20px 20px 20px; */
}
.bullets_grid {
gap: 20px;
display: flex;
flex-direction: column;
}
.bullets_img {
padding: 0;
}
.bullets_img figure img {
position: static;
height: auto;
}
.Translate5 a {
padding: 46px 20px;
}
.col3_lines {
display: flex;
flex-direction: column;
}
.col_line {
height: 1px;
}
.translate5_flex {
grid-template-columns: 1fr;
gap: 40px;
}
.translate5_flex_content {
max-width: 100%;
padding: 40px 20px 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.translate5_cover .wp-block-cover__inner-container {
margin: 60px auto;
max-width: 460px;
}
}
@media (max-width: 769px) {
.foot_menu {
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(2, 1fr);
justify-content: start;
gap: 40px 60px;
}
.foot_det {
flex-direction: column;
}
.hero_cont {
display: flex;
flex-direction: column-reverse;
padding: 20px 20px 26px 20px;
}
.inter54_semi {
font-size: 22px;
line-height: 1.3;
}
.home_services {
display: flex;
flex-direction: column;
}
.inter42_semi {
font-size: 18px;
line-height: 1.3;
}
.inter38_semi, .inter36_semi, .inter46_semi, .wysiwyg h1 {
font-size: 18px;
}
.home_services a:before {
width: 26px;
height: 26px;
}
.home_main, .flex80_main {
gap: 60px;
}
.section_purple, .margin80 {
margin: -60px 0 0 0;
}
.section_yellow, .section_gradient1, .section_white {
padding: 60px 0;
}
.flex_col_2, .flex_col_2.flex_col_2_reverse, .news_grid .flex_col_2:nth-child(even), .section_zigzag .flex_col_2:nth-child(odd) {
flex-direction: column;
}
.flex_col_2 figure a {
position: static;
}
.flex_col_2 figure img, .tab_container_flex figure img {
height: auto;
}
.tab_container_flex figure img {
position: static;
}
.tab_container_flex figure {
min-height: initial;
}
.news_grid .flex_col_2 figure img {
height: 100%;
}
.flex_col_2 figure, .hero_cont, .swiper_home_clients figure, .clients_grid figure, .thumb_single img, .grid4 .grid4_col, .vision_flex .flex20, .vision_flex figure, .team_grid, .services_cont a, .timeline_flex, .bullets_flex, .maps, .Translate5 a, .tab_container_flex figure, .tab_container_flex, .translate5_2rows, .swiper_translate5_cont .swiper-slide {
border-radius: 16px;
}
.tab_cont .tab-btn {
border-radius: 16px 16px 0 0;
}
.flex_col_2, .flex_col_content {
gap: 20px;
}
.inter32_medium, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6, .Translate5 a strong {
font-size: 18px;
}
body .swiper-button-prev, body .swiper-button-next {
width: 32px;
height: 32px;
}
.swiper_home_services_pad {
padding: 0 40px;
}
body .swiper-button-next {
right: 0;
}
body .swiper-button-prev {
left: 0;
}
.swiper_home_clients figure a, .clients_grid figure a {
padding: 0 10px;
}
.lets_work {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.services_cont a {
aspect-ratio: 5 / 4;
min-height: initial;
}
.hero_cont.hero_cont_pages {
padding: 0;
min-height: auto;
}
.hero_cont.hero_cont_pages figure {
aspect-ratio: 16 / 9;
width: 100%;
clip-path: polygon(0 0, 100% 0, 100% 78%, 0% 100%);
}
.hero_cont.hero_cont_pages .flex40 {
padding: 20px;
}
.hero_pad {
padding: 20px 20px 26px 20px;
}
.post-date {
font-size: 13px;
}
.related_section .news_grid {
gap: 40px;
display: flex;
flex-direction: column;
}
.related_section .news_grid .flex_col_content {
gap: 10px;
}
.vision_flex {
grid-template-columns: 1fr;
grid-auto-rows: 1fr;
}
.vision_flex .flex20 {
padding: 10px 20px;
}
.vision_title {
align-items: flex-start;
flex-direction: column;
gap: 14px;
}
.vision_flex figure {
min-height: initial;
aspect-ratio: 16 / 10;
}
.team_btns_cont {
text-align: left;
gap: 10px;
}
.inter90_medium {
font-size: 30px;
}
.swiper_timeline .inter90_medium {
left: -12px;
top: -22px;
}
body .swiper_timeline {
padding: 0 0 0 12px;
}
.tab_container_flex {
display: flex;
flex-direction: column;
gap: 30px;
padding: 30px 20px;
}
.tab_container_flex .flex20 {
width: 100%;
}
.tab_cont .tab-buttons {
gap: 6px;
}
.tab_cont .tab-btn.active, .tab_cont .tab-btn {
font-size: 16px;
padding: 8px 14px;
}
.swiper_translate5_flex {
align-items: flex-start;
gap: 10px;
flex-direction: column;
}
.translate5_btns {
gap: 10px;
}
.swiper_translate5_cont .swiper-slide {
padding: 28px 20px;
}
.page-child .swiper_home_services_pad {
padding: 0 42px;
}
}
@media screen and (max-width:680px){
.team_grid {
grid-template-columns: 1fr;
gap: 10px;
}
.team_grid figure {
width: 100%;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
aspect-ratio: 1 / 1;
}
.team_content {
padding: 20px 20px 40px 20px;
}
.section_gradient1b .swiper-pagination-bullet {
width: 40px;
}
.responsibility_flex {
display: flex;
flex-direction: column;
padding: 0;
}
.responsibility_flex figure {
min-height: initial;
}
.responsibility_flex figure img {
position: static;
height: auto;
}
.responsibility_flex .flex20 {
padding: 40px 20px 0 20px;
}
.services_grid {
display: flex;
flex-direction: column;
gap: 60px;
}
.translate5_cover {
position: relative;
float: left;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
min-height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
}
}
@media screen and (max-width:580px){
body:before {
left: -1080px;
}
.section_gradient1:before {
right: -1080px;
}
.foot_menu {
grid-template-rows: repeat(3, 1fr);
gap: 30px;
}
body .swiper-button-prev, body .swiper-button-next {
width: 24px;
height: 24px;
}
.swiper_home_services_pad .swiper-button-prev, .swiper_home_services_pad .swiper-button-next {
top: initial;
bottom: 0;
}
.swiper_home_services_pad {
padding: 0 0 40px 0;
}
.swiper_home_services_pad .swiper-button-next {
right: 50%;
margin: 0 -34px 0 0;
}
.swiper_home_services_pad .swiper-button-prev {
left: 50%;
margin: 0 0 0 -32px;
}
body .swiper-button-next:hover:after {
background-image: url('data:image/svg+xml,');
}
body .swiper-button-prev:hover:after {
background-image: url('data:image/svg+xml,');
}
.clients_grid {
grid-template-columns: 1fr 1fr 1fr;
gap: 10px;
}
.form_double_row {
display: flex;
flex-direction: column;
}
.grid4 {
grid-template-columns: 1fr;
}
.tab_cont .vision_title {
position: relative;
height: 56px;
overflow: auto;
padding: 0;
}
.tab_cont .tab-buttons {
gap: 10px;
position: absolute;
left: 20px;
width: auto;
padding: 0;
}
.tab_cont .tab-btn.active, .tab_cont .tab-btn {
border-radius: 16px;
border-bottom: 2px solid #F26724;
}
.pad_zero {
padding: 0;
}
.tab_cont .tab-content {
padding: 0 20px;
}
.page-child .swiper_home_services_pad {
padding: 0 0 40px 0;
}
}
@media (max-width: 501px) {
.header_right {
gap: 14px;
}
.link-text {
/* display: none; */
}
.lang_sw li.lang-item-en a, .lang_sw li.lang-item-el a {
/* padding: 4px 24px 4px 9px; */
}
.lang_sw.lang_open li a {
/* padding: 4px 9px 4px 9px !important; */
}
}
@media (max-width: 401px) {
.logo img, .has_scrolled .logo img {
width: 160px;
}