body {
    padding:0;
    margin:0;
    font-family: 'Roboto', sans-serif;
    background: #172643 no-repeat 50% top fixed; 
    background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
}
img {
    max-width:100%;
    height:auto;
}
.clear {
    clear: both;
}

.logo {
    position: fixed;
    right:1.5em;
    top:1.5em;
    z-index:501;
}

.zeme {
    font-size:14px;
    text-align:center;
    max-width:450px;
    margin:0 auto;
    padding-top:10px;
}
.zeme span {
    color:#b6ed22;
}

.content-header {
    height:100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    -webkit-align-items: center;
}

.content-header h2 {
    background-color: rgba(36,49,75,0.9);
    text-shadow: 3px 3px 0 rgba(0,0,0,0.4);
    padding:10px 25px;
    margin:0;
    font-size:38px;
    color:;
    text-transform: uppercase;
}
.content-header h3 {
    background-color: rgba(73,151,54,0.9);
    text-shadow: 2px 2px 0 rgba(0,0,0,0.4);
    padding:10px 30px;
    margin:0;
    font-size:28px;
    text-transform: uppercase;
}

.content-first {
    background: rgba(36,49,75,0.9);
    padding:5% 0;
    min-height: 100vh;
}

.content-first h1{
    color:#fff;
    font-size:46px;
    text-transform: uppercase;
    text-shadow: 3px 3px 0 rgba(0,0,0,0.4);
}
.content-first h3{
    color:#b6ed22;
    font-size:23px;
    text-transform: uppercase;
    text-shadow: 3px 3px 0 rgba(0,0,0,0.4);
}
.content-first p {
    font-size:15px;
    font-weight: bold;
}
.content-first p span{
    color:#B6ED22;
}

.tlacitko {
    text-align:center;
}

