body {
	background-color:#fff;
	margin:0;
	padding:0;
	font-family:  'Roboto', Arial, Helvetica,sans-serif;
}

/* f5f5ff - light white, b4d200 - green, 3ca050 - dark green,88589e,5fc2fa,fac013,4ea861 */
h4,p {text-align1:justify;}
h4,p,span,div {color:#555;line-height:1.4em;}
p,li {font-size:18px;}
h1 {color:#78c144;font-size:38px;font-family: 'Arial'}
h2,h3 {color:#333;font-family: 'Arial'}
h4{color:#666;font-family: 'Arial'}
a {text-decoration:none;color:rgba(0,0,0,0.75);border:0px solid transparent;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;}
input ,textarea{background-color:#fff;color:#787882;border:1px solid #c8c8d2;border-radius:15px;padding:5px 15px;margin:5px;}
input:focus,textarea:focus{outline:none;border:2px solid #3ca050;border-radius:15px;}

.page-wrapper{width:900px;margin:0 auto}
.content-wrapper{width1:1180px;margin:0 5% }
.head-line {padding:20px 0;}
.head-line h1{margin:0;}
#top-logo{margin:20px 25px 20px 0px;}
.top-menu {display:inline-block;vertical-align:middle;padding:0;opacity:1;list-style-type: none;margin:-76px 0 0 0;height:54px;margin-left:50%;}
.top-menu li{display:inline-block;vertical-align:top;text-align:center;margin:0 12px}
.top-menu li a{text-transform:uppercase;color:#38b44c;font-family: 'Arial';font-size:16px;font-weight:bold;border-bottom:2px solid #fff;}
.top-menu li a:hover{color:#334f9d;border-bottom:2px solid #38b44c;}
.top-menu li.active a{color:#9696a0}
#menu-ham{float:right;display:none;}
@media only screen and (min-width : 1441px){
	.top-menu li{margin:0 24px}
	.top-menu li a{font-size:18px;}
}
@media only screen and (max-width : 1000px){
	#menu-ham{float:right;display:inline-block;margin:30px 10px}
	.top-menu {
		margin-top:0px;
		display:none;
		position:absolute;
		width:50%;
		left:0;
		z-index:9999;
		border-bottom: 2px solid #38b44c;
		border-left: 2px solid #38b44c;
		height: auto;
		background-color:#fff;
	}
	.top-menu li{
		display:block;
		margin:0 24px;
		padding:10px 0;
		background-color:#fff;
	}
	.top-menu li a{display:block;font-size:16px;background-color:#fff;}
}
.paralax1 {margin:0;border-top:8px solid #334f9d;border-bottom:8px solid #334f9d;text-align:center;font-size:58px;color:white;padding:16% 16%; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); line-height:1.2em}
.paralax2 {color:#ddd; text-align:center;padding:8% 16%;font-size:60px;margin:0;text-shadow: -2px 2px #000;line-height:1.2em;border-top:8px solid #334f9d;border-bottom:8px solid #334f9d;background-color:rgba(51,79,157,0.7)}
@media only screen and (max-width : 768px){
	.paralax1 {font-size:38px;padding:6% 6%;}
	.paralax2 {font-size:38px;padding:6% 6%;}
}
.home-section-title {padding:40px 0 25px 0}
.home-icon-box {margin-bottom:60px;vertical-align:top;cursor:pointer}
.home-icon-box div {display:table-row}
.home-icon-box  img {display:table-cell;vertical-align:top;}
.home-icon-box  p {display:table-cell;vertical-align:top;padding:0 35px 0 15px;text-align:left}
.home-icon-box:hover  p {color:#147850}


.home-imaged-divider {clear:both;display1:table-row}
.home-imaged-divider img {display1:table-cell;vertical-align:middle;}
.home-imaged-divider  > div {display1:table-cell;vertical-align:middle;}
.home-imaged-divider h2 {font-style:italic;text-align:center}
.home-imaged-divider p {text-align:center}

.home-imaged-divider2 {clear:both;display1:table-row}
.home-imaged-divider2 img {border-radius:50%;margin:42px 42px 42px 0;display1:table-cell;vertical-align:middle;}
.home-imaged-divider2 div {display1:table-cell;vertical-align:middle;}
.home-imaged-divider2 h2 {text-align:left}
.home-imaged-divider2 p {text-align:left}

.image-card {margin:10px;position:relative;background-repeat:no-repeat;background-size:cover;height:360px;border-radius:25px;overflow:hidden;}
.image-card  > div {position:absolute;bottom:0px;height:85px;width:100%;opacity:0.9;text-align:center;padding:0;margin:0;transition:all 0.3s ease;}
.image-card.active > div  {height:360px;position:absolute;margin-top:-10px;padding-top:20px}
.image-card.active  li {color:#fff;text-align:left;}
.image-card  p  {font-size:24px;margin-top:10px;text-align:center;vertical-align:top}
.image-card :nth-child(2n+1){margin-right:30px;}


.image-spot {text-align:center}
.image-spot  > a {display:block;text-align:center;width:150px;height:150px;margin:0 auto}
.image-spot  > a span{display:none;height:150px;width:150px;border-radius:50%;background-color:#3ca050;color:#fff;line-height:150px}
.image-spot  > a:hover img{display:none;}
.image-spot  > a:hover span{display:block;}
.image-spot:hover > p {color:#3ca050}
.image-spot  p {text-align:center}
.image-rounded{border-radius:10px; margin:25px 20px 10px 0;}

.plan-button {display:inline-block;border-radius:25px;font-size:32px;padding:20px 40px;margin:10px;text-align:center;}
.button-round-small {color:#e6e6f0;border:2px solid #fff;border-radius:15px;padding:5px 15px;margin:5px;}
.button-tab {background-color:#e2e2e5;color:#85858e;border-top-left-radius:15px;border-top-right-radius:15px;padding:0px 35px;margin:0px;height:42px;display:inline-block;line-height:42px;cursor:pointer}


.nutrition-value-table {}
.nutrition-value-table tr:nth-child(even) {background-color:rgba(255,255,255,0.2)}
.nutrition-value-table tr:nth-child(odd) {background-color:rgba(255,255,255,0.4)}
.nutrition-value-table td {padding:6px 15px;}
.nutrition-value-table td:nth-child(even) {background-color:rgba(255,255,255,0.2)}
.nutrition-value-table td:nth-child(odd) {background-color:rgba(255,255,255,0.4)}

.diseases-page{margin-bottom:30px}
.diseases-page  h2 {text-align:center;color:#787882;background-color:#f5f5ff;padding:20px;font-size:28px;}
.diseases-page  h3{color:#3ca050;cursor:pointer;margin:20px 0 0 0;font-size:22px;}
.diseases-page .disease  h3:before{content:'+';font-weight:bold;padding-right:5px;}
.diseases-page .disease.active h3:before{content:'-';font-weight:bold;padding-right:5px;}
.diseases-page  h4{color:#b4d200;;margin:15px 0 0 0;font-size:18px;}
.diseases-page  p{color:#787882;margin:5px 0 5px 0;font-size:14px;}

.disease-button {cursor:pointer;color:#3ca050;background-color;#fff;border:2px solid #b4d200;border-radius:10px;display:block;font-size:18px;padding:20px 40px;margin:0;text-align:center;}
.disease-menu-container  {position:relative;height:95px}
.disease-menu-box{border-radius:10px;padding:0;overflow:hidden;position:absolute;width:90%}
.disease-menu-box.active{background-color:#3ca050;}
.disease-menu-box div{display:none;margin:0;padding:0;}
.disease-menu-box.active div {display:block;}
.disease-menu-box.active > .disease-button{color:#147850;background-color:#b4d200;}

.disease-menu-box li {background-color:#3ca050;padding:5px 15px;border-top:1px solid #147850;}
.disease-menu-box li  a{display:block;color:#fff;}
.disease-menu-box li:hover{background-color:#147850;}

.disease div{display:none;}
.disease.active div{display:block;}
.disease-detail{display:none;}
.disease-detail.active{display:block;}

ul.rounded-number {counter-reset:item;list-style-type:none;list-style-position:outside;}
ul.rounded-number li {counter-increment: item;padding-left:50px;position:relative;min-height:60px;margin-bottom:10px;}
ul.rounded-number li:before {content:counter(item);position:absolute;left:-20px;width:30px;height:30px;border-radius:100%;background-color:#b4d200;padding:10px;
   text-align: center;
   display: inline-block;color:#fff;font-size:24px}


.bar {background-color:#fff;width:80%;height:4px;margin:11px 0;}
.bar-value{background-color:#3ca050;width:0%;height:4px;margin:11px 0;}

.order-header{position:fixed;}
@media only screen and (max-width : 768px){
	.order-header{position:inherit;}
}
.order-page h2{ color:#787882;}
.order-page th{ text-align:center;padding:10px 0;}
.order-page td{ text-align:center;padding:10px 0;}
.order-page .people-select{border:2px solid #ccc;border-radius:10px;padding:20px;margin-right:20px;}
.order-page input{background-color:#fff;color:#787882;}
.order-page input[type="button"]{border:1px solid #b4d200;color:#3ca050}
.order-page td input{text-align:center;font-size:18px;background-color:#fff;border:0;width:100%;margin:0;padding:0}

.hour-table-1{}
.hour-table-1 input{text-align:center;font-size:14px;background-color:#fff;border:0;width:100%;margin:0;padding:0}
.hour-table-1 div{float:left;display:inline-block;text-align:center;padding:0;margin:0;cursor:pointer;color:#fff;vertical-align:middle;width:12%;}
.hour-table-1 span{display:block;border:2px solid #9696a0;margin:2px;padding:10px 5px 0px 5px;height:30px;}

.hour-table-1 div:first-child{width:18%;height:90px;background-color:#555;border-top-left-radius:10px;border-bottom-left-radius:10px;margin:2px;}
.hour-table-1 div:first-child.alone{width:18%;}
.hour-table-1 div:first-child span{display:block;color:#fff;vertical-align:middle;margin:2px;}

.hour-table-1.active div,.hour-table-1.active div{color:#000;}
.hour-table-1.active div:first-child{background-color:#8250a0;}
.hour-table-1.active span {border:2px solid #8250a0;}
.hour-table-1 div:last-child span:first-child{border-top-right-radius:10px;}
.hour-table-1 div:last-child span:last-child{border-bottom-right-radius:10px;}
.hour-table-1 div:last-child.alone{width:72%;}
.timeCellTemplate {display:none;}
@media only screen and (max-width : 768px){
	.hour-table-1 {display:block;}
	.hour-table-1 div{border-radius:0;}

	.hour-table-1 div{width:50%;}
	.hour-table-1 div:first-child{width:100%;border-radius:0;border-radius:0;border-top-left-radius:10px;border-top-right-radius:10px;margin:0px;}
	.hour-table-1 div:last-child span:first-child{border-radius:0;}
	.hour-table-1 div:last-child span:last-child{border-bottom-right-radius:10px;}
	
	.hour-table-1 div:first-child.alone{width:100%;}
	.hour-table-1 div:last-child.alone {width:100%;}
	.hour-table-1 div:last-child.alone span:first-child{border-radius:0;}
	.hour-table-1 div:last-child.alone span:last-child{border-radius:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
	
	.time-divider{display:block;}
}

.week-table {overflow:hidden;border:1px solid #c8c8d2;border-radius:10px;}
.week-table th,.week-table td{color:#787882;font-weight:normal;padding:10px 5px;border:1px solid #c8c8d2;cursor:pointer}

.week-table .week{background-color:#9696a0;color:#fff;}
.week-table td.active{background-color:#8250a0;color:#fff;}
.week-table .week.active td{color:#fff;}
.week-table .week.active td:last-child{background-color:#fff;}
.week-table  td:last-child{color:#ccc;}
.week-table  th:last-child{color:#ccc;}
/*
.week-table tr :last-child{display:none;}
.week-table tr :first-child{display:none;}

/*
.order-table {display:block}
.order-table tr  {display:block}
.order-table th  {display:block}*/

.order-table  {display:table;width:100%;border-collapse: separate; border-spacing: 3px;}
.order-row  {display:table-row;}
.order-cell  {display:table-cell;border-radius:10px;border:2px solid #cbcbd2;padding:10px;text-align:center;vertical-align:middle;}
.order-cell1  {display:block;margin:3px;}
.order-cell2{display:inline-block;width:29%;margin:3px;}
@media only screen and (max-width : 1024px){
	.order-cell{display:inline-block;width:30%;height:100px;vertical-align:middle;margin: 1px;}
}
@media only screen and (max-width : 768px){
	.order-cell{display:inline-block;width:45%;height:100px;vertical-align:middle;margin: 1px;}
}
@media only screen and (max-width : 480px){
	.order-cell{display:inline-block;width:95%;height:100px;vertical-align:middle;margin: 1px;}
}
/**/
.client-nav-button {width:200px;height:68px;font-size:16px;text-align:left;border:2px solid #b4d200;border-radius:38px;padding:5px 15px 5px 75px;color:#3ca050;background-color:#fff;display:table-cell;vertical-align:middle;margin-right:38px;background-position:30px center;background-repeat:no-repeat;background-image:url('../img/order-menu.png');}
.client-nav-button img {margin-right:10px;float:left}
.client-nav-button.active,.client-nav-button:hover  {color:#fff;background-color:#b4d200}


.client-menu-container  {position:relative;padding:0 10px;vertical-align:top;}
.client-menu-box{border-radius:38px;padding:0;overflow:hidden;border:2px solid #b4d200;background-color:#fff;vertical-align:top;}
.client-menu-box span:hover{color:#fff;background-color:#3ca050;}
.client-menu-box.active{background-color:#fff;}
.client-menu-box div{display:none;margin:0;padding:0;}
.client-menu-box span{cursor:pointer;width:300px;height:68px;font-size:16px;text-align:left;border-radius:38px;padding:5px 15px 5px 75px;color:#3ca050;background-color:#fff;display:table-cell;vertical-align:middle;margin-right:38px;background-position:30px center;background-repeat:no-repeat;background-image:url('../img/order-menu.png');}
.client-menu-box span a{color:#3ca050}
.client-menu-box span:hover>a{color:#fff}
.client-menu-box.active div {display:block;}
.client-menu-box.active > .client-button{color:#fff;background-color:#3ca050;border:2px solid #3ca050;}

.client-menu-box li {background-color:#fff;color:#147850;}
.client-menu-box li  a{display:block;color:#147850;border-bottom:2px solid #b4d200;margin:0 25px;padding:10px 0px;}
.client-menu-box li:hover{background-color:#b4d200;color:#147850;}
.client-menu-box li a:hover{color:#fff;}
.client-menu-box li:last-child > a{border-bottom:0}

.green-button {background-color:#fff;border-radius:15px;padding:5px 15px;margin:5px;border:1px solid #3ca050;color:#3ca050}
.green-button:hover {background-color:#3ca050;color:#fff}
.dark-green-button {border-radius:15px;padding:5px 15px;margin:5px;border:2px solid #147850;color:#fff}
.dark-green-button:hover{background-color:#147850;color:#fff}

.big-green-button {border-radius:15px;padding:5px 15px;margin:5px;border:2px solid #147850;color:#fff}
.big-green-button:hover{background-color:#b4d200;color:#fff}
.small-green-button {border-radius:15px;padding:5px 15px;margin:5px;border:1px solid #b4d200;color:#fff}
.small-green-button:hover{background-color:#b4d200;color:#fff}


footer span {color:#c8c8d2;display:block;font-size:12px;}
footer a {color:#e6e6f0;text-decoration:none;display:block;padding-bottom:29px;}
footer .links a{margin-bottom:20px;}
footer input ,footer textarea{background-color:#9696a0;color:#e6e6f0;border:1px solid #e6e6f0;border-radius:15px;padding:5px 15px;margin:5px;}

/*::-webkit-input-placeholder {color:#fff;}*/

.d-letter {
	text-transform:uppercase;
	font-weight:bold;
	font-size:24px;
	padding:10px;
	display:inline-block;
	border:1px solid #fff;
}
.d-letter:hover {
	border:1px solid #aaa;
	border-radius:10px;
}
.d-letter small {
	color:#999;
}



.ULtest li {
    background: url("../img/li-frame-tic.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 110px;
    list-style-type: none;
	padding-right:20px;
    padding-left: 70px;
	margin:5px -20px 25px 10px;

}
.ULtest li:hover {
    background: url("../img/li-frame-wic.png") no-repeat scroll 0 0 transparent;
    list-style-type: none;
    padding-left: 70px;
}
@media only screen and (max-width : 768px){
	.ULtest li {height: auto;}
}
.workflow.vertical {
    list-style-type: none;
    margin: auto;
   
}
.workflow.vertical > li {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #38b44c;
    border-radius: 0 0 0 0;
    border-style: none none none solid;
    border-width: medium medium medium 4px;
    counter-increment: step-counter;
    padding: 0 0 10px 60px;
    text-align: left;
}
.workflow.vertical > li:before {
    -moz-box-sizing: border-box;
    background-color: #334f9d;
    border: 8px solid #38b44c;
    border-radius: 50% 50% 50% 50%;
    color: #FFFFFF;
    content: counter(step-counter, decimal);
    float: left;
    font-family: 'Montserrat',sans-serif;
    font-size: 24px;
    height: 60px;
    line-height: 58px;
    margin: -24px 30px 0 -100px;
    text-align: center;
    width: 60px;
	box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.6); 
	font-weight:bold;
}
.workflow.vertical > li:last-child {
    border-left: 3px solid transparent;
    padding-bottom: 0;
}