body {
        background-color: #262626!important;
}

a {
	
	font-family: Montserrat, sans-serif!important;
	font-weight:400!important;
		
}

/****************NAVIGACIJA *******************/


.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {

    display: block;
    padding: 5px 20px;
    color: #e6e6e6;
    font-weight: 300;
    font-size: 14px;
    cursor: pointer;

}



.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 20%);
    padding: 7px 0;
    border-radius: 3px;
    margin-top: 20px;
	background-color: rgba(38, 38, 38, 0.8)!important;
	color: #fff!important;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1.35px;
}






a.brandovi::after {
    
    font-family: "FontAwesome";
    content: " \f107";
    font-size: 0px!important;
}



li.sp-menu-item.sp-has-child.brandovi div.sp-dropdown-inner { display:none!important;}


li.sp-menu-item.sp-has-child.brandovi div.sp-dropdown.sp-dropdown-main.sp-menu-right { display:none!important;}



a.brandovi .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    display: none!important;
}




.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a {
    font-family: Montserrat, sans-serif!important;
    color: #fff;
    display: inline-block;
    font-size: 28px;
    padding: 20px;
}


.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li .offcanvas-menu-toggler {
left: auto;
    right: auto;
    font-size: 32px;
    padding: 26px 0px;
    font-weight: bold!important;
    color: #fff!important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 13px 20px;
    font-size: 20px;
    cursor: pointer;
   
}



/****************** NAVIGATION BAR**************************/


div.sp-module.navigation_bar ol.breadcrumbnavigation_bar {
    padding: 8px 0px;
    margin-top: 120px;
    margin-bottom: 10px;
    list-style: none;
    background-color: #303030!important;
    color: #e6e6e6!important;
    border-radius: 4px;
  display: inline-flex;
}


div.sp-module.navigation_bar a {font-family: Montserrat, sans-serif!important;font-size: 18px!important;}
div.sp-module.navigation_bar li {font-family: Montserrat, sans-serif!important;font-size: 18px!important;}
div.sp-module.back_link a {font-family: Montserrat, sans-serif!important;font-size: 18px!important;}

div.sp-module.back_link { margin-top: 130px; float: right; margin-right:7px;}


div.sp-module.navigation_bar i.fa.fa-home { margin-right: 7px!important;}
 /***************** BOTTOM *****************************/

#sp-bottom .sp-module ul li a {
    font-family: Montserrat, sans-serif!important;
    font-size: 14px!important;
    font-weight: 200!important;
    color: #e6e6e6!important;
    line-height: 19px;
    padding: 7px 0;
}

#sp-bottom .sppb-addon-text-block p {
    font-size: 14px;
        color: #e6e6e6!important;

    font-weight: 200!important;
}

div.sppb-addon.sppb-addon-module.ponuda_namjestaja ul {

columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
text-align: center;
}

div.sppb-addon.sppb-addon-module.ponuda_namjestaja .nav>li>a {
    position: relative;
    display: inline;
    padding: 10px 15px;
}


div.sppb-addon.sppb-addon-module.ponuda_namjestaja .nav>li>a:hover {
    background: none!important;	
}
/************************************************************************/

