@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local("Montserrat-Light"), url("../fonts/Montserrat-Light.ttf") format("truetype"); }
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local("Montserrat-Regular"), url("../fonts/Montserrat-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local("Montserrat-SemiBold"), url("../fonts/Montserrat-SemiBold.ttf") format("truetype"); }
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local("Montserrat-Bold"), url("../fonts/Montserrat-Bold.ttf") format("truetype"); }
@font-face {
  font-family: 'QwitcherGrypen';
  font-style: normal;
  font-weight: 400;
  src: local("QwitcherGrypen-Regular"), url("../fonts/QwitcherGrypen-Regular.ttf") format("truetype"); }
html {
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  height: 100%; }

body {
  height: 100%;
  width: 100%;
  padding: 0;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  color: #3B3B3C;
  font-weight: 400; }

.color-primary {
  color: #FF671B; }

.section-title-wrapper h1 {
  font-weight: 700;
  font-size: 2em;
  margin-bottom: 0;
  transition: all .280s ease-in; }
@media (min-width: 46.25em) and (max-width: 61.24em) {
  .section-title-wrapper h1 {
    font-size: 2.5em; } }
@media (min-width: 61.25em) and (max-width: 81.24em) {
  .section-title-wrapper h1 {
    font-size: 3em; } }
@media (min-width: 81.25em) and (max-width: 89.99em) {
  .section-title-wrapper h1 {
    font-size: 3.75em; } }
@media (min-width: 90em) and (max-width: 99.99em) {
  .section-title-wrapper h1 {
    font-size: 4.125em; } }
@media (min-width: 100em) {
  .section-title-wrapper h1 {
    font-size: 4.5em; } }

.navbar {
  background-color: transparent;
  transition: all .280s ease-in; }
.navbar .navbar-brand img {
  height: 149px;
  transition: all .280s ease-in; }
@media (min-width: 20em) and (max-width: 46.24em) {
  .navbar .navbar-brand img {
    height: 80px; } }
@media (min-width: 46.25em) and (max-width: 61.24em) {
  .navbar .navbar-brand img {
    height: 96px; } }
@media (min-width: 61.25em) and (max-width: 81.24em) {
  .navbar .navbar-brand img {
    height: 110px; } }
.navbar .navbar-toggler svg .a {
  stroke: none;
  fill: #FF671B; }
.navbar .navbar-nav .nav-item {
  padding: 0 .75em; }
.navbar .navbar-nav .nav-item .nav-link {
  position: relative;
  text-transform: uppercase;
  color: #3B3B3C;
  font-weight: 600;
  text-decoration: none;
  font-size: 1.125em;
  transition: all .280s ease-in; }
.navbar .navbar-nav .nav-item .nav-link:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  left: 50%;
  position: absolute;
  background: #FF671B;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0; }
.navbar .navbar-nav .nav-item .nav-link:hover:after {
  width: 100%;
  left: 0; }

.scrolled {
  background-color: #FFFFFF;
  transition: all .280s ease-in; }
.scrolled .navbar-brand img {
  height: 90px;
  transition: all .280s ease-in; }
@media (min-width: 20em) and (max-width: 46.24em) {
  .scrolled .navbar-brand img {
    height: 48px; } }
@media (min-width: 46.25em) and (max-width: 61.24em) {
  .scrolled .navbar-brand img {
    height: 72px; } }
@media (min-width: 61.25em) and (max-width: 81.24em) {
  .scrolled .navbar-brand img {
    height: 90px; } }

#landing {
  height: 100vh;
  background: url("../images/city_bg.jpg") no-repeat center center;
  background-size: cover; }
#landing .slogan-wrapper {
  color: #FFFFFF; }
#landing .slogan-wrapper h1 {
  font-size: 2em;
  margin-bottom: 0;
  transition: all .280s ease-in; }
@media (min-width: 46.25em) and (max-width: 61.24em) {
  #landing .slogan-wrapper h1 {
    font-size: 2.5em; } }
@media (min-width: 61.25em) and (max-width: 81.24em) {
  #landing .slogan-wrapper h1 {
    font-size: 3em; } }
@media (min-width: 81.25em) and (max-width: 89.99em) {
  #landing .slogan-wrapper h1 {
    font-size: 3.75em; } }
@media (min-width: 90em) and (max-width: 99.99em) {
  #landing .slogan-wrapper h1 {
    font-size: 4.125em; } }
@media (min-width: 100em) {
  #landing .slogan-wrapper h1 {
    font-size: 4.5em; } }
