/*
Theme Name: it2022
Theme URI: https://www.iwmnetwork.com/
Author: IWM Network
Author URI: https://www.iwmnetwork.com/
Description: Responsive theme
Version: 1.0
Text Domain: gliesewp
*/

@import url('//fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=PT+Mono&family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');

body,
html,
.site {
	height: 100%;
	min-height: 100%;
}


body.error404 {
	padding-top: 150px;
    background-image: url(images/bg-newsletter-pattern.png);
    background-color: #f9fafb;
}
.woocommerce-cart,
.woocommerce-checkout,
.woocommerce-account.logged-in,
.woocommerce-wishlist{
	background: #e5e8eb;
}

.woocommerce-account,
.page-template-registracija,
.page-template-pretplata,
.page-template-employer-branding,
.page-template-mapiranje-2022-landing,
.page-template-mapiranje-2022{
    background-image: url(images/bg-newsletter-pattern.png);
    background-color: #f9fafb;
}
.woocommerce-account .page-title,
.page-template-registracija .page-title{
	color: #2a2f32;
}





html { max-width: 100%; overflow-x:hidden; }
body { max-width: 100%; }

.woocommerce-LostPassword.lost_password {
	font-family: 'PT Mono', monospace;
	font-size: 12px;}

.login-form-wrap {
	display: flex;
	align-items: flex-end;}

	.login-form-wrap h2{
		display: none;}

	.login-form-wrap .forma{
		flex: 1 1 500px;}

	.login-form-wrap .notice{
		flex: 1 1 calc(100% - 550px);
		margin-left: 50px;
		margin-bottom: 45px;
		background: -moz-linear-gradient(45deg, rgba(5,25,55,0.9) 0%, rgba(42,47,50,0.9) 100%);
		background: -webkit-linear-gradient(
		45deg, rgba(5,25,55,0.9) 0%,rgba(42,47,50,0.9) 100%);
		background: linear-gradient(
		45deg, rgba(5,25,55,0.9) 0%,rgba(42,47,50,0.9) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6051937', endColorstr='#e62a2f32',GradientType=1 );
		color: #fff;
		padding: 25px 50px;}


	.login-form-wrap form.login,
	.login-form-wrap form.register{
		margin:0;}


@media only screen and (max-width : 991px) {
.login-form-wrap {
	flex-wrap: wrap;
	}
	
	.login-form-wrap .forma{
		margin: 0;
		flex: 1 1 100%;}
	
	.login-form-wrap .notice{
		margin: 0 0 30px 0;
		flex: 1 1 100%;}
}

@media only screen and (max-width : 767px) {

	.login-form-wrap .forma{
		order:2}
	
	.login-form-wrap .notice{
		padding:15px 35px;
		order:1}
}




.link-white,
.link-white:hover {
	color:#fff;}

.post-divider {
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0;
	width: 100% !important;
	border-bottom: 1px solid #eee !important;
}

.wp-block-group.has-background {
    padding: 15px 30px;
    margin: 0 0 20px 0;
}


.info {
    border: 1px solid #e5e8eb;
    background: -webkit-linear-gradient( 
	45deg, rgba(5,25,55,0.9) 0%,rgba(42,47,50,0.9) 100%);
    background: linear-gradient( 
	45deg, rgba(5,25,55,0.9) 0%,rgba(42,47,50,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6051937', endColorstr='#e62a2f32',GradientType=1 );
    padding: 25px; color:#fff;
    font-family: 'PT Mono';
    font-size:12px;
	margin: 0 0 2em 0;
}

.info-light {
    border: 1px solid #e5e8eb;
    background: #e5e8eb;
    padding: 25px;
    font-family: 'PT Mono';
    font-size:12px;
	margin: 0 0 2em 0;
}

.wp-block-image {
    margin: 2em 0;
	position: relative;
}

.wp-block-image figcaption {
    backdrop-filter: blur(7px);
    position: absolute;
    bottom: 0;
    padding: 10px 15px;
    left: 0;
    margin: 0;
    width: 100%;
    background: rgba(0,0,0,0.1);
    color: #fff;
    font-size: 12px;
    font-family: 'PT Mono';
}

.entry-title {
	margin: 60px 0;
}

.entry-title a {
	color: #333333;
}

.large-heading {
	font-size: 60px;
}

.title-sponzoriran {
	margin: 0;
	font-size: 11px;
	position: relative;
	bottom: -30px;
	text-transform: uppercase;
	background: #623cea;
	padding: 3px 8px;
	display: inline-block;
	color: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.title-sponzoriran.alt {
	bottom: 0px;
	margin-bottom: 10px;
}

body {
	background: #ffffff;
	/* 
	-webkit-transition: padding 500ms;
	-moz-transition: padding 500ms;
	-ms-transition: padding 500ms;
	-o-transition: padding 500ms;
	transition: padding 500ms;
	*/
	font-family: 'Open Sans', sans-serif;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	font-size: 16px;
	line-height: 1.65;
	color: #2a2f32;
}

#wpdcom {
    max-width: 100%;
}

p {
	margin: 0 0 20px;
}

ul.list-styled,
ol.list-styled {
	margin-left: 0;
	padding: 0 0 0 20px;
}

ul.list-no-style,
ol.list-no-style {
	margin-left: 0;
	padding: 0;
	list-style-type: none;
}

ul.list-no-style li,
ol.list-no-style li {
	border-bottom: 1px solid #edf3ee;
	padding: 10px 0;
}

ul.list-no-style li a,
ol.list-no-style li a {
	display: block;
}


ul.list-no-style li:last-child,
ol.list-no-style li:last-child {
	border-bottom: 0;
}

ul.aktivni-diskusii {
	padding-right:	60px;
}
	ul.aktivni-diskusii li{
		padding-right:	60px;
	}
.list-black-link a {
	color: #000;
}


.list-bubble li{
	background: #fff;
	border-radius: 25px;
	padding: 6px 20px;
	margin-right: 10px;
}
.color-black {
	color: #000;
}
@media only screen and (max-width : 991px) {
.title-sponzoriran {
	margin: 30px 0 0 0;
	bottom: 0;
}
	
.title-sponzoriran.alt {
	margin-top: 0px;
}
	
.entry-title {
	margin: 40px 0;
}
}
@media only screen and (max-width : 767px) {
body.error404 {
	padding-top: 50px;

}
.entry-title {
	margin: 20px 0;
}
	
	body {
		font-size: 15px;
		line-height: 1.5;
	}

	.container-fluid.alt {
		padding-left: 0px;
		padding-right: 0;
	}

	.large-heading {
		font-size: 35px;
	}
	
ul.list-no-style li,
ol.list-no-style li {
	padding: 5px 0;
}
	
ul.aktivni-diskusii {
	padding-right:	0px;
}
	ul.aktivni-diskusii li{
		padding:	0px;
		display: none;
	}
	
	ul.aktivni-diskusii li:nth-child(1),
	ul.aktivni-diskusii li:nth-child(2),
	ul.aktivni-diskusii li:nth-child(3),
	ul.aktivni-diskusii li:nth-child(4),
	ul.aktivni-diskusii li:nth-child(5){
		display: inherit;
	}
	ul.aktivni-diskusii li:nth-child(5){
		border-bottom:0 !important;
	}
	
}

/* 
@media (min-width: 768px) {

	.container.alt {
		padding-left: 60px;
		padding-right: 0;
	}

	.container-fluid.alt {
		padding-left: 60px;
		padding-right: 0;
	}
} */


.roboto {
	font-family: 'Roboto Slab', serif;
}
.ptmono {
	font-family: 'PT Mono', monospace;
}
.opensans {
	font-family: 'Open Sans', sans-serif;
}
.margin-top-30 {
	margin-top: 30px;
}

.margin-bottom-10 {
	margin-bottom: 20px;
}
.margin-bottom-20 {
	margin-bottom: 20px;
}
.margin-bottom-30 {
	margin-bottom: 30px;
}
.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }

  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }

  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }

  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }

  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }

  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }

  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }

  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }

  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }

  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }

  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }

  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }

  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }

  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }

  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }

  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }

  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }

  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }

  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }

  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }

  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }

  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.vbar-overlay {
	position: fixed;
	z-index: 10;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	background: rgba(0, 0, 0, 0.8);
	opacity: 0;
	visibility: hidden;
}

.vbar-overlay.visible {
	opacity: 1;
	visibility: visible;
}

.vbar {
	background: #d42535;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	width: 360px;
	position: fixed;
	top: 0;
	left: -300px;
	text-align: right;
	z-index: 12;
	height: 100%;
	content: "";
}

.vbar.open {
	left: 0px;
}

.vbar .desno {
	width: 60px;
	background: #c4dc00;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}

.vbar .desno .btn-menu {
	width: 60px;
	color: #f66976;
	cursor: pointer;
	top: 60px;
	position: relative;
	border-top: 1px solid #d42535;
	height: 60px;
}

.vbar .desno .btn-menu:before {
	content: "\f0c9";
	position: absolute;
	width: 100%;
	color: #f66976;
	top: 0;
	left: 0;
	font-family: "Font Awesome 5 Pro";
	line-height: 60px;
	text-align: center;
	font-size: 30px;
}

#scroll-menu {
	position: absolute;
	bottom: 0;
	background: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	right: 0;
}


#scroll-menu li {
	display: block;
	padding: 0;
	margin: 0;
}

#scroll-menu li a,
#scroll-menu li div {
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
	width: 60px;
	height: 60px;
	text-align: center;
	-webkit-transition: .5s all ease-out;
	-moz-transition: .5s all ease-out;
	transition: .5s all ease-out;
	border-top: 1px solid #d42535;
	color: #f66976;
	text-decoration: none;
	line-height: 60px;
	font-size: 22px;
}


#scroll-menu li a:hover,
#scroll-menu li div:hover {
	color: #fff;
}

#scroll-menu li a:focus,
#scroll-menu li div:focus {
	color: #f66976;
}

#scroll-menu li.active a {
	color: #fff;
}

.vbar .levo {
	width: 300px;
	position: absolute;

	text-align: left;
	top: 0;
	left: 0;
	height: 100%;
}

.vbar-mainmenu {
	margin: 45px 0 0 0;
	padding: 0;
	list-style-type: none;
}

.vbar-mainmenu li {
	font-size: 18px;
	font-weight: 300;
}

.vbar-mainmenu li a {
	display: block;
	padding: 10px 25px;
	color: #fff;
}

.vbar-mainmenu li ul {
	list-style-type: none;
	padding: 0;
	margin: 0 25px 10px 25px;
}

.vbar-mainmenu li ul li {
	font-size: 11px;
	display: inline-block;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 400;
}

.vbar-mainmenu li ul li a {
	padding: 4px 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #c61e2e;
}



