@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap&subset=latin-ext');
	*{}

	html,body {
	  height: 100%;
	}

	body {
		font-family: 'Barlow', sans-serif;
		color:#000;
		font-size:18px;
		line-height: 28px;
		}
		
	
.home .content-area {padding-top:0px;} 

.icon-menu:before {
    content: "\e5d2";
}

@media (min-width:1024px) {	
	body {
		}
	}
	
@media (max-width:768px)  {	
.sticky-wrapper, .header_area {
	top: 0;
	position: relative !important;
	}
	}		
@media (min-width:992px) {	
/*.content-area {padding-top:100px;}	*/

.header_area {
		background:#FFF;
		position:fixed;
		width: 100%;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
		margin-top: 0; 
		z-index:999;
		}
		}
/*	

.home .main_box {   
	background: rgba(255,255,255,1);    
	margin: 0px auto 0;    
	max-width: 1400px;    
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);    
	-webkit-transition: all 0.3s ease 0s;   
	-moz-transition: all 0.3s ease 0s;    
	-o-transition: all 0.3s ease 0s;    
	transition: all 0.3s ease 0s;    
	border-radius: 25px 25px 0 0; }



	
.home .header_area {
		background: none;
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 501;
		transition: background 0.4s, all 0.3s linear;
		box-shadow: none;
		@include transition();	}
	
.home .is-sticky .header_area {
		background:#FFF;
		position:fixed;
		max-width: 100%;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
		margin-top: 0;  -webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s; }  
		
.home .is-sticky .header_area .main_box {
		box-shadow: none;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s; }
		
.home .sticky-wrapper {
		position: absolute;
		top: 60px;  width: 100%; }
}
*/
.is-top .header_area {
		top:0;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s; } 
		

	
#main { padding-bottom:40px; padding-top: 20px;}

@media (max-width: 991px) { 
.sticky-wrapper { top: 0; } 
#main {padding-top: 0;}

}		
	button, input, optgroup, select, textarea {
		font-size:18px;
		line-height: 24px;
	}	
	a {
		color: #5cc4f0;
		text-decoration: none;
	}
	
	a:hover {
		color: #777;
		text-decoration: none;	
		
	}	
	p.small, p.small a, span.small{font-size:16px;}

	p.flex {display:flex;}

	.uppercase {text-transform: uppercase;}	
	.img-responsive{width:100%;}
	img {max-width:100%; height:auto;}


	.container {
		/*max-width: 1400px;*/
	}


	h1, h2, h3, h4 {color:#5cc4f0	; font-weight: 300; text-align:left;}

	

	h1 strong {
	font-weight:700;	
	}

	@media (max-width:768px) {
		/*h1 {
		font-size: 28px;
		line-height: 32px;
		}
		*/
	.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {
		width: 100%;
		float: left;
		clear: both;
		margin: 0 0 2.992em;
	}
	}

/*
	h2,  {
		font-family: 'Barlow', sans-serif;
		font-size: 24px;
		line-height: 36px;
		font-weight: 300;
		margin-bottom:15px;
		color:#5cc4f0 ;
	}

	h3 {
		font-family: 'Barlow', sans-serif;
		font-size: 18px;
		line-height: 28px;
		font-weight: 300;
		margin-bottom:15px;

	}

	h4 {
		font-family: 'Barlow', sans-serif;
		font-size: 18px;
		line-height: 24px;
		font-weight: 300;
		margin:25px 0 15px;
	}
*/

h3.uagb-post__title {
	font-size: 24x;
	}
	.bottom-border {
		border-bottom: 1px solid #999;
	}
	@media (min-width:992px) {
				
.top-border {
		border-top: 1px solid #999;
	}
}

	.bg-lightgrey {background-color:#f4f4f4;}
	.bg-darkgrey {background-color:#555555;}
	.bg-white 	{background-color:#ffffff;}
	.bg-black 	{background-color:#000000;}
	
	.bg-black .wp-block-embed {margin-bottom:0;}
	.bg-black iframe {
    width: 325px;
    height: 325px;
}
@media (max-width:992px) {
/*.service {display:none;}*/
}
	
.service ul {
    list-style: none;
	flex-direction:row;
}

	ul#menu-servisna-vrstica, ul#menu-servisna-vrstica-1, ul#menu-main-menu, ul#menu-servisna-vrstica-eng {
		list-style: none;
		/*display: flex;
		align-content: flex-end;
		margin-bottom:0;*/
	}
	footer ul {list-style:none; padding:0;}
	footer ul li a {padding: 5px 0 !important; border-bottom:none;}

	#menu-servisna-vrstica li, #menu-servisna-vrstica-eng li {
		
	}

	#menu-servisna-vrstica-1 li, #menu-servisna-vrstica-eng li {
		
	}

	ul#menu-footer-menu {
		 list-style: none;
			 padding-left: 0;
	}

	ul#menu-footer-menu li a {
		font-size:18px;
		line-height:30px;
	}

	ul#menu-footer-menu li a:hover {
		color:#fff;;
	}

