@charset "UTF-8";

.tabs{
padding: 5% 0;
margin:0 auto;
width:100%;
visibility:visible!important;
opacity:1!important;
position:relative;
overflow: hidden;
}
.tabs__menu{
list-style-type:none;
margin:0;
padding:0;
font-size:0;
width:100%;
}
.tabs__menu-item{
width:50%;
display:inline-block;
text-align:center;
background-color:rgba(0,0,0,0.20);
border-radius:1px;
vertical-align:bottom;
-webkit-transition:.2s all cubic-bezier(.215,.61,.355,1);
transition:.2s all cubic-bezier(.215,.61,.355,1);
position:relative;
}
.tabs__menu-item:after{
content:"";
position:absolute;
height:100%;
width:2px;
right:-2px;
top:0;
background:transparent;
z-index:2;
}
.tabs__menu-item:last-child:after{
display:none;
}
.tabs__menu-item a{
color: #FFF;
display:block;
font-size:3vw;
padding:1.5em 0;
font-weight:bold;
text-decoration:none;
line-height: 1em;
}
.tabs__menu-item.active{
position:relative;
background:url(../common_n/images/dot.png) bottom left;
-webkit-transform:scaleY(1.15) translateY(0px);
-ms-transform:scaleY(1.15) translateY(0px);
transform:scaleY(1.15) translateY(0px);
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
z-index: 2;
}
.tabs__menu-item.active a{
padding:1em 0;
font-size:4vw;
color:#fff;
-webkit-transform:scaleY(.87);
-ms-transform:scaleY(.87);
transform:scaleY(.87);
}
.tabs__menu-item.active:after{
display:none;
}
.tabs__content .tabs-features [class*=grid-]{
padding:20px 0;
-webkit-animation:none;
animation:none;
overflow: hidden;
}
.tabs__content-item{
background:url(../common_n/images/dot.png);
width:100%;
color:#fff;
display:none;
padding: 10% 0;
overflow: hidden;
}
.tabs__content-item svg{
display:inline-block;
}
.tabs__content-item .table-grid{
text-align:center;
}
.tabs__content-item .table-grid:nth-child(2n+1) [class*=grid-]:nth-child(2n+2),.tabs__content-item .table-grid:nth-child(2n+2) [class*=grid-]:nth-child(2n+1){
background:url(../common_n/images/dot.png);
}
.tabs__content-item.active{
opacity:1;
display:block;
}
.tabs__content-item.velocity-animating{
/*z-index:2!important;*/
}
.tabs__content .hljs{
background:0 0;
}
.tab-setup{
padding:0;
overflow: hidden;
}
.tab-setup a{
color:#fff;
}
.tab-setup pre{
background:url(../common_n/images/dot.png);
padding:30px;
}
.tab-setup .row{
margin-bottom:50px;
}
.tab-setup .t-c{
padding-right:50px;
}
@media screen and (min-width: 768px){
.tabs{
padding: 10px 0;
}
.tabs__menu-item a{
font-size:16px;
}
.tabs__menu-item.active a{
font-size:24px;
}
}