.section-title {
	color:#1b1e1f;
	font-weight: 400;
	overflow: hidden;
	padding: 10px 0;
	font-size: 24px;}

	.section-title.on-black {
		color:#fff;}


	.section-title a,
	.section-title a:hover{
		text-decoration: none;
		padding-bottom: 5px;
		color:#1b1e1f;}

		.section-title.on-black a,
		.section-title.on-black a:hover{
			color:#fff;}

	.section-title span,
	.section-title span a{
		position: relative;
		top: 0;
		-webkit-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
		transition: all 50ms ease-in;
		transition-delay: 0ms;
		z-index: 22;}

	.section-title span a:hover{
		transition-delay: 300ms;
		top: -6px;}

		.section-title span:after{
			position: absolute;
			bottom: 0px;
			left: 0;
			width:100%;
			height: 7px;
			z-index: 1;
			content: "";
			background: #dee7f2;}

			.section-title.on-black span:after{
				background: #c4dc00;}

			.section-title.on-grey span:after{
				background: #c8d5dd;}

		.section-title span:before{
			position: absolute;
			bottom: 0px;
			left: -100%;
			width:100%;
			height: 7px;
			z-index: 2;
			content: "";
			background: #c4dc00;}

			.section-title.on-black span:before{
				background: #a6aeb4;}

		.section-title span:hover:before{
			animation: st-anim 500ms cubic-bezier(0.87, 0, 0.13, 1) 0s 1 normal forwards;}

@media screen and (max-width: 767px) {
.section-title {
	font-size: 22px;
	margin-top: 0;}
}


@keyframes st-anim {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(100%);
  }
}

a {
	color: #9fb10d;
}

a:hover {
	color: #000000;
}

section.margin {
	margin: 60px 0;
}

section.so-bg {
    padding-top: 60px;
    padding-bottom: 60px;
    margin-bottom: 30px;
    border-top: 1px solid #e5e8eb;
    border-bottom: 1px solid #e5e8eb;
    background-image: url(images/bg-newsletter-pattern.png);
    background-color: #f9fafb;
}


section.page-kariera {
	margin-top: 20px;
}

.entry-content ul.styled {
	margin: 30px 0;
	padding: 0;
	list-style-type: none;}

	.entry-content ul.styled li {
		margin: 0 0 10px 0;
		padding: 0 0 0 15px;
		position: relative;}


		.entry-content ul.styled li:before {
			top: 0;
			width: 3px;
			height: 100%;
			left: 0;
			background: #e5e8eb;
			position: absolute;
			content: "";}


ol.styled {
	counter-reset: itmk;
	padding-left: 20px;
	list-style-type: none;}

	ol.styled li {
		counter-increment: itmk;}

		ol.styled li:before {
			content: counters(itmk, '.') ' ';
			color: #c4dc00;
			font-family: "PT Mono";}



@media screen and (max-width: 767px) {
section.margin {
	margin: 30px 0;
}
	
section.page-kariera {
	margin-top: 0px;
}
.container {
    padding-left: 20px;
    padding-right: 20px;
}
}

.fs12 {
	font-size:	12px;}
.fs14 {
	font-size:	14px;}
.fs16 {
	font-size:	16px;}
.fs18 {
	font-size:	18px;}
.fs20 {
	font-size:	20px;}
.fs22 {
	font-size:	22px;}
.posledni-novosti-split {
	flex-wrap: wrap;
	display: flex;}

.posledni-novosti-split .woocommerce {
	width:100%;}

	.posledni-novosti-split .levo{
		flex:0 1 40%;
		position: sticky;
		position: -webkit-sticky;
		align-self: flex-start;
		top: 73px;
		padding: 0 30px 0 0;}

	.posledni-novosti-split .desno{
		flex:1 1 60%;}

.novost-wrap {
	padding: 20px 0;
	border-bottom: 1px solid #edf3ee;
	display: flex;}
	


	.novost-wrap:last-of-type {
		padding: 20px 0 0 0;
		border-bottom: 0;}

	.novost-wrap .slika{
		flex:1 1 30%;
		padding: 0 30px 0 0;}

	.novost-wrap .desno{
		align-content: center;
		display: flex;
		flex-wrap: wrap;
		flex:1 1 70%;}

	.novost-wrap .desno h3{
		min-width: 100%;
		margin-top:10px;}

	.novost-wrap .desno .objavenona{
		margin-bottom:0px;}

.sticky-novost  {
	position:relative;}

	.sticky-novost .text{
		position: absolute;
		bottom: 20px;
		left: 40px;
		right: 40px;}

	.sticky-novost .naslov a,
	.sticky-novost .naslov a:hover{
		color:#fff;}

.sticky-novost figure {
	position:relative;}

	.sticky-novost figure:before {
		position: absolute;
		width: 100%;
		height: 70%;
		right: 0;
		bottom: 0;
		left: 0;
		content: "";
		background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
		background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
		background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);}


@media screen and (max-width: 767px) {
.posledni-novosti-split {
	flex-wrap: wrap;}

	.posledni-novosti-split .levo{
		flex:1 0 calc(100% + 40px);;
		width:calc(100% + 40px);
		margin-left: -20px;
		position: relative;
		margin-bottom: 5px;
		align-self: flex-start;
		top: 0px;
		padding: 00;}

	.posledni-novosti-split .desno{
		flex:1 1 100%;}
	
	.posledni-novosti-split.reverse .levo{
		order:2;}
	
	.posledni-novosti-split.reverse .levo.forum-wrap{
		padding: 30px 20px;
		margin-top: 60px;
		margin-bottom: -30px;
		background-image: url(images/bg-forum-pattern.png);
		border-top: 1px solid #e5e8eb;
		border-bottom: 1px solid #e5e8eb;
		background-color: #f9fafb;
	}
	
.posledni-novosti-split.reverse .levo.forum-wrap ul.list-no-style li, 
.posledni-novosti-split.reverse .levo.forum-wrap ol.list-no-style li {
	border-bottom: 1px solid #e5e9ec; }
	

	.posledni-novosti-split.reverse .desno{
		order-:1}
	
.novost-wrap {
	padding: 15px 0;}

	.novost-wrap:last-of-type {
		padding: 15px 0 0 0;
		border-bottom: 0;}

	.novost-wrap .slika{
		flex:1 1 30%;
		padding: 0 20px 0 0;}

	.novost-wrap .desno{
		flex:1 1 70%;}


	.sticky-novost .text{
		bottom: 0px;
		left: 20px;
		right: 20px;}
}












section.home-kariera .block-item {
	margin: 0px 0;
}

@media screen and (max-width: 767px) {
	section.home-kariera {
		margin:20px 0 30px 0 !important;
	}
	
section.home-kariera .block-item {
	margin: 3px 0;
	padding-top: 0;
	padding-bottom: 0;
}
	
section.home-kariera .block-item .wrap{
	border-bottom: 1px solid #edf3ee;
	padding: 2px 0;
}
	
section.home-kariera .block-item:last-of-type .wrap{
	border-bottom: 0;
}
section.home-kariera .block-item h4 {
	margin-top: 0;}
}


section.home-forum {
	background: #f0f2f4;
	padding-top: 60px;
	padding-bottom: 60px;
	margin: 0;
}

section.home-linkovi {
	background: #e5e8eb;
	padding-top: 60px;
	padding-bottom: 60px;
	margin: 0;
}

section.it-shop {
	background: #dce0e4;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0;
}

section.it-shop.vnatresna {
	background: #fff;
	margin: 60px 0;
}

.section-heading {
	margin-bottom: 30px;
}

.row.no-pad {
	margin-right: 0;
	margin-left: 0;
}

.row.no-pad>[class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}

.form-control {
	-webkit-box-shadow: none;

	
    border: 0;
    border-radius: 2px;
    outline: 0;
    box-shadow: 0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%);
}
.input-lg {
	font-weight: 300;}
	
.postform {
	color: #333333;
	border: 1px solid #ced6dd;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 46px;
	padding: 10px 12px;
	font-size: 18px;
	line-height: 1.3333333;
}

label {
	font-weight: 600;
}

.contact-msg-pole .form-control {
	min-height: 102px;
}



.well {
	margin-bottom: 20px;
	background-color: #f0f2f4;
	border: 1px solid #e5e8eb;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well.material {
	border: 0;
	padding: 25px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
}

.wp-caption {
	width: 100% !important;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #8393a1 !important;
	font-size: 14px !important;
	margin: 10px 0 20px 0;
}

/**
 * CF7
 * ----------------------------------------------------------------------------
 */
span.wpcf7-not-valid-tip {
	color: #c4dc00;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 800;
}

div.wpcf7-response-output {
	margin: 15px 0 0 0;
	padding: 10px 15px;
}

div.wpcf7-validation-errors {
	background: #ffc425;
	border: 0;
	color: #fff;
	font-size: 14px;
}

div.wpcf7-mail-sent-ok {
	background: #b6d82c;
	border: 0;
	color: #fff;
	font-size: 14px;
}

@media only screen and (max-width : 767px) {
	section {
		margin: 0px 0;
	}
}

h1,
.h1 {
	font-size: 40px;
}

h2,
.h2 {
	font-size: 30px;
}

h3,
.h3 {
	font-size: 24px;
}

h4,
.h4 {
	font-size: 18px;
}

h5,
.h5 {
	font-size: 14px;
}

h6,
.h6 {
	font-size: 12px;
}

.padded {
	padding-top: 80px;
	padding-bottom: 80px;
}

.padded60 {
	padding-top: 60px;
	padding-bottom: 60px;
}
.padded-x {
	padding-left: 40px;
	padding-right: 40px;
}
.img-rounded {
	border-radius: 3px;
}

.img-center {
	margin: 0 auto;
}
.d-flex {
	display:	flex;
}
/* display: flex */
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 767px) {
    .flex-xs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .flex-sm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .flex-md {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media (min-width: 1200px) {
    .flex-lg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

/* IE 10-11 patch */
.flex > *,
.flex-xs > *,
.flex-sm > *,
.flex-md > *,
.flex-lg > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .flexbox_wrapper_ie_10_11_fix {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

/* flex-wrap: wrap */
.flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media (max-width: 767px) {
    .flex-xs-wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .flex-sm-wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .flex-md-wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
@media (min-width: 1200px) {
    .flex-lg-wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

/* justify-content: space-between */
.justify-space-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
@media (max-width: 767px) {
    .justify-xs-space-between {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .justify-sm-space-between {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .justify-md-space-between {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
}
@media (min-width: 1200px) {
    .justify-lg-space-between {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
}

/* justify-content: flex-end */
.justify-flex-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 767px) {
    .justify-xs-flex-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .justify-sm-flex-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .justify-md-flex-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
@media (min-width: 1200px) {
    .justify-lg-flex-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

/* flex-grow: 1 */
.flex-grow-fill {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}
@media (max-width: 767px) {
    .flex-grow-xs-fill {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .flex-grow-sm-fill {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .flex-grow-md-fill {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
    }
}
@media (min-width: 1200px) {
    .flex-grow-lg-fill {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
    }
}

/* centering flexbox */
.flex-vertical-centered {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-horizontal-centered {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flex-centered {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 767px) {
    .flex-xs-vertical-centered {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .flex-xs-horizontal-centered {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .flex-xs-centered {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .flex-sm-vertical-centered {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .flex-sm-horizontal-centered {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .flex-sm-centered {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .flex-md-vertical-centered {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .flex-md-horizontal-centered {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .flex-md-centered {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (min-width: 1200px) {
    .flex-lg-vertical-centered {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .flex-lg-horizontal-centered {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .flex-lg-centered {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

/* reset flex */
@media (max-width: 767px) {
    .no-flex-xs-block {
        display: block !important;
    }
    .no-flex-xs-inline-block {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .no-flex-sm-block {
        display: block !important;
    }
    .no-flex-sm-inline-block {
        display: block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .no-flex-md-block {
        display: block !important;
    }
    .no-flex-md-inline-block {
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .no-flex-lg-block {
        display: block !important;
    }
    .no-flex-lg-inline-block {
        display: block !important;
    }
}
.panel {
	-webkit-box-shadow: 1px 1px rgba(230, 231, 232, .75);
	-moz-box-shadow: 1px 1px rgba(230, 231, 232, .75);
	box-shadow: 1px 1px rgba(230, 231, 232, .75);
	border-radius:0;
	padding: 10px 15px;
}


.panel.shadow {
	box-shadow:0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%);
	-webkit-box-shadow: 0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%);
	-moz-box-shadow: 0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%);
}

.shadow {
	box-shadow:0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%);
	-webkit-box-shadow: 0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%);
	-moz-box-shadow: 0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%);
}


.shadow-alt {
	box-shadow:0 1px 2px rgb(16 27 30 / 2%), 0 2px 4px rgb(16 27 30 / 3%), 0 4px 8px rgb(16 27 30 / 3%), 0 8px 16px rgb(16 27 30 / 3%), 0 16px 32px rgb(16 27 30 / 5%);
	-webkit-box-shadow: 0 1px 2px rgb(16 27 30 / 2%), 0 2px 4px rgb(16 27 30 / 3%), 0 4px 8px rgb(16 27 30 / 3%), 0 8px 16px rgb(16 27 30 / 3%), 0 16px 32px rgb(16 27 30 / 5%);
	-moz-box-shadow: 0 1px 2px rgb(16 27 30 / 2%), 0 2px 4px rgb(16 27 30 / 3%), 0 4px 8px rgb(16 27 30 / 3%), 0 8px 16px rgb(16 27 30 / 3%), 0 16px 32px rgb(16 27 30 / 5%);
}
.relative {
	position: relative;
}

.vcenter {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.no-border-radius {
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

.line-height1 {
	line-height: 1;
}

.line-height1-5 {
	line-height: 1.5;
}

.line-height2 {
	line-height: 2;
}

.weight100 {
	font-weight: 100 !important;
}
.weight200 {
	font-weight: 200 !important;
}
.weight300 {
	font-weight: 300 !important;
}

.weight400 {
	font-weight: 400 !important;
}
.weight500 {
	font-weight: 500 !important;
}
.weight600 {
	font-weight: 600 !important;
}

.weight700 {
	font-weight: 700 !important;
}
.weight800 {
	font-weight: 800 !important;
}
.weight900 {
	font-weight: 900 !important;
}
.text-upper {
	text-transform: uppercase;
}


.popover {
	padding: 0px;
	font-family: "Open Sans", sans-serif;
	border: 0;
	border-radius: 0px;
}

.popover-title {
	padding: 15px 18px;
	background-color: #f0f2f4;
	border-bottom: 1px solid #e5e8eb;
	font-size: 18px;
	color: #8393a1;
	font-weight: 400;
	border-radius: 0;
}

.popover-content {
	padding: 18px;
}




.modal-content {
	border: 0;
	border-radius: 0px;
    box-shadow: 0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%);
}

.modal-header {
	background: #f0f2f4;
	border-bottom: 1px solid #e5e8eb;
	color: #8393a1;
	font-size: 18px;
	font-weight: 400;
}

.modal-backdrop {
background: -moz-linear-gradient(45deg, rgba(5,25,55,0.9) 0%, rgba(42,47,50,0.9) 100%);
    background: -webkit-linear-gradient(
45deg, rgba(5,25,55,0.9) 0%,rgba(42,47,50,0.9) 100%);
    background: linear-gradient(
45deg, rgba(5,25,55,0.9) 0%,rgba(42,47,50,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6051937', endColorstr='#e62a2f32',GradientType=1 );
    backdrop-filter: blur(3px) grayscale(100%);
}

.modal-backdrop.in {
	opacity: 1;
	filter: alpha(opacity=100);
}

.close {
	font-size: 23px;
	font-weight: normal;
	color: #8393a1;
	text-shadow: none;
	opacity: 1;
	line-height: 1.35;
	filter: alpha(opacity=100);
}

.close:hover {
	color: #c4dc00;
	line-height: 1.35;
	filter: alpha(opacity=100);
}









.author-card-wrap {
    border-bottom: 1px solid #e5e8eb;
    background-image: url(images/bg-newsletter-pattern.png);
    background-attachment: fixed;
    background-color: #f9fafb;
    padding: 50px 0;
}

.author-card {}

.author-card img {
	margin: 0 auto;
	margin-top: 0px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 0;
	max-width: 140px;
}

.author-card h1 {}
@media only screen and (max-width : 991px) {
	h2,
	.h2 {
		font-size: 21px;
	}

	h3,
	.h3 {
		font-size: 17px;
	}
}
@media only screen and (max-width : 767px) {
.author-card-wrap {
    padding: 20px 0;
	background-attachment: inherit;
}
.padded-x {
	padding-left: 0px;
	padding-right: 0px;
}
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
		line-height: 1.2;
	}
	h1,
	.h1 {
		font-size: 24px;
	}

	h2,
	.h2 {
		font-size: 21px;
	}

	h3,
	.h3 {
		font-size: 17px;
	}

	h4,
	.h4 {
		font-size: 15px;
	}

	h5,
	.h5 {
		font-size: 12px;
	}

	h6,
	.h6 {
		font-size: 10px;
	}

	.lead-medium {
		font-size: 18px;
		font-weight: 600;
	}

	.lead-large {
		font-size: 18px;
		font-weight: 600;
	}

	.lead-xlarge {
		font-size: 18px;
		font-weight: 600;
	}

	.padded,
	.padded60 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

.color-black {
	color:#1b1e1f !important;
}
.color-blue {
	color: #8896a5 !important;
}

.color-white {
	color: #ffffff !important;
}

.color-yellow {
	color: #ffcc00 !important;
}

.color-red {
	color: #c4dc00;
}

.color-green {
	color: #c4dc00;
}

.color-purple {
	color: #4a25d1;
}

.color-siva,
.color-grey {
	color: #a6aeb4;
}

.btn {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	border-radius:2px;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	position: relative;
	padding: 8px 52px 8px 18px;}

	.btn-sm, .btn-group-sm > .btn {
		padding: 5px 10px !important;
		font-size: 12px;
		font-weight: 400;;
		line-height: 1.5;
	}
	.btn-sm:before {
		display: none;
	}

.btn-block {
    text-align: left;
}
.btn-xxl {
	font-size: 25px;
	padding: 13px 23px;}

.btn-primary {
	background: #c4dc00;
	font-weight: 400;
	color: #000;
	border-color: #c4dc00;}

	.btn-primary:hover,
	.btn-primary:focus {
		background: #9fb10d;
		color: #000;
		border-color: #9fb10d;}


	.btn-primary:before,
	.btn-default:before,
	.btn-white:before{
		font-family: "Font Awesome 5 Pro";
		content: "\f178";
		position: absolute;
		top: 50%;
		margin-top: -13px;
		font-size: 19px;
		font-weight: 100;
		right: 16px;}

.btn-default {
	background: #5a5b6f;
	color: #ffffff;
	border-color: #5a5b6f;
}

.btn-default:hover,
.btn-default:focus {
	background: #4e4f63;
	color: #ffffff;
	border-color: #4e4f63;
}

.btn-purple {
	background: #4a25d1;
	color: #fff;
	border-color: #4a25d1;}

	.btn-purple:hover,
	.btn-purple:focus {
		background: #3a1ab1;
		color: #ffffff;
		border-color: #3a1ab1;}

.btn-white {
	background: #f2f2f2;
	color: #292f32;
	border-color: #f2f2f2;
}

.btn-white:hover,
.btn-white:focus {
	background: #e4e4e4;
	color: #292f32;
	border-color: #e4e4e4;
}

.btn-siv {
	background: #646b70;
	color: #ffffff;
	border-color: #646b70;
}

.btn-siv:hover,
.btn-siv:focus {
	background: #333;
	color: #ffffff;
	border-color: #333;
}






.btn-grey {
	background: #9da7ad;
	color: #fff;
	border-color: #9da7ad;
}

.btn-grey:hover,
.btn-grey:focus {
	background: #646b70;
	color: #fff;
	border-color: #646b70;
}








.btn-komp {
	padding-left: 0;
	padding-right: 0;
	margin-top: 2px;
	margin-bottom: 20px;
	font-size: 17px;
}

.btn-dark {
	background: #333333;
	color: #ffffff;
	border-color: #333333;
}

.btn-dark:hover,
.btn-dark:focus {
	background: #c4dc00;
	color: #ffffff;
	border-color: #c4dc00;
}

.btn-bordered {
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 2px solid #fff;
	background: transparent;
}

.btn-bordered:hover,
.btn-bordered:focus {
	color: #000;
	border: 2px solid #fff;
	background: #fff;
}

.btn-povece {
	margin: 20px 0;
}

.btn-radius {
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.btn-rounded {
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.btn-icon-only {
	width: 48px;
	height: 48px;
	text-align: center;
	line-height: 47px;
	padding: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.btn-predlozi-komp {
	margin-bottom: 20px;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #909aa3;
    border-color: #909aa3;
}
@media (max-width: 1339px) {
	.btn-komp {
		font-size: 14px;
		margin-top: 5px;
		font-weight: 400;
	}

	.btn-predlozi-komp {
		font-size: 15px;
	}
}


@media (max-width: 991px) {
	.btn-komp {
		margin-top: 0;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 767px) {
	.btn-komp {
		min-height: 40px;
		font-size: 13px;
	}

	.btn-komp i {
		font-size: 18px;
	}
}


.owl-wrapper-outer {
	-webkit-transform-style: preserve-3d;
}



/**
 * Home Slider
 * ----------------------------------------------------------------------------
 */


.hero-split {
	display:flex;}

	.hero-split .levo{
		flex: 1 1 40%;}

	.hero-split .desno{
		flex: 1 1 60%;
		padding: 100px 100px 80px 100px;
		display: flex;
		align-items: flex-end;}

	.hero-split .desno .inner{
		max-width: 700px;}

		.hero-split .desno .inner a.title{
			color: #2a2f32;}

			.hero-split .desno .inner .title h1{
				font-size: 44px;
				line-height: 1;
				font-weight: 400;}

	.hero-split.kariera .desno .inner .btn{
		margin-top: 5px;}

@media (max-width: 1499px) {
			.hero-split .desno .inner .title h1{
				font-size: 40px;}
}
@media (max-width: 1339px) {
	.hero-split .desno{
		padding: 75px;}
	
			.hero-split .desno .inner .title h1{
				font-size: 34px;}
}

@media (max-width: 991px) {
	
}

@media screen and (max-width: 767px) {
.hero-split {
	display:flex;
	position: relative;
	color: #fff;
	flex-wrap: wrap;}
	
	.hero-split.kariera .desno .inner {
		max-width: 700px;
		padding-bottom: 20px;}
	
	.hero-split.kariera .desno .inner .btn{
		padding: 6px 42px 6px 12px;
		font-size: 12px;}

	.hero-split .levo{
		flex: 1 1 100%;}
	
	.hero-split .levo figure {
		position:relative;
	}
.hero-split .levo figure:before {
    position: absolute;
    width: 100%;
    height: 70%;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient( 
90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
}
	
	.hero-split .desno{
		flex: 1 1 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 20px 20px 0 20px;}
	
			.hero-split .desno .inner .title h1{
				margin-top: 0;
				color: #fff;
				font-size: 20px;}
}

/**
 * Box Default
 * ----------------------------------------------------------------------------
 */

.box-default {}

.box-default .block-grid-item {
	margin-bottom: 20px;
}

.box-default.y2018 .block-grid-item {
	margin-bottom: 0px;
}

.box-default .block-grid-item .objavenona {
	font-size: 11px;
	color: #787e82;
}

.box-default .block-grid-item .naslov {
	margin-bottom: 20px;
	font-size: 18px;
}

.box-default.y2018 .block-grid-item .naslov {
	margin-bottom: 0;
}

.box-default .block-grid-item .naslov a {
	display: block;
}

.kompanija-list {
	margin: 0;
	padding: 0;
	font-size: 11px;
	width: 100%;
}

.kompanija-list.vo-arhiva {
	margin: 40px 0 -50px 0;
}

.kompanija-list li {
	margin: 0 10px 0 0;
	padding: 0;
}

.kompanija-list img {
	padding: 4px 6px 8px 0px;
}

.kompanija-list a {
	color: #000;
}




.box-default .block-grid-item hr {
	margin-top: 0px;
	margin-bottom: 15px;
}


.box-default .block-grid-item .sponzoriran {
	background: #c4dc00;
}

.box-default .block-grid-item .sponzoriran .naslov {
	margin-top: 0;
}

.box-default .block-grid-item .sponzoriran .naslov a {
	color: #fff !important;
	padding: 20px;
}


.box-default.slicni-statii .block-grid-md-3>.block-grid-item:nth-of-type(3) {
	display: none !important;
}
@media (max-width: 991px) {

.kompanija-list.vo-arhiva {
	margin: 30px 0 -20px 0;
}
}
@media (min-width: 992px) {
	.box-default.slicni-statii .block-grid-md-3>.block-grid-item:nth-of-type(3) {
		display: inherit !important;
	}
}

/**
 * Box Senka
 * ----------------------------------------------------------------------------
 */

.box-senka {}

.box-senka .block-item {}

.box-senka .block-item .izvor {
	font-size: 11px;
	text-transform: uppercase;
}

.box-senka .block-item .naslov {
	color: #000;
	margin: 0;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.5;
}

.box-senka .block-item .wrap {
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
	background: #fff;
	position: relative;
}

.box-senka .block-item .wrap .inner {
	padding: 25px;
}

.box-senka .block-item .slika {
	position: relative;
}

.box-senka.home-linkovi .block-item .slika:after {
	-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
	position: absolute;
	top: -20px;
	right: 20px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-family: "Font Awesome 5 Pro";
	-webkit-border-radius: 500px;
	border-radius: 500px;
	background: #fff;
	font-size: 20px;
	content: "\f0c1";
	color: #c4dc00;
}

.box-senka.home-forum .block-item .slika:after {
	-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
	position: absolute;
	top: -20px;
	right: 20px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-family: "Font Awesome 5 Pro";
	-webkit-border-radius: 500px;
	border-radius: 500px;
	background: #fff;
	font-size: 20px;
	content: "\f0e6";
	color: #c4dc00;
}

.box-senka.home-kariera .block-item .slika:after {
	display: none;
}

.box-senka.home-kariera .block-item .company_logo {
	position: absolute;
	-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
	width: 40px;
	height: 40px;
	background: #fff;
	-webkit-border-radius: 500px;
	border-radius: 500px;
	right: 20px;
	bottom: -20px;
}


.box-senka.home-kariera .block-item .job-type {
	margin: 10px 0 0 0;
	font-size: 11px;
	text-transform: uppercase;
	background: #c4dc00;
	padding: 3px 8px;
	display: inline-block;
	color: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}














.home-kariera.box-senka.home-kariera .block-item.sponzoriran a:hover,
.home-kariera.box-senka.home-kariera .block-item.sponzoriran .naslov {
	color: #fff;
}

.home-kariera.box-senka.home-kariera .block-item.sponzoriran .wrap {
	color: #fff;
	background: #c4dc00;
}

.home-kariera.box-senka.home-kariera .block-item.sponzoriran .job-type {
	background: #fff;
	color: #000;
}














section.links2017 {
	background: #f0f2f4;
	padding-top: 100px;
	padding-bottom: 100px;
	margin: 0;
}


section.links2017 .section-heading {
	margin-bottom: 40px;
}

.box-senka.lg2017 .block-item .wrap {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
	margin-top: -15px;
	position: relative;
}

.box-senka.lg2017 .block-item .slika img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.box-senka.lg2017 .block-item:hover .slika img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}


.box-senka.lg2017 .block-item .wrap .inner {
	z-index: 2;
	background: #fff;
	position: relative;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}


.box-senka.lg2017 .block-item .wrap .slika {
	bottom: -20px;
	z-index: 1;
	background: #fff;
	position: relative;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.box-senka.lg2017 .block-item:hover .wrap .slika {
	bottom: -5px;
}








@media screen and (max-width: 767px) {
	section.links2017 {
		padding-top: 30px;
		padding-bottom: 30px;
		margin: 0;
	}
}


























/**
 * Video Default
 * ----------------------------------------------------------------------------
 */

.box-video {
	border-top: 1px solid #eeeeee;
	padding-top: 40px;
}

.box-video .video-link {
	position: relative;
	margin-bottom: 20px;
}

.box-video .video-link:after {
	position: absolute;
	top: 30px;
	left: 30px;
	line-height: 0.9;
	font-size: 46px;
	content: "\f144";
	font-family: "Font Awesome 5 Pro";
	color: #fff;
}

.box-video .video-link .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(51, 51, 51, 0.7);
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	background: rgba(51, 51, 51, 0.8);
}

.box-video .video-link:hover .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(212, 37, 53, 0.7);
}


.box-video .video-link .naslov {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 20px;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	padding: 30px;
	margin: 0;
	color: #fff;
}

.large-video-box1 .video-link .naslov {
	font-size: 30px;
}

.large-video-box2 .video-link .naslov {
	font-size: 30px;
}

.large-video-box1 .video-link:after {
	font-size: 70px;
}

.large-video-box2 .video-link:after {
	font-size: 70px;
}


@media (max-width: 1339px) {
	.box-video .video-link .naslov {
		font-size: 18px;
		padding: 20px;
	}

	.large-video-box1 .video-link .naslov {
		font-size: 25px;
	}

	.large-video-box2 .video-link .naslov {
		font-size: 25px;
	}


	.box-video .video-link:after {
		top: 20px;
		left: 20px;
		font-size: 36px;
	}

	.large-video-box1 .video-link:after {
		font-size: 55px;
	}

	.large-video-box2 .video-link:after {
		font-size: 55px;
	}
}


@media (max-width: 991px) {
	.large-video-box1 .video-link .naslov {
		font-size: 30px;
	}

	.large-video-box2 .video-link .naslov {
		font-size: 18px;
	}

	.box-video .video-link:after {
		font-size: 40px;
	}

	.large-video-box1 .video-link:after {
		font-size: 70px;
	}

	.large-video-box2 .video-link:after {
		font-size: 40px;
	}
}

@media screen and (max-width: 767px) {
	.large-video-box1 .video-link .naslov {
		font-size: 18px;
	}

	.large-video-box1 .video-link:after {
		font-size: 40px;
	}
}


/**
 * IT Shop
 * ----------------------------------------------------------------------------
 */

.it-shop {}

.it-shop .wtf-market {
	position: absolute;
	top: 90px;
	left: 90px;
	z-index: 10;
	min-width: 300px;
	display: block;
}

.preporacaj-produkt {
	position: absolute;
	top: 150px;
	left: 90px;
	z-index: 10;
	min-width: 250px;
}

.preporacaj-produkt button {
	border: 0;
	background: none;
}

.preporacaj-produkt.vnatresna {

	position: static
}



.it-shop .product-link {
	position: relative;
}


.it-shop .product-link .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	background: rgba(51, 51, 51, 0.7);
}

.it-shop .product-link:hover .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(212, 37, 53, 0.8);
}

.it-shop article .rating,
.it-shop .article .rating {
	position: absolute;
	top: 25px;
	left: 40px;
	color: #fff;
	font-size: 11px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	z-index: 9;
	opacity: 0;
}

.it-shop .article .rating {
	position: absolute;
	top: 30px;
	left: 30px;
}

.it-shop .article:hover .rating,
.it-shop article:hover .rating {
	opacity: 1;
}


.it-shop .rating img {
	padding-right: 2px;
}

.it-shop .rating p {
	margin-top: 5px;
	margin-bottom: 0;
	opacity: 0.5;
}

.it-shop .product-link .text-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 30px;
	margin: 0;
	color: #fff;
}

.it-shop .product-link .text-wrap hr {
	opacity: 0.2;
	margin: 20px 0 10px 0;
}


.it-shop .product-link .text-wrap .naslov {
	font-size: 22px;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
}

.it-shop .product-link .text-wrap .naslov.large {
	font-size: 45px;
}

.it-shop .product-link .text-wrap .cena {
	font-size: 15px;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	color: #fff;
	margin: 0;
}

.it-shop .product-link .text-wrap .cena span {
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	margin: 0;
}

.it-shop.vnatresna {}

.it-shop.vnatresna .product-link {
	margin-bottom: 20px;
}

@media (max-width: 1339px) {
	.it-shop .product-link .text-wrap hr {
		margin: 15px 0 5px 0;
	}


	.it-shop .product-link .text-wrap .naslov {
		font-size: 20px;
	}

	.it-shop .product-link .text-wrap .naslov.large {
		font-size: 35px;
	}

	.it-shop .product-link .text-wrap .cena {
		font-size: 15px;
	}

	.it-shop .product-link .text-wrap .cena span {
		font-size: 20px;
	}
}

@media (max-width: 991px) {

	.it-shop article .rating,
	.it-shop .article .rating {
		opacity: 1;
	}
}

@media (max-width: 767px) {
	.it-shop .wtf-market {
		top: 90px;
		left: 30px;
		width: calc(100% - 50px);
		display: none;
	}

	.it-shop .preporacaj-produkt {
		top: 90px;
		left: 30px;
		width: calc(100% - 50px);
	}

	.it-shop .product-link .text-wrap .naslov {
		font-size: 18px;
		font-weight: 300;
	}

	.it-shop .product-link .text-wrap .naslov.large {
		font-size: 18px;
	}

	.it-shop .product-link .text-wrap .cena {
		font-size: 13px;
	}

	.it-shop .product-link .text-wrap .cena span {
		font-size: 18px;
	}
}


/**
 * Set Font Family
 * ----------------------------------------------------------------------------
 */

#owl-linkovi {
	width: calc(100% + 20px);
	margin-left: -10px;
	margin-top: -10px;
}

#owl-linkovi .item {
	display: block;
	padding: 0px;
	margin: 10px;
}

.owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	width: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0 !important;
	font-size: 20px !important;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	top: -50px;
}


.owl-theme .owl-controls .owl-buttons {
	opacity: 0;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.home-linkovi:hover .owl-theme .owl-controls .owl-buttons {

	opacity: 1;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
	right: 40px;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
	right: 5px;
}


@media (max-width: 991px) {
	.owl-theme .owl-controls .owl-buttons {
		opacity: 1;
	}
}

/**
 * Set Font Family
 * ----------------------------------------------------------------------------
 */

body {
	font-family: "Open Sans", sans-serif;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 400;
	font-family: 'Roboto Slab', serif;
}
/**
 * Header
 * ----------------------------------------------------------------------------
 */

#scroll-progress {
  position: fixed;
  top: 0;
  width: 0%;
  height: 3px;
  background: #c4dc00;
  z-index: 10000;
}






.site-header {
	position: fixed;
	width: 100%;
	top: 50px;
	z-index: 100;
	background: rgba(255,255,255,0);
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	transition-delay: 50ms;
	border-bottom: 0 !important;
	-webkit-animation: slide-down 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860) reverse both;
	        animation: slide-down 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860) reverse both;
}

.site-header.scrolled {
	background: rgba(25,28,30,0.9);
	-webkit-animation: slide-top 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860) both;
	        animation: slide-top 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860) both;
			backdrop-filter: blur(5px);
}

@media (max-width: 1599px) {
		body {
			padding:74px 0 0 0;
		}
		.site-header .navbar-brand {
			margin-right: calc(0vw + 60px);
			transition-delay: 300ms;
		}

		.site-header {
			-webkit-animation: none;
	        animation: none;
			background: rgba(255,255,255,1);
			top: 0;}
	
	.site-header.scrolled {
		-webkit-animation: none;
				animation: none;}
}

@media (max-width: 767px) {
		body {
			padding:63px 0 0 0;
		}
}





/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);backface-visibility: hidden;
  }
  100% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);backface-visibility: hidden;
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);backface-visibility: hidden;
  }
  100% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);backface-visibility: hidden;
  }
}
/**
 * ----------------------------------------
 * animation slide-down
 * ----------------------------------------
 */
@-webkit-keyframes slide-down {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);backface-visibility: hidden;
  }
  100% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);backface-visibility: hidden;
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);backface-visibility: hidden;
  }
  100% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);backface-visibility: hidden;
  }
}

.navbar {
	background-color: transparent;
	padding: 15px 90px;
	border: none;
	margin-bottom: 0;
	font-family: 'Roboto Slab', serif;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
	border-radius:0;

}

.navbar-right {
	margin-right: 0;
}



.navbar-brand {
	line-height: 42px;
	height: 42px;
	padding: 0;
	margin-right: calc(40vw - 60px);
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	transition-delay: 0ms;
}

.site-header.scrolled .navbar-brand {
	margin-right: calc(0vw + 60px);
	transition-delay: 300ms;
}

.navbar-brand .main-logo {
	height: 42px;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
	margin-top: 0px}


	.site-header .main-logo.background--dark {
		filter: invert(100%) saturate(0%) brightness(150%) contrast(100%);}

	.site-header.scrolled .main-logo.background--dark{
		filter: none}

.navbar-nav {
	margin-top: 0px;
	position: relative;
}

.navbar-nav>li>.dropdown-menu {
	margin-top: 0;
	left: 0 !important;
	border: 0;
	background: rgba(25,28,30,1);
	min-width: 260px;
	border-radius:0;
}

.navbar-right>li>.dropdown-menu {
	left: inherit !important;
	right: 0 !important;
	min-width: 200px;
	text-align: right;
}

.dropdown-menu>li>a {
	padding: 3px 15px;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.82857143;
	font-family: "PT Mono";
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
	color: #fff;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	color: #666;
	background-color: #fff;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
	color: #fff;
	background-color: #8896a5;
}

.caret {
	display: none;
}


@media only screen and (min-width : 767px) {
	.dropdown:hover .dropdown-menu {
		display: block;
	}
}


.navbar-default .navbar-nav>li>a {
	color: #2a2f32;
	font-weight: 400;
	font-size: 14px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 11px;
	padding-bottom: 11px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.site-header.scrolled .navbar-default .navbar-nav>li>a {
	color: #ffffff;}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
	color: #9fb10d;
	background-color: transparent !important;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	color: #9fb10d;
	background-color: transparent !important;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
	color: #9fb10d;
	background-color: transparent !important;
}

@media (max-width: 991px) {
	.navbar-default .navbar-nav>li>a {
		padding-left: 15px;
		padding-right: 15px;
	}

}

@media (max-width: 767px) {
	
	
	.caret {
		position: absolute;
		top: 8px;
		right:15px;
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: 0px;
		vertical-align: middle;
		border: 0;
	}
	.caret:before {
		position: absolute;
		top: 0px;
		font-weight: 300;
		right:0;
		font-family: "Font Awesome 5 Pro";
		content: "\f078";
	}
.navbar-nav {
	margin: 10px;
}
.navbar-right>li>.dropdown-menu {
    text-align: left;
}
	.navbar-default .navbar-toggle {
		border: none;
		background-color: transparent;
		-webkit-transition: all 200ms ease-in-out;
		-moz-transition: all 200ms ease-in-out;
		-ms-transition: all 200ms ease-in-out;
		-o-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
		border-radius: 0px;
		margin-top: 16px;
		margin-right: 15px;
	}

	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: transparent;
	}

	.navbar-default .navbar-toggle:hover .icon-bar,
	.navbar-default .navbar-toggle:focus .icon-bar {
		background-color: #c4dc00;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #787e82;
		width: 32px;
		border-radius: 0px;
	}
	
	.clz.open-search {
		position: absolute;
		top: 17px;
		right: 85px;
		font-size: 20px;
		color: #787e82;
		cursor: pointer;
	}
	
	
	.mobile-najavi-se {
		position: absolute;
		top: 17px;
		right: 130px;
		font-size: 20px;
		color: #787e82;
		cursor: pointer;
	}

	.mobile-najavi-se:hover,
	.clz.open-search:hover {
		color: #c4dc00;
	}



	.navbar {
		border-bottom: 0;

		padding: 0px 0 !important;
	}

	.navbar-default .navbar-nav>li>a {
		padding-left: 0px;
		padding-right: 0px;
		
	}
	.navbar-nav .open .dropdown-menu {
		margin-bottom:	15px;
	}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px;
	color: #fff;
}
	
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #666;
    background-color: #fff;
}
	
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:hover, 
	.dropdown-menu>.active>a:focus {
		background-color: #8896a5;
		color: #fff;
	}
	
	
	
	
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		border-color: #eceef0;
		border-top:0;
	}


	.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
		color: #fff;
		background-color: #8896a5;
	}

	.navbar-brand {
		line-height: 52px;
		padding-left: 0;
		margin: 10px 0 0 15px;
		height: 52px;
	}

	.navbar-brand img {
		height: 42px;
		margin-top: 0px
	}


}






/**
 * Search and filter
 * ----------------------------------------------------------------------------
 */
.searchandfilter ul {
	padding: 0;
	width: 100%;
	margin-bottom: -40px;
}

.searchandfilter .postform {
	width: 100%;
}

.searchandfilter h4 {
	font-size: 24px;
	color: #8393a1;
	margin-top: 0;
	font-weight: 300;
	font-family: 'Roboto Slab', serif;
	position: relative;
}

.searchandfilter input[type="checkbox"] {
	cursor: pointer;
	margin-right: 5px;
}

.searchandfilter ul label {
	color: #8393a1;
	font-weight: 400;
	font-size: 15px;
	cursor: pointer;
}

.searchandfilter ul label:hover {
	color: #55626d;
}

.searchandfilter li {
	padding-right: 0px;
}

.searchandfilter ul li {
	display: block;
	margin-bottom: 40px;
}


.searchandfilter ul li ul li ul {
	padding: 0 0 0 20px;
	margin-bottom: 0;
}

.searchandfilter ul li ul li {
	margin-bottom: 0;
}

.searchandfilter input[type="submit"] {
	background: #c4dc00;
	color: #ffffff;
	border-color: #c4dc00;
	text-transform: uppercase;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border: 0;
	font-weight: 300;
}

.searchandfilter input[type="submit"]:hover {
	background: #333333;
}

/**
 * Hero
 * ----------------------------------------------------------------------------
 */

.hero {
	color: #fff;
	height: 400px;
	overflow: hidden;
	background-image: url(images/bg-hero.jpg);
	background-color: #172a48;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.hero .hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	width: auto;
	min-width: 100%;
	min-height: 100%;
	background: rgba(0, 0, 0, 1);
	opacity: 0.2;
}

.hero a.scroll-down {
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 50px;
	height: 50px;
	color: #fff;
	margin-left: -25px;
	cursor: pointer;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.hero a.scroll-down:hover {
	bottom: 25px;

}

.hero a.scroll-down:before {
	position: absolute;
	content: '\f107';
	font-family: "Font Awesome 5 Pro";
	font-size: 40px;
	top: 0px;
	left: 0%;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
}


@media (max-width: 991px) {
	.hero {
		height: 400px;
	}
}

@media (max-width: 767px) {
	.hero {
		height: 280px;
	}

	.hero .hero-overlay {
		opacity: 0;
	}
}

/**
 * Hero Inner
 * ----------------------------------------------------------------------------
 */

.hero-inner {
	color: #fff;
	height: 400px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.hero-inner .hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	width: auto;
	min-width: 100%;
	min-height: 100%;
	background: rgba(0, 0, 0, 0.53);
}

@media (max-width: 767px) {
	.hero-inner {
		height: 270px;
	}

}

.giveaway {
	background-image:url("images/dji.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	margin-bottom: 100px;
}


.progress-container {
  margin-top: 5rem;
  padding: 0px;
}


.progress-bar {
  background-color: #e5e8eb;
  border: 0;
  border-radius: 20px;
  position: relative;
  margin: 4px 0 16px 0;
  height: 40px;
	box-shadow: none;
  width: 100%;
}
.progress-bar .completed-bar {
  background: #c4dc00;
  border-radius: 20px;
  color: #f4f4f4;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 0;
  opacity: 0;
  transition: width 2s ease 0.4s;
  padding: 0 18px 0 20px;
}
.progress-bar .completed-bar__dashed {
  width: 96%;
  border: 1px dashed #ffffff;
}
.progress-bar .completed-bar__drone {
  font-size: 2.3rem;
  margin-left: 4px;
}

.progress-information {
    display: flex;
    font-family: 'PT Mono';
    justify-content: space-between;
    font-size: 12px;
    padding: 0 4px;
}


@media (min-width: 2050px) {
.giveaway {
	background-position: top right;
}

}


@media (max-width: 767px) {
.giveaway {
	background:none;

}

}








/**
 * Prebaraj
 * ----------------------------------------------------------------------------
 */

.main-prebaraj {
    background: rgba(25,28,30,0.9);
	backdrop-filter: blur(5px);
	padding: 0px;
	margin: 0;
	position: fixed;
	top: -100px;
	width: 100%;
	height: 75px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	z-index: 101;
}

.main-prebaraj.open {
	top: 0px;
}
.main-prebaraj .open-search {
	position:absolute;
	top:16px;
	right: 40px;
	font-size: 26px;
	cursor: pointer;
	color: #fff;
	z-index: 1;
}

.main-prebaraj .form-control {
	height: 75px;
	padding: 0px;
	font-size: 24px;
	font-weight: 100;
	font-family: 'Roboto Slab', serif;
	color: #fff;
	background-color: transparent;
	border: 0;
	border-bottom: 0;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.main-prebaraj .form-control:focus {
	border-bottom: 0;
}


.main-prebaraj .form-control::-webkit-input-placeholder {
	color: #fff;
}

.main-prebaraj .form-control:-moz-placeholder {
	color: #fff;
}

.main-prebaraj .form-control::-moz-placeholder {
	color: #fff;
}

.main-prebaraj .form-control:-ms-input-placeholder {
	color: #f66976;
}

.main-prebaraj input[type="submit"] {
	font-family: "Font Awesome 5 Pro";
	border: 0 !important;
	color: #f66976;
	background: transparent !important;
	padding: 0 10px;
	position: absolute;
	top: 18px;
	right: 40px;
	font-size: 28px;
	padding: 0;
	margin: 0;
	text-align: right;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.main-prebaraj input[type="submit"]:hover {
	color: #fff;
}

@media (max-width: 767px) {
	.main-prebaraj {
		z-index: 101;
		height: 62px;
	}

.main-prebaraj .open-search {
    top: 16px;
    right: 20px;
    font-size: 20px;
}
	.main-prebaraj .form-control {
		height: 62px;
		font-size: 18px;
	}

	.main-prebaraj input[type="submit"] {
		padding: 0px;
		top: 15px;
		font-size: 24px;
		right: 30px;
	}
}

/**
 * Footer
 * ----------------------------------------------------------------------------
 */
sup.new,
a:hover sup.new{
    top: -.75em;
    background: #623cea;
    color: #fff;
    left: 5px;
    padding: 1px 2px;
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 7px;
    letter-spacing: 0.1em;
    text-decoration: none !important;
    font-family: 'Roboto Slab', serif;
}

.footer-wrap {
	background-color: #191c1e;
	background-image: url(images/bg-footer.png);
	background-position: top right;
	background-repeat: no-repeat;
}
footer.main {
	padding: 60px 0;
	color: #7f8a8d;
	font-size: 12px;
	margin: 0;
}
footer.main.alt {
	background-color: rgba(0,0,0,0.3);
	padding: 30px 0;
	backdrop-filter: blur(7px);
}
footer.main.alt h4 {
	display:flex;
	align-items:center;}

footer.main.alt h4 i{
	font-size:28px;}                                          


footer.main.top {
	background-image: url(images/robot1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right 35% top;
}

.footer-clenstvo {
    border: 0;
    border-radius: 0px;
	display: flex;
	align-items: end;
	justify-content: space-between;

}
.footer-clenstvo div:first-of-type{
	padding-right: 28%;
	flex: 1 1 60%;
}
.footer-clenstvo h2{
    color: #fff;
	line-height: 1.2;
}
.footer-clenstvo p{
    margin: 10px 0 0 0;
}

footer.main .cards i{
	color: #fff;
	font-size: 40px;
}
footer.main .cards img{
	height: 36px;
	max-height: 36px;
}



@media (max-width: 1339px) {
footer.main.top {
    background-position: right 40% top;}
}

@media (max-width: 991px) {
footer.main.top {
    background-position: right 32% top;}
	
.footer-clenstvo div:first-of-type{
	padding-right: 8%;
	flex: 1 1 60%;
}
	
	.footer-clenstvo .text-right{color: #fff;}
}


@media (max-width: 767px) {
	.footer-wrap {
		background-position: top right -250px;
	}
	.footer-clenstvo{
		flex-wrap: wrap;
	}
footer.main.top {
    background-position: right -20% top;}
.footer-clenstvo div{
	padding-right: 0;
	flex: 1 1 100%;}
	
	.footer-clenstvo .text-right{
		text-align: left;
		margin-top: 30px;
	}
}






	footer.main form .input-wrap {
		display:flex;
	}
	footer.main form .input-wrap .btn {
		margin-left: 10px;
	}


footer.main form ul {
	display: flex;
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;}

	footer.main form ul li {
		margin: 0 5px 0 0;}

		footer.main form ul li input {
		  position: absolute;
		  opacity: 0;
		  cursor: pointer;
		  height: 0;
		  width: 0;}

			footer.main form ul li input ~ label{
				background: #23282b;
				border-radius:75px;
				padding: 5px 15px;
				font-weight: 400;
				font-size: 12px;
				text-transform: lowercase;
				font-family: 'Roboto Slab', serif;
				position: relative;
				cursor: pointer;
				-webkit-transition: all 200ms ease-in-out;
				-moz-transition: all 200ms ease-in-out;
				-ms-transition: all 200ms ease-in-out;
				-o-transition: all 200ms ease-in-out;
				transition: all 150ms ease-in-out;}


				footer.main form ul li input:checked ~ label{
					background: #687577;
					color: #fff;
					padding-left: 32px;}

			footer.main form ul li input ~ label:before{
				position: absolute;
				top: 1px;
				left: 12px;
				content: "\f00c";
				opacity: 0;
				font-family: "Font Awesome 5 Pro";
				color: #fff;
				font-weight: 300;
				font-size: 13px;
				-webkit-transition: all 100ms ease-in-out;
				-moz-transition: all 100ms ease-in-out;
				-ms-transition: all 100ms ease-in-out;
				-o-transition: all 100ms ease-in-out;
				transition: all 100ms ease-in-out;}

				footer.main form ul li input:checked ~ label:before{
					top: 5px;
					opacity: 1;}


@media (max-width: 767px) {

footer.main form .input-lg {
    height: 36px;
    padding: 5px 14px;
    font-size: 16px;
}
footer.main form .btn-lg {
    padding: 5px 14px;
    font-size: 16px;
}

footer.main form .btn-lg:before {
    display:none;
}
	
footer.main form ul {
	display: flex;
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
	flex-wrap: wrap;}
	
	footer.main form ul li {
		flex: 0 1 calc(50% - 3px);}
	
	footer.main form ul li:nth-child(odd) {
		margin: 0 3px 0 0;}
	
	footer.main form ul li:nth-child(even) {
		margin: 0 0 0 3px;}
	
footer.main form ul li input ~ label {
    width: 100%;
	margin-bottom: 6px;}
	
}















footer.main a {
	color: #fff;
}

footer.main hr {
	border-color: #3b4246;
}

#footer-top {

}

	#footer-top.widget li a{
		color: #8e9da0;
		font-weight: 300;
		font-family: 'PT Mono', monospace;
		font-size: 12px;
	}
	#footer-top.widget li a:hover{
		color: #fff;
	}

.forum-shortcuts {
	display:flex;
	list-style-type: none;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	font-size: 14px;
    font-weight: 300;
	font-family: 'Roboto Slab', serif;}

	.forum-shortcuts li{
		flex: 0 1 auto;}

		.forum-shortcuts li a{
			display:flex;
			margin: 0 15px 15px 0;
			text-decoration: none !important;
			align-items: center;
			-webkit-transition: all 200ms ease-in-out;
			-moz-transition: all 200ms ease-in-out;
			-ms-transition: all 200ms ease-in-out;
			-o-transition: all 200ms ease-in-out;
			transition: all 200ms ease-in-out;}

		.forum-shortcuts li a:hover{
			margin: 0 25px 0 0;}

			.forum-shortcuts li a i{
				margin-right: 0px;
				font-size: 24px;
				font-weight: 100;
				-webkit-transition: all 100ms ease-in-out;
				-moz-transition: all 100ms ease-in-out;
				-ms-transition: all 100ms ease-in-out;
				-o-transition: all 100ms ease-in-out;
				transition: all 100ms ease-in-out;	}

			.forum-shortcuts li a:hover i{
				color: #c4dc00;
				margin-right: 10px;}

		.forum-shortcuts li a span{
			background: rgba(225,44,60,0);
			padding: 2px 15px;
			border-radius: 25px;
			-webkit-transition: all 100ms ease-in-out;
			-moz-transition: all 100ms ease-in-out;
			-ms-transition: all 100ms ease-in-out;
			-o-transition: all 100ms ease-in-out;
			transition: all 100ms ease-in-out;}

		.forum-shortcuts li a:hover span{
			background: #c4dc00;
			color: #000;
			text-decoration: none;
		}

@media (max-width: 1339px) {
	footer .site-info {
		text-align: left;
		margin-top: 10px;
	}

	footer.main .social-profiles,
	footer.main .social-profiles li {
		margin-bottom: 0px;
	}

}


@media (max-width: 991px) {
	footer.main {
		padding: 50px 0;
	}


}

@media (max-width: 767px) {

footer.main {
	padding: 30px 0;
}
	
	.footer-top-menu span {
		float: none;
		display: block;
	}

	footer.main .social-profiles {
		text-align: left;
		margin-left: -6px;
		margin-right: 0;
		margin-top: 20px;
	}
}

/**
 * Grouper
 * ----------------------------------------------------------------------------
 */

.hero-grouper {
	width: 100%;
	height: 100vh;
	background-image: url(images/bg-hero-grouper.jpg);
	background-position: center center;
	-webkit-box-shadow: 0 0 50px 0 rgba(157, 81, 92, 0.7);
	box-shadow: 0 0 50px 0 rgba(157, 81, 92, 0.7);
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}

.hero-grouper img {
	margin: 0 auto;
}

.hero-grouper h1 {
	margin-bottom: 20px;
}

.hero-grouper h2 {
	margin-bottom: 50px;
}

.hero-grouper h3 {
	font-size: 20px;
	line-height: 1.3;
}

@media (max-width: 767px) {

	.hero-grouper {
		height: auto;
		-webkit-box-shadow: none;
		box-shadow: none;
		padding: 50px 25px;
	}

	.hero-grouper .vcenter {
		position: relative;
		top: auto;
		transform: none;
	}

	.hero-grouper img {
		width: 80px;
	}

	.hero-grouper h1 {
		margin-bottom: 20px;
	}

	.hero-grouper h2 {
		margin-bottom: 10px;
	}

	.hero-grouper h3 {
		font-size: 16px;
		line-height: 1.3;
	}

}








section.grouper-products {
	background-image: url(images/bg-grouper-products.jpeg);
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	padding-top: 60px;
	padding-bottom: 60px;
	margin: 0;
}

.box-senka.grouper-products .block-item .wrap {
	margin-bottom: 20px;
}

.box-senka.grouper-products .block-item .wrap .inner {
	min-height: 160px;
}

.box-senka.grouper-products .block-item .slika:after {}


.box-senka.grouper-products .block-item a:hover {
	text-decoration: none;
}

.box-senka.grouper-products .block-item a:hover .wrap .inner .naslov {
	text-decoration: underline;
}


section.grouper-products .disclamer {
	margin-top: 60px;
	color: #666;
	text-shadow: 1px 1px 1px #fff;
	font-size: 13px;
}




@media (max-width: 767px) {

	section.grouper-products {
		background: #f0f2f4;
	}

	.box-senka.grouper-products .block-item .wrap .inner {
		min-height: auto;
	}

}











.hero-grouper .scroll-mouse {
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: 25px;
}

.hero-grouper .scroll-mouse span {
	display: block;
	width: 6px;
	height: 6px;
	-ms-transform: rotate(45deg);
	/* IE 9 */
	-webkit-transform: rotate(45deg);
	/* Chrome, Safari, Opera */
	transform: rotate(45deg);
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	margin: 0 0 0px 7px;
}

.hero-grouper .scroll-mouse .scrolldown {
	left: 50%;
	position: relative;
	margin-left: -10px;
}

.hero-grouper .scroll-mouse .unu {
	margin-top: 6px;
}

.hero-grouper .scroll-mouse .unu,
.hero-grouper .scroll-mouse .doi,
.hero-grouper .scroll-mouse .trei {
	-webkit-animation: mouse-scroll 1s infinite;
	-moz-animation: mouse-scroll 1s infinite;
}

.hero-grouper .scroll-mouse .unu {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-webkit-animation-direction: alternate;
}

.hero-grouper .scroll-mouse .doi {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-webkit-animation-direction: alternate;
}

.hero-grouper .scroll-mouse .trei {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-webkit-animation-direction: alternate;
}

.hero-grouper .scroll-mouse .mouse {
	height: 33px;
	width: 20px;
	border-radius: 10px;
	left: 50%;
	position: relative;
	margin-left: -10px;
	margin-top: 20px;
	transform: none;
	border: 2px solid white;
}

.hero-grouper .scroll-mouse .wheel {
	height: 5px;
	width: 2px;
	display: block;
	margin: 5px auto;
	background: white;
	position: relative;
}

.hero-grouper .scroll-mouse .wheel {
	-webkit-animation: mouse-wheel 1.2s ease infinite;
	-moz-animation: mouse-wheel 1.2s ease infinite;
}





















/**
 * Kariera
 * ----------------------------------------------------------------------------
 */

.hero-kariera {
	width: 100%;
	height: 100vh;
	background-image: url(images/bg-hero-kariera.jpg);
	background-position: center center;
	background-size: cover;
	position: relative;
}

.hero-kariera:before {
	position: absolute;
	background: rgba(51, 51, 51, 0.7);
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.hero-kariera .large-heading {
	margin-bottom: 50px;
}


.hero-kariera .main-buttons {
	margin-top: 70px;
}


@media (max-width: 767px) {
	.hero-kariera {
		height: 450px;
	}

	.hero-kariera .large-heading {
		margin-bottom: 20px;
	}

	.hero-kariera .main-buttons {
		margin-top: 35px;
	}

	.hero-kariera .main-buttons .btn {
		margin-top: 10px;
		margin-bottom: 10px;
	}
}


.hero-kariera .scroll-mouse {
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: 25px;
}

.hero-kariera .scroll-mouse span {
	display: block;
	width: 6px;
	height: 6px;
	-ms-transform: rotate(45deg);
	/* IE 9 */
	-webkit-transform: rotate(45deg);
	/* Chrome, Safari, Opera */
	transform: rotate(45deg);
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	margin: 0 0 0px 7px;
}

.hero-kariera .scroll-mouse .scrolldown {
	left: 50%;
	position: relative;
	margin-left: -10px;
}

.hero-kariera .scroll-mouse .unu {
	margin-top: 6px;
}

.hero-kariera .scroll-mouse .unu,
.hero-kariera .scroll-mouse .doi,
.hero-kariera .scroll-mouse .trei {
	-webkit-animation: mouse-scroll 1s infinite;
	-moz-animation: mouse-scroll 1s infinite;
}

.hero-kariera .scroll-mouse .unu {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-webkit-animation-direction: alternate;
}

.hero-kariera .scroll-mouse .doi {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-webkit-animation-direction: alternate;
}

.hero-kariera .scroll-mouse .trei {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-webkit-animation-direction: alternate;
}

.hero-kariera .scroll-mouse .mouse {
	height: 33px;
	width: 20px;
	border-radius: 10px;
	left: 50%;
	position: relative;
	margin-left: -10px;
	margin-top: 20px;
	transform: none;
	border: 2px solid white;
}

.hero-kariera .scroll-mouse .wheel {
	height: 5px;
	width: 2px;
	display: block;
	margin: 5px auto;
	background: white;
	position: relative;
}

.hero-kariera .scroll-mouse .wheel {
	-webkit-animation: mouse-wheel 1.2s ease infinite;
	-moz-animation: mouse-wheel 1.2s ease infinite;
}

@-webkit-keyframes mouse-wheel {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

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

@-moz-keyframes mouse-wheel {
	0% {
		top: 1px;
	}

	50% {
		top: 2px;
	}

	100% {
		top: 3px;
	}
}

@-webkit-keyframes mouse-scroll {

	0% {
		opacity: 0;
	}

	50% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes mouse-scroll {

	0% {
		opacity: 0;
	}

	50% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes mouse-scroll {

	0% {
		opacity: 0;
	}

	50% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}

@keyframes mouse-scroll {

	0% {
		opacity: 0;
	}

	50% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}



/**
 * Маркетинг
 * ----------------------------------------------------------------------------
 */

.hero-marketing {
	background-image: url(images/bg-hero-marketing.jpg);
}

.hero-marketing:before {
	position: absolute;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+61,bb1b2a+100&0.85+0,0.85+100 */
	background: -moz-linear-gradient(-45deg, rgba(51, 51, 51, 0.85) 0%, rgba(51, 51, 51, 0.85) 61%, rgba(187, 27, 42, 0.85) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(51, 51, 51, 0.85) 0%, rgba(51, 51, 51, 0.85) 61%, rgba(187, 27, 42, 0.85) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(51, 51, 51, 0.85) 0%, rgba(51, 51, 51, 0.85) 61%, rgba(187, 27, 42, 0.85) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9333333', endColorstr='#d9bb1b2a', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */

	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.hero-marketing .main-buttons {
	margin-top: 70px;
	margin-bottom: 70px;
}

.hero-marketing .block-grid-item {
	float: none;
	display: inline-block;
}

@media (max-width: 767px) {
	.hero-marketing {
		height: auto;
		padding: 50px 0;
	}

	.hero-marketing .vcenter {
		position: relative;
		top: auto;
		transform: none;
	}

	.hero-kariera .main-marketing {
		margin-top: 40px;
		margin-bottom: 40px;
	}


	.hero-marketing .btn {
		margin: 0px !important;
	}
}


.ScrollUpButton {
	padding: 6px 10px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	white-space: nowrap;
	cursor: pointer;
	text-align: center;
	z-index: 40;
}

.ScrollUpButton:before {
	display: none !important;
}


/**
 * Nedelni zdelki
 * ----------------------------------------------------------------------------
 */

.nedelni-zdelki {
	background:#ffffff;
	position: relative;
	padding: 40px 0 0 0;}

	.nedelni-zdelki:before{
		position: absolute;
		width: 100%;
		height: 428px;
		top: 0;
		left: 0;
		background: #e5e8eb;
		content: "";}

@media (max-width: 1339px) {
	.nedelni-zdelki:before{
		height: 339px;}
}

@media (max-width: 991px) {
	.nedelni-zdelki:before{
		height: 280px;}
}

@media (max-width: 767px) {
.nedelni-zdelki {
	padding: 30px 0 0 0;}
	
	.nedelni-zdelki:before{
		display: none;}
}

/**
 * home 1337 sodrzina
 * ----------------------------------------------------------------------------
 */
.home-1337-sodrzina{
	background-color: #191c1e; 
	background-image: url(images/bg-premium-sodrzina.png);
	background-attachment: fixed;
	padding:40px 0 50px 0;}

.home-1337-sodrzina .woocommerce { 
	display:none;}

.home-1337-sodrzina a { 
	color:#fff !important;}

@media (max-width: 767px) {
.home-1337-sodrzina{
	background-attachment: inherit;
	padding:20px 0 30px 0;}
	
.home-1337-sodrzina .col-sm-3 .novost-wrap {
    padding: 15px 0;
	border-bottom: 1px solid #3b4246;
    display: flex;}
	
	.home-1337-sodrzina .col-sm-3:last-of-type .novost-wrap {
		border-bottom: 0;
		padding: 15px 0 0 0;}


	
	.home-1337-sodrzina .link-white figure {
		flex: 1 1 30%;
		padding: 0 20px 0 0;}

	.home-1337-sodrzina .link-white div {
		align-content: center;
		margin-top: 10px;
		margin-bottom: 10px;
		font-weight: 400;
		font-family: 'Roboto Slab', serif;
		font-size: 17px;
		flex-wrap: wrap;
		flex: 1 1 70%;}


}


/**
 * cross grid
 * ----------------------------------------------------------------------------
 */
.cross-grid{
	background: #e5e8eb;
	padding: 100px 0 0 0;}

	.cross-grid .wrapper-top {
		display: flex;
		position: relative;
		min-height: 520px;}


	.cross-grid .wrapper-top .callout {
		position: absolute;
		top: 0px;
		right: 0;
		padding: 40px 0 0 40px;
		color: #a6aeb4;
		font-size: 12px;
		font-family: 'PT Mono', monospace;
		z-index: 21;
		width: 23%;}

	.cross-grid .wrapper-top .text {
		background: #fff;
		align-content: center;
		display: flex;
		flex-wrap: wrap;
		width: 77%;
		padding: 125px 35% 125px 75px;}

		.cross-grid .wrapper-top .text a h1{
			color:#2a2f32;}

	.cross-grid .wrapper-top .images {
		position: absolute;
		max-width: 43%;
		right: 0;
		bottom: 0;}

		.cross-grid .wrapper-top .images .img-sm {
			position: absolute;
			max-width: 180px;
			top: -50px;
			left: -90px;}


	.cross-grid .wrapper-bottom {
		display: flex;
		position: relative;}

		.cross-grid .wrapper-bottom .text {
			background: #fff;
			align-content: center;
			display: flex;
			flex-wrap: wrap;
			width: 80%;
			margin-left: 20%;
			padding: 175px 75px 50px 30%;}

		.cross-grid .wrapper-bottom .text a h1,
		.cross-grid .wrapper-bottom .text a h2{
			color:#2a2f32;}

		.cross-grid .wrapper-bottom .images {
			position: absolute;
			max-width: 43%;
			left: 0;
			bottom: -30px;}


@media (max-width: 1399px) {
	.cross-grid .wrapper-top {
		min-height: 420px;}

	.cross-grid .wrapper-top .text {
		padding: 75px 25% 75px 75px;}

		.cross-grid .wrapper-top .images .img-sm {
			max-width: 140px;
			top: -100px;
			left: 0px;}

		.cross-grid .wrapper-bottom .text {
			padding: 75px 75px 25px 30%;}

}

@media (max-width: 1199px) {
	.cross-grid .wrapper-top {
		min-height: 420px;}
	
	.cross-grid .wrapper-top .callout {
		top: 0px;
		right: 0;
		padding: 20px 0 0 30px;
		color: #a6aeb4;
		width: 23%;}

	.cross-grid .wrapper-top .text {
		padding: 50px 25% 50px 50px;}

		.cross-grid .wrapper-top .images .img-sm {
			max-width: 120px;
			top: -100px;
			left: 0px;}

		.cross-grid .wrapper-bottom .text {
			padding: 50px 50px 25px 30%;}

}

@media (max-width: 991px) {
	.cross-grid h1 {
		font-size:	30px;
	}
	.cross-grid p {
		line-height: 1.5em;
	}
}

@media (max-width: 767px) {
.cross-grid{
	padding: 0;
	width: 100%;}
	


	.cross-grid .container {
		padding-left: 0px;
		padding-right: 0px;}

		.cross-grid .container .row {
			margin-left: 0px;
			margin-right: 0px;}
	
			.cross-grid .col-xs-1, .cross-grid .col-sm-1, .cross-grid .col-md-1, .cross-grid .col-lg-1, .cross-grid .col-xs-2, .cross-grid .col-sm-2, .cross-grid .col-md-2, .cross-grid .col-lg-2, .cross-grid .col-xs-3, .cross-grid .col-sm-3, .cross-grid .col-md-3, .cross-grid .col-lg-3, .cross-grid .col-xs-4, .cross-grid .col-sm-4, .cross-grid .col-md-4, .cross-grid .col-lg-4, .cross-grid .col-xs-5, .cross-grid .col-sm-5, .cross-grid .col-md-5, .cross-grid .col-lg-5, .cross-grid .col-xs-6, .cross-grid .col-sm-6, .cross-grid .col-md-6, .cross-grid .col-lg-6, .cross-grid .col-xs-7, .cross-grid .col-sm-7, .cross-grid .col-md-7, .cross-grid .col-lg-7, .cross-grid .col-xs-8, .cross-grid .col-sm-8, .cross-grid .col-md-8, .cross-grid .col-lg-8, .cross-grid .col-xs-9, .cross-grid .col-sm-9, .cross-grid .col-md-9, .cross-grid .col-lg-9, .cross-grid .col-xs-10, .cross-grid .col-sm-10, .cross-grid .col-md-10, .cross-grid .col-lg-10, .cross-grid .col-xs-11, .cross-grid .col-sm-11, .cross-grid .col-md-11, .cross-grid .col-lg-11, .cross-grid .col-xs-12, .cross-grid .col-sm-12, .cross-grid .col-md-12, .cross-grid .col-lg-12 {
				padding-left: 0px;
				padding-right: 0px;}
	
	.cross-grid .wrapper-top {
		flex-wrap: wrap;
		position: relative;
		min-height: auto;}

	
	.cross-grid  .overlay-link {
		position:absolute;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
		content: "";
		z-index: 3;
	}

	.cross-grid .wrapper-top .callout {
		display: none;}
	
	.cross-grid .callout-bottom {
		display: block;
		background-image: url(images/bg-newsletter-pattern.png);
		background-color: #f9fafb;
		padding: 15px 20px;}
	
	.cross-grid .wrapper-top .text {
		width: 100%;
		position: absolute;
		bottom: 0;
		z-index: 2;
		background: transparent;
		backdrop-filter: blur(7px);
		color: #fff;
		left: 0;
		order: 2;
		padding: 20px;}
	
		.cross-grid .text p{
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			overflow: hidden;
			font-size: 14px;
			margin: 0;
			text-overflow: ellipsis;}
	
		.cross-grid .wrapper-top .text a h1{
			color:#fff;}
	
	.cross-grid .wrapper-top .images {
		position: relative;
		order: 1;
		max-width: 100%;
		right: 0;
		bottom: 0;}
	
	
	.cross-grid .images figure:before {
		position: absolute;
		width: 100%;
		height: 100%;
		right: 0;
		bottom: 0;
		left: 0;
		content: "";
		background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
		background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
		background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);}
	
	
	.cross-grid .images figure.img-sm:before {
		opacity: 0;}

		.cross-grid .wrapper-top .images .img-sm {
			max-width: 33.33333%;
			top: 20px;
			left: 20px;}


	.cross-grid .wrapper-bottom {
		position: relative;
		flex-wrap: wrap;}

		.cross-grid .wrapper-bottom .text {
			width: 100%;
			margin-left: 0;
			position: absolute;
			z-index: 2;
			background: transparent;
			backdrop-filter: blur(7px);
			color: #fff;
			bottom: 0;
			left: 0;
			order: 1;
			padding: 20px;}
	
		.cross-grid .wrapper-bottom .text a h1,
		.cross-grid .wrapper-bottom .text a h2{
			color:#fff;}

		.cross-grid .wrapper-bottom .images {
			position: relative;
			max-width: 100%;
			order: 2;
			left: 0;
			bottom: 0px;}
	
	.cross-grid h1 {
		font-size:	21px;
	}
}


/**
 * posledni novosti home custom
 * ----------------------------------------------------------------------------
 */

.posledni-custom {
	padding:40px 0 60px 0;
}


@media (max-width: 767px) {
.posledni-custom {
	padding:0;
	margin: 0 0 50px 0 !important;
}
}




/**
 * newsletter
 * ----------------------------------------------------------------------------
 */


.home-newsletter{
	border-top: 1px solid #e5e8eb;
	background-image: url(images/bg-newsletter-pattern.png);
	background-attachment: fixed;
	background-color: #f9fafb;
	padding: 50px 0;}

	.home-newsletter .input-wrap {
		display:flex;
	}
	.home-newsletter .input-wrap .btn {
		margin-left: 10px;
	}

.home-newsletter .naslov {
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	    line-height: 1.1;
	font-size: 40px;}

.home-newsletter ul {
	display: flex;
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;}

	.home-newsletter ul li {
		margin: 0 5px 0 0;}

		.home-newsletter ul li input {
		  position: absolute;
		  opacity: 0;
		  cursor: pointer;
		  height: 0;
		  width: 0;}

			.home-newsletter ul li input ~ label{
				background: #e5e9ec;
				border-radius:75px;
				padding: 5px 15px;
				font-weight: 400;
				font-size: 12px;
				text-transform: lowercase;
				font-family: 'Roboto Slab', serif;
				position: relative;
				cursor: pointer;
				-webkit-transition: all 200ms ease-in-out;
				-moz-transition: all 200ms ease-in-out;
				-ms-transition: all 200ms ease-in-out;
				-o-transition: all 200ms ease-in-out;
				transition: all 150ms ease-in-out;}


				.home-newsletter ul li input:checked ~ label{
					background: #595c6f;
					color: #fff;
					padding-left: 32px;}

			.home-newsletter ul li input ~ label:before{
				position: absolute;
				top: 1px;
				left: 12px;
				content: "\f00c";
				opacity: 0;
				font-family: "Font Awesome 5 Pro";
				color: #fff;
				font-weight: 300;
				font-size: 13px;
				-webkit-transition: all 100ms ease-in-out;
				-moz-transition: all 100ms ease-in-out;
				-ms-transition: all 100ms ease-in-out;
				-o-transition: all 100ms ease-in-out;
				transition: all 100ms ease-in-out;}

				.home-newsletter ul li input:checked ~ label:before{
					top: 5px;
					opacity: 1;}
@media (max-width: 1399px) {

.home-newsletter .naslov {
	font-size: 34px;}
}
@media (max-width: 991px) {
.home-newsletter .naslov {
	font-size: 40px;
	margin-bottom: 30px;}
}
@media (max-width: 767px) {
.home-newsletter{
	background-attachment: inherit;
	border-bottom: 1px solid #e5e8eb;
	padding: 30px 0 40px 0;}
	
.home-newsletter .input-lg {
    height: 36px;
    padding: 5px 14px;
    font-size: 16px;
}
.home-newsletter .btn-lg {
    padding: 5px 14px;
    font-size: 16px;
}
.home-newsletter .btn-lg:before {
	display: none;
}
.home-newsletter .naslov {
	font-size: 24px;
	margin-bottom: 30px;}
	
.home-newsletter ul {
	display: flex;
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
	flex-wrap: wrap;}
	
	.home-newsletter ul li {
		flex: 0 1 calc(50% - 3px);}
	
	.home-newsletter ul li.mapiranje {
		margin: 0 !important;
		flex: 0 1 100%;}
	
	.home-newsletter ul li:nth-child(odd) {
		margin: 0 3px 0 0;}
	
	.home-newsletter ul li:nth-child(even) {
		margin: 0 0 0 3px;}
	
.home-newsletter ul li input ~ label {
    width: 100%;
	margin-bottom: 6px;
}
	
}

/**
 * Kompanii
 * ----------------------------------------------------------------------------
 */
.simple-grid {}

.simple-grid .block-grid-item {
    margin-bottom:0px;
}

.simple-grid .novost-wrap {
    display: inherit;
}

.simple-grid .novost-wrap .objavenona {
	margin-bottom:	0;
}

.simple-grid h4 {
    line-height: 1.25;
	margin: 20px 0 0 0;
}

.simple-grid a {
    color: #2a2f32;
}
@media (max-width: 767px) {
.simple-grid .novost-wrap {
    padding: 15px 0;
	border-bottom: 1px solid #edf3ee;
    display: flex;}
	
.simple-grid .block-grid-item {
	padding: 0 20px;
}
	
	.simple-grid .col-sm-3:last-of-type .novost-wrap {
		border-bottom: 0;
		padding: 15px 0 0 0;}

	
	.simple-grid .novost-wrap figure {
		flex: 1 1 30%;
		padding: 0 20px 0 0;}

	.simple-grid .novost-wrap div {
		align-content: center;
		display: flex;
		flex-wrap: wrap;
		flex: 1 1 70%;}

	.simple-grid .novost-wrap div h4 {
		margin-top: 10px;
		margin-bottom: 10px;
		font-weight: 400;
		font-family: 'Roboto Slab', serif;
		font-size: 17px;}
}

/**
 * Retro grid
 * ----------------------------------------------------------------------------
 */
.retro-grid {
	background: #c4dc00;
	color: #fff;
	padding: 60px 0;
	position: relative;
}
.retro-grid:before {
	background-image: url(images/heading-retro-bg.png);
	background-position: top center;
	top: -40px;
	left: 0;
	height: 40px;
	content: "";
	width: 100%;
	z-index: -1;
	position: absolute;
}


.retro-grid h4 a,
.retro-grid .objavenona,
.retro-grid .objavenona a{
	color: #fff;
}
.retro-grid .objavenona {
    opacity: 0.6;
}
@media (max-width: 767px) {
.retro-grid:before {
	background-position: top right -200px;

}	
	
.retro-grid {
	padding: 30px 0;
}

.simple-grid.retro-grid .novost-wrap {
    padding: 15px 0;
	border-bottom: 1px solid #ef4a59;
    display: flex;}
}

/**
 * Kompanii
 * ----------------------------------------------------------------------------
 */

.kompanija-wrap {}

.kompanija-wrap .header {
    border-bottom: 1px solid #e5e8eb;
    background-image: url(images/bg-newsletter-pattern.png);
    background-attachment: fixed;
    background-color: #f9fafb;
}

.kompanija-wrap .logo {
	float: right;
	margin-top: 40px;
}

.kompanija-wrap .azurirano-na {
	margin-top: 8px;
	font-size: 13px;
}

.kompanija-wrap .logo img {
	height: 70px;
	mix-blend-mode: darken;
}

.kompanija-wrap h1 {
	font-size: 30px;
	margin-top: 56px;
}

.kompanija-wrap h2 {
	margin-top: 50px;
	margin-bottom: 30px;
}

.kompanija-wrap .osnovni-informacii {
	border-left: 1px solid #e5e8eb;
	color: #787e82;
	margin-bottom: 60px;
	font-size: 15px;
	padding-left: 22px;
}

.kompanija-wrap .osnovni-informacii p {
	margin-bottom: 0px;
}

.kompanija-wrap .osnovni-informacii a {
	color: #787e82;
	border-bottom: 1px dashed #e1e4e8;
}

.kompanija-wrap .osnovni-informacii a:hover {
	text-decoration: none;
	color: #000;
}



.kompanija-wrap .osnovni-informacii .naslov {
	font-size: 20px;
	padding-top: 50px;
	color: #c4dc00;
	font-weight: 300;
	font-family: 'Roboto Slab', serif;
	position: relative;
}

.kompanija-wrap .osnovni-informacii .naslov:before {
	position: absolute;
	top: 61px;
	left: -29px;
	width: 13px;
	border: 2px solid #fff;
	height: 13px;
	background: #e5e8eb;
	content: "";
}


.kompanija-wrap .osnovni-informacii .golem-tekst {
	font-size: 45px;
	padding-top: 50px;
	color: #c4dc00;
	line-height: 45px;
	font-weight: 100;
	font-family: 'Roboto Slab', serif;
	position: relative;
}

.kompanija-wrap .osnovni-informacii .golem-tekst:before {
	position: absolute;
	top: 68px;
	left: -29px;
	width: 13px;
	border: 2px solid #fff;
	height: 13px;
	background: #e5e8eb;
	content: "";
}


.kompanija-wrap #produkti {
	margin: 40px 0 60px 0;
}

.menadzment-ime {
	font-size: 17px;
	color: #000;
	font-family: 'Roboto Slab', serif;
	margin-bottom: 5px;
}

.menadzment-pozicija {
	font-size: 11px;
	text-transform: uppercase;
}


.block-grid-item.grid-kompanii {}


.block-grid-item.grid-kompanii .slika-link {
	border: 1px solid #eeeeee;
	height: 120px;
	display: block;
	background-origin: content-box;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	padding: 20px;
}

.block-grid-item.grid-kompanii .slika-link:hover {
	border: 1px solid #8393a1;
}


@media (max-width: 1339px) {
	.kompanija-wrap .azurirano-na {
		margin-top: 0px;
	}
}


@media (max-width: 991px) {
	.kompanija-wrap .azurirano-na {
		margin-top: 8px;
	}

	.kompanija-wrap .logo img {
		height: 60px;
	}

}

@media screen and (max-width: 767px) {
	.kompanija-wrap .azurirano-na {
		margin-top: 0px;
	}

	.kompanija-wrap .logo {
		float: left;
		margin: 20px 0 15px 0;
	}

	.kompanija-wrap .logo img {
		height: 50px;
	}


	.kompanija-wrap h1 {
		font-size: 24px;
		margin-top: 3px;
		margin-bottom: 5px;
	}





	.kompanija-wrap .osnovni-informacii .naslov {
		padding-top: 30px;
	}

	.kompanija-wrap .osnovni-informacii .naslov:before {
		top: 41px;
		left: -29px;
	}


	.kompanija-wrap .osnovni-informacii .golem-tekst {
		font-size: 40px;
		padding-top: 30px;
		line-height: 40px;
	}

	.kompanija-wrap .osnovni-informacii .golem-tekst:before {
		top: 45px;
	}

	.menadzment-ime {
		font-size: 17px;
		color: #000;
		font-family: 'Roboto Slab', serif;
		margin-bottom: 5px;
	}

	.menadzment-pozicija {
		font-size: 11px;
		text-transform: uppercase;
	}



	.block-grid-item.grid-kompanii .slika-link {
		height: 90px;
		margin-bottom: -20px;
	}


}


/**
 * Social Profiles
 * ----------------------------------------------------------------------------
 */

.social-profiles {
	margin-left: -6px;
	margin-right: -6px;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.social-profiles li {
	list-style: none;
	display: inline-block;
	margin-left: 6px;
	vertical-align: top;
	margin-right: 6px;
	margin-bottom: 12px;
}

.social-profiles li a {
	width: 34px;
	height: 34px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	display: block;
	position: relative;
	border-radius:3px;
	background: #6c7070;
	font-size: 0;
}














.social-profiles li a.facebook {
	background: #39599f;
}

.social-profiles li a.twitter {
	background: #269fd8;
}

.social-profiles li a.googleplus {
	background: #ca4638;
}

.social-profiles li a.linkedin {
	background: #007ab9;
}

.social-profiles li a.youtube {
	background: #cf3427;
}

.social-profiles li a.vimeo {
	background: #63cece;
}

.social-profiles li a.pinterest {
	background: #c12128;
}

.social-profiles li a.instagram {
	background: #e32e56;
}

.social-profiles li a.email {
	background: #c4dc00;
}

.social-profiles li a.web {
	background: #2e3537;
}

.social-profiles li a:before {
	position: absolute;
	font-family: "Font Awesome 5 Brands";
	font-weight: 300;
	color: #fff;
	font-size: 16px;
	text-align: center;
	top: 0;
	left: 0;
	line-height: 34px;
	width: 100%;
}

.social-profiles li a:hover {
	opacity: 0.8;
}

.social-profiles li a.facebook:before {
	content: '\f39e';
}

.social-profiles li a.twitter:before {
	content: '\f099';
}

.social-profiles li a.googleplus:before {
	content: '\f0d5';
}

.social-profiles li a.linkedin:before {
	content: '\f0e1';
}

.social-profiles li a.youtube:before {
	content: '\f167';
}

.social-profiles li a.vimeo:before {
	content: '\f194';
}

.social-profiles li a.pinterest:before {
	content: '\f231';
}

.social-profiles li a.instagram:before {
	content: '\f16d';
}

.social-profiles li a.email:before {
	font-family: "Font Awesome 5 Pro";
	content: '\f0e0';
}

.social-profiles li a.web:before {
	font-family: "Font Awesome 5 Pro";
	content: '\f0ac';
}

.social-profiles.kompanii-alt {
	margin-right: 0;
	margin-bottom: 0;
}

.social-profiles.kompanii-alt li {
	margin-left: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.social-profiles.kompanii-alt li a {
	width: 30px;
	height: 30px;
}

.social-profiles.kompanii-alt li a:before {
	font-size: 14px;
	line-height: 30px;
}


@media (max-width: 767px) {
	.social-profiles li a {
		width: 28px;
		height: 28px;
	}

	.social-profiles li a:before {
		font-size: 14px;
		line-height: 28px;
	}
}


.social-profiles.kompanii {
	margin-left: -6px;
	margin-right: 0px;
	margin-top: 40px;
	bottom: -15px;
	overflow: visible;
	position: relative;
}

.social-profiles.kompanii:before {
	position: absolute;
	top: 4px;
	left: -23px;
	width: 13px;
	border: 2px solid #fff;
	height: 13px;
	background: #eceef0;
	content: "";
}

.social-profiles li {
	margin-right: 4px;
}

.social-profiles.kompanii li a {
	width: 24px;
	border: 0;
	height: 24px;
}


.social-profiles.kompanii li a:before {
	font-size: 12px;
	line-height: 24px;
}



















/**
 * Entry Meta
 * ----------------------------------------------------------------------------
 */

.entry-meta {
	clear: both;
	font-weight: 600;
	font-size: 12px;
	background: none;
	border: 0;
}


.entry-meta>span {
	margin-right: 20px;
}

.entry-meta>span:last-child {
	margin-right: 0;
}

.featured-post:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f0a1";
	margin-right: 2px;
}

.entry-meta a:before {
	margin-right: 4px;
}

.entry-meta .date a:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f133";
}

.comments-link a:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f075";
	margin-right: 2px;
	position: relative;
}

.entry-meta .author a:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f007";
	position: relative;
	top: -1px;
}

.categories-links a:first-child:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f192";
}

.tags-links a:first-child:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f02c";
	position: relative;
}

.edit-link a:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f040";
	position: relative;
}

.single-author .entry-meta .author,
.sticky.format-standard .entry-meta .date,
.sticky.format-audio .entry-meta .date,
.sticky.format-chat .entry-meta .date,
.sticky.format-image .entry-meta .date,
.sticky.format-gallery .entry-meta .date {}


.bottom-tags {
	margin: 30px 0 20px 0;
}

.bottom-tags a{
	font-family: "PT Mono";
	padding: 10px 15px;
	font-size: 12px;
	margin-bottom:4px;
	display: inline-block;
	background: #e5e8eb;
	
}

@media (max-width: 767px) {
.bottom-tags {
	margin: 20px 0 30px 0;
}

.bottom-tags a{
	padding: 5px 10px;
	
}
}
/**
 * Post
 * ----------------------------------------------------------------------------
 */

.entry-content {}



/**
 * Single Post
 * ----------------------------------------------------------------------------
 */
.tagovi {
	margin-bottom: 35px;
}

.tagovi a {
	display: inline-block;
	background: #f0f2f4;
	padding: 2px 5px;
	font-size: 10px;
	color: #646b70;
	text-transform: uppercase;
	margin-bottom: 2px;
	white-space: nowrap;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	letter-spacing:-0.4px;
}

.tagovi a:hover {
	background: #c4dc00;
	color: #fff;
	text-decoration: none;
}

.tagovi.kompanija {
	margin-bottom: 10px;
	margin-top: 5px;
	color: #646b70;
}

.tagovi.kompanija a {
	margin-right: 4px;
	border: 0;
	color: #646b70;
}

.tagovi.kompanija a:hover {
	color: #fff;
}

@media screen and (max-width: 767px) {
	.tagovi.kompanija {
		margin-bottom: 0px;
		margin-top: 0px;
	}
}

.avtor {
	margin-bottom: 25px;
	text-align: center;
}

.avtor h5 {
	margin-top: 6px;
}

.avtor img {
	-webkit-border-radius: 100px;
	border-radius: 100px;
	border: 0;
	padding: 0;
	box-shadow: none;
	max-width: 96px;
	max-height: 96px;
	margin-bottom: 25px;
	width: auto;
	height: auto;
}

.objavenona {
	font-size: 12px;
	font-family: 'PT Mono', monospace;
	color: #a6aeb4;
	margin-top: 15px;
}

	.objavenona a{
		color: #a6aeb4;
	}
.entry-thumbnail {
	margin: 0 0 60px 0;
	position: relative;
}

.entry-thumbnail .licence {
	bottom: 17px;
	left: 20px;
	position: absolute;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.3);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.entry-thumbnail.large img {
	margin: 0 auto;
}

.entry-thumbnail.large .licence {
	left: 80px;
}

.entry-thumbnail .licence a {
	color: rgba(255, 255, 255, 0.3);
}


.only-video {
	margin: 0 0 30px 0px;
}
@media only screen and (max-width : 991px) {
.avtor {
	text-align: left;
	margin: 0;
}
	
.avtor img {
	max-width:34px;
	max-height: 34px;
	width: 34px;
	height: 34px;
	margin: 0;
}
}
@media only screen and (max-width : 991px) {
	.entry-thumbnail,
	.entry-thumbnail.large {
		margin:30px 0 30px 0;
	}
}
@media only screen and (max-width : 767px) {
.entry-thumbnail {
    width: calc(100% + 40px);
    margin-left: -20px;
}
.entry-thumbnail.large {
    width: 100%;
    margin-left: 0px;
}
	.entry-thumbnail.large {
		margin:20px 0;
	}

	.entry-thumbnail .licence,
	.entry-thumbnail.large .licence {
		font-size: 10px;
		left: 14px;
		bottom: 10px;
	}

	.only-video {
		margin: 0 0 30px 0px;
	}
	
.objavenona {
	font-size: 10px;
	margin-top:5px;}

	
}















/**
 * Sidebar
 * ----------------------------------------------------------------------------
 */

.widget-area {
    padding-right: 30px;
}

.bapf_sfilter {
    margin-bottom: 30px;
}

.bapf_sfilter.bapf_srch {
    margin-bottom: 60px;
}
.bapf_head h3 {
    font-size: 14px;
    text-transform: uppercase;
	font-weight: 700;
}

.bapf_body ul{
	padding: 0;
}

.bapf_sfilter.bapf_ckbox input[type=checkbox], .bapf_sfilter.bapf_ckbox label, .bapf_sfilter.bapf_ckbox label+span, .bapf_sfilter.bapf_ckbox label>span {
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
	margin-bottom: 0;
}

.bapf_sfilter.bapf_ckbox label {
	padding-left: 10px;
}


.bapf_ckbox_sqchck input[type=checkbox] {
    border: 2px solid #e5e8eb;
    width: 16px;
    height: 16px;
    margin-right: 0px !important;
    margin-top: 0;
}

.bapf_ckbox_sqchck input[type=checkbox]:hover {
    border: 2px solid #ccd1d6;
}
.bapf_ckbox_sqchck input[type=checkbox]:checked {
    border: 2px solid #c4dc00;
	background: #c4dc00;}

.bapf_ckbox_sqchck input[type=checkbox]:checked:after {
    width: 5px;
    height: 10px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    top: 0px;
	left: 3px;}

.bapf_sfilter.bapf_button_berocket .bapf_reset {
    font-size: 12px;
    padding: 6px 24px;
    line-height: inherit;
    font-weight: 400;
    color: #000000;
    border-radius: 2px;
    background-color: #e5e8eb;
}
.bapf_sfilter.bapf_button_berocket .bapf_reset:hover {
    background-color: #ccd1d6;
}

.irs--flat .irs-from, .irs--flat .irs-single, .irs--flat .irs-to {
    background-color: #c4dc00;
}
.irs--flat .irs-line {
    background-color: #e5e8eb;
}
.irs--flat .irs-bar {
    background-color: #c4dc00;
}
.bapf_sfilter.bapf_button_berocket {
	margin-top:	60px;
}
.irs--flat .irs-handle>i:first-child {
    background-color: #a4b98b;
}
.bapf_term_notsale {
	display:none;
}
.irs--flat .irs-from:before, .irs--flat .irs-single:before, .irs--flat .irs-to:before {
    border-top-color: #c4dc00;
}
.berocket_ajax_filters_toggle.theme-3 {
    background: #c4dc00;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    border-radius: 2px;
    font-size: 14px;
}
.berocket_ajax_filters_toggle.theme-3:before {
    background: #9fb10d;
    border-radius: 75px 0 0 75px;
}
.berocket_ajax_filters_toggle.theme-3 span {
    position: absolute;
    left: 12px;
}
.irs--flat .irs-max, .irs--flat .irs-min {
    padding: 1px 5px;
    background-color: #e5e8eb;
}

.bapf_sfilter.bapf_srch .bapf_form .bapf_input {
    border-radius: 2px;
    border: 0;
    outline: 0;
    padding: 7px 14px;
    font-size: 13px;
    box-shadow: 0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%);
}

.bapf_srch.bapf_button_icon span.bapf_search {
    right: 0px;
    font-size: 13px;
    font-weight: 300;
    color: #c4dc00;
}
.bapf_srch.bapf_button_icon span.bapf_search .fa {
    font-weight: 400;
}






.widget-area .widget {
	margin:   0 0 30px 0;
	padding: 0px;
}

.widget-area .widget .widget-title {
	margin-top: 0;
	line-height: 1;
}

.widget-area .widget ul,
.widget-area .widget ol,
.widget-area .widget dl {
	margin: 0;
}





@media only screen and (min-width : 992px) {
.berocket_ajax_filters_toggle.theme-3 {
	display: none !important;}
}



@media only screen and (max-width : 991px) {

.bapf_sfilter {
    margin-bottom: 0px;
}

.bapf_sfilter.bapf_srch {
    margin-bottom: 0px;
}
	
.bapf_head h3 {
	margin-top: 0;
}
	.bapf_sfilter.bapf_button_berocket {
		margin-top: 0px;
	}
}










/**
 * pagination
 * ----------------------------------------------------------------------------
 */



.wp-pagenavi {
    margin:2em 0 0 0;
}


.wp-pagenavi a,
.wp-pagenavi span{
    text-decoration: none;
    border: 0;
    padding: 0px 7px;
    margin: 2px;
	font-weight: 100;
    background: transparent;
    min-width: 34px;
    min-height: 34px;
    display: inline-block;
    text-align: center;
    color: #2a2f32;
    font-family: "PT Mono";
    line-height: 34px;
    border-radius: 20px;
}
.wp-pagenavi a:hover {
    background: #e5e8eb;
}

.wp-pagenavi span.current {
    background: #c4dc00;
	font-weight: 100;
	color: #000;
}


.wp-pagenavi .pages {
    text-decoration: none;
    border: none;
    padding: 0;
    margin: 0 0 10px 0;
    color: #a6aeb4;
    display: block;
	text-align: left;
    font-size: 12px;
    font-family: "PT Mono";
	border-radius: 0;
}

@media only screen and (max-width : 767px) {
.wp-pagenavi a, .wp-pagenavi span {
    margin: 0px;
    min-width: 30px;
    min-height: 30px;
    line-height: 30px;
	font-size: 12px;
}
}









.wp-paginate {
	margin-top: 60px !important;
}

.wp-paginate a {
	background: #f0f2f4 !important;
	border: 1px solid #f0f2f4 !important;
	color: #333;
	margin-right: 6px !important;
	padding: 0px !important;
	width: 40px;
	height: 40px;
	display: inline-block;
	line-height: 40px;
}

.wp-paginate a:hover {
	background: #fff !important;
}


.wp-paginate .current {
	color: #fff;
	background: #c4dc00 !important;
	border: 1px solid #c4dc00 !important;
	margin-right: 6px !important;
	width: 40px;
	height: 40px;
	display: inline-block;
	line-height: 40px;
	text-align: center;
	padding: 0 !important;
}

@media only screen and (max-width : 767px) {
	.wp-paginate {
		margin-top: 30px !important;
	}

	.wp-paginate a {
		margin-right: 2px !important;
		width: 28px;
		font-size: 12px !important;
		height: 28px;
		line-height: 28px;
	}

	.wp-paginate .current {
		margin-right: 2px !important;
		width: 28px;
		height: 28px;
		font-size: 12px !important;
		line-height: 28px;
	}
}

*:focus {
  outline: none !important;
}
.woocommerce ul.products li.product .woocommerce-placeholder {
    border: 0;
}

.woocommerce .woocommerce-ordering select {
    box-shadow: 0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%);
    font-size: 13px;
    border: 0;
    border-radius: 2px;
	font-size: 13px;
    padding: 6px 12px;
}

.woocommerce .woocommerce-result-count {
    font-size: 13px;
	margin: 0.375em 0;
}
.woocommerce nav.woocommerce-pagination {
    text-align: left;
	margin: 1em 0 3em 0;
}
.woocommerce nav.woocommerce-pagination ul {
    border: 0;
}
.woocommerce nav.woocommerce-pagination ul li {
    border-right: 0;
	margin-right: 5px;
}
.woocommerce nav.woocommerce-pagination ul li a {
    color:#2a2f32;
}

.woocommerce .woocommerce-ordering {
    margin: 0 0 2em;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    padding: 0;
    min-width: 34px;
    min-height: 34px;
    text-align: center;
    line-height: 34px;
	border-radius: 100%;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #c4dc00 !important;
	color: #fff !important;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: #e5e8eb;
    color: #2a2f32;
}

@media (max-width: 767px){
.storefront-sorting select {
    width: 100%;
}
	
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-ordering select{
    width: 100%;
}
}


.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: 0;
    padding: 25px;
    box-shadow: 0 2px 2px rgb(16 27 30 / 4%), 0 4px 4px rgb(16 27 30 / 4%), 0 8px 8px rgb(16 27 30 / 4%), 0 16px 16px rgb(16 27 30 / 4%), 0 32px 32px rgb(16 27 30 / 4%);
    background: #fff;
    border-radius: 0;
}

.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
    border: 0;
    border-radius: 20px !important;
    padding: 8px 12px 9px 8px;
    outline: 0;
    box-shadow: 0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%);
}








.berocket_ajax_filters_sidebar_toggle {
    height: 26px;
    width: 200px!important;
    margin: 0 0 20px 0;
    text-decoration: none!important;
    box-sizing: border-box!important;
}

body.berocket_ajax_filters_sidebar_active {
    margin-left: 0;
}
#berocket-ajax-filters-sidebar {
  background: #ffffff;
}


/* width */
#berocket-ajax-filters-sidebar::-webkit-scrollbar {
  width: 7px;
}

/* Track */
#berocket-ajax-filters-sidebar::-webkit-scrollbar-track {
  background: #edf3ee; 
}
 
/* Handle */
#berocket-ajax-filters-sidebar::-webkit-scrollbar-thumb {
  background: #c4dc00; 
}

/* Handle on hover */
#berocket-ajax-filters-sidebar::-webkit-scrollbar-thumb:hover {
  background: #c4dc00; 
}

#berocket-ajax-filters-sidebar-close {
    position: absolute !important;
    right: 0 !important;
    line-height: 39px;
    padding: 8px !important;
	font-family: 'Roboto Slab', serif !important;
    background: #c4dc00;
    color: #fff;
    width: 100%;
    font-size: 15px;
	font-weight: 300;
    text-align: center;
}
#berocket-ajax-filters-sidebar-close  i {
	margin-left:10px;
}
#berocket-ajax-filters-sidebar > div {
    padding: 25px !important;
	border-bottom: 1px solid #f3f3f3;
}


#berocket-ajax-filters-sidebar > div:first-of-type {
	background: #f3f3f3;
}
#berocket-ajax-filters-sidebar > div:last-of-type {
	border-bottom: 0;
}

#berocket-ajax-filters-sidebar-close+* {
    margin-top: 55px!important;
}


.bapf_loader_page {
  background-color: rgba(255, 255, 255, .5);
  backdrop-filter: blur(2px) grayscale(50%);
}
.bapf_lcontainer {
  margin: -40px 0 0 -40px;
  width: 80px;
  height: 80px;
}




.berocket_aapf_widget-title {
    font-size: 22px;
    font-weight: 600;
	padding: 0 0 1em;
	margin: 0;
    color: #9a318d;
    text-transform: uppercase;
}


@media (max-width: 767px) {
#berocket-ajax-filters-sidebar {
	width: 100%;
	left:-100%;}
	
#berocket-ajax-filters-sidebar.active {
	left: 0;}


}







/**
 * Images
 * ----------------------------------------------------------------------------
 */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft {
	margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}

img.alignright {
	margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}

img.aligncenter {
	margin: 5px auto;
}

img.alignnone {
	margin: 5px 0;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #220e10;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption.alignleft+ul,
.wp-caption.alignleft+ol {
	list-style-position: inside;
}


/**
 * Comments
 * ----------------------------------------------------------------------------
 */

.comments-area img {max-width: 100%;}


.comments-area blockquote {
    margin: 30px 0;
    padding: 10px 0 10px 20px;
    border-left: 3px solid #e7e7e7;
    color: #2a2f32;
    text-style: unset;
    font-style: italic;
    background: none;
}

.comments-area blockquote:before,
.comments-area blockquote:after {
	display:none;
}

.comments-title,
.comment-list,
.comment-reply-title,
.must-log-in,
.comment-respond .comment-form,
.comment-respond iframe {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.comments-title {
	font-size: 24px;
	font-weight: 300;
	margin-top: 50px;
}

.comment-list,
.comment-list .children {
	list-style-type: none;
	padding: 0;
}

.comment-list .children {
	margin-left: 50px;
	width: calc(100% - 50px);
	float: left;
}

.comment-list li {
	float: left;

	width: 100%;
}

.comment-list li article {
	background: none;
	padding: 1.25em 0;
	margin-bottom: 0;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;

	box-shadow: none;
}

.comment-list li .comment-body {
	float: left;

	width: 100%;
}

.comment-list>li:after,
.comment-list .children>li:before {
	background: url(images/dotted-line.png) repeat left top;
	background-size: 4px 4px;
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	float: left;
}

.comment-list>li:last-child:after {
	display: none;
}

.comment-body {
	padding: 1.25rem 0;
	position: relative;
	float: left;
}

.comment-author {
	float: left;
	max-width: 100px;
}

.comment-author.vcard {
	display: inline-block;
	margin: 0;
	border: 0;
	padding: 0;
}

.comment-author .avatar {
	display: block;
}

.comment-author .fn {
	word-wrap: break-word;
}

.comment-reply-link,
.comment-reply-login {
	font-style: normal;
	font-weight: normal;
}

.comment-author .url {
	color: #000;
	font-style: normal;
	font-weight: normal;
}

.comment-author .fn {
	color: #000;
	position: relative;
	font-style: normal;
	padding: 15px;
	font-weight: normal;
}


.says {
	display: none;
}

.no-avatars .comment-author {
	margin: 0 0 5px;
	max-width: 100%;
	position: relative;
}

.no-avatars .comment-metadata,
.no-avatars .comment-content,
.no-avatars .comment-list .reply {
	width: 100%;
}



.comment-list .edit-link {
	margin-left: 20px;
}

.comment-metadata,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply {
	float: right;
	width: 79%;
	width: -webkit-calc(100% - 100px);
	width: calc(100% - 100px);
	word-wrap: break-word;
}


.comment-meta,
.comment-meta a {
	color: #000;
	font-size: 13px;
}

.comment-metadata {
	margin-bottom: 20px;
	padding-bottom: 10px;
	margin-top: 20px;
	font-size: 14px;
	border-bottom: 1px dotted #ccc;
}

.ping-meta {
	color: #a2a2a2;
	font-size: 13px;
	line-height: 2;
}

.comment-awaiting-moderation {
	color: #a2a2a2;
}

.comment-awaiting-moderation:before {
	content: "\f05e";
	font-family: "Font Awesome 5 Pro";
	margin-right: 5px;
	position: relative;
	top: -2px;
}

.comment-reply-link:before,
.comment-reply-login:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f112";
	margin-right: 3px;
}

/* Comment form */
.comment-respond {
	background: #fff;
	margin-bottom: 50px;
	padding: 0;
	float: left;
}

.comment .comment-respond {
	margin-bottom: 20px;
	padding: 20px;
}

.comment-reply-title {
	font-size: 24px;
	font-weight: 300;
	margin-top: 30px;
}

.comment-reply-title small a {

	color: #131310;
	display: inline-block;
	float: right;
	height: 16px;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
	width: 16px;
}

.comment-reply-title small a:hover {
	color: #ed331c;
	text-decoration: none;
}

.comment-reply-title small a:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f00d";
	position: absolute;
	top: 0;
	right: 0;
	font-style: normal;
	text-indent: 0;
	vertical-align: top;
}

.sidebar .comment-list .comment-reply-title,
.sidebar .comment-list .comment-respond .comment-form {
	padding: 0;
}

.comment-form .comment-notes {
	margin-bottom: 2.5rem;
	color: #999;
	font-size: 0.8rem;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
	margin-bottom: 8px;
}

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
	float: left;
	padding: 5px 0;
	width: 120px;
}

.comment-form .required {
	color: #ed331c;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	max-width: 270px;
	width: 60%;
}

.comment-form textarea {
	width: 100%;
}

.form-allowed-tags,
.form-allowed-tags code {
	color: #999;
}

.form-allowed-tags code {
	margin-left: 3px;
}

.comment-list .pingback,
.comment-list .trackback {
	padding-top: 1.25rem;
}

.comment-navigation {
	padding: 20px 0 30px;
	width: 100%;
	float: left;
}

.comment-navigation .section-heading {
	font-weight: 300;
	font-size: 1.8rem;
	font-style: italic;
	margin-top: 1.25rem;
}

.comment-navigation .nav-previous {
	float: left;
}

.comment-navigation .nav-next {
	float: right;
}

.no-comments {
	background-color: #f7f5e7;
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin: 0;
	padding: 40px 0;
	text-align: center;
}





@media only screen and (max-width : 767px) {
	.comment-author {
		max-width: 50px;
	}

	.comment-author.vcard img {
		width: 36px;
		height: 36px;
	}

	.comment-metadata,
	.comment-awaiting-moderation,
	.comment-content,
	.comment-list .reply {
		width: -webkit-calc(100% - 50px);
		width: calc(100% - 50px);
	}


	.comment-list .children {
		margin-left: 25px;
		width: calc(100% - 25px);
		float: left;
	}

	.comment-metadata {
		margin-bottom: 10px;
		padding-bottom: 10px;
		margin-top: 0px;
		font-size: 12px;
	}
}



/**
 * Block Grid
 * ----------------------------------------------------------------------------
 */

[class*="block-grid-"] {
	display: block;
	margin: 0 -20px;
	padding: 0;
}


[class*="block-grid-"]:before,
[class*="block-grid-"]:after {
	content: " ";
	display: table;
}

[class*="block-grid-"]:after {
	clear: both;
}

.block-grid-item {
	display: inline;
	margin: 0;
	padding: 20px;
	height: auto;
	float: left;
	list-style: none;
}


.block-grid-xs-1>.block-grid-item {
	width: 100%;
}

.block-grid-xs-1>.block-grid-item:nth-of-type(n) {
	clear: none;
}

.block-grid-xs-1>.block-grid-item:nth-of-type(1n+1) {
	clear: both;
}

.block-grid-xs-2>.block-grid-item {
	width: 50%;
}

.block-grid-xs-2>.block-grid-item:nth-of-type(n) {
	clear: none;
}

.block-grid-xs-2>.block-grid-item:nth-of-type(2n+1) {
	clear: both;
}

.block-grid-xs-3>.block-grid-item {
	width: 33.333333333333336%;
}

.block-grid-xs-3>.block-grid-item:nth-of-type(n) {
	clear: none;
}

.block-grid-xs-3>.block-grid-item:nth-of-type(3n+1) {
	clear: both;
}

.block-grid-xs-4>.block-grid-item {
	width: 25%;
}

.block-grid-xs-4>.block-grid-item:nth-of-type(n) {
	clear: none;
}

.block-grid-xs-4>.block-grid-item:nth-of-type(4n+1) {
	clear: both;
}

.block-grid-xs-5>.block-grid-item {
	width: 20%;
}

.block-grid-xs-5>.block-grid-item:nth-of-type(n) {
	clear: none;
}

.block-grid-xs-5>.block-grid-item:nth-of-type(5n+1) {
	clear: both;
}

.block-grid-xs-6>.block-grid-item {
	width: 16.666666666666668%;
}

.block-grid-xs-6>.block-grid-item:nth-of-type(n) {
	clear: none;
}

.block-grid-xs-6>.block-grid-item:nth-of-type(6n+1) {
	clear: both;
}

.block-grid-xs-7>.block-grid-item {
	width: 14.285714285714286%;
}

.block-grid-xs-7>.block-grid-item:nth-of-type(n) {
	clear: none;
}

.block-grid-xs-7>.block-grid-item:nth-of-type(7n+1) {
	clear: both;
}

.block-grid-xs-8>.block-grid-item {
	width: 12.5%;
}

.block-grid-xs-8>.block-grid-item:nth-of-type(n) {
	clear: none;
}

.block-grid-xs-8>.block-grid-item:nth-of-type(8n+1) {
	clear: both;
}

.block-grid-xs-9>.block-grid-item {
	width: 11.11111111111111%;
}

.block-grid-xs-9>.block-grid-item:nth-of-type(n) {
	clear: none;
}

.block-grid-xs-9>.block-grid-item:nth-of-type(9n+1) {
	clear: both;
}

.block-grid-xs-10>.block-grid-item {
	width: 10%;
}

.block-grid-xs-10>.block-grid-item:nth-of-type(n) {
	clear: none;
}

.block-grid-xs-10>.block-grid-item:nth-of-type(10n+1) {
	clear: both;
}

.block-grid-xs-11>.block-grid-item {
	width: 9.090909090909092%;
}

.block-grid-xs-11>.block-grid-item:nth-of-type(n) {
	clear: none;
}

.block-grid-xs-11>.block-grid-item:nth-of-type(11n+1) {
	clear: both;
}

.block-grid-xs-12>.block-grid-item {
	width: 8.333333333333334%;
}

.block-grid-xs-12>.block-grid-item:nth-of-type(n) {
	clear: none;
}

.block-grid-xs-12>.block-grid-item:nth-of-type(12n+1) {
	clear: both;
}

@media (min-width: 768px) {
	.block-grid-sm-1>.block-grid-item {
		width: 100%;
	}

	.block-grid-sm-1>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-sm-1>.block-grid-item:nth-of-type(1n+1) {
		clear: both;
	}

	.block-grid-sm-2>.block-grid-item {
		width: 50%;
	}

	.block-grid-sm-2>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-sm-2>.block-grid-item:nth-of-type(2n+1) {
		clear: both;
	}

	.block-grid-sm-3>.block-grid-item {
		width: 33.333333333333336%;
	}

	.block-grid-sm-3>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-sm-3>.block-grid-item:nth-of-type(3n+1) {
		clear: both;
	}

	.block-grid-sm-4>.block-grid-item {
		width: 25%;
	}

	.block-grid-sm-4>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-sm-4>.block-grid-item:nth-of-type(4n+1) {
		clear: both;
	}

	.block-grid-sm-5>.block-grid-item {
		width: 20%;
	}

	.block-grid-sm-5>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-sm-5>.block-grid-item:nth-of-type(5n+1) {
		clear: both;
	}

	.block-grid-sm-6>.block-grid-item {
		width: 16.666666666666668%;
	}

	.block-grid-sm-6>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-sm-6>.block-grid-item:nth-of-type(6n+1) {
		clear: both;
	}

	.block-grid-sm-7>.block-grid-item {
		width: 14.285714285714286%;
	}

	.block-grid-sm-7>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-sm-7>.block-grid-item:nth-of-type(7n+1) {
		clear: both;
	}

	.block-grid-sm-8>.block-grid-item {
		width: 12.5%;
	}

	.block-grid-sm-8>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-sm-8>.block-grid-item:nth-of-type(8n+1) {
		clear: both;
	}

	.block-grid-sm-9>.block-grid-item {
		width: 11.11111111111111%;
	}

	.block-grid-sm-9>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-sm-9>.block-grid-item:nth-of-type(9n+1) {
		clear: both;
	}

	.block-grid-sm-10>.block-grid-item {
		width: 10%;
	}

	.block-grid-sm-10>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-sm-10>.block-grid-item:nth-of-type(10n+1) {
		clear: both;
	}

	.block-grid-sm-11>.block-grid-item {
		width: 9.090909090909092%;
	}

	.block-grid-sm-11>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-sm-11>.block-grid-item:nth-of-type(11n+1) {
		clear: both;
	}

	.block-grid-sm-12>.block-grid-item {
		width: 8.333333333333334%;
	}

	.block-grid-sm-12>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-sm-12>.block-grid-item:nth-of-type(12n+1) {
		clear: both;
	}
}

@media (min-width: 992px) {
	.block-grid-md-1>.block-grid-item {
		width: 100%;
	}

	.block-grid-md-1>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-md-1>.block-grid-item:nth-of-type(1n+1) {
		clear: both;
	}

	.block-grid-md-2>.block-grid-item {
		width: 50%;
	}

	.block-grid-md-2>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-md-2>.block-grid-item:nth-of-type(2n+1) {
		clear: both;
	}

	.block-grid-md-3>.block-grid-item {
		width: 33.333333333333336%;
	}

	.block-grid-md-3>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-md-3>.block-grid-item:nth-of-type(3n+1) {
		clear: both;
	}

	.block-grid-md-4>.block-grid-item {
		width: 25%;
	}

	.block-grid-md-4>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-md-4>.block-grid-item:nth-of-type(4n+1) {
		clear: both;
	}

	.block-grid-md-5>.block-grid-item {
		width: 20%;
	}

	.block-grid-md-5>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-md-5>.block-grid-item:nth-of-type(5n+1) {
		clear: both;
	}

	.block-grid-md-6>.block-grid-item {
		width: 16.666666666666668%;
	}

	.block-grid-md-6>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-md-6>.block-grid-item:nth-of-type(6n+1) {
		clear: both;
	}

	.block-grid-md-7>.block-grid-item {
		width: 14.285714285714286%;
	}

	.block-grid-md-7>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-md-7>.block-grid-item:nth-of-type(7n+1) {
		clear: both;
	}

	.block-grid-md-8>.block-grid-item {
		width: 12.5%;
	}

	.block-grid-md-8>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-md-8>.block-grid-item:nth-of-type(8n+1) {
		clear: both;
	}

	.block-grid-md-9>.block-grid-item {
		width: 11.11111111111111%;
	}

	.block-grid-md-9>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-md-9>.block-grid-item:nth-of-type(9n+1) {
		clear: both;
	}

	.block-grid-md-10>.block-grid-item {
		width: 10%;
	}

	.block-grid-md-10>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-md-10>.block-grid-item:nth-of-type(10n+1) {
		clear: both;
	}

	.block-grid-md-11>.block-grid-item {
		width: 9.090909090909092%;
	}

	.block-grid-md-11>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-md-11>.block-grid-item:nth-of-type(11n+1) {
		clear: both;
	}

	.block-grid-md-12>.block-grid-item {
		width: 8.333333333333334%;
	}

	.block-grid-md-12>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-md-12>.block-grid-item:nth-of-type(12n+1) {
		clear: both;
	}
}

@media (min-width: 1340px) {
	.block-grid-lg-1>.block-grid-item {
		width: 100%;
	}

	.block-grid-lg-1>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-lg-1>.block-grid-item:nth-of-type(1n+1) {
		clear: both;
	}

	.block-grid-lg-2>.block-grid-item {
		width: 50%;
	}

	.block-grid-lg-2>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-lg-2>.block-grid-item:nth-of-type(2n+1) {
		clear: both;
	}

	.block-grid-lg-3>.block-grid-item {
		width: 33.333333333333336%;
	}

	.block-grid-lg-3>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-lg-3>.block-grid-item:nth-of-type(3n+1) {
		clear: both;
	}

	.block-grid-lg-4>.block-grid-item {
		width: 25%;
	}

	.block-grid-lg-4>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-lg-4>.block-grid-item:nth-of-type(4n+1) {
		clear: both;
	}

	.block-grid-lg-5>.block-grid-item {
		width: 20%;
	}

	.block-grid-lg-5>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-lg-5>.block-grid-item:nth-of-type(5n+1) {
		clear: both;
	}

	.block-grid-lg-6>.block-grid-item {
		width: 16.666666666666668%;
	}

	.block-grid-lg-6>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-lg-6>.block-grid-item:nth-of-type(6n+1) {
		clear: both;
	}

	.block-grid-lg-7>.block-grid-item {
		width: 14.285714285714286%;
	}

	.block-grid-lg-7>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-lg-7>.block-grid-item:nth-of-type(7n+1) {
		clear: both;
	}

	.block-grid-lg-8>.block-grid-item {
		width: 12.5%;
	}

	.block-grid-lg-8>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-lg-8>.block-grid-item:nth-of-type(8n+1) {
		clear: both;
	}

	.block-grid-lg-9>.block-grid-item {
		width: 11.11111111111111%;
	}

	.block-grid-lg-9>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-lg-9>.block-grid-item:nth-of-type(9n+1) {
		clear: both;
	}

	.block-grid-lg-10>.block-grid-item {
		width: 10%;
	}

	.block-grid-lg-10>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-lg-10>.block-grid-item:nth-of-type(10n+1) {
		clear: both;
	}

	.block-grid-lg-11>.block-grid-item {
		width: 9.090909090909092%;
	}

	.block-grid-lg-11>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-lg-11>.block-grid-item:nth-of-type(11n+1) {
		clear: both;
	}

	.block-grid-lg-12>.block-grid-item {
		width: 8.333333333333334%;
	}

	.block-grid-lg-12>.block-grid-item:nth-of-type(n) {
		clear: none;
	}

	.block-grid-lg-12>.block-grid-item:nth-of-type(12n+1) {
		clear: both;
	}
}


.main300 {
	position: relative;
	padding-bottom: 83.5%;
	height: 0;
	width: 100%;
	overflow: hidden;
}

.main300 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.banner300250 img {
	width: 100%;
	height: 100%;
}


.main728-inner-wrap {
	background: #f0f2f4
}



















.main728 {
	position: relative;
	padding-bottom: 12.4%;
	height: 0;
	width: 100%;
	overflow: hidden;
}

.main728 iframe {
	position: absolute;
	top: 0;
	left: 0%;
	width: 100%;
	max-width: 728px;
	height: 100%;
}

@media (min-width: 992px) {
	.main728 {
		padding-bottom: 10%;
	}

	.main728 iframe {
		left: 50%;
		margin-left: -364px;

	}
}

@media (min-width: 1340px) {
	.main728 {
		padding-bottom: 7.25%;
	}
}
















.embed-responsive-3by6 {
	padding-bottom: 200%;
	position: relative;
	height: 0;
	width: 100%;
	overflow: hidden;
}

.embed-responsive-3by6 iframe {
	position: absolute;
	top: 0;
	left: 0%;
	width: 100%;
	max-width: 300px;
	height: 100%;
}









.embed-responsive-30by25 {
	padding-bottom: 83.5% !important;
	position: relative;
	height: 0;
	width: 100%;
	overflow: hidden;
}

.embed-responsive-30by25 iframe {
	position: absolute;
	top: 0;
	left: 0%;
	width: 100%;
	max-width: 300px;
	height: 100%;
}


.embed-responsive-powerbi {
    padding-bottom: 60.99%!important;
}

.embed-responsive-powerbi-mobile {
    padding-bottom: 159%!important;
}


.job_filters .search_jobs div.search_categories, .job_filters .search_jobs div.filter_wide .filter_by_tag_cloud {
	font-size:	80%;
}



.job_filters {
	background: #f0f2f4;
}

.job_filters .search_jobs {
	padding: 20px;
}




.job_filters .job_types li {
	padding: 0 30px 0 0;
	border-right: 0;
}

@media screen and (max-width: 767px) {

}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
	color: #000;
	font-family: "Open Sans";

}

.chosen-container-multi .chosen-results .highlighted {
	background: #c4dc00 !important;
	color: #fff !important;
}

.chosen-container .chosen-results li {
	padding: 15px;
	font-size: 16px;
	font-family: "Open Sans";
	border-bottom: 1px solid #eeeeee;
}

.chosen-container-multi .chosen-choices li.search-choice {
	position: relative;
	margin: 5px 0 3px 5px;
	padding: 5px 20px 5px 8px;
	border: 0;
	background: #c4dc00;
	box-shadow: none;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	background: #c4dc00;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	top: 5px;
	right: 5px;
	background: url(images/btn-small-close.png) 0 0 no-repeat;
}

.chosen-container .chosen-choices {
	color: #333333 !important;
	border: 1px solid #ced6dd !important;
	border-radius: 0px !important;
	padding: 7px 10px 4px 10px;
	background: #fff;
	font-weight: 400;
	font-size: 18px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}


.kar-naj-odj {
	margin-top: 70px;
}


@media (max-width: 767px) {
	.kar-naj-odj {
		margin-top: 35px;
	}
}




div.job_listings ul.job_listings {
    margin: 0;
    display: grid;
	border: 0;
    grid-auto-columns: 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    gap: 20px 20px;
    grid-template-areas: ". . . .";
}

@media (max-width:1339px) {
div.job_listings ul.job_listings {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: ". . .";
}
}
@media (max-width:991px) {
div.job_listings ul.job_listings {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: ". .";
}
}
@media (max-width:767px) {
div.job_listings ul.job_listings {
    grid-template-columns: repeat(1, 1fr);
    grid-template-areas: ".";
}
}


.rp4wp-related-job_listing>ul li.job_listing a, .rp4wp-related-job_listing>ul li.no_job_listings_found a, ul.job_listings li.job_listing a, ul.job_listings li.no_job_listings_found a {
    padding: 1em;
    height: 100%;
	color: #5d5d71;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.rp4wp-related-job_listing>ul li.job_listing,
.rp4wp-related-job_listing>ul li.no_job_listings_found, 
ul.job_listings li.job_listing, 
ul.job_listings li.no_job_listings_found {
	border:0;
    background: #e5e9ec;
}

ul.job_listings li.job_listing.job_position_filled,
ul.job_listings li.no_job_listings_found.job_position_filled,
ul.job_listings li.job_listing.job_position_filled,
ul.job_listings li.no_job_listings_found.job_position_filled,
ul.job_listings li.status-expired {
	position: relative;
	opacity: 1 !important;
	background: #f7f8f9;
}


ul.job_listings li.job_listing.job_position_filled:before,
ul.job_listings li.no_job_listings_found.job_position_filled:before,
ul.job_listings li.job_listing.job_position_filled:before,
ul.job_listings li.no_job_listings_found.job_position_filled:before,
ul.job_listings li.status-expired:before {
	position: absolute;
	bottom:15px;
	right: 15px;
	width: 100px;
	height: 24px;
	background-image: url(images/kariera-popolneto.png);
	content: ""; 
}
ul.job_listings li.status-expired:before {
	width: 146px;
	background-image: url(images/kariera-zavrseno-apliciranje.png);
}

ul.job_listings li.job_listing.job_position_filled a,
ul.job_listings li.no_job_listings_found.job_position_filled a,
ul.job_listings li.job_listing.job_position_filled a,
ul.job_listings li.no_job_listings_found.job_position_filled a,
ul.job_listings li.status-expired a{
	opacity: 0.25 !important;
}

.rp4wp-related-job_listing>ul li.job_listing a img.company_logo, .rp4wp-related-job_listing>ul li.no_job_listings_found a img.company_logo, ul.job_listings li.job_listing a img.company_logo, ul.job_listings li.no_job_listings_found a img.company_logo {
    width: 30px;
    height: 30px;
    float: none;
    margin-right: 0;
  text-indent:-9999px;
}

.rp4wp-related-job_listing>ul li.job_listing a div.position .company, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.position .company, ul.job_listings li.job_listing a div.position .company, ul.job_listings li.no_job_listings_found a div.position .company {
    top: 17px;
    left: 0;
    padding: 0 1em 0 60px;
    font-family: "PT Mono";
	position: absolute;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

	.rp4wp-related-job_listing>ul li.job_listing a div.position .company strong, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.position .company strong, ul.job_listings li.job_listing a div.position .company strong, ul.job_listings li.no_job_listings_found a div.position .company strong {
		font-weight: 100;
	}

	.rp4wp-related-job_listing>ul li.job_listing a div.position .company .tagline, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.position .company .tagline, ul.job_listings li.job_listing a div.position .company .tagline, ul.job_listings li.no_job_listings_found a div.position .company .tagline {
		display: none;
	}

.rp4wp-related-job_listing>ul li.job_listing a div.position, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.position, ul.job_listings li.job_listing a div.position, ul.job_listings li.no_job_listings_found a div.position {
	float: none;
    width: 100%;
    font-size: 20px;
    padding: 0;
    margin-top: 40px;
}



.rp4wp-related-job_listing>ul li.job_listing a div.location, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.location, ul.job_listings li.job_listing a div.location, ul.job_listings li.no_job_listings_found a div.location {
    float: none;
    text-align: left;
    width: 100%;
    padding: 5px 0 0 15px;
	margin: 0 0 20px 0;
    color: #999;
    font-family: "PT Mono";
    line-height: 1.5em;
	position: relative;
}

	.rp4wp-related-job_listing>ul li.job_listing a div.location:before, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.location:before, ul.job_listings li.job_listing a div.location:before, ul.job_listings li.no_job_listings_found a div.location:before {
		font-family: "Font Awesome 5 Pro";
		position: absolute;
		top: 6px;
		left: 0;
		content: "\f276";
	}

.rp4wp-related-job_listing>ul li.job_listing a .meta, .rp4wp-related-job_listing>ul li.no_job_listings_found a .meta, ul.job_listings li.job_listing a .meta, ul.job_listings li.no_job_listings_found a .meta {
    float: none;
    text-align: left;
    width: 100%;
    padding: 0;
    margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-self: flex-end;
	margin-top: auto;
}

	.rp4wp-related-job_listing>ul li.job_listing a .meta .date, .rp4wp-related-job_listing>ul li.no_job_listings_found a .meta .date, ul.job_listings li.job_listing a .meta .date, ul.job_listings li.no_job_listings_found a .meta .date {
		order: 1;
		font-size: 12px;
		font-family: "PT Mono";
		width: 100%;
	}


	.rp4wp-related-job_listing>ul li.job_listing a .meta .job-type, .rp4wp-related-job_listing>ul li.no_job_listings_found a .meta .job-type, ul.job_listings li.job_listing a .meta .job-type, ul.job_listings li.no_job_listings_found a .meta .job-type {
		order: 2;
		width: 100%;
		font-weight: normal;
		font-size: 14px;
	}

.job_filters {
    background: transparent;
    margin-top: 50px;
}
.job_filters .search_jobs {
    padding: 0 0 20px 0;
}
.job_filters .job_types {
    background: transparent;
    margin-bottom: 50px;
	border: 0;
}


.job_filters .search_jobs input[type="text"], .job_filters .search_jobs select {
    box-shadow: 0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%);
    border: 0;
    padding: 10px 16px;
    border-radius: 50px;
}





.job_filters .showing_jobs {
	padding: 15px 0;
	font-size: 12px;
	background: #fff;
	color: #787e82;
	border-top: 0;
}

.job_listings img.company_logo {
	box-shadow: 0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%) !important;
	-webkit-border-radius: 500px;
	border-radius: 500px;
	background: #fff;
}
.select2-container {
	z-index:	99;
}
.select2-container--default .select2-selection--multiple {
    border: 0 !important;
    box-shadow: 0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%);
    border-radius: 20px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 2px 15px;
}

.job_filters .search_submit input {
    border-color: #5a5b6f;
    background: #5a5b6f;
    border: 0;
    padding: 8px 16px;
    border-radius: 20px;
    color: #fff;
}
@media only screen and (max-width: 767px) {
.job_filters {
    margin-top: 20px;
}
	
ul.job_listings li.job_listing a img.company_logo, ul.job_listings li.no_job_listings_found a img.company_logo {
    visibility: visible;
}
}



.rp4wp-related-job_listing>ul li.job_listing.job_position_featured a,
.rp4wp-related-job_listing>ul li.no_job_listings_found.job_position_featured a,
ul.job_listings li.job_listing.job_position_featured a,
ul.job_listings li.no_job_listings_found.job_position_featured a {
	background: #5b5b6f;
    color: #fff;
    display: flex;
    height: 100%;
    flex-wrap: wrap;
	
}

.rp4wp-related-job_listing>ul li.job_listing.job_position_featured a:hover,
.rp4wp-related-job_listing>ul li.no_job_listings_found.job_position_featured a:hover,
ul.job_listings li.job_listing.job_position_featured a:hover,
ul.job_listings li.no_job_listings_found.job_position_featured a:hover {
	background: #d42535
}


.rp4wp-related-job_listing>ul li.job_listing.job_position_featured a div.position .company,
.rp4wp-related-job_listing>ul li.no_job_listings_found.job_position_featured a div.position .company,
ul.job_listings li.job_listing.job_position_featured a div.position .company,
ul.job_listings li.no_job_listings_found.job_position_featured a div.position .company {
	color: #fff;
}

.rp4wp-related-job_listing>ul li.job_listing.job_position_featured a div.location,
.rp4wp-related-job_listing>ul li.no_job_listings_found.job_position_featured a div.location,
ul.job_listings li.job_listing.job_position_featured a div.location,
ul.job_listings li.no_job_listings_found.job_position_featured a div.location {
	color: #fff;
}

.rp4wp-related-job_listing>ul li.job_listing.job_position_featured a .meta,
.rp4wp-related-job_listing>ul li.no_job_listings_found.job_position_featured a .meta,
ul.job_listings li.job_listing.job_position_featured a .meta,
ul.job_listings li.no_job_listings_found.job_position_featured a .meta {
	color: #fff;
}

.rp4wp-related-job_listing>ul li.job_listing.job_position_featured a .meta,
.rp4wp-related-job_listing>ul li.no_job_listings_found.job_position_featured a .meta,
ul.job_listings li.job_listing.job_position_featured a .meta,
ul.job_listings li.no_job_listings_found.job_position_featured a .meta {
	color: #fff;
}

.rp4wp-related-job_listing>ul li.job_listing.job_position_featured a .job-type,
.rp4wp-related-job_listing>ul li.no_job_listings_found.job_position_featured a .job-type,
ul.job_listings li.job_listing.job_position_featured a .job-type,
ul.job_listings li.no_job_listings_found.job_position_featured a .job-type {
	color: #fff;
}


.job_listing .company,
.job_listing .tagline,
.job_listing .location {
	font-size: 12px;
}

.job_listing .company {
	font-weight: bold;
}

.job_listing .company span {
	font-weight: normal;
}

form#submit-job-form {
	margin: 40px 0 0 0;
}
form#submit-job-form h2 {
	margin: 0 0 40px 0;
}

