/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


/*-- === HEADER === --*/

.display-n{
  display: none;
  transition: all 0.3s ease-in-out;
}

 /*--PRELOADER--*/

 .preloader {
 position: absolute;
 top: 0;
 left: 0;
 bottom:0;
 right:0;
 width: 100%;
 height: 100vh;
 z-index: 99999999;
 background-image: url('https://audioguide.dingo.graphics/wp-content/uploads/2024/09/audioguide.gif');
 background-size: 150px;
 background-repeat: no-repeat;
 background-color: #FFF;
 background-position: center;
 }

 #stop-scrolling {
 height: 100% !important;
 overflow: hidden !important;
 }

.shadow-r{
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

/*-- ===NAVBAR-ANCHORS=== --*/
a.anchor {
    display: block;
    position: relative;
    top: -3.5rem;
    visibility: hidden;
}

a.anchor-2 {
    display: block;
    position: relative;
    top: -1.5rem;
    visibility: hidden;
}

a.anchor-transport {
    display: block;
    position: relative;
    top: -7.5rem;
    visibility: hidden;
}

a.anchor-simultano {
    display: block;
    position: relative;
    top: -7.5rem;
    visibility: hidden;
}

a.anchor-turisticna {
    display: block;
    position: relative;
    top: -12rem;
    visibility: hidden;
}

a.anchor-ogled {
    display: block;
    position: relative;
    top: -7.5rem;
    visibility: hidden;
}

a.anchor-ogled-2 {
    display: block;
    position: relative;
    top: -12rem;
    visibility: hidden;
}

a.anchor-app {
    display: block;
    position: relative;
    top: -10.5rem;
    visibility: hidden;
}

a.anchor-reference {
    display: block;
    position: relative;
    top: -20rem;
    visibility: hidden;
}

/*****/

 /*-- === CSS-button-30 === --*/

 .button-30 {
   align-items: center;
   appearance: none;
   /*background-color: #e81d2a;*/
   /*background-color: #FD5F0C;*/
   /*background-color: #ff2000;*/

   background: rgb(255,85,0);
   background: -moz-linear-gradient(45deg, rgba(255,85,0,1) 0%, rgba(255,32,0,1) 100%);
   background: -webkit-linear-gradient(45deg, rgba(255,85,0,1) 0%, rgba(255,32,0,1) 100%);
   background: linear-gradient(45deg, rgba(255,85,0,1) 0%, rgba(255,32,0,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5500",endColorstr="#ff2000",GradientType=1);

   border-radius: 10px;
   border-width: 0;
   box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px,#00000050 0 -3px 0 inset;
   box-sizing: border-box;
   color: #fff;
   max-width: 182px;
   cursor: pointer;
   transition: box-shadow .15s,transform .15s;
   user-select: none;
   -webkit-user-select: none;
   touch-action: manipulation;
   white-space: nowrap;
   will-change: box-shadow,transform;


 }


 .button-30:hover {
 	/*color: #000 !important;*/
 	/*background-color: transparent;*/
 	text-shadow: nthree;

 }

 .button-30:after {

 }

 .button-30:hover:before {
 	left: 0%;
 	right: auto;
 	width: 100%;
   transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);

 }
 .button-30:before {
 	display: block;
 	position: absolute;
 	top: 0px;
 	right: 0px;
 	height: 100%;
 	width: 0px;
 	z-index: -1;
 	content: '';
 	/*color: #000 !important;*/
 	background-color: #ffffff15;

   border-radius: 10px;
 }


 /*-- === THE CAROUSEL === --*/

 .carousel-inner{
   background-color:  #ffffff;
 }

 @media (min-width:0px) and (max-width: 576px) {
   .carousel-inner{
     background-color: #ffffff !important;
   }
   .carousel-item {
     height: 32rem !important;
 }

 .carousel-item.active {
   height: 32rem !important;
 }
 }

 @media (min-width:576px) and (max-width: 992px) {
   .carousel-inner{
     background-color: #ffffff !important;
   }
   .carousel-item {
     height: 37rem !important;
 }

 .carousel-item.active {
   height: 37rem !important;
 }
}

@media (min-width:992px) and (max-width: 1200px) {
  .carousel-inner{
    background-color: #ffffff !important;
  }
  .carousel-item {
    height: 35rem !important;
}

.carousel-item.active {
  height: 35rem !important;
}
}

@media (min-width:1200) and (max-width: 1500px) {
  .carousel-inner{
    background-color: #ffffff !important;
  }
  .carousel-item {
    height: 40rem !important;
}

.carousel-item.active {
  height: 40rem !important;
}
}

 /* Carousel base class */
 .carousel {
   /*margin-bottom: 4rem;*/
 }
 /* Since positioning the image, we need to help out the caption */
 .carousel-caption {
   z-index: 10;
 }

 .slide-right {
   width: 100%;
   overflow: hidden;
   /*margin-left: 300px;*/
   max-width: 1000px
 }

 .slide-right h1 {
   animation: 1s slide-right 1s forwards;
     transform:translateX(-100%);

     -webkit-transition: opacity 3s ease-in-out;
        -moz-transition: opacity 3s ease-in-out;
        -ms-transition: opacity 3s ease-in-out;
        -o-transition: opacity 3s ease-in-out;
         opacity: 1;

 }

 @keyframes slide-right {
   to {
     transform:translateX(0);
   }
 }




 /* Declare heights because of positioning of img element */
 .carousel-item {
   height: 50rem;

   /*transition: 2s ease;*/


 /*  transition: transform 2s ease, opacity .5s ease-out;*/

 }


 @keyframes zoominoutsinglefeatured {
     0% {
         transform: scale(1,1);
     }
     50% {
         transform: scale(1.2);
     }

   100% {
         transform: scale(1,1);
     }


 }

 .carousel-item > img {
   position: absolute;
   top: 0;
   left: 0;
   min-width: 100%;
   max-height: 100%;
   /*
   animation: zoominoutsinglefeatured 30s infinite ;
   */
 }

 .carousel-control-prev{
   border-right: 1px solid rgba(255, 255, 255, 0.3);
   width: 7%;
   opacity: 1;
 }

 .carousel-control-prev:hover{
   background: rgba(255, 255, 255, 0.2);
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
   backdrop-filter: blur(5px);
   -webkit-backdrop-filter: blur(5px);
   width: 7%;
 }

 .carousel-control-next{
   border-left: 1px solid rgba(255, 255, 255, 0.3);
   width: 7%;
   opacity: 1;
 }

 .carousel-control-next:hover{
   background: rgba(255, 255, 255, 0.2);
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
   backdrop-filter: blur(5px);
   -webkit-backdrop-filter: blur(5px);
   width: 7%;
 }

 .text-next{
   writing-mode: vertical-lr;
   transform: rotate(180deg);
   letter-spacing: 2px;
 }

 .text-prev {
   writing-mode: vertical-lr;
   transform: rotate(180deg);
   letter-spacing: 2px;
 }

.app-hover{
  opacity: 0.9;
}
.app-hover:hover{
  opacity: 1;
}

 /* RESPONSIVE CSS
 -------------------------------------------------- */

 @media (min-width: 40em) {
   /* Bump up size of carousel content */
   .carousel-caption p {
     margin-bottom: 1.25rem;
     font-size: 1.25rem;
     line-height: 1.4;
   }

   .featurette-heading {
     font-size: 50px;
   }
 }

 @media (min-width: 62em) {
   .featurette-heading {
     margin-top: 7rem;
   }
 }



 /*--Hamburger-menu--*/
 #Create {
   background-color: #ffffff80;
 }

 #Create:hover {
   background-color: #ffffff;
 }


 /*--navbar-bootstrap--*/

 .nav-float-x {
   background-color: transparent;
 }

