/*
 * Globals
 */
:root {
	--yellow:#F79E1B;
	--black:#000;
}
/* Links */
a{
	color: #3BB44A;
}
a,
a:focus,
a:hover {
  transition: 0.5s all;
}
li{
	list-style-type:none;
}
.z-index{
	z-index: 99;
}
.font-16{
	font-size:16px;
}
/* Custom default button */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}

.btn-outline-secondary{
	border: 2px solid #E5E5E5;
	border-radius: 85px;
	font-weight: 500;
	font-size: 16px;
	line-height: 182.5%;
	text-align: center;
	color: #000000;
	padding: 10px 20px;
}

h1{

}
h2{    
	font-weight: 700;
	font-size: 50px;
	line-height: 109%;
	text-transform: uppercase;
}
h2 span{
	font-weight: 500;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.2em;
	color: #3BB44A;
}
h3{
	font-weight: 500;
	font-size: 40px;
	line-height: 47px;
	color: #000000;
}
h4{
	font-weight: 500;
	font-size: 40px;
	line-height: 47px;
	text-align: center;
	color: #000000;
}
h5{
	font-weight: 500;
	font-size: 24px;
	line-height: 177%;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #3BB44A;
}
h6{
	font-weight: 500;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #000000;
}
p{
	font-weight: normal;
	font-size: 17px;
	line-height: 159.5%;
}
/*
 * Base structure
 */

html,
body {
  height: 100%;

}

body {
  font-family: 'Rubik', sans-serif;
  margin: 0;
  padding: 0;
  font-size: 16px; 
  overflow-x: hidden;
}

a, .btn, div, span, .btn-link, .nav-dropwown, .btn-login, .btn-play, .slick-arrow, .btn img, .btn-back, .exam-wrapper .exam-left, button.close, .btn-go-back{ -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition:all 0.3s ease-in-out 0s;  }

header{
	width: 100%; 
	height: 77px; 
	padding: 0; 
	position: relative; 
	top: 0; 
	left: 0; 
	z-index: 1000; 
	box-shadow: 0px 4px 77px rgba(0, 0, 0, 0.05); 
	background: #fff; 
	border-bottom: 1px solid #E8E6EF;
	display: flex;
	align-items: center;
}
header .col-md-12{
	display: block;
}
.menu-right{ 
	display: flex; 
	justify-content: flex-end; 
}
.menu-right nav{ 
	padding: 0; 
	margin: 0;
	float: right;
}
.menu-right nav ul{ 
	padding: 0; 
	margin: 0;
}
.menu-right nav ul li{ 
	position: relative; 
	list-style: none; 
	float: left; 
	padding: 0; 
	margin: 0 0 0 60px; 
	font-weight: 500; 
	font-size: 16px;
	line-height: 77px;
	color: #000000;
}
.menu-right nav ul li a.nav-link{ 
	padding: 0; 
	color: #000000; 
	display: block 
}
.menu-right nav ul li a:hover{ 
	color: #3BB44A 
}
/*.menu-right nav ul li:last-child {
    margin: 0 0 0 20px;
}
.menu-right nav ul li.social-media a{
	padding: 0; 
	color: #000000; 
	display: block;
	background: transparent; 
	font-size: 18px;
}
.menu-right nav ul li.social-media a:hover{ 
	color: #3BB44A 
}*/
.main-menu {
    display: flex;
    justify-content: end;
}
.menu-right {
    display: flex;
    justify-content: end;
    margin-right: 3%;
}
header .social-media-icon{
    /*width: 10%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;*/
    display: flex;
    top: 0;
    bottom: 0;
    align-items: center;
    align-self: center;
}
header .social-media-icon ul{
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
}
header .social-media-icon ul li a{
	color: #000000; 
	font-size: 20px;
	margin: 0 6px;
	display: block;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
header .social-media-icon ul li a:hover{
	color: #3BB44A ;
}
.hamburger-menu{ display: none }

.bottom-50{
	bottom: 50px;
}
.left-0{
	left: 0;
}
.right-0{
	right: 0;
}
.banner-number {
    font-weight: 700;
    font-size: 50px;
    line-height: 80px;
    letter-spacing: 0.07em;
    color: #3BB44A;
    display: block;
    /*margin-top: 20px;*/
    padding: 0 15px;
}
.banner-title{
	font-weight: 600;
	font-size: 18px;
	line-height: 25px;
	letter-spacing: 0.115em;
	text-transform: uppercase;
	color: #FFFFFF;
	display: block;
}

.partner-section {
    padding: 50px 0;
}
section#ekskluzivni_partneri {
    padding-top: 80px;
}
.custom-partners .partner-logo {
    /*line-height: 144px;
    height: 144px;*/
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
}
/* section margin */
ul.custom-partners, ul.custom-partners2{flex-wrap: wrap;}
#ekskluzivni_partneri ul.custom-partners > li {display: flex; min-height: 180px !important;width: 25%;}
#ekskluzivni_partneri .partner-logo img {height: 130px !important;}
#veliki_partneri ul.custom-partners > li {display: flex; min-height: 150px !important;width: 20%;}
#veliki_partneri .partner-logo img {height: 110px !important;}
#partneri_projekta ul.custom-partners2 > li {display: flex; min-height: 120px !important;width: 15%;}
#partneri_projekta .custom-partners2 img{height: 70px !important;}
.custom-partners .partner-logo, .custom-partners2 .partner-logo{margin-top: auto !important;height: 100% !important;margin-bottom: auto;}

/*.custom-partners .projekta-logo{ width: 38%;}*/
.partner-logo {
    /*line-height: 144px;
    height: 144px;*/
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
}
.custom-bg {
    background: #e41e27;
    padding: 4% 5%;
}
.partner-logo img{
	height: auto;
    object-fit: contain;
    padding: 0 5px;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 100%;
}
.partner-logo-2 .partner-logo{
	height: 100px;
	line-height: 100px;
}
.partner-logo-2 img{
	padding: 0 8px;
}
.custom-partners .projekta-logo img{ padding: 0 8px; /* padding: 0 40px; */}
.middle-box-images{ 
    height: 475px;
	width: 100%;
}
.box-images{
	height: 475px;
	overflow: hidden;
	width: 100%;
	position: relative;
}
.box-images:before{
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.42) 50.5%, rgba(0, 0, 0, 0) 90%);
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.box-images .box-img{
	height: 475px;
	object-fit: cover;
	width: 100%;
}

.box-caption{
	position: absolute;
    top: 50%;
    left: 0;
    padding: 40px 40px;
    transform: translateY(-50%);
	width: 57%;
}
.box-caption h2{font-size: 2.4em;}
.box-caption h2 span{
	margin-bottom: 20px;
}
.box-caption p, .box-caption h2{
	color: #FFFFFF;
}
.box-caption h4{
	font-weight: 500;
	font-size: 36px;
	line-height: 163%;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #FFFFFF;
}
.read-more{
	font-weight: 500;
	font-size: 16px;
	line-height: 182.5%;
	color: #FFFFFF;
}
.read-more:hover{
	color: #fff;
}
.read-more img{
	transform: translateX(0);
	transition: 0.5s all;
}
.read-more:hover img{
	transition: 0.5s all;
	transform: translateX(20px);
}
.play-video-btn{
	background: #FFFFFF;
	padding: 10px 20px;
	font-weight: normal;
	font-size: 20px;
	line-height: 182.5%;
	color: #000000;
}
.play-video-btn:hover{
	color: #3BB44A;
	text-decoration: none;
}
.w-md-25 {
	width: 25%;
}