.major-color, .sp-my-account ul.nav > li > a:hover, .btn.btn-default, .sppb-btn.btn-default, .btn.sppb-btn-default, .sppb-btn.sppb-btn-default, .sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel-heading .sppb-toggle-direction, .sppb-slider-fullwidth-wrapper .sppb-slider-item-wrapper .customNavigation a:hover, .sppb-slider-fullwidth-wrapper .sppb-slider-item-wrapper .customNavigation a:focus, .simple-variation.sppb-slider-fullwidth-wrapper .sppb-slider-item-wrapper .sppb-slideshow-fullwidth-item .sppb-magnific-popup.sppb-modal-selector i, .sppb-addon-header.title-line-after:after, .sppb-addon-header.title-line-before:before, .sppb-addon-feature:hover .sppb-icon i, .sppb-testimonial-pro-advanced .sppb-carousel-control:hover, .sppb-testimonial-pro-advanced .sppb-carousel-control:focus, .sppb-addon-tab .sppb-tab .sppb-nav-tabs li.active a, .sppb-addon-pricing-table .sppb-pricing-box .sppb-pricing-price-container .sppb-pricing-price, .reset .form-validate .form-group button, .icon-top-wrapper:hover i, article.item-page .tags a:hover, article.item-page .pager.pagenav li a:hover, article.item-page .pager.pagenav li a:focus, article.item-page .pager.pagenav li a:hover span, article.item-page .pager.pagenav li a:focus span, .view-article .author-info .author-social-link li a:hover, #sp-left .sp-module ul.mostread li .category-tag a:hover, #sp-right .sp-module ul.mostread li .category-tag a:hover, #sp-left .sp-module ul.mostread li .category-tag a:focus, #sp-right .sp-module ul.mostread li .category-tag a:focus, #sp-left .sp-module ul.mostread li a:hover, #sp-right .sp-module ul.mostread li a:hover, #sp-left .sp-module ul.mostread li a:focus, #sp-right .sp-module ul.mostread li a:focus, #sp-left .sp-module .acymailing_module_form p.acysubbuttons:after, #sp-right .sp-module .acymailing_module_form p.acysubbuttons:after, .pagination-wrapper ul.pagination li span:hover, .pagination-wrapper ul.pagination li a:hover, .pagination-wrapper ul.pagination li span:focus, .pagination-wrapper ul.pagination li a:focus, .pagination-wrapper ul.pagination li.active a, .blog-variation-2 article.item .article-info-wrap:hover .entry-header h2 a:hover, .blog-variation-2 article.item .article-info-wrap:hover .entry-header h2 a:focus, body.header-transparent-black .icon-top-wrapper i:hover, .sppb-section.title-line-before .sppb-section-title:before, .sppb-section.title-line-after:after, .service-page-modal .sppb-magnific-popup.sppb-modal-selector i, .sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-filter ul li a:hover, .sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-filter ul li.active a, .sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-info:after, .sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-info-wrap:after, .sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-info .sp-simpleportfolio-title a:hover, .sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-info-wrap .sp-simpleportfolio-title a:hover, .sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-info .sp-simpleportfolio-title a:focus, .sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-info-wrap .sp-simpleportfolio-title a:focus, .contact-form-section .sppb-addon-raw-html ul li span.single-text, .sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-description .sp-simpleportfolio-title-wrap:before, #sp-bottom .sp-module ul li a:hover, #sp-bottom .sp-module ul li a:focus, #sp-bottom .sppb-addon-text-block .bottom-address span.floox-title, #sp-bottom .sppb-addon-social-media .social-media-text-wrap a:hover, #sp-bottom .sppb-addon-social-media .social-media-text-wrap a:focus, #sp-footer #sp-footer2 p a, .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-module .sp-module-content a:hover, .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-module .sp-module-content a:focus, .sp-comingsoon .social-icons li a:hover, .copyright p a, .error-page .error-message:before, .sppb-addon-animated-number .sppb-animated-number {
     color: #e6e6e6!important;
}


div.customjezik {  color: #e6e6e6!important; margin-top: -100px;}


div.advanced-dropdown a.langChoose:link, div.advanced-dropdown a.langChoose:visited {
    background:none!important;
    border-radius: 2px;
    width: 38px;
    margin-top: 3px;
    padding: 3px;
    line-height: 0;
    -webkit-transition: all 0.75s;
}


div.mod-languages.advanced-dropdown ul {
    background-color: rgba(38, 38, 38, 0.8)!important;
    position: absolute;
    z-index: 100;
    list-style-type: none;
    left: 0;
    padding: 10px 10px 10px 10px;
    border-radius: 0 0 2px 2px;
}


div.mod-languages.advanced-dropdown a:before {
content: none!important;
}



div.mod-languages {
	float:right!important;
margin-top: 33px!important;
margin-right: -9px;
color: #303030!important;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1.35px;
font-weight:400!important;}

#offcanvas-toggler >i {
    -webkit-transition: color 400ms, background-color 400ms;
    -o-transition: color 400ms, background-color 400ms;
    transition: color 400ms, background-color 400ms;
    color: #fff!important;
	font-size:26px!important;
	    margin-top: 30px;
		float:right!important;
}

.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a:hover {
    color: #e6e6e6!important;
    display: inline-block;
    font-size: 28px;
    padding: 20px;
}



