body{
  font-weight: 300;
}

#kolekcija{
    width: 100vw;
    height: auto;
    
}

#tabs{
    width:80vw;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
}

.tab{
    text-align: center;
    float: left;
    width: 33%;
    font-size: 20px;
    padding:10px;
    border-top:1px solid #eaeaea;
}

.tab:hover, .tab.active{
    border-top:4px solid red;
    box-sizing: border-box;
    cursor: pointer;
    padding-top: 7px;
}

.iframes{
    margin-top:50px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.iframe{
    border: 0px;
    height: auto;
    height: 100vh;
    width: 80%;
    
}

.header{
    width: 100%;
    color:black;
    font-size: 32px;
    text-align: center;
    font-weight: 700;
    padding-top:20px;
    padding-bottom:20px;
}

.hidden{
    display: none;
}

#googlemaps{
    border-top: 10px solid #eaeaea;
    margin-top: 100px;
}

footer{
    border-top: 5px solid black;
    height: auto;
    color:black;
    font-size: 24px;
}

footer .first{
    background-color: #eaeaea;
    width: 50%;    
    float: left;
    padding: 50px;
    height: 320px;
    text-align: center;
}

footer .sec{
    background-color: #eaeaea;
    width: 50%;    
    float: right;
    padding: 50px;
    height: 320px;
    text-align: center;
}

footer .h{
    color:red;
    font-weight: 700;
}

footer hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid black;
    margin: 1em 0;
    padding: 0;     
}

.avtodomOglas{
    font-weight:bold;
    width:70%;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    background-color:red;
    margin-top:2em;
    padding:2em;
    color:white;
    font-size:32px;
}

.avtodomOglas .black{
    font-size:20px;
    color:black;
    font-weight:400;
}