html, body {height: 100%;}
body {font-family: 'Rajdhani', sans-serif; font-weight: 500; font-size: 18px; line-height: 1.4; color: #293047; background: #fff;}
h1 {margin:0 0 1.6em; font-weight:500; font-size: 24px; letter-spacing:0.3em; }
h1 span {display: inline-block; padding: 0.14em 22px 0; color: #fff; margin: 12px 0 -12px; letter-spacing:0; background: rgba(0, 172, 211, 0.85); font-weight: 700; font-size: 68px; line-height:1.15;}
h1 span.frst {position:relative;}
h1 span.frst:before, h2:after {position:absolute; display:block; left: 50%; top: -3px; width:100px; height: 6px; margin-left: -50px; background: #ee1c24; content:'';}
h1 span.scnd {padding-top:0; padding-bottom: 0.14em; line-height:0.85;}
h2 {position: relative; font-size: 50px; font-weight: 700; line-height: 1.2; margin: 1em 0 0.8em; padding-bottom: 12px; color: #00acd3; text-transform: uppercase;}
h2:first-child {margin-top:0;}
h2:after {top: auto; bottom: 0;}
h2 span {display: block; margin: -2px 0 8px; color: #293047; font-size: 24px; line-height: 24px;}
h2.scnd {font-size: 40px; padding:0; margin-bottom: 0.4em;}
h2.scnd:after {display: none;}
h3 {font-size: 24px; font-weight:700; text-transform: uppercase;}
a, a:hover {color: #00acd3;}
.table td {border-bottom: 1px solid;}
ul {margin-bottom: 0;}
ul li {margin-bottom: 0.1em;}

.navbar-toggle, .navbar-brand img, .navbar, #navbar .nav-tabs, #navbar .nav-tabs a, .btn-primary, .btn-default {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.navbar {height: 80px; background:#ee1c24; padding: 24px 30px 0; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.navbar.smaller {height: 50px; padding-top: 13px;}
.navbar-brand {padding:0; float:left;}
.navbar-brand img {height: 31px;}
.smaller .navbar-brand img {height: 23px;}
#navbar {float:right; text-transform: uppercase;}
#navbar .nav-tabs {border:none; font-size: 20px;}
#navbar .nav-tabs a {padding: 12px 12px 11px; border:none; border-radius:0; color: #fff; border-bottom: 6px solid transparent;}
#navbar .nav-tabs .active a, #navbar .nav-tabs .active a:hover {background: none; border-bottom: 6px solid #00acd3;}
#navbar .nav-tabs a:hover {background: none; border-bottom: 6px solid #293047;}
#navbar .nav-tabs a:focus {background: none;}
.smaller #navbar .nav-tabs {margin-top: -7px;}
.smaller #navbar .nav-tabs a {padding: 7px 12px 5px;}
.navbar-toggle {border: 1px solid #a30006; margin: -3px 0 0; border-radius:0; }
.navbar-toggle .icon-bar {background: #fff; height: 3px; border-radius:0;}
.smaller .navbar-toggle {margin-top: -6px;}

#theme {height:100%; position: relative; padding-top: 50%; background: url(../img/theme.jpg) 50% bottom #fff; background-size: cover;}
#theme .container-fluid {position: absolute; bottom:50px; left:0; right:0;}
#theme p {margin:1em 0 0;}
.btn.btn-primary, .btn.btn-primary:focus {background:#ee1c24; box-shadow: none;}
.btn.btn-primary:hover {background: #a30006;}
.btn.btn-default, .btn.btn-default:focus {background:#00acd3; box-shadow: none;}
.btn.btn-default:hover {background: #007b97;}
.btn.btn-lg {border-radius:0; border: none; padding: 7px 25px 2px; font-weight:700; font-size: 30px; color: #fff !important; text-transform: uppercase;}

.section {padding: 60px 0 55px;}
#jak-postupovat {color: #fff; background: #293047; background-size: auto 100%;}
#jak-postupovat ol.row {padding:0 15px 30px; list-style: none; counter-reset: item;}
#jak-postupovat ol li {counter-increment: item; margin-bottom: 25px; text-align: center;}
#jak-postupovat ol li:before {margin: 0 auto 30px; content: counter(item); background: #00acd3; border-radius: 50%; width: 60px; height: 60px; text-align: center; display: block; font-size: 50px;}
#ceny .col-sm-4 h3 {color: #00acd3;}
#ceny .col-sm-4 h3 span {display: inline-block; padding: 3px 5px 0; margin-bottom: 10px; background:#ee1c24; color: #fff; font-size: 18px; font-weight:500;}
#ceny .glyphicon {font-size:12px; margin-left:5px;}
#ceny .col-sm-4 a {color: #293047;}
#ceny img {max-width: 90%;}
#pravidla {background: url(../img/rules.svg) 50% 50% #293047 no-repeat; background-size: 100% auto; color: #fff;}
#pravidla h2 {color: #fff; margin:0; padding:0;}
#pravidla p {margin-top: 2em;}
#hodnoceni ul {list-style: none; padding:0;}
#kontakty h2 {color: #293047;}
#kontakty img {margin-bottom: 0.7em;}
.copyright {font-size: 16px; color: #7a7d88;}

#contactus .form-container {padding-bottom: 1em;}
#contactus label span {visibility: hidden;}
#contactus label.unreq {font-weight:300;}
#contactus input[type="text"], #contactus textarea {width:100%; padding: 8px 15px; background: #e5e6eb; border:none; margin:0;}
#contactus .spmhidip {display:none; width:10px; height:3px;}
#contactus .error {visibility: hidden; font-size: 15px; font-size: 1.5rem; font-weight: 700; color: #EE1C24;}
#contactus .success {padding: 15px; background: #80d019; font-weight: 700; text-align: center; color: #fff;}
#fg_crdiv {font-family : Arial, sans-serif; font-size: 0.3em; opacity: .2; -moz-opacity: .2; filter: alpha(opacity=20);}
#fg_crdiv p {display:none;}

/* RESPONSIVE */

@media (min-width: 992px) and (max-width: 1200px) {
    #navbar .nav-tabs {font-size: 18px;}
    #navbar .nav-tabs a, .smaller #navbar .nav-tabs a {padding-left: 10px; padding-right: 10px;}
}
 
@media (max-width: 992px) {
    #navbar {float:none; position: absolute; top: 80px; left: 15px; right: 15px; background: #ee1c24; overflow: hidden; box-shadow: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
    .smaller #navbar {top: 50px;}
    .smaller #navbar .nav-tabs {margin-top: 0;}
    #navbar li {float:none; border-top: 1px solid #a30006;}
    #navbar .nav-tabs a, .smaller #navbar .nav-tabs a {padding: 12px 15px 11px; border:none !important;}
    #pravidla {background-size: auto 100%;}
    #jak-postupovat .col-md-4 {padding-bottom:20px;}
    #ceny p {margin-bottom:1.5em;}
}

@media (max-width: 768px) {
    h1 {font-size: 22px; margin:0 0 1em;}
    h1 span {font-size: 30px; margin:0;}
    h1 span.frst {margin-top: 10px;}
    h2 {font-size: 36px;}
    h2.scnd {font-size: 36px;}
    h2 span {margin-top: 4px;}
    .navbar {height: 50px; padding: 13px 15px 0;}
    .navbar-brand img {height: 23px;} 
    .navbar-toggle {margin-top: -6px;} 
    #navbar {top: 50px;}
    .btn-lg {padding: 5px 15px 2px; font-size: 27px;}
    #theme {background-attachment: scroll;} 
    #theme .container-fluid {bottom:15px;}
    .section {padding: 50px 0 45px;}
    #zadani {text-align: center !important;}
    #ceny img {max-width: 300px;}
    #pravidla {padding-bottom: 0; background: none; background:#ee1c24; text-align: center;} 
    #pravidla .col-sm-6 {background:#ee1c24;}
    #pravidla .col-sm-5 {padding: 15px 15px 25px; margin-top: 20px; background: url(../img/rules-xs.svg) 50% 0 #293047 no-repeat; background-size:100% 30px;}
}