* {
	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;
}
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;
}
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;
}
@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: 50px 0 0 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: 22%;
}
#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 #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;
}
#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: 20px;
}
.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 h1.left{
		margin-top: 7px;
	}
   	#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: .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;
	}

	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: .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: 30%;
	}
	#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: 35%;
	}
	#home #spotlight div.right{
		width: 40%;
	}
}
@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: 6px;
	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: 22px;
}

/*(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: .5s ease;
	background-color: rgba(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.card-component-container{
	/*width: 60%;*/
	margin-top: 20px;
}
#content-card-moments div.card-component-container div.head{
	margin-bottom: 3%;
	text-align: left;
}
#content-card-moments div.card-component-container div.head h3{
	font-family: 'google_sansmedium';
	font-size: 50px;
	float: left;
}
#content-card-moments div.card-component-container div.head h3 span{
	border-bottom: 5px solid #28cc8b;
}
#content-card-moments div.card-component-container 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.card-component-container h4{
	font-size: 25px;
	margin-bottom: 5%;
}
#content-card-moments div.card-component-container div.card-container{
	display: flex;
    flex-wrap: wrap;
    gap: 4%;
}
#content-card-moments div.card-component-container div div.card{
	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.5%;
}
#content-card-moments div.card-component-container div div.card:nth-child(3n) {
    margin-right: 0;
}
#content-card-moments div.card-component-container div div.card div.top a img{
	width: 100%;
}
#content-card-moments  div.card-component-container 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.card-component-container div div.card div.top h3 span{
	position: absolute;
    top: 9px;
    left: 17px;
    color: #fff;
}
#content-card-moments div.card-component-container div div.card div.bottom{
	padding: 9%;
	text-align: left;
}
#content-card-moments div.card-component-container div div.card div.bottom h6{
	margin-bottom: 3%;
	font-family: 'google_sansmedium';
}
#content-card-moments div.card-component-container 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.card-component-container div div.card div.bottom h4 span{
	display: block;
}
#content-card-moments div.card-component-container div div.card div.bottom p.venue{
	color: #28CC8B;
}
#content-card-moments div.card-component-container div div.card div.bottom p{
	margin-bottom: 5%;
	text-align: left;
    font-size: 14px;
    font-family: 'google_sansregular';
}
#content-card-moments div.card-component-container 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.card-component-container 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.card-component-container 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.card-component-container div.head h3 span {
	border-bottom: 5px solid #28cc8b;
	}
	#content-card-moments div.card-component-container ul li div.bottom h4 {
		font-size: 15px;
	}
	#content-card-moments div.card-component-container 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.card-component-container 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.card-component-container{
		width: 100%;
		margin-top: 20px;
	}
	#content-card-moments div.card-component-container 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.card-component-container div div.card:nth-child(2n){
		margin-right: 0;
	}
	#content-card-moments div.card-component-container div div.card:nth-child(3n){
		margin-right: 4%;
	}
}
@media all and (max-width: 640px){
	#content-card-moments div.card-component-container div.head h3 {
		font-size: 35px;
	}
}
@media all and (max-width: 480px){
	#counterlist1 .top h3 {
		font-size: 25px !important;
	}
	#content-card-moments div.card-component-container ul li {
		width: 100%;
		margin-bottom: 10%;
	}
	#content-card-moments div.card-component-container ul li:last-child{
		margin-bottom: 0;
	}
	#content-card-moments div.card-component-container div.head {
		margin: 9% 0 3% 0;
	}
	#content-card-moments div.card-component-container ul li div.bottom a.button{
		padding: 2% 4%;
		margin: 0 auto;
	}	
	#content-card-moments div.card-component-container ul li div.bottom a.button {
		width: 37%;
	}
	#content-card-moments div.card-component-container div div.card{
		width: 100%;
		height: auto !important;
	}
	#content-card-moments{
		padding-bottom: 0;
	}
}
@media all and (max-width: 360px){
	#content-card-moments div.card-component-container ul li div.bottom a.button {
		width: 48%;
	}
	#content-card-moments div.card-component-container ul li{
		margin-bottom: 10%;
	}
	#content-card-moments div.card-component-container ul li:last-child{
		margin-bottom: 0;
	}	
}
@media all and (max-width: 320px){
	#content-card-moments div.card-component-container ul li div.bottom {
		padding: 4%;
	}
	#content-card-moments div.card-component-container ul li{
		margin-bottom: 10%;
	}
	#content-card-moments div.card-component-container 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: .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: .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.card-component-container{
	float: none;
	width: 100%;
}
#content-card-moments.inner-event  div.card-component-container ul{
	width: 100%;

}
#content-card-moments.inner-event  div.card-component-container ul li{
	width: 30%;
	margin-right: 5%;
}
#content-card-moments.inner-event  div.card-component-container 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.card-component-container ul li{
		width: 45%;
		margin-right: 10%;
	}
	#content-card-moments.inner-event div.card-component-container ul li:nth-child(2n){
		margin-right: 0;
	}
	#content-card-moments.inner-event  div.card-component-container ul li:nth-child(2n+1){
	margin-right: 10%;
	}	
}
@media all and (max-width: 360px){
	#content-card-moments.inner-event div.card-component-container 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;
	
}
#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%;
		}
	}
/*momnets page search box style ends*/