/**
 * jQuery FlexTabs Theme Default
 * Version: 2.0.0
 * Repo: https://github.com/WahaWaher/flextabs-js
 * Author: Sergey Kravchenko
 * Contacts: wahawaher@gmail.com
 * License: MIT
 */

@charset "UTF-8";

/* Режим: Tabs */
.ft-theme-default.ft-tabs > .ft-nav > .ft-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
	color: #001225;
	text-decoration: none;
	border: 1px solid transparent;
	background-color: var(--bgcolor);
	padding: 0 20px;
	top: 1px;
	position: relative;
	z-index: 10;
	border-radius: 3px;
    font-weight: 700;
    min-height:48px;
}
.ft-theme-default.ft-tabs > .ft-nav > .ft-tab:hover {
	background-color: #f5f5f5;
}
.ft-theme-default.ft-tabs > .ft-nav > .ft-tab.active { 
    background-color: rgb(0, 134, 178);
    color: #fff;
	border-bottom-color: transparent;
}

.ft-theme-default.ft-tabs > .ft-nav > .ft-tab.active:before, .ft-theme-default.ft-tabs > .ft-nav > .ft-tab:hover:before {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 1px;
	bottom: -1px;
	left: -1px;
	background-color: transparent;
}

.ft-theme-default.ft-tabs > .ft-contents {
	padding: 18px 0 18px;
}

/* Режим: Accordion */
.ft-accordion {
	margin:18px 0 12px;
}
.ft-theme-default.ft-accordion > .ft-contents {
	color: #222;
}

.ft-theme-default.ft-accordion > .ft-contents > .ft-tab {
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
	-webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    border: 1px solid transparent;
    background-color: #f2f2f2;
    padding: 10px 15px;
    margin: 4px 0;
    font-size: 16px;
    font-weight: 700;
    color: #005d88;
	line-height: 1.1;
	border-radius:4px;
	min-height: 48px;
}
.ft-theme-default.ft-accordion.lite > .ft-contents > .ft-tab {
    background: transparent;
	min-height:32px;
	font-size: 16px;
}
.ft-theme-default.ft-accordion.lite > .ft-contents > .ft-content {
	padding:10px 0;
}
.ft-theme-default.ft-accordion > .ft-contents > .ft-tab .user-action {
	visibility: hidden;
}
.ft-theme-default.ft-accordion.lite > .ft-contents > .ft-tab .user-action {
	visibility: visible;
	color: #337ab7;
    font-size: 13px;
    margin-left: 1.8rem;
    line-height: 1;
    border-bottom: 1px solid;
}

.ft-theme-default.ft-accordion > .ft-contents > .ft-tab.active, .ft-theme-default.ft-accordion > .ft-contents > .ft-tab:hover {
	text-decoration: none;
	cursor:pointer;
}

.ft-theme-default.ft-accordion > .ft-contents > .ft-content {
	padding: 18px 0 0;
	background-color: #fff;
}
.ft-theme-default.ft-accordion > .ft-contents > .ft-content .text-content {
	position: relative;
    background: #fff;
    border: 1px solid #bed1e7;
    padding: 20px 30px;
	margin-top:5px;
    margin-bottom: 16px;
}
.ft-theme-default.ft-accordion > .ft-contents > .ft-content .text-content:before, .ft-theme-default.ft-accordion > .ft-contents > .ft-content .text-content:after {
    bottom: 100%;
    left: 8%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.ft-theme-default.ft-accordion > .ft-contents > .ft-content .text-content:before {
    border-color: transparent;
    border-bottom-color: #bed1e7;
    border-width: 13px;
    margin-left: -13px;
}
.ft-theme-default.ft-accordion > .ft-contents > .ft-content .text-content:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff;
    border-width: 12px;
    margin-left: -12px;
}
.ft-theme-default.ft-accordion > .ft-contents > .ft-tab-icon .ft-icon > svg {
	fill: #222;
}
.ft-accordion.lite>.ft-contents>.ft-tab-icon .ft-icon {
    width: 16px;
    height: 16px;
    position: relative;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
	color: #337ab7;
	top: initial;
    right: initial;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.ft-accordion.lite>.ft-contents>.ft-tab-icon.active .ft-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}