.footarea, .footarea a {
	color:#fff;
	
}

.footarea a:hover {
	color:#002533;
	
}

	.service p, .service a {
    font-size: 18px;
    text-decoration: none;
    line-height: 30px;
	color:#fff;

	}
	.service a:hover {
		color: #5cc4f0;
	}

	.service.container-fluid, .service.container{
		background: #002533;
		height:40px;
		}
@media (max-width:992px) {
.service.container-fluid, .service.container{
		height:auto;
		}
}
	
	@media (max-width:768px) {
	/*.service.container-fluid {display:none;	}*/
		}	

	#mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu {
		margin-top: 15px;
		margin-left: 15px;
	}
	p#breadcrumbs a {
		font-size:1em;
		color:#666;
		font-weight:100;
	}
	p#breadcrumbs a:hover {
		color:#5cc4f0;
	}	
	p#breadcrumbs {
		font-size:0.8em;
		color:#333;
		font-weight:100;
	}

button, [type=submit], .btn-primary, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
		font-size: 1em;
		padding: .618em 1em;
		font-weight: 400;
		border-radius: 0px;
		color: #fff;
		background-color: #5cc4f0 ;
		border: 0;
		display: inline-block;
		margin:0 auto;
		cursor: pointer;
		text-align: center;
	}
