

/* Start:/bitrix/components/bitrix/breadcrumb/templates/.default/style.min.css?1756222884467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/diakonvet/components/bitrix/news.list/contacts/style.css?17310551814596*/
.mapcont input[type=email],
.mapcont input[type=number],
.mapcont input[type=password],
.mapcont input[type=reset],
.mapcont input[type=search],
.mapcont input[type=tel],
.mapcont input[type=text],
.mapcont input[type=url],
.mapcont select,
.mapcont textarea {
    color: #666;
    padding: .75em;
    height: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #eaeaea;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fafafa;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

/* Базовый контейнер табов */
.tabs {
    min-width: 320px;
    max-width: 100%;
    min-height: 300px;
    padding: 0px;
    margin: 0 auto;
}

/* Стили секций с содержанием */
.tabs > section {
    display: none;
    padding: 15px;
    background: #fff;
    border: 1px solid #ddd;
}

.tabs > section > p {
    margin: 0 0 5px;
    line-height: 1.5;
    color: #383838;
    /* прикрутим анимацию */
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

/* Описываем анимацию свойства opacity */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Прячем чекбоксы */
.tabs > input {
    display: none;
    position: absolute;
}

/* Стили переключателей вкладок (табов) */
.tabs > label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px 25px;
    font-weight: 600;
    text-align: center;
    color: #aaa;
    border: 0px solid #ddd;
    border-width: 1px 1px 1px 1px;
    background: #f1f1f1;
    border-radius: 3px 3px 0 0;
}

/* Шрифт-иконки от Font Awesome в формате Unicode */
.tabs > label:before {
    font-family: fontawesome;
    font-weight: normal;
    margin-right: 10px;
}

.tabs > label[for*="1"]:before {
    content: "\f041";
    color: #88c52f;
}

.tabs > label[for*="2"]:before {
    content: "\f03a";
    color: #88c52f;
}

/* Изменения стиля переключателей вкладок при наведении */
.tabs > label:hover {
    color: #888;
    cursor: pointer;
}

/* Стили для активной вкладки */
.tabs > input:checked + label {
    color: #555;
    border-top: 1px solid #009933;
    border-bottom: 1px solid #fff;
    background: #fff;
}

/* Активация секций с помощью псевдокласса :checked */
#tab1:checked ~ #content-tab1, #tab2:checked ~ #content-tab2, #tab3:checked ~ #content-tab3, #tab4:checked ~ #content-tab4 {
    display: block;
}

/* Убираем текст с переключателей
* и оставляем иконки на малых экранах
*/
@media screen and (max-width: 680px) {
    .tabs > label {
        font-size: 0;
    }

    .tabs > label:before {
        margin: 0;
        font-size: 18px;
    }
}

/* Изменяем внутренние отступы
*  переключателей для малых экранов
*/
@media screen and (max-width: 400px) {
    .tabs > label {
        padding: 15px;
    }
}

#map {
    width: 100%;
    min-height: 600px;
    padding: 0;
    margin: 0;
}

.cadr, .ctel, .cmail {
    font-weight: normal;
}

.creg {
    font-weight: bold;
}

.citysel {
    color: #1e568b;
    font-weight: bold;
}

#contcity option {
    color: #1e568b;
    font-weight: bold;
}

#contcity {
    color: #1e568b;
    font-weight: bold;
}

.cityname {
    color: #1e568b;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
}

.mapcont {
    padding-left: 10px;
}

.preditem {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
    border-bottom: 1px solid #cecece;
}

.predicon {
    width: 60PX;
}

.predname {
    font-weight: bold;
    color: #1e568b;
}

.preditem.shwn {
    display: flex;
}

.preditem.hid {
    display: none;
}
/* End */
/* /bitrix/components/bitrix/breadcrumb/templates/.default/style.min.css?1756222884467 */
/* /local/templates/diakonvet/components/bitrix/news.list/contacts/style.css?17310551814596 */
