/*******************************************************
   Landing Page header
**********************************©*********************/
.row { width: 1024px!important; }
h1, h2, h3, h4, h5, h6 {font-family: 'Nunito Sans', sans-serif!important; font-weight: 800; }
body {font-family: 'Nunito Sans', sans-serif!important; font-weight: 300; }
.landing-header { width: 100%; border-bottom: 1px solid #7fc247; background-color: #fff; position: fixed; top: 0;z-index: 9999; }
.landing-header #site-title a { background-image: url(images/landing_page/tgj_logo.png); height: 90px; }
.landing-header .hnav { margin-top: 50px; }
.landing-header .nav-bar { background: transparent; }
.landing-header .nav-bar > li > a:first-child { color: #278fa5;font-weight: 300;font-size: 20px; padding: 0 16px; }
.landing-header .nav-bar > li:hover { background: none; color: #278fa5;opacity: 0.8; }
.landing-header .nav-bar > li a.active, .landing-header .nav-bar > li:hover a { /*font-weight: 600;*/ color: #278fa5 ; }
.landing-header .nav-bar > li:last-child { border: none; }
.landing-header .nav-bar > li.active a { font-weight: 600; }
.landing-header .nav-bar > li.active, .landing-header .nav-bar > li:hover { background: none!important; }
.landing-header.logedin { top: 35px; }

#cloudTxt { background: url(images/landing_page/cloud.png) no-repeat; height: 400px; width: 720px; top: 60px;margin-left: 80px;}

/*First Animation*/
#joinGJ { background: url(images/landing_page/join-greenjourney.jpg) no-repeat; height: 816px; background-size: cover; overflow: hidden;background-attachment: fixed; z-index: 999;background-position: 50% 50%; }
#joinGJ .fleet-sus { top: 140px; position: absolute; }
#joinGJ .fleet-sus h4 { color: #121;float: left;width: 100%;margin-bottom: 8px; font-size: 21px; font-weight: 800; }
#joinGJ .fleet-sus p {font-size: 18px; font-family: 'Nunito Sans', sans-serif;line-height: 1.4; }
#joinGJ .fleet-sus h5 a { position: relative; padding-left: 30px;color: #d33352;font-weight: 800;font-size: 16px; }
#joinGJ .fleet-sus h5.jtgj a:before { content:""; background: url(images/landing_page/group.png) no-repeat; width: 21px; height: 22px; position: absolute; top: 0;left: 0;background-size: 95%; }
#joinGJ .fleet-sus h5.dnwld a:before { content:""; background: url(images/landing_page/download.png) no-repeat; width: 21px; height: 22px; position: absolute; top: 0;left: 0;background-size: 85%; }
#joinGJ #centerFocus { position: relative; width:100%; float: left; }
#joinGJ #centerFocus figure img {position: absolute; right: 0; left: 0; margin: auto; top: -60px; }
#joinGJ #centerFocus a { cursor: pointer; }
#joinGJ #centerFocus a img {position: absolute;left: 0;right: 4px; margin: 0 auto;top: 45px; }

/*Second Animation*/
#smokeyClouds { background: url(images/landing_page/smoke-clouds.jpg) no-repeat; height: 840px; background-size: cover; overflow: hidden;background-attachment: fixed; z-index: 999;background-position: 50% 50%; }
#hypeContainer{ width:1024px;height:768px;margin-top: 20px; }
/*******************************************************
   Landing Page Footer
********************************************************/
.tgj-footer { background: #084120;width: 100%;float: left;position: fixed;bottom: 0;z-index: 999; }
.tgj-footer #footerCntnts { padding: 10px 0; float: left;width: 100%;}
.tgj-footer #footerCntnts [class*="column"]+[class*="column"]:last-child { text-align: right; } 

.tgj-footer #footerCntnts h5 a { font-size: 13px; background-color: #d33352; color: #fff; padding: 10px 18px 12px 45px;position: relative; }
.tgj-footer #footerCntnts h5.jtgj a:before { content:""; background: url(images/landing_page/grp-footer.png) no-repeat; width: 21px; height: 22px; position: absolute; top: 10px;left: 16px;background-size: 85%; }
.tgj-footer #footerCntnts h5.dnwld a:before { content:""; background: url(images/landing_page/grp-download.png) no-repeat; width: 21px; height: 22px; position: absolute; top: 10px;left: 16px;background-size: 85%; }
.tgj-footer #footerCntnts h4, .tgj-footer #footerCntnts h4 a { color: #fff; font-size: 16px;}
.hypeani { height: 500px; position: relative; }
iframe div#landingContact form h4, iframe div#landingContact form p img { display: none!important; }



@media only screen and (max-width: 1024px) {	
	#hypeContainer { margin-top: 60px; }
}
@media only screen and (max-width: 768px) {
	#hypeContainer { width: 768px;height: 1024px;margin-top: 50px; }
}
@media only screen and (max-width: 680px) {
	ul#responsive-menu .benefitsection,ul#responsive-menu .supportsection,ul#responsive-menu .joinsection { display: none!important;  }
	#responsive-menu-container #responsive-menu-additional-content {  padding: 0 5%!important;  }
}
@media only screen and (max-width: 480px) {
	#hypeContainer{ width: 480px; height: 6060px; margin-top: 85px; }
}
@media only screen and (max-width: 414px) {
	#hypeContainer{ width: 414px;  }
}
@media only screen and (max-width: 375px) {
	#hypeContainer{ width: 375px;  }
}
@media only screen and (max-width: 320px) {
	#hypeContainer{ width: 320px; height: 6200px; }
}