@font-face {
    font-family: 'AudiTypeNormal';
    src: url("../fonts/AudiType-Normal.eot");
    src: url("../fonts/AudiType-Normal.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/AudiType-Normal.woff") format("woff"), 
        url("../fonts/AudiType-Normal.ttf") format("truetype"), 
        url("../fonts/AudiType-Normal.svg#AudiType-Normal") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'AudiTypeBold';
    src: url("../fonts/AudiType-Bold.eot");
    src: url("../fonts/AudiType-Bold.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/AudiType-Bold.woff") format("woff"), 
        url("../fonts/AudiType-Bold.ttf") format("truetype"), 
        url("../fonts/AudiType-Bold.svg#AudiType-Bold") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'AudiTypeExtendedNormal';
    src: url("../fonts/AudiType-ExtendedNormal.eot");
    src: url("../fonts/AudiType-ExtendedNormal.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/AudiType-ExtendedNormal.woff") format("woff"), 
        url("../fonts/AudiType-ExtendedNormal.ttf") format("truetype"), 
        url("../fonts/AudiType-ExtendedNormal.svg#AudiType-ExtendedNormal") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'AudiTypeExtendedBold';
    src: url("../fonts/AudiType-ExtendedBold.eot");
    src: url("../fonts/AudiType-ExtendedBold.eot?#iefix") 
        format("embedded-opentype"), url("../fonts/AudiType-ExtendedBold.woff") 
        format("woff"), url("../fonts/AudiType-ExtendedBold.ttf") format("truetype"), 
        url("../fonts/AudiType-ExtendedBold.svg#AudiType-ExtendedBold") format("svg");
    font-weight: normal;
    font-style: normal
}
ul.a li.none::before {
    content: "";
    padding-right: 24px;
}
ul.a li
{
    font-family: 'AudiTypeExtendedBold', sans-serif;
}
ul.a li div.normal
{
    font-family: 'AudiTypeNormal', sans-serif;
}
sub, sup { 
    font-size: 0.83em;
    line-height: 0;
}

hr {
    margin: 0 5%;
}
.head_subtittle
{
    left: 0;
    right: 0;
    position: absolute;
    display: block;
    top: 700px;
    text-align: center;
    font-size: 25px;
}
.button1, input[type="submit"], input[type="reset"], input[type="button"] {
    background: #000;
    border: 0;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 20px;
    line-height: normal;
    padding: 6px 10px;
    font-family: 'AudiTypeExtendedBold', sans-serif;
}

.button1:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
    color: #3a3a3a;
    background: #e8e8e8;
    border: 0;
}

.button1:active, button1:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
    color: #3a3a3a;
    background: #e8e8e8;
    border: 0;
}

.buttons {
    padding: 15px 0px 3px 0px;
    text-align: left;
    margin-bottom: 35px;
}
#overlay
{
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
}
#popupInfo3, #popupGDPR
{
    position: fixed;
    background-color: whitesmoke;
    z-index: 101;
    margin: 10px;
    padding: 40px;
    padding-top: 30px;
    top: 0;
    margin-left: 2%;
    overflow: scroll;
    height: 88%;
    margin-left: 25%;
}
div.equipmentz {
    font-family: 'AudiTypeNormal', sans-serif;
    font-size: 16px;
    line-height: 22px;
    float: left;
    margin: 80px 40px 25px 60px;
    background: #fff;
        background-color: rgb(255, 255, 255);
    color: #515151;
    padding: 7px;
}
div.equipmentz .header {
    font-family: 'AudiTypeExtendedBold', sans-serif;
    padding: 10px 0;
    margin-top: 20px;
}
p {
    font-family: AudiTypeNormal,Verdana,Geneva,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 3rem;
}
.terms {
    width: 100%;
    max-width: 700px;
}
#intro {
    width: 100%;
    text-align: center;
    position: relative;
    height: 700px;
}
#intro .bg1 {
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: -100;

}
img#bg {
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
}

.scroll {
    position: relative; 
    margin-left:auto;
    margin-right:auto;
    margin-top: -8%;
    text-align: center;
    font-size: 16px; 
    display: none;
}
.scroll a {
    text-decoration: none;
}

.scroll p {
    color: black;
    margin-bottom: 10px; 

}

