@font-face {
    font-family: 'montlight';
    src: url('Montserrat-Light-webfont.eot');
    src: url('Montserrat-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Montserrat-Light-webfont.woff') format('woff'),
         url('Montserrat-Light-webfont.ttf') format('truetype'),
         url('Montserrat-Light-webfont.svg#montlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montbold';
    src: url('Montserrat-Bold-webfont.eot');
    src: url('Montserrat-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Montserrat-Bold-webfont.woff') format('woff'),
         url('Montserrat-Bold-webfont.ttf') format('truetype'),
         url('Montserrat-Bold-webfont.svg#montbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	font-family: montlight, Arial, sans-serif;
	font-size:18px;
	color:#ddd;
	font-weight:300;
	overflow-x:hidden;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-family: montbold, Arial, sans-serif;
    font-weight:400;
    letter-spacing:0.02em;

}

img.port { width:100% ; }

.navbar-brand { font-variant: small-caps;}

.navbar { padding: 10px 0;}

#myNavbar { text-align: center;}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #fdc00f;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #fdc00f;
}

.jumbotron {
    position: relative;
    background: #000 url("../images/bg.jpg") center center;
    width: 100%;    
    height: 100%; 
    padding-top: 15%;
    padding-bottom: 15%;  
    background-size: cover;
    overflow: hidden;
    text-align: center;
}

.seda { background: rgba(10, 10, 10, 0.5)}

.zluta { color: #fdc00f;}

.seda-tmava { color: #3c3c3c;}

.velke-pismena { font-variant: small-caps;}

.sede-pozadi { background-color: #111; }

.zlute-pozadi { background-color: #fdc00f;}

.antracit-pozadi { background-color: #181818;}

.paticka-mala-pozadi { background-color: #222; padding: 15px 0;}

.prechod-pozadi {
  background: -webkit-linear-gradient(#ccc, #fff, #fff, #ccc); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ccc, #fff, #fff, #ccc); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ccc, #fff, #fff, #ccc); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#ccc, #fff, #fff, #ccc); /* Standard syntax */
}

.nadpis {font-size: 63px; text-align: center;}

.odsazeni {padding: 5%; }

.odsazeni-praha {padding: 5% 5% 2% 5%; }

.cara {padding: 2% 0 2% 0; margin: 0 auto; }

.glyphicon { font-size: 50px; }
.glyphicon-maly { font-size: 20px; padding: 0 8px 0 0; }
.glyphicon-dopis { top: 3px; }

.contact-item {padding: 3% 0; }

.section-title { text-align: center;}

.section-description { text-align: center;}

a:link, a:active { color: #fdc00f;}
a:hover, a:visited { color: #3c3c3c;}

a.btn-malby {
  color: #fdc00f;
  background-color: #222;
  border-color: #fdc00f;
  font-size: 20px;
  font-weight: 900;
  white-space: normal;
  border-radius: 0px;
  margin: 10px 0 20px 0;        
}
a.btn-malby:focus,
a.btn-malby.focus {
  color: #fdc00f;
  background-color: #222;
}
a.btn-malby:hover {
  color: #fdc00f;
  background-color: #000;
}
a.btn-malby:active,
a.btn-malby.active,
a.open > .dropdown-toggle.btn-malby {
  color: #fdc00f;
  background-color: #222;
}

a.btn-zpet { margin: 4% 0 2% 0;}

.testiminial-block{padding: 10px 0 20px; dispaly:block;}
.testimonial-content h3{margin-top:0px; color:#444;}
.testimonial-content p{color:#777;}
.testimonial-author{font-size:15px; font-style:italic; color:#999;}
@media (max-width: 767px) {
.testimonial-content{margin:20px 0;}
.comp-logo{padding-top:0px; margin: 0 auto}
}


.clients .client {
    max-width:300px;
    margin:0 auto 20px;
    padding:30px;
    overflow:hidden;
}

.client img {
    -webkit-transform:scale(1) rotate(0deg);
    transform:scale(1) rotate(0deg);
    -webkit-transition:all .6s ease-out;
    transition:all .6s ease-out;
}

.client img:hover {
    -webkit-transform:scale(1.2) rotate(-5deg);
    transform:scale(1.2) rotate(-5deg);
}



.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 
{

}    
    
#portfolio.col-sm-3 {
    padding-right: 0px;
    padding-left: 0px;
    } 


.zero {
    padding-right: 0px;
    padding-left: 0px;
    } 

.sedum {
    padding-top: 8px;
    padding-bottom: 7px;
    } 

    
    
    .caption {
        width:100%;
        bottom: .0rem;
        position: absolute;
        background: rgba(0, 0, 0, 0.7);
    }

    .thumbnail {
        border: 0 none;
        box-shadow: none;
        margin:0;
        padding:0;
    }

    .caption h4 {
        color: #fdc00f;
        font-size: 16px;        
        -webkit-font-smoothing: antialiased;
    }

    .caption h5 {
        color: #fdc00f;
        font-size: 15px;
        -webkit-font-smoothing: antialiased;
    }
    
    .thumbnail .caption { 
        padding:0px;
    } 
    
    
    
.jumbotron { margin-bottom: 0px;} 

.kolaz { padding: 0 0 5% 0; }

@media (max-width: 1400px) {
.navbar { padding: 0;}
}
    
@media (max-width: 767px) {
.nadpis { font-size: 42px; }
.kolaz { padding: 5% 0; }
.odsazeni {padding: 8% 2% 0 2%; }
.odsazeni-praha {padding: 8% 2% 3% 2%; }
}
    
@media (max-width: 479px) {
.nadpis { font-size: 24px; }
.kolaz { padding: 15% 0 10% 0; }
.odsazeni {padding: 13% 2% 0 2%; }
.odsazeni-praha {padding: 13% 2% 5% 2%; }
}