@import url("https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap");
/* RESET
------------------------------ */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

ul {
  list-style: none; }

ol {
  list-style-position: inside; }

blockquote,
q {
  quotes: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a:hover {
  cursor: pointer; }

html {
  -webkit-text-size-adjust: 100%;
  /* Prevent font scaling in landscape while allowing user zoom */ }

/* GENERAL STYLES
------------------------------ */
/* elements */
body {
  font: 400 100% "Sofia Sans", serif;
  background: #e2e5ea;
  color: #231f20;
  padding: 0;
  font-size: 16px; }
  @media (max-width: 1023px) {
    body {
      padding: 0; } }

a {
  color: #231f20;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  a:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }

a:hover {
  text-decoration: none; }

p {
  margin: 0 0 1em; }

button {
  cursor: pointer; }

.widthWrapper {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto; }
  .widthWrapper--small {
    max-width: 700px; }
  .widthWrapper--mid {
    max-width: 1024px; }
  .widthWrapper--xl {
    max-width: 1600px; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

@media (max-width: 1023px) {
  .m_hide {
    display: none !important; } }

@media (min-width: 1024px) {
  .d_hide {
    display: none !important; } }

@media (min-width: 1024px) {
  .m_show {
    display: none !important; } }

.flex {
  display: flex; }
  .flex--equal > * {
    flex: 1; }
  .flex--1 {
    flex: 1; }
  .flex--center {
    align-items: center; }
  .flex--bottom {
    align-items: flex-end; }
  .flex--middle {
    justify-content: center; }
  .flex--end {
    justify-content: flex-end; }
  .flex--space_between {
    justify-content: space-between; }
  .flex--column {
    flex-direction: column; }
  @media (max-width: 1023px) {
    .flex--m-column {
      flex-direction: column; } }
  @media (max-width: 1023px) {
    .flex--m-column-reverse {
      flex-direction: column-reverse; } }
  @media (max-width: 1023px) {
    .flex--m-center {
      align-items: center; } }
  @media (max-width: 1023px) {
    .flex--m-left {
      align-items: flex-start; } }
  @media (max-width: 1023px) {
    .flex--m-bottom {
      align-items: flex-end; } }
  @media (max-width: 1023px) {
    .flex--m-end {
      justify-content: flex-end; } }
  @media (max-width: 1023px) {
    .flex--m-middle {
      justify-content: center; } }
  @media (max-width: 1023px) {
    .flex--m-wrap {
      flex-wrap: wrap; } }
  .flex--wrap {
    flex-wrap: wrap; }
  .flex--gap5 {
    gap: 5px; }
  .flex--gap10 {
    gap: 10px; }
  .flex--gap15 {
    gap: 15px; }
  .flex--gap20 {
    gap: 20px; }
  .flex--gap25 {
    gap: 25px; }
  .flex--gap30 {
    gap: 30px; }
  .flex--gap35 {
    gap: 35px; }
  .flex--gap40 {
    gap: 40px; }
  .flex--gap45 {
    gap: 45px; }
  .flex--gap50 {
    gap: 50px; }
  .flex--gap55 {
    gap: 55px; }
  .flex--gap60 {
    gap: 60px; }
  .flex--gap65 {
    gap: 65px; }
  .flex--gap70 {
    gap: 70px; }
  .flex--gap75 {
    gap: 75px; }
  .flex--gap80 {
    gap: 80px; }
  .flex--gap85 {
    gap: 85px; }
  .flex--gap90 {
    gap: 90px; }
  .flex--gap95 {
    gap: 95px; }
  .flex--gap100 {
    gap: 100px; }
  @media (max-width: 1023px) {
    .flex--mgap5 {
      gap: 5px; }
    .flex--mgap10 {
      gap: 10px; }
    .flex--mgap15 {
      gap: 15px; }
    .flex--mgap20 {
      gap: 20px; }
    .flex--mgap25 {
      gap: 25px; }
    .flex--mgap30 {
      gap: 30px; }
    .flex--mgap35 {
      gap: 35px; }
    .flex--mgap40 {
      gap: 40px; }
    .flex--mgap45 {
      gap: 45px; }
    .flex--mgap50 {
      gap: 50px; }
    .flex--mgap55 {
      gap: 55px; }
    .flex--mgap60 {
      gap: 60px; }
    .flex--mgap65 {
      gap: 65px; }
    .flex--mgap70 {
      gap: 70px; }
    .flex--mgap75 {
      gap: 75px; }
    .flex--mgap80 {
      gap: 80px; }
    .flex--mgap85 {
      gap: 85px; }
    .flex--mgap90 {
      gap: 90px; }
    .flex--mgap95 {
      gap: 95px; }
    .flex--mgap100 {
      gap: 100px; } }

.txt--left {
  text-align: left; }
.txt--right {
  text-align: right; }
.txt--center {
  text-align: center; }
.txt--bold {
  font-weight: bold; }
.txt--u {
  text-transform: uppercase; }
.txt--white {
  color: white; }
.txt--black {
  color: #231f20; }
.txt--blue {
  color: #1e88e5; }
.txt--grey {
  color: #e2e5ea; }
.txt--primary {
  color: #165c73; }
.txt--hu {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .txt--hu:hover {
    text-decoration: underline;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
.txt--900 {
  font-weight: 900 !important; }

.p--p5 {
  padding: 5px; }
.p--p10 {
  padding: 10px; }
.p--p15 {
  padding: 15px; }
.p--p20 {
  padding: 20px; }
.p--p25 {
  padding: 25px; }
.p--p30 {
  padding: 30px; }
.p--p35 {
  padding: 35px; }
.p--p40 {
  padding: 40px; }
.p--p45 {
  padding: 45px; }
.p--p50 {
  padding: 50px; }
.p--p55 {
  padding: 55px; }
.p--p60 {
  padding: 60px; }
.p--p65 {
  padding: 65px; }
.p--p70 {
  padding: 70px; }
.p--p75 {
  padding: 75px; }
.p--p80 {
  padding: 80px; }
.p--p85 {
  padding: 85px; }
.p--p90 {
  padding: 90px; }
.p--p95 {
  padding: 95px; }
.p--p100 {
  padding: 100px; }
@media (max-width: 1023px) {
  .p--mp5 {
    padding: 5px; }
  .p--mp10 {
    padding: 10px; }
  .p--mp15 {
    padding: 15px; }
  .p--mp20 {
    padding: 20px; }
  .p--mp25 {
    padding: 25px; }
  .p--mp30 {
    padding: 30px; }
  .p--mp35 {
    padding: 35px; }
  .p--mp40 {
    padding: 40px; }
  .p--mp45 {
    padding: 45px; }
  .p--mp50 {
    padding: 50px; }
  .p--mp55 {
    padding: 55px; }
  .p--mp60 {
    padding: 60px; }
  .p--mp65 {
    padding: 65px; }
  .p--mp70 {
    padding: 70px; }
  .p--mp75 {
    padding: 75px; }
  .p--mp80 {
    padding: 80px; }
  .p--mp85 {
    padding: 85px; }
  .p--mp90 {
    padding: 90px; }
  .p--mp95 {
    padding: 95px; }
  .p--mp100 {
    padding: 100px; } }
.p--pt5 {
  padding-top: 5px;
  padding-bottom: 5px; }
.p--pt10 {
  padding-top: 10px;
  padding-bottom: 10px; }
.p--pt15 {
  padding-top: 15px;
  padding-bottom: 15px; }
.p--pt20 {
  padding-top: 20px;
  padding-bottom: 20px; }
.p--pt25 {
  padding-top: 25px;
  padding-bottom: 25px; }
.p--pt30 {
  padding-top: 30px;
  padding-bottom: 30px; }
.p--pt35 {
  padding-top: 35px;
  padding-bottom: 35px; }
.p--pt40 {
  padding-top: 40px;
  padding-bottom: 40px; }
.p--pt45 {
  padding-top: 45px;
  padding-bottom: 45px; }
.p--pt50 {
  padding-top: 50px;
  padding-bottom: 50px; }
.p--pt55 {
  padding-top: 55px;
  padding-bottom: 55px; }
.p--pt60 {
  padding-top: 60px;
  padding-bottom: 60px; }
.p--pt65 {
  padding-top: 65px;
  padding-bottom: 65px; }
.p--pt70 {
  padding-top: 70px;
  padding-bottom: 70px; }
.p--pt75 {
  padding-top: 75px;
  padding-bottom: 75px; }
.p--pt80 {
  padding-top: 80px;
  padding-bottom: 80px; }
.p--pt85 {
  padding-top: 85px;
  padding-bottom: 85px; }
.p--pt90 {
  padding-top: 90px;
  padding-bottom: 90px; }
.p--pt95 {
  padding-top: 95px;
  padding-bottom: 95px; }
.p--pt100 {
  padding-top: 100px;
  padding-bottom: 100px; }
@media (max-width: 1023px) {
  .p--mpt5 {
    padding-top: 5px;
    padding-bottom: 5px; }
  .p--mpt10 {
    padding-top: 10px;
    padding-bottom: 10px; }
  .p--mpt15 {
    padding-top: 15px;
    padding-bottom: 15px; }
  .p--mpt20 {
    padding-top: 20px;
    padding-bottom: 20px; }
  .p--mpt25 {
    padding-top: 25px;
    padding-bottom: 25px; }
  .p--mpt30 {
    padding-top: 30px;
    padding-bottom: 30px; }
  .p--mpt35 {
    padding-top: 35px;
    padding-bottom: 35px; }
  .p--mpt40 {
    padding-top: 40px;
    padding-bottom: 40px; }
  .p--mpt45 {
    padding-top: 45px;
    padding-bottom: 45px; }
  .p--mpt50 {
    padding-top: 50px;
    padding-bottom: 50px; }
  .p--mpt55 {
    padding-top: 55px;
    padding-bottom: 55px; }
  .p--mpt60 {
    padding-top: 60px;
    padding-bottom: 60px; }
  .p--mpt65 {
    padding-top: 65px;
    padding-bottom: 65px; }
  .p--mpt70 {
    padding-top: 70px;
    padding-bottom: 70px; }
  .p--mpt75 {
    padding-top: 75px;
    padding-bottom: 75px; }
  .p--mpt80 {
    padding-top: 80px;
    padding-bottom: 80px; }
  .p--mpt85 {
    padding-top: 85px;
    padding-bottom: 85px; }
  .p--mpt90 {
    padding-top: 90px;
    padding-bottom: 90px; }
  .p--mpt95 {
    padding-top: 95px;
    padding-bottom: 95px; }
  .p--mpt100 {
    padding-top: 100px;
    padding-bottom: 100px; } }
.p--pl5 {
  padding-left: 5px;
  padding-right: 5px; }
.p--pl10 {
  padding-left: 10px;
  padding-right: 10px; }
.p--pl15 {
  padding-left: 15px;
  padding-right: 15px; }
.p--pl20 {
  padding-left: 20px;
  padding-right: 20px; }
.p--pl25 {
  padding-left: 25px;
  padding-right: 25px; }
.p--pl30 {
  padding-left: 30px;
  padding-right: 30px; }
.p--pl35 {
  padding-left: 35px;
  padding-right: 35px; }
.p--pl40 {
  padding-left: 40px;
  padding-right: 40px; }
.p--pl45 {
  padding-left: 45px;
  padding-right: 45px; }
.p--pl50 {
  padding-left: 50px;
  padding-right: 50px; }
.p--pl55 {
  padding-left: 55px;
  padding-right: 55px; }
.p--pl60 {
  padding-left: 60px;
  padding-right: 60px; }
.p--pl65 {
  padding-left: 65px;
  padding-right: 65px; }
.p--pl70 {
  padding-left: 70px;
  padding-right: 70px; }
.p--pl75 {
  padding-left: 75px;
  padding-right: 75px; }
.p--pl80 {
  padding-left: 80px;
  padding-right: 80px; }
.p--pl85 {
  padding-left: 85px;
  padding-right: 85px; }
.p--pl90 {
  padding-left: 90px;
  padding-right: 90px; }
.p--pl95 {
  padding-left: 95px;
  padding-right: 95px; }
.p--pl100 {
  padding-left: 100px;
  padding-right: 100px; }
@media (max-width: 1023px) {
  .p--mpl5 {
    padding-left: 5px;
    padding-right: 5px; }
  .p--mpl10 {
    padding-left: 10px;
    padding-right: 10px; }
  .p--mpl15 {
    padding-left: 15px;
    padding-right: 15px; }
  .p--mpl20 {
    padding-left: 20px;
    padding-right: 20px; }
  .p--mpl25 {
    padding-left: 25px;
    padding-right: 25px; }
  .p--mpl30 {
    padding-left: 30px;
    padding-right: 30px; }
  .p--mpl35 {
    padding-left: 35px;
    padding-right: 35px; }
  .p--mpl40 {
    padding-left: 40px;
    padding-right: 40px; }
  .p--mpl45 {
    padding-left: 45px;
    padding-right: 45px; }
  .p--mpl50 {
    padding-left: 50px;
    padding-right: 50px; }
  .p--mpl55 {
    padding-left: 55px;
    padding-right: 55px; }
  .p--mpl60 {
    padding-left: 60px;
    padding-right: 60px; }
  .p--mpl65 {
    padding-left: 65px;
    padding-right: 65px; }
  .p--mpl70 {
    padding-left: 70px;
    padding-right: 70px; }
  .p--mpl75 {
    padding-left: 75px;
    padding-right: 75px; }
  .p--mpl80 {
    padding-left: 80px;
    padding-right: 80px; }
  .p--mpl85 {
    padding-left: 85px;
    padding-right: 85px; }
  .p--mpl90 {
    padding-left: 90px;
    padding-right: 90px; }
  .p--mpl95 {
    padding-left: 95px;
    padding-right: 95px; }
  .p--mpl100 {
    padding-left: 100px;
    padding-right: 100px; } }

.pa {
  position: absolute; }

.pr {
  position: relative; }

.bg--image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }
.bg--gradient {
  background: linear-gradient(146deg, #8dc63f 0%, #008aab 100%); }
.bg--white {
  background-color: white; }
.bg--black {
  background-color: #231f20; }
.bg--gradientanim {
  position: relative; }
  .bg--gradientanim:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(60deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 35%, rgba(134, 160, 180, 0.5) 35%, rgba(134, 160, 180, 0.5) 100%);
    z-index: 1;
    mix-blend-mode: multiply;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight; }
  .bg--gradientanim:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(60deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(22, 92, 115, 0.5) 40%, rgba(22, 92, 115, 0.5) 100%);
    z-index: 1;
    mix-blend-mode: multiply;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    animation-delay: 0.15s;
    -webkit-animation-delay: 0.15s; }
  .bg--gradientanim > * {
    position: relative;
    z-index: 3; }

.round {
  overflow: hidden;
  border-radius: 1000px;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%; }
  .round img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    object-fit: cover;
    min-width: 100%;
    min-height: 100%; }
  .round:not(.round--noh):hover img {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1.1);
    transform: translateX(-50%) translateY(-50%) scale(1.1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }

.square {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%; }
  .square img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    object-fit: contain;
    min-width: 100%;
    min-height: 100%; }
  .square:not(.round--noh):hover img {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1.1);
    transform: translateX(-50%) translateY(-50%) scale(1.1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }

.wow {
  visibility: hidden; }

.btn {
  display: inline-flex;
  align-items: center;
  text-align: center;
  padding: 10px 30px;
  border-radius: 100px;
  font-weight: 500;
  text-transform: uppercase;
  border: none;
  justify-content: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  gap: 7px; }
  .btn--primary {
    border: 1px solid #165c73;
    color: #165c73;
    background-color: rgba(22, 92, 115, 0); }
    .btn--primary:hover {
      color: #fff;
      background-color: #165c73; }
  .btn--big {
    font-size: 1.4em;
    padding: 15px 45px; }
  .btn--small {
    font-size: 0.9em;
    padding: 6px 10px; }
  .btn--outline {
    border: 1px solid #fff;
    color: #fff;
    background-color: rgba(255, 255, 255, 0); }
    .btn--outline:hover {
      color: #165c73;
      background-color: white; }

section {
  margin: 120px 0; }
  @media (max-width: 1023px) {
    section {
      margin: 60px 0; } }
  section.big {
    min-height: 60vh;
    display: flex;
    align-items: center; }
    @media (max-width: 1023px) {
      section.big {
        min-height: auto; } }
  section:nth-child(2) {
    margin-top: 80px; }
  section.hero {
    margin-top: 0 !important; }

.absolute_full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.z--1 {
  z-index: 1; }
.z--2 {
  z-index: 2; }
.z--3 {
  z-index: 3; }
.z--4 {
  z-index: 4; }

.h1 {
  font-size: 60px;
  line-height: 72px;
  font-weight: 900; }
  @media (max-width: 1023px) {
    .h1 {
      font-size: 40px;
      line-height: 60px; } }

.h2 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 900; }
  @media (max-width: 1023px) {
    .h2 {
      font-size: 30px;
      line-height: 40px; } }

.h3 {
  font-size: 36px;
  line-height: 40px;
  font-weight: 900; }
  @media (max-width: 1023px) {
    .h3 {
      font-size: 24px;
      line-height: 30px; } }

.h4 {
  font-size: 24px;
  line-height: 29px;
  font-weight: normal; }
  @media (max-width: 1023px) {
    .h4 {
      font-size: 20px;
      line-height: 25px; } }

.h5 {
  font-size: 22px;
  line-height: 25px;
  font-weight: normal; }
  @media (max-width: 1023px) {
    .h5 {
      font-size: 18px;
      line-height: 20px; } }

.h6 {
  font-size: 18px;
  line-height: 22px;
  font-weight: normal; }
  @media (max-width: 1023px) {
    .h6 {
      font-size: 16px;
      line-height: 20px; } }

.header {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  max-width: 100vw;
  background-color: #e2e5ea; }
  .header ul {
    display: flex;
    align-items: center;
    gap: 30px; }
    .header ul li a {
      display: block;
      padding: 3px 0;
      text-transform: uppercase;
      border-bottom: 1px solid rgba(22, 92, 115, 0);
      color: #165c73;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .header ul li a:hover {
        border-bottom: 1px solid #165c73; }
    .header ul li.current-menu-item a, .header ul li.current-page-ancestor a {
      border-bottom: 1px solid #165c73; }
  .header .header__logo .scrolled {
    display: block; }
  .header .header__logo .regular {
    display: none; }
  .header .hammenu {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    padding: 0; }
    .header .hammenu svg {
      width: 40px;
      height: auto; }
  .header .line {
    fill: none;
    stroke: #165c73;
    stroke-width: 6;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); }
  .header .line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6; }
  .header .line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6; }
  .header .line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6; }
  .header .opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6; }
  .header .opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6; }
  .header .opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6; }
  .header--dark {
    background-color: rgba(226, 229, 234, 0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .header--dark .line {
      stroke: white; }
    .header--dark ul li a {
      color: #fff;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      border-bottom: 1px solid rgba(255, 255, 255, 0); }
      .header--dark ul li a:hover {
        border-bottom: 1px solid #fff; }
    .header--dark ul li.current-menu-item a, .header--dark ul li.current-page-ancestor a {
      border-bottom: 1px solid #fff; }
    .header--dark .header__logo .scrolled {
      display: none; }
    .header--dark .header__logo .regular {
      display: block; }
      @media (min-width: 1024px) {
        .header--dark .header__logo .regular {
          height: 90px;
          width: auto; } }
  @media (max-width: 1023px) {
    .header__menu {
      display: block;
      opacity: 0;
      filter: alpha(opacity=0);
      pointer-events: none;
      position: fixed;
      top: 80px;
      right: 0;
      width: 100%;
      max-width: 400px;
      background: #e2e5ea;
      padding: 30px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .hammenuopen .header__menu {
        display: block;
        opacity: 1;
        filter: alpha(opacity=100);
        pointer-events: all; }
        .hammenuopen .header__menu a {
          color: #165c73 !important;
          padding: 10px 0; }
        .hammenuopen .header__menu ul {
          display: block; } }
  @media (max-width: 1023px) {
    .header__wrap {
      justify-content: space-between; } }

.hero {
  margin-top: 0;
  overflow: hidden; }
  .hero__slide {
    height: 100vh; }
  .hero__content {
    max-width: 700px;
    width: 100%;
    padding: 100px 100px 0 0; }
    @media (max-width: 1023px) {
      .hero__content {
        padding: 100px 20px 0 0;
        width: 90%; } }
  .hero__description {
    max-width: 400px;
    width: 100%; }

.column_list {
  margin: 30px 0 50px; }
  .column_list--3 {
    flex-wrap: wrap; }
    .column_list--3 .column_list__item {
      flex: 0 0 calc(30% - 15px); }
  .column_list__img {
    margin: 50px 0 30px; }
  .column_list__title {
    margin-bottom: 1em;
    font-weight: bold; }
  .column_list ul li {
    position: relative;
    padding-left: 20px; }
    .column_list ul li:before {
      position: absolute;
      top: 4px;
      left: 0;
      display: block;
      content: "";
      background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6063_31571)'%3E%3Cpath d='M0 4.71031C0 4.60031 0.05 4.55031 0.16 4.55031H8.59L4.94 0.870313C4.87 0.790313 4.87 0.720312 4.94 0.650312L5.55 0.0603125C5.62 -0.0096875 5.7 -0.0096875 5.77 0.0603125L10.63 5.05031C10.7 5.12031 10.7 5.20031 10.63 5.27031L5.77 10.2603C5.7 10.3303 5.62 10.3303 5.55 10.2603L4.94 9.67031C4.87 9.59031 4.87 9.52031 4.94 9.45031L8.59 5.77031H0.16C0.05 5.77031 0 5.72031 0 5.61031V4.71031Z' fill='%2386A0B4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6063_31571'%3E%3Crect width='10.7' height='10.32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      width: 20px;
      height: 20px; }

.banner {
  position: relative;
  display: flex;
  justify-content: flex-end;
  background-attachment: fixed;
  max-width: 100%;
  overflow: hidden; }
  .banner.odstrani_margin__oba {
    margin: 0; }
  .banner.odstrani_margin__spodaj {
    margin-bottom: 0; }
  .banner.odstrani_margin__zgoraj {
    margin-top: 0; }
  .banner ol li {
    list-style-position: outside; }
    @media (max-width: 1023px) {
      .banner ol li {
        margin-left: 30px; } }
    .banner ol li p {
      font-size: 16px; }
    .banner ol li h3 {
      font-size: 24px;
      line-height: 29px;
      font-weight: 900; }
    .banner ol li::marker {
      font-weight: 900; }
  .banner__button {
    margin-top: 2em; }
  .banner .banner__content {
    width: 90%;
    max-width: 650px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    padding: 100px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 70vh; }
    @media (max-width: 1023px) {
      .banner .banner__content {
        min-height: 40vh; } }
    .banner .banner__content .h1 {
      margin-bottom: 0.5em; }
    .banner .banner__content strong {
      font-weight: 900; }
  .banner:before {
    background: linear-gradient(60deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgba(134, 160, 180, 0.5) 25%, rgba(134, 160, 180, 0.5) 100%); }
  .banner:after {
    background: linear-gradient(60deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(22, 92, 115, 0.5) 30%, rgba(22, 92, 115, 0.5) 100%); }
  .banner--ozko .banner__content {
    padding: 50px 0;
    min-height: 40vh; }
    @media (max-width: 1023px) {
      .banner--ozko .banner__content {
        min-height: 20vh;
        padding: 40px 0; } }
    .banner--ozko .banner__content .h1 {
      margin-bottom: 0; }
  .banner--ozko:before {
    background: linear-gradient(60deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 45%, rgba(134, 160, 180, 0.5) 45%, rgba(134, 160, 180, 0.5) 100%); }
  .banner--ozko:after {
    background: linear-gradient(60deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(22, 92, 115, 0.5) 50%, rgba(22, 92, 115, 0.5) 100%); }
  .banner--diagonal:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(60deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 35%, rgba(134, 160, 180, 0.5) 35%, rgba(134, 160, 180, 0.5) 100%);
    z-index: 1;
    mix-blend-mode: multiply; }
  .banner--diagonal:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(60deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, #1a5c72 40%, #1a5c72 45%, #185468 45%, #185468 100%);
    z-index: 1; }
  .banner--diagonal .banner__content {
    width: 60%;
    max-width: 60%;
    position: relative;
    z-index: 3;
    padding: 100px 0;
    margin-left: auto;
    margin-right: 0; }
    @media (max-width: 1023px) {
      .banner--diagonal .banner__content {
        width: 80%;
        max-width: 80%; } }
    .banner--diagonal .banner__content .h1 {
      margin-bottom: 0em; }
    .banner--diagonal .banner__content > div {
      height: 60px;
      display: flex;
      align-items: center; }
      .banner--diagonal .banner__content > div.h1 {
        height: 76px; }
      @media (min-width: 1024px) {
        .banner--diagonal .banner__content > div:nth-child(2) {
          margin-left: calc(2 * 35px); }
        .banner--diagonal .banner__content > div:nth-child(3) {
          margin-left: calc(3 * 35px); }
        .banner--diagonal .banner__content > div:nth-child(4) {
          margin-left: calc(4 * 35px); }
        .banner--diagonal .banner__content > div:nth-child(5) {
          margin-left: calc(5 * 35px); }
        .banner--diagonal .banner__content > div:nth-child(6) {
          margin-left: calc(6 * 35px); }
        .banner--diagonal .banner__content > div:nth-child(7) {
          margin-left: calc(7 * 35px); }
        .banner--diagonal .banner__content > div:nth-child(8) {
          margin-left: calc(8 * 35px); }
        .banner--diagonal .banner__content > div:nth-child(9) {
          margin-left: calc(9 * 35px); }
        .banner--diagonal .banner__content > div:nth-child(10) {
          margin-left: calc(10 * 35px); }
        .banner--diagonal .banner__content > div:nth-child(11) {
          margin-left: calc(11 * 35px); } }

.logos .h1 {
  margin-bottom: 1em; }
.logos__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-bottom: 60%;
  height: 0; }
  .logos__item > * {
    max-width: 80%;
    max-height: 80px;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
.logos .owl-carousel .owl-dots {
  bottom: -20px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(0%);
  -moz-transform: translateX(-50%) translateY(0%);
  -ms-transform: translateX(-50%) translateY(0%);
  -o-transform: translateX(-50%) translateY(0%);
  transform: translateX(-50%) translateY(0%); }
  .logos .owl-carousel .owl-dots button.owl-dot {
    border-color: #165c73; }
    .logos .owl-carousel .owl-dots button.owl-dot.active {
      background-color: #165c73; }
  @media (max-width: 1023px) {
    .logos .owl-carousel .owl-dots {
      gap: 5px; }
      .logos .owl-carousel .owl-dots button.owl-dot {
        width: 14px;
        height: 14px; } }

.footer {
  padding: 80px 0 0 0;
  max-width: 100%;
  overflow: hidden; }
  .footer:before {
    background: linear-gradient(60deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgba(134, 160, 180, 0.5) 25%, rgba(134, 160, 180, 0.5) 100%); }
  .footer:after {
    background: linear-gradient(60deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(22, 92, 115, 0.5) 30%, rgba(22, 92, 115, 0.5) 100%); }
  .footer__top {
    margin-bottom: 40px; }
  .footer__top_btn {
    margin-top: 40px; }
  .footer__bottom {
    font-size: 0.9em;
    line-height: 1.4em;
    padding-bottom: 40px; }
  .footer__copy {
    padding-bottom: 20px;
    font-size: 0.9em; }
  .footer__contacts strong {
    font-weight: 900; }
  @media (min-width: 1024px) {
    .footer__logo svg {
      height: 90px;
      width: auto; } }

.content_wrap--small {
  width: 100%;
  max-width: 500px;
  margin: 3em auto; }

.vsebina_image__img {
  flex: 3; }
.vsebina_image__cont {
  flex: 2; }
.vsebina_image h2 {
  font-size: 36px;
  line-height: 40px;
  font-weight: 900;
  color: #165c73;
  margin-bottom: 0.5em; }
@media (max-width: 1023px) {
  .vsebina_image__wrap {
    display: block; } }
@media (max-width: 1023px) {
  .vsebina_image__img {
    margin-bottom: 30px; } }

.timeline__item {
  display: flex;
  margin-bottom: 10px; }
.timeline__date {
  flex: 0 0 150px;
  font-size: 24px;
  line-height: 29px;
  font-weight: 900; }
.timeline__cont {
  flex: 1;
  font-size: 16px;
  text-align: left; }

.owl-carousel .owl-dots {
  position: absolute;
  bottom: 50px;
  right: 100px;
  z-index: 100;
  display: flex;
  gap: 10px; }
  @media (max-width: 1023px) {
    .owl-carousel .owl-dots {
      right: 20px; } }
  .owl-carousel .owl-dots button.owl-dot {
    width: 20px;
    height: 20px;
    background-color: rgba(255, 255, 255, 0);
    border: 2px solid white;
    border-radius: 20px; }
    .owl-carousel .owl-dots button.owl-dot.active {
      background-color: white; }

.izdelek__cont ul {
  margin: 1em 0; }
  .izdelek__cont ul li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 0.5em; }
    .izdelek__cont ul li:before {
      content: "";
      width: 16px;
      height: 16px;
      position: absolute;
      top: 0;
      left: 0;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.7 10.32'%3E%3Cpath d='M0,4.71c0-.11.05-.16.16-.16h8.43L4.94.87c-.07-.08-.07-.15,0-.22L5.55.06c.07-.07.15-.07.22,0l4.86,4.99c.07.07.07.15,0,.22l-4.86,4.99c-.07.07-.15.07-.22,0l-.61-.59c-.07-.07-.07-.15,0-.22l3.65-3.68H.16c-.11,0-.16-.05-.16-.16v-.89Z' fill='%2386a0b4'/%3E%3C/svg%3E");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      display: block; }

.izdelek__thumbs_wrap {
  max-width: 130px; }
.izdelek__thumbs {
  margin-bottom: 2em; }
  .izdelek__thumbs img {
    background-color: rgba(255, 255, 255, 0.4);
    border: 2px solid rgba(255, 255, 255, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer; }
  .izdelek__thumbs .selected img {
    background-color: rgba(255, 255, 255, 0.6);
    border: 2px solid white; }
.izdelek__img {
  max-height: 70vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center; }
  .izdelek__img img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
    height: 65vh; }
  @media (max-width: 1023px) {
    .izdelek__img {
      max-height: 300px; }
      .izdelek__img img {
        height: 300px; } }
.izdelek__gallery {
  margin-bottom: 10px;
  margin-top: 20px; }
  .izdelek__gallery .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%); }
    .izdelek__gallery .owl-nav .owl-prev span {
      font-size: 60px; }
  .izdelek__gallery .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%); }
    .izdelek__gallery .owl-nav .owl-next span {
      font-size: 60px; }

.povprasevanje [data-name="your-izdelek"] {
  display: none; }
.povprasevanje form input:not([type="submit"]),
.povprasevanje form textarea {
  background-color: rgba(134, 160, 180, 0.25);
  color: black;
  font-family: inherit;
  font-size: inherit;
  height: 44px;
  padding-left: 15px;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 0.5em; }
  .povprasevanje form input:not([type="submit"])::placeholder,
  .povprasevanje form textarea::placeholder {
    color: #165c73; }
  .povprasevanje form input:not([type="submit"])[type="checkbox"],
  .povprasevanje form textarea[type="checkbox"] {
    width: auto;
    height: auto; }
.povprasevanje form input[type="submit"] {
  border-color: #165c73;
  color: #165c73;
  cursor: pointer; }
  .povprasevanje form input[type="submit"]:hover {
    background-color: #165c73;
    color: white; }
.povprasevanje form .wpcf7-acceptance {
  font-size: 13px;
  margin-bottom: 20px;
  display: block; }
.povprasevanje form textarea {
  height: 100px;
  padding: 15px; }

.contact {
  line-height: 1.5em; }
  .contact svg {
    width: 30px;
    height: auto; }

.slika_z_napisom {
  margin: 0;
  min-height: 80vh;
  mix-blend-mode: multiply;
  background-position: 0 100%;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: end; }
  @media (max-width: 1023px) {
    .slika_z_napisom {
      min-height: 40vh; } }
  .slika_z_napisom__content {
    max-width: 600px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 15vw;
    text-align: right;
    text-shadow: 0 0 10px white;
    font-style: italic; }
    @media (max-width: 1023px) {
      .slika_z_napisom__content {
        margin-right: 30px;
        padding-left: 30px; } }
  @media (max-width: 1023px) {
    .slika_z_napisom {
      align-items: flex-start;
      padding-top: 20px; } }

.izdelki .square img {
  max-width: 100%;
  max-height: 100%; }

.breadcrumbs {
  font-size: 0.9em;
  margin-bottom: 1em; }
  .breadcrumbs a {
    color: #165c73; }

.otgs-development-site-front-end,
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
  display: none !important; }

/*# sourceMappingURL=default.css.map */