html, body {
	margin:0;
	padding:0;
	min-height:100%;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
}


h1, h2, h3, h4, h5, h6 {
	font-weight:300;
	margin:0;
	font-family: inherit;
	margin:10px 0;
	line-height: 1.25em;
	text-transform: uppercase;	
}

 
p{
   font-size: 1em;
   line-height: 1.35em;
   margin: 0;
}


h1 {
   font-size: 2.1em;
}
 
h2 {
   font-size: 2.4em;
}

h3 {
   font-size: 2em;
}

h4 {
   font-size: 1.8em;
}

h5 {
   font-size: 1.4em;
}

h6 {
   font-size: 1.2em;
}


a {
	color:#01c30a;
	text-decoration:none;
	transition:0.8s;
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-o-transition:0.8s;
}

a:hover {
	color:#00ea0b;
}


::-moz-selection { background: #00b708; color: #fff; }
::selection { background: #00b708; color: #fff; }

.green-bg{background: #01c30a;}
.green-col{color: #01c30a;}
.lgrey-bg{background: #ebebeb}

header{
	width: 100%;
	position: relative;
	background: #01c30a;
	padding: 35px 0;
	z-index: 999;
}

nav{
	position: absolute;
	margin: 0;
	top: 100%;
	left: 50%;
	transform: translate(-50%,0);
	background: #fff;
	margin-top: 35px;
}

nav menu{
    background: #fff;
    padding: 0px 0px;
    min-width: 780px;
    margin: 0;
}


header nav ul li{
	display: inline-block;
	padding: 15px 0;
	position: relative;
}

header nav ul li a{
	color: #000;
	padding: 5px 10px;
	position: relative;
	text-transform: uppercase;
	font-weight: 600;
}

header .logs{
	position: absolute;
	bottom: 100%;
	right: -200px;
	margin-bottom: 5px;
}

.ddm,
.subddm{
	position: absolute;
	display: none;
	text-align: left;
	width: 200px;
}

.ddm{
	top: 100%;
	left: 0;
	padding-top: 0;
}

.subddm{
	left: 100%;
	top: 0;
}


.ddm ul li{
	display: block;
	padding: 0;
}

.ddm ul li a{
	display: block;
	padding: 15px;
	background: rgba(255,255,255,.7);
}

.ddm ul li:hover > a{
	background: rgba(255,255,255,1);
}

.trigger{
	width: 40px;
	height: 40px;

	position: absolute;
	top: 12px;
	right: 20px;
	z-index: 9999;
	display: none;

}

.trigger > div{
	position: relative;
}

.trigger > div > span{
	position: absolute;
	height: 2px;
	width:60%;
	margin:0 20%;
	background: #000;
	top:12px;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	transition:.7s;
	-moz-transition:.7s;
	-webkit-transition:.7s;
}

.trigger > div > span:nth-child(2){
	top:19px;
}

.trigger > div > span:nth-child(3){
	top:27px;
}

.trigger > div.close > span:nth-child(1){
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	top: 19px;
}

.trigger > div.close > span:nth-child(2){
	display: none;
}

.trigger > div.close > span:nth-child(3){
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg);
	top: 19px;
}

.trigger, .sitewrapper{
	transition:.7s;
	-moz-transition:.7s;
	-webkit-transition:.7s;
}

.slided{
	-ms-transform: translate(-320px,0); /* IE 9 */
	-webkit-transform: translate(-320px,0); /* Safari */
	transform: translate(-320px,0); /* Standard syntax */
}




/* END OF HEADER STYLING FOR WEB*/

#overlay{
  position:fixed;
  z-index:99999;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:#01c30a;
  transition: 1s 0.4s;
  width: 100%;
  height: 100%;
  font-size: 2em;
}

#overlay > div{
  text-align: center;
  display: table;
  width:100%;
  height: 100%;
}

#overlay > div > div{
  vertical-align: middle;
  display: table-cell;
}

#overlay .linewidth {
    width: 100px;
    margin: 0 auto;
}

