@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&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 */ }

@font-face {
  font-family: "OpenSans-Light-webfont";
  src: url("../fonts/OpenSans-Light-webfont.eot");
  src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Light-webfont.svg#Futura_md") format("svg");
  font-weight: normal;
  font-style: normal; }
/* FRAMEWORK
------------------------------ */
.row:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden; }

.row .column:first-child {
  margin: 0; }

.column {
  display: block;
  float: left;
  margin: 0 0 0 4%; }

.d1-12 {
  width: 4.66666666667%; }

.d2-12 {
  width: 13.3333333333%; }

.d3-12 {
  width: 22%; }
  .d3-12:nth-child(5n) {
    margin: 0; }

.d4-12 {
  width: 30.6666666667%; }
  .d4-12:nth-child(3n + 1) {
    margin: 0; }

.d5-12 {
  width: 39.3333333333%; }

.d6-12 {
  width: 48%; }

.d7-12 {
  width: 56.6666666667%; }

.d8-12 {
  width: 65.3333333333%; }

.d9-12 {
  width: 74%; }

.d10-12 {
  width: 82.6666666667%; }

.d11-12 {
  width: 91.3333333333%; }

.d12-12 {
  width: 100%; }

@media (max-width: 736px) {
  .row .column:nth-child(2n + 1) {
    margin-left: 0; }

  .d1-12,
  .d2-12,
  .d3-12,
  .d4-12,
  .d5-12,
  .d6-12,
  .d7-12,
  .d8-12,
  .d9-12,
  .d10-12,
  .d11-12,
  .d12-12 {
    width: 48%; } }
@media (max-width: 500px) {
  .column {
    margin-left: 0; }

  .d1-12,
  .d2-12,
  .d3-12,
  .d4-12,
  .d5-12,
  .d6-12,
  .d7-12,
  .d8-12,
  .d9-12,
  .d10-12,
  .d11-12,
  .d12-12 {
    width: 100%; } }
/* GENERAL STYLES
------------------------------ */
/* elements */
body {
  font: normal 90% "Montserrat", sans-serif;
  background: #fff;
  color: #081f34;
  padding: 0; }