@media (max-width: 992px){
  .nav-float-x {
    background-color: #212529 !important;
  }
}

 .dropdown-large {
   min-width:;
   min-height:;
   /*background-color: #f2f2f2;*/
   background-color: #fff;


 }

 .dropdown-h:hover {
   /*background-color: #f2f2f2;*/
   border-bottom: solid 1px #cc1b19;
 }

 .dropdown-large-industries {
   min-width:;
   min-height:;
   background-color: #f2f2f2;

 }


 .nav-123 {
   rounded: 0px;
   color: white;
 }

 .nav-123::after {
     content: '';
     display: block;
     width: 0;
     height: 2px;
     background: #cc1b19;
     transition: width .3s;
 }

 .nav-123:hover::after {
     width: 100%;
     //transition: width .3s;
 }

 .nav-123 {
   border-bottom: solid 1px #fff;
   border-top: solid 1px #fff;
 }

 .dropdown-menu.dropdown-menu-h.dropdown-large.rounded-3.p-0 {
   margin-top: 1px;
 }

 .dropdown-menu.dropdown-menu-h.dropdown-large-industries.rounded-3.p-0 {
   margin-top: 1px;
 }

/*-- === REVOLUCIONAREN E-POGON === --*/

.col-card{
  max-width: 400px;
}

