* {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	outline: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
html.active{
	overflow: hidden !important;
}
ol,
ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before,
blockquote:after {
	content: "";
	content: none;
}
del {
	text-decoration: line-through;
}
header,
section,
article,
aside,
nav,
footer,
address {
	display: block;
}
body {
	font-family: "google_sansregular", "google_sansbold", Arial, Helvetica,
		sans-serif;
	font-size: 17px;
	color: #333;
	overflow-x: hidden;
	min-width: 320px;
}
html {
    overflow: scroll !important;
    scroll-behavior: smooth !important;
}
html.modal-enabled {
    overflow: hidden !important;
}
input,
textarea,
select {
	font-family: "google_sansregular", "google_sansbold", Arial, Helvetica,
		sans-serif;
}
p {
	line-height: 1.6em;
	font-size: 17px !important;
}
br.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.thumb {
	display: block;
}
.thumb img {
	display: block;
	width: 100%;
}
a:hover,
[type="submit"]:hover {
	filter: alpha(opacity = 85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
.wrapper {
	width: 90%;
	margin: 0 auto;
	max-width: 1200px;
}
::-webkit-input-placeholder {
	color: #bebebe;
}

 :-moz-placeholder { /* Firefox 18- */
	color: #bebebe;
}

 ::-moz-placeholder {  /* Firefox 19+ */
	color: #bebebe;
}

:-ms-input-placeholder {
	color: #bebebe;
}
@font-face {
	font-family: "google_sansbold";
	src: url("../fonts/googlesans-bold-webfont.woff2") format("woff2"),
		url("../fonts/googlesans-bold-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "google_sansmedium";
	src: url("../fonts/googlesans-medium-webfont.woff2") format("woff2"),
		url("../fonts/googlesans-medium-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "google_sansregular";
	src: url("../fonts/googlesans-regular-webfont.woff2") format("woff2"),
		url("../fonts/googlesans-regular-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
/* Home section starts here */

span.mobile-menu-icon,
.mobile-menu-close-icon,
div.mobile-menu {
	display: none;
}
header span.menu-icon,
span.close-icon,
div.mobile-view {
	display: none;
}
#home {
	padding: 25px 0  0px 0;
	position: relative;
}
#home.inner {
	padding: 50px 0;
	position: relative;
}
#home.inner header {
	margin: 0;
}
#home header {
	/* margin-bottom: 40px; */
}
#home header h1.left {
	width: 18%;
}
#home header h1.left a {
	color: #141414;
	font-size: 31px;
	display: block;
}
#home header h1.left a img {
	display: block;
	width: 100%;
}
#home header nav.right {
	line-height: 90px;
}
#home header nav.right ul {
	float: left;
}
#home header nav.right ul li {
	float: left;
	margin-left: 40px;
}
#home header nav.right ul li.active a {
	color: #25d06c;
}
#home header nav.right ul li:first-child {
	margin-left: 0;
}
#home header nav.right ul li a {
	font-size: 18px;
	color: #000;
}
#home header nav.right ul li a.join-button {
	font-size: 16px;
	cursor: pointer;
	background: rgb(92, 198, 106);
	border-radius: 8px;
	padding: 13px 25px;
	color: rgb(255, 255, 255);
}

#home #registerform {
    background: #f9f9f9;
}
#home #spotlight {
	/*margin-top: 50px;*/
}
#home #spotlight div.right {
	width: 40%;
}
#home #spotlight div.right img {
	width: 100%;
}
#home #spotlight div.left {
	width: 60%;
	margin-top: 100px;
}
#home #spotlight div.left h1 {
	font-size: 39px;
	color: #141414;
}
#home #spotlight div.left p {
	text-align: justify;
	font-size: 16px;
	color: #757575;
	line-height: 1.8;
	margin-top: 20px;
}
h4.add_button{
	display: none !important;
}
#home #spotlight div.left a.button {
	display: block;
	width: 180px;
	height: 50px;
	border-radius: 100px;
	background: #28cc8b;
	color: #fff;
	text-align: center;
	line-height: 3.4;
	margin-top: 35px;
	font-size: 15px;
	font-weight: bold;
}
footer div.top div.social a span.linked {
	font-size: 10px;
}
.linked::before {
	background: #fff;
	border-radius: 50%;
	color: #444;
	padding: 5px;
}
/*responsive starts here*/

@media all and (max-width: 1280px) {
	#home #spotlight {
		padding: 50px 0;
	}
	#home #spotlight div.left h1 {
		font-size: 30px;
	}
	#home #spotlight div.left p {
		font-size: 16px;
	}
	#home header nav.right ul li {
		margin-left: 25px;
	}
}
@media all and (max-width: 1200px) {
	#home #spotlight div.left h1 {
		font-size: 28px;
	}
	#home #spotlight div.left p {
		font-size: 18px;
		color: #757575;
		margin-top: 20px;
	}
	#home header nav.right ul li a {
		font-size: 16px;
	}
}
@media all and (max-width: 980px) {
	#home #spotlight {
		padding: 0;
	}
	#home #spotlight div.right {
		width: 40%;
		position: absolute;
		right: 2%;
		top: 30%;
	}
	#home #spotlight div.left {
		margin-top: 55px;
	}
	#home #spotlight div.left h1 {
		font-size: 35px;
	}
	
	#home header nav.right ul li {
		margin-left: 15px;
	}
	.mobile-menu-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100vh;
		background: rgba(0, 0, 0, 0.8);
		z-index: 8;
		display: none;
	}
	div.mobile-menu {
		display: block;
		padding-top: 30px;
		width: 100%;
		max-width: 235px;
		min-height: 100vh;
		background: #fff;
		position: fixed;
		top: 0;
		right: -300px;
		-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
		-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
		box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
		z-index: 9;
		transition: 0.3s;
	}
	div.mobile-menu ul li {
		display: block;
		text-align: left;
		border-bottom: 1px solid #eee;
		line-height: 50px;
	}
	div.mobile-menu ul li a {
		color: #000;
		font-size: 15px;
		text-transform: capitalize;
		font-family: "google_sansbold";
		padding: 0 30px;
	}

	/* .container32 {
		background-color: red;
	} */
	#hellohai {
		background-color: red;
	}
	span.mobile-menu-icon {
		display: block;
		float: right;
		cursor: pointer;
		font-size: 20px;
		color: #000;
		line-height: 60px;
		font-size: 28px;
		background: url("../images/menu1.png") no-repeat;
		width: 35px;
		height: 35px;
		position: absolute;
		right: 20px;
		/* top: 75px; */
	}

	.mobile-menu-close-icon {
		color: #000;
		font-size: 20px;
		position: fixed;
		z-index: 10;
		top: 20px;
		right: 20px;
		cursor: pointer;
		display: none;
		transition: 0.3s;
		background: url("../images/close.png") no-repeat;
		width: 32px;
		height: 32px;
	}

	header nav.right {
		display: none;
	}
	#home.inner header {
		margin: 0;
	}
}
@media all and (max-width: 768px) {
	span.mobile-menu-icon {
		/* top: 68px; */
	}
	#home {
		/* padding: 40px 0 0 0; */
	}
	#home header h1.left {
		width: 22%;
	}
	#home header nav.right ul li {
		margin-left: 20px;
	}
	#home #spotlight {
		margin: 0;
		padding: 0;
	}
	#home #spotlight div.left a.button {
		width: 120px;
		height: 40px;
		border-radius: 100px;
		line-height: 3.4;
		margin-top: 20px;
		font-size: 12px;
	}
	#home #spotlight div.right {
		position: absolute;
		right: 2%;
		top: 32%;
		width: 48%;
	}
}
@media all and (max-width: 640px) {
	

	#home #spotlight div.left h1 {
		font-size: 22px;
		margin-top: 0;
	}

	#home #spotlight div.left p {
		font-size: 15px;
		color: #606060;
		line-height: 1.4;
		margin-top: 10px;
	}
	#home #spotlight {
		padding: 0;
	}
	#home header h1.left {
		width: 27%;
	}
	#home #spotlight div.right {
		width: 40%;
	}
	#registerform section.register-container form .submitbutton{
		width: 44%;
	}
	#registerform section.register-container form div.container32 div{
		flex-wrap: wrap;
	}
	
	
}
@media all and (max-width: 480px) {
	.organisation div.loadmore {
		margin-top: 0px;
	}
	.supporting-card section.top h3 {
		margin-bottom: 25px;
	}
	.supporting-card {
		padding: 0 0 40px;
	}
	.organisation {
		padding: 0 0 40px;
	}
	#home header h1.left {
		width: 45%;
	}
	span.mobile-menu-icon {
		top: 30px;
	}

	#home #spotlight {
		padding-bottom: 25px;
		margin-top: 15px;
	}
	#home header {
		margin-bottom: 5px;
	}
	#home header h1.left {
		margin-top: 7px;
	}
	#home #spotlight div.left p {
		font-size: 14px;
	}
	#home {
		padding: 10px 0 0 0;
	}
	#home header nav.right ul li {
		margin-left: 20px;
	}
	#home #spotlight div.left {
		margin-top: 88px;
	}
	#home #spotlight {
		position: relative;
	}
	#home #spotlight div.right {
		width: 50%;
		top: 22%;
	}
	#home #spotlight div.right img {
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
	}
	#home #spotlight div.left {
		margin-top: 20px;
		position: relative;
		z-index: 3;
		width: 100%;
	}
	#home header span.icon-menu small {
		right: 22px;
		position: absolute;
		top: 8px;
		float: none;
	}
	#home #spotlight div.left h1 {
		font-size: 25px;
	}
	#home #spotlight div.left p {
		font-size: 16px;
		margin-top: 20px;
	}
}
@media all and (max-width: 360px) {
	
	#home header {
		margin-bottom: 30px;
	}
	#home header h1.left {
		width: 55%;
		margin-top: 8px;
	}
	#home #spotlight div.left h1 {
		font-size: 24px;
	}
	#home #spotlight div.left p {
		font-size: 15px;
	}
	#home #spotlight div.right {
		width: 58%;
		top: 28%;
	}
}
@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}
	.sidenav a {
		font-size: 18px;
	}
}
@media all and (max-width: 320px) {
	#home #spotlight div.right {
		width: 100%;
		top: 25%;
		right: 0;
	}
	#home #spotlight div.right img {
		width: 67%;
	}
}
/*responsive ends here*/

/*(style for widget-list-1)*/

#widget-list-1 {
	padding: 50px 0;
}
#widget-list-1 div.top {
	text-align: center;
}
#widget-list-1 div.top h3 {
	margin-bottom: 5px;
	font-size: 32px;
	font-family: "google_sansmedium";
}
#widget-list-1 div.top p {
	font-size: 22px;
	font-family: "google_sansregular";
}
#widget-list-1 ul {
	float: left;
	width: 100%;
	margin: 40px 0 0;
}
#widget-list-1 ul li {
	float: left;
	width: 32%;
	margin-right: 2%;
	border: dashed 2px #d9d9d9;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 4% 0;
}

#widget-list-1 ul li:hover {
	border: dashed 2px #28cc8b;
}
#widget-list-1 ul li:nth-child(3n) {
	margin-right: 0;
}
#widget-list-1 ul li span.icon {
	width: 100px;
	height: 100px;
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	margin-bottom: 10px;
}
#widget-list-1 ul li span.icon.icon1 {
	background: url("../images/ekerala-sprite.png") no-repeat -1px -1px;
}
#widget-list-1 ul li span.icon.icon2 {
	background: url("../images/ekerala-sprite.png") no-repeat -98px -1px;
}
#widget-list-1 ul li span.icon.icon3 {
	background: url("../images/ekerala-sprite.png") no-repeat -198px -1px;
}
#widget-list-1 ul li h4 {
	font-family: "google_sansmedium";
	font-size: 18px;
}
#widget-list-1 ul li h4.middle {
	margin: 6px 0;
}
#widget-list-1 ul li h6 {
	margin: 6px 0;
	font-size: 17px;
	font-family: "google_sansregular";
}
.largeGaps {
	border-image-source: url("http://i.stack.imgur.com/LKclP.png");
}

/*responsive style starts here*/
@media all and (max-width: 1280px) {
}
@media all and (max-width: 980px) {
	#widget-list-1 {
		padding: 40px 0;
	}
	#widget-list-1 ul {
		margin: 30px 0 0;
	}
	#widget-list-1 div.top h3 {
		font-size: 35px;
	}
	#widget-list-1 div.top p {
		font-size: 18px;
	}
}
@media all and (max-width: 768px) {
	#widget-list-1 div.top h3 {
		font-size: 30px;
	}
	#widget-list-1 div.top p {
		font-size: 16px;
	}
	#widget-list-1 ul li {
		width: 100%;
		margin: 2% 0;
	}
}
@media all and (max-width: 640px) {
	
	
	#widget-list-1 div.top h3 {
		font-size: 25px !important;
	}
	#widget-list-1 div.top p {
		font-size: 14px;
	}
}
@media all and (max-width: 480px) {
}
@media all and (max-width: 360px) {
}
@media all and (max-width: 320px) {
}
/*responsive style ends here*/

/*(style for widget-list-1 end here )*/

/*(style for #widget-list-2 starts here)*/

#widget-list-2 {
	padding: 50px 0;
	background: #f8f8f8;
}
#widget-list-2 div.top {
	margin-bottom: 40px;
	font-family: "google_sansmedium";
	font-size: 34px;
}
#widget-list-2 div.top h3 {
	text-align: center;
	font-size: 31px;
}
#widget-list-2 ul {
	float: left;
}
#widget-list-2 ul li {
	float: left;
	width: 32.5%;
	border-radius: 10px;
	padding: 40px;
	box-sizing: border-box;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1);
	position: relative;
	margin-right: 1%;
}
#widget-list-2 ul li:nth-child(3n) {
	margin-right: 0;
}
#widget-list-2 ul li h4 {
	font-family: "google_sansbold";
	font-size: 21px;
	margin-bottom: 13px;
}
#widget-list-2 ul li p {
	font-size: 20px;
	color: #989898;
	width: 80%;
	margin-bottom: 30px;
}
#widget-list-2 ul li span.icon {
	display: block;
	width: 95px;
	height: 95px;
	float: right;
}
#widget-list-2 ul li span.icon1 {
	background: url("../images/ekerala-sprite.png") no-repeat -10px -100px;
}
#widget-list-2 ul li span.icon2 {
	background: url("../images/ekerala-sprite.png") no-repeat -100px -100px;
}
#widget-list-2 ul li span.icon3 {
	background: url("../images/ekerala-sprite.png") no-repeat -210px -100px;
}
#widget-list-2 ul li span.round2 {
	display: inline-block;
	width: 70px;
	height: 70px;
	background: #28cc8b;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: -38px;
	border: 10px solid #d2f3e6;
	font-size: 22px;
}
#widget-list-2 ul li span.round2 small.icon-right {
	color: #fff;
	font-size: 20px;
}
#widget-list-2 ul li span.round2 small.icon-down {
	display: none;
}

/*(responsive for #widget-list-2 starts here)*/

@media all and (max-width: 1280px) {
}
@media all and (max-width: 1200px) {
	#widget-list-2 ul li h4 {
		font-size: 20px;
	}
	#widget-list-2 ul li p {
		font-size: 18px;
		width: 85%;
	}
	#widget-list-2 ul li span.round1 {
		width: 60px;
		height: 60px;
		right: -34px;
	}
	#widget-list-2 ul li span.round2 small.icon-right {
		font-size: 20px;
	}
}
@media all and (max-width: 980px) {
	#widget-list-2 {
		padding: 26px 0;
	}
	#widget-list-2 div.top {
	}
	#widget-list-2 ul li p {
		width: 100%;
		margin-bottom: 10%;
	}
	#widget-list-2 ul li span.icon {
		float: none;
		margin: 0 auto;
	}
	#widget-list-2 ul li {
		padding: 30px;
	}
	#widget-list-2 ul li br.clear {
		display: none;
	}
}
@media all and (max-width: 768px) {
	#widget-list-2 ul li {
		width: 100%;
		margin-bottom: 10px;
	}
	#widget-list-2 ul li:last-child {
		margin-bottom: 0;
	}
	#widget-list-2 ul li p {
		margin-bottom: 3%;
	}
	#widget-list-2 ul li span.icon {
		float: right;
	}
	#widget-list-2 ul li span.round1 {
		top: 227px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	#widget-list-2 ul li span.round2 {
		top: 240px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	#widget-list-2 ul li span.round2 small.icon-right {
		display: none;
	}
	#widget-list-2 ul li span.round2 small.icon-down {
		display: block;
		color: #fff;
		font-size: 20px;
	}
	#widget-list-2 ul li br.clear {
		display: block;
	}
	
}
@media all and (max-width: 640px) {
	#widget-list-2 ul li {
		padding: 30px;
	}
	#widget-list-2 ul li span.round2 {
		top: 240px;
	}
}
@media all and (max-width: 620px) {
}
@media all and (max-width: 480px) {
	.common-head {
		margin-top: 10%;
	}
	#faq .left h3 {
		margin-bottom: 20px;
	}
	#faq .left h3 {
		font-size: 27px;
	}
	#partner-card1 {
		padding: 0px 0 40px;
	}
	#widget-list-1 ul li h4 {
		font-size: 16px;
	}
	#widget-list-2 ul li span.round2 {
		top: 300px;
	}
	#widget-list-2 ul li {
		padding: 10% 10%;
	}
}
@media all and (max-width: 360px) {
	#widget-list-2 ul li span.round2 {
		top: 287px;
	}
	#widget-list-2 {
		padding: 1px 0 45px 0;
	}
}
@media all and (max-width: 320px) {
	span.mobile-menu-icon {
		/* top: 60px; */
	}
	#widget-list-2 ul li span.round2 {
		top: 224px;
	}
	#widget-list-2 ul li p {
		font-size: 14px;
	}
}
/*(responsive for #widget-list-2 ends here)*/
/*(style for #widget-list-2 ends here)*/

#partner-card1 {
	padding: 50px 0;
}
#partner-card1 .top {
	margin-bottom: 40px;
}
#partner-card1 .top h3 {
	text-align: center;
	font-size: 30px;
	font-family: "google_sansmedium";
}
#partner-card1 .bottom {
	width: 80%;
	margin: 0 auto;
}
#partner-card1 .bottom ul {
	width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
#partner-card1 .bottom ul li {
	float: left;
	padding: 5% 2%;
	width: 22%;
	margin-right: 4%;
	-webkit-box-shadow: -1px -1px 18px #9e9e9e;
	-moz-box-shadow: -1px -1px 18px #9e9e9e;
	box-shadow: 2px 2px 10px #cfcfcf;
	border-radius: 5px;
}
#partner-card1 .bottom ul li:last-child {
	margin-right: 0;
}
#partner-card1 .bottom ul li a {
	display: block;
	width: 60%;
	margin: 0 auto;
}
#partner-card1 .bottom ul li h3.title {
	margin-top: 15%;
	font-family: "google_sansmedium";
}
#partner-card1 .bottom ul li a img {
	display: block;
	width: 100%;
}
/*responsive of section1*/
@media all and (max-width: 1280px) {
}
@media all and (max-width: 980px) {
	#partner-card1 {
		padding: 40px 0;
	}
	#partner-card1 .top {
		margin-bottom: 30px;
	}
	#partner-card1 .top h3 {
		font-size: 35px;
	}
}
@media all and (max-width: 768px) {
	#partner-card1 .top h3 {
		font-size: 27px !important;
		margin: 10% 0 8% 0;
	}
}
@media all and (max-width: 640px) {
	#partner-card1 .bottom ul li h3.title {
		font-size: 15px;
	}
}
@media all and (max-width: 480px) {
	#partner-card1 .bottom ul li h3.title {
		font-size: 15px;
	}
	#partner-card1 .bottom ul li {
		width: 45%;
		margin: 0 10% 10% 0;
		padding: 10% 2%;
	}
	#partner-card1 .bottom ul li:nth-child(2n) {
		margin-right: 0;
	}
	#partner-card1 .bottom ul {
		margin-bottom: -10%;
	}
	#partner-card1 .bottom ul li a {
		width: 50%;
	}
}
@media all and (max-width: 360px) {
	h3 {
		font-size: 14px !important;
	}
	h4 {
		font-size: 16px !important;
	}
	#partner-card1 {
		padding: 0 0 10px 0;
	}
}
@media all and (max-width: 320px) {
}
/*responsive of section2*/

/* Section Member-List-1*/

.member-list-1 {
	text-align: center;
	padding: 50px 0;
}
.member-list-1 .top {
	margin-bottom: 40px;
}
.member-list-1 .top h3 {
	font-family: "google_sansmedium";
	font-size: 35px;
}
.member-list-1 section.bottom ul {
	float: left;
	width: 100%;
	margin-bottom: -40px;
}
.member-list-1 section.bottom ul .card {
	float: left;
	width: 33.33%;
	text-align: center;
	margin-bottom: 40px;
}
.member-list-1 section.bottom ul .card .image {
	width: 190px;
	height: 190px;
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden;
}
.member-list-1 section.bottom ul .card .image img {
	width: 100%;
	display: block;
}
.member-list-1 section.bottom ul .card.active {
}
.member-list-1 section.bottom ul .card.active .image {
}
.member-list-1 section.bottom ul .card.active h4 {
	color: #28cc8b;
}
.member-list-1 section.bottom ul .card h4 {
	font-family: "google_sansmedium";
	margin: 15px 0 5px;
	font-size: 24px;
}
.member-list-1 section.bottom ul .card p {
	font-family: "google_sansregular";
	color: #707070;
	font-size: 14px;
}
.member-list-1 section.bottom a.button {
	display: inline-block;
	background-color: #141414;
	color: #fff;
	border-radius: 30px;
	font-size: 15px;
	margin-top: 40px;
	padding: 20px 40px;
}
.circle__spin {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 200px;
	height: 200px;
}
.circle__spin svg {
	width: 100%;
	height: 100%;
}
.circle__spin circle {
	stroke-width: 6; /* control the dashes width */
	stroke-dasharray: 70, 50; /* control the dashes spacing */
	fill: none;
	stroke: #707070;
}
.member-list-1 section.bottom ul .card.active div.circle .circle__spin circle {
	stroke: #28cc8b;
}
div.circle {
	position: relative;
}
li.active .circle__spin svg {
	animation: spin 10s linear infinite;
}
@keyframes spin {
	100% {
		transform: rotateZ(360deg);
	}
}

/*Responsive Starts here*/

@media all and (max-width: 1280px) {
	.member-list-1 section.bottom ul .card:last-child {
		display: block;
	}
}

@media all and (max-width: 980px) {
	.member-list-1 .top h3 {
		font-size: 35px;
		margin-bottom: 8%;
	}
	.member-list-1 {
		padding: 40px 0;
	}
	.member-list-1 .top {
		margin-bottom: 30px;
	}
	.member-list-1 section.bottom a.button {
		margin-top: 30px;
	}
	.member-list-1 section.bottom ul .card:last-child {
		display: block;
	}
}
@media all and (max-width: 768px) {
	.member-list-1 .top h3 {
		font-size: 27px !important;
	}
	.member-list-1 section.bottom ul .card .image {
		width: 150px;
		height: 150px;
	}
	.circle__spin circle {
		stroke-dasharray: 45, 50;
	}
	.member-list-1 section.bottom ul .card:last-child {
		display: block;
	}
}
@media all and (max-width: 640px) {
	.member-list-1 section.bottom ul .card {
		width: 50%;
	}
	.member-list-1 section.bottom ul .card:last-child {
		display: block;
	}
}
@media all and (max-width: 480px) {
	.member-list-1 section.bottom ul .card {
		width: 50%;
	}
	.circle__spin {
		width: 165px;
		height: 165px;
	}
	.member-list-1 {
		text-align: center;
		padding: 30px 0;
	}
	#single-content-card-1 {
		padding: 30px 0;
	}
	.member-list-1 section.bottom ul .card {
		margin-bottom: 25px;
	}
	.member-list-1 section.bottom ul {
		margin-bottom: -15px;
	}
	.member-list-1 section.bottom a.button {
		margin-top: 20px;
	}
	.member-list-1 .top {
		margin-bottom: 25px;
	}
}
@media all and (max-width: 360px) {
	.member-list-1 section.bottom ul .card .image {
		width: 120px;
		height: 120px;
	}
	.circle__spin circle {
		stroke-dasharray: 45, 30;
	}
	.circle__spin {
		width: 140px;
		height: 140px;
	}
	.member-list-1 {
		text-align: center;
		padding: 30px 0;
	}
	#single-content-card-1 {
		padding: 30px 0;
	}
	.member-list-1 .top h3 {
		font-size: 27px !important;
		margin-bottom: 12%;
	}
}
@media all and (max-width: 320px) {
}
@media all and (max-width: 280px) {
}