#landing .slogan-wrapper .orange-slogan {
  color: #FF671B;
  font-family: "QwitcherGrypen", sans-serif;
  font-size: 3em; }
@media (min-width: 46.25em) and (max-width: 61.24em) {
  #landing .slogan-wrapper .orange-slogan {
    font-size: 3.5em; } }
@media (min-width: 61.25em) and (max-width: 81.24em) {
  #landing .slogan-wrapper .orange-slogan {
    font-size: 3.75em; } }
@media (min-width: 81.25em) and (max-width: 89.99em) {
  #landing .slogan-wrapper .orange-slogan {
    font-size: 4em; } }
@media (min-width: 90em) and (max-width: 99.99em) {
  #landing .slogan-wrapper .orange-slogan {
    font-size: 4.5em; } }
@media (min-width: 100em) {
  #landing .slogan-wrapper .orange-slogan {
    font-size: 5.75em; } }

#kdoSmo {
  padding: 90px 0;
  transition: all .280s ease-in; }
@media (min-width: 46.25em) and (max-width: 61.24em) {
  #kdoSmo {
    padding: 120px 0; } }
@media (min-width: 61.25em) {
  #kdoSmo {
    padding-top: 200px;
    padding-bottom: 100px;
    min-height: 100vh; } }
#kdoSmo .section-title-wrapper {
  margin-bottom: 25px;
  transition: all .280s ease-in; }
@media (min-width: 46.25em) and (max-width: 61.24em) {
  #kdoSmo .section-title-wrapper {
    margin-bottom: 60px; } }
@media (min-width: 61.25em) {
  #kdoSmo .section-title-wrapper {
    margin-bottom: 100px; } }
#kdoSmo .content-wrapper p {
  font-size: 1em;
  transition: all .280s ease-in; }
@media (min-width: 61.25em) {
  #kdoSmo .content-wrapper p {
    font-size: 1.125em;
    margin-bottom: 30px; } }
#kdoSmo .content-wrapper .blockquote-wrapper {
  border-right: 1px solid #FF671B; }
#kdoSmo .content-wrapper .blockquote-wrapper .blockquote {
  position: relative;
  padding-left: 50px;
  font-weight: 300;
  line-height: 1;
  transition: all .280s ease-in; }
@media (min-width: 20em) and (max-width: 46.24em) {
  #kdoSmo .content-wrapper .blockquote-wrapper .blockquote {
    font-size: 1.125em; } }
#kdoSmo .content-wrapper .blockquote-wrapper .blockquote:before {
  content: "";
  background: url("../images/quote-icon.svg") no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  height: 31.5px;
  width: 36px; }
#kdoSmo .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  height: 650px;
  transition: all .280s ease-in; }
@media (min-width: 20em) and (max-width: 46.24em) {
  #kdoSmo .wrapper {
    height: 450px; } }
#kdoSmo .wrapper .parallax {
  top: -120px;
  position: relative;
  height: 650px;
  width: 100%;
  margin: 10px;
  overflow: hidden;
  clip-path: polygon(50% 0, 100% 33%, 100% 66%, 50% 100%, 0 66%, 0 33%);
  transition: all .280s ease-in; }
@media (min-width: 20em) and (max-width: 46.24em) {
  #kdoSmo .wrapper .parallax {
    top: 15px;
    height: 450px; } }
#kdoSmo .wrapper .parallax .slika {
  position: absolute;
  height: 110%;
  width: 100%;
  top: -15%; }

#oPodjetju {
  background-color: #3B3B3C;
  padding: 90px 0;
  transition: all .280s ease-in; }
@media (min-width: 46.25em) and (max-width: 61.24em) {
  #oPodjetju {
    padding: 120px 0; } }
@media (min-width: 61.25em) {
  #oPodjetju {
    padding-top: 200px;
    padding-bottom: 100px;
    min-height: 100vh; } }
#oPodjetju .section-title-wrapper {
  margin-bottom: 30px;
  transition: all .280s ease-in; }
#oPodjetju .section-title-wrapper h1 {
  color: #FFFFFF; }
#oPodjetju .section-paragraph {
  padding-bottom: 40px;
  transition: all .280s ease-in; }
@media (min-width: 46.25em) and (max-width: 61.24em) {
  #oPodjetju .section-paragraph {
    padding-bottom: 50px; } }
@media (min-width: 61.25em) and (max-width: 81.24em) {
  #oPodjetju .section-paragraph {
    padding-bottom: 60px; } }
