*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
body {
	background: #f2f2f2;
}
h1 {
	color: #ccc;
	
}
a {
	color: #ccc;
	text-decoration: none;
	outline: none;
}
/*Fun begins*/
.tab_container {
	width: 100%;
	margin: 0 auto;
	padding-top: 0px;
	position: relative;
}
.tab_container1 {
	width: 100%;
	margin: 0 auto;
	padding-top: 0px;
	position: relative;
}
input, section {
	clear: both;
	padding-top: 10px;
	display: none;
}
.tab_container label {
	font-weight: 700;
	font-size: 32px;
	display: block;
	float: left;
	width: 50%;
	padding: 10px 0;
	color: #000;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	border-bottom: 3px solid #2e8bc4;
}
.front-page-section.parralex-section {
	float: left;
	width: 100%;
}
.tab_container1 label {
	font-weight: 400;
	font-size: 12px;
	display: block;
	float: left;
	width: auto;
	padding: 10px;
	color: #000;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	border-bottom: none;
}
 #tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5 {
 display: block;
 padding: 0px;
 background: #fff;
 color: #000;
 border-bottom: 2px solid #f0f0f0;
}
 #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5 {
 display: block;
 padding: 0px;
 background: #fff;
 color: #000;
 border-bottom: none;
}
.tab_container .tab-content p, .tab_container .tab-content h3 {
	-webkit-animation: fadeInScale 0.7s ease-in-out;
	-moz-animation: fadeInScale 0.7s ease-in-out;
	animation: fadeInScale 0.7s ease-in-out;
}
.tab_container .tab-content h3 {
	text-align: center;
}
 .tab_container [id^="tab"]:checked + label span {
 background: #2e8bc4;
 color: #fff;
 padding: 20px 222px;
}
 .tab_container [id^="tab"]:checked + label .fa {
 color: #0CE;
}
.tab_container1 .tab-content p, .tab_container1 .tab-content h3 {
	-webkit-animation: fadeInScale 0.7s ease-in-out;
	-moz-animation: fadeInScale 0.7s ease-in-out;
	animation: fadeInScale 0.7s ease-in-out;
}
.tab_container1 .tab-content h3 {
	text-align: center;
}
 .tab_container1 [id^="tab"]:checked + label span {
 background: transparent;
 color:#2e8bc4;
 padding: 10px;
}
 .tab_container1 [id^="tab"]:checked + label .fa {
 color: #0CE;
}
label .fa {
	font-size: 1.3em;
	margin: 0 0.4em 0 0;
}

/*Media query*/
@media only screen and (max-width: 930px) {
 label span {
 font-size: 20px;
}
 label .fa {
 font-size: 14px;
}
}
 @media only screen and (max-width: 768px) {
 .tab_container [id^="tab"]:checked + label span {
 padding: 20px 15px;
}
 label .fa {
 font-size: 16px;
}
 .tab_container {
 width: 98%;
}
.tab_container1 {
 width: 98%;
}
.tab_container label {
	padding: 4px !important;
}
}

/*Content Animation*/
@keyframes fadeInScale {
 0% {
 transform: scale(0.9);
 opacity: 0;
}
 100% {
 transform: scale(1);
 opacity: 1;
}
}