.header__top {
	background-image: url("https://zoranadjindjica35.in.rs/wp-content/uploads/2024/05/header_djindjic.jpg") !important;
	background-position: right top;
	background-repeat: no-repeat;
}
.wpb_text_column {
	font-size: 17px !important;
	line-height: 1.5 !important;
}
.dugme a {
	text-decoration: none !important;
	padding-bottom: 5px !important;
}
.dugme_link,
.dugme_link a {
	background-color: #dd3333 !important;
	border: none !important;
	font-family: "Oswald", sans-serif;
	font-size: 16px !important;
	font-weight: 400;
	margin: 5px 0;
}
.dugme_link:hover,
.dugme_link a:hover {
	background-color: #ff8484 !important;
}
.dugme_link > i {
	display: none;
}
.accordion .vc_tta-title-text {
	text-transform: uppercase;
}
.racun_linija .penci-block_content {
	margin-top: 15px !important;
	margin-bottom: 0 !important;
}
h1.entry-title {
		font-size: 28px !important;
        border-left: 3px solid #dd3333;
        padding: 6px 0 6px 15px;
}
h3 {
	margin-top: 25px !important;
	padding-bottom: 2px !important;
/*	border-bottom: 1px solid #dd3333 !important; */
}
.homepage_service {
/*	padding: 0 !important;   */
	aspect-ratio: 1/1 !important;  
	justify-content: center !important;
}
.homepage_service .flip-box-icon {
	display: none !important;
}
.homepage_service .flipbox_heading {
	margin: 0 !important;
	font-size: 2vw !important;
}
.homepage_service_icon .aio-icon-title {
	font-size: 2vw !important;
	text-align: center !important;
	margin: 15px 0 15px !important;
}
.homepage_service_icon .aio-icon-right {
	vertical-align: bottom !important;
	margin-left: 0px !important;
}
.homepage_service .aio-icon {
	font-size: 5vw !important;
	margin-left: 0px !important;
}
.flip-box-wrap {
	width: 100% !important;
	height: 100% !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
}
.ifb-front {
	height: 100% !important;
	aspect-ratio: 1/1 !important;
	border-width: 0px !important!;
	border-top-width: 4px !important;
	border-top-color: inherit !important;
}
.ifb-back {
	height: 100% !important;
	aspect-ratio: 1/1 !important;
	cursor: default !important;
}
.ifb-desc-back {
	font-family: "Oswald", sans-serif;
	font-size: 18px !important;
	margin-bottom: 10px;
}
.flip_link a {
	font-family: "Oswald", sans-serif;
	font-size: 16px !important;
	border: 1px solid #333;
	padding: 5px 15px !important;
}
.flip_link a:hover {
	background-color: #333 !important;
	color: #fff !important;
}
.homepage_service .service_heading h3 {
	color: #000 !important;
}
.homepage_service .service_heading p {
	font-family: "Oswald", sans-serif !important;
	color: #000 !important;
}
.homepage_service_icon {
	padding-top: 20px !important;
}
.entry-content {
	margin: 25px 0 0 !important;
}
/***** NASLOVNA *****/
.homepage_najnovije h3.penci__post-title a {
	text-decoration: none;
}
.homepage_najnovije .penci-pmore-link a.button {
	border: none !important;
	line-height: 32px;
}
.homepage_najnovije .penci-post-item {
	margin-bottom: 30px !important;
	padding-bottom: 30px !important;
	border-bottom: 1px solid #ccc;
}
.homepage_service > .homepage_service {
	border-top: 3px solid #333;
}
.homepage_service:hover {
	filter: grayscale(30%);
}
.homepage_highlight {
	font-family: "Oswald" !important;
	font-size: 17px !important;
	line-height: 24px !important;
	color: #333 !important;
}
.homepage_highlight h3 {
	font-size: 26px !important;
	line-height: 28px !important;
	margin: 5px 0 !important;
}
.homepage_highlight h3:nth-child(2) {
	margin-bottom: 15px !important;
}
.popust .extralarge {
	font-size: 72px !important;
	color: green !important;
}
.spisak_zakona {
	font-family: "Oswald";
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
}


