:root {
    --main-head-color: #1b1b1b;
    --main-head-color-hover: #00427e;
    --main-head-bg: #fff;
    --main-head-submenu-bg: #ececec;
}
.page {
    margin:0;
}
body a {
    transition: all 0.3s ease-in-out;
}
html, body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
/*@font-face {*/
/*    font-family: 'Montserrat';*/
/*    src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),*/
/*    url('../fonts/Montserrat-SemiBold.woff') format('woff'),*/
/*    url('../fonts/Montserrat-SemiBold.ttf') format('truetype');*/
/*    font-display: swap;*/
/*    font-weight: 600;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'Montserrat';*/
/*    src: url('../fonts/Montserrat-Light.woff2') format('woff2'),*/
/*    url('../fonts/Montserrat-Light.woff') format('woff'),*/
/*    url('../fonts/Montserrat-Light.ttf') format('truetype');*/
/*    font-display: swap;*/
/*    font-weight: 300;*/
/*    font-style: normal;*/
/*}*/

body h1, body h2, body h3, body h4, body h5, body h6, body span{
    padding: 0;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-display: swap;
}
body a, body ul, ol, body li, body p{
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-display: swap;
}
.post, .page {
    margin: 0;
}
/* Header **/
.site-header {
    float: left;
    width: 100%;
	position:relative;
    z-index: 99999999;
    background: #4b1287;
    top: 0;
    transition: box-shadow 0.1s ease;
    padding: 0 10%;
}
.header-content {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
}

#site-navigation {
/*     display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; */
    border: unset;
    background: transparent;
    margin-bottom: 0;
}
#md-collapse-menu {
    padding: 0;
}
#primary-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}
#primary-menu > li:not(:first-child){
    margin-left: 31px;
}
#primary-menu .menu-item a {
    color:  #fff;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    position: relative;
    transition: all 0.1s ease-in-out;
}
#primary-menu li.menu-item-has-children a {
    margin-right: 18px;
    position: relative;
}
#primary-menu .menu-item a:hover {
    color: #f6bd15;
}
.site-header.scroll #masthead a:hover {
    color: #f6bd15;
}
#primary-menu .menu-item-has-children > a:before {
    content: "\203A";
    position: absolute;
    right: -20px;
    top: -5.5px;
    font-size: 24px;
    transform: rotateZ(90deg);
}
.menu-item-has-children .sub-menu {
    position: absolute;
    top: 50px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #00000063;;
    -webkit-box-shadow: 8px 12px 43px #00000016;
    box-shadow: 8px 12px 43px #00000016;
    list-style: unset;
    padding: 20px 0;
    z-index: 999;
    transform: translateY(60px);
    margin-top:5px;
}
#primary-menu li.menu-item-has-children:hover > .sub-menu  {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.site-header.scroll .sub-menu  a{
    color: white!important;
}
#primary-menu .menu-item-has-children .sub-menu a {
    display: block;
    padding: 0 20px;
    margin-bottom: 10px;
}
#primary-menu .menu-item-has-children .sub-menu li:last-of-type a {
    margin-bottom: 0;
}
#primary-menu li#menu-item-2240 a {
    padding: 10px 20px;
    background: #aece72;
    border-radius: 10px;
    color: #2e4057;
    transition: box-shadow 0.3s ease, color 0.3s ease;
}