#overlay #progstat {
    font-size: 1.8em;
    line-height: 1.4em;
    color: #fff;
    font-weight: 700;
}

#progress {
    height: 1px;
    background: #000;
}


/* PARALLAX SECTION IS HERE */
#prlx{
	background: url(../img/prlx-bg.jpg) 50% 0 no-repeat fixed;
	color: white;
	margin: 0 auto;
	position:relative;
	background-size: cover;
}

.mytbl{
	width: 100%;
	height: 490px;
	background: url(../img/tbl.png) center no-repeat;
}

.tp-parallax-wrap,
.tp-loop-wrap,
.tp-caption{
	width: 100% !important;
}

.tp-caption *{
	color: #fff !important;
	/*text-align: center !important;*/
	line-height: 1.15em !important;
}

.notcenter.tp-caption *{
	text-align: left !important;
}

.tp-caption img{
	display: block !important;
	width: 354px !important;
	margin: 0 auto !important;
}

.tp-parallax-wrap
{

    width: 80% !important;
}
.notcenter.tp-caption .bigimg img{
	width: 964px !important;
	float: left !important;
	margin: 0 !important;
}

.tp-caption h1{
	font-size: 3rem !important;
	    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: #000;
}

.tp-caption strong{
	font-weight: 900 !important;
}

.tp-caption .btn{
	margin-top: 35px !important;
}
.tp-caption .btn img{
	width: 223px !important;
	height: 60px !important;
}



.readmore{
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	font-weight: 600;
	text-transform: uppercase;
}

.readmore.small-btn{
	font-size: .8rem;
}

.readmore *{
	vertical-align: middle;
}

.readmore.green-bg{
	background: #01c30a;
	color: #fff;
}

.readmore.black-bg{
	background: #000;
	color: #fff;
}

.readmore.white-bg{
	background: #fff;
	color: #000;
	border: 1px solid #fff;
}

.readmore:before{
	position: absolute;
	width: 1px;
	height: 100%;
	left: 100%;
	margin-left: 5px;
	top: 5px;
	background: #01c30a;
	content: "";
}

.readmore:after{
	position: absolute;
	height: 1px;
	width: 100%;
	top: 100%;
	margin-top: 5px;
	left: 5px;
	background: #01c30a;
	content: "";
}

.readmore.green-bg:before,
.readmore.green-bg:after{
	background: #01c30a;
}

.readmore.black-bg:before,
.readmore.black-bg:after{
	background: #000;
}


.readmore.white-bdr.green-bg {
	background: none;
	border: 1px solid #fff;
}

.readmore.white-bg:before,
.readmore.white-bg:after{
	background: #fff;
}

.readmore.blue-col{
	color: #00a2ff;
}

.readmore.blue-col:before,
.readmore.blue-col:after{
	background: #00a2ff;
}

.readmore.lor:after{
	left: auto;
	right: 6px;
}

.readmore.lor:before {
    right: 100%;
    margin-right: 5px;
    left: auto;
    margin-left: 0;
}

.readmore.white-bg.no-bars:before,
.readmore.white-bg.no-bars:after,
.readmore.white-bdr.green-bg:before,
.readmore.white-bdr.green-bg:after {
	display: none;
}


.quest{
	width: 100%;
	height: 705px;
	background: url(../img/quest.png) top no-repeat;
}

.bio{
	width: 100%;
	height: 571px;
	background: url(../img/bio.jpg) top no-repeat;
}

.prlx-data{
	background: rgba(255,255,255,.8);
	color: #000;
}

.nalist .img-bg{
	width: 100%;
	padding: 30% 0;
}

.date{
	padding: 20px;
	background: #01c30a;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
}

.nalist .date{
	position: absolute;
	left: 20px;
	top: -20px;
	color: #fff;
}

.date *{
	display: block;
}

.date span{
	font-size: 1rem;
}

.vbars:before,
.vbars:after{
	position: fixed;
	top: 0;
	width: 25px;
	height: 100vh;
	background: #01c30a;
	content: "";
	z-index: 500;
}

