@import:url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,600,800,900,300');

/* Start Tab2 */
.abc .main1 a {
	color: rgba(255,255,255,0.6);
	text-transform: uppercase;
	text-decoration: none;
	line-height: 42px;
}
.abc .main1 h1 {
	padding: 100px 0;
	font-weight: 400;
	text-align: center;
}
.abc .main1 p {
	margin: 0 0 20px;
	line-height: 1.5;
}
.abc .main1 {
	margin: 0 auto;
	min-width: 1024px;
	max-width: 1024px;
	font-family: "Roboto",sans-serif;
	text-align:left;
	background-color:transparent !important;
	float:left;
}
.abc .main1 .content1 {
	color: #1c1c1c;
	border:1px solid #c6c6c6;
	min-height:120px;
	font-size:16px !important;
	background-color:transparent !important;
	margin-bottom:25px;
	font-family: "Roboto",sans-serif;
}
.abc .main1 .content1 > div {
	display: none;
	padding: 20px 25px 5px;
}
.abc .main1 input {
	display: none;
}
.abc .main1 label {
	display: inline-block;
	padding: 11px 22px;
	font-weight: normal;
	text-align: center;
	color:#fff;
	font-size:20px;
	background-color:#000000;
	margin-right:-5px;
	font-family: 'Roboto', sans-serif;
	width:45.75%;
	margin-top:20px;
}
.abc .main1 label:hover {
	color: #333;
	cursor: pointer;
	background-color:#7CD0D9;
}
.abc .main1 input:checked + label {
	color: #333;
	background-color:#7CD0D9;
}
.abc .main1 #tab5:checked ~ .content1 #content5, .abc .main1 #tab6:checked ~ .content1 #content6 {
 display: block;
}
 @media screen and (max-width: 400px) {
.abc .main1 label {
	padding: 15px 10px;
}
}
/* End Tab2 */
/* Start Tab */
.main a {
	color: rgba(255,255,255,0.6);
	text-transform: uppercase;
	text-decoration: none;
	line-height: 42px;
}
.main h1 {
	padding: 100px 0;
	font-weight: 400;
	text-align: center;
}
.main p {
	margin: 0 0 20px;
	line-height: 1.5;
}
.main {
	margin: 0 auto;
	min-width: 1024px;
	max-width: 1024px;
	font-family: "Roboto",sans-serif;
	text-align:left;
	background-color:transparent !important;
	float:left;
}
.main .content {
	color: #1c1c1c;
	border:1px solid #c6c6c6;
	min-height:120px;
	font-size:16px !important;
	background-color:transparent !important;
	margin-bottom:25px;
	font-family: "Roboto",sans-serif;
}
.main .content > div {
	display: none;
	padding: 20px 25px 5px;
}
.main input {
	display: none;
}
.main label {
	display: inline-block;
	padding: 11px 22px;
	font-weight: normal;
	text-align: center;
	color:#fff;
	font-size:20px;
	background-color:#000000;
	margin-right:-5px;
	font-family: 'Roboto', sans-serif;
	width:20.80%;
}
.main label:hover {
	color: #333;
	cursor: pointer;
	background-color:#7CD0D9;
}
.main input:checked + label {
	color: #333;
	background-color:#7CD0D9;
}
.main #tab1:checked ~ .content #content1,  .main #tab2:checked ~ .content #content2, .main  #tab3:checked ~ .content #content3, .main #tab4:checked ~ .content #content4 {
 display: block;
}
 @media screen and (max-width: 400px) {
.main label {
	padding: 15px 10px;
}
}
/* End Tab */