/*----*/
.box-images-inner1{height: 503px; }
.box-images-inner, 
.box-images-btm-inner{ height: 250px;}
.box-images-inner .box-caption,
.box-images-inner1 .box-caption
{ width: 75%; padding:0 20px 15px; bottom: 0; transform: initial; top: auto;}

.box-images-inner1 .box-caption h2{
    font-size: 1.3em; font-weight: 400;
}
.box-images-inner .box-caption h2,
.box-images-btm-inner .box-caption h2{
    font-size: 1em;
	text-transform: initial; font-weight: 400;
}
.box-images-inner1 .box-img,
.box-images-inner .box-img,
.box-images-btm-inner .box-img {
    height: 100%;
}
.box-images-btm-inner .box-caption{width: 100%; padding:0 20px 15px; bottom: 0; transform: initial; top: auto;}

/*----------*/
.custom-partners2 .projekta-logo img{ padding: 0 2px; /* padding: 0 40px; */}
.custom-partners2 li{width: 10%;}
/*====================  =========================*/
.white-txt{ color:var(--white);}
.heading-section h3{ font-size: 36px; font-weight: 500; line-height: 1.2;}

.map-img{
	/* height: 740px; */
	/* object-fit: cover; */
	object-fit: cover;
	width: 100%;
}
.map-content{
    position: absolute;
    /* top: 20%; */
	top: 15%;
    left: 0;
}

.map-pop-text{ background: var(--white);}
.map-pop-text a{ color:var(--green);}
.map-pop-heading{ 
	color:var(--black); 
	letter-spacing: 0.2em;
    text-transform: uppercase;
	 margin: 0 15px;
	padding: 30px 0 20px;	
}
.map-pop-heading:after{ position: absolute; content:""; height:1px; background:var(--black); bottom:0; left:0; width: 100%;}
.mappopbtn{ position: absolute; right:22px; top:3px; color:var(--white); background: transparent; border:0;}
.map-right-icon{ /* padding-top: 180px; */}

.map-point{width:35px; height: 35px; }
/*-------------*/
.bin-drop{background: url(../images/marker1.png) no-repeat center; background-size: contain;   }
.varazdin {padding-right: unset;}
.cleanup-drop{background: url(../images/cleanup-icon.png) no-repeat center; background-size: contain;   }
.z-drop{background: url(../images/z-icon.png) no-repeat center; background-size: contain;  }
.leaf-drop{background: url(../images/leaf-icon.png) no-repeat center; background-size: contain;  }
.water-drop{ background: url(../images/water-drop-icon.png) no-repeat center; background-size: contain; }
.glob-drop{ background: url(../images/glob-icon.png) no-repeat center; background-size: contain;}
.pula{ margin-left: 42px;}
.vinkovci{ margin-top: 30px; /* margin-right: 30px; */}
.nova{margin-top: 20px; padding-left: 30px ;}

.SIBINJ{
	margin-left: 45px;
    margin-top: 20px;}

.LEPOGLAVA{margin-right: 10px;}
/*-------------*/
.zavizan{ margin-left: 70px;}
.plitvicka{margin-left: 50px;}
.grubisino{ margin-left: 46px;}
.Podravske-Sesvete{ padding-right: 40px;}
/*----------*/
.map-pop-container{ width: 270px; right:-23px; top: 27px; background: #fff; 
-webkit-box-shadow: -2px 1px 15px -7px rgba(0,0,0,0.25); 
box-shadow: -2px 1px 15px -7px rgba(0,0,0,0.25); 
min-height: 300px; border-radius: 20px; /* padding-top: 40px; */ padding-bottom: 25px;    display:none;  z-index:9; /* opacity:0; */ }
.maksimir .map-pop-container{ padding-top: 40px;}
.split-clean .map-pop-container{ padding-top: 40px;}
/*-------------*/
.map-pop-head {  height: auto; background: url(../images/curve-green.png) no-repeat top left; background-size: contain;  
 /* z-index:99; */ width: 100%; /* top:0; */ }
 .maksimir .map-pop-head {  top:0; z-index:99;}
 .split-clean .map-pop-head {  top:0; z-index:99;}
.head-white{ background: url(../images/curve-white.png) no-repeat top left; height: auto; background-size: contain;}
.head-blue{background: url(../images/curve-blue.png) no-repeat top left; height: auto; background-size: contain;}
.head-brown{background: url(../images/curve-brown.png) no-repeat top left; /* height: 55px;  */background-size: contain; }
/*-------------*/
.map-pop-logo{ width: 47px; top: -12px;}
.map-pop-img-new{     
    /* height: 200px; */
    object-fit: contain;
    width: 100px;
	position: relative;
	z-index:99;}
.maksimir .map-pop-img-new{height: 200px; object-fit: cover; width: 100%; }	
/*---------*/
.popupfull-img .map-pop-container{ padding-top: 40px;}
.popupfull-img .map-pop-img-new {
    height: 200px;
    object-fit: cover;
    width: 100%;
}
.popupfull-img .map-pop-head {
    top: 0;
    z-index: 99;
}	

/*----*/
.map-pop-container a{ color:var(--green); letter-spacing: 0.2em; }
.map-pop-container li{ width: 50%;}
.map-point:hover .map-pop-container{ display:block; }


.map-content-first{top:0; left:0;}
.Donji{padding-left: 60px !important;}
.map-content-top{ top:6%; /* top:7%; */ left:0;}
.map-content-top2{ top:4%; left:0;}
.map-content-top3{top:10%; left:0;}
.map-content-row4{top:12.5%; left:0;}

.map-content-mid2{ top:18%; left:0;}
.map-content-mid3{ top:21%; left:0;}
.map-content-mid4{ top:27%; left:0;}
.map-content-mid4-2{ top:24%; left:0;}
.map-content-mid5-1{top:33%; left:0;}
.map-content-mid5{ top:37%; left:0;}
.map-content-mid5-2{ top:40%; left:0;}
.map-content-mid5-3{ top:43%; left:0;}
.map-content-mid6{top:45%; left:0;}
.map-content-mid6b{top:49%; left:0;}
.map-content-mid6c{top:51%;left:76px;}
.map-content-mid7{top:53%; left:0;}
.map-content-mid8{top:56%; left:0;}
.map-content-mid8b{top:58%; left:51px;}

.map-content-bottom5{ bottom:36%; left:0;}
.map-content-bottom4{ bottom:32%; left:0;}
.map-content-bottom4-2{bottom:29%; left:0;}
.map-content-bottom{ bottom:25%; left:0;}
.map-content-bottom2{bottom:22%; left:0;}

.map-content-bottom3{bottom:17%; left:0; }
.siba-zaton > div.d-flex .sibenik-zaton{margin-left: 50px;}
p.split-bin-p{ font-size: 15px;}

.legend-map{ bottom:74px; left:0;  width: 400px; }
/* .legend-map ul{margin: 0;} */
.legend-map li .legend-img{ width:30px; height: 30px; }
.legend-map li .legend-img .legend-map-img{     
	height: 100%;}
	
	.bottom-border:after{ position: absolute; content:""; height:1px; background:var(--black); bottom:0; left:0; width: 100%;}
.OKLAJ-leaf{margin-right: 30px;}
/* .murter-parner{margin-right: 22px;} */
.ZADAR{margin-right:20px; }
.OTOK{margin-right:58px;}
.VUKOVAR{margin-right:30px;}
.kutjevo-drop{margin-right: 86px;}
.bosnjaci-inner{ margin-right:40px;}

