@charset "utf-8";
/* CSS Document */

html, body  {
	padding: 0px;
	margin: 0px;
	font-family: 'Noto Sans', sans-serif;
	color: #777;
	font-size: 16px;
}
.user-account{
	float: left; 
	/*margin-left:27%;*/
}
.user_account{
	text-align: center;display: table;margin: 0 auto;
}

.ph select option[default] {
	color: #333;
}
/* Hidden placeholder */
.ph select option[disabled]:first-child {
	display: none;
}

.no-dec:hover{
	text-decoration: none !important;
}
.yellow-button-slim  {
	text-align: center;
	z-index: 9999 !important;
}

.yellow-button-slim a:hover{
	color:#fff;
	background:#FF9D0F;
	z-index: 9999 !important;
}
.yellow-button-slim  a{
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	font-weight:bold;
	line-height: 18px;
	background-color:rgba(255, 157, 15, 0.7);
	color: #fff;
	text-align: center;
	text-decoration:none;
	padding:12px 20px;
	border:2px solid #fff;
	border-radius:40px;
}
.yellow-button-sre {
	background-color:rgba(255, 157, 15, 0.7);
	text-align: center;
	text-decoration:none;
	padding:7px 5px;
	border:2px solid #fff;
	border-radius:10px;
	text-align: center;
	z-index: 9999 !important;
}
.yellow-button-sre:hover{
	color:#fff;
	background:#FF9D0F;
	z-index: 9999 !important;
}

.yellow-button-sre a:hover{
	text-decoration:none;
	color: #fff;
}
.yellow-button-sre  a{
	color: #fff;
}
.hnv{
	height:200px;
}
.hnv-title{
	white-space: nowrap;
	/*overflow: hidden;*/
	/*text-overflow: ellipsis;*/
	max-width: 100%;
}
.video-preview{
	width: 100%;
}
ul.sidebar li {
	list-style: circle;
}
ul.sidebar{
	padding: 10px 0px 0px 20px;
}
img.thumb-size{
	margin-top: 30px;
	margin: auto;
	width: 50%;
}
.h4-title {
	font-size: 30px;
	text-align: left;
	color: #000 !important;
	/*color: #72bb4c !important;*/
}
.vidoe-width{
	width: 95.61%;
	margin: auto;
	text-align: center;
}
.likesviews{
	float:right;
	text-align: -webkit-right;
	text-align: right;
}
.video-thumb-preview{
	width: 80%;
}
.vidoe-play-ml {
	width: 459px;
	text-align: center;
	z-index: 5;
	position: inherit;
	height: 258px;
	background-repeat: no-repeat;
	background-position: center center;
}
img.video-icon{
	width: 50px;
}
.pointer-wrap{
	cursor: pointer;
}
.video-browse-img-wrap {
	margin: 20px 0px;
	padding: 20px;
}
.video-border-dash {
	border-style: dashed !important;
	border: 1px;
}
.box-rounded-edge{
	width: 90%;
	margin-top: 20px !important;
	margin-bottom: 40px !important;
	padding: 40px;
	border: solid 1px;
	border-radius: 30px;
}
.text-big,.club-text-big {
	font-size: 100px;
	text-shadow: 0 1px 0 #dee5e7, 0 2px 0 #fcfdfd, 0 5px 10px rgba(0,0,0,0.125), 0 10px 20px rgba(0,0,0,0.2);
}
.eco-wrapper{
	padding: 20px 0px;
}

.pages-404{
	border: 2px dashed;
	padding: 20px 0px;
	width: 80% !important;
	margin: auto;
	text-align: center;
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}

.btn-user-panel{
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.user-panel{
	z-index: 1010;
	background-color: #ffffff;
}
span.agent-caret{
	padding-bottom: 0px !important;
	float: none !important;
}
.show-name{
	display: none;
}

.kuntingspace{
	padding-top: 5px;
}
.green-font{
	font-size: 35px;
	text-align: right;
	color: #72bb4c !important;
}

/* tags font */
.tagfont {
	line-height: 1;
}
.tagfont1 {
	font-size: 15px;
}
.tagfont2 {
	font-size: 22px;
}
.tagfont3 {
	font-size: 14px;
}
.tagfont4 {
	font-size: 25px;
}
.tagfont5 {
	font-size: 18px;
}
.tagsL {
	width: 100%;
	/*padding-left: 15px;*/
}
.tagsL a{
	float: none;
}

/*Slider CSS*/

.slider-caption {
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 10;
	color: #fff;
	/*text-shadow: 0 1px 2px rgba(0,0,0,.6);*/
	text-shadow: none !important;
	height: 100%;
	width: 500px;
}

.slidedescoverlay2 {
	background-color: rgba(2, 134, 62, 0.9);
	padding: 25px 100px 25px 35px;
	/*border-radius: 25px;*/
	width: 100%;
	height: 100%;
	text-align: center center;
	display:inline-block;
	text-align: left;
}

.fuller {
	padding-right: 0px;
}
.carousel-control , .right{
	z-index: 95 !important;
}


a { text-decoration: none; color: #337ab7;}
a:hover { text-decoration: underline; color: #337ab7;}
.container-fluid {
	padding-right: 0px !important;
	padding-left: 0px !important;
}
.donitnaw {
	font-size: 18px;
}
/*skdslider*/
.demo-code{
	background-color:#ffffff;
	/*border:1px solid #333333; */
	display:block;
	/*padding:10px;*/
}
.carousel-control .icon-prev, .carousel-control .icon-next {
	width: 30px;
	height: 30px;
	margin-top: -50px;
	font-size: 80px;
}
.option-table td{
	/*border-bottom:1px solid #eeeeee;*/
}
/*NEWS CSS*/

.word-wrap{
	word-wrap: break-word;
}
.word-break{
	word-break:break-all;
}

hr{
	border-top: 1px solid #ABA3A3;
}
.margin-top0{
	margin-top: 0px;
}
.vid iframe{
	width: 90%;
	margin:auto;
	text-align: center;
}
iframe{
	width: 100%;
	height: 400px;
	margin:auto;
	text-align: center;
}

img.thumbnails{
	height: 150px;
	width: 150px;
}

img.thumbvid{


}

.news-thumb-container{

}

.thumbvid{
	background: url(/images/template_images/yt.png) no-repeat;
	background-position: center;
	background-size: 20%;

}
.news-view-thumbnail{
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 400px;
}
.news-view-thumbnail:hover{
	opacity: 0.7;
}

img.news-tumb-view{
	position: relative;
	width: 100%;
	/*z-index: -2;*/
	/*border: solid 1px #A9A8A8;*/
}

img.news-tumb-view:hover{
	opacity: 0.7;
}

img.news-tumb{
	position: relative;
	width: 100%;
	z-index: -2;
	/*border: solid 1px #A9A8A8;*/
}
img.newsfeaturedimage{
	max-width: 100%;
}
h4.blog-title-list{
	border-top: 2px solid #D0D0D0;
	margin-top:15px;
}
h5.blog-title-list{
	border-top: 2px solid #D0D0D0;
	margin-top:15px;
	padding-left:15px;
}
img.newsthumbnail{
	width: 100%;
	border-radius: 100%;

}
.size12{
	font-size: 12px;
}
.size13{
	font-size: 13px;
}
.size14{
	font-size: 14px;
}


img.author-img{
	width: 100%;
	border-radius: 100%;
}

img.author-img2{
	width: 200px;
	border-radius: 100%;
}
.no-padding{
	padding-left: 0px;
	padding-right: 0px;
}


.date{
	font-size:12px;
	color: #777;
	text-align: left;
	margin:0 auto;
	padding-bottom:0px;

}

.float-left{
	float: left;
}
.margin-left{
	margin-left: 30px;
}
.datebox {
	padding: 5px 5px 5px 5px;
	text-align: center;
	background-color: #eee;
	margin-top: 2px;
	float: right;
}
.boxdate2{
	display: none;
}
/*END NEWS CSS*/
/*USON*/
/*====MENU*/
.menu-false{
	display: none;
}
.menu-true{
	display: block;
}
/*====MENU*/

.mtitle{font-size:45px;font-weight: 400;font-family: 'Raleway', sans-serif;line-height: 100%;}
.mtitle2{font-size:45px;font-weight: 400;font-family: 'Raleway', sans-serif;line-height: 100%;}

.videoyb{
	margin: auto;
	width:640px;
	height:360px;
	margin-bottom: 30px;
}

.overlaywhite {
	background-color: rgba(255, 255, 255, 0.5);
	padding: 15px;
	border-radius: 25px;
	width: 750px;
	display: inline-block;
	text-align: left;
}


.overlaywhite-green {
	background-color: rgba(2, 134, 62, 0.9);
	padding: 15px;
	border-radius: 25px;
	width: 500px;
	height: 100%;
	display: inline-block;
	text-align: left;
	position: absolute;
	right: 0px;
}

.overlaywhite-green .mtitle2 {
	font-size: 45px;
	font-weight: 400;
	font-family: "Raleway",sans-serif;
	line-height: 120%;
}

.overlaywhite-green .mbody2 {
	font-size: 20px;
}

.overlaywhite .mtitle {
	font-size: 45px;
	font-weight: 400;
	font-family: "Raleway",sans-serif;
	line-height: 120%;
}

.overlaywhite .mbody {
	font-size: 20px;
}

.overlaywhite2 .mtitle2 {
	font-size: 45px;
	font-weight: 400;
	font-family: "Raleway",sans-serif;
	line-height: 120%;
}

.overlaywhite2 .mbody2 {
	font-size: 20px;
}

.banner-main-page {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 350px;
	position: relative;
	text-align: center;
	/*padding-top:50px;	*/
}
img.icare-icon{
	width: 100%;
}

.iCare-img-bg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
	width: 100%;
	/*padding-top:50px;	*/
}
.banner-iCare-page {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	/*float: left;*/
	height: 260px;
	position: relative;
	text-align: center;
	/*padding-top:50px;	*/
}
.banner-iCare-page a{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 15px;
	text-align: center;
}

.banner-iCare-page img {
	width: 60%;
	margin: auto;
	user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.banner-our-activities {
	background: url(/images/template_images/ouractivities.png) no-repeat center;
	width: 100%;
	height: 350px;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}

.banner-our-programs {
	background: url(/images/template_images/our-programs.jpg) no-repeat center;
	width: 100%;
	height: 350px;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}

.banner-support-us {
	background: url(/images/template_images/serve-banner.jpg)  no-repeat center;
	width: 100%;
	height: 350px;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}

.banner-store {
	background: url(/images/template_images/eco_shop_banner.jpg)  no-repeat center;
	width: 100%;
	height: 350px;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}

.banner-donate {
	background: url(/images/template_images/supportus.png)  no-repeat center;
	width: 100%;
	height: 350px;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}

.banner4 {
	background: url(/images/template_images/banner5.jpg) -0px;
	width: 100%;
	height: 442px;
	background-size: cover;
	padding-top: 70px;
}
.mini-eco-logo{
	width: 60px;
	background-size: cover;
}

.shop-banner-content-wrapper {
	background-color: rgba(255,255,255, 0.5);
	top: 15%;
	right: 18%;
	padding: 15px 15px 15px 15px;
	position: absolute;
	border-radius: 25px;
	width: 400px;
	display: inline-block;
}
.shop-mtitle {
	color: #000;
	font-size: 26px;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
	line-height: 100%;
}
.shop-mbody {
	color: #000;
	font-size: 18px;
}

/*H titles*/
.authorname{
	font-size:30px;
	color:#5386c1 !important;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	line-height:30px;
	padding-top: 50px;
	margin:0px;
}
.authorname2{
	font-size:20px;
	color:#5386c1 !important;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	line-height:120%;
	padding-top: 50px;
	margin:0px;
}
h1{
	font-size:36px;
	color:#5386c1 !important;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	line-height:30px;
	padding-top: 20px;
	margin:0px;

	background-image:url(/images/template_images/headingbg.png);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	background-position:bottom;
	padding-bottom:24px;
	margin-bottom:30px;
}
h2{
	background-image:url(/images/template_images/blogbg.png);
	font-size: 20px;
	text-align:center;
	color: #72bb4c !important;
	background-position:bottom center;
	background-repeat:no-repeat;
	padding-bottom:10px;
	margin-bottom:30px;
}

h3{
	font-size: 20px;
	text-align:center;
	color: #72bb4c !important;
}


h4{
	font-size: 20px;
	text-align:left;
	color: #72bb4c !important;
}

h5{
	font-size: 2vw;
	color: #5386c1 !important;
	/*line-height:30px;*/
	padding-top: 0px;
}

p{
	color: #777;
	/*text-align: justify;*/
	margin: 0px auto;
	padding-bottom: 30px;
}
.sucess-bg {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.error-bg {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.label-fr {
	font-weight: normal;
	font-size: 14px
}
.banner-title {
	font-size:60px;
	font-weight: 100;
	color: #FFF;
	padding-top: 74px;
}
.banner-define {
	font-size:18px;
	color:#FFF;
}

.banner-content-wrapper{
	background-color: rgba(255,255,255, 0.5);
	top: 10%;
	right: 5%;
	padding: 25px 35px 25px 35px;
	position: absolute;
	border-radius: 25px;
	width: 600px;
	display:inline-block;
}

.banner-content-wrapper-green{
	/*background-color: rgba(2, 134, 62, 0.6);*/
	background-color: rgba(114, 187, 76, 0.7);
	top: 0px;
	right: 0px;
	padding: 25px 35px 25px 35px;
	position: absolute;
	/*border-radius: 25px;*/
	width: 400px;
	height: 100%;
	display:inline-block;
}
.club-wrapper{
	/*top: 0px;
	right: 0px;
	padding: 25px 35px 25px 35px;
	position: absolute;
	background-size: cover;
	background-position-y: 3%;
	width: 100%;
	height: 90px;
	display:inline-block;
	z-index: 99;*/
	width: 100%;
    background-size: cover;
    background-position: center top;
    position: relative;
    padding: 8px 30px;
}
.club-wrapper2{
	bottom: 0px;
	right: 0px;
	/*padding: 25px 35px 25px 35px;*/
	position: relative;
	/*background-size: cover;*/
	/*background-position-y: 3%;*/
	/*width: 100%;*/
	height: 420px;
	display:inline-block;
}
.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 5%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	filter: alpha(opacity=50);
	opacity: .5;
}

.banner-content-wrapper-pages{
	/*text-align: center;*/
	background-color: rgba(255,255,255, 0.5);
	position: relative;
	width: 50%;
	/*display:inline-block;*/
	margin:auto;
	/*margin-top: 50px;*/
	/*top: 10%;*/
	/*left: 35%;*/
	padding: 25px 35px 25px 35px;
	border-radius: 25px;
}

.banner-content-wrapper2{
	background-color: rgba(255,255,255, 0.5);
	margin-top:-25px;
	padding: 15px 15px 15px 15px;
	border-radius: 25px;
	display:inline-block;
}

.donate {
	width: 40%;
	margin: auto;
}
.donate_icon {
	width: 100%;
	margin: auto;
}

.donate_bgcolor  {
	background-color: #efa945;
	visibility: visible;
	position: relative;
	margin: auto;
	width: 100%;
	padding: 15px;
	z-index: 2;
}

.eco-upper-content h1 {
	color: #45413e !important;
	margin: 0px;
	padding: 68px 0px 36px 0px;
	text-align: left;
}

.eco-upper-content {
	font-family: 'Noto Sans', sans-serif;
	font-size: 12px;
	padding: 0px 0px 36px 15px;
	display: block;
	z-index: 2;
}
.eco-thumbnail {
	float: left;
	width: 125px;
	height: 125px;
	padding: 20px 0px 20px 0px;

}

.eco-thumbnail img {

	width: 125px;
	border-radius: 100%;
}

.eco-p{
	width: 467px;
	font-family: 'Noto Sans', sans-serif;
	font-size: 12px;
	float: left;
	margin: 0px 0px 0px 26px;
	padding: 0px 0px 0px 0px;
	z-index: 2;
}

.eco-p-lower {
	font-family: 'Noto Sans', sans-serif;
	font-size: 12px;
	float: left;
	margin: 0px 0px 0px px;
	padding: 0px 0px 0px 0px;
	z-index: 2;
}

.eco-p p{
	margin: 0px 0px 12px 0px;

}

.h3 {
	padding: 0px 0px 17px 0px;
	margin: 0px;
	text-align: left;
	color:#72bb4c;
	font-size: 26.6px;
}

.eco-p-lower h3 {
	text-align: left;
	color:#72bb4c;
	font-size: 26.6px;
	margin: 0px 0px 0px 0px ;
	padding: 20px 0px 15px 0px;
}


.boxes {
	padding: 0px 0px 0px 15px;
	width: 100%;
	float:left;
}
#rightcolumn{
	padding: 0px 0px 0px 0px;
}
#rightcolumnimage img {

	width: 300px;
	border-radius: 100%;
}

#rightcolumnimage  {
	padding: 80px 0px 0px 0px;
	margin: auto !important;
	visibility: visible;
	position: relative;
	z-index: 2;
	text-align: center;
}


#action h1,
#awakening h1 {
	color: #45413e !important;
	padding: 0px 0px 0px 15px;
	text-align: left;
	margin: 0px;
}

#action  {
	font-family: 'Noto Sans', sans-serif;
	font-size: 35px;
	padding: 38px 0px 7px 0px;
	display: block;
	z-index: 2;
}

#awakening  {
	font-family: 'Noto Sans', sans-serif;
	font-size: 35px;
	padding: 0px 0px 0px 0px;
	display: block;
	z-index: 2;
}

#mindbodytrainingimage img,
#mindfulnesstrainingimage img,
#physicaltrainingimage img {
	width: 107px;
	border-radius: 100%;
}

#mindbodytrainingimage,
#mindfulnesstrainingimage,
#physicaltrainingimage  {
	padding: 10px 0px 30px 0px;
	visibility: visible;
	position: relative;
	z-index: 2;
}

#practiceskills h1,
#farming h1,
#volunteering h1,
#mindbodytrainingtext h1,
#mindfullnesstrainingtext h1,
#physicaltrainingtext h1 {
	padding: 0px 0px 17px 0px;
	margin: 0px;
	text-align: left;
}

#practiceskills,
#farming,
#volunteering,
#mindbodytrainingtext,
#mindfullnesstrainingtext,
#physicaltrainingtext  {
	font-family: 'Noto Sans', sans-serif;
	font-size: 12px;
	padding: 0px 0px 0px 40px;
	display: block;
	z-index: 2;
}


#carousel_bg  {
	background-color: #fff;
	visibility: visible;
	position: relative;
	margin: auto;
	width: 100%;
	height: 282px;
}
.btn {
	text-align: left;
}

.caret {
	padding-bottom: 20px !important;
	float: right;

}
.mobileMenu2{
	width: 100% !important;
}
.footer-bg{
	width: 100%;
	background-color: #5386c1;
	padding-top: 20px;
}
.p {
	font-size: 15px;

}
.mob-user-section {
	position: absolute;
	/*background: #5386c1;*/
	/*width: 100%;*/
	height: 50px;
	padding: 15px;
	right: 50px;
	/*z-index: 1010;*/
	/*border-bottom: 1px solid #47a3da;*/
}
.mob-user-prof{
	position: absolute;
	left: -237px !important;
}
.user-drop{
	position: absolute;
	left: -150px !important;
}
.mob-user-note{
	position: absolute;
	left: -183px !important;
}

.bluebar {
	position: relative;
	background: #5386c1;
	margin-top: -30px;
	width: 100%;
	height: 30px;
	z-index: 999;
}

.bluebar-iCare {
	position: relative;
	background: #5386c1;
	/*margin-top: -30px;*/
	width: 100%;
	height: 50px;
	z-index: 999;
}

.whitebar-iCare {
	position: relative;
	background: #ffffff;
	/*margin-top: -30px;*/
	width: 100%;
	height: 60px; /**/
	z-index: 999;
	border-bottom: 1px #afc1ce solid;
}