a {
  color: #008697;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

p {
  margin: 0 0 1em; }

button {
  cursor: pointer; }

a {
  -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.no_hover:hover {
    text-decoration: none; }

.widthWrapper {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto; }
  .widthWrapper--sm {
    max-width: 800px; }

.left {
  text-align: left; }

.right {
  text-align: right; }

.center {
  text-align: center; }

.source {
  font-family: "Montserrat", serif; }

.txt--cap {
  text-transform: uppercase; }

.green {
  color: #008697; }
  .green a {
    color: #008697; }

.white {
  color: white; }
  .white a {
    color: white; }

.black {
  color: black; }
  .black a {
    color: black; }
    .black a:hover {
      color: #008697; }
  .blacka:hover {
    color: #008697; }

.btn {
  display: inline-block;
  padding: 20px 40px;
  font-size: 18px;
  font-weight: 500;
  color: white;
  background: black;
  text-transform: uppercase; }
  .btn:hover {
    background: #1a1a1a;
    color: white;
    text-decoration: none; }
  .btn--primary {
    background: #008697; }
    .btn--primary:hover {
      background: #005964; }
  .btn--orange {
    background: #eeab08; }
    .btn--orange:hover {
      background: #bd8806; }
  .btn.btn_green {
    background: #008697; }
    .btn.btn_green:hover {
      background: #005964; }

.bg--green {
  background-color: #008697; }
.bg--bg {
  background-image: url("../images/background.jpg"); }
.bg--blue {
  background-color: #081f34; }
.bg--grey {
  background-color: #f3f4f5; }

.txt--white {
  color: #fff; }
.txt--orange {
  color: #eeab08; }
.txt--green {
  color: #008697; }
.txt--primary {
  color: #008697; }
.txt--center {
  text-align: center; }
.txt--bold {
  font-weight: bold; }

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

h3 {
  font-size: 20px;
  color: #081f34;
  line-height: 25px;
  margin: 7px 0;
  font-family: "Montserrat", serif; }

h2 {
  font-size: 50px;
  color: #081f34;
  line-height: 82px;
  margin: 15px 0;
  font-family: "Montserrat", serif; }
  @media (max-width: 940px) {
    h2 {
      font-size: 7vw;
      line-height: 1.4em; } }

h1 {
  font-size: 50px;
  color: #081f34;
  line-height: 60px;
  margin: 15px 0;
  font-family: "Montserrat", serif; }
  @media (max-width: 940px) {
    h1 {
      font-size: 7vw;
      line-height: 1.4em; } }

.flex {
  display: flex; }
  .flex--1 {
    flex: 1; }
  .flex--equal > * {
    flex: 1; }
  .flex--center {
    align-items: center; }
  .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: 940px) {
    .flex--m-column {
      flex-direction: column; } }
  @media (max-width: 940px) {
    .flex--m-column-reverse {
      flex-direction: column-reverse; } }
  @media (max-width: 940px) {
    .flex--m-center {
      align-items: center; } }
  @media (max-width: 940px) {
    .flex--m-left {
      align-items: flex-start; } }
  @media (max-width: 940px) {
    .flex--m-bottom {
      align-items: flex-end; } }
  @media (max-width: 940px) {
    .flex--m-end {
      justify-content: flex-end; } }
  @media (max-width: 940px) {
    .flex--m-middle {
      justify-content: center; } }
  @media (max-width: 940px) {
    .flex--m-wrap {
      flex-wrap: wrap; } }
  .flex--wrap {
    flex-wrap: wrap; }
  .flex--row3 > * {
    width: 33.333%; }
  .flex--row3.flex--gap25 > * {
    width: calc(33.333% - 25px); }
  .flex--m-row2 > * {
    width: 50%; }
  .flex--m-row2.flex--gap40 > * {
    width: calc(50% - 25px); }
  @media (max-width: 940px) {
    .flex--m-full {
      width: 100%; }
      .flex--m-full > * {
        flex: 1;
        width: 100%; }
      .flex--m-full.flex--gap25 > * {
        width: 100%; } }
  .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: 940px) {
    .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; } }

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

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

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

section {
  margin: 70px 0;
  overflow-x: hidden; }
  @media (max-width: 940px) {
    section {
      margin: 25px 0; } }
  section.partnerji {
    margin-bottom: 0; }

.banner {
  padding: 100px 0;
  color: white;
  position: relative; }
  .banner--border {
    border-top: 2px solid #008697;
    border-bottom: 2px solid #008697; }
  @media (max-width: 940px) {
    .banner {
      padding: 25px 0; } }
  .banner .category {
    font-family: "Montserrat";
    font-weight: 600; }
  .banner .text {
    width: 100%; }
  .banner__title {
    font-size: 65px;
    line-height: 82px;
    font-weight: bold;
    width: 100%;
    max-width: 900px;
    margin: 30px 0; }
    @media (max-width: 940px) {
      .banner__title {
        font-size: 7vw;
        line-height: 1.2em; } }
  .banner__cont {
    color: #000;
    font-family: "Montserrat", serif; }
  .banner .btn {
    margin-top: 70px;
    font-family: "Montserrat"; }
    @media (max-width: 940px) {
      .banner .btn {
        margin-top: 15px; } }
  .banner__nadnaslov {
    letter-spacing: 4.5px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500; }
  .banner__desc {
    font-size: 26px;
    line-height: 37px; }

.header__top {
  padding: 15px 0; }
.header__bottom {
  position: relative; }
.header__logo {
  padding: 30px 0; }
  .header__logo svg {
    width: 350px;
    height: auto; }
    @media (max-width: 940px) {
      .header__logo svg {
        width: 60%; } }
.header ul {
  display: flex;
  align-items: center;
  gap: 40px; }
  @media (max-width: 940px) {
    .header ul {
      display: none;
      top: 100%;
      right: 0;
      width: 100%;
      max-width: 500px;
      background-color: white;
      position: absolute; }
      .menuOpened .header ul {
        display: block;
        z-index: 99999; }
      .header ul li a {
        padding: 20px 0;
        text-align: center;
        display: block; } }
  .header ul li a {
    font-size: 22px;
    font-weight: 500;
    color: #081f34;
    text-transform: uppercase; }

.hero {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%; }
  .hero__item {
    padding: 30px 0;
    height: 50vh;
    min-height: 380px; }
  .hero .h1 {
    font-size: 65px;
    max-width: 800px;
    width: 100%;
    font-weight: bold;
    line-height: 82px;
    margin-bottom: 30px; }
    @media (max-width: 940px) {
      .hero .h1 {
        font-size: 40px;
        line-height: 60px; } }
  .hero .desc {
    font-size: 24px;
    max-width: 800px;
    width: 100%;
    line-height: 40px; }
    @media (max-width: 940px) {
      .hero .desc {
        font-size: 20px;
        line-height: 30px; } }
  .hero .btn {
    margin-top: 40px; }
    @media (max-width: 940px) {
      .hero .btn {
        padding: 15px 20px; } }

body .bx-wrapper {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: none;
  margin: 0 auto; }
  body .bx-wrapper .bx-next {
    position: absolute;
    width: 48px;
    height: 30px;
    text-align: center;
    text-indent: -9999px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='48' viewBox='0 0 30 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.339966 42.34L18.68 24L0.339966 5.66L5.99997 0L30 24L5.99997 48L0.339966 42.34Z' fill='%23D3D1D3'/%3E%3C/svg%3E%0A");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain; }
    body .bx-wrapper .bx-next:hover {
      background-position: 50% 50%; }
  body .bx-wrapper .bx-prev {
    position: absolute;
    width: 48px;
    height: 30px;
    text-indent: -9999px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='48' viewBox='0 0 30 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.66 42.34L11.32 24L29.66 5.66L24 0L3.8147e-06 24L24 48L29.66 42.34Z' fill='%23D3D1D3'/%3E%3C/svg%3E%0A");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain; }
    body .bx-wrapper .bx-prev:hover {
      background-position: 50% 50%; }

.storitve {
  font-size: 20px;
  line-height: 30px; }
  @media (max-width: 940px) {
    .storitve {
      font-size: 18px;
      line-height: 25px; } }

.section_title {
  font-size: 50px;
  line-height: 82px;
  margin-bottom: 30px; }
  @media (max-width: 940px) {
    .section_title {
      font-size: 40px;
      line-height: 70px;
      margin-bottom: 20px; } }

.section_title1 {
  font-size: 40px;
  line-height: 82px;
  margin-bottom: 20px;
  font-weight: 500; }
  @media (max-width: 940px) {
    .section_title1 {
      font-size: 25px;
      line-height: 60px;
      margin-bottom: 15px; } }

.columns {
  margin-top: 60px; }
  .columns__column {
    display: flex;
    flex-direction: column; }
    .columns__column .h3 {
      margin: 15px 0; }

.h3 {
  font-size: 28px;
  line-height: 32px;
  font-weight: bold; }

.gallery {
  display: flex;
  gap: 15px;
  flex-wrap: wrap; }
  .gallery__item {
    flex: 0 0 calc(20% - 12px); }
    @media (max-width: 940px) {
      .gallery__item {
        flex: 0 0 calc(25% - 12px); } }
    @media (max-width: 736px) {
      .gallery__item {
        flex: 0 0 calc(33.333% - 12px); } }
    @media (max-width: 500px) {
      .gallery__item {
        flex: 0 0 calc(50% - 12px); } }

.img_wrap {
  position: relative;
  max-width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 65%;
  display: block; }
  .img_wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    -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%); }
  .img_wrap--square {
    padding-bottom: 100%; }

.split {
  font-size: 20px;
  line-height: 30px; }
  @media (max-width: 940px) {
    .split {
      font-size: 18px;
      line-height: 25px; } }
  .split h2 {
    margin-bottom: 20px; }
  .split__img {
    flex: 0 0 45%; }

.partnerji {
  padding: 70px 0; }
  @media (max-width: 940px) {
    .partnerji {
      padding: 35px 0; } }
  .partnerji__list {
    display: flex;
    gap: 15px;
    flex-wrap: wrap; }
  .partnerji__item {
    flex: 0 0 calc(25% - 12px);
    background-color: #dbdcdd; }
    @media (max-width: 940px) {
      .partnerji__item {
        flex: 0 0 calc(33.333% - 12px); } }
    @media (max-width: 500px) {
      .partnerji__item {
        flex: 0 0 calc(50% - 12px); } }

.footer {
  padding: 70px 0; }
  @media (max-width: 940px) {
    .footer {
      padding: 35px 0; } }
  .footer a {
    color: white; }
  .footer__top {
    border-bottom: 1px solid #008697;
    padding-bottom: 30px;
    margin-bottom: 30px; }
    .footer__top a {
      font-weight: bold;
      font-size: 20px; }
  .footer__contacts {
    flex: 1; }
  .footer__contact {
    flex: 0 0 50%;
    font-size: 16px;
    line-height: 30px; }
    .footer__contact--wide {
      flex: 1; }
    .footer__contact p {
      margin-bottom: 0;
      line-height: 30px; }
  .footer__contacts_bottom {
    border-top: 1px solid #008697;
    padding-top: 15px;
    margin-top: 30px; }

.mobile_menu {
  display: none; }
  @media (max-width: 940px) {
    .mobile_menu {
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: center;
      padding: 0 20px; }
      .mobile_menu svg {
        width: 24px;
        height: auto; }
        .mobile_menu svg path {
          fill: #081f34; } }

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