.job-manager-form fieldset {
	padding: 0 0 1em;
	line-height: 1.5em;
	border-bottom: 0;
}

.job-manager-form fieldset label {
	margin-top: 10px;
}

.job-manager-form fieldset input.input-text, .job-manager-form fieldset input.input-date, .job-manager-form fieldset textarea, .job-manager-form fieldset select {
    border: 0;
    color: #555555;
    padding: 8px 16px;
    border-radius: 23px;
    box-shadow: 0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%);
}

.job-manager-form input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    background: #c4dc00;
    color: #fff;
    border-color: #c4dc00;
    border: 0;
    border-radius: 2px;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    position: relative;
    line-height: 1.42857143;
    font-size: 14px;
    padding: 8px 18px;
}


.job-manager-form input[name="save_draft"] {
    background: #687577;
    border-color: #687577;
}
.job-manager-form fieldset label {
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
}

@media screen and (max-width: 767px) {
	.job-manager-form fieldset label {
		width: 100%;
		margin-top: 0;
	}

	.job-manager-form fieldset div.field {
		width: 100%;
	}

	.job-manager-form fieldset {
		padding: 0 0 1em;
		line-height: 2em;
	}
}

.single_job_listing .company {
	border: 0;
	box-shadow: 0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%);
    border: 0;
	background: #fff;
	margin: 0;
	min-height: 6.3em;
	padding: 30px;
}