.bluebar-iCare-bb {
	position: relative;
	background: #5386c1;
	width: 100%;
	/*height: 30px;*/
	text-align: center;
	padding: 5px 0px;
	z-index: 9;
}
.eco-info-green-bar {
	position: relative;
	background: rgba(114, 187, 76, 1);
	width: 100%;
	z-index: 98;
}
.eco-info-orange-bar {
	position: relative;
	background: #FF9D0F;
	width: 100%;
	height: 30px;
	z-index: 998;
}
.orangebarko {
	background: #FF9D0F;
	text-align: center;
	padding: 7px;
	/*height: 44px;*/
	width: 100%;
}
.top{
	padding-top: 10px !important;
	font-size: 12px !important;
}
.top i{
	color: #5386c1;
	font-size: 20px !important;
}
.menu-bot{
	padding: 5px !important;
	font-size: 12px !important;
}
.menu-bot span{
	color: #ffffff !important;
}
.menu-bot i{
	font-size: 16px !important;
}
@media screen and (max-width:1030px) {

	.p {
		/*font-size: 10px;*/

	}
	.live-eco-img{
		width: 35%;
	}
	.live-eco-content{
		width: 65%;
	}
	.proj-wrap-view {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.btn-font-size{
		font-size: 12px !important;
	}
	.events-blog-img {
	    width: 100px !important;
	}
	.blogs-hr {
	    margin-right: -10px !important;
	}
}


/* for heroes*/

.learnheroes  a:hover, .btnheroes a:hover{
	color:#fff;
}
.learnheroes{

	margin-top:30px !important;
	margin-bottom:20px !important;
	text-align: center;
	z-index: 9999 !important;
}

.learnheroes a:hover{
	background-color:rgba(255, 157, 15, 0.7);
	z-index: 9999 !important;
}

.learnheroes  a{

	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	font-weight:bold;
	line-height: 28px;
	background:#FF9D0F;
	color: #fff;
	text-align: center;
	text-decoration:none;
	padding:12px 27px;
	/*padding:12px 47px;*/
	/*border:2px solid #fff;*/
	/*border-radius:40px;*/
	z-index: 9999 !important;
	-moz-padding-start:27px;
	-moz-padding-end:27px;

}
.btnheroes a{

	font-family: 'Raleway', sans-serif;
	font-weight:bold;
	line-height: 28px;
	color: #fff;
	background-color:rgba(255, 157, 15, 0.7);
	text-align: center;
	text-decoration:none;
	padding:7px 47px;
	border:2px solid #fff;
	border-radius:40px;
	z-index: 9999 !important;
}


.donateforbtn  {
	color:#fff;
	margin-top:45px !important;
	margin-bottom:20px !important;
	padding-left: 4% !important;
	text-align: center;
	float: left;
}
.donateforbtn a:hover{
	background:#FF9D0F;
}
.donateforbtn  a{
	color:#fff;
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	line-height: 28px;
	background-color:rgba(255, 157, 15, 0.7);
	text-align: center;
	text-decoration:none;
	padding: 12px 10px;
	border:2px solid #fff;
	border-radius:10px;
}
/*.orangebtns{
	color:#fff;
	margin-top:2%;
	margin-bottom:2%;
	text-align: center;
}
.orangebtns a:hover{
	background-color:rgba(255, 157, 15, 0.7);
}
.orangebtns  a{
	color:#fff;
	background:#FF9D0F;
	font-size: 120%;
	font-family: 'Raleway', sans-serif;
	line-height: 28px;
	text-align: center;
	text-decoration:none;
	border:2px solid #fff;
	border-radius:10px;
	padding: 10px 20px;
	}*/

	.bodybtn  {
		color:#fff;
		margin-top:20px !important;
		margin-bottom:20px !important;
		text-align: center;
	}
	.bodybtn a:hover{
		background:#FF9D0F;
	}
	.bodybtn  a{
		color:#fff;
		font-size: 14px;
		font-family: 'Raleway', sans-serif;
		line-height: 28px;
		background-color:rgba(255, 157, 15, 0.7);
		text-align: center;
		text-decoration:none;
		padding: 12px 10px;
		border:2px solid #fff;
		border-radius:5px;
	}
	.border-left {
		border-left: 10px solid #cae2f6;
		padding-left: 20px;
		margin-left: 30px;
		margin-bottom: 20px;
		width: 90%;
	}
	.italic {
		font-style: italic;
	}
	.green-text{
		color: #72bb4c;
	}
	.center{
		text-align: center;
	}
	.bold{
		font-weight:bold;
	}

	.p-title {
		font-size: 60px;
		text-align: center;
		color: #ffffff;
	}
	.p-h2{
		text-shadow: 0px 0px 5px #000000;
		font-size: 20px;
		padding-left: 200px;
		padding-right: 200px;
		text-align: center;
		color: #ffffff;
	}

	.join a:hover{
		background:#FF9D0F;
	}


	.join a{

		font-size: 12px;
		font-family: 'Raleway', sans-serif;

		line-height: 15px;
		background-color:rgba(255, 157, 15, 0.7);
		color: #fff;
		text-align: center;
		text-decoration:none;
		padding:3px 10px;
		border:2px solid #fff;
		border-radius:2px;
	}

	a.imglink:hover{
		color: #FF9D0F;
	}


	a.imglink{
		color: rgba(255, 157, 15, 0.7);
	}

	.donatenow  {

		margin-top:30px !important;
		text-align: center;
	}

	.donatenow a:hover{
		background:#FF9D0F;
		color:#fff;
	}


	.donatenow  a{

		font-size: 18px;
		font-family: 'Raleway', sans-serif;
		font-weight:bold;
		line-height: 28px;
		background-color:rgba(255, 157, 15, 0.9);
		color: #fff;
		text-align: center;
		text-decoration:none;
		padding:12px 47px;
		border:2px solid #fff;
		border-radius:10px;
	}


	.width{
		color: #777;
		width: 100%;
		margin: auto;
	}
	img.blog-img{
		width: 100%;
	}
	.featured-blog-img{
		/*width: 100%;*/
		height: 150px;
		background-size: cover;
		background-position: center center;
		position: relative;
		text-align: center;
	}

	img.featured-blog-vidthumb{
		margin-left: 38%;
		margin-top: 20%;
		/*background-position: center;*/
		height: 48px;
		width: 48px;
		/*position: relative;	*/
	}

	.youtube-play {
		width: 100%;
		text-align: center;
		z-index: 5;
		position: absolute;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.youtube-play-ml {
		width: 100%;
		text-align: center;
		z-index: 5;
		position: inherit;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
	}
	img.sublink-img{
		width: 154px;
		height: 154px;
		border-radius: 100%;
		border-style: solid;
		border-width: 5px;
	}
	.cen{
		text-align: center;
	}



	/*a {*/
		/*color: #f46830; */
		/*&:hover {*/
			/*color: #4fb3e8;*/
			/*-webkit-transition: all .1s ease-in-out;*/
			/*-moz-transition: all .1s ease-in-out;*/
			/*-ms-transition: all .1s ease-in-out;*/
			/*-o-transition: all .1s ease-in-out;*/
			/*transition: all .1s ease-in-out;*/
			/*}*/

			/*}*/


			.main-title{
				background-image:url(/images/template_images/headingbg.png);
				background-position:center;
				background-repeat:no-repeat;
				text-align:center;
				background-position:bottom;
				padding-bottom:24px;
				margin-bottom:30px;
			}

			.subtitle{
				color: #777;
				text-align: justify;
				margin:0 auto;
				padding-bottom:30px;

			}
			.newssubtitle{
				color: #777;
				text-align: justify;
				margin:0 auto;
				padding-bottom:15px;
				float: left;

			}

			.titlenews{
				font-size: 35px;
				color: #72bb4c !important;
				line-height: 120%;
			}

			.newsdetails{
				font-size: 30px;
				color: #5386c1 !important;
			}

			a.titlelink{
				font-size: 30px;
				text-align:center;
				color: #72bb4c !important;
			}
			a.titlelink:hover{
				color: #4fb3e8 !important;
				text-decoration: underline;
			}
			.title1{
				font-size: 20px;
				text-align:center;
				color: #72bb4c !important;
			}
			p.title1{
				font-size: 14px;
				text-align:center;
				color: #72bb4c !important;
				padding-top: 10px;
			}
			.title2{
				font-size: 20px;
				text-align:left;
				color: #72bb4c !important;
			}
			.title3{
				font-size: 20px;
				text-align:center;
				color: #72bb4c !important;
			}

			.phar{
				font-size:18px;
				color: #777;
				font-weight: bold;
			}
			.thinphar{
				font-weight: lighter;
			}
			.phara{
				font-size:20px;
				color: #777;
				font-weight: bold;
			}

			.phar1{
				color: #777;
				margin:0 auto;
				padding:10px 0px 20px 0px;
				font-size: 12px;
			}
			ul li.dot{
				list-style-type: circle;
				color: #777;
			}
			ul li.dec{
				list-style-type: decimal;
				color: #777;
			}
			ul.pad{
				padding:0px 0px 30px 50px;
			}
			ul.pad2{
				padding:0px 0px 30px 0px;
			}
			li.pad{
				padding:0px 0px 5px 0px;
			}
			.align-right{
				float: right;
			}

			.fillmyimage {
				margin-right:10px;
				width: 200px;
				/*padding: 10px 0px 10px 0px;*/
			}
			.fillmyimage img {
				width:100%;

			}
			.sep {
				width: 100%;
				border-bottom: 1px solid #333;
				line-height: 1px;
			}
			.readmore{
				background-color: #FF9D0F;
			}


			.support h3{
				font-size: 20px;
				color: #72bb4c !important;
				background-position:bottom left;
				background-repeat:no-repeat;
				padding-top:20px;
				padding-bottom:10px;
				margin-bottom:10px;
			}
			.support{
				width: 100%;
				/*padding-top: 10px !important;*/
				padding-bottom: 0px !important;
			}

			.support p{
				/*padding-top:20px;*/
			}

			.ourprograms{
				width: 100%;
				padding-top: 0px !important;
				/*padding-bottom: 30px !important;*/
				text-align:left;
			}
			.ourprograms p{
				/*padding-top:20px;*/
			}
			.ourprograms a{
				padding-bottom:50px;
			}
			.justify {
				color: #777;
				text-align:  justify !important;
			}
			.left {
				text-align:  left !important;
			}
			.act p {

				color: #777;
			}

			.act {
				background-color: #e6e5e2;
				height: 750px;
				border: 20px solid #ffffff;
				padding-right: 40px;
				padding-left: 40px;
				padding-top: 30px;
			}



			.ouractivities{
				width: 100%;
				/*padding-top: 10px !important;*/
				padding-bottom: 0px !important;
			}

			.ouractivities h4{
				font-size: 20px;
				color: #72bb4c !important;
			}

			.ouractivities .row p{
				text-align: left;
			}

			.col-md-3 a{font-size: 12px;}
			.boxdate{
	/*padding-left: 0px;
	padding-right: 0px;*/
}
.img-news-author{
	width: 18% !important;
}
.timeline-news{
	height: 170px;
	background: transparent url("../../img/lingrey.png") no-repeat scroll 58% 50%;
	border-top: 1px dashed #f2f2f2;
	border-bottom: 1px dashed #f2f2f2;
}
.news-thumb-container{
	top:10px;
	position:relative;
	width: 170px;
	height: 170px;
	/*padding-left: 0px;*/
	padding-right: 0px;
}
.radius-bg{
	border-radius: 100%;
	border: 5px solid #fff;
	background-color: #f2f2f2;
	width: 40px;
	height: 40px;
	float: right;
	margin: 110% 0% 0px 0px;
	padding: 5px 0px 0px 0px;
	text-align: center;
}
.list-news-wrapper{
	border-top: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0;
	padding-top: 15px;
	padding-right: 30px;
}
.list-title-blog{
	color: #666;
	cursor: pointer;
	margin-bottom: 20px;
}
.list-title-blog .news-title{
	-webkit-transition: color .2s ease-out;
	-moz-transition: color .2s ease-out;
	-o-transition: color .2s ease-out;
	transition: color .2s ease-out;
}
.list-title-blog .news-tumb{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;

	-webkit-transition: border .2s ease-out;
	-moz-transition: border .2s ease-out;
	-o-transition: border .2s ease-out;
	transition: border .2s ease-out;
}
.list-title-blog .featured-blog-img,.list-title-club .club-img,.list-account .y-img{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;

	-webkit-transition: border .2s ease-out;
	-moz-transition: border .2s ease-out;
	-o-transition: border .2s ease-out;
	transition: border .2s ease-out;
}
.a-little-about-me{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.list-title-blog:hover .news-title{
	color: #FF9641;
}
.list-title-blog:hover .news-tumb{
	border: 5px solid #FF9641;
}
.list-title-blog:hover .featured-blog-img{
	border: 5px solid #FF9641;
}
.news-list-show-more{
	width: 98%;
	height: 30px;
	margin: auto;
}

.size23{
	font-size: 23px;
	/*line-height: 23px;*/
}
.size25{
	font-size: 25px;
	/*line-height: 23px;*/
}
.size30{
	font-size: 30px;
	/*line-height: 23px;*/
}
.size18 {
	font-size: 18px;
}
.size16 {
	font-size: 16px;
}

.list-title-blog{
	color: #666;
	cursor: pointer;
	margin-bottom: 20px;
}

.list-title-club{
	color: #666;
	margin-bottom: 5px;
	padding: 8px;
	margin-right: 0px;
	margin-left: 0px;
}

.clubemail{
	color: #666 !important;
}
.clubemail:hover{
	color: #666 !important;
}

.club-thumb-container{
	top:10px;
	position:relative;
	padding-left: 0px;
	padding-right: 0px;
}

.club-img{
	width: 100%;
	height: 150px;
	background-size: cover;
	background-position: center center;
	position: relative;
	text-align: center;
}
.list-title-club:hover .club-img, .list-account:hover .y-img{
	border: 5px solid #FF9641;
}
.list-title-club:hover .news-title, .list-account:hover .news-title{
	color: #FF9641;
}

.datebox{
	padding:0px 5px 0px 5px;
	text-align:center;
	background-color:#eee;
	float: right;
}
.thin-font1{
	font-size: 12px;
	color: #b80000;
	line-height: 150%;
}

.greyborder{
	border-top: 1px solid #ABA3A3;
	border-right: 1px solid #ABA3A3;
	padding-top: 15px;
}

.greyborder1{
	padding-top: 15px;
}

.catgreyborder{
	border-top: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0;
	padding-top: 15px;
}
.margin-top10{
	margin-top: 10px;
}
.margin-top20{
	margin-top: 20px;
}
.margin-top30{
	margin-top: 30px;
}
.margin-top40{
	margin-top: 40px;
}
.margin-bot10 {
	margin-bottom: 10px;
}
.margin-bot5 {
	margin-bottom: 5px;
}
.news-list-show-more{
	width: 98%;
	height: 30px;
	margin: auto;
}

.minus30top{
	margin-top:-30px;
}

.club-list-show-more{
	width: 100%;
	height: 30px;
	margin: auto;
}
.width50auto{
	width:50%;
	margin:0 auto;
}
/*.drop-menu-header{
	width: 125px !important;
}*/



@media screen and (max-width:480px) {
	.p-h2{
		padding-left: 30px;
		padding-right: 30px;

	}
	.learnheroes  a{

		font-size: 15px;
		padding:12px 38px;

	}
	.main-title{
		font-size: 30px !important;
	}
	h1{
		font-size:26px;
	}
	.subtitle{
		font-size:12px;
	}
	h3{
		font-size: 15px;
	}
	.ouractivities .row p{
		font-size:12px;
	}
	.p-h2 {
		font-size:12px !important;
	}

}

/* banner content wrapper responsiveness */

@media screen and (max-width: 9999px){.banner-content-wrapper2{width: 100%;}}
@media screen and (max-width: 1900px){.banner-content-wrapper2{width: 100%;}}
@media screen and (max-width: 1199px){.banner-content-wrapper2{width: 100%;}}
@media screen and (max-width: 845px){.banner-content-wrapper, .shop-banner-content-wrapper{width: 700px;}}
@media screen and (max-width: 770px){.banner-content-wrapper, .shop-banner-content-wrapper{width: 650px;}}
@media screen and (max-width: 700px){.banner-content-wrapper, .shop-banner-content-wrapper{width: 550px;}}
@media screen and (max-width: 600px){.banner-content-wrapper, .shop-banner-content-wrapper{width: 450px;}}
@media screen and (max-width: 500px){.banner-content-wrapper, .shop-banner-content-wrapper{width: 350px;}}
@media screen and (max-width: 390px){.banner-content-wrapper, .shop-banner-content-wrapper{width: 300px;}}
@media screen and (max-width: 335px){.banner-content-wrapper, .shop-banner-content-wrapper{width: 250px;}}
@media screen and (max-width: 285px){.banner-content-wrapper, .shop-banner-content-wrapper{width: 200px;}}
@media screen and (max-width: 295px){.banner-content-wrapper2{width: 180px;margin-left: -25px}}

/*.banner-content-wrapper2{
	background-color: rgba(255,255,255, 0.5);
	margin-top:-25px;
	padding: 15px 15px 15px 15px;
	border-radius: 25px;
	width: 750px;
	display:inline-block;
	}*/
	nav.iCare-nav-nav{
		width: 771px;
	}
	.m-p {
		font-size: 15px;
		padding-top: 5px;
	}

	@media screen and (max-width:1419px) {

			/*.user-name-info {
				display: none;
				}*/
				nav.iCare-nav ul.dropdown li{
					width: 105px;
				}
				nav.iCare-nav-nav{
					width: 735px;
				}

				.m-p {
					font-size: 14px;
				}
			}

			@media screen and (max-width:1406px) {
			/*.user-name-info {
				display: none;
				}*/

				nav.iCare-nav ul.dropdown li{
					width: 100px;
				}
				nav.iCare-nav-nav{
					width: 700px;
				}
			}

			@media screen and (max-width:1406px) {
			/*.user-name-info {
				display: none;
				}*/

				nav.iCare-nav ul.dropdown li{
					width: 95px;
				}
				nav.iCare-nav-nav{
					width: 665px;
				}
			}

			@media screen and (max-width:1295px) {
			/*.user-name-info {
				display: none;
				}*/
				.iCare-user {
					/*padding-left: 1% !important;*/
					padding-left: 0% !important;
				}
			}

			@media screen and (max-width:1268px) {
				.user-name-info {
					display: none;
				}

				.iCare-user {
					/*padding-left: 3% !important;*/
					padding-left: 0% !important;
				}
				.wd-tdc{			
					width: 90%;
					margin: auto;
				}
				.wd-tdl{
					padding-left: 10px;				
					width: 90%;
					margin: auto;
					float: none;
				}
				.wd-tdr{	
					padding-right: 10px;				
					width: 90%;
					margin: auto;
					float: none;
				}
			}

			@media screen and (max-width:1233px) {
				.new-user-account {
					display: none;
				}

			}

			@media screen and (max-width:1178px) {
				.new-user-account2 {
					display: none;
				}

			}

			@media screen and (max-width:1163px) {

				.act {
					height: 830px;
				}			
			}

			@media screen and (max-width:1130px) {

				.act {
					height: 870px;
				}
			}
			@media screen and (max-width:1111px) {

				.iCare-user {
					padding-left: 0% !important;
				}
			}
			@media screen and (max-width:1103px) {
				.new-user-account3 {
					display: none;
				}

			}

			@media screen and (max-width:1100px) {

				.act {
					height: 900px;
				}
			}

			@media screen and (max-width:1082px) {

			/*.iCare-user {
				padding-left: 2% !important;
				}*/
				.badge-sm {
					font-size: 65%;
				}
				.iCare-eco-logo{
					width:60px!important;
				}
			}

			@media screen and (max-width:1078px) {

				.act {
					height: 930px;
				}
			}

			@media screen and (max-width:1071px) {

				.iCare-user {
					/*padding-left: 1% !important;*/
					padding-left: 0% !important;
				}
			}

			@media screen and (max-width:1062px) {

				.act {
					height: 960px;
				}
			}

			@media screen and (max-width:1060px) {

				nav.iCare-nav ul.dropdown li{
					width: 90px;
				}
				nav.iCare-nav-nav{
					width: 615px;
				}
				.m-p {
					font-size: 13px;
				}
				.iCare-user {
					/*padding-left: 1% !important;*/
					padding-left: 0% !important;
				}
			}

			@media screen and (max-width:1039px) {

				.act {
					height: 990px;
				}
			}

			@media screen and (max-width:1009px) {

				nav.iCare-nav ul.dropdown li{
					/*width: auto;*/
					padding: 0px 0px;
					width: 80px;
				}
				nav.iCare-nav-nav{
					width: 580px;
				}
			}

			@media screen and (max-width:997px) {

				.act {
					height: 1020px;
				}
			}


			@media screen and (max-width:991px) {

				.act {
					height: 100%;
					padding-bottom: 20px;
				}
				.width {
					width: 100% !important;
				}
				.banner-iCare-page img {
					width: 30%;
				}
				.club-thumb-container, .news-thumb-container{
					top:0px;
				}
				.events-blog-img {
				    height: 150px !important;
				    width: 100% !important;
				    background-size: cover;
				}
			}

			@media screen and (max-width:975px) {

				nav.iCare-nav ul.dropdown li{
					/*width: auto;*/
					padding: 0px 0px;
				}
				nav.iCare-nav-nav{
					width: 580px;
				}
			}		

			@media screen and (max-width:971px) {
				nav.iCare-nav-nav{
					width: 560px;
				}
			}

			@media screen and (max-width:953px) {
				.atwdesccontainer{
					bottom: 18% !important;
				}    
				nav.iCare-nav-nav{
					width: 560px;
				}
				.baec-bg-img {
					background-size: cover !important;
				}
			}	

			@media screen and (max-width:949px) {
				.atwdesccontainer{
					bottom: 24% !important;
				} 
			/*.atwbannerdesc {
				font-size: 18px !important;
				}*/
				nav.iCare-nav-nav{
					width: 540px;
				}
			}	

			@media screen and (max-width:930px) {

				nav.iCare-nav-nav{
					width: 530px;
				}
				.banner-iCare-page {
					height: 240px;
				}
				nav.iCare-nav ul.dropdown li {
				    width: 75px;
				}
			}	
			@media screen and (max-width:916px) {

				nav.iCare-nav-nav{
					width: 520px;
				}
			}		

			@media screen and (max-width:907px) {

				nav.iCare-nav-nav{
					width: 510px;
				}
			}


			@media screen and (max-width:895px) {
				.ecositenav-iCare{
					padding-left: 0% !important;
				}
			}		

			@media screen and (max-width:885px) {
				nav.iCare-nav ul.dropdown li {
				    width: 70px;
				}
				nav.iCare-nav-nav{
					width: 490px;
				}
				.banner-iCare-page {
					height: 220px;
				}
			}		

			@media screen and (max-width:862px) {
				nav.iCare-nav ul.dropdown li{
/*					width: auto;
					padding: 0px 8px;*/
				}

				nav.iCare-nav-nav{
					width: 480px;
				}
			}		

			@media screen and (max-width:849px) {
				nav.iCare-nav-nav{
					width: 460px;
				}
				nav.iCare-nav ul.dropdown li {
				    width: 67px;
				}
			}		

			@media screen and (max-width:845px) {

				nav.iCare-nav-nav{
					width: 440px;
				}
				.iCare-user {
				    padding-left: 3% !important;
				}
			}		

			@media screen and (max-width:845px) {

				.r-v{
					margin-left: 0px;
				}
				.banner-iCare-page {
					height: 200px;
				}
			}

			@media only screen and (max-width : 812px) {

				.p-title {
					font-size: 30px !important;
				}

				.p-h2 h3{
					font-size: 12px !important;
				}
				.m-p {
				    font-size: 12px;
				}
				nav.iCare-nav ul.dropdown li {
				    width: 65px;
				}
				.iCare-user {
				    padding-left: 1% !important;
				}

			}		
			@media screen and (max-width:795px) {
				.m-p {
				    font-size: 11px;
				}
				.iCare-user {
				    padding-left: 0% !important;
				}
				nav.iCare-nav ul.dropdown li {
				    width: 63px;
				}

			}
			@media screen and (max-width:787px) {
				nav.iCare-nav ul.dropdown li {
				    width: 63px;
				}
				nav.iCare-nav-nav {
				    width: 435px;
				}

			}
			@media screen and (max-width:783px) {

				.eco-container-iCare{
					width: 95% !important;
				}
				.banner-iCare-page img {
					width: 230px;
				}
				nav.iCare-nav ul.dropdown li {
				    width: 60px;
				}
				nav.iCare-nav-nav {
				    width: 430px;
				}
			}		
			@media screen and (max-width:776px) {
				nav.iCare-nav-nav {
				    width: 416px;
				}
			}
			@media screen and (max-width:724px) {

				.eco-container-iCare{
					width: 97% !important;
				}
			}
			@media only screen and (max-width : 659px) {

				.banner-iCare-page {
					height: 170px;
				}
			}
			@media only screen and (max-width : 420px) {

				.top{
					width: 98% !important;
					padding-left: 5px !important;
					padding-right: 5px !important;
				}
			}

			/*END USON*/
			.column-3{

				width: 277px;
				float: left;
			}

			/*KYBEN ROCKS*/

			.interior-headerBanner2 {
				/*background: #efa945;*/
				width: 100%;
				padding-bottom: 20px;
				background-size: cover;
				/* IE10 Consumer Preview */
				background-image: -ms-linear-gradient(top, #FFF194 0%, #EFA945 100%);

				/* Mozilla Firefox */
				background-image: -moz-linear-gradient(top, #FFF194 0%, #EFA945 100%);

				/* Opera */
				background-image: -o-linear-gradient(top, #FFF194 0%, #EFA945 100%);

				/* Webkit (Safari/Chrome 10) */
				background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF194), color-stop(1, #EFA945));

				/* Webkit (Chrome 11+) */
				background-image: -webkit-linear-gradient(top, #FFF194 0%, #EFA945 100%);

				/* W3C Markup, IE10 Release Preview */
				background-image: linear-gradient(to bottom, #FFF194 0%, #EFA945 100%);
			}

			.donation-banner{
				margin: 0px;
				padding: 10px 20px 20px 20px;
				border-radius: 15px;

			}

			.iCare-banner{
				width: 100%;
				background-size: cover;
			}

			.interior-donation-others {
				/*background: #efa945;*/
				width: 100%;
				padding-bottom: 50px;
				height: 300px;
				background: url(/images/template_images/nepal-relief-banner-003.png) no-repeat center;
				background-size: cover;

			}
			.interior-donation-others1{
				width: 100%;
				padding-bottom: 50px;
				height: 300px;
				background: url(/images/template_images/ny-earth-citizens-walk-kids.jpg) no-repeat 50% 43% !important;
				background-size: cover !important;
			}
			.interior-donation-seattle{
				width: 100%;
				padding-bottom: 50px;
				height: 300px;
				background: url(/images/template_images/seattleearthcitizensexpo-banner.jpg) no-repeat 50% 43% !important;
				background-size: cover !important;
			}
			.interior-donation-hlt{
				width: 100%;
				padding-bottom: 50px;
				height: 300px;
				background: url(/images/template_images/xheros1.jpg) no-repeat 50% 43% !important;
				background-size: cover !important;
			}

			.donation-others{
				margin-top: 40px !important;
				width: 570px;
			}

			@media only screen and (max-width : 627px) {

				.donation-others{
					margin-top: 40px !important;
					width: 550px;
				}
			}
			@media only screen and (max-width : 610px) {

				.donation-others{
					margin-top: 40px !important;
					width: 100%;
				}
			}


			.chtli{
				color: #04012F;
			}
			.chtli:hover{
				text-decoration: underline;
			}
			.h2title-1 {
				color:#0070c0;
				font-size:39.5px;
				text-align:left;
				padding-bottom:10px;
				padding-top: 50px;
				font-weight: 500;
				letter-spacing:.2em;
			}
			.h2title-2{
				color:#0070c0;
				font-size:39.5px;
				text-align:left;
				padding-bottom:10px;
				padding-top: 30px;
				letter-spacing:.1em;
				font-weight: 500;
			}



			.donation-banner{
				margin: 0px;
				border-radius: 15px;

			}
			.donation-banner a{
				color: #fff;
				font-size:12px;

			}


			.donation-fluid {
				padding-right: 0px !important;
				padding-left: 0px !important;
				padding-top: 50px;
			}

			.danate-button{
				padding:5px 10px;
				border-radius: 3px;
				background: #528ac2;
				border-style: none;
				color: #fff;
			}


			.donate-title1{
				font-size:18px;
				font-family: 'Roboto', sans-serif;
				line-height:30px;
				padding-top: 0px;

			}

			.donate-title2{
				font-size:22px;
				font-family: 'Roboto', sans-serif;
				line-height:30px;
				padding-top: 0px;

				font-weight:bold;

			}

			.donate-title{
				font-size:40px;
				color:#777!important;
				font-family: 'Roboto', sans-serif;
				font-weight:bold;
				line-height:30px;
				padding-top: 0px;
				margin-bottom: 25px;

			}


			@media only screen and (max-width : 420px) {

				.donate-title{
					font-size:30px;
				}
			}
			@media only screen and (max-width : 338px) {

				.donate-title{
					font-size:20px;
				}
			}

			.textalign-right{
				text-align: center;
			}


			.headtext{
				color: #000;
				font-size:18px;
				padding: 5px;
			}
			.inputcont{
				padding: 30px 10px 10px 10px;



			}
			.headtext13{

				font-size:15px;
				font-weight: 600;
				margin: 0px;

			}
			.headtext2{

				font-size:55px;
				color: #528ac2 !important;
				font-weight: 900;
				margin: 0px;

			}
			.headtext21{

				font-size:25px;
				color: #528ac2  !important;
				font-family: 'Roboto', sans-serif;
				font-weight: 800;
				margin: 0px;

			}

			.headtext2_1{

				font-size:70px;
				color: #008a17 !important;
				font-weight: 900;
				margin: 0px;

			}
			.headtext21_1{

				font-size:30px;
				color: #008a17  !important;
				font-family: 'Roboto', sans-serif;
				font-weight: 800;
				margin: 0px;
			}

			.h1_1{
				font-size:36px;
				color:#5386c1 !important;
				font-family: 'Roboto', sans-serif;
				font-weight:bold;
				line-height:24px;
				padding-top: 50px;
				margin-bottom: 25px;
			}
			.h1_2{
				font-size:36px;
				color:#5386c1 !important;
				font-family: 'Roboto', sans-serif;
				font-weight:bold;
				line-height:36px;
				padding-top: 50px;
				margin-bottom: 25px;
			}
			.gp{
				padding-top: 0px;
				font-size:15px;
				color: #777;
			}
			.gp p{
				padding: 0px 10px 10px 0px;
			}
			@media only screen and (max-width : 1199px) {

				.hide-name{
					display: none;
				}
				.show-name{
					display: block;
				}
				.gp{
					padding-top: 20px;
				}
		/*.eco-container{
		width: 100% !important;
		padding-left:30px;
		padding-right: 30px;
		} */
	}





	.effect8
	{
		position:relative;
		-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	}
	.effect8:before, .effect8:after
	{

		content:"";
		position:absolute;
		z-index:-1;
		-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
		-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
		box-shadow:0 0 20px rgba(0,0,0,0.8);
		top:10px;
		bottom:10px;
		left:0;
		right:0;
		-moz-border-radius:100px / 10px;
		border-radius:100px / 10px;
	}
	.effect8:after
	{
		right:10px;
		left:auto;
		-webkit-transform:skew(8deg) rotate(3deg);
		-moz-transform:skew(8deg) rotate(3deg);
		-ms-transform:skew(8deg) rotate(3deg);
		-o-transform:skew(8deg) rotate(3deg);
		transform:skew(8deg) rotate(3deg);
	}

	/*END KYBE*/


	/* EFREN POGI*/
	#sticky-menu{
		position: fixed;
	}

	.eco-container{
		position: relative;
		/*width: 980px;*/ /*original width */
		width: 1000px; /*requested width */
		margin: auto;
	}
	.eco-container-club{
		position: relative;
		/*width: 980px;*/ /*original width */
		width: 1000px; /*requested width */
		margin: auto;
	}

	.eco-container-iCare{
		position: relative;
		width: 95%;
		margin: auto;
	}
	.eco-container-evnt{
		position: relative;
		width: 1024px;
		margin: auto;
	}

	.iCare-eco-logo{
		position: relative;
		width: 80px;
		z-index: 1002;
	}

	#ecologo {
		padding-top: 25px;
		float: left;

	}

	#ecologo-iCare {
		color: #FFFFFF;
		padding-top: 8px;
		float: left;
		z-index: 1002;

	}

	#ecologod {
		padding-top: 0px;
		float: left;

	}

	.ecositenav{
		float:right;
		min-width: 500px;
		text-align: right;
		/*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
		/* margin-top: -60px; */
		/*margin-right: 55px; */
		/*margin-right: -30px;*/
	}

	.ecositenav-iCare{
		float:left;
		/*min-width: 500px;*/
		text-align: right;
		padding-left: 2%;
		/*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
		/* margin-top: -60px; */
		/*margin-right: -30px;*/
	}

	.iCare-user{
		position: relative;
		display: block;
		/*width: 50px;*/
		color: #5386c1;
		float:left;
		text-align: right;
		padding-left: 3%;
		z-index: 1002;
	}

	.iCare-user-nav{
		padding-top: 13px;
	}

	.iCare-user a{
		color: #5386c1;
		padding-top: 10px;

		}.iCare-user-nav-dp a{
			color: #1f2427;
			padding-top: 10px;
		}

		.iCare-social{
			position: relative;
			display: block;
			color: #5386c1;
			float:right;
			text-align: right;
			/*padding-left: 50px;*/
			z-index: 1002;
		}
		.iCare-social a{
			color: #5386c1;
			font-size: 20px;
		}
		.iCare-social-nav{
			padding-top: 10px;
			text-align: right;
		}

		img.iCare-img-W{
			width: 100%;
		}

		.ecositenavcafepress{
			float:right;
			min-width: 500px;
			/*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
			/* margin-top: -60px; */
			/*margin-right: -30px;*/
		}
		.ecologo {
			height: 99px;
			width: 100%;
			background-repeat: no-repeat;
		}
		.whoiseco {
			font-size:62px;
			color: #FFF;
			padding-top: 50px;
		}
		.whoisecodefine {
			font-size:22.98px;
			color:#FFF;
			width:50%;
		}
		.headerBanner .learn-more {
			padding: 10px 0px 0px 0px;
			float: left;
		}

		.headerBanner .learn-more img{
			float:left;
		}
		.headerBanner .learn-more a{
			padding: 10px 0px 0px 0px;
			float: left;
		}
		.mobileMenu {
			display: none;
		}
		.side-mob-menu {
			display: none;
		}
		.mob-ecologo {
			display: none;
		}
		.mob-cog {
			margin-top: -5px
		}
		.mob-bell {
			margin-top: -2px;
			float: left;
		}
		.mob-options{
			margin-top: 11px;
			max-height: 500px;
			overflow: auto;
			/*margin-left: -300%;*/
		}
		.mobileMenu nav{
			padding-top: 0px;
			margin-top: 0px;
			margin-bottom: 0px;
		}
		.header-banner{
			margin: 0px;
			padding: 0px;
		}
		.navbar-header{
			background-color: #5386c1;
			padding-top: 5px;
			margin-top: 0px;
			margin-bottom: 0px;
		}
		.navbar-brand{
			color: #fff !important;
			font-weight: 30;

		}
		/* EFREN POGI END*/

		/*slider*/
		/*-----------------------*/
		.captionOrange, .captionBlack
		{
			color: #fff;
			font-size: 20px;
			line-height: 30px;
			text-align: center;
			border-radius: 4px;
		}
		.captionOrange
		{
			background: #EB5100;
			background-color: rgba(235, 81, 0, 0.6);
		}
		.captionBlack
		{
			font-size:16px;
			background: #000;
			background-color: rgba(0, 0, 0, 0.4);
		}
		a.captionOrange, A.captionOrange:active, A.captionOrange:visited
		{
			color: #ffffff;
			text-decoration: none;
		}
		a.captionOrange:hover
		{
			color: #eb5100;
			text-decoration: underline;
			background-color: #eeeeee;
			background-color: rgba(238, 238, 238, 0.7);
		}
		.bricon
		{
			background: url(/images/template_images/browser-icons.png);
		}
		/*-----------------------*/
			/*
            .jssorb01 div           (normal)
            .jssorb01 div:hover     (normal mouseover)
            .jssorb01 .av           (active)
            .jssorb01 .av:hover     (active mouseover)
            .jssorb01 .dn           (mousedown)
            */
            .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
            	filter: alpha(opacity=70);
            	opacity: .7;
            	overflow: hidden;
            	cursor: pointer;
            	border: #000 1px solid;
            }

            .jssorb01 div {
            	background-color: gray;
            }

            .jssorb01 div:hover, .jssorb01 .av:hover {
            	background-color: #d3d3d3;
            }

            .jssorb01 .av {
            	background-color: #fff;
            }

            .jssorb01 .dn, .jssorb01 .dn:hover {
            	background-color: #555555;
            }
            /*-----------------------*/
            /* jssor slider arrow navigator skin 02 css */
            /*
            .jssora02l              (normal)
            .jssora02r              (normal)
            .jssora02l:hover        (normal mouseover)
            .jssora02r:hover        (normal mouseover)
            .jssora02ldn            (mousedown)
            .jssora02rdn            (mousedown)
            */
            .jssora02l, .jssora02r, .jssora02ldn, .jssora02rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
            	background: url(/public/images/template_images/a02.png) no-repeat;
            	overflow:hidden;
            }
            .jssora02l { background-position: -3px -33px; }
            .jssora02r { background-position: -63px -33px; }
            .jssora02l:hover { background-position: -123px -33px; }
            .jssora02r:hover { background-position: -183px -33px; }
            .jssora02ldn { background-position: -243px -33px; }
            .jssora02rdn { background-position: -303px -33px; }
            /*end slider*/

            .orange_bgcolor  {
            	background-color: #efa945;
            	visibility: visible;
            	margin: auto;
            	width: 100%;
            	padding: 15px;
            }
            .rightbar{
            	width:65%; margin: auto; float:left;
            	padding-top:20px;
            }

            .h2title {
            	color:#5386c1;
            	font-size:39.5px;
            	text-align:left;
            	padding-bottom:10px;
            }

            .eco-col1 {
            	float:left; width: 53%; font-size: 12px;
            	text-align:left;
            }
            .eco-col2 {
            	float:left; width: 47%; font-size: 12px;
            	text-align:left;
            	padding-left:40px;
            }

            .leftbar {
            	background-color:#5386c1;
            	height:680px;
            	width:320px; margin: auto;
            	float:right;
            	padding: 10px 10px 0px 20px;
            	text-align:left;
            	color:#FFF;
            }
            .news-col {
            	font-size:12px;
            	padding-bottom:20px;
            }
            .blueline {
            	width: 100%;
            	background-color: #5386c1;
            	height:3px;
            }
            .innerbody {
            	width: 100%; margin: auto;
            }
            /*3 pix begin*/
            .middlebody {
            	width: 100%; margin-top:30px;
            }
            .midconbody {
            	float:left;
            	width: 326.6px;
            }
            .imgcircle {
            	width: 277px;
            	height: 277px;
            	border-radius: 100%;
            }
            .h4midbody {
            	font-size:26.62px;
            	font-family: 'Noto Sans', sans-serif;
            	color:#45413e;
            	padding:30px 0px 10px 0px;
            	text-align: center;
            	padding-right:60px;
            }
            .midcontent {
            	font-size:12px;
            	font-family: 'Noto Sans', sans-serif;
            	color:#45413e;
            	text-align:left;
            	width: 278px;
            }
            /*3 pix end*/

            .backgroundgreen  {
            	background: #72bb4c;
            	width: 100%;
            	height: 550px;
            }
            .fetmaincon {
            	font-size:60px; font-family: 'Roboto', sans-serif; color:#FFF;
            }
            .featdesc {
            	font-size:22px; font-family: 'Roboto', sans-serif; color:#FFF;
            }
            .featslider  {
            	visibility: visible;
            	width: 1400px;
            }
	/*.imgs {
    display: block;
    max-width:800px;
    max-height:350px;
    width: auto;
    height: auto;
    }*/
    .greenbarko {
    	background: #72bb4c;
    	padding-top:10px;
    	text-align: center;
    	height:60px;
    	width: 100%;
    }
    .newsbanner {
    	padding-top:50px;
    }
    .signupko {
    	font-size:24px;
    	font-family: 'Noto Sans', sans-serif;
    	color:#5386c1;
    	float:left;
    }
    .inputertxt  {
    	padding-left: 25px;
    	float:left;
    }
    .txtbaks {
    	height:36px;
    	background: #E8E8E8;
    	width:472px;
    }
    .submitbttn  {
    	padding-left: 45px;
    	width: 36px;
    	height: 36px;
    	float:left;
    }
    .submittxt  {
    	padding-left: 42px;
    	width: 57px;
    	height: 14px;
    	float:left;
    }
    .footer-pull-bot {
    	position: absolute;
    	bottom: 0;
    }
    .footerer {
    	text-align:center;
    	padding:50px;

    }
    .right-linerer {
    	width:364px;
    	padding-top: 22px;
    	float: right;
    }
    .left-linerer {
    	width:364px;
    	padding-top: 22px;
    	float: left;
    }
    .fb{
    	padding: 0px 6px 0px 6px;
    	float: left;
    }
    .twitter{
    	padding: 0px 6px 0px 6px;
    	float: left;
    }
    .linked{
    	padding: 0px 6px 0px 6px;
    	float: left;
    }
    .hidorange{;
    	display:none;
    }
    .social-div{
    	width: 168px;
    	padding: 0px;
    }

    /* box contacts */
    .box-contacts{
    	height: 90px;
    }
    .box-contacts .contact-name{
    	font-size: 12px;
    }
    .contacts-col{
    	width: 23.7%;
    	float: left;
    }
    .box-contacts a{
    	font-size: 12px;
    }
    .creditcard-div{
    	width: 100%; float: left;
    }
    .creditcardform{
    	float: left; width: 500px;
    }
    .typetransact{
    	width: 250px;
    	border-radius: 10px 10px 10px 10px;
    	-moz-border-radius: 14px 14px 14px 14px;
    	-webkit-border-radius: 14px 14px 14px 14px;
    	border: 0px solid #000;
    	padding: 13px;
    }
    .creditcardform .col-md-4, .creditcardform .col-md-7{
    	padding: 0px !important;
    }
    .forminput, .forminputdonate{
    	height: 45px; font-size: 30px; color:#000; border-radius:10px; border-style:none; padding-left: 5px;
    }
    .forminputdonate{
    	font-size: 15px !important;
    	padding: 5px !important;
    }
    .authorizebutton{
    	background-image: url('/images/template_images/donate-gold.gif');
    	background-position:  0px 0px;
    	background-repeat: no-repeat;
    	width: 136px;
    	height: 40px;
    	border: 0px;
    	background-color: none;
    	cursor: pointer;
    	outline: 0;
    	margin-top: 10px;
    }
    @media screen and (max-width:1160px) {

    	iframe{
    		width: 100%;
    		margin:auto;
    		text-align: center;
    	}
    	.leftbar {
    		float: left;
    		width: 340px;
    	}
    	.rightbar {
    		width: 60%;
    	}
    	.imgcircle {
    		width:250px;
    		height:250px;
    	}
    	.midconbody {
    		width: 280px;
    	}
    	.midcontent {
    		width: 270px;
    	}
    	.txtbaks {
    		width:450px;
    	}
    	.boxdate{
    		display: none;
    	}
    	.boxdate2{
    		display: block;
    	}

    	.centers{
    		font-size: 14px;
    	}

    }
    @media screen and (max-width:1091px) {
    	.txtbaks {
    		width:350px;
    	}
    	.whoiseco {
    		font-size:58px;
    	}
    }
    @media screen and (max-width:1079px) {
    	.leftbar {
    		float: left;
    		width: 340px;
    	}
    	.rightbar {
    		width: 58%;
    	}
    }
    @media screen and (max-width:1066px) {
    	.imgcircle {
    		width:250px;
    		height:250px;
    	}
    	.h4midbody {
    		font-size:25px;
    	}
    	.midconbody {
    		width: 260px;
    	}
    	.midcontent {
    		width: 260px;
    	}
    }
    @media screen and (max-width:1050px) {
    	.imgcircle {
    		width:235px;
    		height:235px;
    	}
    	.h4midbody {
    		font-size:22px;
    	}
    	.midconbody {
    		width: 240px;
    	}
    	.midcontent {
    		width: 240px;
    	}
    }
    @media screen and (max-width:1028px) {
    	.leftbar {
    		float: left;
    		width: 330px;
    	}
    	.rightbar {
    		width: 55%;
    	}
    }
    @media screen and (max-width:966px) {
    	.signupko {
    		width:100%;
    	}
    	.inputertxt  {
    		padding-left: 0px;
    		float:left;
    	}
    }
    @media screen and (max-width:937px) {
    	.eco-col1 {
    		float:left; width: 100%; font-size: 13px;
    		text-align:left;
    	}
    	.eco-col2 {
    		float:left; width: 100%; font-size: 13px;
    		text-align:left;
    		padding-left:0px;
    	}
    	.leftbar {
    		width:320px;
    	}
    	.imgcircle {
    		width:200px;
    		height:200px;
    	}
    	.midconbody {
    		width: 220px;
    	}
    	.h4midbody {
    		font-size:18px;
    	}
    	.midcontent {
    		width: 220px;
    	}
    	.backgroundgreen {
    		height: 440px;
    	}
    }
    @media screen and (max-width:933px) {
    	.h2title {
    		font-size:37px;
    	}
    }
    @media screen and (max-width:929px) {

    }
    @media screen and (max-width:925px) {
    	.whoiseco {
    		font-size:50px;
    	}
    	.whoisecodefine {
    		width:80%;
    	}
    }
    @media screen and (max-width:905px) {
    	.rightbar {
    		width:55%;
    	}
    	.leftbar {
    		width:300px;
    	}
    }
    @media screen and (max-width:850px) {
    	.rightbar {
    		width:52%;
    	}
    	.leftbar {
    		width:300px;
    	}
    }
    @media screen and (max-width:846px) {

    }
    @media screen and (max-width:841px) {
    	.imgcircle {
    		width:180px;
    		height:180px;
    	}
    	.midconbody {
    		width: 210px;
    	}
    	.midcontent {
    		width: 210px;
    	}
    }
    @media screen and (max-width:815px) {

    }
    @media screen and (max-width:811px) {
    	.eco-container {
    		padding:0px 40px 0px 40px;
    	}
    }
    @media screen and (max-width:790px) {
    	.ecositenav-iCare {
    		padding-left: 1%;
    	}
    	.iCare-eco-logo{
    		width:70px;
    	}
    }
    @media screen and (max-width:735px) {
    	.ecositenav-iCare {
    		padding-left: 0%;
    	}
    }

    @media screen and (max-width:726px) {
    	.midconbody {
    		width: 200px;
    	}
    	.h4midbody {
    		font-size:17.6px;
    	}
    	.midcontent {
    		width: 200px;
    	}
    }
    @media screen and (max-width:721px) {
    	.rightbar {
    		width:51%;
    	}
    	.leftbar {
    		width:305px;
    	}
    }
    @media screen and (max-width:721px) {
    	.rightbar {
    		width:48%;
    	}
    	.leftbar {
    		width:300px;
    	}
    }
    @media screen and (max-width:710px) {
    	.leftbar {
    		width:100%;
    	}
    	.rightbar {
    		padding:20px;
    		width:100%;
    	}
    	.whoiseco {
    		width:100%;
    	}
    	.whoisecodefine {
    		width:100%;
    	}
    	.imgcircle {
    		height:275px;
    		width:275px;
    	}
    	.middlebody {
    		width: 100%;
    		text-align: center;
    	}
    	.midconbody {
    		width:100%;
    		padding:20px;
    	}
    	.h4midbody {
    		padding:20px;
    		margin: 0px;
    		font-size:26.62px;
    	}
    	.midcontent {
    		width:100%;
    	}
    	.videoyb{
    		width:100% !important;
    	}
    	.eco-wrapper{
    		padding: 20px 15px;
    	}
    	.whitebar-iCare{
    		display: none;
    	}
    }
    @media screen and (max-width:514px) {
    	.h2title {
    		font-size:35px;
    	}
    	iframe{
    		width: 100%;
    		height: 300px;
    		margin:auto;
    		text-align: center;
    	}
    	.news-view-thumbnail{
    		width: 100%;
    		height: 300px;
    		margin:auto;
    		text-align: center;
    	}
    	.titlenews{
    		font-size: 28px;
    	}
    	.authorname2{
    		font-size:28px;
    	}
    }
    @media screen and (max-width:494px) {
    	.h2title {
    		font-size:32px;
    	}

    	iframe{
    		width: 100%;
    		height: 250px;
    		margin:auto;
    		text-align: center;
    	}
    	.news-view-thumbnail{
    		width: 100%;
    		height: 250px;
    	}
    }
    @media screen and (max-width:463px) {
    	.h2title {
    		font-size:30px;
    	}
    	.titlenews{
    		font-size: 25px;
    	}
    	.authorname2{
    		font-size: 25px;
    	}
    }
    @media screen and (max-width:416px) {
    	.header-banner {
    		height:500px;
    	}
    	.hidorange {
    		height:50px;
    	}
    	iframe{
    		width: 100%;
    		height: 200px;
    		margin:auto;
    		text-align: center;
    	}
    	.news-view-thumbnail{
    		width: 100%;
    		height: 200px;
    	}
    }
    @media screen and (max-width:430px) {
    	.orangebarko a{
    		font-size: 15px !important;
    	}
    	.orangebarko img{
    		width: 33px !important;
    		height: 33px !important;
    	}
    	.orangebarko{
    		padding-top: 12px !important;
    		/*height: 60px !important;*/
    	}
    }
    @media screen and (max-width:380px) {
    	.signupko {
    		font-size: 20px;
    		text-align: center;
    	}
    	.titlenews{
    		font-size: 22px;
    	}
    	.authorname2{
    		font-size: 22px;
    	}
    }
    @media screen and (max-width:580px) {

    	.txtbaks {
    		width: 100%;
    	}
    	.submitbttn img{
    		width: 100px;
    	}
    	.submitbttn{
    		width: 100%;
    		padding-top: 10px !important;
    		margin: auto !important;
    		text-align: center !important;
    	}
    	.signupko {
    		text-align: center;
    	}
    }


    @media screen and (max-width:640px) {
    	.fetmaincon {
    		font-size:60px;
    	}
    }
    @media screen and (max-width:625px) {
    	.leftbar {
    		width:100%;
    	}
    	.rightbar {
    		width:100%;
    	}
    }
    @media screen and (max-width:615px) {
    	.fetmaincon {
    		font-size:50px;
    	}
    	.featdesc {
    		font-size:20px;
    	}
    	.backgroundgreen {
    		height:400px;
    	}
    }
    @media screen and (max-width:580px) {
    	.inputertxt {
    		width:100%;
    	}
    	.submitbttn {
    		padding:0px;
    	}
    	.submittxt {
    		padding-left:10px;
    	}
    	.whoisecodefine {
    		width: 100%;
    	}
    }
    @media screen and (max-width:525px) {
    	.fetmaincon {
    		font-size:40px;
    	}
    	.featdesc {
    		font-size:18px;
    	}
    	.backgroundgreen {
    		height:320px;
    	}
    }
    @media screen and (max-width:449px) {
    	.donbut {
    		height:50px;
    		width:50px;
    	}
    	.whoiseco {
    		padding:10px;
    	}
    }
    @media screen and (max-width:437px) {
    	.backgroundgreen {
    		height:310px;
    	}
    }
    @media screen and (max-width:435px) {
    	.backgroundgreen {
    		height:270px;
    	}
    	.fetmaincon {
    		font-size:30px;
    	}
    	.featdesc {
    		font-size:14px;
    	}
    }
    @media screen and (max-width:410px) {
    	.imgcircle {
    		width:220px;
    		height:220px;
    	}
    }
    @media screen and (max-width:330px) {
    	.h2title {
    		font-size:18px;
    	}
    	.eco-col1 {
    		font-size:12px;
    	}
    	.eco-col2 {
    		font-size:12px;
    	}
    }
    @media screen and (max-width:360px) {
    	.imgcircle {
    		width:180px;
    		height:180px;
    	}
    }
    @media screen and (max-width:399px) {
    	/*.hidorange {
    		background: #efa945;
    		text-align: center;
    		height:25px;
    		width: 100%;
    		display:block;
    		}*/
    	}
    	@media screen and (max-width:394px) {
    		/*.headerBanner {
    			height:500px;
    			}*/
    		}
    		@media screen and (max-width:381px) {
    		/*.headerBanner {
    			height:380px;
    			}*/
    			.whoiseco {
    				font-size:32px;
    			}
    			.whoisecodefine {
    				font-size:12px;
    			}
    		}

    		@media screen and (max-width:350px) {
    			.backgroundgreen {
    				height:240px;
    			}
    			.fetmaincon {
    				font-size:20px;
    			}
    			.featdesc {
    				font-size:12px;
    			}
    		}
    		@media screen and (max-width:342px) {
    			.headerBanner .learn-more {
    				padding: 30px 0px 0px 0px;
    				float: left;
    			}

    			.headerBanner .learn-more img{
    				float:left;
    			}
    			.headerBanner .learn-more a{
    				padding: 10px 0px 0px 0px;
    				float: left;
    			}
    		}
    		@media screen and (max-width:335px) {
    			.h4midbody {
    				font-size:20px;
    			}
    		}
    		@media screen and (max-width:325px) {
    			.whoiseco {
    				font-size:32px;
    			}
    			.whoisecodefine {
    				font-size:12px;
    			}
    		}
    		@media screen and (max-width:322px) {
    			.headerBanner .learn-more {
    				padding: 30px 0px 0px 0px;
    				float: left;
    			}

    			.headerBanner .learn-more img{
    				float:left;
    			}
    			.headerBanner .learn-more a{
    				padding: 0px 0px 0px 0px;
    				float: left;
    			}
    		}
    		@media screen and (max-width:299px) {
    		/*.headerBanner {
    			height:450px;
    			}*/
    		}
    		@media screen and (max-width:276px) {
    		/*.headerBanner {
    			height:480px;
    			}*/
    		}
    		@media screen and (max-width:263px) {
    		/*.headerBanner {
    			height:540px;
    			}*/
    		}
    		@media screen and (max-width:209px) {
    		/*.headerBanner {
    			height:640px;
    			}*/
    		}
    		@media screen and (max-width:247px) {
    		/*.headerBanner {
    			height:610px;
    			}*/
    			.hidorange {
    				height:30px;
    			}
    		}
    		/* EFREN POGI*/

    		/* Smartphones (landscape) ----------- */
    		@media only screen  and (max-width : 1160px) {

    			/*.eco-container {
    				width: 90%
    				}*/
    				.eco-container-club {
    					width: 90%
    				}
    				.eco-container-evnt {
    					width: 90%
    				}


    			}

    			@media only screen  and (max-width : 1142px) {

    				.donateforbtn  {
    					padding-left: 4% !important;
    				}

    			}

    			@media only screen  and (max-width : 1093px) {
    				.atwdesccontainer{
    					bottom: 21% !important;
    				}
    				.donateforbtn  {
    					padding-left: 0% !important;
    					text-align: center;
    					margin: auto;
    					float:none;
    					margin-top:30px !important;
    					margin-bottom:5px !important;
    				}
    				#ecologo {
    					text-align: center;
    					margin: auto;
    					float:none;
    				}
    				.ecositenav{
    					width: 100%;
    					margin: auto;
    					float:none;
    				}
    				ul.dropdown li{
    					width: 14.2857142857%;
    				}
    				.atwbanner{
    					height: 518px;
    				}

    			}

    			@media only screen  and (max-width : 1030px) {

    				.eco-container {
    					width: 95%; /*90% dati*/
    				}
    				.eco-container-club {
    					width: 90%
    				}
    				.blog-content-responsive {
    				    width: 100%;
    				}
    				.featured-blog-img {
    				    height: 455px !important;
    				}
    				.youtube-play {
    					height: 455px !important; 
    				}
    				.events-img{
    					height: 125px !important;
    				}
    			}
    			@media only screen  and (max-width : 991px) {
    				.events-blog-img {
    				    height: 188px !important;
    				}
    				.events-img{
    					height: 174px !important;
    				}
    			}
    			@media only screen  and (max-width : 980px) {
    				.events-img{
    					height: 150px !important;
    				}
    			}

    			@media only screen  and (max-width : 975px) {
    				.featured-blog-img {
    				    height: 440px !important;
    				}
    				.youtube-play {
    					height: 440px !important; 
    				}
    			}

    			@media only screen  and (max-width : 940px) {
    				.featured-blog-img {
    				    height: 420px !important;
    				}
    				.youtube-play {
    					height: 420px !important; 
    				}
    				.events-blog-img {
    				    height: 177px !important;
    				}

    			}


    			@media only screen  and (max-width : 900px) {
    				.p-h2{
    					padding-left: 50px;
    					padding-right: 50px;
    				}

    				#ecologo {
    					text-align: center;
    					margin: auto;
    					float:none;
    				}

    				.donateforbtn {
    					text-align: center;
    					margin: auto;
    					float:none;
    				}
    				.featured-blog-img {
    				    height: 400px !important;
    				}
    				.youtube-play {
    					height: 400px !important; 
    				}
    				.events-blog-img {
    				    height: 169px !important;
    				}
    			}

    			@media only screen and (max-width: 846px){
    				.nav-w{
    					width: 95%;    				
    					margin: auto; 
    				}
    				nav {

    					margin-top: 0px;
    					padding-top: 20px;
    				}
    				.eco-container {
    					width: 100%;
    					padding: 0px 15px;
    				}
    				.eco-container-club {
    					width: 100%;
    					padding: 0px 0px;
    				}
    				.eco-wrapper {
    					width: 100%;
    					padding: 20px 15px;
    				}

    				#ecologo {
    					text-align: center;
    					width: 80%;
    					/*height: 59px;*/
    					float:none;
    					margin: auto;
    					margin-top: 0px;
    				}


    				#ecologo img{
    					margin: auto;

    				}

    				.banner-define,
    				.banner-title {
    					padding-left: 30px;
    					padding-right: 30px;
    				}
    				.boxes,
    				.eco-upper-content {
    					padding-left: 30px;
    					padding-right: 30px;
    				}
    				.rows2 {
    					width: 100%;
    					padding: 0px;
    				}
    				.featured-blog-img {
    				    height: 380px !important;
    				}
    				.youtube-play {
    					height: 380px !important; 
    				}
    				.events-blog-img {
    				    height: 164px !important;
    				}
    			}
    			@media only screen and (max-width: 830px){
    				.featured-blog-img {
    				    height: 360px !important;
    				}
    				.youtube-play {
    					height: 360px !important; 
    				}
    			}
    			@media only screen and (max-width: 800px){
    				.events-img{
    					height: 145px !important;
    				}
    				.events-blog-img {
    				    height: 153px !important;
    				}
    			}
    			@media only screen and (max-width: 783px){
    				ul.dropdown li .p{
    					font-size: 14px;
    				}
    				.featured-blog-img {
    				    height: 340px !important;
    				}
    				.youtube-play {
    					height: 340px !important; 
    				}
    			}
    			@media only screen and (max-width: 768px){
    				.circle-right{
    					top: 45px !important; 
    				}
    				.circle-left{
    					top: 45px !important;
    				}
    				.vid-play-icon-hp {
    				    left: 40px !important;
    				}
    			}

    			@media only screen and (max-width: 767px){
    				#ecologo{
    					margin-top: 30px !important;
    				}
    				.bluebar{
    					display:none;
    				}
    				.bluebar-iCare{
    					display:none;
    				}
    				.ecositenav{
    					display:none;
    				}
    				.ecositenav-iCare{
    					display:none;
    				}
    				.ecosite-stat{
    					/*display:none;*/
    				}
    				.ecosite-top{
    					display:none;
    				}
    				#ecologo{
    					display:none;
    				}
    				#ecologo-iCare{
    					display:none;
    				}
    				.iCare-user{
    					display:none;
    				}
    				.iCare-social{
    					display:none;
    				}
    				.mobileMenu {
    					display: block;
    				}

    				.side-mob-menu {
    					display: block;
    				}
    				.mob-ecologo {
    					display: block;
    				}
    				.headerBanner{
    					margin-top: 0px;
    				}
    				.donateforbtn {
    					margin-top: 0px !important;
    					padding-bottom: 5px !important;
    					padding-top: 15px !important;
    				}
    				.featured-blog-img {
    				    background-size: cover !important;
    				    width: 100% !important;
    				    height: 340px !important;
    				}
    				.youtube-play {
    					height: 340px !important; 
    				}
    				.events-img{
    					height: 385px !important;
    				}
    				.events-blog-img {
    				    height: 145px !important;
    				}
    				.blogs-img-hp{
    					height: 400px;
    				}
    				.popular-vid-hp {
    				    height: 400px !important;
    				}
    				.main-slider-img {
    				    height: 63% !important;
    				}
    				.mtitle-txt {
    				    font-size: 30px !important;
    				}
    				.mbody-txt {
    				    font-size: 15px !important;
    				    padding-top: 10px !important;
    				}
    				.carousel-indicators li {
    				    display: none;
    				}
    			}

    			@media only screen and (max-width: 718px){
    				ul.dropdown li .p{
    					font-size: 13px;
    				}
    				.featured-blog-img {
    				    height: 310px !important;
    				}
    				.youtube-play {
    				    height: 310px !important; 
    				}
    				.events-img{
    					height: 365px !important;
    				}
    				.events-blog-img {
    				    height: 134px !important;
    				}
    			}

    			@media only screen and (max-width: 690px){
    				.featured-blog-img {
    				    height: 300px !important;
    				}
    				.youtube-play {
    				    height: 300px !important; 
    				}
    				.events-img{
    					height: 350px !important;
    				}
    				.events-blog-img {
    				    height: 128px !important;
    				}
    			}
    			@media only screen and (max-width: 640px){
    				.featured-blog-img {
    				    height: 280px !important;
    				}
    				.youtube-play {
    				    height: 280px !important; 
    				}
    				.events-img{
    					height: 340px !important;
    				}
    				.events-blog-img {
    				    height: 116px !important;
    				}
    				.blogs-img-hp{
    					height: 380px;
    				}
    				.popular-vid-hp {
    				    height: 300px !important;
    				}
    			}
    			@media only screen and (max-width: 620px){
    				.events-img{
    					height: 330px !important;
    				}
    				.events-blog-img {
    				    height: 108px !important;
    				}
    				.blogs-img-hp{
    					height: 360px;
    				}
    				.popular-vid-hp {
    				    height: 280px !important;
    				}
    			}
    			@media only screen and (max-width: 600px){
    				.featured-blog-img {
    				    height: 270px !important;
    				}
    				.youtube-play {
    				    height: 270px !important; 
    				}
    				.events-img{
    					height: 310px !important;
    				}
    				.ilchi-homepagetext, .letsgetmove-homepagetext {
    					margin-left: 0px !important;
    					margin-right: 70px !important;
    					padding: 10px 60px 10px 10px !important;
    				}
    				.circle-right{
    					top: 45px !important;
    					left: 0px !important; 
    				}
    				.circle-left{
    					top: 45px !important;
    					left: 0px !important; 
    				}
    				.pec-homepagetext {
    					margin-right: 0px !important;
    					margin-left: 75px !important;
    				    padding: 10px 10px 10px 60px !important;
    				}
    				.ilchi-homepagetext-txt, .letsgetmove-homepagetext-txt {
    				    margin-top: -60px;
    				}
    				.main-slider-img {
    				    height: 50% !important;
    				}
    			}
    			@media only screen and (max-width: 580px){
    				.featured-blog-img {
    				    height: 250px !important;
    				}
    				.youtube-play {
    				    height: 250px !important; 
    				}
    				.events-img{
    					height: 290px !important;
    				}
    				.blogs-img-hp{
    					height: 340px;
    				}
    				.popular-vid-hp {
    				    height: 260px !important;
    				}
    			}
    			@media only screen and (max-width: 545px){
    				.featured-blog-img {
    				    height: 240px !important;
    				}
    				.youtube-play {
    				    height: 240px !important; 
    				}
    				.events-img{
    					height: 260px !important;
    				}
    				.blogs-img-hp{
    					height: 320px;
    				}
    				.popular-vid-hp {
    				    height: 240px !important;
    				}
    			}
    			@media only screen and (max-width: 529px){
    				.featured-blog-img {
    				    height: 325px !important;
    				}
    				.youtube-play {
    				    height: 325px !important; 
    				}
    				.eco_chapter{
    					margin:0px !important;
    				}
    				.full_ecochapter{
    					width: 100% !important;
    				}
    				.blogs-img-hp{
    					height: 300px;
    				}
    				.popular-vid-hp {
    				    height: 220px !important;
    				}
    			}
    			@media only screen and (max-width: 515px){
    				.featured-blog-img {
    				    height: 305px !important;
    				}
    				.youtube-play {
    				    height: 305px !important; 
    				}
    				.events-img{
    					height: 250px !important;
    				}
    			}
    			@media only screen and (max-width: 485px){
    				.featured-blog-img {
    				    height: 285px !important;
    				}
    				.youtube-play {
    				    height: 285px !important; 
    				}
    				.events-img{
    					height: 235px !important;
    				}
    				.blogs-img-hp{
    					height: 280px;
    				}
    				.popular-vid-hp {
    				    height: 280px !important;
    				}
    			}
    			@media only screen and (max-width: 453px){
    				.featured-blog-img {
    				    height: 250px !important;
    				}
    				.youtube-play {
    				    height: 250px !important; 
    				}
    				.events-img{
    					height: 220px !important;
    				}
    				.blogs-img-hp{
    					height: 260px;
    				}
    				.popular-vid-hp {
    				    height: 260px !important;
    				}
    			}
    			@media only screen and (max-width: 430px){
    				.events-img{
    					height: 210px !important;
    				}
    				.blogs-img-hp{
    					height: 240px;
    				}
    				.popular-vid-hp {
    				    height: 240px !important;
    				}
    			}
    			@media only screen and (max-width: 400px){
    				.featured-blog-img {
    				    height: 240px !important;
    				}
    				.youtube-play {
    				    height: 240px !important; 
    				}
    				.events-img{
    					height: 190px !important;
    				}
    				.blogs-img-hp{
    					height: 220px;
    				}
    				.popular-vid-hp {
    				    height: 220px !important;
    				}
    			}
    			@media only screen and (max-width: 380px){
    				.events-img{
    					height: 180px !important;
    				}
    				.blogs-img-hp{
    					height: 200px;
    				}
    				.popular-vid-hp {
    				    height: 200px !important;
    				}
    			}
    			@media only screen and (max-width: 360px){
    				.featured-blog-img {
    				    height: 210px !important;
    				}
    				.youtube-play {
    				    height: 210px !important; 
    				}
    				.events-img{
    					height: 160px !important;
    				}
    				.events-blog-img {
    				    height: 160px !important;
    				}
    				.circle-right{
    					top: 50px !important;
    					left: 0px !important; 
    				}
    				.ilchi-homepagetext, .letsgetmove-homepagetext {
    					margin-left: 0px !important;
    					margin-right: 60px !important;
    					padding: 10px 60px 10px 10px !important;
    				}
    				.pec-homepagetext {
    					margin-right: 0px !important;
    					margin-left: 60px !important;
    				    padding: 10px 10px 10px 60px !important;
    				}
    				.circle-left{
    					top: 50px !important;
    					left: 0px !important; 
    				}
    				.pec-content-txt{
    					margin-top: -60px;
    				}
    				.hp-author-text{
    					margin-right: 20px !important;
    					margin-top: 10px !important;
    				}
    				.ilchi-homepagetext-txt, .letsgetmove-homepagetext-txt {
    				    margin-top: -60px;
    				}
    			}
    			@media only screen and (max-width: 320px){
    				.featured-blog-img {
    				    height: 190px !important;
    				}
    				.youtube-play {
    				    height: 190px !important; 
    				}
    				.events-content-responsive {
    				    padding: 0px 0px !important;
    				}
    				.events-img {
    				    height: 150px !important;
    				}
    				.blogs-img-hp{
    					height: 180px;
    				}
    				.popular-vid-hp {
    				    height: 180px !important;
    				}
    				.circle-right{
    					top: 50px !important;
    					left: 0px !important;
    				}
    				.circle-left {
    				    top: 50px !important;
    				    left: 0px !important;
    				}
    				.ilchi-homepagetext, .letsgetmove-homepagetext {
    					margin-left: 0px !important;
    					margin-right: 45px !important;
    					padding: 10px 55px 10px 10px !important;
    				}
    				.hp-author-text{
    					margin-right: 20px !important;
    					margin-top: 10px !important;
    				}
    				.pec-homepagetext {
    				    margin-left: 45px !important;
    				    margin-right: 0px !important;
    				    padding: 10px 10px 10px 55px !important;
    				}
    				.img-circle-hp{
    					height: 100px;
    					width: 100px;
    				}
    				.pec-content-txt{
    					margin-top: -40px;
    				}
    				.ilchi-homepagetext-txt, .letsgetmove-homepagetext-txt {
    				    margin-top: -40px;
    				}
    			}
    			@media only screen and (max-width: 240px){
    				.events-img {
    				    height: 110px !important;
    				}
    				.blogs-img-hp{
    					height: 130px;
    				}
    				.popular-vid-hp {
    				    height: 130px !important;
    				}
    				.circle-left {
    				    bottom: 552px !important;
    				    left: 0px !important;
    				}
    			}

    			/* EFREN POGI END*/


    			/*USON @media*/
    			@media (max-width: 767px) {

    				.wd-tdc{				
    					width: 90%;
    					margin: auto;
    				}
    				.wd-tdl{				
    					width: 90%;
    					margin: auto;
    					float: none;
    				}
    				.wd-tdr{
    					width: 90%;
    					margin: auto;
    					float: none;
    				}
    				.eco-upper-content h1 {
    					text-align: center;
    				}
    				#physicaltrainingtext p {
    					padding: 30px 30px 30px 30px !important;
    				}
    				#rightcolumn {
    					width: 100% !important;
    				}
    				#rightcolumnimage {

    					/* padding: 0px 0px 0px 0px !important; */
    					margin: auto !important;
    				}

    				#awakening h1 {
    					padding: 20px 0px 20px 0px;
    					text-align: center;
    				}
    				#action h1 {
    					padding: 0px 0px 0px 0px;
    					text-align: center;
    				}

    				#mindbodytrainingimage,
    				#mindfulnesstrainingimage,
    				#physicaltrainingimage  {
    					width: 105px;
    					height: 105px;
    					padding: 10px 0px 30px 0px;
    					margin: auto !important;
    				}
    				#practiceskills h1,
    				#farming h1,
    				#volunteering h1,
    				#mindbodytrainingtext h1,
    				#mindfullnesstrainingtext h1,
    				#physicaltrainingtext h1 {
    					padding: 10px 0px 0px 0px !important;
    					text-align: center;
    				}
    				#practiceskills p,
    				#farming p,
    				#volunteering p,
    				#mindbodytrainingtext p,
    				#mindfullnesstrainingtext p,
    				#physicaltrainingtext p{
    					padding: 10px 30px 0px 30px !important;
    				}
    				#facebookicon,
    				#twittericon,
    				#linkedinicon  {
    					margin: 20px 50% 0px 50%;
    				}
    				.ilchi-content-text {
    				    padding: 10px 0px 10px 0px !important;
    				}
    				.blogs-title-text{
    					margin-left: -15px;
    					margin-right: -15px;
    				}
    				.blog-margin-responsive {
    				    margin-left: 0px;
    				    margin-right: 0px;
    				}

    			}

    			@media (max-width: 746px) {
    				.toptop1 {
    					width: 30% !important;
    					margin: auto;
    				}
    				.toptop2 {
    					width: 40% !important;
    					margin: auto;
    				}
    				.toptop3 {
    					width: 30% !important;
    					margin: auto;
    				}
    			}
    			@media (max-width: 663px) {
    				.toptop1 {
    					width: 191px !important;
    					margin: auto;
    					padding-right: 0px;
    				}
    				.toptop2 {
    					width: 250px !important;
    					margin: auto;
    					padding-left: 0px;
    				}
    				.toptop3 {
    					width: 105px !important;
    					margin: auto;
    					float: right;
    					padding-right: 15px;
    					padding-left: 0px;
    				}
    				.program-nav{
    					width: 100% !important;
    				}
    				li.proglist-hp {
    				    width: 100%;
    				}
    			}
    			@media (max-width: 580px) {

    				.toptop1 {
    					width: 191px !important;
    					margin: auto;
    					float: none;
    					padding-top: 10px;
    					padding-bottom: 10px;
    				}
    				.toptop2 {
    					width: 280px !important;
    					margin: auto;
    					padding-top: 5px;
    					padding-bottom: 5px;
    					float: none;
    					text-align: center;
    					clear: both;
    				}
    				.toptop3 {
    					width: 120px !important;
    					margin: auto;
    					float: none;
    					padding-top: 10px;
    					padding-bottom: 10px;

    				}
    			}

    			@media (max-width: 900px) {
    				.donate_icon {
    					width: 247px !important;
    					margin: auto;
    				}
    			}
    			@media (max-width: 380px) {
    				#interior_text h1,
    				.eco-upper-content h1 {
    					text-align: center;
    					font-size: 25px;
    				}
    				.eco-p-lower h3,
    				.eco-p h3 {
    					font-size: 20px;
    				}
    				#interior_text h1 {
    					font-size: 30px !important;
    				}
    				.cyep-btn{
    					padding: 5px 5px !important;
    					font-size: 16px !important;
    				}
    			}

    			@media (max-width: 360px) {

    				.notify-box-scroll{
    					height: 500px;
    					overflow: auto;
    				}
    				.cyep-btn{
    					padding: 5px 5px !important;
    					font-size: 16px !important;
    				}
    			}

    			@media (max-width: 320px) {
    				.title-lower-bottom h1,
    				.title-lower h1 {
    					text-align: center;
    					font-size: 25px;
    				}
    				.notify-box-scroll{
    					height: 340px;
    					overflow: auto;
    				}
    				.cyep-btn{
    					padding: 5px 5px !important;
    					font-size: 16px !important;
    				}
    			}
    			@media (max-width: 1014px) {
    				.wie-par-text {
    				    font-size: 14px;
    				}
    			}
    			@media (max-width: 1010px) {
    				#container {
    					width: 97% !important;
    				}
    				#interior-text {
    					width: 500px !important;
    				}
    			}

    			@media (max-width: 937px) {
    				.wie-par-text {
    				    font-size: 14px;
    				}
    			}
    			@media (max-width: 888px) {
    				.wie-par-text {
    				    font-size: 13px;
    				}
    			}

    			@media (max-width: 800px) {
    				.donate {
    					width: 200px !important;
    					margin: auto;
    				}
    				.eco-p{
    					width: 100% !important;
    					padding: 20px;
    					margin: auto;
    					/* padding-left: 3%; */
    				}
    				.eco-thumbnail {
    					width: 100%;
    					margin: auto;
    					padding: 0px 100px 0px 100px;

    				}
    				.eco-thumbnail img {
    					width: 125px !important;
    					margin: auto !important;
    				}

    				.boxes h3 {
    					text-align: center;
    				}
    				.title-lower {
    					width: 200px !important;
    					margin-left: auto !important;
    					margin-right: auto !important;
    				}
    				.title-lower h1 {
    					width: 200px !important;
    					margin-left: auto !important;
    					margin-right: auto !important;
    				}
    				.title-lower-bottom{

    					width: 125px !important;
    					margin-left: auto !important;
    					margin-right: auto !important;
    				}


    			}

    			@media (max-width: 991px) {
    				#rightcolumnimage img {
    					width: 273px !important;
    					border-radius: 100%;
    				}
    				#rightcolumnimage img {
    					width: 273px !important;
    					border-radius: 100%;
    				}
    				.eco-thumbnail{
    					text-align: center;
    				}
    				.title-lower {
    					margin-top: 20px;
    					}.right-linerer{
    						width: 100% !important;
    						padding: 0px;
    						margin: auto;
    						float: none;

    					}
    					.left-linerer {
    						width: 100% !important;
    						padding: 0px;
    						margin: auto;
    						float: none;

    					}
    					.social-div{
    						width: 168px;
    						padding: 0px;
    						margin: auto;
    					}
    				}
    				@media (max-width: 360px) {
    					#rightcolumnimage img {
    						width: 220px !important;
    						border-radius: 100%;
    					}
    					.eco-thumbnail img{
    						width: 100px !important;
    						border-radius: 100%;

    					}
    					.eco-thumbnail {
    						width: 100%;
    						margin: auto;
    						padding: 0px 0px 0px 0px !important;


    					}
    					.banner-title{
    						font-size:45px;
    					}

    					#rightcolumnimage img {
    						width: 200px !important;
    						border-radius: 100%;
    					}
    				}
    				@media (max-width: 390px) {
    					.banner-title {
    						font-size: 40px;
    					}
    					.banner-define {
    						font-size: 15px;
    					}
    				}


    				@media (max-width : 1160px) {
    					.right-linerer{
    						width: 50px;
    						padding: 0px;
    						margin: auto;
    						float: none;

    					}
    					.left-linerer {
    						width: 50px;
    						padding: 0px;
    						margin: auto;
    						float: none;

    					}
    					.social-div{
    						width: 168px;
    						padding: 0px;
    						margin: auto;
    					}
    				}
    				/*USON @media end*/

    				@media (max-width : 689px) {
    					.learnheroes  a{
    						font-size: 16px;
    						font-family: 'Raleway', sans-serif;
    						font-weight:bold;
    						background-color:rgba(255, 157, 15, 0.7);
    						color: #fff;
    						text-align: center;
    						text-decoration:none;
    						padding:12px 47px;
    						border:2px solid #fff;
    						border-radius:40px;
    					}
    					.p-h2{
    						width: 100%;
    						font-size: 18px;
    					}
    				}

    				@media (max-width : 689px) {
    					.p-h2{
    						width: 100%;
    						font-size: 14px;
    						margin-bottom: -30px;
    					}
    				}

    				@media (max-width : 545px) {
    					.p-title {
    						font-size: 18px !important;
    						text-align: center;
    						color: #ffffff;
    					}
    				}
    				@media (max-width : 526px) {
    					.p-title {
    						padding: 0;
    					}
    					.p-h2{
    						padding: 0;
    					}
    					.learnheroes  a{
    						padding:12px 38px;
    					}
    					.login-modal-form {
    					    margin-left: -30px;
    					    margin-right: -30px;
    					}
    				}

    				@media (max-width : 500px) {
    					.p-title {
    						font-size: 12px;
    					}
    					.p-h2{
    						font-size: 12px;
    					}
    					.banner-content-wrapper-green{
    						width: 100%;
    					}
    					.login-modal-form {
    					    margin-left: -50px;
    					    margin-right: -50px;
    					}
    				}
    				@media (max-width : 480px) {
    					.p-title {
    						font-size: 12px !important;
    					}
    					.p-h2{
    						font-size: 10px;
    					}
    				}

    				@media (max-width : 394px) {
    					.learnheroes a{
    						font-size: 10px !important;
    						font-weight: normal !important;
    					}
    				}

    				@media (max-width : 373px) {
    					.p-h2{
    						width: 100%;
    						font-size: 12px;
    						margin-bottom: -30px;
    					}
    					.learnheroes{
    						margin-bottom: -30px;
    					}
    				}
    				@media (max-width : 360px) {
    					.donatenow  a{
    						padding:12px 40px;
    						border:2px solid #fff;
    						border-radius:10px;
    					}
    				}
    				@media (max-width : 348px) {
    					.learnheroes a{
    						font-size: 8px !important;
    					}
    				}
    				@media (max-width : 320px) {
    					.act {
    						padding-right: 20px;
    						padding-left: 20px;
    						padding-top: 20px;
    					}
    				}
    				@media (max-width : 290px) {
    					.donatenow  a{
    						font-size: 14px;
    						padding:12px 20px;
    						border:2px solid #fff;
    						border-radius:10px;
    					}
    				}
    				@media (max-width : 240px) {
    					.act {
    						padding-right: 10px;
    						padding-left: 10px;
    						padding-top: 20px;
    					}
    				}



    				#eco-content ul {
    					list-style: circle;
    					padding: 10px 0px 0px 20px;
    				}

    				.indented-article {
    					margin-left: 7.2%;
    				}

    				#eco-regions .col-md-3 div {
    					margin-bottom: 21.4333px;
    				}

    				#eco-regions span {
    					font-size: 1em;
    				}

    				#eco-regions a {
    					font-size: 1em;
    				}