.sibenik-mid .map-pop-container {
    padding-top: 40px;
}
.sibenik-mid .map-pop-img-new{height: 200px; object-fit: cover; width: 100%; }
.sibenik-mid .map-pop-head {
    top: 0;
    z-index: 99;
}
.Zapresic{margin-right:-11px;}
.Zlarin{ margin-right: 10px;}
.position-relative.durdevac-cleanup{
    position: absolute !important;
    top: -26px;
    right: 57px;
}
.krizevci-cleanup{margin-right: 15px;}
.losinj-cleanup{margin-right: 126px;}
/*--------- end map -----------*/
.top-counter{
  position: relative; 
  z-index: 99;	
}
.counter-container-new{ 
  position: absolute;
  right: 4%;
  top:10px;
  width:670px;
}

ul.mid-countdown { 
    margin: 0;
    padding: 0;
    color: #fff; 
    font-family: 'Rubik', sans-serif;    
    text-transform: uppercase;
	/* background: rgba(0,0,0,0.4); */
	/* filter: drop-shadow(1px 1px #333);
	-webkit-filter:drop-shadow(1px 1px #333); */
	/* border: 1px solid #000; */}
	
/* ul.mid-countdown li .count-title{
    font-weight: bold;
	-webkit-text-stroke: 1px #686868;
    -webkit-text-fill-color: #fff;
	} */
ul.mid-countdown li{ 
    padding: 1rem 0;
    display: inline-block;
    font-size: 32px /* 3vw */;
    text-align: center;
	width: 21%;
	line-height: 1.2;
	font-weight: bold;
	-webkit-text-stroke: 1px #686868;
    -webkit-text-fill-color: #fff;
	border-right: 1px solid #DCDCDC;
}
ul.mid-countdown li.kgcount{
	width: 34%;
}
ul.mid-countdown li:last-child{border-right:0;}
ul.mid-countdown li .label{ 
  font-weight: 500; 
  font-size: 16px; 
  color:#fff; 
  padding: 15px 0 0;
  margin-top: 10px;  
  line-height: 1.2;
  -webkit-text-stroke: 0 transparent;
   -webkit-text-fill-color: #fff;
  }
ul.mid-countdown li .label:before{ 
  position: absolute; 
  content:""; 
  left: 50%;
  top:0;
  transform: translate(-50%, 0);
   width: 60px;
   height: 1px;
   background: #3BB44A; 
}

ul.mid-countdown li .count-title.stop, 
ul.mid-countdown li .count-title.stop1{ color: #fff/* #3BB44A */;
-webkit-text-stroke: 0 transparent;
  -webkit-text-fill-color: #fff;
}

ul.mid-countdown .counter-txt span{text-transform: none; }
.mid-counter-img{ width: 34px;}

.counter-box, 
.counter-box1,
.counter-box2,
.counter-box3
{
	/* height:50px; */
	margin-top: 3px;
}
/*-------------------- end  middle counter --------------*/


.middle-right-slider{ overf low: hidden; }
.middle-right-slider .slide-main {
    justify-content: flex-end;
}
.middle-right-slider .product-section {
    max-width: 2000px;
    width: 100%;
}
.middle-right-slider .products-grid {
    margin-bottom: 0;
	margin-left: -15px;
}
.inner-col {
    width: 99%;
    height: 325px;
}
.inner-col .slider-img{ 
    height: 100%; 
	object-fit: cover;	
	}
.inner-col iframe{ 
    height: 100%; 
	object-fit: cover;
}

.inner-col video{ 
    min-height: auto; 
	height:100%;
	object-fit: cover;
}
	
.inner-col .slide-details{ 
  position: absolute; 
  top:0; 
  left:0; 
  padding: 0 15px 15px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0) 100%);
  text-align: left;
}
.inner-col .slide-details img{ width:90px; }
.inner-col .slide-details h5{ text-align: left; letter-spacing: normal; text-transform: none; margin: 55px 0 15px;  }
.inner-col .slide-details h5 a{ color:var(--white);}
.inner-col .slide-details p{ color:var(--white); }