.single_job_listing .company .name a {
	font-size: 12px;
}

.single_job_listing .meta {
    font-family: "PT Mono";
}

.single_job_listing .meta li {
	padding: 3px 8px;
	margin-bottom: 5px;
	font-size: 11px;
	line-height: 1.7;
	color: #787e82;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
}

.single_job_listing .meta .location:before {
	margin-top: -4px;
	color: #c4dc00;
}


.single_job_listing .meta .date-posted:before {
	margin-top: -4px;
	margin-right: 5px;
}

.single_job_listing .meta .position-filled {
	background: #90dac8;
	color: #fff;
}
.single_job_listing .meta .position-filled::before {
    font-family: "Font Awesome 5 Pro" !important;
    font-size: 14px;
    top: 6px;
    position: relative;
    margin: 1px 4px 0 0;
    content: "\f004";
    font-weight: 300;
}

.single_job_listing .meta .position-filled:before {
	margin-top: -4px;
}

.single_job_listing .company .tagline {
	margin: 0 0 0 3em;
}

.single_job_listing .company img {
	left: 1.5em;
	-webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, .2) !important;
	box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2) !important;
	-webkit-border-radius: 500px;
	border-radius: 500px;
	background: #fff;
}



#job-manager-job-dashboard ul.job-dashboard-actions {
	margin-bottom: 0;
}

