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

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);

@font-face {
    font-family: 'nexathin';
    src: url('../fonts/nexa_thin-webfont.eot');
    src: url('../fonts/nexa_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexa_thin-webfont.woff2') format('woff2'),
         url('../fonts/nexa_thin-webfont.woff') format('woff'),
         url('../fonts/nexa_thin-webfont.ttf') format('truetype'),
         url('../fonts/nexa_thin-webfont.svg#nexathin') format('svg');
    font-weight: normal;
    font-style: normal;

}

body.page-template-template-newglphome-php {
	padding:0;
	color:#fff;
	margin:0;
	font: 300 16px Open Sans;
	}
body.page-template-template-newglphome-php a{color:#fff;
	text-decoration:none;}
#header-nav{
	position:absolute;
	left:0;
	top:40px;
	background: rgba(0,0,0,0.3);
	width: 200px;
	padding: 15px 35px;
	text-align:Center;
	z-index: 2;
	}
.wrapper{
	max-width:960px;
	margin:0 auto;
	padding: 0 20px;
	}
div#header-nav {}
#header-nav .logo{
	float:left;}
#header-nav .nav{
    float: Right;
    margin-top: 20px;
    text-align: Center;
}
#header-nav .nav ul{
	padding:0;
	margin:0;
	text-align: left;
}
.clear{
	cleat:both}
#first-row{
	position:relative;
	background: url(../img/homebg1.jpg) center no-repeat;
	width:100%;
	background-size:cover;
	height:790px;
	}
.testi{
	position:absolute;
	right:0;
	background: rgba(33, 32, 32, 0.6);
	max-width: 60%;
	padding: 12px 110px 12px 40px;
	top: 160px;
	}
.testi h2{
	 font-family: 'nexathin';
	 text-align: left;
	 font-weight: 300;
	 font-size: 32px;
	 padding:0;
	 margin: 0 0 10px;
	 color:#fff;
	 }
.testi h4{
	padding:0;
	margin:0;
	font-weight: 300;
	text-transform:uppercase;
	font-size: 18px;
	font-family: 'nexathin';
	text-align:Center;
	color:#fff;
	}
#sec-row{
	position:relative;
	background: url(../img/homebg2.jpg)center no-repeat;
	width:100%;
	background-size: 100% 100%;
	padding: 0 0 30px;
	}
.seen{
	background: rgba(51, 51, 51, 0.8);
	padding: 8px;
	text-align: center;
	border-top: 1px solid #3C3A3A;
	}
.creed{
	float:left;
	text-align:Center;
	width: 365px;
	font-size:18px;
	margin-top: 50px;
	margin-right: 50px;
	}
	.creed p{margin-top: -4px;}
.creed img{margin-bottom:10px}
.creed h3{
	color:#fff;
	font-weight:300;
	font-size: 26px;
	text-align:center
	
	}
.story{
	float:left;
	width:300px;
	margin-top: 180px;
	}
.story p{
}
.story h1{
	font-weight:300;
	color:#fff;
	margin: 0 0 15px;
	font-size: 57px;
	line-height: 1.2em;
	}
.story a{
	color: #fcd54f!important;
	font-weight: bold;
	}
.black-row {
    background: #000;
    text-align: center;
    padding: 25px;
}
.black-row h2{
    font-size: 40px;
    padding: 0;
    margin: 0 0 20px;
}

a.btn {
    border: 1px solid #bda03b;
    display: block;
    width: 47%;
    margin: 0 auto;
    font-size: 23px;
    font-weight: bold;
    padding: 12px;
}
#third-row{
	position:relative;
	background: url(../img/homebg3.jpg) right no-repeat;
	width:100%;
	background-size: 100% 100%;
	padding: 0 0 70px;
	}
#third-row h2{
	font-weight:300;
	margin-top: 350px;
	font-size: 60px;
	line-height: 51px;
} 
#third-row h4, #third-row h4 a{
	font-size: 24px;
	color:#fcd54f!important;
	margin-top: 20px;
}
#third-row .wrapper{
	max-width: 1300px;
	}
.yellowbg .wrapper{
	max-width:100%;
}
.yellowbg{
	background:#fcd54f;
	padding: 80px 80px 60px;
	}
.yellowbg h3{
	text-align:right;
	color:#ffffff;
	font-size: 33px;
	margin:0 0 20px;
	font-family: Arial;
	line-height: 1.3em;
	}
.yellowbg h3 span{
	font-family:Times New Roman;
}
.yellowbg h4{
	text-align:right;
	color:#ffffff;
	margin-right:100px;
	font-size: 18px;
	font-family: Arial;
	}
#fourth-row{
	position:relative;
	background:url(../img/homebg4.jpg) center no-repeat;
	width:100%;
	background-size:cover;
	padding: 0 0 110px;
	}
