@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300,800&subset=latin,latin-ext);
html,
body{
    font-family: 'Open Sans', sans-serif;
    height:100%;
    width:100%;
}

body{
    position: relative;
}

section{
    padding-top: 60px;
    padding-bottom: 60px;
}

.shrink{
    position: fixed !important;
    width: 100%;
}

#menu-wrapper{
    background: black;
    border: 0px;
    border-radius: 0px;
    margin-bottom: 0px;
    transition:0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    position: absolute;
    z-index: 999;
    width: 100%;
}

.facebook{
    position: fixed;
    z-index: 9999;
}

.videoVid{
    margin-top: 30px;
    margin-bottom: 30px;
}

#home {
    left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; max-width: 100%;
}

.shrink{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    transition:0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
}menu

.carousel,.item,.active{height:100%;}
.carousel-inner{height:100%;}
.fill{width:100%;height:100%;background-position:center;background-size:cover;}

.fill{
    padding-left: 0;
    padding-right: 0;
}

#myCarousel{
    height: 100% !important;
}

iframe{
    border: 0px;
}

#top{
    background: url('../image/top-bg.jpg') no-repeat;
    height:100%;
    width:100%;
    background-position: top;
    z-index: -101;
}

.embed-responsive-item{
    width: 100%;
    height: 340px 
}

#top{
    z-index:1;
    position:relative;
}

.margin-top-20{
    margin-top: 20px !important;
}
.margin-top-15{
    margin-top: 15px;
}
.btn-center{
    margin: auto;
    display: block;
}


section{
    padding-top: 60px;
    padding-bottom: 60px;
}

#video-prihlaska{
    top: 100%;
    position: relative;
    z-index: 999;
    background: white;    
}

#mam-na-to{
    top: 100%;
    position: relative;
    z-index: 999;
    background: #e20017;    
}

#mam-na-to .green{
    color: black;
}

.black:focus,
.black{
    color: black;
    text-decoration: none;
}

.black:hover{
    color: white;
    text-decoration: none;    transition:0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.italic{
    font-style: italic;
}

#mam-na-to .h2,
#mam-na-to .h1{
    color: white;
}

#stante-se-uspesnym{
    top: 100%;
    position: relative;
    z-index: 999;
    background: url('../image/pattern.png');
}

.parallax-window{
    position: relative;
    z-index:999;
    background:#1a3b68 !important;
}

.paralax-text{
    top: 50%;
    position: absolute;
    left: 50%;
    right: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    text-align: center;
    color: white;
    z-index: 999;
}

.blue-section{
    background:#1a3b68 !important;
    color: white;
}

.henry{
    font-size: 24px;
    text-transform: capitalize;
}
.blue-section .green{
    color: white !important;
    font-size: 24px !important;
    text-align: center;
}

.blue-section .h1{
    margin: 0px;
}

.blue-section{
    padding-top: 40px;
    padding-bottom: 50px;
}

.paralax-text .h1{
    color: white;
    margin-top: 0px;
}

.paralax-text .h2{
    color: black;
}

.margin-top-60{
    margin-top: 60px;
}

select,
input{
    border-radius: 0px !important;
    height: 40px !important;
}

textarea{
    padding-top: 10px !important;
}

.odeslat{
    background: #11772d;
    border: 2px solid #11772d;
    display: block;
    width: 100%;
    max-width: 300px;
    display: block;
    margin: auto;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
}

.odeslat:hover{
    background: #0e4d96;
    border-color: #11772d;
    color: #11772d;
    transition:0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

*:focus{
    outline: none !important;
}

.form-control:focus{
    border-color: #1a3b68 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.bt-submit:focus,
.btn-submit{
    color: white;
    background: #e20017;
    border: 0px;
    width: 100%;
    max-width: 360px;
    padding-top: 30px;
    padding-bottom: 30px;       
    font-size: 20px;

}

.btn-submit:hover{
    text-decoration: none;
    background: #1a3b68;
    color: white;
    transition:0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.max-width-360-padding-30-t-b{
    max-width: 360px !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.modal-content{
    border-radius: 0px;
}

.modal-close{
    border-radius: 0px !important;
    float: none !important;
    margin: auto !important;
    display: block !important;
}


.alert-success{
    background-color: black !important;
    text-align: center !important;
    border-radius: 0px !important;
    color: white !important;
}

#kontakt{
    background:#f8f7f6;
    top: 100%;
    position: relative;
    z-index: 999;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;  
}

#proc-k-nam{
    background:white;
    top: 100%;
    position: relative;
    z-index: 999;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

.vysilame{
    font-size: 28px;
}

.vysilame span{
    margin-top: 10px;
    float: right;
}

#co-me-ceka{
    position: relative;
    z-index: 999;
    background: url('../image/textura.png');
}

#co-me-ceka .green{
    color: black;
}

#co-me-ceka .h1,
#co-me-ceka .h2{
    color: white;
}