#job-manager-job-dashboard table ul.job-dashboard-actions li:after {
	padding: 0;
	content: "";
}

#job-manager-job-dashboard .job_title h3 a {
	display: block;
	margin-bottom: 20px;
}

#job-manager-job-dashboard .job_title h3 {
	margin-top: 0;
	font-size: 18px;
}

#job-manager-job-dashboard .job_title {
	width: 40%;
}

#job-manager-job-dashboard .filled,
#job-manager-job-dashboard .date,
#job-manager-job-dashboard .expires {
	text-align: center;
	width: 20%;
}


#job-manager-job-dashboard .closed {
	opacity: .25;
}
.single_job_listing .meta .position-filled::before, .single_job_listing .meta .listing-expired::before {
    line-height: 1;
}

@media screen and (max-width: 767px) {

	.single_job_listing .meta .location,
	.single_job_listing .meta .date-posted,
	.single_job_listing .meta .position-filled,
	.single_job_listing .meta .listing-expired{
		width: 100%;
		margin-top: 0px;
		padding-left: 0;
	}

	.single_job_listing .meta .position-filled {
		padding-left: 7px;
		margin-top: 5px;
	}

	#job-manager-job-dashboard ul.job-dashboard-actions {
		margin-bottom: 10px;
	}


	#job-manager-job-dashboard .job_title {
		width: 100%;
	}

	#job-manager-job-dashboard .filled,
	#job-manager-job-dashboard .date,
	#job-manager-job-dashboard .expires {
		width: 33.3333%;
		font-size: 11px;
		text-align: left;
	}

	.font-size11 {
		font-size: 11px;
	}


}

.job_listing_preview {
	padding: 0;
	border: 5px solid #f0f2f4;
}
.job_listing_preview_title .button, .entry-content .job_listing_preview_title .button {
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
	line-height: 1.42857143;
	padding: 8px 18px;
	text-transform: none;
    border-radius: 25px;
}
.job_listing_packages_title .button, .entry-content .job_listing_packages_title .button, .resume_packages_title .button, .entry-content .resume_packages_title .button {
    float: right;
    margin-left: 0.25em;
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    line-height: 1.42857143;
    padding: 8px 18px;
    text-transform: none;
    border-radius: 25px;
    border: 0;
    background-color: #c4dc00;
    color: #fff;}
.job_listing_packages ul.job_packages li label, .job_listing_packages ul.resume_packages li label, .resume_packages ul.job_packages li label, .resume_packages ul.resume_packages li label {
  
    font-family: 'Roboto Slab';
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
	margin-left: 5px;
}

.job_listing_packages ul.job_packages p:last-child, .job_listing_packages ul.resume_packages p:last-child, .resume_packages ul.job_packages p:last-child, .resume_packages ul.resume_packages p:last-child {
    font-family: 'PT Mono';
    font-size: 12px;
}
.job_listing_preview,
.job_listing_packages, .resume_packages{
    border: 10px solid #e5e8eb;
}
.job_listing_packages_title, .entry-content .job_listing_packages_title, .resume_packages_title, .entry-content .resume_packages_title {
    padding: 10px 10px 5px 10px;
    background: #e5e8eb;
}
.job_listing_packages_title h2, .entry-content .job_listing_packages_title h2, .resume_packages_title h2, .entry-content .resume_packages_title h2 {
    font-size: 22px;
    margin-top: 5px;
}
.job_listing_packages ul.job_packages li.job-package p strong {
    text-decoration: underline;
    color: #c4dc00;

}
.job_listing_preview h1 {
	margin-left: 30px;
	font-weight: 300;
	margin-top: 30px;
	margin-bottom: 20px;
}

.entry-content .job_listing_preview_title,
.job_listing_preview_title {
	padding: 40px 0;
	background: #fff;
}

.job_listing_preview_title h2 {
	font-size: 20px;
}

.job_listing_preview .container.alt {
	padding-left: 30px;
	padding-right: 30px;
	width: inherit;
}

.job_listing_preview_title .button {
	background: #f0f2f4;
	color: #646b70;
	border-color: #f0f2f4;
	padding: 10px 20px;
	text-transform: uppercase;
	font-weight: 300;
	border: 0;
}

.job_listing_preview_title .button:hover,
.job_listing_preview_title .button:focus {
	background: #c4dc00;
	color: #ffffff;
	border-color: #c4dc00;
}




.job_listing_preview_title #job_preview_submit_button {
	background: #c4dc00;
	color: #ffffff;
	border-color: #c4dc00;
	padding: 10px 20px;
	text-transform: uppercase;
	font-weight: 300;
	border: 0;
}

.job_listing_preview_title #job_preview_submit_button:hover,
.job_listing_preview_title #job_preview_submit_button:focus {
	background: #333333;
	color: #ffffff;
	border-color: #333333;
}


.it-index-promo-box {
	background: #c4dc00;
	margin: 20px 0;
	color: #fff;
	padding: 20px;
}

/* 
.main728 {
    padding-bottom: 21%;
}

@media (min-width: 1340px) {
.main728 {
    padding-bottom: 11.5%;
}
}

@media (min-width: 992px) {
.main728 {
    padding-bottom: 16.5%;
}
} */

.gray-box {
	font-size: 18px;
	background: #f0f2f4;
	border-top: 2px solid #c4dc00;
	padding: 14px;
}









#comments {
    margin: 30px auto;
    color: #2a2f32;
}



#forum-comments .forum-comment-text img,
#comments img{
    display: block;
    max-width: 100%;
    height: auto;
}


.xfwp-tabs {
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.15);
    border-width: 0 0 1px;
    padding-top: 6px;
    text-align: left;
}




blockquote {
    padding: 35px;
    margin: 50px 0 30px 0;
    background: #e5e8eb;
	font-size: inherit;
	display: inline-block;
	position: relative;
	border: 0;
}
	blockquote:before {
		position: absolute;
		top: -25px;
		left: 25px;
		width: 45px;
		z-index: 1;
		height: 45px;
		content: "";
		background-image: url("images/ico-quote.png");
		background-repeat: no-repeat;
		background-size: cover;
	}


	blockquote p {
		position: relative;
		z-index: 3;
	}

	blockquote p a:hover {
		color: #fff;
	}


@media (max-width: 767px) {
blockquote {
    padding: 25px;
    margin: 60px 0 20px 0;}

}


