/*
	.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
		padding: .5em;
		margin: 0;
		font-size: 1.3em;
		line-height: normal;
		font-weight: 900;
		color: #777;
	}
	

	
.woocommerce ul.products li.product .woocommerce-loop-product__title  {
    padding: .5em;
    margin: 0;
    font-size: 1.0em;
    line-height: 1.3em;
    font-weight: 300;
}	
.wc-block-grid__product
 {
    float: left;
    margin: 0 2em 2em 0;
    padding: 0;
    position: relative;
    width: 22.05%;
    margin-left: 0;
}

.wc-block-grid__product-title, .woocommerce-Price-amount amount, .wc-block-grid__product .wc-block-grid__product-price  {
		font-family: 'Barlow', sans-serif;
		font-size: 18px;
		line-height: 24px;
		font-weight: 300;
		margin:0;
		color:#777 ;
		text-align:left;
		
	}

 .wc-block-grid__product .wc-block-grid__product-title, .wc-block-grid__product .wc-block-grid__product-price {
    padding: 0.5em;
}	


	
.wc-block-grid__product .wc-block-grid__product-price  {
	color:#5cc4f0;
	font-weight: 600;
	}
	
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .homelist ul li, li.wc-block-grid__product {
		
		border: 1px solid #e3e3e3;
		background: #fff;
	}	
	
	
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 2em 2em 0;
    padding: 0;
    position: relative;
    margin-left: 0;
}


.woocommerce ul.products li.product .price {
    padding: 0.5em;
}

	.woocommerce ul.products li.product .woocommerce-loop-category__title:hover, .woocommerce ul.products li.product .woocommerce-loop-product__title:hover, .woocommerce ul.products li.product h3:hover {
		color: #e53f38;
	}

	.woocommerce ul.products li.product .button {
		margin-top: auto;
		width: 100%;
		text-align: center;
		font-size: 18px;
		font-weight: 600;
		padding: 11px;
		
	}

	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .homelist ul li, li.wc-block-grid__product {
		padding: 0px;
		border: 1px solid #e3e3e3;
		background: #fff;
		margin-top: 10px;	
		display: flex;
		flex-flow: column nowrap;
	}
	.woocommerce ul.products li.product .price {
		color: #e53f38;
		font-weight: 600;
		font-size: 1.0em;
		
	}
	

@media (min-width:768px)  {	
.wc-block-grid.has-4-columns .wc-block-grid__product, .colums-4 .product {
    flex: 1 0 25%;
    max-width: 23%;
}
}	

@media (max-width: 767px) {
.wc-block-grid.has-4-columns .wc-block-grid__product, .wc-block-grid.has-4-columns .wc-block-grid__product, .colums-4 .product {
    flex: 1 0 100%;
    width: 100%;
	max-width: 100%;
    padding: 0;
    margin: 0 0 24px;
}
}



	.woocommerce span.onsale {
		min-height: 3.236em;
		min-width: 3.236em;
		padding: 0 0.1em;
		font-size: 1.5em;
		font-weight: 900;
		position: absolute;
		text-align: center;
		line-height: 3.236;
		top: -.5em;
		left: -.5em;
		margin: 0;
		border-radius: 100%;
		background-color: #5cc4f0 ;
		color: #fff;
		z-index: 9;
	}
	.woocommerce ul.products li.product .price del {
		color: inherit;
		opacity: .5;
		display: inline-block;
		font-weight: 100;
		margin-right: 10px;
		font-size: 0.8em;
	}
	.woocommerce ul.products li.product .price ins {
		font-weight: 600;
		text-decoration: none;
	}
	.col-1, .col-2 {max-width:100%;}
	.woocommerce-input-wrapper {
		width: 100%;
	}
	.woocommerce form .form-row label, .modal label {
		line-height: 1;
		width: 100%;
	}
	.bg-white label {
    display: inline-block;
    margin-bottom: .5rem;
    width: 45%;
    margin-right: 1em;
}



	.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row textarea, .modal input, .modal textarea {
		box-sizing: border-box;
		width: 100%;
		margin: 0;
		outline: 0;
		line-height: 2;
		border: 1px solid #e3e3e3;
		padding: 5px;
	}
	.select2-container--default .select2-selection--single {
		height:auto;
		border: 1px solid #e3e3e3;
		padding:10px;
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow {
		height: 50px;
	}
	#customer_details {
		border: 1px solid #e3e3e3;
		padding: 10px 0;
		margin-bottom: 30px;
	}
	.woocommerce table.shop_table {
		border: 1px solid #e3e3e3;
		border-radius: 0px;
	}

	.woocommerce-info {
		border-top-color: #5cc4f0 ;
	}
	.woocommerce-info::before {
		color: #5cc4f0 ;
	}
	button:hover, [type=submit]:hover, .btn-primary:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
		background-color: #000;
	}
	
	
	button.navbar-toggler:hover {background-color:#f5f5f5;}
	
	
	.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
		background-color: #5cc4f0 ;
		}
		
	.wpfFilterWrapper select {
		border: 1px solid #e3e3e3;
		padding: 5px 0;
		font-size: 18px;
		color: #666;
	}

	.filter strong {
		line-height: 64px;
	}
	.teamsporthome {max-height:200px;}

	.pwb-single-product-brands {max-width:120px;}



	.woocommerce div.product p.price, .woocommerce div.product span.price {
		font-size: 2em;
		color:#777;	
		margin-top:20px;
	}
	.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
		font-weight:900;
		text-decoration:none;
	}
	.woocommerce div.product p.price del, .woocommerce div.product span.price del {
		opacity: .3;
		margin-right:20px;
		font-size:0.75em;
		display:block;
		line-height:2em;
	}
	.woocommerce div.product form.cart .variations {
		width: auto;
	}
	#woosq-popup {
		padding: 50px !important;
		max-height: 640px;
	}
	.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
		background-color: #d2d2d2;
		color: #fff;
		}
	.woocommerce button.single_add_to_cart_button {
		font-size:1em;
		padding: .618em 1em;
	}
	.sku_wrapper {
		display: block;
		margin-bottom: 20px;
		font-weight: 600;
	}
	.woocommerce div.product .stock {
		color: #999;
	}

	.woocommerce div.product div.images .flex-control-thumbs li img{
	}



	.wp-block-pullquote.is-style-solid-color blockquote p {
		font-size: 24px;
	}

	.woocommerce-product-details__short-description ul {
		margin-left: 0px;
		padding: 20px;
		background: #fafafa;
	}
	.woocommerce-product-details__short-description ul li {
		margin-bottom: 4px;
		font-size: 16px;
	}
	.woocommerce div.product .woocommerce-tabs .panel a{
		color:#000;
		text-decoration:underline;
	}

	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
		color: #5cc4f0;
	}
	.navbar-light .navbar-nav .nav-link {
		color: #777;
		font-weight: 300;
	}

	.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link  {
		color: #5cc4f0 ;
	}

	.navbar-expand-lg .navbar-collapse {
		margin-top:auto;
		margin-bottom:10px;
	}

	.wp-block-image img {
		max-width: 100%;
		height: auto;
	}
	
	.wp-block-buttons {
    text-align: center;
}



.woocommerce div.product form.cart .variations select {
    font-size: 24px;
    line-height: 34px;
    height: 32px;
}

.woocommerce .products ul, .woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
}

.flex-grow {
    flex: 1 0 auto;
}
*/

	.footarea {background: #5cc4f0;}
	.footarea p, .footarea h3 {color:#fff;}

#menu-servisna-vrstica li a {
	padding:0 10px;
	font-size:0.85em;
	FONT-WEIGHT:300;
}

@media (max-width:991px) {	
#menu-servisna-vrstica li a {
	padding:0px;
}

}

