@charset "utf-8";
@import url("prodaja-mod.css");
@import url("proizvodstvo-mod.css");
@import url("modules.css");

body {
	margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}
.hrw-50 hr {
    width: 50% !important;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
.h3, h1, h1 a, h1.h2, h2, h2 a, h3, h3 a {
    font-weight: 400;
}
.h4, h4 {
    font-size: 1.5rem;
}
h1, h1 a, h1.h2 {
    font-size: 30px;
}
img {
	max-width: 100%;
}
ul {
    list-style-type: circle;
    list-style-position: inside;
    padding-left: .5em;
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}
.noborder td {
	border: none!important;
}
.imgmin img {
	max-width: 30px;
}
.mod-breadcrumbs__wrapper ol {
	padding-left: 0px;	
}
.mod-breadcrumbs__wrapper ol li {
	list-style-type: none;
	display: inline-block;
	font-size: 80%;
	padding-right: 12px;
	padding-left: 5px;
	background-image: url(../images/brath-bg.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.mod-breadcrumbs__wrapper ol li:first-child {
	margin-right: -22px;
}
.mod-breadcrumbs__wrapper ol li:last-child {
	background-image: none;
}
.imgborder-utpl img
{ padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
height: auto;}

.border-bottom {
    border-bottom: 1px solid #dee2e6;
}

table.table-utpl, .com-content-article__body table {border-collapse: collapse; }

table.table-utpl td,  .com-content-article__body table td {
    border: 1px solid #dee2e6;
}
table.table-utpl tr:first-child, .com-content-article__body table thead {
	background-color: #D20404;
	color: #FFFFFF;
}
.com-content-article__body table {
	width: 100%;
}
.com-content-article__body table td, .com-content-article__body table th {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;	
}

.imgleft img
{
	float: left;
	margin-right: 1em;
	padding: .5em;
	border: 1px solid #D20404;
	max-width: 360px;
}

.leftarea, .content-utpl {
	display: inline-block;	
		vertical-align: top;
}
.content-utpl2 {
	width: 75%;
	padding-left: 25px;
	padding-bottom: 35px;
	min-height: 500px;
}

.small2 {
    font-size: 90%;
    font-weight: 400;
}
.mod-sposoplati-rod .small2 {
	font-size: 77%;
}
.small {
    font-size: 80%;
    font-weight: 400;
}
.small2 h3 {
	  font-weight: 400;
}
.inlineblock-utpl div {
	display: inline-block;	
}
.bg-light div {
    background-color: #f8f9fa !important;
}
.mod-sposoplati-rod div div div, .mod-sposoplati-rod2 div div div {
	border: 1px solid #dee2e6 !important;
	padding-top: 22px;	
}
.border div {
    border: 1px solid #dee2e6 !important;
}
.rounded div {
    border-radius: .25rem !important;
}
.container-utpl {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.container-utpl, .container-utpl .row-utpl  {
	max-width: 1140px;
}.container-utpl, .container-utpl .row-utpl  {
	width: 1140px;
}
.phones-top {
	margin-right: 0px;

}
.bg-accent {
	background-color: #1D2023;
}
.bg-accent-whats {
	background-color: #0DC143;
}
.header-menu {
	width: 100%;
	min-width: 1140px;
}
.main-footer {
	background-color: #1D2023;
	color: #FFFFFF;
	width: 100%;
	min-width: 1140px;
}
.supertop {
	background-color: #F2F3F7;
	width: 100%;
	text-align: center;
}
.mainmenu-utepl ul {
	margin-top: 0px;
	margin-bottom: 0px;
}
.mainmenu-utepl li {
	display: inline-block;
	list-style-type: none;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-right: 1.18rem;
	padding-left: 1.18rem;
	position: relative;
}
.mainmenu-utepl li:last-child, .main-footer .mainmenu-utepl li:last-child  {
	border-right: none;
}

.mainmenu-utepl a {
	font-weight: 500;
	font-size: 100%;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	line-height: 18px;
}



ul.mainmenu-utepl li ul.mod-menu__sub {
	display: none;
	position: absolute;
	z-index: 1;
	top: 55px;
	width: 300px;
	left: 1px;
}
.mainmenu-utepl ul.mod-menu__sub li {
	display: block;
	background-color: #D20404;
	border-top: 1px solid #F2F3F7;
	}

.mainmenu-utepl ul.mod-menu__sub li:first-child {
	border-top: none;
}
.mainmenu-utepl ul.mod-menu__sub li:hover {
	background-color: #E30622;	
}
.mainmenu-utepl ul.mod-menu__sub li:hover a {
	text-decoration: underline;
}

ul.mainmenu-utepl li:hover ul.mod-menu__sub {
	display: block;
	min-width: 220px;
}


.main-footer .mainmenu-utepl li {
	border: 1px solid #2B2B2B;
	border-radius: 7px;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-color: #636F85;
}
.main-footer .mainmenu-utepl a {
	font-weight: normal;
	font-size: 80%;
}
 
.leftmodul-utepl {
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
	width: 255px;
}
.leftmodul-uslugi {
	width: 255px;
}
.leftmodul-uslugi ul {
	margin-left: -10px;
}
.leftmodul-utepl th {
	background-color: #D20404;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 0.5rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}
 ul.leftmenu-utepl {
	list-style-type: none;
	padding-left: 10px;	 
}

.leftmenu-utepl a {
	color: #212529;
	font-size: 80%;
	font-weight: 400;
	margin-left: 1px;
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
	transition: color .35s ease, padding .35s ease;
	display: block;
	text-decoration: none;
}
.leftmodul-uslugi .leftmenu-utepl a {	
	font-size: 95%;
}
.leftmodul-uslugi .leftmenu-utepl a:hover {
	background-color: #D20404;
	color: #FFFFFF;
}
.leftmodul-uslugi th {
	font-weight: normal;
	font-size: 32px;
}

#header-utpl div div div {
	display: inline-block;
	width: 280px;
}
#header-utpl .callback-utpl {
	text-align: center;
	width: 350px;
	margin-bottom: .1rem !important;
	margin-top: .1rem !important;
	margin-top: -20px;
	vertical-align: middle;
}
#header-utpl .callback-utpl address {
	margin-top: -20px;
}
#header-utpl .phones-top {
	text-align: right;	
		width: 190px;
}
#header-utpl .text-right-utpl {
	text-align: right;	
	width: 190px;
}
#header-utpl div.phone {
	text-align: right;
	font-size: 22px;
}
#header-utpl div.phone a {
	color: #333333;
	text-decoration: none;
}
#header-utpl .bg-whatsapp {
	margin-top: 1px;
	margin-bottom: .5rem !important;
	padding-left: .25rem !important;
	padding-right: .25rem !important;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem;
	padding-bottom: 5px;
	padding-top: 2px;
	text-align: center;
	vertical-align: middle;
	height: 25px;
}
#header-utpl div.phone a.bg-whatsapp {
}
#header-utpl .bg-whatsapp img {
	margin-bottom: 0.1rem !important;
}
.footer-utpl .col-sm-12 {
	display: inline-block;
	width: 250px;
}

