/**

 * General Bootstrap overrides

 */



button.btn, a.btn, input[type=submit] {

    border: none;

    border-radius: 0;

    font-weight: bold;

    padding: 16px 20px;

    letter-spacing: 2px;

    text-transform: uppercase;

}



/**

 * Layout & obecne elementy

 */



body {

    font-family: 'Roboto Slab', serif;

    font-size: 18px;

    color: #2d2d2d;

}



section {

    padding: 50px 0;

}



section a {

    text-decoration: underline;

    color: #2d2d2d;

}



section a:hover {

    text-decoration: none;

    color: #2d2d2d;

}



.gallery.rowSpan .thumb {

    margin-bottom: 30px;

    /*position: relative;*/

}



.gallery.rowSpan .thumb a {

    display: block;

    max-width: 210px;

    position: relative;

    margin: 0 auto;

}



.gallery .thumb img {

    margin: 0 auto;

}



.gallery .thumb .overlay {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    height: 100%;

    width: 100%;

    opacity: 0;

    transition: .5s ease;

    background-color: #c0392b;

}



.gallery .thumb:hover .overlay {

    opacity: 0.85;

}



.gallery .thumb .overlay .text {

    text-transform: uppercase;

    font-size: 18px;

    font-weight: bold;

    color: white;

    position: absolute;

    top: 50%;

    transform: translate(0%, -50%);

    ms-transform: translate(0%, -50%);

    width: 100%;

    text-align: center;

}



.noWrap {

    white-space: nowrap;

}



form .form-control {

    border-radius: 0;

    margin-bottom: 25px;

    font-size: 14px;

    padding: 16px;

    height: 50px;

}



form .form-control.error {

    margin-bottom: 0;

}



/**

 * Menu

 */



nav.mainMenu {

    border: none;

    border-radius: 0;

    background-color: white;

}



.mainMenu .navbar-brand {

    width: 209px;

    height: 43px;

    display: block;

    float: left;

    background-image: url(../img/logo.png);

    margin: 21px 0;

    padding: 0px;

}



/* zrusime defaultni Bootstrap margin -15px */

@media (min-width: 768px) {

    .navbar>.container .navbar-brand {

        margin-left: 0;

    }

}



/* a na malym screenu jeste pridame */

@media (max-width: 768px) {

    .navbar>.container .navbar-brand {

        margin-left: 21px;

    }

}



.mainMenu ul.navbar-nav {

    margin: 21px 0 21px 65px;

}



.mainMenu ul li {

    font-size: 16px;

    font-family: 'Roboto', sans-serif;

    text-transform: uppercase;

}



.mainMenu.navbar-default .navbar-nav>li>a {

    color: #c0392b;

    height: 43px;

    line-height: 43px;

    padding: 0px 30px;

}



.mainMenu.navbar-default .navbar-nav>li.active>a {

    color: #2d2d2d;

    background-color: transparent;

}



.mainMenu .navbar-toggle {

    margin-top: 25px;

}



/**

 * Home - prvni sekce

 */



#home {

    background: transparent url(../img/body_bg.jpg) center top no-repeat;

}



#home .claim {

    padding: 160px 0 85px 0;

}



#home .claim h1 {

    font-weight: 300;

    font-size: 37px;

    color: #c0392b;

    margin-bottom: 15px;

    text-transform: uppercase;

}



#home .claim p {

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    color: #3a3a3a;

    max-width: 600px;

    margin: 0 auto 40px auto;

}



#home .claim .btn {

    background-color: #c0392b;

    color: #fefefe;

}



/**

 * Co delame

 */



#co-delame {

    background-color: #c0392b;

    text-align: center;

    color: white;

    padding-top: 65px;

}



#co-delame h2 {

    font-size: 18px;

    text-transform: uppercase;

    margin: 0 0 22px 0;

    line-height: 24px;

}



#co-delame .box {

    background-position: center top;

    background-repeat: no-repeat;

    padding-top: 110px;

    font-size: 14px;

    margin-bottom: 45px;

}



#co-delame .box p {

    font-family: 'Roboto', sans-serif;

    max-width: 170px;

    margin-left: auto;

    margin-right: auto;

}



#co-delame #spachtle {

    background-image: url(../img/box_spachtle.png);

}



#co-delame #valecek {

    background-image: url(../img/box_valecek.png);

}



#co-delame #zarovka {

    background-image: url(../img/box_zarovka.png);

}



#co-delame #naradi {

    background-image: url(../img/box_naradi.png);

}



/**

 * Reference

 */

#reference h2 {

    color: #c0392b;

    font-size: 18px;

    margin: 0 0 25px 0;

}



#reference .moreLink {

    font-size: 18px;

}



/**

 * Klienti

 */

#klienti {

    background-color: #c8c8c8;

}



/**

 * kontakt form

 */



#kontakt {

    background-color: #c0392b;

    font-size: 19px;

}



#kontakt p {

    max-width: 900px;

    text-align: center;

    margin: 0 auto 45px auto;

    letter-spacing: 1px;

    color: white;

}



#kontakt p:last-child {

    margin-bottom: 0;

}



#kontakt textarea {

    height: 200px;

}



#kontakt .btn {

    background-color: #363636;

    color: #c0392b;

}



/**

 * Footer

 */



#footer {

    padding: 35px 0;

    text-align: center;

    color: #c0392b;

    line-height: 33px;

}



#footer #social {

    float: right;

}



#footer #social a {

    width: 33px;

    height: 33px;

    display: inline-block;

}



#footer #social a#insta {

    background: url(../img/ico_insta.png);

    margin-right: 25px;

}



#footer #social a#fb {

    background: url(../img/ico_fb.png);

}



form .controls {

    /*text-align: right;*/

}



form .controls button {

    margin-top: 13px;

}



form #captchaBox {

    margin-right: 25px;

}