.button-1 {
    background: #354452;
    background: -moz-linear-gradient(top, #354452 0%, #394a58 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#354452), color-stop(100%,#394a58));
    background: -webkit-linear-gradient(top, #354452 0%,#394a58 100%);
    background: -o-linear-gradient(top, #354452 0%,#394a58 100%);
    background: -ms-linear-gradient(top, #354452 0%,#394a58 100%);
    background: linear-gradient(to bottom, #354452 0%,#394a58 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#354452', endColorstr='#394a58',GradientType=0 );
    display:inline-block;
    border:3px solid #354452;
    border-radius: 6px;
    padding:15px 20px;
    
    text-transform: uppercase;
    font-size:14px;
    font-weight: bold;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.4);
}

.button-2 {
    background: transparent;
    display:inline-block;
    border:3px solid #b6ed22;
    border-radius: 6px;
    padding:15px 20px;
    
    text-transform: uppercase;
    font-size:14px;
    font-weight: bold;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.4);
}

.button-1 img, .button-2 img {
    margin:0px 0 0 5px;
}

.tlacitko.prvni {
    margin-top:5%;
}
.tlacitko.druhe {
    text-align:right;
    margin-right:6px;
}



.contact {
    float:left;
    width:50%;
    font-size:22px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom:25px;
}
.contact span {
    color:#b6ed22;
    font-size: 26px;
    text-shadow: 3px 3px 0 rgba(0,0,0,0.4);
}
.contact a {
    color:#b6ed22;
    font-size: 26px;
    text-shadow: 3px 3px 0 rgba(0,0,0,0.4);
    text-decoration: underline;
}
.contact a:hover {
    color:#fff;
}

.contact-2 {
    float:left;
    width:50%;
    font-size:15px;
    padding:10px 0;
}
.contact-2 span {
    color:#b6ed22;
    font-weight: bold;
    text-shadow: 3px 3px 0 rgba(0,0,0,0.4);
}

.form {
    float:left;
    margin:2.5em 0;
}

.form input {
    width:100%;
    height:45px;
    margin:5px 0;
    border: none;
    border-radius: 10px;
    padding:0 15px;
    font-family: 'Roboto';
    color:#2d3e52;
    font-weight: bold;
    font-size:15px;
}

.form input.special {
    margin:5px 0;
    border: 2px solid #1a2435;
    background: #223046;
    color: #fff;
}

.form textarea {
    width:100%;
    height:154px;
    margin:5px 0;
    border: none;
    border-radius: 10px;
    padding:10px 15px;
    font-family: 'Roboto';
    color:#2d3e52;
    font-weight: bold;
    font-size:15px;
}

.form-left {
    float: left;
    width:35%;
    padding:0 0.4em;
}
.form-right {
    float:left;
    width:65%;
    padding:0 0.4em;
}

.lista {
    background-color:#081B2D;
    position: fixed;
    top:0;
    width:100%;
    height:80px;
    z-index: 500;
}

.sendmessage {
    text-align: center;
    background-color: rgba(73,151,54,0.9);
    border-radius: 10px;
    padding:0.8em;
    margin:10px 0;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.4);
    font-size:16px;
}
.sendmessage.false {
    background-color: rgba(213,29,38,0.9);
}

.obsah {
    max-width:100%;
    margin:0 auto;
    padding: 0 10px;
}

@media (min-width: 360px) {
    .obsah {
        width: 400px;
        padding:0 10px;
    }
}
@media (max-width: 768px) {
    .contact {
        width:100%;
    }
    .contact-2 {
        width:100%;
    }
    .form-left {
        width:100%;
    }
    .form-right {
        width:100%;
    }
    .zeme {
        display: none;
    }
    .content-header h2{
        font-size: 25px!important;
    }
    .content-header h3{
        font-size: 15px!important;
    }
}
@media (min-width: 620px) {
    .lista {
        display:none;
    }
}
@media (min-width: 768px) {
    .obsah {
        width: 500px;
    }
}
@media (min-width: 992px) {
    .obsah {
        width: 700px;
    }
}
@media (min-width: 1200px) {
    .obsah {
        width: 750px;
    }
}


/****ACCORDION*****/
.tabs {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 1em 0 2em;
	font-weight: 300;
}
/* Nav */
.tabs nav {
	text-align: center;
    background: #1C3247;
    border-radius: 10px;
    border:2px solid #11273C;
}

.tabs nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}

.tabs nav ul li {
	border-left:2px solid #1C3247;
	border-right:2px solid #1C3247;
	margin: 0 0.25em -0.25em;
	display: block;
	float: left;
	position: relative;
}
.tabs nav li.tab-current {
    background:#152D44;
	z-index: 100;
    border-left:2px solid #11273C;
    border-right:2px solid #11273C;
}

.tabs nav li.tab-current:after {
	right: auto;
	left: 100%;
	width: 4000px;
}

.tabs nav a {
	color: #B6ED22;
	display: block;
    font-weight: normal;
	font-size: 1.2em;
	line-height: 2.5;
	padding: 0 1.25em;
	white-space: nowrap;
}

.tabs nav a:hover {
	color: #bdbdbd;
}

.tabs nav li.tab-current a {
	color: #fff;
    text-decoration: underline;
}

/* Icons */
.tabs nav a:before {
	display: inline-block;
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-family: 'FontAwesome';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	margin: -0.25em 0.4em 0 0;
}

.icon-help:before {
	content: "\f128";
}

.icon-shop:before {
	content: "\f07a";
}

.icon-transport:before {
	content: "\f0d1";
}

/* Content */
.content section {
	font-size: 1.25em;
	display: none;
	max-width: 1230px;
	margin: 0 auto;
    padding-bottom:2em;
}
.content section ul li{
    text-align: left;
    font-size:18px;
    
}
.content section:before,
.content section:after {
	content: '';
	display: table;
}

.content section:after {
	clear: both;
}

/* Fallback example */
.no-js .content section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid #47a3da;
}

.content section.content-current {
	display: block;
}

/* Example media queries */

@media screen and (max-width: 998px) {
	.tabs nav a {
		font-size:1em;
	}
}

@media screen and (max-width: 768px) {
    .tabs nav a {
		font-size:1.3em;
	}
	.tabs nav a span {
		display: none;
	}

	.tabs nav a:before {
		margin-right: 0;
	}
    .logo {
        top:2.2em;
        right:1em;
    }
    .logo img{
        float:right;
        width:70%;
    }
}