input[type=text],input[type=number],input[type=url],input[type=email], input[type=tel], input[type=date], textarea {
	padding:5px 10px;
	width:100%;
}

input[type=text],input[type=number],input[type=url],input[type=email], input[type=tel], input[type=date] {
	height:35px;
}


input[type="submit"], button[type="submit"] {
	color:#ffffff;
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0.5em 0 0 0;
    width: 100%;
}
.headerform {
	
}
.headerform input, .headerform button {
	border-radius:0;
	font-size:0.85em;
	text-align:center;
}

.headerform button {
	border: 1px solid #5cc4f0	;
	background-color: #5cc4f0;	max-width:100px;	height:30px;
}


@media (max-width:991px) {	.headerform button {	max-width:50px;}}
/*
.menusocial i {
	color:#999;
}
.navbar-nav.menusocial {
	flex-direction: column;
}
.menusocial a.nav-link {	color:#999 !important;	font-size:0.9em !important;	font-weight:100 !important;}.menusocial a.nav-link:hover {	color:#777 !important;}.menusocial .fa {    width: 20px;}
.wp-block-navigation-link__content {
    padding: 1em 1em 1em 0;
}

.wp-block-button__link, .wp-block-button__link:visited  {
   
   color: #5cc4f0;
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 0.85em;
   padding: 0;
    text-align: left;
    text-decoration: none;
    overflow-wrap: break-word;
	
}
.wp-block-button__link:hover {
    color: #000000;
	
}

.widget_nav_menu ul {
    list-style: none;
    padding: 0;
	margin-bottom:10px;
}

.widget_nav_menu ul.sub-menu {
	font-size: 16px;
	margin-top: 0px;
	padding-left: 10px;
}

.widget_nav_menu ul.sub-menu li {
	margin-bottom:0px;
}

.widget_nav_menu ul li {
	margin-bottom:10px;
}

.navbar-toggler:not(:disabled):not(.disabled) {
    width: auto;
}

.wp-block-cover, .wp-block-cover-image {
    height: auto;
}
.selection span ul {visibility:hidden;}

.homehead .wp-block-column:not(:first-child) {
    margin-left: 0;
}
.homehead.wp-block-columns {
    margin-bottom: 0;
}

.homehead a {
    color: #fff;
}

.home ul.wp-block-latest-posts {
	padding-left:0;
}

.home ul.wp-block-latest-posts li{
	margin-bottom:10px;;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
     width: 100%;
}
.woocommerce div.product p.price {
    font-size: 1.5em;
	line-height:2.0em;
    background: #5cc4f0;
	color: #fff;
    margin-top: 0px;
	padding:5px;
}
.ui-widget {
    font-family: 'Barlow', sans-serif;
    font-size: 0.9em;
}
.ui-datepicker table {
     font-family: 'Barlow', sans-serif;
   font-size: .8em;
}
.wc-bookings-booking-form fieldset {
    margin:0;
}
.wc-bookings-date-picker {
    padding:0;
}
.wc-bookings-booking-form select {
    padding: 5px 10px;
}
.woocommerce-product-details__short-description {
	font-size: 0.9em;
    line-height: 1.5em;
}
.wc-bookings-booking-form {
    border: 1px solid #ddd;
    padding: 1.3em 1.3em 0;
    margin: 0 0 1em;
	background:#fff;
}

.woocommerce div.product div.images .flex-control-thumbs {
    margin: 10px 0;
}

.product_meta {
    font-size: 0.7em;
}
*/

