@import url(http://fonts.googleapis.com/css?family=Roboto:400,900&subset=cyrillic,cyrillic-ext);
@import url(http://fonts.googleapis.com/css?family=Lobster&subset=cyrillic);


body {
    font-family: 'Roboto', sans-serif;

}


h1 {

    font-weight: 700;
    line-height: 80%;
    font-family: 'Lobster', sans-serif;

}

h1 span {
    font-size: 40%;
    color: #717171;
}

h2 {
    font-weight: 900;
    font-size: 170%;
}

h3 {

    font-weight: 400;
    font-size: 140%;
}


p,
ul,
li {
    font-size: 14px;
    margin: 0px;
    margin-bottom: 5px;
}

ul {
    margin-left: 30px;
}



.panel p {
    font-size: 12px;
}


.label.alert {
    background-color: #F33F13;
}

.button.success {
    background-color: #3DAD68;
}

.button.small {
    padding: 0.5rem;
    font-size: 0.9125rem;
}

.price {
    font-size: 24px;
}

.price i {
    font-size: 80%;
}



.card-about p i {
    width: 20px;
}


.tabs-content {
    margin-top: 0px;
}


a.dotted {
    border-bottom: 1px dashed;
}


.tabs-content>.content {
    display: none;
    float: left;
    padding: 0.9375em 0;
    /*padding-top: 0px;*/
    width: 100%;
}


.panel.callout {
    /*border-style: solid;
border-width: 1px;*/
    border-width: 0px;
    /*border-color: #f2fafc;
margin-bottom: 1.25rem;
padding: 1.25rem;
background: #f2fafc;*/
}

.tabs dd.active a,
.tabs .tab-title.active a {
    background: #f2fafc;
    color: #222222;
}



.see-through {
    background-attachment: fixed;
    background-clip: padding-box !important;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    padding: 0;
}


.cost-card table td {
    padding: 3px;
}

.cost-card table td p {
    font-size: 12px;
}


.title {
    font-size: 170%;
}

.title span {
    font-size: 80%;
}


.tabs dd>a,
.tabs .tab-title>a {
    padding: 20px;
}


.gray {
    background-color: #c5c5c5;
}

.green {
    background-color: #1c6d15;
}


.bg-info {
    background-color: #fcf8e3;
    padding: 20px;
    margin: 10px 0px;
}

.bottom-address h2 {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.bottom-address .icon {
    width: 3rem;
}


@media (max-width: 768px) {
    .bottom-address h2 {
        font-size: 1rem;
    }
}