/*
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 : 3.10.2017, 19:43:42
    Author     : Adam
*/

body {
    /*padding-top: 5rem;*/
}

.site-header{
    background-color: rgba(0, 0, 0, .85);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}
.site-header a {
    color: #999;
    transition: ease-in-out color .15s;
}
.site-header a:hover {
    color: #fff;
    text-decoration: none;
}

.starter-template {
    padding: 3rem 0rem;

}
.hlavni {
    margin-bottom: 15px;
}
.hlavni .col-md-2 {
    padding-left: 0px !important;
    padding-right:0px !important;
}
.vpravo {
    float: right;
}
.bila {
    background: white;
    padding-top: 40px;
    margin-bottom: 30px;
    min-height: 300px;
    overflow: hidden;
}
.hlavni .col-md-3:hover .bila {
    -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
    box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
}
.nadpis {
    padding: 5px;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    padding-top:40px;
    padding-bottom: 20px;
}
.nadpisw {

    padding: 5px;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    color:white;
    padding-top:40px;
    padding-bottom: 20px;
}

.nadpitm {
    color:#9fc74c;
}

.ttoff {
    text-transform: initial;
}

.cerne {
    background:#231F20;
    padding:5px;

    color:white;
    font-size:20px;
    text-align: center;
}
.zelena {
    background: #BBD75E;
}
.tmavemodra {
    background: #006BA3;
}
.modra {
    background: #4BBEED;
}
.cervena {
    background: #D1232A;
}
.fialova {
    background: #8A3FA2;
}
.oranzova {
    background: #F28D35;
}
.tmava {
    background: #4f4f4f;
}
.smaragd {
    background: #2E8B57;
}
.seda {
    background: #C1C2C4;

    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 20px;
}
.hlavicka {
    background: white;
    min-height: 150px;
}
.flip {
    -webkit-perspective: 800;
    perspective: 800;
    position: relative;

}

.flip .cart.flipped {
    -webkit-transform: rotatey(-180deg);
    transform: rotatey(-180deg);
}
.flip .cart {
    width: 250px;
    height: 200px;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    transform-style: preserve-3d;
    transition: 0.5s;
    background-color: #fff;

}
.flip .cart .face {
    -webkit-backface-visibility: hidden ;
    backface-visibility: hidden ;
    z-index: 2;
}
.flip .cart .front {
    position: absolute;
    width: 250px;
    z-index: 1;
    text-align: center;
}
.flip .cart .img {
    margin-top: 30px;
}
.flip .cart .back {
    padding-top: 10%;
    -webkit-transform: rotatey(-180deg);
    transform: rotatey(-180deg);
}
.inner img {
    /*border: 1px solid;*/
    padding: 20px !important;
}

ul.col2 {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}