/*----------------------------------------------------------------
Template Name: Eat drink and meet mary - Responsive Template
Template URI: http://zingwp.com
Description: 
Author: ZingWP
Author URI: 
Version: 1.0.0
------------------------------------------------------------------*/
/*----------------------------------------------------------------
    CSS INDEX
    ===================
	1. global
	2. alter bootstrap
-------------------------------------------------------------------*/

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

@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}
/*-------------------------
1. global
-------------------------*/
body {
	font-family: 'Lato'; font-size: 0.9999rem; font-weight: 400;
	color: #333;
}
img {
	max-width: 100%;
	height: auto;
}
* {
	outline: none !important;
}
a {
	color: #B6CD44;
	text-decoration: none;
	-webkit-transition: color 0.2s ease 0s;
	-moz-transition: color 0.2s ease 0s;
	transition: color 0.2s ease 0s;
}
a:hover {
	color: #F7A063;
	text-decoration: none;
}
.section {
	margin-bottom: 3rem;
}
.section-title {
	font-size: 1.5rem; font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 1rem;
    margin-top: 1.5rem;
color: #99ca46;
}
h3{padding-bottom: 15px;}
.tntVideoList h3 {
    font-size: 14px;
    padding-bottom: 30px;
    text-align: center;
    margin-top: 4px;
}
.noleftright{padding-left:0px;padding-right:0px}
.free-image{float:left;padding-right:10px;padding-top:6px;padding-bottom: 26px;}
.alightleft{float:left}
.tntVideoList img {
    margin: 0 auto;
}
.print__link{background: url(../images/button_download_pdf.gif) no-repeat left;
    padding-left: 70px;
    padding-right: 70px;
    padding-bottom: 10px;
    padding-top: 40px;
    margin-bottom: 10px;
font-size: 0px;
float: right;
    margin-right: 10px;
}
#billing-pane summary{display:none}
#payment-pane summary{display:none}
#payment-pane{margin-bottom: 20px;}
#cart-pane summary{display:none}
#cart-pane .products{text-align:center;font-weight: bold;}
#cart-pane .cart-review{margin:0 auto;margin-top: 10px;margin-bottom: 10px;}
.sign-up-bt1{font-size: 30px;
    color: #99ca46;
    /* padding-top: 10px; */
    padding: 5px;
    background: #f0f0f0;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 30px;
    border-radius: 15px;
    text-transform: uppercase;
    font-weight: bold;}
.sign-up-bt{font-size: 30px;
    color: #99ca46;
    /* padding-top: 10px; */
    padding: 5px;
    background: #666;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 30px;
    border-radius: 15px;
    text-transform: uppercase;
    font-weight: bold;}