.icon-top-wrapper i {
	display:none!important;
    color: #e6e6e6!important;
	font-size:18px!important;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
	float: left!important;
    
}

.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
    display:none!important;
}



div.mod-languages li {
    border-right: 1px solid #fff!important; padding-right:10px;
}
div.mod-languages li:last-child {
    border:none!important;
}

#sp-header .logo {
    display: inline-block;
    height: 60px;
    display: table;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    margin: 0;
    margin-top:10px !important;
}


#sp-header {
     background-color: rgba(38, 38, 38, 0.8);
    height: 100px;
    left: 0;
    position: absolute;
        top: 0px!important;
    width: 100%;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    z-index: 99;
	
}

header#sp-header.animated.menu-fixed div.container { padding-top: 0px;}

header#sp-header.animated.menu-fixed { background-color: rgba(38, 38, 38, 0.8);padding-top: 10px;}

#sp-header div.container { padding-top: 8px;}

.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {

    display: inline-block;
    padding: 0 15px;
    line-height: 33px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    margin: 0;
    border-radius: 2px;
    margin-top: 30px;
    font-weight: 400 !important;
}


#sp-header.menu-fixed .sp-megamenu-parent > li > a, #sp-header.menu-fixed .sp-megamenu-parent > li > span {
    line-height: 33px;
   margin-top: 30px;
    border-radius: 0;
}



.major-bgcolor, .btn.btn-primary, .sppb-btn.btn-primary, .btn.sppb-btn-primary, .sppb-btn.sppb-btn-primary, .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a, .sp-select ul > li.active, .sp-select ul > li:hover, .sppb-addon-feature:hover:after, .sppb-progress-wrap .sppb-progress .sppb-progress-bar, .com-users.view-login .logout .btn.btn-primary, .service-feature-section .sppb-addon-feature:hover:after, .sppb-btn-info.sppb-btn-outline:hover, .sppb-btn-info.sppb-btn-outline:focus, .sppb-btn-info.sppb-btn-outline:active, .sppb-btn-info.sppb-btn-outline.active, .open > .dropdown-toggle.sppb-btn-info.sppb-btn-outline {
    background: none!important;
	border-bottom: 0px solid #fff!important;
	font-weight: 600!important;
	font-family: Montserrat, sans-serif!important;
}





div#column-id-1604951419628.sppb-column.kontakt_2 {
    width: 100%;
       display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-left: 3px solid #eed067!important;
    padding-left: 20px!important;
    height: 270px!important;
}


div#column-id-1604951419627.sppb-column.kontakt_1 {
    width: 100%;
       display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-left: 3px solid #eed067!important;
    padding-left: 20px!important;
    height: 270px!important;
}



.sp-page-builder .page-content #section-id-1499684885832 .sppb-section-title .sppb-title-heading {
    font-size: 36px;
    line-height: 36px;
    color: #cc9933;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 30px;
}

.sppb-section.title-line-before .sppb-section-title:before {
    content: '\e910';
    font-family: 'floox-icon';
    display: inline-block;
    font-size: 10px;
    line-height: 1;
	
}




div.sppb-addon.sppb-addon-ajax-contact.kontakt_forma button#btn-1499771456795.sppb-btn.sppb-btn-primary.sppb-btn-rounded {
	
	

    background-color: #262626!important;
    color: #e6e6e6!important;
    font-size: 16px!important;
    font-weight: bold!important;
    border-radius: 3px!important;
    border: none!important;
	    width: 100%;
}











.sppb-slider-fullwidth-wrapper .sppb-slider-item-wrapper .sppb-slideshow-fullwidth-item .sppb-slideshow-fullwidth-item-bg {
    height: 500px!important;
    padding-top: 315px;
    padding-bottom: 0;
    position: relative;
}




.bottom-content-wrap {
    display: table;
    width: 100%;
    border-bottom: 0px solid rgba(0,0,0,0.16)!important;
    padding-bottom: 0px!important;
}


#sp-footer {
    background-color: #303030!important;
    color: #e6e6e6;
    padding: 15px 0 15px 0;
    text-align: center!important;
}


div.ug-textpanel-title { }


/********************** JEZIK ********************/