section#content-card-1 {
	text-align: center;
	padding: 50px 0 100px;
}
#content-card-1 h3 {
	font-family: "google_sansmedium";
	margin-bottom: 40px;
	font-size: 33px;
}
#content-card-1 div {
	/*float: left;*/
	width: 100%;
	padding: 1px 0 0 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-height: 580px;
}
#content-card-1 div div.card {
	float: left;
	width: 30%;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	margin: 0 0% 5% 0;
	padding: 30px;
	text-align: left;
}
#content-card-1 div.owl-carousel div.card {
	width: 98%;
}
#content-card-1 div div.card:nth-child(3n) {
	margin-right: 0;
}
#content-card-1 div div.card div.top {
	width: 279px;
	height: 246px;
	overflow: hidden;
	margin: auto;
}
#content-card-1 div div.card div.top img {
	width: 100%;
	display: block;
}
#content-card-1 div div.card div.bottom {
	/*padding: 4%;*/
}
#content-card-1 div div.card div.bottom h4 {
	font-family: "google_sansmedium";
	margin: 20px 0;
	font-size: 24px;
}
#content-card-1 div div.card div.bottom p {
	font-family: "google_sansregular";
	font-size: 18px;
	text-align: left;
}
#content-card-1 a.button {
	display: inline-block;
	background-color: #141414;
	color: #fff;
	border-radius: 30px;
	font-size: 15px;
	padding: 20px 40px;
}
/*responsive of content-card 1 starts here*/

@media all and (max-width: 1280px) {
}
@media all and (max-width: 980px) {
	section#content-card-1 {
		padding: 14px 0 40px 0;
	}
	#content-card-1 h3 {
		font-size: 35px;
		margin-bottom: 30px;
	}
	#content-card-1 ul li {
		width: 46%;
		margin-right: 8%;
	}
	#content-card-1 ul li:nth-child(2n) {
		margin-right: 0;
	}
	#content-card-1 ul li:nth-child(3) {
		margin-right: 8%;
	}
	#content-card-1 a.button {
		display: inline-block;
		background-color: #141414;
		color: #fff;
		border-radius: 30px;
		font-size: 15px;
		margin-top: 35px;
		padding: 20px 40px;
	}
	#single-content-card-1 .right {
		text-align: center;
	}
}
@media all and (max-width: 768px) {
	#content-card-1 ul li {
		padding: 30px;
	}
	#content-card-1 h3 {
		font-size: 27px;
	}
	#content-card-1 ul li {
		width: 45%;
	}
	#content-card-1 ul li div.bottom p {
		font-size: 15px;
	}
}
@media all and (max-width: 640px) {
	#content-card-1 ul li {
		margin: 0 0 5% 0;
	}
	#content-card-1 ul {
	}
	#content-card-1 ul li div.bottom h4 {
		font-size: 20px;
	}
	#content-card-1 ul li div.bottom p {
		font-size: 15px;
	}
	#content-card-1 h3 {
		font-size: 27px;
	}
	#content-card-1 ul li div.top img {
		margin: auto;
	}
	#content-card-1 a.button {
		margin-top: 0;
	}
	.line-vertical p::before {
		position: absolute;
		border: 2px solid #fff;
		width: 0;
		height: 17px;
		display: block;
		content: "";
		left: 8px;
		z-index: 1;
		top: 17px;
	}
}
@media all and (max-width: 480px) {
	#content-card-1 ul li {
		width: 100%;
	}
	#content-card-1 ul li div.bottom h4 {
		font-size: 20px;
	}
	#content-card-1 ul li div.bottom p {
		font-size: 15px;
	}
	#content-card-1 ul li div.top {
		width: 80%;
		margin: 0 auto;
	}
	#content-card-1 a.button {
		padding: 13px 40px;
	}
}
@media all and (max-width: 360px) {
	section#content-card-1 {
		padding: 30px 0;
	}
	#content-card-1 h3 {
		margin-bottom: 25px;
		font-size: 25px !important;
	}
	#content-card-1 a.button {
		margin-top: 25px;
	}
}
@media all and (max-width: 320px) {
	#content-card-1 ul.owl-carousel li {
		margin-right: 0;
	}
	#single-content-card-1 .right p {
		padding: 0 10%;
	}
	#content-card-1 ul li div.bottom p {
		font-size: 14px;
	}
	#content-card-1 ul li div.top {
		width: 100%;
	}
}

/*responsive of content-card-1 ends here*/
#faq {
}
#relative {
	position: relative;
}
#faq .left {
	background-color: #28cc8b;
	color: #fff;
	padding: 5% 5% 12%;
	width: 50%;
}
#faq .left h3 {
	font-size: 35px;
	font-family: "google_sansmedium";
	margin-bottom: 30px;
}
#faq .left span {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: #fff;
	border: 3px solid #62d9aa;
	border-radius: 30px;
	color: #28cc8b;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	margin-right: 10px;
}
#faq .left p small {
	font-size: 25px;
}
#faq .left p:last-child {
	margin-bottom: 0;
}
#faq .left p {
	font-size: 17px;
	margin-bottom: 28px;
	font-family: "google_sansregular";
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}
#faq .right {
	width: 50%;
	padding: 5%;
}
#faq .right h3 {
	color: #28cc8b;
	font-size: 35px;
	margin-bottom: 30px;
	font-family: "google_sansmedium";
}
#faq .right p.space {
	margin-bottom: 5px;
	text-align: justify;
}
#faq .right p {
	font-size: 20px;
}
#pop-up-mission {
	width: 70%;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 15px;
	position: absolute;
	top: 90%;
	right: 0;
	left: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	padding: 50px;
}
#pop-up-mission div.left-item {
	width: 50%;
	text-align: center;
}
#pop-up-mission div.left-item span.icon {
	width: 90px;
	height: 90px;
	display: block;
	background: url(../images/ekerala-sprite.png) 0 -207px;
	margin: 0 auto;
}
#pop-up-mission div.left-item h5 {
	font-size: 33px;
	font-family: "google_sansmedium";
}
#pop-up-mission div.right-item {
	width: 50%;
}
#pop-up-mission div.right-item span {
	color: #28cc8b;
}
#pop-up-mission div.right-item p {
	font-family: "google_sansregular";
	font-size: 25px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}
#pop-up-mission div.right-item p:last-child {
	margin-bottom: 0;
}
#pop-up-mission div.right-item p span {
	margin-right: 10px;
	font-size: 15px;
}
/*responsive starts for #faq here*/

@media all and (max-width: 1280px) {
	#relative #faq section.left .line-vertical p::before {
		position: absolute;
		border: 2px solid #fff;
		width: 0;
		height: 63px;
		display: block;
		content: "";
		left: 8px;
		z-index: 1;
		top: 17px;
	}
	#faq .left p small {
		width: 89%;
	}
	#pop-up-mission {
		top: 70%;
	}
	#faq .right {
		padding: 4% 10%;
	}
	section#icon-card {
		padding: 8% 0 2%;
	}
	#pop-up-mission div.right-item p {
		font-size: 21px;
	}
	#pop-up-mission div.left-item h5 {
		font-size: 25px;
	}
	#pop-up-mission {
		top: 64%;
	}
	#pop-up-mission div {
		padding: 4% 5%;
	}
	#pop-up-mission {
		position: relative;
	}
	#pop-up-mission {
		right: 0;
		width: 80%;
		top: -44px;
	}
	#relative {
		padding: 0 0 40px 0;
	}
	#faq .left p small {
		font-size: 18px;
		width: 90%;
	}
	#faq .left p {
		font-size: 15px;
		margin-bottom: 22px;
	}
	#faq .left {
		padding: 8% 10%;
	}
	#faq .right {
		padding: 5% 6%;
	}

	#faq {
		padding-bottom: 17%;
	}
	#faq .right p {
		font-size: 18px;
	}

	#faq .left {
		width: 50%;
	}
	#faq .left p small {
		width: 100%;
		float: none;
	}
	#faq .left p br.clear {
		display: none;
	}
	#faq .right {
		width: 50%;
	}

	#faq {
		padding-bottom: 0;
	}
}
@media all and (max-width: 980px) {
	#faq .left h3 {
		font-size: 35px;
	}
	#faq .right h3 {
		font-size: 35px;
	}
	#relative {
		padding: 0 0 0 0;
	}
	#pop-up-mission {
		padding: 30px;
		width: 90%;
	}
	#faq {
		margin-bottom: 20px;
	}
	#faq .left {
		width: 100%;
	}
	#faq .right {
		width: 100%;
	}
}
@media all and (max-width: 768px) {
	#faq .left h3 {
		font-size: 35px;
	}
	#faq .right h3 {
		font-size: 33px;
	}
	#faq .right h3 {
		margin-bottom: 20px;
	}
	#pop-up-mission {
		display: block;
	}
	#pop-up-mission div.left-item {
		padding: 0;
		width: 100%;
		margin-bottom: 20px;
	}
	#pop-up-mission div.right-item {
		padding: 0;
		width: 65%;
		margin: 0 auto;
	}
}
@media all and (max-width: 640px) {
	#faq {
		margin-bottom: 40px;
	}
	#pop-up-mission div.left-item {
		width: 100%;
	}
	#pop-up-mission div.right-item {
		width: 100%;
	}
	#faq .right h3 {
		margin-bottom: 10px !important;
	}
	#faq .left h3 {
		margin-bottom: 10px;
	}
	#pop-up-mission {
		padding: 30px;
	}
	#pop-up-mission div.left-item {
		padding: 0;
		margin-bottom: 20px;
	}
	#pop-up-mission div.right-item {
		padding: 0;
	}
	#faq .right p {
		font-size: 17px;
	}
	#faq .left span.last {
		top: -10px;
	}
}
@media all and (max-width: 480px) {
	#faq .right {
		padding: 40px 30px 0;
	}
	#faq .left p small {
		font-size: 17px;
	}
	#faq .right h3 {
		font-size: 27px;
	}
	#faq .right h3 {
		font-size: 27px;
	}
	#faq .left p small {
		font-size: 16px;
	}
	#faq .left p {
		font-size: 14px;
	}
	#faq .left {
		padding: 8% 5%;
	}
	#faq2 .left,
	#faq2 .right {
		padding: 7% 5%;
	}
	#faq2 .left p {
		font-size: 14px;
	}
	#faq2 .right p {
		font-size: 14px;
	}
}
@media all and (max-width: 360px) {
	#faq .right h3 {
		margin-bottom: 10px;
		font-size: 20px !important;
	}
	#faq .left p small {
		font-size: 17px;
	}
	#faq .left span.one {
		top: -10px;
	}
	#relative {
		padding: 0 0 0 0;
	}
	#faq .left p {
		margin-bottom: 10px;
	}
	.line-vertical p::before {
		position: absolute;
		border: 2px solid #fff;
		width: 0;
		height: 28px;
		display: block;
		content: "";
		left: 8px;
		z-index: 1;
		top: 17px;
	}
}
@media all and (max-width: 320px) {
	#pop-up-mission div.left-item h5 {
		font-size: 22px;
	}
	#faq .right p {
		font-size: 14px;
		text-align: justify;
	}
	#faq .right h3 {
		font-size: 16px !important;
	}
	#pop-up-mission div.right-item p {
		font-size: 14px;
	}
	#faq .left h3 {
		font-size: 16px !important;
	}
	#faq .left span.one {
		top: 0px;
	}
}
/*responsive end here*/

/*style for #icon-card starts from here*/
section#icon-card {
	padding: 15% 0 5%;
}
section#icon-card section.top h3 {
	font-size: 33px;
	text-align: center;
	font-weight: bold;
	margin: 0 0 40px 0;
}
section#icon-card section.top ul {
	width: 100%;
}
section#icon-card section.top li {
	width: 32%;
	display: block;
	float: left;
	margin: 0 1% 1% 0;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	padding: 10px 20px;
}
section#icon-card section.top li:nth-child(3n) {
	margin-right: 0;
}
section#icon-card section.top li div.left {
	width: 40%;
}
section#icon-card section.top li div.left span.icon1 {
	width: 97px;
	height: 97px;
	display: block;
	background: url(../images/ekerala-sprite.png) 0px -302px;
}
section#icon-card section.top li div.left span.icon2 {
	width: 97px;
	height: 97px;
	display: block;
	background: url(../images/ekerala-sprite.png) -100px -302px;
}
section#icon-card section.top li div.left span.icon3 {
	width: 97px;
	height: 97px;
	display: block;
	background: url(../images/ekerala-sprite.png) -200px -302px;
}
section#icon-card section.top li div.left span.icon4 {
	width: 97px;
	height: 97px;
	display: block;
	background: url(../images/ekerala-sprite.png) -300px -302px;
}
section#icon-card section.top li div.left span.icon5 {
	width: 97px;
	height: 97px;
	display: block;
	background: url(../images/ekerala-sprite.png) -400px -302px;
}
section#icon-card section.top li div.left span.icon6 {
	width: 97px;
	height: 97px;
	display: block;
	background: url(../images/ekerala-sprite.png) -500px -302px;
}
section#icon-card section.top li div.right {
	width: 60%;
	display: inline-block;
	text-align: center;
}
section#icon-card section.top li div.right h6 {
	font-size: 19px;
}
section#icon-card section.top li {
	display: flex;
	align-items: center;
}

@media only screen and (max-width: 1280px) {
	section#icon-card {
		padding-bottom: 50px;
		padding-top: 0;
	}
}
@media only screen and (max-width: 1200px) {
	section#icon-card section.top li {
		width: 49%;
	}
	section#icon-card section.top li:nth-child(2n) {
		margin-right: 0;
	}
	section#icon-card section.top li:nth-child(3n) {
		margin-right: 1%;
	}
	section#icon-card section.top li:last-child {
		margin-right: 0;
	}
}
@media only screen and (max-width: 980px) {
	section#icon-card {
		padding: 0 0 40px 0;
	}
	section#icon-card section.top h3 {
		margin-bottom: 30px;
	}
	section#icon-card section.top h3 {
		font-size: 35px;
	}
	section#icon-card section.top li div.right h6 {
		font-size: 22px;
	}
	section#icon-card section.top li {
		margin: 0 2% 2% 0;
	}
	section#icon-card section.top li:nth-child(2n + 1) {
		margin-right: 2%;
	}
}
@media only screen and (max-width: 768px) {
	section#icon-card section.top h3 {
		font-size: 27px;
	}
	section#icon-card section.top li div.right h6 {
	}
	section#icon-card section.top li {
		padding: 20px 17px;
	}
	section#icon-card section.top li div.right h6 {
		font-size: 20px;
	}
}
@media only screen and (max-width: 640px) {
	section#icon-card section.top h3 {
		font-size: 25px;
	}
	section#icon-card section.top li {
		width: 100%;
	}
	section#icon-card section.top li div.right {
		padding: 0 80px 0 0;
	}
}
@media only screen and (max-width: 480px) {
	section#icon-card section.top h3 {
		margin-bottom: 25px;
		margin-top: 30px;
	}
	section#icon-card section.top li {
		margin-bottom: 20px;
	}
	section#icon-card section.top li:last_child {
		margin-bottom: 0;
	}
	section#icon-card section.top h3 {
		font-size: 22px;
	}
	section#icon-card section.top li div.right {
		width: 80%;
	}
	section#icon-card section.top li div.left {
	}
	section#icon-card section.top li div.right h6 {
	}
	section#icon-card section.top li div.right {
		padding: 0;
		width: 100%;
	}
}
@media only screen and (max-width: 360px) {
	#testimonials {
		padding: 30px 0;
	}
	section#icon-card {
		padding: 0 0 20px 0;
	}
	section#icon-card section.top h3 {
		font-size: 20px !important;
		margin-bottom: 30px;
	}
	section#icon-card section.top li div.right h6 {
		font-size: 17px;
	}
}
@media only screen and (max-width: 320px) {
	section#icon-card section.top h3 {
		font-size: 19px;
	}
	section#icon-card section.top li div.right h6 {
		font-size: 15px;
	}
}

/*styles for #icon-card ends here*/

#testimonials {
	padding: 50px 0;
	text-align: center;
}
#testimonials section.top {
}
#testimonials a.button {
	background: #141414;
	color: #fff;
	padding: 20px 40px;
	border-radius: 30px;
	margin-top: 30px;
	display: inline-block;
}
#testimonials section.top {
	margin-bottom: 20px;
}
#testimonials section.top h3 {
	font-size: 35px;
	font-family: "google_sansmedium";
	margin-bottom: 30px;
}
#testimonials div.slidercontainer {
	position: relative;
}
#testimonials div.slidercontainer div.item {
	width: 100%;
	position: relative;
	padding: 10px;
	float: left;
	margin-right: 18px;
}
div#slider div.owl-nav {
	display: block;
}
#testimonials div.owl-carousel div.owl-nav button.owl-prev {
	position: absolute;
	top: 81px;
	left: -44px;
	font-size: 60px;
}
#testimonials div.owl-carousel div.owl-nav button.owl-next {
	position: absolute;
	top: 81px;
	right: -44px;
	font-size: 60px;
}
#testimonials div.slidercontainer div.item span {
	position: absolute;
	left: 0;
	top: 0;
	color: #28cc8b;
	font-size: 20px;
}
#testimonials div.slidercontainer div.item div.content {
	padding: 30px 30px 60px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.04);
	text-align: left;
}
#testimonials div.slidercontainer div.item div.content p {
	font-size: 16px;
	color: #606060;
	font-family: "google_sansregular";
}
#testimonials div.slidercontainer div.item div.bottom {
}
#testimonials div.slidercontainer div.item div.bottom img {
	width: 80px;
	height: 80px;
	margin-left: 124px;
	display: block;
	margin-bottom: 14px;
	margin-top: -47px;
	margin: 0 auto;
	top: -40px;
	position: relative;
}
#testimonials div.slidercontainer div.bottom h5 {
	font-size: 18px;
	color: #28cc8b;
	font-family: "google_sansmedium";
}
#testimonials div.slidercontainer div.bottom p {
	font-size: 15px;
	color: #606060;
	font-family: "google_sansregular";
}
#testimonials div.slidercontainer div.owl-item.active.center div.bottom h5 {
	font-size: 25px;
}
#testimonials div.slidercontainer div.owl-item.active.center div.item span {
	font-size: 27px;
	left: -6px;
	top: -4px;
}
#testimonials div.slidercontainer div.owl-item.active.center div.item {
	margin-top: 20px;
}

/* responsive starts here*/
@media all and (max-width: 980px) {
	#testimonials {
		padding: 40px 0;
	}
	#testimonials section.top h3 {
		font-size: 35px;
	}
	#testimonials a.button {
		margin-top: 25px;
	}
	#testimonials div.owl-carousel div.owl-nav button.owl-prev {
		left: -32px;
	}
	#testimonials div.owl-carousel div.owl-nav button.owl-next {
		right: -32px;
	}
}
@media all and (max-width: 768px) {
	#testimonials div.owl-carousel div.owl-nav button.owl-prev {
		left: -22px;
		bottom: 40px;
	}
	#testimonials div.owl-carousel div.owl-nav button.owl-next {
		right: -22px;
		bottom: 40px;
	}
	#testimonials div.slidercontainer div.bottom h5 {
		font-size: 16px;
	}
	#testimonials div.slidercontainer div.owl-item.active.center div.bottom h5 {
		font-size: 20px;
	}
	#testimonials div.slidercontainer div.bottom p {
		font-size: 14px;
	}
	#testimonials div.slidercontainer div.owl-item.active.center div.item span {
		font-size: 24px;
	}
}

@media all and (max-width: 640px) {
	div.owl-dots {
		display: none;
	}
	#testimonials a.button {
		margin-top: 20px;
	}
	#testimonials div.slidercontainer div.bottom p {
		font-size: 15px;
	}
	#testimonials div.slidercontainer div.bottom h5 {
		font-size: 20px;
	}
	#testimonials div.slidercontainer div.item div.content p {
		font-size: 15px;
	}
	#testimonials div.owl-carousel div.owl-nav button.owl-prev {
		font-size: 50px;
	}
	#testimonials div.owl-carousel div.owl-nav button.owl-next {
		font-size: 50px;
	}
}
@media all and (max-width: 480px) {
	#testimonials div.slidercontainer div.item span {
		font-size: 34px;
	}
	#testimonials div.owl-carousel div.owl-nav button.owl-next {
		right: -13px;
		font-size: 50px;
	}
	#testimonials div.slidercontainer div.item div.content p {
		font-size: 16px;
	}
	#testimonials div.slidercontainer div.bottom h5 {
		font-size: 22px;
	}
	#testimonials div.slidercontainer div.bottom p {
		font-size: 16px;
	}
}
@media all and (max-width: 360px) {
	#testimonials section.top h3 {
		margin-bottom: 20px;
	}
	#testimonials div.slidercontainer div.bottom p {
		margin-bottom: 14px;
	}
	#testimonials div.owl-carousel div.owl-nav button.owl-prev {
		left: -17px;
	}
	#testimonials a.button {
		margin-top: 10px;
	}
}
@media all and (max-width: 320px) {
	#testimonials {
		padding-top: 32px;
	}
	#testimonials div.owl-carousel div.owl-nav button.owl-next {
		right: -7px;
		font-size: 35px;
	}
	#testimonials div.owl-carousel div.owl-nav button.owl-prev {
		left: -11px;
		font-size: 32px;
	}
	#testimonials div.slidercontainer div.item span {
		font-size: 29px;
	}
}

/*faq2 style starts from here*/

#faq2 {
	position: relative;
}
#faq2 .left {
	background-color: #28cc8b;
	color: #fff;
	padding: 5%;
	width: 50%;
}
#faq2 .left h3 {
	font-size: 27px;
	font-family: "google_sansmedium";
	margin-bottom: 10px;
}
.line-vertical p span {
	position: relative;
	z-index: 10;
}
.line-vertical p {
	position: relative;
}
.line-vertical p::before {
	position: absolute;
	border: 2px solid #fff;
	width: 0;
	height: 45px;
	display: block;
	content: "";
	left: 8px;
	z-index: 1;
	top: 17px;
}
.line-vertical.color p::before {
	border: 2px solid #28cc8b;
}
.line-vertical p:last-child::before {
	display: none;
}
#faq2 .left span {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: #fff;
	border: 3px solid #62d9aa;
	border-radius: 30px;
	color: #28cc8b;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	margin-right: 10px;
}
#faq2 .left p small {
	font-size: 20px;
	text-align: justify;
	font-family: "google_sansregular";
}
#faq2 .left p {
	font-size: 20px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	font-family: "google_sansregular";
	margin-bottom: 10px;
	width: 100%;
}
#faq2 .right {
	background-color: #fff;
	padding: 5%;
	width: 50%;
}
#faq2 .right h3 {
	font-size: 27px;
	font-family: "google_sansmedium";
	margin-bottom: 10px;
	color: #000;
}
#faq2 .right span {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: #28cc8b;
	border: 3px solid #c4f1df;
	border-radius: 30px;
	color: #28cc8b;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	margin-right: 10px;
}
#faq2 .right p small {
	font-size: 20px;
	text-align: justify;
	font-family: "google_sansregular";
	float: right;
	width: 90%;
}
#faq2 .right p {
	font-size: 20px;
	margin-bottom: 10px;
	font-family: "google_sansregular";
	color: #000;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}
#faq2 .left p:last-child {
	margin-bottom: 0;
}
#faq2 .right p:last-child {
	margin-bottom: 0;
}

