@charset "utf-8";

/* CSS Document */



.tab-row1 {

	width: 100%;

	float: none;

	text-align: center;

	border-radius: 36px;

	border: solid 1px transparent;

	box-shadow: 2px 1000px 1px #fff inset;

	display: inline-block;

	margin: 0 auto 89px;

	padding: 0 0 0;
        align-items: center;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    display: flex;
    flex-wrap: wrap;

}

.tab-row1 a {
    width: 185px;
    float: none;
    cursor: pointer;
    font-size: 13.74px;
    color: #fff;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    border-radius: 100rem;
    border: 1px solid #2c303d;
    overflow: hidden;
    display: inline-block;
    margin: 0 8px 0;
    position: relative;
    background: #2c303d;
    font-family: 'Josefin Sans', sans-serif; font-weight: 700;
    height: 65px;
    line-height: 65px;
    padding: 0 2%;

}



.tab-row1 a:hover { background:#fff; color:#2c303d;}



.tab-row1 a.active {

	border-radius: 100rem;

	box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);

	box-shadow: none;

	background:#fff;

	color:#2c303d;

}


.tab-row1 a:nth-child(1) {
height: 65px;
    line-height: 65px;
    padding: 0 2%;
}



.tab-row2 {

	width: 100%;

	float: left;

	margin: 0 0 0;

}

.tab-bar2 {

	padding: 0 0 0;

	display: none;

}



/*Smartphone css*/

@media screen and (max-width: 480px) {

.tab-row1 { width:100%; text-align:center; margin:0 auto 65px;}

.tab-row1 a { width:48%; font-size:12.02px; float:left; margin:0 0 4%; height: inherit;}

.tab-row1 a:nth-child(1) { width:48%; font-size:11.02px; float:left; margin:0 3.5% 3.5% 0; line-height: normal; padding: 12px 2% 11px; height: inherit;}

.tab-row1 a:nth-child(2n) { margin-right:0;}

.tab-row1 a:nth-child(2n) { float:right;} 

}



@media screen and (min-width:481px) and (max-width:600px) {

.tab-row1 { width:100%; text-align:center; margin:0 auto 65px;}

.tab-row1 a { width:48%; font-size:12.02px; float:left; margin:0 0 4%;  height: inherit;}

.tab-row1 a:nth-child(1) { width:48%; font-size:11.02px; float:left; margin:0 3.5% 3.5% 0; line-height: normal; padding: 12px 2% 11px; height: inherit;}

.tab-row1 a:nth-child(2n) { margin-right:0;}

.tab-row1 a:nth-child(2n) { float:right;} 

}



@media screen and (min-width:601px) and (max-width:767px) {

.tab-row1 { width:100%; text-align:center; margin:0 auto 65px; }

.tab-row1 a { width:48%; font-size:11.02px; float:left; margin:0 3.5% 3.5% 0;  height: inherit;line-height: 30px;}

.tab-row1 a:nth-child(1) { width:48%; font-size:11.02px; float:left; margin:0 3.5% 3.5% 0; line-height: 30px; padding: 12px 2% 11px; height: inherit;}

.tab-row1 a:nth-child(2n) { margin-right:0;line-height: 30px;    padding: 12px 2% 11px;}





}



@media screen and (min-width:768px) and (max-width:900px) {

.tab-row1 a { width:18%; font-size:11.74px; margin:0 0.8%; height: 57px;  line-height: 57px;}

.tab-row1 a:nth-child(1) { height: 57px; line-height: 57px; padding: 0 2%;}


}



@media screen and (min-width:901px) and (max-width:1024px) {

.tab-row1 a { width:18%; font-size:12.74px; margin:0 0.8%; height: 61px; }

.tab-row1 a:nth-child(1) { height: 61px; line-height: 61px; padding: 0 2%;}


}



@media screen and (min-width:1025px) and (max-width:1241px) {

.tab-row1 a { width:18%; margin:0 0.8%; height: 63px; }

.tab-row1 a:nth-child(1) { height: 63px; line-height: 63px; padding: 0 2%;}


}



@media screen and (max-width: 400px) {

.tab-row1 { width:100%; text-align:center; margin:0 auto 65px;}

.tab-row1 a { width:100%; font-size:12.02px; float:left; margin:0 0 4%; height: inherit;}

.tab-row1 a:nth-child(1) { width:100%; font-size:11.02px; float:left; margin:0 3.5% 3.5% 0; line-height: normal; padding: 12px 2% 11px; height: inherit;}

.tab-row1 a:nth-child(2n) { margin-right:0;}

.tab-row1 a:nth-child(2n) { float:right;} 

}