#primary-menu li#menu-item-2240 a:hover {
    color: #fff;
    box-shadow: 0 0 10px rgba(174, 206, 114, 0.8), 0 0 20px rgba(174, 206, 114, 0.5);
    animation: pulse 0.8s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 10px rgba(174, 206, 114, 0.5);
    }
    50% {
        box-shadow: 0 0 20px rgba(174, 206, 114, 1);
    }
    100% {
        box-shadow: 0 0 10px rgba(174, 206, 114, 0.5);
    }
}
.site-branding img {
    transition: transform .2s;
}
.site-branding img:hover {
	animation: pulse 0.9s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1); /* Početna veličina */
    }
    50% {
        transform: scale(1.03); /* Povećanje na 103% */
    }
    100% {
        transform: scale(1); /* Vraćanje na početnu veličinu */
    }
}
li#menu-item-212 a {
    text-transform: uppercase;
    color: #ffd639!important;
}
.head-sertf-before img.img-new {
    width: 67px;
    height: 67px;
    border-radius: 50%;
    margin-left:3px;
}
.head-sertf-hero img.img-new {
    width: 67px;
    height: 67px;
    border-radius: 50%;
    margin-left:3px;
}
.desktop-phone {
    margin-left: 40px;
}
.desktop-phone a {
    padding: 15px 47px;
    background: #e85529;
    color: #fff;
    border-radius: 10px;
    margin: 0;
    border: 1px solid #e85529;
    font-weight: 800;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
.desktop-phone a:hover {
    background: #e8552905;
}
@media (min-width: 1600px) {
	.site-header .container {
	width:100%;
		padding:0;
	}
}
@media (max-width: 1599px) {
	.site-header  {
		padding:0;
	}
	.site-footer {
    padding: 60px 0 0;
	}
			.page-template    .header-content .site-branding img {
        width: 200px!important;
    }
} 
@media screen  and (min-width: 1600px)  {
	.header-content .site-branding img {
		width:240px;
	}
}

@media screen  and (min-width: 1600px) and (max-width: 1879px) {
    .site-header{
            padding-left: 5%;
    }
}
@media screen  and (min-width: 1200px) and (max-width: 1599px) {
    .site-header{
            padding-left: 0;
    }
}
@media screen  and (min-width: 992px) and (max-width: 1600px) {
    .search-holder {
        text-align: right;
    }
    input#search-input {
        right: 0;
    }
    .search-holder #search-form-header-wrap{
        text-align: right;
        position: relative;
    }
    .site-header.scroll img.black-loop {
        position: absolute;
        right: 0;
    }
    .site-info .site-branding{
    text-align: center;
    }
/*     .site-header {
        padding: 0 5%;
    } */
	.site-header .comtainer {
		padding-left:0;
	}
}
@media screen  and (min-width: 992px) {
    .site-header.scroll {
        background: #00000054;
        box-shadow: 0 7px 10px rgb(0 0 0 / 10%);
    }
    .marketing-mob{
        display: none;
    }
	.navbar {
		min-height:unset!important;
	}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
    #site-navigation {
        left: 28px;
    }
    #primary-menu .menu-item a {
        font-size: 14px!important;
    }
    .site-branding img {
        max-width: 180px;
    }
    #site-navigation {
        margin-right: 17px;
    }
    #primary-menu > li:not(:first-child) {
        margin-left: 20px;
    }
    .desktop-phone a {
        padding: 12px 40px;
    }
}