.box-headding{
    margin: 0px;
    padding-top: 20px;
    background: #1a3b68;
    padding-bottom: 20px;
    font-weight: bold;
    color: white;
}

.box{
    background: url('../image/box-bg.png') top center no-repeat, rgba(255,255,255, 0.1);
    color: white;
    padding: 15px;
    padding-top: 20px;
}

.hr-short{
    border: 0px;
    width: 100%;
    max-width: 200px;
    height: 1px;
    background: #1a3b68;
    margin-top: 60px;
    margin-bottom: 0px;
}

.h2{
    font-size: 16px;
    font-style: italic;
}

.h1{
    font-size: 40px;
}

article{
    margin-top: 60px;
}

.top-headding{
    top: 16%;
    position: absolute;
    left: 50%;
    right: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    text-align: center;
}

.bold{
    font-weight: bold;
}

.green{

}

.green{
    color: #1a3b68;
}

.btn-red:focus,
.btn-red{
    bottom: 10%;
    left: 50%;
    right: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    position: absolute;
    display: inline-block;
    background: #ed1b24;
    text-align: center;
    width: 100%;
    max-width: 500px;
    padding: 40px 40px;
    background: #e20017;
    color: white;
    font-size: 20px;
    text-decoration: none;
}

.btn-red:hover{
    text-decoration: none;
    background: #ae030c;
    color: white;
    transition:0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

#menu .nav>li>a:focus,
#menu .nav>li>a{
    padding-bottom: 20px;
    padding-top: 0px;
    border-radius: 0px !important;
    background: transparent !important;
    color: white;
}

#menu .nav>li>a:hover{
    background: none;
}

#menu .nav>li{
    float: none !important;
}

.margin-top-25{
    margin-top: 25px;
}

.footer-top{
    background: #3a3a3a;
    padding-top: 60px;
    padding-bottom: 60px;
    color: #676767;
}

.footer-bottom{
    background: url('../image/gun_metal.png');
    padding-top: 20px;
    padding-bottom: 10px;
}

footer{

    position: relative;
    z-index: 999;
}

.footer-top .h2{
    color: white;
}

.footer-ul{
    padding-left: 0px;
}

.footer-ul>li{
    list-style-type: none;
    line-height: 40px;;
}

footer a:hover,
.footer-ul>li>a:hover{
    color: #0e4d96;
}

.footer-top p,
.footer-top a{
    color: white;
}

.footer-bottom p,
.footer-bottom a{
    color: white;
}

footer a:focus{
    text-decoration: none;
}