/*responsive starts for #faq2 here*/
@media all and (max-width: 1580px) {
	#faq .right p.space {
		font-size: 18px;
	}
	#pop-up-mission {
		top: 84%;
	}
}
@media all and (max-width: 1480px) {
	#faq .right h3 {
		margin-bottom: 21px;
	}
	#faq .right p {
		font-size: 18px;
	}
	#pop-up-mission {
		top: 86%;
	}
	#faq .left p small {
		font-size: 23px;
	}
	.line-vertical p::before {
		position: absolute;
		border: 2px solid #fff;
		width: 0;
		height: 46px;
		display: block;
		content: "";
		left: 8px;
		z-index: 1;
		top: 17px;
	}
	#relative .unique .line-vertical p::before {
		position: absolute;
		border: 2px solid #fff;
		width: 0;
		height: 53px;
		display: block;
		content: "";
		left: 8px;
		z-index: 1;
		top: 17px;
	}
	#relative .unique .line-vertical p:last-child::before {
		display: none;
	}
	section#icon-card {
		margin-top: 2%;
	}
}
@media all and (max-width: 1280px) {
	#faq2 .left p::before {
		margin-left: 0;
	}
	#relative .unique .line-vertical p::before {
		position: absolute;
		border: 2px solid #fff;
		width: 0;
		height: 63px;
		display: block;
		content: "";
		left: 8px;
		z-index: 1;
		top: 17px;
	}
	#relative .unique .line-vertical p:last-child::before {
		display: none;
	}
}
@media all and (max-width: 980px) {
	.line-vertical p::before {
		position: absolute;
		border: 2px solid #fff;
		width: 0;
		height: 35px;
		display: block;
		content: "";
		left: 8px;
		z-index: 1;
		top: 17px;
	}
	#relative .unique .line-vertical p::before {
		position: absolute;
		border: 2px solid #fff;
		width: 0;
		height: 46px;
		display: block;
		content: "";
		left: 8px;
		z-index: 1;
		top: 17px;
	}
	#relative .unique .line-vertical p:last-child::before {
		display: none;
	}
	#faq2 .left h3 {
		font-size: 28px;
	}
	#faq2 .left p small {
		font-size: 20px;
	}
	#faq2 .right h3 {
		font-size: 28px;
	}
	#faq2 .left p {
		font-size: 15px;
		width: 100%;
	}
	#faq2 .right p {
		font-size: 15px;
	}
	#faq2 .right p small {
		font-size: 20px;
	}
	#faq2 {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
}
@media all and (max-width: 768px) {
	#faq2 .left {
		float: none;
		width: 100%;
	}
	#faq2 .right {
		float: none;
		width: 100%;
	}
	#faq2 .right {
		padding: 5% 9%;
	}
	#faq2 .left h3 {
		font-size: 25px;
	}
	#faq2 .left h3,
	#faq2 .right h3 {
		font-size: 25px;
	}
	#faq2 .left p small,
	#faq2 .right p small {
		font-size: 17px;
	}
}
@media all and (max-width: 640px) {
	#faq2 .left h3,
	#faq2 .right h3 {
		font-size: 24px;
	}
	#faq2 {
		display: block;
	}
	#faq2 .left,
	#faq2 .right {
		padding: 40px;
	}
	#faq2 br.clear {
		display: none;
	}
	#faq2 .left p::before {
		height: 30px;
		top: 17px;
	}
	/*.line-vertical p::before {
	    position: absolute;
	    border: 2px solid #fff;
	    width: 0;
	    height: 17px;
	    display: block;
	    content: '';
	    left: 8px;
	    z-index: 1;
	    top: 17px;
	}*/
}
@media all and (max-width: 480px) {
}
@media all and (max-width: 360px) {
	#faq .left h3 {
		font-size: 20px !important;
	}
	#faq2 .left h3,
	#faq2 .right h3 {
		font-size: 18px !important;
	}
	#faq2 .left p,
	#faq2 .right p {
		margin-bottom: 10px;
	}
	#faq .left p small {
		float: right;
		width: 86%;
		font-size: 17px;
	}
	#faq2 .left p small {
		font-size: 17px;
	}
	.line-vertical p::before {
		position: absolute;
		border: 2px solid #fff;
		width: 0;
		height: 28px;
		display: block;
		content: "";
		left: 8px;
		z-index: 1;
		top: 17px;
	}
	#relative .unique .line-vertical p::before {
		position: absolute;
		border: 2px solid #fff;
		width: 0;
		height: 33px;
		display: block;
		content: "";
		left: 8px;
		z-index: 1;
		top: 17px;
	}
	#relative .unique .line-vertical p:last-child::before {
		display: none;
	}
	#faq .right p.space {
		font-size: 15px;
	}
	section#icon-card {
		margin-top: 8%;
	}
}
@media all and (max-width: 320px) {
	#pop-up-mission {
		width: 85%;
	}
	#faq2 .right p small {
		font-size: 18px;
	}
	#faq .left p small {
		font-size: 14px;
	}
	#faq2 .left p small {
		font-size: 14px;
	}
	#faq2 .left h3,
	#faq2 .right h3 {
		font-size: 17px !important;
	}
	#faq2 .right p small {
		font-size: 14px;
	}
	.line-vertical p::before {
		position: absolute;
		border: 2px solid #fff;
		width: 0;
		height: 34px;
		display: block;
		content: "";
		left: 8px;
		z-index: 1;
		top: 17px;
	}
}
/*responsive end here*/

/*(style for #widget-list-3 starts here)*/

#widget-list-3 {
	padding: 50px 0;
}
#widget-list-3 div.top {
	font-family: "google_sansmedium";
	font-size: 33px;
	width: 100%;
}
#widget-list-3 div.top h3 {
	margin-bottom: 40px;
	text-align: center;
	font-size: 33px;
}
#widget-list-3 ul {
	float: left;
	margin-bottom: -2%;
	width: 100%;
}
#widget-list-3 ul li {
	width: 48%;
	border-radius: 3%;
	float: left;
	padding: 3%;
	box-sizing: border-box;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1);
	margin: 0 4% 4% 0;
}
#widget-list-3 ul li:nth-child(2n) {
	margin-right: 0;
}
#widget-list-3 ul li h4 {
	font-size: 28px !important;
	margin-bottom: 3%;
}
#widget-list-3 ul li p {
	width: 85%;
}
#widget-list-3 ul li span {
	display: block;
	width: 95px;
	height: 95px;
	float: right;
}
#widget-list-3 ul li span.icon1 {
	background: url("../images/ekerala-sprite.png") no-repeat -10px -400px;
}
#widget-list-3 ul li span.icon2 {
	background: url("../images/ekerala-sprite.png") no-repeat -100px -400px;
}
#widget-list-3 ul li span.icon3 {
	background: url("../images/ekerala-sprite.png") no-repeat -210px -400px;
}
#widget-list-3 ul li span.icon4 {
	background: url("../images/ekerala-sprite.png") no-repeat -310px -400px;
}

/*(responsive for #widget-list-3 starts here)*/

@media all and (max-width: 980px) {
	#widget-list-3 div.top h3 {
		font-size: 30px !important;
	}
	#widget-list-3 {
		padding: 40px 0;
	}
	#widget-list-3 div.top h3 {
		margin-bottom: 30px;
	}
}
@media all and (max-width: 768px) {
	#widget-list-3 ul li:nth-child(2n) {
		margin: 0;
	}
	#widget-list-3 ul li {
		margin-right: 0;
		width: 100%;
		margin-bottom: 30px !important;
	}
	#widget-list-3 ul li:last-child {
		margin-bottom: 0;
	}
}
@media all and (max-width: 640px) {
	#widget-list-3 ul li {
		padding: 30px;
	}
	#widget-list-3 {
		padding-top: 0;
		padding-bottom: 0;
	}
}
@media all and (max-width: 480px) {
	#widget-list-3 ul li h4 {
		font-size: 23px !important;
	}
	#widget-list-3 div.top h3 {
		font-size: 25px !important;
	}
}
@media all and (max-width: 360px) {
	#widget-list-3 {
		padding-top: 0;
	}
	#widget-list-3 ul li {
		padding: 9%;
	}
	#widget-list-3 ul li h4 {
		margin-bottom: 2%;
	}
	#widget-list-3 ul li p {
		text-align: left;
	}
}
@media all and (max-width: 320px) {
	#widget-list-3 ul li p {
		font-size: 14px;
	}
	#widget-list-3 ul li h4 {
		font-size: 20px !important;
	}
}

/*(responsive for #widget-list-3 ends here)*/
/*(style for #widget-list-3 ends here)*/

/*Counterlist section starts here*/
#counterlist1 {
	padding: 20px 0;
}
#counterlist1 .top {
	margin-bottom: 40px;
}
#counterlist1 .top h3 {
	font-size: 33px;
	text-align: center;
	font-family: "google_sansmedium";
	color: #141414;
}
#counterlist1 ul {
	float: left;
	width: 100%;
	margin-bottom: -5%;
}
/*Counterlist section cards*/
#counterlist1 ul li.card {
	float: left;
	width: 21%;
	margin-right: 5.25%;
	box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2%;
	border-radius: 14px;
	margin-bottom: 5%;
}
#counterlist1 ul li.card:nth-child(4n) {
	margin-right: 0;
}
/*Counterlist section card heading*/
#counterlist1 ul li.card h4.count {
	text-align: center;
	font-size: 27px;
	margin-bottom: 4%;
	color: #28cc8b;
	font-family: "google_sansbold";
}
#counterlist1 ul li.card h6 {
	text-align: center;
	font-size: 17px;
	color: #606060;
	font-family: "google_sansregular";
}
/*Counterlist1 Section ends here*/
/*singlecontentcard2 section starts here*/
#singlecontentcard2 {
	background-image: url("../images/responsibility-bg.png");
	margin-top: 3%;
	background-size: cover;
	padding: 6% 0;
}
#singlecontentcard2 div.content {
	float: left;
	width: 50%;
}
#singlecontentcard2 div.content h3 {
	font-size: 33px;
	margin-bottom: 7%;
	font-family: "google_sansmedium";
	color: #141414;
}
#singlecontentcard2 div.content p {
	color: #707070;
	font-size: 20px;
	font-family: "google_sansregular";
	text-align: justify;
}
#singlecontentcard2 div.image {
	float: right;
	width: 40%;
}
#singlecontentcard2 img {
	display: none;
	width: 100%;
}
/*singlecontentcard2 section ends here*/

/*Responsive Design Starts here*/
@media all and (max-width: 1844px) {
	#singlecontentcard2 {
		background-position: 0 0;
		margin-top: 20px;
	}
}
@media all and (max-width: 1280px) {
	#singlecontentcard2 {
		background-position: -100px 0px;
	}
}
@media all and (max-width: 1200px) {
	#singlecontentcard2 {
		background-position: -215px -1px;
	}
}
@media all and (max-width: 1095px) {
	#counterlist1 .top {
		margin-bottom: 30px;
	}
	#singlecontentcard2 div.content {
		width: 60%;
		padding: 8%;
	}
}
@media all and (max-width: 1038px) {
	#singlecontentcard2 div.content {
		width: 60%;
		padding: 7%;
	}
}
@media all and (max-width: 992px) {
	#singlecontentcard2 img {
		display: block;
		width: 100%;
	}
	#singlecontentcard2 div.content {
		width: 100%;
	}
	#singlecontentcard2 div.image {
		display: none;
	}
	#singlecontentcard2 {
		background-position: -215px 0px;
	}
	#counterlist1 .top h3 {
		font-size: 27px !important;
	}
	#singlecontentcard2 {
		background-position: -48px 0px;
	}
	#counterlist1 {
		padding: 0 0;
	}
}
@media all and (max-width: 948px) {
	#singlecontentcard2 div.content {
		width: 70%;
		padding: 5%;
	}
}
@media all and (max-width: 850px) {
	#counterlist1 ul li.card:nth-child(2n) {
		margin-right: 0;
	}
	#counterlist1 ul li.card {
		width: 48%;
		margin-bottom: 4%;
		margin-right: 4%;
	}
}
@media all and (max-width: 817px) {
	#singlecontentcard2 div.content {
		width: 70%;
		padding: 6%;
	}
}
@media all and (max-width: 826px) {
	#singlecontentcard2 {
		background-image: none;
	}
	#singlecontentcard2 img {
		display: block;
		margin: 0 0 0 45%;
		width: 35%;
	}
	#singlecontentcard2 div.content {
		float: none;
		width: 100%;
		text-align: left;
		padding: 6% 6% 0 6%;
	}
	#singlecontentcard2 div.content h3 {
		margin-bottom: 3%;
	}
}
@media all and (max-width: 826px) {
	#singlecontentcard2 {
		padding: 3% 0;
		margin-top: 0;
	}
}
@media all and (max-width: 640px) {
	#counterlist1 {
		padding: 0 0 10px 0;
	}
}
@media all and (max-width: 562px) {
	#singlecontentcard2 img {
		width: 43%;
	}
}
@media all and (max-width: 484px) {
	#singlecontentcard2 img {
		width: 49%;
	}
	#counterlist1 {
		padding: 30px 0;
	}
	#singlecontentcard2 div.content {
		padding: 6% 10px 35px;
	}
}
@media all and (max-width: 400px) {
	#counterlist1 ul li.card {
	}
}
@media all and (max-width: 400px) {
	#singlecontentcard2 img {
		display: block;
		margin: 0 0 0 30%;
		width: 57%;
	}
}
@media all and (max-width: 400px) {
	#counterlist1 ul li.card h4.count {
		font-size: 15px;
	}
	#counterlist1 ul li.card h6 {
		font-size: 15px;
	}
	#counterlist1 ul li.card {
		padding: 15px;
	}
	#counterlist1 .top {
		margin-bottom: 20px;
	}
}
@media all and (max-width: 370px) {
}
@media all and (max-width: 362px) {
	#singlecontentcard2 div.content h3 {
		font-size: 19px;
	}
	#singlecontentcard2 div.content p {
		text-align: justify;
	}
	#counterlist1 {
		padding: 12px 0;
	}
}
/*Responsive Design Ends here*/

.icon-card-2 {
	text-align: center;
	padding: 50px 0;
}
.icon-card-2 h3 {
	text-align: center;
	font-size: 33px;
	font-family: "google_sansmedium";
}
.icon-card-2 ul {
	float: left;
	width: 100%;
	margin: 40px 0 0;
}
.icon-card-2 ul li {
	float: left;
	width: 32%;
	margin-right: 2%;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1);
	padding: 30px;
}
.icon-card-2 ul li:nth-child(3n) {
	margin-right: 0;
}
.icon-card-2 ul li span.icon {
	width: 100px;
	height: 100px;
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	margin-bottom: 15px;
}
.icon-card-2 ul li span.icon.icon1 {
	background: url("../images/ekerala-sprite.png") no-repeat -1px -500px;
}
.icon-card-2 ul li span.icon.icon2 {
	background: url("../images/ekerala-sprite.png") no-repeat -98px -500px;
}
.icon-card-2 ul li span.icon.icon3 {
	background: url("../images/ekerala-sprite.png") no-repeat -198px -500px;
}
.icon-card-2 ul li span.icon.icon4 {
	background: url("../images/ekerala-sprite1.png") no-repeat -2px -603px;
}
.icon-card-2 ul li span.icon.icon5 {
	background: url("../images/ekerala-sprite1.png") no-repeat -102px -601px;
}
.icon-card-2 ul li span.icon.icon6 {
	background: url("../images/ekerala-sprite1.png") no-repeat -201px -601px;
}
.icon-card-2 ul li span.icon.icon7 {
	background: url("../images/ekerala-sprite1.png") no-repeat -5px -702px;
}
.icon-card-2 ul li span.icon.icon8 {
	background: url("../images/ekerala-sprite1.png") no-repeat -104px -700px;
}
.icon-card-2 ul li span.icon.icon9 {
	background: url("../images/ekerala-sprite1.png") no-repeat -203px -701px;
}
.icon-card-2 ul li span.icon.icon10 {
	background: url("../images/ekerala-sprite1.png") no-repeat -4px -800px;
}
.icon-card-2 ul li span.icon.icon11 {
	background: url("../images/ekerala-sprite1.png") no-repeat -102px -796px;
}
.icon-card-2 ul li span.icon.icon12 {
	background: url("../images/ekerala-sprite1.png") no-repeat -204px -798px;
}

.icon-card-2 ul li h6 {
	font-size: 20px;
}
.icon-card-2 a.button {
	display: inline-block;
	background-color: #141414;
	color: #fff;
	border-radius: 30px;
	font-size: 15px;
	margin-top: 40px;
	padding: 20px 40px;
}

/*responsive style starts here*/
@media all and (max-width: 1280px) {
	ul.promoter {
		width: 100%;
		margin: 40px 5%;
	}
}
@media all and (max-width: 980px) {
	.icon-card-2 h3 {
		font-size: 27px;
	}
	.icon-card-2 {
		padding: 40px 0;
	}
	.icon-card-2 ul {
		margin: 30px 0%;
	}
}
@media all and (max-width: 768px) {
	.icon-card-2 h3 {
		font-size: 27px;
	}
}
@media all and (max-width: 640px) {
	.icon-card-2 h3 {
		font-size: 27px !important;
	}
	.icon-card-2 ul li {
		width: 100%;
		margin: 2% 0;
	}
	.icon-card-2 ul {
		margin: 25px 0;
	}
	.icon-card-2 a.button {
		margin-top: 15px;
	}
}
@media all and (max-width: 480px) {
	#single-content-card-1 .right p {
		margin: 20px 0 30px;
	}
	#widget-list-1 ul {
		margin: 15px 0 0;
	}
	#widget-list-1 {
		padding: 35px 0 30px;
	}
	#widget-list-2 div.top {
		margin-bottom: 21px;
	}
	#widget-list-2 {
		padding: 40px 0 50px;
	}
	#widget-list-2 div.top h3 {
		font-size: 25px;
	}
	.icon-card-2 a.button {
		padding: 10px 30px;
	}
	.icon-card-2 {
		padding: 20px 0 0;
	}
}
@media all and (max-width: 360px) {
	.icon-card-2 {
		padding: 0 0 30px;
	}
	.icon-card-2 ul {
		margin: 20px 0;
	}
}
@media all and (max-width: 320px) {
	.icon-card-2 ul li h6 {
		font-size: 17px;
	}
}
/*responsive style ends here*/
#content-card2 {
	text-align: center;
	padding: 50px 0;
}
#content-card2 div.head {
	text-align: center;
	margin-bottom: 40px;
}
#content-card2 div.head h3 {
	font-family: "google_sansmedium";
	font-size: 33px;
}
#content-card2 div.head p {
	color: #606060;
	font-family: "google_sansregular";
	font-size: 22px;
}
#content-card2 div.owl-carousel {
	/*float: left;*/
}
#content-card2 div.owl-carousel div.card {
	float: left;
	/*margin-right: 5%;*/
	/*position: relative;*/
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1);
	margin-bottom: 2%;
}
#content-card2 div.owl-carousel div.card:last-child {
	margin-right: 0;
}
#content-card2 div.owl-carousel div.card div.top {
	width: 100%;
	overflow: hidden;
}
#content-card2 div.owl-carousel div.card div.top a img {
	width: 100%;
}
#content-card2 div.owl-carousel div.card div.top h3 {
	font-family: "google_sansmedium";
	text-transform: uppercase;
	font-size: 14px;
}
#content-card2 div.owl-carousel div.card div.top h3 span {
	position: absolute;
	top: 9px;
	left: 17px;
	color: #fff;
	font-size: 21px;
}
#content-card2 div.owl-carousel div.card div.bottom {
	padding: 9%;
	text-align: left;
}
#content-card2 div.owl-carousel div.card div.bottom h6 {
	margin-bottom: 3%;
	font-family: "google_sansmedium";
	/*	font-size: 16px;
	padding: 15px 30px;*/
}
#content-card2 div.owl-carousel div.card div.bottom a h4 {
	color: #000;
}
#content-card2 div.owl-carousel div.card div.bottom h4 {
	font-family: "google_sansmedium";
	font-size: 20px;
	margin-bottom: 4%;
	text-align: left;
}
#content-card2 div.owl-carousel div.card div.bottom h4 span {
	display: block;
}
#content-card2 div.owl-carousel div.card div.bottom p {
	margin-bottom: 5%;
	text-align: left;
	font-size: 14px;
	font-family: "google_sansregular";
}
#content-card2 div.owl-carousel div.card div.bottom p.venue {
	color: #28cc8b;
	/*    margin-bottom: 10px;*/
}
#content-card2 div.owl-carousel div.card div.bottom a.button {
	padding: 4% 10%;
	border: 1px solid #28cc8b;
	border-radius: 30px;
	/* display: flex;*/
	align-items: center;
	color: #28cc8b;
	font-family: "google_sansregular";
	width: 55%;
	font-size: 18px;
	display: inline-block;
	text-align: center;
}
#content-card2
	div.owl-carousel
	div.card
	div.bottom
	a.button
	span.icon-right-open-mini {
	color: #28cc8b;
	font-size: 14px;
	display: none;
}
#content-card2 div.owl-carousel div.card div.bottom a.button3 {
	padding: 1% 10%;
	border: 1px solid #288acc;
	border-radius: 30px;
	display: inline-block;
	color: #288acc;
}

#content-card2 div.owl-carousel div.card div.bottom a.button span {
	color: #000;
	margin-left: 8%;
}
#content-card2 a.button2 {
	display: inline-block;
	background-color: #141414;
	color: #fff;
	border-radius: 30px;
	font-size: 15px;
	margin-top: 40px;
	padding: 15px 30px;
}

/*responsive of content-card2 starts here*/
@media all and (max-width: 1280px) {
	#singlecontentcard2 div.content h3 {
		font-size: 35px;
	}
	#singlecontentcard2 div.content p {
		font-size: 18px;
	}
}
@media all and (max-width: 980px) {
	#content-card2 ul li div.bottom a.button {
	}
	#content-card2 ul li div.bottom a.button {
		padding: 15px 23px;
		border: 1px solid #28cc8b;
		border-radius: 30px;
		display: flex;
		align-items: center;
		color: #28cc8b;
		font-family: "google_sansregular";
		font-size: 18px;
		display: inline-block;
		text-align: center;
	}
	#content-card2 div.head {
		margin-bottom: 30px;
	}
	#content-card2 a.button2 {
		margin-top: 30px;
	}
	#content-card2 div.head h3 {
		font-size: 35px;
	}
	#content-card-2 ul li:nth-child(2n) {
		margin-right: 0;
	}
	#content-card-2 ul li {
		height: auto !important;
		width: 46%;
		margin-right: 8%;
	}
	#content-card2 {
		padding: 40px 0;
	}
}
@media all and (max-width: 768px) {
	div.owl-dots {
		display: none;
	}
	#singlecontentcard2 div.content h3 {
		font-size: 27px !important;
	}
	#singlecontentcard2 div.content p {
		font-size: 16px;
	}

	#content-card2 div.head h3 {
		font-size: 27px;
	}
	#content-card2 ul li div.bottom {
	}
	#content-card2 ul li div.bottom h4 {
		font-size: 45px;
		margin-bottom: 20px;
	}
	#content-card2 ul li div.bottom p {
		font-size: 14px;
	}
	#content-card2 ul li div.bottom h4 {
		font-size: 20px;
	}
}
@media all and (max-width: 640px) {
	#content-card2 {
		padding: 0 0 40px 0;
	}
	#content-card2 ul li {
		-moz-box-shadow: inset 0 0 5px #888;
		-webkit-box-shadow: inset 0 0 5px#888;
		box-shadow: inner 0 0 5px #888;
	}
	#content-card2 ul li div.bottom h4 {
		font-size: 22px;
	}
	#content-card2 ul li div.bottom p {
		font-size: 16px;
	}
	#content-card2 a.button2 {
		margin-top: 30px;
	}
	#content-card2 div.owl-carousel div.card div.bottom a.button {
		width: auto;
		padding: 3% 12%;
	}
}
@media all and (max-width: 480px) {
	#content-card2 {
		text-align: center;
		padding: 40px 0;
	}
	#content-card2 ul li div.bottom p {
		margin-bottom: 20px;
	}
	#content-card2 ul li div.bottom h4 {
		margin-bottom: 20px;
	}
	#content-card2 ul li div.bottom h6 {
		margin-bottom: 20px;
	}
	#content-card2 a.button2 {
		margin-top: 25px;
	}
}
@media all and (max-width: 360px) {
	#content-card2 div.head h3 {
		font-size: 25px !important;
	}
	#content-card2 div.head p {
		font-size: 14px;
	}
	#content-card2 {
		padding: 30px 0;
	}
	#content-card2 div.head {
		margin-bottom: 20px;
	}
	#content-card2 a.button2 {
		margin-top: 20px;
	}
	#pop-up-mission div.right-item p span.up {
		position: relative;
		top: -17px;
	}
}
@media all and (max-width: 320px) {
	#content-card2 ul li div.bottom p {
		font-size: 14px;
	}
	#singlecontentcard2 div.content p {
		font-size: 14px;
	}
	#pop-up-mission div.right-item p span.up {
		position: relative;
		top: -10px;
	}
}