@media screen and (min-width: 992px) {

    .before-header {
        display:none;
    }
    .menu-item-has-children .sub-menu .sub-menu {
        top: 50px;
        left: 90%;
    }
}
@media screen and (max-width: 991px) {
    .menu-item-has-children .sub-menu {
        width: 100%;
    }
    .head-sertf-hero {
        display:none;
    }
    .head-sertf.head-sertf-before {
        text-align:center;
        padding:10px 0;
        border-bottom:1px solid #dadde8;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border:none!important;
    }
    .navbar-collapse {
        box-shadow: none!important;
    }
    .site-header.scroll#masthead {
        background: #fff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Suptilan donji shadow */
        display: none;
    }
    /*     .site-header::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          height: 56.77px;
          background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#fff));
          background-image: -o-linear-gradient(#ebebeb, #fff);
          background-image: linear-gradient(#ebebeb, #fff);
        } */
    .header-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        padding-top: 10px;
        justify-content: flex-start;
    }
    .site-branding {
        z-index: 2;
    }
    .site-branding img {
        max-width: 198px;
        position: relative;
        left: 14px;
        top: 3px;
    }
    .navbar-header {
        position: absolute;
        top: 18.5px;
        right: -10px;
        z-index: 999999;
    }
    #site-navigation .navbar-header button {
        background-color: unset;
        border: unset;
        border-radius: unset;
        margin: 0;
    }
    #site-navigation .navbar-header button:hover, #site-navigation .navbar-header button:focus, #site-navigation .navbar-header button:active {
        background-color: unset;
    }
    .navbar-header button .icon-bar{
        background-color: #fff!important;
        width: 39px;
        border-radius: unset;
        transition: all .4s;
    }
    .site-header.scroll#masthead  .navbar-header button .icon-bar {
        background-color: #2e4057 !important;
    }
    .toggled span.icon-bar:nth-child(2){
        display: none;
    }
    .toggled span.icon-bar:nth-child(1){
               transform: rotate(45deg);
        top: 9px;
        position: relative;
    }
    .toggled span.icon-bar:nth-child(3){
        transform: rotate(-45deg);
        top: -1px;
        position: relative;
    }
    .navbar-header button .icon-bar:not(:first-child) {
        margin-top: 8px;
    }
    .navbar-toggle {
        display: block;
    }
    #md-collapse-menu {
        width: 100%;
        background: #000000;
    }
    .site-header.scroll#masthead  #md-collapse-menu{
        background: #fff;
    }
    .md-navigation .collapse {
        display: none!important;
    }

    .md-navigation .collapse.in {
        display: block!important;
    }
    #site-navigation {
        position: static;
        margin: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        min-height: unset;
		margin-top: 10px;
    }
    #primary-menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 20px 15px;
		background: #4b1287d4;
    }
    #primary-menu > li.menu-item {
        margin: 0 0 11px 0;
    }
    #primary-menu .menu-item a {
        font-size: 16px;
        padding: 5px 0;
    }
    #primary-menu .menu-chevron {
        position: absolute;
        top: 5px;
        font-size: 35px;
        right: -17px;
        transform: rotate(90deg);
        height: 35px;
        width: 35px;
        color:#fff;
    }
    #primary-menu .menu-item-has-children {
        position: relative;
    }
    #primary-menu .menu-item-has-children a:before {
        content: unset;
    }
    #primary-menu .menu-item-has-children .sub-menu {
        display: none;
        visibility: visible;
        opacity: 1;
        -webkit-transition: unset;
        -o-transition: unset;
        transition: unset;
        position: static;
        border: unset;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        margin-left: 10px;
    }
    .menu-item-has-children .sub-menu {
        padding: 11px 0;
    }
    .search-holder {
        position: absolute;
        top: 13px;
        right: 84px;
    }
    li#menu-item-2239 {
        display: none;
    }
    .marketing-mob{
        position: absolute;
        top: 25px;
        right: 190px;
    }
    .marketing-mob a{
        padding: 10px 30px;
        background: #aece72;
        border-radius: 10px;
        color: #2e4057;
        text-decoration: none;
        z-index: 9999;
        font-weight: 600;
    }
    #primary-menu li#menu-item-2240 a{
        margin-top: 12px;
        float: left;
        width: 100%;
        text-align: center;
        padding: 8px 20px;
    }
    .site-header.scroll#masthead #primary-menu .menu-item a, .site-header.scroll#masthead #primary-menu .menu-chevron, .site-header.scroll#masthead .site-header.scroll .sub-menu a {
        color: #2e4057!important;
    }
    .site-header.scroll#masthead #primary-menu .menu-item-has-children .sub-menu{
        background: #fff!important;
    }
    .menu-item-has-children .sub-menu {
        transform: translateY(0);
    }
    .site-header {
        padding: 0 15px;
    }
    .site-branding img {
        left: 0;
    }
}
@media screen and (max-width: 767px) {
	.site-header .container{
		padding:0;
	}
	 .site-branding img {
        left: -10px;
    }

}

@media screen and (max-width: 400px) {
    .navbar-header button .icon-bar {
        width: 33px;
    }
}

/* Header end */
/*Footer*/
.site-footer {
    float: left;
    width: 100%;
    padding: 80px 0 0;
    background: #4b1287;
    border-top: 1px solid #ffffff7d;
}
.site-info{
    float: left;
    width: 100%;
}
.site-info h4  {
	font-size: 19px;
    margin-bottom: 10px;
    color: #fff;
}
.site-info .links, .site-info .contact  {
	text-align:center;
}
.site-info .contact p {
	display: flex;
}
.site-info .contact a {
	font-size: 16px;
    color: #fff;
	padding-left:5px;
	text-decoration:none;
}
.site-info ul {
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}
.site-info ul li a{
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    text-decoration: none;
    font-weight: 300;
}