/***** CLANAK *****/
#article h3 {
	margin-top: 25px !important;
	padding-bottom: 2px !important;
	border-bottom: 1px solid #dd3333 !important;
}
.comment-reply-title span {
	text-transform: lowercase;
	font-weight: 400;
	font-size: 22px;
}
.comment-reply-title:first-letter {
	text-transform: uppercase !important;
}
#respond textarea {
	font-size: 14px !important;
}
#respond .form-submit .submit {
	font-weight: 400 !important;
/*	background-color: #e22828; */
}
.article_text_section {
	border-top: 2px solid #888;
	padding-top: 25px;
}
.article_text_section .wpb_content_element {
	margin-bottom: 35px !important;
}
.article_text_section .penci-pullqoute {
	text-transform: lowercase;
	font-style: normal;
	color: #888;
	font-size: 15px !important;
	font-weight: 400;
	border-left: 2px solid #dd3333;
	padding-left: 15px;
	padding-right: 15px;
}
.article_text_section .penci-pullqoute:first-letter {
	text-transform: uppercase;
}
.article_text_section .penci-pullqoute .author {
	font-style: oblique;
	margin-top: 8px;
}
h4.post-box-title {
	font-family: "Oswald", sans-serif;
	text-transform: lowercase !important;
	font-size: 22px !important;
	font-weight: 400 !important;
}
.comment-form .submit {
	background-color: #dd3333;
	font-family: "Oswald", sans-serif;
	font-size: 16px !important;
}
.comment-form .submit:hover {
	background-color: #ff8484 !important;
}
input#url {
	display: none;
	clear: both;
}
.comment-form-url {
	clear: both;
}
.penci-gdpr-message {
	clear: both;
	padding-top: 10px !important;
}
.accordion h4 .vc_tta-title-text {
	color: red !important;
}
/*.homepage_service_mob .service_block {
	border-top: 4px solid #333 !important;
	font-family: "Oswald", sans-serif;
	font-size: 20px !important;
	margin-bottom: 20px !important;
}
.homepage_service_mob .service_block h3 {
	margin-top: 0 !important;
	border-bottom: none !important;
	margin-bottom: 10px !important;
}
.homepage_service_mob .service_block p {
	line-height: 24px;
	padding-top: 25px;
}
.link {
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	top: 0 !important;
	left:0 !important;
	padding-top: 20px;
}*/
/***** VIDZETI *****/
.widget {
	font-family: "Oswald";
	font-weight: 400;
	font-size: 22px;
	line-height: 24px;
	text-align: center;
	background-color: #d1d1d1 !important;
	
}
.kucni_red {
	text-align: center;
	margin-top: 20px;
}
.vreme {
	text-align: center;
	font-size: 44px;
	line-height: 0.8em;
	color: #dd3333;
	letter-spacing: -1px;
}

/***** RACUNI *****/
.okvir_racuna {
	font-family: "Oswald", sans-serif;
	font-size: 16px !important;
	font-weight: 400;
}
.dugme_link a {
/*	color: #dd3333 !important;
	background-color: #f8f8f8 !important;
	border: 1px solid #dd3333 !important;
}
.dugme_link a:hover {
	color: #fff !important;
	background-color: #dd3333 !important;
}
.okvir_racuna .ult_active_section {
	border: 1px solid #dd3333 !important;  */
}