footer a:hover{
    text-decoration: none;
    transition:0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.btn-kurz:focus,
.btn-kurz{
    display: inline-block;
    background: #ed1b24;
    text-align: center;
    width: 100%;
    max-width: 500px;
    padding: 40px 40px;
    background: #e20017;
    color: white;
    font-size: 20px;
    text-decoration: none;
}

.btn-kurz:hover{
    text-decoration: none;
    background: #ae030c;
    color: white;
    transition:0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

/* Red btn top effect */

.cl-effect-19 a {
    line-height: 2em;
    margin: 15px;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    perspective: 800px;
    text-align: center;
    background: #e20017;
    color: white;
    padding-top: 24px;
    padding-bottom:25px;
}

.cl-effect-19 a span {
    background: #e20017;
    padding-bottom:20px; 
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.4s, background 0.4s;
    -moz-transition: -moz-transform 0.4s, background 0.4s;
    transition: transform 0.4s, background 0.4s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50% -100px;
    -moz-transform-origin: 50% 50% -100px;
    transform-origin: 50% 50% -100px;
    padding-top: 20px;
    padding-bottom:20px;
}

.cl-effect-19 a span::before {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    left: 100%;
    height: 100%;
    background: #b53a2d;
    content: attr(data-hover);
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    transition: background 0.4s;
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    transform-origin: 0 50%;
    pointer-events: none;
    padding-top: 20px;
    padding-bottom:38px;
}

.cl-effect-19 a:hover span,
.cl-effect-19 a:focus span {
    background: #e20017;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    text-align:center;
}

.cl-effect-19 a:hover span::before,
.cl-effect-19 a:focus span::before {
    background: #e20017;	
}

/* Menu efect */
.cl-effect-5 a {
    overflow: hidden;
    padding: 0 4px;
    height: 1em;
}

.cl-effect-5 a span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.cl-effect-5 a span::before {
    position: absolute;
    top: 100%;
    width: 322px;
    content: attr(data-hover);
    font-weight: 700;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

.bg-holder {
    width: 100%;
    height: 100%;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.vysilame,
.text-right,
.text-left{
    text-align:center;
}

textarea{
    border-radius: 0px !important;
}

input{
    margin-top: 25px;
}

footer .text-left,
footer .text-right{
    text-align: center;
}

.carousel-caption h1,
.carousel-caption h2{
    font-size: 40px;
    font-weight: bold;
}

.carousel-caption p{
    font-size: 20px;
}

.carousel-caption{
    bottom: 40%;
}

.overlay{
    background: rgba(0,0,0, 0.4);
    position: absolute;
    width: 100%;
    height: 100%;
}

.h1{
    margin: 0px;
    font-weight: bold;
}

.block-center{
    display: block;
    margin: auto;
}

#second{
    background: url('../image/gun_metal.png');
    color: white;
}

.img-thumbnail{
    border-radius: 0px;
}

.img-thumbnail:hover{
    background: #0e4d96;
    border-color: #0e4d96;
}

a .zobraz-vse strong,
a .zobraz-vse p{
    color: white;
    text-decoration: none;
}


.zobraz-vse{
    background: #0e4d96;
    font-size: 16px;
    text-align: center;
}

figcaption strong{
    font-weight: normal;
}

.google-maps {
    position: relative;
    padding-bottom: 75%; /* This is the aspect ratio*/
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.advantage{
    padding: 0px;
}

.advantage li{
    list-style-type: none;
}

.advantage span{
    color: #0e4d96;
    margin-right: 20px;
}

h3{
    margin-top: 0px;
}

#fourth{
    background: #0e4d96;
    color: white;
}

#fourth a{
    color: white;
    text-decoration: underline;
}

.hr-top-blue{
    max-width: 300px;
    width: 100%;
    border: 0px;
    height: 1px;
    background: #0e4d96;
    margin-top: 40px;
    margin-bottom: 40px;
}

.hr-top-white{
    max-width: 300px;
    width: 100%;
    border: 0px;
    height: 1px;
    background: white;
    margin-top: 40px;
    margin-bottom: 40px;
}

.hr-top-dark{
    max-width: 300px;
    width: 100%;
    border: 0px;
    height: 1px;
    background: #333333;
    margin-top: 40px;
    margin-bottom: 40px;
}

.rytir{
    margin-top: -80px;
    z-index: -1
}

.owl-item p{
    text-align: center;
    margin-top: 10px;
}

.ploty p{
    font-weight: bold;
    font-size: 18px;
}

.popis p{
    font-size: 14px;
    font-weight: normal;
}

.ploty ul{
    padding: 0px;
}

.ploty ul>li{
    list-style-type: none;
}

.ploty ul>li:before{
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    margin-right: 10px;
    color: #0e4d96;
}

.btn-more{
    bottom: 20%; 
    left:50%;
    right: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    position: absolute !important;
    height: 100px;
    width: 100px;
    z-index: 999;
    background: rgba(0,0,0, 0.6);
    border-radius: 50%;
}

.btn-more .glyphicon{
    color: white;
    font-size: 40px;
    left: 30px;
    top: 34px;
}

.btn-more .glyphicon:hover{
    color: #0e4d96;
    -moz-transition: all 0.5s;  /* FF4+ */
    -ms-transition: all 0.5s;  /* IE10 */
    -o-transition: all 0.5s;  /* Opera 10.5+ */
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

#slide-1{
    background-image: url('../image/slider/slide-01.jpg');
}

address{
    text-align: center;
}

figure.effect-bubba p{ 
    display: none;
}

figure.effect-bubba{
    margin-top: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
}

#mobile>div{
    background-image: url('../image/top-bg.jpg');
}

@media only screen and (min-width:320px){
    #menu .nav>li{
        float: none;
    }

    #menu .nav>li{
        border-bottom: 1px solid white;
        padding: 15px 0px 15px 0px;
    }


    #menu .nav>li:last-of-type{
        border-bottom: 0px;
    }
}