.sp-module-content .mod-languages ul.lang-inline li a {
    padding: 0 !important;

}

/*************** SEARCH *********************/


body.view-search div.search {
    margin-top: 100px;
}

div.search h1.page-title {
   display:none!important;
}

.com-search.view-search .search-filter-wrap fieldset.only {
    display:none!important;
}


.com-search.view-search .search-results-wrap .result-text, .com-search.view-search .search-results-wrap .result-created {
    display:none!important;
}


.com-search.view-search .search-filter-wrap fieldset {
    display:none!important;
}


.com-search.view-search .search-filter-wrap, .com-search.view-search .search-results-wrap {
    background: none!important;
    padding: 15px 30px!important;
    box-shadow:  none!important;
    border-radius: 3px!important;
    margin-bottom: 0px!important;
}

.com-search.view-search .search-results-wrap ul.search-results li {
    display: block;
    list-style: none;
    margin-bottom: 10px;
    background: #262626;
    border-bottom: 0px solid #e0e0e0;
    padding: 15px 20px;
  
}

.com-search.view-search .search-results-wrap .result-title, .com-search.view-search .search-results-wrap .result-title a, .com-search.view-search .search-results-wrap .result-category {
     color: #e6e6e6!important;
}
	
	
	
	.leaflet-touch .leaflet-bar, .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers {
    box-shadow: none;
    display: none;
}
	
/*************************** RAZNO *****************************/

div.sppb-addon.sppb-addon-ajax-contact.kontakt_forma button#btn-1499771456795.sppb-btn.sppb-btn-primary.sppb-btn-rounded:hover {

    border: 1px #e6e6e6 solid!important;

}

input.btn.btn-primary.button.subbutton:hover {

    border: 1px #e6e6e6 solid!important;

}


div.acym_module_success {
    background-color: #262626!important;
    color: #e6e6e6!important;
    padding: 1em!important;
    z-index: 10;
    margin-bottom: 10px;
}



div.acym_module_form input.btn.btn-primary.button.subbutton {
		background-color: #262626!important;
		color: #e6e6e6!important;
		font-family: Montserrat, sans-serif!important;
		font-size: 18px!important;
		font-weight:400!important;
		border-radius: 4px!important;
		border: 1px #e6e6e6 solid!important;
		margin-top:20px;
	    width: 100%;
		

}

.btn.btn-primary, .btn.sppb-btn-primary, .sppb-btn.btn-primary, .sppb-btn.sppb-btn-primary {
    border-radius: 2px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400 !important;
    text-transform: none!important;
    padding: 13px 27px;
    line-height: 1;
    border: 0;
}

.ba-form-field-item .ba-form-products-cart .ba-form-product-quantity-cell input, .ba-form-page-navigation-title, .upload-file-btn, .upload-file-input, .ba-field-container select, .ba-field-container textarea[readonly], .ba-field-container textarea, .ba-field-container input[type="text"], .ba-field-container input[type="number"], .ba-field-container input[type="password"], .ba-field-container input[type="email"] 
{
	
	height:34px!important;
	
}


.ba-form-submit-wrapper .ba-form-submit-recaptcha-wrapper, .ba-form-submit-wrapper .ba-form-submit-btn-wrapper {

    margin-top: 10px!important;
}

.ba-form-page-break-button, .ba-cart-container-title, .ba-cart-row-title, .ba-form-page-navigation .ba-form-page-navigation-title, .ba-form-page-navigation-counter, .ba-form-page-navigation-title .ba-page-navigation-title, .ba-form-products-cart .ba-form-product-title-cell, .characters-wrapper *, .ba-form-field-item .ba-field-label-wrapper > * {
	
		font-family: Montserrat, sans-serif!important;
		font-size: 18px!important;
		font-weight:400!important;

}


.ba-field-container textarea {
    min-height: 150px;
    resize: vertical;
    margin-bottom: 0px!important;
}


.rc-anchor-dark {
    background: #222;
    color: #fff;
    width: 100%!important;
}


/********************************************************************/

.acym_module_form label {
    max-width: 100%;
    display: inline-block;
    cursor: pointer;
	font-family: Montserrat, sans-serif!important;
		font-size: 18px!important;
		font-weight:400!important;
}



