/* Start:/bitrix/templates/travelline2/src/css/fix/demo-form.css?17522238983682*/
@charset "UTF-8";

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
.ng-cloak, .x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
    display: none !important;
}

ng\:form {
    display: block;
}

.ng-animate-shim {
    visibility: hidden;
}

.ng-anchor {
    position: absolute;
}

.block__search.search--title .resolution:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    width: 100%;
    height: 1px;
    margin-right: -100%;
    background: #cacaca;
    border: solid #fff;
    border-width: 0 10px
}

.block__search.search--form [id^=tl-search-form-] {
    display: none
}

.block__search.search--form [id^=tl-search-form-].active {
    display: block
}

.block__search.search--form iframe {
    width: 100%;
    -moz-box-shadow: 5px 9px 20px rgba(0,0,0,.35);
    -webkit-box-shadow: 5px 9px 20px rgba(0,0,0,.35);
    box-shadow: 5px 9px 20px rgba(0,0,0,.35);
}

.block__book.book--form {
    /*max-width: 1024px;*/
    margin: 0 auto
}

.block__book.book--form [id^=tl-booking-form-] {
    display: none
}

.block__book.book--form [id^=tl-booking-form-].active {
    display: block
}

.list_color {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 0 0 60px;
    overflow: visible;
    border-bottom: 1px solid #e9ecef;
}

@media(max-width: 1300px) {
    .list_color {
        padding: 60px;
    }
}

.list .item__color {
    display: table-cell;
    padding: 1rem 0;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

.list .item__color.color-selected .color:before{
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 1px solid #b1c1d1;
    border-radius: 10px;
}

@media(max-width: 1300px) {
    .list .item__color.color-selected .color:before {
        top: -4px;
        left: -4px;
        right: -4px;
        bottom: -4px;
    }
}

@media(min-width: 992px) {
    .list .item__color:hover .name{
        opacity: 1;
    }
}

.list .item__color .number {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    color: #fff;
    background: #959595;
    font-size: 1.5rem;
    border-radius: 50%;
    text-align: center
}

.list .item__color .name {
    opacity: 0;
    color: #406080;
    padding: 4px 10px;
    border: 1px solid #b1c1d1;
    display: inline-block;
    margin-bottom: 20px;
    border-radius: 5%;
    text-transform: uppercase;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    background: #fff;
}

.list .item__color .name:before {
    content: '';
    width: 12px;
    height: 12px;
    background-color: #fff;
    position: absolute;
    bottom: -7px;
    left: 50%;
    display: block;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) rotate(45deg);
    -o-transform: translateX(-50%) rotate(90deg);
    border-bottom: 1px solid #b1c1d1;
    border-right: 1px solid #b1c1d1;
}

.list .item__color .color {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border-radius: 15%;
    position: relative;
}

.slider__nav_direction-prev:before {
    -webkit-filter: grayscale(100%) brightness(5);
    filter: grayscale(100%) brightness(5);
}

.slider__nav_direction-next:before {
    -webkit-filter: grayscale(100%) brightness(5);
    filter: grayscale(100%) brightness(5);
}
/* End */
/* /bitrix/templates/travelline2/src/css/fix/demo-form.css?17522238983682 */