/*
Theme Name: Brightgreenhydrogen
Author: the onegocorp team

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
img {max-width: 100%;}
a{text-decoration: none;}
sub, sup{font-size: 11px;}
ul, ol{list-style: none;}
.align-right{text-align: right!important;}
.fleft{float: left;}
.fright{float: right;}
.clear{clear: both;}
.green{color: #00a6d0!important;}
span{display: block;}
.nav.fixed{ position: fixed; height: 60px; width: 100%; top: 0; left: 0;background: #fff; z-index: 1500;box-shadow: 0 0 10px #666666;}
.nav.fixed .top-menu{margin-top: 10px!important;}
.bottom_head.fixed{position: fixed; top: 70px; background: #333640; z-index: 1001;}
@font-face
{
font-family: Avenir Medium;
src: url('fonts/Avenir65Medium.ttf'),
     url('fonts/Avenir65Medium.woff'),
     url('fonts/Avenir65Medium.eot');
}
@font-face
{
font-family: Avenir Roman;
src: url('fonts/avenirroman.ttf'),
     url('fonts/avenirroman.woff'),
     url('fonts/avenirroman.eot');
}
body{
	font-family: Avenir Medium, Arial, sanserif; 
	color: #6b6c77; 
	background: #eaebed;
	font-size: 18px;
	line-height: 1.5;
	}
/*========Header=========*/

.container{
	width: 940px;
	margin: 0 auto;
}
.header{
	background: #fff;
}
.header .logo{
	padding-top: 40px;
}
.header .logo img{
	height: 89px;
	width: 186px;
}
.nav{
	padding-bottom: 10px;
	background: #fff;
}
.nav .menu-nav{
	width: 940px;
	margin: 0 auto;
	height: 60px;
}
.nav .top-menu{
	display: inline-block;
	margin-top: 20px;
}
.nav .top-menu li{
	display: inline-block;
}
.top-menu li a{
	transition: all 0.5s;
	color: #6b6c77;
	margin:10px 7px 0px;
	padding-bottom: 2px;
	font-size: 20px;
	display: inline-block;
	border-bottom: 3px solid transparent;
}
.top-menu li a:hover,
.top-menu .selected-menu{
	border-color: #00a6d0;
	color: #00a6d0;
}

.top-menu li:first-child a{
	margin-left: 0;	
}
.top-menu li.current-menu-item a{
	transition: all 0.5s;
	border-color: #00a6d0;
}
.top-menu li.current-menu-item a:hover{
	border-color: #ccc;
}
.phone-contact{line-height: 34px; font-size: 20px;padding-left: 15px; margin-right: 20px; background: url("images/icon-phone.png") left no-repeat;}

.nav .btn{
	margin-top: 25px;
}
.social{
	width: 108px;
	margin: 0 auto 30px;
	height: 34px;
}
.social a{
	background: url("images/social.png") no-repeat;
	width: 36px;
	height: 100%;
	float: left;
}
.social .twitter{
	background-position: left 0;
}
.social .fb{
	background-position: -37px 0;
}
.social .in{
	background-position: -74px 0;
}
.nav .social{
	margin-bottom: 0;
}

.nav .social a:hover{
	background-color: #00a6d0;
}
.nav .social .twitter:hover{
	background-position: -110px 0;
}
.nav .social .fb:hover{
	background-position: -147px 0;
}
.nav .social .in:hover{
	background-position: -184px 0;
}
.btna,
.button-primary{
	transition: all 0.3s;
	width: 140px;
	text-align: center;
	display: inline-block;
	padding: 10px 0;
	border: 2px solid #00a6d0;
	border-radius: 5px; 
	font-size: 18px;
	color: #00a6d0;
	background: none;
	cursor: pointer;
}
.btna:hover{
	background: #00a6d0;
	color: #fff;	
}
.nav .btn .signup{
	margin-left: 10px;
}

/*========Banner=========*/
.align-center {text-align: center;}
.banner{
	background: url("images/banner.png")top center no-repeat;
	height: 340px;
	text-align: center;
	color: #fff;
}
.banner.banner-home{
	height: 414px;
}
.banner .title-banner{
	padding-top: 45px;
	text-transform: uppercase;
	padding-bottom: 30px;
	display: block;
	font-size: 18px;
}
.banner .text{
	font-size: 26px;
	max-width: 810px;
	margin: 0 auto;
}
.banner .register{
	transition: all 0.3s;
	color: #fff;
	border-radius: 5px;
	border: 2px solid #fff;
	font-size: 18px;
	padding: 10px 30px;
	display: inline-block;
	margin-top: 45px;
}	
.banner .register:hover{
	background: #fff;
	color: #00a6d0;
}