/*    				#myCarousel {
    					display: block;
    					height: 100%;
    				}*/

    				#newslist {
    					margin-bottom: 30px;
    				}

    				.navbar-default {
    					border-color: #5386C1;
    				}

    				.navbar-brand p {
    					color:#fff;
    				}

    				.navbar-default .navbar-toggle .icon-bar {
    					background-color:#ffffff!important;
    				}

    				.navbar-default .navbar-toggle:focus,
    				.navbar-default .navbar-toggle:hover {
    					background-color:#5386C1!important;
    				}

    				.mbody, .mtitle {
    					color:#000;
    				}
    				.mbody2, .mtitle2 {
    					color:#fff;
    				}
    				.mbody2 {
    					font-size: 18px;
    					padding-top: 20px;
    					font-size-adjust:0.45!important;
    				}
    				.mtitle2, .mclub2 {
    					color:#fff;
    					font-size-adjust:0.4;
    				}
    				/*hazel*/
    				/* edited by kulot 5/5/2016 */
    				.mclub2{
    					font-size: 45px;
    					font-weight: 400;
    					font-family: 'Raleway', sans-serif;
    					line-height: 100%;
    				}
    				.wd20{
    					width:20%;
    					text-align: center;
    				}
    				.wd22{
    					width:20%;
    					text-align: center;
    				}
    				.club-name{
    					font-size:36px;
    					color:#5386c1 !important;
    					font-family: 'Roboto', sans-serif;
    					font-weight:bold;
    					line-height:30px;
    					padding-top: 20px;
    					margin:0px;
    					padding-left: 25px;
    				}
    				.top-featured-desc{
    					padding:3vw 2vw; 
    				}
    				.minustop-copy{
    					margin-top: 26px;
    					font-family: arial;
    					color:white;
    					text-align: left;
    				}
    				[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    					display: none !important;
    				}

    				/*hazel*/
    				@media screen and (max-width: 1085px) {
    					.iCare-social{
    						font-size: 3px !important;
    					}
    				}
    				@media screen and (max-width: 1084px) {
    					#eco-regions span {
    						font-size: 0.9em;
    					}
    					#article-container h3{
    						font-size: 15px;
    					}
    				}

    				@media screen and (max-width: 1047px){
    					.slidedescoverlay {
    						width: 160%;
    					}
    				}

    				@media screen and (max-width: 991px) {
    					#footer-mission-statement {
    						width:100%;
    					}

    					#footer-mission-statement div{
    						width: 100%;
    					}

    					#footer-navigation,
    					#addus-navigation,
    					#contactus-footer {
    						width:30%;
    					}

    					#eco-regions .col-md-3 {
    						float: left;
    						width: 50%;
    					}
    					.featured-blog-img{
    						width: 250px;
    						height: 200px;
    						margin:auto;
    					}

    					.boxdate{
    						display: none;
    					}
    					.boxdate2{
    						display: block;
    					}
    					.centers{
    						font-size: 16px;
    					}

    					.news-thumb-container{
    						position:relative;
    						width: 100%;
    						height: 100%;
    					}

    				}

    				@media screen and (max-width: 980px) {
    					.slidedescoverlay {
    						width: 165%;
    					}
    				}

    				@media screen and (max-width: 980px) {
    					.slidedescoverlay {
    						width: 165%;
    					}
    				}
    				@media screen and (max-width: 930px) {

    				}


    				@media screen and (max-width: 837px) {
    					.featured-blog-img{
    						width: 250px;
    						height: 200px;
    						margin:auto;
    					}
    					/*hazel*/
    					.featured-blog-summary{
		/*padding-left: 20%;
		padding-right: 20%;
		text-align: center;*/
		text-align: justify; 
	}
	.minustop-copy{
		text-align: center;
	}
	
	/*hazel*/

}

