/*header*/
.flag {
    height: 50px;
    width: 63px;
    display: block;
}
.flag_sl {
    background: url("images/flag_slo.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.flag_sl:hover, .flag_sl.active {
    background: url("images/flag_slo_active.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}

.flag_en {
    background: url("images/flag_en.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.flag_en:hover, .flag_en.active {
    background: url("images/flag_en_active.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}

.flag_de {
    background: url("images/flag_de.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.flag_de:hover, .flag_de.active {
    background: url("images/flag_de_active.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}

/*Carousel and Carousel indicators*/
.carousel{
    margin-bottom: 56px;
}
.carousel-indicators{
    left: 50%;
    bottom: -60px;
    list-style: none outside none;
    margin-left: -30%;
    padding-left: 0;
    position: absolute;
    text-align: center;
    width: 60%;
    z-index: 15;
}
.carousel-indicators .active {
    background-color: #514f51;
}
.carousel-indicators li {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #514f51;
    border-radius: 14px;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    margin: 10px;
    text-indent: -999px;
    width: 14px;
}
.item{
    height: 600px;
    background-position: center;
    background-size: cover;
}

@media (max-width: 767px) {
    .item{
        height: 400px;
    }
}

.i1{
    background-image: url('images/plans.jpg');
}
.i2{
    background-image: url('images/seting_switchbox.jpg');
}
.i3{
    background-image: url('images/power_line.jpg');
}

/* content*/
.btn-fb{
    display: block;
    font-size: 16px;
    padding-top: 19px;
    padding-bottom: 19px;
    text-decoration: none;
    background-image: url('images/fb.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #3d3d3e;
    text-align: center;
    color: #FFFFFF;
}
.btn-fb:hover, .btn-fb:active, .btn-fb:focus{
    text-decoration: none;
    background-color: #3b5999;
    color: #FFFFFF;
}
.first-splitter{
    height: 500px;
    background-image: url("images/plans.jpg");
    background-position: center;
    background-size: cover;
}
.second-splitter{
    height: 500px;
    background-image: url("images/spark.jpg");
    background-position: center;
    background-size: cover;
}
.third-splitter{
    height: 500px;
    background-image: url("images/switchbox.jpg");
    background-position: center;
    background-size: cover;
}

.blue{
    background-color: #1b1b1b;
    color: #FFFFFF;
    padding-bottom: 56px;
    /*padding-top: 56px;*/
}
#references table{
    width: 100% !important;
    padding: 0 56px;
}
#references table td{
    width: 50%;
    padding: 5px;
    font-family: "Aller Bold";
}

.btn-lg, .news-button{
    background-color: #00a8ff;
    color: white;
    text-transform: uppercase;
}
.btn-lg:hover, .news-button:hover{
    background-color: #4B494B;
    color: white;
}

/*media query's*/
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
    .sign-in{
        font-size: 44px;
        margin-top: 18px;
        padding-top: 18px;
        padding-bottom: 18px;
    }
}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 768px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .first-splitter, .second-splitter, .third-splitter{
        height: 350px;
    }
}
@media (max-width: 568px) {

}
@media (max-width: 380px) {

}

/*helpers*/

.text-white{
    color: #f1f2f2;
}

.pull-down{
    margin-top: 50px;
}
.obojestransko{
    text-align: justify;
}
.text-center{
    text-align: center;
}
.border{
    border-bottom: 1px solid #316495;
    padding-bottom: 20px;
}


/* preload
body:after{
    display:none;
    content: url(images/facebook_h.jpg) url(images/twiter_h.jpg) url(images/gplus_h.jpg);
}*/