@import url(https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,300,700,900&subset=latin,latin-ext);

body {margin: 0; padding: 0; font-family: 'Titillium Web', sans-serif !important; font-weight: 400;}
a {text-decoration: none;}


.zaptivaci-za-hidrauliku .card-body{
    height: 90px;
    display: grid;
}
.zaptivaci-za-hidrauliku .card-title{
align-content: center;
}

.zaptivaci-za-hidrauliku-podkategorija .card-body{
    height: 82px;
    display: grid;
}
.zaptivaci-za-hidrauliku-podkategorija .card-title{
    align-content: center;
}

.lang{
	width: 100%;
	height: 40px;
	background-color: #f3f3f3;
	margin-bottom: 10px;
}
.lang-link {
	float: right;
	padding-top: 8px;
}
.lang-link img {
	margin-right: 5px;
}
.lang-link span {
	vertical-align: middle;
}
.header{
    padding-top: 30px;
    position: fixed;
    z-index: 10000;
    transition: .1s;
    background-color: white;
}
.header-top {
	padding-bottom: 30px;
}
.header__info p{
    font-size: 15px;
    margin-bottom: 0px;
}
.header__logoDesc {
    margin-left: 30px;
}
.header__info .text-right {
    border-left: 1px solid #dad6d6;
    height: 58px;
    padding-top: 10px;
    margin-bottom:5px;
}

.header__info img{
    height: 40px;
    margin-top: -16px;
    margin-right: 5px;
}

.header__logo{
    height: 90px;
}

.header__info .header__logo {
   height: 80px;
}

.header__logoDesc{
    color: #103f5f;
    font-size: 16px!important;
    margin-top: 3px;
    font-weight: 700;
    margin-bottom: 5px!important;
}

.lightBlue{
    color: #8bafc7;
    font-size: 10px !important;
}

.header__menu{
    background-color: #103f5f;
    /*background-color: #103148;*/
}

.header__menu nav{
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar-nav {
	width: 100%;
}

.header__menu li{
    padding: 8px 0px;
    transition: all .4s;
    width: calc(100% / 7);
    text-align: center;
    margin: auto;
}

.header__menu li:hover{
    background-color: #ed3b3c;
}

.header__menu a{
    color: #fff;
    font-size: 15px;
}
.text-left a{
    text-decoration: none;
    color: rgb(41, 45, 49);
}

.dropdown {
    position: relative;
    display: inline-block;
  }
#navbarNav .dropdown:hover {
  background-color: #ed3b3c;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #073d5f;
    min-width: 260px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
    margin-top: 8px;
  }
.dropdown-content a{
    text-decoration: none;
    padding-left: 5px;
}
.dropdown-content li{
    width: 100%;
    text-align: left;
}
#dropdown-menu:hover #menu-dropdown-content {
    display: block;
}
.navbar-nav .active {
    background-color: #ed3b3c;
}
.separator {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #2c5b7b;
}
.separator-main {
    display: none;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #2c5b7b;
}
/*.navbar-nav .link-1 {*/
/*    width: 12%;*/
/*}*/
/*.navbar-nav .link-2 {*/
/*    width: 15%;*/
/*}*/
/*.navbar-nav .link-3 {*/
/*    width: 20%;*/
/*}*/
/*.navbar-nav .link-4 {*/
/*    width: 20%;*/
/*}*/
/*.navbar-nav .link-5 {*/
/*    width: 20%;*/
/*}*/
/*.navbar-nav .link-6 {*/
/*    width: 15%;*/
/*}*/
/*.navbar-nav .link-7 {*/
/*    width: 10%;*/
/*}*/

.header__menu nav {
    padding: 0px 0px;
}

.icon-bar {
	width: 22px;
	height: 2px;
	background-color: #B6B6B6;
	display: block;
	transition: all 0.2s;
	margin-top: 4px
}

.navbar-toggler {
  border: none;
  outline: none !important;
  background: transparent !important;
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}

.navbar-toggler .middle-bar {
  opacity: 0;
}

.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}

.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}

.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}


/* ================================ END STYLE FOR HEADER ================================ */



/* ================================ STYLE FOR HOME PAGE ================================= */



.homeCover .container {
    padding: 0;
}
#main-slider .slick-slide img {
    width: 100%;
    max-width: none;
    max-height: none;
}

#main-slider .slick-track .slick-slide {
    padding: 0;
}