@media screen and (max-width: 779px) {
	.slidedescoverlay {
		width: 165%;
	}

	.mtitle {
		font-size: 37px;
	}
	.mtitle2{
		font-size: 37px;
	}
}

@media screen and (max-width: 772px) {
	.mclub2{
		font-size: 50px;
	}
}


@media screen and (max-width: 767px) {
	#article-container h3{
		font-size: 20px;
	}
	.boxdate{
		display: none;
	}
	.boxdate2{
		display: block;
	}
	img.author-img{
		width: 150px;
		border-radius: 150px;
	}
	.centers{
		text-align: center;
	}

	#eco-content ul {
		list-style: circle;
		padding: 10px 0px 0px 30px;
	}
	/*hazel*/
	.top-featured-desc{
		padding:0vw 5vw; 
	}
	.minustop-copy{
		margin-top: 0px;
		padding-top: 35px;
	}
	.featured-desc{
		padding:3vw 5vw 0vw 6vw!important; 
	}
	.wd20{
		width:100%;
		text-align: center;
	}
	.live-eco-img{
		width: 100%;
	}
	.live-eco-content{
		width: 100%;
	}
	.mwtg-bullet {
	    padding: 0px 0px 0px 0px !important;
	}
	.iaaec-text{
		color: #000;
		float:left;
		position: absolute;
		bottom: 20px;
		left: 20px !important;;
		font-family: serif;
	}
	.whitebar-iCare{
		display: none;
	}
	.live-eco-content-text {
	    padding: 0px 20px 10px 20px !important;
	}
}