.middle-right-slider ul.slick-dots{ 
   /*  background: #ECECEC; */
    border-radius: 20px;
    bottom: -2em;
    height: 8px;
	width: 50%;
	left: 50%;
	transform: translateX(-50%);
}
.middle-right-slider .slick-dots li {
    margin: 0;
    width: 50px /* 150px */;
    height: 8px;
	bottom: 14px;
}
.middle-right-slider .slick-dots li button {
    padding: 0;
    width: 100%;
    border-radius: 20px;
    height: 8px;
    
}
.middle-right-slider .slick-dots li.slick-active button {
    background:#BDBDBD;
}
.middle-right-slider .slick-dots li button:before{ width: 50px /* 150px */;
    height: 8px; line-height:8px; background: #ccc; border-radius: 20px; font-size:0;}
	
.middle-right-slider .slick-prev,  .middle-right-slider .slick-next{ z-index:99; width:35px; height:35px; border-radius:50%;}

.middle-right-slider .slick-next{background:#fff url(../images/right-arrow.svg) no-repeat center; opacity:1; right:6px;}
.middle-right-slider .slick-next:hover{opacity:1;}
.middle-right-slider .slick-next:before{ content: "";}
.middle-right-slider .slick-prev{background:#fff url(../images/left-arrow.svg) no-repeat center; opacity:1; left:16px; 	}
.middle-right-slider .slick-prev:hover{opacity:1;}
.middle-right-slider .slick-prev:before{ content: "";}	

/*---------- middle slider end ----------*/

.tab-content-section{ padding-bottom: 90px;}
.tab-content-section .nav-tabs{ border-bottom:0; margin-bottom:1px;}
.tab-content-section .nav-tabs .nav-link{color: #797979; border:0; border-bottom: 6px solid transparent; font-weight: 500; padding:.5rem;}
.tab-content-section .nav-tabs li:first-child{padding: 0.5rem .5rem .5rem 3.2rem;  }
.tab-content-section .nav-tabs li:first-child:before{
	position:absolute; 
	content:"";
	background: url(../images/tab-map-img.svg) no-repeat; 
	width:34px;
	height: 34px;
	left:0;
	top:0;
}
.tab-content-section .nav-tabs .nav-link.active{border-bottom: 6px solid var(--green); color:var(--black); }
.tab-content{ overflow: hidden;}

.tab-content-section .slider .slide{ padding:0 1px;}

.tabslider:before{
	position:absolute; 
	content:"";
	width: 60px; 
	height:60px; 
	background-color: var(--white);
	background:#fff url(../images/tab-z-icon.svg) no-repeat;
	background-position: 17px center;
	background-repeat: no-repeat;
	border-radius:50%;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	z-index:9;
}
.tab-content-section .slick-prev:before, 
.tab-content-section .slick-next:before{display: none;}
.tab-content-section .slick-arrow .fa {
    color: var(--black);
	font-size: 20px;
	
}
.tab-content-section .slick-prev {left:48%; z-index: 9;}
.tab-content-section .slick-next {right:48%; z-index: 9;}

/*----------- tab content end -----------*/

.info-content:before{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	height: 100%;
	width: 100%; 
	/* background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); */
}
.info-inner-content{ 
    top: 8%;
    left: 0;
    padding: 0 35px;
	position:absolute;
}
.info-section-slider .slick-dots li button {
    background:#ccc;
	opacity: .3; 
    width: 10px;
    height: 10px;
    border-radius: 50%;	
}
.info-section-slider .slick-dots li.slick-active button {
    background:#BDBDBD;
	opacity: 1;
}
.info-section-slider .slick-dots li button:before{ color: transparent; }
/* .banner-top-space{ padding-top: 9em;} */

/*==================== =========================*/

/*=========================================================*/
.team-section{
	padding: 80px 0;
}
.team-section ul {
    margin-top: 3rem!important;
    justify-content: space-between;
    /* margin-left: 0; */
    /* margin-right: 0; */
    padding-left: 0;
    padding-right: 0;
}
.team-section ul li {
    list-style-type: none;
    width: 32%;
	padding-right: 10px;
}
.team-section .slick-next{background: url(../images/right-arrow.svg) no-repeat right center; opacity:.5;}
.team-section .slick-next:hover{opacity:1;}
.team-section .slick-next:before{ content: "";}
.team-section .slick-prev{background: url(../images/left-arrow.svg) no-repeat left center; opacity:.5; 	}
.team-section .slick-prev:hover{opacity:1;}
.team-section .slick-prev:before{ content: "";}
/*.teams-block{
	background: #FFFFFF;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	padding: 80px 50px 50px;
	margin: 80px 8px 20px;
	text-align: center;
	position: relative;
	min-height:350px;
}*/
.teams-block {
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    padding: 80px 25px 30px;
    margin: 80px 8px 20px;
    text-align: center;
    position: relative;
    min-height: 322px;
    width: 100%;
}
.teams-block a {
    color: #000;
    text-decoration: none;
}
.teams-block a:hover {
	text-decoration: none;
}
.teams-block .team-description p {
    font-size: 16px;
    color: #000;
}
.teams-block:hover .team-description p, .teams-block:hover .team-description h5{
	text-decoration: none;
}
.teams-img{
	width: 122px;
    height: 122px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto 0;
    position: absolute;
    left: 0;
    right: 0;
    top: -60px;
}
.teams-img img{
	width: 122px;
	height: 122px;
	object-fit: cover;
}
.teams-block h5{
	font-weight: 500;
	font-size: 24px;
	line-height: 36px;
	color: #000000;
	text-transform: capitalize;
	letter-spacing: 0;
}
.teams-block h6{
	font-weight: 500;
	font-size: 16px;
	line-height: 182.5%;
	color: #3BB44A;
	text-transform: inherit;
	letter-spacing: 0;
	margin: 0;
}
.teams-block p{
	font-size: 16px;
}
.lSAction > .lSPrev{
	background: url(../images/left-arrow.svg) no-repeat left center;
	left: -48px;
	top: 60%;
}
.lSAction > .lSNext{
	background: url(../images/right-arrow.svg) no-repeat right center;
	right: -48px;
	top: 60%;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a{
	background-color: #3BB44A;
}

.app-section{
	background: url(../images/app-sec-bkg.png) no-repeat fixed;
	background-size: cover;
	padding: 100px 0;
	position: relative;
}
.app-section:before{
	background: linear-gradient(254.37deg, rgba(0, 0, 0, 0.7) 16.63%, rgba(0, 0, 0, 0) 100.94%);;
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.app-section h2{
	font-weight: 500;
	font-size: 40px;
	line-height: 52px;
	color: #fff;
}
.multiple-block-section{
	padding: 80px 0;
}
.multiple-block-section .box-caption h2{
	font-size: 30px;
	line-height: 36px;
	font-weight: 500;
}
.multiple-block-section .box-caption{
	top: 0;
	transform: none;
}
.multiple-block-section .box-images:before{
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
.scrap-section{
	background: #F4F4F4;
	padding: 60px 0;
}
.scrap-section h5 {
    letter-spacing: 0.02em;
}
.form-holder {
    margin-top: 75px;
}
.subscribe-btn {
  border-radius: 50px;
  padding: 0 60px;
  position: absolute;
  font-weight: 600;
  font-weight: normal;
  font-size: 16px;
      line-height: 3.4;
  color: #000000;
  background: #fff;
  border: 1px solid #3BB44A;
  height: 55px;
  margin: 0px;
  transition: 0.5s all;
  right: 0;
}
.subscribe-btn img{
	transition: 0.5s all;
	transform: translateX(0);
}
.subscribe-btn:hover{
	color: #fff;
	background: #3BB44A;
}
.subscribe-btn:hover img{
	transform: translateX(20px);
}
.subscribe-btn.btn-primary:not(:disabled):not(.disabled):active:focus{
	background: #3BB44A;
	box-shadow: none;
}
.input-text {
  background: #fff;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  border-radius: 50px;
  width: 100%;
  position: relative;
  padding: 12px 20px;
  font-weight: normal;
  font-size: 16px;
  line-height: 182.5%;
  color: #333333;
}

.footer-partner-logo li {
    width: 20%;
    display: flex;
    align-items: center;
    padding: unset;
}
/* .footer-partner-logo li a{ width: 200px; height:200px;
} */
.footer-partner-logo .partner-logo img { padding:0 10px; height: 130px;}
footer{
	padding: 60px 0;
	background: #F4F4F4;
}
.footer-logo img{
	width: 80%;
}
footer h6{
	font-weight: 500;
	font-size: 14px;
	line-height: 177%;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #333333;
	margin-bottom: 15px;
}
.footer-nav ul{
	padding: 0;
	margin: 0;
}

.footer-nav ul li{
	font-weight: normal;
	font-size: 16px;
	line-height: 194%;
	letter-spacing: 0.04em;
	color: #333333;
}
.footer-nav ul li a{
	color: #333333;
}
.footer-nav ul li a:hover{
	color: #000;
}
.footer-box {
    margin-bottom: 2em;
}
.social-block ul{
	padding: 0;
	margin: 0;
}
.social-block ul li{
	display: inline-block;
}
.social-block ul li a{
	width: 40px;
	height: 40px;
	display: inline-block;
	background: #333333;
	border-radius: 50%;
	margin: 0 10px 0 0;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}
.social-block ul li a:hover{
	opacity: 0.7;
}
.list {
   
}
.list-element {
display: none;
}
#loadmore {

}
.list .list-element:nth-child(1) {
    display: block;
}
.list .list-element:nth-child(2) {
    display: block;
}
.list .list-element:nth-child(3), .list .list-element:nth-child(4), .list .list-element:nth-child(5), .list .list-element:nth-child(6),.list .list-element:nth-child(7),.list .list-element:nth-child(8),.list .list-element:nth-child(9),.list .list-element:nth-child(10) {
    display: block;
}
 .info-section{ }
.w-md-50{width:50% !important;}
.copyright p{
    padding: 0;
    margin: 0;
}

.slick-slider div { transition: none; }

@media(min-width:1601px){
    
    .info-section-slider .slick-slide img {
        object-fit: cover;
        height: 100%;
    }
}
@media(max-width:991px){
	.w-100 {
    width: 100%!important;
}
  header{ 
  	padding: 20px 25px; 
  	box-shadow: 0 0 12px rgba(0,0,0,.1) 
  }
  h2 {
    font-size: 30px;
    line-height: 1;
	}
	h5{
	font-size: 19px;
	}
	h3 {
    font-size: 30px;
    line-height: 1.2;
	}
	.heading-section h3{ 
	font-size: 30px;
    line-height: 1.2;}
  .hamburger-menu{ 
  	position:absolute; 
  	top:9px; 
  	right:15px; 
  	right: -50px;
  	z-index:99999; 
  	cursor:pointer;
  	display:block;
  	float:right;
  	margin:0;
  	width:28px; 
  	clear:both; 
  	cursor: pointer 
  }
  .hamburger-menu span { 
  	background:#696969; 
  	display: block;
  	height: 2px;
  	margin-bottom: 6px;
  	width: 100%;
  	float:right; 
  	cursor: pointer !important 
  }
  .menu-expend .hamburger-menu{ 
  	z-index:99999; 
  	top:15px 
  }
  .menu-expend .hamburger-menu span{ 
  	height:2px; 
  	color:inherit;
  	background-color:rgba(0,0,0,0.9)  !important 
  }
  .menu-expend .hamburger-menu span:first-child{ 
  	  -ms-transform: rotate(45deg); /* IE 9 */
	  -webkit-transform: rotate(45deg); /* Safari */
	  transform: rotate(45deg) 
}
  .menu-expend .hamburger-menu span:nth-child(2){ 
  	display:none 
  }
  .menu-expend .hamburger-menu span:last-child{ 
  	margin:-8px 0 0; 
  	-ms-transform: rotate(-45deg); /* IE 9 */
  	-webkit-transform: rotate(-45deg); /* Safari */
  	transform: rotate(-45deg) 
  }

  .menu-right{ 
  	width: 240px; 
  	height: 100vh; 
  	display: block;
  	 padding: 60px 30px 30px; 
  	 margin-left: 0; 
  	 position: fixed; 
  	 top: 0; 
  	 right: -100%; 
  	 z-index: 9999; 
  	 background-color: #fff; 
  	 box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1) 
  }
  .menu-right nav ul li{ 
  	display: block; 
  	float: none; 
  	line-height: inherit; 
  	margin:25px 0 
  }
  .menu-expend .menu-right{ 
  	right: 0 
  }
  ul.mid-countdown li{font-size: 24px;}

  	.w-sm-50{
		width: 50%;
	}
	.w-sm-100{
		width: 100% !important;
	}
	.banner-img{
		height: 
	}
	.footer-nav{
		/*width: 50%;*/
	}
	.footer-partner-logo li {
	    width: 100%;
	}
	.app-section .w-sm-50{
		width: 45%;
	}
	.lSAction > .lSPrev {
    left: -10px;
	}
	.lSAction > .lSNext {
    right: -10px;
	}
	.box-caption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 21px;
    transform: translateY(0%);
    width: 75% !important;
}
	.partner-logo img {
    padding: 0 0px;
  
	}
	.box-caption h4 {
    font-size: 1.1em;
	}
	.box-images {
		height:475px;
	}
	/* .box-images .box-img {
        height: 475px;
	} */
	.tab-content-section .nav-tabs li:first-child {
    padding: 8px 0;
	}
	.tab-content-section .nav-tabs li:first-child:before {
    left: 4em;
	}
	.multiple-block-section .box-caption h2 {
    font-size: 21px;
    line-height: 1.2;
	}
	.partner-logo {
    line-height: 87px;
    height: 87px;
	}
	.info-bg-img-block{
		background: url(../images/info-bg.jpg) no-repeat; 
		    background-position: top 0 right 50%;
    background-size: auto 100%;}
	
	.box-images-inner1{height: 300px; }
	.box-images-inner, 
	.box-images-btm-inner{ height: 300px;}
	
	/*---------- 06.01.22------------*/
	.info-bg-img-block-1{
		background: url(../images/Depositphotos_1.jpg) no-repeat;
		background-position: top 0 right 50%;
    background-size: auto 100%;
		}
	
.info-bg-img-block-2{
		background: url(../images/Depositphotos_2.jpg) no-repeat;
background-position: top 0 right 10%;
    background-size: auto 100%;		
		}

.info-bg-img-block-3{
		background: url(../images/Depositphotos_3.jpg) no-repeat;
		background-position: top 0 right 40%;
    background-size: auto 100%;}
	/*--------------*/
	
	.tab-content-section .slick-prev {
    left: 42%;
	}
	.tab-content-section .slick-next {
    right: 42%;
	
	}
	.multiple-block-section .box-images{height:300px;}
	.multiple-block-section .box-images .box-img {
    height: 300px;
	}
	.video-block .box-images{height:300px;}
	.video-block .box-images .box-img {
    height: 300px;
	}
	.midvideo .box-images {
    height: auto;
}
	.middle-box-images{height:300px;}
	.banner-section{height:400px;    overflow: hidden;}
	.banner-section .banner-img{height:400px; width:auto !important;}
	.banner-top{width: 100%;
    margin: 0 !important;
    padding: 0;}
	.info-inner-left{    padding: 20px 0;}
	.info-inner-content {
    padding: 0;
	/*position:inherit;*/
	position: absolute;
	}
	.brw-1{
		border-right:solid 1px #fff;
	}
	.btbw-1{
		border-top:solid 1px #fff;
		border-bottom:solid 1px #fff;
	}
	.menu-right {
    margin-right: 0%;
}
header .col-md-12{
	display: flex;
	justify-content: space-between;
}
.left-box h3{
	font-size:20px;
}

}

@media (max-width: 575px){
.hamburger-menu {
    right: -16px;
 }
 
/*  .map-right-icon {
    padding-top: 0;
 }
 .map-point {
     width: 115px;
    height: 179px; 
    margin: 0 0 0 40%;
	width: 20px;
    height: 20px;
 }
 .map-point.velika{margin:0; }
 .map-point.koprivnica{ margin: 0 0 0 20%;} */
}

/*==================13.12.21===============*/

video{
    width: 100%;
    object-fit: cover !important;
    margin-left: 0;
    margin-right: 0;
    min-height: 650px;
}
.midvideo video{
	min-height: auto;
}
.display-4 {
    font-weight: 600;
}
.right-partner{
	position: relative;
}
/* .right-partner:before{
	position: absolute;
	content: "";
	background: #DCDCDC;
	width: 1px;
	height: 100%;
} */

/*.banner-section {
    position: relative;
    background: url(../../assets/images/banner-img.svg) no-repeat top left;
    background-size: cover;
    min-height: 650px;
    overflow-x: hidden;
}*/

.left-box{
    position: relative;
    top: 90%;
    text-align: center;
}
.right-text-icon {
    position: relative;
    top: 90%;
    right: 7%;
}
.right-text{
	 position: relative;
    top: 100%;
    right: 1%;
	color:#fff;
}
ul.banner-right-list{ width: 100%; display: flex; text-align: left; padding: 0 0 0 29%; }
.banner-right-list li{ list-style: disc;}
.banner-section{
	position: relative;
}
.banner-section:before{
background: linear-gradient(90deg, rgba(0, 0, 0, 0.60) 75.5%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.banner-text {
    position: absolute;
    z-index: 9;
    top: 50%;
    width: 100%;
    height: auto;
}
.banner-number {
    font-weight: 700;
    font-size: 50px;
    line-height: 80px;
    letter-spacing: 0.07em;
    color: #3BB44A;
    display: block;
    /* margin-top: 20px; */
    padding: 0 15px;
}
.banner-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.115em;
    text-transform: uppercase;
    color: #FFFFFF;
    display: block;
}
.countdown{
  position: absolute;
}

#countdown {
   /* width: 480px;
     height: 118px; */
    text-align: center;
    margin: auto;
    padding: 10px 0;
    /* position: absolute; */
    /*top: 5%;
    top: 12%;
    right: 0;*/
}

#countdown h3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 47px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
}

#countdown #tiles{
  position: relative;
  z-index: 1;
}

#countdown #tiles > span {
    width: 100px;
    max-width: 90px;
    font: bold 40px 'Rubik', sans-serif;
    text-align: center;
    color: #fff;
    background-color: transparent;
    /* border-top: 1px solid #fff; */
    border-radius: 0;
    box-shadow: none;
    /* margin: 0 3px; */
    padding: 10px 0 28px;
    display: inline-block;
    position: relative;
    border: 1px solid #fff;
}
#countdown #tiles > span:nth-child(2),
#countdown #tiles > span:nth-child(3),
#countdown #tiles > span:nth-child(4) {
  border-left: 0;
}

