/* Constrain the width */
.container {
  /*width: auto;
  max-width: 960px;*/
  padding: 0 15px;
}

/* Center the footer text */
.container .text-muted {
  margin: 20px 0;
  text-align: center;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}


.footer {
  position: static;
  width: 100%;
  background-color: #eee;
}

/* Typography */

/* Tables */
table {
    width: 100%;
    border: 1px solid #f0f0f0;
    margin: 30px 0;
}

th {
    font-weight: bold;
    background: #f9f9f9;
    padding: 5px;
}

td {
    padding: 5px;
    border: 1px solid #f0f0f0;
}

/* Notice Styles */
blockquote {
    padding: 0 0 0 20px !important;
    font-size: 16px;
    color: #666;
}
blockquote > blockquote > blockquote {
    margin: 0;
}

blockquote > blockquote > blockquote p {
    padding: 15px;
    display: block;
    margin-top: 0rem;
    margin-bottom: 0rem;
    border: 1px solid #f0f0f0;
}

blockquote > blockquote > blockquote > p {
    /* Yellow */
    margin-left: -75px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

blockquote > blockquote > blockquote > blockquote > p {
    /* Red */
    margin-left: -100px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

blockquote > blockquote > blockquote > blockquote > blockquote > p {
    /* Blue */
    margin-left: -125px;
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > p {
    /* Green */
    margin-left: -150px;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.red-bar {
    width: 100%;
    background-color: #b3311f;
}
.red-bar-footer {
    /*height: 20px;*/
    width: 100%;
    background-color: #b3311f;
    margin-top: 310px;
}
.navbar-default {
    background-color: #fff;
}
.navbar-default .navbar-nav>.active>a {
    background-color: #b3311f;
    color: #fff;
}
.navbar-default .navbar-nav>.active> a:hover, .navbar-default .navbar-nav>li>a:hover {
    background-color: #b3311f;
    color: #fff;
}
@media (min-width: 768px) {
    .navbar-nav>li>a {
        padding-top: 2px;
        padding-bottom: 2px;
    }
}
.navbar {
    min-height: 68px;
}
.navbar-brand>img {
    height: 60px;
}
.text-uppercase {
    text-transform: uppercase;
}
.menu-img {
    height: 50px;
    margin: 0 auto;
    margin-top: 10px;
}
.navbar-default a {
    font-size: 12px;
}footer
.footer {
    height: 330px;
}
.footer .logo-footer {
    width: 330px;
    margin: 0 auto;
    margin-top: 55px;
}
.footer .container-fluid {
    padding-left: 0;
}
.footer p {
    font-size: 17px;
}
.footer .fa {
    font-size: 20px;
}
.footer-contact-info {
    margin-top: 20px;
}
.footer .col-sm-4 + .col-sm-4 + .col-sm-4 {
    padding-right: 0;
    padding-left: 0;
}

#slider-space{
    height: 500px;
}
.custom-full-height-div{
    height: 100%;
}
.footer .row{
    background-color: #eee;
    text-align: center;
    padding-left: 15px 0;
}

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

/*-------------------------------------------
/ Helpers
/--------------------------------------------*/

.red-button{
    padding:5px 20px;
    background-color: #b3311f;
}
a.red-button{
    color: white;
    text-decoration: none;
}
.red{
     background-color: #b3311f;
}
nav.navbar-static-top{
    margin-bottom:0;
}
.red-container{
    background-color: #b3311f;
    color: white;
}
.padding-container{
    padding-top: 50px;
    padding-bottom: 50px;
}
.red-text{
    color: #b3311f;
}

/*-------------------------------------------
/ Services
/--------------------------------------------*/
.services{
    height: 113px;
}
.services-container{
    background-color: #e3e3e3;
}
/*.services-container > div.container{
    padding-top: 50px;
    padding-bottom: 50px;
} 
.tab-container{
   
}*/

.section-tertiary .col-md-6{
    padding-bottom: 20px;
}

.section-tertiary h2{
    padding-top: 0;
    margin-top: 0;
}


.tab-container ul{
    margin-bottom: 0;
    list-style: none;
}
.tab-container ul li{
    padding-top: 5px;
    padding-bottom: 5px;
    color: white;
    /*display: inline-block;*/
    float: left;
    width: 24%;    
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}
.tab-container ul li:hover{
    background-color: rgba(255,255,255,1);
    color: #b3311f;
}
.tab-container ul li.active{
    background-color: rgba(255,255,255,1);
    color: #b3311f;
}
.tab-div{
    display: none;
}
.projects .col-sm-3 img{
    width: 100%;
}
.triangle{
    height: 30px;
    width: 30px;
    background-size: cover;
    margin-top: -50px;
    left: 0;
    position: absolute;
}
#logos{
    width: 70%;
    max-width: 70%;
    margin-left: 15%;
}
div.slick-slide{
    height: 80px;
}
div.slick-slide img{
    width: 80%;
    height: 100%;
    padding-right: 5%;
    padding-left: 5%;
}
.red-bar-footer .row{
    padding:5px 0;
    background-color: #b3311f;
}

.red-bar-footer .row span a{
    color: white;
    /*font-weight: bold;*/
    text-decoration: none;
}

.services__img{
    width: 100%;
}

.services{
    text-align: center;
    overflow: hidden;
}

@media only screen and (max-width: 940px){
	.services > span{
		font-size: 12px;
	}
}

/*--------------------------
-----Header
--------------------------*/
html #header.header-semi-transparent-light{
    position: static;
}
.nav > li > a{
    text-decoration: none;
    color: black;
}
@media only screen and (min-width: 767px) and (max-width: 1199px){
	
}
/*-------------------------
-----Projects
-------------------------*/
@media (min-width: 1199px) {
    .home-concept-construction {
        background: transparent url("../images/home-concept-small.png") no-repeat center 63%;
    }
}
.btn{
	transition-duration: 400ms;
}
/*---------------------------------------------------------------------------------------------------------------------------*/

/*------------------------
-------Profile
------------------------*/


/*------Partners--------*/

#partners .content-grid-item{
    height: 110px;
}
#partners .content-grid-item img{
    height: 100%;
}
#partners .content-grid-item{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: all 0.2s ease;
}
#partners .content-grid-item:hover{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}



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

/*------------------------
-------Contact
------------------------*/

/*----Contact Map----*/
#contact-page #googlemaps{
    height: 476px;
}

#contact-page{
    padding-bottom: 50px;
}
#contact-page > .container{
    padding-top: 30px;
}
#contact-page > .container > .col-md-6 .mt-lg{
    margin-top: 0!important;
}

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

/*------------------------
-------Projects
------------------------*/

/*Ova e momentalno, trebaat sliki so soodvetna dimenzija pr. 300x300*/
.projects .thumb-info-wrapper{
    /*height: 210px;*/
}
.projects .projects__img{
    /*position: relative;
    top: -20px;*/
    width: 100%;
    height: auto;
}
/*End block*/



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

/*------------------------
-------For all pages
------------------------*/

.heading{
    margin-top: 0!important;
}
.main section.heading__section{
    background-image: url('../images/bright_squares.png');
}
#sidebar .nav-list li a:hover{
    background-color: #b3311f;
}
#sidebar .nav-list li.active > a{
    background-color: #b3311f;
}
#sidebar .nav-list li a:active{
    background-color: transparent;
}
.main section.heading__section .row{
    margin-top: 0!important;
} 
.img-container{
    height:200px;
    overflow: hidden;
}