/***** RESPONSIVE *****/
@media screen and (max-width: 968px) {
	.homepage_service {
		aspect-ratio: auto !important;
		padding-top: 0 !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.homepage_highlight {
		margin-bottom: 0 !important;
		padding: 10px 0 !important;
		font-family: "Oswald" !important;
		color: #333 !important;
	}
	#section_services .homepage_highlight {
		font-size: 1.6vw !important;
		line-height: 2.3vw !important;
	}
	#section_services .homepage_highlight h3 {
		font-size: 2.3vw !important;
		line-height: 2.6vw !important;

	}
	.homepage_highlight h3 {
		margin: 5px 0 !important;	
	}
	.homepage_highlight h3:nth-child(2) {
		margin-bottom: 15px !important;
	}			
}
@media screen and (min-width: 969px) and (max-width: 1200px) {
.homepage_service {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.homepage_highlight {
	
	font-size: 1.4vw !important;
	line-height: 1.8vw !important;
	
}
.homepage_highlight h3 {
	font-size: 2.3vw !important;
	line-height: 2.6vw !important;
	margin: 5px 0 !important;
}
.homepage_highlight h3:nth-child(2) {
	margin-bottom: 15px !important;
}
}
/*@media screen and (min-width: 769px) and (max-width: 1120px) {
	.homepage_service {
		
	}
	.homepage_service .ifb-desc-back p {
		font-size: 13px !important;
	}
	.ifb-flip-box-section {
		padding: 5px !important;
	}
	.homepage_service .flip_link a {
		font-size: 13px !important;
		line-height: 13px !important;
		padding: 1px 8px !important;
		margin: 0 !important;
	}
} */
@media screen and (min-width: 769px) {
	#section_services_mob {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	
	#section_services {
		display: none;
	}
	
	h1.entry-title {
		font-size: 28px !important;
        border-left: 3px solid #dd3333;
        padding: 3px 0 3px 10px;
	}
	
	.article_text_section > .vc_column_container,
	.article_text_section > div > .vc_column_container	{
		margin-bottom: 0 !important;
	}
	.header__top {
		background-image: url("https://zoranadjindjica35.in.rs/wp-content/uploads/2024/06/header_djindjic_mobile_2.jpg") !important;
		background-position: center bottom !important;
		background-repeat: no-repeat !important;
	}
	.header__top.header--s2 {
		display: block !important;
		height: 120px;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		
	}
	 .site-branding .custom-logo {
		display: none;
	}
	.homepage_service {
		margin-bottom: 0 !important;
	}
	.homepage_service .flipbox_heading,
	.homepage_service .aio-icon-title	{
		border-bottom: none !important;
		font-size: 6vw !important;
		text-align: center !important;
	}
	.homepage_service .aio-icon-img {
		font-size: 12vw;
	}
}
	

}
@media screen and (max-width: 579px) {
	#section_services_mob .homepage_service .homepage_highlight {
		
		font-size: 3.8vw !important;
		line-height: 5vw !important;
		
	}
	#section_services_mob .homepage_highlight h3 {
		font-size: 5.3vw !important;
		line-height: 3.6vw !important;
			
	}
}
@media screen and (min-width: 580px) and (max-width: 768px) {
	#section_services_mob .homepage_highlight {
		padding: 20px 0 !important;
		font-size: 2.6vw !important;
		line-height: 4vw !important;
		
	}
	#section_services_mob .homepage_highlight h3 {
		font-size: 4vw !important;
		line-height: 2.6vw !important;
			
	}
}
@media screen and (min-width: 769px) and (max-width: 991px) {
	.article_text_section > .vc_column_container,
	.article_text_section > div > .vc_column_container	{
		margin-bottom: 0 !important;
	}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
	.header__top.header--s2 {
		display: block !important;
		padding-top: 30px !important;
		padding-bottom: 30px !important;
		background-position: center bottom !important;
	}
	.mobile-sticky-wrapper .site-branding img {
		display: none !important;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
	.header__top.header--s2 {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
		background-position: center bottom !important;
	}
}
@media screen and (max-width: 450px) {
	.header__top.header--s2 {
		display: block !important;
		height: 85px;
		padding-top: 0px !important;
		padding-bottom: 0px !important;	
	}
}