.title {
    color: black;
    text-align: center;
    z-index: -10;
    padding: 40% 5% 6% 5%;
}
.title .audiLogo {
    float: right;
    width: 30%;
}
h1 {
    font-family: 'AudiTypeExtendedBold', sans-serif;
    /*padding-top: 50%;*/
    font-size: 1.8em; 
    line-height: 2em;
    margin: 0 auto;
}
h2 {
    font-family: 'AudiTypeExtendedBold', sans-serif;
    font-size: 0.9em; 
    line-height: 1.3em;
    margin: 0 auto;
}
h3 {
    font-family: 'AudiTypeNormal', sans-serif;
    font-size: 1em; 
    line-height:1.3em;
    max-width: 270px;
    margin: 0 auto;
    padding-top: 3%;
}
#calendar-wrap {
    padding: 1% 5% 10% 5%;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 100px;
}
#Galerie
{
    padding: 1% 5% 10% 5%;
    text-align: center;
}
#map-wrap {
    padding: 5% 5% 10% 5%;
    text-align: center;
}
#timeline {
    margin-top: 0px;
    padding: 1% 5% 5% 5%;
    text-align: center;
    background-color: lightgrey;
}
#timeline_head{
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
}

#calendar {
    width: 100%;
    margin: 0 auto;
    max-width: 400px;
}

#calendar a {
    color: #8e352e;
    text-decoration: none;
}

#calendar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

#calendar li {
    display: block;
    float: left;
    width:14.342%;
    padding: 5px;
    box-sizing:border-box;
    border: 1px solid #ddd;
    margin-right: -1px;
    margin-bottom: -1px;
    color: #ccc;

}

#calendar ul.weekdays {
    height: 40px;
    background: black;
    width: 98.75%;
}

#calendar ul.weekdays li {
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
    border: none !important;
    padding: 10px 6px;
    color: #fff;
    font-size: 13px;
}

#calendar .days li {
    height: 40px;
    background-color: white;
}

#calendar .days li.button {
    color: black;
    background-color: #ccc;
}

#calendar .days li.button:hover {
    background: black;
    color: white;
}

#calendar .date {
    text-align: center;
    padding: 4px;
    width: 30px;
    margin: 0 auto 5px auto;
    font-size: 14px;
}

#calendar .other-month {
}

#calendar .weekend{
    background-color: #E11937;
}

#formular input
{
    display:inline-block
}

#formular {
    padding: 0% 20% 10% 20%;
    max-width: 1600px;
    margin: 10px auto;
    font-family: 'AudiTypeNormal', sans-serif;
    font-size: 16px;
    line-height: 20px;
    /*border: 1px solid #ddd;*/
    text-align: center;
}
#formular .obrazec {
    padding: 15px;
}
#formular h1, #report h1 {
    font-family: 'AudiTypeExtendedBold', sans-serif;
    padding: 15px 0;
    font-size: 32px; 
    line-height: 30px;
}
#formular h2, #report h2 {
    font-family: 'AudiTypeExtendedBold', sans-serif;
    font-size: 22px; 
    line-height: 28px;
}

#formular h2 a{
    font-family: 'AudiTypeNormal', sans-serif;
    font-size: 13px;
}

#formular h3, #report h3 {
    font-family: 'AudiTypeNormal', sans-serif;
    font-size: 18px; 
    line-height: 22px;
    margin-left: 0;
    margin-bottom: 10px;
}

a.btn {
    font-size: 0.8em;
    text-decoration: none;
}
#formular a.btn:hover {
    text-decoration: underline;
}

.ui-tooltip, .arrow:after {
    background: black; 
}

.ui-tooltip {
    padding: 10px 20px;
    color: white;
    font: bold 14px "AudiTypeNormal", Sans-Serif;
    box-shadow: 0 0 7px black;
    width: 200px;
    text-align: center;
}
#report table {
    margin-top: 20px;
    margin-bottom: 40px;
}
#report table td, #report table th{
    padding: 4px;
    border: 1px solid #ddd;
    text-align: left;
}
#report table th{
    padding: 4px;
    text-align: left;
    font-weight: bold;
    background: black;
    color: white;
}

.odpoved {
    margin-top: 15px;
    text-align: center;
}
.emisije {
    padding: 5%;
}
.emisije p {
    font-size: 8px;
    line-height: 13px;
}
.copyright {
    font: bold 14px "AudiTypeNormal", Sans-Serif;
    color: #999;
    font-size: 11px;
    border-top: 1px solid #858585;
    text-align: center;
    margin-top: 0px;
    padding-top: 0px;
    background: #000;
}
.copyright a {
    color: #999;
    text-decoration:none !important;
}


