/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates

	colors:

	plava: #3F37C9
	ljubičasta: #7209B7

-----------------------------------------------------------------*/

header#header.full-header.dark:not(.sticky-header) div#header-wrap {
    /*background-color: rgba(63, 55, 201, .35);*/
}

.dark div.slider-caption:not(.not-dark) h2 {
    font-size: 3rem;
    margin-top: 50px;
    color: #fff;
    text-shadow: 0 0 5px #3F37C9;
}

.dark #logo a.logo-txt {
    font-size: 3em;
    letter-spacing: 5px;
    color: #fff;
    /*text-shadow: 0 0 2px #ccc;*/
}

.dark #logo a.logo-txt span {
    /*color: #ccc;*/
}

#logo a.logo-txt {
    font-size: 2.8em;
    letter-spacing: 5px;
    color: #3F37C9;
}

#logo a.logo-txt span {
    color: #7209B7;
}

div.slider-caption .button {
    background-color: #3F37C9;
}

.dark .menu-item:hover>a.menu-link {
    color: #ccc;
}

div .heading-block h1,
div .heading-block h2,
div .heading-block h3,
div .heading-block h4,
div .emphasis-title h1,
.emphasis-title h2 {
    color: #3F37C9;
}

div .button-link:hover {
    color: #3F37C9;
}

section#slider .swiper-slide::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    /*background-color: #3F37C9;*/
    background-color: #333;
    opacity: .30;
}

.heading-block.nj-main-heading::before {
    line-height: .4;
}

div .heading-block h1,
div .heading-block h2,
div .heading-block h3,
div .heading-block h4,
div .emphasis-title h1,
div .emphasis-title h2 {
    font-weight: 600;
}

.text-nj {
    color: #7209B7 !important;
}

div.promo h3 {
    font-weight: 600;
}

.section.nj-promo-box {
    margin: auto;
}

.section.zasto-nj {
    margin: auto;
}

.section.nj-paralax-box {
    margin: auto;
    background-position: center center !important;
}

#page-title.dark-overlay::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #3F37C9;
    opacity: 0.5;
}

.dark-overlay::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #3F37C9;
    opacity: 0.5;
}

.onama_box1 {
    padding-bottom: 80px;
}

.section.usluge-box {
    margin: auto;
    background-color: transparent;
    padding: 30px 0;
}

.heading-block.heading-block-promo h3 {
    color: #eee;
}

.footer_logo h3 {
    font-size: 3rem;
    margin: auto;
    line-height: 1;
    color: #3F37C9;
    font-weight: 500;
}

.footer_logo h3 span {
    color: #7209B7 !important;
}

.footer_logo h4 {
    font-size: 1.5rem;
    line-height: 1;
}

#footer div.footer-widgets-wrap {
    padding: 30px 0;
}

footer#footer {
    padding-bottom: 0 !important;
}

.copy a {
    color: #aaa;
    display: inline-block;
    margin-left: 5px;
}

.foo-address {
    display: flex;
}

.foo-address address {
    margin-bottom: 0;
    margin-right: 50px;
}
#loader { 
    border: 8px solid #f3f3f3; 
    border-radius: 50%; 
    border-top: 8px solid #444444; 
    width: 70px; 
    height: 70px; 
    animation: spin 1s linear infinite;
    display: none; 
} 
  
@keyframes spin { 
    100% { 
        transform: rotate(360deg); 
    } 
} 

.lcenter { 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    margin: auto; 
}
#preloader {
    position: absolute;
    width: 100%;
    height:100%;
    top: 0;
    left: 0;
    background-color: #999;
}
.bloader #wrapper {
    display: none;
}
#page-title.page-title-dark {
    background-position: center !important;
}








/* general ends */

@media screen and (max-width:767px) {

footer .foo-address {
    display: flex;
    flex-direction: column;
}
footer .foo-address address {
    margin-bottom: 0;
    margin-right: 0;
}
div#gotoTop {
    display: block;
}
header#header {
    position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;
    left: 0;
}
header#header + section {
    margin-top: 68px;
}







} /* /max-width:767px ********************************************************/