.text-bullet{
	font-size: 15px;
	line-height: 26px;
	background: url("images/bullet.png") no-repeat 50% bottom;
	display: block;
	margin: 0 auto;
	padding-bottom: 40px;
}
/*========Content=========*/
.main-content{background: #fff;padding-bottom: 20px;}

.list-item .item{
	background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    min-height: 400px;
    padding: 30px;
    text-align: center;
    width: 240px;
}
.list-item .item.item-center{
	margin-left: 20px;
	margin-right: 20px;
}
.list-item .item .title-item{	
	font-size: 24px;
	color: #3c3f4b;
	margin-bottom: 30px;
	font-weight: normal;
	margin-top: 20px;
	min-height: 72px;
}
.list-item .item .title-item a:hover{
	color: #00a6d0;
	transition: all 0.5s;
}
.item .extract{
	font-size: 18px;
    min-height: 170px;
}

/*========Bottom=========*/

.banner-bottom{
	margin: auto;
	max-width: 2268px;
}
.banner-bottom .bx-wrapper{
	margin-bottom: 0;
}
.banner-bottom .bx-wrapper .bx-viewport {
   border: medium none;
    box-shadow: none;
    left: 0;
}
.banner-bottom .bx-controls{
	width: 940px;
	margin: auto;
}
.banner-bottom .bx-wrapper .bx-pager,.banner-bottom .bx-wrapper .bx-controls-auto {
    top: 0;
    bottom: inherit;
    text-align: left;
    width: 940px;
    margin: 0 auto;
    z-index: 999;
}
.banner-bottom .bx-controls-direction{
	display: none;
}
.banner-bottom .bx-wrapper .bx-pager.bx-default-pager a {
	width: 15px;
	height: 15px;
	background: #fff;
	border-radius: 50%;
}

.banner-bottom .bx-wrapper .bx-pager.bx-default-pager a:hover,
.banner-bottom .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #00a6d0;
}
.top-bot {

	background: url("images/bg-bottom.png") top center no-repeat;
	height: 148px;
}
.top-bot .center{
	padding-top: 50px;
}
.top-bot .txt{
	font-family: Myriad Pro, Arial, sanserif;
	font-size: 25px;
	color: #fff;
	padding-top: 10px;
}
.top-bot .signup{
	transition: all 0.5s;
	color: #fff;
	border: 2px solid #fff;
}
.top-bot .signup:hover{
	color: #00a6d0;
	background: #fff;
}
.bottom{
	padding-top: 40px;
	padding-bottom: 85px;
	background: #fff;
	position: relative;
}
span.line-clear {
	position: absolute;
	width: 100%;
	height: 2px;
	background: #f3f3f3;
	top:100px;
	z-index: 1;
}
span.line-to {
	position: absolute;
	height: 100%;
	width: 2px;
	left: 50%;
	background: #f3f3f3;
	top: 0;
	z-index: 1;
}
.bottom .item-bot{
	width: 380px;;
	text-align: left;
}
.item-bot h3{
	font-size: 25px;
	margin-bottom: 100px;
	font-weight: normal;
	color: #4c585f;
}
.item-bot .extract-bot{
	font-size: 18px;
	min-height: 345px;
	overflow: hidden;
}
.item-bot .green{
	color: #00a6d0;
	display: block;
	font-size: 20px;
}
.item-bot .font18{
	font-size: 18px;
	color: #6e707b;
}
.item-bot .readmore,
.item-bot .follow{
	margin-top: 10px;
}

.bottom .twitter .extract-bot{
	font-size: 25px;
	max-width: 380px;
}
.minitweets-end{
	display: none;
}

/*========Footer=========*/