.container {
    position: relative;
    margin: 0 10%;
}
h3 b 
{
    font-weight: bold;
}
.gdpr
{
    font-size: 11px;
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a max width of 320px */

@media only screen and (max-width: 320px) {
    .title {
        padding: 130% 5% 10% 5%;
    }
    .title h1 {
        max-width: 360px;
        width: 250px;
        line-height: 1em;
        font-size: 1.8em;
        padding-top: 10px;
    }
    .title h2 {
        font-size: 20px;
        line-height: 24px;
        max-width: 350px;
        line-height: 2em;
    }
    .title .audiLogo {
        width:30%;
        margin-left: 36%;
        float: left;
    }
    
    #calendar-wrap h2
    {
        line-height: 2em;
    }
    #timeline
    {
        margin-top: 0px;
}
    .dogodek
    {
        margin-left: 0px;
    }
    ul.a li div {
        width: 50%;
    }
    img#bg {
        margin-left: 0px;
        width: 100%;
    }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 320px - 426px */
@media only screen and (min-width: 320px) and (max-width: 426px) {
    .title {
        padding: 130% 5% 10% 5%;
    }
    .title h1 {
        max-width: 360px;
        width: 250px;
        line-height: 1em;
        font-size: 1.8em;
        padding-top: 10px;
    }
    .title h2 {
        font-size: 20px;
        line-height: 24px;
        max-width: 350px;
        line-height: 2em;
    }
    .title .audiLogo {
        width:30%;
        margin-left: 36%;
        float: left;
    }
    
    #calendar-wrap h2
    {
        line-height: 2em;
    }
    #timeline
    {
        margin-top: 0px;
}
    .dogodek
    {
        margin-left: 0px;
    }
    ul.a li div {
        width: 50%;
    }
    img#bg {
        margin-left: 0px;
        width: 100%;
    }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 426px - 768px */

@media only screen and (min-width: 426px) and (max-width: 768px){
    .title {
        padding: 130% 5% 10% 5%;
    }
    .title h1 {
        font-size: 40px;
        line-height: 50px;
        max-width: 360px;
        padding-top: 0%;
    }
    .title h2 {
        font-size: 20px;
        line-height: 24px;
        max-width: 350px;
    }
    .title .audiLogo {
        width: 30%;
        margin-left: 36%;
        float: left;
    }
    #calendar-wrap {
        width: 400px;
        
    }
    ul.a li div
    {
        margin-left: 50px;
        display: inline-block;
        width: 400px;
        text-align: left;
    }
    #timeline {
        margin-top: 0px;
        padding: 10px 0px;
    }
    img#bg {
        margin-left: 0px;
        width: auto;
        max-height: 700px;
    }
    .dogodek {
        margin-left: 0px;
    }
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */ 

@media only screen and (min-width: 768px) {
    .title {
        float:right;
        margin-right: 0;
        text-align: right;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
    img#bg {
        margin-top: 0px;
        margin-left: 0px;
        max-height: 700px;
        width: auto;
    }
    .title {
        float:right;
        margin-right: 0;
        text-align: right;
        padding: 50% 5% 10% 5%;
    }
    .title .audiLogo {
        width: 200px;
    }
    .title h1 {
        padding-top: 3%;
        font-size: 2rem;
        line-height: 2.2rem;
        max-width: none;
    }
    .title h2 {
        padding-top: 2%;
        font-size: 1.5rem;
        max-width: none;
    }
    .title h3 {
        padding-top: 6%;
        font-size: 0.9rem;
        line-height: 1.5rem;
        max-width: 500px;
    }
/*    hr {
        display: none;
    }*/
    .emisije {
        padding: 3%;
    }
    .emisije p {
        font-size: 10px;
        line-height: 15px;
    }
    
    .scroll {
        display: block;
    }
    #timeline{
        padding: 0;
        margin-top: 0;
        padding-bottom: 10px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    img#bg {
        margin-top: 0px;
        margin-left: 0px;
        max-height: 700px;
        width: auto;
    }
    .title {
        padding: 40% 5% 10% 5%;
    }
    .title .audiLogo {
        width: 200px;
    }
    .title h1 {
        padding-top: 3%;
        font-size: 2rem;
        line-height: 2.2rem;
        max-width: none;
    }
    .title h2 {
        padding-top: 2%;
        font-size: 1.5rem;
        max-width: none;
    }
    .title h3 {
        padding-top: 4%;
        font-size: 1rem;
        line-height: 1.5rem;
        max-width: 550px;
    }