.vbars:before{
	left: 50%;
	margin-left: -738px;
}

.vbars:after{
	right: 50%;
	margin-right: -738px;
}

.mainimg .img-bg{
	width: 100%;
	height: 45vh;
}
.mainimg.bgg .img-bg{
	width: 100%;
	height: 95vh;
}
.v-top
{
	vertical-align:top
}
.mx-100
{
	max-width:100%
}
.flex{display: flex;}
.flex.fwh{width: 100%; height: 100%;}
.flex.jc-c{justify-content: center;}
.flex.ai-c{align-items: center;}

.flex .as-s{align-self: stretch;}

.mainimg .overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.15);
	text-align: center; 
}
.mainimg .overlay.overlay1
{
	background:none;
	height: 60%;
}
.mainimg h2{
	color: #fff;
	text-shadow: 0 0 20px rgba(0,0,0,.8);
}


.mainimg ul{
	padding: 5px 10px;
	background: #fff;
	text-transform: uppercase;
}

.mainimg ul li{
	display: inline-block;
	padding-right: 40px;
	position: relative;
	color: #01c30a;
	font-size: .8rem;
}

.mainimg ul li:after{
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translate(0,-50%);
	color: #000;
	content: "/";
}

.mainimg ul li:last-child:after{
	display: none;
}

.mainimg ul li:last-child{
	padding-right: 0;
}

.mainimg ul li a{
	color: #000;
}

.beforeafter .img-bg{
	width: 100%;
	height: 95vh;
	position: relative;
	margin:10px 0;
}

.beforeafter div .img-bg:before{
	background: #01c30a;
	width: 30px;
	top: 15px;
	right: 100%;
	height: 52px;
	content: "";
	position: absolute;
}

.beforeafter div .img-bg:after{
	position: absolute;
	top: 20px;
	left: -25px;
	padding: 10px 15px;
	background: #fff;
	color: #01c30a;
	font-weight: 600;
	font-size: 1.3rem;
}

.beforeafter .before .img-bg:after{
	content: "BEFORE"
}

.beforeafter .after .img-bg:after{
	content: "AFTER"
}

.missionvision > div:nth-child(odd){
	padding-right: 20px;
}

.missionvision > div:nth-child(even){
	padding-left: 20px;
}

.vidlist a{
	color: #000;
}

.vidlist .img-bg{
	width: 100%;
	padding: 30% 0;
}

.vidlist .overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/play.png) center no-repeat;
}

.tipsinfo .img-bg{
	width: 100%;
	padding: 50% 0;
}

.showlink{
	padding: 3px;
	background: #e5f9e6;
	font-size: .8rem;
}

.bookslist .flex{
	background: #f5f5f5;
	padding: 20px;
}

.bookslist .absobtn{
	position: absolute;
	bottom: 30px;
	left: 33.333%;
	margin-left: 20px;
}

.slickslider .slick-slide{
	border-right: 1px solid #898989;
	box-sizing: border-box;
}

.slickslider .slick-slide:hover{
	background: rgba(1,195,10,.1);
}

.slickslider .slick-slide .pad-35.txt-cntr{
	box-sizing: border-box;
}


.video{
	padding: 17% 0;
	position: relative;
}

.video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.ssgal .img-bg{
	width: 100%;
	padding: 50% 0;
}

.profilemenu{
	font-size: 1.3rem;
}

.profilemenu a{
	padding: 5px 0;
	color: #000;
	display: block;
}


.table .flex{
	border-bottom: 1px solid #000;
}

.table .flex:last-child{
	border-bottom: none;
}

.table .flex.hdr{
	background: #f0f0f0;
	border-bottom: none;
}

.projectslider,
.slick-list,
.slick-track,
.slick-slide,
.slick-slide > div{
	height: 100%;
}

.projectslider .slick-slide .img-bg{
	width: 100%;
	height: 100%;
}

.prgdet .colw-50:first-child{
	background: #f5f5f5;
}

.prgdet .colw-50:nth-child(even){
	background: #fff;
}