.footer{
	background: #333640; 
	text-align: center;
	color: #fff;
}
.footer .container{
	padding-bottom: 35px;
	padding-top: 80px;
}
.footer .text-form{
	width: 470px;
	margin: 0 auto 125px;
}
.footer .text-form h3.widget-title{
	margin-bottom: 40px;
	display: block;
	font-weight: normal;
	font-size: 25px;
}
.text-form .nsu_widget{
	font-size: 20px;
}
.text-form .nsu-form{
	width: 438px;
	height: 55px;
	margin: 0 auto;
}
.text-form .nsu-form p{
	float: left;
	height: 100%;
}
.text-form .nsu-field{
	float: left;
	height: 100%;
	width: 302px;
	border: none;
	font-size: 18px;
	padding: 0 10px 0 20px;
	border-radius: 5px 0 0 5px;
	color: #c6c6c6;
}
.text-form .nsu-field:focus{
	color: #000;
}
.text-form .nsu-submit{
	float: right;
	transition: all 0.3s;
	font-size: 18px;
	border: none;
	background: #00a6d0;
	border-radius: 0 5px 5px 0; 
	height: 100%;
	width: 106px;
	color: #fff;
	cursor: pointer;
}
.text-form .btn-send:hover{
	background: #00af70;
}
.social .twitter:hover{
	background-position: left -36px;
}
.social .fb:hover{
	background-position: -37px -36px;
}
.social .in:hover{
	background-position: -74px -36px;
}
.footer .address{
	font-size: 20px;
	margin-top: 15px;
}
.footer .bot-foot{
	background: #fff;
}
.footer .bot-foot .slogo{
	transition: all 0.5s;
	padding: 45px 0; 
}
.footer .bot-foot .slogo:hover{
	opacity: .8;
}
.footer .info-foot a{
	transition: all 0.5s;
	color: #fff;
}
.footer .info-foot a:hover{
	color: #00a6d0;
}

.content-pricing{
	margin-top: -70px;
	background: transparent;
}

/*-------Login Page--------*/

.banner-login .text{
	width: 815px;
	padding-top: 0;
}
.banner .text-bullet{
	margin-top: 20px;
	display: block;
	margin-bottom: 20px;
	font-size: 15px;
}

/*------Signup Page-------*/