.plan-home .media{background: none !important;}
.plan-home .title-video{text-shadow: 1px 1px #000;}
.owl-carousel{display:none}
.video-footer-slo{padding-top: 20px;
    font-size: 28px;
    color: #000;
    font-weight: bold;}
.ichome{margin-top:20px}
.modal{z-index:8888}
.modal-content{margin-top:-30px}
.bgiconhome:hover{background: #99ca46;}
.video-footer-slo1{font-size: 18px;padding-bottom: 30px;padding-top: 25px;}
.bgbody{background: url(../images/bgbody.png) no-repeat center top;}
.wrap-meal-planning1{background: url(../images/Meal-Planning_03.png) no-repeat top center;background-size: 100% 100%;}
.create-blog{font-size:12px;color:#B6CD44}
.sumary-blog{min-height:110px;}
.title-page-first{text-align: center;font-size: 50px;}
.title-page-second{text-align: center;font-size: 40px;background: url(../images/line-title.png) no-repeat center bottom;padding-bottom: 20px;margin-bottom: 40px;}
.logo{float:left;padding-left: 0px;padding-top: 10px;padding-bottom: 10px;}

.meal-planning01{position: absolute;left: 0px;top: 0px;background: #fff;width: 300px; z-index: 999;-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
text-align:left;padding: 5px;}
.meal-planning02{position: absolute;right: 0px;top: 0px;background: #fff;width: 300px; z-index: 999;-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);text-align:right;padding: 5px;}
.meal-planning03{position: absolute;left: 0px;top: 0px;background: #fff;width: 300px; z-index: 999;-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);text-align:left;padding: 5px;}
.meal-planning04{position: absolute;right: 0px;top: 0px;background: #fff;width: 300px; z-index: 999;-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);text-align:right;padding: 5px;}
.slogan-slide{position: absolute;text-align: center;width: 100%;bottom: 0px;z-index:7777;color: #fff;background: #000;opacity: 0.6;}
.title-video{text-align:center;font-size:30px;color:#000;padding-bottom: 35px;}
.bluebgicon1 .hicon1{background: url(../images/hicon_031.png) no-repeat center;padding:100px 40px 100px 40px}
.bluebgicon2 .hicon2{background: url(../images/hicon_05.png) no-repeat center;padding:100px 40px 100px 40px}
.bluebgicon3 .hicon3{background: url(../images/hicon_07.png) no-repeat center;padding:100px 40px 100px 40px}
.bluebgicon4 .hicon4{background: url(../images/hicon_09.png) no-repeat center;padding:100px 40px 100px 40px}
.whitebgicon1 .hicon1{background: url(../images/hicon_03.png) no-repeat center;padding:100px 40px 100px 40px}
.whitebgicon2 .hicon2{background: url(../images/hicon_051.png) no-repeat center;padding:100px 40px 100px 40px}
.whitebgicon3 .hicon3{background: url(../images/hicon_071.png) no-repeat center;padding:100px 40px 100px 40px}
.whitebgicon4 .hicon4{background: url(../images/hicon_091.png) no-repeat center;padding:100px 40px 100px 40px}

.bluebgicon1 .title-icon{color:#000}
.bluebgicon2 .title-icon{color:#000}
.bluebgicon3 .title-icon{color:#000}
.bluebgicon4 .title-icon{color:#000}
.whitebgicon1 .title-icon{color:#fff}
.whitebgicon2 .title-icon{color:#fff}
.whitebgicon3 .title-icon{color:#fff}
.whitebgicon4 .title-icon{color:#fff}
.bgiconhome .title-icon{padding-bottom:50px;font-weight: bold;}
.bgiconhome{text-align:center;
-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.75);}
.js-form-wrapper{clear:both;}
.uc-payment-totals{display:none}
.checkout-layout .fieldset-wrapper{display:none}
.checkout-layout input,.checkout-layout select{width:auto !important;float:left}
.checkout-layout .js-form-item{clear:both;padding-top:10px}
.checkout-layout .js-form-item-panes-payment-details-cc-exp-year{clear: none;padding-top: 0px;}
.checkout-layout .js-form-item-panes-payment-details-cc-exp-month{padding-top:10px}
.checkout-layout .js-form-item-panes-payment-details-cc-cvv{padding-top:10px}
.checkout-layout label{float:left;padding-right:10px;width:110px}
.item-list .media {padding-right: 10px;padding-top:5px;padding-bottom: 10px;}
.sub-menu-ul {
    background: #fff none repeat scroll 0 0;
    list-style: outside none none;
    padding: 5px;
    position: absolute;
    width: 160px;
    z-index: 999;
    display: none;
margin-left: 0px !important;
    top: 100px !important;
    margin-top: -10px !important;
}
#Videos{margin-left:10px;}
.sub-arrow{display:none}
.sub-menu-ul li{
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px solid #ccc;
}
.subscribef{width: 200px;}
.subscribebt input{margin-left: 0px;}
.subscribebt{    float: left;
    margin-top: 12px;
    padding-left: 0px;
    margin-left: 0px;}
.subscribefname{float:left;width:165px}
.subscribelname{float:left;width:165px;padding-left:10px}
.pager{clear:both}
.free-recipe-title a{font-weight: normal; font-size: 20px;color:#fff}
.free-recipe-title{padding-bottom: 10px !important;position: absolute;
    bottom: 20px;padding: 10px;background: url(../images/recipes_03.png) no-repeat bottom;padding-right: 30px;}
.sub-arrow{float:right}
.Content-group{background:#F4F4F4;padding:10px;margin-top:10px;border:1px solid #CCC;margin-bottom:10px;clear: both;}
.Content-group::after{clear:both}
.title-video-recipe{font-size:20px;font-weight:bold;padding-bottom: 10px;}
.title-video-recipe1{font-size:15px;font-weight:bold;padding-bottom: 10px;margin-top:20px;text-align: center;}
.img-free-recipe{float:left;padding-right:20px}
.field-blog-content{clear:both}
.alight-captcha{padding-left:8px !important;margin-bottom: 10px !important;}
.line-video{padding-bottom: 30px;}
.payment-page{text-align:center;padding-bottom: 100px;padding-top: 100px;}
.title-thanks{margin-bottom:10px}
.item-program iframe{width:100% !important;height:300px}
table.calenmeal td img{max-width:150px;}
table.calenmeal td{text-align:center;vertical-align: middle;padding:3px}
.music-video{float:left}
.section-custom-plans-pack{margin-bottom: 0rem;}
.section-contact{margin-bottom: 7.5rem !important;}
.home-slogan-title1{font-size:35pt;text-align:center;text-transform: uppercase;padding-bottom: 5px;font-weight:bold;}
.home-slogan-title2{font-size:35pt;text-align:center;text-transform: uppercase;padding-bottom: 5px;font-weight:normal;}
.home-slogan-title-2{font-size:20pt;text-align:center;text-transform: uppercase;padding-bottom: 15px;color:#99ca46;}
.text-cyan {
	color: #BBD050; 
}
.text-green {
	color: #99ca46;
}
.form-required:after {
    content: '';
    vertical-align: super;
    display: inline-block;
    background-image: url(/core/misc/icons/ee0000/required.svg);
    background-repeat: no-repeat;
    background-size: 6px 6px;
    width: 6px;
    height: 6px;
    margin: 0 0.3em;
}
.text-green1 {
	color: #4cbc5b;
}
.text-red {
	color: #fbb750;
}
.text-orange {
	color: #FFCB2D
}
.quickedit-field{padding-top:10px}
.tntVideoList .media{text-align:center}
.tntVideoList a{text-align:center}
.list-why-it-work .views-field-field-description{display: table;}
.message-contact{font-size: 15px;
    padding-top: 20px;}
.form-item-field-phone-number-0-value{margin-top: 20px;}
#block-userlogin ul{padding-left: 0px;list-style: none;}
.valign{vertical-align:top}
.body-meal {}
.video .col-md-6 p{margin-bottom:0px}
.contact-message {
    height: 85px;
}
.play-bt {
    position: absolute;
    background: url(../images/play_03.png) no-repeat center;
    width: 90%;
    height: 180px;
}
.item-works{font-weight: bold;}
.item-works p{padding-top:0px;font-size: 18px;font-weight: normal;}

.meal-planning-box{
padding: 5px 20px 5px 20px;
}
.tblcalendar td{padding:5px}
.mutrition-file{float:left;width:30%}
.description-slogan{text-align: center;
    font-size: 23px;padding-bottom: 35px;}
.desscription-shop-list{float:left;width:70%}
.shop-dat-video{float:right;padding-right:10px}
img[data-align="right"]{float:right;padding-left:10px}
img[data-align="left"]{float:left;padding-right:10px}
.txt-center{text-align:center}
.relatedvideo{margin-top:10px}
.user-menu .holi-menu{background:url(../images/holi-menu.png) right}
.overrate{position: absolute;
    background: none;
    z-index: 999;
    height: 35px;
    width: 200px;}
.meal-planner-day{text-align:center}
.form-actions{clear:both}
#edit-preview{display:none}
.item-program .title-item-program{
position: absolute;
    background: #faa627;
    padding: 15px 25px;
    font-size: 25px;
    color: #ffffff;
border-right: 3px solid #eaac4d;
border-bottom: 3px solid #eaac4d;
display:none;
}
.item-program{-webkit-box-shadow: 0px 2px 1px 0px #ddd;
-moz-box-shadow: 0px 2px 1px 0px #ddd;
box-shadow: 0px 2px 1px 0px #ddd;
margin-bottom: 30px;
}
.item-program .content-item-program{padding: 10px 20px 5px 20px}
@media (max-width: 1199px) {
	.section {
		margin-bottom: 2rem;
	}
}
.item-works{padding-bottom: 20px;}
.icon-item{
background: #99ca46;
    padding: 5px 20px;
    border-radius: 4100px;
    float: left;
    font-size: 30px;
margin-right: 10px;
    color: #fff;
margin-bottom: 30px;
}

.section-about td{vertical-align: top;padding: 10px;}
.pantry p{margin-bottom: 0.5rem !important;}
.downloadcls{margin-bottom:20px}
.title-listvideo{font-size:12px !important;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #484848;
padding-left:5px;
padding-right:5px;
color:#fff;
}
.week-shopping-list{float:left;background:#3ab54a;color:#fff;height:138px;padding-top:45px;padding-left:5px;padding-right:5px;font-size:16px;font-weight: bold;text-align:center;text-transform:uppercase}
.title-work{text-align:center;padding-bottom: 20px;}
.week-shopping-list span.number{font-size:30px !important;}
.week-shopping-list-link{float:left;background:#faa627;color:#fff;height:138px;padding-top: 0px;}
.line-dashed{border-bottom: 1px dashed #CCCCCC;
    margin-bottom: 20px;}
/*-------------------------
2. alter bootstrap
-------------------------*/
@media only screen and (min-width: 320px) and (max-width: 640px) {
    
.main-slider{height:200px}
.slogan-footer{padding:50px;font-size: 15px;font-weight: normal;font-family: "open sans";}
.slogan-slide1{font-size: 15px;font-weight: bold;}
.slogan-slide2{font-size: 15px;}
.video .media1:before {top: 40%; left: 45%;}
.noleft{padding-left:0px;padding-right:0px}
.noright{padding-right:0px;padding-left:0px}
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
.slogan-footer{padding:50px;font-size: 20px;font-weight: normal;font-family: "open sans";}
.main-slider{height:300px}
.slogan-slide1{font-size: 22px;font-weight: bold;}
.slogan-slide2{font-size: 22px;}
.video .media1:before {top: 40%; left: 45%;}
.noleft{padding-left:0px;padding-right:0px}
.noright{padding-right:0px;padding-left:0px}
}
@media only screen and (min-width: 800px) and (max-width: 1020px) {
.main-slider{height:400px}
.slogan-footer{padding:50px;font-size: 25px;font-weight: normal;font-family: "open sans";}
.slogan-slide1{font-size: 42px;font-weight: bold;}
.slogan-slide2{font-size: 42px;}
.video .media1:before {top: 45%; left: 50%;}
.noleft{padding-left:0px;padding-right:0px}
.noright{padding-right:0px;padding-left:0px}

}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
.noleft{padding-left:0px;padding-right:0px}
.noright{padding-right:0px;padding-left:0px}
.main-nav .menu > li {
	float: left;
}
.dropmb{display:none}
.main-slider{height:500px}
.slogan-slide1{font-size: 42px;font-weight: bold;}
.slogan-slide2{font-size: 42px;}
.video .media1:before {top: 45%; left: 50%;}
.slogan-footer{padding:50px;font-size: 20px;font-weight: normal;font-family: "open sans";}
}
@media (min-width: 1200px) {
.freevire{width:800px;margin: 0 auto;}    
.noleft{padding-left:0px}
.noright{padding-right:0px}
.main-nav .menu > li {
	float: left;
}
.dropmb{display:none}
.slogan-footer{padding:50px;font-size: 30px;font-weight: normal;font-family: "open sans";}
.main-slider{height:750px}
.slogan-slide1{font-size: 42px;font-weight: bold;}
.slogan-slide2{font-size: 42px;}
.video .media1:before {top: 50%; left: 50%;}
}
@media only screen and (min-width: 320px) and (max-width: 640px) {
.droppc{display:none}
.main-nav .menu-right{top: 130px !important;}
.col-xs-6{width:100%}
.reg-pc{display:none}
.hidden-xl-up{float:right;color:#fff}
.reg-mobile{display:block;float:left; margin-top:20px}
table.calenmeal td img{max-width:100%;}
table.calenmeal td{text-align:center;}
	.wrap-video-week{float:left;width:100%}
.week-shop-list{float:left;width:100%;background:#faa627}
	.section-about td{width:100%;float:left}

.description-plan1{background: #b7cd4b;padding: 10px;margin-left: 10px;margin-right:10px;padding-left: 10px;padding-top: 50px;}
.description-plan2{background: #f7a063;padding: 10px;margin-left: 10px;margin-right:10px;padding-right: 10px;padding-top: 60px;}
.description-plan3{background: #ffcb2d;padding: 10px;margin-left: 10px;margin-right:10px;padding-left: 10px;padding-top: 50px;}
.description-plan4{background: #71af63;padding: 10px;margin-left: 10px;margin-right:10px;padding-right: 10px;padding-top: 60px;}

.main-slider{background: url(/themes/drupal8_zymphonies_theme/images/slide/banner_02.png) no-repeat center top;
    background-size: 100%;}

	}

@media only screen and (min-width: 640px) and (max-width: 1024px) {
.header-top{width:500px}
.droppc{display:none}
.main-nav .menu-right{top: 130px;}
.main-nav .menu-right{background: #666;
    position: absolute;
    width: 100%;z-index: 9999;}
.main-nav .menu-right{top: 130px;}
.header-user li + li {
    margin-left: 1.20rem;
}

.main-nav .menu-right {
    top: 130px !important;
}

.reg-pc{display:none}
.hidden-xl-up{float:right;color:#fff}
.main-nav .menu,
	.main-nav .menu > li {
		float: none;
		clear: both;
	}
.reg-mobile{display:block;float:left; margin-top:20px}
	.wrap-video-week{float:left;width:50%}
	.section-about td{width:100%;float:left}

.description-plan1{background: #b7cd4b;padding: 10px;margin-left: 80px;margin-right:80px;padding-left: 20px;padding-top: 50px;}
.description-plan2{background: #f7a063;padding: 10px;margin-left: 80px;margin-right:80px;padding-right: 20px;padding-top: 70px;}
.description-plan3{background: #ffcb2d;padding: 10px;margin-left: 80px;margin-right:80px;padding-left: 20px;padding-top: 70px;}
.description-plan4{background: #71af63;padding: 10px;margin-left: 80px;margin-right:80px;padding-right: 20px;padding-top: 70px;}
.main-slider{
    background-size: 100%;}

	}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {

.description-plan1{background: #b7cd4b;padding: 10px;margin-left: 80px;margin-right:80px;padding-left: 80px;padding-top: 50px;}
.description-plan2{background: #f7a063;padding: 10px;margin-left: 80px;margin-right:80px;padding-right: 80px;padding-top: 70px;}
.description-plan3{background: #ffcb2d;padding: 10px;margin-left: 80px;margin-right:80px;padding-left: 80px;padding-top: 70px;}
.description-plan4{background: #71af63;padding: 10px;margin-left: 80px;margin-right:80px;padding-right: 80px;padding-top: 70px;}
	.collapse {
		display: block !important;
	}
.hidden-xl-up{display:none}
.main-slider{
    background-size: 100%;}
}
@media (min-width: 1200px) {
.main-slider{
    background-size: 100%;}
.reg-pc{display:block}
.reg-mobile{display:none}
	.container {
		max-width: 1170px;
	}
.section-about td.cl1{width:35%;}
.section-about td.cl2{width:35%;}

.description-plan1{background: #b7cd4b;padding: 10px;margin-left: 180px;margin-right:180px;padding-left: 100px;padding-top: 50px;}
.description-plan2{background: #f7a063;padding: 10px;margin-left: 180px;margin-right:180px;padding-right: 100px;padding-top: 50px;}
.description-plan3{background: #ffcb2d;padding: 10px;margin-left: 180px;margin-right:180px;padding-left: 100px;padding-top: 50px;}
.description-plan4{background: #71af63;padding: 10px;margin-left: 180px;margin-right:180px;padding-right: 100px;padding-top: 50px;}
.description-plan1 p{font-size:20px; text-align:left}
.description-plan2 p{font-size:20px; text-align:right}
.description-plan3 p{font-size:20px; text-align:left}
.description-plan4 p{font-size:20px; text-align:right}


}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.25;
	font-weight: 700;
}
p {
	margin-bottom: 1.5rem;
	line-height: 1.55;
}
.breadcrumb {
	background: transparent;
	padding: 0;
	margin-bottom: 0;
}
.breadcrumb li,
.breadcrumb li + li:before,
.breadcrumb li.active,
.breadcrumb li a {
	font-size: 0.8125rem;
	color: #B6CD44;
}
.breadcrumb li + li:before {
	padding-left: 1rem;
	padding-right: 1rem;
}
.pagination {
	list-style: none;
	padding: 0;
	margin-top: 0;
	margin-bottom: 1.875rem;
}
.pagination:before,
.pagination:after {
	content: ' ';
	display: table;
	clear: both;
}
.pagination > li {
	float: left;
	margin-right: 0.3125rem;
}
.pagination > li > a {
	display: block;
	width: 1.875rem; 
	line-height: 1.875rem;
	font-size: 0.875rem; 
	text-align: center;
	color: #666;
	border: 1px solid #dadada; 
}
.pagination > li:hover > a,
.pagination > li.active > a {
	color: #fff;
	background: #B6CD44;
	border-color: #B6CD44;
}
.pagination > li > a > .fa {
	font-size: 1.125rem; 
}
.form-group {
	margin-bottom: 0.5rem;
}
label {
	font-size: 0.875rem;
	color: #666;
	margin-bottom: 0.375rem;
}
.form-control,.form-text,.form-select,.form-email {
	font-size: 0.875rem;
	color: #666;
	border: 1px solid #dadada;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 0.42rem 0.75rem;
}
.form-control:focus {
	border-color: #B6CD45;
}
.form-text:focus {
	border-color: #B6CD45;
}
.c-select {
	font-size: 0.875rem;
	color: #666;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAV1BMVEUAAABEREBEREBEREBEREBEREBEREBEREBEREBEREAAAAACAgIAAAADAwMAAAAFBQUFBQUHBwcBAQEAAAALCwsLCwoAAAAAAAAEBAMEBAQCAgIAAAADAwMKABpCAAAAFnRSTlMAAQQFAQkKAg0P1Mx4cH12gnh+fVtUra2BigAAAGtJREFUGJVtj1kOgCAMRGsBwX1n0/ufU4HEInE+mr5MM20B/lUhwypjLmrBkxOrVI2SyUFotTbWWaODjO+g1yexvQaA0RO76cnAmXgJyUysL8dk5LDlHDdvGSetBUu1HzRfXPr5hAv2+TR0N8oUCHZOrZfFAAAAAElFTkSuQmCC);
	background-position: right 0.625rem center;
	border: 1px solid #dadada;
	padding: 0.5rem 1.75rem 0.5rem 0.75rem
}
.c-select:focus {
	border-color: #B6CD45;
}
.c-checkbox > input:focus ~ .c-indicator {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.c-checkbox .c-indicator {
	background: #fff;
	border: 1px solid #dadada;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.c-checkbox > input:active ~ .c-indicator,
.c-checkbox > input:checked ~ .c-indicator {
	background-color: #fff;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAMFBMVEUAAAD///+R1SuR1SuR1SuR1SuR1SuR1SuR1SuR1SuR1SuR1SuR1SuR1SuR1SuR1Sv0iYAbAAAAD3RSTlMAAA8QLzBAYG9wn7/P3++zXIlsAAAASklEQVQImWMQhAMG0pgMQMC6Gc6M+w1jsr5/AmPG/XMAM6MY2N4/YQAzzyfU/3OAMP1v/n/CAGFy/AcKQpgM64GCUKa2A4xJjiMBkTIbP3cx3k8AAAAASUVORK5CYII=);
	background-position: 50% 50%;
	background-size: 1rem 1rem;
}
.btn,.js-form-submit {
	font-size: 0.9375rem; font-weight: 700;
	text-transform: uppercase;
	background: transparent;
	border: 1px solid transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 0.375rem 1.625rem;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.btn-cyan,.js-form-submit {
	color: #fff;
	background: #B6CD45;
	border-color: #B6CD45;margin: 10px;
}
.btn-cyan:hover {
	opacity: 0.8;
}
.js-form-submit:hover {
	opacity: 0.8;
}
.btn-orange {
	color: #fff;
	background: #FFCB2D;
	border-color: #FFCB2D;
}
.btn-orange:hover {
	opacity: 0.8;
}
.title-term{float:left}
.clear{clear:both}
.modal {
	text-align: center;
}
.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}
.modal .modal-dialog,
.modal.fade .modal-dialog,
.modal.in .modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	top: 0; left: 0;
	-webkit-transform: translate(0%, 0%);
	-moz-transform: translate(0%, 0%);
	-ms-transform: translate(0%, 0%);
	-o-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
	margin: 0;
}
.modal-body {
	padding: 0;
}
.modal-content {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.modal-close {
	position: absolute; z-index: 10;
	top: -0.8rem; right: -0.8rem;
	width: 2.125rem;
	height: 2.125rem;
	background: #fff;
	border: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.1);
}
.modal-close:before,
.modal-close:after {
	content: ' ';
	display: block;
	position: absolute;
	top: 50%; left: 50%;
	height: 2rem;
	width: 3px;
	margin-left:12px;
	background-color: #808080;
	margin-top: -1rem;
	margin-left: -1px;
}
.modal-close:hover:before,
.modal-close:hover:after {
	background: #F7A063;
}
.modal-close:before {
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg); 
	-webkit-transform: rotate(45deg); 	
}
.modal-close:after {
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg); 
	-webkit-transform: rotate(-45deg); 
}
/*-------------------------
3. header
-------------------------*/
.header-top {
	color: #fff;
	background: none;
	padding: 0.5rem 0;
float:right;
padding-right:10px;
padding-right: 15px;
    padding-top: 12px;
}
.header-social {
	float: left;
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
.header-social li {
	float: left;
}
.header-social li + li {
	margin-left: 0.25rem;
}
.header-social li a {
	display: block;
	font-size: 1.1875rem;
	color: #fff;
	width: 1.5rem; 
	height: 1.5rem; line-height: 1.5rem;
	text-align: center;
}
.header-social li.facebook a {
	background: #325698;
}
.header-social li.youtube a {
	background: #FF5252;
}
.header-social li.twitter a {
	background: #74CFFE;
}
.header-social li.instagram a {
	background: #2A5B83;
}
.header-social li.pinterest a {
	background: #932A33;
}
.header-email {
	display: block;
	float: left;
	font-family: 'Open Sans'; font-size: 0.8125rem; font-weight: 600;
	color: #fff;
	margin-left: 1.75rem;
	margin-top: 0.125rem;
}
.header-email:hover {
	color: #fff;
	text-decoration: underline;
}
.header-email .fa {
	font-size: 1rem;
	margin-right: 0.5rem;
}
.header-user {
	float: right;
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
.header-user li {
	float: left;
}
.header-user li + li {
	margin-left: 1.75rem;
}
.header-user li a {
	font-family: 'Open Sans'; font-size: 0.9125rem; font-weight: 600;
	color: #fff;
    text-shadow: 1px 1px #000;
}
.header-user li a:hover {
	color: #fff;
	text-decoration: underline;
}
.header-user li a .fa {
	font-size: 1rem;
	margin-right: 0.5rem;
}

@media (min-width: 768px) {
.slogan-footer{padding:50px;font-size: 30px;font-weight: normal;font-family: "open sans";}
}
@media (max-width: 767px) {

	.header-email {
		display: none;
	}
.slogan-slide1{font-size: 22px;font-weight: bold;}
.slogan-slide2{font-size: 22px;}
}
@media (max-width: 440px) {
.main-slider{height:220px}
	.header-user li a .text {
		display: none;
	}
	.header-user li a .fa {
		margin-right: 0;
	}
.slogan-footer{padding:50px;font-size: 15px;font-weight: normal;font-family: "open sans";}
.slogan-slide1{font-size: 18px;font-weight: bold;}
.slogan-slide2{font-size: 18px;}
}

.header{position: absolute;
    top: 0px;
    width: 100%;
z-index: 9999;}

/*-------------------------

4. navigation
-------------------------*/
.main-nav {
 	position:relative
}
.main-nav .logo {
  line-height: 1;
  font-size: 0;
  top: 1.125rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
}
@media only screen and (min-width: 1200px) {
  .main-nav .logo {
float:left;
    z-index: 12;
    top: -40px;
    width: 165px;
    height: 162px;
    line-height: 145px;
    background:none;
    padding: 5px 8px 8px;
    border-radius: 50%;
    text-align: center;
  }
}
.main-nav .logo img {
  height: 4rem;
}
@media only screen and (min-width: 1200px) {
  .main-nav .logo img {
    height: auto;
  }
	
}
.menu-left li{position: relative;}
.main-nav .menu {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
.main-nav .menu-left {
	float: left;
}
.main-nav .menu-right {
	float: right;
	 position: absolute; 
    right: 0px;
    top: 50px;
text-align:right;
}

.main-nav .menu-left > li + li {
	margin-left: 1.5rem;
}
.main-nav .menu > li > a {
	display: block;
	font-size: 1.5rem; font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	padding: 1.125rem 0.8rem;
	text-shadow: 1px 1px #000;
}
.main-nav .menu > li:hover > a {
	color: #9bca47;
}
.main-nav .menu > li.active > a {
	color: #fff;
	background:none;
}
@media (min-width: 1200px) {
	.main-nav .collapse {
		display: block !important;
	}
.hidden-xl-up{display:none}
}
@media (max-width: 1199px) {
.collapse.in{display: block !important;}
	.main-nav .container {
		position: relative;
		text-align: right;
	}
	.main-nav .logo {
		top: 1rem; left: 0.9375rem;
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}
	.main-nav .toggle-nav {
		font-size: 1.125rem; 
		text-transform: uppercase;
		background: transparent;
		border: 0;
		padding: 0;
		margin: 1.5rem 0;
	}
	.main-nav .toggle-nav .fa {
		vertical-align: middle;
		font-size: 2.625rem;
		color: #B6CD44;
		margin-left: 1rem;
	}
	.main-nav .menu > li > a {
		padding: 0.5rem 0.75rem;
	}
}
@media (max-width: 767px) {
.main-nav .menu-right{background: #666;
    position: absolute;
    width: 100%;z-index: 9999;}

.header-user li + li {
    margin-left: 1.20rem;
}
.logo{width:100px;padding-top:0px;clear:both}
	.main-nav .menu,
	.main-nav .menu > li {
		float: none;
		clear: both;
	}
	.main-nav .logo img {
		height: 2.75rem;
	}
	.main-nav .toggle-nav {
		font-size: 0.9375rem;
		margin: 1.375rem 0;
	}
	.main-nav .toggle-nav .fa {
		font-size: 2rem;
	}
}
@media (max-width: 440px) {
.main-nav .menu-right{background: #666;
    position: absolute;
    width: 100%;z-index: 9999;}
	.logo{width:100px}
	.main-nav .logo img {
		height: 2rem;
	}
	.main-nav .toggle-nav {
		margin: 1rem 0;
	}
	.main-nav .toggle-nav .text {
		display: none;
	}
}
/*-------------------------
5. main slider
-------------------------*/
.main-slider {
	margin-bottom: 3rem;
position: relative;
}
.main-slider .slide {
	margin-bottom: 0;
}
.main-slider .slide a {
	display: block;
	position: relative;
	overflow: hidden;
	padding-bottom: 30%;
}
.main-slider .slide a:before {
	content: ' ';
	position: absolute; z-index: 11;
	left: 0; bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3) url(../images/saw-bottom.png) repeat-x 50% 100%;
}
.main-slider .slide img {
	position: absolute; z-index: 10;
	top: 50%; left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.main-slider .slide figcaption {
	font-family: 'Open Sans'; font-size: 2.625rem; font-weight: 900;
	text-transform: uppercase;
	line-height: 1.25;
	color: #fff;
	position: absolute; z-index: 12;
	top: 50%; left: 0;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.main-slider .owl-carousel .owl-controls .owl-dots {
	position: absolute; z-index: 12;
	left: 0; bottom: 1rem;
	width: 100%; 
	text-align: center;
}
.main-slider .owl-carousel .owl-controls .owl-dot {
	display: inline-block;
	width: 0.75rem; 
	height: 0.75rem;
	background: transparent;
	border: 0.125rem solid #fff;
	margin: 0.25rem;
}
.main-slider .owl-carousel .owl-controls .owl-dot:hover,
.main-slider .owl-carousel .owl-controls .owl-dot.active {
	background: #B6CD44;
}
@media (max-width: 1199px) {
	.main-slider {
		margin-bottom: 2rem;
	}
}
@media (max-width: 991px) {
	.main-slider .slide figcaption {
		font-size: 2rem;
	}
}
@media (max-width: 767px) {
	.main-slider .slide figcaption {
		display: none;
	}
}
/*-------------------------
6. video
-------------------------*/
.section-videos {
	margin-bottom: 1.5rem;
}
/*.video {
	margin-bottom: 2rem;
}*/
.video .media {
	display: block;
	text-align: center;
	position: relative;
width:100%;
background: #000;
}
.video .media1:before {
	content: ' ';
	display: block;
	position: absolute;
	width: 8.25rem;
	height: 8.25rem;
	background: transparent url(../images/iconplay.png) no-repeat 50% 50%;
	border-radius: 50%;
	margin-left: -1.125rem;
	margin-top: -1.125rem;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.video:hover .media1:before {
	background-color: rgba(255, 255, 255, 0.4);
	-webkit-box-shadow: 0 0 4rem rgba(255, 255, 255, 1);
	-moz-box-shadow: 0 0 4rem rgba(255, 255, 255, 1);
	box-shadow: 0 0 4rem rgba(255, 255, 255, 1);
}
.video .media:before {
	content: ' ';
	display: block;
	position: absolute;
	top: 50%; left: 50%;
	width: 2.25rem;
	height: 2.25rem;
	background: transparent url(../images/icon-play.png) no-repeat 50% 50%;
	border-radius: 50%;
	margin-left: -1.125rem;
	margin-top: -1.125rem;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.video:hover .media:before {
	background-color: rgba(255, 255, 255, 0.4);
	-webkit-box-shadow: 0 0 4rem rgba(255, 255, 255, 1);
	-moz-box-shadow: 0 0 4rem rgba(255, 255, 255, 1);
	box-shadow: 0 0 4rem rgba(255, 255, 255, 1);
}
.video .name {
	font-size: 0.9375rem; font-weight: 700;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #fff;
	background: #484848;
	padding: 0.625rem;
	-webkit-transition: background 0.2s ease-in-out 0s;
	-moz-transition: background 0.2s ease-in-out 0s;
	transition: background 0.2s ease-in-out 0s;
}
.video .rate {
	margin-top: 0.3125rem;
}
.rating-symbol {
	font-size: 1rem; 
	color: #FFD042;
	cursor: pointer;
}
.rating-symbol + .rating-symbol {
	margin-left: 0.3125rem;
}
@media (max-width: 1199px) {
	.section-videos {
		margin-bottom: 0;
	}
}
/*-------------------------
7. custom plans
-------------------------*/
/*-------------------------
7.1 plans
-------------------------*/
.plans {
	list-style: none;
	padding-left: 0;
	margin-bottom: 2rem;
}
.plans li {
	position: relative;
	line-height: 4rem;
	padding-left: 5.75rem;
}
.plans li + li {
	margin-top: 2.25rem;
}
.plans li .number {
	display: block;
	position: absolute;
	top: 0; left: 0;
	width: 4rem;
	height: 4rem; line-height: 4rem;
	font-size: 1.875rem; font-weight: 700;
	text-align: center;
	color: #fff;
}
.plans li.plan-1 .number {
	background: #B6CD44;
}
.plans li.plan-2 .number {
	background: #F7A063;
}
.plans li.plan-3 .number {
	background: #FFCB2D;
}
.plans li .text {
	display: inline-block; vertical-align: middle;
	line-height: 1.3333;
	font-size: 1.125rem; 
	color: #222;
	margin-bottom: 0;
}
@media (max-width: 767px) {
	.plans li {
		line-height: 3rem;
		padding-left: 4rem;
	}
	.plans li .number {
		width: 3rem;
		height: 3rem; line-height: 3rem;
		font-size: 1.5rem;
	}
	.plans li .text {
		font-size: 0.9375rem;
	}
}
/*-------------------------
7.2 plan box
-------------------------*/
.video-packbox{text-align:center;color:#fff}
.plan-box {
	float: left;
	width: 50%;
	height: 17rem;
	position: relative;
	text-align: center;
	color: #fff;
}
.plan-box-signup {
	background: #99ca46;
}
.plan-box-trial {
	background: #f9f9f9;
margin-top: 20px;
}
.plan-box .icon {
	display: block;
	width: 6rem;
	height: 6rem;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin: 1.25rem auto 1rem;
}

.video-packbox .icon {
	display: block;
	width: 6rem;
	height: 6rem;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin: 1.25rem auto 1rem;
}
.plan-box-signup .icon {
	background-image: url(../images/icon-signup.png);
}
.plan-box-trial .icon {
	background-image: url(../images/icon-trial.png);
}
.plan-box .name {
	font-size: 1.125rem; font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0.375rem;
}
.video-packbox .name {
	font-size: 1.125rem; font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0.375rem;
}
.plan-box-trial .name {
	margin-bottom: 0rem;
}
.plan-box-trial1 .name {
	margin-bottom: 1.375rem !important;
}
.plan-box .price {
	display: block;
	font-size: 1.25rem; 
	margin-bottom: 0.25rem;
}
.plan-box .excerpt {
	display: block;
	font-size: 0.875rem;
	margin-bottom: 0.5rem;
}
.plan-box .button {
	display: inline-block;
	width: 8.75rem;
	height: 1.875rem; line-height: 1.625rem;
	font-size: 0.8125rem; font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	border: 0.125rem solid #fff;
	margin: 0 auto 0.75rem;
}
.video-packbox .price {
	display: block;
	font-size: 1.25rem; 
	margin-bottom: 0.25rem;
}
.video-packbox .excerpt {
	display: block;
	font-size: 0.875rem;
	margin-bottom: 0.5rem;
}
.video-packbox .button {
	display: inline-block;
	font-size: 0.8125rem; font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	border: 0.125rem solid #fff;
	margin: 0 auto 0.75rem;
}
.plan-box-signup .button {
	color: #B6CD44;
	background: #fff;
}
.plan-box-signup .button:hover {
	color: #fff;
	background: #B6CD44;
}
.plan-box-trial .button {
	color: #71AF63;
	background: #fff;
}
.plan-box-trial .button:hover {
	color: #fff;
	background: #71AF63;
}
.plan-box-trial .button-download {
	color: #fff;
	background: #faa627;
}
@media (max-width: 767px) {
	.plan-box {
		width: 100%;
	}
}
@media (max-width: 440px) {
	.plan-box .button {
		width: 7rem;
	}
}
/*-------------------------
8. simple plans 
-------------------------*/
.section-simple-plans {
	color: #222222;
	background: #f7f7f7 url(../images/Home_03.png) no-repeat top center;
	padding: 3rem 0 1rem;
    margin-top: 100px;
}
.section-simple-plans .container {
	position: relative; z-index: 11;
}
.section-simple-plans .section-title {
	text-align: left;
	margin-bottom: 1.25rem;
}
.section-simple-plans .video .name {
	font-size: 1.25rem; font-weight: 700;
	border-bottom: 0.125rem solid #3A3B35;
	padding: 0.5rem;
}
@media (max-width: 767px) {
	.section-simple-plans .video .name {
		font-size: 0.9375rem;
	}
}
/*-------------------------
8. advice
-------------------------*/
.section-advice {
	height: 15rem; line-height: 6.5rem;
	text-align: center;
	color: #fff;
	background:url(../images/hbg_16.png) no-repeat bottom center;
font-size: 18px;
}
.section-advice blockquote {
	display: inline-block; vertical-align: middle;
	line-height: normal;
	margin: 0;
}
/*-------------------------
9. footer
-------------------------*/
.footer {
	font-size: 0.8125rem; 
	text-align: center;
	color: #fff;
	background: #323232;
	padding: 1rem 0;
}
.footer p {	
	margin-bottom: 0;
}
/*-------------------------
10. page header
-------------------------*/
.header-nofront{background: transparent url(../images/bgheader_03.png) no-repeat 50% 29%/cover;}
.page-header {
	position: relative;
	padding: 1.2rem 0;
	margin-bottom: 1.5rem;
}

.page-header .container {
	position: relative; z-index: 11;
}
.page-title {
	font-size: 1.75rem; font-weight: 700;
	text-transform: uppercase;
	color: #000;
text-align:center;
background: url(../images/line-title.png) no-repeat center bottom;
padding-bottom:30px;
}
.page-title-tag {
	font-size: 1.75rem; font-weight: 700;
	text-transform: uppercase;
	color: #99ca46;
padding-bottom:20px;
}
@media (max-width: 1199px) {
	.page-header {
		padding: 1.375rem 0;
		margin-bottom: 2rem;
	}
}
/*-------------------------
11. user
-------------------------*/
.user-wrapper {
	position: relative;
}
/*-------------------------
11.1 user sidebar
-------------------------*/
.user-sidebar {
	position: absolute;
	top: 0; left: 0;
	width: 12rem;
	min-height: 100%;
	-webkit-transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
	-moz-transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
	transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
}
.user-panel {
	max-width: 90%;
	position: relative;
	-webkit-box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.25);
	padding: 0.25rem;
	margin-right: 0rem;
	margin-bottom: 0.575rem;
}
.name-profile{margin-bottom: 0.575rem;}
.user-panel .upload {
	position: absolute;
	left: 0; right: 0;
	bottom: 80px;
	margin: 0.25rem;
}

.user-panel .upload {display: none;}
.user-panel:hover{display: block;}
.user-panel .upload .btn-upload {
	font-size: 0.6875rem; 
	text-align: center;
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
	border: 0;
	width: 100%;
	padding: 0.375rem;
}
.user-panel .upload .fa {
	vertical-align: middle;
	font-size: 1.0625rem;
	margin-right: 0.375rem;
}
.user-menu {
	list-style: none;
	padding-left: 0;
	margin-bottom: 1.875rem;
}
.user-menu li + li {
	margin-top: 0.125rem;
}
.user-menu li a {
	display: block;
	font-size: 0.75rem; font-weight: 900;
	text-transform: uppercase;
	color: #b9b9b9;
	background: #f6f6f6;
	padding: 0.625rem 1.5rem;
}
.user-menu li a:hover {
	color: #FFCB2D;
}
.user-menu li a.active {
	color: #fff;
	background: #FFCB2D;
}
@media (max-width: 1199px) {
	.user-sidebar {
		width: 10rem;
	}
	.user-panel .upload .fa {
		font-size: 0.8125rem;
	}
	.user-menu li a {
		font-size: 0.8125rem;
		padding: 0.5rem 1.25rem;
	}
}
@media (max-width: 767px) {
	.user-sidebar {
		position: relative;
		top: 0; left: 0;
		width: auto;
	}
	.user-sidebar:before,
	.user-sidebar:after {
		content: ' ';
		display: table; 
		clear: both;
	}
	.user-panel {
		float: left;
		width: 9.25rem;
		max-width: 100%;
	}
	.user-menu {
		overflow: hidden;
	}
}
@media (max-width: 400px) {
	.user-panel {
		width: 7rem;
		margin-right: 1.25rem;
	}
	.user-menu li a {
		font-size: 0.75rem;
		padding: 0.25rem 0.5rem;
	}
}
/*-------------------------
11.2 user content
-------------------------*/
.user-content {
	min-height: 25rem;
	border-left: 0.1875rem solid #FFCB2D;
	-webkit-box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.25);
	padding: 1.875rem;
	margin-left: 12rem;
	margin-bottom: 3rem;
min-height: 620px;
}
@media (max-width: 1199px) {
	.user-content {
		margin-left: 10rem;
	}
}
@media (max-width: 767px) {
	.user-content {
		min-height: 0;
		border: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		padding: 0;
		margin-left: 0;
		margin-bottom: 2rem;
	}
}
/*-------------------------
11.2.1 week accordion
-------------------------*/
.member-accordion > .panel {
	position: relative;
}
.member-accordion > .panel:before {
	content: ' ';
	position: absolute; z-index: 10;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(255, 255, 255, 0.6);
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.member-accordion > .panel:hover:before,
.member-accordion > .panel.active:before {
	visibility: hidden;
	opacity: 0;
}
.member-accordion > .panel > .panel-title {
	margin-bottom: 1.25rem;
}
.member-accordion > .panel > .panel-title a {
	display: block;
	position: relative;
	font-size: 1.25rem; font-weight: 900;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: #B8CE48;
	padding: 0.625rem 1.25rem;
}
.member-accordion > .panel > .panel-title a:after {
	content: ' ';
	position: absolute;
	top: 0; right: 0;
	width: 1.5rem;
	height: 1.5rem;
	background: transparent url(../images/icon-minus.png) no-repeat 50% 50%;
	background-size: cover;
	margin: 0.75rem;
}
.member-accordion > .panel > .panel-title a.collapsed:after {
	background-image: url(../images/icon-plus.png);
}
@media (max-width: 767px) {
	.member-accordion > .panel > .panel-title a {
		font-size: 0.9375rem;
		padding: 0.5rem 1rem;
	}
	.member-accordion > .panel > .panel-title a:after {
		width: 1.25rem;
		height: 1.25rem;
		margin: 0.5rem;
	}
}
/*-------------------------
11.2.2 day accordion
-------------------------*/
.day-accordion > .panel {
	position: relative;
	min-height: 10rem;
	margin-bottom: 1.25rem;
}
.day-accordion > .panel > .panel-title {
	position: absolute;
	left: 0; top: 0;
	width: 7rem;
	margin-bottom: 1.25rem;
}
.day-accordion .day {
	display: block;
	font-size: 0.9375rem; font-weight: 900;
	text-transform: uppercase;
	text-align: center;
	color: #333;
	margin: 1rem 0;
}
.day-accordion .format {
	display: block;
	width: 5.5rem;
	height: 1.75rem; line-height: 1.75rem;
	font-size: 0.6rem; font-weight: 900;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	background: #F7A063;
	margin: 0 auto;
}
.day-accordion > .panel > .panel-collapse {
	margin-left: 7rem;
}
.day-accordion .videos {
	margin-left: 0rem;
	margin-right: 0rem;
}
.day-accordion .video {
	margin-bottom: 1rem;
width:200px;
}
.day-accordion .wrap-video {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.day-accordion .wrap-video-week {
	padding-left: 0.1rem;
	padding-right: 0.1rem;
}
.day-accordion .video .name {
	text-align: left;
	padding: 0.25rem 0.75rem;
}
@media (max-width: 1199px) {
	.day-accordion .video .name {
		font-size: 0.8125rem;
	}
}
@media (min-width: 768px) {
	.day-accordion > .panel > .panel-collapse {
		display: block !important;
		height: auto !important;
	}
	
}
@media (max-width: 768px) {
	.day-accordion > .panel {
		min-height: 0;
	}
	.day-accordion > .panel > .panel-title {
		position: relative;
		width: auto;
	}
	.day-accordion > .panel > .panel-title a.toggle:before {
		content: '\f0d8';
		font-family: FontAwesome; font-size: 1.5rem;
		color: #B6CD44;
		position: absolute;
		top: 0; right: 0;
	}
	.day-accordion > .panel > .panel-title a.toggle.collapsed:before {
		content: '\f0d7';
	}
	.day-accordion .day {
		display: inline-block; vertical-align: middle;
		margin: 0 1.5rem;
	}
	.day-accordion .format {
		display: inline-block; vertical-align: middle;
	}
	.day-accordion > .panel > .panel-collapse {
		margin-left: 0;
	}
}
/*-------------------------
12. section about
-------------------------*/
.section-about .section-content {
	background: #f7f7f7;
	padding: 1.875rem;
}
@media (max-width: 991px) {
	.section-about .author {
		margin-bottom: 1.5rem;
	}
}
@media (max-width: 767px) {
	.section-about .section-content {
		background: transparent;
		padding: 0;
	}
}
/*-------------------------
13. blog
-------------------------*/
.blog-wrapper {
	margin-bottom: 1rem;
}
/*-------------------------
13.1 post
-------------------------*/
.post {
	padding-bottom: 0.875rem;
	margin-bottom: 0.875rem;
}
.post .name {
	font-size: 1.125rem; font-weight: 700;
	margin-bottom: 0.5rem;
}
.post .name a {
	color: inherit;
}
.post .name a:hover {
	color: #B6CD44;
}
.post .datetime {
	display: block;
	font-size: 0.8125rem; font-weight: 400;
	color: #888;
	margin-bottom: 0.375rem;
}
.post .excerpt {
	color: #666;
	margin-bottom: 1rem;
}
.post .view-more {
	line-height: 1;
	font-weight:normal;
}
.post .view-more:after {
	content: '\f178';
	vertical-align: middle;
	font-family: FontAwesome; font-size: 1.125rem; font-weight: 400;
	margin-left: 0.5rem;
}
@media (max-width: 767px) {
	.post .excerpt {
		display: none;
	}
}
@media (max-width: 543px) {
	.post {
		padding-bottom: 1rem;
		margin-bottom: 1rem;
	}
	.post .row {
		margin-left: -0.5rem;
		margin-right: -0.5rem;
	}
	.post .media,
	.post .info {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.post .name {
		font-size: 0.9375rem;
	}
	.post .datetime {
		margin-bottom: 0;
	}
	.post .view-more {
		display: none;
	}
}
/*-------------------------
13.2 blog sidebar
-------------------------*/
.section-categories {
	margin-bottom: 1.875rem;
}
.section-categories .section-title {
	text-align: left;
	margin-bottom: 1.125rem;
}
.categories {
	list-style: none;
	border: 1px solid #dadada;
	border-top: 0.1875rem solid #B6CD44;
	padding: 0 1.25rem;
	margin-bottom: 0;
}
.categories > li {
	padding: 0.625rem 0;
}
.categories > li + li {
	border-top: 1px solid #dadada;
}
.categories > li > a {
	font-size: 0.875rem;
	color: inherit;
}
.categories > li > a:hover {
	color: #B6CD44;
}
.aside-plan-boxes .plan-box {
	width: 100%;
	margin-bottom: 1.875rem;
}
.aside-plan-boxes .plan-box-trial .name {
	margin-bottom: 1.5rem;
}
/*-------------------------
14. contact
-------------------------*/
.section-contact .section-title {
	position: relative;
	text-align: left;
	padding-bottom: 1.25rem;
}
.section-contact .section-title:after {
	content: ' ';
	position: absolute;
	bottom: 0; left: 0;
	width: 4rem;
	border-bottom: 0.1875rem solid #B6CD44;
	padding-bottom: 0.5rem;
}
/*-------------------------
14.1 contacts ( address, phone, fax, email )
-------------------------*/
.contacts {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
.contacts li {
	position: relative;
	line-height: 2.5rem;
	padding-left: 3.75rem;
}
.contacts li + li {
	margin-top: 1.5rem;
}
.contacts .icon {
	display: block;
	position: absolute;
	top: 0; left: 0;
	width: 2.5rem;
	height: 2.5rem; line-height: 2.5rem;
	background-color: #B6CD44;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.contacts .icon-address {
	background-image: url(../images/icon-address.png);
}
.contacts .icon-phone {
	background-image: url(../images/icon-phone.png);
}
.contacts .icon-fax {
	background-image: url(../images/icon-fax.png);
}
.contacts .icon-email {
	background-image: url(../images/icon-email.png);
}
.contacts .text {
	display: inline-block; vertical-align: middle;
	font-size: 0.875rem; 
	color: #666;
	margin-bottom: 0;
}
/*-------------------------
14.2 form contact
-------------------------*/
.form-contact .message {
	font-size: 0.875rem;
	color: #666;
	margin: 0;
	padding: 0.375rem 0;
}
.form-contact .btn-submit {
	float: right;
	padding-left: 3rem;
	padding-right: 3rem;
}
/*-------------------------
15. signup
-------------------------*/
.form-signup .terms .content {
	position: relative;
	overflow: scroll;
	font-size: 0.8125rem;
	color: #777;
	background: #f9f9f9;
	border: 1px solid #ededed;
	max-height: 10rem;
	padding: 0.75rem 0 0.75rem 1rem;
	padding:10px;
}
.classic-signup .terms .content {
	position: relative;
	overflow: scroll;
	font-size: 0.8125rem;
	color: #777;
	background: #f9f9f9;
	border: 1px solid #ededed;
	max-height: 10rem;
	padding: 0.75rem 0 0.75rem 1rem;
	padding:10px;
}
.gluten-signup .terms .content {
	position: relative;
	overflow: scroll;
	font-size: 0.8125rem;
	color: #777;
	background: #f9f9f9;
	border: 1px solid #ededed;
	max-height: 10rem;
	padding: 0.75rem 0 0.75rem 1rem;
	padding:10px;
}
.vegetarian-signup .terms .content {
	position: relative;
	overflow: scroll;
	font-size: 0.8125rem;
	color: #777;
	background: #f9f9f9;
	border: 1px solid #ededed;
	max-height: 10rem;
	padding: 0.75rem 0 0.75rem 1rem;
	padding:10px;
}
.family-signup .terms .content {
	position: relative;
	overflow: scroll;
	font-size: 0.8125rem;
	color: #777;
	background: #f9f9f9;
	border: 1px solid #ededed;
	max-height: 10rem;
	padding: 0.75rem 0 0.75rem 1rem;
	padding:10px;
}
.mCSB_scrollTools {
	width: 1.25rem;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	width: 0.25rem;
	background: #bdbdbd !Important;
	
}
.mCSB_scrollTools .mCSB_draggerRail {
	width: 0;
}
/*-------------------------
15.2 signin
-------------------------*/
.section-signin {
	padding: 1.875rem;
	margin-bottom: 0;
}
/*-------------------------
16. meal planning
-------------------------*/
.section-meal-planning {
	margin-bottom: 1.125rem;
}
.meal-planning1 {
	position: relative;
	text-align: center;
	padding: 4.0rem 1.875rem 0.1rem 1.875rem;
	margin-top: 3.0rem;
	margin-bottom: 0.1rem;
background: #ffffff;
}
.meal-planning {
	position: relative;
	text-align: center;
	padding: 4.0rem 1.875rem 1.75rem 1.875rem;
	margin-top: 3.5rem;
	margin-bottom: 1.875rem;
background: #ffffff;
}
.text-meal-planning{text-align: left !important;}
.meal-planning .icon {
	display: block;
	position: absolute;
	top: 0; left: 50%;
	width: 7rem;
	height: 7rem;
	background-color: #B9CF4C;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-top: -3.5rem;
	margin-left: -3.5rem;
	-webkit-transition: transform 0.5s ease 0s;
	-moz-transition: transform 0.5s ease 0s;
	transition: transform 0.5s ease 0s;
}
.meal-planning .iconlogo {
	display: block;
	position: absolute;
	top: 0; left: 50%;
	width:124px;
	height:130px;
	background-color: #fff !important;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin-top: -4.6rem;
	margin-left: -3.5rem;
	-webkit-transition: transform 0.5s ease 0s;
	-moz-transition: transform 0.5s ease 0s;
	transition: transform 0.5s ease 0s;
}
.meal-planning:hover .icon {
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
}
.meal-planning .icon-lamp {
	background-color: #B9CF4C;
	background-image: url(../images/icon-lamp.png);
}
.meal-planning .icon-cooking {
	background-color: #F7A063;
	background-image: url(../images/icon-cooking.png);
}
.meal-planning .icon-question {
	background-color: #FFCB2D;
	background-image: url(../images/icon-meal.png);
}
.meal-planning .icon-time {
	background-color: #71AF63;
	background-image: url(../images/icon-time.png);
}
.meal-planning .name {
	font-size: 1.375rem; font-weight: 700;
	margin-bottom: 0.75rem;
    margin-top: 20px;
}
.meal-planning .description {
	font-size: 0.9375rem;
	color: #555;
}
.meal-planning ul{text-align:left;padding-left: 10px;}
.meal-planning ul li{padding-left:0px}
.meal-planning h3.name{text-align:center;color: #BBD050;}
@media (max-width: 767px) {
	.meal-planning {
		padding: 4.5rem 0.9375rem 0.9375rem 0.9375rem;
margin-top: 5.5rem;
	}
.col-md-4{width:50%}
}

@media (max-width: 500px) {
	.meal-planning {
		padding: 2.5rem 0.9375rem 0.9375rem 0.9375rem;
margin-top: 5.5rem;
	}
.col-md-4{width:100%}
}
/*-------------------------
17. client
-------------------------*/
.section-client {
	background: #fcfcfc;
	padding: 3rem 0 1rem;
	margin-bottom: 0;
}
.client {
	position: relative;
	background:#99ca46;
	border: 1px solid #e9e9e9;
	padding: 1.125rem;
	margin-bottom: 3rem;
border-radius: 10px;
}
.client .excerpt {
	font-size: 0.8125rem;
	color: #555;
}
.client .name {
	bottom: -1.125rem; right: -1px;
	font-size: 1.2rem; font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #fff;
	padding: 1.625rem 1.5rem;
	margin-bottom: 0;
}
/*-------------------------
18. program
-------------------------*/
.section-programs {
	margin-bottom: 1.125rem;
}
.program {
	text-align: center;
	padding: 2rem;
	margin-bottom: 1.875rem;
}
.program .icon {
	display: inline-block;
	width: 5rem; 
	height: 5rem;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin-bottom: 1rem;
}
.program .icon-plane {
	background-image: url(../images/icon-plane.png);
}
.program .icon-key {
	background-image: url(../images/icon-key.png);
}
.program .icon-cooker {
	background-image: url(../images/icon-cooker.png);
}
.program .description {
	margin-bottom: 0;
}
.program-plane {
	background: #B6CD45;
	border-bottom: 0.25rem solid #9CB32A;
}
.program-key {
	background: #F7A063;
	border-bottom: 0.25rem solid #C16627;
}
.program-cooker {
	background: #FFCB2D;
	border-bottom: 0.25rem solid #CC9E13;
}
@media (max-width: 767px) {
	.program {
		padding: 0.9375rem;
	}
}
/*-------------------------
19. expect
-------------------------*/
.section-expect {
	background: #fcfcfc;
	padding: 3rem 0 1rem;
	margin-bottom: 0;
}
.wrap-expect {
	float: none;
	display: inline-block; vertical-align: top;
	margin-right: -4px;
}
.expect-accordion .panel {
	margin-bottom: 1.875rem;
}
.expect-accordion .panel > .panel-title {
	font-size: 1.375rem; font-weight: 900;
	margin-bottom: 0;
}
.expect-accordion .panel > .panel-title > a {
	display: block;
	color: #fff;
	background: #71AF63 url(../images/icon-minus-square.png) no-repeat right 1rem center;
	padding: 0.625rem 1.5rem;
}
.expect-accordion .panel > .panel-title > a:focus {
	text-decoration: none;
}
.expect-accordion .panel > .panel-title > a.collapsed {
	background-image: url(../images/icon-plus-square.png);
}
.expect-accordion .panel .panel-content {
	font-size: 0.9375rem; 
	color: #777;
	background: #fff;
	padding: 1.5rem;
}
@media (max-width: 767px) {
	.expect-accordion .panel > .panel-title {
		font-size: 1.125rem;
	}
	.expect-accordion .panel .panel-content {
		padding: 0.9375rem;
	}
}
/*-------------------------
20. video
-------------------------*/
#modal-video .modal-dialog {
	width: 750px;
}
@media (max-width: 767px) {
	#modal-video .modal-dialog {
		width: auto;
	}
}
.single-video {
	padding: 0.375rem;
	margin-bottom: 0;
}
.single-video .name {
	text-align: left;
	padding: 0.25rem 1rem;
}
.form-rate-video {
	padding: 0 1.5rem;
clear:both;
} 
.form-rate-video .rate {
	margin-bottom: 0.5rem;
}
/*-------------------------
21. profile
-------------------------*/
.section-profile .section-title {
	text-align: left;
	margin-bottom: 0.5rem;
}
.table-profile th,
.table-profile td {
	border-top: 0;
	border-bottom: 1px solid #e5e5e5;
	padding-left: 0;
}
/*------------------------------------------------Shop list |-----------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
.meal-planning .icon-bowl {
  background-color: #B9CF4C;
/*  background-image: url(../images/icon-bowl.png);*/
background-image: url(../images/logo-o.png);
}
.text-center {
  text-align: center;
}
.page-excerpt {
  margin-top: -1rem;
  margin-bottom: 3rem;
}
.shop-list-filter {
  color: #555;
}
.shop-list-filter a {
  color: #555;
  display: inline-block;
  margin: 1rem 0.2rem 0 0.2rem;
  background-color: #f1f1f1;
  padding: 1px 8px;
  border-radius: 4px;
  -webkit-transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.shop-list-filter a:hover,
.shop-list-filter a.is-checked {
  background-color: #ffcb2d;
  color: #fff;
}
.shop-list-filter a:visited {
  text-decoration: none;
}
.shop-list-accordion-wrap {
  overflow: hidden;
  position: relative;
}
.shop-list-accordion-wrap:after {
  content: "";
  width: 2px;
  height: 120%;
  background-color: #f1f1f1;
  position: absolute;
  top: -3rem;
  left: 50%;
  z-index: 2;
  margin-left: -1px;
  display: none;
}
@media only screen and (min-width: 992px) {
  .shop-list-accordion-wrap:after {
    display: block;
  }
}
.shop-list-accordion-wrap .other-items {
  margin-top: 1rem;
}
.shop-list-accordion-wrap .other-items a {
  color: #333;
}
.item-group {
  display: none;
}
.shop-list-accordion {
  position: relative;
}
.shop-list-accordion .shop-list-item-panel h3.panel-title {
  font-weight: 400 !important;
}
.shop-list-accordion:after {
  content: "";
  display: none;
  width: 22px;
  height: 22px;
  border: 4px solid #71af63;
  border-radius: 50%;
  position: absolute;
  top: 14px;
  left: 50%;
  margin-left: -11px;
  background-color: #fff;
  z-index: 3;
}
@media only screen and (min-width: 992px) {
  .shop-list-accordion:after {
    display: block;
  }
}
.shop-list-accordion:before {
  content: "";
  display: none;
  width: 7rem;
  height: 1px;
  background-color: #f1f1f1;
  position: absolute;
  top: 25px;
  left: 50%;
  margin-left: -3.5rem;
}
@media only screen and (min-width: 992px) {
  .shop-list-accordion:before {
    display: block;
  }
}
.shop-list-accordion .panel-content {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
.shop-list-accordion .shop-list-item {
  display: block;
}
@media only screen and (min-width: 768px) {
  .shop-list-accordion .shop-list-item {
    display: inline-block;
  }
}
@media only screen and (min-width: 992px) {
  .shop-list-accordion .shop-list-item:first-child {
    padding-right: 3rem;
  }
}
@media only screen and (min-width: 992px) {
  .shop-list-accordion .shop-list-item:last-child {
    padding-left: 3rem;
  }
}
.title-green .shop-list-item-panel .panel-title a {
  background-color: #71af63;
}
.title-green .panel-content {
  border-bottom: 3px solid #71af63;
}
.title-green-blur .shop-list-item-panel .panel-title a {
  background-color: #71af63;
}
.title-green-blur .panel-content {
  border-bottom: 3px solid #71af63;
}
.title-green-blur:after {
  border-color: #71af63;
}
.title-cyan .shop-list-item-panel .panel-title a {
  background-color: #b9cf4c;
}
.title-cyan .panel-content {
  border-bottom: 3px solid #b9cf4c;
}
.title-cyan:after {
  border-color: #b9cf4c;
}
.title-cyan-blur .shop-list-item-panel .panel-title a {
  background-color: #b9cf4c;
}
.title-cyan-blur .panel-content {
  border-bottom: 3px solid #b9cf4c;
}
.title-cyan-blur:after {
  border-color: #b9cf4c;
}