.card00 {
  background-color:transparent;
}


.card00:hover {
    background-color: #fff;
    border-radius: ;
    box-shadow: #ff200030 -7px 7px 0 0;
    color: #fff;
    width: 102%;
    transition: all 0.3s ease-in-out;
}

.button-card-01 {
  background-color: transparent;
  font-size: 26px;
  font-weight: bold;
  line-height: 30px;
  color: #bf2b29;
  margin-bottom: 7px;
  pointer-events: none;

  /*border-top: 3px solid #1bdfc7;*/

}

.button-card-01:before {
    content: '';
    display: block;
    width: 34px;
    height: 4px;
    background-color: #00a5ff;
    margin: 0 auto 14px;
}

.button-card-01:hover {
    /*border-bottom: 2px solid #2e469e;*/
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

.button-card-02 {
  background-color: transparent;
  font-size: 12px;
  font-weight: ;
  line-height: ;
  color: #bf2b29;
  margin-bottom: 30px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
  pointer-events: none;

}

.button-card-02:after {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  -webkit-transform: translateX(3px) translateY(-1px) rotate(45deg);
  transform: translateX(3px) translateY(-1px) rotate(45deg);
  transition: border 0.3s ease-in-out;
}

.button-card-02:hover {
/*border-bottom: 1px solid #1bdfc7;*/
text-decoration: underline;
color: #00a5ff;
transition: all 0.3s ease-in-out;

}

.button-card-03 {
  background-image: none;
  border-radius: 36px;
  box-sizing: border-box;
  display: inline-block;
  /*font-family: "basis-grotesque-bold", Arial, Helvetica, sans-serif !important;*/
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  color: #bf2b29;
  letter-spacing: 4.25px;
  margin-bottom: 10px;
  padding: 22px;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

.button-card-03:hover {
  background-color: #bf2b29;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}

.button-card-04 {
  background-image: none;
  border-radius: 36px;
  box-sizing: border-box;
  display: inline-block;
  /*font-family: "basis-grotesque-bold", Arial, Helvetica, sans-serif !important;*/
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  color: #bf2b29;
  letter-spacing: 4.25px;
  margin-bottom: 10px;
  padding: 22px 28px;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  max-width: 16rem !important;
}

.button-card-04:hover {
  background-color: #bf2b29;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}

.card-description {
  margin-bottom: 44px;
  word-break: break-word;

  /*font-family: "basis-grotesque-bold", Arial, Helvetica, sans-serif !important;*/
  font-size: 20px;
  line-height: 28px;
  font-weight: normal;
  letter-spacing: 0.3px;
}

.hide01 {
display: none;
}

.card01:hover .hide01 {
display: block;
color: #373a3c;
transition: all 0.3s ease-in-out;


}

.card01:hover .img01 {
display: none;
transition: all 0.3s ease-in-out;
}




@media (min-width: 992) {
  .e-pogon-height{
    height: 800px;
  }
}

@media (max-width: 992) {
  .e-pogon-height{
    height: 2000px;
  }
}

@media (max-width:992px){
  .video-r{
    margin-top: 7rem;
  }
}

/*-- === PAMETNE FUNKCIJE RUBBEE X ===*/
.bachround-wrapper-slider-2{
  position: relative;
}
.background-slider-2{
  border-radius: 0 20rem 20rem 0;
  position: absolute;
  height: 450px;
  width: 55% !important;
  background-color: #f8f9fa!important;
  z-index: 0;
  margin-left: -3rem;
}

.bachround-wrapper-slider-1{
  position: relative;
}
.background-slider-1{
  border-radius: 20rem 0 0 20rem;
  position: absolute;
  top: 0px;
  height: 450px;
  width: 100%;
  background-color: #f8f9fa!important;
  z-index: 0;
  margin-left: 47%;
}

/*--------------------------------------*/

@media (max-width:992px) {

  .background-slider-1 {
    background-color: transparent !important;
}
.background-slider-2 {
  background-color: transparent !important;
}
}

 /* Slider */
 .slick-slider
 {
     position: relative;

     display: block;
     box-sizing: border-box;

     -webkit-user-select: none;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;

     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -ms-touch-action: pan-y;
         touch-action: pan-y;
     -webkit-tap-highlight-color: transparent;
 }

 .slick-list
 {
     position: relative;

     display: block;
     overflow: hidden;

     margin: 0;
     padding: 0;
 }
 .slick-list:focus
 {
     outline: none;
 }
 .slick-list.dragging
 {
     cursor: pointer;
     cursor: hand;
 }

 .slick-slider .slick-track,
 .slick-slider .slick-list
 {
     -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
          -o-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0);
 }

 .slick-track
 {
     position: relative;
     top: 0;
     left: 0;

     display: block;
     margin-left: auto;
     margin-right: auto;
 }
 .slick-track:before,
 .slick-track:after
 {
     display: table;

     content: '';
 }
 .slick-track:after
 {
     clear: both;
 }
 .slick-loading .slick-track
 {
     visibility: hidden;
 }

 .slick-slide
 {
     display: none;
     float: left;

     height: 100%;
     min-height: 1px;
 }
 [dir='rtl'] .slick-slide
 {
     float: right;
 }
 .slick-slide img
 {
     display: block;
 }
 .slick-slide.slick-loading img
 {
     display: none;
 }
 .slick-slide.dragging img
 {
     pointer-events: none;
 }
 .slick-initialized .slick-slide
 {
     display: block;
 }
 .slick-loading .slick-slide
 {
     visibility: hidden;
 }
 .slick-vertical .slick-slide
 {
     display: block;

     height: auto;

     border: 1px solid transparent;
 }
 .slick-arrow.slick-hidden {
     display: none;
 }

 @font-face {
   font-family: 'Pacifico';
   src: url('pacifico.eot');
   src: url('pacifico.eot?#iefix') format('embedded-opentype'),
     url('pacifico.woff') format('woff'), url('pacifico.ttf') format('truetype'),
     url('pacifico.svg#Pacifico') format('svg');
 }

 #carbonads {
   --width: 180px;
   --font-size: 14px;
 }

 #carbonads {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
     Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial,
     sans-serif;
   display: block;
   overflow: hidden;
   margin-bottom: 20px;
   max-width: var(--width);
   border-radius: 4px;
   text-align: center;
   box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1);
   background-color: hsl(0, 0%, 98%);
   font-size: var(--font-size);
   line-height: 1.5;
 }

 #carbonads a {
   color: #3498db;
   text-decoration: none;
 }

 #carbonads a:hover {
   color: #3498db;
 }

 #carbonads span {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .carbon-img {
   display: block;
   margin-bottom: 8px;
   max-width: var(--width);
   line-height: 1;
 }

 .carbon-img img {
   display: block;
   margin: 0 auto;
   max-width: var(--width) !important;
   width: var(--width);
   height: auto;
 }

 .carbon-text {
   display: block;
   padding: 0 1em 8px;
 }

 .carbon-poweredby {
   display: block;
   padding: 10px var(--font-size);
   background: repeating-linear-gradient(
       -45deg,
       transparent,
       transparent 5px,
       hsla(0, 0%, 0%, 0.025) 5px,
       hsla(0, 0%, 0%, 0.025) 10px
     )
     hsla(203, 11%, 95%, 0.4);
   text-transform: uppercase;
   letter-spacing: 0.5px;
   font-weight: 600;
   font-size: 9px;
   line-height: 0;
 }

 @media only screen and (min-width: 320px) and (max-width: 759px) {
   #carbonads {
     float: none;
     margin: 0 auto;
     max-width: 330px;
     color: #3498db;
   }
   #carbonads span {
     position: relative;
   }
   #carbonads > span {
     max-width: none;
     color: #3498db;
   }
   .carbon-img {
     float: left;
     margin: 0;
   }

   .carbon-img img {
     max-width: 130px !important;
   }
   .carbon-text {
     float: left;
     margin-bottom: 0;
     padding: 8px 20px;
     text-align: left;
     max-width: calc(100% - 130px - 3em);
   }
   .carbon-poweredby {
     left: 130px;
     bottom: 0;
     display: block;
     width: 100%;
   }
 }

 #disqus_thread {
   margin-top: 20px;
 }
 * {
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 .blue {
   background: #3498db;
   color: #fff;
 }

 .button {
   background: #3498db;
   color: #fff;
   display: block;
   font-size: 16px;
   margin: auto;
   padding: 20px;
   text-align: center;
   text-decoration: none;
   width: 48%;
 }
 .buttons {
   padding: 0 20px 20px;
   margin-bottom: 10px;
 }
 .buttons .button {
   background: #fff;
   color: #3498db;
   float: left;
   margin: 5px;
 }
 .center .slick-center {
   -moz-transform: scale(1.08);
   -ms-transform: scale(1.08);
   -o-transform: scale(1.08);
   -webkit-transform: scale(1.08);
   color: #e67e22;
   opacity: 1;
   transform: scale(1.08);
 }
 .center {
   opacity: 0.8;
   transition: all 300ms ease;
 }
 .content {
   margin: auto;
   padding: ;
   width: 1300px;
 }
 .content:after,
 .buttons::after {
   clear: both;
   content: '';
   display: table;
 }

 .filter .button {
   background: #fff;
   color: #3498db;
   margin-bottom: 40px;
 }

 .more,
 .button.first {
   margin-top: 40px;
 }
 .red {
   background: #e74c3c;
   color: #fff;
 }

 section {
   width: 100%;
   position: relative;
 }

 /*
 table {
   font-size: 14px;
   line-height: 18px;
   margin: 40px auto 20px;
   display: block;
 }
 tr {
   width: 100%;
   border-right: none;
   border-bottom: 1px solid #fff;
   margin: 0px 0px 20px;
   padding: 0px 0px 20px;
   background: transparent;
   float: left;
 }
 thead {
   display: none;
 }
 td {
   border: 0;
   padding: 10px 0px;
 }
 td,
 tbody {
   display: block;
   width: 100% !important;
 }
 table.settings td:nth-of-type(1),
 table.methods td:nth-of-type(1) {
   font-weight: 700;
   font-size: 16px;
   line-height: 18px;
 }
 table.settings td:nth-of-type(2):before {
   content: 'Type: ';
   font-weight: 700;
 }
 table.settings td:nth-of-type(3):before {
   content: 'Default: ';
   font-weight: 700;
 }
 table.methods td:nth-of-type(2):before {
   content: 'Arguments: ';
   font-weight: 700;
 }
 ul.nav {
   margin-bottom: 0;
   padding-left: 0;
   text-align: center;
 }
 ul.nav li {
   display: inline-block;
   list-style-type: none;
   margin: 0 20px;
 }
 ul.nav li a {
   font-size: 14px;
   text-decoration: none;
 }
 #carbonads {
   max-width: 320px;
   width: 100%;
   color: white;
   background: white;
   padding: 20px 20px 20px;
   margin: 0px auto 40px;
   text-align: center;
   position: relative;
   top: 40px;
 }
 #carbonads a {
   display: inline-block;
   margin-bottom: 0px;
   font-size: 10px;
   line-height: 1.5;
 }
 #carbonads .carbon-img {
   margin-bottom: 10px;
 }
 @media (max-width: 420px) {
   ul.nav li a {
     display: block;
     font-size: 14px;
   }
 }
*/
   .button {
     margin: 0 auto;
     width: auto;
   }
   .button.first {
     margin-top: 40px;
   }
   .buttons {
     padding: 0 0 20px;
   }
   .buttons .button {
     float: left;
     font-size: 12px;
     margin: 1%;
     width: 48%;
   }
   .center {
     margin-left: -40px;
     margin-right: -40px;
   }
   .center .slick-center {
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     -webkit-transform: scale(1);
     color: #e67e22;
     opacity: 1;
     transform: scale(1);
   }
   .center {
     -moz-transform: scale(0.95);
     -ms-transform: scale(0.95);
     -o-transform: scale(0.95);
     -webkit-transform: scale(0.95);
     opacity: 0.8;
     transform: scale(0.95);
     transition: all 300ms ease;
   }
   .content {
     margin: auto;
     padding: 20px 40px;
     width: auto;
   }
   /*
   .fixed-header .header-content {
     width: auto;
   }
   */
   /*
   pre {
     font-size: 12px;
     overflow-x: scroll;
   }
   table {
     font-size: 14px;
     line-height: 18px;
     margin: 40px auto 20px;
     display: block;
     float: left;
   }
   tr {
     width: 100%;
     border-right: none;
     border-bottom: 1px solid #fff;
     margin: 0px 0px 20px;
     padding: 0px 0px 20px;
     background: transparent;
     float: left;
   }
   thead {
     display: none;
   }
   td {
     border: 0;
     padding: 10px 0px;
   }
   td,
   tbody {
     display: block;
     width: 100% !important;
   }
   table.settings td:nth-of-type(1),
   table.methods td:nth-of-type(1) {
     font-weight: 700;
     font-size: 16px;
     line-height: 18px;
   }
   table.settings td:nth-of-type(2):before {
     content: 'Type: ';
     font-weight: 700;
   }
   table.settings td:nth-of-type(3):before {
     content: 'Default: ';
     font-weight: 700;
   }
   table.methods td:nth-of-type(2):before {
     content: 'Arguments: ';
     font-weight: 700;
   }
 }
*/


 .native-js {
   visibility: hidden;
   transition: all 0.25s ease-in-out;
   opacity: 0;
 }

 .native-show {
   visibility: visible;
   opacity: 1;
   box-shadow: 0 -1px 4px hsla(0, 0%, 0%, 0.2);
 }

 .native-img {
   margin-right: 20px;
   max-height: 50px;
   border-radius: 3px;
 }

 .native-flex {
   display: flex;
   padding: 20px 20px;
   text-decoration: none;

   flex-flow: row nowrap;
   max-width: 800px;
   justify-content: space-between;
   align-items: center;
   margin: 0 auto;
 }

 .native-main {
   display: flex;
   flex-grow: 1;

   flex-flow: row nowrap;
   align-items: center;
 }

 .native-details {
   display: flex;
   margin-right: 10px;

   flex-flow: column nowrap;
 }

 .native-company {
   margin-bottom: 4px;
   text-transform: uppercase;
   letter-spacing: 2px;
   font-size: 10px;
 }

 .native-desc {
   letter-spacing: 1px;
   font-weight: 300;
   line-height: 1.4;
 }

 .native-cta {
   padding: 10px 14px;
   border-radius: 3px;
   box-shadow: 0 6px 13px 0 hsla(0, 0%, 0%, 0.15);
   text-transform: uppercase;
   white-space: nowrap;
   letter-spacing: 1px;
   font-weight: 400;
   font-size: 12px;
   transition: all 0.3s ease-in-out;
   transform: translateY(-1px);
 }

 .native-cta:hover {
   box-shadow: none;
   transform: translateY(1px);
 }

 @media only screen and (min-width: 320px) and (max-width: 759px) {
   .native-flex,
   .native-main {
     flex-flow: column nowrap;
   }

   .native-img,
   .native-details {
     margin: 0;
   }

   .native-img {
     margin-bottom: 10px;
   }

   .native-main {
     text-align: center;
     margin-bottom: 20px;
   }
 }



 @charset 'UTF-8';
 /* Slider */
 .slick-loading .slick-list
 {
     background: #fff url('./ajax-loader.gif') center center no-repeat;
 }

 /* Icons */
 @font-face
 {
     font-family: 'slick';
     font-weight: normal;
     font-style: normal;

     src: url('./fonts/slick.eot');
     src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
 }
 /* Arrows */
 .slick-prev,
 .slick-next
 {
     font-size: 0;
     line-height: 0;

     position: absolute;
     top: 50%;

     display: block;

     width: 40px;
     height: 40px;
     padding: 0;
     -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     transform: translate(0, -50%);

     cursor: pointer;

     color: transparent;
     border: none;
     outline: none;
     background: transparent;
 }
 .slick-prev:hover,
 .slick-prev:focus,
 .slick-next:hover,
 .slick-next:focus
 {
     color: transparent;
     outline: none;
     background: transparent;
 }
 .slick-prev:hover:before,
 .slick-prev:focus:before,
 .slick-next:hover:before,
 .slick-next:focus:before
 {
     opacity: 1;
 }
 .slick-prev.slick-disabled:before,
 .slick-next.slick-disabled:before
 {
     opacity: .25;
 }

 .slick-prev:before,
 .slick-next:before
 {
     font-family: 'bootstrap-icons';
     font-size: 40px;
     line-height: ;

     opacity: .75;
     color: #000000;

     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .slick-prev
 {
     left: -40px;
 }
 [dir='rtl'] .slick-prev
 {
     right: -40px;
     left: auto;
 }
 .slick-prev:before
 {
     content: 'bi bi-chevron-left';
 }
 [dir='rtl'] .slick-prev:before
 {
     content: 'bi bi-chevron-right';
 }

 .slick-next
 {
     right: -40px;
 }
 [dir='rtl'] .slick-next
 {
     right: auto;
     left: -40px;
 }
 .slick-next:before
 {
     content: 'bi bi-chevron-right';
 }
 [dir='rtl'] .slick-next:before
 {
     content: 'bi bi-chevron-left';
 }

 /* Dots */
 .slick-dotted.slick-slider
 {
     margin-bottom: 30px;
 }

 .slick-dots
 {
     position: absolute;
     top: 1rem;

     display: block;

     width: 100%;
     padding: 0;
     margin: 0;

     list-style: none;

     text-align: center;
 }
 .slick-dots li
 {
     position: relative;

     display: inline-block;

     width: 20px;
     height: 20px;
     margin: 0 5px;
     padding: 0;

     cursor: pointer;
 }
 .slick-dots li button
 {
     font-size: 0;
     line-height: 0;

     display: block;

     width: 20px;
     height: 20px;
     padding: 5px;

     cursor: pointer;

     color: transparent;
     border: 0;
     outline: none;
     background: transparent;
 }
 .slick-dots li button:hover,
 .slick-dots li button:focus
 {
     outline: none;
 }
 .slick-dots li button:hover:before,
 .slick-dots li button:focus:before
 {
     opacity: 1;
 }
 .slick-dots li button:before
 {
     font-family: 'slick';
     font-size: 40px;
     line-height: 20px;

     position: absolute;
     top: 0;
     left: 0;

     width: 20px;
     height: 20px;

     content: '•';
     text-align: center;

     opacity: .25;
     color: black;

     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
 .slick-dots li.slick-active button:before
 {
     opacity: .75;
     color: black;
 }

 /* Styles for solving collapse issue */

 .collapse.demo-1 {
   display: block !important;
   height: 0px;
   overflow: hidden;
 }

 .collapse.show {
   height: auto !important;
 }

 /* Slider */

/*-- === PRIMERJAVA === --*/
 .scroll-table {
     overflow-x: auto;
 }

 /*-- === FOOTER === --*/

  .text-small {
    font-size: 0.9rem;
  }

  a {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
  }

  a:hover, a:focus {
    text-decoration: none;
  }

 /*
  .form-control {
    background: #212529;
    border-color: #545454;
  }

  .form-control:focus {
    background: #212529;
  }
  */


  /*-- === WooCommerce === --*/

  /*-- === Cart Icon === --*/

   .cart-contents-m {
       display: flex !important;
       padding: 3px;
  }
  .cart-contents-m:before {
      font-family: 'dashicons';
      font-weight: 100;
      content: "\f174" !important;
      font-size: 22px;
      color:  #bf2b29;
 }
   .cart-contents-m:hover {
       text-decoration: none;
  }
   .cart-contents-m-count {
       position: absolute;
      /*
       top: 25px;
       left: 5px;
       */
       transform: translateY(-20%) translateX(70%);

       font-family: Arial, Helvetica, sans-serif;
       font-weight: normal;
       font-size: 12px;
       line-height: 22px;
       height: 22px;
       width: 22px;
       vertical-align: middle;
       text-align: center;
       color: #000;
       /* background: #ffaa00;*/
       border-radius: 50%;
       padding: 1px;
  }

  nav.ct-breadcrumbs{
    z-index: 1;
  }

  /*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients {
  padding: 2rem 0;
  text-align: center;
  max-width: 1200px;
  margin: auto;
}

.clients img {
  max-width: 80%;
  transition: all 0.4s ease-in-out;
  display: inline-block;
  padding: 15px 0;

  filter: opacity(70%) grayscale(100%);


}

.clients img:hover {
  filter: none;
  transform: scale(1.1);
}

@media (max-width: 768px) {
  .clients img {
    max-width: 80%;
  }
}

/*-- Map --*/


section.map .info-item {
  text-align: center;
  padding: 40px 30px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  margin-top: -60px;
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
  z-index: 2;
  transition: all .5s !important;
}

section.map .info-item:hover {
  margin-top: -70px;

}

section.map .info-item i {
  font-size: 36px;
  color: #43ba7f;
  margin-bottom: 25px;
}

section.map .info-item h4 {
  font-size: 18px;
  color: #212741;
  font-weight: 600;
  margin-bottom: 12px;
}

section.map .info-item a {
  font-size: 15px;
  font-weight: 600;
  color: #43ba7f;
  transition: all 0.3s;
}

section.map .info-item a:hover {
  color: #ff511a;
}