/*-------Directory Page-------*/
.banner-directory .text{
	width: 750px;
}
.directory-content{
	padding-top: 20px;
	font-size: 15px;
}
.item-top select{
	width: 165px;
	height: 40px;
	padding: 10px;
	font-size: 15px;
	color: #404041;
}
.item-top .caption{
	margin-right: 10px;
	display: inline-block;
}
.item-top a{
	transition: all 0.5s;
	color: #6b6c77;
}
.item-top a:hover,
a.selected{
	color: #00a6d0;
}
.item-direc{
	padding: 55px 0 40px;
	border-bottom: 2px solid #edecea;
}
li.item-direc:last-child{
	border: none;
}
.item-direc .bus-name{
	color: #3c3f4b;
	font-size: 18px;
	display: block;
	margin-bottom: 15px;
}
.item-direc .detail{
	font-size: 18px;
	color: #7d7e89;
}
.item-direc .fright{
	margin-top: 5px;
}
.item-direc .btna {border-color: #7d7e89;color: #7d7e89;}
.item-direc .btna:hover {border-color: #00a6d0;color: #fff;}
/*--------Directory Detail--------*/


/*----------News and Insight---------*/

.news-insight{
	padding: 70px 0 40px;
	color: #6b6c77;
	font-size: 18px;
	line-height: 25px;
}
.news-insight .fleft{
	width: 495px;
	padding-right: 70px;
	
}
.news-insight .item-news{
	border-top: 2px solid #F3F3F3;
    list-style: none outside none;
    padding: 40px 0;
}
.news-insight .item-news:FIRST-CHILD{
	border: none;
	padding-top: 0
}
.news-insight .item-news img{
	border: 3px solid #FFFFFF;
    box-shadow: 0 0 5px #CCCCCC;
}
h2..item-news {font-weight: normal;}
.news-insight .item-news.last{
	margin-bottom: 110px;
}
.item-news .title-news{
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 40px;
	display: block;
	font-weight: normal;
}
.item-news .readmore{
	margin-top: 45px;
}

.news-insight .fright{
	width: 300px;
	padding-left: 70px;
	border-left: 1px solid #eaebed;
}
.item-in{
	margin-bottom: 60px;
}
.item-in .follow{
	margin-top: 30px;
}
.item-in h2.cat-list {
	 background: url("images/icon-cat.png") no-repeat scroll left center transparent;
}
.item-in .widget-title{
	font-size: 25px;
	font-weight: normal;
	padding-top:22px; height: 45px;
	padding-left: 52px;
	background: url("images/icon-book.png")left center no-repeat; 
}
.item-in .widget {margin-bottom: 60px;}
.item-in .title-in{
	font-size: 25px;
	height: 47px;
	padding-left: 60px;
	line-height: 47px;
	margin-bottom: 40px;
	font-weight: normal;
}
.item-in.member .title-in{
	background: url("images/icon-cat.png")left center no-repeat;
}

.item-in li a{
	padding: 20px 0 15px;;
	border-bottom: 2px solid #edecea;
	display: block;
	color: #6b6c77;
}
.item-in li:first-child a{
	padding-top: 0;
}

.item-in.twitter .title-in{
	background: url("images/icon-twitter.png")left center no-repeat; 
}
.fb-likebox h3{
	font-size: 25px;
	height: 47px;
	padding-left: 60px;
	line-height: 47px;
	margin: 40px 0;
	font-weight: normal;
	background: url("images/icon-fb.png")left center no-repeat; 
}
.item-in.letter .title-in{
	background: url("images/icon-newletter.png")left center no-repeat; 
}
.widget_archive h3{
	display: none;
}

/*--------Contact Page---------*/

.contact-content{
	padding: 45px 0;
	font-size: 18px;
	line-height: 30px;
}
.contact-content .infomation{
	width: 460px;
}
.infomation a{
	transition: all 0.5s;
}

.infomation .address{
	margin-top: 40px;
}
.infomation .text-bot{
	font-size: 16px;
	width: 400px;
}
.infomation .text-bot > p{
	margin-bottom: 20px;
}
.maps{
	border: 3px solid #FFFFFF;
    box-shadow: 0 0 5px #CCCCCC;
    margin-top: 60px;
    margin-bottom: 30px;
}
.contact-form{
	width: 460px;
}
.contact-form br{
	display: none;
}
.contact-form label{
	display: block;
	margin-top: 15px;
	margin-bottom: 10px;
}
.contact-form input[type="text"],
.contact-form input[type="tel"],
.contact-form input[type="email"],
.contact-form textarea{
	height: 40px;
	background: #f3f3f3;
	border: none;
	width: 100%;
	font-size: 16px;
}
.contact-form textarea{
	height: 220px;
	resize: none;
}
.contact-form input[type="checkbox"]{
	margin-right: 10px;
}
.contact-form .fullname input{
	width: 220px;
}
.contact-form .fullname label{margin-top: 0;}
.contact-form .sign{
	margin: 20px 0 25px;
	font-size: 15px;
}


/*** fix contact form ***/
.contact-form .invalid {border:none!important;}
.contact-form span.wpcf7-not-valid-tip {
	position: static;
	width: auto;
	border:none;
	color: red;
}
.form-login #wpmem_msg, .wpmem_msg {
	padding:0;
	background: none;
	border:none;
	text-align: left;
	color: red;
}
.form-login #wpmem_msg h2 {
	color: red;
}
.memberarea a.event-name {
	display: block;
	font-size: 18px;
	color: #00a6d0;	
}
.memberarea .item-member {
	width: 380px;
	text-align: left;
	display: inline-block;
}
.memberarea ul {
	display: inline-block;
	width:100%;
	text-align: left;
	padding-top: 25px;
}
.memberarea ul li {width: 100%;padding:25px 0;border-bottom: 1px solid #dddddd;}
.memberarea ul li:last-child {border-bottom: none;}
.memberarea h3 {
	font-size: 25px;
	color: #4c585f;
	text-align: left;
}
.memberarea ul li p {font-size: 18px;}
.memberarea {border-top: 1px solid #f3f3f3;position: relative;margin-top: 35px;}
.memberarea .two-col {margin-top: 25px;border:none;}
.memberarea .line-clear {
	top: 85px;
}
.fix-padding-home {width: 100%;height: 95px;}

.button_div .note{
	font-size: 18px;
}
.top_head{margin: 110px 0 0;}
.nsu_widget > p{
	color:#00a6d0;
}
.page-content .req{ color: #BD3500;}
.page-content #wpmem_reg, .page-content #wpmem_login{
	padding:0;
}
.bottom_head{
	background: #333640;
	width: 100%;
	display: none;
}

.list_menu{
	padding: 35px 0;color: white;
	font-size: 16px;
}
.list_menu .sub-menu-service{
	min-width: 310px;
}
.list_menu .sub-menu-service ul{
	margin: 10px 0 40px;
	min-height: 170px;
}
.list_menu li a{
	color: #fff;
	display: inline-block;
	padding-bottom: 10px;
	font-size: 16px; 
}
.list_menu li a:HOVER {color: #00a6d0;}
.list_menu .sub-row {float: left;width: 300px;}
.list_menu .sub-row .btna {color: white;border: 1px solid white;margin-top: 5px;}
.alert-success, #membership-wrapper legend{display: none !important;}

.priceboxes .topbar {
    background: none repeat scroll 0 0 transparent;
}
.priceboxes div.pricebox{border: none;}
span.title {
    color: #6B6C77;
    font-size: 18px;
}


/*--------About--------*/

.about-main{
	padding-top: 10px;
	padding-bottom: 50px;
}
.about-main .text-history{
	padding: 40px 0;
	position: relative;
}
.about-menu li{
	display: inline-block;
	margin: 0 10px;
}

.about-menu li:FIRST-CHILD{
	margin-left: 0;
}
.about-menu li a{
	color: #7d7e89;	
	font-size: 18px;
}
.about-menu li a.active,
.about-menu li a:hover,
.about-menu li.current_page_item a{
	color: #00a6d0;
}

.text-history .fleft{
	width: 460px;
}
.text-history .title-about,
.text-left h3{
	font-size: 25px;
	color: #3c3f4b;
	margin-bottom: 30px;
	font-weight: normal;
}
.title-about a{
	color: #3c3f4b;
}
.text-history .slide{
	max-width: 380px;
	max-height: 275px;
}
.text-history .slide.about-image{
	margin-bottom: 40px;
}
.text-history .slide img{
	border: 1px solid #FFFFFF;
    box-shadow: 0 0 5px #CCCCCC;
}
.text-history li.teams{
	width: 460px;
	margin-right: 20px;
margin-bottom:30px;
}
.text-history li:nth-child(2n){
	margin-right: 0;
}
.text-history li img{
	max-width: 460px;
	max-height: 260px;
	margin-bottom: 20px;
}
.text-history .line-clear{
	bottom: 0;
	top: inherit;
}
.text-history:last-child .line-clear{
	display: none;
}
.text-history li a{
	color: #00a6d0;
}
.text-history .text-full{
	min-height: 140px;
}
.text-full > p {
    margin-bottom: 20px;
}

.the-project{
	padding-top: 40px;
}
.text-project .slide{
	margin-bottom: 45px;
}
.text-sidebar{
	margin-bottom: 40px;
	font-size: 17px;
}
.text-history a.btna{
	margin-top: 20px;
}
.funder-list{
	border-bottom: 2px solid #f3f3f3;
}
.funder-list .image-logo{
	width: 320px;
	margin-right: 10px;
}
.funders .text-history .title-about{
	font-size: 18px;
}
.funders .text-history .text-full{
	min-height: 0;
}
.funder-list .text-full > p{
	margin: 0;
}

.back-link{
	margin-bottom: 40px;
	display: inline-block;
}
.low-carbon .text-full{
	min-height: 0;
}
.low-carbon .text-full ul{
	margin: 20px 0;
}
.low-carbon .text-full li{
	list-style: disc;
	margin-left: 15px;
	padding-left: 20px;
}
.text-history .funder-text{
	width: 610px;
}

.last-funder .funder-text{
	width: 100%;
}
.last-funder .text-full{
	margin-bottom: 40px;
}
.funders{
	margin-top: 30px;
}

.single-how-work {
	padding: 20px;
}
.single-how-work .content-single{
	margin-top: 50px;
	margin-bottom: 50px;
}
.single-how-work .full-detail{
	width: 450px;
	font-size: 18px;
}
.single-how-work .full-detail > p{
	margin-bottom: 20px;
}
.single-how-work .image-download{
	text-align: center;
}
.single-how-work .image-download img{
	max-width: 380px;
	max-height: 380px;
	display: block;
	margin-bottom: 30px;
}
.image-download .text-image{
	margin-bottom: 20px;
	width: 380px;
}
.content-single.live-feed{
	text-align: center;
	font-size: 0;
}
.legal-info > p{
	margin-bottom: 20px;
}
.green.underline{
	display: inline-block;
	line-height: 25px;
}
.green.underline:hover{
	border-bottom: 1px solid;
}
.title-taxo{
	font-size: 25px;
	margin-top: 60px;
}

#tab2{
	display: none;
}

.share-by-social{
	border-bottom: 2px solid #f3f3f3;
	border-top: 2px solid #f3f3f3;
	padding: 10px 0;
	margin-bottom: 20px;
	margin-top: 20px;
}
.share-by-social .social{
	margin: 0;
}
.share-by-social .social a:hover{
	background-color: #00a6d0;
}
.share-by-social .social .twitter:hover{
	background-position: -110px 0;
}
.share-by-social .social .fb:hover{
	background-position: -147px 0;
}
.share-by-social .social .in:hover{
	background-position: -184px 0;
}
.low-carbon-content {
	font-size: 18px;
	line-height: 1.5em;
	
}
.low-carbon-content p {
	margin-bottom: 5px;
}
.low-carbon-content p strong {
	color: #00a6cf;
}
.low-carbon-content h2 {
	font-size: 24px;
}


.slide.fright br{
	display: none;
}
.leaflet-container{
	width: 100%;
}
.text-history .container > br{
	display: none;
}