@media screen and (max-width: 765px) {
	.slidedescoverlay {
		width: 170%;
	}
}

@media screen and (max-width: 740px) {
	.wd22 {
		width: 100%;		
	}
	.rows2 ul {
		padding: 0px !important;
	}
}

@media screen and (max-width: 700px){
	.banner-content-wrapper {
		width: 90%;
	}

	.slidedescoverlay {
		width: 173%;
	}

	.mtitle{
		font-size: 30px;
	}
	.mtitle2{
		font-size: 30px;
	}
}

@media screen and (max-width: 686px) {

	img.sublink-img {
		width: 154px;
		height:154px;
	}
}

@media screen and (max-width: 679px) {

	#newslist .pad2{
		padding-left: 15px;
	}

	#newslist .col-xs-3 {
		padding-right: 0px;
	}

	#eco-content ul a{
		font-size: 12px;
	}
}

@media screen and (max-width: 686px) {

	img.sublink-img {
		width: 154px;
		height:154px;
	}
}

@media screen and (max-width: 661px) {
	.mclub2{
		font-size: 45px;
	}
}
@media screen and (max-width: 607px) {
	.mclub2{
		font-size: 30px;
	}
	.club-wrapper{
		height:70px;
	}
}
@media screen and (max-width: 550px) {
	.mclub2{
		line-height: 90%;
	}
	.club-text-big {
		font-size: 70px;
	}
}
@media screen and (max-width: 411px) {
	.mclub2{
		font-size: 30px;
	}
	.club-text-big {
		font-size: 50px;
	}
}

