/*
Theme Name: Vinex
Theme URI: http://www.novisplet.com
Description: Vinex spletna stran
Author: http://www.novisplet.com
Author URI: http://www.novisplet.com
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");
/*

red #dc3836
blue #293998
blue mediteran #3B4E68

*/

.broken_link, a.broken_link {
    text-decoration: none !important;
}

p { padding-bottom: 8px; }
.blog_holder article .post_info { display: none;  }
.blog_holder.blog_single article h2 { padding-bottom: 10px; }

.title.has_background {
    background-repeat: no-repeat;
    background-position: center -80px;
}


.portfolio_gallery a .gallery_text_inner h6 { visibility: hidden; }
.projects_holder.hover_text article .image_holder { overflow: hidden; max-height: 280px; }

.portfolio_navigation .portfolio_button a:before {
    content: "VSE REFERENCE";
    color: #777;
    margin-top: 0px;
}


div.q_image_with_text_over div.text table tbody tr td div.desc h3 span a { color: #fff; padding: 60px 20px; }
  
.portfolio_navigation .portfolio_button a {
    background-image: none !important;
    border: 2px solid #ccc;
    border-radius: 5px;
    padding: 6px 32px 21px 30px;
    width: 115px;
}

.portfolio_single .portfolio_container {  display: none; }


div.icon_text_inner > p { text-align: justify;  }
.footer_top .widget_nav_menu ul li ul { padding: 15px 0 0 10px; }
.footer_top .widget_nav_menu ul li ul {
    padding: 9px 0 0 10px;
    margin-bottom: -20px;
}
.footer_top .widget_nav_menu ul li ul {
    padding: 14px 0 0 10px;
}

.levo {  padding-left: 5px; font-size: 13px;  }

.petakolona .wpb_single_image .vc_single_image-wrapper {  transition: all .2s ease-in-out; }
.petakolona .wpb_single_image .vc_single_image-wrapper:hover {  transform: scale(1.1); }

.qbutton.white { border-color: #2b3577;  }
.position_center.title .breadcrumb {
    position: relative;
    text-align: left;
    top: 85px;
    line-height: 16px;
}

.breadcrumbs { line-height: 1.6em; }

.position_center.title .breadcrumb {
    position: relative;
    text-align: left;
    top: 56px;
    background-color: rgba(255, 255, 255, 0.85);
    padding: 9px 16px 10px 15px;

}



.projects_holder_outer {
    margin: 0;
    display: block;
    width: 100%;
    margin-top: 50px;
}

.position_center.title .breadcrumb:before {
    content: "";
    position: absolute;
    left: -30px;
    border-top: 32px solid transparent;
    border-left: 0px solid transparent;
    border-right: 30px solid rgba(255,255,255,0.85);
    border-bottom: 0px solid rgba(255,255,255,0.85);
    top: 0px;
}


.position_center.title .breadcrumb:after{
    content: "";
    position: absolute;
    right: -33px;
    border-bottom: 31px solid rgba(255,255,255,0.85);
    border-left: 0px solid #8d6dc4;
    border-right: 33px solid rgba(128, 128, 128, 0);
    border-top: 1px solid rgba(128, 128, 128, 0);
    top: 0px;
}



.projects_holder article .portfolio_description .portfolio_title {
    margin: 0 0 0px 0;
}


.title_text_shadow .breadcrumbs .breadcrumbs_inner {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0); font-size: 14px; font-weight: 500;
}

.testimonial_image_holder { margin: 0 0 20px; }

.footer_top .widget.widget_nav_menu li {  line-height: 11px;}
.footer_top .widget_nav_menu li.menu-item a:before { font-family: "FontAwesome"; content: "\f105"; padding-right: 3px;}

.footer_top .widget_nav_menu li.menu-item a {
    color: #fff;
}
.footer_top .widget_nav_menu li.menu-item a:hover {
    color: #dc3836 !important;
}

/*.content a:hover { text-decoration: underline; }*/
p { letter-spacing: 0.015em; }
.more_facts_button {  background-color: #dc3836;}
.vertical_logo_wrapper { margin-top: 25px; }
.portfolio_gallery a img { max-height: 264px; }
.separator {  margin: 0px 0px;}
.title_text_shadow .title h1 {
    text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
}
nav.main_menu > ul > li { margin: 0 10px; }

div.title_subtitle_holder div.title_subtitle_holder_inner h1 span {
	background-color: rgba(203, 35, 28, 0.92);
	padding: 5px 25px;
}

.wpcf7 form.wpcf7-form p {
    margin-bottom: 5px;
    text-align: left;
}

/*TESTIMONIALS HOMEPAGE*/

.testimonials .testimonial_text_inner, .testimonials .testimonial_text_inner p {
    line-height: 1.4em;
    font-size: 15px;
    text-align: justify;

}
.testimonials .testimonial_text_inner h6 {
	padding-bottom: 10px;
}
.testimonials .testimonial_text_inner p.testimonial_author span.author_company { color: #293998 !important; }

  .q_image_with_text_over .caption.no_icon {
    font-size: 20px;
    color: white;
    /*text-shadow: 0 1px 0 #ccc, 0 1px 0 #c9c9c9, 0 0px 0 #bbb, 0 1px 0 #333, 0 5px 0 #666, 0 5px 1px rgba(0,0,0,.5),
     0 0 3px rgba(0,0,0,.3), 0 1px 3px rgba(0, 0, 0, 0.8), 0 1px 2px rgba(0,0,0,.7), 0 5px 5px rgba(0,0,0,.9), 0 5px 5px rgba(0,0,0,.5), 
     0 10px 14px rgba(0,0,0,.15)*/
	}


.q_image_with_text_over .shader {
    background-color: rgba(28, 40, 80, 0.33);
}

@media only screen and (max-width: 1200px) and (min-width: 1000px) {
.nav.main_menu > ul > li > a {
    color: #000000;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0px;
    }
}


@media only screen and (min-width: 1000px) {
.content .container .container_inner.default_template_holder, .content .container .container_inner.page_container_inner {
    padding-top: 40px;
  } 
}


@media only screen and (min-width: 1240px) {
  /*.q_image_with_text_over .caption.no_icon { font-size: 26px;	}*/

	.testimonials_holder .flex-direction-nav {
    display: block;
    position: static;
    margin-right: 90%;
}

}

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

  .q_logo img { top: -47%; }

 }


@media only screen and (max-width: 1000px) and (min-width: 600px) {
  .q_image_with_text_over .text:hover .desc {    
    display: block !important;
  }
  .position_center.title .breadcrumb { top: 87px; }

}
@media only screen and (max-width: 1000px){ 
  .portfolio_single .portfolio_single_text_holder {  margin: 80px 0 46px; }

}

@media only screen and (min-width: 768px) {
.petakolona .vc_col-sm-3 {  width: 20%; }
}

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

  .position_center.title .breadcrumb {   top: 80px;  }

}



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

  .position_center.title .breadcrumb {   top: 70px;  }

 

}


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

  .position_center.title .breadcrumb {   top: 55px;  }

}