@font-face {
    font-family: "Candle";
    src: url("../fonts/FiraSans-SemiBold.ttf") format('truetype');
    font-weight:600;
}

@font-face {
    font-family: "Candle";
    src: url("../fonts/FiraSans-medium.ttf") format('truetype');
    font-weight:400;
}

.hidden{display:none}

body{
    /*font-family: "Candle","Inter", sans-serif;*/
    margin:0;
}

@font-face { 
    font-family: manrope vf; 
    src: url("https://manropefont.com/assets/fonts/variable/Manrope[wght].woff2") format("woff2-variations"); 
    font-style: normal; 
    font-weight: 200 800;
}

@font-face{
    font-family:"Manrope VF";
    src:url(/assets/fonts/variable/Manrope[wght].woff2) format("woff2-variations");
    font-style:normal;
    font-variation-settings:"wght" 500;
    font-variation-ligatures:normal;
    font-weight:200 800
}
@font-face{
    font-family:Manrope;
    src:url(/fonts/Manrope-ExtraLight.woff2) format("woff2");
    font-weight:200
}
    
@font-face{
    font-family:Manrope;
    src:url(/fonts/Manrope-Light.woff2) format("woff2");
    font-weight:300
}
@font-face{
    font-family:Manrope;
    src:url(/fonts/Manrope-Regular.woff2) format("woff2");
    font-weight:400
}
@font-face{
    font-family:Manrope;
    src:url(/fonts/Manrope-Medium.woff2) format("woff2");
    font-weight:500
}
@font-face{
    font-family:Manrope;
    src:url(/fonts/Manrope-SemiBold.woff2) format("woff2");
    font-weight:600
}
@font-face{
    font-family:Manrope;
    src:url(/fonts/Manrope-Bold.woff2) format("woff2");
    font-weight:700
}
@font-face{
    font-family:Manrope;
    src:url(/fonts/Manrope-ExtraBold.woff2) format("woff2");
    font-weight:800
}



body h1,
body h2,
body h3{
    /*font-family: "Candle","Inter","Jost",sans-serif!important;
    font-family: "Bitstream Vera Serif Bold", serif!important*/
    font-family: "Candle","Manrope VF",Manrope,-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif!important;
    /*letter-spacing:calc(-.0305797101em + .4463768116px);*/
    font-variation-settings:"wght" 500;
    font-size:calc(.1877934272vw + 11.2957746479px)
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}


h1{
    font-size: 4em;
}
h2{
    font-size: 2em;
    line-height: 1.42em;
    margin-bottom:0.57em;
}
h3{
    font-size: 2em;
}

/*
body a{
    color:white;
}
*/

p{
    margin-bottom: 1.625em;
}

img{
    max-width: 100%;
}



article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{
    display:block;
}

/*
#module-menu-181{
    display:none;
}
*/

.logo.logo-light{
    filter: brightness(10%);
    max-width: 100%;
    width: 65px;
    margin-right: 1.625em;
    vertical-align: middle;
}

.nav-bar{
    line-height: 62px;
}

.nav-bar .nav-module{
    padding: 0 1rem;
}

.nav-module.left {
    float: left;
}

.nav-main > ul > li{
    margin:0;
}



.menu {
    height: 65px;
    margin-top:0;
    margin-bottom:0;
    overflow:hidden;
}

.menu > li{
    float:left;
}

.menu > li a{
    text-decoration:none;
    color: #232323;
    text-transform: uppercase;

}
.menu > li > a{
    padding: 0 1.3em;
    height: 100%;
    display: inline-block;
    font-size: 1rem;
}

.menu_element_link + ul{
    display:none;
}




.tabs-container h4{
    color:white;
}


section, footer {
    padding-top: 6.5em;
    padding-bottom: 8.125em;
}

.height-80 {
    min-height: 80vh;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}




.bg--secondary {
    background: #f4f4f4;
}


/*  get candle section on front page */
#layouts-20220211185259{
    background-color: #0c304a;
}

#layouts-20220211185259 h2,
#layouts-20220211185259 p{
    color:white;
}

section,
.module-layouts,
#main-container .element, 
#main-container .module,
#main-container .clearfix::after, 
#main-container .container::after, 
#main-container .row::after {
    clear: both;
}





/*
.module{
    overflow:hidden;
}
*/


.row::after, .row::before {
    display: table;
    content: " ";
    clear:both;
}

.mw-col{
    display:table-cell;
}

.element[class*="col-"] {
    clear: none;
}

.btn{
    display: inline-block;
    text-decoration:none;
    margin-bottom: .2rem;
    padding: .75rem 3.25em .65em  3.25em;
    max-width:100%;
}

body .btn .btn__text{
    padding-top: .54166667em;
    padding-bottom: .65em;
    border: transparent;
    border-width: 2px;
    font-size: inherit;
    line-height: 1.625em;
    text-transform: uppercase;
    border-radius: 100px;
    font-size:1rem;
    border-radius:.5rem;
}

.btn .btn__text, .btn i{
    font-size:1rem;
    border-color:transparent;
    white-space: nowrap;
}

body .btn.btn--primary, 
body .btn.btn--primary:visited{
    background: #004d81;
    color:#fff;
    border-radius:.5rem;
    border:1px solid rgba(255,255,255,.5);
}




.tabs-content{
    padding:2rem;
    background-color: #004d81;
    border-radius:.5rem;
}
.tabs-content h3,
.tabs-content p{
    color:white;
}

body .tabs .btn.btn--primary{
    border:1px rgba(255,255,255,.7)!important;
}
body .tabs .btn.btn--primary:hover{
    border:1px rgba(255,255,255,1)!important;
}