@media screen and (max-width: 619px) {

	.slidedescoverlay {
		width: 190%;
	}

}

@media screen and (max-width: 692px) {

	.wd20{
		width:inherit;
	}
}

@media screen and (max-width: 609px) {

	#donation-banner-title {
		font-size: 30px!important;
	}
}

@media screen and (max-width: 592px) {

	img.sublink-img {
		width: 154px;
		height:154px;
	}
}

@media screen and (max-width: 579px) {
	#circle-links .title1{
		font-size: 13px;
	}

	.slidedescoverlay {
		width: 205%;
	}
}

@media screen and (max-width:583px) {
	.videoyb {
		height: 320px;
	}

	img.sublink-img {
		width: 154px;
		height:154px;
	}

	.mtitle {
		font-size: 25px;
	}
	.mtitle2 {
		/*font-size: 25px;*/
	}
}

@media screen and (max-width:567px) {
	.videoyb {
		height: 300px;
	}

	#sub-content {
		font-size: 26px!important;
	}
	
	.top-featured-desc,.featured-desc{
		text-align: center!important; 
	}
}

@media screen and (max-width: 540px){
	#donation-banner-title {
		font-size: 28px!important;
	}

	#sub-content {
		font-size: 24px!important;
	}
	.featured-blog-img{
		width: 100%;
		height: 200px;
		margin:auto;
	}
	.featured-blog-summary{
		padding-left: 0%;
		padding-right: 0%;
		text-align: center;
	}
}

@media screen and (max-width:529px) {
	.videoyb {
		height: 280px;
	}

	.slidedescoverlay {
		width: 218%;
	}

	img.sublink-img {
		border-width:4px;
	}

	#latestlist {
		width: 100%;
	}

	#newslist .col-xs-3 {
		width: 100%;
	}

	#newslist .col-xs-3 ul{
		padding-left: 30px;
	}

	#newslist .col-xs-3 ul a {
		font-size: 15px;
	}

	img.sublink-img {
		width: 154px;
		height:154px;
	}
}

@media screen and (max-width: 516px) {

	#circle-links .col-xs-4 {
		width:100%;
	}

	img.sublink-img {
		width: 154px;
		height:154px;
	}

	.mtitle {
		font-size: 23px;
	}
	.mtitle2 {
		/*font-size: 23px;*/
	}

	#donation-banner-title {
		font-size: 26px!important;
	}

	#sub-content {
		font-size: 22px!important;
	}

}

@media screen and (max-width:486px) {
	.videoyb {
		height: 260px;
	}

	#eco-regions .col-md-3 {
		float: left;
		width: 100%;
	}

	.slidedescoverlay {
		width: 245%;
	}


	#donation-banner-title {
		font-size: 24px!important;
	}

	#sub-content {
		font-size: 20px!important;
	}
}

@media screen and (max-width:459px) {
	.videoyb {
		height: 240px;
	}

	#footer-navigation,
	#addus-navigation {
		width: 50%;
	}

	#contactus-footer {
		width:100%;
	}

	.slidedescoverlay {
		width: 265%;
	}

	.mtitle {
		font-size: 20px;
	}

	.mtitle2 {
		/*font-size: 20px;*/
	}

	#donation-banner-title {
		font-size: 22px!important;
	}

	#sub-content {
		font-size: 18px!important;
	}
}

@media screen and (max-width: 431px){
	#donation-banner-title {
		font-size: 20px!important;
	}

	#sub-content {
		font-size: 16px!important;
	}
}

@media screen and (max-width:420px) {
	.videoyb {
		height: 220px;
	}

	#circle-links .title1{
		font-size: 12px;
	}

	.slidedescoverlay {
		width: 310%;
	}

	img.sublink-img {
		border-width:3px;
	}

	.carousel, .carousel-inner, .item {
		height: 400px!important;
	}
}

@media screen and (max-width: 403px){
	#donation-banner-title {
		line-height: 26px!important;
	}
}

@media screen and (max-width:400px) {
	.slidedescoverlay {
		width: 340%;
	}
	.cntnttitle-copy{
		font-size: 60px;
	}
	.featured-desc{
		padding: 0px 20px!important;
	}
}

@media screen and (max-width:387px) {
	.videoyb {
		height: 200px;
	}

	#eco-content ul {
		list-style: circle;
		padding: 10px 0px 0px 25px;
	}

	.slidedescoverlay {
		width: 375%;
	}

	.mtitle {
		font-size: 18px;
	}

	.mtitle2 {
		/*font-size: 18px;*/
	}
	.iaaec-text {
		font-size: 25px !important;
	}
}

@media screen and (max-width:373px) {
	.slidedescoverlay {
		width: 405%;
	}
}

@media screen and (max-width:365px) {
	div span u strong a {
		font-size: 90%;
	}

	.mtitle {
		font-size: 16px;
	}

	.mtitle2 {
		/*font-size: 16px;*/
	}
}

@media screen and (max-width:357px) {
	.mbody {
		padding-bottom: 10px!important;
	}

	.learnheroes {
		margin-top: 20px!important;
	}
}

@media screen and (max-width:353px) {
	.videoyb {
		height: 180px;
	}

	.slidedescoverlay {
		width: 460%;
		max-height: 320px;
	}
}

@media screen and (max-width:340px) {

	#circle-links .title1{
		font-size: 11px;
	}

	.slidedescoverlay {
		width: 550%;
	}
}

@media screen and (max-width: 334px){

	div span u strong a {
		font-size: 85%;
	}
}

@media screen and (max-width:330px) {

	#circle-links .title1{
		font-size: 11px;
	}

	.slidedescoverlay {
		width: 625%;
	}

	img.sublink-img {
		border-width:2px;
	}

	.slidedescoverlay {
		width: 250px;
	}
}


@media screen and (max-width:320px) {
	.videoyb {
		height: 160px;
	}

	.slidedescoverlay {
		width: 230px;
	}

	.mtitle {
		font-size: 18px;
	}

	.mtitle2 {
		/*font-size: 18px;*/
	}

	.carousel, .carousel-inner {
		height:
	}

	.slidedescoverlay {
		width: 230px;
	}
	.iaaec-text {
		font-size: 18px !important;
	}
}

