@charset "utf-8";

/* CSS Document */



.tab-row1 {

	text-align: center;

	margin: 0 auto 0;

	padding: 0;

	float: none;

	list-style: none;

	width: 30%;

}

.tab-row1 li {

	width: auto;

	float: none;

	color:#172337; background:#cacaca; padding:20px 24px 21px; margin:0 0 0 0;

	text-align:center; font-size:22.2px; border-bottom:1px solid transparent; line-height:1; transition:all 0.25s ease-out 0s; display:table-cell; position:relative; cursor:pointer; font-family: "Jost", sans-serif; font-weight: 300;}

.tab-row1 li:hover {

	background:none;

	border-bottom:1px solid #172337;

}

.tab-row1 li.active {

	background:none;

	border-bottom:1px solid #172337;

}

.tab-row2 {

	width: 100%;

	float: left;

	margin: 0 auto 0;

	padding:42px 0;

	background:#cacaca;

}

.tab-bar2 {

	width: 100%;

	float: left;

	display: none;

	margin: 0 0 0;

}

.tab-icon1 {

	width: 55px;

	float: none;

	transform: translateY(-50%);

	margin: 0 auto 0;

	position: absolute;

	top: 50%;

	right: 0;

	left: 0;

}



/*Smartphone css*/

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

.tab-row1 { width:100%;}

.tab-row1 li { padding:20px 14px 21px; font-size:20.2px;}

}



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

.tab-row1 { width:317px;}

.tab-row1 li { padding:20px 14px 21px; font-size:20.2px;}

}



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

.tab-row1 { width:317px;}

.tab-row1 li { padding:20px 14px 21px; font-size:20.2px;}

}



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

.tab-row1 { width:401px;}

}



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

	

.tab-row1 { width:401px;}

}



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

.tab-row1 { width:401px;}

}



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

.tab-row1 { width:401px;}

}