#countdown #tiles > span:before {
    content: "";
    width: 100%;
    height: 15px;
    /* background: #111; */
    display: block;
    padding: 0 1px;
    position: absolute;
    top: 45%;
    left: -3px;
    z-index: -1;
}

#countdown #tiles > span:after{
  content:"";
  width: 100%;
  /*height: 1px;
  background: #eee;
  border-top: 1px solid transparent;*/
  display: block;
  position: absolute;
  top: 48%; left: 0;
}

#countdown .labels {
    width: 100%;
    height: 26px;
    text-align: center;
    position: absolute;
    bottom: 26px;
}

#countdown .labels li{
  width: 86px;
  font: 500 13px 'Rubik', sans-serif;
  color: #fff;
  text-shadow: 1px 1px 0px #000;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
}
.right-box{
    flex-direction: column;
}
.info-content{ height: 740px;} 
.info-section .d-sm-block{
    background-size: cover;
	height:100%;
}
.info-section .d-sm-block {
	
    /* min-height: 740px; */
}
.info-inner-content {
    top: 5%;
}
.white-txt h2.mb-4 {
    font-weight: 700;
    font-size: 39px;
    line-height: 100%;
    text-transform: uppercase;
}
.banner-section .text-white {
    margin: 3% 0;
    font-size: 23px;
    margin-top: 10px;
}
.lSSlideOuter .lSPager.lSpg > li {
    display: none;
}