@media screen and (max-width: 312px) {
	.mbody {
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 310px){

	.slidedescoverlay {
		width: 210px;
	}

	.mtitle {
		font-size: 14px;
	}

	.mtitle2 {
		/*font-size: 14px;*/
	}

	.learnheroes {
		margin-bottom: 10px!important;
	}
}

@media screen and (max-width: 288px){

	.slidedescoverlay {
		width: 210px;
	}

	.learnheroes {
		margin-top: 9px!important;
	}
}

@media screen and (max-width: 279px){

	.slidedescoverlay {
		width: 210px;
	}

	.carousel-caption {
		top:8%!important;
	}

	.carousel, .carousel-inner, .item {
		height: 360px!important;
	}
}

@media screen and (max-width: 269px){

	.slidedescoverlay {
		width: 190px;
	}

	.mbody {
		font-size: 9.5px!important;
		margin-bottom: 20px!important
	}

	.orangebarko a {
		/*font-size: 13px!important;*/
	}
}

@media screen and (max-width: 253px){

	.orangebarko a {
		/*font-size: 11px!important;*/
	}

}


.ac-container{
	width: 100%;
	margin: 10px auto 30px auto;
}
.ac-container label{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	padding: 5px 20px;
	position: relative;
	z-index: 20;
	display: block;
	cursor: pointer;
	color: black;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 33px;
	font-size: 19px;
	background: #D3D3D3;
	font-weight: bold;
	box-shadow: 
	0px 0px 0px 1px rgba(155,155,155,0.3), 
	1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
	0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
	background: #D3D3D3;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	/*background: #c6e1ec;
	color: #3d7489;*/
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
	0px 0px 0px 1px rgba(155,155,155,0.3), 
	0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(/images/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(/images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	transition: 
	box-shadow 0.6s linear;
}
.ac-container input:checked ~ article{
	transition: 
	height 0.3s ease-in-out, 
	box-shadow 0.6s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}

.ac-container article p{
	font-style: italic;
	color: #777;
	line-height: 23px;
	font-size: 14px;
	padding: 20px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}

.ac-container input:checked ~ article.ac-small{
	height: 100%;
	padding:20px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 100%;
	padding:20px;
}
.ac-container input:checked ~ article.ac-large{
	height: 100%;
	padding:20px;
}

/* FOR ECO ATW CSS - RYAN JERIC //////////////////////////////////////////////////////////////////////////////////////////*/
.bgatw{
	width: 100%;height: 100px;background-size: cover; background-position:center center; position: relative;
}
.orgtitle{
	color: white;
	/*font-size: 70px;*/
	font-size: 45px;
	font-weight: bold;
}
.atwbanner{
	width: 100%;
	/*width: 618px;*/
	/*height: 550px; */
	height: 350px; 
	background-position:center center;
	position: relative;
	padding-top:50px;
	text-align:center;
}
.atwbanner-decs{
	/*height: 550px;*/
	height: 350px; 
	/*width: 362px;*/
	width: 30%;
}
.atwimage{
	width: 70%;
	float:left;
}
.atwdesccontainer{
	position: absolute;
	margin: auto;
	right: 50%;
	left: 50%;
	bottom: 35%;
	text-align: center;transform: translate(-50%, -50%)
}
.atwbannerdesc{
	color: white;
	/*text-shadow: 2px 2px black;*/
	/*font-size: 23px;*/
	font-size: 14px;
	/*font-weight: bolder;*/
}
.atwbannercontainer{
	padding: 25px 10px 25px 10px;
}
.atwflag{
	width: auto;
	height: 120px;
	position: absolute;
	left: 12%;
	bottom: -18px;
	/*drop-shadow(0px 2px 1px #ccc)*/
	/*-webkit-filter: drop-shadow(2px 2px 0 #DCDCDC)
	drop-shadow(-2px -2px 0 #DCDCDC);
	filter: drop-shadow(2px 2px 0 #DCDCDC) 
	drop-shadow(-2px -2px 0 #DCDCDC);*/
	-webkit-filter: drop-shadow(0px 2px 1px #ccc);
	filter: drop-shadow(0px 2px 1px #ccc);
}
.atwit{
	position: absolute;
	bottom: 9px;
	font-size: 40px;
	color: white;
	left: -5%;
	font-weight: bolder;
	width:380px;
}
.atwcontent{
	padding-top:9px;
	text-align: center;
}
.atwtit{
	font-size: 25px;
}
.tabrad{
	width: 100%;
	text-align: center;
	border-radius: 20px 20px 0px 0px !important;
	border-width: 7px 7px 0px 7px !important;
}
.padatw{
	padding: 0px 20px 0px 20px;
}
.tabmargn{
	margin-top: 25px;
}
.marginbot{
	margin-bottom: 50px
}
.atwtitalign{
	text-align: left
}
.litab{
	width: 33.33%;
}
[bold]{
	font-weight: bold;
}
/* //////////////////////////////////////////////////////////////////////////// */

.atwstatbox{
	background: #FF9D0F;
	margin-top: 35px;
}
.atwstats {
	width: 100px;
	height: 74px;
	padding: 0px 20px;
	padding-bottom: 12px;
	float: left;
	margin-left: 5%;
}

.atwstattitle {
	margin: 12px 39px;
	text-align: left;
	color: white;
	font-size: 1vw;
	font-weight: bold;
}

.atwboxtextalign{
	text-align: left
}
.countfontsz{
	font-size:25px;
}
.countdescsz{
	font-size:15px;
}
.atwbannercontainer2{
	display: none;
}
@media (max-width: 1070px) {
	.countdescsz {
		font-size: 13px;
	}
}
@media (max-width: 1000px) {
	.atwit {
		left:3%;
		font-size:30px;
		width: 250px;
	}
	.atwbannerdesc{
		font-size: 12px
	}
	.btn-font-size{
		font-size: 11px !important;
	}
}

@media (max-width: 900px) {
	.atwbannercontainer{
		padding: 25px 5px 25px 5px;
	}
}

@media (max-width: 856px) {
	.atwbtn{
		padding: 7px 37px!important;
	}
}

@media (max-width: 767px) {
	.atwit{
		color:#777;
		position:relative;
		left: 0%;
		padding-left: 0%; 
	}
	.atwflag {
		position: relative;
		margin:0 auto;
		left:0%;
		/*width: 150px;
		height: auto;
		position: absolute;
		left: 50%;
		right: 50%;
		bottom: -111px;*/
		border: solid #DCDCDC 2px;
		
	}
	.atwbanner-decs
	{
		height:inherit!important;
	}
	.featuredstyle
	{
		height:inherit!important;
	}
	/*.atwbannerdesc {
		color: white;
		font-size: 3vw !important;
		}*/
		.atwimage,.atwbanner-decs,.featuredstyle{
			width:100% !important;
		}
		.atwtitalign{
			padding: 75px 0px 20px 0px;
			text-align: center;
		}
		.atwstattitle{
			text-align: left !important;
		}
		.bgatw {
			width: 100%;
			height: auto;
		}
	/*.orgtitle{
		font-size: 3vw !important;
		}*/
		.litab{
			width: 100%;
		}
		.atwdesccontainer{
			position: relative !important;
			margin: auto;
			right: 50%;
			left: 50%;
			margin: -72px 0px 21px 0px;
			text-align: center;
			transform: translate(-50%, -50%)
		}
		.btn-font-size{
			font-size: 13px !important;
		}

	}

	@media (max-width: 967px){
		.full_w{
			width:100%;
		}
		.atwstattitle{
			font-size:20px;
			text-align: left !important;
		}
	}

	@media (max-width: 920px){
		.atwdesccontainer {
			bottom: 27% !important;
		}
	}
	@media (max-width: 788px){
		.atwdesccontainer {
			bottom: 23% !important;
		}
	}

	@media (max-width: 607px){
		.orgtitle{
			font-size: 35px;
		}
	}
	@media (max-width: 640px){
		.atwbanner{
			background-size: 100%!important;
			height:300px;
		}
	}
	@media (max-width: 550px){
		.atwbanner{
			height:250px;
		}
	}
	@media (max-width: 460px){
		.atwbanner{
			height:200px;
		}
	}
	@media (max-width: 370px){
		.atwbanner{
			height:150px;
		}
	}
	@media (max-width: 275px){
		.atwbanner{
			height:120px;
		}
	}
	@media (max-width: 479px){
		.orgtitle{
			font-size: 25px;
		}
	}

	@media (max-width: 550px){
	/*.atwflag {
		width: 170px;
		bottom: -80px;
		}*/
	/*.atwtitalign {
		padding: 50px 0px 20px 0px;
		}*/
		.atwtit {
			font-size: 17px;
			margin-left: 0px !important;
		}
	}
	@media (max-width: 380px){
	/*.atwflag {
		width: 140px;
		bottom: -57px;
		}*/
		.atwtitalign {
			padding: 20px 0px 20px 0px;
		}
		.atwbannerdesc{
			font-size: 12px
		}

	/*.atwbannercontainer{
		display: none !important;
		}*/
		.atwbannercontainer2{
			display: block;
			font-size: 12px;
			margin-bottom: 20px;
		}
	}
	@media (max-width: 354px){
		.atwlistz{
			text-align: center;
			float: none;
		}
		.atwlistlogo{
			float: none !important;
			margin: 10px auto !important;
		}
	}
	@media (max-width: 320px){
		.atwbanner {
			line-height: 15px;
		}
	/*.atwflag {
		width: 130px;
		bottom: -45px;
		}*/
	}
	@media (max-width: 305px){
		.smsize{
			font-size: 11px !important;
		}
		.atwtit {
			font-size: 15px;
		}
		.litab{
			font-size: 12px;
		}
		.atwbanner{
			padding-top: 15px !important;
		}
	}
	/*//ORG//*/
	.moduletitle{
		font-size: 27px;
		color: black;
		font-weight: bold;
	}
	.activesubmodule{
		font-weight: bold;
	}
	.help-block,.p{font-size: 14px;}
	.stat{
		padding: 20px;
		border: 1px solid #ccc;
		border-radius: 7px;
	}

	.editeventmainrow{
		margin-top: 20px;
	}

	/*//OUR MISSION/*/
	.ourmission_row1{
		background: url('/images/paperboat.jpg');
		background-size: cover;
		padding: 45px 0px 45px 90px;
		background-position: 0px -190px;
		color: black;
	}
	.ourmission_row2{
		color:white;
		background: #FF9900;
		padding: 0px 0px 0px 287px;
		font-size: 18px;
	}
	.ourmission_row3{
		background: #87C260;
	}
	.ourmission_row4{
		background: #65AAD9;
	}
	.ourmission_ourname{
		color:white;
		margin-top: 90px;
		font-size: 18px;
	}
	.ecologo_circle{
		background-image: url('/images/ecologo.png');
		background-size: cover;
		background-repeat: no-repeat;
		background-size: 300px 300px;
		height: 300px;
		width: 300px;
		border-radius: 100%;
		margin: 10px 0px 10px 0px;
	}
	.ilchilee{
		position: relative;
 		display: inline-block;
		background-image:url('/images/ilchilee.jpg');
		background-size: cover;
		height: 650px;
	}
	.ilchilee:before {
		content: "";
		top: 0;
		left: 0;
		position: absolute;
		height: 100%;
		width: 100%;
		background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 49%, rgb(135, 194, 96) 100%),-webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 49%, rgb(135, 194, 96) 100%);
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 49%, rgb(135, 194, 96) 100%),linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 49%, rgb(135, 194, 96) 100%);
	}
	.ourmission_bg{
		height: 650px;
		padding: 75px 280px 59px 64px;
		color: white;
		font-size: 18px;
	}
	.ourfuture_bg{
		color:white;
		height:401px;
		padding: 39px 90px 18px 297px;
		font-size: 18px;
	}
	.planting_bg{
		position: relative;
  		display: inline-block;
		background-image: url('/images/planting.jpg');
		background-size: cover;
		background-position: center right;
		background-repeat: no-repeat;
		height: 401px;
	}
	.planting_bg:before {
		content: "";
		top: 0;
		left: 0;
		position: absolute;
		height: 100%;
		width: 100%;
		background: -webkit-linear-gradient(left, rgb(101, 170, 217) 0%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 0) 100%);
		background: linear-gradient(to right, rgb(101, 170, 217) 0%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 0) 100%);
	}
	.pull_right_to_mid{
		float: right;
		width: 49%;
		margin: 35px 265px 0px;
		font-size: 18px;
		color: black;
	}
	@media screen and (max-width: :1920px){
		.pull_right_to_mid{
			font-size: 25px;
			width: 70%;
		}
		.ourmission_ourname{
			font-size: 25px;
		}
		.ourmission_bg{
			font-size: 25px;
		}
		.ourfuture_bg{
			font-size: 25px;
		}
	}
	@media screen and (max-width: 1300px){
		.ourfuture_bg{
			padding: 39px 21px 18px 150px;
		}
	}
	@media screen and (max-width: 1230px){
		.ourmission_row2{
			padding: 0px 0px 0px 150px;
		}
		.ourmission_bg{
			padding: 55px 190px 59px 64px;
		}
		.ourfuture_bg{
			padding: 39px 21px 18px 150px;
		}
	}
	@media screen and (max-width: 1070px){
		.pull_right_to_mid{
			font-size: 14 px;
			width: 70%;
		}
		.ourmission_ourname{
			font-size: 14px;
		}
		.ourmission_bg{
			font-size: 14px;
		}
		.ourfuture_bg{
			font-size: 14px;
		}
	}
	@media screen and (max-width: 1024px){
		.pull_right_to_mid{
			margin: 70px 210px;
			font-size: 14px;
		}
		.ourmission_row2{
			padding: 0px 0px 0px 169px;
		}
		.ourmission_ourname{
			margin-top: 50px;
			font-size: 14px;
		}
		.ourmission_row1 {
			background-position: 0px;
		}
		.ourmission_bg{
			padding: 55px 120px 59px 64px;
			font-size: 14px;
			height:550px;
		}
		.ourfuture_bg{
			height: 400px;
			padding: 60px 80px 20px 200px;
			font-size: 14px;
		}
		.planting_bg{
			height: 400px;
		}
		.ilchilee{
			height:550px;
		}
		.subjectimg{
			width: 150px !important;
			height: 150px !important;
		}
		.subjectlistlogo{
			border-radius: 20px 20px 20px 20px !important;
		}
		.blogs-hr {
		    margin-right: -15px !important;
		}
		.be-kind-img img{
			height: 100% !important;
		}
		.dont-waste-img img{
			height: 100% !important;
		}
		.exercise-in-out-img img{
			height: 100% !important;
		}
	}

	@media screen and (max-width:991px) {
		.ourfuture_bg,.ourmission_bg{
			padding: 24px 50px;
		}
		.ecologo_circle{
			background-size: 250px 250px;
			height: 230px;
			width: 230px;
		}
		.ourmission_row2{
			padding: 20px 0px 0px 0px;
		}
		.col-centered{
			float: none;
			margin: 0 auto 26px;
		}
		.ourmission_ourname {
			color: white;
			margin-top: 20px;
			width: 70%;
		}
		.ourmission_bg{
			background: #87C260;
		}
		.ourfuture_bg{
			background: #65AAD9;
		}
	}

	@media screen and (max-width: 900px){
		.ilchilee{
			background-position: -50px;
		}
	}
	@media screen and (max-width: 767px){
		.ilchilee{
			height:750px;
			background-position: 0px;
			display:block;
		}
		.planting_bg{
			display:block;
		}
		.ilchilee:before,
		.planting_bg:before{
			width:0px;
			height:0px;
		}
		.pull_right_to_mid{
			float: none;
			margin: 0 auto 26px;
			width:90%;
		}
		.ourmission_ourname{
			width: 90%;
		}
		.ourmission_row1 {
			padding: 45px 0px 0px 0px;
			background-position: 0px;
		}
		.ourmission_bg{
			height: 100%;
		}
		.ourfuture_bg{
			height: 100%;
		}
		.pagetitle-txt {
		    font-size: 27px !important;
		}
		.joinearthc-text{
			padding-left: 20px !important;
		}
	}
	@media screen and (max-width: 540px){
		.planting_bg{
			height: 350px;
		}
	}
	@media screen and (max-width: 450px){
		.pull_right_to_mid,
		.ourmission_ourname,
		.ourfuture_bg,
		.ourmission_bg{
			font-size:12px;
		}
		.pull_right_to_mid{
			margin-top: 23px;
		}
		.ourmission_row1{
			padding: 0px 0px 0px 0px;
		}
		.ilchilee{
			height: 430px;
		}
		.ourmission_bg{
			height: 100%;
		}
		.ourfuture_bg{
			height: 100%;
		}
		.ourmission_row1{
			background: url('/images/paperboat.jpg') no-repeat center center fixed;
		}
		.planting_bg{
			height: 300px;
		}
		.ecologo_circle {
			background-size: 200px 200px;
			height: 200px;
			width: 200px;
		}
	}
	@media screen and (max-width: 400px){
		.planting_bg{
			height: 250px;
		}
		.pagetitle-txt {
		    font-size: 24px !important;
		}
		.bctext{
			font-size: 10px !important;
		}
	}
	@media screen and (max-width: 300px){
		.planting_bg{
			height: 200px;
		}
	}
	@media screen and (max-width: 240px){
		.pagetitle-txt {
		    font-size: 18px !important;
		}
		.bctext {
		    font-size: 9px !important;
		}
	}

/*MESSENGER CSS*/

	.senderA{
		padding-left:10px;
		text-align: right;
	}
	.senderB{
		padding-left:10px;
	}
	.messname{
		font-size:14px; font-weight:bold	
	}
	.senderA .messname{
		color:green;		
	}
	.senderB .messname{
		color:#337ab7;
	}
/* ELEARNING */
	.courselogo{
		background-size: contain;background-repeat:no-repeat;background-position: center;width:100%;height:200px;margin:auto;
	}
	.subjectlistlogo{
		border-radius: 125px 20px 20px 125px;
		box-shadow: 0 6px 10px rgba(0,0,0,0.3);
		margin-bottom: 1.25em;
		transition: 1s;
	}
	.subjectimg{
		background-size:cover;
		height:200px;
		width:200px;
		background-repeat: no-repeat;
		border: 5px solid #FF9641;
		margin:auto;
		background-position: center;
		border-radius: 100%;
	}
	.subjectlistlogo:hover{
		box-shadow: 0 16px 10px rgba(0,0,0,0.3);
		transition: 1s;
	}
	.modulerow{
		box-shadow: 2px 2px 12px rgba(0,0,0,0.3);
		transition: 1s;
		padding: 18px;
		border-radius: 20px;
		margin-top: 30px;
	}
	.modulelink,.modulelink:hover,.modulelink:active,.modulelink:focus{
		color:gray;
		text-decoration: none;
	}

	.noresizetxtarea{
		resize: none;
		word-wrap: break-word;
		transition: 0.05s;
		-moz-transition: 0.05s;
		-webkit-transition: 0.05s;
		-o-transition: 0.05s;
		overflow:hidden;
	}
	.textquizanswers{
		font-size: 13px;
		border: none;
		border-bottom:1px dotted rgba(0,0,0,0.38);
		cursor: default !important;
		background-color: #fff !important;
	}
	/* MATERIALDESIGN */
	.noborder{ 
		border: transparent !important; 
		border-bottom: 1px solid rgb(195, 195, 195) !important;
	}
	.bar{ 
		position:relative;
		display:block; width:100%; 
	}
	.bar:before, .bar:after   {
		content:'';
		height:2px; 
		width:0;
		bottom:1px; 
		position:absolute;
		background:#5264AE; 
		transition:0.2s ease all; 
	}
	.bar:before {
		left:50%;
	}
	.bar:after {
		right:50%; 
	}
	/* active state */
	.noresizetxtarea:focus ~ .bar:before, .noresizetxtarea:focus ~ .bar:after {
		width:50%;
	}

	/*PREVIEW*/
	.quiztitlepreview span{
		font-size: 30px !important;
		margin-left:20px !important;
	}
	.quiztitlepreview{
		background-color: #23b7e5 !important;
		color: whitesmoke !important;
		padding: 0px 20px 0px 2px !important;
		max-width: 80% !important;
		width: fit-content !important;
		height: fit-content !important;
		word-wrap: break-word !important;
		margin-left: -31px !important;
		float:left !important;
	}
	/*Up-left pointing*/
	.triangle-up-left {
		width: 0;
		height: 0;
		padding-bottom: 8%;
		padding-left: 10%;
		overflow: hidden;
	}
	.triangle-up-left:after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		margin-left: -522px;
		border-bottom: 552px solid transparent;
		border-left: 506px solid #23b7e5;
	}
	.descriptionformat { 
		font-size: 16px;
	}

