* {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

body,
html {
    color: #000;
    text-align: center;
    font-family: "Roboto", Arial, sans-serif;
    padding: 15px 0;
    max-width: 900px;
    margin: 0 auto;
}

.mainBodyClass {
    background: #fff;


}

#container {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;

    padding-top: 0px;
    padding-bottom: 50px;
    /* background: #fc0 url(img/choinki24-tlo.gif) center top repeat-y; */
    background: #ffcc00;
}

.linia-cont {
    height: 80px;
    position: relative;
    margin-bottom: 30px;
}

@media(max-width:500px) {}

@media (max-width:767px) {

    .linia-cont {
        margin-bottom: 15px;
    }
}

#box {
    width: 600px;
    margin: 40px;
}

.bold {
    font-weight: 700;
}

.content {
    width: 140px;
    height: 210px;
    float: left;
    margin-right: 60px;
}

.last {
    margin-right: 0px;
}

.obrazek {
    max-width: 100%;
    height: auto;
}

@media(min-width:768px) {
    .mmd-6 {
        width: 50% !important;
    }
}


.title {
    font-size: 24px;
    color: #133c8b;
    font-weight: 500;
    text-align: left;
    font-family: "Roboto", Arial, sans-serif;
}

.maintitle {
    text-align: center;
    padding-bottom: 30px;
}

.smalltitle {
    padding: 20px 0;
    text-align: left;
}

.contChoinki {
    font-size: 18px;
    color: #3e90e2;
    text-align: left;
    font-weight: 400;

    line-height: 28px;
    font-family: "Roboto", Arial, sans-serif;
    overflow: hidden;
}

.icon {
    background-image: url('img/star2.png');
    background-position: top left;
    background-repeat: no-repeat;
    margin: 8px 0;
    padding-left: 45px !important;

}

.icon.deactive {
    background-image: url('img/star2b.png');
}

.icon.active {
    background-image: url('img/star2a.png');
}

.miasto,
.adres {
    padding: 0px 10px !important;
}



#container img {
    margin: 0 auto;
}


.linia-cont .date {
    color: #133c8b;
    background: #ffcc00;
    font-size: 50px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-weight: 400;
}

.no-right-padding {
    padding-right: 0px !important;
}

.no-left-padding {
    padding-left: 0px !important;
}

.bg-white {
    background: #fff;
    height: 80px;
    position: relative;
}

.gwiazda {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 14px;
    color: #ceffb9;
    line-height: 14px;
}

.gwiazda-info {
    font-weight: 700;
}


.city {
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;

}

.city .city-miasto {
    font-weight: 700;
    letter-spacing: -0.5px;
}

.city .city-miejsce {
    font-weight: 700;
    letter-spacing: -1.5px;
}

.city .city-miejsce .smallInfo {
    text-transform: initial;
    font-size: 14px;
}




.deactive {
    opacity: .5;
}

#xopis {
    font-size: 25px;
    color: #fff;
    text-align: center;
    padding-top: 0.5em;
    padding-bottom: 2em;
}

.xpos {

    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    justify-content: center;
    background: #408820 url(img/snowflakes1.png) center center repeat;


}

.xpos:hover {
    box-shadow: 0 0 12px 5px #fff;
}

.xdata {
    font-size: 50px;
    font-weight: 700;
    padding: 12px 16px 0px;
    text-align: center;
    padding-top: 20px;
    line-height: 50px;
}

.xpos:hover .xdata {
    transition-duration: .33s;
    color: #fc0;
}

.xinfo {
    font-size: 20px;
    padding-top: 0.1em;
    padding-bottom: 20px;
    padding-top: 10px;
    text-align: center;
}

.xgwiazda {

    text-align: center;
    color: #ceffb9;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}