:focus {
    outline: none;
}

.slider.arrows .prev-arrow,
.slider.arrows .next-arrow {
	position: absolute;
	top: 50%;
	height: 57px;
	width: 31px;
	cursor: pointer;
}

.slider.arrows .prev-arrow {
	left: 25px;
	background-image: url('../img/slide-prev.png');
}

.slider.arrows .next-arrow {
	right: 25px;
	background-image: url('../img/slide-next.png');
}

.footer-kontakt a {
	margin-left: 10px;	
    color: #fff;
}

.footer-kontakt a:hover,
.footer-kontakt a:focus {
    color: #e52726;
}

.footer-kontakt span {
	margin-left: 12px;	
}



.c-kontakt a {
	margin-left: 10px;	
    color: #8e8e8e;
}

.c-kontakt a:hover,
.c-kontakt a:focus {
    color: #e52726;
}

.c-kontakt span {
	margin-left: 12px;	
}



.navbar-inner .container {
    margin-left: 23px;
}

.navbar .nav > li > a {
    background-color: rgba(255, 255, 255, 0.8); 
}

.logo-container {
    background-color: rgba(255, 255, 255, 0.8); 
} 

.top-container p a:hover,
.top-container p a:focus {
    color: #fff;
}

.top-container p a {
    color: #e52726;
}



#supersized {
    opacity: 0.8;
}

.scroll-down {
    position: absolute;
    bottom: 140px;
    left: calc(50% - 24px);
    width: 50px;
    height: 50px;
    transform: rotate(-90deg);
    background-color: rgba(255,255,255, 0.5);
    z-index: 1001;
    border: 0px solid #000;
    border-radius: 50px;
    overflow: hidden;
}

.scroll-down a {
    padding: 13px 12px 7px 13px;
    display: block;
    border: 0px solid #000;
    border-radius: 50px;
}

.scroll-down a:before {
    content: "\f053";
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: 100;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 26px;
    color: #000;
}

.scroll-down a:focus, 
.scroll-down a:active {
    outline: none;
    text-decoration: none;
}

@media (max-width: 1200px) {
    .works .project {
        height: 380px;
    }
}

@media (max-width: 991px) {
    .works .project {
        height: auto;
    }
    .js .selectnav {
        width: calc(100% - 38px);
    }
}

@media (max-width: 768px) {
    .logo {
        width: calc(100% - 38px);
        max-width: 240px;
    }
    .logo-container {
        width: calc(100% - 23px);
        max-width: 280px;
    }
    .top-container h1,
    .top-container-home h1{
        font-size: 28px;
    }
    .h2-container .h2-inner h2 {
        font-size: 12px
    }
    .slider.arrows {
        display: none;
    }
    .space200 {
        height: 20px;
    }
}

@media (max-width: 480px) {
    .top-container {
        height: 450px;
    }
}

@media (max-width: 320px) {
    .top-container {
        height: 300px;
    }
}