.from-sec .from-bg{background: url(../images/Ukorijeni-img.jpg) no-repeat top center / cover;}
.from-sec .from-bg .icon{ width:80px; }
.from-sec .from-bg blockquote{ border-left:1px solid #3BB44A; font-weight:500; }
.from-sec .from-bg p{ font-weight:500; border:1px solid #3BB44A; }
.from-sec .from-bg p img{width:67px;}
.from-sec .form label{ color:#898181; font-weight:500; letter-spacing:2px; }
.from-sec .form label span{ font-size:13px; color:#3BB44A; text-decoration:underline; letter-spacing:0.4px; }
.from-sec .form .form-control{border:1px solid #ECECEC; font-weight:300; background:#ECECEC;}
.from-sec .form label.form-check-label{font-size:13px; letter-spacing:0.4px;}
.form .form-btn{border:1px solid #3BB44A; padding:14px 100px 14px 60px; border-radius:30px; background:url(../images/black-arrow.svg) no-repeat center right 60px / 30px auto; }
.form .form-btn:hover{ background:url(../images/black-arrow.svg) no-repeat center right 60px / 30px auto #3BB44A;}
.form .form-btn.btn:disabled{ background:url(../images/black-arrow.svg) no-repeat center right 60px / 30px auto #fff;}
/*==================information sec============*/
#owldemo1 .caption-left {
    text-shadow: none;
    top: 35%;
    width: 50%;
    position: absolute;
    left: 9%;
}
#owldemo1 .caption-right {
    text-shadow: none;
    top: 35%;
    width: 50%;
    position: absolute;
    right: 9%;
}

@media (max-width: 2560px){
.banner-text {
    top: 16%;
    padding: 0 2%;
}
}
@media (max-width: 2200px){
.banner-text {
    top: 21%;
}
}
@media (max-width: 1900px){
.banner-text {
    top: 26%;
    padding: 0 2%;
}
/* #countdown {
    top: 6%;
} */
}
@media (max-width: 1275px){
.banner-text {
    top: 25%;
}
.info-content{
	height: auto;
}
}
@media (max-width: 1199px){
.teams-block {
    min-height: 333px;
}
.footer-partner-logo .partner-logo img {
    padding: 0 10px;
}
.from-sec .form .w-50{width:100% !important; }		
}


@media (max-width: 1024px){
.info-section {
    background-size: cover;
    /*background: url(../../assets/images/info-bg.jpg) no-repeat top left;*/
    width: 100%;
    /* height: 100%; 
    min-height: 690px;*/
}
.info-section h2 {
    font-size: 38px;
}
.info-inner-content {
    top: 0%;
}
.teams-block {
    width: 100%;
}
.banner-text {
    top: 45%;
    padding: 0 2%;
}
.custom-partners .projekta-logo img {
    padding: 0 15px;
}
.kutjevo-drop{margin-right: unset;}

.position-relative.durdevac-cleanup{position:  relative !important;}

.krizevci-cleanup{margin-right: 0px;}
.losinj-cleanup{margin-right: 0px;}
}
@media (max-width: 991px){
.banner-text {
    position: absolute;
    z-index: 9;
    top: 35%;
    width: 100%;
    height: auto;
}    
.partner-logo {
    line-height: 87px;
    height: auto;
}
.banner-section {
    height: 440px;
    height: 70vh;
}
.banner-section .banner-img {
    height: 435px;
}
.right-partner:before{ width: 100%; height:1px; }
/* .custom-partners .projekta-logo{ width: 25% !important;} */
.info-section {
    /*min-height: 740px;
    overflow: hidden;*/
}

video {
    height: 100vh;
}
.banner-section {
    height: 100vh;
}
.middle-right-slider .products-grid {
    margin-left: 0px;
}
.menu-right nav ul li:last-child {
    margin: 0 0 0 0px;
}

/*---------- map start--------------*/
.pula {
    margin-left: 30px;
}
.pula-main .map-pop-container{ left: 10px; transform: none; }
.vinkovci { margin-right:0;}
/* .vinkovci .map-pop-container{ left: 0; transform: none; } */
.rijeka .map-pop-container{ left: 10px; transform: none; }
.legend-map{ width: 100%;}
/*---------- map end--------------*/
}

@media (max-width: 828px){
.middle-right-slider ul.slick-dots {
    width: 100%;
}	
.middle-right-slider .slick-dots li {
    width: 20px;
}
.middle-right-slider .slick-dots li button:before{ width: 20px ;}
.teams-block {
    min-height: 250px;
}
.team-section ul {
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    flex-direction: column;
}
.team-section ul li {
    width: 100%;
}
.banner-text {
    top: 33%;
}
}

@media (max-width: 767px){

/* section margin */
.map_section{padding:0px 0px 20px 0px;}
.news {padding:0px 0px 40px 0px;}
.partners{padding: unset;}
#prijatelji_projekta_section{padding:0px 0px 30px 0px;}
.from-sec{padding:0px 0px 40px 0px;}

#ekskluzivni_partneri ul.custom-partners > li {width: 100%;}
#ekskluzivni_partneri .partner-logo img{height: 130px;}
#veliki_partneri ul.custom-partners > li {width: 50%;}
#partneri_projekta ul.custom-partners2 > li {width: 33%;}
#partneri_projekta .custom-partners2 img{height: 70px !important;}
#countdown {
    /* top: 13%;
    width: 100%; */
    margin: 0 auto;
}
.banner-text {
    position: absolute;
    z-index: 9;
    top: 35%;
    width: 100%;
    height: auto;
}
.banner-section {
    height: 90vh;
}
.left-box h3 {
    color: #fff;
    margin: 0 auto;
    text-align: center;
}
.left-box h4 {
    text-align: center;
    color: #ffffff;
}
.custom-partners .partner-logo {
    width: 100%;
}
.custom-partners .projekta-logo {
    width: 100%;
}
.box-caption h2 {
    font-size: 2em;
}
.info-section .d-sm-block{
    height: 70vh;
}

.team-section ul li {
    width: 100%;
}
.white-txt h2.mb-4 {
    font-size: 30px;
}
.info-section h2 {
    font-size: 34px;
}
.box-caption{
	width: 100%;
}
.info-section .d-sm-block {
    min-height: 740px;
}
.teams-block {
    width: 97%;
}
.banner-text {
    top: 35%;
}
.info-inner-content {
    /* top: 5%; */
	top: 0;
}
.middle-right-slider .slide-main {
    justify-content: center;
}
.footer-nav {
    margin-bottom: 20px;
}
footer h6 {
    margin-bottom: 10px;
}
.footer-logo{
    margin-bottom: 2.5em;
}
.right-text-icon img{ width: 75px;}

/*------*/
.team-section .slick-next{ right: -7px;}
.team-section .slick-prev{ left: -12px;}

/*--------------- 06.01.22 ------------*/
/* .banner-top-space{ padding-top: 1em;} */
.info-bg-img-block-1,
.info-bg-img-block-2,
.info-bg-img-block-3{height: 740px;}
/*-------*/
.counter-container-new{
	width: 100%;
	right:0;
}
ul.mid-countdown li{ font-size: 7vw;}
ul.mid-countdown li{ width: 50%; border-right:0; }
ul.mid-countdown li:last-child{border-bottom: 0; }

ul.mid-countdown li.kgcount {
    width: 50%;
}
.counter-box, .counter-box1, .counter-box2, .counter-box3 {
    height: auto;
}
ul.mid-countdown li .label{
	font-size: 12px;
}
/*----------- map start ----------------*/
.map-point{ width:18px; height: 18px;}
.Donji{ max-width: 59%;}
.varazdin{ max-width: 53%;}
.KOTORIBA{ max-width: 13%; padding: 0;}

.koprivnica{max-width: 61%;}
.koprivnica2{max-width: 35%;}

.krizevci {max-width: 49%;}
.Podravske-Sesvete{ max-width: 20%; padding-right:0;}

.samobor{max-width: 43%; }
.zag-mak-ses{ max-width: 35%;}

.map-content-mid2{ top: 20%;}
.velika{max-width: 54%;}
.sisak{ max-width: 36% /* 25% */;}

.map-content-mid3{ top: 24%;}
.karlovac{max-width: 54%;}
.osijek{max-width: 37%; }
.grubisino {
    margin-right: 0;
}
.bosnjaci{
	padding-right: 45px !important;
}
/*------*/
.map-content-mid5-1 {
    top: 32%;
}
.map-content-mid4 {
    top: 32%;
}
.map-content-mid4-2 {
    top: 27%;
}
.rijeka{max-width: 30%; }
/* .rijeka .map-point{ margin-right: 20px;} */
.ogulin{max-width: 15% /* 30% */; }
.vinkovci{max-width: 17%; /* max-width: 30%; */ margin-top: 0; margin-right: 0; }

.pula-main{ max-width: 26%;}
.pula { margin-left: 10px;}	
.zavizan-main{ max-width: 30%; padding:0; }
.zavizan {
    margin-left: 0;
}
.plitvicka{margin-left: 0;}	
.sibenik{max-width: 42%;}
.knin{max-width: 30%; }

.gosipc{ max-width: 43%; }
.otok{max-width: 43%;}
.zadar-main{max-width: 39%;}
/*------*/
.map-content-bottom {
    bottom: 12%;
}
.split{max-width: 58%; }
/*------*/
.omis{ max-width: 63%;}
.map-content-bottom2 {
    bottom: 18%;
}
.brac{max-width: 58%; }
/*------*/
.map-content-bottom3 {
    bottom: 6%;
}
.hvar{max-width: 70% /* 63% */; }
.dolina{ margin-left: 29px;}
.map-content-mid8 {
    top: 57%;
}
.OTOKIZ{max-width: 15%;}
.OTOK{ margin-right:0;}
.knin-2{max-width: 37%; }
.map-content-bottom5 {
    bottom: 33%;
}
.OKLAJ{ max-width: 16%;}
.murter{max-width: 38%;}
.map-content-mid5 {
    top: 40%;
}
.bosnjaci-inner{ margin-right:0;}
.map-content-mid5-1 .KRK{justify-content: end;
    width: 25%;}
.map-content-mid5-2 {
    top: 43%;
}
.Liznjan{ max-width: 23%;}
.map-content-mid5-3{top: 45%;}
.map-content-mid5-3 .Losinj{ max-width: 23%;}
.map-content-mid6 {
    top: 47%;
}
.map-content-mid6b {
    top: 47%;
    left: 15px;
}
.map-content-mid6b .otok .map-point {
    margin-right: unset !important;
}

.otok .map-pop-container {
    left: 10px;
    transform: none;
}

.map-content-mid6c {
    top: 50%;
    left: 0px;
}
.map-content-mid8b {
    top: 58%;
    left: 0px;
}
.map-content-mid8b .VRGADA{margin-left: 28px;}
.siba-zaton > div.d-flex{gap: 10px;
    justify-content: start !important;
    margin-left: 30px;}
.map-content-mid7 {
    top: 53%;
}
.ZADAR {
    margin-right: 10px;
}
.map-content-bottom4 {
    bottom: 27%;
}
.map-content-bottom4-2 {
    bottom: 22%;
}
.TRILJ{ max-width: 48%;}
.Zlarin {
    margin-right: 0;
}
.TRILJ-main{margin-right: 30px;}
.VUKOVAR .map-pop-container{right:0; left: auto; transform:none;} 
.OTOK .map-pop-container{right:auto; left: auto; transform:none;} 
.VUKOVAR {
    margin-right: 31px;
    max-width: 80px;
} 
.kutina{max-width: 10%;}
.nova{ max-width: 27%; margin-top: 0; /* margin-top: -5px; */
    padding: 0;}
.SIBINJ {
    margin-left: 5px;
    margin-top: 0;
}


 .grubisino .map-pop-container ,
.grubisino2 .map-pop-container,
.osijek .map-pop-container,
.bosnjaci-inner .map-pop-container
{
    right: 0;
    left: auto;
    transform: none;
} 
.Zapresic {
    margin-right: 0;
}
/*----------- map end ----------------*/

.middle-right-slider .slick-prev{ left: 6px;}

}

@media (max-width: 575px){
    
/* section margin */
video {
    height: 100vh;
}
.midvideo video {
    min-height: auto;
	height: auto;
}	
#countdown #tiles > span {
    width: 140px;
    max-width: 24%;
    padding: 12px 0px 25px;
}
#countdown .labels {
    width: 100%;
    left: 0;
    right: 0;
}
.banner-section {
    width: 100%;
    height: 100vh;
}
.banner-text {
    top: 30%;
}
.left-box {
    width: 90%;
    margin: 0 auto;
	 padding: 12% 3% 5%;
   /*  padding: 7% 3%; */
}
.left-box h3 {
    font-size: 20px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    padding: 0.5em 0;
    letter-spacing: 1px;
}
.left-box h4{
    width: 50%;
    color: #fff;
    margin-left: auto;
    padding: 2% 5% 7%;
    text-align: right;
}
.left-box h4 span {
    display: block;
}
.right-box {
    display: inline-flex;
    flex-direction: unset;
    padding: 0 1em;
}
.right-box img{
    width: 25%;
}
.right-box .mar-sm {
    margin-left: 5rem;
    position: relative;
}
.right-box .mar-sm:before {
    position: absolute;
    content: "";
    background: #fff;
    width: 1px;
    height: 100%;
    left: -18%;
}
.banner-number {
    padding: 0;
}
#countdown .labels li {
    width: 140px;
}
.direction{
	flex-direction: column;
}
.direction .p-2{
	flex-direction: column;
	justify-content: flex-start;
}
.mar-sm .direction{
	flex-direction: column;
}
.font-16 {
    padding: 30px 0;
}
 .border-lt{
 	position: relative;
 }
  .border-lt:before{
 	position: absolute;
 	content: "";
 	width: 1px;
 	height: 100%;
 	background: #fff;
 	left: 0;
 	top: 0;

 }
.display-4 {
    font-weight: 600;
}
.border-lt .font-16{
    padding: 10px 0 20px;
}
.custom-pd .font-16{
    padding: 10px 0 10px;
}
.box-caption h2 {
    font-size: 2.15em;
}
.box-caption p {
    font-size: 18px;
}
p.padding {
    padding: 15px 5px;
}
.info-inner-content {
    padding: 0;
	position:inherit;
 }
/*  .partner-section .partner-logo img {
    width: 90%;
} */
 .partner-section ul.custom-partners{
 	padding: 0;
 }
 .veliki-logos{
	flex-wrap: wrap;
}
 .veliki-logos li{
 	width: 30%;
 }
 .partner-section .right-partner ul.custom-partners .partner-logo img {
    width: 75%;
}/*
.info-section {
    min-height: 690px;
}*/
.info-section p.padding {
    padding: 5px 5px;
}
.info-section p.font-16 {
    font-size: 14px !important;
}
.banner-text {
    top: 33%;
}
.custom-partners2 li {
    width: 20%;
}
.partner-section .partner-logo img {
    width: 100%;
	padding:0;
}
.partner-section .right-partner ul.custom-partners .partner-logo img {
    width: 100%;
}
/* .custom-partners .projekta-logo img {
    padding: 0;
} */
.inner-col {
    width: 100%;
    height: 100%;
}
.custom-partners .projekta-logo {
    width: 85%;
}
.custom-partners .projekta-logo img {
    padding: 0;
}
.inner-col iframe{ 
	width: 100%;
	height: 100%;
}
.inner-col {
    height: 250px;
}
.info-section h2 {
    font-size: 31px;
}
/*------- 06.01.22 ------------------*/
.info-bg-img-block-1,
.info-bg-img-block-2,
.info-bg-img-block-3{ /* height: 550px; */}

/*--------- map start ---*/
.map-pop-container{ right:0; left:50%; transform: translate(-50%, 0);}

 .map-img{height: auto;} 
.map-content-top2{ top: 2.5%;}
.map-content-first{top:-3px;}
.varazdin .map-pop-container{  left: -80px; transform: none;}
.samobor .map-pop-container{ left: -50px; transform: none; }

.vinkovci .map-pop-container{ left: -240px; transform: none; }
/* .osijek .map-pop-container{ left: -150px; transform: none; } */
.rijeka .map-pop-container{ left: 10px; transform: none; }
.pula-main .map-pop-container{ left: 10px; transform: none; }
.sibenik .cmora{ left: 6px; transform: none; }
.Liznjan .map-pop-container {
    left: 10px;
    transform: none;
}
/*------ map end ------*/


}

@media (max-width: 414px){    
/* section margin */
#countdown .labels {
    height: 26px;
    text-align: center;
    position: relative;
    display: flex;
    margin-top: 8px;
}
.box-caption h2 {
    font-size: 1.75em;
}
.box-caption p {
    font-size: 16px;
}
.left-box h4 {
    padding: 10% 5% 15%;
}
.banner-text {
    top: 42%;
}
.left-box h3 {
    font-size: 17px;
    padding: 1em 0 1em;
    letter-spacing: 1px;
}
/* #countdown {
    top: 13%;
} */
#countdown h3 {
    font-size: 14px;
    line-height: 5px;
}
.white-txt h2.mb-4 {
    font-size: 24px;
}
.info-section h2 {
    font-size: 24px;
}
.info-section {
    min-height: 739px;
}
.info-section p.font-16 {
    padding: 10px 0;
}
.footer-nav ul li a {
    font-size: 14px;
	word-wrap: break-word;
}
/*header .social-media-icon {
    width: 3%;
}*/
header .social-media-icon ul{
    margin-left: 20px;
}
header .social-media-icon ul li a {
    font-size: 18px;
}
.footer-nav ul li {
    line-height: 150%;
    letter-spacing: 0.02em;
}
/* header .social-media-icon { */
    /* width: 3%; */
    /* position: absolute;
    top: 0;
    bottom: 0;
    right: 5%;
} */
/*-------- 06.01.22 ----------*/
.info-section-slider{/* min-height: 400px; */ min-height: auto; height: auto;}
.map-pop-container {
    width: 230px;
}
/*---------------*/


}