/* Section Single-Content-Card-1*/
#single-content-card-1 {
	padding: 50px 0;
	display: flex;
	align-items: center;
}
#single-content-card-1 .left {
	width: 40%;
}
#single-content-card-1 .left img {
	width: 100%;
	display: block;
}
#single-content-card-1 .right {
	width: 60%;
	padding: 0 5%;
}
#single-content-card-1 .right h3 {
	font-family: "google_sansmedium";
	font-size: 33px;
}
#single-content-card-1 .right p {
	font-family: "google_sansregular";
	font-size: 20px;
	color: #707070;
	margin: 5% 0;
	text-align: justify;
}
#single-content-card-1 .right a.button {
	display: inline-block;
	background-color: #141414;
	color: #fff;
	border-radius: 30px;
	font-size: 15px;
	padding: 20px 40px;
}
/*Responsive Starts here*/
@media all and (max-width: 1280px) {
	#single-content-card-1 .right {
		padding: 20px 50px;
	}
	#single-content-card-1 .right p {
		font-size: 18px;
		margin: 6% 0;
	}
	#single-content-card-1 .right h3 {
		font-size: 35px;
	}
}
@media all and (max-width: 980px) {
	#single-content-card-1 .right h3 {
		font-size: 35px;
	}
	#single-content-card-1 {
		padding: 14px 5%;
	}
	#single-content-card-1 .right {
		padding: 1% 2% 0;
	}
	#single-content-card-1 .left {
		display: none;
	}
	#single-content-card-1 .right {
		width: 100%;
		padding: 0;
		text-align: center;
	}
	#single-content-card-1 .right p {
		margin: 30px 0;
	}
	#single-content-card-1 .right a.button {
		margin-top: 14px;
	}
}
@media all and (max-width: 768px) {
	#single-content-card-1 .right h3 {
		font-size: 27px !important;
	}
	#single-content-card-1 .right p {
		font-size: 16px;
	}
}
@media all and (max-width: 640px) {
	#single-content-card-1 .right a.button {
		display: block;
		margin: 0 auto;
		text-align: center;
		width: 42%;
	}
	#singlecontentcard2 br.clear {
		display: none;
	}
}
@media all and (max-width: 480px) {
	#single-content-card-1 .right {
		text-align: center;
	}
	#singlecontentcard2 {
		padding-bottom: 0;
	}
	#single-content-card-1 .right a.button {
		width: 49%;
	}
}
@media all and (max-width: 360px) {
	#single-content-card-1 {
		padding: 30px 5%;
	}
	#single-content-card-1 .right p {
		margin: 25px 0;
	}
}
@media all and (max-width: 320px) {
	#single-content-card-1 .right h3 {
		font-size: 25px !important;
	}
	.icon-card-2 h3 {
		font-size: 25px !important;
	}
}
@media all and (max-width: 280px) {
}

/* styles for #partner-Card2 starts here*/

#partner-card2 {
	padding: 50px 0 0 0;
}
#partner-card2 .top h3 {
	text-align: center;
	margin-bottom: 40px;
	font-size: 33px;
	font-family: "google_sansmedium";
}
#partner-card2 .bottom div.owl-carousel {
	float: left;
	display: inline;
	width: 100%;
	position: relative;
}
#partner-card2 .bottom div.owl-carousel div {
	/*  margin: 0 auto;
    padding-left: 5px;*/
	padding-top: 2px;
}
#partner-card2 .top div.owl-carousel div a {
	display: block;
	width: 100%;
}
#partner-card2 .top div.owl-carousel div a img {
	width: 100%;
}
#partner-card2 .bottom div.out-card {
	-webkit-box-shadow: -1px -1px 18px #9e9e9e;
	-moz-box-shadow: -1px -1px 18px #9e9e9e;
	box-shadow: -1px -1px 11px #9e9e9e;
	border-radius: 8px;
	width: 20%;
	height: 100px;
	margin: 0 auto;
}
@media all and (max-width: 1280px) {
}
@media all and (max-width: 980px) {
	#partner-card2 .bottom div.owl-carousel div {
		padding-top: 3px;
	}
	#partner-card2 .bottom div.out-card {
		width: 20%;
		height: 84px;
		/* 	left: 386px;*/
	}
	#partner-card2 .top h3 {
		margin-bottom: 40px;
	}
	#partner-card2 {
		padding: 40px 0 0 0;
	}
	#partner-card2 .top h3 {
		margin-bottom: 30px;
	}
}
@media all and (max-width: 768px) {
	#partner-card2 .bottom div.owl-carousel div {
		padding-top: 0px;
	}
	#partner-card2 .bottom div.out-card {
		width: 35%;
		height: 89px;
		left: 222px;
	}
	div.owl-nav {
		display: none;
	}
}
@media all and (max-width: 640px) {
	#partner-card2 .bottom div.out-card {
		width: 34%;
	}
	div.owl-carousel .owl-item img {
		width: 90%;
		height: 82px;
	}
	#singlecontentcard2 img {
		margin-top: 30px;
	}
}
@media all and (max-width: 480px) {
	div.owl-carousel .owl-item img {
		width: 76%;
		height: 70px;
	}
	#partner-card2 .top h3 {
		margin-bottom: 15px;
	}
	#partner-card2 .top h3 {
		font-size: 30px;
	}
	#partner-card2 .bottom div.out-card {
		display: none;
	}
}
@media all and (max-width: 360px) {
	#home #spotlight div.left p {
		text-align: justify;
	}
	#partner-card2 .top h3 {
		font-size: 31px !important;
	}
	#partner-card2 {
		padding: 30px 0;
	}
	#partner-card2 .top h3 {
		margin-bottom: 25px;
	}
	div.owl-carousel .owl-item img {
		margin: auto;
		width: 60%;
	}
	#single-content-card-1 .right {
		padding: 0 5%;
	}
	#single-content-card-1 .right p {
		text-align: justify;
	}
	#partner-card2 {
		padding: 10px 0;
	}
	#single-content-card-1 .right a.button {
		padding: 8px 32px;
	}
}
@media all and (max-width: 320px) {
	#home #spotlight div.left p {
		font-size: 14px;
	}
	#single-content-card-1 .right {
		padding: 0 1%;
	}
	#single-content-card-1 .right p {
		font-size: 14px;
	}
	#partner-card2 .top h3 {
		font-size: 25px !important;
	}
}

/*styles for footer starts here*/
footer {
	background: #000;
	color: #fff;
	padding: 50px;
	font-size: 22px;
}
footer div.top {
	text-align: center;
}
footer div.top p.left {
	width: 33.33%;
	text-align: left;
	font-size: 17px;
}
footer div.top p.left small {
	font-size: 27px;
	height: 21px;
	vertical-align: middle;
	display: inline-block;
}
footer div.top div.social {
	width: 33.33%;
}
footer div.top div.social a {
	color: #fff;
	display: inline-block;
}
footer div.top div.social a span {
	font-size: 20px;
}
footer div.top p.right {
	width: 33.33%;
	text-align: right;
	font-size: 17px;
}
footer div.top p.right a {
	color: #fff;
}
footer div.bottom {
	text-align: center;
	margin-top: 40px;
}
footer div.bottom p.content {
	font-size: 14px;
}
footer div.bottom p.content a {
	color: #fff;
	font-size: 18px;
}

/*(RESPONSIVE STARTS HERE)*/

@media all and (max-width: 1280px) {
	footer div.bottom p.content a {
		font-size: 16px;
	}
}
@media all and (max-width: 1200px) {
	footer div.top div.social a span {
		font-size: 20px;
	}
	footer div.top p.right,
	footer div.top p.left {
		text-align: center;
	}
}
@media all and (max-width: 980px) {
	footer {
		padding: 40px;
	}
	footer div.top p.right,
	footer div.top p.left,
	footer div.top div.social {
		width: 100%;
	}
	footer div.top div.social {
		margin: 20px 0;
	}
	footer div.bottom {
		margin-top: 20px;
	}
	footer,
	footer div.bottom p.content a,
	footer div.top p.right {
		font-size: 16px;
	}
}
@media all and (max-width: 768px) {
	footer,
	footer div.bottom p.content a {
		font-size: 15px;
	}
}
@media all and (max-width: 640px) {
	footer {
		padding: 30px;
	}
}
@media all and (max-width: 360px) {
}
@media all and (max-width: 320px) {
	footer div.top div.social a span {
		font-size: 26px;
	}
}

/*(RESPONSIVE ENDS HERE)*/

/*ekerala contact us start*/
#contact {
	padding: 50px 0;
}
#contact h3 {
	font-family: "google_sansregular";
	font-size: 35px;
	display: inline-block;
	color: #555;
}
#contact h3 span {
	border-bottom: 5px solid #28cc8b;
}
#contact h6 {
	font-size: 17px;
	display: inline-block;
	font-family: "google_sansregular";
}
#contact .content {
	border-bottom: 1px solid #28cc8b;
	width: 100%;
	padding: 40px 0;
}
#contact .content1 {
	width: 100%;
	padding: 40px 0;
}
#contact .content:last-child {
	padding-bottom: 0;
}
#contact .content:first-child {
	padding-top: 0;
}
#contact .content div.left {
	width: 65%;
	position: relative;
}
#contact .content div.left div.map {
	width: 100%;
	height: 250px;
	height: 300px;
	position: relative;
	overflow: hidden;
}
#contact .content div.left div.box {
}
#contact .content.last {
	border-bottom: none;
}
#contact .content div.navigate {
	position: absolute;
	bottom: 10px;
	right: 0;
	background: #4386f7;
	padding: 1%;
	width: 50%;
	left: 0;
	margin: 0 auto;
}
#contact .content div.left div.navigate a {
	color: #fff;
	font-size: 16px;
	display: block;
	text-align: center;
}
#contact .content div.left div.navigate a img {
	margin-right: 2px;
	width: 6%;
}
#contact .content div.right {
	width: 30%;
	padding-top: 7%;
}
#contact .content div.right h4 {
	font-size: 25px;
	font-family: "google_sansregular";
	font-weight: bold;
}
#contact .content div.right p {
	font-size: 13px;
	font-family: "google_sansregular";
}

/*responsive starts for #contact here*/
@media all and (max-width: 1280px) {
	#contact .content div.left div.box {
		left: 158px;
	}
	#contact .content div.navigate {
	}
}
@media all and (max-width: 980px) {
	#contact .content div.left div.box {
		left: 0;
		bottom: 0;
	}
	#contact .content div.navigate {
		left: 0;
		bottom: 0;
	}
}
@media all and (max-width: 768px) {
	#contact h3 {
		font-size: 32px;
	}
	div.right h4 {
		font-size: 21px;
	}
	#contact .content div.right p {
		font-size: 13px;
	}
	/* #contact .content div.left div.box {
	    right: 57px;
	    top: 273px;
	}
	#contact .content div.navigate{
		right: 57px;
	    top: 273px;
	}*/
	#contact .content div.left div.box {
		left: 0;
		bottom: 0;
	}
	#contact .content div.navigate {
		left: 0;
		bottom: 0;
	}
	#contact .content div.left div.navigate a.navigate-button {
		font-size: 15px;
		line-height: 40px;
	}
}
@media all and (max-width: 640px) {
	#contact h3 {
		font-size: 27px !important;
	}
	#contact .content div.left div.box {
		left: 0;
		bottom: 0;
	}
	#contact .content div.navigate {
		left: 0;
		bottom: 0;
		width: 70%;
	}
	#contact .content div.left div.navigate a.navigate-button {
		line-height: 15px;
	}
}
@media all and (max-width: 480px) {
	#contact .content div.left {
		width: 100%;
	}
	#contact .content div.right {
		width: 100%;
		text-align: center;
	}
	#contact .content {
		padding: 0 0 3% 0;
	}
	#contact .content div.left div.box {
		right: 94px;
		top: 260px;
	}
	#contact .content div.navigate {
		right: 94px;
		top: 260px;
	}
}
@media all and (max-width: 360px) {
	#contact .content div.left div.box {
		right: 9px;
		top: 262px;
	}
	#contact .content div.navigate {
		right: 9px;
		top: 262px;
	}
}
@media all and (max-width: 320px) {
	#contact .content div.left div.box {
		right: 0px;
		top: 264px;
	}
	#contact .content div.navigate {
		right: 0px;
		top: 264px;
	}
}
/*responsive end for #contact here*/

/*styles for .member-list-team satrs here*/

.member-list-team {
	text-align: center;
	padding: 50px 0;
}
.member-list-team .top {
	margin-bottom: 40px;
}
.member-list-team .top h3 {
	font-family: "google_sansmedium";
	font-size: 35px;
}
.member-list-team section.bottom ul {
	float: left;
	width: 100%;
	margin-bottom: -40px;
}
.member-list-team section.bottom ul .card {
	float: left;
	width: 15%;
	text-align: center;
	margin-bottom: 40px;
	margin-right: 2%;
}
.member-list-team section.bottom ul li.card:nth-child(6n) {
	margin-right: 0;
}
.member-list-team section.bottom ul .card .image {
	width: 150px;
	height: 150px;
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden;
}
.member-list-team section.bottom ul .card .image img {
	width: 100%;
	display: block;
}
.member-list-team section.bottom ul .card.active {
}
.member-list-team section.bottom ul .card.active .image {
}
.member-list-team section.bottom ul .card.active h4 {
	color: #28cc8b;
}
.member-list-team section.bottom ul .card h4 {
	font-family: "google_sansmedium";
	margin: 15px 0 5px;
	font-size: 24px;
}
.member-list-team section.bottom ul .card p {
	font-family: "google_sansregular";
	color: #707070;
	font-size: 14px;
}
.member-list-team section.bottom a.button {
	display: inline-block;
	color: #000;
	border-radius: 30px;
	font-size: 15px;
	margin-top: 40px;
	padding: 8px 25px;
	border: 1px solid;
}

/*Responsive Starts here*/

@media all and (max-width: 1280px) {
	.member-list-team section.bottom ul .card .image {
		width: 110px;
		height: 110px;
	}
}
@media all and (max-width: 1200px) {
	.member-list-team section.bottom ul .card {
		width: 18.4%;
		margin-right: 2%;
	}
	.member-list-team section.bottom ul li.card:nth-child(6n) {
		margin-right: 2%;
	}
	.member-list-team section.bottom ul li.card:nth-child(5n) {
		margin-right: 0;
	}
}
@media all and (max-width: 980px) {
	.member-list-team .top h3 {
		font-size: 35px;
		margin-bottom: 8%;
	}
	.member-list-team section.bottom ul .card h4 {
		font-size: 20px;
		margin: 9px 0 0;
	}
	.member-list-1 {
		padding: 20px 0;
	}
	.member-list-team section.bottom ul .card {
		width: 23.5%;
		margin-right: 2%;
	}
	.member-list-team section.bottom ul li.card:nth-child(5n) {
		margin-right: 2%;
	}
	.member-list-team section.bottom ul li.card:nth-child(4n) {
		margin-right: 0;
	}
	.member-list-team section.bottom ul li.card:nth-last-child(1),
	.member-list-team section.bottom ul li.card:nth-last-child(2) {
		display: none;
	}
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 640px) {
	.member-list-team section.bottom ul .card .image {
		width: 115px;
		height: 110px;
	}
	.member-list-team .top h3 {
		font-size: 27px !important;
	}
	.member-list-team section.bottom ul .card h4 {
		font-size: 16px;
	}
	.member-list-team section.bottom ul .card p {
		font-size: 13px;
	}
	.member-list-1 section.bottom ul .card {
		width: 50%;
	}
	.member-list-team section.bottom ul .card {
		width: 32%;
		margin-right: 2%;
	}
	.member-list-team section.bottom ul li.card:nth-child(4n) {
		margin-right: 2%;
	}
	.member-list-team section.bottom ul li.card:nth-child(3n) {
		margin-right: 0;
	}
	.member-list-team section.bottom ul li.card:nth-last-child(1),
	.member-list-team section.bottom ul li.card:nth-last-child(2) {
		display: block;
	}
}
@media all and (max-width: 480px) {
	.member-list-team section.bottom ul .card .image {
		width: 100px;
		height: 95px;
	}
}
@media all and (max-width: 360px) {
	.member-list-team section.bottom ul .card .image {
		width: 80px;
		height: 75px;
	}
	.member-list-team section.bottom ul .card h4 {
		font-size: 15px !important;
	}
	.member-list-team section.bottom ul .card p {
		font-size: 12px;
		line-height: 1.2em;
	}
	.member-list-1 {
		text-align: center;
		padding: 30px 0;
	}
	#single-content-card-1 {
		padding: 30px 0;
	}
}
@media all and (max-width: 320px) {
	.member-list-team section.bottom ul .card h4 {
		font-size: 14px !important;
	}
	.member-list-team .top h3 {
		font-size: 25px !important;
	}
}
@media all and (max-width: 280px) {
}

/*styles for .member-list-team ends here*/

/*styles for #about starts here*/

#about {
	padding: 50px 0;
}
#about.wrapper {
}
.slider-box {
	width: 43%;
}
.slider-box img {
	width: 100%;
	-webkit-box-shadow: 10px 10px 6px -5px rgba(191, 187, 191, 1);
	-moz-box-shadow: 10px 10px 6px -5px rgba(191, 187, 191, 1);
	box-shadow: 10px 10px 6px -5px rgba(191, 187, 191, 1);
}
.static-box {
	width: 50%;
}
.static-box h3 {
	font-size: 27px;
	text-align: left;
	margin-bottom: 20px;
}
.static-box p {
	text-align: justify;
	font-size: 19px;
	font-family: "google_sansregular";
	color: #606060;
	line-height: 1.5;
}
#owl-demo .item img {
	display: block;
	width: 100%;
	height: auto;
}
.slider-box .item div.owl-nav button.owl-prev span {
	position: absolute;
	font-size: 53px;
	left: -43px;
	top: 124px;
}
.slider-box .item div.owl-nav button.owl-next span {
	position: absolute;
	font-size: 50px;
	right: -38px;
	top: 134px;
}
@media all and (max-width: 1200px) {
	.slider-box div.owl-nav button.owl-prev span {
		position: absolute;
		font-size: 35px;
		left: -36px;
		top: 115px;
	}
	.slider-box div.owl-nav button.owl-next span {
		position: absolute;
		font-size: 35px;
		right: -32px;
		top: 115px;
	}
}
@media all and (max-width: 980px) {
	.slider-box div.owl-nav button.owl-prev span {
		position: absolute;
		top: 190px;
	}
	.slider-box div.owl-nav button.owl-next span {
		position: absolute;
		top: 190px;
	}
	.slider-box {
		width: 100%;
	}
	#about h2 {
		font-size: 44px;
	}
	#about h2 small {
		font-size: 20px;
	}
	.static-box h3 {
		font-size: 35px;
		text-align: center;
	}
	#about div.left {
		width: 100%;
	}
	.static-box {
		width: 100%;
	}
	.static-box p {
		margin-top: 17px;
		text-align: justify;
	}
	#about {
		padding: 20px 0;
	}
	#about section.top {
		margin-bottom: 30px;
	}
	.static-box {
		margin-top: 30px;
	}
}
@media all and (max-width: 760px) {
	.slider-box div.owl-nav button.owl-prev span {
		position: absolute;
		top: 190px;
	}
	.slider-box div.owl-nav button.owl-next span {
		position: absolute;
		top: 190px;
	}
	#about h2 {
		font-size: 42px;
	}
	.static-box h3 {
		font-size: 42px;
	}
}
@media all and (max-width: 680px) {
	.slider-box div.owl-nav button.owl-prev span {
		position: absolute;
		top: 150px;
		left: -25px;
	}
	.slider-box div.owl-nav button.owl-next span {
		position: absolute;
		top: 150px;
		right: -20px;
	}
}
@media all and (max-width: 480px) {
	#about {
		padding: 20px 0 40px;
	}
	#about h2 {
		font-size: 26px;
	}
	.static-box h3 {
		font-size: 23px !important;
		margin-top: 0;
		margin-bottom: 0;
	}
	.static-box p {
		font-size: 16px;
		margin-top: 10px;
	}
	.slider-box div.owl-nav button.owl-prev span {
		position: absolute;
		top: 100px;
		left: -20px;
	}
	.slider-box div.owl-nav button.owl-next span {
		position: absolute;
		top: 100px;
		right: -20px;
	}
}
@media all and (max-width: 360px) {
	.slider-box div.owl-nav button.owl-prev span {
		position: absolute;
		top: 80px;
		left: -15px;
	}
	.slider-box div.owl-nav button.owl-next span {
		position: absolute;
		top: 80px;
		right: -15px;
	}
	.static-box h3 {
		font-size: 25px !important;
	}
}
@media all and (max-width: 320px) {
	.static-box p {
		font-size: 14px;
	}
}
/*styles for #about end here*/

/*styles for support page starts here*/

.inner-list {
	padding: 40px 0;
}
.inner-list .left {
	width: 50%;
	padding-top: 60px;
}
.inner-list .left div.top {
	margin-bottom: 40px;
}
.inner-list .left div.top h2 {
	font-family: "google_sansmedium";
	display: inline-block;
	margin-bottom: 3px;
	font-size: 35px;
}
.inner-list .left div.top small {
	font-family: "google_sansregular";
	color: #606060;
	margin-left: 8px;
	font-size: 16px;
}
.inner-list .left div.top span {
	width: 90px;
	height: 5px;
	background: #28cc8b;
	display: block;
}
.inner-list .left form {
	width: 100%;
}
.inner-list .left form p.form-control input {
	display: block;
	border: 1px solid #cecece;
	width: 100%;
	margin-bottom: 5%;
	padding: 15px;
	border-radius: 5px;
}
.inner-list .left form p.form-control select {
	border: 1px solid #cecece;
	width: 100%;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 5%;
	color: #9b9b9b;
}
.inner-list .left form p.form-control input:focus {
	border: 1px solid #28cc8b;
}
.inner-list .left form input[type="submit"] {
	background: #28cc8b;
	border-radius: 5px;
	width: 100%;
	padding: 15px;
	color: #fff;
	font-family: "google_sansregular";
}
.inner-list aside.right {
	width: 30%;
}
.inner-list aside.right div.item {
	box-shadow: 2px 2px 10px #cfcfcf;
	border-radius: 10px;
	padding: 30px 0;
	width: 70%;
}
.inner-list aside.right div.item-two {
	box-shadow: 2px 2px 10px #cfcfcf;
	margin: 40px 0;
	border-radius: 10px;
	padding: 30px 0;
	width: 70%;
}
.inner-list aside.right div.item-two h5 {
	font-family: "google_sansregular";
	text-align: center;
	color: #141414;
	font-size: 16px;
}
.inner-list aside.right div.item span.one {
	display: block;
	margin: 0 auto;
	width: 56px;
	height: 67px;
	background: url("../images/ekerala-sprite1.png") no-repeat 0 -890px;
	margin-bottom: 8%;
}
.inner-list aside.right div.item-two span.two {
	display: block;
	margin: 0 auto;
	width: 55px;
	height: 66px;
	background: url("../images/ekerala-sprite1.png") no-repeat -60px -890px;
	margin-bottom: 8%;
}
.inner-list aside.right div.item span.three {
	display: block;
	margin: 0 auto;
	width: 59px;
	height: 76px;
	background: url("../images/ekerala-sprite1.png") no-repeat -120px -880px;
	margin-bottom: 8%;
}
.inner-list aside.right div.item h5 {
	font-family: "google_sansregular";
	color: #141414;
	font-size: 16px;
	text-align: center;
}
#volunteer {
	padding: 40px 0;
}
#volunteer .left {
	width: 50%;
}
#volunteer .left div.top {
	margin-bottom: 40px;
}
#volunteer .left div.top h2 {
	font-family: "google_sansmedium";
	display: inline-block;
	margin-bottom: 10px;
	font-size: 36px;
}
#volunteer .left div.top small {
	font-family: "google_sansregular";
	color: #606060;
	margin-left: 8px;
	font-size: 14px;
}
#volunteer .left div.top span {
	width: 90px;
	height: 4px;
	background: #28cc8b;
	display: block;
}
#volunteer .left form {
	width: 100%;
}
#volunteer .left form p.form-control input {
	display: block;
	border: 1px solid #b8b8b8;
	width: 100%;
	margin-bottom: 5%;
	padding: 15px;
	border-radius: 5px;
}
#volunteer .left form p.form-control select {
	border: 1px solid #b8b8b8;
	width: 100%;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 5%;
	color: #555555;
}
#volunteer .left form p.form-control input:focus {
	border: 1px solid #28cc8b;
}
#volunteer .left form input[type="submit"] {
	background: #28cc8b;
	border-radius: 5px;
	width: 100%;
	padding: 15px;
	color: #fff;
	font-family: "google_sansregular";
}
#volunteer aside.right {
	width: 30%;
}
#volunteer aside.right div.item {
	box-shadow: 2px 2px 10px #cfcfcf;
	border-radius: 10px;
	padding: 30px 0;
	width: 70%;
}
#volunteer aside.right div.item span.one {
	display: block;
	margin: 0 auto;
	width: 55px;
	height: 48px;
	background: url("../images/ekerala-sprite1.png") no-repeat 0 -965px;
	margin-bottom: 8%;
}
#volunteer aside.right div.item-two span.two {
	display: block;
	margin: 0 auto;
	width: 55px;
	height: 55px;
	background: url("../images/ekerala-sprite1.png") no-repeat -60px -960px;
	margin-bottom: 8%;
}
#volunteer aside.right div.item-two {
	margin-bottom: 40px;
	margin-top: 40px;
	box-shadow: 2px 2px 10px #cfcfcf;
	border-radius: 10px;
	padding: 30px 0;
	width: 70%;
}
#volunteer aside.right div.item-two h5 {
	font-family: "google_sansregular";
	text-align: center;
	color: #141414;
	font-size: 16px;
}
#volunteer aside.right div.item span.three {
	display: block;
	margin: 0 auto;
	margin-bottom: 8%;
	width: 60px;
	height: 52px;
	background: url("../images/ekerala-sprite1.png") no-repeat -115px -960px;
}
#volunteer aside.right div.item h5 {
	font-family: "google_sansregular";
	text-align: center;
	color: #141414;
	font-size: 16px;
}
#promoter {
	padding: 50px 0;
	position: relative;
}
#promoter .top .left {
	width: 50%;
}
#promoter .top .left div.top {
	margin-bottom: 40px;
}
#promoter .top .left div.top h2 {
	font-family: "google_sansmedium";
	display: inline-block;
	margin-bottom: 10px;
	font-size: 36px;
}
#promoter .top .left div.top small {
	font-family: "google_sansregular";
	color: #606060;
	margin-left: 8px;
	font-size: 14px;
}
#promoter .top .left div.top span {
	width: 90px;
	height: 4px;
	background: #28cc8b;
	display: block;
}
#promoter .top .left form {
	width: 100%;
}
#promoter .top .left form p.form-control input {
	display: block;
	border: 1px solid #b8b8b8;
	width: 100%;
	margin-bottom: 5%;
	padding: 15px;
	border-radius: 5px;
}
#promoter .top .left form p.form-control input:focus {
	border: 1px solid #28cc8b;
}
#promoter .top .left form p.form-control select {
	border: 1px solid #b8b8b8;
	width: 100%;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 5%;
	color: #9c9c9c;
}
#promoter .top .left form input[type="submit"] {
	background: #28cc8b;
	border-radius: 5px;
	width: 100%;
	padding: 15px;
	color: #fff;
	font-family: "google_sansregular";
}
#promoter .top aside.right {
	width: 30%;
}
#promoter .top aside.right div.item {
	box-shadow: 2px 2px 10px #cfcfcf;
	margin-bottom: 40px;
	border-radius: 10px;
	padding: 30px 0;
	width: 70%;
}
#promoter .top aside.right {
	margin-bottom: -40px;
}
#promoter .top aside.right div.item span.icon {
	display: block;
	margin: 0 auto;
	height: 55px;
	background: url("../images/ekerala-sprite1.png") no-repeat;
	margin-bottom: 15px;
}
#promoter .top aside.right div.item span.one {
	background-position: 0 -1080px;
	width: 52px;
}
#promoter .top aside.right div.item span.two {
	background-position: -67px -1097px;
	width: 48px;
	height: 32px;
}
#promoter .top aside.right div.item span.three {
	background-position: -120px -1080px;
	width: 52px;
}
#promoter .top aside.right div.item h5 {
	font-family: "google_sansregular";
	text-align: center;
	color: #141414;
	font-size: 16px;
}
#promoter .image-gallery {
	text-align: center;
	margin-top: 50px;
}
#promoter .image-gallery h3 {
	font-family: "google_sansmedium";
	text-align: center;
	margin-bottom: 40px;
	font-size: 27px;
}
#promoter .image-gallery ul {
	float: left;
	width: 100%;
	margin-bottom: 3%;
}
#promoter .image-gallery ul li {
	float: left;
	width: 23.5%;
	position: relative;
	margin-right: 2%;
}
#promoter .image-gallery ul li:nth-child(4n) {
	margin-right: 0;
}
#promoter .image-gallery ul li img {
	border-radius: 20px;
	width: 100%;
	display: block;
}
.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: 0.5s ease;
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 20px;
}
#promoter .image-gallery ul li:hover .overlay {
	opacity: 1;
}
#promoter .image-gallery ul li a.button {
	background: #28cc8b;
	border: 1px solid #707070;
	border-radius: 25px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 180px;
	height: 32px;
}
#promoter .image-gallery ul li a.button span {
	color: #fff;
}
#promoter .image-gallery ul li a.button b {
	color: #fff;
	font-family: "google_sansregular";
}
#promoter .image-gallery a.button {
	border: 1px solid #141414;
	border-radius: 25px;
	padding: 5px 25px;
	color: #141414;
	display: inline-block;
	font-family: "google_sansregular";
}