.homeCover{
    margin-top: 231px;
    background-color: #f3f3f3;
    height: 45vh;
    margin-bottom: 50px;
}

#main-slider .homeCover__popup{
    position: relative;
    bottom: 215px;
    width: 50%;
    left: -800px;
    background-color: rgba(16, 63, 95, .85);
    padding: 20px;
    margin-bottom: 29px;

    -o-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}

#main-slider .slick-active .homeCover__popup {
    left: 0px;
}

.homeCover__text{
    border-left: 5px solid #ed3b3c;
    color: #fff;
    padding-left: 10px;
}

.homeCover__text h4{
    font-size: 20px;
}

.homeCover__text p{
    font-size: 14px;
}

.homeCover__popup a{
    background-color: #ed3b3c;
    color: #fff;
    padding: 10px 35px;
    margin-right: 5px;
    text-decoration: none;
    margin-top: 20px;
    transition: all .4s;
    font-size: 13px;
}

.homeCover__popup a:hover{
    color: white;
}


.o-nama-main-text {
    position: absolute;
    bottom: 8px;
    left: 15px;
    width: 100%;
}
.o-nama-image {
    padding: 0px;
}
.o-nama-image img{
    width: 100%;
}
.o-nama {
    background-color: #f3f3f3;
}
.o-nama-main {
    padding-top: 40px;
    padding-bottom: 40px;
}

.o-nama-description a{
    background-color: #ed3b3c;
    color: #fff;
    padding: 10px 35px;
    margin-right: 5px;
    text-decoration: none;
    /* margin-top: 20px; */
    transition: all .4s;
    font-size: 13px;
}
.o-nama-description a:hover {
    color: white;
}

.send-request {
    background-image: url(../../images/web/send-request-background.png);
    background-repeat: repeat-x;
}
.send-request-image img {
    width: 100%;
    float: right;
    margin-top: -50px;
}
.send-request-description h5 {
    padding-top: 50px;
    color: white;
}

.send-request-description p {
    color: white;
}
.send-request-description a {
    background-color: #ed3b3c;
    color: #fff;
    padding: 10px 35px;
    margin-right: 5px;
    text-decoration: none;
    margin-top: 20px;
    transition: all .4s;
    font-size: 13px;
}
.send-request-description a:hover {
    color: #e3e9ec;
}
.main-proizvodi {
	margin-bottom: 20px;
}
.main-proizvodi-naslovna, .main-novosti {
    text-align: center;
}
.main-proizvodi-naslovna {
    margin-top: 40px;
    margin-bottom: 20px;
}
.main-proizvodi-naslovna p, .main-novosti-naslov p {
    padding-left: 200px;
    padding-right: 200px;
}
.main-proizvodi-single li{
    background-color: #f3f3f3;
    padding-bottom: 2px;
    margin-bottom: 15px;
    transition: all .4s;
}
.main-proizvodi-single ul{
    list-style: none;
}
.second ul{
    padding-left: 10px;
    padding-right: 40px;
}
.main-proizvodi-single img{
    margin-right: 10px;
    margin-left: 10px;
}
.main-proizvodi-single a{
    color: black;
}
.main-proizvodi-single ul li:hover{
    background-color: #f3f3f3;
}
.main-proizvodi-single ul li:hover a{
    color: white;
    text-decoration: none;
}

.products-hvr-bounce-to-right {width: 100%;display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}
.products-hvr-bounce-to-right:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #ed3b3c;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.products-hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {color: white;}
.products-hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.main-novosti {
    background-color: #f3f3f3;
    padding-top: 40px;
    padding-bottom: 40px;
}
.main-novosti-naslov {
	margin-top: 20px;
    margin-bottom: 40px;
}