@media (min-width: 81.25em) and (max-width: 89.99em) {
  #oPodjetju .section-paragraph {
    padding-bottom: 80px; } }
@media (min-width: 90em) and (max-width: 99.99em) {
  #oPodjetju .section-paragraph {
    padding-bottom: 100px; } }
@media (min-width: 100em) {
  #oPodjetju .section-paragraph {
    padding-bottom: 130px; } }
#oPodjetju .section-paragraph p {
  margin-bottom: 0;
  color: #FFFFFF;
  font-size: 1em;
  transition: all .280s ease-in; }
@media (min-width: 81.25em) {
  #oPodjetju .section-paragraph p {
    font-size: 1.125em; } }
#oPodjetju .services {
  transition: all .280s ease-in; }
@media (min-width: 90em) {
  #oPodjetju .services {
    padding: 0 90px; } }
#oPodjetju .service-wrapper {
  margin-bottom: 40px;
  transition: all .280s ease-in; }
@media (min-width: 90em) {
  #oPodjetju .service-wrapper {
    margin-bottom: 0; } }
#oPodjetju .service-wrapper .service-image {
  margin-bottom: 30px; }
#oPodjetju .service-wrapper .service-image img {
  transition: all .280s ease-in; }
@media (min-width: 46.25em) and (max-width: 61.24em) {
  #oPodjetju .service-wrapper .service-image img {
    padding: 0 15px; } }
#oPodjetju .service-wrapper .service-title h3 {
  color: #FF671B;
  font-size: 1.125em;
  font-weight: 700; }
#oPodjetju .service-wrapper .service-list-wrapper .service-list {
  margin: 0;
  transition: all .280s ease-in; }
@media (min-width: 46.25em) and (max-width: 61.24em) {
  #oPodjetju .service-wrapper .service-list-wrapper .service-list {
    padding-left: 0; } }
@media (min-width: 90em) {
  #oPodjetju .service-wrapper .service-list-wrapper .service-list {
    padding-left: 3em; } }
#oPodjetju .service-wrapper .service-list-wrapper .service-list .list-item {
  list-style: none;
  color: #FFFFFF; }

#partnerji {
  padding: 90px 0;
  transition: all .280s ease-in; }
@media (min-width: 46.25em) and (max-width: 61.24em) {
  #partnerji {
    padding: 120px 0; } }
@media (min-width: 61.25em) {
  #partnerji {
    padding-top: 200px;
    padding-bottom: 100px;
    min-height: 100vh; } }
#partnerji .section-title-wrapper {
  margin-bottom: 30px;
  transition: all .280s ease-in; }
#partnerji .section-paragraph {
  padding-bottom: 40px;
  transition: all .280s ease-in; }
@media (min-width: 46.25em) and (max-width: 61.24em) {
  #partnerji .section-paragraph {
    padding-bottom: 50px; } }
@media (min-width: 61.25em) and (max-width: 81.24em) {
  #partnerji .section-paragraph {
    padding-bottom: 60px; } }
@media (min-width: 81.25em) and (max-width: 89.99em) {
  #partnerji .section-paragraph {
    padding-bottom: 80px; } }
@media (min-width: 90em) and (max-width: 99.99em) {
  #partnerji .section-paragraph {
    padding-bottom: 100px; } }
@media (min-width: 100em) {
  #partnerji .section-paragraph {
    padding-bottom: 130px; } }
#partnerji .section-paragraph p {
  margin-bottom: 0;
  font-size: 1em;
  transition: all .280s ease-in; }
@media (min-width: 81.25em) {
  #partnerji .section-paragraph p {
    font-size: 1.125em; } }
#partnerji .col-wrapper {
  margin-bottom: 30px; }
#partnerji .col-wrapper .col-title h3 {
  font-weight: 700;
  color: #FF671B;
  font-size: 1.25em;
  transition: all .280s ease-in; }
@media (min-width: 81.25em) {
  #partnerji .col-wrapper .col-title h3 {
    font-size: 1.375em; } }
#partnerji .col-wrapper .col-image img {
  transition: all .280s ease-in; }
@media (min-width: 20em) and (max-width: 46.24em) {
  #partnerji .col-wrapper .col-image img {
    padding: 15px; } }
#partnerji .col-wrapper:nth-child(2) .col-image img {
  height: 90px; }
#partnerji .slider-wrapper .swiper-slide {
  margin-bottom: 50px; }
#partnerji .slider-wrapper .swiper-slide .sodelavec-name {
  color: #FF671B;
  font-family: "QwitcherGrypen", sans-serif;
  font-size: 2.75em;
  transition: all .280s ease-in; }