footer {
	position: relative;
	z-index: 500;
	width: 100%;
	color: #fff;
}

footer a{
	color: #fff;
}

footer a:hover{
	color: #000;
}

footer li{
	width: 50%;
	float: left;
}

footer input[type="text"],
footer input[type="email"],
footer textarea {
	border: 1px solid #fff;
	background: none;
}

footer ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
footer ::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
footer :-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
footer :-moz-placeholder { /* Firefox 18- */
  color: #fff;
}


footer .sign{
	background: #090909;
	padding: 10px 0;
	text-align: center;
	font-size: .8rem;
}




.displaynone
{
	display:none !important
}


.vError
{
	border:red 1px solid !important
}
.form-error
{


	color:red;
	font-size:12px;
}
.FormResult  , .FormResult2
{
	color:green;
	font-size:16px;
	width:100%;
	padding-top:15px;
	display:inline-block
}
.dnone
{
	display:none
}


/*//////////////////////////////////////////////////MESSAGES\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.messages {
    margin: 0 0 10px;
    overflow: hidden;
	display:inline-block;
	width:100%;

}
.messages, .messages ul {
    list-style: outside none none !important;
    margin: 0;
    padding: 0;
}

.success-msg {
    background-color: #e9ffca;
    background-image: url("../images/msg-success.png");
    border-color: #296a23;
    color: #296a23;
}

.error-msg {
    background-color: #f5dad3;
    background-image: url("../images/msg-error.png");
    border-color: #c02230;
    color: #c02230;
}

.error-msg, .success-msg, .note-msg, .notice-msg {
    background-position: 25px center !important;
    background-repeat: no-repeat !important;
    font-size: 12px !important;
    padding: 25px 25px 25px 75px !important;
	margin:15px 0;
	text-align:left;
}

.note-msg, .notice-msg {
    background-color: #fdeda4;
    background-image: url("../images/msg-note.png");
    border-color: #7c622a;
    color: #7c622a;
}
	

	.close-msg{
	float:right;}
	
	.close-msg i {
    cursor: pointer;
    font-size: 24px;
    font-weight: normal;
    margin-top: -4px;
}
.cur{
	cursor:pointer
}
.art_title
{
    min-height: 90px;
    display: inline-block;
}
.subheight
{
	min-height:155px;
}
.success_desc_height
{
	min-height:90px;
}
.team_title
{

}
.team_title a
{
	padding-top:10px;
	 display: inline-block;
}
#eating_other_input , #eating_time_other_input , #height_inch_other , #workhours_other_input,#goal_other_input
{
	margin-top:5px;
	display:none
}
.nostyle
{
    font-size: initial;
    color: initial;
    display: inline-block;
    line-height: 0;
}
#mobile_signin
{
	display:none
}
.tp-bgimg.defaultimg 
{
	background-position:top center !important;
	/*background-size:contain !important*/
}



.new_articles_slick .slick-slide {
  margin: 0 20px;
}


.new_articles_slick .slick-prev:before, .new_articles_slick .slick-next:before
{
	color:#000
}

.new_articles_slick .slick-prev
{
	left:-10px;
}

.new_articles_slick .slick-next {
    right: -10px;
}
.before.slick-slider , .after.slick-slider
{
	display:inline-block
}
.before .slick-list , .after .slick-list
{
	overflow:inherit
}



.fb {
    background-color: #3B5998;
    color: white;
}
.google {
    background-color: #dd4b39;
    color: white;
}
.btn {

    padding: 5px 12px;
    border: none;
    border-radius: 4px;
    margin: 5px 0;
    opacity: 0.85;
    font-size: 14px;
    line-height: 20px;
    width: 200px;
    display: block;
    text-decoration: none;
    text-align: left;
}
.btn:hover{
color:#FFF !important
}
.fa-fw {
    width: 1.28571429em;
    text-align: center;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.tp-bgimg.defaultimg 
{
	background-position:top center !important
}
.d-block
{
	display:inline-block
}
.tips_height
{
	min-height:120px
}
.FormResult1
{
	color:#FFF
}