/* ILCHI LEE PAGE*/
.ilchileepage{
	height: 100%;
	padding: 75px 180px 59px 64px;
	color: white;
	font-size: 16px;
}
.feenotresponsive {
    display: initial;
}
.feeresponsive {
    display: none;
}
@media screen and (max-width: :1920px){
	.ilchileepage{
		font-size: 25px;
	}
}
@media screen and (max-width: 1230px){
	.ilchileepage{
		padding:55px 140px 59px 64px;
	}
}
@media screen and (max-width: 1024px){
	.ilchileepage{
		padding:55px 75px 59px 64px;
		font-size: 14px;
		height:100%;
	}
}
@media screen and (max-width: 800px){
	.ilchileepage{
		font-size:13px;
	}
}
@media screen and (max-width:991px) {
	.ilchileepage{
		padding: 24px 50px;
		background: #87C260;
	}
	.feenotresponsive {
	    display: none;
	}
	.feeresponsive {
	    display: initial;
	}
}
@media screen and (max-width: 767px){
	.ilchileepage{
		height: 100%;
	}
}
@media screen and (max-width: 450px){
	.ilchileepage{
		font-size:12px;
		height: 100%;
	}
}
@media screen and (max-width: 768px){
	.styc-txt{
	  padding-left: 0px !important;
	  float: none !important;
	  width: 100% !important;
	}
	.wsyc-txt{
	  padding-right: 0px !important;
	  float: none !important;
	  width: 100% !important;
	}
	.listlist-txt {
	    font-size: 14px;
	}
	.wie-par-text {
	    font-size: 13px;
	}
}
.wsyc-txt {
    width: 610px;
    padding-right: 30px;
    float: right;
}
.styc-txt {
    width: 610px;
    padding-left: 30px;
    float: left;
}
.homepgnews-txt{
	margin-left: 15%;
}
@media (max-width: 767px){
	.yacc-txt{
		text-align: center;
	}
	.imgacc-align{
		margin: auto !important;
	}
	.homepgnews-txt{
		margin-left: 0 !important;
	}
	.hmpgevideo{
		text-align: center;
	}
	.what-is-eco {
    	margin-left: -15px;
    	margin-right: -15px;
	}
	.live-eco-text {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.blog-responsive {
	    margin-left: -30px;
	    margin-right: -30px;
	}
	.youtube-play{
		width: 100% !important;
		/*height: 250px !important;*/
	}
	.news-view-thumbnail{
		background-size: cover !important;
		width: 100% !important;
		height: 250px !important;
	}

}
@media screen and (max-width: 1067px){
	.baecbtn-txt {
	    font-size: 16px !important;
	}
}
@media screen and (max-width: 290px){
	.baecbtn-txt {
	    font-size: 11px !important;
	}
}
.bg-cover-size{
	background-size: cover;
}
@media screen and (max-width: 1024px){
	.bg-cover-size {
	    width: auto !important;
	    height: auto !important;
	    padding-bottom: 20px;
	}
}

/*menu restucture*/
/*@media screen and (max-width: 1160px){
	.ecositenav {
	    margin-right: 90px !important;
	}
}
@media screen and (max-width: 1093px){
	.ecositenav {
	    margin-right: 55px !important;
	}
}
@media screen and (max-width: 972px){
	.drop-menu-header{
		width: 14% !important;
	}
	.menu-p{
		font-size: 12px !important;
	}
}
@media screen and (max-width: 844px){
	.menu-p{
		font-size: 11px !important;
	}
}
@media screen and (max-width: 774px){
	.menu-p{
		font-size: 10px !important;
	}
}*/

.ourmission_ourname1 {
    padding: 10px 50px 10px 50px;
}
.be-kind-bg {
    background: rgb(217,237,255);
}
.dont-waste-bg {
    background: rgb(236,255,229);
}
.exercise-in-out-bg{
	background: rgb(255,231,207);
}
.interior-headerBanner3 {
	width: 100%;
	padding-bottom: 20px;
	background-color: orange;
}
span.bigcheck-target {
	font-family: FontAwesome;
	font-size: 22px;
	color: #1199c4 !important; 
}
input[type='checkbox'].bigcheck {     
	position: relative;
	left: -999em;
}
input[type='checkbox'].bigcheck + span.bigcheck-target:after {
	content: "\f096";
}
input[type='checkbox'].bigcheck:checked + span.bigcheck-target:after {
	content: "\f046";
}
input[type='radio'].bigcheck {     
	position: relative;
	left: -999em;
}
input[type='radio'].bigcheck + span.bigcheck-target:after {
	content: "\f10c";
}
input[type='radio'].bigcheck:checked + span.bigcheck-target:after {
	content: "\f111";
}
span.bigcheck { 
	display: block;
	padding: 0.5em;
}
.printVideoThumb {
  width: 100%; 
  height: auto;
}
.tableActivity {
	font-weight: normal; 
	text-align: justify;"
}
.moduleList {
	text-align: justify;
	height: 80px;
	width: 80px;
	font-size: 50px;
	border: 5px solid gray;
	border-radius: 100%;
	margin: auto;
}

.hyphenate {
  /* Careful, this breaks the word wherever it is without a hyphen */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  word-break: break-word;

  /* Adds a hyphen where the word breaks */
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

/* E-Newsletter */

#mc_embed_signup {
	background:#fff; 
	clear:left; 
	border: 1px solid #ABA3A3; 
	padding:15px; 
	font-size: 16px}
.enews {
	font-size:24px;
	color: #777;
	font-weight: bolder;
}
.maindivpad {
	padding-bottom: 20px;
}
.clubmaindivpad {
	padding-bottom: 20px;
}
.enewscontext {
	padding: 50px 0px 50px 0px; 
	font-weight: lighter; 
	font-size: 16px;
	color: #777;
}
.enewsarchive {
	font-size:24px !important;
	color: #777;
	font-weight: bolder;
}
.enewsarchivelist {
	background:#fff; 
	clear:left; 
	border: 1px solid #e5e7ea; 
	padding: 15px;
}
.enewsbanner { 
  float: left;
  width: 25%;
  height: 175px;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  margin: 0px 10px 0px 0px;
  border: 0px solid #ddd;
}
.enewstitle {
	font-weight: bolder;
	font-size: 20px;
	text-transform: capitalize;
}
.enewsfulldate {
	font-weight: lighter;
	font-size: 11px;
	text-transform: capitalize;
	display: none;
}
.displayme {
	display: none;
}
.enewsdescription {
	font-size: 14px;
	font-weight: lighter;
}
.enewsdate {
	position: absolute;
	right: 10px;
	top: 10px;
	background:#919499;
	text-align: center;
	padding: 5px 20px 5px 20px;
	color: #fff;
}
.midwidth {
	width: 90%;
}
.mwtg-bullet {
    padding: 0px 50px 0px 50px;
}
.diswid {
	width: 80%;
	align-self: center;
}
@media screen and (max-width: 1030px){
	.enews {
		font-size: 22px;
	}
}
@media screen and (max-width: 1020px){
	.enews {
		font-size: 20px;
	}
}
@media screen and (max-width: 1000px){
	.enewsbanner {
		height: 140px;
	}
	.midwidth {
		width: 85%;
	}
}
@media screen and (max-width: 991px){
	.enewsarchivelist {
		border: 0px;
		padding: 0px;
	}
	.maindivpad {
		border: 1px solid #e5e7ea;
		padding: 12px;
	}
	.clubmaindivpad {
		padding: 12px;
	}
}
@media screen and (max-width: 818px){
	.midwidth {
		width: 80%;
	}
	.gp p {
		padding: 1px 10px 10px 0px !important;
	}
}
@media screen and (max-width: 700px){
	.enewsbanner {
		height: 120px;
	}
}
@media screen and (max-width: 645px){
	.enews {
		font-size: 24px;
	}
	.disleft {
		display: none;
	}
	.disright {
		display: none;
	}
	.diswid {
		width: 100%;
	}
}
@media screen and (max-width: 580px){
	.enews {
		font-size: 20px;
	}
}
@media screen and (max-width: 510px){
	.enews {
		font-size: 18px;
	}
	.frmtxt {
		font-size: 12px;
	}
}
@media screen and (max-width: 500px){
	.enewsbanner {
		width: 100%;
		height: 140px;
	}
	.enewstitle {
		font-size: 14px;
	}
	.enewsdescription {
		font-size: 12px;
	}
	.enewsarchivelist {
		border: 1px solid #e5e7ea;
		padding: 15px;
	}
	.maindivpad {
		border: 0px;
		padding: 0px;
	}
	.clubmaindivpad {
		padding: 0px;
	}
	.midwidth {
		width: 100%;
	}
	.enewsdate {
		display: none;
	}
	.displayme {
		display: block;
	}
	.enewsfulldate {
		display: block;
	}
}
@media screen and (max-width: 480px){
	.enews {
		font-size: 16px;
	}
}
@media screen and (max-width: 410px){
	.enews {
		font-size: 14px;
	}
}
@media screen and (max-width: 360px){
	.enews {
		font-size: 12px;
	}
}
@media screen and (max-width: 330px){
	.enews {
		font-size: 11px;
		padding-left: -10px;
		margin: 0px 0px;
	}
}
.iaaec-text{
	color: #000;
	font-size: 30px;
	float:left;
	position: absolute;
	bottom: 20px;
	left: 50px;
	font-family: serif;
}
.ilchi-content-text{
	padding:10px 50px 10px 50px;
}
.bctext{
	font-size: 12px;
}
.joinearthc-text{
	padding-left: 50px;
}
.live-eco-content-text{
	padding: 0px 50px 10px 50px;
}

.titlesizer {
    font-size: 22px;
    font-weight: bolder;
}
.fontsizer {
    font-size: 16px;
}

.showall{
	display: block;
	width: 100%;
	text-transform: uppercase;
	font-size: 14px;
	color: #777;
	border-top: 1px solid #e2e2e2;
	box-shadow: none;
	text-align: center;
}
.spinner {
	margin: 20px auto 0;
	text-align: center;
}
.spinner > div {
	width: 18px;
	height: 18px;
	background-color: #23527c;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0.0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
	0%, 80%, 100% { 
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
		} 40% { 
			transform: scale(1.0);
			-webkit-transform: scale(1.0);
		}
}
.events-img{
	width: 100%;
	height: 135px;
	background-size: cover;
	background-position: center center;
	position: relative;
	text-align: center;
}
.event-thumb-container {
    border: 1px solid #cfdadd;
    padding: 10px 10px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.cyep-btn{
	padding: 5px 20px; color: #fff !important;
	border: 1px solid #fff !important;
	text-decoration: none !important;
	font-size: 20px;
}
.datebox1 {
    color: #fff;
    background-color: darkgray;
    width: 25%;
    height: 65px;
    float: left;
    padding: 0px 5px 0px 5px;
    text-align: center;
    margin-top: 2px;
}
.datebox2 {
    color: #fff;
    background-color: #777;
    width: 75%;
    height: 65px;
    float: left;
    padding: 3px 10px 3px 10px;
    text-align: center;
    margin-top: 2px;
}
.events-blog-img {
    height: 75px;
    width: 120px;
    background-size: cover;
}
.myWrapper {
  position: relative;
  padding-bottom: 56%;
  padding-top: 20px;
  height: 0;
}
.myWrapper div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.featuredstyle {
	float:left; 
	width: 30%;
	height: auto;
	padding: 10px;
}

.mybanner{
	background-color:rgba(114, 187, 76, 0.7);
}
.partnerstext{
	color:#337ab7;
	margin-bottom: 10px;
}
.vresizeonly {
    resize: vertical;
    height: 150px !important;
}
.wrapperpad {
	padding: 0px 50px 0px 50px;
}
@media screen and (max-width: 700px){
	.wrapperpad {
		padding: 10px;
	}
}
.yellow-button-slim2  {
	text-align: center;
	z-index: 9999 !important;
}

.yellow-button-slim2 a:hover{
	color:#fff;
	background:#FF9D0F;
	z-index: 9999 !important;
}
.yellow-button-slim2  a{
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	font-weight:bold;
	background-color:rgba(255, 157, 15, 0.7);
	color: #fff;
	text-align: center;
	text-decoration:none;
	padding:12px 20px;
	border:2px solid #fff;
	border-radius:40px;
}
.bodytxt {
	font-size: 16px !important; 
	color: #fff; 
	padding: 10px 50px 10px 50px; 
	text-align: justify;
}
.thisvideo {
	width:100%;
	height:144px;
	background-size: cover;
}
.ecolabvideo {
	width:80%;
	height:144px;
	background-size: cover;
}
.nanclass {
	height: 240px; 
	padding-bottom: 5px;	
}
@media screen and (max-width: 1030px){
	.yellow-button-slim2  a{
		font-size: 12px;
		padding:12px 10px;
	}
}
@media screen and (max-width: 925px){
	.yellow-button-slim2  a{
		padding: 12px 5px;
	}
}
@media screen and (max-width: 875px){
	.wrapper-proj2, .bodytxt, .wrapper-md, .eco-container222 {
		width: 100%;
		padding: 0px 5px 0px 5px !important;
	}
}
@media screen and (max-width: 767px){
	.nanclass {
		height: auto;
		padding-bottom: 20px;
	}
	.thisvideo {
		height: 360px;
	}
}
@media screen and (max-width: 500px){
	.thisvideo {
		height: 300px;
	}
}
@media screen and (max-width: 400px){
	.thisvideo {
		height: 200px;
	}
}
@media screen and (max-width: 320px){
	.thisvideo {
		height: 170px;
	}
}
@media screen and (max-width: 300px){
	.thisvideo {
		height: 150px;
	}
}
@media screen and (max-width: 240px){
	.thisvideo {
		height: 120px;
	}
}
.ownlabbtn {
	background: #FF9D0F !important;
	color: #fff;
	margin-top: -25px;
}
.display560ecolab {
	display: none;
}
.display650ecolab {
	display: none;
}
@media screen and (max-width: 560px){
	.display560ecolab {
		display: inline-block;
	}
	.ownlabbtn {
		margin-top: 10px;
	}
}
.labcalenbtn {
	float:right; 
	padding-right:29px
}
.out920wid {
	float: left;
}
.mobileviewecolab {
	display: none;
}
.showbreak {
	display: none;
}
@media screen and (max-width: 1030px){
	.labcalenbtn {
		padding-top: 50px;
		padding-right: 0px;
	}
	.labcalenbtn2 {
		padding-right: 0px;
	}
	.divbody {
		padding: 0px;
	}
}
@media screen and (max-width: 885px){
	.display650ecolab {
		display: inline-block;
	}
	.labcalenbtn {
		padding-top: 10px;
		padding-right: 0px !important;
	}
	.srchInput {
		width: 100%;
	}
	.srchInputmile {
		width: 100%;
	}
	.srchbox {
		height: 0px;
	}
	.desktopviewecolab {
		display: none;
	}
	.mobileviewecolab {
		display: inline;
	}
	.out920wid {
		float: none;
		padding: 0px;
	}
	.club-list-show-more {
		margin-bottom: 20px;
	}
}

.imagegallerystyle{
    cursor: pointer;
}
.imagegallerystyle:hover{
    /*opacity: 0.7;*/
    border: 3px solid #1199c4;
}
.imagegallerystyle:hover{
    display: block;
}
.showbreak277 {
	display: none;
}
.showbreak250 {
	display: none;
}
@media screen and (max-width: 465px){
	.showbreak {
		display: inline-block;
	}
}
@media screen and (max-width: 277px){
	.showbreak277 {
		display: inline-block;
	}
}
@media screen and (max-width: 255px){
	.navmob {
		display: none;
	}
}
@media screen and (max-width: 250px){
	.showbreak250 {
		display: inline-block;
	}
}

@media screen and (max-width: 1015px){
	.mobileme {
		width: 100%;
	}
}
.clubbanner { 
  float: left;
  width: 30%;
  height: 175px;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  margin: 0px 20px 0px 0px;
  border: 0px solid #ddd;
}
@media screen and (max-width: 850px){
	.clubbanner {
		height: 150px;
	}
}
@media screen and (max-width: 650px){
	.clubbanner {
		height: 125px;
	}
}
@media screen and (max-width: 550px){
	.clubbanner {
		height: 100px;
	}
}
@media screen and (max-width: 400px){
	.clubbanner {
		width: 100%;
		height: 175px;
	}
}
.size20{
	font-size: 20px;
	font-weight: bold;
}
.clubmidwidth {
	width: 100%;
}
.display767 {
	display: none;
}
@media screen and (max-width: 767px){
	.display767 {
		display: inline-block;
	}
}
@media screen and (max-width: 480px){
	.clubcontainer {
		padding: 2px !important;
		margin: 0px !important;
	}
}
@media screen and (max-width: 480px){
	.clubcontainer2 {
		padding: 5px 0px !important;
		margin: 0px !important;
	}
}

div.vidthumbnews iframe {
  height: 400px !important;
  width: 95% !important;
  margin-left: -30px !important;
}
@media screen and (max-width: 1024px){
  div.vidthumbnews iframe {
    height: 390px !important;
  }
}
@media screen and (max-width: 1000px){
  div.vidthumbnews iframe {
    height: 370px !important;
  }
}
@media screen and (max-width: 930px){
  div.vidthumbnews iframe {
    height: 350px !important;
  }
}
@media screen and (max-width: 890px){
  div.vidthumbnews iframe {
    height: 340px !important;
  }
}
@media screen and (max-width: 850px){
  div.vidthumbnews iframe {
    height: 320px !important;
  }
}
@media screen and (max-width: 810px){
  div.vidthumbnews iframe {
    height: 304px !important;
  }
}
@media screen and (max-width: 768px){
  div.vidthumbnews iframe {
    height: 282px !important;
  }
}
@media screen and (max-width: 667px){
  div.vidthumbnews iframe {
    height: 252px !important;
  }
}
@media screen and (max-width: 600px){
  div.vidthumbnews iframe {
    height: 240px !important;
    margin-left: 0px !important;
  }
}
@media screen and (max-width: 568px){
  div.vidthumbnews iframe {
    height: 210px !important;
  }
}
@media screen and (max-width: 529px){
  div.vidthumbnews iframe {
    height: 265px !important;
  }
  .cattagarch {
      margin-left: 15px !important;
  }
}
@media screen and (max-width: 485px){
  div.vidthumbnews iframe {
    height: 240px !important;
    width: 97% !important;
    margin-left: -15px !important;
  }
  .events-blog-img{
  	height: 88px !important;
  }
}
@media screen and (max-width: 453px){
  .contact-text-event{
  	width: 25% !important;
  }
  .contacts-content-event{
  	width: 75% !important;
  }
  .events-blog-img{
  	height: 75px !important;
  }
}
@media screen and (max-width: 414px){
  div.vidthumbnews iframe {
    height: 204px !important;
  }
  .blog-event-images{
  	width: 100% !important;
  }
  .blog-event-text{
  	width: 100% !important;
  }
  .events-blog-img{
  	height: 178px !important;
  }
}
@media screen and (max-width: 384px){
  div.vidthumbnews iframe {
    height: 186px !important;
  }
  .events-blog-img{
  	height: 162px !important;
  }
}
@media screen and (max-width: 360px){
  div.vidthumbnews iframe {
    height: 174px !important;
    width: 100% !important;
    margin-left: 0px !important;
  }
  .events-blog-img{
  	height: 150px !important;
  }
}
@media screen and (max-width: 320px){
  div.vidthumbnews iframe {
    height: 153px !important;
    width: 100% !important;
    margin-left: 0px !important;
  }
  .contact-text-event{
  	width: 30% !important;
  }
  .contacts-content-event{
  	width: 70% !important;
  }
  .events-blog-img{
  	height: 143px !important;
  }
}
@media screen and (max-width: 240px){
  .contact-text-event{
  	width: 35% !important;
  }
  .contacts-content-event{
  	width: 65% !important;
  }
  .events-blog-img{
  	height: 115px !important;
  }
}

.eco_chapter{
	margin: -9px;
}
.mediabannerpadding{
	margin-bottom: -5px;
}
.blogs-hr {
    margin-left: -15px;
}
.clubBtn {
	padding: 8px 35px;
}
.calenBtn {
	padding: 8px 20px;
}
.bgselect {
	color:#fff !important; 
	background-color: #FF9D0F !important;
}
.bgnotselect {
	color:#fff !important; 
	background-color: #ffbf63 !important;
}
.vid-play-icon {
	position:absolute;
	top:90px;
	left:20px;
}
.vid-play-icon2 {
	position:absolute;
	top:90px;
	left:5px;
}
.hiddenspacer {
	display: none;
}
@media screen and (max-width: 767px){
	.vid-play-icon {
		top: 308px;
	}
	.hiddenspacer {
		display: inline-block;
	}
}
@media screen and (max-width: 500px){
	.vid-play-icon {
		top: 248px;
	}
}
@media screen and (max-width: 400px){
	.vid-play-icon {
		top: 148px;
	}
	.hiddenspacer {
		display: none;
	}
}
@media screen and (max-width: 320px){
	.vid-play-icon {
		top: 118px;
	}
}
@media screen and (max-width: 300px){
	.vid-play-icon {
		top: 98px;
	}
}
@media screen and (max-width: 240px){
	.vid-play-icon {
		top: 68px;
	}
}
.this-video {
	width:100%;
	height:144px;
	background-size: cover;
}

.be-kind-img img {
    height: 150px;
    width: 100% !important;
}
.dont-waste-img img{
    height: 150px;
    width: 100% !important;
}
.exercise-in-out-img img{
    height: 150px;
    width: 100% !important;
}
.footerclass {
	position: relative;
	width: 100%;
	padding: 0px 15px !important;
}
.ilchi-homepagetext {
	background-color: rgb(188, 213, 234);
	color: #000;
	font-size: 13px;
	font-style: italic;
	border-radius: 15px;
	margin-left: 50px;
	margin-right: 100px;
	margin-top: 50px;
	padding: 10px 60px 10px 40px;
	position: relative;
}
.program-nav {
    border: none;
    margin: auto;
    width: 690px;
}
.proglist-hp-a {
    border: none !important;
}
.proglist-hp-a:hover {
    color: orange !important;
}
.nav-tabs.program-nav>li.active>a{
    color: orange !important;
}
.pec-homepagetext {
    background-color: #d6e9c6;
    color: #000;
    font-size: 13px;
    font-style: italic;
    border-radius: 15px;
    margin-right: 50px;
    margin-left: 100px;
    margin-top: 50px;
    padding: 10px 40px 10px 60px;
    position: relative;
}
.dateboxhp {
    color: #fff;
    background-color: darkgray;
    width: 20%;
    height: 65px;
    text-align: center;
    position: relative;
}
.hpblogs-title{
	width: 80%;
}
.dateboxhp1 {
    color: #fff;
    background-color: #72bb4c;
    width: 20%;
    height: 65px;
    text-align: center;
    position: relative;
    top: -15px;
}
.dateboxhp2 {
    color: #fff;
    background-color: #a6d090;
    width: 80%;
    height: 65px;
    float: left;
    padding: 3px 10px 3px 10px;
    text-align: center;
    position: relative;
    top: -15px;
}
.dateboxhp3 {
    color: #fff;
    background-color: #4d90fe;
    width: 20%;
    height: 65px;
    text-align: center;
    position: relative;
    top: -15px;
}
.dateboxhp4 {
    color: #fff;
    background-color: #76a5f3;
    width: 80%;
    height: 65px;
    float: left;
    padding: 3px 10px 3px 10px;
    text-align: center;
    position: relative;
    top: -15px;
}
.thisvideo-hp {
    width: 100%;
    height: 100px;
}
.vid-play-icon-hp {
	position: relative;
	top: -65px;
	left: 60px;
	height: 40px;
}
.letsgetmove-homepagetext {
	background-color: #ffd599;
	color: #000;
	font-size: 13px;
	font-style: italic;
	border-radius: 15px;
	margin-left: 50px;
	margin-right: 100px;
	margin-top: 50px;
	padding: 10px 60px 10px 40px;
	position: relative;
}.youtube-play-hp {
    width: 100%;
    text-align: center;
    z-index: 5;
    position: absolute;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.popular-vid-hp {
    height: 100px;
}
.addspacebelow {
	display: none;
}
@media screen and (max-width: 767px){
	.removepadding {
		padding: 0px !important;
	}
	.addspacebelow {
		display: inline-block;
		padding-bottom: 35px;
	}
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}