@media (min-width: 61.25em) {
  #partnerji .slider-wrapper .swiper-slide .sodelavec-name {
    font-size: 4.75em; } }
#partnerji .slider-wrapper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #FF671B; }

#poslovnaPriloznost {
  margin-bottom: 100px; }
#poslovnaPriloznost .kvadratek {
  background-color: #3B3B3C;
  padding: 90px 105px;
  transition: all .280s ease-in; }
@media (min-width: 20em) and (max-width: 46.24em) {
  #poslovnaPriloznost .kvadratek {
    padding: 55px 30px; } }
@media (min-width: 46.25em) and (max-width: 61.24em) {
  #poslovnaPriloznost .kvadratek {
    padding: 55px 75px; } }
#poslovnaPriloznost .kvadratek h1 {
  color: #FFFFFF;
  font-weight: 300; }

#kontakt {
  background-color: #3B3B3C; }
#kontakt .bg-image {
  background: url("../images/map.jpg") no-repeat center center;
  background-size: cover;
  transition: all .280s ease-in; }
@media (min-width: 20em) and (max-width: 46.24em) {
  #kontakt .bg-image {
    height: 190px; } }
#kontakt .bg-image .link-box {
  height: 100%;
  width: 100%; }
#kontakt .bg-image .link-box .placer {
  height: 100%;
  width: 100%; }
#kontakt .left {
  padding: 90px 15px;
  transition: all .280s ease-in; }
@media (min-width: 46.25em) and (max-width: 61.24em) {
  #kontakt .left {
    padding: 120px 15px; } }
@media (min-width: 61.25em) {
  #kontakt .left {
    padding-top: 200px;
    padding-bottom: 100px;
    min-height: 65vh; } }
@media (min-width: 90em) and (max-width: 99.99em) {
  #kontakt .left {
    padding-left: 5%;
    padding-right: 5%; } }
@media (min-width: 100em) and (max-width: 119.99em) {
  #kontakt .left {
    padding-left: 10%;
    padding-right: 5%; } }
@media (min-width: 120em) and (max-width: 156.24em) {
  #kontakt .left {
    padding-left: 15%;
    padding-right: 5%; } }
@media (min-width: 156.25em) {
  #kontakt .left {
    padding-left: 25%;
    padding-right: 5%; } }
#kontakt .section-title-wrapper {
  margin-bottom: 30px;
  transition: all .280s ease-in; }
#kontakt .section-title-wrapper h1 {
  color: #FFFFFF; }
#kontakt .section-paragraph {
  padding-bottom: 40px;
  transition: all .280s ease-in; }
#kontakt .section-paragraph p {
  margin-bottom: 0;
  color: #FFFFFF;
  font-size: 1em;
  transition: all .280s ease-in; }
@media (min-width: 81.25em) {
  #kontakt .section-paragraph p {
    font-size: 1.125em; } }
#kontakt .page-form .form-floating label {
  color: #FFFFFF; }
#kontakt .page-form .form-floating .form-control {
  background-color: transparent;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #FFFFFF;
  color: #FFFFFF; }
#kontakt .page-form .form-floating .form-control:active, #kontakt .page-form .form-floating .form-control:focus {
  outline: none;
  box-shadow: none; }
#kontakt .page-form .form-floating .form-control:active label, #kontakt .page-form .form-floating .form-control:focus label {
  color: #FFFFFF; }
#kontakt .page-form .form-floating .form-control:not(:placeholder-shown) ~ label {
  color: #FFFFFF; }
#kontakt .page-form .btn-send {
  margin-top: 10px;
  text-align: center;
  border-radius: 0;
  background-color: #FF671B;
  color: #FFFFFF;
  font-weight: 800;
  min-width: 150px;
  transition: all .280s ease-in; }
#kontakt .page-form .btn-send .word {
  margin-right: 0px;
  transition: all .280s ease-in; }
#kontakt .page-form .btn-send svg {
  transition: all .280s ease-in; }
#kontakt .page-form .btn-send:hover {
  transition: all .280s ease-in; }
#kontakt .page-form .btn-send:hover .word {
  margin-right: 8px;
  transition: all .280s ease-in; }
#kontakt .page-form .btn-send:hover svg {
  transform: rotate(45deg); }

#footer {
  padding-top: 40px; }
#footer .footer-list-wrapper ul {
  padding-left: 0;
  list-style: none; }
#footer .footer-list-wrapper ul .list-item a {
  color: #3B3B3C;
  text-decoration: none; }