.ba-form-submit-btn {
     color: #e6e6e6!important;
 	font-family: Montserrat, sans-serif!important;
		font-size: 18px!important;
		font-weight:400!important;
    border-radius: 4px!important;
    border: none!important;
	    width: 100%;
		border: 1px #e6e6e6 solid!important;
		height:46px!important;
}

.rc-anchor-light.rc-anchor-normal {
    border: 1px solid #d3d3d3;
	margin-bottom:10px;
	margin-top:10px;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: block;
    height: 34px;
    width: 460px;
    padding: 6px 12px;
    font-size: 14px;
	text-align: center!important;
    line-height: 1.428571429;
    color: #262626!important;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	
}

.acym_module_form input {
    cursor: pointer;
    max-width: 100%;
}




div.sppb-addon.sppb-addon-ajax-contact.kontakt_forma { margin-left:10px!important;}
.contact-form-section .sppb-addon-header .sppb-addon-title {
    font-weight: 100 !important;
}
.sppb-addon-ajax-contact .sppb-ajax-contact-content .sppb-ajaxt-contact-form .sppb-form-group {
    margin-bottom: 20px;
}

.sppb-addon-ajax-contact .sppb-ajax-contact-content .sppb-ajaxt-contact-form .sppb-form-group input {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    width: 100%;
    color: #262626!important;
    height: 34px !important;
    box-shadow: none;
    padding: 0 0 0 20px;
    font-size: 16px;
}



div.customback_link a { cursor: pointer!important;}


.error-page .btn.btn-primary {
  padding: 26px 90px 24px;
font-family: Montserrat, sans-serif!important;
  font-weight: 600 !important;
  background: #303030!important;
}

.error-page .error-message {
  font-size: 60px;
  color: #fff!important;
  line-height: 1.06;
  margin-bottom: 45px;
font-family: Montserrat, sans-serif!important;
  font-weight: 400;
  position: relative;
}

/**************************Brendovi front*****************************************/

div.sppb-addon.sppb-addon-module.brendovi_front img.sppb-img-responsive:hover {filter:brightness(200%);}

/**************************************************************************************/


@media (min-width: 481px) and (max-width: 767px) {
  
  #offcanvas-toggler >i {
    -webkit-transition: color 400ms, background-color 400ms;
    -o-transition: color 400ms, background-color 400ms;
    transition: color 400ms, background-color 400ms;
    color: #fff!important;
	font-size:26px!important;
	    margin-top: -40px!important;
	
		float:right!important;
}
  
  
  
  
  
}


	
	
	@media (min-width: 481px) and (max-width: 1000px) {
  
  #offcanvas-toggler >i {
    -webkit-transition: color 400ms, background-color 400ms;
    -o-transition: color 400ms, background-color 400ms;
    transition: color 400ms, background-color 400ms;
    color: #fff!important;
	font-size:26px!important;
	    margin-top: 0px!important;
	
		float:right!important;
}



  
}

@media (max-width: 1000px) and (min-width: 481px)
div#sp-logo {
    left: 80px;
margin-top: -40px!important;}


 #offcanvas-toggler >i {
    -webkit-transition: color 400ms, background-color 400ms;
    -o-transition: color 400ms, background-color 400ms;
    transition: color 400ms, background-color 400ms;
    color: #fff!important;
	font-size:26px!important;
	    margin-top: 40px!important;
	
		float:right!important;


}




@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, not all, not all
#sp-header .sp-default-logo {
    display:inline-block!important;
	left:30px;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, not all, not all
#sp-header .sp-retina-logo {
    display: block;
    margin-top: 36px;
    margin-left: -75px;
}




img.sp-default-logo.visible-xs { margin-top: 20px!important;    margin-left: 40px;}


div#sp-menu.col-xs-4.col-sm-4.col-md-4 #offcanvas-toggler >i {
    -webkit-transition: color 400ms, background-color 400ms;
    -o-transition: color 400ms, background-color 400ms;
    transition: color 400ms, background-color 400ms;
    color: #fff!important;
	font-size:22px!important;
	    margin-top: 20px;
		float:right!important;
}

@media (min-width: 768px) {
	
div#sp-menu.col-xs-4.col-sm-4.col-md-4 { float: right!important;margin-top: 15px;}

}