.moduletable > h3, .moduletable.prodaja > h3, .moduletable.proizvodstvo-mod > h3 {
	color: #212529;
	font-size: 30px;
	text-align: center;
	margin-bottom: 35px;
}
.uslugi-utpl > div {
	display: inline-block;
	width: 260px;
	height: 70px;
	color: #007BFF;
	padding-top: 30px;
	padding-right: 40px;
	vertical-align: top;
}
.aktsiiutpl img {
	margin-bottom: 1rem !important;
	padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto;	
}

.otzivi-utpl h3 {
	width: 100%;
	display: block;
}

.otzivi-utpl img
{ padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto;
	float: left;
	margin-top: .5rem;
	margin-right: 1rem;
}
.sertif-utpl img {
	max-width: 255px;
	border: 1px solid #dee2e6;
}
.sertif-utpl > div {
	display: inline-block;
	width: 255px;
	margin-right: 10px;
	font-size: .8em;
    overflow: hidden;
	vertical-align: top;
}
.sertif-utpl > div:nth-child(3n){
	margin-right: 0px;
}
.sertif-utpl > div p {
	padding-left: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-top: 1px;
	text-align: justify;
}
.mt-4, .my-4 {
    margin-top: 1.5rem !important;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}
.modal.fade, .com-content-categories__items > div:first-child {
	display: none;	
}
.stolb2 {
	font-size: 80%;
}
.com-content-article__body {
	min-height: 500px;
}
.homepage .com-content-article__body {
	min-height: 100px;
}
ul.supertopmenu {
	margin-bottom: 5px;
	margin-top: 5px;
}
.supertopmenu li {
	display: inline-block;
	font-size: 13px;
	margin-right: 15px;
}
.supertopmenu li a {
	color: #676767;
}
.supertopmenu li a:hover {
	text-decoration: underline;	
}
.img200 img {
	max-width: 250px;
}