div.social-box {
	left: 0;
	width: 60px;
	border-radius: 0px 9px 9px 0px;
	position: fixed;
	bottom: 45%;
	height: 175px;
}
div.social-box div.social-share {
	background: #28cc8b;
	padding: 20px 0;
	height: 125px;
	position: absolute;
	top: 0;
	width: 60px;
	left: 0;
	border-radius: 0 13px 13px 0;
	display: none;
}
div.social-box div.social-share h6 {
	color: #fff;
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	position: absolute;
	width: 95px;
	left: -35px;
	top: 55px;
	font-size: 11px;
}
div.social-box div.social-share div.right {
	width: 80%;
	float: right;
}
div.social-box div.social-share div.right a {
	color: #fff;
}
div.social-box div.social-share div.right a span {
	font-size: 20px;
}

div.social-box div.icons {
	margin-top: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
div.social-box div.icons span.open-share {
	display: block;
	transition: width 2s;
	-webkit-transition: width 2s;
	float: left;
	line-height: 60px;
	cursor: pointer;
	font-size: 28px;
	width: 35px;
	height: 35px;
	background: url("../images/swipe.png") no-repeat;
}
div.social-box div.icons span.close-share {
	display: none;
	float: left;
	cursor: pointer;
	font-size: 28px;
	height: 35px;
	width: 35px;
	background: url("../images/swipe.png") no-repeat;
}

@media all and (max-width: 1280px) {
	#promoter .image-gallery {
		width: 85%;
		margin: 50px auto 0;
	}
	div.social-share {
		bottom: 155px;
	}
	#promoter .image-gallery a.button {
		margin-top: 2%;
	}
	div.social div.left h6 {
		left: -47px;
	}
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 980px) {
	#volunteer aside.right {
		width: 40%;
	}
	#volunteer aside.right div.item {
		width: 100%;
	}
	#volunteer aside.right div.item-two {
		width: 100%;
	}
	.inner-list aside.right {
		width: 40%;
	}
	.inner-list aside.right div.item {
		width: 100%;
	}
	.inner-list aside.right div.item-two {
		width: 100%;
	}
	#promoter .top .left div.top h2,
	#volunteer .left div.top h2,
	#infrastructure .top .left div.top h2,
	.inner-list .left div.top h2 {
		font-size: 27px;
	}
	#promoter .image-gallery ul li a.button {
		width: 160px;
	}
	.inner-list .left div.top small {
		font-size: 14px;
		margin-left: 5px;
	}
	.inner-list .left div.top {
		margin-bottom: 30px;
	}
	.inner-list aside.right div.item-two {
		margin: 30px 0;
	}
	#promoter .top aside.right div.item {
		width: 100%;
	}
	#promoter .top aside.right {
		width: 40%;
	}
	#promoter {
		padding: 40px 0;
	}
	#promoter .top aside.right div.item {
		margin-bottom: 30px;
	}
	#promoter .image-gallery {
		margin-top: 40px;
	}
	#promoter .image-gallery h3 {
		margin-bottom: 30px;
	}
}
@media all and (max-width: 768px) {
	#volunteer .left div.top {
		margin-bottom: 30px;
	}
	.inner-list .left {
		padding: 0;
	}
	#promoter .top aside.right,
	#volunteer aside.right,
	#infrastructure .top aside.right,
	.inner-list aside.right {
		display: none;
	}
	#promoter .top .left,
	#volunteer .left,
	#infrastructure .top .left,
	.inner-list .left {
		width: 100%;
	}
	#promoter .top .left div.top {
	}
	#promoter .top {
	}
	#promoter .image-gallery h3 {
	}
	#promoter .image-gallery ul {
	}
	#promoter .image-gallery ul li a.button span {
		font-size: 15px;
	}
	#promoter .image-gallery ul li a.button {
		width: 135px;
		padding: 5px 10px;
	}

	div.social div.right span.social {
		font-size: 14px;
		margin-bottom: 10px;
	}
	div.social div.right span {
		width: 25px;
		height: 25px;
		line-height: 25px;
	}
	div.social div.left h6 {
		top: 75px;
	}
	/* div.social-share{
		bottom: 87;
	} */
	#partner-card1 .bottom ul li h3.title {
		font-size: 15px;
	}
	div.social-share {
		display: block;
	}
	ul.promoter {
		width: 100%;
		margin: 30px 0;
	}
}
@media all and (max-width: 640px) {
	#promoter .image-gallery ul li {
		width: 45%;
		margin-right: 10%;
		margin-bottom: 10%;
	}
	#promoter .image-gallery ul li:nth-child(2n) {
		margin-right: 0;
	}
	#promoter .image-gallery ul {
		margin-bottom: -2%;
	}
}
@media all and (max-width: 480px) {
	#promoter .top .left div.top h2,
	#volunteer .left div.top h2,
	#infrastructure .top .left div.top h2,
	.inner-list .left div.top h2 {
		font-size: 23px;
	}
	#promoter .image-gallery h3 {
		font-size: 16px;
	}
}
@media all and (max-width: 360px) {
	#promoter .top .left div.top h2,
	#volunteer .left div.top h2,
	#infrastructure .top .left div.top h2,
	.inner-list .left div.top h2 {
		font-size: 18px;
	}
	#promoter .top .left div.top small,
	#volunteer .left div.top small,
	#infrastructure .top .left div.top small,
	.inner-list .left div.top small {
		font-size: 12px;
	}
	#promoter .image-gallery h3 {
		font-size: 15px !important;
		margin-bottom: 10%;
	}
	#promoter .image-gallery ul {
		margin-bottom: 6%;
	}
	#promoter .image-gallery ul li {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
}
@media all and (max-width: 320px) {
}
/*styles for support page ends here*/

/*styles for page kerala starts here*/

#inner-content-spotlight {
	padding: 30px 0 50px;
}
.owl-carousel .owl-stage-outer {
	border-radius: 10px;
}
#owl-demo .item {
	width: 100%;
}
#owl-demo .item img {
	display: block;
	height: auto;
	margin: 0;
}
#owl-demo .item img {
	width: 100%;
	object-fit: cover;
}
#inner-content-spotlight .right div#owl-demo div.owl-nav button span {
	font-size: 50px;
}
div.owl-nav {
	display: none;
}
div.owl-dots {
	display: none;
}
/*(RESPONSIVE STARTS HERE)*/

@media all and (max-width: 1280px) {
}
@media all and (max-width: 980px) {
	#inner-content-spotlight .top h2 {
		font-size: 45px;
	}

	#inner-content-spotlight {
		padding: 20px 0;
	}
}
@media all and (max-width: 768px) {
	#inner-content-spotlight .top h2 {
		font-size: 35px;
	}
	#inner-content-spotlight .top span {
		font-size: 18px;
	}
	div.owl-nav button.owl-prev {
		bottom: 50px;
	}
}
@media all and (max-width: 640px) {
	#inner-content-spotlight .top h2 {
		font-size: 35px;
	}
}
@media all and (max-width: 360px) {
	#inner-content-spotlight .top h2 {
		font-size: 27px;
	}
	#inner-content-spotlight .top span {
		font-size: 16px;
	}
}
@media all and (max-width: 320px) {
	#inner-content-spotlight .top h2 {
		font-size: 25px;
	}
}

#testimonial {
	padding: 34px 0;
	text-align: center;
}
#testimonial div.slidercontainer {
	position: relative;
	margin-bottom: 25px;
}
#testimonial div.item {
	width: 28%;
	position: relative;
	float: left;
	margin-right: 8%;
}
#testimonial div.item:nth-child(3n) {
	margin-right: 0;
}

#testimonial div.slidercontainer div.item span {
	position: absolute;
	left: -14px;
	top: 10px;
	color: #28cc8b;
	font-size: 26px;
}

#testimonial div.slidercontainer div.item div.content {
	padding: 30px 30px 60px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.04);
	text-align: left;
	border-radius: 12px;
}
#testimonial div.slidercontainer div.item div.content p {
	font-size: 16px;
	color: #606060;
	font-family: "google_sansregular";
}
#testimonial div.slidercontainer div.item div.bottom {
}
#testimonial div.slidercontainer div.item div.bottom img {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	display: block;
	margin-bottom: 14px;
	margin-top: -47px;
	border-radius: 50%;
}
#testimonial div.slidercontainer div.bottom h5 {
	font-size: 15px;
	color: #28cc8b;
	text-align: center;
	font-family: "google_sansregular";
}
#testimonial div.slidercontainer div.bottom p {
	font-size: 13px;
	color: #606060;
	margin-bottom: 40px;
	text-align: center;
	font-family: "google_sansregular";
}
#testimonial a.button {
	background: #fff;
	color: #000;
	padding: 10px 40px;
	border-radius: 30px;
	margin-top: 15px;
	border: 1px solid #000;
}
#testimonial .top {
}
@media all and (max-width: 980px) {
	#testimonial div.slidercontainer div.item div.bottom img {
		width: 70px;
		height: 70px;
		margin-bottom: 5px;
		margin-top: -35px;
	}
}
@media all and (max-width: 768px) {
	#testimonial div.item {
		width: 46%;
		margin-right: 8%;
	}
	#testimonial div.item:nth-child(3n) {
		margin-right: 8%;
	}
	#testimonial div.item:nth-child(2n) {
		margin-right: 0;
	}
	#testimonial div.slidercontainer div.item div.bottom img {
		width: 65px;
		height: 65px;
	}
}
@media all and (max-width: 640px) {
	#testimonial div.slidercontainer div.item div.content p {
		font-size: 14px;
	}
	#testimonial div.slidercontainer div.bottom h5 {
		font-size: 13px;
	}
	#testimonial div.slidercontainer div.bottom p {
		font-size: 12px;
	}
	#testimonial a.button {
		padding: 5px 13px;
	}
}
@media all and (max-width: 480px) {
	#testimonial div.item {
		width: 100%;
	}
}
@media all and (max-width: 450px) {
	#testimonial div.slidercontainer div.item div.bottom img {
		width: 60px;
		height: 60px;
	}
}
@media all and (max-width: 360px) {
	#testimonial div.item {
		width: 82%;
		margin-right: 0%;
		margin-left: 22px;
	}
	#testimonial section.top h4 {
		border-bottom: 4px solid #28cc8b;
		width: 6%;
		margin-bottom: 60px;
		margin-left: 22px;
	}
	#testimonial section.top h3 {
		font-size: 15px;
		margin-left: 20px;
	}
	#testimonial div.slidercontainer div.item div.bottom img {
		margin-left: 87px;
	}
}
@media all and (max-width: 320px) {
	#testimonial div.slidercontainer div.item div.content p {
		font-size: 13px;
		line-height: 19px;
	}
	#testimonial section.top h3 {
		font-size: 17px;
		margin-left: 20px;
	}
}

/*styles for page-testimonials ends here*/

#content-card-page {
	text-align: center;
	padding: 50px 0;
	position: relative;
}
.common-head.spot-page {
}
#content-card-page .spot-image {
	position: absolute;
	top: -300px;
	right: 325px;
}
#content-card-page ul {
	float: left;
	width: 100%;
	margin-bottom: -5%;
}
#content-card-page ul li {
	float: left;
	width: 30%;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	margin: 0 5% 5% 0;
	padding: 3%;
	text-align: left;
}
#content-card-page ul li:nth-child(3n) {
	margin-right: 0;
}
#content-card-page ul li div.top {
	overflow: hidden;
	width: 90%;
	margin: 0 auto;
}
#content-card-page ul li div.top img {
	width: 100%;
	display: block;
}
#content-card-page ul li div.bottom {
	/*padding: 4%;*/
}
#content-card-page ul li div.bottom h4 {
	font-family: "google_sansmedium";
	margin: 20px 0;
	font-size: 24px;
}
#content-card-page ul li div.bottom p {
	font-family: "google_sansregular";
	font-size: 18px;
	text-align: left;
}
#content-card-page a.button {
	color: #fff;
	background: #141414;
	padding: 20px 40px;
	border-radius: 30px;
	display: inline-block;
	margin-top: 35px;
}
#kerala-image-cards {
	padding: 50px 0;
}
#kerala-image-cards h2 {
	font-size: 27px;
	margin-bottom: 5%;
	font-family: "google_sansmedium";
	text-align: center;
}
#kerala-image-cards ul {
	float: left;
	margin-bottom: -5%;
}
#kerala-image-cards ul li {
	width: 30%;
	float: left;
	margin: 0 5% 5% 0;
	box-shadow: 5px 5px 5px #c8c8c8;
	border-radius: 13px;
}
#kerala-image-cards ul li:nth-child(3n) {
	margin-right: 0;
}
#kerala-image-cards ul li div.top img {
	width: 100%;
	border-radius: 12px 12px 0 0;
}
#kerala-image-cards ul li div.bottom {
	text-align: center;
	padding: 3% 0;
}
/*responsive of content-card 1 starts here*/

@media all and (max-width: 1280px) {
	#content-card-page .spot-image {
		top: -270px;
		right: 40px;
	}
}
@media all and (max-width: 980px) {
	#content-card-page .spot-image {
		display: none;
	}
	.common-head.spot-page {
		padding: 10px 0;
	}
	#content-card-page {
		padding: 15px 0 30px 0;
	}
	#content-card-page h3 {
		font-size: 35px;
		margin-bottom: 30px;
	}
	#content-card-page ul li {
		width: 46%;
		margin-right: 8%;
	}
	#content-card-page ul li:nth-child(2n) {
		margin-right: 0;
	}
	#content-card-page ul li:nth-child(3) {
		margin-right: 8%;
	}
	#content-card-page a.button {
		margin-top: 35px;
	}
	#content-card-page ul li div.bottom h4 {
		font-size: 22px;
	}
	#content-card-page ul li div.bottom p {
		font-size: 16px;
	}
}
@media all and (max-width: 768px) {
	#content-card-page ul li {
		padding: 30px;
	}
	#content-card-page h3 {
		font-size: 27px;
	}
	#content-card-page ul li {
	}
	#content-card-page ul li div.top {
		width: 75%;
		margin: 0 auto;
	}
	#content-card-page ul li div.bottom p {
		font-size: 15px;
	}
}
@media all and (max-width: 640px) {
	#content-card-page ul li div.top {
		width: 90%;
		margin: 0 auto;
	}
	#content-card-page ul li div.bottom h4 {
		font-size: 20px;
	}
	#content-card-page ul li div.bottom p {
		font-size: 15px;
	}
	#content-card-page h3 {
		font-size: 27px;
	}
	#kerala-image-cards ul li {
		width: 48%;
		margin-right: 4%;
	}
	#kerala-image-cards ul li:nth-child(2n) {
		margin-right: 0;
	}
	#kerala-image-cards ul li:nth-child(2n + 1) {
		margin-right: 4%;
	}
}
@media all and (max-width: 480px) {
	#contact {
		padding: 10px 0 30px;
	}
	.organisation {
		padding: 15px 0 20px;
	}
	#kerala-image-cards {
		padding: 15px 0 40px;
	}
	.supporting-card {
		padding: 15px 0 40px;
	}
	#kerala-image-cards h2 {
		font-size: 25px;
	}
	.common-head.spot-page h2 small {
	}
	.common-head.spot-page span {
	}
	#content-card-page ul li {
		width: 100%;
		padding: 10px 15px;
	}
	#content-card-page ul li div.bottom h4 {
		font-size: 20px;
	}
	#content-card-page ul li div.bottom p {
		font-size: 15px;
	}
	#content-card-page ul li div.top {
		width: 80%;
		margin: 0 auto;
	}
}
@media all and (max-width: 360px) {
	section#content-card-page {
		padding: 30px 0;
	}
	#content-card-page h3 {
		margin-bottom: 25px;
	}
	#content-card-page a.button {
		margin-top: 25px;
	}
}
@media all and (max-width: 320px) {
	#content-card-page ul li div.bottom p {
		font-size: 14px;
	}
	#kerala-image-cards h2 {
		font-size: 25px;
	}
}

/*responsive of content-card-page ends here*/

/*styles for #kerala-image-cards starts here*/

@media all and (max-width: 1280px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 980px) {
	#kerala-image-cards {
		padding: 40px 0;
	}
}
@media all and (max-width: 640px) {
	#content-image-cards ul li {
		width: 100%;
		margin-right: 0;
	}
	#content-image-cards ul li:nth-child(3n) {
		margin-right: 0;
	}
}
@media all and (max-width: 480px) {
	#kerala-image-cards ul li {
		width: 100%;
		margin-right: 0;
	}
}
@media all and (max-width: 360px) {
}
@media all and (max-width: 320px) {
}

/*styles for page kerala ends here*/

/*style for #content-card-moments starts here*/
#content-card-moments {
	padding-bottom: 50px;
	position: relative;
}
#content-card-moments div.left {
	/*width: 60%;*/
	margin-top: 20px;
}
#content-card-moments div.left div.head {
	margin-bottom: 3%;
	text-align: left;
}
#content-card-moments div.left div.head h3 {
	font-family: "google_sansmedium";
	font-size: 50px;
	float: left;
}
#content-card-moments div.left div.head h3 span {
	border-bottom: 5px solid #28cc8b;
}
#content-card-moments div.left div.head p {
	color: #606060;
	font-family: "google_sansregular";
	line-height: 80px;
	margin-left: 2%;
	display: inline-block;
	margin-bottom: 5%;
}
#content-card-moments div.left h4 {
	font-size: 25px;
	margin-bottom: 5%;
}
#content-card-moments div.left div {
	/*float: left;*/
	width: 100%;
	/*margin-top: 5%;*/
}
#content-card-moments div.left div div.card {
	float: left;
	margin-right: 5%;
	position: relative;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1);
	margin-bottom: 4%;
	width: 30%;
}
#content-card-moments div.left div div.card:nth-child(3n) {
	margin-right: 0;
}
#content-card-moments div.left div div.card div.top a img {
	width: 100%;
}
#content-card-moments div.left div div.card div.top h3 {
	font-family: "google_sansmedium";
	text-transform: uppercase;
	font-size: 14px;
	text-shadow: 1px 0px 3px #000;
}
#content-card-moments div.left div div.card div.top h3 span {
	position: absolute;
	top: 9px;
	left: 17px;
	color: #fff;
}
#content-card-moments div.left div div.card div.bottom {
	padding: 9%;
	text-align: left;
}
#content-card-moments div.left div div.card div.bottom h6 {
	margin-bottom: 3%;
	font-family: "google_sansmedium";
}
#content-card-moments div.left div div.card div.bottom a h4 {
	font-family: "google_sansmedium";
	font-size: 20px;
	margin-bottom: 4%;
	text-align: left;
	color: #000;
	line-height: 1.1em;
}
#content-card-moments div.left div div.card div.bottom h4 span {
	display: block;
}
#content-card-moments div.left div div.card div.bottom p.venue {
	color: #28cc8b;
}
#content-card-moments div.left div div.card div.bottom p {
	margin-bottom: 5%;
	text-align: left;
	font-size: 14px;
	font-family: "google_sansregular";
}
#content-card-moments div.left div div.card div.bottom a.button {
	padding: 2% 10%;
	border: 1px solid #28cc8b;
	border-radius: 30px;
	/*display: flex;*/
	align-items: center;
	color: #28cc8b;
	font-family: "google_sansregular";
	/*width: 55%;*/
	font-size: 14px;
	display: inline-block;
}
#content-card-moments div.left div div.card div.bottom a.button3 {
	padding: 1% 10%;
	border: 1px solid #288acc;
	border-radius: 30px;
	display: inline-block;
	color: #288acc;
}
#content-card-moments div.left a.button2 {
	color: #fff;
	background: #141414;
	padding: 13.5px 36.5px;
	border-radius: 30px;
	display: inline-block;
	margin-top: 3%;
}
#content-card-moments div.right {
	width: 36%;
	text-align: right;
	background: #f8f8f8;
	padding: 40px 0;
	margin-top: 3%;
}
#content-card-moments div.right div.head {
}
#content-card-moments div.right div.head h3 {
	font-size: 25px;
	margin-bottom: 30px;
	text-align: left;
	margin-left: 15%;
}
#content-card-moments div.right div.head p {
}
#content-card-moments div.right ul.sw1 {
}
#content-card-moments div.right ul.sw1 li {
	position: relative;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1);
	margin-bottom: 8%;
	width: 65%;
	margin-left: 15%;
}
#content-card-moments div.right ul.sw2 li {
	position: relative;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1);
	margin-bottom: 8%;
	width: 65%;
	margin-left: 15%;
}
#content-card-moments div.right h4 {
	font-size: 25px;
	margin-bottom: 8%;
	text-align: left;
	margin-left: 15%;
}