blockquote.alt {
    padding: 50px;
    margin: 70px 0 30px 0;
    color: #fff;
    background: -moz-linear-gradient(45deg, rgba(5,25,55,0.9) 0%, rgba(42,47,50,0.9) 100%);
	background: -webkit-linear-gradient( 
	45deg, rgba(5,25,55,0.9) 0%,rgba(42,47,50,0.9) 100%);
	background: linear-gradient( 
	45deg, rgba(5,25,55,0.9) 0%,rgba(42,47,50,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6051937', endColorstr='#e62a2f32',GradientType=1 );
	font-size: inherit;
	position: relative;
	border: 0;
}
	blockquote.alt:before {
		position: absolute;
		top: -45px;
		left: 25px;
		width: 90px;
		z-index: 1;
		height: 90px;
		content: "";
		background-image: url("images/ico-quote.png");
		background-repeat: no-repeat;
		background-size: cover;
	}

	blockquote.alt:after {
		position: absolute;
		top: 25px;
		bottom: 25px;
		left: 25px;
		right: 25px;
		border: 1px solid rgba(255,255,255,0.1);
		content: "";

	}
	blockquote.alt p {
		position: relative;
		z-index: 3;
	}

	blockquote.alt p a:hover {
		color: #fff;
	}


@media (max-width: 767px) {
blockquote.alt {
    padding: 30px;
    margin: 60px 0 20px 0;}
	
	blockquote.alt:before {
		top: -39px;
		left: 15px;
		width: 70px;
		height: 70px;}

	blockquote.alt:after {
		top: 15px;
		bottom: 15px;
		left: 15px;
		right: 15px;}
}







.embed-responsive-16by9 {
	padding-bottom: 55.25% !important;
}

/**
div.entry-content p:first-child:first-letter {float:left;   font-family: 'Roboto Slab', serif; margin:-10px 10px 0 0;font-size:65px; line-height:1;font-weight:300}
blockquote p:first-letter {
    font-family: "Open Sans", sans-serif 0 !important;
	font-weight:400 !important;
    font-size: 17px !important;
    line-height: 1.7 0 !important;
	margin: 0 !important;
	float:none !important; }
	
@media only screen and (max-width : 767px) {
div.entry-content p:first-child:first-letter {float:left;   font-family: 'Roboto Slab', serif; margin:-7px 5px 0 0;font-size:50px; line-height:1;font-weight:300}
blockquote p:first-letter {
    font-size: 15px !important;
    line-height: 1.5 !important; }
}
*/



/**
 * Shto ne ocekuva vo 2019
 * ----------------------------------------------------------------------------
 */


.hero-2019 {
	width: 100%;
	height: 100%;
	margin: 0;
	height: 100vh;
	font-family: 'Roboto Slab', serif;
	position: relative;
}

.hero-2019 .center-shape {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 400px;
	margin-left: -170px;
	color: #000;
	margin-top: -200px;
	text-align: center;
	z-index: 2;
}




.hero-2019 .center-shape .txt-top {
	width: 100%;
	position: absolute;
	top: 85px;
	left: 0;
	display: block;
	font-weight: 100;
	font-size: 32px;
}



.hero-2019 .center-shape .y2018 {
	width: 100%;
	position: absolute;
	top: 20px;
	left: 0;
	display: block;
	color: #d9d9d9;
	font-weight: 600;
	font-size: 105px;
}





.hero-2019 .center-shape .txt-bottom {
	width: 100%;
	position: absolute;
	top: 295px;
	left: 0;
	display: block;
	font-weight: 100;
	font-size: 32px;
}

.hero-2019 .center-shape .y2019 {
	width: 100%;
	position: absolute;
	top: 110px;
	color: #c4dc00;
	left: 0;
	display: block;
	font-weight: 800;
	font-size: 150px;
}




.hero-2019 .center-shape:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
	z-index: -1;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-box-shadow: 0px 0px 28px 3px rgba(0, 0, 0, 0.34);
	box-shadow: 0px 0px 28px 3px rgba(0, 0, 0, 0.34);
	content: "";
}


.hero-2019.single-2019 {
	height: auto;
	min-height: 400px;
}



.hero-2019 .section-left {
	width: 100%;
	height: 100%;
	margin: 0;
	height: 100vh;
	position: relative;
	color: #fff;
	font-weight: 100;
	font-size: 18px;
	text-align: center;
	padding: 0 100px;
	background-image: url(images/bg-hero-19.jpg);
	background-size: cover;
	background-position: center center;
}


.hero-2019 .section-left .txt-top {
	width: 100%;
	position: absolute;
	top: 125px;
	left: 0;
	display: block;
	font-weight: 100;
	font-size: 32px;
}



.hero-2019 .section-left .y2018 {
	width: 100%;
	position: absolute;
	top: 60px;
	left: 0;
	display: block;
	opacity: 0.3;
	font-weight: 600;
	font-size: 105px;
}

.hero-2019 .section-left .txt-bottom {
	width: 100%;
	position: absolute;
	top: 335px;
	left: 0;
	display: block;
	font-weight: 100;
	font-size: 32px;
}

.hero-2019 .section-left .y2019 {
	width: 100%;
	position: absolute;
	top: 150px;
	left: 0;
	display: block;
	font-weight: 800;
	font-size: 150px;
}















@media (max-width: 1339px) {
	.hero-2019 .section-left {
		padding: 0 85px;
	}

	.hero-2019 .center-shape {
		top: 38%;
		-moz-transform: scale(0.7);
		-webkit-transform: scale(0.7);
		-o-transform: scale(0.7);
		-ms-transform: scale(0.7);
		transform: scale(0.7);
	}

}

@media (max-width: 992px) {
	.hero-2019 .section-left {
		padding: 0 70px;
	}

	.hero-2019 .section-left {
		height: 480px;
	}

}


@media (max-width: 767px) {
	.hero-2019 {
		height: auto;
	}

	.hero-2019 .section-left {
		height: 370px;
		padding: 0 30px;
	}


	.hero-2019 .section-left .txt-wrap {
		-moz-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		-o-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
	}

}



.hero-2019 .section-right {}

.hero-2019 .section-right .thumb-link {
	width: 100%;
	height: 50%;
	margin: 0;
	height: 50vh;
	position: relative;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
	display: block;
}

.hero-2019.single-2019 .section-right .thumb-link {
	height: 400px;
}

.hero-2019 .section-right .thumb-link.pettemi {
	background-image: url(images/th18-pettemi.jpg);
}

.hero-2019 .section-right .thumb-link.softver {
	background-image: url(images/th18-softver.jpg);
}

.hero-2019 .section-right .thumb-link.tehnologii {
	background-image: url(images/th18-tehnologii.jpg);
}

.hero-2019 .section-right .thumb-link.startup {
	background-image: url(images/th18-startup.jpg);
}

.hero-2019 .section-right .thumb-link.marketing {
	background-image: url(images/th18-marketing.jpg);
}

.hero-2019 .section-right .thumb-link.gejming {
	background-image: url(images/th18-gaming.jpg);
}



.hero-2019 .section-right .thumb-link:before {
	width: 105%;
	height: 105%;
	content: "";
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 300ms ease-in-out;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#136d63+1,00876c+99 */
	background: rgb(19, 109, 99);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(19, 109, 99, 1) 1%, rgba(0, 135, 108, 1) 99%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(19, 109, 99, 1) 1%, rgba(0, 135, 108, 1) 99%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(19, 109, 99, 1) 1%, rgba(0, 135, 108, 1) 99%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#136d63', endColorstr='#00876c', GradientType=0);
	/* IE6-9 */
	opacity: 0.92;
	position: absolute;
	top: 0;
	left: 0;
}

.hero-2019 .section-right .thumb-link:hover:before {
	opacity: 0;
}

.hero-2019 .section-right .thumb-link:after {
	width: 105%;
	height: 105%;
	content: "";
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 700ms ease-in-out;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#74405b+0,d34753+100 */
	background: #74405b;
	/* Old browsers */
	background: -moz-linear-gradient(45deg, #74405b 0%, #d34753 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #74405b 0%, #d34753 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #74405b 0%, #d34753 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74405b', endColorstr='#d34753', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
	opacity: 0;
	position: absolute;
	transition-delay: 50ms;
	top: 0;
	left: 0;
}


.hero-2019 .section-right .thumb-link:hover:after {
	opacity: 0.85;
}


.hero-2019 .section-right .thumb-link .naslov {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 200;
	color: #fff;
	font-size: 26px;
	line-height: 1.1;
	font-weight: 300;

	padding: 30px;
}

.hero-2019 .col-xs-6:nth-child(1) .naslov,
.hero-2019 .col-xs-6:nth-child(2) .naslov,
.hero-2019 .col-xs-6:nth-child(3) .naslov,
.hero-2019 .col-xs-6:nth-child(4) .naslov,
.hero-2019 .col-xs-6:nth-child(5) .naslov,
.hero-2019 .col-xs-6:nth-child(6) .naslov {
	bottom: auto;
	top: 0;
}

.hero-2019 .col-xs-6:nth-child(10) .naslov {
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
}


@media (max-width: 1339px) {

	.hero-2019 .section-right .thumb-link {
		height: 38%;
		height: 38vh;
	}

	.hero-2019 .col-xs-6:nth-child(9) .thumb-link,
	.hero-2019 .col-xs-6:nth-child(10) .thumb-link,
	.hero-2019 .col-xs-6:nth-child(11) .thumb-link,
	.hero-2019 .col-xs-6:nth-child(12) .thumb-link {
		height: 24%;
		height: 24vh;
	}

	.hero-2019 .section-right .thumb-link .naslov {
		font-size: 22px;
		line-height: 1.5;
		padding: 20px;
	}


	.hero-2019 .col-xs-6:nth-child(5) .naslov,
	.hero-2019 .col-xs-6:nth-child(6) .naslov {
		bottom: 0;
		top: auto;
	}




}

@media (max-width: 992px) {

	.hero-2019 .section-right .thumb-link,
	.hero-2019.single-2019 .section-right .thumb-link {
		height: 180px !important;
	}

	.hero-2019 .col-xs-6 .naslov {
		bottom: 0 !important;
		top: auto !important;
	}
}


@media (max-width: 767px) {

	.hero-2019 .section-right .thumb-link,
	.hero-2019.single-2019 .section-right .thumb-link {
		height: 130px !important;
	}


	.hero-2019 .section-right .thumb-link .naslov {
		font-size: 15px;
		bottom: 0;
		top: auto;
		padding: 15px;
	}

}


/**
 * Shto ne ocekuva vo 2018
 * ----------------------------------------------------------------------------
 */


.hero-2018 {
	width: 100%;
	height: 100%;
	margin: 0;
	height: 100vh;
	font-family: 'Roboto Slab', serif;
	position: relative;
}

.hero-2018.single-2018 {
	height: auto;
	min-height: 400px;
}

.hero-2018.single-2019 {
	height: auto;
	min-height: 250px;
}

.hero-2018 .section-left {
	width: 100%;
	height: 100%;
	margin: 0;
	height: 100vh;
	position: relative;
	color: #fff;
	font-weight: 100;
	font-size: 18px;
	padding: 0 100px;
	background-image: url(images/bg-hero-18.jpg);
	background-size: cover;
	background-position: center center;
}

.hero-2018 .section-left h1 {
	font-size: 30px;
	margin: 0;
	margin-bottom: 70px;
	padding: 0;
	font-weight: 100;
}

.hero-2018 .section-left h1 .y2017 {
	font-size: 102px;
	margin-left: -20px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 600;
}

.hero-2018 .section-left h1 .y2018 {
	font-size: 135px;
	margin-left: -20px;
	font-weight: 600;
}


@media (max-width: 1339px) {
	.hero-2018 .section-left {
		padding: 0 85px;
	}

	.hero-2018 .section-left h1 {
		font-size: 25px;
	}

	.hero-2018 .section-left h1 .y2017 {
		font-size: 92px;
	}

	.hero-2018 .section-left h1 .y2018 {
		font-size: 125px;
	}
}

@media (max-width: 992px) {
	.hero-2018 .section-left {
		height: 500px;
		padding: 0 70px;
	}

	.hero-2018 .section-left {
		height: 500px;
	}

	.hero-2018 .section-left h1 {
		font-size: 22px;
	}

	.hero-2018 .section-left h1 .y2017 {
		font-size: 82px;
	}

	.hero-2018 .section-left h1 .y2018 {
		font-size: 115px;
	}
}


@media (max-width: 767px) {
	.hero-2018 {
		height: 400px;
	}

	.hero-2018 .section-left {
		height: 400px;
		padding: 0 30px;
	}

	.hero-2018 .section-left h1 {
		font-size: 20px;
	}

	.hero-2018 .section-left h1 .y2017 {
		margin-left: -10px;
		font-size: 62px;
	}

	.hero-2018 .section-left h1 .y2018 {
		margin-left: -10px;
		font-size: 85px;
	}
}



.hero-2018 .section-right {}

.hero-2018 .section-right .thumb-link {
	width: 100%;
	height: 50%;
	margin: 0;
	height: 50vh;
	position: relative;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
	display: block;
}

.hero-2018.single-2018 .section-right .thumb-link {
	height: 400px;
}

.hero-2018 .section-right .thumb-link.pettemi {
	background-image: url(images/th18-pettemi.jpg);
}

.hero-2018 .section-right .thumb-link.softver {
	background-image: url(images/th18-softver.jpg);
}

.hero-2018 .section-right .thumb-link.tehnologii {
	background-image: url(images/th18-tehnologii.jpg);
}

.hero-2018 .section-right .thumb-link.startup {
	background-image: url(images/th18-startup.jpg);
}

.hero-2018 .section-right .thumb-link.marketing {
	background-image: url(images/th18-marketing.jpg);
}

.hero-2018 .section-right .thumb-link.gejming {
	background-image: url(images/th18-gaming.jpg);
}


.hero-2018.single-2019 .section-right .thumb-link {
	height: 220px;
}




.hero-2018 .section-right .thumb-link:before {
	width: 105%;
	height: 105%;
	content: "";
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 300ms ease-in-out;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b3e4f+0,364858+100 */
	background: #2b3e4f;
	/* Old browsers */
	background: -moz-linear-gradient(45deg, #2b3e4f 0%, #364858 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #2b3e4f 0%, #364858 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #2b3e4f 0%, #364858 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b3e4f', endColorstr='#364858', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
	opacity: 0.92;
	position: absolute;
	top: 0;
	left: 0;
}

.hero-2018 .section-right .thumb-link:hover:before {
	opacity: 0;
}

.hero-2018 .section-right .thumb-link:after {
	width: 105%;
	height: 105%;
	content: "";
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 700ms ease-in-out;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#74405b+0,d34753+100 */
	background: #74405b;
	/* Old browsers */
	background: -moz-linear-gradient(45deg, #74405b 0%, #d34753 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #74405b 0%, #d34753 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #74405b 0%, #d34753 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74405b', endColorstr='#d34753', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
	opacity: 0;
	position: absolute;
	transition-delay: 50ms;
	top: 0;
	left: 0;
}


.hero-2018 .section-right .thumb-link:hover:after {
	opacity: 0.85;
}


.hero-2018 .section-right .thumb-link .naslov {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 200;
	color: #fff;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 100;
	padding: 35px;
}

.hero-2018 .section-right .thumb-link .naslov span {
	font-size: 28px;
	line-height: 1.1;
	margin-bottom: 20px;
	font-weight: 300;
	display: block;
}


.hero-2018.single-2019 .section-right .thumb-link:before {
	width: 105%;
	height: 105%;
	content: "";
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 300ms ease-in-out;
	background: rgb(19, 109, 99);
	background: -moz-linear-gradient(top, rgba(19, 109, 99, 1) 1%, rgba(0, 135, 108, 1) 99%);
	background: -webkit-linear-gradient(top, rgba(19, 109, 99, 1) 1%, rgba(0, 135, 108, 1) 99%);
	background: linear-gradient(to bottom, rgba(19, 109, 99, 1) 1%, rgba(0, 135, 108, 1) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#136d63', endColorstr='#00876c', GradientType=0);
	opacity: 0.92;
	position: absolute;
	top: 0;
	left: 0;
}

.hero-2018.single-2019 .section-right .thumb-link:hover:before {
	opacity: 0;
}



.hero-2019 .section-right .thumb-link.link1 {
	background-image: url(images/th19-1.jpg);
}

.hero-2019 .section-right .thumb-link.link2 {
	background-image: url(images/th19-2.jpg);
}

.hero-2019 .section-right .thumb-link.link3 {
	background-image: url(images/th19-3.jpg);
}

.hero-2019 .section-right .thumb-link.link4 {
	background-image: url(images/th19-4.jpg);
}

.hero-2019 .section-right .thumb-link.link5 {
	background-image: url(images/th19-5.jpg);
}

.hero-2019 .section-right .thumb-link.link6 {
	background-image: url(images/th19-6.jpg);
}

.hero-2019 .section-right .thumb-link.link7 {
	background-image: url(images/th19-7.jpg);
}

.hero-2019 .section-right .thumb-link.link8 {
	background-image: url(images/th19-8.jpg);
}

.hero-2019 .section-right .thumb-link.link9 {
	background-image: url(images/th19-9.jpg);
}

.hero-2019 .section-right .thumb-link.link10 {
	background-image: url(images/th19-10.jpg);
}

.hero-2019 .section-right .thumb-link.link11 {
	background-image: url(images/th19-11.jpg);
}

.hero-2019 .section-right .thumb-link.link12 {
	background-image: url(images/th19-12.jpg);
}






@media (max-width: 1339px) {

	.hero-2018 .section-right .thumb-link {
		height: 50%;
		height: 50vh;
	}

	.hero-2018.single-2018 .section-right .thumb-link {
		height: 300px;
	}

	.hero-2018.single-2019 .section-right .thumb-link {
		height: 200px;
	}

	.hero-2018 .section-right .thumb-link .naslov {
		font-size: 16px;
		line-height: 1.5;
		padding: 22px;
	}

	.hero-2018 .section-right .thumb-link .naslov span {
		font-size: 23px;
		line-height: 1.1;
		margin-bottom: 20px;
	}
}

@media (max-width: 992px) {

	.hero-2018 .section-right .thumb-link,
	.hero-2018.single-2018 .section-right .thumb-link {
		height: 250px;
	}

	.hero-2018.single-2019 .section-right .thumb-link {
		height: 180px;
	}
}


@media (max-width: 767px) {

	.hero-2018 .section-right .thumb-link,
	.hero-2018.single-2018 .section-right .thumb-link {
		height: 250px;
	}

	.hero-2018.single-2019 .section-right .thumb-link {
		height: 180px;
	}

	.hero-2018 .section-right .thumb-link .naslov {
		font-size: 15px;
		padding: 20px;
	}

	.hero-2018 .section-right .thumb-link .naslov span {
		font-size: 20px;
	}
}

/**
 * Single 2018
 * ----------------------------------------------------------------------------
 */

header.single2018 {
	position: relative;
	background-image: url(images/bg-single18-header.jpg);
	background-position: top center;
	margin: 0 0 150px 0;
	background-size: cover;
}

header.single2019 {
	background-image: url(images/bg-hero-19.jpg) !important;
}

header.single2018:before {
	width: 100%;
	height: 100%;
	content: "";
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 700ms ease-in-out;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b3e4f+0,364858+100 */
	background: #2b3e4f;
	/* Old browsers */
	background: -moz-linear-gradient(45deg, #2b3e4f 0%, #364858 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #2b3e4f 0%, #364858 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #2b3e4f 0%, #364858 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b3e4f', endColorstr='#364858', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
	opacity: 0.9;
	position: absolute;
	transition-delay: 50ms;
	top: 0;
	left: 0;
}

header.single2019:before {
	display: none;
}

header.single2018 .entry-thumbnail {
	margin: 0;
	bottom: -100px;
}

header.single2018 .entry-title {
	position: absolute;
	bottom: 0%;
	left: 0;
	width: 100%;
	padding: 0 50px;
	font-weight: 100;
}

header.single2018 .entry-title span {
	font-size: 80px;
	display: block;
	margin-bottom: 40px;
}


@media (max-width: 1339px) {
	header.single2018 {
		margin: 0 0 100px 0;
	}

	header.single2018 .entry-thumbnail {
		bottom: -50px;
	}

	header.single2018 .entry-title {
		font-size: 30px;
		padding: 0 30px;
	}

	header.single2018 .entry-title span {
		font-size: 60px;
		margin-bottom: 30px;
	}

}


@media (max-width: 992px) {

	header.single2018 .entry-title {
		font-size: 25px;
		bottom: -20px;
		padding: 0 25px;
	}

	header.single2018 .entry-title span {
		font-size: 40px;
		margin-bottom: 30px;
	}
}


@media (max-width: 767px) {
	header.single2018 .entry-title {
		font-size: 18px;
		bottom: -50px;
		padding: 0 25px;
	}

	header.single2018 .entry-title span {
		font-size: 27px;
		margin-bottom: 15px;
	}

}

/**
 * Shto ne ocekuva vo 2017
 * ----------------------------------------------------------------------------
 */


.hero-2017 {
	width: 100%;
	height: 100%;
	margin: 0;
	height: 100vh;
	font-family: 'Roboto Slab', serif;
	position: relative;
	color: #fff;
	font-size: 35px;
	font-weight: 100;
	background-image: url(images/hero-2017.jpg);
	background-size: cover;
	background-position: center center;
}

.hero-2017:before {
	width: 100%;
	height: 100px;
	content: "";
	position: absolute;
	bottom: -100px;
	left: 0;
	background-image: url(images/hero-2017-bottom.png);
	background-size: cover;
	background-position: center bottom;
}

.hero-2017 .vcenter {
	top: 59.2%;
	transform: translateY(-59.2%);
}

.hero-2017 .scroll-down-ico {
	margin: 15px 0 0 50px;
}

.hero-2017 .svarog {
	position: absolute;
	color: #fff;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	bottom: 100px;
	right: 50%;
	margin-right: -565px;
}

.hero-2017 .svarog:hover,
.hero-2017 .svarog:focus {
	text-decoration: none;
	color: #fff;
	opacity: 0.7;
}

.hero-2017 .svarog span {
	font-size: 16px;
	position: relative;
	top: 33px;
	right: 10px;
}


@media (max-width: 1339px) {
	.hero-2017 .svarog {
		margin-right: -390px;
	}
}

@media (max-width: 992px) {
	.hero-2017 .svarog {
		bottom: 50px;
		margin-right: -285px;
	}
}


@media (max-width: 767px) {
	.hero-2017 .svarog {
		bottom: 15px;
		right: 0;
		left: 23px;
		margin-right: 0;
	}

	.hero-2017 .svarog span {
		display: none;
	}

	.hero-2017 .svarog img {
		width: 50px;
		height: 43px;
	}

}

.info-2017 {
	background: #f0f2f4;
	margin: 0;
	padding-top: 100px;
	padding-bottom: 0px;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	font-size: 19px;
}

/*	 
.info-2017 div.entry-content p:first-child:first-letter {margin:-10px 10px 0 0;font-size:73px; }

	
@media only screen and (max-width : 767px) {
.info-2017 div.entry-content p:first-child:first-letter {font-size:63px; }

}
	 */



@media (max-width: 992px) {

	.hero-2017 {
		height: 600px;
		font-size: 25px;
	}

	.hero-2017 .vcenter {
		top: 59.4%;
		transform: translateY(-59.4%);
	}

	.hero-2017 .scroll-down-ico {
		margin: 10px 0 0 40px;
	}
}





@media (max-width: 767px) {

	.hero-2017 {
		height: 200px;
		padding-right: 20px;
		font-size: 17px;
	}

	.hero-2017:before {
		height: 50px;
		bottom: -50px;
		background-size: contain;
		background-position: center top;
		background-repeat: no-repeat;
	}





	.hero-2017 .vcenter {
		top: 73%;
		transform: translateY(-73%);
	}

	.hero-2017 .scroll-down-ico {
		margin: 10px 0 0 40px;
	}


	.info-2017 {
		padding-top: 60px;
	}


}








#img-2017 {
	margin-top: 60px;
	margin-bottom: 60px;
}



.tooltip-inner {
	padding: 5px 10px;
	background-color: #9fb10d;
	border-radius: 2px;
}

.tooltip.top .tooltip-arrow {
	border-top-color: #9fb10d;
}

.tooltip.top-left .tooltip-arrow {
	border-top-color: #9fb10d;
}

.tooltip.top-right .tooltip-arrow {
	border-top-color: #9fb10d;
}

.tooltip.right .tooltip-arrow {
	border-right-color: #9fb10d;
}

.tooltip.left .tooltip-arrow {
	border-left-color: #9fb10d;
}

.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #9fb10d;
}

.tooltip.bottom-left .tooltip-arrow {
	border-bottom-color: #9fb10d;
}

.tooltip.bottom-right .tooltip-arrow {
	border-bottom-color: #9fb10d;
}




/**
 * Vauron
 * ----------------------------------------------------------------------------
 */

.vauron-landing-top {
	background-image: url(images/bg-vauron-ladning.jpg);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0;
	position: relative;
	padding-top: 250px;
}

.vauron-landing-top .disclamer {
	position: absolute;
	width: 100%;
	top: 30px;
	text-transform: uppercase;
	color: #28476b;
	font-weight: 400;
	opacity: 0.7;

	left: 0;
}

.vauron-landing-top .desc {
	margin-bottom: 60px;
}

.vauron-landing-top h1 {
	margin-bottom: 100px;
	font-size: 90px;
}


.vauron-landing-top h1 span {
	font-size: 103px;
	display: block;
}

.vauron-landing-top .va-hap {
	font-family: 'Roboto Slab', serif;
	font-size: 32px;
	font-weight: 300;
	margin: 30px 0 100px 0;
	color: #fff;
}

.vauron-landing-top .va-hap span.inner {
	padding: 20px 25px;
	background: #000;
}


.vauron-landing-top .spec {
	line-height: 1.3;
}

.vauron-landing-top .spec div {
	color: #e12d3c;
	font-weight: 800;
	margin-top: 20px;
	text-transform: uppercase;
}


.vauron-landing-top .vauron-model {
	color: #9ea2a3;
	margin: 5px 0 0 5px;
	font-size: 21px;
}

.vauron-landing-top .vauron-icon-grid {
	margin: 40px 0;
	text-align: center;
}

.vauron-landing-top .vauron-icon-grid img {
	padding: 0 15px;
	filter: grayscale(10);
}

.vauron-landing-top .vauron-icon-grid .icon-text {
	text-transform: uppercase;
	text-align: center;
	color: #68696b;
	font-size: 11px;
}


.vauron-landing-top .cena {
	font-size: 30px;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	margin-bottom: 20px;
	text-align: right;
}



@media (max-width: 1339px) {
	.vauron-landing-top h1 {
		font-size: 75px;
	}

	.vauron-landing-top h1 span {
		font-size: 86px;
	}

}

@media (max-width: 992px) {
	.vauron-landing-top {
		padding-top: 150px;
	}

	.vauron-landing-top h1 {
		font-size: 55px;
	}

	.vauron-landing-top h1 span {
		font-size: 63px;
	}

	.vauron-landing-top .va-hap {
		font-size: 25px;
	}

	.vauron-landing-top .spec {
		margin-bottom: 60px;
	}

	.vauron-landing-top .cena {
		text-align: left;
		margin-bottom: 20px;
	}

	.vauron-landing-top .cena,
	.vauron-landing-top .cena-wrap {
		text-align: left;
		margin-bottom: 20px;
	}

}

@media (max-width: 767px) {
	.vauron-landing-top {
		background-size: contain;
		padding-top: 50px;
	}

	.vauron-landing-top .disclamer {
		text-align: center;
	}

	.vauron-landing-top h1 {
		margin-bottom: 50px;
		font-size: 35px;
	}

	.vauron-landing-top h1 span {
		font-size: 43px;
	}

	.vauron-landing-top .desc {
		margin-bottom: 40px;
	}

	.vauron-landing-top .va-hap {
		background: #000;
		margin: 10px 30px 40px 30px;
		line-height: 1.3;
		padding: 20px 0;
		font-size: 20px;
	}

	.vauron-landing-top .va-hap span.inner {
		padding: 20px 0px;
		background: transparent;
	}
}







.vauron-landing-recenzii {
	padding: 50px;
	background: #f0f2f4;
	margin: 70px 0;
}

.vauron-landing-recenzii h3 {
	margin: 0 0 40px 0;
}


.vauron-landing-recenzii a {
	display: block;
	text-decoration: none;
	color: #000;
	background: #fff;
}

.vauron-landing-recenzii a:hover {
	text-decoration: underline;
}

.vauron-landing-recenzii a img {
	padding: 10px;
}

.vauron-landing-recenzii a .inner {
	font-family: 'Roboto Slab', serif;
	padding: 10px 20px;
	font-size: 22px;
	min-height: 86px;
	line-height: 1.3;
	font-weight: 300;
}


@media (max-width:1339px) {
	.vauron-landing-recenzii a .inner {
		min-height: 116px;
	}
}

@media (max-width:992px) {
	.vauron-landing-recenzii a {
		text-align: center;
		padding: 20px;
		margin-bottom: 20px;
	}

	.vauron-landing-recenzii img {
		margin: 0 auto;
	}

	.vauron-landing-recenzii a .inner {
		min-height: auto;
	}
}



@media (max-width: 767px) {
	.vauron-landing-recenzii {
		padding: 40px 0;
		margin: 30px 0;
	}

	.vauron-landing-recenzii a {
		padding: 10px;
	}
}

/**
 * AIR Filter Buy Now
 * ----------------------------------------------------------------------------
 */

.air-filter-buy {
	background-color: #fff;
	background-image: url(images/air-img-top.png);
	background-position: bottom right 100px;
	background-repeat: no-repeat;
	color: #000;
	margin: 0;
	padding: 0px 0 120px 0px;
	position: relative;
}

.air-filter-buy .disclamer {
	position: absolute;
	bottom: -70px;
	left: 10px;
	opacity: 0.5;
	text-shadow: 1px 1px 1px #fff;
	line-height: 1.3;
	font-size: 13px;
}


.air-filter-buy .info {
	margin-bottom: 70px;
}

.air-filter-buy .top-t {
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
	font-size: 24px;
}

.air-filter-buy .bottom-t {
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.2;
	margin-bottom: 25px;
}

.air-filter-buy .bottom-t span {
	font-size: 14px;
	display: block;
	font-weight: 400;
}

.air-filter-buy .bottom-t span a {
	color: #fff;
}

.air-filter-buy .price {
	font-size: 36px;
	margin: 60px 0;
	font-weight: 300;
	font-family: 'Roboto Slab', serif;
}

.air-filter-buy .price span {
	font-weight: 900;
}

.air-filter-buy .store {
	margin-top: 10px;
}

.air-filter-buy .store a {
	color: #fff;
	font-size: 20px;
}

@media (max-width:1450px) {
	.air-filter-buy {
		background-position: bottom right -100px;
	}
}

@media (max-width:1339px) {
	.air-filter-buy {
		background-position: bottom right -250px;
	}
}

@media (max-width:992px) {
	.air-filter-buy {
		background-position: bottom right -200px;
		background-size: 700px 458px;
	}

	.air-filter-buy .bottom-t {
		margin-bottom: 25px;
	}


}

@media (max-width: 767px) {
	.air-filter-buy {
		background: none;
		padding: 0 0 180px 0;
	}

	.air-filter-buy .disclamer {
		bottom: -140px;
	}

	.air-filter-buy .info {
		margin-bottom: 40px;
	}

	.air-filter-buy .price {
		margin: 30px 0;
	}


}


.icon-fog {
	right: 0px !important;
	bottom: 60px !important;
}

@media (max-width:768px) {
	#itmk-baner-mobile iframe {
		left: 0;
		margin: 0 auto;
		right: 0;
	}
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	background-color: #2e3537;
	border-color: #cccccc;
}

div.wpcf7 input[type="file"] {
	cursor: pointer;
	color: #9ba5b2;
	font-weight: 400;
}


.iab-badge {
	float: right;
	max-width: 120px;
}

@media (max-width:1340px) {

}







.anketa {
	background-image: url(images/bg-anketa.jpg);
	background-position: center center;
	background-size: cover;
	background-color: #ccc;
	margin: 0;
	padding: 100px 0 0 0;
}

.anketa .top-sec {
	background: #fff;
	padding: 50px 0;
}

.anketa .top-sec h1 {
	font-size: 300%;
	margin-bottom: 40px;
}

.anketa .bottom-sec {
	padding: 60px 0 50px 0;
}

.anketa .bottom-sec .icons {
	margin-bottom: 50px;
	margin-top: 50px;
}


.anketa .bottom-sec .icons img {
	margin: 0 auto;
	opacity: 1;
}


.anketa .bottom-sec .icons a:hover img {
	opacity: 0.8;
}

@media (max-width:767px) {
	.anketa {
		padding: 0px 0 0 0;
	}

	.anketa .top-sec {
		padding: 20px 0;
	}

	.anketa .top-sec h1 {
		font-size: 200%;
		margin-bottom: 20px;
	}

	.anketa .bottom-sec {
		padding: 40px 0 20px 0;
	}

	.anketa .bottom-sec .icons {
		margin-bottom: 50px;
		margin-top: 50px;
	}

	.anketa .bottom-sec .icons img {
		margin: 0 auto;
		padding: 0 20%;
	}
}















body.page-template-anketa2022 {
	background-image: url(images/bg-istrazuvanje-2022.jpg);
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;}

.anketa2022 {
	margin: 0;
	padding: 100px;
	align-items: flex-start;
	font-size: 14px;
	display: flex;}

	.text-levo {
		flex:1 1 calc(100% - 450px);
		color: #fff;
		text-shadow: 1px 1px 1px rgb(0 0 0 / 40%);
		padding-right: 250px;}

		.text-levo h1{
			font-size: 50px;
			font-weight: 300;
			margin-bottom: 0;}

		.text-levo h3{
			font-weight: 600;
			margin-bottom: 40px;}

		.text-levo a{
			color:#fff;
			text-decoration: underline;}

		.lista-anketi {
			list-style-type: none;
			margin:0;
			padding:0;}

			.lista-anketi li{
				margin: 2px 0;}

				.lista-anketi li a{
					height: 80px;
					align-items: center;
					position: relative;
					text-decoration:none;
					display: flex;}

					.lista-anketi li a figure{
						background: rgba(255,255,255,0.15);
						display: flex;
						height: 80px;
						width: 80px;
						flex: 0 0 80px;
						z-index: 9;
						align-items: center;
						transition: all 0.6s cubic-bezier(0.66, 0.050000000000000044, 0.04, 0.92) 0.1s;
						justify-content: center;}

						.lista-anketi li a:hover figure{
							background: rgba(255,255,255,0.25);}

						.lista-anketi li a figure img{
							width: 50px;
							height: 50px;}

				.lista-anketi li a div {
					padding: 0 30px;
					font-family: 'Roboto Slab', serif;
					font-size: 18px;
					flex: 0 0 calc(100% - 80px);
					line-height: 1.2;
					text-decoration:none;
					display: flex;
					flex-wrap: wrap;
					z-index: 9;
					font-weight: 300;
					color: #fff;}


				.lista-anketi li a:after{
					background: rgba(0,0,0,0.10);
					position: absolute;
					top: 0;
					right: 0;
					width: 0;
					height:100%;
					z-index: 8;
					transition: all 0.3s cubic-bezier(0.98, 0.08999999999999997, 0.33, 0.91) 0s;
					content:"";}

				.lista-anketi li a:hover:after{
					width: calc(100% - 80px);}

	.btns-desno {
		
		flex: 1 1 450px;}

	.btns-desno .text-wrap {
		background: rgba(255,255,255,1);
		padding: 50px;
		position: relative;
		box-shadow: -168px 63px 188px 14px rgb(36 10 12 / 81%);
		-webkit-box-shadow: -168px 63px 188px 14px rgb(36 10 12 / 81%);
		-moz-box-shadow: -168px 63px 188px 14px rgba(36,10,12,0.81);}


	.btns-desno .text-wrap:before {
		top:0;
		left: -200px;
		width: 200px;
		height: 100%;
		content: "";
		position: absolute;
		background-image: url(images/bg-offce-space.jpg);
		background-size: cover;
		background-position: center center;}

.mapiranje-newsletter {
	border:0; 
	background:none; 
	z-index:1; 
	position: relative; 
	width:calc(100% + 200px); 
	left:-200px;}
	
@media (max-width:1199px) {
.anketa2022 {
	flex-wrap: wrap;}

	.text-levo {
		flex:1 1 100%;
		color: #fff;
		padding-right: 0px;}
	

	.btns-desno {
		flex:1 1 100%;
		margin-top: 50px;}
	
	.btns-desno .text-wrap{
		padding-left: 250px;}
	
	.btns-desno .text-wrap:before {
		left: 0px;}
	
.mapiranje-newsletter { 
	width:100% ; 
	left:-0px;}
	
	
}



@media (max-width:767px) {
.anketa2022 {
	padding: 0 25px 25px 25px;}

	.text-levo {
		flex:1 1 100%;
		color: #fff;
		padding-right: 0px;}
	
		.text-levo h1 {
			font-size: 35px;
			font-weight: 300;
			margin: 0;}
	

	.btns-desno {
		margin-top: 30px;}
	
	.btns-desno .text-wrap{
		padding: 25px 25px 150px 25px;}
	
	.btns-desno .text-wrap:before {
		width: 100%;
		bottom: 0;
		top: auto;
		height: 140px;}
	
.lista-anketi li a div {
    font-size: 16px;
	padding: 0 25px;}
	

}






































/* anketa primanja 2019 */

.primanja-2019-hero {
	background-image: url(images/bg-here-primanja-2019.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	margin: 0;
	color: #fff;
	position: relative;
}

.primanja-2019-hero .download-data {
    position: fixed;
    top: 50%;
    right: -189px;
    background: #fff;
    padding: 7px 7px;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    text-decoration: none;
    -webkit-transition: right .3s ease-in;
    transition: right .3s ease-in;
	z-index: 2;
    text-transform: uppercase;
    display: flex;
	align-items: center;
	visibility: hidden;
}

.primanja-2019-hero .download-data.en {
right: -154px;
}
.primanja-2019-hero .download-data.visible{
	visibility: visible;
}

.primanja-2019-hero .download-data:hover {
	right: 0;
	text-decoration: none;
}
.primanja-2019-hero .download-data i {
	padding:10px;
}


.primanja-2019-hero ul.languages {
	position: absolute;
	top: 20px;
	right: 50px;
}

.primanja-2019-hero ul.languages li>a {
	text-transform: uppercase;
	cursor: pointer;
	color: #fff;
}

.primanja-2019-hero ul.languages li>a:hover {
	text-decoration: none;
	font-weight: 600;
}

.primanja-2019-hero ul.languages li>a.active {
	font-weight: 600;
}

.primanja-2019-hero .sidebar-sections-links {
	position: fixed;
    right: 12px;
    top: 60%;
	z-index: 2;
	visibility:hidden;
}
.primanja-2019-hero .sidebar-sections-links.visible {
    visibility: visible;
}
.primanja-2019-hero .sidebar-sections-links > ul{
    list-style-type: none;
}

.primanja-2019-hero .sidebar-sections-links > ul > li > a{
	width: 25px;
    height: 25px;
    background: #ddd;
    display: block;
    border-radius: 50%;
	cursor:pointer;
	    margin-bottom: 10px;
}
.primanja-2019-hero .sidebar-sections-links > ul > li > a:hover{
	    opacity: 0.8;
}

.primanja-2019-hero .sidebar-sections-links > ul > li:first-child > a{
	    background: #233646;
}

.primanja-2019-hero .sidebar-sections-links > ul > li:nth-child(2) > a{
	      background: #09868b;
}

.primanja-2019-hero .sidebar-sections-links > ul > li:nth-child(3) > a{
	     background: #f0a30a;
}
.primanja-2019-hero .top-section {
	min-height: 500px;
	height: calc(100vh - 310px);
	position: relative;
}

.primanja-2019-hero .top-section1 {
	min-height: 800px;
	height: calc(100vh - 310px);
	position: relative;
}

.primanja-2019-hero .top-section .vcenter {
	top: 60%;
	transform: translateY(-60%);
}

.primanja-2019-hero .top-section1 .vcenter {
	top: 60%;
	transform: translateY(-60%);
}

.primanja-2019-hero h1.large {
	font-size: 72px;
	font-weight: 300;
}

.primanja-2019-hero h4 {
	line-height: 26px;
}

.primanja-2019-hero .mailchimp-help-text {
	margin-top: 10px;
	font-size: 14px;
	line-height: 18px;
	opacity: 0.5;
}


.primanja-2019-hero .mailchimp-form {
	margin-bottom: 40px;
	margin-top: 80px;
}

.primanja-2019-hero .mailchimp-form .form-control {


	height: 60px;
	font-size: 18px;
	line-height: 30px;
}

.primanja-2019-hero .mailchimp-form .btn-mailchimp {
	height: 60px;
	font-size: 20px;
}

.primanja-2019-hero .font-bold {
	font-weight: 500;
}

@media (max-width:1440px) {
	.primanja-2019-hero .top-section {
		height: calc(100vh - 200px);
	}
}

.primanja-2019-hero .top-section1 {
	height: calc(100vh - 40px);
}
}


@media (max-width:992px) {
	.primanja-2019-hero h1.large {
		font-size: 62px;
	}
}

@media (max-width:767px) {
	.primanja-2019-hero {
		background-size: contain;
		background-position: top center;
		background-attachment: scroll;
	}

	.primanja-2019-hero h1.large {
		font-size: 32px;
	}



	.primanja-2019-hero .top-section {
		min-height: auto;
		padding: 50px 0;
		height: auto;
	}

	.primanja-2019-hero .top-section1 {
		min-height: auto;
		padding: 50px 0;
		height: auto;
	}

	.primanja-2019-hero .top-section .vcenter {
		top: auto;
		transform: none;
	}

	.primanja-2019-hero .top-section1 .vcenter {
		top: auto;
		transform: none;
	}
	.primanja-2019-hero .download-data {
		right: -167px;
	}
}


.primanja-2019-hero a.shortcut {
	color: #fff;
	text-decoration: none;
	display: block;
}

.primanja-2019-hero a.shortcut:hover {
	opacity: 0.8;
}

.primanja-2019-hero a.shortcut .top-icon {
	padding-left: 140px;
	padding-right: 20px;
	font-family: 'Roboto Slab', serif;
	font-size: 22px;
	font-weight: 300;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-image: url(images/primanja-ico-1.png);
	background-repeat: no-repeat;
	background-position: 25px center;
	line-height: 1.2;
	height: 130px;
}

.primanja-2019-hero a.shortcut .bottom-brojki {
	padding: 40px 30px 15px 30px;

}


.primanja-2019-hero a.shortcut .bottom-brojki .vkupno {
	font-size: 54px;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	line-height: 1;
}



.primanja-2019-hero a.shortcut .bottom-brojki .vkupno span {
	font-size: 16px;
	padding-left: 2px;
	display: block;
}

.primanja-2019-hero a.shortcut .bottom-brojki .bubble {
	width: 124px;
	height: 67px;
	background-repeat: no-repeat;
	display: inline-block;
	position: relative;
	background-position: top left;
}

.primanja-2019-hero a.shortcut .bottom-brojki .bubble span {
	position: absolute;
	top: 0;
	right: 0;
	width: 87px;
	height: 37px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-family: 'Roboto Slab', serif;
	text-align: center;
}

.primanja-2019-hero a.shortcut .bottom-brojki .bubble.maski {
	background-image: url(images/primanja-bubble-m.png);
}

.primanja-2019-hero a.shortcut .bottom-brojki .bubble.zenski {
	margin-left: 10px;
	background-image: url(images/primanja-bubble-f.png);
}


.primanja-2019-hero a.shortcut.programeri {
	background: #364858;
}

.primanja-2019-hero a.shortcut.programeri .top-icon {
	background-image: url(images/primanja-ico-1.png);
}

.primanja-2019-hero a.shortcut.programeri .bottom-brojki {
	background: #233646;
}

.primanja-2019-hero a.shortcut.dizajneri {
	background: #09868b;
}

.primanja-2019-hero a.shortcut.dizajneri .top-icon {
	background-image: url(images/primanja-ico-2.png);
}

.primanja-2019-hero a.shortcut.dizajneri .bottom-brojki {
	background: #057478;
}

.primanja-2019-hero a.shortcut.marketing {
	background: #f0a30a;
}

.primanja-2019-hero a.shortcut.marketing .top-icon {
	background-image: url(images/primanja-ico-3.png);
}

.primanja-2019-hero a.shortcut.marketing .bottom-brojki {
	background: #e59101;
}

@media (max-width:1340px) {
	.primanja-2019-hero a.shortcut .bottom-brojki .vkupno {
		font-size: 50px;
	}
}

@media (max-width:1200px) {
	.primanja-2019-hero a.shortcut .top-icon {
		padding-left: 120px;
		padding-right: 20px;
		background-position: 25px center;
		background-size: 80px 80px;
		height: 120px;
	}
}

@media (max-width:992px) {
	.primanja-2019-hero a.shortcut .top-icon {
		padding-left: 90px;
		padding-right: 5px;
		font-size: 20px;
		background-size: 60px 60px;
		background-position: 15px center;
		height: 110px;
	}

	.primanja-2019-hero a.shortcut .bottom-brojki {
		padding: 30px 0px 10px 20px;
	}

	.primanja-2019-hero a.shortcut .bottom-brojki .vkupno {
		margin-bottom: 30px;
	}

	.primanja-2019-hero a.shortcut .bottom-brojki .bubble {
		margin-top: 0px;
	}

	.primanja-2019-hero a.shortcut .bottom-brojki .text-right {
		text-align: left;
	}

	.primanja-2019-hero a.shortcut .bottom-brojki .bubble.maski {
		margin-right: 10px;
	}

	.primanja-2019-hero a.shortcut .bottom-brojki .bubble.zenski {
		margin-left: 0px;
	}
}

@media (max-width:767px) {

	.primanja-2019-hero .mailchimp-form {

		margin-top: 20px;
		margin-bottom: 0px;
	}

	.primanja-2019-hero .mailchimp-help-text {
		margin-bottom: 0px;
	}

	.primanja-2019-hero {
		background-color: #364858;
	}

	.primanja-2019-hero .intro {
		background-image: url(images/bg-here-primanja-2019.jpg);
		background-repeat: no-repeat;
		background-size: auto;
		background-position: bottom center;
		background-attachment: scroll;
	}

	.primanja-2019-hero a.shortcut:hover {
		opacity: 1;
	}

	.primanja-2019-hero a.shortcut .bottom-brojki {
		padding: 20px 0px 15px 20px;
	}

	.primanja-2019-hero a.shortcut .bottom-brojki .bubble.zenski {
		float: right;
		margin-right: 15px;
	}
	.primanja-2019-hero .download-data.en {
    right: -136px;
}
}



.primanja-2019-stats {
	margin: 0;
	padding: 100px 0;
	color: #fff;
	position: relative;
}

.primanja-2019-stats h2 {
	margin-top: 0px;
}

.primanja-2019-stats:before {
	position: absolute;
	;
	top: 0;
	left: 50%;
	margin-left: 190px;
	width: 100%;
	content: "";
	height: 100%;
}

.primanja-2019-stats:after {
	background: #fff;
	position: absolute;
	;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 0.07;
	content: "";
	height: 4px;
}

.primanja-2019-stats.programeri {
	background: #233646;
}

.primanja-2019-stats.programeri:before {
	background: #364858;
}

.primanja-2019-stats.programeri.full {
	background: #172430;
}

.primanja-2019-stats.programeri.full:before,
.primanja-2019-stats.programeri.full:after {
	display: none;
}



.primanja-2019-stats.dizajneri {
	background: #057478;
}

.primanja-2019-stats.dizajneri:before {
	background: #09868b;
}

.primanja-2019-stats.dizajneri.full {
	background: #00484a;
}

.primanja-2019-stats.dizajneri.full:before,
.primanja-2019-stats.dizajneri.full:after {
	display: none;
}



.primanja-2019-stats.marketing {
	background: rgb(229, 145, 0);
}

.primanja-2019-stats.marketing:before {
	background: rgb(240, 163, 10);
}

.primanja-2019-stats.marketing.full {
	background: rgb(229, 145, 0);
}

.primanja-2019-stats.marketing.full:before,
.primanja-2019-stats.marketing.full:after {
	display: none;
}

@media (max-width:1340px) {
	.primanja-2019-stats:before {
		margin-left: 145px;
	}
}

@media (max-width:1200px) {}

@media (max-width:992px) {
	.primanja-2019-stats {
		padding: 60px 0;
	}

	.primanja-2019-stats:before {
		display: none;
	}
}

@media (max-width:767px) {
	.primanja-2019-stats {
		padding: 40px 0;
	}

}



.primanja-2019-separator {
	background-image: url(images/bg-here-primanja-2019.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	width: 100%;
	color: #fff;
	margin: 0;
}

.primanja-2019-stats.programeri .tabs-programiranje {
	margin: 0 auto;
	display: flex;
	border-bottom: transparent;
	text-align: center;
	justify-content: center;
	text-transform: uppercase;
}

.primanja-2019-stats.programeri .tabs-programiranje.nav-tabs>li.active>a,
.primanja-2019-stats.programeri .tabs-programiranje.nav-tabs>li.active>a:hover,
.primanja-2019-stats.programeri .tabs-programiranje.nav-tabs>li.active>a:focus {
	color: #c4dc00;
	background-color: #ffffff;
	cursor: default;
	font-weight: 600;
}

.primanja-2019-stats.programeri .tabs-programiranje.nav-tabs>li>a {
	border: 1px solid transparent;
	border-radius: 0;
	background: #354858;
	color: #868e96;
}


.primanja-2019-stats.programeri .tabs-programiranje.nav-pills {
	margin: 0 auto;
	display: block;
	text-transform: uppercase;
}


.primanja-2019-stats.programeri .tabs-programiranje.nav-pills>li.active>a,
.primanja-2019-stats.programeri .tabs-programiranje.nav-pills>li.active>a:hover,
.primanja-2019-stats.programeri .tabs-programiranje.nav-pills>li.active>a:focus {
	color: #c4dc00;
	background-color: #ffffff;
	cursor: default;
	font-weight: 600;
}

.primanja-2019-stats.programeri .tabs-programiranje.nav-pills>li>a {
	border: 1px solid transparent;
	border-radius: 0;
	background: #354858;
	color: #868e96;
}



.primanja-2019-stats.dizajneri .tabs-dizajneri {
	margin: 0 auto;
	display: flex;
	border-bottom: transparent;
	text-align: center;
	justify-content: center;
	text-transform: uppercase;
}

.primanja-2019-stats.dizajneri .tabs-dizajneri.nav-tabs>li.active>a,
.primanja-2019-stats.dizajneri .tabs-dizajneri.nav-tabs>li.active>a:hover,
.primanja-2019-stats.dizajneri .tabs-dizajneri.nav-tabs>li.active>a:focus {
	color: #c4dc00;
	background-color: #ffffff;
	cursor: default;
	font-weight: 600;
}

.primanja-2019-stats.dizajneri .tabs-dizajneri.nav-tabs>li>a {
	border: 1px solid transparent;
	border-radius: 0;
	background: #09858b;
	color: rgba(255, 255, 255, 0.4);
}


.primanja-2019-stats.dizajneri .tabs-dizajneri.nav-pills {
	margin: 0 auto;
	display: block;
	text-transform: uppercase;
}


.primanja-2019-stats.dizajneri .tabs-dizajneri.nav-pills>li.active>a,
.primanja-2019-stats.dizajneri .tabs-dizajneri.nav-pills>li.active>a:hover,
.primanja-2019-stats.dizajneri .tabs-dizajneri.nav-pills>li.active>a:focus {
	color: #c4dc00;
	background-color: #ffffff;
	cursor: default;
	font-weight: 600;
}

.primanja-2019-stats.dizajneri .tabs-dizajneri.nav-pills>li>a {
	border: 1px solid transparent;
	border-radius: 0;
	background: #354858;
	color: #868e96;
}



.primanja-2019-stats.marketing .tabs-marketing {
	margin: 0 auto;
	display: flex;
	border-bottom: transparent;
	text-align: center;
	justify-content: center;
	text-transform: uppercase;
}

.primanja-2019-stats.marketing .tabs-marketing.nav-tabs>li.active>a,
.primanja-2019-stats.marketing .tabs-marketing.nav-tabs>li.active>a:hover,
.primanja-2019-stats.marketing .tabs-marketing.nav-tabs>li.active>a:focus {
	color: #c4dc00;
	background-color: #ffffff;
	cursor: default;
	font-weight: 600;
}

.primanja-2019-stats.marketing .tabs-marketing.nav-tabs>li>a {
	border: 1px solid transparent;
	border-radius: 0;
	background: #f0a30a;
	color: rgba(255, 255, 255, 0.7);
}


.primanja-2019-stats.marketing .tabs-marketing.nav-pills {
	margin: 0 auto;
	display: block;
	text-transform: uppercase;
}


.primanja-2019-stats.marketing .tabs-marketing.nav-pills>li.active>a,
.primanja-2019-stats.marketing .tabs-marketing.nav-pills>li.active>a:hover,
.primanja-2019-stats.marketing .tabs-marketing.nav-pills>li.active>a:focus {
	color: #c4dc00;
	background-color: #ffffff;
	cursor: default;
	font-weight: 600;
}

.primanja-2019-stats.marketing .tabs-marketing.nav-pills>li>a {
	border: 1px solid transparent;
	border-radius: 0;
	background: #354858;
	color: #868e96;
}

@media (max-width:992px) {

	.primanja-2019-stats.programeri .tabs-programiranje,
	.primanja-2019-stats.dizajneri .tabs-dizajneri,
	.primanja-2019-stats.marketing .tabs-marketing {
		display: block;
		font-size: 15px;
	}

	.tabs-programiranje.nav-tabs>li,
	.tabs-dizajneri.nav-tabs>li,
	.tabs-marketing.nav-tabs>li {
		float: none;
		margin-bottom: 5px;
	}
}


.anketa-baner{
	    text-align: center;
    color: #fff;
    font-size: 52px;
    background: url(https://www.it.mk/wp-content/themes/it2015/images/anketa-bg-baner.jpg);
    padding: 30px;
	    display: block;


}

.anketa-baner:hover{
	    color: #fff;
    text-decoration: none;
}
@media (max-width:1340px){
.anketa-baner{
	    font-size: 32px;
}	
}

@media (max-width:768px){
	.anketa-baner{
		    font-size: 28px;
    padding: 23px;
	}
}

.corona-faq{
	background: #eaeaea;
       padding: 4px 15px;
}
.corona-faq.show-more-text{
height: 300px;
overflow: hidden;
}

.read.show-more {
	background: #eaeaea;
	color: #646b70;
	border-color: #eaeaea;
	text-align: center;
	display: block;
	margin: auto;
	text-transform: uppercase;
	padding: 10px;
	transition: all 200ms ease-in-out;
}
.read.show-more:hover {
	cursor: pointer;
	background-color: #dcdcdc;
	border-color: #dcdcdc;
	color:#fff;
}

#mehanickiTastaturi{
	background: #e5e8eb;
    padding-top: 60px;
padding-bottom: 60px;
}

.rp4wp-related-job_listing>ul li.job_listing.job_position_featured a:focus, .rp4wp-related-job_listing>ul li.job_listing.job_position_featured a:hover, .rp4wp-related-job_listing>ul li.no_job_listings_found.job_position_featured a:focus, .rp4wp-related-job_listing>ul li.no_job_listings_found.job_position_featured a:hover, ul.job_listings li.job_listing.job_position_featured a:focus, ul.job_listings li.job_listing.job_position_featured a:hover, ul.job_listings li.no_job_listings_found.job_position_featured a:focus, ul.job_listings li.no_job_listings_found.job_position_featured a:hover{
	background-color: #d42535 !important;
	outline: none;
}

.cyber-baner {
	color: #fff;
    font-size: 52px;
    background: url(https://www.it.mk/wp-content/themes/it2015/images/baner-cyber.png);
    padding: 30px;
    display: block;
    min-height: 200px;
    background-position: bottom center;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    transition: all 200ms ease-in-out;
}
a.cyber-baner:hover {
	color: #fff;
	text-decoration: none;
}


.cyber-baner h4 {
	margin-top: 25px;
   transition: all 200ms ease-in-out;
}

.cyber-baner:hover h4 {
	background: #333333;
    color: #ffffff;
}

@media (max-width: 768px){
	.cyber-baner {
    font-size: 28px;
    padding: 30px 25px;
}
.cyber-baner h2 {
	display: none;
 }
}


@media(min-width:768px){
	.d-md-flex{
		display: flex;
	}
}
@media(max-width:768px){
	.margin-bottom-md-30{
		margin-bottom: 30px;
	}
}
.justify-content-between {
	justify-content: space-between;
}
.align-items-center {
	align-items: center;
}

/** WooCommerce CSS fixes **/


.wc-memberships-restriction-message {
	border: 0;
	background: -webkit-linear-gradient( 
	45deg, rgba(5,25,55,0.9) 0%,rgba(42,47,50,0.9) 100%);
	background: linear-gradient( 
	45deg, rgba(5,25,55,0.9) 0%,rgba(42,47,50,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6051937', endColorstr='#e62a2f32',GradientType=1 );
	padding: 0px !important;
	text-align: center;
	color: #fff;
}

.bg-sec {
	background:rgba(0,0,0,0.2);
}


.wc-memberships-restriction-message:before{
	position: absolute;
	top: -200px;
	left: 0;
	width: 100%;
	height: 200px;
	background-image: none;
	content: "";
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	
}
.wc-memberships-restriction-message:after{
	display: none;
}







.page-header {
    border-bottom: 0;
	margin:40px 0 0px
}


.woocommerce table.shop_table {
    border: 0;
	background: #fff;
    border-radius: 0px;
    box-shadow: 0 2px 2px rgb(16 27 30 / 4%), 0 4px 4px rgb(16 27 30 / 4%), 0 8px 8px rgb(16 27 30 / 4%), 0 16px 16px rgb(16 27 30 / 4%), 0 32px 32px rgb(16 27 30 / 4%);
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    font-weight: 300;
    font-family: 'Roboto Slab', serif;
    border-radius: 2px;
    color: #fff;
    padding: 8px 52px 8px 18px;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: #c4dc00;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.wishlist_table .woocommerce a.button.alt {
	min-width: 170px;
}

.woocommerce .woocommerce-message a.button.wc-forward ,
.woocommerce-notices-wrapper .woocommerce-error a.button.wc-forward {padding: 4px 52px 4px 18px;}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus {
    background: #9fb10d;
	color: #fff;
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
	padding: 8px 52px 8px 18px;
}








.woocommerce #respond input#submit:before, 
.woocommerce a.button:before, 
.woocommerce button.button:before, 
.woocommerce input.button:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f178";
    position: absolute;
    top: 50%;
    margin-top: -13px;
    font-size: 19px;
    font-weight: 100;
    right: 16px;
}

.woocommerce a.button.checkout-button:before,
.woocommerce .button.alt:before{
    right: 24px;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #c4dc00;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #9fb10d;
}


.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
	background-color: #e5e8eb;
	color: #2a2f32;
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 64px;
}


@media (min-width: 768px) {
table.cart th, 
table.cart td,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td{
    padding: 1.618em !important;
}
}
.woocommerce a.remove {
    color: #c4dc00!important;
    font-weight: 400;
}
.woocommerce a.remove:hover {
    color: #fff!important;
    background: #c4dc00;
}


.woocommerce-cart table.cart td.product-name a {
    color:#2a2f32;
	text-decoration: underline;
}

.woocommerce-cart table.cart td.product-name a:hover {
	color:#c4dc00;}

.woocommerce table.shop_table th {
    font-weight: 700;
	font-family: 'Roboto Slab', serif;
}


.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 180px;
}

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
    margin: 0 10px 0 0;
    border-radius: 2px;
    border: 0;
    padding: 7px 14px;
    font-size: 12px;
    box-shadow: 0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%);
}

.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
	border:0;
	border-radius:0;
    padding: 10px 15px;
	background:rgba(255,255,255,0.6);}

.woocommerce form .form-row input.input-text:focus, 
.woocommerce form .form-row textarea:focus {
	background:rgba(255,255,255,1);}

.woocommerce form .form-row label {
    font-weight: 400;
	font-family: 'Roboto Slab', serif;
}

.woocommerce form .form-row {
    margin: 0 0 16px;
}
.woocommerce-checkout h3 {
    margin-top: 40px;
    margin-bottom: 20px;
}


#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: transparent;
    border-radius: 0px;
    
}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    padding: 1.618em;
    border-bottom: 0;
    background: #2e3537;
	color: #fff;
}

.woocommerce-privacy-policy-text p {
	font-size:	12px;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    border-radius: 0;
    background-color: #434a4b;
    color: #9ea3a9;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid #434a4b;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}
.wc_payment_method  label{
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	font-size: 115%;
}

.woocommerce form .form-row .input-checkbox {
    position: relative;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 1em;
    font-size: 1.25em;
    padding: 1em;
}


.woocommerce ul.order_details {
    background: #fff;
	box-shadow: 0 2px 2px rgb(16 27 30 / 4%), 0 4px 4px rgb(16 27 30 / 4%), 0 8px 8px rgb(16 27 30 / 4%), 0 16px 16px rgb(16 27 30 / 4%), 0 32px 32px rgb(16 27 30 / 4%);
    padding: 1.618em;
}
.woocommerce .woocommerce-customer-details address {
    background: #fff;
	box-shadow: 0 2px 2px rgb(16 27 30 / 4%), 0 4px 4px rgb(16 27 30 / 4%), 0 8px 8px rgb(16 27 30 / 4%), 0 16px 16px rgb(16 27 30 / 4%), 0 32px 32px rgb(16 27 30 / 4%);
    border: 0;
    border-radius: 0;
    padding: 1.618em;
}
.woocommerce ul.order_details li {
    border-right:0;
	margin: 10px 0 5px 0;
}

.related.products {
	float:left;
}

.related.products h2, .related.products .h2 {
    font-size: 24px;
    margin-bottom: 1.5em;
}

.single-product div.product .product_meta {
    border-top: 0;
    background: #e5e8eb;
    padding: 15px 20px;
    border-radius: 0px;
    margin-top: 30px;
    font-size: 0.8em;
}
.woocommerce table.shop_attributes {
    border: 0;
    background: #fff;
	font-size: 13px;
    box-shadow: 0 2px 2px rgb(16 27 30 / 4%), 0 4px 4px rgb(16 27 30 / 4%), 0 8px 8px rgb(16 27 30 / 4%), 0 16px 16px rgb(16 27 30 / 4%), 0 32px 32px rgb(16 27 30 / 4%);
}

.woocommerce table.shop_attributes th {
	padding: 12px 16px;}
	
.woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th {
    background: #f9fafb;
}
.woocommerce div.product .product_title {
    margin: 0 0 1em 0;
}

.single-product div.product .product_meta .sku_wrapper, .single-product div.product .product_meta .posted_in, .single-product div.product .product_meta .tagged_as {
    display: block;
}
.single-product div.product .product_meta .sku_wrapper .sku{
    font-weight: 600;
    text-transform: uppercase;
}

.single-product div.product .product_meta a{
    font-weight: 600;
	text-decoration: underline;
	color: #2a2f32;
}
.woocommerce-product-gallery {
    background: #fff;
    border-radius: 0px;
    padding: 0;
}

.woocommerce div.product div.images .flex-control-thumbs {
	display: flex;
	margin-top:	2em;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: 20%;
	padding-right: 2em;
}
.woocommerce div.product div.images .flex-control-thumbs img{
	max-width:100px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
	background: rgba(0,0,0,0.1);
	top: 0;
	right: 0;
	border-radius: 0;
	z-index: 20;
}

	.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover {
		background: rgba(0,0,0,0.2);
	}

	.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
		border-color:#fff;
	}

	.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
		background-color:#fff;
	}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #2a2f32;
    font-size: 1.75em;
    font-weight: 400;
    font-family: 'Roboto Slab', serif;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    color: #2a2f32;
	box-shadow: 0 2px 2px rgb(16 27 30 / 4%), 0 4px 4px rgb(16 27 30 / 4%), 0 8px 8px rgb(16 27 30 / 4%), 0 16px 16px rgb(16 27 30 / 4%), 0 32px 32px rgb(16 27 30 / 4%);
	border: 0;
	position: relative;
	padding: 0.75em 2em 0.75em 3.5em;
    margin: 0 0 1em;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f05a";
    font-weight: 300;
    font-size: 19px;
    top: 0.4em;
    left: 1.15em;
}
.woocommerce-message::before {
	color: #8fae1b;
}
.woocommerce-info::before {
    color: #619cbd;
}

