/* -------------------- FAQ -------------------- */
/* * * FAQ :: tabs * * */
.b-faq_tabs {
    position: relative;
}

.b-faq_tabs_nav {
    position: relative;
    font: 400 14px/1 'Roboto', sans-serif;
    background: #f8f8f8;
}

.b-faq_tabs_nav > a {
    display: block;
    padding: 12px 10px;
    text-decoration: none;
    text-align: center;
    color: #9f9f9f;
}

.b-faq_tabs_nav > a:hover {
    color: #1fa6a3;
}

.b-faq_tabs_nav > a.current {
    color: #000;
    background: #fff;
}

.b-faq_tabs_content {
    background: #fff;
    border: none !important;
}

.b-faq_tabs_content_box {
    padding: 22px 0 0;
    border: none !important;
}

.b-faq_tabs_content_box_caption {
    margin-bottom: 24px;
    font: 500 24px 'Roboto', sans-serif;
    color: #000;
}

@media (max-width: 767px) {

    .b-faq_tabs_nav {
        border: 5px solid #f8f8f8;
    }

    .b-faq_tabs_nav > a {
        padding: 19px 28px;
    }

}

@media (min-width: 768px) {

    .b-faq_tabs {
        background: #f8f8f8;
        border: 5px solid #f8f8f8;
    }

    .b-faq_tabs_nav {
        display: table;
        width: 100%;
        font: 400 14px/1 'Roboto', sans-serif;
        border-collapse: separate;
        border-spacing: 0;
    }

    .b-faq_tabs_nav > a {
        display: table-cell;
        vertical-align: middle;
        padding: 19px 28px;
        text-decoration: none;
    }

    .b-faq_tabs_content_box {
        padding: 30px 24px 32px;
    }

}

@media (min-width: 1264px) {

    .b-faq_tabs_nav {
        width: auto;
        font: 400 16px/1 'Roboto', sans-serif;
    }

    .b-faq_tabs_nav > a {
        padding: 19px 28px;
    }

    .b-faq_tabs_content_box {
        padding: 30px 28px 32px;
    }

}

/* * * FAQ ::  * * */
.b-faq_spoiler {
    position: relative;
}

.b-faq_spoiler ~ .b-faq_spoiler {
    margin-top: 32px;
}

.b-faq_spoiler_title {
    display: inline-block;
    position: relative;
    padding-left: 46px;
    font: 600 18px/1.35 'Roboto', sans-serif;
    letter-spacing: .015em;
    color: #1fa6a3;
    -webkit-transition: color 250ms;
    -o-transition: color 250ms;
    transition: color 250ms;
    cursor: pointer;
}

.b-faq_spoiler_title span {
    -webkit-transition: border 250ms;
    -o-transition: border 250ms;
    transition: border 250ms;
    border-bottom: 1px dashed rgba(31, 166, 163, .35);
}

.b-faq_spoiler_title:hover {
    color: #fe6913;
}

.b-faq_spoiler_title:hover:before {
    background: #fe6913;
}

.b-faq_spoiler_title:hover span {
    border-color: rgba(254, 105, 19, .35);
}

.b-faq_spoiler_title:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    font: normal 8px/30px 'VetaptekaIcons', sans-serif;
    text-align: center;
    color: #fff;
    background: #1fa6a3;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: '\e806';
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}

.b-faq_spoiler_box {
    display: none;
    padding: 25px 0 0;
    opacity: 0;
    -webkit-transition: opacity 250ms;
    -o-transition: opacity 250ms;
    transition: opacity 250ms;
}

.b-faq_spoiler_box_inner {
    position: relative;
    padding: 25px 20px;
    font: 400 14px/1.5 'Roboto', sans-serif;
    color: #333;
    background: #ebedef;
    border-top: 4px solid #1fa6a3;
}

.b-faq_spoiler_box_inner:after,
.b-faq_spoiler_box_inner:before {
    position: absolute;
    left: 69px;
    top: -30px;
    margin-left: -32px;
    width: 0;
    border: solid transparent;
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    content: '';
}

.b-faq_spoiler_box_inner:after {
    top: -17px;
    margin-left: -26px;
    border-top-color: #ebedef;
    border-width: 9px;
}

.b-faq_spoiler_box_inner:before {
    border-top-color: #1fa6a3;
    border-width: 15px;
}

.b-faq_spoiler.opened .b-faq_spoiler_title span {
    border-color: transparent;
}

.b-faq_spoiler.opened .b-faq_spoiler_title:before {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.b-faq_spoiler.opened .b-faq_spoiler_box {
    opacity: 1;
}

@media (max-width: 767px) {

    .b-faq_spoiler ~ .b-faq_spoiler {
        margin-top: 24px;
    }

    .b-faq_spoiler_title {
        padding-left: 34px;
        font: 600 14px/1.35 'Roboto', sans-serif;
        letter-spacing: normal;
    }

    .b-faq_spoiler_title:before {
        margin-top: -12px;
        width: 24px;
        height: 24px;
        font: normal 8px/24px 'VetaptekaIcons', sans-serif;
    }

    .b-faq_spoiler_box_inner {
        font: 400 13px/1.5 'Roboto', sans-serif;
    }

    .b-faq_spoiler_box_inner:after,
    .b-faq_spoiler_box_inner:before {
        position: absolute;
        left: 69px;
        top: -30px;
        margin-left: -32px;
        width: 0;
        border: solid transparent;
        -webkit-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        transform: scaleY(-1);
        content: '';
    }

}