@charset "UTF-8";


.link__icon,
.link__icon:before,
.form .gform_wrapper .gform_footer input[type="submit"],
body video {
max-width: initial;
}
.panel-layout {
overflow: hidden;
}
.title {
font-size: 3.75rem;
margin: 0 0 1.5rem;
}
@media (max-width: 1440px), (max-height: 768px) {
.title {
font-size: 3.571rem;
}
}
@media (max-width: 640px) {
.title {
font-size: 2.5rem;
}
}
.title--white {
color: #fff;
}
.btn--white,
.link--black .link__text,
.subtitle {
color: #1e1d28;
}
.subtitle {
font-size: 3.125rem;
margin: 0 0 30px;
}
@media (max-width: 1440px), (max-height: 768px) {
.subtitle {
font-size: 2.857rem;
margin-bottom: 22px;
}
}
@media (max-width: 960px) {
.subtitle br,
.title br {
display: none;
}
}
@media (max-width: 640px) {
.subtitle {
font-size: 1.714rem;
}
}
.subtitle--white {
color: #fff;
}
.subtitle--small {
font-size: 2.5rem;
line-height: 1.25;
}
@media (max-width: 1440px) {
.subtitle--small {
font-size: 2.143rem;
}
}
.description {
color: #373737;
font-size: 1.25rem;
line-height: 1.5;
margin: 0 auto 3rem;
max-width: 800px;
}
@media (max-width: 1440px), (max-height: 768px) {
.description {
font-size: 1.143rem;
}
}
.description--white {
color: #fff;
margin: 0;
max-width: 740px;
opacity: 0.7;
text-align: left;
}
.description--white a {
color: #fff;
}
.description--big {
font-size: 1.875rem;
font-weight: 600;
line-height: 1.33;
margin-bottom: 12px;
margin-top: 0;
}
@media (max-width: 1440px), (max-height: 768px) {
.description--big {
font-size: 1.429rem;
}
}
@media (max-width: 640px) {
.description--big {
font-size: 1.283rem;
}
}
.description--small {
font-size: 1rem;
max-width: 700px;
}
.description--left {
max-width: 100%;
margin-left: 0;
text-align: left;
}
.description a {
color: #0045e6;
font-weight: 600;
}
.text-center {
text-align: center;
}
.cookie_message,
.header__menu > li .block-group .dropdown-item,
.text-left {
text-align: left;
}
.img-fluid {
max-width: 100%;
height: auto;
}
img[src$=".svg"] {
height: auto;
width: auto;
}
img {
-o-object-fit: contain;
object-fit: contain;
}*/
.link {
align-items: center;
cursor: pointer;
display: inline-flex;
outline: 0;
}
.linkWrap:hover .link__icon:before {
transform: translate3d(-50%, -50%, 0) scale(1);
transition: transform 0.45s cubic-bezier(0.6, 0.01, 0, 1.38);
}
.link__text {
color: #fff;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.2;
padding-right: 16px;
}
@media (max-width: 1440px), (max-height: 768px) {
.link__text {
font-size: 1.143rem;
}
}
.link__icon {
border-radius: 50%;
flex-grow: 0;
flex-shrink: 0;
height: 25px;
width: 25px;
}
.link__icon:after {
border-left: 1px solid #1e1d28;
border-top: 1px solid #1e1d28;
height: 5px;
margin-left: -1px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%) rotate(135deg);
width: 5px;
}
.link__icon:before {
border-radius: 50%;
height: 120%;
position: absolute;
top: 50%;
transform: translate3d(-50%, -50%, 0) scale(0);
transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1);
width: 120%;
}
.link--black .link__icon,
.link--black .link__icon:before {
background-color: #1e1d28;
}
.link__icon--end {
display: flex;
justify-content: space-between;
}
.link__icon--medium {
height: 32px;
width: 32px;
}
.link__icon--medium:after {
height: 8px;
margin-left: -2px;
width: 8px;
}
.link__icon--big {
height: 40px;
width: 40px;
}
.link__icon--big:after {
height: 10px;
margin-left: -3px;
width: 10px;
}
.link:hover .link__icon:before {
transform: translate3d(-50%, -50%, 0) scale(1);
transition: transform 0.45s cubic-bezier(0.6, 0.01, 0, 1.38);
}
.link--black .link__icon:after {
border-color: #fff;
}
.gradient1 {
background-image: linear-gradient(110deg, #a55ccb 0, #0a46cf 100%);
}
.gradient1--half {
background-image: linear-gradient(110deg, #9f5bcb 0, #0a47cf 50%, #0a47cf 100%);
}
.gradient1--vertical {
background-image: linear-gradient(180deg, #a55ccb 0, #0a46cf 100%);
}
.gradient2 {
background-image: linear-gradient(110deg, #e99019 0, #e62f4a 100%);
}
.gradient2--half {
background-image: linear-gradient(110deg, #e98d1a 0, #e62f4a 50%, #e62f4a 100%);
}
.gradient2--vertical {
background-image: linear-gradient(180deg, #e99019 0, #e62f4a 100%);
}
.gradient3 {
background-image: linear-gradient(110deg, #e62f4a 0, #73136e 100%);
}
.gradient3--half {
background-image: linear-gradient(110deg, #e62f4a 0, #73136e 50%, #73136e 100%);
}
.gradient3--vertical {
background-image: linear-gradient(180deg, #e62f4a 0, #73136e 100%);
}
.gradient4 {
background-image: linear-gradient(110deg, #ddd005 0, #23870a 100%);
}
.gradient4--half {
background-image: linear-gradient(110deg, #ddd005 0, #23870a 50%, #23870a 100%);
}
.gradient4--vertical {
background-image: linear-gradient(180deg, #ddd005 0, #23870a 100%);
}
.gradient-blue {
background-color: #00267b;
}
.gradient-blue-light {
background-color: #0045e6;
}
.section {
padding-bottom: 130px;
padding-top: 110px;
}
.section.pb0 {
padding-bottom: 0;
}
.section.pt0 {
padding-top: 0;
}
.section.pb60 {
padding-bottom: 60px;
}
.section.pt60 {
padding-top: 60px;
}
@media (max-width: 960px) {
.section.pb60 {
padding-bottom: 50px;
}
.section.pt60 {
padding-top: 35px;
}
}
.section.pt120 {
padding-top: 120px;
}
@media (max-width: 1440px) {
.section.pt120 {
padding-top: 80px;
}
}
@media (max-width: 960px) {
.section.pt120 {
padding-top: 35px;
}
}
.section.pt130 {
padding-top: 130px;
}
@media (max-width: 1440px) {
.section.pt130 {
padding-top: 80px;
}
}
@media (max-width: 960px) {
.section.pt130 {
padding-top: 35px;
}
}
.section--black {
background-color: #1e1d28;
}
.mb130 {
margin-bottom: 130px;
}
@media (max-width: 1440px) {
.section {
padding-bottom: 100px;
padding-top: 80px;
}
.mb130 {
margin-bottom: 80px;
}
}
@media (max-width: 960px) {
.section {
padding-bottom: 55px;
padding-top: 55px;
}
.mb130 {
margin-bottom: 35px;
}
}
html[dir="rtl"] {
font-size: 18px;
line-height: 1.5;
}
.btn,
.tag-item {
line-height: 1.3;
transition-duration: 0.3s;
text-decoration: none;
}
@media (max-width: 1440px) {
html[dir="rtl"] {
font-size: 15px;
}
}
html[dir="rtl"] body {
font-family: Arial, SourceSansPro, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}
@media (max-width: 1440px), (max-height: 768px) {
html[dir="rtl"] .description {
font-size: 1.2rem;
}
}
html[dir="rtl"] .description--white {
opacity: 1;
text-align: right;
}
html[dir="rtl"] .description--left {
margin-right: 0;
text-align: right;
}
html[dir="rtl"] .link__text {
padding-right: 0;
padding-left: 16px;
}
html[dir="rtl"] .link__icon:after {
margin-left: 1px;
transform: translate(-50%, -50%) rotate(-45deg);
}
html[dir="rtl"] .link__icon--big:after {
margin-left: 2px;
}
html[dir="rtl"] .gradient1--half {
background-image: linear-gradient(110deg, #0a47cf 0, #0a47cf 50%, #9f5bcb 100%);
}
html[dir="rtl"] .gradient2--half {
background-image: linear-gradient(110deg, #e62f4a 0, #e62f4a 50%, #e98d1a 100%);
}
html[dir="rtl"] .gradient3--half {
background-image: linear-gradient(110deg, #73136e 0, #73136e 50%, #e62f4a 100%);
}
html[dir="rtl"] .gradient4--half {
background-image: linear-gradient(110deg, #23870a 0, #23870a 50%, #ddd005 100%);
}
.container--small,
.post-component--blockquote .container,
.post-component--citate .container,
.post-component--text .container {
max-width: 1070px;
}
.container--full {
padding-left: 100px;
padding-right: 100px;
}
@media (max-width: 1440px) {
.container--full {
padding-left: 50px;
padding-right: 50px;
}
.container--small {
max-width: 970px;
}
}
@media (max-width: 640px) {
.container--full {
padding-left: 20px;
padding-right: 20px;
}
}
.row {
display: flex;
}
.row--center {
align-items: center;
}
.row--between,
.search__filter .search__form {
justify-content: space-between;
}
.col-2 {
flex: 0 0 50%;
}
.btn--white {
background-color: #fff;
}
.btn--white:hover {
background-color: #0045cf;
color: #fff;
}
.btn--white-hover {
transition-property: background-color, color, letter-spacing;
}
.btn--white-hover:hover {
background-color: #fff;
color: #1e1d28;
letter-spacing: 1px;
}
.btn--black,
.btn--blue,
.tag-item {
color: #fff;
}
.btn--black {
background-color: #1e1d28;
}
.btn--black:hover,
.btn--blue {
background-color: #0045cf;
}
.btn--blue:hover {
background-color: #1d3763;
}
.btn--center {
margin-left: 50%;
transform: translateX(-50%);
}
@media (max-width: 560px) {
.btn--center {
display: block;
margin: auto;
transform: translateX(0);
width: 230px;
}
}
.btn--small {
min-width: 170px;
padding: 15px;
}
[dir="rtl"] .btn--center {
margin-left: auto;
margin-right: 50%;
transform: translateX(50%);
}
@media (max-width: 560px) {
[dir="rtl"] .btn--center {
margin: auto;
transform: translateX(0);
}
}
.tag-item {
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.4);
display: inline-block;
font-size: 0.875rem;
font-weight: 600;
margin-bottom: 10px;
margin-right: 10px;
padding: 5px 20px;
transition-property: background-color, border-color, color;
vertical-align: middle;
}
.tag-item:hover {
border-color: #fff;
}
.tag-item--black {
border: 1px solid rgba(30, 29, 40, 0.4);
color: #1e1d28;
}
.tag-item--black:hover {
border: 1px solid #1e1d28;
}
.tag-item--blue {
border: 1px solid rgba(30, 29, 40, 0.15);
color: #1e1d28;
cursor: pointer;
}
.tag-item--blue.checked,
.tag-item--blue:hover {
background-color: #0045cf;
border: 1px solid #0045cf;
color: #fff;
}
.form__tooltip {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
background-color: #fff;
border-radius: 5px;
bottom: 0;
box-shadow: 0 25px 70px 0 rgba(29, 55, 99, 0.15);
color: #4a4a4a;
display: none;
font-size: 0.875rem;
left: 100%;
line-height: 1.64;
margin-left: 10px;
padding: 20px;
position: absolute;
width: 350px;
z-index: 1;
}
.form__tooltip:after {
border-bottom: 10px solid transparent;
border-right: 10px solid #fff;
border-top: 10px solid transparent;
bottom: 15px;
position: absolute;
right: 100%;
}
@media (max-width: 1000px) {
.form__tooltip {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
bottom: 100%;
left: 0;
margin: 0 0 20px;
right: 0;
width: auto;
}
.form__tooltip:after {
border-bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #fff;
right: auto;
left: 20px;
top: 100%;
}
}
.form__info {
color: rgba(255, 255, 255, 0.7);
font-size: 0.75rem;
-ms-grid-column-span: 2;
grid-column: span 2;
line-height: 1.67;
margin: -30px 0 0;
order: 9;
}
.form__info a {
border-bottom: 1px solid transparent;
color: #fff;
display: inline-block;
font-weight: 600;
line-height: 1.67;
text-decoration: none;
transition: border-color 0.3s;
}
.form__info a:hover {
border-bottom-color: rgba(255, 255, 255, 0.7);
}
.form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.form textarea {
background: 0 0;
border-radius: 0;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
color: #fff;
font-size: 0.875rem;
line-height: 1.5;
outline: 0;
padding: 5px 0 !important;
transition: border-bottom-color 0.3s;
vertical-align: top;
-webkit-appearance: none;
-webkit-border-radius: 0;
width: 100% !important;
}
.form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):-webkit-autofill,
.form textarea:-webkit-autofill {
-webkit-text-fill-color: #fff !important;
-webkit-box-shadow: 0 0 0 1000px #1e1d28 inset !important;
}
.form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):-webkit-autofill:focus,
.form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):-webkit-autofill:hover,
.form textarea:-webkit-autofill:focus,
.form textarea:-webkit-autofill:hover {
-webkit-text-fill-color: #fff !important;
-webkit-box-shadow: 0 0 0 1000px #1e1d28 inset !important;
}
.form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"])::-moz-placeholder,
.form textarea::-moz-placeholder {
color: #8a8a8a;
}
.form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):-ms-input-placeholder,
.form textarea:-ms-input-placeholder {
color: #8a8a8a;
}
.form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"])::placeholder,
.form textarea::placeholder {
color: #8a8a8a;
}
.form .formrowlist {
display: -ms-grid !important;
display: grid !important;
grid-gap: 30px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 480px) {
.form__info {
-ms-grid-column-span: 1;
grid-column: span 1;
}
.form .formrowlist {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.form .formrow {
position: relative;
}
.form .formrow .gfield {
margin-top: 0 !important;
}
.form .formrow .gfield_label {
color: #fff;
font-size: 0.875rem;
font-weight: 400 !important;
left: 0;
line-height: 1.63 !important;
max-width: 100%;
opacity: 0.7;
overflow: hidden;
position: absolute;
text-overflow: ellipsis;
top: 8px;
transition-duration: 0.3s;
transition-property: transform;
white-space: nowrap;
}
.form .formrow__name {
order: 1;
}
.form .formrow__phone {
order: 3;
}
.form .formrow__company {
-ms-grid-column-span: 2;
grid-column: span 2;
order: 5;
}
@media (max-width: 480px) {
.form .formrow__company {
-ms-grid-column-span: 1;
grid-column: span 1;
}
}
.form .formrow__email {
order: 2;
}
.form .formrow__country {
order: 4;
}
.form .formrow__message {
-ms-grid-column-span: 2;
grid-column: span 2;
order: 6;
position: relative;
}
@media (max-width: 480px) {
.form .formrow__message {
-ms-grid-column-span: 1;
grid-column: span 1;
}
}
.form .formrow__message textarea {
overflow: hidden;
}
.form .formrow__attach {
-ms-grid-column-span: 2;
grid-column: span 2;
order: 7;
}
@media (max-width: 480px) {
.form .formrow__attach {
-ms-grid-column-span: 1;
grid-column: span 1;
}
}
.form .formrow__attach .ginput_preview {
background-color: #f4f5f7;
padding: 10px 50px;
position: relative;
}
.form .formrow__attach .ginput_preview img {
margin-left: -22px;
margin-right: 5px;
opacity: 0;
position: relative;
z-index: 1;
}
.form .formrow__attach .ginput_preview strong {
font-weight: 400;
position: relative;
word-break: break-all;
}
.form .formrow--checkbox .gfield_checkbox input:checked ~ label,
.form .formrow--radio .gfield_radio input:checked ~ label {
font-weight: 400 !important;
}
.form .formrow__attach .ginput_preview strong:after,
.form .formrow__attach .ginput_preview strong:before {
background: #000;
content: "";
height: 1px;
left: -22px;
opacity: 0.5;
position: absolute;
top: 10px;
width: 12px;
}
.form .formrow__attach .ginput_preview strong:after {
transform: rotate(-45deg);
}
.form .formrow__attach .ginput_preview strong:before {
transform: rotate(45deg);
}
.form .formrow--checkbox {
-ms-grid-column-span: 2;
grid-column: span 2;
margin-top: -20px;
order: 8;
}
@media (max-width: 480px) {
.form .formrow--checkbox {
-ms-grid-column-span: 1;
grid-column: span 1;
}
}
.form .formrow--checkbox ul {
list-style: none;
margin: 0;
padding: 0;
}
.form .formrow--checkbox .gfield_checkbox input {
display: none !important;
}
.form .formrow--checkbox .gfield_checkbox input:checked ~ label:before {
opacity: 1;
}
.form .formrow--checkbox .gfield_checkbox input:checked ~ label:after {
border-color: rgba(255, 255, 255, 0.8);
}
.form .formrow--checkbox .gfield_checkbox label {
align-items: center;
color: #fff;
display: flex;
font-size: 0.875rem;
max-width: 100%;
min-height: 20px;
padding-left: 32px;
position: relative;
}
@media (max-width: 1440px) {
.form .formrow--checkbox .gfield_checkbox label {
padding-top: 1px;
}
}
@media (max-width: 767px) {
.form .formrow__attach .ginput_preview strong:after,
.form .formrow__attach .ginput_preview strong:before {
top: 8px;
}
.form .formrow--checkbox .gfield_checkbox label {
padding-bottom: 2px;
padding-top: 2px;
}
}
.form .formrow--checkbox .gfield_checkbox label:after,
.form .formrow--checkbox .gfield_checkbox label:before {
content: "";
position: absolute;
transition-duration: 0.3s;
}
.form .formrow--checkbox .gfield_checkbox label:before {
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
height: 11px;
left: 7px;
opacity: 0;
top: 3px;
transform: rotate(45deg);
transition-property: opacity;
width: 6px;
}
.form .formrow--checkbox .gfield_checkbox label:after {
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 5px;
height: 20px;
left: 0;
top: 0;
transition-property: border-color;
width: 20px;
}
.form .formrow--checkbox .gfield_checkbox li:hover label:after {
border-color: rgba(255, 255, 255, 0.6);
}
.form .formrow--radio {
-ms-grid-column-span: 2;
grid-column: span 2;
}
.form .formrow--radio ul {
list-style: none;
margin: 0;
padding: 0;
}
.form .formrow--radio .gfield_label {
position: static;
font-size: 1.25rem !important;
opacity: 1;
}
.form .formrow--radio .gfield_radio input {
display: none !important;
}
.form .formrow--radio .gfield_radio input:checked ~ label:before {
background-color: #fff;
}
.form .formrow--radio .gfield_radio input:checked ~ label:after {
border-color: rgba(255, 255, 255, 0.8);
}
.form .formrow--radio .gfield_radio label {
align-items: center;
color: #fff;
display: flex;
font-size: 1rem;
max-width: 100%;
min-height: 20px;
padding-left: 32px;
position: relative;
width: 100% !important;
}
@media (max-width: 767px) {
.form .formrow--radio .gfield_radio label {
padding-bottom: 2px;
padding-top: 2px;
}
}
.form .formrow--radio .gfield_radio label:after,
.form .formrow--radio .gfield_radio label:before {
border-radius: 50%;
content: "";
position: absolute;
transition-duration: 0.3s;
}
.form .formrow--radio .gfield_radio label:before {
background-color: rgba(255, 255, 255, 0);
height: 8px;
left: 6px;
top: 6px;
transition-property: background-color;
width: 8px;
}
.form .formrow--radio .gfield_radio label:after {
border: 1px solid rgba(255, 255, 255, 0.4);
height: 20px;
left: 0;
top: 0;
transition-property: border-color;
width: 20px;
}
.form .formrow--radio .gfield_radio li:hover label:after {
border-color: rgba(255, 255, 255, 0.8);
}
.form .formrow__infocus input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.form .formrow__infocus textarea {
border-bottom-color: #fff;
}
.form .formrow__infocus .form__tooltip {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
display: block;
}
.form .formrow--changed .gfield_label,
.form .formrow__infocus .gfield_label {
transform: translateY(-23px);
font-size: 0.75rem;
}
.form .formrow ul {
margin: 0;
padding: 0;
}
.form .gfield_label {
color: rgba(29, 55, 99, 0.5);
left: 30px;
}
.form .gform_wrapper {
margin: 0;
}
.form .gform_wrapper .field_description_below .gfield_description {
color: #939393;
font-size: 0.6875rem;
font-style: italic;
line-height: 1.2;
padding-right: 0;
padding-top: 5px;
}
.form .gform_wrapper .field_description_below .validation_message {
bottom: -18px;
color: red;
font-size: 0.75rem;
font-weight: 400;
overflow: hidden;
padding-top: 5px;
position: absolute;
text-overflow: ellipsis;
white-space: nowrap;
}
.form .gform_wrapper textarea.medium {
height: 34px;
}
.form .gform_wrapper .gfield_required {
display: inline-block;
color: #fff;
margin-left: 2px;
opacity: 0.7;
}
.form .gform_wrapper .charleft,
.form .gform_wrapper .gform_validation_errors,
.form .gform_wrapper .validation_error {
display: none;
}
.form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error {
background-color: transparent;
border: none;
margin-bottom: 0 !important;
max-width: 100% !important;
padding: 0;
}
.form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
max-width: 100% !important;
}
.form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error .gfield_label {
color: rgba(255, 0, 0, 0.9) !important;
margin-top: 0;
}
.form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error textarea {
border: none !important;
border-bottom: 1px solid red !important;
color: red !important;
margin-bottom: 0;
}
.form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error .ginput_container {
margin-top: 0;
}
.form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error .validation_message {
bottom: -18px;
color: red;
font-size: 0.75rem;
font-weight: 400;
padding-top: 5px !important;
position: absolute;
}
.form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error .gfield_required {
color: rgba(255, 0, 0, 0.9);
}
.form
.gform_wrapper.gform_validation_error
.gform_body
.formrow--changed
ul
li.gfield.gfield_error
.ginput_container
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.form .gform_wrapper.gform_validation_error .gform_body .formrow--changed ul li.gfield.gfield_error .ginput_container textarea,
.form
.gform_wrapper.gform_validation_error
.gform_body
.formrow__infocus
ul
li.gfield.gfield_error
.ginput_container
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.form .gform_wrapper.gform_validation_error .gform_body .formrow__infocus ul li.gfield.gfield_error .ginput_container textarea {
border-bottom: 1px solid #fff !important;
color: #fff !important;
}
.form .gform_wrapper .ginput_container_checkbox {
margin-top: 0 !important;
}
.form .gform_wrapper .gform_footer {
margin-top: 50px;
padding: 0;
position: relative;
}
@media (max-width: 1440px) {
.form .gform_wrapper .gform_footer {
margin-top: 40px;
}
}
@media (max-width: 1366px) {
.form .gform_wrapper .gform_footer {
margin-top: 30px;
}
}
.form .gform_wrapper .gform_footer input[type="submit"] {
background-color: #fff;
border-radius: 50px;
border: none;
color: #1e1d28;
cursor: pointer;
display: inline-block;
font-size: 1rem;
font-weight: 600;
line-height: 1.3 !important;
margin: 0;
min-width: 220px;
outline: 0;
padding: 20px !important;
text-align: center;
text-decoration: none;
transition-duration: 0.3s;
transition-property: background-color, color;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
white-space: nowrap;
-webkit-appearance: none;
}
@media (max-width: 1440px) {
.form .gform_wrapper .gform_footer input[type="submit"] {
padding: 16px !important;
}
}
@media (max-width: 640px) {
.form .gform_wrapper .gform_footer input[type="submit"] {
display: block;
margin: auto;
width: 230px;
}
}
.form .gform_wrapper .gform_footer input[type="submit"]:focus,
.form .gform_wrapper .gform_footer input[type="submit"]:hover {
text-decoration: none;
}
.form .gform_wrapper .gform_footer input[type="submit"]:disabled {
cursor: disabled;
opacity: 0.65;
}
.form .gform_wrapper .gform_footer input[type="submit"]:hover {
background-color: #0045cf;
color: #fff;
}
.form .atachfile {
display: flex;
flex-direction: column;
margin-top: 10px;
}
.form .atachfile > ul {
order: 1;
}
.form .atachfile .atachfile_cont {
order: 0;
}
.form .atachfile .atachfile_link {
color: #fff;
cursor: pointer;
font-size: 0.875rem;
font-weight: 600;
margin: 0;
padding: 10px 0 10px 50px;
position: relative;
}
.form .atachfile .atachfile_link:after,
.form .atachfile .atachfile_link:before {
height: 40px;
left: 0;
position: absolute;
width: 40px;
top: 0;
content: "";
}
@media (max-width: 1440px) {
.form .atachfile .atachfile_link {
padding-top: 11px;
}
}
.form .atachfile .atachfile_link:after {
background-color: #fff;
border-radius: 50%;
transition: background-color 0.3s;
}
.form .atachfile .atachfile_link:before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjE5MjYgMS42MDI2NkMxNi4wNTU4IC0wLjUzNDIyIDEyLjU3OTIgLTAuNTM0MjIgMTAuNDQyMyAxLjYwMjY2TDIuMjgyMDQgOS43NjI4NUMyLjAzMDIgMTAuMDE0NyAyLjAzMDIgMTAuNDIyNyAyLjI4MjA0IDEwLjY3NDVDMi41MzM4OCAxMC45MjY0IDIuOTQxODcgMTAuOTI2NCAzLjE5MzcxIDEwLjY3NDVMMTEuMzUzOSAyLjUxNDMzQzEyLjkzNzkgMC45MzE1MyAxNS42OTY5IDAuOTMxNTMgMTcuMjgwOSAyLjUxNDMzQzE4LjkxNDcgNC4xNDgxMyAxOC45MTQ3IDYuODA2OTUgMTcuMjgwOSA4LjQ0MDc1TDUuODg2MyAxOS45NjM3QzQuOTExNjggMjAuOTM4MyAzLjIxMzY0IDIwLjkzODMgMi4yMzkwNyAxOS45NjM3QzEuMjMzNiAxOC45NTgyIDEuMjMzNiAxNy4zMjI1IDIuMjM5MDcgMTYuMzE3TDEzLjE3NzkgNS4yNDkyOUMxMy41NDMgNC44ODQxNCAxNC4xODAyIDQuODg0MTQgMTQuNTQ1NCA1LjI0OTI5QzE0LjkyMjUgNS42MjYzOCAxNC45MjI1IDYuMjQwMjggMTQuNTQ1NCA2LjYxNzQxTDQuMDYzMDEgMTcuMjI4N0MzLjg0NTU4IDE3LjQ0NjEgMy44NDU1OCAxNy45MjI5IDQuMDYzMDEgMTguMTQwM0M0LjMxNDg1IDE4LjM5MjIgNC43MjI4MyAxOC4zOTIyIDQuOTc0NjcgMTguMTQwM0wxNS40NTcgNy41MjkwNEMxNi4zMzcyIDYuNjQ4ODIgMTYuMzM3MiA1LjIxNzc5IDE1LjQ1NyA0LjMzNzYyQzE0LjYwNDUgMy40ODUxNiAxMy4xMTc0IDMuNDg2NDEgMTIuMjY2MiA0LjMzNzYyTDEuMzI3NCAxNS40MDUzQy0wLjE2OTAyOSAxNi45MDE4IC0wLjE2OTAyOSAxOS4zNzg4IDEuMzI3NCAyMC44NzUzQzIuMDU4MzggMjEuNjA2MyAzLjAyOTgyIDIyIDQuMDYyOTYgMjJDNS4wOTYxIDIyIDYuMDY3NjMgMjEuNjA2MyA2Ljc5Nzk3IDIwLjg3NTNMMTguMTkyNiA5LjM1MjM3QzIwLjMyOTUgNy4yMTU0OSAyMC4zMjk1IDMuNzM5NSAxOC4xOTI2IDEuNjAyNjZaIiBmaWxsPSIjMUUxRDI4Ii8+Cjwvc3ZnPgo=);
background-size: 20px;
background-repeat: no-repeat;
background-position: center;
z-index: 1;
}
.form .atachfile .atachfile_link:hover:before,
.form--white .atachfile .atachfile_link:before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljk4NzUgMS42MDI2NkMxNS44NTA3IC0wLjUzNDIxOSAxMi4zNzQxIC0wLjUzNDIxOSAxMC4yMzcyIDEuNjAyNjZMMi4wNzY5NiA5Ljc2Mjg1QzEuODI1MTIgMTAuMDE0NyAxLjgyNTEyIDEwLjQyMjcgMi4wNzY5NiAxMC42NzQ1QzIuMzI4OCAxMC45MjY0IDIuNzM2NzkgMTAuOTI2NCAyLjk4ODYzIDEwLjY3NDVMMTEuMTQ4OCAyLjUxNDMzQzEyLjczMjkgMC45MzE1MyAxNS40OTE4IDAuOTMxNTMgMTcuMDc1OCAyLjUxNDMzQzE4LjcwOTYgNC4xNDgxMyAxOC43MDk2IDYuODA2OTQgMTcuMDc1OCA4LjQ0MDc0TDUuNjgxMjIgMTkuOTYzN0M0LjcwNjYgMjAuOTM4MyAzLjAwODU2IDIwLjkzODMgMi4wMzM5OSAxOS45NjM3QzEuMDI4NTIgMTguOTU4MiAxLjAyODUyIDE3LjMyMjUgMi4wMzM5OSAxNi4zMTdMMTIuOTcyOCA1LjI0OTI5QzEzLjMzNzkgNC44ODQxNCAxMy45NzUxIDQuODg0MTQgMTQuMzQwMyA1LjI0OTI5QzE0LjcxNzQgNS42MjYzOCAxNC43MTc0IDYuMjQwMjcgMTQuMzQwMyA2LjYxNzQxTDMuODU3OTMgMTcuMjI4N0MzLjY0MDUgMTcuNDQ2MSAzLjY0MDUgMTcuOTIyOSAzLjg1NzkzIDE4LjE0MDNDNC4xMDk3NyAxOC4zOTIyIDQuNTE3NzUgMTguMzkyMiA0Ljc2OTU5IDE4LjE0MDNMMTUuMjUxOSA3LjUyOTAzQzE2LjEzMjEgNi42NDg4MiAxNi4xMzIxIDUuMjE3NzkgMTUuMjUxOSA0LjMzNzYyQzE0LjM5OTQgMy40ODUxNiAxMi45MTIzIDMuNDg2NDEgMTIuMDYxMSA0LjMzNzYyTDEuMTIyMzIgMTUuNDA1M0MtMC4zNzQxMDcgMTYuOTAxOCAtMC4zNzQxMDcgMTkuMzc4OCAxLjEyMjMyIDIwLjg3NTNDMS44NTMzMSAyMS42MDYzIDIuODI0NzQgMjIgMy44NTc4OCAyMkM0Ljg5MTAyIDIyIDUuODYyNTUgMjEuNjA2MyA2LjU5Mjg4IDIwLjg3NTNMMTcuOTg3NSA5LjM1MjM3QzIwLjEyNDQgNy4yMTU0OSAyMC4xMjQ0IDMuNzM5NDkgMTcuOTg3NSAxLjYwMjY2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}
.form .atachfile .atachfile_link:hover:after {
background-color: #0045cf;
}
.form .atachfile .atachfile_filename {
background-color: #f4f5f7;
color: rgba(29, 55, 99, 0.5);
position: static;
margin-bottom: 0;
word-break: break-word;
}
.form .atachfile .atachfile_filename:before {
content: "";
}
.form .atachfile .atachfile_filename--correct {
padding: 10px 50px;
position: relative;
}
.form .atachfile .atachfile_filename--correct:after,
.form .atachfile .atachfile_filename--correct:before {
background: #000;
content: "";
height: 1px;
left: 28px;
opacity: 0.5;
position: absolute;
top: 23px;
width: 12px;
}
@media (max-width: 767px) {
.form .atachfile .atachfile_filename--correct:after,
.form .atachfile .atachfile_filename--correct:before {
top: 20px;
}
}
.form .atachfile .atachfile_filename--correct:after {
transform: rotate(-45deg);
}
.form .atachfile .atachfile_filename--correct:before {
transform: rotate(45deg);
}
.form .atachfile .atachfile_filename--correct + .atachfile_remove {
display: block;
}
.form .atachfile .atachfile_filename--error {
background-color: transparent;
color: red;
font-size: 12px;
font-style: italic;
margin-top: -20px;
padding: 10px 10px 0 50px;
}
.form .atachfile .atachfile_text {
display: none;
}
.form .atachfile .gfield_label {
height: 0;
opacity: 0;
overflow: hidden;
width: 0;
}
.form .atachfile .gform_fileupload_rules,
.form .atachfile .screen-reader-text {
display: none !important;
}
.form .atachfile .atachfile_remove {
cursor: pointer;
display: none;
left: 27px;
opacity: 0.3;
position: absolute;
bottom: 14px;
width: 15px;
height: calc(100% - 80px);
}
.form .atachfile input[type="file"] {
cursor: pointer;
height: 1px;
left: 0;
opacity: 0;
padding: 0 !important;
position: absolute;
top: 0;
width: 1px;
}
.form .atachfile input[type="file"].osx {
height: 40px;
top: 10px;
width: 100%;
z-index: 2;
}
.form .gform_delete + strong {
color: rgba(29, 55, 99, 0.5);
}
.form .gform_delete + strong::after,
.form .gform_delete + strong::before {
background-color: rgba(29, 55, 99, 0.5);
}
.form #gform_ajax_spinner_1,
.form #gform_ajax_spinner_12,
.form #gform_ajax_spinner_13,
.form #gform_ajax_spinner_2,
.form #gform_ajax_spinner_3,
.form #gform_ajax_spinner_4,
.form #gform_ajax_spinner_6,
.form #gform_ajax_spinner_7,
.form #gform_ajax_spinner_9 {
bottom: 20px;
height: 20px;
padding-left: 0;
position: absolute;
left: 240px;
width: 20px;
}
@media (max-width: 1440px) {
.form #gform_ajax_spinner_1,
.form #gform_ajax_spinner_12,
.form #gform_ajax_spinner_13,
.form #gform_ajax_spinner_2,
.form #gform_ajax_spinner_3,
.form #gform_ajax_spinner_4,
.form #gform_ajax_spinner_6,
.form #gform_ajax_spinner_7,
.form #gform_ajax_spinner_9 {
bottom: 15px;
}
}
@media (max-width: 640px) {
.form #gform_ajax_spinner_1,
.form #gform_ajax_spinner_12,
.form #gform_ajax_spinner_13,
.form #gform_ajax_spinner_2,
.form #gform_ajax_spinner_3,
.form #gform_ajax_spinner_4,
.form #gform_ajax_spinner_6,
.form #gform_ajax_spinner_7,
.form #gform_ajax_spinner_9 {
bottom: -25px;
left: 50%;
margin-left: -10px;
}
}
.form #gform_ajax_spinner_2 {
right: 50%;
margin-right: -90px;
left: auto;
top: 20px;
}
@media (max-width: 480px) {
.form .formrow--radio {
-ms-grid-column-span: 1;
grid-column: span 1;
}
.form #gform_ajax_spinner_2 {
bottom: auto;
left: auto;
margin-left: 0;
top: 15px;
}
}
.form #gform_ajax_spinner_5 {
bottom: -25px;
left: 50%;
margin-left: -10px;
position: absolute;
padding-left: 0;
height: 20px;
width: 20px;
}
.form--white .form__info {
color: #1e1d28;
}
.form--white .form__info a {
color: #0045cf;
}
.form--white .form__info a:hover {
border-bottom-color: #0045cf;
}
.form--white input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.form--white textarea {
border-bottom: 1px solid rgba(30, 29, 40, 0.15);
color: #1e1d28;
}
.form--white input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):-webkit-autofill,
.form--white textarea:-webkit-autofill {
-webkit-text-fill-color: #1e1d28 !important;
-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}
.form--white input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):-webkit-autofill:focus,
.form--white input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):-webkit-autofill:hover,
.form--white textarea:-webkit-autofill:focus,
.form--white textarea:-webkit-autofill:hover {
-webkit-text-fill-color: #1e1d28 !important;
-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}
.form--white input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"])::-moz-placeholder,
.form--white textarea::-moz-placeholder {
color: #8a8a8a;
}
.form--white input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):-ms-input-placeholder,
.form--white textarea:-ms-input-placeholder {
color: #8a8a8a;
}
.form--white input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"])::placeholder,
.form--white textarea::placeholder {
color: #8a8a8a;
}
.form--download .formrow--linkedin a,
.form--white .atachfile .atachfile_link,
.form--white .formrow .gfield_label,
.form--white .formrow .gfield_required,
.form--white .formrow--checkbox .gfield_checkbox label {
color: #1e1d28;
}
.form--white .formrow--checkbox .gfield_checkbox input:checked ~ label:before {
border-color: #1e1d28;
}
.form--white .formrow--checkbox .gfield_checkbox input:checked ~ label:after {
border-color: rgba(30, 29, 40, 0.8);
}
.form--white .formrow--checkbox .gfield_checkbox label:before {
background-color: rgba(30, 29, 40, 0);
}
.form--white .formrow--checkbox .gfield_checkbox label:after {
border: 1px solid rgba(30, 29, 40, 0.4);
}
.form--white .formrow--checkbox .gfield_checkbox li {
margin-bottom: 1rem;
}
.form--white .formrow--checkbox .gfield_checkbox li:hover label:after {
border-color: rgba(30, 29, 40, 0.8);
}
.form--white .formrow__infocus input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.form--white .formrow__infocus textarea {
border-bottom-color: rgba(30, 29, 40, 0.5);
}
.form--white .atachfile .atachfile_link:after {
background-color: #1e1d28;
}
.form--white .atachfile .atachfile_link:hover:after {
background-color: #0045cf;
}
.form--white .atachfile .atachfile_filename--error {
background-color: transparent;
}
.form--white
.gform_wrapper.gform_validation_error
.gform_body
.formrow--changed
ul
li.gfield.gfield_error
.ginput_container
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.form--white .gform_wrapper.gform_validation_error .gform_body .formrow--changed ul li.gfield.gfield_error .ginput_container textarea {
border-bottom: 1px solid rgba(30, 29, 40, 0.15) !important;
color: #1e1d28 !important;
}
.form--white
.gform_wrapper.gform_validation_error
.gform_body
.formrow__infocus
ul
li.gfield.gfield_error
.ginput_container
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.form--white .gform_wrapper.gform_validation_error .gform_body .formrow__infocus ul li.gfield.gfield_error .ginput_container textarea {
border-bottom: 1px solid rgba(30, 29, 40, 0.5) !important;
color: #1e1d28 !important;
}
.form--white .gform_wrapper .gform_footer input[type="submit"] {
background-color: #1e1d28;
color: #fff;
}
.form--white .gform_wrapper .gform_footer input[type="submit"]:hover {
background-color: #0045cf;
}
.form--download {
background-color: #fff;
border-radius: 10px;
padding: 60px 60px 100px;
position: relative;
}
@media (max-width: 640px) {
.form--download {
min-width: 100% !important;
padding: 40px 20px 60px !important;
}
}
.form--download .form__info {
-ms-grid-column-span: 1;
grid-column: span 1;
}
.form--download .formrowlist {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.form--download .formrow--checkbox,
.form--download .formrow__company {
-ms-grid-column-span: 1;
grid-column: span 1;
}
.form--download .formrow--linkedin {
align-items: center;
display: flex;
font-size: 0.75rem;
margin-bottom: 0.5rem;
order: 6;
}
.form--download .formrow--linkedin a {
align-items: center;
display: flex;
text-decoration: none;
}
.form--download .formrow--linkedin-img {
background: url(//www.staqu.com/wp-content/themes/staqu/video-slider/img/linkedin.png) center no-repeat;
background-size: cover;
cursor: pointer;
height: 13px;
margin-left: 10px;
width: 53px;
}
.form--download .gform_wrapper .gform_footer {
background-image: linear-gradient(97deg, #a55ccb 0, #0a46cf 50%, #a55ccb 100%);
background-size: 200% auto;
border-radius: 0 0 10px 10px;
bottom: 0;
left: 0;
margin: 0;
padding: 0;
position: absolute;
right: 0;
transition: background-position 0.3s;
}
.form--download .gform_wrapper .gform_footer:before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMi4wMDEgNTEyLjAwMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyLjAwMSA1MTIuMDAxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIGNsYXNzPSIiPjxnPjxnPgoJPGc+CgkJPHBhdGggZD0iTTQwNS45NjcsMTg3LjQ2N2MtMS4wNjktNzguMDYxLTY0LjkwMi0xNDEuMjM5LTE0My4yMTMtMTQxLjIzOWMtMzQuODM1LDAtNjguMzk2LDEyLjY3Mi05NC40OTgsMzUuNjgyICAgIGMtMjMuMjk2LDIwLjUzNS0zOS4yMzIsNDcuOTc3LTQ1LjU0Myw3OC4xMDZjLTAuNDYxLTAuMDA1LTAuOTE4LTAuMDA5LTEuMzc0LTAuMDA5QzU0LjQzNCwxNjAuMDA4LDAsMjE0LjQ0MSwwLDI4MS4zNDcgICAgczU0LjQzNCwxMjEuMzM5LDEyMS4zNCwxMjEuMzM5aDQ0LjUzNGM2LjAyOSwwLDEwLjkxOS00Ljg4OCwxMC45MTktMTAuOTE5YzAtNi4wMzEtNC44OS0xMC45MTktMTAuOTE5LTEwLjkxOUgxMjEuMzQgICAgYy01NC44NjYsMC05OS41MDItNDQuNjM2LTk5LjUwMi05OS41MDFzNDQuNjM2LTk5LjUwMSw5OS41MDItOTkuNTAxYzIuOTIzLDAsNi4wMTMsMC4xNTcsOS40NDgsMC40OCAgICBjNS44MjIsMC41NCwxMS4wNDktMy41OTYsMTEuODQyLTkuMzk2YzMuOTMyLTI4LjgyLDE4LjE2MS01NS4zMjcsNDAuMDY3LTc0LjYzOGMyMi4xMTEtMTkuNDkyLDUwLjU0Mi0zMC4yMjYsODAuMDU2LTMwLjIyNiAgICBjNjYuOTM1LDAsMTIxLjM4OSw1NC40NTUsMTIxLjM4OSwxMjEuMzg5YzAsMi40MS0wLjQ0OSw4LjY0Mi0wLjQ0OSw4LjY0MmMtMC4yMjcsMy4yMTIsMC45NzUsNi4zNjEsMy4yODcsOC42MDQgICAgYzIuMzA5LDIuMjQzLDUuNDg4LDMuMzQ5LDguNjk3LDMuMDNjMi45MDQtMC4yOTMsNS44MzQtMC40NCw4LjcwOC0wLjQ0YzQ3LjI5NywwLDg1Ljc3OCwzOC40OCw4NS43NzgsODUuNzc4ICAgIGMwLDQ3LjI5Ny0zOC40OCw4NS43NzctODUuNzc4LDg1Ljc3N2gtNDguOTAyYy02LjAyOSwwLTEwLjkxOSw0Ljg4OC0xMC45MTksMTAuOTE5czQuODksMTAuOTE5LDEwLjkxOSwxMC45MTloNDguOTAyICAgIGM1OS4zMzksMCwxMDcuNjE2LTQ4LjI3NSwxMDcuNjE2LTEwNy42MTVDNTEyLDIzNi4yNjEsNDY0LjU4LDE4OC4zMTcsNDA1Ljk2NywxODcuNDY3eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkZGRkZGIiBkYXRhLW9sZF9jb2xvcj0iI2ZmZmZmZiI+PC9wYXRoPgoJPC9nPgo8L2c+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMjYyLjc1NSw5Ny41NDhjLTQ1LjY1OCwwLTg0Ljc0MiwzNC4xMjEtOTAuOTE0LDc5LjM2N2MtMC44MTUsNS45NzUsMy4zNzEsMTEuNDYyLDkuMzQzLDEyLjI5NSAgICBjNi4zNjgsMC44ODgsMTEuNTQ4LTMuODY5LDEyLjI5NS05LjM0M2M0LjcwMi0zNC40NzksMzQuNDg0LTYwLjQ4LDY5LjI3Ni02MC40OGM2LjAzMSwwLDEwLjkxOS00Ljg4OCwxMC45MTktMTAuOTE5ICAgIEMyNzMuNjc0LDEwMi40MzYsMjY4Ljc4NSw5Ny41NDgsMjYyLjc1NSw5Ny41NDh6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNGRkZGRkYiIGRhdGEtb2xkX2NvbG9yPSIjZmZmZmZmIj48L3BhdGg+Cgk8L2c+CjwvZz48Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zMTMuMjc5LDQxMC4yODNjLTQuMDE3LTQuNDk2LTEwLjkyLTQuODg3LTE1LjQxOC0wLjg2OGwtMjYuMjY1LDIzLjQ2M1YyOTguNTQ3YzAtNi4wMzEtNC44OS0xMC45MTktMTAuOTE5LTEwLjkxOSAgICBjLTYuMDMxLDAtMTAuOTE5LDQuODg4LTEwLjkxOSwxMC45MTl2MTM0LjMzbC0yNi4yNjQtMjMuNDYzYy00LjQ5Ni00LjAxOC0xMS40MDEtMy42MjctMTUuNDE3LDAuODY4ICAgIGMtNC4wMTgsNC40OTgtMy42MywxMS4zOTksMC44NjgsMTUuNDE4bDM5LjcxNywzNS40ODNjMy40MjUsMy4wNjEsNy43MTksNC41OSwxMi4wMTQsNC41OWM0LjI5NCwwLDguNTg5LTEuNTMsMTIuMDEzLTQuNTg5ICAgIGwzOS43MTktMzUuNDgzQzMxNi45MDcsNDIxLjY4NCwzMTcuMjk2LDQxNC43ODEsMzEzLjI3OSw0MTAuMjgzeiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkZGRkZGIiBkYXRhLW9sZF9jb2xvcj0iI2ZmZmZmZiI+PC9wYXRoPgoJPC9nPgo8L2c+PC9nPiA8L3N2Zz4=);
background-position: center;
background-repeat: no-repeat;
background-size: 27px;
content: "";
height: 27px;
left: 50%;
margin-left: -95px;
position: absolute;
top: 16px;
width: 27px;
}
@media (max-width: 480px) {
.form--download .gform_wrapper .gform_footer:before {
top: 11px;
}
.form--download .gform_wrapper .gform_footer input[type="submit"] {
padding: 15px;
}
}
.form--download .gform_wrapper .gform_footer:hover {
background-position: right center;
}
.form--download .gform_wrapper .gform_footer input[type="submit"] {
background: 0 0;
color: #fff;
display: block;
position: relative;
width: 100%;
}
.autocomplete-items,
.search-block {
position: absolute;
top: 100%;
z-index: 1;
}
.form--download .gform_wrapper .gform_footer input[type="submit"]:hover {
background: 0 0;
}
@media (max-width: 641px) {
.form--download .gform_wrapper .gform_footer input[type="submit"] {
line-height: inherit !important;
}
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-10%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-10%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(10%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(10%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 20%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 20%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.ie .formrowlist {
display: block !important;
}
.ie .formrow {
margin-bottom: 30px;
}
.ie .formrow--checkbox,
.ie .formrow--linkedin {
margin-bottom: 20px;
}
.ie .form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error .validation_message {
bottom: -20px;
}
.ie .form--download .formrow--checkbox {
margin-top: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.formrow {
margin-bottom: 30px;
}
.formrow--checkbox,
.formrow--linkedin {
margin-bottom: 20px;
}
.form .formrowlist {
display: block !important;
}
.form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error .validation_message {
bottom: -20px;
}
.form--download .formrow--checkbox,
.form__info {
margin-top: 0;
}
}
.autocomplete-items {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
left: 0;
max-height: 300px;
overflow: auto;
right: 0;
}
.autocomplete-items div {
border-radius: 8px;
font-size: 1rem;
margin: 0 10px;
padding: 7px 16px;
cursor: pointer;
color: #1e1d28;
}
.autocomplete-items div:first-child {
margin-top: 10px;
}
.autocomplete-items div:last-child {
margin-bottom: 10px;
}
.autocomplete-active,
.autocomplete-items div:hover {
background-color: #f9f9f9;
}
html[dir="rtl"] .gform_wrapper ul:not(.top_label) .gfield_description,
html[dir="rtl"] .gform_wrapper ul:not(.top_label) .ginput_container:not(.ginput_container_time) {
margin-right: 0 !important;
width: 100% !important;
}
html[dir="rtl"] .gform_wrapper ul:not(.top_label) .gfield_description.validation_message {
padding-bottom: 0 !important;
padding-top: 5px !important;
margin-right: 0 !important;
}
html[dir="rtl"] .gform_wrapper ul:not(.top_label) label.gfield_label {
margin-left: 0 !important;
}
html[dir="rtl"] .form__tooltip {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
left: auto;
right: 100%;
margin-left: 0;
margin-right: 10px;
}
html[dir="rtl"] .form__tooltip:after {
border-bottom: 10px solid transparent;
border-left: 10px solid #fff;
border-top: 10px solid transparent;
border-right: none;
left: 100%;
right: auto;
}
@media (max-width: 1000px) {
html[dir="rtl"] .form__tooltip {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
left: 0;
margin: 0 0 20px;
right: 0;
}
html[dir="rtl"] .form__tooltip:after {
border-bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #fff;
left: auto;
right: 20px;
}
}
html[dir="rtl"] .form .formrow .gfield_label {
left: auto;
right: 0;
}
html[dir="rtl"] .form .formrow__attach .ginput_preview img {
margin-right: -22px;
margin-left: 5px;
}
html[dir="rtl"] .form .formrow__attach .ginput_preview strong:after,
html[dir="rtl"] .form .formrow__attach .ginput_preview strong:before {
left: auto;
right: -22px;
}
html[dir="rtl"] .form .formrow--checkbox .gfield_checkbox label {
padding-left: 0;
padding-right: 32px;
}
html[dir="rtl"] .form .formrow--checkbox .gfield_checkbox label:before {
left: auto;
right: 7px;
}
html[dir="rtl"] .form .formrow--checkbox .gfield_checkbox label:after {
left: auto;
right: 0;
}
html[dir="rtl"] .form .formrow--radio .gfield_radio label {
padding-left: 0;
padding-right: 32px;
}
html[dir="rtl"] .form .formrow--radio .gfield_radio label:before {
left: auto;
right: 6px;
}
html[dir="rtl"] .form .formrow--radio .gfield_radio label:after {
left: auto;
right: 0;
}
html[dir="rtl"] .form .gfield_label {
left: auto;
right: 30px;
}
html[dir="rtl"] .form .gform_wrapper .gform_footer input[type="submit"] {
font-family: Arial, SourceSansPro, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
text-align: center !important;
}
html[dir="rtl"] .form .atachfile .atachfile_link {
padding-left: 0;
padding-right: 50px;
}
html[dir="rtl"] .form .atachfile .atachfile_link:after,
html[dir="rtl"] .form .atachfile .atachfile_link:before {
left: auto;
right: 0;
}
html[dir="rtl"] .form .atachfile .atachfile_filename--correct:after,
html[dir="rtl"] .form .atachfile .atachfile_filename--correct:before {
left: auto;
right: 28px;
}
html[dir="rtl"] .form .atachfile .atachfile_filename--error {
padding-left: 10px;
padding-right: 50px;
}
html[dir="rtl"] .form .atachfile .atachfile_remove {
left: auto;
right: 27px;
}
html[dir="rtl"] .form #gform_ajax_spinner_1,
html[dir="rtl"] .form #gform_ajax_spinner_2,
html[dir="rtl"] .form #gform_ajax_spinner_3,
html[dir="rtl"] .form #gform_ajax_spinner_4,
html[dir="rtl"] .form #gform_ajax_spinner_6 {
left: auto;
right: 240px;
}
@media (max-width: 640px) {
html[dir="rtl"] .form #gform_ajax_spinner_1,
html[dir="rtl"] .form #gform_ajax_spinner_2,
html[dir="rtl"] .form #gform_ajax_spinner_3,
html[dir="rtl"] .form #gform_ajax_spinner_4,
html[dir="rtl"] .form #gform_ajax_spinner_6 {
left: 50%;
right: auto;
}
}
.search-block {
background-color: #fff;
border-radius: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
display: none;
margin-top: 20px;
padding: 40px;
right: -100px;
}
@media (max-width: 960px) {
.search-block {
border-radius: 0;
border-top: 1px solid rgba(30, 29, 40, 0.15);
left: 0;
margin-top: 0;
padding: 25px 20px 40px;
position: fixed;
right: 0;
top: 50px;
}
}
.search__form {
position: relative;
}
.search__icon {
cursor: pointer;
fill: #1e1d28;
height: 20px;
transition: fill 0.3s;
vertical-align: middle;
width: 20px;
}
.search__icon.active ~ .search-block {
display: block;
}
.search__icon:hover {
fill: #0045cf !important;
}
.search__field {
background: 0 0;
border: none;
border-bottom: 1px solid rgba(30, 29, 40, 0.15);
color: #373737;
font-family: "Proxima Nova", Arial, SourceSansPro, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 1.25rem;
outline: 0;
padding: 12px 0 12px 40px;
width: 540px;
}
@media (max-width: 1440px) {
.search__field {
font-size: 1.143rem;
padding: 7px 0 7px 35px;
width: 300px;
}
}
@media (max-width: 960px) {
.search__icon {
display: none;
}
.search__field {
font-size: 1rem;
padding-left: 25px;
width: 100%;
}
}
.search__field:-webkit-autofill {
-webkit-text-fill-color: #373737 !important;
-webkit-box-shadow: 0 0 0 1000px #f9f9f9 inset !important;
border-bottom-color: #dddddf;
}
.search__field:-webkit-autofill:focus,
.search__field:-webkit-autofill:hover {
-webkit-text-fill-color: #373737 !important;
-webkit-box-shadow: 0 0 0 1000px #f9f9f9 inset !important;
border-bottom-color: #dddddf;
}
.search__submit,
.slick-next,
.slick-prev {
border: none;
position: absolute;
height: 20px;
}
.search__submit {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiMxRTFEMjgiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE5LjAxNiAxOC4yMTdsLTQuNzYtNC45NWE4LjA0OSA4LjA0OSAwIDAgMCAxLjg5NC01LjE5MkMxNi4xNSAzLjYyMyAxMi41MjcgMCA4LjA3NSAwIDMuNjIzIDAgMCAzLjYyMyAwIDguMDc1YzAgNC40NTIgMy42MjMgOC4wNzUgOC4wNzUgOC4wNzVhNy45ODkgNy45ODkgMCAwIDAgNC42MjYtMS40NjFsNC43OTYgNC45ODhjLjIuMjA4LjQ3LjMyMy43Ni4zMjNhMS4wNTUgMS4wNTUgMCAwIDAgLjc1OS0xLjc4M3pNOC4wNzUgMi4xMDdhNS45NzUgNS45NzUgMCAwIDEgNS45NjggNS45NjggNS45NzUgNS45NzUgMCAwIDEtNS45NjggNS45NjggNS45NzUgNS45NzUgMCAwIDEtNS45NjgtNS45NjggNS45NzUgNS45NzUgMCAwIDEgNS45NjgtNS45Njh6Ii8+Cjwvc3ZnPgo=);
background-size: contain;
left: 0;
outline: 0;
padding: 0;
top: 14px;
width: 20px;
}
@media (max-width: 1440px) {
.search__submit {
top: 7px;
}
}
@media (max-width: 960px) {
.search__submit {
height: 13px;
top: 9px;
width: 13px;
}
}
.search__result {
font-size: 1.25rem;
line-height: 1.5;
margin-bottom: 32px;
}
.search__result strong {
font-weight: 600;
}
.search__filter .search__form {
display: flex;
margin-bottom: 48px;
}
@media (max-width: 767px) {
.search__filter .search__form {
flex-wrap: wrap;
}
}
.search__filter .search__field {
height: 50px;
width: 100%;
}
.search__filter .search__fieldWrap {
flex-grow: 1;
margin-right: 30px;
}
@media (max-width: 1440px) {
.search__filter .search__submit {
top: 15px;
}
}
.search__filter .selectric-wrapper {
width: 420px;
}
@media (max-width: 960px) {
.search__filter .search__submit {
top: 18px;
}
.search__filter .selectric-wrapper {
width: 350px;
}
}
.search__filter .selectric-wrapper .selectric .label {
height: 50px;
line-height: 50px;
font-size: 1.25rem;
}
.popup__title,
.search__nothing-found {
font-size: 1.875rem;
font-weight: 600;
}
.slick-dots li button,
.slick-next,
.slick-prev {
background: 0 0;
color: transparent;
font-size: 0;
outline: 0;
}
.search-no-results .search__result {
margin-bottom: 15px;
}
@media (min-width: 961px) {
.home .search__icon,
.single-expertise .search__icon,
.single-industries .search__icon,
.single-news .search__icon,
.single-post .search__icon,
.single-products .search__icon,
.single-services .search__icon,
.transparent_header .search__icon {
fill: #fff;
}
}
.header--stick .search__icon,
.header--white .search__icon,
.lang__arrow {
fill: #1e1d28;
}
[dir="rtl"] .search-block {
left: -100px;
right: auto;
}
[dir="rtl"] .search__field {
padding-left: 0;
padding-right: 40px;
}
@media (max-width: 1440px) {
[dir="rtl"] .search__field {
padding-left: 0;
padding-right: 35px;
}
}
@media (max-width: 960px) {
[dir="rtl"] .search-block {
left: 0;
}
[dir="rtl"] .search__field {
padding-left: 0;
padding-right: 25px;
}
}
[dir="rtl"] .search__submit {
left: auto;
right: 0;
}
[dir="rtl"] .search__filter .search__fieldWrap {
margin-left: 30px;
margin-right: 0;
}
@media (max-width: 767px) {
.search__filter .search__fieldWrap {
flex-basis: 100%;
margin-bottom: 15px;
margin-right: 0;
}
.search__filter .selectric-wrapper {
width: 100%;
}
.search__filter .form-filter {
flex-basis: 100%;
}
[dir="rtl"] .search__filter .search__fieldWrap {
margin-left: 0;
}
}
.slick-slide,
.slick-slide a {
outline: 0;
}
.slick-next,
.slick-prev {
cursor: pointer;
display: block;
line-height: 0;
padding: 0;
top: 50%;
transform: translate(0, -50%);
width: 20px;
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
background: 0 0;
color: transparent;
outline: 0;
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
opacity: 1;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
opacity: 0.25;
}
.slick-next:before,
.slick-prev:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: #fff;
font-size: 20px;
line-height: 1;
opacity: 0.75;
}
.slick-prev {
left: -25px;
}
[dir="rtl"] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "←";
}
.slick-next:before,
[dir="rtl"] .slick-prev:before {
content: "→";
}
.slick-next {
right: -25px;
}
[dir="rtl"] .slick-next {
left: -25px;
right: auto;
}
[dir="rtl"] .slick-next:before {
content: "←";
}
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
bottom: -25px;
display: block;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
text-align: center;
width: 100%;
}
.slick-dots li {
cursor: pointer;
display: inline-block;
height: 20px;
margin: 0 5px;
padding: 0;
position: relative;
width: 20px;
}
.slick-dots li button,
.video {
display: block;
cursor: pointer;
}
.slick-dots li button:after,
.slick-dots li button:before {
left: 50%;
position: absolute;
top: 50%;
content: "";
}
.slick-dots li button {
border: 0;
height: 22px;
line-height: 0;
padding: 5px;
width: 22px;
}
.dots--white .slick-dots li button:before,
.video__play:after {
background-color: #fff;
}
.slick-dots li button:focus,
.slick-dots li button:hover {
outline: 0;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
opacity: 0.7;
}
.slick-dots li button:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
border-radius: 50%;
height: 10px;
opacity: 0.2;
transform: translate(-5px, -5px);
transition: opacity 0.3s;
width: 10px;
}
.slick-dots li button:after {
border: 1px solid;
border-radius: 50%;
height: 120%;
transform: translate3d(-50%, -50%, 0) scale(0);
transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1);
width: 120%;
}
.slick-dots li.slick-active button:before {
opacity: 1;
}
.slick-dots li.slick-active button:after {
transform: translate3d(-50%, -50%, 0) scale(1);
transition: transform 0.45s cubic-bezier(0.6, 0.01, 0, 1.38);
}
.dots--white .slick-dots li.slick-active button:after {
border-color: #fff;
}
.dots--black .slick-dots li.slick-active button:after,
.hide_show_menu {
border-color: #000;
}
.dots--black .slick-dots li button:before {
background-color: #000;
}
.dots--top .slick-dots {
bottom: auto;
top: 0;
}
.video {
height: 100%;
position: relative;
text-decoration: none;
}
.video__imageWrap,
.video__mask {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.video__image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
transition: transform 0.3s;
}
.video__mask {
background-image: linear-gradient(204deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
.video__play,
.video__play:after,
.video__play:before {
left: 50%;
position: absolute;
top: 50%;
}
.video__play {
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.5);
height: 70px;
transform: translate(-50%, -50%);
transition: border-color 0.3s;
width: 70px;
}
.video__play:before {
border-bottom: 8px solid transparent;
border-left: 17px solid #1e1d28;
border-top: 8px solid transparent;
content: "";
margin: -8px 0 0 -7px;
z-index: 1;
}
.video:hover .video__play,
.video__play:hover {
border-color: #fff;
}
.video__play:after {
border-radius: 50%;
content: "";
height: 54px;
transform: translate(-50%, -50%);
width: 54px;
}
.popup,
.popup__bg {
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.video:hover .video__image {
transform: scale(1.1);
}
.popup {
display: none;
position: fixed;
z-index: 999;
}
.popup.open,
.social,
.social__link {
display: flex;
}
.popup.open .popup__bg {
-webkit-animation: fadeIn 0.3s;
animation: fadeIn 0.3s;
}
.popup__bg {
background-color: rgba(0, 0, 0, 0.25);
position: absolute;
}
.popup__bg.darken {
background-color: rgba(0, 0, 0, 0.8);
}
.popup__close {
cursor: pointer;
height: 50px;
position: absolute;
right: 10px;
top: 10px;
width: 50px;
z-index: 2;
}
.popup__close:after,
.popup__close:before {
background-color: #fff;
content: "";
display: block;
height: 2px;
position: absolute;
right: 9px;
top: 23px;
transition-property: background-color, opacity;
transition-duration: 0.3s;
width: 32px;
}
.popup__close:after {
transform: rotate(45deg);
}
.popup__close:before {
transform: rotate(-45deg);
}
@media (max-width: 560px) {
.popup__close.blue:after,
.popup__close.blue:before {
background-color: #0045cf;
}
}
.popup__close--black:after,
.popup__close--black:before {
background-color: #1e1d28;
opacity: 0.2;
}
.popup__close--black:hover:after,
.popup__close--black:hover:before {
background-color: #1e1d28;
opacity: 0.4;
}
.popup__title {
color: #1e1d28;
margin: 0 0 10px;
text-align: center;
}
.popup__content {
margin: auto;
padding: 40px;
position: relative;
z-index: 1;
}
@media (max-width: 560px) {
.popup__content {
padding: 20px;
}
}
.popup__content--white {
background-color: #fff;
border-radius: 3px;
max-width: 540px;
}
@media (max-width: 767px) {
.popup__content--white {
min-width: auto !important;
max-width: 100%;
padding: 40px 30px 20px !important;
}
}
@media (max-height: 500px) {
.popup__content--white {
height: 100%;
overflow: auto;
}
}
.popup__content--white .popup__close:after,
.popup__content--white .popup__close:before {
background-color: #0045cf;
}
.popup__content iframe {
max-width: 100%;
position: relative;
z-index: 1;
}
@media (max-width: 960px) {
.popup__content iframe {
height: 490px;
}
.lang__arrow {
display: none;
}
}
@media (max-width: 640px) {
.popup__content iframe {
height: 320px;
}
}
@media (max-width: 420px) {
.popup__content iframe {
height: 220px;
}
}
@media (max-height: 600px) {
.popup__content iframe {
height: 400px;
}
}
@media (max-height: 450px) {
.popup__content iframe {
height: 300px;
}
}
@media (max-height: 380px) {
.popup__content iframe {
height: 260px;
}
}
.popup__content .subtitle {
padding-right: 40px;
}
.popup--download .popup__close:after,
.popup--download .popup__close:before {
background-color: #d2d2d4;
height: 3px;
}
.popup--download .popup__close:hover:after,
.popup--download .popup__close:hover:before {
background-color: #969697;
}
.loader {
-webkit-animation: load 1.1s infinite ease-in-out;
animation: load 1.1s infinite ease-in-out;
border-bottom: 5px solid rgba(255, 255, 255, 0.2);
border-left: 5px solid #fff;
border-radius: 50%;
border-right: 5px solid rgba(255, 255, 255, 0.2);
border-top: 5px solid rgba(255, 255, 255, 0.2);
height: 60px;
left: 50%;
margin: -30px 0 0 -30px;
position: absolute;
top: 50%;
width: 60px;
}
.lang,
.lang__item.selected {
position: relative;
}
@-webkit-keyframes load {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@keyframes load {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.social {
list-style: none;
margin: 30px 0 0;
padding: 0;
}
.social__item {
margin-right: 20px;
}
.social__link {
align-items: center;
background-color: #1e1d28;
border-radius: 50%;
height: 50px;
justify-content: center;
width: 50px;
transition: background-color 0.3s;
}
@media (max-width: 1440px) {
.social__link {
height: 40px;
width: 40px;
}
}
.social__link:hover {
background-color: #0045cf;
}
.lang {
width: 72px;
}
.lang__item {
color: #1e1d28;
cursor: pointer;
font-size: 1rem;
font-weight: 700;
line-height: 1.14;
transition-duration: 0.3s;
transition-property: background-color, color;
}
.lang__item + .lang__item {
border-top: 1px solid #f1f0f4;
}
.lang__arrow {
position: absolute;
right: -4px;
top: 50%;
transition-duration: 0.3s;
transition-property: margin-top, transform;
transform: translate(-50%, -50%) rotate(180deg);
}
@media (max-width: 1440px) {
.lang__arrow {
height: auto;
right: 0;
width: 12px;
}
}
.lang__link {
color: #1e1d28;
display: block;
padding: 18px 20px;
text-align: center;
text-decoration: none;
transition-duration: 0.3s;
transition-property: background-color, color;
}
.lang__link:hover {
color: #0045cf;
}
.lang__items {
background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
border-radius: 0 0 6px 6px;
display: none;
left: 0;
list-style: none;
margin: 13px 0 0;
padding: 0;
position: absolute;
top: 100%;
width: 100%;
}
.header__menu > li > .dropdown-menu__wrapper:after,
.lang__items:after {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0) 100%);
content: "";
z-index: 1;
}
.lang__items:after {
height: 5px;
left: 0;
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 960px) {
.lang__items:after {
display: none;
}
}
.lang.active .lang__items {
display: block;
}
.lang.active .lang__arrow {
transform: translate(-50%, -50%) rotate(0);
}
[dir="rtl"] .lang__item {
font-size: 0.888rem;
}
[dir="rtl"] .lang__arrow {
right: auto;
left: 5px;
}
.whitepaper__list {
flex-wrap: wrap;
}
.whitepaper__block {
flex: 0 0 48%;
margin-bottom: 50px;
text-decoration: none;
}
@media (max-width: 640px) {
.whitepaper__block {
flex-basis: 100%;
}
}
.whitepaper__image {
align-items: center;
background-color: #f9f9f9;
background-image: radial-gradient(circle at 48% 50%, #fff, rgba(0, 0, 0, 0.1));
border-radius: 10px;
display: flex;
height: 450px;
justify-content: center;
margin-bottom: 26px;
padding: 100px;
}
@media (max-width: 960px) {
.whitepaper__image {
padding: 50px;
}
}
@media (max-width: 420px) {
.whitepaper__image {
height: 350px;
padding: 30px;
}
}
.whitepaper__image img {
height: 100%;
width: auto;
}
.whitepaper__title {
color: #1e1d28;
font-weight: 600;
font-size: 1.875rem;
line-height: 1.33;
margin: 0;
}
@media (max-width: 1440px) {
[dir="rtl"] .lang__arrow {
left: 9px;
}
.whitepaper__title {
font-size: 1.429rem;
}
}
.testimonial {
background: #2c2a39;
background-size: 20px;
border-radius: 10px;
margin-left: 10px;
margin-right: 10px;
padding: 50px 40px;
position: relative;
text-align: center;
}
.testimonial:not(:first-child) {
display: none;
}
.testimonial--gray {
background: #f7f7fb;
}
.testimonial__slider {
margin-left: -10px;
margin-right: -10px;
}
.testimonial__slider.slick-dotted.slick-slider {
margin-bottom: 60px;
}
.testimonial__slider .slick-dots {
bottom: -55px;
}
.testimonial__slider .slick-track {
display: flex;
}
.testimonial__slider .slick-slide {
height: auto;
}
.testimonial__slider.slick-initialized .testimonial {
display: block;
}
.testimonial__text {
color: #c0bfc3;
margin: 0 0 30px;
padding-top: 50px;
position: relative;
}
.testimonial__text:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMi41IDUxMi41IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIuNSA1MTIuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPgoJPHBhdGggZD0iTTExMi41LDIwOC4yNWM2MS44NTYsMCwxMTIsNTAuMTQ1LDExMiwxMTJzLTUwLjE0NCwxMTItMTEyLDExMnMtMTEyLTUwLjE0NS0xMTItMTEybC0wLjUtMTYgICBjMC0xMjMuNzEyLDEwMC4yODgtMjI0LDIyNC0yMjR2NjRjLTQyLjczNywwLTgyLjkxNywxNi42NDMtMTEzLjEzNyw0Ni44NjNjLTUuODE3LDUuODE4LTExLjEyNiwxMi4wMDgtMTUuOTE1LDE4LjUxICAgQzEwMC42NjcsMjA4LjcyMywxMDYuNTI4LDIwOC4yNSwxMTIuNSwyMDguMjV6IE00MDAuNSwyMDguMjVjNjEuODU1LDAsMTEyLDUwLjE0NSwxMTIsMTEycy01MC4xNDUsMTEyLTExMiwxMTIgICBzLTExMi01MC4xNDUtMTEyLTExMmwtMC41LTE2YzAtMTIzLjcxMiwxMDAuMjg3LTIyNCwyMjQtMjI0djY0Yy00Mi43MzYsMC04Mi45MTgsMTYuNjQzLTExMy4xMzcsNDYuODYzICAgYy01LjgxOCw1LjgxOC0xMS4xMjcsMTIuMDA4LTE1LjkxNiwxOC41MUMzODguNjY2LDIwOC43MjMsMzk0LjUyNywyMDguMjUsNDAwLjUsMjA4LjI1eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkZGRkZGIiBkYXRhLW9sZF9jb2xvcj0iI2ZmZmZmZiI+PC9wYXRoPgo8L2c+PC9nPiA8L3N2Zz4=);
background-size: cover;
content: "";
height: 20px;
left: 50%;
margin-left: -10px;
position: absolute;
top: 0;
width: 20px;
}
.testimonial__text p {
margin: 0;
}
.testimonial__text--gray {
color: #373737;
}
.testimonial__text--gray:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxtYXNrIGlkPSJtYXNrMCIgbWFzay10eXBlPSJhbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIwIj4KPHJlY3Qgd2lkdGg9IjIxLjE0MjkiIGhlaWdodD0iMjAiIGZpbGw9InVybCgjcGF0dGVybjApIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMCkiPgo8cmVjdCB3aWR0aD0iMjEuMTQyOSIgaGVpZ2h0PSIyMCIgZmlsbD0iIzFFMUQyOCIvPgo8L2c+CjxkZWZzPgo8cGF0dGVybiBpZD0icGF0dGVybjAiIHBhdHRlcm5Db250ZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIj4KPHVzZSB4bGluazpocmVmPSIjaW1hZ2UwIiB0cmFuc2Zvcm09InNjYWxlKDAuMDA3ODEyNSkiLz4KPC9wYXR0ZXJuPgo8aW1hZ2UgaWQ9ImltYWdlMCIgd2lkdGg9IjEyOCIgaGVpZ2h0PSIxMjgiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBSUFBQUFDQUNBUUFBQUJwTjZsQUFBQUFCR2RCVFVFQUFMR09mUHRSa3dBQUFOSnBRME5RU1VORElGQnliMlpwYkdVQUFCaVZZMkJnckVnc0tNaGhFbUJneU0wcktYSVBjb3lNaUl4U1lML0t3TTdBeUFBR2ljbkZCWTRCQVQ0TU9NRzNheEMxbDNWQlp1RldoeFd3cEtRV0p3UHBMVUJjbWx4UVZNTEF3S2dEWkt1WGx4U0EyQ0ZBdGtoMlNKQXprSjBCWlBOQjFZT0F0SE5pVG1aU1VXSkphb3FDZTFGaXBZSnpmazUrVVhGQlluSXFpYTRnQXBTa1ZwU0FhT2Y4Z3NxaXpQU01FZ1ZIb0c5VGdYYm1GcFNXcEJicEtIam1KZXN4TUlEQ0Q2TGpjeUE0WEJqRnppU1hGcFZCaldGa01tWmdBQUFSWFRURkhYblRrUUFBQjZsSlJFRlVlQUh0WEh1SUZWVVkvOTN4S3JxVVNycUpycTZXbVcrVUFyTUh2aXBwVXpFcFh5Q0lSVkpDbVpUUVV5TXlJMG1MSW9PQ0NBeWlDTW1RaERLanJMQmNLN05GZkd5YWVpMDFWeXVwMU4zYk4zdjM1b3d6ZDg1M252M2hPWmRsN3ozenpmZjduZDk4WitZOEIvREpLK0FWOEFwNEJid0NYZ0d2Z0ZmQUsrQVY4QXA0QmJ3Q1hnR3ZnRmZBSytBVnVKQVV5Rmt0YkE4TWJQMzBSZWUyVHhHMVZoR3puZmZDbGExOGF2L2owNVRQUGtQcGFFZGNpd2tZajJIb2tqai9aQ0xIZmtZVmJpQTI0ekFVRnlmQXpwb1Y0QXJNeEkxVS9JNEpvUDhuWXdpbUU1OXIwTUUrZkRjc3dGY29DajhuN0ZOcFJlaUJCMUF2WkZQRVBoTjh4bUl0L21HQWhmSzRFR0FpMXVNTWs0KzJBSFhZeklRcVJZZGRBWEs0RGQ5SThkRVNZQm9yeU9MVndwNEFPY3pHRHFuQ2g4eVVCUmlFamRKZ05xdkFTSHlweEVkSmdDb3N4MmtsT0R2M2dNNTRBV2NWK1NnSVVFZGhFdzlybVYvbXE4RHRLR2p3a1JRZ2p4Vm8wWUF6SFFFZHNWcUxqZVE5b0piMXBNK09CNU1STUFEZmFoWmZTb0FwT0s0Tlp6SUNadUYzQTN6WVZXQUJtZzNBbVJQZ0VTTnMyQkh3cENFNE13TGtzTW9ZSDBZRUJIakZHSndKQWRwampVRSsrMFM5d1FCdllSYlUwMGxzdzJIOEV2bFQ5eFdlMlo3NkhaTTBYQnluRzJlVXpXR1JML1dydng4djRXWWliRExsTks3K0hqeVBzV2duUjJlSlVyRFZZeWxHeWdFeHJWY3E4R21tUnZMREdNSkVpSm5OVjRCN0Q0TmpQa3orV0N6TnB4bHZvcDhxaFRycDl2VkdqRklGWTV3M1U3b051bzRHNVpSVGJ4eVQwbnNyMVhlYmFTRCtrT0t6R2RmcjBNbmpjd200ZlpnQnU2UExuYkJkZ3M4dVRORXBmSGp1Y2dtNFQ5RmRGMDU0L3VzU2ZOYlRrTGRtbWloUjIxWWJmdENsVVo4alVmem5FS1M1a01tcll2ZjN6K0JlR2NlS3R0M3dHMU9BdnpCSEVTTjJHamY4ajlKVWc0dkVEZjlEWnA1Qmc1bURYUTI0ekVYcE1acFpIZXZSeXd5ZlRheHdLNkNQR1RpQmwzYlVrOGdlWUNrZGJVUzF3QlB6OEhRVzNDbGN6ZlNuYTNZM2kwK1R1ZGJuZHd6QVprelZMUmZ6L0R3YUdYeE8wMFNzb1RTSkFWZkVJa05vWWpkeldYem1pUjFsV1VSYmNGL2d1aXpUMW1PbnFJM1luVDVoblN2Z1VPdm5JRGJSbkl6cEZLQ0I1dkpGNlFTMkVKZVFVVXNibTBQNEdSOWp0K2pFNVBGeExMMHIzWkwyWWlYR3lQYTJreVFpT1RPMCtQeUlaMmhhUEhwNUk2N1R2NjdUQWl3SmN3eFBwU3hDU01jVDVXNHh3S2VBeGR5MUNwZXlKNVFyeFVBNS93anVON0FnWVpDQjRwY1lIY0E4VHZONGtUSEFFTFpSYXh3eGpJMWxSdm5zUUowbzREZ1B3UEkxNXYxZkRkR0FhMlZPT2V3M0trREllRm5XSFdHRWNiZ1FjaU11cVZ6R3pDTjZOK1JLRjJndExxcUUrcXdWQVlyME1CcFVDVEl6LzFWTGZMNUgzM1JjdVdVbGxSUk95MWRycHU2MkpFQ1I1Z1Q2SlNYb2FtamVMMDJBSXZaSVY0USsxb29mTXR3ZXJ3amgrTWtZem1NaXFSc3pwei9lbGJ3ZGptZDZWak1iVHBNcmtRWlNLSUN4emtRRlJoUHdZb1VqNmRtMitVekYwM0ZnODQvQVpHV1lIWWZNL0tXekJDZUpuSjV6NnprR2VlWVlVTG9qYnU1K2JwT1V4blM1UG5Yc0dzcjlsb0NHdHN4T1lKNlROdnF0RnZkRmYyWjhGL2NBTTA1bUh4cU1POHUyazUwb1hrUVQ4MmtnTXdpdUV3TUZWSVVTQkxTQzNrM3Fpc2RZUUs3NDlNU0RJWitBTWVqQTRzMHd1cWVrdWNEU1RSVUlTU3dNN3dOQldzdElRRkgxY0JWckFyV2ZxbnZwODdyUlJnb1NRSHNtVFFLWU01enFtRThRYnhoS0ZFYkZkRElKTGtvVmUyeWlFeFdPMHdVSmpBMWhjZkNyR2JQMnlYMDlITTlxTnBkanVGc0JRRHQ0Uk1sbEJCQWZ0MVVBd2ltMVR1VVdta2duUThmN0JJNEJld3FJU3k1akUzZ1RIKzRaNEcreGxVRUwwUnl1V3paQUw5Y0NpQ0xnTEEzT3VFek9JNkJhMlBWeUd3TVVBVTB1QldkZ09lWVQwQlNueTNTVVpxQ3lrMXMraFlEV2NidE1ZalN4aFVtK0pJQmp4WVhzM2ZJNWZLRUxRQkZ3UUhoTlRCcUkwY1FXaHZsMGNUSW9XaDY4RXE5QnFXRXVqQ3Q3MVB2ZnVvL2dJMGVqZ2tYOHl1Z09RM0wvdDQ0QXRKQW03SisvYnpLbU1uMTlRRmRYbk56eGFVT3lPeGNYdlVLVHhhVW5pMkhPSXBLR3hFcUo4N0tKYUVIVXZ2L0puaHpaNjBTQ0kySDhsNGFvVnBTVnNQci9aWGJQMHcyZmxlY3FaTTdCamVkWXlrdDFLdW1keDA3ck1YQUFuYUx3NDYwRExvckNDYjlQczg1bjN2a2MxbHVGYkpSZU9pZjNjaGJadTlMMjVBTjVLTlZRV1RkOCt6dk8xMXY0ZTdUMHRqMCttNWIwS1pxNTFnUllKU3h1bXNGQ2EzeVdwc0dGZVN1c1FHNVFIbmg5elFxZmQ2SkxaT0pTQlBRT0puNGc4U3gzU3R6OTQyekN2ZUtmR2VkVG56MUYyeGsvR0lVOGlnSG5sMHJxZHpXdE11TUp6Yk02aU40aS9DN1lZQXl5QWYxRmNNTGoxVks3V0xObDJJb2FJUjRadERQMGlvb1BEYzA4ZDhBYlJpN0oyL0dtVDdZVWQ3SGZEMWRKODFYS3Q3NDBab3MxRjNPMjRJazB0MWw1VitFVFpkMTMwbHZkVEtjeCtGcVp6emJWdFpDM1FINE5ZUUh6SlZlRzhxV2FqbDNTSXV5bHQ4eEZWb2J5d1VxV0FlM0g1Yitrcm9CSHN4OHlzdkFKK3p6dFYrWjNsbitpeFhrZEVqNFVNZ2JnSVhweFluT0crdUVtcFZFNlNrdXhHb2JIcWYrYTlWYXplaXpCQ0k1UG1lQ294a1JhVWxYVDlta2YyemEzaHdObTJLWUdOOUg2L3hyYU5SeHlDbUxiNXR5T0xSc3VtSGZuRmZBS2VBVzhBbDRCcjRCWHdDdmdGZkFLZUFXOEFsNEJyNEJYd0N2Z0ZmQUsyRlBnWHo5Mk9sNnJLVDdJQUFBQUFFbEZUa1N1UW1DQyIvPgo8L2RlZnM+Cjwvc3ZnPgo=);
width: 26px;
}
.testimonial__author {
font-weight: 700;
}
.testimonial__photo {
border-radius: 50%;
flex: 0 0 80px;
height: 80px;
margin: 0 auto 20px;
vertical-align: top;
width: 80px;
}
.contact-us {
color: #fff;
overflow: hidden;
}
.contact-us .subtitle {
margin-bottom: 2rem;
}
@media (max-width: 960px) {
.contact-us .row {
flex-wrap: wrap;
}
}
.contact-us .col-form {
flex: 0 0 55%;
position: relative;
z-index: 1;
}
@media (max-width: 960px) {
.contact-us .col-form {
flex-basis: 100%;
}
}
.contact-us .col-testimonial {
flex: 0 0 40%;
overflow: hidden;
}
@media (max-width: 960px) {
.contact-us .col-testimonial {
padding-bottom: 5px;
padding-top: 30px;
flex-basis: 100%;
}
}
@media (max-width: 640px) {
.contact-us .col-testimonial {
display: none;
}
}
.havas .case-study__text-image-in-container {
width: 60%;
}
.mobile-menu-active .case-studies-filter,
.mobile-menu-active .form-filter {
display: none !important;
}
.ie .award {
flex: 0 0 23%;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 20px;
}
.ie .award__list {
display: flex;
flex-wrap: wrap;
}
.ie .award__image {
flex: 0 0 auto;
}
.ie .case-study__image {
max-height: 100%;
width: auto;
}
.ie .case-study__imageWrap {
height: 100%;
}
.ie .privacy-policy {
display: flex;
}
.ie .privacy-policy__menu {
flex: 0 0 400px;
}
.ie .privacy-policy__content {
flex: 1;
padding-left: 30px;
}
@media (max-width: 860px) {
.ie .privacy-policy__content {
padding-left: 0;
}
}
.ie .bullet-list {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.ie .bullet-list__item {
margin-bottom: 40px;
flex: 0 0 29.333%;
margin-left: 1%;
margin-right: 1%;
padding-left: 2% !important;
}
@media (max-width: 1024px) {
.ie .bullet-list__item {
flex-basis: 45%;
padding-left: 3% !important;
}
}
@media (max-width: 860px) {
.ie .bullet-list__item {
flex-basis: 86%;
}
}
.ie .tab__item.active:nth-last-child(2) {
border-radius: 0;
}
.ie .tab__content {
border-left: 1px solid rgba(29, 30, 40, 0.15);
border-right: 1px solid rgba(29, 30, 40, 0.15);
padding: 15px 20px 20px;
}
.ie .tab__content:last-child {
border-bottom: 1px solid rgba(29, 30, 40, 0.15);
border-radius: 0 0 10px 10px;
}
.pagination ul {
align-items: center;
display: flex;
justify-content: center;
list-style: none;
margin: 100px 0 0;
padding: 0;
}
.pagination li a,
.pagination li span {
padding-left: 10px;
padding-right: 10px;
}
.pagination li {
margin-left: 10px;
margin-right: 10px;
}
.pagination li span {
color: #0045cf;
font-weight: 700;
}
.pagination li a {
color: #373737;
text-decoration: none;
transition: color 0.3s;
}
.pagination li a:hover {
color: #0045cf;
}
@media (max-width: 860px) {
.section-404 .row {
flex-wrap: wrap;
}
}
.section-404__text {
flex: 0 0 50%;
padding-right: 40px;
}
.section-404__subtitle {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.5;
margin-bottom: 30px;
}
.section-404__form .search {
box-shadow: none;
display: block;
left: 0;
margin-bottom: 100px;
padding: 0;
position: relative;
top: 0;
}
@media (max-width: 860px) {
.section-404__text {
flex-basis: 100%;
padding-right: 0;
}
.section-404__form .search {
margin-bottom: 50px;
}
}
.section-404__form .search__field {
width: 100%;
}
.section-404__imgWrap {
flex: 0 0 50%;
}
@media (max-width: 860px) {
.section-404__imgWrap {
margin-top: 50px;
flex-basis: 100%;
}
}
.header {
align-items: center;
background: #fff;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
display: flex;
justify-content: space-between;
padding-left: 100px;
padding-right: 100px;
position: relative;
transition: background-color 0.3s;
z-index: 2;
}
@media (max-width: 1440px) {
.header {
padding-left: 50px;
padding-right: 50px;
}
}
@media (max-width: 1200px) {
.header {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 960px) {
.pagination ul {
margin-top: 50px;
}
.header {
background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
height: 50px;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 2;
}
}
.header__mask {
display: none;
height: 80px;
}
@media (max-width: 1440px) {
.header__mask {
height: 76px;
}
}
@media (max-width: 960px) {
.header__mask {
display: block;
height: 50px;
}
.header__left {
-ms-grid-row-align: stretch;
align-self: stretch;
}
}
.header__left,
.header__logo,
.header__right {
align-items: center;
display: flex;
}
.header__logo {
-ms-grid-row-align: stretch;
align-self: stretch;
position: relative;
}
.header__logo__img {
fill: #0045cf;
margin-top: -10px;
}
@media (max-width: 960px) {
.header__logo__img {
margin-top: -5px;
width: 80px;
}
}
.header__menu {
align-items: center;
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
@media (max-width: 960px) {
.header__menu {
display: none;
overflow: auto;
position: relative;
transition: transform 0.3s;
width: 100%;
}
}
.header__menu.active {
overflow: visible;
transform: translateX(-100%);
}
.header__menu > li {
margin-left: 60px;
}
@media (max-width: 1600px) {
.header__menu > li {
margin-left: 45px;
}
}
@media (max-width: 1350px) {
.header__menu > li {
margin-left: 30px;
}
}
@media (max-width: 1250px) {
.header__menu > li {
margin-left: 10px;
}
}
.header__menu > li > .active.nav-link:after,
.header__menu > li > .maintainHover.nav-link:after {
opacity: 1;
}
.header__menu > li > .active + .dropdown-menu__wrapper,
.header__menu > li > .maintainHover + .dropdown-menu__wrapper {
-webkit-animation: show-mobile-menu 0.3s;
animation: show-mobile-menu 0.3s;
display: block;
}
.header__menu .nav-link {
color: #373737;
display: block;
font-size: 1rem;
font-weight: 600;
padding: 27px 10px;
position: relative;
text-decoration: none;
white-space: nowrap;
}
@media (max-width: 960px) {
.header__menu > li {
margin-left: 0;
}
.header__menu .nav-link {
color: #1e1d28;
font-size: 1.143rem;
line-height: 1.5;
margin: 3px 0;
padding: 12px 20px;
transition-duration: 0.3s;
transition-property: background-color, color;
}
}
.header__menu .nav-link:after {
background-color: #fff;
top: 0;
content: "";
height: 3px;
left: 0;
opacity: 0;
position: absolute;
right: 0;
transition: opacity 0.3s;
}
@media (max-width: 960px) {
.header__menu .nav-link:after {
background-color: transparent !important;
border-left: 1px solid #1e1d28;
border-top: 1px solid #1e1d28;
height: 6px;
left: auto;
opacity: 1;
right: 28px;
top: 21px;
transform: rotate(135deg);
transition-duration: 0.3s;
transition-property: border-color, transform, top;
width: 6px;
}
.header__menu .nav-link:before {
background-color: #f9f9f9;
border-radius: 50%;
content: "";
height: 20px;
position: absolute;
right: 20px;
top: 14px;
width: 20px;
}
.header__menu .nav-link:hover {
background-color: #0045cf;
color: #fff !important;
}
.header__menu .nav-link:hover:after {
border-color: #0045cf;
}
.header__menu .nav-link.active + .dropdown-menu__wrapper {
display: block;
}
}
.footer__blog-news + .footer__blog-news,
.header__menu > li > .dropdown-menu__wrapper .nav-item {
border-top: 1px solid rgba(30, 29, 40, 0.15);
}
.header__menu > li > .dropdown-menu__wrapper {
background-color: #fff;
border-radius: 0 0 6px 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
display: none;
margin-left: -20px;
position: absolute;
top: 100%;
width: 180px;
}
@media (max-width: 960px) {
.header__menu > li > .dropdown-menu__wrapper {
box-shadow: none;
position: static;
margin-left: 0;
width: 100%;
}
.header__menu > li > .dropdown-menu__wrapper:after {
display: none;
}
}
.header__menu > li > .dropdown-menu__wrapper:after {
height: 5px;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.header__menu > li.full-width .nav-item,
.header__menu > li > .dropdown-menu__wrapper .nav-item:nth-child(1),
.header__menu > li > .dropdown-menu__wrapper .nav-item:nth-child(2),
.header__menu > li > .dropdown-menu__wrapper .nav-item:nth-child(3) {
border-top: none;
}
.header__menu > li > .dropdown-menu__wrapper .dropdown-item {
margin: 0;
padding: 20px 30px;
}
@media (max-width: 1440px) {
.header__menu > li > .dropdown-menu__wrapper .dropdown-item {
padding-bottom: 15px;
padding-top: 15px;
}
}
@media (max-width: 960px) {
.header__menu > li > .dropdown-menu__wrapper .nav-item {
border-top: none;
}
.header__menu > li > .dropdown-menu__wrapper .dropdown-item {
color: #373737;
display: block;
font-size: 1rem;
line-height: 1.5;
padding: 12px 20px;
position: relative;
text-align: center;
transition-duration: 0.3s;
transition-property: font-weight, color;
}
.header__menu > li > .dropdown-menu__wrapper .dropdown-item:hover {
color: #0045cf;
}
}
.header__menu > li > .dropdown-menu__wrapper li:not(.menu-title) .dropdown-item {
transition-duration: 0.3s;
transition-property: color, font-weight;
}
.header__menu > li > .dropdown-menu__wrapper li:not(.menu-title) .dropdown-item:hover {
color: #0045cf;
}
.header__menu > li.full-width > .dropdown-menu__wrapper {
border-radius: 0;
margin-left: 0;
left: 0;
width: 100%;
}
.header__menu > li.full-width .dropdown-menu {
margin-left: 264px;
padding: 50px 0;
}
@media (max-width: 1440px) {
.header__menu > li.full-width .dropdown-menu {
margin-left: 214px;
padding-bottom: 25px;
padding-top: 25px;
}
.header__menu > li .menu-testimonial-item {
margin-top: 5px;
}
}
@media (max-width: 1400px) {
.header__menu > li.full-width .dropdown-menu {
margin-left: 184px;
}
}
@media (max-width: 1200px) {
.header__menu > li.full-width .dropdown-menu {
margin-left: 134px;
}
}
@media (max-width: 1100px) {
.header__menu > li.full-width .dropdown-menu {
margin-left: 10px;
padding-bottom: 20px;
padding-top: 20px;
}
}
@media (max-width: 960px) {
.header__menu > li.full-width .dropdown-menu {
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
}
}
.header__menu > li.full-width .dropdown-item {
padding: 10px;
}
@media (max-width: 960px) {
.header__menu > li.full-width .dropdown-item {
padding: 12px 20px;
}
}
.header__menu > li.about-us > .dropdown-menu__wrapper > .dropdown-menu {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
padding-bottom: 70px;
width: 37%;
}
@media (max-width: 1100px) {
.header__menu > li.about-us > .dropdown-menu__wrapper > .dropdown-menu {
width: 48%;
}
}
.header__menu > li.about-us > .dropdown-menu__wrapper > .dropdown-menu .dropdown-menu {
background-color: #f9f9f9;
left: 100%;
margin-left: 0;
padding-left: 8%;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.header__menu > li.about-us .dropdown-menu {
height: 100%;
}
@media (max-width: 960px) {
.header__menu > li.about-us > .dropdown-menu__wrapper > .dropdown-menu {
display: block;
padding-bottom: 0;
width: 100%;
}
.header__menu > li.about-us .testimonial-item-wrap .dropdown-menu__wrapper {
display: none !important;
}
}
.header__menu > li .menu-testimonial-item {
padding-bottom: 80px;
padding-left: 40px;
padding-right: 60px;
position: relative;
}
.header__menu > li .menu-testimonial-item:after {
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNTEyLjUgNTEyLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMi41IDUxMi41OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTExMi41LDIwOC4yNWM2MS44NTYsMCwxMTIsNTAuMTQ1LDExMiwxMTJzLTUwLjE0NCwxMTItMTEyLDExMnMtMTEyLTUwLjE0NS0xMTItMTEybC0wLjUtMTYgICBjMC0xMjMuNzEyLDEwMC4yODgtMjI0LDIyNC0yMjR2NjRjLTQyLjczNywwLTgyLjkxNywxNi42NDMtMTEzLjEzNyw0Ni44NjNjLTUuODE3LDUuODE4LTExLjEyNiwxMi4wMDgtMTUuOTE1LDE4LjUxICAgQzEwMC42NjcsMjA4LjcyMywxMDYuNTI4LDIwOC4yNSwxMTIuNSwyMDguMjV6IE00MDAuNSwyMDguMjVjNjEuODU1LDAsMTEyLDUwLjE0NSwxMTIsMTEycy01MC4xNDUsMTEyLTExMiwxMTIgICBzLTExMi01MC4xNDUtMTEyLTExMmwtMC41LTE2YzAtMTIzLjcxMiwxMDAuMjg3LTIyNCwyMjQtMjI0djY0Yy00Mi43MzYsMC04Mi45MTgsMTYuNjQzLTExMy4xMzcsNDYuODYzICAgYy01LjgxOCw1LjgxOC0xMS4xMjcsMTIuMDA4LTE1LjkxNiwxOC41MUMzODguNjY2LDIwOC43MjMsMzk0LjUyNywyMDguMjUsNDAwLjUsMjA4LjI1eiIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
background-size: cover;
background-repeat: no-repeat;
content: "";
height: 20px;
left: 0;
position: absolute;
top: 0;
width: 20px;
}
.header__menu > li .menu-testimonial-item:before {
background-image: url(https://eleks.com/wp-content/uploads/samer-awajan.jpg);
background-repeat: no-repeat;
background-size: cover;
border-radius: 50%;
bottom: 0;
content: "";
height: 60px;
left: 40px;
position: absolute;
width: 60px;
}
.header__menu > li .menu-testimonial-item .dropdown-item {
color: #373737 !important;
cursor: default;
padding: 0;
}
.header__menu > li .menu-testimonial-item .dropdown-item:after,
.header__menu > li .menu-testimonial-item .dropdown-item:before {
bottom: 8px;
font-weight: 600;
left: 115px;
position: absolute;
}
.header__menu > li .menu-testimonial-item .dropdown-item:after {
content: "Samer Awajan,";
bottom: 30px;
}
.header__menu > li .menu-testimonial-item .dropdown-item:before {
content: "CTO, Aramex";
}
@media (max-width: 960px) {
.header__menu > li .block-group > .dropdown-item {
font-weight: 600;
padding-bottom: 14px;
padding-top: 14px;
}
.header__menu > li .block-group > .dropdown-item:after {
border-left: 1px solid #1e1d28;
border-top: 1px solid #1e1d28;
content: "";
height: 6px;
position: absolute;
right: 27px;
top: 20px;
transform: rotate(225deg);
transition-duration: 0.3s;
transition-property: border-color, transform, top;
width: 6px;
}
.header__menu > li .block-group > .dropdown-item:before {
background-color: #f9f9f9;
border-radius: 50%;
content: "";
height: 20px;
position: absolute;
right: 20px;
top: 14px;
width: 20px;
}
.header__menu > li .block-group > .dropdown-item:hover {
background-color: #0045cf;
color: #fff;
}
.header__menu > li .block-group > .dropdown-item:hover:after {
border-color: #0045cf;
}
.header__menu > li .block-group > .dropdown-item.active {
background-color: #0045cf;
color: #fff;
}
.header__menu > li .block-group > .dropdown-item.active:after {
border-color: #0045cf;
top: 22px;
transform: rotate(45deg);
}
.header__menu > li .block-group > .dropdown-item.active + .dropdown-menu__wrapper {
display: block;
}
.header__menu > li .block-group .dropdown-menu__wrapper {
left: 0 !important;
margin-bottom: 7px;
margin-top: 7px;
position: relative !important;
}
}
.header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu {
display: -ms-grid;
display: grid;
-ms-grid-columns: 22% 22% 22% 36%;
grid-template-columns: 22% 22% 22% 36%;
padding-bottom: 0;
width: 70%;
}
@media (max-width: 1920px) {
.header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu {
width: 75%;
}
}
@media (max-width: 1100px) {
.header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu {
width: 95%;
}
}
.header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu .dropdown-menu {
margin-left: 0;
}
@media (max-width: 960px) {
.header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu {
display: block;
width: 100%;
}
.header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 40px;
}
.header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu .dropdown-menu .dropdown-item:after {
left: 20px;
top: 19px;
}
}
.header__menu > li.services .block-group .dropdown-menu {
padding-top: 0;
}
.header__menu > li.services .block-group .dropdown-menu .dropdown-item {
padding: 5px 0 5px 30px;
position: relative;
}
.header__menu > li.services .block-group .dropdown-menu .dropdown-item:after {
border-radius: 50%;
content: "";
height: 7px;
left: 10px;
position: absolute;
top: 14px;
width: 7px;
}
@media (max-width: 1440px) {
.header__menu > li.services .block-group .dropdown-menu .dropdown-item:after {
top: 12px;
}
}
.header__menu > li.services .advisory-group .dropdown-menu .dropdown-item:after {
background-image: linear-gradient(137deg, #e99019 0, #e62f4a 100%);
}
.header__menu > li.services .engineering-group .dropdown-menu .dropdown-item:after {
background-image: linear-gradient(137deg, #e62f4a 0, #73136e 100%);
}
.header__menu > li.services .optimisation-group .dropdown-menu .dropdown-item:after {
background-image: linear-gradient(137deg, #a55ccb 0, #0a46cf 100%);
}
.header__menu > li.services .by-role-group {
align-items: center;
display: flex;
-ms-grid-column-span: 3;
grid-column: span 3;
margin-right: 50px;
order: 1;
position: relative;
}
.header__menu > li.services .by-role-group:after {
background-color: rgba(30, 29, 40, 0.15);
content: "";
height: 1px;
left: 10px;
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 960px) {
.header__menu > li.services .block-group .dropdown-menu .dropdown-item {
padding: 12px 20px;
}
.header__menu > li.services .by-role-group {
display: block;
margin-right: 0;
}
.header__menu > li.services .by-role-group:after {
display: none;
}
}
.header__menu > li.services .by-role-group.menu-title > .dropdown-item {
font-size: 1rem;
}
.header__menu > li.services .by-role-group > .dropdown-menu__wrapper {
flex: 1;
}
.header__menu > li.services .by-role-group > .dropdown-menu__wrapper > .dropdown-menu {
align-items: center;
display: flex;
justify-content: space-between;
padding-bottom: 20px;
padding-top: 20px;
}
@media (max-width: 960px) {
.header__menu > li.services .by-role-group > .dropdown-menu__wrapper > .dropdown-menu {
display: block;
padding-bottom: 0;
padding-top: 0;
}
.header__menu > li.services .by-role-group > .dropdown-menu__wrapper > .dropdown-menu .dropdown-item:after {
background-color: #1e1d28;
}
}
.header__menu > li.services .banner {
-ms-grid-row-span: 2;
grid-row: span 2;
}
.header__menu > li.services .banner .dropdown-item:before {
background-image: url(https://eleks.com/wp-content/uploads/iaop-2022.jpg);
background-size: cover;
}
.header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu {
display: -ms-grid;
display: grid;
-ms-grid-columns: 30% 30% 40%;
grid-template-columns: 30% 30% 40%;
padding-bottom: 0;
width: 80%;
}
@media (max-width: 1920px) {
.header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu {
width: 85%;
}
}
@media (max-width: 1100px) {
.header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu {
width: 95%;
}
}
@media (max-width: 960px) {
.header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu {
display: block;
width: 100%;
}
}
.header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu .dropdown-menu {
margin-left: 0;
}
.header__menu > li.industries-expertise .dropdown-menu {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.header__menu > li.industries-expertise .dropdown-menu .dropdown-menu {
padding-top: 0;
}
.header__menu > li.industries-expertise .dropdown-menu .dropdown-menu .dropdown-item {
padding-bottom: 5px;
padding-top: 5px;
}
@media (max-width: 960px) {
.header__menu > li.industries-expertise .dropdown-menu {
display: block;
}
.header__menu > li.industries-expertise .dropdown-menu .dropdown-menu .dropdown-item {
padding: 12px 20px;
}
}
.header__menu > li.industries-expertise .banner .dropdown-item {
align-items: center;
display: flex;
max-width: 90%;
}
@media (max-width: 1810px) {
.header__menu > li.industries-expertise .banner .dropdown-item {
max-width: 100%;
}
}
.header__menu > li.industries-expertise .banner .dropdown-item:before {
background-color: transparent;
background-image: url(https://eleks.com/wp-content/uploads/header-menu-image.png);
background-size: contain;
-ms-grid-row-align: stretch;
align-self: stretch;
flex: 0 0 250px;
height: auto;
margin-bottom: 0;
}
@media (max-width: 1600px) {
.header__menu > li.industries-expertise .banner .dropdown-item {
display: block;
}
.header__menu > li.industries-expertise .banner .dropdown-item:before {
height: 180px;
}
}
.header__menu > li .banner {
background-color: #f9f9f9;
margin-left: -1px !important;
padding: 60px !important;
border-right: none;
display: block;
margin-top: -50px;
}
@media (max-width: 1440px) {
.header__menu > li.industries-expertise .banner .dropdown-item:before {
height: 130px;
}
.header__menu > li .banner {
margin-top: -25px;
padding: 40px !important;
}
}
@media (max-width: 1300px) {
.header__menu > li .banner {
margin-top: -20px;
padding: 30px !important;
}
}
@media (max-width: 960px) {
.header__menu > li .banner {
display: none;
}
}
.header__menu > li .banner .menu-item {
height: 100%;
}
.header__menu > li .banner .dropdown-item {
font-size: 1rem;
font-weight: 600;
height: 100%;
padding: 0;
position: relative;
}
.header__menu > li .banner .dropdown-item:before {
background-color: #d8d8d8;
background-repeat: no-repeat;
background-position: center;
border-radius: 6px;
content: "";
display: block;
height: 230px;
margin-bottom: 20px;
width: 100%;
}
@media (max-width: 1440px) {
.header__menu > li .banner .dropdown-item:before {
height: 200px;
}
}
@media (max-width: 960px) {
.header__menu .dropdown-menu__wrapper {
display: none;
position: absolute !important;
left: 100% !important;
top: 0 !important;
bottom: 0;
width: 100%;
overflow: auto;
}
}
.header__menu .dropdown-menu {
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.header__menu .menu-title > .dropdown-item {
cursor: default;
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 0.5rem;
}
.header__menu .dropdown-item {
color: #373737;
display: block;
margin-bottom: 5px;
padding: 5px 20px;
text-decoration: none;
}
.header__menu .back-item {
display: none;
left: 0;
position: absolute;
top: 0;
z-index: 1;
}
@media (max-width: 960px) {
.header__menu .back-item {
display: block;
}
}
.header__menu .back-item > .dropdown-item {
color: #0045cf;
position: relative;
padding: 12px 20px 12px 40px !important;
}
.header__menu .back-item > .dropdown-item:after {
border-left: 1px solid #0045cf;
border-top: 1px solid #0045cf;
content: "";
height: 14px;
left: 20px;
position: absolute;
top: 15px;
transform: rotate(-45deg);
transition-duration: 0.3s;
transition-property: border-color, transform, top;
width: 14px;
}
.header__menu .menu-title-mobile {
display: none;
}
.header__menu .menu-title-mobile > .dropdown-item {
color: #1e1d28;
cursor: default;
font-size: 1.143rem;
font-weight: 600;
}
.header__btn {
margin-right: 60px;
}
@media (max-width: 1440px) {
.header__btn {
padding: 12px;
}
}
@media (max-width: 1100px) {
.header__btn {
margin-right: 30px;
}
}
@media (max-width: 960px) {
.header__menu .menu-title-mobile {
display: block;
}
.header__btn {
font-size: 0.86rem;
margin-right: 10px;
min-width: 110px;
padding-bottom: 8px;
padding-top: 7px;
}
.header__lang {
display: none;
}
}
@media (max-width: 320px) {
.header__btn {
margin-right: 0;
}
}
.header__lang {
margin-left: 30px;
}
@media (max-width: 1100px) {
.header__lang {
margin-left: 0;
}
}
.header__search {
position: relative;
}
.author .header__mask,
.home .header__mask,
.single-expertise .header__mask,
.single-industries .header__mask,
.single-news .header__mask,
.single-post .header__mask,
.single-products .header__mask,
.single-services .header__mask,
.transparent_header .header__mask {
display: none;
}
@media (min-width: 961px) {
.author .header__lang .lang__arrow,
.author .header__logo__img,
.home .header__lang .lang__arrow,
.home .header__logo__img,
.single-expertise .header__lang .lang__arrow,
.single-expertise .header__logo__img,
.single-industries .header__lang .lang__arrow,
.single-industries .header__logo__img,
.single-news .header__lang .lang__arrow,
.single-news .header__logo__img,
.single-post .header__lang .lang__arrow,
.single-post .header__logo__img,
.single-products .header__lang .lang__arrow,
.single-products .header__logo__img,
.single-services .header__lang .lang__arrow,
.single-services .header__logo__img,
.transparent_header .header__lang .lang__arrow,
.transparent_header .header__logo__img {
fill: #fff;
}
.author .header,
.home .header,
.single-expertise .header,
.single-industries .header,
.single-news .header,
.single-post .header,
.single-products .header,
.single-services .header,
.transparent_header .header {
background-color: transparent;
box-shadow: none;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.author .header__menu .nav-link,
.home .header__menu .nav-link,
.single-expertise .header__menu .nav-link,
.single-industries .header__menu .nav-link,
.single-news .header__menu .nav-link,
.single-post .header__menu .nav-link,
.single-products .header__menu .nav-link,
.single-services .header__menu .nav-link,
.transparent_header .header__menu .nav-link {
color: #fff;
}
.author .header__btn,
.home .header__btn,
.single-expertise .header__btn,
.single-industries .header__btn,
.single-news .header__btn,
.single-post .header__btn,
.single-products .header__btn,
.single-services .header__btn,
.transparent_header .header__btn {
background-color: #fff;
color: #1e1d28;
}
.author .header__btn:hover,
.home .header__btn:hover,
.single-expertise .header__btn:hover,
.single-industries .header__btn:hover,
.single-news .header__btn:hover,
.single-post .header__btn:hover,
.single-products .header__btn:hover,
.single-services .header__btn:hover,
.transparent_header .header__btn:hover {
background-color: #0045cf;
color: #fff;
}
.author .header__btn--inverse,
.home .header__btn--inverse,
.single-expertise .header__btn--inverse,
.single-industries .header__btn--inverse,
.single-news .header__btn--inverse,
.single-post .header__btn--inverse,
.single-products .header__btn--inverse,
.single-services .header__btn--inverse,
.transparent_header .header__btn--inverse {
background-color: transparent;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
color: #fff;
transition: box-shadow 0.3s;
width: 150px;
}
.author .header__btn--inverse:hover,
.home .header__btn--inverse:hover,
.single-expertise .header__btn--inverse:hover,
.single-industries .header__btn--inverse:hover,
.single-news .header__btn--inverse:hover,
.single-post .header__btn--inverse:hover,
.single-products .header__btn--inverse:hover,
.single-services .header__btn--inverse:hover,
.transparent_header .header__btn--inverse:hover {
background-color: transparent;
box-shadow: 0 0 0 2px #fff inset;
color: #fff;
}
.author .header__lang .lang__item.selected,
.home .header__lang .lang__item.selected,
.single-expertise .header__lang .lang__item.selected,
.single-industries .header__lang .lang__item.selected,
.single-news .header__lang .lang__item.selected,
.single-post .header__lang .lang__item.selected,
.single-products .header__lang .lang__item.selected,
.single-services .header__lang .lang__item.selected,
.transparent_header .header__lang .lang__item.selected {
background-color: transparent;
}
.author .header__lang .lang__item.selected .lang__link,
.home .header__lang .lang__item.selected .lang__link,
.single-expertise .header__lang .lang__item.selected .lang__link,
.single-industries .header__lang .lang__item.selected .lang__link,
.single-news .header__lang .lang__item.selected .lang__link,
.single-post .header__lang .lang__item.selected .lang__link,
.single-products .header__lang .lang__item.selected .lang__link,
.single-services .header__lang .lang__item.selected .lang__link,
.transparent_header .header__lang .lang__item.selected .lang__link {
color: #fff;
}
.author.header--stick .header__mask,
.home.header--stick .header__mask,
.single-expertise.header--stick .header__mask,
.single-industries.header--stick .header__mask,
.single-news.header--stick .header__mask,
.single-post.header--stick .header__mask,
.single-products.header--stick .header__mask,
.single-services.header--stick .header__mask,
.transparent_header.header--stick .header__mask {
display: none;
}
.home .header__btn {
background-color: #ff4925;
color: #fff;
}
.home .header__btn:hover {
background-color: #fff;
color: #1e1d28;
}
}
.header--stick .header {
-webkit-animation: header-translate 0.3s;
animation: header-translate 0.3s;
background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 6;
}
.header--stick .header__mask {
display: block;
}
.header--stick .header__logo__img {
fill: #0045cf;
}
.header--stick .header__menu .nav-link {
color: #1e1d28;
}
.header--stick .header__menu .nav-link:after {
background-color: #0045cf;
}
.header--stick .header__menu .nav-link:hover {
color: #0045cf;
}
.header--stick .header__btn {
background-color: #1e1d28;
color: #fff;
}
.header--stick .header__btn:hover {
background-color: #0045cf;
color: #fff;
}
.header--stick .header__btn--inverse {
background-color: transparent;
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5) inset;
color: #1e1d28;
}
.header--stick .header__btn--inverse:hover {
background-color: transparent;
box-shadow: 0 0 0 2px #000 inset;
color: #1e1d28;
}
.header--stick .header__lang .lang__item.selected .lang__link {
color: #1e1d28;
}
.header--stick .header__lang .lang__arrow {
fill: #1e1d28;
}
.header--white .header {
background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}
.header--white .header__logo__img {
fill: #0045cf;
}
.header--white .header__menu .nav-link {
color: #1e1d28;
}
.header--white .header__menu .nav-link:after {
background-color: #0045cf;
}
.header--white .header__menu .nav-link:hover {
color: #0045cf;
}
.header--white .header__btn {
background-color: #1e1d28;
color: #fff;
}
.header--white .header__btn:hover {
background-color: #0045cf;
}
.header--white .header__btn--inverse {
background-color: transparent;
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5) inset;
color: #1e1d28;
}
.header--white .header__btn--inverse:hover {
background-color: transparent;
box-shadow: 0 0 0 2px #000 inset;
color: #1e1d28;
}
.header--white .header__lang .lang__item.selected .lang__link {
color: #1e1d28;
}
.header--white .header__lang .lang__arrow {
fill: #1e1d28;
}
.hide_show_menu {
border-style: solid;
border-width: 2px 0;
cursor: pointer;
display: none;
height: 18px;
margin-left: 20px;
position: relative;
transition: all 0.15s cubic-bezier(0.67, -0.03, 0.45, 1.89);
width: 25px;
}
.hide_show_menu::before,
.hide_show_menu:after {
background: #000;
content: "";
display: block;
height: 2px;
position: absolute;
top: 6px;
transition: all 0.35s cubic-bezier(0.67, -0.03, 0.45, 1.89);
width: 25px;
}
.footer__closest-link,
.footer__menu li a {
transition-duration: 0.3s;
text-decoration: none;
}
.mobile-menu-active {
overflow: hidden;
}
.mobile-menu-active .hide_show_menu {
border-width: 0;
transform: rotate(90deg);
}
.mobile-menu-active .hide_show_menu::after {
transform: rotate(45deg);
}
.mobile-menu-active .hide_show_menu::before {
transform: rotate(-45deg);
}
@media (max-width: 960px) {
.hide_show_menu,
.mobile-menu-active .header__menu {
display: block;
}
.mobile-menu-active .header__menuWrap {
-webkit-animation: show-mobile-menu 0.3s;
animation: show-mobile-menu 0.3s;
background-color: #fff;
border-top: 1px solid rgba(30, 29, 40, 0.15);
bottom: 0;
display: flex;
left: 0;
overflow: auto;
padding-bottom: 140px;
padding-top: 10px;
position: fixed;
right: 0;
top: 50px;
}
.mobile-menu-active .header .search-block {
-webkit-animation: show-mobile-menu 0.3s 0.3s forwards;
animation: show-mobile-menu 0.3s 0.3s forwards;
background-color: #f9f9f9;
border-top: none;
box-shadow: none;
bottom: 65px;
display: block;
left: 0;
opacity: 0;
padding: 20px 20px 25px;
position: fixed;
right: 0;
top: auto;
z-index: 1;
}
.mobile-menu-active .header .lang {
-webkit-animation: show-mobile-menu 0.3s 0.3s forwards;
animation: show-mobile-menu 0.3s 0.3s forwards;
background-color: #fff;
bottom: 0;
display: inline-flex;
left: 20px;
opacity: 0;
padding-bottom: 20px;
padding-top: 80px;
position: fixed;
right: 20px;
width: auto;
}
.mobile-menu-active .header .lang__item {
border-top: none;
margin-right: 30px;
}
.mobile-menu-active .header .lang__item.selected:after {
display: none;
}
.mobile-menu-active .header .lang__items {
background-color: transparent;
box-shadow: none;
display: flex;
position: static;
margin-top: 0;
}
.mobile-menu-active .header .lang__link {
padding: 5px;
}
}
@media (max-width: 480px) {
.mobile-menu-active .header .lang {
max-width: 100%;
}
}
@-webkit-keyframes show-mobile-menu {
0% {
opacity: 0;
transform: translateY(-10%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes show-mobile-menu {
0% {
opacity: 0;
transform: translateY(-10%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes blink {
from,
to {
opacity: 0;
}
50% {
opacity: 1;
}
}
@keyframes blink {
from,
to {
opacity: 0;
}
50% {
opacity: 1;
}
}
@-webkit-keyframes header-translate {
0% {
transform: translateY(-80%);
}
100% {
transform: translateY(0);
}
}
@keyframes header-translate {
0% {
transform: translateY(-80%);
}
100% {
transform: translateY(0);
}
}
.ie .header__menu > li.about-us > .dropdown-menu__wrapper > .dropdown-menu {
display: flex;
flex-wrap: wrap;
}
.ie .header__menu > li.about-us > .dropdown-menu__wrapper > .dropdown-menu > .menu-item {
flex: 0 0 33%;
}
.ie .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu {
display: flex;
}
.ie .header__menu > li.services .advisory-group,
.ie .header__menu > li.services .engineering-group,
.ie .header__menu > li.services .optimisation-group {
flex: 0 0 22%;
}
.ie .header__menu > li.services .banner {
flex: 0 0 36%;
}
.ie .header__menu > li.services .by-role-group {
position: absolute;
left: 0;
bottom: 0;
width: 60%;
}
.ie .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu {
display: flex;
}
.ie .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu > .menu-item {
flex: 0 0 30%;
}
.ie .header__menu > li.industries-expertise .dropdown-menu {
display: flex;
flex-wrap: wrap;
}
.ie .header__menu > li.industries-expertise .dropdown-menu > .menu-item {
flex: 0 0 50%;
}
.wpml-ls-menu-item .wpml-ls-flag {
display: inline;
vertical-align: baseline;
width: 30px !important;
height: 30px !important;
}
html[lang="de-DE"] .header__menu > li.full-width .dropdown-menu,
html[lang="uk-UA"] .header__menu > li.full-width .dropdown-menu {
padding-top: 40px;
padding-bottom: 40px;
}
@media (max-width: 960px) {
html[lang="de-DE"] .header__menu > li.full-width .dropdown-menu,
html[lang="uk-UA"] .header__menu > li.full-width .dropdown-menu {
padding-top: 0;
padding-bottom: 0;
}
}
html[lang="de-DE"] .header__menu > li.about-us > .dropdown-menu__wrapper > .dropdown-menu,
html[lang="uk-UA"] .header__menu > li.about-us > .dropdown-menu__wrapper > .dropdown-menu {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
padding-bottom: 60px;
}
html[lang="de-DE"] .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu .dropdown-menu,
html[lang="de-DE"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu .dropdown-menu,
html[lang="uk-UA"] .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu .dropdown-menu,
html[lang="uk-UA"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu .dropdown-menu {
padding-bottom: 0;
padding-top: 0;
}
html[lang="de-DE"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu,
html[lang="uk-UA"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu {
-ms-grid-columns: 30% 35% 35%;
grid-template-columns: 30% 35% 35%;
width: 80%;
}
@media (max-width: 1100px) {
html[lang="de-DE"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu,
html[lang="uk-UA"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu {
width: 100%;
}
}
html[lang="de-DE"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu .block-group + .block-group,
html[lang="uk-UA"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu .block-group + .block-group {
position: relative;
padding-left: 15%;
}
html[lang="de-DE"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu .block-group + .block-group:after,
html[lang="uk-UA"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu .block-group + .block-group:after {
border-right: 1px solid #dddddf;
content: "";
position: absolute;
left: 0;
top: -40px;
bottom: -40px;
}
@media (max-width: 960px) {
html[lang="de-DE"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu .block-group + .block-group,
html[lang="uk-UA"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu .block-group + .block-group {
padding-left: 0;
}
html[lang="de-DE"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu .block-group + .block-group:after,
html[lang="uk-UA"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu .block-group + .block-group:after {
display: none;
}
}
html[lang="de-DE"] .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu,
html[lang="uk-UA"] .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu {
-ms-grid-columns: 48% 52%;
grid-template-columns: 48% 52%;
width: 72%;
}
html[lang="de-DE"] .header__menu > li.industries-expertise .block-group + .block-group,
html[lang="uk-UA"] .header__menu > li.industries-expertise .block-group + .block-group {
background-color: #f9f9f9;
margin-top: -40px;
margin-bottom: -40px;
padding: 40px 2% 40px 10%;
}
@media (max-width: 960px) {
html[lang="de-DE"] .header__menu > li.industries-expertise .block-group + .block-group,
html[lang="uk-UA"] .header__menu > li.industries-expertise .block-group + .block-group {
background-color: transparent;
margin: 0;
padding: 0;
}
}
html[lang="de-DE"] .ie .header__menu > li.services .advisory-group,
html[lang="de-DE"] .ie .header__menu > li.services .engineering-group,
html[lang="de-DE"] .ie .header__menu > li.services .optimisation-group,
html[lang="uk-UA"] .ie .header__menu > li.services .advisory-group,
html[lang="uk-UA"] .ie .header__menu > li.services .engineering-group,
html[lang="uk-UA"] .ie .header__menu > li.services .optimisation-group {
flex: 0 0 30%;
}
html[lang="de-DE"] .ie .header__menu > li.services .block-group + .block-group,
html[lang="uk-UA"] .ie .header__menu > li.services .block-group + .block-group {
padding-left: 5% !important;
}
html[lang="de-DE"] .ie .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu,
html[lang="uk-UA"] .ie .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu {
display: flex;
}
html[lang="de-DE"] .ie .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu > .menu-item,
html[lang="uk-UA"] .ie .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu > .menu-item {
flex: 0 0 42%;
}
[dir="rtl"] .header__lang {
margin-right: 50px;
margin-left: 0;
}
[dir="rtl"] .header__btn {
margin-right: 0;
margin-left: 60px;
}
@media (max-width: 1100px) {
html[lang="de-DE"] .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu,
html[lang="uk-UA"] .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu {
width: 100%;
}
[dir="rtl"] .header__lang {
margin-right: 0;
}
[dir="rtl"] .header__btn {
margin-left: 30px;
}
}
@media (max-width: 960px) {
[dir="rtl"] .header__btn {
margin-left: 10px;
}
}
@media (max-width: 320px) {
[dir="rtl"] .header__btn {
margin-left: 0;
}
}
[dir="rtl"] .header__logo {
margin-left: 80px;
}
@media (max-width: 1100px) {
[dir="rtl"] .header__logo {
margin-left: 30px;
}
}
@media (max-width: 960px) {
[dir="rtl"] .header__logo {
margin-left: 10px;
}
[dir="rtl"] .header__menu .nav-link:after {
left: 28px;
right: auto;
transform: rotate(-45deg);
}
}
@media (max-width: 320px) {
[dir="rtl"] .header__logo {
margin-left: 0;
}
}
[dir="rtl"] .header__menu {
line-height: 1.45;
}
[dir="rtl"] .header__menu > li > .dropdown-menu__wrapper {
margin-left: 0;
margin-right: -20px;
}
[dir="rtl"] .header__menu > li.full-width .dropdown-menu {
margin-left: 0;
margin-right: 284px;
}
@media (max-width: 1440px) {
[dir="rtl"] .header__menu > li.full-width .dropdown-menu {
margin-right: 214px;
}
}
@media (max-width: 1400px) {
[dir="rtl"] .header__menu > li.full-width .dropdown-menu {
margin-right: 184px;
}
}
@media (max-width: 1200px) {
[dir="rtl"] .header__menu > li.full-width .dropdown-menu {
margin-right: 134px;
}
}
@media (max-width: 1100px) {
[dir="rtl"] .header__menu > li.full-width .dropdown-menu {
margin-right: 10px;
}
}
@media (max-width: 960px) {
[dir="rtl"] .header__menu .nav-link:before {
left: 20px;
right: auto;
}
[dir="rtl"] .header__menu > li.full-width .dropdown-menu {
margin-right: 0;
}
}
[dir="rtl"] .header__menu > li.about-us > .dropdown-menu__wrapper > .dropdown-menu .dropdown-menu {
left: auto;
right: 100%;
margin-right: 0;
padding-left: 0;
padding-right: 8%;
}
[dir="rtl"] .header__menu > li .menu-testimonial-item {
padding-right: 40px;
padding-left: 60px;
}
[dir="rtl"] .header__menu > li .menu-testimonial-item:after {
left: auto;
right: 0;
}
[dir="rtl"] .header__menu > li .menu-testimonial-item:before {
left: auto;
right: 40px;
}
[dir="rtl"] .header__menu > li .menu-testimonial-item .dropdown-item:after,
[dir="rtl"] .header__menu > li .menu-testimonial-item .dropdown-item:before {
left: auto;
right: 115px;
}
[dir="rtl"] .header__menu > li .menu-testimonial-item .dropdown-item:after {
content: "سامر عوجان،";
}
[dir="rtl"] .header__menu > li .menu-testimonial-item .dropdown-item:before {
content: "المدير التكنولوجي، شركة أرامكس Aramex";
}
[dir="rtl"] .header__menu > li .block-group .dropdown-item {
text-align: right;
}
[dir="rtl"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
[dir="rtl"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu .dropdown-menu {
margin-right: 0;
}
@media (max-width: 960px) {
[dir="rtl"] .header__menu > li .block-group > .dropdown-item:after {
left: 27px;
right: auto;
}
[dir="rtl"] .header__menu > li .block-group > .dropdown-item:before {
left: 20px;
right: auto;
}
[dir="rtl"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 0;
padding-right: 40px;
}
[dir="rtl"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu .dropdown-menu .dropdown-item:after {
left: auto;
right: 20px;
}
}
[dir="rtl"] .header__menu > li.services .block-group .dropdown-menu .dropdown-item {
padding-left: 0;
padding-right: 30px;
}
[dir="rtl"] .header__menu > li.services .block-group .dropdown-menu .dropdown-item:after {
right: 10px;
left: auto;
}
[dir="rtl"] .header__menu > li.services .by-role-group {
margin-right: 0;
}
[dir="rtl"] .header__menu > li.services .by-role-group:after {
left: 0;
right: 10px;
}
[dir="rtl"] .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
[dir="rtl"] .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu .dropdown-menu {
margin-right: 0;
}
[dir="rtl"] .hide_show_menu {
margin-left: 0;
margin-right: 20px;
}
[dir="rtl"] .mobile-menu-active .header .lang__item {
margin-left: 30px;
margin-right: 0;
}
[dir="rtl"] .ie .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu {
display: flex;
padding-bottom: 80px;
}
[dir="rtl"] .ie .header__menu > li.services .advisory-group,
[dir="rtl"] .ie .header__menu > li.services .engineering-group,
[dir="rtl"] .ie .header__menu > li.services .optimisation-group {
flex: 0 0 33.33%;
}
[dir="rtl"] .ie .header__menu > li.services .by-role-group {
left: auto;
right: 0;
width: 100%;
}
[dir="rtl"] .ie .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu {
display: flex;
}
[dir="rtl"] .ie .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu > .menu-item {
flex: 0 0 45%;
}
html[lang="ja-JP"] .header__menu > li > .dropdown-menu__wrapper {
width: 190px;
}
html[lang="ja-JP"] .header__menu > li.full-width .dropdown-menu {
padding-top: 40px;
padding-bottom: 40px;
}
html[lang="ja-JP"] .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu .dropdown-menu,
html[lang="ja-JP"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu .dropdown-menu {
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 960px) {
html[lang="ja-JP"] .header__menu > li > .dropdown-menu__wrapper {
width: 100%;
}
html[lang="ja-JP"] .header__menu > li.full-width .dropdown-menu {
padding-top: 0;
padding-bottom: 0;
}
}
html[lang="ja-JP"] .header__menu > li.full-width > .dropdown-menu__wrapper {
width: 100%;
}
html[lang="ja-JP"] .header__menu > li.about-us > .dropdown-menu__wrapper > .dropdown-menu {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
padding-bottom: 100px;
width: 33%;
}
@media (max-width: 1100px) {
html[lang="ja-JP"] .header__menu > li.about-us > .dropdown-menu__wrapper > .dropdown-menu {
width: 44%;
}
}
@media (max-width: 960px) {
html[lang="ja-JP"] .header__menu > li.about-us > .dropdown-menu__wrapper > .dropdown-menu {
width: 100%;
}
}
html[lang="ja-JP"] .header__menu > li.about-us > .dropdown-menu__wrapper > .dropdown-menu .dropdown-menu {
width: 125%;
}
html[lang="ja-JP"] .header__menu > li.about-us > .dropdown-menu__wrapper > .dropdown-menu .menu-testimonial-item .dropdown-item:after {
content: "Samer Awajan";
}
html[lang="ja-JP"] .header__menu > li.about-us > .dropdown-menu__wrapper > .dropdown-menu .menu-testimonial-item .dropdown-item:before {
content: "Aramex社 CTO";
}
html[lang="ja-JP"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu {
-ms-grid-columns: 21% 25% 24% 30%;
grid-template-columns: 21% 25% 24% 30%;
padding-bottom: 0;
width: 80%;
}
@media (max-width: 1100px) {
html[lang="ja-JP"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu {
width: 100%;
}
}
html[lang="ja-JP"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu .block-group + .block-group {
position: relative;
padding-left: 10%;
}
@media (max-width: 960px) {
html[lang="ja-JP"] .header__menu > li.services > .dropdown-menu__wrapper > .dropdown-menu .block-group + .block-group {
padding-left: 0;
}
.footer .row {
flex-wrap: wrap;
}
}
html[lang="ja-JP"] .header__menu > li.services .banner {
margin-top: -40px;
}
html[lang="ja-JP"] .header__menu > li.services .banner .dropdown-item:before {
background-image: url(https://eleks.com/wp-content/uploads/eleks-japan-menu.jpg);
height: 180px;
}
html[lang="ja-JP"] .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu {
-ms-grid-columns: 50% 50%;
grid-template-columns: 50% 50%;
width: 74%;
}
@media (max-width: 1100px) {
html[lang="ja-JP"] .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu {
width: 100%;
}
}
html[lang="ja-JP"] .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu .dropdown-menu .dropdown-menu {
background-color: #f9f9f9;
bottom: -40px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
left: 100%;
margin-left: 0;
padding: 70px 0 70px 8%;
position: absolute;
top: -90px;
width: 100%;
z-index: 1;
}
@media (max-width: 1440px) {
html[lang="ja-JP"] .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu .dropdown-menu .dropdown-menu {
padding-bottom: 50px;
padding-top: 50px;
top: -88px;
}
html[lang="ja-JP"] .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu .menu-testimonial-item {
margin-top: 5px;
}
}
html[lang="ja-JP"] .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu .menu-testimonial-item {
padding-bottom: 80px;
padding-left: 40px;
padding-right: 60px;
position: relative;
}
html[lang="ja-JP"] .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu .menu-testimonial-item:after {
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNTEyLjUgNTEyLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMi41IDUxMi41OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTExMi41LDIwOC4yNWM2MS44NTYsMCwxMTIsNTAuMTQ1LDExMiwxMTJzLTUwLjE0NCwxMTItMTEyLDExMnMtMTEyLTUwLjE0NS0xMTItMTEybC0wLjUtMTYgICBjMC0xMjMuNzEyLDEwMC4yODgtMjI0LDIyNC0yMjR2NjRjLTQyLjczNywwLTgyLjkxNywxNi42NDMtMTEzLjEzNyw0Ni44NjNjLTUuODE3LDUuODE4LTExLjEyNiwxMi4wMDgtMTUuOTE1LDE4LjUxICAgQzEwMC42NjcsMjA4LjcyMywxMDYuNTI4LDIwOC4yNSwxMTIuNSwyMDguMjV6IE00MDAuNSwyMDguMjVjNjEuODU1LDAsMTEyLDUwLjE0NSwxMTIsMTEycy01MC4xNDUsMTEyLTExMiwxMTIgICBzLTExMi01MC4xNDUtMTEyLTExMmwtMC41LTE2YzAtMTIzLjcxMiwxMDAuMjg3LTIyNCwyMjQtMjI0djY0Yy00Mi43MzYsMC04Mi45MTgsMTYuNjQzLTExMy4xMzcsNDYuODYzICAgYy01LjgxOCw1LjgxOC0xMS4xMjcsMTIuMDA4LTE1LjkxNiwxOC41MUMzODguNjY2LDIwOC43MjMsMzk0LjUyNywyMDguMjUsNDAwLjUsMjA4LjI1eiIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
background-size: cover;
background-repeat: no-repeat;
content: "";
height: 20px;
left: 0;
position: absolute;
top: 0;
width: 20px;
}
html[lang="ja-JP"] .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu .menu-testimonial-item:before {
background-image: url(https://eleks.com/wp-content/uploads/eric-grossman.jpg);
background-repeat: no-repeat;
background-size: cover;
border-radius: 50%;
bottom: 0;
content: "";
height: 60px;
left: 40px;
position: absolute;
width: 60px;
}
html[lang="ja-JP"] .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu .menu-testimonial-item .dropdown-item {
color: #373737 !important;
cursor: default;
padding: 0;
}
html[lang="ja-JP"] .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu .menu-testimonial-item .dropdown-item:after,
html[lang="ja-JP"] .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu .menu-testimonial-item .dropdown-item:before {
bottom: 8px;
font-weight: 600;
left: 115px;
position: absolute;
}
html[lang="ja-JP"] .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu .menu-testimonial-item .dropdown-item:after {
content: "Eric Grossman";
bottom: 30px;
}
html[lang="ja-JP"] .header__menu > li.industries-expertise > .dropdown-menu__wrapper > .dropdown-menu .menu-testimonial-item .dropdown-item:before {
content: "TAIT CBO";
}
.footer {
background-color: #f9f9f9;
padding-top: 60px;
}
@media (max-width: 680px) {
.footer {
padding-top: 40px;
}
}
.footer__col-1 {
flex: 0 0 43%;
padding-right: 25px;
}
@media (max-width: 960px) {
.footer__col-1 {
flex-basis: 60%;
}
}
@media (max-width: 460px) {
.footer__col-1 {
flex-basis: 100%;
padding-right: 0;
text-align: center;
}
.footer__col-2 {
display: none;
}
}
.footer__col-2 {
flex: 0 0 24%;
}
@media (max-width: 960px) {
.footer__col-2 {
flex-basis: 40%;
}
}
.footer__col-3 {
flex: 0 0 33%;
}
@media (max-width: 960px) {
.footer__col-3 {
flex-basis: 100%;
margin-top: 50px;
}
}
@media (max-width: 938px) {
.footer__col-3 {
display: none;
}
}
.footer__title {
color: #1e1d28;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.5;
margin: 5px 0 20px;
}
@media (max-width: 460px) {
.footer__title {
display: none;
}
}
.footer__logo {
display: inline-block;
margin-bottom: 10px;
vertical-align: top;
}
.footer__menu {
list-style: none;
margin: 0;
padding: 0;
}
@media (max-width: 460px) {
.footer__menu {
display: none;
}
}
.footer__menu li a {
border-bottom: 1px solid transparent;
color: #373737;
font-size: 1rem;
display: inline-block;
transition-property: border-color, color;
}
.footer__menu li a:hover {
border-bottom-color: #1e1d28;
color: #1e1d28;
}
.footer__menu li + li {
margin-top: 1rem;
}
.footer__address {
margin-bottom: 5px;
padding-top: 20px;
}
.footer__address-title {
font-size: 1.125rem;
font-weight: 700;
line-height: 1.44;
margin-bottom: 15px;
padding-left: 33px;
padding-right: 15px;
position: relative;
}
@media (max-width: 1440px) {
.footer__address-title {
padding-left: 28px;
}
}
.footer__address-title:after {
background-size: cover;
content: "";
height: 20px;
left: 0;
position: absolute;
top: 1px;
width: 20px;
}
@media (max-width: 460px) {
.footer__address-title {
padding-left: 0;
padding-right: 0;
padding-top: 25px;
}
.footer__address-title:after {
height: 15px;
left: 50%;
margin-left: -7px;
width: 15px;
}
}
.footer__address-title-address:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQ5NS4zOTggNDk1LjM5OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDk1LjM5OCA0OTUuMzk4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTQ4Ny4wODMsMjI1LjUxNGwtNzUuMDgtNzUuMDhWNjMuNzA0YzAtMTUuNjgyLTEyLjcwOC0yOC4zOTEtMjguNDEzLTI4LjM5MWMtMTUuNjY5LDAtMjguMzc3LDEyLjcwOS0yOC4zNzcsMjguMzkxICAgICB2MjkuOTQxTDI5OS4zMSwzNy43NGMtMjcuNjM5LTI3LjYyNC03NS42OTQtMjcuNTc1LTEwMy4yNywwLjA1TDguMzEyLDIyNS41MTRjLTExLjA4MiwxMS4xMDQtMTEuMDgyLDI5LjA3MSwwLDQwLjE1OCAgICAgYzExLjA4NywxMS4xMDEsMjkuMDg5LDExLjEwMSw0MC4xNzIsMGwxODcuNzEtMTg3LjcyOWM2LjExNS02LjA4MywxNi44OTMtNi4wODMsMjIuOTc2LTAuMDE4bDE4Ny43NDIsMTg3Ljc0NyAgICAgYzUuNTY3LDUuNTUxLDEyLjgyNSw4LjMxMiwyMC4wODEsOC4zMTJjNy4yNzEsMCwxNC41NDEtMi43NjQsMjAuMDkxLTguMzEyQzQ5OC4xNywyNTQuNTg2LDQ5OC4xNywyMzYuNjE5LDQ4Ny4wODMsMjI1LjUxNHoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzFFMUQyOCIgZGF0YS1vbGRfY29sb3I9IiMxZTFkMjgiPjwvcGF0aD4KCQkJPHBhdGggZD0iTTI1Ny41NjEsMTMxLjgzNmMtNS40NTQtNS40NTEtMTQuMjg1LTUuNDUxLTE5LjcyMywwTDcyLjcxMiwyOTYuOTEzYy0yLjYwNywyLjYwNi00LjA4NSw2LjE2NC00LjA4NSw5Ljg3N3YxMjAuNDAxICAgICBjMCwyOC4yNTMsMjIuOTA4LDUxLjE2LDUxLjE2LDUxLjE2aDgxLjc1NHYtMTI2LjYxaDkyLjI5OXYxMjYuNjFoODEuNzU1YzI4LjI1MSwwLDUxLjE1OS0yMi45MDcsNTEuMTU5LTUxLjE1OVYzMDYuNzkgICAgIGMwLTMuNzEzLTEuNDY1LTcuMjcxLTQuMDg1LTkuODc3TDI1Ny41NjEsMTMxLjgzNnoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzFFMUQyOCIgZGF0YS1vbGRfY29sb3I9IiMxZTFkMjgiPjwvcGF0aD4KCQk8L2c+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPg==);
}
.footer__address-title-phone:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDgwLjU2IDQ4MC41NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDgwLjU2IDQ4MC41NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBjbGFzcz0iIj48Zz48Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zNjUuMzU0LDMxNy45Yy0xNS43LTE1LjUtMzUuMy0xNS41LTUwLjksMGMtMTEuOSwxMS44LTIzLjgsMjMuNi0zNS41LDM1LjZjLTMuMiwzLjMtNS45LDQtOS44LDEuOCAgICBjLTcuNy00LjItMTUuOS03LjYtMjMuMy0xMi4yYy0zNC41LTIxLjctNjMuNC00OS42LTg5LTgxYy0xMi43LTE1LjYtMjQtMzIuMy0zMS45LTUxLjFjLTEuNi0zLjgtMS4zLTYuMywxLjgtOS40ICAgIGMxMS45LTExLjUsMjMuNS0yMy4zLDM1LjItMzUuMWMxNi4zLTE2LjQsMTYuMy0zNS42LTAuMS01Mi4xYy05LjMtOS40LTE4LjYtMTguNi0yNy45LTI4Yy05LjYtOS42LTE5LjEtMTkuMy0yOC44LTI4LjggICAgYy0xNS43LTE1LjMtMzUuMy0xNS4zLTUwLjksMC4xYy0xMiwxMS44LTIzLjUsMjMuOS0zNS43LDM1LjVjLTExLjMsMTAuNy0xNywyMy44LTE4LjIsMzkuMWMtMS45LDI0LjksNC4yLDQ4LjQsMTIuOCw3MS4zICAgIGMxNy42LDQ3LjQsNDQuNCw4OS41LDc2LjksMTI4LjFjNDMuOSw1Mi4yLDk2LjMsOTMuNSwxNTcuNiwxMjMuM2MyNy42LDEzLjQsNTYuMiwyMy43LDg3LjMsMjUuNGMyMS40LDEuMiw0MC00LjIsNTQuOS0yMC45ICAgIGMxMC4yLTExLjQsMjEuNy0yMS44LDMyLjUtMzIuN2MxNi0xNi4yLDE2LjEtMzUuOCwwLjItNTEuOEM0MDMuNTU0LDM1NS45LDM4NC40NTQsMzM2LjksMzY1LjM1NCwzMTcuOXoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzFFMUQyOCIgZGF0YS1vbGRfY29sb3I9IiMxZTFkMjgiPjwvcGF0aD4KCQk8cGF0aCBkPSJNMzQ2LjI1NCwyMzguMmwzNi45LTYuM2MtNS44LTMzLjktMjEuOC02NC42LTQ2LjEtODljLTI1LjctMjUuNy01OC4yLTQxLjktOTQtNDYuOWwtNS4yLDM3LjEgICAgYzI3LjcsMy45LDUyLjksMTYuNCw3Mi44LDM2LjNDMzI5LjQ1NCwxODguMiwzNDEuNzU0LDIxMiwzNDYuMjU0LDIzOC4yeiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojMUUxRDI4IiBkYXRhLW9sZF9jb2xvcj0iIzFlMWQyOCI+PC9wYXRoPgoJCTxwYXRoIGQ9Ik00MDMuOTU0LDc3LjhjLTQyLjYtNDIuNi05Ni41LTY5LjUtMTU2LTc3LjhsLTUuMiwzNy4xYzUxLjQsNy4yLDk4LDMwLjUsMTM0LjgsNjcuMmMzNC45LDM0LjksNTcuOCw3OSw2Ni4xLDEyNy41ICAgIGwzNi45LTYuM0M0NzAuODU0LDE2OS4zLDQ0NC4zNTQsMTE4LjMsNDAzLjk1NCw3Ny44eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojMUUxRDI4IiBkYXRhLW9sZF9jb2xvcj0iIzFlMWQyOCI+PC9wYXRoPgoJPC9nPgo8L2c+PC9nPiA8L3N2Zz4=);
}
.footer__address-text {
color: #373737;
padding-left: 33px;
}
@media (max-width: 1440px) {
.footer__address-title:after {
top: 2px;
height: 15px;
width: 15px;
}
.footer__address-text {
padding-left: 28px;
}
}
.footer__address-text a {
color: #373737;
text-decoration: none;
}
.footer__closest-office {
max-width: 450px;
}
@media (max-width: 1700px) {
.footer__closest-office {
max-width: 430px;
}
}
.footer__closest-link {
border-bottom: 1px solid transparent;
color: #373737;
display: inline;
transition-property: border-color, color;
}
.footer__closest-link:hover {
border-bottom-color: #1e1d28;
color: #1e1d28;
}
.footer__blog-news-name,
.footer__submenu li a,
.sitemap-list a {
border-bottom: 1px solid transparent;
}
@media (max-width: 460px) {
.footer__address-text {
padding-left: 0;
}
.footer__blog-news {
display: none;
}
}
.footer__blog-news-name {
color: #373737;
display: inline-block;
margin-bottom: 13px;
text-decoration: none;
transition: border-color 0.3s;
}
.footer__blog-news-name:hover {
border-bottom-color: #1e1d28;
}
.footer__blog-news-link {
color: #1e1d28;
display: block;
font-weight: 700;
text-decoration: none;
transition: color 0.3s;
}
.footer__blog-news-link:hover {
color: #0045cf;
}
.footer__blog-news + .footer__blog-news {
margin-top: 30px;
padding-top: 30px;
}
.footer__info {
background-color: #fff;
border-top: 1px solid rgba(30, 29, 40, 0.1);
margin-top: 60px;
}
@media (max-width: 680px) {
.footer__info {
margin-top: 40px;
}
}
.footer__copyright {
font-size: 0.875rem;
}
@media (max-width: 780px) {
.footer__copyright {
flex-basis: 100%;
margin-bottom: 25px;
order: 2;
text-align: center;
}
.footer__copyright + .row {
flex-basis: 100%;
justify-content: center;
}
}
.footer__submenu {
list-style: none;
margin: 15px 0;
padding: 0;
}
.footer__submenu li {
display: inline-block;
vertical-align: middle;
}
.footer__submenu li + li {
margin-left: 56px;
}
@media (max-width: 480px) {
.footer__submenu li + li {
margin-left: 30px;
}
}
.footer__submenu li a {
color: #1e1d28;
display: inline-block;
font-size: 0.875rem;
font-weight: 600;
line-height: 1.71;
text-decoration: none;
transition: border-color 0.3s;
white-space: nowrap;
}
.footer__submenu li a:hover {
border-bottom-color: #1e1d28;
}
.footer__lang {
margin-left: 40px;
}
@media (max-width: 480px) {
.footer__lang {
margin-left: 20px;
}
}
@media (max-width: 400px) {
.footer__submenu {
margin-bottom: 20px;
margin-top: 20px;
}
.footer__lang {
display: none;
}
}
.footer__lang .lang__items {
border-radius: 6px 6px 0 0;
box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
}
.footer__lang .lang__items:after {
display: none;
}
@media (max-width: 960px) {
.footer__lang .lang__arrow {
display: block;
}
}
.footer__lang.active .lang__items {
bottom: 100%;
top: auto;
}
@media (max-width: 460px) {
.footer .social {
justify-content: center;
}
.footer .social__item {
margin-right: 10px;
margin-left: 10px;
}
}
@media (max-width: 1100px) {
.footer--de .row,
.footer--ua .row {
flex-wrap: wrap;
}
}
.footer--de .footer__col-1,
.footer--ua .footer__col-1 {
display: flex;
flex: 0 0 60%;
}
@media (max-width: 1100px) {
.footer--de .footer__col-1,
.footer--ua .footer__col-1 {
flex-basis: 55%;
}
}
@media (max-width: 960px) {
.footer--de .footer__col-1,
.footer--ua .footer__col-1 {
display: block;
flex-basis: 50%;
}
}
@media (max-width: 860px) {
.footer--de .footer__col-1,
.footer--ua .footer__col-1 {
flex-basis: 60%;
padding-right: 0;
}
}
@media (max-width: 460px) {
.footer--de .footer__col-1,
.footer--ua .footer__col-1 {
flex-basis: 100%;
}
}
.footer--de .footer__col-2,
.footer--ua .footer__col-2 {
flex: 0 0 20%;
}
@media (max-width: 960px) {
.footer--de .footer__col-2,
.footer--ua .footer__col-2 {
flex-basis: 20%;
}
.footer--de .footer__col-3,
.footer--ua .footer__col-3 {
margin-top: 0;
}
}
@media (max-width: 860px) {
.footer--de .footer__col-2,
.footer--ua .footer__col-2 {
flex-basis: 40%;
}
.footer--de .footer__col-3,
.footer--ua .footer__col-3 {
margin-top: 30px;
}
}
@media (max-width: 460px) {
.footer--de .footer__col-2,
.footer--ua .footer__col-2 {
flex-basis: 100%;
}
}
.footer--de .footer__col-3,
.footer--ua .footer__col-3 {
flex: 0 0 20%;
}
@media (max-width: 938px) {
.footer--de .footer__col-3,
.footer--ua .footer__col-3 {
display: block;
}
}
.footer--de .footer__logo,
.footer--ua .footer__logo {
margin-right: 15%;
}
@media (max-width: 1100px) {
.footer--de .footer__logo,
.footer--ua .footer__logo {
margin-right: 8%;
}
}
@media (max-width: 460px) {
.footer--de .footer__col-3,
.footer--ua .footer__col-3 {
flex-basis: 100%;
margin-top: 0;
}
.footer--de .footer__logo,
.footer--ua .footer__logo {
margin-right: 0;
}
}
.footer--de .footer__address,
.footer--ua .footer__address {
margin-bottom: 20px;
margin-top: 5px;
padding-right: 25%;
padding-top: 0;
}
@media (max-width: 1100px) {
.footer--de .footer__address,
.footer--ua .footer__address {
padding-right: 10%;
}
}
@media (max-width: 960px) {
.footer--de .footer__address,
.footer--ua .footer__address {
margin-top: 20px;
}
}
@media (max-width: 740px) {
.footer--de .footer__submenu,
.footer--ua .footer__submenu {
margin-bottom: 8px;
margin-top: 12px;
}
}
@media (max-width: 560px) {
.footer--de .footer__submenu,
.footer--ua .footer__submenu {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.footer--de .footer__submenu li,
.footer--ua .footer__submenu li {
margin-left: 12px;
margin-right: 12px;
}
}
@media (max-width: 860px) {
.footer--de .footer__submenu li + li,
.footer--ua .footer__submenu li + li {
margin-left: 24px;
}
.footer--ja .footer__col-3 {
margin-top: 30px;
}
}
@media (max-width: 560px) {
.footer--de .footer__submenu li + li,
.footer--ua .footer__submenu li + li {
margin-left: 12px;
}
}
@media (max-width: 740px) {
.footer--de .footer__lang,
.footer--ua .footer__lang {
display: none;
}
}
@media (max-width: 1100px) {
.footer--de .footer__copyright,
.footer--ua .footer__copyright {
flex-basis: 100%;
margin-bottom: 25px;
order: 2;
text-align: center;
}
.footer--de .footer__copyright + .row,
.footer--ua .footer__copyright + .row {
flex-basis: 100%;
justify-content: center;
}
}
@media (max-width: 938px) {
.footer--ja .footer__col-3 {
display: block;
}
}
@media (max-width: 460px) {
.footer--de .footer__address,
.footer--ua .footer__address {
padding-right: 0;
}
.footer--ja .footer__col-3 {
flex-basis: 100%;
margin-top: 0;
}
}
.scroll-to-top {
bottom: 30px;
margin-left: -15px;
position: fixed;
right: 20px;
transform: rotate(90deg) translateX(100px);
transition: transform 0.3s ease;
z-index: 100;
}
.scroll-to-top__mouse {
border-radius: 10px;
border: 1px solid #0045cf;
height: 20px;
margin-bottom: 0;
width: 30px;
}
.scroll-to-top__mouse:after {
-webkit-animation: mouseanim 2s ease-in-out infinite;
animation: mouseanim 2s ease-in-out infinite;
background-color: #0045cf;
content: "";
height: 2px;
margin-top: -1px;
position: absolute;
left: 10px;
top: 50%;
width: 5px;
}
.scroll-to-top__arrows {
bottom: 0;
left: 0;
margin: 0 0 13px -14px;
position: absolute;
}
.scroll-to-top__arrows:after,
.scroll-to-top__arrows:before {
-webkit-animation: arrowsanim 1s infinite ease-in-out;
animation: arrowsanim 1s infinite ease-in-out;
border-left: 1px solid #0045cf;
border-top: 1px solid #0045cf;
content: "";
height: 6px;
opacity: 0.38;
position: absolute;
transform: rotate(-45deg);
width: 6px;
}
.scroll-to-top__arrows:after {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
left: -10px;
}
.scroll-to-top--active {
transform: rotate(90deg) translateX(0);
}
@-webkit-keyframes mouseanim {
0%,
100% {
transform: translateX(0);
}
50% {
transform: translateX(-5px);
}
}
@keyframes mouseanim {
0%,
100% {
transform: translateX(0);
}
50% {
transform: translateX(-5px);
}
}
@-webkit-keyframes arrowsanim {
0%,
100% {
opacity: 0;
}
50% {
opacity: 1;
}
}
@keyframes arrowsanim {
0%,
100% {
opacity: 0;
}
50% {
opacity: 1;
}
}
.cookie_message {
background: #fff;
box-shadow: 0 1px 90px rgba(0, 0, 0, 0.08);
bottom: 15px;
color: #1e1d28;
font-size: 1rem;
left: 15px;
line-height: 1.62;
opacity: 0;
padding: 64px 0;
position: fixed;
right: 15px;
transform: translateY(120%);
z-index: 2000;
}
@media (max-width: 1600px) {
.cookie_message {
padding-bottom: 48px;
padding-top: 48px;
}
}
@media (max-width: 640px) {
.cookie_message {
bottom: 10px;
font-size: 0.857rem;
left: 10px;
right: 10px;
}
}
.cookie_message.show {
opacity: 1;
transform: translateY(0);
transition-duration: 0.5s;
transition-property: opacity, transform;
}
.cookie_message__title {
font-weight: 600;
font-size: 1.25rem;
line-height: 1.5;
margin-bottom: 15px;
}
@media (max-width: 640px) {
.cookie_message__title {
font-size: 1.071rem;
}
}
.cookie_message__close {
padding-left: 70px;
}
@media (max-width: 1100px) {
.cookie_message__close {
padding-left: 50px;
}
}
@media (max-width: 760px) {
.cookie_message {
padding-bottom: 16px;
padding-top: 16px;
text-align: center;
}
.cookie_message .row {
flex-wrap: wrap;
}
.cookie_message__close {
margin-top: 16px;
padding-left: 0;
flex-basis: 100%;
}
}
.cookie_message__close .btn {
cursor: pointer;
font-size: 1rem;
padding: 15px;
min-width: 170px;
}
.cookie_message a {
color: #0045cf;
outline: 0;
text-decoration: none;
}
[dir="rtl"] .footer__col-1 {
display: flex;
flex: 0 0 56%;
padding-left: 25px;
padding-right: 0;
}
@media (max-width: 960px) {
[dir="rtl"] .footer__col-1 {
display: block;
flex-basis: 50%;
}
}
@media (max-width: 860px) {
[dir="rtl"] .footer__col-1 {
flex-basis: 60%;
}
}
@media (max-width: 680px) {
[dir="rtl"] .footer__col-1 {
flex-basis: 70%;
}
}
@media (max-width: 460px) {
[dir="rtl"] .footer__col-1 {
flex-basis: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 0;
}
}
[dir="rtl"] .footer__col-2 {
flex: 0 0 22%;
}
@media (max-width: 960px) {
[dir="rtl"] .footer__col-2 {
flex-basis: 25%;
}
}
@media (max-width: 860px) {
[dir="rtl"] .footer__col-2 {
flex-basis: 40%;
}
}
@media (max-width: 680px) {
[dir="rtl"] .footer__col-2 {
flex-basis: 30%;
}
}
@media (max-width: 460px) {
[dir="rtl"] .footer__col-2 {
flex-basis: 100%;
}
}
[dir="rtl"] .footer__col-3 {
flex: 0 0 22%;
}
@media (max-width: 960px) {
[dir="rtl"] .footer__col-3 {
flex-basis: 25%;
margin-top: 0;
}
}
@media (max-width: 938px) {
[dir="rtl"] .footer__col-3 {
display: block;
}
}
@media (max-width: 860px) {
[dir="rtl"] .footer__col-3 {
margin-top: 30px;
}
}
[dir="rtl"] .footer__logo {
margin-left: 15%;
}
@media (max-width: 1100px) {
[dir="rtl"] .footer__logo {
margin-left: 8%;
}
}
[dir="rtl"] .footer__address {
padding-top: 10px;
}
[dir="rtl"] .footer__address-title {
padding-right: 33px;
padding-left: 15px;
}
@media (max-width: 1440px) {
.footer__closest-office {
max-width: 360px;
}
[dir="rtl"] .footer__address-title {
padding-right: 28px;
}
}
[dir="rtl"] .footer__address-title:after {
left: auto;
right: 0;
}
@media (max-width: 460px) {
[dir="rtl"] .footer__col-3 {
flex-basis: 100%;
margin-top: 0;
}
[dir="rtl"] .footer__logo {
margin-left: 0;
}
[dir="rtl"] .footer__address-title {
padding-left: 0;
padding-right: 0;
}
[dir="rtl"] .footer__address-title:after {
left: auto;
margin-left: 0;
margin-right: -7px;
right: 50%;
}
}
[dir="rtl"] .footer__address-text {
direction: ltr;
padding-left: 0;
padding-right: 33px;
text-align: right;
}
@media (max-width: 1440px) {
[dir="rtl"] .footer__address-text {
padding-left: 0;
padding-right: 28px;
}
}
[dir="rtl"] .footer__menu li + li {
margin-top: 10px;
}
[dir="rtl"] .footer__submenu li + li {
margin-left: 0;
margin-right: 56px;
}
@media (max-width: 480px) {
[dir="rtl"] .footer__submenu li + li {
margin-left: 0;
margin-right: 30px;
}
}
[dir="rtl"] .footer__lang {
margin-left: 0;
margin-right: 40px;
}
@media (max-width: 480px) {
[dir="rtl"] .footer__lang {
margin-left: 0;
margin-right: 20px;
}
}
[dir="rtl"] .footer .social__item {
margin-left: 20px;
margin-right: 0;
}
@media (max-width: 460px) {
[dir="rtl"] .footer__address-text {
padding-right: 0;
text-align: center;
}
[dir="rtl"] .footer .social__item {
margin-left: 10px;
margin-right: 10px;
}
}
[dir="rtl"] .scroll-to-top {
margin-left: 0;
margin-right: -15px;
left: 20px;
right: auto;
}
[dir="rtl"] .cookie_message {
text-align: right;
}
[dir="rtl"] .cookie_message__close {
padding-left: 0;
padding-right: 70px;
}
@media (max-width: 1100px) {
[dir="rtl"] .cookie_message__close {
padding-left: 0;
padding-right: 50px;
}
.post-component--video iframe {
max-height: 600px;
}
}
@media (max-width: 760px) {
[dir="rtl"] .cookie_message {
text-align: center;
}
[dir="rtl"] .cookie_message__close {
padding-right: 0;
}
}
.sitemap-list {
margin: 50px 0;
}
@media (max-width: 960px) {
.sitemap-list {
margin: 20px 0;
}
}
.sitemap-list ul {
list-style: none;
margin: 0 0 30px;
padding: 0;
}
.sitemap-list li {
margin-bottom: 12px;
padding-left: 24px;
position: relative;
}
.post-component h2,
.post-component h3,
.post-component h4 {
line-height: 1.4;
margin: 0 0 25px;
}
@media (max-width: 767px) {
.sitemap-list li {
padding-left: 20px;
}
}
.sitemap-list li:after {
background-color: #1e1d28;
border-radius: 50%;
content: "";
height: 8px;
left: 0;
position: absolute;
top: 9px;
width: 8px;
}
.sitemap-list a {
color: #373737;
font-size: 1rem;
display: inline-block;
text-decoration: none;
transition-duration: 0.3s;
transition-property: border-color, color;
}
.sitemap-list a:hover {
border-bottom-color: #0045cf;
color: #0045cf;
}
[dir="rtl"] .sitemap-list li {
padding-left: 0;
padding-right: 24px;
}
@media (max-width: 767px) {
[dir="rtl"] .sitemap-list li {
padding-right: 20px;
}
}
[dir="rtl"] .sitemap-list li:after {
left: auto;
right: 0;
}
.post-component--image .container--big {
max-width: 1295px;
}
@media (max-width: 1600px) {
.post-component--image .container--big {
max-width: 1070px;
}
}
@media (max-width: 1440px) {
.post-component--image .container--big {
max-width: 970px;
}
}
.post-component--image .container--medium {
max-width: 1070px;
}
@media (max-width: 1440px) {
.post-component--image .container--medium {
max-width: 970px;
}
}
.post-component--image .container--small {
max-width: 850px;
}
.post-component--video .container {
max-width: 1480px;
}
@media (max-width: 960px) {
.post-component--video iframe {
max-height: 490px;
}
}
@media (max-width: 640px) {
.post-component--video iframe {
max-height: 340px;
}
}
@media (max-width: 480px) {
.post-component--video iframe {
max-height: 250px;
}
}
.post-component h2 {
font-size: 1.875rem;
}
.post-component h3 {
font-size: 1.5rem;
}
.post-component h4 {
font-size: 1.25rem;
}
.post-component blockquote {
border-bottom: 1px solid rgba(29, 30, 40, 0.15);
border-top: 1px solid rgba(29, 30, 40, 0.15);
font-size: 1.25rem;
font-weight: 700;
line-height: 1.5;
margin: 30px 0;
padding: 30px 0 30px 40px;
position: relative;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}