#fourth-row .right-text p{
	font-size:17.5px;
}
#fourth-row .right-text a{font-size:18.5px}
.right-text p{margin:0 0 10px;}
.right-text{
	position: relative;
	float: right;
	background: rgba(51,51,51,0.5);
	width: 350px;
	top:25px;
	padding: 40px 40px;
	}
.right-text h1{
	font-weight:300;
	color:#fff;
	margin: 0 0 20px;
	font-size: 50px;
	line-height: 51px;
	}
#fifth-row .right-text h1{
	font-size:47px;}
.right-text a{
	color: #fcd54f!important;
	font-weight: bold;
	}
#fifth-row{
	position:relative;
	background:url(../img/homebg5.jpg) no-repeat;
	width:100%;
	background-size:cover;
	padding: 80px 0 150px;
	}
#fifth-row .right-text{
	background: rgba(0,0,0,.63);
	width: 425px;
}
#fifth-row .right-text p{
	font-size:21px;
}

/* Popup */
.white_popup { position: relative; background: url(http://www.goodlifeproject.com/wp-content/themes/GLP/images/glp-lightbox2.jpg) no-repeat; border-radius: 8px; /*border: 13px solid rgba(98, 174, 201, 0.6);*/ background-size: cover; width: auto; max-width: 800px; min-height: 430px; max-height: 550px; margin: 20px auto; }
.mfp-close { background: rgba(0, 0, 0, 0.8) !important; border-top-right-radius: 8px; border-bottom-left-radius: 8px; font-family: "jaf-bernina-sans-comp"; opacity: 0.6; font-size: 35px; font-weight: 200; width: 44px; color: #fff !important; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; }
.popup_text { color: #000; /*background: rgba(255, 255, 255, 0.3);*/ border-radius: 8px; /*margin-left: 275px;*/ padding: 25px 55px; }
.popup_text h3 { font-size: 1.75em; text-align: center; color: #fff; font-weight: bold; margin: 8px 0; }
.popup_text p { font-size: 1.15em; color: #fff; }
.popup_text form { margin: 25px auto 0; width: auto; text-align: center; }
.popup_text .btn, .popup_text .email_field { padding: 11px 7px; vertical-align: middle; }
.popup_text .email_field { border: 1px solid rgba(0, 0, 0, 0.25); }
.popup_text .btn { padding: 11px; background: #0aa602; color: #fff; margin-top: 2px; margin-bottom: 0; }
.popup_text .btn:hover { background: #0a8f03; }

#share_pop { max-width: 500px; min-height: 210px; }


/* Newsletter Popup */

#eModal-7 {
	background-color: #fcd54f!important;
	color: #ffffff!important;
}
#eModal-7 .ebtn {background: #ffffff; color: #bd4300; border-radius: 4px; font-weight: bold; font-family: 'Open Sans Condensed', sans-serif; text-transform: uppercase; font-size: 1.3em; border: none; padding: 15px 20px; letter-spacing: 1px; margin: 15px auto; line-height: 1;}
#eModal-7 .emodal-close {background-color: #ffffff!important; color: #fcd54f!important;}
.masthead_text { color: #fff; position: relative; text-align: center; padding: 10px 0; }
.masthead_text h2, .post_wrapper .masthead_text .left_box h2 { color: #fcd94c; font-size: 1.8em; text-align: left; float: left; text-transform: uppercase; margin: 10px 0 8px 0; letter-spacing: normal; }
.masthead_text h2 span { font-weight: 600; font-size: 1.4em;}
.masthead_text .left_box { width: 620px;}
.masthead_text div { color: #fff; font-family: 'Droid Sans'; /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);*/ line-height: 1.5; font-size: 1.03em; font-weight: normal; float: left; text-align: left; width: 500px; margin-top: 0;} 
.masthead_text form { float: right; margin-top: -40px; }
.masthead_text input[type="text"], .subscribe input[type="text"] { font-family: 'Open Sans Condensed', sans-serif; font-size: 1.2em; padding: 14px; border: none; font-weight: 300; border-radius: 4px; margin-right: 2px; }
.masthead_text h2, .masthead_text div,  .masthead_text form { color: #fff; text-shadow: none; float: none; text-align: center; width: auto; font-family: 'Source Sans Pro', sans-serif; }
.masthead_text h2 { margin: 15px auto 5px; font-size: 2.4em; float: none; text-align: center; font-weight: 700; font-family: 'Open Sans Condensed', sans-serif; color: #fff; }
.masthead_text form { margin-top: 15px; }

/* Footer */
.footer { clear: both; }
.footer nav { float: none; margin: 20px auto; }
.footer nav ul { float: none; text-align: center; }
.footer nav li { display: inline; margin-right: 30px; }
.footer .menu a { display: inline-block; font-weight: 600; color: #ffffff; border-bottom: none; }
.footer .menu a:hover { text-decoration: none; color: ; border-bottom: none; color: #fcd54f; }
.footer .menu .current_page_item a { border-bottom: none; }
.footer .menu .current_page_item a:hover { border-bottom: none; color: rgba(0, 0, 0, 0.6); }
.footer { box-shadow: 0 10px 25px rgba(0, 0, 0, .08); color: rgba(0, 0, 0, 0.5); text-align: center; background-color: #000000; }
.footer nav { margin-bottom: 0; }
.footer p { padding-bottom: 30px; font-size: 0.9em; font-weight: 600; color: #ffffff; }
.footer .menu a { color: #ffffff; padding: 14px 17px 0 17px; }
.footer p.disclosure { font-weight: 400; text-transform: none; background: #ffffff!important; color: #333; padding: 20px; }
.footer .legal { margin: 0 auto; text-align: center; margin: 0 0 25px 0; }
.footer .legal { list-style: none; }
.footer .legal li { display: inline-block; }
.footer .legal a { color: #ffffff; margin-right: 17px; font-size: 0.8em; }
.container { max-width: 1000px; margin: 0 auto; }
.menu li { display: inline; margin-right: 5px; }
.menu li :last-child { margin-right: 0; }
.menu a { font-family: 'Open Sans Condensed', sans-serif; letter-spacing: 1px; font-size: 14px; line-height: 52px; margin: 0 17px; text-transform: uppercase; /*color: #fcd94c;*/color: rgba(255, 255, 255, 0.9); font-weight: 700; }
.menu a:hover { text-decoration: none; color: rgba(255, 255, 255, 0.6); }
.menu .sub-menu { display: none; }

/**responsive menu****/
div#mobilemenu{
	position: relative;
	/* top:0; */
	display: block;
	width: 100%;
	z-index: 101;
}
li.line div{
	background: none;
	width: 35px;
	cursor:pointer;
	margin: 5px 0;
}
li.line span{
	color:#fbd34f;
	border-top: 3px solid #fbd34f;
	width: 35px;
	margin: 0 0 5px;
	display: block;
}
li.line{
	list-style: none;
	color: #f1853a;
	font-size: 12px;
	padding: 0 0 5px;
	text-transform: uppercase;
}
ul li ul.sub{
	display:none;
	width: 160px;
	position: absolute;
	left: -62px;
}
ul li ul.sub > li{
	background: rgba(0,0,0,0.3);
	padding: 10px;
}
ul li ul.sub li a{
	color:#f1853a;
	font: 400 14px 'Open Sans', sans-serif;
	font-weight: bold;
	}
ul li ul.sub > li a{
	margin-left: 10px;
}
ul li ul.sub li a:hover{
	color: #fff!important;
	text-decoration: none;
	}
@media only screen and (max-width: 977px){
	.testi h2 br{display:none}
	#third-row, #sec-row{background-size:cover}
	.yellowbg h3 br{display:none}
	#third-row{
	position:relative;
	background: url(../img/homebg3.jpg) center no-repeat;}}	
@media only screen and (max-width: 768px){
	.creed{
	float: none;
	text-align:Center;
	width: auto;
	font-size:18px;
	margin-top: 50px;
	margin-right: 0;
	}
	.story{
	float: none;
	width: 100%;
	margin-top: 180px;
	margin: 0 auto;
	text-align: center;
	}
	.testi{
	position:absolute;
	right:0;
	background: rgba(0,0,0,0.3);
	max-width: 100%;
	padding: 12px 5px;
	top: 160px;
	width: 90%;
	}
	a.btn{width:auto}
	.black-row h2{font-size:40px; padding: 0 5px;}
	#third-row .wrapper, .yellowbg .wrapper{
		padding:0 20px;}
	img{max-width:100%}
	.testi h2 br{display:none}
	.yellowbg h3 br{display:none}
	.right-text p br{display:none}
	}
	
@media only screen and (max-width: 499px){
	#first-row {height: 500px;}
	.yellowbg {padding: 20px 10px;}
	.yellowbg h3 {text-align: left;}
	.yellowbg h3 br{display:none;}
	.black-row h2{font-size:30px;}
	.yellowbg h3{font-size:19px;}
	.yellowbg h4{font-size:14px;margin-right:0;}
	.story p br {display: none;}
	.right-text{
	position: relative;
	float: none;
	background: rgba(0,0,0,0.5);
	width: 85%;
	top:25px;
	padding: 30px 20px;
	text-align: Center;
	}
	.right-text p {text-align: left;}
	.story p {text-align: left;}
	.testi{background: rgba(0,0,0,0.6);}
	ul li ul.sub li {background: rgba(0,0,0,0.5);}
	#fifth-row .right-text{
		width:85%; padding: 20px; background: rgba(0,0,0,0.6);}
	#fifth-row .right-text p br{display:none}
	.right-text h1 span, .right-text h1,
	#third-row h2, #third-row h2 span, .story h1{line-height:initial!Important;font-size:30px!Important;}}