:root {
    --main-color: #bd0b19; 
}

.tp-caption a { color: #ffffff; }
.fh-service-2.style-2 .service-content .entry-thumbnail {  opacity: 1; }
.fh-service-2.style-2 .service-content .summary { opacity: 1;padding: 60px 20px 30px 20px; }




::-moz-selection {color: #fff; background-color: var(--main-color); -webkit-text-fill-color: initial; text-fill-color: initial;}
::selection {color: #fff; background-color: var(--main-color); -webkit-text-fill-color: initial; text-fill-color: initial;}

.topbar .widget {color: #c9c9c9;}
.header-sticky header {box-shadow: 0 5px 20px #0000001c;}
header .main-nav ul.menu > li:after {display: none; content: '';}


.fh-phone .hotline {font-size: 22px;}

.tp-mask-wrap, .tp-mask-wrap > div {overflow: unset!important;}
.tp-caption.fp_content_layer, .fp_content_layer {font-size: 16px!important; line-height: 18px!important; text-align: center!important;}


.projects4 .fh-project.style-3 ul.filter li {padding: 5px 10px;}
.projects4 .fh-project.style-3 .item-project a {display: block; position: relative; transition: 0.5s;}
.projects4 .fh-project.style-3 .item-project a:after {content: ''; transition: 0.5s;}
.projects4 .fh-project.style-3 .item-project a:hover:after {background-color: rgba(0, 0, 0, 0.8); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 900; transition: 0.5s;}

.modal {background-color: rgb(0 0 0 / 59%);}
.modal-body p {color: #333; padding: 10px 20px;}
.modal-header .close {position: absolute; right: 15px; top: 30px;}
.modal-footer {clear: both;}
.modal-body {display: flex; flex-direction: column;}
.modal .modal-images {margin-top: 20px;}
.modal .item-project {margin-bottom: 30px;}



.bestservice .fh-icon-box-2 .item-box {padding: 0;}
.bestservice .fh-icon-box-2 .item-box a {padding: 20px 30px; display: block;}
.bestservice .fh-icon-box-2 p {font-size: 14px;}


.achivement1 {background: url(../images/bg/naslovna-counter.png) center center no-repeat; position: relative; background-size: cover;}
.achivement1:after { content: ''; background: #00000059; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; }
.achivement1 > div {z-index: 1; position: relative;}



.fh-testimonials-carousel.style-2 .info .info-profile {display: block; border-radius: 50%; float: left;}


.fh-project.style-3 ul.filter {max-width: 60%; float: right;}
.fh-project.style-3 a:hover .project-summary {opacity: 1;}
.fh-project .item-project .project-summary .project-subtitle {color: var(--main-color);}




.partener1 .fh-partner .partner-item a {padding: 30px; filter: grayscale(1);}
.partener1 .fh-partner .partner-item a:hover {filter: grayscale(0);}



.page-header .header-title {background: url(../images/bg/naslovna-counter.png) center center no-repeat; position: relative;}


.contact .fh-contact-box.style-2 .info-item {display: flex; align-items: center;}
.contact .fh-contact-box .info-item .details {padding-left: 16px;}


.references .partener1 {background: transparent; padding: 30px 0 70px;}
.references .fh-partner .partner-item {padding: 0; margin-bottom: 30px;}


.footer-widgets { background: url(../images/bg/footer-bg.webp) no-repeat center center; background-size: cover; position: relative; color: #ababab;}
.footer-widgets:after { content: ''; background: #000000a8; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; }
.footer-widgets > div {z-index: 1; position: relative;}
.footer-widgets .menu li a {color: #ababab;}


.scroll-to-top {cursor: pointer;}
.scrollToTop .fa {color: var(--main-color);}





@media screen and (min-width: 1025px) {
    header .logo {position: absolute; top: -4px;}
    header .logo img {max-height: 80px;}
}



@media (min-width: 768px) {
    .modal-dialog {margin: 230px auto;}
}

@media screen and (max-width: 1024px) {
    .fh-section-title h2 {text-align: center;}
    .fh-section-title h2:before {left: 50%; transform: translateX(-50%);}
    .projects4 .fh-project.style-3 {margin-top: 0;}
    .fh-project.style-3 ul.filter {max-width: unset; width: 100%;}
}

@media screen and (max-width: 767px) {
    .tp-caption.fp_content_layer, .fp_content_layer {max-width: 350px!important;}
    .mdlgrnpara {font-size: 16px;}
    
    
    /*.rev_slider .tp-parallax-wrap {left: 0!important; right: 0!important;}*/
    .rev_slider .tp-parallax-wrap {width: 95%!important;}
    .rev_slider .tp-parallax-wrap .tp-loop-wrap {position: relative!important; width: 100%!important;}
    
    .tp-mask-wrap :has(#slide-11-layer-1, #slide-10-layer-1) {width: 100%!important;}
    #slide-11-layer-1, #slide-10-layer-1 {white-space: pre-wrap!important; text-align: center!important; width: 100%!important;}
    
    
    
    
    
    
    .fh-phone {display: flex; align-items: center; margin-bottom: 30px;}
    .fh-phone .hotline {font-size: 15px; padding-left: 20px; display: block; width: auto; float: none; display: inline-flex; align-items: center;}
    .fh-phone .hotline i:before {font-size: 24px;}

    .modal-dialog {width: 90%; margin-top: 110px;}
    
    .contact-page .vc_opening-hours {margin-bottom: 40px;}
    
    
    .footer-widgets .footer-logo {max-width: 230px;}
}