@media (max-width: 375px){
    
/* section margin */

section {margin-bottom: 45px !important;}
.mb-5{
    margin-bottom: 2rem !important;
}	
.left-box h3 {
    font-size: 14px;
    line-height: 1.2;
    padding: 0.85em 0;
    letter-spacing: 0px;
}
p {
    font-size: 14px;
    line-height: 155.5%;
}
.right-box .mar-sm {
    margin-left: 2rem !important;
    position: relative;
}
.info-section h2 {
    font-size: 26px;
    line-height: 1;
}
.box-caption {
    width: 85% !important;
}
}
@media (max-width: 326px){
.info-section h2 {
    font-size: 24px;
    line-height: 1;
}
}

/*==============21.12.21 counter responsive============*/



/*----*/
.counter{ position: relative; z-index: 99;}
.counter-container{ 
  position: absolute;
  right: 4%;
   /* width:300px; */
  /*background: url(../images/rezZsticker.svg) no-repeat center; background-size: contain; */
  /* display: flex;
  justify-content: center; */
  }
.counter ul#countdown {
  display: flex;
  justify-content: center; 
  /* top: 28%;
  
   transform: translateY(-50%);
  width: 50%; */
  margin: 0 auto;
  padding: 15px 0 10px 0;
  color: #fff;
  border-width: 1px 0;
  overflow: hidden;
  font-family: 'Rubik', sans-serif;
  font-weight: bold;
  
  }
