/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 22.11.2017, 9:33:31
    Author     : Tom
*/
.nase-videa {
    position: relative;
    background: url(../images/bg-historie.jpg) no-repeat 0 0;
}

.videa-page .item {
    position: relative;
}

.videa-page .image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    backface-visibility: hidden;
}

.videa-page .overlay {
/ / opacity: 0;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
/ / background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
}

.videa-page .overlay img.ico-zoom {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.videa-page .item:hover .image {
/ / opacity: 0.3;
}

.videa-page .item:hover .overlay {
    opacity: 1;
    opacity: 0.7;
    visibility: visible;
}

.inner-banner.nase-videa .opacity h2 {
    color: rgb(9, 66, 143);
    padding-left: 16px;
}

.inner-banner.nase-videa .opacity .default-item {
    border-left: 3px solid rgb(9, 66, 143);
    height: 51px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.inner-banner.nase-videa .opacity #breadcrumbs {
    text-align: left;
    color: #4d4d4d;
}

.inner-banner.nase-videa .opacity #breadcrumbs a {
    color: #4d4d4d;
}

@media only screen and  (max-width: 767px) {
    .inner-banner.nase-videa .opacity h2 {
        padding-left: 0px;
        margin-left: -4px;
    }
}

.service-details-page {
    padding-top: 75px;
}

.nadpis {
    text-transform: uppercase;
    color: rgb(9, 66, 143);
}

ul.nav.side li a {
    padding: 22px;
    border: solid 1px rgb(217, 217, 217);
    margin: 0 0 5px 0;
}

ul.nav.side li a h6 {
    font-size: 16px;
    color: rgb(76, 76, 76);
}

ul.nav.side li a::before {
    content: '';
    width: 3px;
    height: 100%;
    position: absolute;
    background: #52ad0e;
    top: 0;
    left: 0;
}

ul.nav.side li a.active {
    background: #52ad0e;
}

ul.nav.side li a.active h6 {
    color: #fff;
}

ul.nav.side li:hover a {
    background: #52ad0e;
}

ul.nav.side li:hover a h6 {
    color: #fff;
}

ul.nav.side li a.active {
    cursor: default;
}

h5.nadpis {
    margin-bottom: 45px;
    font-size: 28px;
    font-weight: 600;
}

.col-lg-3.col-md-3.col-sm-3.col-xs-12.theme-manage-area {
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 14px;
    padding-left: 7px;
    padding-right: 7px;
}

.no-padding {
    padding: 0;
}

.video-title {
    font-size: 12px;
    margin-top: 5px;
}

@media only screen and (max-width: 991px) {
    .service-details-page .service-side-bar {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .nadpis {
        margin-top: 45px;
    }
}