#content-card-moments div.right ul li div.top {
	width: 270px;
	height: 153px;
	overflow: hidden;
}
#content-card-moments div.right ul li div.top img {
	width: 100%;
	display: inline-block;
}
#content-card-moments div.right ul li div.top h3 {
	font-size: 14px;
	color: #fff;
}
#content-card-moments div.right ul li div.top h3 span {
	position: absolute;
	top: 9px;
	left: 17px;
}
#content-card-moments div.right ul li div.bottom {
	padding: 5%;
	text-align: right;
}
#content-card-moments div.right ul li div.bottom h6 {
	text-align: left;
	font-size: 16px;
	margin: 5% 0;
}
#content-card-moments div.right ul li div.bottom p {
	text-align: left;
	font-size: 14px;
}
#content-card-moments div.right ul li div.bottom a.button {
	padding: 2% 6%;
	border: 1px solid #28cc8b;
	border-radius: 30px;
	align-items: center;
	color: #28cc8b;
	font-family: "google_sansregular";
	font-size: 11px;
	display: inline-block;
}
#content-card-moments div.right a.button3 {
	color: #fff;
	background: #141414;
	padding: 10.5px 28.5px;
	border-radius: 30px;
	display: inline-block;
	margin-right: 20%;
}
/*responsive of content-card-moments starts here*/
@media all and (max-width: 1280px) {
	#content-card-moments div.right ul li div.bottom {
		text-align: left;
	}
	#content-card-moments div.right ul li div.bottom a.button {
		margin-top: 5px;
	}
}
@media all and (max-width: 980px) {
	#content-card-moments div.left div.head h3 span {
		border-bottom: 5px solid #28cc8b;
	}
	#content-card-moments div.left ul li div.bottom h4 {
		font-size: 15px;
	}
	#content-card-moments div.left ul li div.bottom a.button {
		padding: 2% 4%;
	}
	#content-card-moments div.right ul li div.bottom a.button {
		padding: 2% 1%;
	}
	#content-card-moments div.left div div.card:nth-child(3n) {
		margin-right: 0;
	}
}
@media all and (max-width: 768px) {
	#content-card-moments div.right {
		display: none;
	}
	#content-card-moments div.left {
		width: 100%;
		margin-top: 20px;
	}
	#content-card-moments div.left div div.card {
		float: left;
		margin-right: 4%;
		position: relative;
		box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1);
		margin-bottom: 4%;
		width: 48%;
	}
	#content-card-moments div.left div div.card:nth-child(2n) {
		margin-right: 0;
	}
	#content-card-moments div.left div div.card:nth-child(3n) {
		margin-right: 4%;
	}
}
@media all and (max-width: 640px) {
	#content-card-moments div.left div.head h3 {
		font-size: 35px;
	}
}
@media all and (max-width: 480px) {
	#counterlist1 .top h3 {
		font-size: 25px !important;
	}
	#content-card-moments div.left ul li {
		width: 100%;
		margin-bottom: 10%;
	}
	#content-card-moments div.left ul li:last-child {
		margin-bottom: 0;
	}
	#content-card-moments div.left div.head {
		margin: 9% 0 3% 0;
	}
	#content-card-moments div.left ul li div.bottom a.button {
		padding: 2% 4%;
		margin: 0 auto;
	}
	#content-card-moments div.left ul li div.bottom a.button {
		width: 37%;
	}
	#content-card-moments div.left div div.card {
		width: 100%;
		height: auto !important;
	}
	#content-card-moments {
		padding-bottom: 0;
	}
}
@media all and (max-width: 360px) {
	#content-card-moments div.left ul li div.bottom a.button {
		width: 48%;
	}
	#content-card-moments div.left ul li {
		margin-bottom: 10%;
	}
	#content-card-moments div.left ul li:last-child {
		margin-bottom: 0;
	}
}
@media all and (max-width: 320px) {
	#content-card-moments div.left ul li div.bottom {
		padding: 4%;
	}
	#content-card-moments div.left ul li {
		margin-bottom: 10%;
	}
	#content-card-moments div.left ul li:last-child {
		margin-bottom: 0;
	}
}

/*responsive of content-card-moments ends here*/

/*styles for content-card-moments ends here*/

/*styles for page support starts here*/

.common-head.support {
	padding: 0;
}
#inner-spotlight-support section.content {
	/*margin-top: 40px;*/
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
#inner-spotlight-support section.content div.content-box {
	width: 50%;
	margin-right: 5%;
	order: 1;
}
#inner-spotlight-support section.content div.content-box p {
	font-size: 16px;
	font-family: "google_sansregular";
	text-align: justify;
}
#inner-spotlight-support section.content div.image-box {
	width: 45%;
	border-radius: 10px;
	overflow: hidden;
	order: 2;
}
#inner-spotlight-support section.content div.image-box img {
	width: 100%;
	display: block;
}
.supporting-card {
	padding: 50px 0;
}
.supporting-card section.top {
}
.supporting-card section.top h3 {
	text-align: center;
	font-family: "google_sansbold";
	margin-bottom: 40px;
	font-size: 25px;
}
.supporting-card section.top ul {
	float: left;
	width: 100%;
	margin-bottom: -3%;
}
.supporting-card section.top ul li {
	float: left;
	margin-bottom: 6%;
	width: 22%;
	margin-right: 4%;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.supporting-card section.top ul li:nth-child(4n) {
	margin-right: 0;
}
.supporting-card section.top ul li div.top {
	padding: 20px;
}
.supporting-card section.top ul li div.top h4 {
	text-align: center;
}
.supporting-card section.top ul li div.middle {
	width: 100%;
	overflow: hidden;
}

.supporting-card section.top ul li div.middle img {
	width: 100%;
	display: block;
}
.supporting-card section.top ul li div.bottom {
	width: 100%;
	padding: 20px;
}
.supporting-card section.top ul li div.bottom div.items {
	margin-bottom: -8px;
}
.supporting-card section.top ul li div.bottom div.items div.top-item {
	color: #b8b8b8;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.supporting-card
	section.top
	ul
	li
	div.bottom
	div.items
	div.top-item
	div.active
	b {
	color: #28cc8b;
}
.supporting-card section.top ul li div.bottom div.items div.bottom-item {
	color: #b8b8b8;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.supporting-card
	section.top
	ul
	li
	div.bottom
	div.items
	div.bottom-item
	div.active
	b {
	color: #28cc8b;
}
.supporting-card section.top ul li div.bottom div.items div div.item {
	margin-bottom: 8px;
	width: 48%;
	margin-right: 4%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.supporting-card
	section.top
	ul
	li
	div.bottom
	div.items
	div
	div.item:last-child {
	margin-right: 0;
}
.supporting-card section.top ul li div.bottom div.items div div.item span {
	display: inline-block;
	margin-right: 10px;
}
.supporting-card section.top ul li div.bottom div.items div div.item span img {
	width: 100%;
	display: block;
}
.supporting-card section.top ul li div.bottom div.items div.item b {
	display: inline-block;
	font-size: 14px;
}
.supporting-card div.more {
	text-align: center;
	margin-top: 40px;
}
.supporting-card div.more a.button {
	border: 1px solid #000;
	border-radius: 20px;
	padding: 8px 40px;
	background: #fff;
	color: #000;
	margin-right: 2%;
	display: inline-block;
}
.supporting-card div.more a.register {
	border: 1px solid #000;
	border-radius: 20px;
	padding: 8px 40px;
	background: #000;
	color: #fff;
	display: inline-block;
}
.project {
	padding: 50px 0;
}
.project section.top h3 {
	text-align: center;
	font-family: "google_sansbold";
	font-size: 25px;
	margin-bottom: 40px;
}
.project section .top ul {
	float: left;
	width: 100%;
	margin-bottom: -3%;
}
.project section .top ul li {
	float: left;
	margin-bottom: 3%;
	width: 22%;
	margin-right: 4%;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1);
}
.project section .top ul li:nth-child(4n) {
	margin-right: 0;
}
.project section .top ul li div.top {
	padding: 20px;
}
.project section .top ul li div.top h4 {
	text-align: center;
}
.project section .top ul li div.middle {
	width: 100%;
	display: block;
}

.project section .top ul li div.middle img {
	width: 100%;
}
.project section .top ul li div.bottom {
	width: 100%;
	padding: 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.project section .top ul li div.bottom div.item1 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	width: 50%;
}
.project section .top ul li div.bottom div.active {
	color: #28cc8b;
}
.project section .top ul li div.bottom div.item1.active b {
	color: #28cc8b;
	font-size: 14px;
}
.project section .top ul li div.bottom div.item1 span {
	margin-right: 4px;
}
.project section .top ul li div.bottom div.item1 span img {
	/*width: 100%;*/
}
.project section .top ul li div.bottom div.item1 b {
	color: #b8b8b8;
	font-size: 14px;
	display: inline-block;
}
.project div.load {
	text-align: center;
	margin-top: 40px;
}
.project div.load a.button {
	border: 1px solid #000;
	border-radius: 20px;
	padding: 8px 40px;
	background: #fff;
	color: #000;
	display: inline-block;
}
.project div.load a.register {
	border: 1px solid #000;
	border-radius: 20px;
	padding: 8px 40px;
	background: #000;
	color: #fff;
	display: inline-block;
}
.organisation {
	padding: 50px 0;
}
.organisation section.top {
}
.organisation section.top h3 {
	text-align: center;
	font-family: "google_sansbold";
	font-size: 25px;
}
.organisation section.top ul {
	float: left;
	width: 100%;
	margin-top: 40px;
	margin-bottom: -3%;
	display: flex;
	justify-content: center;
}
.organisation section.top ul li {
	float: left;
	margin-bottom: 3%;
	width: 23.5%;
	margin-right: 2%;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1);
}
.organisation section.top ul li:nth-child(4n) {
	margin-right: 0;
}
.organisation section.top ul li div.top {
	padding: 20px;
}
.organisation section.top ul li div.top h4 {
	text-align: center;
}
.organisation section.top ul li div.middle {
	width: 100%;
	padding: 5%;
}

.organisation section.top ul li div.middle img {
	width: 100%;
	display: block;
}
.organisation section.top ul li div.bottom {
	width: 100%;
	padding: 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.organisation section.top ul li div.bottom div.orders {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	width: 50%;
}
.organisation section.top ul li div.bottom div.active {
	color: #28cc8b;
}
.organisation section.top ul li div.bottom div.orders.active b {
	color: #28cc8b;
}
.organisation section.top ul li div.bottom div.orders span {
	display: inline-block;
	width: 20px;
	margin-right: 10px;
}
.organisation section.top ul li div.bottom div.orders span img {
	/*width: 100%;*/
	display: block;
}
.organisation section.top ul li div.bottom div.orders b {
	display: inline-block;
	font-size: 14px;
	color: #b8b8b8;
}
.organisation section .top ul li div.bottom.right {
}
.organisation div.loadmore {
	text-align: center;
}
.organisation div.loadmore a.button {
	border: 1px solid #000;
	border-radius: 20px;
	padding: 8px 40px;
	background: #fff;
	color: #000;
	display: inline-block;
}
.organisation div.loadmore a.register {
	display: inline-block;
	background-color: #141414;
	color: #fff;
	border-radius: 30px;
	font-size: 15px;
	padding: 20px 40px;
}
section.promoter {
	position: relative;
}
/* responsive of inner-spotlight starts here*/

@media all and (max-width: 1280px) {
}
@media all and (max-width: 980px) {
	#inner-spotlight-support section.content {
	}
	#inner-spotlight-support section.content div.content-box p {
		font-size: 15px;
	}
}
@media all and (max-width: 768px) {
	#inner-spotlight-support section.content div.content-box p {
		font-size: 14px;
	}
	#inner-spotlight-support h2 {
		font-size: 35px;
	}
	#inner-spotlight-support section.content {
		display: block;
	}
	#inner-spotlight-support section.content div.content-box {
		width: 100%;
	}
	#inner-spotlight-support section.content div.image-box {
		width: 100%;
		margin-bottom: 30px;
	}
	.common-head.support {
		padding: 0px 0px 20px 0px;
	}
}
@media all and (max-width: 640px) {
	#inner-spotlight-support {
		padding: 5px 0 0;
	}
	#inner-spotlight-support h2 {
		font-size: 35px;
	}
}
@media all and (max-width: 480px) {
	.supporting-card section.top h3 {
		margin-bottom: 20px;
	}
	#partner-card1 {
		padding: 40px 0 20px;
	}
	.common-head.support {
		margin-top: 30px;
	}
	#inner-spotlight-support h2 {
		font-size: 27px;
	}
	#inner-spotlight-support span {
		font-size: 14px;
	}
	#partner-card1 .top h3 {
		font-size: 27px !important;
		margin: 0 0 8% 0;
	}
}
@media all and (max-width: 360px) {
	#inner-spotlight-support {
	}
	#inner-spotlight-support section.content {
		margin-top: 0;
	}
	#inner-spotlight-support span small {
		display: none;
	}
	#inner-spotlight-support span {
		display: block;
	}
	#inner-spotlight-support h2 {
		margin-bottom: 10px;
	}
}

/* responsive of inner-spotlight ends here*/

/*responsive of supporting-card starts here*/

@media all and (max-width: 1280px) {
}
@media all and (max-width: 1200px) {
	.supporting-card section .top ul li:nth-child(4n) {
		margin-right: 5%;
	}
	.supporting-card section .top ul li:nth-child(3n) {
		margin-right: 0;
	}
	.supporting-card section .top ul li {
		width: 30%;
		margin-right: 5%;
	}
}
@media all and (max-width: 980px) {
	.supporting-card {
		padding: 40px 0;
	}
	.supporting-card section .top ul li div.bottom {
		padding: 18px;
	}
	.supporting-card section .top ul li div.bottom div.items div.item b {
		font-size: 13px;
	}
	.supporting-card section.top h3 {
		margin-bottom: 50px;
	}
	.supporting-card div.more {
		margin-top: 30px;
	}
}
@media all and (max-width: 768px) {
	.supporting-card section .top ul li:nth-child(3n) {
		margin-right: 6%;
	}
	.supporting-card section .top ul li:nth-child(2n) {
		margin-right: 0;
	}
	.supporting-card section .top ul li {
		width: 47%;
		margin-right: 6%;
	}
}
@media all and (max-width: 640px) {
	.supporting-card {
		padding: 40px 0;
	}
	.supporting-card div.more a.button {
		padding: 6px 35px;
		font-size: 15px;
	}
	.supporting-card div.more a.register {
		padding: 6px 35px;
		font-size: 15px;
	}
}
@media all and (max-width: 480px) {
	.supporting-card section .top ul li div.top h4 {
		font-size: 14px;
	}
	.supporting-card section .top ul li div.bottom {
		padding: 16px;
	}
	.supporting-card section.top ul li div.top h4 {
		font-size: 15px;
	}
	.supporting-card section .top ul li {
		width: 100%;
		margin: 0 0 6% 0;
	}
	.supporting-card section .top ul {
		margin-bottom: -6%;
	}
	.supporting-card div.more a.button {
		padding: 4px 30px;
		font-size: 14px;
	}
	.supporting-card div.more a.register {
		padding: 4px 30px;
		font-size: 14px;
	}
}
@media all and (max-width: 360px) {
	.supporting-card section.top h3 {
		font-size: 20px !important;
	}
	.supporting-card div.more a.button {
		padding: 4px 25px;
	}
	.supporting-card div.more a.register {
		padding: 4px 25px;
	}
}

/* responsive of supporting-card ends here*/

/* responsive of project starts here*/

@media all and (max-width: 1280px) {
}
@media all and (max-width: 1200px) {
	.project section .top ul li div.bottom div.item1 b {
		font-size: 13px;
	}
}
@media all and (max-width: 980px) {
	.project {
		padding: 10px 0;
	}
	.project section .top ul li:nth-child(4n) {
		margin-right: 5%;
	}
	.project section .top ul li:nth-child(3n) {
		margin-right: 0;
	}
	.project section .top ul li {
		width: 30%;
		margin-right: 5%;
	}
	.project section.top h3 {
		margin-bottom: 30px;
	}
	.project div.load {
		margin-top: 30px;
	}
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 640px) {
	.project section .top ul li div.bottom {
		padding: 15px;
	}
	.project section .top ul li div.bottom div.item1 b {
		font-size: 13px;
	}
	.project div.load a.button {
		padding: 6px 35px;
		font-size: 15px;
	}
	.project div.load a.register {
		padding: 6px 35px;
		font-size: 15px;
	}
	.project section .top ul li:nth-child(3n) {
		margin-right: 5%;
	}
	.project section .top ul li:nth-child(2n) {
		margin-right: 0;
	}
	.project section .top ul li {
		width: 47.5%;
		margin-right: 5%;
	}
}
@media all and (max-width: 480px) {
	.project section .top ul li div.top h4 {
		font-size: 15px;
	}
	.project section.top h3 {
		font-size: 20px !important;
	}
	.project div.load a.button {
		padding: 4px 30px;
		font-size: 14px;
	}
	.project div.load a.register {
		padding: 4px 30px;
		font-size: 14px;
	}
}
@media all and (max-width: 360px) {
	.project section .top ul li {
		width: 100%;
		margin: 0 0 6% 0;
	}
	.project div.load a.button {
		padding: 4px 25px;
		font-size: 14px;
	}
	.project div.load a.register {
		padding: 4px 25px;
		font-size: 14px;
	}
}

/* responsive of project ends here*/

/* responsive of organization starts here*/

@media all and (max-width: 1280px) {
}
@media all and (max-width: 1200px) {
	.organisation section.top ul li div.bottom div.orders b {
		font-size: 13px;
	}
}
@media all and (max-width: 980px) {
	div.col-sm-6 {
		margin-bottom: 0;
	}
	.organisation {
		padding: 40px 0;
	}
	.organisation section .top ul li:nth-child(4n) {
		margin-right: 5%;
	}
	.organisation section .top ul li:nth-child(3n) {
		margin-right: 0;
	}
	.organisation section .top ul li {
		width: 33%;
		margin-right: 1%;
	}
	.organisation {
		padding: 40px 0;
	}
	.organisation section.top ul {
		margin-top: 30px;
	}
	.organisation div.loadmore {
		margin-top: 30px;
	}
}
@media all and (max-width: 768px) {
	.organisation section.top ul {
		flex-wrap: wrap;
	}
	.organisation section .top ul li {
		width: 46%;
		margin-right: 3%;
	}
}
@media all and (max-width: 640px) {
	.organisation section.top ul li div.bottom {
		padding: 15px;
	}
	.organisation section.top ul li div.bottom div.orders b {
		font-size: 13px;
	}
	.organisation div.loadmore a.button {
		padding: 6px 35px;
		font-size: 15px;
	}
	.organisation div.loadmore a.register {
		padding: 6px 35px;
		font-size: 15px;
	}
	.organisation section .top ul li:nth-child(3n) {
		margin-right: 5%;
	}
	.organisation section .top ul li:nth-child(2n) {
		margin-right: 0;
	}
	.organisation section .top ul li {
		width: 47.5%;
		margin-right: 5%;
	}
}
@media all and (max-width: 480px) {
	.organisation div.loadmore a.button {
		padding: 14px 30px;
	}
	.organisation div.loadmore a.register {
		padding: 14px 30px;
	}
	.organisation div.loadmore {
		margin-top: 11px;
	}
	.organisation {
		padding: 7px 0 40px;
	}
	ul.promoter {
		margin: 15px 0 0;
	}
	.icon-card-2 ul {
		margin: 25px 0 10px;
	}
	.icon-card-2 a.button {
		padding: 13px 30px;
	}
	.organisation section .top ul li {
		width: 49.5%;
		margin-right: 1%;
	}
	.organisation section.top ul li div.bottom {
		padding: 0 8px 12px;
	}
	.organisation section.top ul li div.bottom div.orders b {
		font-size: 12px;
	}
	.organisation div.loadmore a.button {
		padding: 10px 30px;
		font-size: 14px;
	}
	.organisation div.loadmore a.register {
		display: inline-block;
		background-color: #141414;
		color: #fff;
		border-radius: 30px;
		font-size: 15px;
		padding: 10px 30px;
	}
	.organisation section.top ul li div.top h4 {
		font-size: 15px;
	}
}
@media all and (max-width: 370px) {
	.organisation section.top ul li div.bottom div.orders b {
		font-size: 11px;
	}
}
@media all and (max-width: 360px) {
	.organisation section.top h3 {
		font-size: 20px !important;
	}
	.organisation section .top ul li {
		width: 100%;
		margin-right: 0 0 6% 0;
	}
	.organisation section .top ul li:nth-child(3n) {
		margin-right: 0;
	}
}
@media all and (max-width: 320px) {
}

/* responsive of organization ends here*/

/*styles for register pages stars here*/

#register {
	padding: 40px 0;
}
#register .left {
	width: 50%;
	/*padding-top: 30px;*/
}
#register .left form {
	width: 100%;
	margin-top: 35px;
}
#register .left form p.checkbox {
	width: 50%;
	float: left;
	padding: 0 0 0 30px;
}
#register .left form p.checkbox.top {
	margin-bottom: 3%;
}
#register .left form p.checkbox input[type="checkbox"] {
	margin-right: 4%;
}
#register .left form p.checkbox label {
	font-family: "google_sansregular";
	color: #606060;
}
#register .left form p.checkbox.bottom input[type="checkbox"] {
	margin-right: 4%;
	margin-bottom: 35px;
}
#register .left form p.form-control input {
	display: block;
	border: 1px solid #b8b8b8;
	width: 100%;
	margin-bottom: 5%;
	padding: 15px;
	border-radius: 5px;
}
#register .left form p.form-control select {
	border: 1px solid #b8b8b8;
	width: 100%;
	padding: 2px 0 2px 10px;
	border-radius: 5px;
	margin-bottom: 5%;
	color: #555555;
	display: block;
}
p.form-control select {
	height: 45px;
	display: block;
}
#register .left form p.form-control input:focus {
	border: 1px solid #28cc8b;
}
#register .left form input[type="submit"] {
	background: #28cc8b;
	border-radius: 5px;
	width: 100%;
	padding: 15px;
	color: #fff;
	font-family: "google_sansregular";
}
#register .right {
	width: 40%;
}
#register .right h3 {
	font-family: "google_sansmedium";
	margin-bottom: 7%;
	font-size: 29px;
}
#register .right div.content img {
	margin-bottom: 8%;
	border-radius: 15px;
	width: 100%;
}
#register .right div.content p {
	font-family: "google_sansregular";
	font-size: 17px;
}
/*styles for footer starts here*/

/*(RESPONSIVE STARTS HERE)*/

@media all and (max-width: 1280px) {
	#register .right h3 {
		font-size: 27px;
	}
}
@media all and (max-width: 1200px) {
	#register .common-head h2 small {
		display: block;
	}
	#register .right h3 {
		font-size: 25px;
	}
	#register .left div.top h2 {
		font-size: 32px;
	}
	#register .left div.top span {
		width: 80px;
	}
	#register .right div.content p {
		font-size: 16px;
	}
}
@media all and (max-width: 980px) {
	#register {
		padding: 0 0 40px;
	}
	#register .common-head.inner h2 {
		font-size: 25px;
	}
	#register .left div.top h2 {
		font-size: 30px;
	}
	#register .left div.top span {
		width: 100px;
	}
	#register .right h3 {
		font-size: 21px;
	}
	#register .right div.content p {
		font-size: 15px;
	}
	#register .register-organisation .left div.top small {
		display: block;
		margin-left: 0;
	}
	#register .register-organisation .left div.top h2 {
		margin-bottom: 0;
	}
	#register .register-organisation .left div.top span {
		display: none;
	}
}
@media all and (max-width: 768px) {
	#register .left {
		width: 100%;
		padding-top: 0;
	}
	#register .right {
		width: 100%;
		padding-top: 30px;
	}
	#register .left div.top h2 {
		font-size: 30px;
	}
	#register .left div.top {
		margin-bottom: 12%;
	}
	#register .left div.top span {
		width: 100px;
	}
	#register .right h3 {
		font-size: 25px;
		text-align: center;
		margin-bottom: 30px;
	}
	#register .right div.content p {
		font-size: 15px;
	}
	#register {
		padding-top: 0;
	}
}
@media all and (max-width: 640px) {
}
@media all and (max-width: 480px) {
	#register .left form {
		margin-top: 15px;
	}
	#register .left div.top h2 {
		font-size: 20px;
	}
	#register .right h3 {
		font-size: 18px;
	}
	#register .right div.content p {
		font-size: 14px;
	}
}
@media all and (max-width: 360px) {
	#register .left div.top h2 {
		font-size: 25px;
		margin-bottom: 0;
	}
	#register .left div.top small {
		display: block;
	}
	#register .left div.top span {
		display: none;
	}
	#register .left form p.checkbox label {
		font-size: 14px;
	}
	#register .left form p.checkbox.bottom {
		font-size: 14px;
	}
	#register .right h3 {
		font-size: 20px !important;
	}
}