/*    hr {
        display: none;
    }*/
    .emisije {
        padding: 3%;
    }
    .emisije p {
        font-size: 10px;
        line-height: 15px;
    }
    
    .scroll {
        display: block;
    }
    #timeline{
        padding: 0;
        margin-top: 0;
        padding-bottom: 10px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    .title {
        padding: 40% 5% 5% 5%;
    }
    img#bg {
        margin-top: 0px;
        margin-left: 0px;
        max-height: 700px;
        width: auto;
    }
    .title .audiLogo {
        width: 200px;
    }
    .title h1 {
        padding-top: 3%;
        font-size: 2.5rem;
        line-height: 3.2rem;
        max-width: none;
        text-align: right;
    }
    .title h2 {
        padding-top: 2%;
        font-size: 1.2em;
        max-width: none;
        text-align: right;
    }
    .title h3 {
        padding-top: 6%;
        font-size: 1.1em;
        line-height: 1.5em;
        max-width: 650px;
        text-align: right;
    }
/*    hr {
        display: none;
    }*/
    .emisije {
        padding: 3%;
    }
    .emisije p {
        font-size: 10px;
        line-height: 15px;
    }
    
    .scroll {
        display: block;
    }
    #timeline{
        padding: 0;
        margin-top: 0;
        padding-bottom: 10px;
    }
}
@media only screen and (min-width: 1440px) and (max-width: 1860px) {
    .title {
        padding: 40% 5% 5% 5%;
    }
    img#bg {
        margin-top: 0px;
        margin-left: 0px;
        max-height: 700px;
        width: auto;
    }
    #calendar {
        width: 100%;
        margin: 0 auto;
        max-width: 600px;
    }
    #timeline_head{
        margin-top: 0px;
    }
    #timeline
    {
        margin-top: 40px;
    }
    .title .audiLogo {
        width: 200px;
    }
    .title h1 {
        padding-top: 3%;
        font-size: 3.2em;
        line-height: 1.2em;
        max-width: none;
        text-align: right;
    }
    .title h2 {
        padding-top: 2%;
        font-size: 2.5em;
        max-width: none;
        text-align: right;
    }
    .title h3 {
        padding-top: 6%;
        font-size: 1.5em;
        line-height: 1.2em;
        max-width: 900px;
        text-align: right;
    }
/*    hr {
        display: none;
    }*/
}

@media only screen and (min-width: 1860px) and (max-width: 2560px) {
    .scroll { 
        font-size:1.4em;
    }
    img#bg {
        margin-top: 0px;
        margin-left: 0px;
        max-height: 900px;
        width: auto;
    }
    #intro {
        height: 900px;
    }
/*    #intro {
        height: 1200px;
    }*/
    .title .audiLogo {
        width: 200px;
    }
    .title h1 {
        padding-top: 3%;
        font-size: 3.4em;
        line-height: 1.2em;
        max-width: none;
    }
    .title h2 {
        padding-top: 2%;
        font-size: 2.5em;
        max-width: none;
    }
    .title h3 {
        padding-top: 6%;
        font-size: 1.5em;
        line-height: 1.6em;
        max-width: 700px;
    }
    .title{
        padding: 30% 5% 10% 5%;
    }
}
@media only screen and (min-width: 2000px) {
    .scroll { 
        font-size:1.6em;
    }
    #intro {
        height: 900px;
    }
}
@media only screen and (min-width: 2200px) {
    .scroll { 
        font-size:1.8em;
    }
    #intro {
        height: 900px;
    }
}
@media only screen and (min-width: 2400px) {
    .scroll { 
        font-size:2em;
    }
    #intro {
        height: 900px;
        }
    .title .audiLogo {
        width: 320px;
    }
    .title h1 {
        font-size: 3.4em;
    }
    .title h2 {
        font-size: 2.4em;
    }
    .title h3 {
        font-size: 1.6em;
        max-width: 1000px;
    }
}
@media only screen and (min-width: 2560px) and (max-width: 3000px) {
    img#bg {
        width: auto;
        margin-top: 0px;
        margin-left: 0px;
    }
    #intro {
        height: 900px;
    }
    .title .audiLogo {
        width: 200px;
    }
    .title h1 {
        padding-top: 3%;
        font-size: 3.2em;
        line-height: 1.2em;
        max-width: none;
    }
    .title h2 {
        padding-top: 2%;
        font-size: 2.5em;
        max-width: none;
    }
    .title h3 {
        padding-top: 6%;
        font-size: 1.5em;
        line-height: 1.5em;
        max-width: 430px;
    }
    .title{
        padding: 20% 5% 35% 5%;
    }
}
@media only screen and (min-width: 3839px){
    img#bg {
        width: auto;
        margin-top: 0px;
        margin-left: 0px;
    }
    .title{
        padding: 20% 5% 10% 5%;
    }
}
.align-center
{
    text-align: center;
    display: block;
}
.form-inline label{
    margin-bottom: 20px !important;
}