@media only screen and (min-width:768px){  
    .vertical-align {
        align-items: center;
        display: flex;
    }

    .btn-more .glyphicon{
        left: 30px;
    }

    .odeslat{
        float: right;
    }

    address{
        text-align: left;
    }

    #slide-1>div{
        background-image: url('../image/slider/slide-01.jpg');
    }

    #slide-2>div{
        background-image: url('../image/slider/slide-02.jpg');
    }

    #slide-3>div{
        background-image: url('../image/slider/slide-03.jpg');
    }

    #slide-4>div{
        background-image: url('../image/slider/slide-04.jpg');
    }

    #slide-5>div{
        background-image: url('../image/slider/slide-05.jpg');
    }

    .carousel-caption h1,
    .carousel-caption h2{
        font-size: 60px;
        font-weight: bold;
    }

    .carousel-caption p{
        font-size: 40px;
    }


    /*---------------*/
    /***** Bubba *****/
    /*---------------*/

    figure.effect-bubba {
        margin-top: 0px;
    }

    figure.effect-bubba img {
        opacity: 0.7;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }

    figure.effect-bubba:hover img {
        opacity: 0.4;
    }

    figure.effect-bubba figcaption::before,
    figure.effect-bubba figcaption::after {
        position: absolute;
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: 30px;
        content: '';
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }

    figure.effect-bubba figcaption::before {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: scale(0,1);
        transform: scale(0,1);
    }

    figure.effect-bubba figcaption::after {
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
        -webkit-transform: scale(1,0);
        transform: scale(1,0);
    }

    figure.effect-bubba strong {
        display: block;
        left: 20%;
        font-size: 16px;
        top: 50%;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
        position: absolute;

    }

    figure.effect-bubba p {
        text-decoration: none;
        padding: 1px;
        margin: 0px;
        opacity: 0;
        display: block;
        font-size: 14px;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
    }

    figure.effect-bubba:hover figcaption::before,
    figure.effect-bubba:hover figcaption::after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    figure.effect-bubba:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    } 

    figure.effect-bubba:hover strong{
        opacity: 0;
    }

    main section:first-of-type{
        padding-top: 60px;
        padding-bottom: 60px;
    }

    input{
        margin-top: 0px;
    }

    .vysilame,
    .text-left{
        text-align: left;
    }

    .text-right{
        text-align: right;
    }

    .zobraz-vse{
        padding-top: 24px;
        padding-bottom: 24px;
    }
    
    .google-maps {
    padding-bottom: 25%; /* This is the aspect ratio*/
    }
}

@media only screen and (min-width:992px){
    footer .text-left{
        text-align: left;
    }

    footer .text-right{
        text-align: right;
    }

    #menu .nav>li>a{
        padding-left: 30px;
        padding-right: 30px;
    }
    #menu .nav>li{
        float: left !important;    
    }
    #menu .nav>li{
        border-bottom: 0px;
    }

    .zobraz-vse{
        padding-top: 0px;
        padding-bottom: 0px;
    }

    figure.effect-bubba p{
        padding: 22px;
    }

    figure.effect-bubba strong{
        left: 16%;
    }
}

@media only screen and (min-width:1200px){
    #menu .nav>li>a{
        padding-left: 50px;
        padding-right: 50px;
    }

    figure.effect-bubba strong{
        left: 22%;
    }

    .zobraz-vse{
        padding-top: 16px;
        padding-bottom: 16px;
    }

    figure.effect-bubba p{
        padding: 24px;
    }
    
    .advantage{
        margin-top: 30px;
    }
}

.navbar{
    margin-bottom: 0px;
}

.upreseni {
    display: none;
}