@charset "utf-8";

/* CSS Document */



.tab-row1 {

	text-align: center;

	margin: 0 0 36px;

	padding: 0;

	float: left;

	list-style: none;

	width: 100%;

}

.tab-row1 li {

	width: auto;

	float: none;

	font-size: 18px;

	color: #231f20;

	letter-spacing: 0.4px;

	background: none;

	border: 1px solid rgba(0,0,0,0);

	border-radius: 10px;

	display: inline-block;

	cursor: pointer;

	margin: 0 20px 10px 0;

	padding: 14px 26px 13px 25px;

	font-family: 'Jost', sans-serif; font-weight: 500;

}

.tab-row1 li:last-child { margin-right:0;}

.tab-row1 li:hover {

	border: 1px solid #87764f;

	color: #87764f;

}

.tab-row1 li.active {

	border: 1px solid #87764f;

	color: #87764f;

}

.tab-row2 {

	width: 100%;

	float: left;

	text-align: center;

	margin: 0 auto 0;

}

.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%; margin:0 0 30px;  display: flex; flex-wrap: wrap;}

.tab-row1 li { width:48%; float:left; border:1px solid #231f20; margin:0 0 5%;  padding: 14px 15px 13px 16px;}

.tab-row1 li:nth-child(2n) { float:right;   margin-left: 4%;}

/*.tab-row1 li:nth-child(6) { margin-bottom:0;}*/

.tab-row1 li:last-child { margin-bottom:0;}

.tab-bar2 { width:100%; padding:40px 0 0px; display: block !important;}

}



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

.tab-row1 { width:100%; margin:0 0 30px; display: flex; flex-wrap: wrap;}

.tab-row1 li { width:48%; float:left; border:1px solid #231f20; margin:0 0 5%; padding: 14px 15px 13px 16px;}

.tab-row1 li:nth-child(2n) { float:right;  margin-left: 4%;}

/*.tab-row1 li:nth-child(6) { margin-bottom:0;}*/

.tab-row1 li:last-child { margin-bottom:0;}

.tab-bar2 { width:100%; padding:40px 0 0px; display: block !important;}

}



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

.tab-row1 { width:100%; margin:0 0 30px; display: flex; flex-wrap: wrap;}

.tab-row1 li { width:48%; float:left; border:1px solid #231f20; margin:0 0 5%; padding: 14px 15px 13px 16px;}

.tab-row1 li:nth-child(2n) { float:right; margin-left: 4%;}

/*.tab-row1 li:nth-child(6) { margin-bottom:0;}*/

.tab-row1 li:last-child { margin-bottom:0;}

.tab-bar2 { width:100%; padding:25px 0 25px;}

}



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

.tab-row1 li { font-size:10.5px; padding:16px 1.8% 16px;}

}



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

.tab-row1 li { font-size:11.5px; padding:16px 2.4% 16px;}

}



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

.tab-row1 li { font-size:14px; padding:16px 1% 16px;}

}



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

.tab-row1 li { padding:16px 1% 16px;}

}