@font-face {
font-family: "AndaleMono";
src: url(//jampen-advisory.ch/wp-content/themes/jampen-advisory-gmbh/fonts/AndaleMono.woff2) format("woff2"), url(//jampen-advisory.ch/wp-content/themes/jampen-advisory-gmbh/fonts/AndaleMono.woff) format("woff"), url(//jampen-advisory.ch/wp-content/themes/jampen-advisory-gmbh/fonts/AndaleMono.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
html {
scroll-behavior: smooth;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
display: block;
max-width: 100%;
height: auto;
}
body {
background-color: #ffffff;
color: #000002;
font-family: "Mukta", sans-serif;
font-size: 24px;
line-height: 1.54;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
min-height: 100vh;
position: relative;
-webkit-hyphens: auto;
hyphens: auto;
word-break: break-word;
}
@media (max-width: 1200px) {
body {
font-size: 24px;
}
}
@media (max-width: 820px) {
body {
font-size: 20px;
}
}
.container {
width: 100%;
margin: 0 auto;
padding: 0 25px;
box-sizing: border-box;
}
@media (max-width: 470px) {
.container {
padding: 0 10px;
}
}
.container--regular {
max-width: 1745px;
padding-top: 170px;
margin-bottom: 45px;
}
h1 {
font-size: 86px;
line-height: 1.31;
font-family: "Mukta", sans-serif;
font-weight: bold;
letter-spacing: 3.8px;
}
@media (max-width: 1200px) {
h1 {
font-size: 73px;
}
}
@media (max-width: 820px) {
h1 {
font-size: 60px;
}
}
.site-main--page h1, .site-main--single h1 {
color: #0d4f60;
font-size: 58px;
}
@media (max-width: 820px) {
.site-main--page h1, .site-main--single h1 {
font-size: 35px;
}
}
.site-main--page ul, .site-main--single ul {
list-style-type: disc;
padding-left: 20px;
margin: 0 0 1em 0;
}
h2 {
font-size: 58px;
line-height: 1.22;
font-family: "Mukta", sans-serif;
font-weight: bold;
letter-spacing: 3.8px;
}
@media (max-width: 820px) {
h2 {
font-size: 35px;
}
}
h3 {
font-size: 60px;
line-height: 1.22;
font-family: "Mukta", sans-serif;
font-weight: bold;
letter-spacing: 3.8px;
}
@media (max-width: 1200px) {
h3 {
font-size: 51px;
}
}
@media (max-width: 820px) {
h3 {
font-size: 42px;
}
}
h4 {
font-size: 48px;
font-family: "Mukta", sans-serif;
letter-spacing: 2.6px;
}
@media (max-width: 1200px) {
h4 {
font-size: 41px;
}
}
@media (max-width: 820px) {
h4 {
font-size: 34px;
}
}
h5 {
font-size: 32px;
line-height: 1.2;
font-family: "Mukta", sans-serif;
}
@media (max-width: 820px) {
h5 {
font-size: 26px;
}
}
h6 {
font-size: 28px;
line-height: 1.2;
font-family: "Mukta", sans-serif;
}
@media (max-width: 820px) {
h6 {
font-size: 23px;
}
}
p {
margin-bottom: 43px;
}
@media (max-width: 1200px) {
p {
margin-bottom: 37px;
}
}
@media (max-width: 820px) {
p {
margin-bottom: 31px;
}
}
a, a:active, a:focus, a:link, a:visited {
text-decoration: underline;
color: #000002;
}
a:focus {
outline: none;
}
a:hover {
text-decoration: underline;
color: #0d4f60;
}
b, strong {
font-family: "Mukta", sans-serif;
font-weight: bold;
}
i, em {
font-style: italic;
}
.post-thumbnail {
margin: 20px 0;
}
@media (max-width: 1200px) {
.post-thumbnail {
margin: 10px 0;
}
}
@media (max-width: 820px) {
.post-thumbnail {
margin: 5px 0;
}
}
.main {
flex-grow: 2;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: stretch;
}
.header {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
background-color: #ffffff;
transition: background-color 0.3s ease;
}
.header.scrolled {
background-color: #f8f8f8;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.header.scrolled .header-border__item1 {
display: none;
}
.header.scrolled .header-border__item2 {
display: none;
}
.header.scrolled .header-border__item3 {
display: none;
}
.header.scrolled .header-border__item4 {
display: none;
}
.header-inner {
padding: 15px 0;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
@media (max-width: 820px) {
.header-inner {
flex-wrap: wrap;
padding: 15px 0;
}
}
@media (max-width: 480px) {
.header-inner {
flex-wrap: wrap;
}
.header-inner .logo {
margin-top: 0;
max-width: 210px;
}
div.header-inner nav .wpml-ls-legacy-list-horizontal {
padding-right: 10px;
}
}
.header-border__item1 {
height: 2px;
background-color: #b5b5b5;
}
.header-border__item2 {
height: 1px;
background-color: #c3c3c3;
}
.header-border__item3 {
height: 1px;
background-color: #e3e3e3;
}
.header-border__item4 {
height: 1px;
background-color: #e3e3e3;
}
.container--header {
max-width: 1775px;
position: relative;
}
.logo {
margin-top: 14px;
width: 100%;
max-width: 350px;
}
@media (max-width: 820px) {
.logo {
margin-top: 0;
max-width: 280px;
}
}
.header .header-inner nav {
display: flex;
align-items: flex-end;
} }
.nav-lang {
padding-top: 1px;
padding-right: 24px;
display: flex;
-moz-column-gap: 7px;
column-gap: 7px;
}
@media (max-width: 480px) {
.nav-lang {
padding-right: 10px;
}
}
.header-inner nav .wpml-ls-legacy-list-horizontal {
border: none;
padding: 0;
padding-right: 21px;
}
.header-inner nav .wpml-ls-legacy-list-horizontal ul {
display: flex;
align-items: flex-end;
}
.header-inner .wpml-ls-legacy-list-horizontal .wpml-ls-item, .header-inner .wpml-ls-legacy-list-horizontal .wpml-ls-item a img {
display: block;
}
@media (max-width: 820px) {
.header-inner nav .wpml-ls-legacy-list-horizontal {
margin-top: 0;
display: flex;
}
}
.header-inner nav .wpml-ls-legacy-list-horizontal a {
padding: 0 3px;
}
.nav-burger {
text-decoration: none;
opacity: 1;
}
.nav-burger:hover, .nav-burger:active, .nav-burger:focus {
text-decoration: none;
}
.nav-burger:focus {
outline: none;
}
@media (max-width: 480px) {
.nav-burger {
display: block;
}
}
.nav-burger__menu {
position: absolute;
bottom: 1000px;
right: 0;
transform: translateY(100%);
opacity: 0;
z-index: 5;
width: auto;
background-color: #ffffff;
padding: 17px;
font-family: "Mukta", sans-serif;
letter-spacing: 2px;
transition: all 0.3s ease;
}
.nav-burger__menu li {
color: #8c8c8c;
font-size: 18px;
line-height: 1.95;
}
.nav-burger__menu li a {
color: inherit;
text-decoration: none;
display: block;
transition: color 0.3s ease;
}
.nav-burger__menu li a:hover, .nav-burger__menu li a:active, .nav-burger__menu li a:focus {
color: #000002;
text-decoration: none;
}
.nav-burger__menu li a:focus {
outline: none;
}
.header.active .nav-burger {
opacity: 0.5;
}
.header.active .nav-burger__menu {
bottom: 37px;
opacity: 1;
}
@media (max-width: 820px) {
.header.active .nav-burger__menu {
bottom: 2px;
opacity: 1;
}
}
.header.active.scrolled .nav-burger__menu {
background-color: #f8f8f8;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.hero-section {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56%;
overflow: hidden;
background-color: transparent;
}
.hero-section__image {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
z-index: -1;
opacity: 0; animation: fadeIn 2s ease-in-out forwards;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media (max-width: 820px) {
.hero-section {
height: auto;
padding-bottom: 0;
min-height: 430px;
}
}
.hero-section img {
display: block;
width: 100%;
height: auto;
}
.hero-section__text {
position: absolute;
width: 100%;
left: 50%;
top: 0;
transform: translateX(-50%);
padding-top: 150px;
display: flex;
justify-content: center;
}
@media (max-width: 1920px) {
.hero-section__text {
padding-top: 7.75%;
}
}
@media (max-width: 1200px) {
.hero-section__text {
padding-top: 79px;
}
}
@media (max-width: 820px) {
.hero-section__text {
padding-top: 65px;
}
}
.hero-section__container {
width: 100%;
max-width: 1775px;
display: flex;
justify-content: space-between;
-moz-column-gap: 5px;
column-gap: 5px;
row-gap: 20px;
box-sizing: border-box;
padding: 0 25px;
}
@media (max-width: 991px) {
.hero-section__container {
flex-wrap: wrap;
row-gap: 10px;
}
}
@media (max-width: 470px) {
.hero-section__container {
padding: 0 10px;
}
}
.hero-section__container > div {
display: flex;
justify-content: flex-end;
box-sizing: border-box;
}
@media (max-width: 1200px) {
.hero-section__container > div {
width: 100%;
justify-content: flex-end;
}
}
@media (min-width: 577px) and (max-width: 991px) {
.hero-section__container > div h1 {
position: relative;
top: -64px;
}
}
@media (max-width: 991px) {
.hero-section__container h1 li {
text-align: right;
}
}
.hero-section__container h1 {
text-shadow: 2px 2px 4px #ffffff, -2px -2px 4px #ffffff;
font-size: 86px;
}
@media (min-width: 992px) and (max-width: 1780px) {
.hero-section__container h1 {
font-size: 4.3vw;
}
.hero-section__container h1 ul li {
font-size: 4.3vw;
white-space: nowrap;
}
}
@media (max-width: 991px) {
.hero-section__container h1 {
font-size: 43px;
}
}
@media (max-width: 480px) {
.hero-section__container h1 {
font-size: 34px;
}
}
.hero-section__container h1 li:nth-child(2) {
padding-left: 73px;
}
@media (max-width: 1200px) {
.hero-section__container h1 li:nth-child(2) {
padding-left: 51px;
}
}
@media (max-width: 820px) {
.hero-section__container h1 li:nth-child(2) {
padding-left: 0;
}
}
.hero-section__container h1 li:nth-child(3) {
padding-left: 146px;
}
@media (max-width: 1200px) {
.hero-section__container h1 li:nth-child(3) {
padding-left: 102px;
}
}
@media (max-width: 820px) {
.hero-section__container h1 li:nth-child(3) {
padding-left: 0;
}
}
.hero-section__container h4 {
padding: 36px 0 0 23px;
text-shadow: 2px 2px 4px #ffffff, -2px -2px 4px #ffffff;
font-size: 48px;
}
@media (max-width: 1920px) {
.hero-section__container h4 {
padding: 2.1% 0 0 1.2%;
}
}
@media (max-width: 1200px) {
.hero-section__container h4 {
width: 100%;
padding: 0 0 0 23px;
}
}
@media (min-width: 992px) and (max-width: 1780px) {
.hero-section__container h4 {
font-size: 2.4vw;
}
}
@media (max-width: 991px) {
.hero-section__container h4 {
font-size: 26px;
}
}
@media (max-width: 820px) {
.hero-section__container h4 {
padding: 0;
}
}
.hero-section__container h4 span {
font-size: 28px;
letter-spacing: 1.3px;
}
@media (max-width: 1200px) {
.hero-section__container h4 span {
font-size: 25px;
}
}
@media (max-width: 820px) {
.hero-section__container h4 span {
font-size: 22px;
}
}
.about-section {
background-color: #0d4f60;
color: #ffffff;
font-weight: 300;
padding: 483px 0 492px;
}
@media (max-width: 1920px) {
.about-section {
padding: 25.2% 0 25.6%;
}
}
.about-section__container {
max-width: 1200px;
}
.about-section__cite {
font-family: "AndaleMono", sans-serif;
font-size: 34px;
line-height: 1.2;
position: relative;
padding-left: 28px;
}
.about-section__sign {
position: absolute;
top: 0;
left: 0;
}
@media (max-width: 820px) {
.about-section__cite {
font-size: 26px;
padding-left: 17px;
}
}
.experience-section {
padding: 312px 0 155px;
}
@media (max-width: 1920px) {
.experience-section {
padding: 16.3% 0 8.1%;
}
}
.experience-section__container {
max-width: 1700px;
}
.experience-section h2 {
color: #0d4f60;
}
.experience-block {
display: flex;
-moz-column-gap: 10.3%;
column-gap: 10.3%;
margin-top: 45px;
}
@media (max-width: 820px) {
.experience-block {
margin-top: 25px;
flex-wrap: wrap;
}
}
.experience-block cite {
width: 45%;
color: #0d4f60;
font-size: 32px;
line-height: 1.58;
font-family: "Mukta", sans-serif;
}
@media (max-width: 820px) {
.experience-block cite {
font-size: 24px;
width: 100%;
}
}
.experience-block__content {
width: 55%;
}
@media (max-width: 820px) {
.experience-block__content {
font-size: 19px;
width: 100%;
margin-top: 28px;
}
}
.experience-block__content p:first-of-type {
margin-bottom: 33px;
}
@media (max-width: 1200px) {
.experience-block__content p:first-of-type {
margin-bottom: 28px;
}
}
@media (max-width: 820px) {
.experience-block__content p:first-of-type {
margin-bottom: 23px;
}
}
.competence-section {
padding: 235px 0 94px;
background-color: #0d4f60;
}
@media (max-width: 1920px) {
.competence-section {
padding: 16.3% 0 4.8%;
}
}
.competence-section__container {
max-width: 1755px;
}
.competence-section h2 {
color: #ffffff;
}
.competence-section h5 {
color: #067294;
}
.competence-section__footer h2 {
text-align: right;
}
.competence-block {
display: flex;
-moz-column-gap: 122px;
column-gap: 122px;
margin: 88px 0 97px;
}
@media (max-width: 1920px) {
.competence-block {
-moz-column-gap: 7.2%;
column-gap: 7.2%;
margin: 5.3% 0 5.7%;
}
}
@media (max-width: 820px) {
.competence-block {
flex-wrap: wrap;
row-gap: 20px;
}
}
.competence-block__item {
width: 33%;
background-color: #ffffff;
border-radius: 12px;
padding: 43px 43px 41px;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: space-between;
}
.competence-block__item .breadcrumbs {
justify-content: center;
margin-bottom: 0;
margin-top: 55px;
}
@media (max-width: 820px) {
.competence-block__item {
padding: 30px 30px 28px;
}
}
@media (max-width: 470px) {
.competence-block__item {
padding: 20px 20px 18px;
}
}
@media (max-width: 820px) {
.competence-block__item {
width: 100%;
}
}
.competence-block__item ul {
line-height: 1.36;
margin-top: 33px;
}
@media (max-width: 1200px) {
.competence-block__item ul {
margin-top: 28px;
}
}
@media (max-width: 820px) {
.competence-block__item ul {
margin-top: 23px;
}
}
.competence-block__item ul li {
margin-bottom: 34px;
padding-left: 23px;
position: relative;
}
@media (max-width: 1200px) {
.competence-block__item ul li {
margin-bottom: 29px;
}
}
@media (max-width: 820px) {
.competence-block__item ul li {
margin-bottom: 24px;
}
}
.competence-block__item ul li:before {
content: "";
position: absolute;
left: 2px;
top: 17px;
width: 7px;
height: 7px;
background-color: #000002;
border-radius: 50%;
}
@media (max-width: 1200px) {
.competence-block__item ul li:before {
top: 14px;
}
}
@media (max-width: 820px) {
.competence-block__item ul li:before {
top: 11px;
}
}
.uber-section {
padding: 192px 0 75px;
}
@media (max-width: 1920px) {
.uber-section {
padding: 10% 0 4%;
}
}
.uber-block {
display: flex;
-moz-column-gap: 160px;
column-gap: 160px;
}
@media (max-width: 1920px) {
.uber-block {
-moz-column-gap: 10%;
column-gap: 10%;
}
}
@media (max-width: 820px) {
.uber-block {
flex-wrap: wrap;
}
}
.uber-block h2 {
color: #0d4f60;
margin-left: 12px;
}
@media (max-width: 1200px) {
.uber-block h2 {
margin-left: 10px;
}
}
@media (max-width: 820px) {
.uber-block h2 {
margin-left: 8px;
}
}
.uber-block__head {
width: 40%;
}
@media (max-width: 820px) {
.uber-block__head {
width: 100%;
}
}
.uber-block__image {
margin-top: 42px;
display: block;
position: relative;
height: 0;
overflow: hidden;
padding-bottom: 133.3%;
width: 100%;
}
.uber-block__image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
@media (max-width: 1200px) {
.uber-block__image {
margin-top: 36px;
}
}
@media (max-width: 820px) {
.uber-block__image {
margin-top: 30px;
}
}
.uber-block__content {
width: 60%;
margin-top: 31px;
}
@media (max-width: 820px) {
.uber-block__content {
width: 100%;
}
}
.uber-block__content p {
font-size: 27px;
line-height: 1.56;
margin-bottom: 32px;
}
@media (max-width: 1200px) {
.uber-block__content p {
font-size: 23px;
margin-bottom: 27px;
}
}
@media (max-width: 820px) {
.uber-block__content p {
font-size: 19px;
margin-bottom: 22px;
}
}
.uber-block__content p:last-of-type {
margin-bottom: 0;
}
.uber-block__list {
color: #0d4f60;
font-family: "Mukta", sans-serif;
font-weight: bold;
line-height: 1.52;
letter-spacing: -0.5px;
margin-bottom: 42px;
}
.uber-block__list ul {
font-size: 24px;
}
@media (max-width: 1200px) {
.uber-block__list {
margin-bottom: 36px;
}
.uber-block__list ul {
font-size: 23px;
}
}
@media (max-width: 820px) {
.uber-block__list {
margin-bottom: 30px;
}
.uber-block__list ul {
font-size: 19px;
}
}
.uber-block__list ul {
margin-top: 17px;
}
@media (max-width: 1200px) {
.uber-block__list ul {
margin-top: 15px;
}
}
@media (max-width: 820px) {
.uber-block__list ul {
margin-top: 12px;
}
}
.uber-block__list ul li {
margin-bottom: 14px;
padding-left: 12px;
position: relative;
}
@media (max-width: 1200px) {
.uber-block__list ul li {
margin-bottom: 12px;
}
}
@media (max-width: 820px) {
.uber-block__list ul li {
margin-bottom: 10px;
}
}
.uber-block__list ul li:before {
content: "-";
position: absolute;
left: 2px;
top: 0;
}
.uber-block__link {
display: flex;
justify-content: flex-end;
}
.container--uber {
max-width: 1775px;
}
.reference-section {
padding: 192px 0 264px;
background-color: #0d4f60;
}
@media (max-width: 1920px) {
.reference-section {
padding: 10% 0 13.5%;
}
}
.reference-section__container {
max-width: 1865px;
overflow-x: hidden;
}
@media (min-width: 993px) {
.reference-section__container {
padding: 0 61px;
}
}
.reference-section h2 {
color: #ffffff;
}
.reference-block { margin: 119px -61px 0;
overflow-x: hidden;
}
.reference-block .slick-prev.slick-arrow, .reference-block .slick-next.slick-arrow {
display: none !important;
z-index: 9999;
}
@media (min-width: 993px) {
.reference-block .slick-prev.slick-arrow, .reference-block .slick-next.slick-arrow {
display: block !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
border: none;
padding: none;
background-color: transparent;
cursor: pointer;
}
.reference-block .slick-prev.slick-arrow {
left: 5px;
transform: scale(2);
}
.reference-block .slick-next.slick-arrow {
right: 5px;
transform: scale(2);
}
}
@media (max-width: 1920px) {
.reference-block {
margin-top: 7%;
}
}
@media (max-width: 1500px) {
.reference-block {
margin-left: -55px;
margin-right: -55px;
}
}
@media (max-width: 1200px) {
.reference-block {
margin-left: -49px;
margin-right: -49px;
}
}
@media (max-width: 992px) {
.reference-block {
margin-left: -43px;
margin-right: -43px;
}
}
@media (max-width: 820px) {
.reference-block {
margin-left: -25px;
margin-right: -25px;
}
}
@media (max-width: 576px) {
.reference-block {
margin-left: -10px;
margin-right: -10px;
}
}
.reference-block__item, .reference-block__item:link, .reference-block__item:visited, .reference-block__item:active, .reference-block__item:focus { background-color: #ffffff;
border-radius: 12px;
padding: 43px 43px 110px;
font-family: "Mukta", sans-serif;
font-weight: 600;
font-size: 22px;
letter-spacing: 0.2px;
line-height: 1.55;
display: flex !important;
flex-direction: column;
justify-content: space-between;
text-decoration: none;
color: #000002;
}
@media (max-width: 820px) {
.reference-block__item {
padding: 30px 30px 77px;
}
}
@media (max-width: 470px) {
.reference-block__item {
padding: 20px 20px 51px;
}
}
@media (max-width: 1200px) {
.reference-block__item {
font-size: 21px;
}
}
@media (max-width: 820px) {
.reference-block__item {
width: 100%;
font-size: 17px;
}
}
.reference-block__item p {
margin-bottom: 0;
}
.reference-block__item p span {
color: #6c77e7;
}
.reference-block__item p a, .reference-block__item p a:link, .reference-block__item p a:visited, .reference-block__item p a:active, .reference-block__item p a:focus {
color: #6c77e7;
text-decoration: none;
}
.reference-block__item p a:hover {
color: #0d4f60;
}
.reference-author {
display: flex;
margin-top: 44%;
align-items: flex-start;
}
@media (max-width: 820px) {
.reference-author {
margin-top: 93px;
}
}
.reference-author__wrapper {
width: 60px;
margin-right: 21px;
flex-shrink: 0;
}
.reference-author__image {
display: block;
position: relative;
height: 0;
overflow: hidden;
padding-bottom: 100%;
border-radius: 50%;
width: 100%;
}
.reference-author__image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.reference-author__text {
font-size: 20px;
line-height: 1.4;
}
@media (max-width: 1200px) {
.reference-author__text {
font-size: 18px;
}
}
@media (max-width: 820px) {
.reference-author__text {
font-size: 16px;
}
}
.reference-author__text p {
letter-spacing: 0px;
}
.reference-author__text p b {
letter-spacing: 0.2px;
}
.slick-initialized .slick-track {
display: flex;
align-items: stretch;
}
.reference-section .slick-initialized .slick-slide {
display: flex;
height: auto !important;
margin: 0 61px;
}
@media (max-width: 1500px) {
.reference-section .slick-initialized .slick-slide {
margin-left: 55px;
margin-right: 55px;
}
}
@media (max-width: 1200px) {
.reference-section .slick-initialized .slick-slide {
margin-left: 49px;
margin-right: 49px;
}
}
@media (max-width: 992px) {
.reference-section .slick-initialized .slick-slide {
margin-left: 43px;
margin-right: 43px;
}
}
@media (max-width: 820px) {
.reference-section .slick-initialized .slick-slide {
margin-left: 25px;
margin-right: 25px;
}
}
@media (max-width: 576px) {
.reference-section .slick-initialized .slick-slide {
margin-left: 10px;
margin-right: 10px;
}
}
.slick-initialized .slick-slide > div {
display: flex;
align-items: stretch;
}
.reviews-section {
background-color: #0d4f60;
color: #ffffff;
font-weight: 300;
padding: 390px 0 415px;
border-top: 1px solid #ffffff;
}
@media (max-width: 1920px) {
.reviews-section {
padding: 20.3% 0 21.5%;
}
}
.reviews-section__container {
max-width: 1470px;
}
.reviews-section .reviews-block {
font-family: "Mukta", sans-serif;
font-weight: bold;
margin: 0 auto;
width: 100%;
}
.reviews-section .reviews-block__item {
margin: 0 auto;
max-width: 930px;
}
.reviews-section .reviews-block__text {
font-size: 55px;
line-height: 1.25;
}
@media (max-width: 1200px) {
.reviews-section .reviews-block__text {
font-size: 47px;
}
}
@media (max-width: 820px) {
.reviews-section .reviews-block__text {
font-size: 39px;
}
}
.reviews-section .reviews-block__author {
text-align: center;
font-size: 38px;
line-height: 1.56;
margin-top: 199px;
}
@media (max-width: 1920px) {
.reviews-section .reviews-block__author {
margin-top: 21.4%;
}
}
@media (max-width: 1200px) {
.reviews-section .reviews-block__author {
font-size: 33px;
}
}
@media (max-width: 820px) {
.reviews-section .reviews-block__author {
font-size: 28px;
}
} .reviews-block__author a, .reviews-block__author a:link, .reviews-block__author a:visited, .reviews-block__author a:active, .reviews-block__author a:focus {
color: #fff; text-decoration: none;	
}
.reviews-block__author a:hover {
color: #fff; text-decoration: underline;
}
.single-post p span {
color: #6c77e7;
}
.post-row {
display: flex;
-moz-column-gap: 10.3%;
column-gap: 10.3%;
margin-top: 45px;
}
.post-subtitle {
width: 45%;
color: #0d4f60;
font-size: 32px;
line-height: 1.58;
font-family: "Mukta", sans-serif;
}
.post-content {
width: 55%;
}
.post-content.post-content--onechild {
width: 100%;
max-width: 850px;
}
@media (max-width: 820px) {
.post-row {
margin-top: 25px;
flex-wrap: wrap;
}
.post-subtitle {
font-size: 26px;
width: 100%;
}
.post-content {
width: 100%;
margin-top: 28px;
}
}
.footer {
background-color: #0d4f60;
color: #ffffff;
font-weight: 300;
padding: 390px 0 5px;
border-top: 1px solid #ffffff;
}
@media (max-width: 1920px) {
.footer {
padding: 20.3% 0 5px;
}
}
.footer__container {
max-width: 1470px;
}
.footer .footer-block {
font-family: "Mukta", sans-serif;
font-weight: bold;
margin: 0 auto;
width: 100%;
}
.footer .footer-block__item {
margin: 0 auto;
max-width: 930px;
}
.footer .footer-block__text {
font-size: 45px;
line-height: 1.25;
}
@media (max-width: 820px) {
.footer .footer-block__text {
font-size: 26px;
}
}
.footer .footer-block__author {
text-align: center;
font-size: 28px;
line-height: 1.56;
margin-top: 199px;
display: flex;
flex-direction: column;
}
@media (max-width: 1920px) {
.footer .footer-block__author {
margin-top: 21.4%;
}
}
@media (max-width: 820px) {
.footer .footer-block__author {
font-size: 26px;
}
}
.footer-block__author a, .footer-block__author a:hover, .footer-block__author a:link, .footer-block__author a:visited, .footer-block__author a:active, .footer-block__author a:focus {
color: #fff;
text-decoration: none;
}
.breadcrumbs {
display: flex;
column-gap: 10px;
margin-bottom: 55px;
}
@media (max-width: 820px) {
.breadcrumbs {
margin-bottom: 30px;
}
}
a.breadcrumbs__link {
display: block;
background-color: #0d4f60;
border-radius: 12px;
padding: 12px;
opacity: 1;
transition: opacity .3s ease;
cursor: pointer;
color: #fff;
}
a.breadcrumbs__link, a.breadcrumbs__link:link, a.breadcrumbs__link:visited, a.breadcrumbs__link:active, a.breadcrumbs__link:focus
{
text-decoration: none;
cursor: pointer;
color: #fff;
}
a.breadcrumbs__link:hover {
text-decoration: none;
opacity: 0.7;
color: #fff;
cursor: pointer;
}
.footer-menu {
margin-top: 199px;	
}
@media (max-width: 1920px) {
.footer .footer-block__author {
margin-top: 21.4%;
}
}
.footer-menu ul {
display: flex;
justify-content: center;
column-gap: 10px;
margin: 0 auto;
}
.footer-menu li {
font-weight: 400;
font-family: "Mukta", sans-serif;
font-size: 12px;
line-height: 1.2;
}
.footer-menu li a, .footer-menu li a:link, .footer-menu li a:visited, .footer-menu li a:active, .footer-menu li a:focus {
color: #fff;
text-decoration: none;
}
.footer-menu li a:hover {
color: #fff;
text-decoration: underline;
} header nav {
border: 0px solid red;
margin-top:25px;
max-width:250px;
}
.wpml-ls-native {
font-size: 17px;
}
.wpml-ls-legacy-list-horizontal a {
text-decoration: none !important;
}
.nav-burger img {
height: 16px;
width: auto;
}
.header.active .nav-burger__menu {
bottom: 15px;
opacity: 1;
}
.burger-icon {
display: inline-block;
cursor: pointer;
z-index: 6;
}
.burger-icon div {
width: 31px;
height: 3px;
background-color: black;
transition: all 0.3s ease;
}
.header .burger-icon .line2 {
margin: 4px 0;
}
.header.active .burger-icon .line1 {
transform: rotate(-45deg) translate(-6px, 6px);
}
.header.active .burger-icon .line2 {
opacity: 0;
}
.header.active .burger-icon .line3 {
transform: rotate(45deg) translate(-4px, -4px);
}
.competence-block {
display: flex;
-moz-column-gap: 122px;
column-gap: 50px;
margin: 88px 0 97px;
}
.slick-track {
width:500px !important;
}
.slick-slide {
width:400px !important;
}
@media (max-width: 820px) {
header nav {
margin-top: 15px !important; }
.experience-block cite {
width: 100% !important;
}  }
@media (max-width: 640px) {
header nav {
margin-top: 10px !important;
}
}
@media (min-width: 821px) and (max-width: 2561px)  {
body { border: 0px solid green; 
font-size: 22px;
line-height: 1.34;
}
.hero-section__container h4 {
border:0px solid red;
}
.experience-section__container, .competence-section__container, .container--uber, .reference-section__container {
max-width: 1255px !important;
}
.container--regular {
max-width: 1255px; padding: 16%px;
margin-bottom: 45px;
border: 0px solid red;
}
.about-section__container {
max-width: 1050px;
}
.reference-section__container {
padding: 0 28px;
}
h2, .container--regular h1 {
font-size: 44px;
line-height: 1.22;
font-family: "Mukta", sans-serif;
font-weight: bold;
letter-spacing: 3.8px;
}
.uber-block h2 {
color: #0d4f60;
margin-left: 0;
}
h5 {
font-size: 28px;
line-height: 1.2;
font-family: "Mukta", sans-serif;
}
h6 {
font-size: 24px;
line-height: 1.2;
font-family: "Mukta", sans-serif;
}
.experience-block cite {
width: 45%;
color: #0d4f60;
font-size: 24px;
line-height: 1.58;
font-family: "Mukta", sans-serif;
}
.about-section__cite {
font-family: "AndaleMono", sans-serif;
font-size: 33px;
line-height: 1.2;
position: relative;
padding-left: 28px;
}
.uber-block__list ul {
font-size: 22px;
}
.uber-block__content p {
font-size: 22px;
line-height: 1.34;
margin-bottom: 32px;
}
.competence-block__item ul li {
margin-bottom: 24px;
padding-left: 23px;
position: relative;
}
.footer .footer-block__item {
margin: 0 auto;
max-width: 1024px;
text-align:center;
}
.footer .footer-block__text {
font-size: 32px;
line-height: 1.15;
}
.footer .footer-block__author {
font-size: 22px !important;
}
}