.woocommerce-error:after, 
.woocommerce-info:after,
.woocommerce-message:after {
	top:4px;
	left: 4px;
	bottom: 4px;
	width: 4px;
	background: #619cbd;
	height:calc(100% - 8px);
	content: "";
	position: absolute;
}

.woocommerce-message:after {
	background: #8fae1b;
}
.wc-memberships-member-discount-message:after {
	display:	none;
}
.woocommerce .wc-memberships-restriction-message {
    color: #fff;
}
.woocommerce .wc-memberships-restriction-message:before {
    display: none;
}
.woocommerce div.product form.cart .button {
    padding: 11px 55px 12px 24px;
}

.woocommerce div.product form.cart div.quantity {
    float: left;
    margin: 0 14px 0 0;
}
.woocommerce .quantity .qty {
	width: 4.31em;
    text-align: center;
    border: 0;
    /* border: 1px solid #ccc; */
    border-radius: 2px;
    padding: 8px 12px 9px 8px;
	outline: 0;
    box-shadow: 0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%);
}
@media (min-width: 768px) {
.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: 48%;
	margin-top: 0px;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width: 48%;
}
}
.woocommerce span.onsale {
    font-weight: 300;
    padding: 0 1.5em;
    top: 5px;
    left: 0;
    border-radius: 0;
    background-color: #8cad7f;
	font-family: 'PT Mono', monospace;
	font-size: 12px;
}
a.add_to_wishlist,
.yith-wcwl-wishlistaddedbrowse,
.yith-wcwl-wishlistexistsbrowse{
    color: #2a2f32;
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
}

a.add_to_wishlist:hover {
	text-decoration:none;
}
a.add_to_wishlist:hover .fa {
	font-weight: 600;
	color: #c4dc00;
}
	
a.add_to_wishlist .fa,
.yith-wcwl-wishlistaddedbrowse .fa,
.yith-wcwl-wishlistexistsbrowse .fa{
		font-weight: 400;
	margin-right: 10px;
}

.yith-wcwl-wishlistaddedbrowse .fa,
.yith-wcwl-wishlistexistsbrowse .fa{
	font-weight: 600;
	color: #c4dc00;
}


.woocommerce div.product p.stock {
	color: #2a2f32;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
	position: relative;
	padding-left: 20px;
	margin-bottom: 30px;
}


.woocommerce div.product p.stock.in-stock:before {
    position: absolute;
    top: 1px;
    left: 0;
    font-family: "Font Awesome 5 Pro";
    content: "\f00c";
    font-size: 15px;
    font-weight: 400;
    color: #6bb798;
    line-height: 1;}

.woocommerce div.product p.stock.out-of-stock:before {
    position: absolute;
    top: 1px;
    left: 0;
    font-family: "Font Awesome 5 Pro";
    content: "\f00d";
    font-size: 15px;
    font-weight: 400;
    color: #c4dc00;
    line-height: 1;}


.wc-tabs-wrapper {
	padding-top:	2em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
	padding:	0;
	margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	display:none !important;
}


.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border-radius:0;
	border: 0;
	background-color: #ffffff;
	padding: 0.5em 2em;
	margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background-color: #e5e8eb;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-weight: 400;
    font-family: 'Roboto Slab', serif;
    color: #2a2f32;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{
	display:	none !important;
}
.woocommerce-Tabs-panel {
	border-radius:0 ;
	background: transparent;
	position: relative;
	box-shadow:none;
	padding: 3em 0 2em 0 !important;
}
.woocommerce-Tabs-panel:before {
	background: #e5e8eb;
	position: absolute;
	left: -100%;
	top: -1px;
	content: "";
	width: 200vw;
	height: calc(100% + 2px);
	z-index: -1;
}

.pswp__bg {
    background: rgba(50,60,70,0.9);
    backdrop-filter: grayscale(100%) blur(4px);
}


.woocommerce .woocommerce-breadcrumb {
    margin: 3em 0;
    font-size: 12px;
}

.woocommerce .woocommerce-breadcrumb a{
    text-decoration: underline;
}

.woocommerce .woocommerce-breadcrumb a:hover{
    color: #c4dc00;
}

.woocommerce .woocommerce-breadcrumb i{
    margin: 0 1em;
	font-size: 10px;
}

.wc-ceni-so-popust {
	box-shadow: none;
	border: 0;
	padding: 1em 2em;
	font-size: 14px;
	font-family: 'PT Mono', monospace;
	position: relative;
	color: #fff;
    background: -webkit-linear-gradient( 
	45deg, rgba(5,25,55,0.9) 0%,rgba(42,47,50,0.9) 100%);
    background: linear-gradient( 
	45deg, rgba(5,25,55,0.9) 0%,rgba(42,47,50,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6051937', endColorstr='#e62a2f32',GradientType=1 );
	margin-top:-14px;
	margin-bottom:1em;
}

.wc-memberships-member-discount-message {
	box-shadow: none;
	border: 0;
	padding: 1em 2em;
	font-size: 14px;
	font-family: 'PT Mono', monospace;
	position: relative;
	color: #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#051937+0,2a2f32+100 */
	background: rgb(5,25,55); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(5,25,55,1) 0%, rgba(42,47,50,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(5,25,55,1) 0%,rgba(42,47,50,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(5,25,55,1) 0%,rgba(42,47,50,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#051937', endColorstr='#2a2f32',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

	.wc-memberships-member-discount-message p,
	.wc-memberships-member-discount-message *{
		position: relative;
	}


	.wc-memberships-member-discount-message:before {
		width: 100%;
		height: 100%;
		background-image: url(images/bg-wc-memberships-member-discount-message.png);
		background-size: cover;
		position: absolute;
		top: 0;
		left: 0;
		content: "";
	}

.wc-memberships-member-discount-message hr {
    border-top: 4px solid #c4dc00;
}
r
.wc-memberships-member-discount-message a:hover {
    color:#fff;
}


.woocommerce ul.products li.product .price {
    font-size: 16px;
    display: block;
    margin: 5px 0 0 0;
    text-decoration: none;
    font-family: 'PT Mono', monospace;
    color: #9fb10d;
	font-weight: 300;
}
.woocommerce ul.products li.product .price bdi {
	font-weight: 300;
}

.woocommerce ul.products li.product .price del {
    display: block;
    font-size: 12px;
	color: #1b1e1f;
}
.woocommerce ul.products li.product .price ins {
	text-decoration: none;
}
.woocommerce ul.products li.product a img {
    margin: 0;
    margin-bottom: -38px;
}
.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: 20px 35px 0 0;
    background: #ffffff;
    max-width: calc(100% - 20px);
    margin: 0;
    font-size: 17px;
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-family: 'Roboto Slab', serif;
    color: #1b1e1f;
    font-weight: 300;
}


.woocommerce ul.products li.product .onsale {
    top: 0;
    left: 0;
    right: auto;
    margin: 0 !important;
}


.woocommerce-checkout #payment ul.payment_methods li {
	display:flex;
	flex-wrap: wrap;
	align-items: baseline;}
	
	.woocommerce-checkout #payment ul.payment_methods li .payment_method_bacs{
	  flex-basis: 100%;}

	.wc_payment_method label {
		flex: 1;}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-right: -20px;
    right: 0;
}

.woocommerce div.product form.cart .variations tr {
    display: flex;
    flex-direction: column;
}

.woocommerce div.product .woocommerce-variation-availability p.stock.available-on-backorder {
	padding-left:0;
}

.woocommerce div.product form.cart .variations select {
    min-width: 215px;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
	text-align: left;
	flex: 1 1 100%;
	color:#2a2f32;
}
.woocommerce div.product form.cart .variations select {
    border: 0;
    color: #555555;
    padding: 8px 16px;
    border-radius: 23px;
    box-shadow: 0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%);
}














@media only screen and (max-width : 991px) {

.woocommerce-info, .woocommerce-message {
    flex-wrap:wrap;
	display:flex;
	
}
	
.woocommerce .woocommerce-error .button, 
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button, 
.woocommerce-page .woocommerce-error .button, 
.woocommerce-page .woocommerce-info .button, 
.woocommerce-page .woocommerce-message .button {
    float: none;
    order: 2;
	margin-top: 15px;}
	
}



@media only screen and (max-width : 767px) {

	
.woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
    display: inline-block;
}
.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
    content: attr(data-title) "";
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: auto;
    padding: 10px 25%;
}
	
.woocommerce table.shop_table.cart.woocommerce-cart-form__contents {
    background: transparent;
    box-shadow: none;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, 
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
    background-color: rgba(0,0,0,0);
}
.woocommerce table.shop_table td {
    border-top: 1px solid #e7e7e7;
}
	.woocommerce-cart-form__cart-item.cart_item .product-remove {
	border: 0;
    position: absolute;
    padding: 0;
    top: 10px;
    right: 10px;
	}
	
.woocommerce table.shop_table_responsive tr.woocommerce-cart-form__cart-item.cart_item, 
.woocommerce-page table.shop_table_responsive tr.woocommerce-cart-form__cart-item.cart_item,
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr:last-of-type{
    background: #fff;
	position: relative;
	margin-bottom: 15px;
    box-shadow: 0 2px 2px rgb(16 27 30 / 4%), 0 4px 4px rgb(16 27 30 / 4%), 0 8px 8px rgb(16 27 30 / 4%), 0 16px 16px rgb(16 27 30 / 4%), 0 32px 32px rgb(16 27 30 / 4%);
}
	
	
	
	
	
	
	
.woocommerce-page table.cart td.actions .coupon .input-text+.button,
.woocommerce-cart table.cart td.actions .coupon .input-text{
    width: 100%;
	margin-bottom: 10px;
}

	
.woocommerce .woocommerce-breadcrumb {
    margin: 1.5em 0;
}
	
.woocommerce ul.products li.product a img {
    margin: 0;
    margin-bottom: -33px;
}
	
.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: 15px 30px 0 0;
    max-width: calc(100% - 15px);
    font-size: 15px;
}
}













.woocommerce-MyAccount-navigation {
    box-shadow: 0 2px 2px rgb(16 27 30 / 4%), 0 4px 4px rgb(16 27 30 / 4%), 0 8px 8px rgb(16 27 30 / 4%), 0 16px 16px rgb(16 27 30 / 4%), 0 32px 32px rgb(16 27 30 / 4%);
    background: #fff;
    margin-bottom: 30px;
}