.counter ul#countdown li {
   /*  margin: 0 -5px 0 0; */
    padding: 10px 20px;
    display: inline-block;
    /* width: 25%; */
    font-size: 2.5vw;
    text-align: center;
    border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #fff;
}
.counter ul#countdown li:last-child {border-width: 1px;}
 .counter ul#countdown .label {
      color: #fff;
      font-size: 18px;
      font-size: 1vw;
      text-transform: uppercase;
    }
.counter ul#countdown {
    /* min-height: 140px; */
}    
.counter p{ color: var(--white); font-size: 23px;}
.counter p span{color:#3BB44A; font-weight: 700;}
/* @media (max-width: 2560px){
.counter ul#countdown {
    top: 6%;
    right: 2%;
	
}
}

@media (max-width: 2200px){
.counter ul#countdown {
    top: 8%;

}
}

@media (max-width: 1900px){
.counter ul#countdown {
    top: 20.5%;
    right: 3%;
}
}

@media (max-width: 1440px){
 .counter ul#countdown {
    top: 15%;
}	
}

@media (max-width: 1275px){
 .counter ul#countdown {
    top: 12%;
}	
}

@media (max-width: 1199px){
 .counter ul#countdown {
    top: 14%;
}	
}

@media (max-width: 1024px){
 .counter ul#countdown {
    top: 26%;
}
} */

@media (max-width: 991px){
/* .counter ul#countdown {
    top: 15%;
} */
.counter ul#countdown li {
    /* margin: 0 -5px 0 0; */
    
}
}


@media (max-width: 767px){
/* .counter ul#countdown {
    top: 20%;

}*/
.counter ul#countdown li {
    /* margin: 0 -6px 0 0; */
    font-size: 3vw;
}
.counter ul#countdown .label {
    font-size: 1.5vw;
}
.counter-container {
    position: absolute;
    right: auto;
    width: 300px;
    transform: translate(-50%, 0);
    left: 50%;
}
}

@media (max-width: 575px){
.counter ul#countdown {
    width: 100%;
     /* width: 96%;
	 top: 24%; */
}	
.counter ul#countdown li {
    /* margin: 0px -5px 0 0; */
    font-size: 4vw;
}
.counter ul#countdown .label {
    font-size: 2vw;
}
}
/* 
@media (max-width: 411px){
.counter ul#countdown {
    top: 18%;
}

}

@media (max-width: 375px){
.counter ul#countdown {
    top: 24%;
}
} */