﻿.tabs-container2 {
    /*top right bottom left*/
    margin:1vw 5.6vw;
    text-align:center;
}
@media(min-width:768px){
    .tabs-container2 {
        /*margin: 10px 50px 10px 50px;*/
        margin: 1vw 5.6vw;
    }
}

/* Style the tab bar */
.tab2 {
    overflow: hidden;
    display:inline; /*inline-block;*/
    /*border: 1px solid #ccc;*/
    /*background-color: #f1f1f1;*/
}

/* Style the buttons that are used to open the tab content */
.tab2 button {
    /*font-family:"Gotham SSm A","Gotham SSm B",Verdana;*/
    color:#fff;
    background-color: #242423; /*#eaeaea;*/ /*#dad9d9;*/ /*#e4e3e0;*/
    /*float: left;*/
    border: none;
    outline: none;
    cursor: pointer;
	width:100%;
    max-width:180px;
    padding: 14px 0px;
    margin:5px 10px 0 0;
    transition: 0.3s;
    vertical-align:text-bottom;
    bottom:4px;
    position:relative;
    z-index:0;
	font-weight:bold;
	font-size:16px;
}

/* Change background color of buttons on hover */
.tab2 button:hover {
    background-color: #242423;
}

/* Create an active/current tablink class */
.tab2 button.active2 {
    background-color: #d00000;
	color:#fff;
    z-index:40;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}


.tabcontent2 {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    /*border-top: none;*/
    position:relative;
    top:-8px;
    background-color:#ebebea;
}