@charset "utf-8";

/* CSS Document */



.tab-row1 {

	text-align: center;

	margin: 0 0 70px;

	padding: 0;

	float: left;

	list-style: none;

	width: 100%;

}

.tab-row1 li {
    width: auto;
    float: left;
    color: #fe6400;
    background: #fff;
    padding: 13px 30px 14px;
    margin: 0 12px 0 0;
    text-align: center;
    font-size: 16px;
    line-height: 1;
    border: 1px solid #ff9432;
    border-radius: 4px;
    transition: all 0.25s ease-out 0s;
    display: inline-block;
    position: relative;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
}

.tab-row1 li:hover {
    color: #fff;
    box-shadow: 0 0 6px 0 rgba(218, 114, 11, 0.5);
    border: solid 1px transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: none;
    background: #fe6000;
    background: -moz-linear-gradient(to top, #fe6000 0%,#fe8600 100%);
    background: -webkit-linear-gradient(to top, #fe6000 0%,#fe8600 100%);
    background: linear-gradient(to top, #fe6000 0%,#fe8600 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #cb6100', endColorstr='#fe7300',GradientType=1 );
}
.tab-row1 li.active {
    color: #fff;
    box-shadow: 0 0 6px 0 rgba(218, 114, 11, 0.5);
    border: solid 1px transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: none;
    background: #fe6000;
    background: -moz-linear-gradient(to top, #fe6000 0%,#fe8600 100%);
    background: -webkit-linear-gradient(to top, #fe6000 0%,#fe8600 100%);
    background: linear-gradient(to top, #fe6000 0%,#fe8600 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #cb6100', endColorstr='#fe7300',GradientType=1 );
}

.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%; padding: 0 0; margin:0 0 40px;}

.tab-row1 li { float:none; display:inline-block; margin:0 0 10px; width:48%; padding:13px 2% 14px;}

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

.tab-row1 li:last-child { width:100%;}

}



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

.tab-row1 { width:100%; padding: 0 0; margin:0 0 40px;}

.tab-row1 li { float:none; display:inline-block; margin:0 0 10px; width:48%; padding:13px 2% 14px;}

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

.tab-row1 li:last-child { width:100%;}

}



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

.tab-row1 { width:100%; padding: 0 0; margin:0 0 40px;}

.tab-row1 li { float:none; display:inline-block; margin:0 0 10px; width:48%; padding:13px 2% 14px;}

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

.tab-row1 li:last-child { width:100%;}

}



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

.tab-row1 li { padding:13px 20px 14px;}

}



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

}



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

}



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

}