/*
Theme Name: Bridge
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: Creative Multi-Purpose WordPress Theme
Tags: creative, portfolio, multi-purpose, clean, retina, responsive, parallax, mega menu, blog, agency, business, fullscreen, modern, background video, ajax
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 16.3
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

.mobile_menu_button span {
    
    vertical-align: inherit!important;
}


.qbutton{
    color: #2dbcc3!important;
    font-family: 'Roboto', sans-serif;
    border-color: #00000000!important;
    font-size: 17px;
    line-height: 46px;
    height: 46px;
    font-style: normal;
    font-weight: 400!important;
    background-color: #00000000!important;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    letter-spacing: 0px;
    text-transform: none;
    border-width: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

.page_not_found h2 {
    margin: 40px 0 20px;
    font-size: 35px;
    text-align: center!important;
}

.wpb_single_image.vc_align_left {
    text-align: center!important;
}


.fa {
  
    font: normal bold normal 12px/1 FontAwesome!important;
    
    color: #fff!important;
    font-size: 25px!important;
}
.portfolio_navigation.navigation_title {
      border-top: 0px solid #e0e0e0!important; 
    border-bottom: 0px solid #e0e0e0!important; 
    margin-top: 20px!important;
    margin-bottom: 20px!important;
}
.portfolio_button{
	
	visibility:hidden!important;
}
.categories{
	
	display:none!important;
}

.minus{
background-image: url(http://stefanknezevic.com/wp-content/uploads/2019/11/shonski_minus.png);
    background-size: 25px 25px;
    height: 25px!important;
    width: 25px;
}

.plus{
background-image: url(http://stefanknezevic.com/wp-content/uploads/2019/11/shonski_plus.png);
    background-size: 25px 25px;
    height: 25px!important;
    width: 25px;
}

.tumb_store{    
	width: 100%;
    height: 393px;
    background-color: #fe6c61;}


.podnaslov{
margin-left:10px!important;	
	
}

.separator-telefon{
	display:none;
	
	
}


.full_width .projects_holder_outer.v4 .hover_text, .full_width .projects_holder_outer.v4 .standard, .full_width .projects_holder_outer.v5 .hover_text, .full_width .projects_holder_outer.v5 .standard, .full_width .projects_holder_outer.v6 .hover_text, .full_width .projects_holder_outer.v6 .standard {
	margin: -5px!important;
		
}
h2{
	text-align:right!important;
	margin-top:10px!important;
	
}
h1{
	
	margin-top:10px!important;
	
}

.portfolio_main_holder .item_holder.slow_zoom .text_holder {
  
    -webkit-transition: none!important;
    transition: none!important;
  
    background-color: #000!important;
}

nav.mobile_menu>ul {
    margin: 10px 18px!important;
}
.mobile_menu {
        padding-bottom: 15px;
}


#wp-admin-bar-new_draft,
#wp-admin-bar-new-content,
#wp-admin-bar-comments{
display:none!important;
}

.portfolio_single .flexslider, .portfolio_single .portfolio_single_text_holder {
    margin: 0 0 0px!important;
}


.portfolio_main_holder .item_holder .text_holder_inner {
    
    
    text-align: left!important;
}

.portfolio_title {
font-weight: 400!important;
    margin: 0 0px!important;
	font-size: 42px!important;
        line-height: 1em!important;
	 width: 80%;
}
.h4{
	font-family: 'Varela', sans-serif!important;
	
	
}


.project_category {
   font-family: 'Varela', sans-serif!important;
   font-size: 32px!important;
   padding-left: 40px;
	margin-top:40px!important;
}

.portfolio_masonry_item .portfolio_category_25 .portfolio_main_holder .item_holder.subtle_vertical_hover h2
{
   
    font-size: 70px!important;
}

.large_height .item_holder 
{
   
        
}

.large_width .item_holder 
{
   
        height: 100%!important;
}

.footer_top, .footer_top.footer_top_full {
  
    padding-top: 20px!important;

    
}



.column1 {
    width: 100%!important;
}

.portfolio_single_text_holder h3{
    display:none!important;
}

.content .container .container_inner.default_template_holder, .content .container .container_inner.page_container_inner {
    padding-top: 0px!important;
}

.full_section_inner {
    
    padding-right: 30px;
    padding-left: 30px;
}

.container_inner {
    width: 100%!important;
      
}

.portfolio_main_holder .item_holder {
  
    
 
   
}

.podnaslov1
{
	font-size: 24px;
	text-transform: none!important;
	margin-top:40px;
	color:#808080!important;
	width:95%;
	
}

.portfolio_title p{
	font-size: 24px;
	text-transform: none!important;
	margin-top:40px;
	color:#fff!important;
	width:95%;
	
}

.projects_holder_outer.masonry_with_space .projects_holder.portfolio_one_by_one article, .projects_masonry_holder.portfolio_one_by_one article {
    
	transition: opacity .0000000000000000000001s ease-in-out!important;}

.projects_masonry_holder .text_holder {
 
    -webkit-transition: opacity .0000000000000000000001s ease-in-out!important;}
.mobile_menu{
	
	    margin-top: -30px!important;
	
}
.header_bottom {
    padding: 0 15px!important;
}

.fa-plus{
	
	font-size: 25px!important;
	color: #2ebdc3;
}
.fa-minus{
	
	font-size: 25px!important;
	color: #2ebdc3;
}
.mobile_menu_button {
    
    float: right!important;
    
}
nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {
    font-size: 20px!important;
   
}


.header_bottom, .header_top, .fixed_top_header .bottom_header {
    
	margin-bottom:15px!important;
}

nav.main_menu > ul > li > a {
    padding: 0px 19px 0 40px!important;
}

.portfolio_navigation {
   
    padding: 0px 0 0px!important;

}
.portfolio_next{
   
        right: 25px!important;

}
.portfolio_prev{
   
        left: 30px!important;

}

.logo-din {
    float: right;
    margin-top: -10px;
    position: relative;
    width: 300px;
}
.vanja1 {
    width: 35px;
    height: 31px;
    background: url(http://shonski.net/wp-content/uploads/2018/07/v_malo_6.png) no-repeat scroll 0 0 transparent;
    top: 0;
    right: 0;
    z-index: 2;
}
.vanja1:hover {
    background: url(http://shonski.net/wp-content/uploads/2018/07/v_malo_6.png) no-repeat scroll -40px 0 transparent;
}

.stefan1 {
    width: 26px;
    height: 40px;
    background: url(http://shonski.net/wp-content/uploads/2018/08/s_malo_6-min.png) no-repeat scroll 0 0 transparent;
    bottom: 0;
    left: 0;
    z-index: 1;
    margin-top: -5px;
}
.stefan1:hover {
    background: url(http://shonski.net/wp-content/uploads/2018/08/s_malo_6-min.png) no-repeat scroll -26px 0 transparent;
    z-index: 3;
}
.veliki-vs {
    width: 205px;
    height: 410px;
    position: relative;
    margin:auto;
	
}
.vanja {
        width: 200px;
    height: 189px;
    background: url(http://shonski.net/wp-content/uploads/2018/07/v_veliko.png) no-repeat scroll 0 0 transparent;
    top: 0;
    right: 0;
    z-index: 2;
    margin-bottom: -29px;
    margin-left: 2px;
}
.stefan {
    width: 144px;
    height: 242px;
    background: url(http://shonski.net/wp-content/uploads/2018/07/s_veliko-1.png) no-repeat scroll 0 0 transparent;
    bottom: 0;
    left: 0;
    z-index: 1;
	margin-left: 2px;
}
.vanja:hover {
    background: url(http://shonski.net/wp-content/uploads/2018/07/v_veliko.png) no-repeat scroll -225px 0 transparent;
}
.stefan:hover {
    background: url(http://shonski.net/wp-content/uploads/2018/07/s_veliko-1.png) no-repeat scroll -144px 0 transparent;
    z-index: 3;
}
.text-about{
	   
    line-height: 48px;
	
}
 		.futer-levo{

	font-size: 20px!important;
			margin-left:10px !important
	}

.q_logo a {
	height:40px!important;
	
}
.two_columns_75_25>.column1>.column_inner {
    padding: 0 0px 0 0!important;
}

	.logo_wrapper {
    height: 100px!important;
    position: absolute;
		    left: -10px;
		
}

.kasper{
	display:none!important;
	
}
	


@media all and (max-width: 1440px) {

	.portfolio_title {
    font-weight: 400!important;
    margin: 0 0 0 10px!important;
    font-size: 25px!important;
    line-height: 1em!important;
    width: 100%;
}
	
.portfolio_title p {
    font-size: 20px;
    text-transform: none!important;
    margin-top: 24px;
    color: #fff!important;
    width: 100%;
}
	
	


	
	}
@media all and (max-width: 1100px) {

	nav.main_menu > ul > li > a {
    padding: 0px 19px 0 15px!important;
}

	
	

	}

@media all and (max-width: 1000px) {
	
	.portfolio_navigation .portfolio_next a, .portfolio_navigation .portfolio_prev a {
    
    margin: 80px 10px 0px 0px!important;

}
	
	.logo-din{
		display:none!important;
	}
	
	
	.full_width {
    
    margin-top:70px;
}
	.portfolio_single .portfolio_container {
   
    margin-top: 60px;
}
	nav.mobile_menu ul li:last-child {
  
    padding-bottom: 10px;
}
	
	.two_columns_75_25>.column1 {
    
    float: inherit!important;
}
	
  header.page_header {
        position: fixed !important; 
	     height:60px!important;
    }
	.clearfix2{
		
        border-bottom: 0px solid #000!important;
	       
    }
    .clearfix1{
		
        border-bottom: 0px solid #000!important;
	       
    }
    .content {
        margin-top: 100px !important;    
    }
    
    header.has_top ~ .content {
        margin-top: 130px !important;    
    }

	.q_logo a {
    
	
    height: 30px!important;

}
	
.q_logo img {
    top: 0%!important;
	
    height: 30px!important;

}
	.header_bottom {
    
    height: 80px!important;
}
	.logo_wrapper {
    height: 80px!important;
    
}

	.mobile_menu {
    margin-top: -39px!important;
   
}
	.mobile_menu_button span {
   
    cursor: inherit!important;
    
}
	.mobile_menu {
    padding-bottom: 0px;
    background-color: #fff!important;

}
	
	
	nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {
  
    letter-spacing: 2px!important;
}
	
	.mobile_menu_button {
    margin: 17px 20px 0px 0px!important;
}
	.fa-plus{
		display:none!important;
		
	}
	
	}
@media all and (max-width: 800px) {


.prostor-kontakt{
height:100px!important;	
	
	
}
	
	
	}

@media all and (max-width: 850px) {

.portfolio_title {
    font-weight: 400!important;
    margin: 0 0 0 10px!important;
    font-size: 20px!important;
    line-height: 1em!important;
    width: 100%;
}
	
.portfolio_title p {
    font-size: 15px;
    text-transform: none!important;
    margin-top: 10px;
    color: #fff!important;
    width: 100%;
}

}
@media all and (max-width: 770px) {
	.slikaUdva{
		margin-top:15px!important;
		}
h2{
	text-align:left!important;
}
	.separator-telefon{
	display: block!important;
	
	
}
	.text-staticni{
	line-height:25px!important;	
		
	}
}

@media all and (max-width: 650px) {
	.portfolio_navigation.navigation_title {
  
    position: absolute!important;
}
	
footer {
   
    z-index: 0!important;

}	

	.fa{
		 z-index: 100!important;
		
	}
	
	

.fu-hug{
		text-align:center!important;
	}	
	.futer-desno{
		
		font-size:18px!important;
	}
	.futer-levo{
		
		font-size:18px!important;
	}
	
	
.text-staticni{
	font-size: 20px!important;
    line-height: 30px!important;
	
}
	

	

	
	.text_holder, .portfolio_shader{
		display:none;
		
	}
	
	
		.portfolio_title {

	font-size: 20px!important;
       padding: 0 0px!important;
}
	
	
	
.podnaslov
{
	font-size: 15px!important;
	margin-top:15px;
	
}
	
	.logo-din {
    float: inherit;
    text-align: center;
    width: 39px;
    height: 18px;
    text-indent: -9999px;
    margin: 0 auto 70px;
    position: relative;
}
		
	
	
	
}
@media all and (max-width: 550px) {
	

.futer-desno{
		
		font-size:14px!important;
	}
	.futer-levo{
		
		font-size:14px!important;
	}	
	
	
}


@media all and (max-width: 400px) {
	
	.footer_top.footer_top_full {
    padding: 0px 24px!important;
}


	
.futer-desno{
		
		font-size:11px!important;
	}
	.futer-levo{
		
		font-size:11px!important;
		margin-left:0px!important;
	}	
	
	.prostor-kontakt{
height:60px!important;	
	
	
}
h1 {
    
    font-size: 45px!important;
    line-height: 50px!important;
}
	
	

	
	
	


	
.footer_top.footer_top_full {
    padding: 5px 24px!important;
	
}
		
	
	
	
}


.portfolio_detail{
	display:none!important;
	
}

@media all and (max-width: 322px) {
	
	h1 {
    
    font-size: 35px!important;
    line-height: 35px!important;
}

		h2 {
    
  
    line-height: 40px!important;
}
	.velike-reci{
    
  
   font-size:30px!important;
}
	
}

@media all and (min-width: 1000px) {
	

.separator_moj{
    display:none!important;
    
}


	
}


body, .wrapper, .content, .full_width, .overlapping_content .content > .container, .more_facts_holder, .comment_holder .comment #respond textarea, .comment_holder .comment #respond input[type='text'], .comment_holder .comment #respond input[type='email'], .content .container {
    background-color: #000000!important;
}