.woocommerce table.shop_attributes th {
  width: 20%;
  font-weight: 100;
  padding:20px;
}

.woocommerce table.shop_attributes td {
  font-style: normal;
}


input[type=number]::-webkit-inner-spin-button {
 /* -webkit-appearance: none; */
}
/* ensures the increment/decrement arrows always display */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}
	.bg-white form label, .bg-white form p {
    font-size:18px;
	line-height:24px;
}

.nav-item.special {
	background:#5cc4f0;
	color:#fff;
}

.nav-item.special a, .nav-item.special i {
	color:#fff !important;
 padding: 0.5rem 1rem;
}

#wccs-slider-1794 .woo-cs-cat-details {
    background: rgba(0,0,0,.5) !important;
    color: #fff;
}
#wccs-slider-1794 .woo-cs-cat-details .woo-cs-cat-button {
    display: none !important;
}

.slick-next, .slick-prev {
   background: none;
}
 .slick-prev:hover, .slick-next:hover {
   background: #5cc4f0 !important;
}

.woo-cs .woo-cs-left-block img {
    width: auto;
    height: 500px;
}
 
.prdctfltr_buttons, .prdctfltr_showing {display:none;}
.prdctfltr_wc { margin-bottom: 30px;}

.swiper-button-prev:after, .swiper-button-next:after {
    color: #5cc4f0;
}

.wp-block-rezervacija {
    color: #fff;
    background-color: #5cc4f0;
    border-radius: 10px;
    box-shadow: none;
    display: inline-block;
    font-size: 1.125em;
    padding: 1.5rem;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
    box-sizing: border-box;
}


.wp-block-rezervacija a{
color: #fff; }

.berocket_better_labels .berocket_better_labels_line .br_alabel {
  z-index: 2 !important;
}

/* NOVI NAVBAR */

.site-navbar {
  margin-bottom: 0px;
  z-index: 1999;
  position: relative;
  top: 0;
  width: 100%;
  padding: 1rem; }
  
    @media (max-width: 991.8px) {
.site-navbar {
  padding: 0 0.5rem 1rem 0.5rem; }
  }
  
  .site-navbar .toggle-button {
    position: absolute;
    right: 0px; }

.site-navbar .site-logo {

}

  @media (min-width: 991.9px) {
	  .site-navbar .site-logo {
  margin: 0;
  padding: 0;
  font-size: 1.7rem;
  position: absolute;
  text-align: center;
  width: 100%;
  top: -70px;
}
	  
	  }

.site-navbar .site-logo a {
      text-transform: lowercase; }
    @media (max-width: 991.98px) {
      .site-navbar .site-logo {
        float: left;
        position: relative; } }
  .site-navbar .site-navigation.border-bottom {
    border-bottom: 1px solid white !important; }
  .site-navbar .site-navigation .site-menu {
    margin: 0;
    padding: 0;
    margin-bottom: 0; }
    .site-navbar .site-navigation .site-menu a {
      text-decoration: none !important;
      display: inline-block; }
    .site-navbar .site-navigation .site-menu > li {
      display: inline-block; }
      .site-navbar .site-navigation .site-menu > li > a {
        margin-left: 15px;
        margin-right: 15px;
        padding: 0;
        display: inline-block;
        text-decoration: none !important; }

 @media (max-width: 991.8px) {	
.site-navbar .site-navigation .site-menu > li {
  display: block;
  text-align: left;
  padding: 10px 0 0 0;
  margin: 10px 0 0 -14px;
  border-top: 1px solid #ddd;
}		
  }	
		
 .site-navbar .site-navigation .site-menu .active {
      color: #666 !important; }
    .site-navbar .site-navigation .site-menu .has-children {
      position: relative; }
      .site-navbar .site-navigation .site-menu .has-children > a {
        position: relative;
        padding-right: 20px; }

      .site-navbar .site-navigation .site-menu .has-children .dropdown {
        visibility: hidden;
        opacity: 0;
        top: 100%;
        position: absolute;
        text-align: left;
        border-top: 2px solid #5cc4f0;
        -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
        padding: 0px 0;
        margin-top: 20px;
        margin-left: 0px;
        background: #fff;
        -webkit-transition: 0.2s 0s;
        -o-transition: 0.2s 0s;
        transition: 0.2s 0s; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
          position: absolute; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            display: none;
            bottom: 100%;
            left: 20%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            border-color: rgba(136, 183, 213, 0);
            border-bottom-color: #fff;
            border-width: 10px;
            margin-left: -10px; }

        .site-navbar .site-navigation .site-menu .has-children .dropdown > li {
          list-style: none;
          padding: 0;
          margin: 0;
          min-width: 200px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
            padding: 9px 20px;
            display: block; }
            .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
              background: #f8f9fa;
              color: #ced4da; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
            content: "\e315";
            right: 20px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
            left: 100%;
            top: 0; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
            background: #f8f9fa;
            color: #ced4da; }
      .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
        cursor: pointer; }
        .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
          -webkit-transition-delay: 0s;
          -o-transition-delay: 0s;
          transition-delay: 0s;
          margin-top: 0px;
          visibility: visible;
          opacity: 1; }

