.dom .lst li:first-child span, .dom .lst li:last-child span {
    background: #2e136f;
    background: -webkit-linear-gradient(45deg, #2e136f 0%, #0faed6 100%);
    background: -o-linear-gradient(45deg, #2e136f 0%, #0faed6 100%);
    background: linear-gradient(45deg, #2e136f 0%, #0faed6 100%);
    color: #fff;
}

.page-title {
    color: #0faed6;
    font-weight: 900;
    line-height: 1;
    padding: 40px 0;
}

.tip-text h2 {
    font-size: 2rem;
    font-weight: 900;
}

.preim .item {
    font-size: 16px;
    text-align: center;
    margin-bottom: 30px;
}

.preim .item img {
    margin-bottom: 15px;
    width: auto;
    height: 64px;
}

.preim .item .hd {
    color: #0faed6;
    font-weight: bold;
    margin-bottom: .5em;
    text-transform: uppercase;
}

.preim .item .text {
    font-weight: bold;
    margin-bottom: .5em;
}

.tip-price .tip-price-item {
    font-size: 15px;
    padding: 10px 0;
}

.tip-price .tip-price-item:nth-child(odd) {
    background: #fbfbfb;
}

.tip-price .img img {
    width: 100%;
    height: auto;
}

.tip-price .info .hd {
    display: block;
    font-weight: bold;
}

.tip-price .info .text {
    color: #666;
    font-style: italic;
    font-weight: normal;
}

.tip-price .pricee {
    text-align: center;
}

.tip-gallery .gal-item {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
}

.tip-gallery .gal-item img {
    width: 100%;
    height: auto;
    transition: all .2s ease;
}

.tip-gallery .gal-item:hover img {
    transform: scale(1.2);
    z-index: 10;
}

.tip-gallery .gal-item:hover .text {
    opacity: 0;
}

.tip-gallery .gal-item .text {
    position: absolute;
    display: block;
    padding: .5em;
    margin: 15px;
    left: 0;
    bottom: 0;
    background-color: #0faed6; 
    color: #fff;
    opacity: 1;
    transition: opacity .2s ease;
}

.tip-form h2 {
    font-size: 2rem;
    font-weight: 900;
}

.tip-form {
    background: #fbfbfb;
    text-align: center;
}

.tip-form .tip-formtext {
    font-size: 1.2rem;
}

.btn2 {
    display: block;
    width: 200px;
    padding: 10px 0px;
    margin: 30px auto 0;
    border-radius: 20px;
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    background: #2e136f;
    background: -webkit-gradient(linear, left bottom, left top, from(#2e136f), to(#0faed6));
    background: -webkit-linear-gradient(bottom, #2e136f 0%, #0faed6 100%);
    background: -o-linear-gradient(bottom, #2e136f 0%, #0faed6 100%);
    background: linear-gradient(320deg, #2e136f 0%, #0faed6 100%);
    transition: transform .2s ease;
}

.btn2:hover {
    color: #fff;
    text-decoration: none;
    transform: scale(1.1);
}

div.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px 0;
    padding: .5em 1em;
    background-color: #fbfbfb!important;
    border-radius: 0.25rem;
}

nav.breadcrumb {
    margin: 0;
    padding: 0;
    border-radius: 0;
    background-color: transparent!important;
}

ol.breadcrumb {
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: 0;
    background-color: transparent!important;
}

.navbar {
    background-color: #fbfbfb!important;
}

.about h1,
.about h2,
.about h3 {
    color: #0faed6;
    font-weight: 900;
    font-size: 30px;
    line-height: 1;
    margin: 0px 0px 10px 0px;
}

.about h1 span,
.about h2 span,
.about h3 span {
    color: #eaeaea;
    display: inline-block;
    /* margin-left: 15px; */
}

.dom h1,
.dom h2,
.dom h3,
.mag h1,
.mag h2,
.mag h3,
.sklad h1,
.sklad h2,
.sklad h3,
.domofon h1,
.domofon h2,
.domofon h3 {
    color: #333333;
    font-size: 15px;
    line-height: 1;
    margin: 0px 0px 10px 0px;
    font-weight: 900;
}

.dom h1 span,
.dom h2 span,
.dom h3 span,
.mag h1 span,
.mag h2 span,
.mag h3 span,
.sklad h1 span,
.sklad h2 span,
.sklad h3 span,
.domofon h1 span,
.domofon h2 span,
.domofon h3 span {
    font-size: 25px;
    display: inline-block;
    margin-left: 5px;
}

.ulica h1,
.ulica h2,
.ulica h3 {
    color: #333333;
    font-size: 25px;
    line-height: 1;
    margin: 0px 0px 10px 0px;
    font-weight: 900;
}

.ulica h1 span,
.ulica h2 span,
.ulica h3 span {
    font-size: 25px;
    display: inline-block;
    margin-left: 5px;
}
