/* UNIVERSAL */
html {
 -webkit-text-size-adjust:none;
 -webkit-font-smoothing:antialiased
}
body{    font-family: 'Mukta', sans-serif;font-size: 18px;line-height: 26px; color: #5e5e5e}
p {color: #5e5e5e}

.clear {clear:both; height:0px;}
.clear10 {clear:both; height:10px;}
.clear15 {clear:both; height:15px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}
.clear50 {clear:both; height:50px;}
.clear60 {clear:both; height:60px;}

.relative {position:relative !important;}
.inline {display:inline !important;}
.block {display:block !important;}
.inline-block {display:inline-block !important;}

.whitetext {color:#fff !important;}
.noradi {border-radius:0 !important}

.righttoleft {text-align:right;}
.centertoleft {text-align:center;}

hr.hrfull {background:#ddd;}
.bigtar:hover {cursor:pointer;}

.glavna-tekst {}
.glavna-tekst img {max-width:100%; height:auto; display:inline-block;}

.cart5error .help-block {color:#d2322d;}
.error_message p {font-size:0.8em; color:#d2322d;}
.success_message p {font-size:2em; font-weight:700; color:#67d187;}
.error_message_product p {font-size:0.8em; color:#d2322d;}
.success_message_product p {font-size:2em; font-weight:700; color:#67d187;}

h2.entry-title-index {font-weight:500;}
html .heading-dark, html .lnk-dark, html .text-color-dark {color: #551716 !important;}
.glavna-tekst {}
.page-header .breadcrumb {color:#ddd;}

/* fix za blurry owl images */
.owl-carousel .owl-item img {transform-style:flat; -webkit-backface-visibility: hidden;}
/* Cookie skripta */
.cc-cookies {position:fixed; width: 100%; left: 0; bottom:0; padding: 10px 5%; background:#fff;background:rgba(255,255,255,.85); color: #110300; font-size: 12px; font-weight: 400; z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #110300; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }
.video-container{padding-top:25px;padding-bottom:50.5%;margin-bottom:10px;position:relative;overflow:hidden;height:0}
.video-container.vimeo{padding-top:0;padding-bottom:56.4%}
.video-container embed,.video-container iframe,.video-container object,.video-container video{position:absolute;top:0;left:0;width:100%;height:100%}
p.uslugeboxtext{height:80px;padding:0 10px;overflow:hidden}
.blockimg-right{padding-right:0!important;float:right;margin-top:7px}
.blockimg-left{padding-left:0!important;margin-top:7px}
#cart-menu{display:inline}
.product-nav-prev.disabled a{color:#ddd!important}
.product-nav-next.disabled a{color:#ddd!important}
.owl-proizvodi .owl-item,.owl-proizvodi2 .owl-item{opacity:.5}
.owl-proizvodi .owl-item.superactive,.owl-proizvodi2 .owl-item.superactive{opacity:1}
.input-quantity{width:50px}
.store_product_out_of_stock{display:none}
.store_product_in_stock{display:block}
.btn-plusminus{width:34px;height:34px}
.qty-dec-btn,.qty-inc-btn{padding:0;outline:0}
.btn-remove{border:0;background:#fff}
h3.product-sku,h3.product-mod{font-size:12px;font-weight:400;margin-bottom:0;text-transform:none}
h2.product-name{line-height:20px;color:#000;font-weight:700;font-size:16px;margin:0 0 3px}
.product-price-td{min-width:100px}
.product-subtotal-td{min-width:100px}
input.pm-input + label + div{display:none}
input.pm-input:checked + label + div{display:block}
input.sm-input + label + div{display:none}
input.sm-input:checked + label + div{display:block}
.pm-table{width:100%}
.pm-label{font-weight:700;cursor:pointer;margin-left:5px;margin-bottom:0}
.pm-desc-checked{min-height:20px;padding:10px;margin-top:10px;margin-bottom:10px;background-color:#f5f5f5;border:1px solid #eaeaea;border-radius:0}
.sm-table{width:100%}
.sm-label{font-weight:700;cursor:pointer;margin-left:5px;margin-bottom:0}
.sm-desc-checked{min-height:20px;padding:10px;margin-top:10px;margin-bottom:10px;background-color:#f5f5f5;border:1px solid #eaeaea;border-radius:0}
.modal-content.popupproduct{border:none!important;box-shadow:none!important;background:transparent}
.panel-box .panel-box-content{background:none}
#forgpass-trigger{cursor:pointer}
#footer .footer-copyright nav{float:none}
.product-actions a.posaljiupit,.product-actions a.brzipregled{font-size:17px;height:38px;width:40px;line-height:38px;background-color:transparent;visibility:hidden;opacity:0}
.hide-addtolinks .product-actions a.posaljiupit,.hide-addtolinks .product-actions a.brzipregled{display:none}
.product-actions a.posaljiupit{right:-37px;color:#ed4949;border:1px solid #ed4949}
.product-actions a.posaljiupit:hover{color:#fff;background-color:#ed4949}
.product:hover .product-actions a.posaljiupit{visibility:visible;opacity:1;right:0}
.product-actions a.brzipregled{left:-37px;color:#52b9b5;border:1px solid #52b9b5}
.product-actions a.brzipregled:hover{color:#fff;background-color:#52b9b5}
.product:hover .product-actions a.brzipregled{visibility:visible;opacity:1;left:0}
.product-actions .add_to_cart{color:#333;background-color:#fff;font-size:14px;padding:0 10px 0 8px;height:38px;line-height:38px;border:1px solid #ccc}
.product-actions .add_to_cart i{font-size:15px;margin-right:2px}
.product:hover .product-actions .add_to_cart{background-color:#3b3b3b;border-color:#3b3b3b;color:#fff}
.product-actions addtocart.outofstock{padding:0 10px;cursor:default}
.product:hover .product-actions .add_to_cart.outofstock{color:#333!important;background-color:#fff!important;border-color:#ccc!important}
.product.product-list .product-actions .add_to_cart{background-color:#3b3b3b;border-color:#3b3b3b;color:#fff}
.zoomContainer.fancy{z-index:10000}
@media (max-width: 767px) {
.product-img-box2{margin-bottom:25px}
}
.product-img-box2 img{display:block;width:100%;height:auto}
.product-img-box2 .product-img-wrapper2{margin-bottom:2px}
.product-img-box2 .owl-carousel{margin-bottom:0}
.product-img-box-wrapper2{position:relative;margin-bottom:10px}
.product-img-box-wrapper2 .product-img-zoom2{position:absolute;right:11px;bottom:7px;z-index:50}
.totals-table tbody tr td:nth-child(2){min-width:140px}
.shop-podnaslov{font-size:20px;font-weight:400;text-transform:none}
.cart-table tbody tr td.product-image-td a img{width:80px}
.cart-table-wrap{padding:20px}
.totals-table tbody tr td{font-size:14px}
.totals-table tbody tr:last-child td:last-child,.totals-table tbody tr:last-child td:first-child{font-size:17px}
.call-to-action-success{background-color:#dff0d8;border:1px solid #d6e9c6}
.prikazujemo{width:100%;display:inline-block}
.eebloqs p,.eebloqs h3,.eebloqs ul,.eebloqs ol{margin-bottom:20px!important}


#header .header-social-icons {margin: 30px 0 0 0px;float: right;}
.jezikikone li a {-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;background: transparent !important;border-radius: 100%; display: block; height: 24px;line-height: 24px;width: 24px; text-align: center;color: #fff !important;text-decoration: none;box-shadow: none;}
.jezikikone li {margin-left: 10px}


#header .header-top p {font-size: 16px; line-height: 37px;}


.pozadina-kontakt {background: #f4f4f4; padding: 15px}

.custom-parallax-medium-padding {padding: 166px 0 130px 0!important;text-align: center;}
section.section.section-parallax {margin-bottom: 60px !important;}
.parallax-header .breadcrumb {	background: none;	margin: 10px 0 2px 2px;padding: 0;	position: relative;	z-index: 1;	color: #fff;float: none; text-align: center}
.parallax-header .breadcrumb > li {	display: inline-block;	font-size: 0.85em;	text-transform: uppercase;	text-shadow: none;}
.parallax-header .breadcrumb > li a {color: #fff;}
.parallax-header .breadcrumb > li + li:before {	color: inherit;	font-family: FontAwesome;	content: "\f105";	padding: 0 7px 0 5px;}
.parallax-header h1 {	color: #fff;display: inline-block;font-size: 28px;font-weight: 200;line-height: 28px;margin: 0 0 -25px;padding: 0 0 25px;position: relative;float: none; text-align: center;}
.parallax-header h1 span {color: #fff;display: block;font-size: 0.6em;font-weight: 300;line-height: 1.3em;margin: 7px 0 0;}
.parallax-header-no-title-border h1 {	border: 0;}

.parallax-header::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 58px;
    background: url('https://kongres.klubselo.hr/slike/ispod.png') 0 0 repeat-x;
    content: "";
    z-index: 90;
}

.slide-item {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 60px 60px;
}

html #header .header-top.header-top-tertiary {
  background: #f0ac31;
  border-top-color: #f0ac31;
}


/*Footer*/
#footer .footer-copyright nav{float:right}
#footer{position:relative;padding:5rem 0 0;background-image:url(https://kongres.klubselo.hr/slike/footer-bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;color:#fff;z-index:1;border:0;font-size:.8em}
#footer p{color:#fff}
#footer::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:#f0ad31;opacity:.75}
.footer-sadrzaj{border-bottom:1px solid rgba(255,255,255,.25);margin-bottom:27px;padding-top:46px;padding-bottom:46px}
#footer .footer-copyright p {color: #fff;margin: 0;padding: 0;}
#footer .footer-copyright nav ul li {border-left: 1px solid #fff;}


.lgx-banner4 {
 background:url(https://kongres.klubselo.hr/slike/odbrojavanje.jpg) top center no-repeat;
 -webkit-background-size:cover;
 -o-background-size:cover;
 -moz-background-size:cover;
 background-size:cover;
 padding: 112px 0
}



.lgx-banner-info {
    color: #fff;text-align: right;
}

#lgx-countdown {
    margin-top: -15px;
}

.lgx-inner-countdown {
 background:#554bb9;
 display:flex
}
.lgx-inner-countdown .countdown-left-info {
 background:#efa506;
 width:30%;
 text-align:center;
 padding:4.2rem 1rem
}
.lgx-inner-countdown .countdown-left-info .title {
 margin-top:0;
 font-weight:700
}
.lgx-inner-countdown .countdown-left-info .subtitle {
 font-weight:400;
 margin-bottom:0
}
#lgx-countdown span,
.lgx-inner-countdown .countdown-left-info .date {
}
.lgx-inner-countdown .countdown-right {
 text-align:center;
 margin:4.2rem auto 0
}
#lgx-countdown {
 margin-top:-15px
}
#lgx-countdown span {
 text-align:center;
 font-size:6.8rem;
 line-height:10.2rem;
 font-weight:900;
 display:inline-block;
 margin-bottom:0;
 margin-right:6.8rem;
 letter-spacing:.16rem;
 position:relative;
 bottom:-15px
}
#lgx-countdown span:last-child {
 margin-right:0
}
#lgx-countdown i {
 font-family:Poppins,sans-serif;
 font-size:2rem;
 line-height:3rem;
 color:#fff;
 text-transform:uppercase;
 font-weight:300;
 letter-spacing:normal;
 -ms-transform:rotate(-90deg);
 -webkit-transform:rotate(-90deg);
 transform:rotate(-90deg);
 font-style:normal;
 display:inline-block;
 position:absolute;
 bottom:32px;
 right:-35px
}
.lgx-banner-info-circle #lgx-countdown i,
.lgx-countdown-area-squre #lgx-countdown i {
 -ms-transform:rotate(0);
 -webkit-transform:rotate(0);
 font-style:normal;
 left:0;
 text-transform:uppercase
}

#lgx-countdown .lgx-days {color:#f0ad31}
#lgx-countdown .lgx-hr {color:#f0ad31 }
#lgx-countdown .lgx-min {color:#f0ad31 }
#lgx-countdown .lgx-sec {color:#f0ad31 }



@media (max-width:1199px) {
 #lgx-countdown {
  display:inline-block;
  margin-bottom:2.6rem
 }
 #lgx-countdown span {
  font-size:4.2rem;
  line-height:6.300000000000001rem;
  bottom:0;
  margin-right:2rem
 }
 #lgx-countdown i {
  font-size:1.6rem;
  line-height:2.4000000000000004rem;
  -ms-transform:rotate(0);
  -webkit-transform:rotate(0);
  transform:rotate(0);
  font-style:normal;
  display:inline-block;
  position:absolute;
  bottom:-15px;
  right:0;
  left:0
 }
}
@media (max-width:767px) {
 #lgx-countdown span {font-size:2.6rem;line-height:3.9000000000000004rem}
 #lgx-countdown i {font-size:1.4rem;line-height:2.0999999999999996rem}
 #lgx-countdown {display:inline-block}

}


.lgx-banner-info .title {
    margin: 10px 0;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.lgx-banner-info .location, .lgx-banner-info .date { color: #fff;}



/*** 

====================================================================
	Success Section
====================================================================

***/

.success-section{
	position:relative;
	padding:70px 0px 70px 0;
    background: url(https://kongres.klubselo.hr/slike/home-bg.png) left  no-repeat;
}

.success-section .content-column{
	position:relative;
}

.success-section .content-column .inner-column{
	position:relative;
}

.success-section .content-column h2{
	position:relative;
	color:#111111;
	font-weight:700;
	line-height:1.2em;
}

.success-section .content-column h2 span{
	color:#f0ad31;
}

.success-section .content-column .bold-text{
	position:relative;
	color:#f0ad31;
	font-size:24px;
	font-weight:700;
	line-height:1.3em;
	margin-top:20px;
	margin-bottom:20px;
}

.success-section .content-column .text{
	position:relative;
	color:#000000;
	font-size:16px;
	line-height:1.6em;
	margin-bottom:22px;
}

.success-section .content-column .list{
	position:relative;
}

.success-section .content-column .list li{
	position:relative;
	color:#000000;
	font-size:14px;
	font-weight:500;
	margin-bottom:12px;
	padding-left:20px;
}

.success-section .content-column .list li:before{
	position:absolute;
	content:'';
	left:0px;
	top:10px;
	width:5px;
	height:5px;
	background-color:#222222;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.success-section .content-column .list li:hover::before{
	background-color:#f0ad31;
}

.success-section .content-column .btn-box{
	position:relative;
	margin-top:30px;
}

.success-section .images-column{
	position:relative;
	margin-bottom:30px;
}

.success-section .images-column .inner-column{
	position:relative;
	padding-left:70px;
}

.success-section .images-column .year-box{
	position:absolute;
	left:40px;
	z-index:1;
	bottom:-20px;
	font-size:30px;
	font-weight:700;
	color:#ffffff;
	padding:23px 36px;
	background-color:#551716;
}

.success-section .images-column .year-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:-20px;
	border-bottom: 20px solid #f0ad31;
    border-left: 30px solid transparent;
}

.success-section .images-column .pattern-layer{
	position:absolute;
	right:40px;
	top:70px;
	width:190px;
	height:292px;
	background-repeat:no-repeat;
    z-index: -1;
}

.success-section .images-column .image-two{
	position:absolute;
	right:0px;
	bottom:-110px;
	border:10px solid #ffffff;
}




.empty-animation{
    animation-name: zoomInStable; 
    animation-duration: 3s; 
    animation-iteration-count: 1;
    animation-timing-function: linear;
  
  -webkit-animation-name: zoomInStable; 
    -webkit-animation-duration: 3s; 
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: zoomInStable; 
    -moz-animation-duration: 3s; 
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: zoomInStable; 
    -ms-animation-duration: 3s; 
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
  
  -o-animation-name: zoomInStable; 
    -o-animation-duration: 3s; 
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}

.empty-animation{
    animation-name: zoomInStable; 
    animation-duration: 3s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  
  -webkit-animation-name: zoomInStable; 
    -webkit-animation-duration: 3s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: zoomInStable; 
    -moz-animation-duration: 3s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: zoomInStable; 
    -ms-animation-duration: 3s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
  
  -o-animation-name: zoomInStable; 
    -o-animation-duration: 3s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.empty-animation{
    animation-name: slideInUp; 
    animation-duration: 2s; 
    animation-iteration-count: 1;
    animation-timing-function: linear;
  
  -webkit-animation-name: slideInUp; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: slideInUp; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: slideInUp; 
    -ms-animation-duration: 2s; 
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
  
}

.empty-animation{
    animation-name: slideInRight; 
    animation-duration: 2s; 
    animation-iteration-count: 1;
    animation-timing-function: linear;
  
  -webkit-animation-name: slideInRight; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: slideInRight; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: slideInRight; 
    -ms-animation-duration: 2s; 
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
  
}

.empty-animation{
    animation-name: slideInLeft; 
    animation-duration: 2s; 
    animation-iteration-count: 1;
    animation-timing-function: linear;
  
  -webkit-animation-name: slideInLeft; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: slideInLeft; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: slideInLeft; 
    -ms-animation-duration: 2s; 
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
  
}

.empty-animation{
    animation-name: slideInUp; 
    animation-duration: 2s; 
    animation-iteration-count: 1;
    animation-timing-function: linear;
  
  -webkit-animation-name: slideInUp; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: slideInUp; 
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: slideInUp; 
    -ms-animation-duration: 2s; 
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
  
}

@-webkit-keyframes rotateme {
    0% {
        -webkit-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -webkit-transform: rotate(180deg);
        opacity: 0.7;
      }
    100% {
        -webkit-transform: rotate(360deg);
        opacity: 1;
      }
}

.projects-section .bottom-divider:before,
.projects-section .top-divider:before,
.success-section .bottom-divider:before,
.success-section .top-divider:before,
.solution-section-three .top-divider:before,
.solution-section-three .bottom-divider:before,
.projects-section-three .bottom-divider:before,
.testimonial-section .bottom-divider:before,
.testimonial-section .top-divider:before{
    animation-name: rotateme; 
    animation-duration: 5s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	
	-webkit-animation-name: rotateme; 
    -webkit-animation-duration: 5s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	
	-moz-animation-name: rotateme; 
    -moz-animation-duration: 5s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	
	-ms-animation-name: rotateme; 
    -ms-animation-duration: 5s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
	
	-o-animation-name: rotateme; 
    -o-animation-duration: 5s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}






@-webkit-keyframes rotatemetwo {
    0% {
        -webkit-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -webkit-transform: rotate(180deg);
        opacity: 0.7;
      }
    100% {
        -webkit-transform: rotate(360deg);
        opacity: 1;
      }
}

.main-slider-two .slide .pattern-layer-two,
.main-slider-two .slide .pattern-layer-six,
.page-title .pattern-layer-two{
    animation-name: rotatemetwo; 
    animation-duration: 15s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	
	-webkit-animation-name: rotatemetwo; 
    -webkit-animation-duration: 15s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	
	-moz-animation-name: rotatemetwo; 
    -moz-animation-duration: 15s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	
	-ms-animation-name: rotatemetwo; 
    -ms-animation-duration: 15s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
	
	-o-animation-name: rotatemetwo; 
    -o-animation-duration: 15s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

/* Bob Up Down*/
@-webkit-keyframes float_up_down {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes float_up_down {
  0% {
    transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }

  50% {
    transform: translateY(30px);
    transform: translateY(30px);
    opacity: 1;
  }

  100% {
    transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

.success-section .images-column .pattern-layer{
    animation-name: float_up_down; 
    animation-duration: 5s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-animation-name: float_up_down; 
    -webkit-animation-duration: 5s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    -moz-animation-name: float_up_down; 
    -moz-animation-duration: 5s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    
    -ms-animation-name: float_up_down; 
    -ms-animation-duration: 5s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    -o-animation-name: float_left_right; 
    -o-animation-duration: 5s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

/* Bob */
@-webkit-keyframes float_left_right {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0.40;
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 1;
  }
}

@keyframes float_left_right {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0.40;
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 1;
  }
}

.empty-animation{
    animation-name: float_left_right; 
    animation-duration: 30s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  
  -webkit-animation-name: float_left_right; 
    -webkit-animation-duration: 30s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: float_left_right; 
    -moz-animation-duration: 30s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: float_left_right; 
    -ms-animation-duration: 30s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
  
  -o-animation-name: float_left_right; 
    -o-animation-duration: 30s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@-webkit-keyframes float_left_right_two {
  0% {
    -webkit-transform: translateX(-30px);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateX(0px);
    opacity: 0.80;
  }

  100% {
    -webkit-transform: translateX(-30px);
    opacity: 1;
  }
}

@keyframes float_left_right_two {
  0% {
    transform: translateX(-30px);
    opacity: 1;
  }

  50% {
    transform: translateX(0px);
    opacity: 0.80;
  }

  100% {
    transform: translateX(-30px);
    opacity: 1;
  }
}

.empty-animation{
    animation-name: float_left_right_two; 
    animation-duration: 5s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  
  -webkit-animation-name: float_left_right_two; 
    -webkit-animation-duration: 5s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
  
  -moz-animation-name: float_left_right_two; 
    -moz-animation-duration: 5s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
  
  -ms-animation-name: float_left_right_two; 
    -ms-animation-duration: 5s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
  
  -o-animation-name: float_left_right_two; 
    -o-animation-duration: 5s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}


@-webkit-keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

.empty-animation{
    animation-name: zoom-fade; 
    animation-duration: 3s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	
	-webkit-animation-name: zoom-fade; 
    -webkit-animation-duration: 3s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	
	-moz-animation-name: zoom-fade; 
    -moz-animation-duration: 3s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	
	-ms-animation-name: zoom-fade; 
    -ms-animation-duration: 3s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
	
	-o-animation-name: zoom-fade; 
    -o-animation-duration: 3s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}



ul#mainNav.nav.nav-pills.enizb li a {font-size: 13px;}


.headerpodstranice{height:400px;width:100%;background:url(https://kongres.klubselo.hr/slike/heder-ostale-novi-1.jpg) top right no-repeat;background-size:cover;padding:115px 0 0;}
.page-header{border-bottom:0;border-top:0;margin:0 0 60px;min-height:50px;padding:0;position:relative;text-align:center}
.page-header h1{border-bottom:0!important;font-size:40px;font-weight:700;line-height:1.2em;margin:0;padding:0}
.page-header .breadcrumb > li + li::before{color:#fff}
.page-header ol.breadcrumb li a{color:#fff}
.page-header ol.breadcrumb li a:hover{color:#fff}
.page-header::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 58px;
    background: url('https://kongres.klubselo.hr/slike/ispod.png') 0 0 repeat-x;
    content: "";
    z-index: 90;
}

.bezmf {margin-top: 0 !important}

.product-section{position:relative}
.product-section.alternate{padding-bottom:110px}
.product-section .upper-box{position:relative;padding:80px 0 200px;background-attachment:fixed;background-repeat:no-repeat;background-size:cover}
.product-section .upper-box:before{position:absolute;content:'';left:0;top:0;width:100%;height:100%;display:block;background-color:rgba(51,51,51,0.50)}
.product-section .upper-box h2{position:relative;color:#fff;font-size:30px;font-weight:400;line-height:1.4em;text-align:center}
.product-section .upper-box h2 span{font-weight:600}
.product-section .lower-box{position:relative;margin-top:-120px;background-color:#fff;-webkit-box-shadow:0 0 15px 0 rgba(219,219,219,1);-moz-box-shadow:0 0 15px 0 rgba(219,219,219,1);box-shadow:0 0 15px 0 rgba(219,219,219,1)}
.product-section .lower-box .image-column{position:relative;padding:0;float:left}
.product-section .lower-box .image-column .image{position:relative}
.product-section .lower-box .image-column .image img{position:relative;width:100%;display:block}
.product-section .lower-box .content-column{position:relative;padding:0;float:left}
.product-section .lower-box .content-column .inner-column{position:relative;padding:50px}
.product-section .lower-box .content-column .inner-column h3{position:relative;color:#333;font-size:30px;font-weight:700;line-height:1.4em;margin-bottom:25px}
.product-section .lower-box .content-column .inner-column .text{position:relative;margin-bottom:30px}
.product-section .lower-box .content-column .inner-column .text p{position:relative;color:#777;font-size:15px;margin-bottom:0}
.product-section .upper-box::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#fff;background:-webkit-linear-gradient(to right,rgba(255,255,255,0) 0%,#000 100%);background:-moz-linear-gradient(to right,rgba(255,255,255,0) 0%,#000 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,#000 100%)}
article.blog-post .blog-post-image-wrapper img{max-width:95%}
article.blog-post .blog-post-image-wrapper .blog-post-date{position:absolute;top:65%;right:10px;font-size:3em;text-align:center;line-height:1;padding:25px 15px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
article.blog-post .blog-post-image-wrapper .blog-post-date .month-year{display:block;font-size:.4em}
article.blog-post .mb-sm {margin-bottom: 30px !important}

.header-row .social-icons li {box-shadow: none !important}

.obojenacelija {background: rgba(240, 168, 30, 0.2);
padding: 5px;
border: 1px solid #fff;}

.videoin {padding: 0 0 80px 0}

.dvaloga {padding: 80px 0}
.dvaloga img {margin: 0 auto; display: block}




#header .header-body {
    background: #FFF;
    border-top: 0px solid #EDEDED;
    border-bottom: 0px solid transparent;
    padding: 0px 0;
    width: 100%;
    min-height: 100px;
}





#header .header-top {
    margin-top: 0;
    margin-bottom: 0px;
    border-bottom: 0;
    padding: 24px 0px 8px 8px;
    width: 72%;
    border-radius: 0px 0 0 16px;
    float: right;
}

#header .header-top .header-nav-top {
    float: left;
    margin-right: 5px;
}

#header .header-top a {
    color: #f8f6f3;
}





@media (min-width: 992px) {
    html:not(.sticky-header-active) #header .header-nav-main nav > ul > li:not(.active) > a {color: #313232;}  
    #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {background: transparent;}
 #header .header-nav-main nav > ul > li > a { font-size: 14px;font-weight: 700; line-height: 20px;    padding: 10px 6px;    text-transform: uppercase;  }    
    
    .sticky-header-active #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {color: #791d1e; }
    
    ul.nav-pills > li.active > a {background-color: transparent;}
  
	/*Inaktivan stcky crta*/
	html #header .header-nav-main nav > ul > li > a:hover::before {width: 100%;}
	html #header .header-nav-main nav > ul > li > a::before{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;content:'';position:absolute;height:2px;background:#313232;bottom:0;left:0;width:0}
	html #header .header-nav-main nav > ul > li.active > a::before{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;content:'';position:absolute;height:2px;background:#313232 ;bottom:0;left:0;width:100%}
	/*Aktivan stcky crta*/
	html.sticky-header-active #header .header-nav-main nav > ul > li > a:hover::before {width: 100%;}
	html.sticky-header-active #header .header-nav-main nav > ul > li > a::before{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;content:'';position:absolute;height:2px;background:#791d1e;bottom:0;left:0;width:0}
	html.sticky-header-active #header .header-nav-main nav > ul > li.active > a::before{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;content:'';position:absolute;height:2px;background:#791d1e;bottom:0;left:0;width:100%}  
  
  
  html.sticky-header-active #header .header-body {min-height: 100px !important;}
  
  html #header .header-nav-main nav > ul.nav-pills > li.active > a, html #header .header-nav-main nav > ul.nav-pills > li.active > a:focus, html #header .header-nav-main nav > ul.nav-pills > li.active > a:hover {color: #313232;  background-color: transparent;}
html.sticky-header-active #header .header-nav-main nav > ul.nav-pills > li.active > a, html.sticky-header-active #header .header-nav-main nav > ul.nav-pills > li.active > a:focus, html.sticky-header-active #header .header-nav-main nav > ul.nav-pills > li.active > a:hover {
  color: #791d1e;  background-color: transparent;}


 #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {font-size: 1.1em;  }
 
 
   html #header .header-nav-main nav > ul > li.active > a.dropdown-toggle::after, html #header .header-nav-main nav > ul > li:hover > a.dropdown-toggle::after {
    border-color: #791d1e transparent transparent transparent;
  }


}



.pola .header-social-icons {
  margin: 30px 0 0 0px;
    margin-top: 30px;
  float: right;
  position: relative;
  left: -50%
}



.fancybox-margin {margin-right: 0 !important;}

#mainvideo {  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;  
  }
  
  video {
    object-fit: fill;
} 

a:hover {
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


.home-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 40px;
}

.home-header-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
}

.home-header-column, .home-header-column-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  color: #fff;
  
  
  -o-object-fit: cover;
object-fit: cover;
-webkit-transition: 500ms;
transition: 500ms;

}


.home-header-column-wrap:hover  {
  transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
}

.home-header-column-wrap h1 {color: #fff;text-shadow: 4px 4px 5px rgba(0,0,0,0.37);}
.home-header-column-wrap h1 a{color: #fff;}
.home-header-column-wrap h1 a:hover{color: #fff;text-shadow: 4px 4px 5px rgba(0,0,0,0.67);}}

.home-header-column-wrap p {color: #fff;padding: 5px; text-align: center}
.home-header-column-overlay {
  background-color: #000000;
  opacity: 0.3;
  height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
}

.home-header-widget-wrap{
display: flex;
  position: relative;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  align-content: center;
align-items: center;
justify-content: center;


}

.home-header-column-col-100 {width: 100%;height: 500px;cursor: pointer;overflow: hidden;}


@media (min-width: 992px) {
  #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu {width: 400px;} 
  #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {white-space: initial;  }  
    
}

.ukljuci-se {margin: 80px 0 120px 0}

.ukljuci-se h2 {
  text-align: left;
  color: #f0ac31;
  display: block;
  font-weight: bold;
  font-size: 26px;
}

.counteri-bg {
position: relative;
  background-image: url(https://kongres.klubselo.hr/slike/slika-rotator.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
  z-index: 1;
  border: 0;
  margin: 60px 0;
  padding-top: 50px;
}

.counteri-bg::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  opacity: .55;
}

.split-text-2 {
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.counter-div {padding: 15px 0}
.counter-brojka {text-align:center; color: #fff; display: block; margin-bottom: 20px; font-weight: bold; font-size: 56px}
.counter-opis {text-align:center; color: #f0ac31; display: block; font-weight: bold; font-size: 26px}

.ikona-teme {margin-bottom: 30px}

.headerpodstranice::before {
  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background-color: #000;

  opacity: .65;

}

.headerpodstranice::after {  content: "";

  position: absolute;

  top: 0;

  bottom: 0;
left: 0;


  right: 50%;
background: url(https://kongres.klubselo.hr/slike/home-bg.png) no-repeat;}


.success-section h2 {
text-align: left;
  color: #f0ac31;
  display: block;
  font-weight: bold;
  font-size: 26px;}
  
  .video-container {
    	max-width: 100%; /* Set a pixel value instead if no parent container*/
    	margin: 0 auto; /* Center the container */
	}
.video-container video {
    	width: 100%; /* Fill the available width */
    	height: auto; /* Adjust height automatically */
}

.pozivnaprid {text-align: center !important; margin-bottom: 80px; font-size: 33px !important;}


.partneri-pocetna  {padding: 100px 0 0px 0}
.owl-logos-poc-item img {max-height: 120px;width: auto !important;display: block; margin: 0 auto;}

.partneri-pocetna .owl-theme .owl-dots, .partneri-pocetna .owl-theme .owl-nav
{
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  top: 30px;
}




.team .thumb-info:hover .thumb-info-caption {background: #f0ac31; text-decoration: none !important}
.team .thumb-info:hover .thumb-info-caption span, .team .thumb-info:hover .thumb-info-caption i {color: #fff !important;text-decoration: none !important;}
.team .thumb-info .thumb-info-caption {position: relative;padding: 10px 0;display: block;background: #fff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;	transition: all 0.3s ease;}
.team .thumb-info .thumb-info-caption .custom-thumb-info-title span {display: block;text-decoration: none !important;}
.team .thumb-info .thumb-info-caption .custom-thumb-info-title span:nth-child(1) {color: #791c1d;text-decoration: none !important;}
.team .thumb-info .thumb-info-caption .custom-thumb-info-title span:nth-child(2) {color: #791c1d;margin-top: 10px;text-decoration: none !important;}
.team .thumb-info .thumb-info-caption .custom-thumb-info-title i {position: absolute;	top: 50%;right: 20px;font-size: 1.9em !important;color: #28292d;	-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);	transform: translateY(-50%);}