.site-mobile-menu {
  width: 300px;
  position: fixed;
  right: 0;
  z-index: 2000;
  padding-top: 20px;
  background: #fff;
  height: calc(100vh);
  -webkit-transform: translateX(110%);
  -ms-transform: translateX(110%);
  transform: translateX(110%);
  -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  .offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  .site-mobile-menu .site-mobile-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
      float: right;
      margin-top: 8px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
        font-size: 30px;
        display: inline-block;
        padding-left: 10px;
        padding-right: 0px;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
          color: #ced4da; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
      float: left;
      margin-top: 10px;
      margin-left: 0px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
        display: inline-block;
        text-transform: uppercase; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
          max-width: 70px; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
          text-decoration: none; }
  .site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 0 20px 20px 20px;
    height: calc(100vh - 52px);
    padding-bottom: 150px; }
  .site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative; }
    .site-mobile-menu .site-nav-wrap a {
      padding: 10px 20px;
      display: block;
      position: relative;
      color: #212529; }

    .site-mobile-menu .site-nav-wrap li {
      position: relative;
      display: block; }

    .site-mobile-menu .site-nav-wrap .arrow-collapse {
      position: absolute;
      right: 0px;
      top: 10px;
      z-index: 20;
      width: 36px;
      height: 36px;
      text-align: center;
      cursor: pointer;
      border-radius: 50%; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
        background: #f8f9fa; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:before {
        font-size: 12px;
        z-index: 20;
        font-family: "icomoon";
        content: "\f078";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(-180deg);
        -ms-transform: translate(-50%, -50%) rotate(-180deg);
        transform: translate(-50%, -50%) rotate(-180deg);
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .site-mobile-menu .site-nav-wrap > li {
      display: block;
      position: relative;
      float: left;
      width: 100%; }
      .site-mobile-menu .site-nav-wrap > li > a {
        padding-left: 20px;
        font-size: 20px; }
      .site-mobile-menu .site-nav-wrap > li > ul {
        padding: 0;
        margin: 0;
        list-style: none; }
        .site-mobile-menu .site-nav-wrap > li > ul > li {
          display: block; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > a {
            padding-left: 40px;
            font-size: 16px; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > ul {
            padding: 0;
            margin: 0; }
            .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
              display: block; }
              .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
                font-size: 16px;
                padding-left: 60px; }
    .site-mobile-menu .site-nav-wrap[data-class="social"] {
      float: left;
      width: 100%;
      margin-top: 30px;
      padding-bottom: 5em; }
      .site-mobile-menu .site-nav-wrap[data-class="social"] > li {
        width: auto; }
        .site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a {
          padding-left: 15px !important; }

.sticky-wrapper {
  position: relative;
  z-index: 100;
  width: 100%;
  position: relative;
  top: 0; }
  .sticky-wrapper .site-navbar {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
  .sticky-wrapper .site-navbar {
    background: #fff; }

  .sticky-wrapper.is-sticky .site-navbar {
    background: #fff;
    -webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2); }

  .sticky-wrapper .shrink {
    padding-top: 0px !important;
    padding-bottom: 0px !important; }
    @media (max-width: 991.98px) {
      .sticky-wrapper .shrink {
        padding-top: 30px !important;
        padding-bottom: 30px !important; } }





.list-inline, .list-inline a {
      text-decoration: none !important;
      display: inline-block;
	color:#ffffff;
	font-size:14px;
	line-height:30px;
	}
.list-inline a.active {
	color:#5cc4f0;
	}
.list-inline > li {
      display: inline-block; }
	  
	  
.list-inline > li > a {
        margin-left: 15px;
        margin-right: 15px;
        padding: 0px;
        display: inline-block;
        text-decoration: none !important; }
		
@media (max-width: 991.8px) {	
.list-inline > li > a {
        margin-left: 0px;}	
  }			
		
.list-inline > li > a > i {
        margin-right: 5px;
		}	
		
.list-inline .form-control {

  height: auto;
  padding: 0 0.75rem;
  line-height: 1;
  background-color: rgba(255,255,255,0.1);	
  color:#fff;
  border: 0px solid #ced4da;
}

.list-inline button {
	font-size: 0.85em;
	padding: 0 1em;}

.list-inline button:hover 
 {
  background-color: #000;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

@media (max-width: 991.8px) {	
img.custom-logo {
        height:100px;
		width:auto;}	
  }			
		
		
/* KONEC NOVI NAVBAR */

/* Add favicon before products attributes */


.single-product .woocommerce-product-attributes-item--attribute_pa_oprema .woocommerce-product-attributes-item__label::before{
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-size: 20px !important;
	color: #fff !important;
	padding: 10px;
	background: #5cc4f0;
	border-radius:20px;
	margin-right:1rem;
	font-weight:700;
}
.single-product .woocommerce-product-attributes-item--attribute_pa_velikost .woocommerce-product-attributes-item__label::before{
	content: "\f247";
	font-family: "Font Awesome 5 Free";
	font-size: 20px !important;
	color: #fff !important;
	padding: 10px;
	background: #5cc4f0;
	border-radius:20px;
	margin-right:1rem;
	font-weight:700;
}
.single-product .woocommerce-product-attributes-item--attribute_pa_spalnice .woocommerce-product-attributes-item__label::before{
	content: "\f236";
	font-family: "Font Awesome 5 Free";
	font-size: 20px !important;
	color: #fff !important;
	padding: 10px;
	background: #5cc4f0;
	border-radius:20px;
	margin-right:1rem;
	font-weight:700;
}
.single-product .woocommerce-product-attributes-item--attribute_pa_kopalnice .woocommerce-product-attributes-item__label::before{
	content: "\f2a7";
	font-family: "Font Awesome 5 Free";
	font-size: 20px !important;
	color: #fff !important;
	padding: 10px;
	background: #5cc4f0;
	border-radius:20px;
	margin-right:1rem;
	font-weight:700;
}
.single-product .woocommerce-product-attributes-item--attribute_pa_parkirna-mesta .woocommerce-product-attributes-item__label::before{
	content: "\f207";
	font-family: "Font Awesome 5 Free";
	font-size: 20px !important;
	color: #fff !important;
	padding: 10px;
	background: #5cc4f0;
	border-radius:20px;
	margin-right:1rem;
	font-weight:700;
}

.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
  background: #fff;
  padding: 2rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-weight: 400;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: left;
    width: 63%;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 33%;
    clear: none;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: 6.666%;
    float: left;
    margin: 0;
    list-style: none;
}

.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
     clear: none; 
}

h1.product_title {margin-bottom: 1rem;}

.ywctm-custom-button {cursor: pointer !important;}

.woocommerce div.product div.images .flex-control-thumbs li img {
    opacity: 0.6;
}
.woocommerce div.product div.images .flex-control-thumbs {
    background: #5cc4f0;
}