.site-info .menu-holder {
	padding-left:0;
}
.footer-links {
    display: flex;
    flex-direction: column;
}
.site-info h3{
    font-size: 24px;
    line-height: 32px;
    color: #e85529;
    margin-bottom: 15px;
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    position: relative;
}
.site-info h3:after{
    content: "";
    position: absolute;
    margin-left: 14px;
    top: 61%;
    width: 44px;
    height: 2px;
    background-color: #e85529;
}
.site-info p, .site-info h5 {
    font-size: 18px;
    line-height: 34px;
    font-weight: 300;
    color: #fff;
    text-decoration: none;
}
.site-info .footer-links a {
    font-size: 18px;
    line-height: 34px;
    font-weight: 300;
    color: #fff;
    text-decoration: none;
}
.bottom-h5 {
    margin-top: 10px;
}
.site-info ul li a:hover, a.email-footer:hover{
    color: #fff;
}
.site-info a:hover{
    font-weight: 800;
}
.footer-single iframe {
    max-height: 262px;
    border-radius: 15px;
}
.md-footer-copy-right {
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 55px;
}
.md-footer-copy-right p {
    padding: 20px 0;
    margin: 0 10%;
    color: #fff9;
    border-top: 1px solid #aecf733b;
}
.instagram-holder {
    margin-top: 13px;
}
.instagram-holder img {
    width: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1700px) {
	.site-info .menu-holder{
		padding-left: 15px;
	}
	.site-info .logo-holder {
		    width: 30%;
	}
	.site-info .menu-holder {
		width: 50%;
	}
}
@media only screen and (min-width: 1400px) {
    .site-info{
        padding: 0 10%;
    }
}
@media only screen and (max-width: 1700px) {
	.site-info	.site-branding img {
		width: 245px;
	}
}
@media only screen and (max-width: 1399px) {
    .site-info{
        padding: 0;
    }
	.site-footer {
    padding: 60px 0 0;
	}


}
@media only screen and (max-width: 1199px) {
    .site-info ul {
        padding: 0;
    }
    .site-footer {
        padding: 68px 0 0;
    }
	.footer-logo-holder {
    	margin-bottom: 41px;
	}
	.footer-logo-holder  p {
		text-align:center;
	}
	.md-footer-copy-right {
    	margin-top: 40px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.site-info .menu-holder{
		padding-left: 15px;
	}
    .footer-single iframe {
        max-height: 225px;
    }
	    
}
@media only screen and (max-width: 991px) {
    .site-info ul {
        flex-direction: column;
    }
    .site-info ul li a {
        font-size: 16px;
    }
    .instagram-holder-footer {
        margin-left: 0;
    }
    .footer-single iframe {
        max-height: 262px;
        border-radius: 15px;
        width: 100%;
        margin-top: 50px;
    }
    .site-footer {
        padding: 60px 0 0;
    }
    .md-footer-copy-right p {
        margin: 0 5%;
    }
	.footer-logo-holder, .fppter-about  {
		text-align:center;
	}
	.links  {
		margin:50px 0;
	}
	.site-info .contact p {
		justify-content:center;
	}

}
@media only screen and (max-width: 767px){
    .site-info p, .site-info h5, .site-info .footer-links a {
        font-size: 16px;
    }
    .site-info {
        padding: 0 15px;
    }
}


@media only screen and (min-width: 577px)  and (max-width: 991px) {
	.site-info .menu-holder {
	padding-left: 15px;
    display: flex;
    justify-content: center;
    text-align: center;
}
}
@media only screen and (max-width: 620px) {
    .footer-single.col-lg-3.col-md-3.col-sm-4.col-xs-4 {
        float: left;
        width: 50%;
        margin-bottom: 40px;
    }
    .footer-single.col-lg-3.col-md-3.col-sm-12.col-xs-12{
        width: 50%;
    }
    .footer-single iframe {
        margin-top: 0;
    }
}

@media only screen and (max-width: 600px){
    .site-info {
        flex-direction: column;
    }
    .menu-holder{
        margin-top: 61px;
        padding-right: 0;
    }

    .site-branding p{
        margin-left: 0;
    }
   .site-info .site-branding img{
        margin-left: -18px;
    }
    .contact-holder{
        margin-top: 30px;
    }
    .md-footer-copy-right{
        margin-top: 47px;
    }
	.header-content .search-holder img{
		    width: 22px;
	}
	    .site-info ul li a {
        font-size: 15px;
    }
}
@media only screen and (max-width: 576px) {
	 .page-template .header-content .site-branding img {
        width: 175px !important;
		 left: -7px;
    }
	 .navbar-header {
        top: 16.5px;
		right: -5px; 
	}
	
}
   
@media only screen and (max-width: 450px) {
    .site-info {
        display: flex;
    }
    .footer-single.col-lg-3.col-md-3.col-sm-4.col-xs-4, .footer-single.col-lg-3.col-md-3.col-sm-12.col-xs-12 {
        width: 100%;
        text-align: center;
    }
}