@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,500,600,700,700italic&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek-ext,greek,vietnamese');


body{
font-family: Open Sans, Arial, Helvetica, sans-serif;;
font-size: 13px; 
font-weight: normal; 
color: #999999;
}


/* Style Generation */


/* Heading */
h1{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; color: #666666; }
h2{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #666666; }
h3{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #666666; }
h4{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #666666; }
h5{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666666; }
h6{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666; }

/* Heading large */
h1.large{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 33px; font-weight: light; color: #666666; }
h2.large{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 30px; font-weight: light; color: #666666; }
h3.large{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 27px; font-weight: light; color: #666666; }
h4.large{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: light; color: #666666; }
h5.large{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: light; color: #666666; }
h6.large{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: light; color: #666666; }


/* Auto Gen with color selection */
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
a:hover,
#header .site-menu.style1 ul > li.current-menu-item > a,
.portfolio-page .portfolio-navigations ul li a.selected,
.theme-color,
.button.border,
.button.border i,
.callout.style1 .heading,
.callout.style1 h4,
.service-box.style2 .iconbox-style2,
.blog-item .blog-media .blog-media-overlay .overlay-content{
	color: #84c12c}
.button,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
#header .header-search.header-search-open .header-icon-search,
#header .responsive-menu,
#header .site-menu ul li.current-menu-item > a,
#header .site-menu ul ul li a,
#header .fullmenu,
.blog-item .blog-media .blog-media-overlay .overlay-content .top-top-bottom a,
.blog-item .blog-media .blog-media-overlay .overlay-content .top-top-bottom a:hover,
.blog-item .post-icon,
.blog-item .entry-share.active,
.blog-item .entry-share:hover,
.relate-post .post-image .post-icon,
.enews-widget,
.tags.widget a:hover,
.portfolio.widget .portfolio-short-item .portfolio-overlay-content a,
.portfolio-item.active .portfolio-info .portfolio-short-content,
.portfolio-item .portfolio-overlay-content a,
.portfolio-navigations.style-2 li a,
.product-item.active .product-info .product-short-content,
.product-item .product-overlay-content a,
#product-detail .product-amount span,
.horizontal-icon .icon,
.title-block .line,
.accordion .accordion-title a,
.button,
.tabs .tabNavigation li.active a,
.service-box .iconbox-style1,
.service-box .iconbox-style1 .inner,
.icon-box .square-icon,
.callout.color .inner,
.callout.style3,
.testimonial.alternative .testimonial-content,
.testimonialslide .slides li,
.skill-bar .skill-bar-content,
.infobox.style2 figcaption,
.title-icon .icon,
.caroufredselnavi a:hover,
.leftside li.active a,
.leftside li:hover a,
.leftside li a:hover,
.pagenavi span,
.shortpost:hover .post-content,
.infobox:hover .infobox-content,
.callout.color,
.timeline .event:after,
.flexslider .flex-control-nav li a.flex-active,
.flexslider .flex-control-nav li a:hover,
#jPanelMenu-menu ul li:hover>a,
#jPanelMenu-menu ul li:hover>span,
#jPanelMenu-menu ul li.active>a,
#jPanelMenu-menu ul li.active>span,
#jPanelMenu-menu ul li.sidr-class-active>a,
#jPanelMenu-menu ul li.sidr-class-current>a,
#jPanelMenu-menu ul li.sidr-class-active>span,
#jPanelMenu-menu ul li ul li:hover>a,
#jPanelMenu-menu ul li ul li:hover>span,
#jPanelMenu-menu ul li ul li.active>a,
#jPanelMenu-menu ul li ul li.active>span,
#jPanelMenu-menu ul li ul li.sidr-class-active>a,
#jPanelMenu-menu ul li ul li.sidr-class-active>span,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range{
	background-color: #84c12c}
.testimonialslide .slides li:before{
	border-top-color: #84c12c}
#header .site-menu ul ul:before,
.heading-style1 span,
.product-item.active .product-info .product-short-content:before,
.portfolio-item.active .portfolio-info .portfolio-short-content:before,
#header .fullmenu.style2 .sf-menu > li > a.sf-with-ul:after{
	border-bottom-color: #84c12c}
.leftside li.active:after,
.leftside li:hover:after,
.tabs.left.alternative .tabNavigation li.active:after{
	border-left-color: #84c12c}
.tabs.right.alternative .tabNavigation li.active:after{
	border-right-color: #84c12c}
#header .site-menu.style1 ul > li.current-menu-item > a,
.blog-item .entry-share.active,
.blog-item .entry-share:hover,
.portfolio-page .portfolio-navigations ul li a.selected,
.button.border,
.button.border i,
.team:hover .team-avatar,
.testimonialslide .flex-control-thumbs li img.flex-active,
.shortpost:hover .post-content,
.infobox:hover .infobox-content,
.colorborder,
.border-image:hover{
	border-color: #84c12c}
.button:hover,
.button:focus,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
.button:active,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active,
#header .site-menu ul > li > a:hover,
#header .site-menu ul ul li.sfHover > a,
#header .site-menu ul ul li a:hover,
#header .site-menu.style1 ul li ul li a:hover,
#header .site-menu.style1 ul ul > li.current-menu-item > a,
#header .site-menu ul > li.sfHover > a,
#header .site-menu.style1 ul ul > li.sfHover > a,
#header .fullmenu.style1 .site-menu ul > li > a:hover,
#header .fullmenu.style1 .site-menu ul li.current-menu-item > a,
#header .fullmenu.style1 .site-menu .sf-menu ul > li > a:hover,
#header .fullmenu.style1 .site-menu .sf-menu ul li.current-menu-item > a,
.pagenavi a:hover{
	background: #87c42f}
#header .site-menu ul > li.sfHover > a{
	color: #fff
}
.timeline-wrap:hover:before{
	background: #89c631;
}
#header .fullmenu.style1 .sf-menu{
	border-left: 1px solid #87c42f}
#header .fullmenu.style1 .sf-menu > li{
	border-right: 1px solid #87c42f;
	border-left: 1px solid #87c42f}
.button i{
	background: #85c22d;
}
.button i:after{
	border-right-color: #85c22d;
}
.tabs.right .tabNavigation li.active a{
	border-left-color: #89c631;
}
.tabs.left .tabNavigation li.active a{
	border-right-color: #89c631;
}
.accordion .accordion-title a,
.tabs .tabNavigation li.active a{
	border-bottom-color: #89c631;
}


/* Link */
a{color:#000000; }
a:hover{ color: #84c12c; }

/* Top Header */
#header .top-header{
	border-bottom: 1 solid #f2f2f2;
	background: #ffffff;
	color: #999999;
	-webkit-box-shadow: 0px 2px 0px rgba(252,252,252, 1);
	-moz-box-shadow:    0px 2px 0px rgba(252,252,252, 1);
	box-shadow:         0px 2px 0px rgba(252,252,252, 1);
}

/* Header */
#header .main-header{
	border-bottom: 1 solid #f2f2f2;
	background-color: #ffffff;
	color: #999999;
}

/* Heading */
#heading{
	background-color: #fbfbfb;
	border-bottom: 1 solid #f2f2f2;
	color: #999999;
}

/* Portfolio Item */
.portfolio-item .portfolio-info .portfolio-short-content{
	background-color: #ffffff;
}
.portfolio-item .portfolio-info .portfolio-short-content:before{
	border-bottom-color: #ffffff;
}
.portfolio-item .portfolio-overlay-content a,
.portfolio-item.active .portfolio-info .portfolio-short-content{
	background: #84c12c;
}
.portfolio-item.active .portfolio-info .portfolio-short-content:before{
	border-bottom-color: #84c12c;
}
.portfolio-item .portfolio-info .portfolio-short-content h5 a,
.portfolio-item .portfolio-info .portfolio-short-content h5{
	color: #666666;
}
.portfolio-item.active .portfolio-info .portfolio-short-content h5 a,
.portfolio-item.active .portfolio-info .portfolio-short-content h5{
	color: #ffffff;
}
.portfolio-item .portfolio-info .portfolio-short-content{
	color: #999999;
}
.portfolio-item.active .portfolio-info .portfolio-short-content{
	color: #eaeaea;
}

/* Product Item */
.product-item .product-info .product-short-content{
	background-color: #ffffff;
}
.product-item.active .product-info .product-short-content{
	background: #44BFE8;
}
.product-item .product-info .product-short-content h5{
	color: #666666;
}
.product-item.active .product-info .product-short-content h5{
	color: #ffffff;
}
.product-item .product-info .product-short-content .product-price{
	color: #999999;
}
.product-item.active .product-info .product-short-content .product-price{
	color: #eaeaea;
}

/* Footer */
#footer .widget-area{
	background-color: #363636;
	color: #999999;
}
#footer .widget-area .widget-title{
	color: #666666;
}
#footer .widget-area a{
	color: #666666;
}
#footer .widget-area a:hover{
	color: #44BFE8;
}

/* Credit */

#footer .credit{
	background-color: #2f2f2f;
	border-top: 1 solid #292929;
	color: #555555;
}
#footer .credit a{
	color: #656565;
}
#footer .credit a:hover{
	color: #858585;
}

/* Media Element Player */
.mejs-container .mejs-controls .mejs-time,
.mejs-container .mejs-controls .mejs-time span,
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li,
.mejs-chapters .mejs-chapter .mejs-chapter-block,
.mejs-captions-layer,
.mejs-captions-layer  a,
.me-cannotplay a,
.mejs-contextmenu .mejs-contextmenu-item:hover,
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li,
.mejs-postroll-close{
	color: #84c12c}
.mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-controls .mejs-time-rail .mejs-time-handle,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-contextmenu{
	background: #84c12c}
.mejs-chapters{
	-xborder-right: solid 1px #84c12c;
}


/* Custom CSS */