.tab__content div{
    line-height: 1.625em;
}

.lead {
    font-weight:400;
    font-size: 1.4375em;
    line-height: 1.69565217em;
}

/*
.voh.vnn{
    display:none;
}
.voh.vnn.active{
    display:block;
}
*/
.tabs{
    list-style-type:none;
}
/*
.tabs > li:not(.active){
    display:none;
}
*/



.tabs-container .mw-col:last-child{
    padding:2rem;
    color:white;
}

.tab__content{
    padding:2rem;
    background-color: #004d81;
    border-radius:.5rem;
}
.tabs-content h3,
.tabs-content p{
    color:white;
}

.tab__title{
    visibility:hidden;
}

.tabs.activated .tab__title{
    visibility:visible
}

#layouts-20220207162400{
    text-align:center;
}


#element_1654681705140{
    max-width:50rem;
    margin-left:auto;
    margin-right:auto;
}

/*  raspad picture on front page */
#layouts-20220323134205 .background-image-holder{
    background-size: contain!important;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: left !important;
}
    

/*
.page-news .card.card-4 .card__image{
    display:none;
}
*/


.nav-bar .nav-main > ul > li{
    font-size:1rem;
}

@media (min-width:768px) {
    .col-sm-7 {
        float: left;
        width:58.33%;
    }

    .row,
    .mw-row{
        display:flex;
        flex-wrap:wrap;
    }

    .nav-bar{
        padding: 0 3.25em 0 3.25em;
    }

    .tabs-container .mw-col:last-child{
        padding:0 2rem;
    }

}

@media (min-width:991px) {
    /*
    .nav-bar .menu_element_link.child-1.depth-0{
        margin-left:1rem;
    }
    */
    
    .nav-bar .nav-module.menu-module{
        min-width:50rem;
    }
    
    .nav-bar .nav-main > ul > li{
        margin:0 20px;
    }
    
    
}

@media (min-width:1200px) {
    .container{
        width: 1170px;
        margin-right: auto;
        margin-left: auto;
    }
    /*
    body .btn .btn__text{
        padding-right: 3.25em;
        padding-left: 3.25em;
    }
    */
    
    

}


@media (max-width:767px) {
    .mw-col{
        width:100%!important
    }
    
    #layouts-20220323134205 .imageblock .imageblock__content{
        min-height: 26.25em;
    }
    
    
}
@media (max-width:990px) {
    
    body .menu_element_link + ul.first-child{
        display:none;
    }
    
    .nav-main > .menu > .dropdown:first-child > ul{
        display:block;
        visibility:visible;
        opacity:8;
        background:transparent;
        
    }
    .nav-main > .menu > .dropdown:first-child > ul a{
        font-size:1rem;
        color:black;
        padding-bottom:1rem;
    }
    
    .nav-main > .menu > li.depth-0 > a{
        font-size:1.6rem;
        margin-bottom:1rem;
    }
    
    .nav-main.nav-open{
        padding-top:2rem;
        background-color:rgba(0,0,0,.1);
        margin-bottom:2rem;
    }
    
    .nav-main.nav-open > .menu > li ul li{
        padding-left:0;
        max-width: calc(100vw - 1rem);
    }
    
    body .nav-main > ul ul{
        position:initial;
    }
    
    
    
    
    
}







/*

 * CollapseNav.js - v1.0
 * jQuery Responsive Navigation
 * MIT License
 * by Petko Yovchevski

 Website: https://www.plumtex.com
 Docs: http://pyovchevski.github.io/collapse-nav
 Repo: https://github.com/PYovchevski/collapse-nav
 Issues: https://github.com/PYovchevski/collapse-nav/issues

 */

/*
.collapse-nav {
    overflow: hidden;
    background-color: #2b2b2b;
}

.collapse-nav li {
    float: left;
    list-style-type: none;
    margin: 0;
}

.collapse-nav li a {
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    display: block;
    border: 0;
    cursor: pointer;
}

.collapse-nav ul.dropdown {
    float: left;
    overflow: hidden;
}

.collapse-nav ul.dropdown a.dropdown-toggle {
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    display: block;
}

.collapse-nav li:hover > a,
.collapse-nav .dropdown:hover > .dropdown-toggle {
    background-color: red;
}

.collapse-nav ul.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #2b2b2b;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.collapse-nav ul.dropdown-menu .dropdown-menu {
    top: 0;
    bottom: 0;
    right: auto;
    left: 100%;
    margin: 0;
}

.collapse-nav .dropdown-menu li {
    float: none;
    margin: 0;
}

.collapse-nav .dropdown-menu li a {
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    background: #2b2b2b;
}

.collapse-nav .dropdown-menu a:hover {
    background-color: #fff;
    color: #2b2b2b;
}

.collapse-nav .dropdown:hover > .dropdown-menu {
    display: block;
}

.collapse-nav .caret {
    display: inline-block;
    transition: all .3s;
    transform: rotate(0);
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin-inline-start: 5px;
}

.collapse-nav:not(.collapseNav-initialized) li {
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
}

.collapse-nav:not(.collapseNav-initialized) li:first-child {
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
}

.collapseNav-not-initialized li {
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
}

.collapseNav-not-initialized li:first-child {
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
}
*/


ul.menu{
    overflow:visible;
}

.menu_element_link:hover + ul,
ul.menu > li.dropdown > a.menu_element_link:hover + ul{
    opacity:1!important;
    visibility:visible!important;
    z-index: 10;
}