/*styles for register page ends here*/

/*styles for .common-head starts here*/

.common-head {
	text-align: left;
}
.common-head h2 {
	font-size: 34px;
	margin-top: 10px;
	color: #555;
	margin-bottom: 0.2%;
}
/*.moment .common-head h2{
	margin-right: 15px;
}*/
.common-head h2 small {
	font-size: 17px;
	/*display: inline;*/
}
.common-head span {
	height: 5px;
	display: block;
	background-color: #28cc8b;
	width: 111px;
}

@media all and (max-width: 980px) {
	.common-head h2 {
		font-size: 30px;
	}
	.common-head span {
		height: 3px;
	}
	.common-head h2 small {
		font-size: 15px;
	}
}
@media all and (max-width: 768px) {
	.common-head {
		margin-top: 4%;
	}
}
@media all and (max-width: 640px) {
	.common-head h2 small {
		margin: 2% 0px 2% 10px;
	}
	.common-head span {
	}
}
@media all and (max-width: 480px) {
	p {
		font-size: 16px !important;
	}
	.organisation section.top ul li div.bottom div.orders span {
		margin-right: 0;
	}
	#infrastructure .common-head span {
		display: none;
	}
	#infrastructure .common-head h2 small {
		display: block;
	}
	.common-head h2 {
		font-size: 25px;
		margin-top: 10px;
	}
}
@media all and (max-width: 320px) {
	.common-head h2 {
		font-size: 24px;
	}
	.common-head h2 small {
		display: block;
	}
	.common-head span {
		display: none;
	}
}

/*styles for .common-head ends here*/
.common-head.inner {
	/*margin-bottom: 15px;*/
	position: relative;
	padding: 0;
}
.bg {
	/*background-color: #F8F8F8;*/
}
@media all and (max-width: 480px) {
	#register .right {
		padding-top: 10px;
	}
	.common-head.inner {
		margin-bottom: 20px;
	}
	.common-head.inner.moment {
		margin-bottom: 0px;
		margin-top: 7%;
	}
}
@media all and (max-width: 640px) {
	/*.common-head.inner h2{
		font-size: 30px;
	}*/
}
#infrastructure aside.right div.item span.one {
	background: url("../images/ekerala-sprite1.png") no-repeat 0 -1017px;
}
#infrastructure aside.right div.item-two span.two {
	background: url("../images/ekerala-sprite1.png") no-repeat -60px -1017px;
}
#infrastructure aside.right div.item span.three {
	height: 65px;
	background: url("../images/ekerala-sprite1.png") no-repeat -120px -1017px;
}

#single-content {
	padding-bottom: 40px;
}
#single-content section.content {
	text-align: left;
}
#single-content section.content h3 {
	font-size: 33px;
	font-weight: bold;
	line-height: 1.2em;
}
#single-content div.icons {
	font-size: 23px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	height: 100px;
	z-index: 2;
	background: rgba(255, 255, 255, 0.8);
	width: 236px;
	padding: 10px;
	border-radius: 5px;
}
#single-content div.active {
	display: none;
}
#single-content div.icons img {
	height: auto;
	width: 40px !important;
}

#single-content div.icons .banner {
	margin-bottom: 20px;
	line-height: 14px;
}
/*fdfdfdfdfdf*/

#single-content section.content div.line {
	display: inline-block;
	width: 45%;
}
#single-content section.content a {
	display: inline-block;
	color: #28cc8b;
	float: right;
}
#single-content section.content span.line {
	height: 5px;
	display: inline-block;
	background-color: #28cc8b;
	width: 111px;
}
#single-content section.content b {
	font-size: 15px;
}
#single-content section.content p.venue {
	margin-bottom: 1%;
	color: #28cc8b;
}
#single-content section.content p {
	font-size: 15px;
	margin-top: 40px;
}
#single-content section.content p span.start {
	font-size: 30px;
	color: #28cc8b;
}
#single-content section.content p span.icon {
	display: block;
	text-align: center;
	width: 50%;
	margin: 20px 0;
	font-size: 30px;
}
#single-content section.content p span.icon small {
	color: #28cc8b;
	font-size: 25px;
}
#single-content section.right {
	width: 50%;
	margin-left: 10px;
	margin-bottom: 10px;
	position: relative;
}
#single-content section.right img {
	width: 100%;
	display: block;
}
#single-content h4 {
	font-size: 25px;
	font-family: "google_sansregular";
	margin: 30px 0;
}
#single-content div.pretty {
	width: 100%;
}
#single-content div.pretty a {
	width: 16%;
	display: block;
	float: left;
	margin-right: 0.8%;
	margin-bottom: 20px;
}
#single-content div.pretty a:nth-child(6n) {
	margin-right: 0;
}
#single-content div.pretty a img {
	width: 100%;
}
section.single-content-slider ul.sw1 {
}
section.single-content-slider ul {
	float: right;
	width: 100%;
}
section.single-content-slider ul.sw1 li {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.1);
	width: 30%;
	float: left;
	margin-right: 5%;
}
section.single-content-slider ul.sw1 li:nth-child(3n) {
	margin-right: 0;
}
section.single-content-slider ul.sw1 li div.top {
}
section.single-content-slider ul.sw1 li div.top img {
	width: 100%;
	display: inline-block;
}
section.single-content-slider ul.sw1 li div.top h3 {
	font-size: 14px;
	color: #fff;
}
section.single-content-slider ul.sw1 li div.top h3 span {
	position: absolute;
	top: 9px;
	left: 17px;
}
section.single-content-slider ul.sw1 li div.bottom {
	padding: 5%;
	text-align: left;
}
section.single-content-slider ul.sw1 li div.bottom a h4 {
	text-align: left;
	font-size: 16px !important;
	margin-bottom: 10px;
	color: #000;
	font-weight: bold;
	line-height: 1.5em;
}
section.single-content-slider ul.sw1 li div.bottom p {
	float: left;
	font-size: 14px;
	margin-bottom: 10px;
}
section.single-content-slider ul.sw1 li div.bottom a.button {
	padding: 2% 6%;
	border: 1px solid #28cc8b;
	border-radius: 30px;
	align-items: center;
	color: #28cc8b;
	font-family: "google_sansregular";
	font-size: 11px;
	display: inline-block;
}
section.single-content-slider {
	padding-bottom: 40px;
}
section.single-content-slider .top {
	font-size: 25px;
}
section.single-content-slider .top h4 {
	margin-bottom: 30px;
}
section.single-content-slider .bottom {
}
section.single-content-slider .bottom h6 {
	margin-bottom: 4%;
	color: #28cc8b;
}
section.single-content-slider .bottom ul {
}
section.single-content-slider .bottom ul li {
}

/*responsive for single-content-slider starts here*/

@media all and (max-width: 980px) {
	#single-content {
		padding: 30px 0;
	}
	section.single-content-slider {
		padding: 30px 0;
	}
	#single-content section.content p {
		margin-top: 30px;
	}
	#single-content section.content h3 {
		font-size: 25px;
	}
}
@media all and (max-width: 768px) {
	section.single-content-slider ul.sw1 li div.bottom p {
		font-size: 13px;
	}
	#single-content section.content p {
		font-size: 14px;
		margin-top: 30px;
	}
	section.single-content-slider {
		padding-top: 0;
	}
}
@media all and (max-width: 640px) {
	#single-content section.right {
		width: 100%;
		margin-bottom: 30px;
	}
	#single-content section.content p span.icon {
		width: 100%;
	}
	#single-content section.content h3 {
		font-size: 25px;
	}
	#single-content section.content p span.icon small {
		font-size: 20px;
	}
	section.single-content-slider ul.sw1 li div.bottom {
		/*text-align: lef;
*/
	}
	section.single-content-slider ul.sw1 li div.bottom p {
		font-size: 14px;
	}
	section.single-content-slider ul.sw1 li {
		width: 48%;
		margin: 0 4% 4% 0;
	}
	section.single-content-slider ul.sw1 li:nth-child(3n) {
		margin-right: 4%;
	}
	section.single-content-slider ul.sw1 li:nth-child(2n) {
		margin-right: 0;
	}
	#single-content div.pretty a:nth-child(6n) {
		margin-right: 1.33%;
	}
	#single-content div.pretty a {
		width: 24%;
		margin-right: 1.33%;
	}
	#single-content div.pretty a:nth-child(4n) {
		margin-right: 0;
	}
}
@media all and (max-width: 480px) {
	#single-content section.content p {
		margin-top: 20px;
	}
	section.single-content-slider .top h4 {
		margin-bottom: 25px;
		font-size: 25px;
	}
	#single-content section.content p span.icon small {
		font-size: 15px;
	}
	#single-content {
		padding: 10px 0;
	}
	section.single-content-slider {
		padding: 10px 0;
	}
	section.single-content-slider ul.sw1 li {
		width: 100%;
	}
	section.single-content-slider ul.sw1 li div.bottom h6 {
		font-size: 15px;
	}
	section.single-content-slider ul.sw1 li div.bottom p {
		font-size: 16px;
		width: 100%;
	}
	section.single-content-slider ul.sw1 li div.bottom a.button {
		padding: 2% 6%;
	}
	section.single-content-slider ul.sw1 li {
		margin-bottom: 5%;
	}
}
@media all and (max-width: 360px) {
	#single-content section.content p span.icon small {
		font-size: 19px;
	}
	#single-content div.pretty a {
		width: 30%;
		margin-right: 5%;
	}
	#single-content div.pretty a:nth-child(4n) {
		margin-right: 5%;
	}
	#single-content div.pretty a:nth-child(3n) {
		margin-right: 0;
	}
	.common-head.inner {
		/*margin-bottom: 15px;*/
		margin-bottom: 0px;
	}
	#single-content div.pretty a:nth-child(6n) {
		margin-right: 0;
	}
}

/* moment page single page style starts here*/

#content-card-moments.inner-event {
}
#content-card-moments.inner-event div.left {
	float: none;
	width: 100%;
}
#content-card-moments.inner-event div.left ul {
	width: 100%;
}
#content-card-moments.inner-event div.left ul li {
	width: 30%;
	margin-right: 5%;
}
#content-card-moments.inner-event div.left ul li:nth-child(3n) {
	margin-right: 0;
}
/* moment page single page responsive starts here*/

@media all and (max-width: 1280px) {
}
@media all and (max-width: 768px) {
	#content-card-moments.inner-event div.left ul li {
		width: 45%;
		margin-right: 10%;
	}
	#content-card-moments.inner-event div.left ul li:nth-child(2n) {
		margin-right: 0;
	}
	#content-card-moments.inner-event div.left ul li:nth-child(2n + 1) {
		margin-right: 10%;
	}
}
@media all and (max-width: 360px) {
	#content-card-moments.inner-event div.left ul li {
		width: 100%;
		margin-right: 0;
	}
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
	display: none;
}
/* moment page single page style end */

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 18px 0;
	border-radius: 2px;
}

.pagination > .endless_page_link {
	display: inline;
}

.pagination > .endless_page_link > a,
.pagination > .endless_page_link > span,
div.pagination a,
div.pagination span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #7e7e7e;
	background-color: #e2e2e2;
	border: 1px solid #ffffff;
	margin-left: -1px;
}
div.pagination {
	margin: 0;
}
div.pagination span strong {
	font-weight: normal;
}
div.pagination span {
	padding: 6px 10px;
}
div.pagination a,
div.pagination span {
	margin-right: 5px;
	border-radius: 50px;
	font-size: 12px;
}

.pagination > .endless_page_link:first-child > a,
.pagination > .endless_page_link:first-child > span {
	margin-left: 0;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}

.pagination > .endless_page_link:last-child > a,
.pagination > .endless_page_link:last-child > span {
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
}

.pagination > .endless_page_link > a:hover,
.pagination > .endless_page_link > span:hover,
.pagination > .endless_page_link > a:focus,
.pagination > .endless_page_link > span:focus {
	z-index: 2;
	color: #333333;
	background-color: #d7d7d7;
	border-color: #ffffff;
}

.pagination > .endless_page_current > a,
.pagination > .endless_page_current > span,
.pagination > .endless_page_current > a:hover,
.pagination > .endless_page_current > span:hover,
.pagination > .endless_page_current > a:focus,
.pagination > .endless_page_current > span:focus,
div.pagination span.endless_page_current {
	z-index: 3;
	color: #ffffff;
	background-color: #28cc8b;
	border-color: #ffffff;
	cursor: default;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #777777;
	background-color: #e2e2e2;
	border-color: #ffffff;
	cursor: not-allowed;
}
.infos {
	display: none;
}
.row {
	margin-top: 20px;
}
div.pagination a,
span.endless_page_current {
	border-radius: 50px;
	font-size: 12px;
}
div.col-sm-6 {
	text-align: center;
	margin-bottom: 20px;
}

#single {
	margin-top: 3%;
	background: #eeeeee;
}
#single ul {
	float: left;
	width: 100%;
}
#single ul li {
	float: left;
	width: 20%;
	text-align: center;
	font-family: "latobold";
	font-size: 20px;
}
#input__container_fac label{
	margin-bottom: 10px;
}
#category_multi_select label{
	margin-bottom: 10px;
}
#single ul li a {
	color: #353535;
	display: block;
	padding: 30px 0;
	font-family: "google_sansregular";
}
li.actived {
	background: #28cc8b;
}
#single ul li.actived a {
	color: #fff;
}
/*responsive of teams pages tabs starts here*/

@media all and (max-width: 980px) {
	#single ul li {
		font-size: 18px;
	}
}
@media all and (max-width: 862px) {
	#single ul li {
		font-size: 15px;
	}
}
@media all and (max-width: 640px) {
	#single ul li {
		font-size: 14px;
	}
	#single ul li span {
		display: block;
	}
}
@media all and (max-width: 480px) {
	/*.common-head.inner h2 {
	    font-size: 26px;
	}*/
	#single ul {
		min-width: 100%;
		display: flex;
		overflow-x: scroll;
	}
	#single ul li {
		padding: 0 20px;
		width: auto;
	}
}
@media all and (max-width: 320px) {
	#single ul li {
		font-size: 14px;
		position: inherit;
	}
	#single ul li span {
		display: block;
	}
}

/*moments page  search box style*/
.topnav {
	overflow: hidden;
	background-color: #e9e9e9;
	width: 315px;
	float: right;
	border: 1px solid #28cc8b;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 36px;
}
@media all and (max-width: 1440px) {
	.topnav {
		right: 0;
	}
}
@media all and (max-width: 1280px) {
	.topnav {
		right: 0;
		top: 0;
	}
}
@media all and (max-width: 768px) {
	.topnav {
		right: 0;
	}
}
@media all and (max-width: 640px) {
	.topnav {
		right: 5%;
		width: 260px;
	}
}
@media all and (max-width: 600px) {
	.topnav {
		margin-top: 8%;
		width: 100% !important;
		position: static;
		float: none;
	}
}

@media all and (max-width: 480px) {
	.topnav {
		margin-top: 8%;
		width: 100% !important;
		position: static;
		float: none;
	}
	.topnav .search-container input[type="text"] {
		padding: 8px 10px;
	}
}

.topnav a {
	float: left;
	display: block;
	color: black;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
}

.topnav a:hover {
	background-color: #ddd;
	color: black;
}

.topnav a.active {
	background-color: #2196f3;
	color: white;
}

.topnav .search-container {
	float: right;
}
.topnav .search-container form {
	display: flex;
}
.topnav input[type="text"] {
	padding: 10px;
	margin-top: 1px;
	font-size: 17px;
	border: none;
	width: 100%;
}
@media all and (max-width: 640px) {
	.topnav input[type="text"] {
		padding: 5px 0;
		margin-top: 4px;
		font-size: 14px;
	}
}
.topnav form button img {
	width: 18px;
}

.topnav .search-container button {
	float: right;
	padding: 6px 10px;
	margin-top: 6px;
	margin-right: 16px;
	font-size: 1px;
	border: none;
	cursor: pointer;
}

.topnav .search-container button:hover {
	background: #ccc;
}

@media screen and (max-width: 600px) {
	.topnav .search-container {
		float: none;
	}
	.topnav a,
	.topnav input[type="text"],
	.topnav .search-container button {
		float: none;
		display: block;
		text-align: left;
		width: 100%;
		margin: 0;
		padding: 14px;
	}
	/*.topnav input[type=text] {
            border: 1px solid #ccc;  
        }*/
}
@media all and (max-width: 600px) {
	.topnav form button img {
		display: none;
	}
	.topnav {
		margin-top: 5%;
		width: 100% !important;
		position: static;
		float: none;
	}
	.topnav a,
	.topnav input[type="text"],
	.topnav .search-container button {
		padding: 1px 14px;
	}
	.topnav .search-container input[type="text"] {
		padding: 10px 10px;
	}
}

@media screen and (max-width: 360px) {
	.topnav {
		width: 90%;
		display: block;
		top: unset;
		right: auto;
		margin-top: 6%;
	}
}
/*moments page search box style ends*/
.application-form-title{
	margin-bottom: 20px;
}
#registerform section.register-container {
	/* background: #f9f9f9; */
	padding: 50px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 17px;
}
#registerform section.register-container h2 {
	color: #0e9f6a;
}
#registerform section.register-container p {
	color: #2d2d2d;
	font-size: 14px;
	/* margin-bottom: 10px; */
}
#registerform section.register-container div.num {
	display: flex;
	width:9%;
	justify-content: space-between;
	margin-bottom: 25px;
	font-size: 14px;
	position:relative;
}
#registerform section.register-container div.num::after{
	content:"";
	position:absolute;
	width:60px;
	height:2px;
	background-color: #bebebe;
	z-index: 0;
	top:45%;
	left:10%;

}
#registerform section.register-container div.num span {
	border: 1px solid #0E9F6A80;
	border-radius: 50%;
	background-color: #ffff;
	font-size: 20px;
	width:38px;
	height:38px;
	display: flex;
	align-items: center;
	justify-content:center;
	z-index: 1;
	color: #bebebe;
	
}
#registerform section.register-container div.num span.active{
	border: 2px solid #0E9F6A;
	color: #4f5251;
	width:40px;
	height:40px;
}

#registerform section.register-container form {
	width: 70%;
}
#registerform section.register-container form div.container32 {
	padding-top: 30px;
}
#registerform section.register-container form div.container32 div {
	display: flex;
	margin-bottom: 15px;
	justify-content: space-between;
}
/* #registerform section.register-container form div.container32 div.category_box {
	padding: 14px 10px 14px 10px;
} */
#registerform section.register-container form div.container32 div.row {
	margin-bottom: 25px;
	margin-top: 0px;
}
#registerform section.register-container form div.container32 div.row1 {
	width: 100%;
}
#registerform section.register-container form div.container32 div.row1 span{
	width: 48%;
}
#registerform section.register-container form div.container32 div.row2 span{
	width: 48%;
}
#registerform section.register-container form div.container32 div.row4 span{
	width: 48%;
}
#registerform section.register-container form div.container32 div span {
	display: flex;
	flex-direction: column;
	/* margin-right: 20px; */
	width: 48%;
}
#registerform section.register-container form div.container32 div span.name {
	margin-right: 0;
}
#registerform section.register-container form div.container32 div span label {
	font-size: 14px;
	color: #bebebe;
	margin-bottom: 7px;
}
#registerform section.register-container form div.container32 div span input {
    border: 1px solid #d9d9d9;
    width: 100%;
    padding: 14px 10px;
    /* height: 35px; */
    display: inline-block;
    border-radius: 5px;
    background: #ffffff;
}
#registerform section.register-container form.fac-reg-form.redirect div.container32 div span input {
    width: 100%;
}
/* #registerform section.register-container form.fac-reg-form.redirect div.category_social_box {
	display:flex;
	align-items: center;
	justify-content: space-between;
}
#registerform section.register-container form div.category_social_box span {
	width:48%;
	display:black;
} */
#registerform section.register-container form .submitbutton  {
	position: relative;
    /* width: 100%; */
    display: flex;
	padding: 20px;
    align-items: center;
    justify-content: center;
	background: #1EC569;

	border-radius: 6px;
    /* width: 22%; */
    /* margin: 0 auto; */
    /* left: 0px; */
    /* right: 100%; */
    color: #ffff;
    width: 24%;
    /* margin: 0 80%; */
    margin-left: auto;

}
#registerform section.register-container form .submitbutton .arrow {
width: 13px;
}
#registerform section.register-container form .zmdi-arrow-right{
	color: #fff;
    position: absolute;
    bottom: 18px;
    right: 60px;
    font-size: 19px;
}
#registerform section.register-container form div.container32 div.submitbutton button {
	padding: 2% 10%;
	border: 1px solid #28cc8b;
	border-radius: 5px;
	align-items: center;
	color: #ffff;
	background: #28cc8b;
	font-family: "google_sansregular";
	font-size: 14px;
	/* display: inline-block; */
	float:right;
}
.button{
	width: 100%;
	width: 100%;
    /* margin-left: auto; */
    display: flex;
    justify-content: flex-end;
}
#registerbutton{
	/* padding: 2% 10%; */
	border: 1px solid #1EC569;
	border-radius: 5px;
	align-items: center;
	font-size: 16px;
	color: #ffff;
	/* margin-right: 5px; */
	background: #1EC569;
	margin-right: 10px;
	font-family: "google_sansregular";
	
	display: inline-block;
	/* float:right; */
	/* width: 20%;
	height: 50px; */
}
#facility_note{
    width: 100%;
    height: 90px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    margin-bottom: 30px;
    resize: none;
    padding: 14px 5px 0 20px;
	color: #000;
}
#otp_modal{
	z-index: 1;
	width:100%;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	background-color: #00000090;
	backdrop-filter: blur(5px);
	display: flex;
	align-items: center;
	justify-content: center;
	transform: scale(0);
	transition: .4s ease;
}
#otp_modal .otp_modal__container{
	width:40%;
	height:400px;
	background-color: #fff;
	border-radius: 10px;
	padding: 20px;

}
#otp_modal.active{
	transform: scale(1);
	transition: .4s ease;
}
#otp_modal .otp_modal__top{
	padding: 20px 0px;
	border-bottom: 1.5px solid #E7E7E7;
	display: flex;
	justify-content: space-between;
}
#otp_modal .otp_modal__top__left{

}
#otp_modal .otp_modal__top__left h4{
	color:#003C3C;
	font-size:20px;
}
#otp_modal .otp_modal__top__right{
	cursor: pointer;
}
#otp_modal .otp_modal__content__section{
	width:50%;
	padding: 10px 0px;
}
#otp_modal .otp_modal__content__section p{
	color:#5A5A5A;
}
#otp_modal .otp_modal__content__section span{
	color:#0FA76F;
}
/* ---otp modal----- */
#otp_modal .otp_modal__input{
	width:100%;
	height: 80px;
	font-size: 24px;
	text-align: center;
	-moz-appearance: textfield;
	letter-spacing: 1em;
} 
#otp_modal .otp_modal__input___container{
	border:1px solid #C6C6C6;
	width:80%;
	margin: 0 auto;
	border-radius: 10px;
	margin-top:30px;
	margin-bottom: 40px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#otp_modal .otp_modal__input___container.active{
	border: 1px solid #0FA76F;
}
.otp_modal__submit{
    padding: 18px 80px;
    background-color: #5bc66b;
    float: right;
    color: #fff;
    border-radius: 10px;
    font-size: 16px;
}
#venueimage{
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #F9F9F9;
}
#venueimage .venue-image__top{
	/* background-color: red; */
	margin-bottom: 30px;
}
#venueimage .venue-image__top h4{
	text-align: center;
	font-size: 20px;
	line-height: 1.2;
}
#venueimage .venue-image__top span{
	color:#0E9F6A;
	font-size: 24px;
	font-family: "google_sansregular";
}
#venueimage .venue-image__submit__sect{
	width:60%;
	margin: 0 auto;
	margin-top: 50px;
}
/* #venueimage .venue-image__uploads{
	margin-bottom: 40px;
} */
/* .box__dragndrop,
.box__uploading,
.box__success,
.box__error {
  display: none;
} */
#country__selecter_box{
	/* width:30px !important;
	height:30px;
	background-color: red;
	border-radius:50%;
	margin-bottom: unset !important; */
	width: unset !important;
	margin-bottom: unset !important;
	display: flex;
	align-items: center;
	cursor: pointer;
}
#country__selecter_box span{
	margin-right: unset !important;
}
#country__selecter_box .zmdi-chevron-down{
	margin-right: 10px;
}
#country__selecter_box #selecter__code{
	width: 40%;
}
#flag{
	width: 30px !important;
    height: 25px;
    border-radius: 50%;
    margin-bottom: unset !important;
    margin-right: 6px;
    overflow: hidden;
    margin-left: 10px;
}
#flag img{
	width:100%;
}
#registerform section.register-container form div.container32 #number-container input{
	padding-left: 10px;
    /* font-size: 17px; */
}
#district_select, #id_facilities, #id_district{
	border: 1px solid #d9d9d9;
    /* width: 310px; */
    padding: 13px 5px;
    /* height: 35px; */
    display: inline-block;
    border-radius: 5px;
    background: #ffffff;
}
.box_file_inp{
	background-color: #FDFDFD;
	outline: 2px dashed #AFAFAF;
	width:60%;
	height:400px;
	margin:0 auto;
	border-radius: 8px;
	
}
.box_file_inp.has-advanced-upload {
	background-color: #FDFDFD;
	outline: 2px dashed black;
	outline-offset: -10px;
  }
  .box_file_inp.has-advanced-upload .box__dragndrop {
	display: inline;
  }
  .box__file{
	/* width: 0.1px; */
    /* height: 0.1px; */
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: 1;
	width:100%;
	height:100%;
	/* opacity: 0; */
	/* background-color: blue; */

  }
  .box__input{
	position: relative;
	width:100%;
	height:100%;
	/* background-color: red; */
  }
  .out__cont__box{
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
  }
  .drag_text_label{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .zmdi.zmdi-file{
    font-size: 100px;
    color: #e6e6e6;
  }
  .drag_text{
	color: #a5a5a5;
	margin-top: 20px;
  }
  .box__dragndrop{
    color: #5bc76b;
    text-align: center;
    display: block;
    text-decoration: underline;
  }
#venueimage .venue-image__uploads{
	width:60%;
	margin: 0 auto;
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	/* padding: 30px; */
	/* background-color: #003C3C */
}
#venueimage .venue-image__uploads__image{
	width:unset;
	height:unset;
	background-color: #fff;
	border-radius: 8px;
	border:2px dashed #AFAFAF;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#venueimage .venue-image__link{
	width:60%;
	margin: 0 auto;
	margin-top: 50px;
}
#venueimage .venue-image__link__input{
	width: 100%;
	height:45px;
	background-color: #fff;
	padding: 10px;
	border : 1px solid #D9D9D9;
	border-radius: 8px;
}
#venueimage .link__label{
	font-size: 13px;
	color:#a5a5a5;
}
#country{
	width:100% !important;
}
#number-container{
	display: block;
	width:unset !important;
	align-items: center !important;
	/* width: 75%; */
}
.submitbutton{
	/* width: ; */
}
#social-medea{
	width: 100%;
	height:100vh;
	background-color: #00000090;
	position:fixed;
	top:0;
	left:0;
	display: flex;
	align-items: center;
	justify-content:center;
	transform: scale(0);
	transition: .4s ease;
}
.add{
	margin-bottom: unset !important;
	padding:4px 7px;
	/* border:1px dashed #000; */
	/* display: none !important; */
	width:unset !important;
	border-radius: 5px;
	position:absolute;
	right: 5px;
	/* displ */
}
#social_store{
	display:none;
}
#count_val{
	display: none;
}
.add.active{
	display: block !important;
}
.social__media__select{
	/* width: 310px !important; */
	width: 100%;
	height:35px;
	background-color: #fff;
	padding: 22px 10px;
	border : 1px solid #D9D9D9;
	border-radius: 5px;
	margin-bottom: unset !important;
	cursor: pointer;
	display: flex;
	align-items: center;
	position: relative;
}
.social__media__select.active{
	background-color:transparent;
	border:none;
}
#social__link{
	width: 100% !important;
	height:35px;
	background-color: #fff;
	padding: 10px;
	border : 1px solid #D9D9D9;
	border-radius: 8px;
	margin-bottom: unset !important;
	cursor: pointer;
	margin-top: 6px;
}
/* #social__link img{
	width:30px;
	object-fit: contain;
	margin-right: 10px;
} */
.social__images{
	display: flex;
	align-items: center;
	/* background-color: red; */
	margin-bottom: unset !important;
	width: unset !important;
}
.Facebook{
	width:30px;
	object-fit: contain;
	margin-right: 10px;
}
.Instagram{
	width:30px;
	object-fit: contain;
	margin-right: 10px;
}
.LinkedIn{
	width:30px;
	object-fit: contain;
	margin-right: 10px;
}
.facebook{
	width:30px;
	object-fit: contain;
}
#social-medea.active{
	transform: scale(1);
	transition: .4s ease;
	z-index: 2;
}
#otp_errormessage{
	color:red;
}
#output{
	width: 100%;
	height: 100%;
	/* display: none; */
}
#output.active{
	width: 100%;
	height: 100%;
	/* display: block; */
}
#output1{
	width: 100%;
	height: 100%;
}
#output2{
	width: 100%;
	height: 100%;
}
#output3{
	width: 100%;
	height: 100%;
}
#output4{
	width: 100%;
	height: 100%;
}
#social-medea .social_container{
	width:50%;
	/* height: 400px; */
	padding: 20px;
	background-color: #fff;
	border-radius: 8px;
}
#social-medea .social_container__top{
	padding-bottom: 15px;
	border-bottom: 2px solid #E7E7E7;
	display:flex;
	align-items: center;
	justify-content: space-between;
}
.social_container__top__right{
	cursor: pointer;
}
#social-medea .social_container__top__left h4{
	font-size: 20px;
}
.social_container__bottom{
	margin-top: 20px;
}
.social_container__bottom label{
	font-size: 13px;
	color:#6B6B6B;
}
#social_select{
	width: 100%;
	height:35px;
	/* box-shadow: 1px 1px 6px 4px #000; */
	margin-top:6px;
	border:1px solid #D9D9D9;
	border-radius: 5px;
	padding: 0 5px;
	color:#6B6B6B;
	margin-bottom: 20px;
}
.social_modal__bottom{
	margin-top: 30px;
}
.save__button{
	width:150px;
	height:40px;
	background-color: #0E9F6A;
	color:#fff;
	float: right;
	border-radius: 8px;
}
.error{
	font-size: 13px !important;
    color: #8c1d1d;
    margin-top: 3px;
    font-weight: 100;
	display: none;
}