.news-image:hover {border: 7px solid #f3f3f3;-webkit-transition: 0.5s;}
.news-image:hover img {transition: all .5s ease-in-out !important;-webkit-transition: all .5s ease-in-out !important;-moz-transition: all .5s ease-in-out !important;transform: scale(1.1);}
.news-image:hover::after, .news-image:hover::before {-webkit-transform: scale(1) !important;}
.news-image {
    margin: auto;
    overflow: hidden;
    width: 160px;
    height: 160px;
    border: 7px solid #103f5f;
    -webkit-transition: 0.5s;
    cursor: pointer;
    position: relative;
}
.news-image::before, .news-image::after {
    width: 100%;
    height: 100%;
    z-index: 9999;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    -webkit-transform: scale(0);
    transition: 0.5s;
}
.bor-eff::before {
    border-bottom: 7px solid #ed3b3c;
    border-left: 7px solid #ed3b3c;
    -webkit-transform-origin: 0 100%;
}
.bor-eff::after {
    border-top: 7px solid #ed3b3c;
    border-right: 7px solid #ed3b3c;
    -webkit-transform-origin: 100% 0%;
}
.news-text-left .date, .news-text-right .date {
    font-size: 14px;
    margin-bottom: 5px;
}
.news-text-left .news-title, .news-text-right .news-title {
    font-size: 17px;
    margin-bottom: 0px;
    font-weight: bold;
}
.news-text-left .news-text, .news-text-right .news-text {
    font-size: 15px;
}
.news-text-left {
    max-width: calc(100% - 190px);
    text-align: right;
}
.news-text-right {
    max-width: calc(100% - 190px);
    text-align: left;
    margin-left: 36px;
}

.news-text p {
    padding: 0px;
}

.news-more:hover {
    color: #103f5f;
    text-decoration: none;
}
.news-more {
    background-color: #ed3b3c;
    color: #fff;
    padding: 10px 35px;
    margin-right: 5px;
    text-decoration: none;
    transition: all .4s;
    font-size: 13px;
}
.right, .right p {
    text-align: left;
}

.main-novosti-single-left, .main-novosti-single-right {
    margin-bottom: 50px;
}
.main-novosti-single-right{
    display: flex;
}
.main-novosti-single-left a {
    float: right;
}
.main-novosti-single-right a {
    float: left;
}

figure img {
    width: 100%;
}


.hvr-bounce-to-right {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}
.hvr-bounce-to-right:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #073d5f;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {color: white;}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

/* ================================ STYLE FOR FOOTER PAGE ================================= */

.footer__logoDesc {
    color: #ffffff;
    font-size: 11.5px !important;
    margin-top: 3px;
    font-weight: 400;
    margin: 0px 0px 0px 20px!important;
}
.footer-align-self-end {
    margin-top: 55px;
    margin-bottom: 50px;
    -ms-flex-item-align: end!important;
}
.footer__logo {
    margin-top: 135px;
}
.footer-info {
    margin-top: 70px;
}
.footer-info a {
    text-decoration: none;
    color: #fff;
}
.footer-info h5{
    color: white;
    margin-bottom: 40px;
}
.text-white{
    color: white;
    margin-bottom: 0px;
}
.footer-image img{
    padding-bottom: 26px;
    margin-right: 12px;
}
.footer-text-left p{
    font-size: 12px;
}
.footer-info-single p {
    font-size: 12px;
}
.footer-info-single img {
    margin-right: 10px;
}
.footer-info-single {
    display: inline-flex;
    margin-bottom: 20px;
    width: 100%;
}
.footer-border {
    background-color: #ed3b3c;
    width: 100%;
    padding-top: 11px;
    padding-bottom: 29px;
}
.footer-border p {
    font-size: 12px;
    padding-top: 3px;
}
.footer-border a {
    font-size: 12px;
    color: #ffffff;
    float: right;
}

.footer-first h5 {
    margin-bottom: 16px;
}

/* ================================ END STYLE FOR FOOTER ================================ */

.rightContent-more-info{
    margin-top: 90px;
}

/* ================================ STYLE FOR INFO PAGE ================================= */
.main-info a{
	text-decoration: none;
}
.space1 {
    margin-top: 40px;
    margin-bottom: 40px;
    height: 220px;
    /*background-image: url(http://www.green-adv.com/mf_new/mf/images/web/info-zaptivaci-color.png);*/
    background-image: url(http://mfseals.rs/images/web/info-zaptivaci-color-new.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 220px;
    filter: grayscale(100%);
}
.space1:hover {
	/*background-image: url(http://www.green-adv.com/mf_new/mf/images/web/info-zaptivaci-color.png);*/
	filter: grayscale(0%);
}
.space2 {
    margin-top: 40px;
    margin-bottom: 40px;
    height: 220px;
    background-image: url(http://mfseals.rs/images/web/info-lager-color.png);
    background-repeat: no-repeat;
    height: 220px;
    filter: grayscale(100%);
}
.space2:hover {
	/*background-image: url(http://www.green-adv.com/mf_new/mf/images/web/info-lager-color.png);*/
	filter: grayscale(0%);
}
.space3 {
    margin-top: 40px;
    margin-bottom: 40px;
    height: 220px;
    background-image: url(http://mfseals.rs/images/web/info-locations-color-1.png);
    background-repeat: no-repeat;
    height: 220px;
    filter: grayscale(100%);
}
.space3:hover {
	/*background-image: url(http://www.green-adv.com/mf_new/mf/images/web/info-locations-color.png);*/
	filter: grayscale(0%);
}
.info-homeCover__popup {
    background-color: rgba(16, 63, 95, .85);
}
.info-text {
    /*padding-top: 165px;*/
    padding-left: 15px;
    width: 246px;
    position: absolute;
    bottom: 46px;
}
.info-homeCover__popup h5{
    color: #fff;
    font-size: 17px;
    margin-bottom: 0px;
    padding-top: 5px;
}
.info-homeCover__popup p{
    color: #fff;
    font-size: 10px;
    margin-bottom: 3px;
    padding-bottom: 5px;
}
.info-image {
    background-color: #ed3b3c;
    width: 50px;
    height: 40px;
    position: absolute;
    bottom: 229px;
    z-index: 10;
}
.info-image img{
    height: 80%;
}
.info {
    padding: 0px;
}
.homeCover-o-nama {
    margin-top: 231px;
    max-height: 185px;
    background-image: url('../../images/web/o-nama-background.png');
    background-repeat: no-repeat;
}
.o-nama-title-single {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 0px;
}
.breadcrumbs {
    height: 50px;
    background-color: #f3f3f3;
}
.breadcrumbs p {
    float: right;
    padding-top: 14px;
    margin-bottom: 0px;
    font-size: 12px;
}
.breadcrumbs img {
    padding-bottom: 3px;
    margin-left: 5px;
    margin-right: 5px;
}

/* ================================ END STYLE FOR INFO PAGE ================================ */



/* ================================ STYLE FOR INFO SLIDER ================================= */

.autoplay{
    height: 137px;
    text-align: center;
}

.slick-slide img{
    max-width: 100%;
    max-height: 200px;
}
.slick-track {
    display: flex !important;
}
.slick-track .slick-slide {
    display: flex !important;
    height: auto;
    align-items: center;
    justify-content: center;
    padding-left: 30px;
    padding-right: 30px;
}

/* ================================ END STYLE FOR SLIDER ================================ */

/* ================================ STYLE FOR LEFT MENU CONTENT ================================= */

.content {
    padding: 0px;
    margin-top: 40px;
    margin-bottom: 40px;
}
.menu {
    font-size: 24px;
    margin: 0;
    line-height: 36px;
    font-weight: 600;
    color: #4b4b4b;
}
.dinamicMenu ul {
    list-style: none;
    padding: 0;
    margin: 0 0 60px;
    border-bottom: 1px solid #c5c5c5;
    border-top: 1px solid #c5c5c5;
}
.dinamicMenu ul a {
    font-size: 16px;
    color: #4b4b4b;
    padding-left: 5px;
    /* line-height: 40px; */
    margin-top: 15px;
    margin-bottom: 15px;
    display: block;
    font-weight: 600;
    text-decoration: none;
}
.dinamicMenu ul a:hover {
    color: #ed3b3c;
}
.submenuHolder li a {
    text-transform: unset;
    background: url(../images/favicon.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-position: -100px;
}
.submenuHolder li a {
    width: calc(280px - 20px);
    display: block;
    padding: 0px 0px 3px 20px;
    font-size: 14px;
    letter-spacing: 0.5px;
    background: url(../images/favicon.png) no-repeat;
    background-position: -190px 50%;
    margin-top: 6px;
    margin-bottom: 0px;
}

/* ================================ END STYLE FOR LEFT MENU ================================ */

/* ================================ STYLE FOR RIGHT CONTENT ================================= */

.rightContent {
    margin-left: 40px;
}
.rightContent-info {
    border-top: 1px solid #c5c5c5;
    padding-top: 18px;
}
.rightContent-info p {
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 56%;
    font-size: 0.9rem;
}
.gallery-h6 {
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #c5c5c5;
    background-color: #f3f3f3;
}
.gallery-img > ul > li.gallery-big-li {
    border: 2px solid #073d5f !important;
    width: calc(100% / 3 - 16px) !important;
}
.gallery-img > ul > li.gallery-big-li:nth-child(4n) {
    margin-right: 15px !important;
}
.lg-toolbar {
    width: 100% !important;
    background-color: #073d5f !important;

}
.lg-actions .lg-next, .lg-actions .lg-prev {
    background-color: #073d5f !important;
}
.lg-actions .lg-next, .lg-actions .lg-next {
    background-color: #073d5f !important;
}

/*.rightContent-more-info{*/
/*    margin-top: 100px;*/
/*}*/
.rightContent-more-info p{
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 100%;
    font-size: 0.9rem;
}
.rightContent-more-info ul {
    font-size: 0.9rem;
    width: 56%;
}
.rightContent-more-info-image{
    position: absolute;
    bottom: 480px;
    left: 540px;
}

.rightContent-more-info-image-2{
    position: absolute;
    bottom: 540px;
    left: 540px;
}

.rightContent-more-info-image-3{
    position: absolute;
    bottom: 140px;
    left: 540px;
}

.rightContent-more-info-image img{
    max-width: 25rem;
}

.rightContent-more-info-image-2 img {
    max-width: 19rem;
}

.rightContent-more-info-image-3 img {
    max-width: 19rem;
}

.rightContent-info ul{
    font-size: 0.9rem;
    padding-left: 14px;
}
.rightContent-info img{
    margin-right: 30px;
}
.download-content-title{
    background-color: #c5c5c5;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
}
.rightContent-more-info table{
    width: 100%;
    font-size: 0.9rem;
    margin-bottom: 40px;
}
.rightContent-more-info td{
    height: 40px;
}
.rightContent-more-info tr td:last-child{
    text-align: right;
    padding-right: 5px;
}
.rightContent-more-info tr td:first-child{
    width: 50%;
}
.info-single {
    display: flex;
}
.info-single img {
    height: 39px;
}
.info-single p{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
}
.info-section {
    margin-bottom: 40px;
}
.info-single a {
    text-decoration: none;
    color: #212529;
}
.map {
    max-height: 300px;
    max-width: 100%;
    float: right;
}
.info-section h5 {
    font-weight: bold;
    margin-bottom: 20px;
}
.rightContent-contact input {
    color: #6f6f6f;
    font-size: 14px;
    border: 1px solid #6f6f6f;
    height: 40px;
    line-height: 40px;
    width: 375px;
    padding-left: 20px;
    display: block;
    margin: 10px 0;
}
.rightContent-contact textarea {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    color: #6f6f6f;
    font-size: 14px;
    border: 1px solid #6f6f6f;
    height: 156px;
    line-height: 40px;
    width: calc(100% - 0px);
    padding-left: 20px;
    display: block;
    margin: 10px 0;
}
.rightContent-contact input[type=submit] {
    cursor: pointer;
    float: right;
    margin: 10px 0 0 0;
    padding: 0;
    display: block;
    width: 155px;
    height: 35px;
    background: #ed3b3c;
    color: #fff;
    line-height: 30px;
    text-align: center;
    border: 0;
}
.rightContent-contact input[type=submit]:hover {
    background-color: #103f5f;
}

.all-products h6{
    margin-top: 15px;
    font-weight: bold;
    height: 25px;
}
.all-products p {
    max-width: 100%;
    margin-bottom: 40px;
}
.all-products a {
    color: #212529;
}

.all-products a:hover {
    text-decoration: none;
}

/*.all-products img {*/
/*    border: 4px solid white;*/
/*    transition: all .7s;*/
/*}*/

/*.all-products a:hover img {*/
/*    border: 4px solid #ed3b3c;*/
/*}*/

.all-products .news-image {
    width: 100%;
    height: 140px;
}

/* Stilovi za naslove */
.dimensions-title, .tolerances-title {
    font-size: 18px;
    color: #222;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    border-bottom: 3px solid #cce5ff;
    padding-bottom: 5px;
}

/* Stilovi za tabele */
.dimensions-table, .tolerances-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    background-color: #fff;
}

.dimensions-table th, .tolerances-table th {
    background-color: #103f5f;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    border: 1px solid #ddd;
}

.dimensions-table td, .tolerances-table td {
    text-align: center;
    padding: 8px;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #333;
}

.dimensions-table tr:nth-child(even), .tolerances-table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.dimensions-table tr:hover, .tolerances-table tr:hover {
    background-color: #f1f1f1;
}

.dimensions-table th, .tolerances-table th {
    text-transform: uppercase;
}

.dimensions-table td, .tolerances-table td {
    font-family: 'Arial', sans-serif;
}
.header-images-row {
    display: flex;
    justify-content: center; /* Centriranje slika */
    align-items: center; /* Poravnanje po vertikali */
    gap: 20px; /* Razmak između slika */
    margin: 40px 0 40px 0; /* Razmak ispod reda sa slikama */
}

.catalog-table {
    width: 100%;
    border-collapse: collapse;
}

.catalog-table td {
    padding: 10px;
    vertical-align: middle;
    text-align: center;
}

.catalog-image {
    max-width: 50px;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 5px;
    transition: transform 0.3s ease;
}

.catalog-image:hover {
    transform: scale(1.05);
}



/* ================================ END STYLE FOR RIGHT CONTENT ================================ */


#linkedin-small-device {
    background-color: white;
    padding: 8px;
    color: rgba(16, 63, 95, .85);
    border-radius: 50%;
    display: none;
}


@media all and (max-width: 1200px){
    .text-right {text-align: center !important;}
    .homeCover__text h4 {font-size: 18px;}
    .header__menu a {font-size: 14px !important;}
    .main-proizvodi-naslovna p, .main-novosti-naslov p {padding-left: 10px !important;padding-right: 10px !important;}
    .o-nama-main-text {bottom: 86px !important;}
    .send-request-description{margin-bottom: 40px;}
}
@media all and (max-width: 992px){
    /*.footer-first {padding-left: 130px;}*/
    .o-nama-main-text {bottom: 256px !important;}
    .send-request-description h5 {padding-top: 10px !important;}
    .send-request-image img {padding-top: 50px;}
    .footer__menu{background-repeat: repeat-y !important;}
    .leftMenu{display: none;}
    .rightContent {margin-left: 10px !important; margin-right: 10px;}
    .rightContent-info p,.rightContent-more-info p {max-width: 100% !important;}
    .rightContent-more-info-image {display: none;}
    .map{margin-top: 40px; float: none !important; text-align: -moz-center;}
    .lang{margin-top: 40px;}
    .header__menu{width: 104%;position: fixed; top: 0px;left: 0px; z-index: 1000;}
    .header__menu li{width: 100%;}
    .navbar-nav .active { background-color: #103f5f;}
    /*.navbar-nav .submenu-button {position: absolute;z-index: 10;right: 0;top: 0; display: block; height: 50px;width: 50px;cursor: pointer;background-color: lightsgrey;}*/
    .header{position: absolute;}
    .separator-main {display: block;width: 108%;}
    .dropdown-content li {margin-left: 10px;}
    .separator{width: 108%;}
    .one {margin-top: 8px;}
    .navbar-nav .link-1,.navbar-nav .link-2 ,.navbar-nav .link-3 ,.navbar-nav .link-4 ,.navbar-nav .link-5 ,.navbar-nav .link-6,.navbar-nav .link-7{ width: 100%; }
    .navbar-nav .link-4 {text-align: center;}

    .navbar-nav .submenu-button::after { content: '';position: absolute; top: 21px;right: 25px; display: block; width: 1px; height: 11px; background: #eff2f4;z-index: 99;}
    .navbar-nav .submenu-button::before {content: ''; position: absolute;right: 20px;top: 26px;display: block; width: 11px; height: 1px; background: #eff2f4; z-index: 99;}

    span.submenu-button {
        width: 50px;
        height: 54px;
        position: absolute;
        right: 0;
        top: 0;
        border-left: 1px solid #2c5b7b;
        cursor: pointer;
        z-index: 2;
    }

    .header__menu nav {
    padding: 7px 0px;
    }

    span.submenu-button:hover {
         background-color: #ed3b3c;
    }

    .footer-info:last-child {
        padding-bottom: 20px;
    }

}
@media all and (max-width: 768px){
    .header{padding-top: 25px !important;}
    .header-top{padding-bottom: 5px !important;}
    .header__info .text-right {border: none !important;}
    .align-self-end {text-align: left;margin-bottom: 10px;}
    .text-right {margin-bottom: 10px;}
    .o-nama-description {margin-top: 30px;}
    .main-novosti-single-left{display: flex;}
    .main-novosti-single-left a {float: left !important;}
    .news-text-left {max-width: calc(100% - 190px) !important;text-align: left !important;margin-left: 36px;}
    .main-proizvodi-single ul {padding-left: 10px;}
    .second ul {padding-right: 0px !important;}
    .footer-align-self-end {margin-bottom: 20px !important; text-align: left;}
    .footer__logo {margin-top: 5px !important;}
    .footer-info {margin-top: 10px !important;}
    /*.footer-info {padding-left: calc((100% / 3) - 20px);}*/
    .footer-border {padding-top: 13px !important; padding-bottom: 37px !important;}
    .o-nama-main-text {bottom: 0px !important;}
    .send-request-image{display: none;}
    .main-info {padding-left: calc((100% - 412px) / 2);}
    .homeCover__popup {margin-bottom: 41px !important;}
    .slick-track .slick-slide {padding: 0px !important; margin: 0px 3px;}
    img.header__logo  {height: 80px; text-align: center;}
    .header__logoDesc {font-size: 15px !important;
    margin: 20px 0 0 0;}
    /*.linkedin-icon {position: absolute; top: -5px; right: 10px; padding-top: 0px important;}*/
    .linkedin-icon {display: none;}
    .linkedin-icon img {cursor: pointer;}
    #linkedin-small-device {display: block;}
    .logo-wrapper {display: flex; flex-direction: column; text-align: center; margin-top: 20px;}
    .service-number {margin-right: 225px;}
    .info-homeCover__popup {padding-left: 25px;}
    .homeCover-o-nama {
        margin-top: 170px;
    }

    .rightContent-more-info ul {
        width: 90%;
    }
    .service-number{
        width: 100%;
        margin: 0px!important;
    }
    .kontakt-prodaja{
        width: 100%;
        margin: 0px!important;
    }
    .footer-logo-negative{
        margin-bottom: 30px;
    }
}


@media (min-width: 768px) {
     .service-number  {margin-left: 0px !important;}
}

@media (max-width: 541px) {
    .service-number {margin-right: 175px;}
    .o-nama-main-text { width: 56%;}
}



@media (max-width: 500px) {
    #main-slider .homeCover__popup {
        bottom: -15px;
        width: 100%;
    }

    .homeCover__popup a{
        padding: 10px 15px;
    }

    .homeCover__text h4 {
        font-size: 14px;
    }

    .homeCover__text p {
        font-size: 12px;
    }

    .hvr-bounce-to-right {
        display: inline-block;
    }


    .service-number {
        margin-right: 150px;
        margin-left: 15px;
    }

    #navbarNav .dropdown:hover {
        background-color: rgba(16, 63, 95, .85);
    }

    .link-4:hover {
        background-color: #ed3b3c;
    }

    /*.header__menu li:hover {*/
    /*     background-color: rgba(16, 63, 95, .85);*/
    /*}*/

    .breadcrumbs p {
        float: left;
        font-size: 9.8px;
    }

    .send-request-description {
        padding-top: 20px;
        margin-bottom: 20px;
    }

    .send-request-description h5 {
        font-size: 18px;

    }

    .send-request-description p {
        font-size: 12px;
    }

    .header__menu .container {
        padding-right: 0px;
    }

    .nav-smaill-device {
        background-color: #103148 ;
    }

    /*.gallery-img > ul {*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*}*/
}

@media (max-width: 480px) {
     .service-number {
        margin-right: 75px;
        margin-left: 15px;
    }
}

@media (max-width: 380px) {
        .service-number {
        margin-right: 30px;
        margin-left: 15px;
    }
}

@media (max-width: 520px) {
    .footer-border-small-device {
        float: none;
        width: 100%;
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .footer-border-small-device a:first-child {
        width: 100% !important;
        margin-bottom: 15px;
        padding-top: 25px;
    }
}

@media all and (max-width: 480px){
    .main-novosti-single-left, .main-novosti-single-right{display: grid !important;}
    .main-novosti-single-left a {float: center;}
    .news-text-left, .news-text-right {max-width: calc(100% - 0px) !important;text-align: center !important;margin-left: 0px !important;}
    .homeCover{margin-top: 170px !important;}
    .info-image{left: 20px;}
    .news-text-right, .news-text-left {
        display: grid;
    }
}

@media only screen and (max-width: 768px) {
    .footer-cont {
        padding: 0 30px 0 30px;
    }
}