.woocommerce-MyAccount-navigation ul {
    border: 0px;
    margin: 0;
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	padding: 0;
	list-style-type: none;
}
.woocommerce-MyAccount-navigation ul li {
    list-style: none;
    border-bottom: 1px solid rgba(0,0,0,.05);
    position: relative;
}
.woocommerce-MyAccount-navigation ul li a {
    padding: 15px 20px !important;
	display: block;
    color: #2a2f32;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
    color: #c4dc00;
}
.woocommerce-MyAccount-navigation ul li a:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
	font-size: 16px;
    line-height: inherit;
    vertical-align: baseline;
    content: "\f011";
    line-height: 1.618;
    margin-right: .95407911001em;
    width: 1.41575em;
    text-align: center;
    float: left;
	color: #c4dc00;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
    content: "\f3fd";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
    content: "\f291";
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--giftcards a:before {
    content: '\f06b';
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
    content: "\f015";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
    content: "\f007";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--members-area a:before {
    content: "\f5fd";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
    content: "\f0ed";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
    content: "\f2f5";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wishlist a:before {
    content: "\f004";
}
.woocommerce-Address {
	box-shadow: 0 2px 2px rgb(16 27 30 / 4%), 0 4px 4px rgb(16 27 30 / 4%), 0 8px 8px rgb(16 27 30 / 4%), 0 16px 16px rgb(16 27 30 / 4%), 0 32px 32px rgb(16 27 30 / 4%);
	padding: 25px;
	background: #fff;
}

.woocommerce-Address-title.title {
	position: relative;
	padding-right: 40px;
	margin-bottom: 15px;
}

.woocommerce-account .addresses .title h3 {
    margin-top: 0;
}

.woocommerce-account .addresses .title .edit {
    float: right;
    font-size: 0;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    background: #c4dc00;
    border-radius: 25px;
    width: 28px;
    height: 28px;
    font-family: 'Roboto Slab', serif;
}

.woocommerce-order-details__title,
.woocommerce-column__title{
	font-size: 24px;
	margin-bottom: 25px;
}

.woocommerce-account .addresses .title .edit:before {
	position: absolute;
	width:28px;
	height: 28px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
	font-size: 12px;
	line-height: 28px;
	text-align: center;
    content: "\f304";
}


.wishlist-items-wrapper img {
    height: auto;
    max-width: 60px;
}

.wishlist-title-container {
	display: none;
}



.background {
  padding: 50px 0;
  position: relative;
  width: 100%;
}

.background::after {
	content: '';
	background: rgba(5,25,55,1);
	background: -moz-linear-gradient(45deg, rgba(5,25,55,1) 0%, rgba(42,47,50,1) 100%);
	background: -webkit-linear-gradient(
	45deg, rgba(5,25,55,1) 0%,rgba(42,47,50,1) 100%);
	background: linear-gradient(
	45deg, rgba(5,25,55,1) 0%,rgba(42,47,50,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6051937', endColorstr='#e62a2f32',GradientType=1 );
	height: 480px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
.background.god16:after {
	background: #e12d3e;
	height: 600px;
}


.pricing-table {
	background-color: #fff;
	padding: 50px;
	box-shadow: 0 2px 2px rgb(16 27 30 / 4%), 0 4px 4px rgb(16 27 30 / 4%), 0 8px 8px rgb(16 27 30 / 4%), 0 16px 16px rgb(16 27 30 / 4%), 0 32px 32px rgb(16 27 30 / 4%);
	border-radius: 0;
	position: relative;
	display: flex;
	flex-direction: column;
	margin-top: 50px;
	z-index: 2;
}

.section-prem-feat {
    border-bottom: 1px solid #edf3ee;
    padding: 15px 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}

	.section-prem-feat .tekst {
		display: inline-block;
		font-size: 14px;
		width: 40%;
		color: #4a4a4a;}

	.section-prem-feat .tick {
		display: inline-block;
		width: 30%;
		color: #92969c;
		font-size: 12px;
		text-align: center;}

		.section-prem-feat .tick i{
			display: block;
			color: #82c91e;
			margin: 10px 0;
			font-size: 24px;}

		.section-prem-feat .tick.plausible i{
			color: #ffbe5c;}

		.section-prem-feat .tick.false i{
			color: #e6717c;}

		.section-prem-feat h4, .section-prem-feat .h4{
			font-weight: 300 !important;}

.section-prem-price {
    padding:  20px 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}

	.section-prem-price .blank {
		display: inline-block;
		width: 40%;}

	.section-prem-price .price {
		display: inline-block;
		width: 30%;
		font-size: 12px;
		text-align: center;}

	.section-prem-price .godisno {
		display: inline-block;
		width: 70%;
		font-size: 12px;
		text-align: center;}



@media only screen and (max-width : 767px) {
.background {
    padding: 20px 0;
}
	
.section-prem-price {
	padding: 5px 0 0 0;}
	
.section-prem-feat {
    border-top: 1px solid #edf3ee;
    border-bottom:0;}
	
.pricing-table {
	margin-top: 40px;
    padding: 20px;}
	
.section-prem-feat .tick i {
    font-size: 20px;
}

.section-prem-feat .tekst {
    font-size: 12px;
    line-height: 1.2;}
	
.section-prem-feat .tick {
    font-size: 10px;
}
.section-prem-feat {
    padding: 15px 0;}
}




























.bordered-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background-color: #e6e6e6;
    grid-gap: 1px;}

.bordered-grid > .cell figure{
	position: relative;}

	.bordered-grid > .cell:hover,
	.bordered-grid > .cell:focus{
	text-decoration: none;}

.bordered-grid > .cell figure .overlay{
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	bottom: 0;
	background: rgba(225,45,62,0.9);
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	flex-wrap: wrap;
	flex-direction: column;
	backdrop-filter: blur(0px);
	color: #fff;
	font-size:20px;
	opacity: 0;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;}


.bordered-grid > .cell:hover figure .overlay{
	backdrop-filter: blur(5px);
	opacity: 1;}



.bordered-grid > .cell figure .overlay i{
	display: block;
	font-size: 34px;
	margin-bottom: 10px;}

	.bordered-grid > .cell {
		background-color: #fff;
		min-height: 320px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		padding:25px;
		position: relative;}

	.bordered-grid > .cell.product {
		align-items: flex-start;
		align-content: flex-start;
		justify-content: flex-start;}

	.bordered-grid > .cell .naslov{
		font-family: 'Roboto Slab', serif;
		font-weight: 400;
		padding:15px 35px 5px 0;
		line-height: 1.2;
		text-align: left;
		font-size: 17px;
		color: #1b1e1f;
		font-weight: 300;}

.bordered-grid > .cell  .price {
    display: block;
    margin: 0 0 15px 0;
    text-decoration: none;
    color: #c4dc00;
	line-height: 1.2;
	width: 100%;
    font-weight: 300;}

	.bordered-grid > .cell .btn.btn-primary.hidden-md.hidden-lg {
		margin-bottom: 15px;
	}

	.bordered-grid > .cell  .price .regular {
		display: block;
		margin-top: 0;
		color: #1b1e1f;
		opacity: .5;}

		.bordered-grid > .cell img.box{
			height: 160px;}
	

.floating { 
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;}

.bordered-grid .cell:nth-child(1) .floating { animation-delay: 0.2s; }
.bordered-grid .cell:nth-child(2) .floating { animation-delay: 0.4s; }
.bordered-grid .cell:nth-child(3) .floating { animation-delay: 0.6s; }
.bordered-grid .cell:nth-child(4) .floating { animation-delay: 0.8s; }
.bordered-grid .cell:nth-child(5) .floating { animation-delay: 1s; }
.bordered-grid .cell:nth-child(6) .floating { animation-delay: 1.2s; }
.bordered-grid .cell:nth-child(7) .floating { animation-delay: 1.4s; }
.bordered-grid .cell:nth-child(8) .floating { animation-delay: 1.6s; }
.bordered-grid .cell:nth-child(9) .floating { animation-delay: 1.8s; }
.bordered-grid .cell:nth-child(10) .floating { animation-delay: 2s; }
.bordered-grid .cell:nth-child(11) .floating { animation-delay: 2.2s; }
.bordered-grid .cell:nth-child(12) .floating { animation-delay: 2.4s; }
.bordered-grid .cell:nth-child(13) .floating { animation-delay: 2.6s; }
.bordered-grid .cell:nth-child(14) .floating { animation-delay: 2.8s; }
.bordered-grid .cell:nth-child(15) .floating { animation-delay: 3s; }
.bordered-grid .cell:nth-child(16) .floating { animation-delay: 3.2s; }

@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }   
}

@media only screen and (max-width : 1299px) {
	.bordered-grid {
		grid-template-columns: repeat(3, 1fr);}
}


@media only screen and (max-width : 991px) {
	.bordered-grid {
		grid-template-columns: repeat(2, 1fr);}

		.bordered-grid > .cell img.box{
			height: 80px;
			}
}


@media only screen and (max-width : 767px) {
.bordered-grid > .cell figure .overlay{
	font-size:18px;}

	.bordered-grid > .cell {
		padding:10px;
		min-height: 200px;}



	.bordered-grid > .cell .naslov{
		padding:10px 15px 10px 0;
		font-size: 15px;}
		
		.bordered-grid > .cell  .price  small {
			line-height: 1;
			font-size: 12px;}
}

































button.xfwp-button, button.xfwp-button:hover, button.xfwp-button:focus, button.xfwp-button[disabled], button.xfwp-button[disabled]:hover {
    background-color: #c4dc00;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    padding: 8px 20px;
    border: 0;
    font-family: 'Roboto Slab';
    font-weight: 300 !important;
    font-size: 14px;
}




.mnp-circle-before, .mnp-circle-after {
    top: -0.225em;
    width: 6px;
    height: 6px;
    background-color: #ff6969;
}
@media only screen and (max-width : 767px) {
.mnp-circle-before, .mnp-circle-after {
    width: 4px;
    height: 4px;}	
}



.cryptowp-grid .cryptowp-coin-inner {
    box-shadow: 0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%);
	padding: 20px;
}
.cryptowp-grid .cryptowp-coin-name {
    font-size: 13px;
    line-height: 24px;
    font-family: 'PT Mono';
}
.cryptowp-grid .cryptowp-coin-price {
    font-size: 29px;
    font-weight: 400;
    font-family: 'Roboto Slab';
    margin-bottom: 10px !important;
}
.cryptowp-grid .cryptowp-coin-meta {
    margin-bottom: 0;
    font-family: 'PT Mono';
    font-size: 13px;
}

.cryptowp-grid .cryptowp-coin-icon img {
    max-width: 100%;
    height: auto;
}
.cryptowp-coin-decrease .cryptowp-coin-percent {
	color:#623cea;
}







.crypto-widget-lite{
}

	.crypto-widget-lite .cryptowp-columns{
		margin: 0;
		font-family: 'PT Mono', monospace;
		display: flex;
		flex-wrap: wrap;
	}


		.crypto-widget-lite .cryptowp-columns .cryptowp-coin {
			padding:	0;
			float:none;
			flex:0 1 auto;
			width: auto !important;
			margin-bottom: 0;
			margin-right: 20px;
		}

.crypto-widget-lite .cryptowp-grid .cryptowp-coin-inner {
    box-shadow: none;
	align-items: center;
    padding: 0;
	display: flex;
}


.crypto-widget-lite .cryptowp-grid .cryptowp-coin-icon {
    float: none;
    text-align: left;
    width: auto;
    flex: 1 1 auto;
}
.crypto-widget-lite .cryptowp-grid .cryptowp-coin-icon img {
	max-width:20px;
	max-height: 20px;
}

.crypto-widget-lite .cryptowp-grid .cryptowp-coin-icon + .cryptowp-coin-stats {
    float: none;
    padding-left: 0;
    width: auto;
	display: flex;
	line-height: 1;
	font-size: 12px;
    flex: 1 1 auto;
}

.crypto-widget-lite .cryptowp-grid .cryptowp-coin-name {
    display: none;
}

.crypto-widget-lite .cryptowp-grid .cryptowp-coin-price {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
	font-family: 'PT Mono';
    margin-bottom: 0 !important;
	color: #5e6061;
	margin-left: 5px;
}

.crypto-widget-lite .cryptowp-grid .cryptowp-coin-meta {
	margin-bottom:	0;
	margin-left: 5px;
	font-family: 'PT Mono';
	top: -1px;
	opacity: 1;
	position: relative;
}

.crypto-widget-lite .cryptowp-coins .cryptowp-coin-meta span {
    margin-right: 0px;
}

.crypto-widget-lite .cryptowp-coins .cryptowp-coin-meta .cryptowp-coin-symbol {
    display: none;
}


@media only screen and (max-width : 767px) {
	.crypto-widget-lite.home {
		margin:		20px 0 10px 0;
	}	
	
.crypto-widget-lite .cryptowp-columns .cryptowp-coin {
	flex: 0 1 50%;
	margin: 0;
}
.crypto-widget-lite .cryptowp-grid .cryptowp-coin-icon {
    flex: 0 1 auto;
}
}


.wt-cli-ckyes-brand-logo {
	display: none;
}














.wp-dark-mode-side-toggle-wrap.right_bottom, 
.wp-dark-mode-switcher.right_bottom {
    right: 54px;
	bottom: 22px;
} 

.wp-dark-mode-switcher.style-3 label {
    background: #5a5b6f;
}

.wp-dark-mode-switcher.style-3.active .toggle {
    background: #212932;
}


.wp-dark-mode-active {
	
}






.wp-dark-mode-active body {
    background-color: rgb(25,30,36) !important;

}


.wp-dark-mode-active .hero-split .desno .inner a.title,
.wp-dark-mode-active .color-black{
    color: rgb(255, 255, 255) !important;
}


.wp-dark-mode-active .wp-dark-mode-active body,
.wp-dark-mode-active .color-siva, .color-grey,
.wp-dark-mode-active .objavenona,
.wp-dark-mode-active a{
    color: rgb(193, 193, 199) !important;
}






.cli-style-v2 {
    font-size: 10pt;
}
@media only screen and (max-width : 767px) {
.cli-style-v2 {
    font-size: 8pt;}
#cookie-law-info-bar[data-cli-style="cli-style-v2"], #cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"], #cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"] {
    padding: 10px;}	
.cli-style-v2 .cli-bar-btn_container .cli_action_button, .cli-style-v2 .cli-bar-btn_container .cli-plugin-main-link, .cli-style-v2 .cli-bar-btn_container .cli_settings_button {
    margin-left: 0px;
}
	
.cli-plugin-button, .cli-plugin-button:visited, .medium.cli-plugin-button, .medium.cli-plugin-button:visited {
    font-size: 11px;
}
	
.cli-style-v2 .cli-bar-btn_container {
    margin-top: 5px;
}
}


/* black friday ponuda */

#timer {
    font-size: 2.75em;
    font-weight: 100;
	line-height: 1.2;
    font-family: 'Roboto Slab', serif;
    padding: 0;
    font-weight: 500;
    color: #030303;}

	#timer div {
		display: inline-block;
		min-width: 90px;
		padding: 15px;
		background: #fff;
		margin: 0 5px;
		text-align: center;
		border-radius:5px;
		box-shadow: 0 2px 2px rgb(16 27 30 / 4%), 0 4px 4px rgb(16 27 30 / 4%), 0 8px 8px rgb(16 27 30 / 4%), 0 16px 16px rgb(16 27 30 / 4%), 0 32px 32px rgb(16 27 30 / 4%);
		background-image: url(https://it.mk/wp-content/themes/it2021/images/bg-newsletter-pattern.png);
		background-size: 250px 125px;
		background-attachment: fixed;
		background-color: #f9fafb;}
	
		#timer div:first-child {
			margin-left: 0px;}
	
		#timer div:last-child {
			margin-right: 0px;}
	
		#timer div span {
			display: block;
			margin-top: 0px;
			font-size: .35em;
			font-weight: 400;}

.timer-outer-wrap.black-friday {
    background-image: url(https://it.mk/wp-content/themes/it2021/images/img-black-friday-2021-alt.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    background-color: #030303;}


.timer-outer-wrap.cyber-monday {
    background-image: url(https://it.mk/wp-content/themes/it2021/images/img-cyber-monday-2021.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    background-color: #030303;}

	
.timer-wrap {
    padding: 30px 30px 30px 290px;
    color: #fff;
    display: flex;}
	
	.timer-wrap .levo{
		flex: 1 1 calc(100% - 305px);}
	
	.timer-wrap .levo h1 {
		font-size: 45px;
		margin: 0px 0 10px 0;
		font-weight: 700;
		text-shadow: 0.05em 0.05em 2px rgb(0 0 0 / 30%);   
		color: #fff;
		display: inline-block;}



	.timer-wrap .levo h5 {
		font-weight: 400;
		color: #83b3c1;}

	.timer-wrap .levo h5.vazi-do {
		color: #fff;}
	
	.timer-wrap .desno{
		flex: 1 1 305px;}





@media only screen and (max-width : 991px) {
.timer-outer-wrap.cyber-monday {
    background-image: url(https://it.mk/wp-content/themes/it2021/images/img-cyber-monday-mobile-2021.jpg);
    background-repeat: repeat;
    background-size: cover;
    background-position: left center;
    background-color: #030303;}
	
.timer-wrap {
    padding: 30px 30px 30px 30px;}
	
}

@media only screen and (max-width : 767px) {
#timer {
    font-size: 2.25em;
	margin-top: 20px;
	line-height: 1.1;}
	
	#timer div {
		padding: 10px;
		min-width: calc(33.33333% - 7px);}
	

.timer-outer-wrap {
    background-size: cover;
    width: calc(100% + 40px);
    margin-left: -20px;
}
	
.timer-wrap {
    padding: 10px 20px 20px 20px;
	backdrop-filter:blur(7px);
	flex-wrap: wrap;}
	
	.timer-wrap .levo{
		flex: 1 1 100%;}
	
	.timer-wrap .levo h1 {
		margin-top: 5px;
		font-size: 28px;}
	
	.timer-wrap .desno{
		flex: 1 1 100%;}
	
}


.grecaptcha-badge {
	display: none !important;
}


#cookie-notice .cn-button:not(.cn-button-custom) {display:none !important}



.cn-text-container {
    margin: 0;
}



.cookie-notice-container {
    padding: 26px 30px !important;
    backdrop-filter: blur(1px);
	font-family: 'Roboto Slab', serif;
	font-size: 17px;
}


.cookie-notice-container a{ color: #fff; text-decoration: underline;}


.cn-close-icon:before,
.cn-close-icon:after {
    background-color: rgba(255,255,255,0.8) !important;
}

@media only screen and (max-width : 767px) {

.cookie-notice-container {
	text-align: left !important;
	font-size: 15px;
    padding: 15px 45px 15px 15px !important;}
}

body.page-template-anketa2022 #cookie-notice {
	display: none !important;
}


.page-template-employer-branding footer.main.top,
.page-template-mapiranje-2022-landing footer.main.top,
.page-template-mapiranje-2022 footer.main.top,{
    margin-top: 0px;
}

.itmk-servisi-wrap {
    background-color: rgba(0,0,0,0.2);
    background-image: url(images/bg-forum-pattern-dark.png);
    background-attachment: fixed;
    padding: 60px 0;

}
.itmk-servisi {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 0px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
    font-weight: 300;
	font-family: 'Roboto Slab', serif;}

	.itmk-servisi li{
		text-align: center;
}

		.itmk-servisi li a{
			display:flex;
			margin: 0 15px 0 0;
			text-decoration: none !important;
			align-items: center;
			color: #fff;
			flex-direction: column;
			-webkit-transition: all 200ms ease-in-out;
			-moz-transition: all 200ms ease-in-out;
			-ms-transition: all 200ms ease-in-out;
			-o-transition: all 200ms ease-in-out;
			transition: all 200ms ease-in-out;}

		.itmk-servisi li a:hover{}

			.itmk-servisi li a i{
				margin-bottom: 0px;
				font-size: 38px;
				font-weight: 100;
				-webkit-transition: all 100ms ease-in-out;
				-moz-transition: all 100ms ease-in-out;
				-ms-transition: all 100ms ease-in-out;
				-o-transition: all 100ms ease-in-out;
				transition: all 100ms ease-in-out;	}

			.itmk-servisi li a:hover i{
				color: rgba(225,44,60,1);
				margin-right: 0px;}

		.itmk-servisi li a span{
			background: rgba(225,44,60,0);
			padding: 2px 15px;
			font-size: 21px;
			border-radius: 25px;
			margin: 10px 0;
			-webkit-transition: all 100ms ease-in-out;
			-moz-transition: all 100ms ease-in-out;
			-ms-transition: all 100ms ease-in-out;
			-o-transition: all 100ms ease-in-out;
			transition: all 100ms ease-in-out;}

			.itmk-servisi li a:hover span{
				background: rgba(225,44,60,1);
				text-decoration: none;}

		.itmk-servisi li a div{
			font-size: 12px;
			color: #bcc8d5;
			font-family: 'Open Sans', sans-serif;
			line-height: 1.4;}

@media only screen and (max-width : 767px) {
.itmk-servisi {
	grid-template-columns: repeat(2, 1fr);
	grid-row-gap: 30px;}
	
.itmk-servisi li a span {

    font-size: 19px;
    margin: 10px 0 5px 0;
}
	
}

.stats-flash {
	margin: 5px 0 0 0;}

.stats-flash .stat-wrap{
	display: flex;
	margin: 0 30px 30px 0;
	background-color: #e5e8eb;
	padding: 15px;
	align-items: center;    
	position: relative;}

	.stats-flash .stat-wrap:before{
		background-color: #dae0e5;
		width: 90px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		content: "";}

.stats-flash .stat-wrap .icon{
	flex:0 0 60px;
	text-align: center;
	margin: 0 40px 0 0;
	position: relative;}

	.stats-flash .stat-wrap .icon i{
		font-size: 40px;
		color: #a6aeb4;
		background-color: #f3ec78;
		background-image: linear-gradient(45deg, #232d4a, #3e4346);
		background-size: 100%;
		-webkit-background-clip: text;
		-moz-background-clip: text;
		-webkit-text-fill-color: transparent; 
		-moz-text-fill-color: transparent;}

.stats-flash .stat-wrap .text{
 	font-size: 14px;}

.stats-flash .stat-wrap .text span{
	font-size: 32px;
	font-family: 'Roboto Slab', serif;
	display: block;
	line-height: 1;
	margin: 5px 0 0 0;  
	background-color: #f3ec78;
    background-image: linear-gradient(45deg, #232d4a, #3e4346);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;}

@media only screen and (max-width : 767px) {
.stats-flash {
	margin: 5px 0 0 0;}

.stats-flash .stat-wrap{
	margin: 0 0 10px 0;}

	.stats-flash .stat-wrap:before{
		width: 80px;}

.stats-flash .stat-wrap .icon{
	flex:0 0 50px;
	margin: 0 35px 0 0;}

	.stats-flash .stat-wrap .icon i{
		font-size: 36px;}

.stats-flash .stat-wrap .text{
 	font-size: 13px;}
	.stats-list .pull-right{
		float: none !important;
		display: block;
		font-size: 18px;
	}
}








.eb-charts-wrap {
	padding: 50px  0 ;
	border-top: 1px solid #e5e8eb;
	background-image: url(images/bg-newsletter-pattern.png);
	background-attachment: fixed;
	background-color: #f9fafb;
}


.pie-chart-wrap {
	padding: 0 30px 0 0 ;
}
.eb-servisi-klienti-wrap {
    background: -webkit-linear-gradient( 
	45deg, rgba(5,25,55,0.9) 0%,rgba(42,47,50,0.9) 100%);
    background: linear-gradient( 
	45deg, rgba(5,25,55,0.9) 0%,rgba(42,47,50,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6051937', endColorstr='#e62a2f32',GradientType=1 );
}
.itmk-klienti-wrap {
	padding:	60px 0;
}
.eb-klienti {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	padding:0;
	margin: 30px 0 0 0;
}

.eb-klienti div  {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	position: relative;
	z-index: 1;
	transition: all 300ms ease-in-out;
	border-radius: 5px;
	background: rgba(255,255,255,0.02);}

	.eb-klienti div:hover {
		background: rgba(255,255,255,1);}


.eb-klienti div img {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	filter: brightness(0) invert(1);}

	.eb-klienti div:hover img {
		filter: brightness(1) invert(0);}


@media only screen and (max-width : 767px) {
.itmk-klienti-wrap {
	padding:	30px 0;
}
.eb-klienti {
	grid-template-columns: repeat(3, 1fr);
}
}

#mapiranje-counter {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
	text-align: center;
}



	#mapiranje-counter div{
		font-size: 60px;
		position: relative;
		font-family: 'Roboto Slab', serif;
		line-height: 1.2;
		border-bottom: 4px solid #e5e8eb;
		padding: 20px;
		padding-top:0;}

		#mapiranje-counter div:nth-child(1) {font-weight: 900;}
		#mapiranje-counter div:nth-child(2) {font-weight: 700;}
		#mapiranje-counter div:nth-child(3) {font-weight: 500;}
		#mapiranje-counter div:nth-child(4) {font-weight: 300;}

		#mapiranje-counter div:before,
		#mapiranje-counter div:after{
			position: absolute;
			top: 50%;
			margin-top: -30px;
			right: -30px;
			width: 30px;
			height: 20px;
			font-size: 22px;
			line-height: 1;
			font-family: "Font Awesome 5 Pro";
			text-align: center;
			font-weight: 600;
			content: "\f6aa";}

		#mapiranje-counter div:after{
			margin-top: -18px;}

		#mapiranje-counter div:last-child:before,
		#mapiranje-counter div:last-child:after{
			display: none;}

		#mapiranje-counter div:nth-child(3):before,
		#mapiranje-counter div:nth-child(3):after{
			animation-name: blink;
			animation-duration: 2s;
			animation-iteration-count: infinite;}


		#mapiranje-counter div span{
			font-size: 14px;
			font-family: 'PT Mono', monospace;
			font-weight: 300;
			display: block;
			
		}
@keyframes blink {
  0% {
    opacity:100%;
  }
  50% {
    opacity:0%;
  }
  100% {
    opacity:100%;
  }
}

@media only screen and (max-width : 767px) {
#mapiranje-counter {
	grid-column-gap: 15px;
}
	
		#mapiranje-counter div:before,
		#mapiranje-counter div:after{
			margin-top: -20px;
			right: -15px;
			font-size: 12px;
			width: 15px;}
	
		#mapiranje-counter div:after{
			margin-top: -14px;}
	
	#mapiranje-counter div{
		font-size: 26px;
		padding: 10px 0;
		padding-top: 0;}
	
		#mapiranje-counter div span{
			font-size: 12px;
}
}


.sticky-mapiranje {
	position:fixed;
	top: -75px;
	left: 0;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	display: flex;
	opacity: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#86579e+0,8ab7b3+100 */
	background: #86579e; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #86579e 0%, #8ab7b3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #86579e 0%,#8ab7b3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #86579e 0%,#8ab7b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86579e', endColorstr='#8ab7b3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	z-index:100;
	padding: 10px 115px 10px 95px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);}

.sticky-mapiranje.bf {
    background: -webkit-linear-gradient( 45deg, rgba(5,25,55,0.9) 0%,rgba(42,47,50,0.9) 100%);
    background: linear-gradient( 45deg, rgba(5,25,55,0.9) 0%,rgba(42,47,50,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6051937', endColorstr='#e62a2f32',GradientType=1 );
}


	.sticky-mapiranje:hover {
		color: #fff;}

	.sticky-mapiranje.scrolled{
		top: 74px;
		opacity: 1;}

	.sticky-mapiranje .ico-charts {
		max-height:	35px;}


	.sticky-mapiranje .text {
		font-family: 'Roboto Slab', serif;
		font-size: 18px;
		align-items: center;
		display:flex;}

		.sticky-mapiranje .ico-blue-chart {
			margin-right: 20px;
			max-height:	40px;}

@media only screen and (max-width : 991px) {
	.sticky-mapiranje .ico-charts {
		display: none;}	
}

@media only screen and (max-width : 767px) {

.sticky-mapiranje {
	padding: 10px;}

	.sticky-mapiranje.scrolled{
		top: 62px;}
	
	.sticky-mapiranje .text {
		font-size: 16px;
		line-height: 1.2;}

		.sticky-mapiranje .it16god.text {
			font-size: 14px;}
	
		.sticky-mapiranje .ico-blue-chart {
			margin-right: 15px;
			max-height:	30px;}

	
			.sticky-mapiranje .it16god .ico-blue-chart {
				max-height:	20px;}

}
.bapf_tax__stock_status.bapf_term_outofstock.bapf_term_2.bapf_count_48.bapf_parent_0 { display:none;}












.fea-modal-content {
	border: 0 !important;
	border-radius: 0px;
	padding: 0px !important;
	width: 800px !important;
    box-shadow: 0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%);}



.fea-modal {
	background: -webkit-linear-gradient(bottom left, rgba(5,25,55,0.9) 0%, rgba(42,47,50,0.9) 100%);
	background: -o-linear-gradient(bottom left, rgba(5,25,55,0.9) 0%, rgba(42,47,50,0.9) 100%);
	background: linear-gradient(to top right, rgba(5,25,55,0.9) 0%, rgba(42,47,50,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6051937', endColorstr='#e62a2f32',GradientType=1 );
    backdrop-filter: blur(3px) grayscale(100%);}


.fea-modal .acf-tab-wrap {
}


.acf-fields > .acf-tab-wrap .acf-tab-group {
	padding: 20px 20px 0;
	background: #e5e8eb;}

.acf-fields > .acf-tab-wrap .acf-tab-group li a {
    background: #e5e8eb !important;
	font-family: 'Roboto Slab', serif;}

.acf-fields > .acf-tab-wrap .acf-tab-group li.active a {
    background: #ffffff !important;}



.acf-field .acf-label label {
    font-weight: 400;
    font-family: 'Roboto Slab', serif;
}

.frontend-form .acf-fields>.acf-field {
	padding: 15px 30px 20px 30px !important;
    border-bottom: 1px solid #e5e8eb;
}
.frontend-form .fea-submit-buttons {
	padding: 20px 30px !important;
	    background: #e5e8eb;
}
.acf-input-wrap {
    overflow: visible !important;
}
.acf-field input[type=text], .acf-field input[type=password], .acf-field input[type=date], .acf-field input[type=datetime], .acf-field input[type=datetime-local], .acf-field input[type=email], .acf-field input[type=month], .acf-field input[type=number], .acf-field input[type=search], .acf-field input[type=tel], .acf-field input[type=time], .acf-field input[type=url], .acf-field input[type=week], .acf-field textarea, .acf-field select,
.select2-container--default {
    -webkit-box-shadow: none;
    border: 0;
    border-radius: 23px;
    outline: 0;
	font-weight: 300;
	padding: 8px 16px !important;
    font-size: 14px !important;
    line-height: 1.3333333;
    box-shadow: 0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%);}

.select2-container--open .select2-dropdown--below {
    border: none;
    border-radius: 0;
    box-shadow: 0 1px 2px rgb(16 27 30 / 4%), 0 2px 4px rgb(16 27 30 / 5%), 0 4px 8px rgb(16 27 30 / 5%), 0 8px 16px rgb(16 27 30 / 5%), 0 16px 32px rgb(16 27 30 / 10%);}

.select2-container--default {
	padding: 0px 30px 0 15px !important;}


.select2-container {
    z-index: 100001;}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px !important;
	padding: 0 !important;}

.select2-container .select2-selection--single {
    height: 34px !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px !important;
    right: 5px !important;
}

.acf-image-uploader .image-wrap {
    width: 50%;}

.acf-image-uploader .image-wrap img {
    background: transparent !important;
}

.close-modal {
	font-size: 23px;
	font-weight: normal;
	color: #8393a1;
	z-index: 2;
	text-shadow: none;
	background: transparent !important;
	cursor: pointer;
	margin: 14px 12px 0 0;
	opacity: 1;
}

.close-modal:hover {
	color: #c4dc00;
}



.modal-button, .fea-submit-button {
    background: #c4dc00;
    color: #fff;
    border: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    border-radius: 2px;
    font-family: 'PT Mono', monospace;
    font-weight: 300;
    position: relative;
    font-size: 14px;
    display: inline-block;
    padding: 6px 15px;
}
.modal-button {
	padding: 6px 15px 6px 35px;
}
.modal-button:before{
    content: "\f040";
    position: absolute;
    color: #fff;
    top: 6px;
    left: 10px;
    font-weight: 900;
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
}
.acf-button.button-primary,
.acf-button.button{
    background: #e5e9ec;
    border-radius: 2px;
    padding: 6px 14px;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Roboto Slab', serif;
	color: #000;
    position: relative;
	display: inline-block;
    cursor: pointer;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.acf-icon.-globe {
    line-height: 22px !important;
}

.file-custom {
    top: 2px !important;
}

.fea-modal-content .thumbnail {
    background-color: transparent;
    border: 0;
    border-radius: 0px;
	padding: 0;
}
.file-drop {
    height: 3.25rem !important;
}
@media only screen and (max-width : 991px) {
	.fea-modal-content {
		width:	100% !important;
		max-width:	100% !important;
		margin: 0 !important;}
	
	.acf-field[data-width]{
		width: 100% !important;
		min-height: auto !important;
		border-left: 0 !important;}

	
.frontend-form .acf-fields>.acf-field {
    padding: 10px 15px 15px 15px !important;}
	
	.frontend-form .fea-submit-buttons {
		padding:10px 15px !important;}
	
.acf-fields > .acf-tab-wrap .acf-tab-group {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
	padding: 15px 30px 0 15px;
}
.acf-fields > .acf-tab-wrap {
	position: relative;
}	
.acf-fields > .acf-tab-wrap:before {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
	background: rgb(229,232,235);
	background: linear-gradient(90deg, rgba(229,232,235,0) 0%, rgba(229,232,235,1) 61%);
	z-index: 3;
	content: "";
}
.close-modal {
    margin: 20px 5px 5px 0;
}	

.acf-field input[type=text], .acf-field input[type=password], .acf-field input[type=date], .acf-field input[type=datetime], .acf-field input[type=datetime-local], .acf-field input[type=email], .acf-field input[type=month], .acf-field input[type=number], .acf-field input[type=search], .acf-field input[type=tel], .acf-field input[type=time], .acf-field input[type=url], .acf-field input[type=week], .acf-field textarea, .acf-field select,
.select2-container--default {
   min-width: 150px;}
	
.acf-repeater>table {
    margin: 0 0 8px;
    background: #f9f9f9;
    display: block;
    overflow-x: auto;
    width: 100%;
    overflow-y: hidden;
    white-space: nowrap;
}
	.acf-repeater .acf-row-handle .acf-icon.-plus{
		display: none !important;
	}
	.acf-repeater .acf-row-handle .acf-icon.-minus{
		display: block !important;
	}
.acf-field .acf-label {
    margin: 0 0 5px;}
	.acf-repeater.-table {}
}















.affix {
	top: 75px;
	z-index: 9999 !important;}

.affix-bottom{
	position: absolute;}  
	
.affix,
.affix-top,
.affix-bottom{
	width: 305px;}  

.premium-page-wrap {
	margin-top: 50px;}

.pc-section-wrap  {
	background: #fff;
	margin: 0 0 10px 0;}

	.pc-section-wrap:last-of-type  {
		margin: 0;}

	.pc-section-wrap .heading {
		border-bottom: 1px solid #edf3ee;
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding:20px 45px;}

		.pc-section-wrap .heading h3 {
			font-size: 1.5em;
			margin: 0;
			padding:0;}


	.pc-section-wrap .sodrzina {
		padding:45px;}

		.pc-section-wrap .sodrzina h3{
			margin-top:0px;}


	.pc-section-wrap.no-pad .sodrzina  {
		padding: 0;}

	.pc-section-wrap.header  {
		display: flex;
		padding: 15px 20px 15px 15px;
		align-items: center;
		justify-content: space-between;}


		.pc-section-wrap.header .premium {
			background: #f8c521;
			font-family: 'PT Mono', monospace;
			position: relative;
			font-size: 14px;
			color: #fff;
			padding: 6px 15px 6px 35px;
			display: inline-block;
			border-radius:20px;}

			.pc-section-wrap.header .premium:before {
				content: "\f005";
				position: absolute;
				color: #fff;
				top: 6px;
				left: 10px;
				font-weight: 900;
				font-family: "Font Awesome 5 Pro";
				font-size: 14px;}

		.pc-section-wrap.header .logo {
			max-height: 55px;
			height: 55px;}


.pc-section-wrap.menadzment .p-img{
	border-radius:50%;
	padding: 20px;}

figure.hex{
	position: relative;
	width: 86px;}

	figure.hex img{
		max-height:74px;}

	figure.hex i {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		display: flex;
		width: 100%;
		align-items: center;
		font-size: 26px;
		justify-content: center;
		bottom: 0;}

.info-bits {
	display:flex;
	gap: 5%;}

	.info-bits a{
		color:#2a2f32;
		text-decoration: underline;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;}

	.info-bits div{
		flex-grow: 1;
		flex-basis: 0;
		min-width: 0;}

		.info-bits div figure.hex{
			margin-left: -10px;}

.nav-stacked {
	border-radius:0;
	background:#fff;}

	.nav-stacked > li  {
		margin: 0 !important;
		position: relative;}

		.nav-stacked > li > a {
			border-radius: 0px;
			font-size: 14px;
			border-bottom: 1px solid #edf3ee;
			color: #1b1e1f;
			padding: 12px 20px;
			position: relative;}

			.nav-stacked > li.active > a,
			.nav-stacked > li.active > a:hover{
				background-color: transparent !important;
				color: #000 !important;}

			.nav-stacked > li.active a:before  {
				position: absolute;
				width: 4px;
				height: 100%;
				top: 0;
				background:#c4dc00;
				left: 0;
				content:"";}

		.nav-stacked > li a:hover,
		.nav-stacked > li a:focus{
			background:transparent;
			color: #000;}

			.nav-stacked > li a:hover:before  {
				position: absolute;
				width: 4px;
				height: 100%;
				top: 0;
				background:#dee7f2;
				left: 0;
				content:"";}


.komp-nagradi {
	display: flex;
	width: calc(100% + 20px);
	margin-left: -10px;
	flex-wrap: wrap;
    justify-content: center;}

	.komp-nagradi a {
		display: flex;
		flex: 1 0 auto;
		color: #2a2f32;
		min-width: calc(33.33333% - 20px);
		max-width: calc(33.33333% - 20px);
		flex-direction: column;
		align-items: center;
		text-align: center;
		justify-content: center;
		margin: 10px;
		padding: 25px;}

.acf-map {
    width: 100%;
    height: 400px;
    margin: 20px 0 0 0;}

	.acf-map img {
	   max-width: inherit !important;}

.komp-galerija {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 10px;}

	.komp-galerija figure{
		position: relative;}

		.komp-galerija figure figcaption{
			backdrop-filter: blur(7px);
			position: absolute;
			bottom: 0;
			padding: 10px 15px;
			left: 0;
			margin: 0;
			width: 100%;
			background: rgba(0,0,0,0.1);
			color: #fff;
			font-size: 12px;
			font-family: 'PT Mono';}



			

/* .see-home-wrap {
	background: #191c1e;
	padding:20px;
} */
	.see-home-grid {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		grid-template-rows: repeat(2, 1fr);
		grid-column-gap: 10px;
		grid-row-gap: 0px;
		}

		.see-home-grid a{
			font-family: 'Roboto Slab', serif;
			color:#000;
			border-bottom: 1px solid #edf3ee;
			align-items: center;
			display: flex;
			padding:20px 0;}

			.see-home-grid img{
				margin-right: 10px;
				height:30px}
			

				.see-home-grid:nth-child(7) a,
				.see-home-grid:nth-child(8) a,
				.see-home-grid:nth-child(9) a,
				.see-home-grid:nth-child(10) a,
				.see-home-grid:nth-child(11) a,
				.see-home-grid:nth-child(12) a,{
					border-bottom: 0 !important;
					}

@media only screen and (max-width : 1199px) {
	.see-home-grid {
		grid-template-columns: repeat(4, 1fr);}
}

@media only screen and (max-width :  767px) {
	.see-home-grid {
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 5px;}


		.see-home-grid a{
			font-size: 12px;
			padding:10px 0;}

		.see-home-grid img{
			margin-right: 5px;
			height:18px}
}

.grid-events {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 30px;}

@media only screen and (max-width : 1199px) {
	.grid-events {
		grid-template-columns: repeat(2, 1fr);}
}

@media only screen and (max-width : 767px) {
	.grid-events {
		grid-template-columns: repeat(1, 1fr);}
}