#phone{
	border:none !important;
	background-color: unset !important;
	width: 80% !important;
}
#number-container{
	border: 1px solid #d9d9d9;
    /* width: 310px !important; */
    width: 395px;
	/* padding: 14px 10px; */
    display: flex !important;
    border-radius: 5px;
    background: #ffffff;
	margin-bottom: unset !important;
}
#country-selecter{
	width:100%;
	height:100vh;
	position: fixed;
	background-color: #00000090;
	top:0;
	backdrop-filter: blur(6px);
	display: flex;
	align-items: center;
	justify-content: center;
	transform: scale(0);
	transition: .4s ease;
	z-index: 2;
}
#country-selecter.active{
	transform: scale(1);
	transition: .4s ease;
}
#country-selecter .country-selecter__container{
	width:22%;
	height:500px;
	background-color: #fff;
	border-radius: 10px;
	padding: 20px;
	/* display: flex; */
}
.country-selecter__inputcontainer{
	width: 100%;
	height:35px;
	border:1px solid rgba(82, 81, 81, 0.574);
	border-radius: 8px;
	padding: 3px;
	display: flex;
}
.country-select__searchicon{
	width:10%;
	margin-right: 5px;

}
#country_input_id{
	display:none;
}
.country-select__searchicon img{
	width:100%;
}
.country-selecter__inputcontainer input{
	/* width: 90%; */
	height: 100%;
}
.country-selecter__selection{
	width: 100%;
	height: 90%;
	/* background-color: red; */
	margin-top: 20px;
	overflow: scroll;
}
.country-selecter__single{
	width: 100%;
	height:30px;
	padding: 5px;
	padding-right: 5px;
	display: flex;
	align-items: center;
	margin-bottom: 8px;
	cursor:pointer;
	/* padd */

}
#country_webcode{
	display: none;
}
.country-selecter__single.active{
	background-color: red;
}
.country-selecter__image{
	width:30px;
	margin-right: 20px;

}
.country-selecter__image img{
	width:100%;
	display: block;
}
#flag__url{
	display:none;
}
#country__code{
	display:none;
}
#events-reg{
	padding-bottom: 80px;
    padding-top: 40px !important;
	 
}
#events-reg .event_select__top{
	width: 50%;
	margin: 0 auto;
	text-align: center;
}
#events-reg .event_select__top h3{
	color:#212121;
	font-family: 'google_sansmedium';
	font-size: 26px;
	margin-bottom: 20px;
}
#events-reg .event_select__top p{
	color:#7E7E7E;
}

#events-reg .event_select__bottom{
	display: flex;
	margin-top: 40px;
}
#events-reg .event_select__left{
	width: 50%;
	/* background-color: #F8F8F8; */
	padding: 50px;
	height:400px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.8s;
}
#events-reg .event_select__left:hover{
background-color: #F8F8F8;
transition: 0.8s;
}
#events-reg .event_select__container{

}
#events-reg .event_select__container h4{
	text-align: center;
	font-size: 18px;
}

#events-reg .event_image__container{
	width:70%;
	margin: 0 auto;
	margin-bottom: 20px;
	/* margin: 0 auto; */

}
#events-reg .event_image__container img{
	width: 100%;
}
#events-reg .event_select__container a.venue__button{
	text-decoration: none;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	width:180px ;
	height:35px;
	background-color: #1EC569;
	margin: 0 auto;
	margin-top: 20px;
	border-radius: 4px;
}
#events-reg .event_select__right{
	width: 50%;
	background-color: #fff;
	padding: 50px;
	height:400px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#events-reg .event_select__right:hover{
	background-color: #F8F8F8;
	transition: 0.8s;
}
#facility_modal{
	width:100%;
	height:100vh;
	background:#14141460;
	position: fixed;
	top:0;
	left:0;
	backdrop-filter: blur(4px);
	display:flex;
	align-items: center;
	justify-content: center;
	display:none;
	z-index: 10;
}
#facility_modal.active{
	display: flex;
}
.facility_modal__container{
	width:50%;
	background-color: #fff;
	/* height:700px; */
	border-radius:6px;
	padding: 20px;
}
.facility_modal__top{
	display:flex;
	justify-content: space-between;
}
.facility_modal__top h4{
	font-size: 22px;
	padding-bottom: 15px;
}
.facility_show_container{
	background-color: #fff;
	border-radius:6px;
	border:.2px solid #D9D9D9;
	margin-bottom: 15px;
	text-align: center;
	display: flex;
	gap:5px;
	align-items: center;
	padding: 14px 10px;
	/* padding: 10px; */
	position: relative;
	
}
.facility_show_container.active{
	padding: 20px 0 80px 10px;
}
.facility_show_container div.title{
	font-size: 15px;
}
#container_fac__note{
	margin-bottom: 30px;
}
#container_fac__note label{
	font-size: 14px;
}
.label_facility{
	font-size: 14px;
}
.facilities-title{
	color: #bebebe;
}
.facilities-notes-title{
	color: #bebebe;
	font-size: 14px;
}
.underline{
	width:100%;
	height:2px;
	background-color: rgba(131, 126, 126, 0.815);
	border-radius: 50px;
}
.facility_modal__bottom{
	padding-top:30px;
	text-align: center;
}
.facility_modal__top__right{
	cursor: pointer;
}
.facility_modal__count{
	display: flex;
	margin: 0 auto;
	width:12%;
	/* gr; */
	gap: 20px;
	position: relative;
	margin-bottom: 20px;
}
.facility__add{
	position: absolute;
	right:10px;
	top:10px;
	cursor:pointer;
}
.facility__add .zmdi-plus{
	font-size: 30px;
    display: block;
	position: absolute;
    right: 1%;
    top: -4px;
}
.oneitem{
	font-size: 17px;
	padding: 6px 12px;
	background-color: #eeeeee;
	border-radius: 5px;
	position: relative;
	margin-right: 15px;
}
.oneitem:last-child{
	margin-right: 0;
}
.item_content{
	color: #4caa79;
	margin-left: 8px;
}
.facility_modal__count::after{
	content:'';
	position: absolute;
	width:95%;
	height:2px;
	background-color: rgb(121, 116, 116);
	top:40%;
	left:1px;
	z-index: 1;
}
.round_1{
	width:30px;
	height:30px;
	border-radius:50%;
	border:2px solid green;
	display:flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	z-index: 2;
}
.round_2{
	width:30px;
	height:30px;
	border-radius:50%;
	border:.5px solid green;
	display:flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	z-index: 2;
}
.selected_cetegory_box{
    background-color: #fff;
	border: 1px solid #d9d9d9;
    width: 100%;
    padding: 22px 10px 46px 10px;
	padding-top: 0;
    height: 35px;
    display: flex;
    border-radius: 5px;
	margin-bottom: unset !important;
	/* cursor:pointer; */
	justify-content:center;
}
.selected_cetegory_box h4{
	cursor:pointer;
	height: 35px;
	display: block;
	margin-top: 12px;
}
.selected_cetegory_box h4 img{
	display: block;
	width: 100%;
}
#selcted_items{
	display: flex !important;
	align-items: center;
	height:100%;
	width:90% !important;
	overflow-x: scroll !important;
	margin-bottom: unset !important;
}
.facility_modal__main{
	/* height:30px; */
	width: 100%;
}
.facility_modal__input__container{
	width: 100%;
}
.facility_modal__input{
	width:100%;
	height:55px;
	/* background-color: green; */
	border:1px dashed #14144144;
	border-radius:6px;
	padding:0px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
.facility_modal__input .zmdi-plus{
	font-size: 30px;
}
.facility_modal__input.active{
	border:.8px solid #1EC569;
}
#facility-category_modal{
	width:100%;
	height:100vh;
	background-color: #00000090;
	position: fixed;
	backdrop-filter: blur(3px);
	top:0;
	left:0;
	/* display: flex; */
	
	justify-content: center;
	align-items:center;
	display: none;
}
#facility-category_modal.active{
	display: flex;
	z-index:10;
}
.faculty_category__top{
	padding-bottom: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.close_container{
	cursor:pointer;
}
.faculty_category__top h4{
	font-size: 22px;
}
.faculty_category_input_container{
	width:100%;
	/* height:35px; */
	/* background-color: red; */
	margin-top: 20px;
}
.categories_label{
	display: inline-block;
    margin-bottom: 5px;
}
.facility_drop_down{
	width:100%;
	height:35px;
	padding: 5px;
	border:1px solid #000;
	border-radius: 3px;
	cursor:pointer;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	/* position: relative; */
}

#number-container:focus{
	background-color: red;
}

.one_item_span{
	/* width: 73px; */
	margin: 5px !important;
	width: 100%;
    height: 24px;
    background-color: #E4F8ED;
    /* margin-left: 8px; */
    font-size: 15px;
    color: #4CA473;
	display: flex;
	justify-content: center;
	align-items: center;
}
.box{
	display: flex;
}
.faculty_category_container{
	width:50%;
	/* height:400px; */
	background-color: #fff;
	border-radius: 10px;
	padding:20px;
}
#selected_categoris_list{
	gap:10px;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin-top: 10px;
}
.categuries_submit{
	width:150px;
	height:35px;
	background-color:#0E9F6A;
	float:right;
	margin-top:20px ;
	border-radius:6px;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#fff;
	cursor:pointer;
}
.facility_dropdown_data{
	/* position:absolute; */
	width:100%;
	max-height:0px;
	overflow-y: scroll;
	/* top: 100%;
	left:0; */
	background: #fff;
	/* border:1px solid #000; */
	border-radius: 3px;
	transition: .4s ease;
	/* height:0; */

}
.facility_dropdown_data.active{
	max-height:100px;
	transition: .4s ease;
	border:1px solid #000;
}

.facility_modal__input__container label{
	float:left;
	font-size:14px;
}
.facility_modal__datas{
	width:100%;
	height:0px;
	/* background-color: #003C3C; */
	border-radius: 5px;
	transition: .4s ease;
	overflow: hidden;
}
.faculty_category_singledata{
	padding:5px;
}
.faculty_category_singledata:hover{
	background: #2196f380;
}
.facility_modal__datas.active{
	height: 150px;
	overflow-y: scroll;
	/* border:.6px solid #141414; */
	transition: .8s ease;
	box-shadow: 0px 0px 4px 0px;
}
.facility_modal__itemslist{
	padding:8px 10px;
	text-align: left;
	cursor: pointer;
	font-size: 16px;
}
.facility_modal__itemslist:hover{
	background-color: #E4F8ED;
	color:#4CA473;
}
.facility_selected{
	width:48%;
	height:55px;
	display: flex;
	border:.6px solid #D9D9D9;
	align-items: center;
	/* justify-content: center; */
	border-radius: 8px;
	padding: 0px 10px;
}
.selected__facility_cover{
	display: flex;
	justify-content: space-between;
	margin-bottom: 8px;
}
.select_facility__input{
	width: 48%;
	height:55px;
	display: flex;
	border:.6px solid #D9D9D9;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	padding-left: 10px;
	color: #4caa79;
}
.select__facility{
	width: 48%;
	height:55px;
	display: flex;
	border:.6px solid #D9D9D9;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	color: #4caa79;
	padding-left: 15px;
}
.facility__select_submit{
	width:150px;
	height:35px;
	background-color: #0E9F6A;
	float:right;
	margin-top: 40px;
	border-radius:6px;
	color:#fff;
	cursor: pointer;
}
.facility__close_icon{
	width:15px;
	height:15px;
	padding: 3px;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border:.5px dashed #9A9A9A;
	position: absolute;
	right:-5px;
	top:-8px;
	cursor:pointer;
	/* z-index: 1; */
}
.facility__close_icon img{
	width: 100%;
}
.map_location{
	width:100% !important;
}
#map_location input{
	width:636px !important;
}
#registerform section.register-container form div.container32 .map_url{
	display: block;
    width: 100%;
}
#registerform section.register-container form div.container32 #id_map_location{
	width:100% !important;
}
#id_phone{
	border:none !important;
	outline: none !important;
	height:100% !important;
}
div.num span {
    border: 1px solid #0E9F6A80;
    border-radius: 50%;
    background-color: #ffff;
    font-size: 20px;
	margin-right: 15px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    color: #bebebe;
}
div.num span.active {
    border: 2px solid #0E9F6A;
    color: #4f5251;
    width: 40px;
    height: 40px;
	/* margin-left: 20px; */
}
div.num {
    display: flex;
    width: unset;
    /* justify-content: space-between; */
    margin-bottom: 25px;
    font-size: 14px;
	margin-bottom: 15px;
    position: relative;
}
div.num::after {
    content: "";
    position: absolute;
    width: 60px;
    height: 2px;
    background-color: #bebebe;
    z-index: 0;
    top: 45%;
    left: 10%;
}
.wrapper div.content-container{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.wrapper div.content-container .venue-image__upload{
	width: 100%;
}
.venue-image__uploads__image img { 
	position: relative;
	z-index: 1;
}
	
@media(max-width:1080px){
	#registerform section.register-container div.num span{
		margin-right: 15px;
	}
	#registerform section.register-container form .submitbutton {
		width: 26%;
	}
	#otp_modal .otp_modal__content__section{
		width: 70%;
	}
	#otp_modal .otp_modal__container{
		width: 50%;
	}
	#country-selecter .country-selecter__container{
		width:30%;
	}
	#registerform section.register-container div.num{
		width: unset;
	}
	/* div.num{
		width: 11%;
	} */
}
@media(max-width:980px){
	/* div.num{
		width: 13%;
	} */
	#country-selecter .country-selecter__container{
		width:40%;
	}
	#registerform section.register-container div.num{
		width: unset;
	}
}
@media(max-width:840px){
	#events-reg .event_select__top{
		width:70%;
	}
	#otp_modal .otp_modal__container{
		width: 60%;
	}
	#registerform section.register-container div.num{
		/* width: 15%; */
	}
	.facility_modal__container{
		width:60%;
	}
	.selected_cetegory_box {
		width: unset !important;
	}
}
@media(max-width:768px){
	#venueimage .venue-image__submit__sect{
		width: 75%;
	}
	#venueimage .venue-image__link{
		width: 75%;
	}
	.box_file_inp{
		width: 75%;
	}
	#venueimage .venue-image__uploads{
		width: 75%;
	}
	/* #registerbutton{
		width: 29%;
	} */
	#id_map_location{
		width:100% !important;
	}
	#registerform section.register-container form .submitbutton {
		width: 32%;
	}
	#events-reg .event_select__top{
		width:85%;
	}
	#registerform section.register-container form{
		width: 90%;
	}
	#registerform section.register-container form div.container32 div{
		/* flex-wrap: wrap; */
		width: 100%;
	}
	#registerform section.register-container form div.container32{
		width:100%;
	}
	#registerform section.register-container form div.container32 div span input{
		width: 100%;
	}
	#registerform section.register-container form div.container32 div span{
		width: 100%;
		margin-bottom: 20px;
		margin-right: 10px;
	}
	#registerform section.register-container form div.container32 div span:nth-child(even){
		margin-right: 0px;
	}
	#district_select, #id_facilities, #id_district{
		width:100%;
		text-transform: lowercase;
	}
	#number-container{
		width: 100% !important;
		overflow-y: hidden !important;
		margin-bottom: unset !important;
		
	}
	#country__selecter_box{
		flex-wrap: nowrap !important;
	}
	#number-container{
		padding: 0px 5px;
	}
	#selecter__code{
		margin-bottom: unset !important;
	}
	#flag{
		width: 30px !important;
	}
	.social__media__select{
		width: 100% !important;
	}
	#country-selecter .country-selecter__container{
		width:50%;
	}
	#registerform section.register-container div.num{
		/* width: 19%; */
	}
	.facility_modal__container{
		width:65%;
	}
	#social-medea .social_container{
		width:65%;
	}
	.faculty_category_container {
		width:75%;
	}
}
@media(max-width:640px){
	#faculty_selected_cetegory_box{
		display: flex !important;
		flex-wrap: nowrap !important;
		
	}
	#registerform section.register-container form div.container32 div span {
		margin-right: 0px;
	}
	#venueimage .venue-image__submit__sect {
		width: 85%;
	}
	#venueimage .venue-image__link{
		width: 85%;
	}
	
	#venueimage .venue-image__uploads {
		width: 85%;
	}

	.box_file_inp{
		width: 85%;
	}
	#events-reg {
		padding-bottom: 50px;
	}
	
	#events-reg .event_select__top{
		width:90%;
	}
	#events-reg .event_select__top p{
		font-size: 13px !important;
	}
	#events-reg .event_select__bottom{
		flex-wrap: wrap;
	}
	#events-reg .event_select__left{
		width:100%;
		height: unset !important;
	}
	#events-reg .event_select__right{
		width:100%;
		height: unset !important;
	}
	#events-reg .event_select__top h3{
		font-size: 18px !important;
	}
	#number-container{
		flex-wrap: nowrap !important;
	}
	#otp_modal .otp_modal__container{
		width: 80%;
	}
	#country-selecter .country-selecter__container{
		width:70%;
	}
	#registerform section.register-container div.num::after {
		left:27%;
	}
	.facility_modal__container{
		width:70%;
	}
	#events-reg .event_image__container {
		width: unset;
	}
	#registerform section.register-container form div.container32 div.row1{
		flex-wrap: wrap;
	}
	#registerform section.register-container form div.container32 div.row1 span{
		width: 100%;
		margin-right: 0px;
	}
	#registerform section.register-container form div.container32 div.row{
		flex-wrap: wrap;	
	}
	#registerform section.register-container form div.container32 div.row2 span {
		width: 100%;
		margin-right: 0px;
	}
	#registerform section.register-container form div.container32 div.row4 span {
		width: 100%;
		margin-right: 0px;
	}
	#registerform section.register-container form .submitbutton{
		width: 45%;
	}
	/* #registerbutton {
		width: 40%;
	} */
}
@media(max-width:480px){
	#venueimage .venue-image__submit__sect {
		width: 100%;
	}
	#venueimage .venue-image__link{
		width: 100%;
	}
	
	#venueimage .venue-image__uploads {
		width: 100%;
	}

	.box_file_inp{
		width: unset;
	}
	/* #registerbutton {
		width: 50%;
	} */
	#registerform section.register-container div.num{
		/* width: 40%; */
		justify-content: center;

	}
	#social-medea .social_container{
		width:85%;
	}
	#otp_modal .otp_modal__container{
		width: 90%;
	}
	.facility_modal__container{
		width:95%;
	}
	.selected_cetegory_box {
		flex-wrap: nowrap !important;
	}
	#registerform section.register-container form .submitbutton{
		width: 55%;
	}
}
@media(max-width:360px){
	/* #registerbutton {
		width: 60%;
	} */
	#events-reg .event_select__top{
		width: 100%;
	}
	#registerform section.register-container form .submitbutton{
		width: 65%;
	}
	
}

#hide-div{
	display: none !important;
}