/*
css_0_default
css_1_top_bar
css_2_man_head
css_3_menu
css_4_slide
css_5_home_about
css_7_brand
css_8_footer
css_10_breadcrumb
css_13_home_blogs
css_15_people_say
css_16_index_bottom
css_18_sidebar_tags
css_19_sidebar_news
css_24_page_navi
css_27_blog_sidebar
css_28_blog_list_page
css_29_blog_page_navi
css_30_blog_detail
css_31_blog_cmt
css_33_contact_page
css_33.5_search_page
css_34_404_page
css_35_login
css_36_register
css_37_customers
*/

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/*css_0_default*/
.carousel-inner img {
    width: 100%;
}
a.carousel-control.left i {
    top: 50%;
    position: absolute;
}
a.carousel-control.right i {
    top: 50%;
    position: absolute;
}
.banner-top img {
    margin-top: 30px;
    width: 68%;
    float: RIGHT;
}
.f-nav{ z-index: 9999; position: fixed !important; left: 0; top: 0; width: 100%;}
.item-collec-def {
    position: absolute;
    bottom: 0;
    background-color: rgba(51, 51, 51, 0.84);
    color: #fff;
    padding: 15px 5px;
    text-align: justify;
    width: 100%;
    transition: all 0.3s;
    opacity: 0;
	display: none
}
.item-collec:hover .item-collec-def {
    transition: all 0.3s;
    opacity: 1;
    bottom: 8%;
	display: block
}

    body {
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        line-height: 1.4 !important;
        color: #444444;
        background-color: #fff;
    }
	a {
		color: #11A63B;
		text-decoration: none;
	}
	h1,h2,h3,h4,h5,h6,p,a
	{
		line-height: 1.4;
	}
	.w50p{
		width:50%;
	}

	.btn-group .btn {
		border-radius: 0px;
	}
	*,
	*::after,
	*::before {
		box-sizing: border-box;
	}
	a:hover {
		color: #52D075;
	}
	img {
		max-width: 100%;
	}
	.default_title a{
		color: #333333;
	}
	.default_title a:hover{
		color: #11a63b;
	}
	.default_title {
		color: #333333;
		font-size: 20px;
		font-weight: bold;
		margin: 0;
		padding-bottom: 20px;
		background: url("page-title.png");
		background-repeat: no-repeat;
		background-position: bottom left;
		margin-bottom: 25px;
		line-height: 25px;
		
	}
	.default_title.half_gb {
		color: #333333;
		font-size: 20px;
		font-weight: bold;
		margin: 0;
		padding-bottom: 20px;
		background: url("page_title_right.png");
		background-repeat: no-repeat;
		background-position: bottom left;
		margin-bottom: 25px;
		line-height: 25px;
		
	}
	.default_title.text-center {
		background-position: bottom center;
	}
	.default_title:first-letter {
		text-transform: uppercase;
	}

	.theme_default_btn:hover{
		background: #52D075;	
	}

    * {
        padding: 0;
        margin: 0;
        outline: none !important;
    }
    
    .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    @charset "UTF-8";
    .no-padding-lr {
        padding-left: 0px;
        padding-right: 0px;
    }
	@media(min-width:767px){
		.no-padding-lr-nor-xs{
			padding-left: 0px;
			padding-right: 0px;			
		}
	}
    .no-padding-l {
        padding-left: 0px;
    }

    .no-padding-r {
        padding-right: 0px;
    }

    .no-padding-tb {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .no-padding {
        padding-bottom: 0;
    }
    .padding-lr-15{
        padding-left:15px;
        padding-right:15px;
    }




   .mtb5 {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .mb5 {
        margin-bottom: 5px;
    }
   .mtb10 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .mb10 {
        margin-bottom: 10px;
    }
   .mtb15 {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .mb15 {
        margin-bottom: 15px;
    }

   .mtb20 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .mb20 {
        margin-bottom: 20px;
    }

   .mtb25 {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .mb25 {
        margin-bottom: 25px;
    }

   .mtb30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .mb30 {
        margin-bottom: 30px;
    }
    .mtb35 {
        margin-top: 35px;
        margin-bottom: 35px;
    }
    .mb35  {
        margin-bottom: 35px;
    }
     .mtb40 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .mb40  {
        margin-bottom: 40px;
    }
     .mtb45 {
        margin-top: 45px;
        margin-bottom: 45px;
    }
    .mb45  {
        margin-bottom: 45px;
    }
     .mtb50 {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .mb50  {
        margin-bottom: 50px;
    }
 

    ul{
        list-style: none;
    }
    ul li{
        list-style: none;
        
    }

    /*page_default*/
    
    .theme_color {
        color: #11a63b !important;
    }
    .btn-black{
        background: #383d51;
        color: #fff;
    }
    .btn-black:hover{
        background: #2c3147;
        color: #fff;
    }
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        color: #ffffff;
        text-decoration: none;
        outline: 0;
        background-color: #11a63b;
    }

/*css_1_top_bar*/
.topbar {
    background: rgba(17,166,59,.6);
    z-index: 9999;
    width: 100%;
    height: 60px;
    position: relative;	
}
.top_bar_info.first {
    border-left: 1px solid #afd3e9;
}
.top_bar_info {
	padding: 0px 30px;
    height: 60px;
    display: inline-block;
    line-height: 60px;
    border-right: 1px solid #afd3e9;
}
.top_bar_info_pr {
    height: 60px;
    float: right;
    text-align: right;
}

.top_bar_info span i {
    color: #fff;
    font-style: normal;
}
.top_bar_info span b {
    color: #fff;
    padding-left: 10px;
    padding-right: 5px;
}

.item-collec {
    border: 1px solid #11A63B;
    padding: 15px;
}
.item-collec-name {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    color: #11A63B;
}
.item-collec-image {
    text-align: CENTER;
	position: relative;
}
.item-collec-sku {
    width: 50%;
    float: left;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    background-color: #FCAD16;
}
.item-collec-capacity {
    float: right;
    width: 50%;
    background-color: #9AC43B;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
}
.left-item p {
    font-size: 15px;
    font-weight: BOLD;
    text-transform: uppercase;
	    width: 75%;
    float: right;
    padding-top: 10px;
}
.left-item {
    border: 1px solid #11A63B;
    /* text-align: CENTER; */
    margin-bottom: 15px;
    overflow: hidden;
}
.left-item img {
    width: 25%;
    float: left;
    /* overflow: hidden; */
}

@media (max-width:991px){
	.top_bar_info_pr {
		height: 60px;
		float: left;
		text-align: left;
		padding-left:0px;
	}

	.top_bar_info {

		border-right: 0px solid #afd3e9;
	}
	.top_bar_info.first {
		border-left: 0px solid #afd3e9;
	}	
}
@media(min-width:991px) and (max-width:1170px){
	.top_bar_info {
		padding: 0px 15px;

	}

}
@media (max-width:767px){
	.top_bar_info {
		padding: 0px 10px;

	}	
	.top_bar_info_pr {
		height: 60px;
		float: left;
		text-align: left;
		padding-left:15px;
		
	}	
}
@media (max-width:640px){
	.top_bar_info {
		padding: 0px 10px;

	}	
}

@media (max-width:520px){
	.top_bar_info.last {
		display:none;
	}	
}


/*css_2_man_head*/
header#header {
    position: relative;
}
.header-main {
    position: relative;
    background: #fff;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 84px;
	height: 120px;
    overflow: hidden;
}
.header-main .logo {
    line-height: 120px;
}

@media(max-width:991px) and (min-width:767px){


}
@media(max-width:991px){

.header-main .logo img {
    max-height: 50px;
}
}

@media(max-width:767px){
.header-main .logo img {
    max-height: 40px;
}
}


@media(max-width:420px){
	.mb-menu-title {
		margin-right: 15px !important;
	}
	
	
}


.header-main .sub-menu-search .input-group.search_form_action input {
    border-radius: 0px;
    box-shadow: none;
    border: none;
    outline: none !important;
    padding: 0;
    line-height: 30px;
    background: none;
    color: #b0b0b0;
}
.header-main .sub-menu-search .input-group.search_form_action button {
    background: none;
    color: #b0b0b0;
    border-radius: 0px;
    padding: 0;
    padding-right: 10px;
    padding-left: 1px;	
    border: none;
    line-height: 30px;
}
.header-main .sub-menu-search .input-group.search_form_action button:hover {
    color: #11a63b;
	background: none !important;	
}
.header-main .sub-menu-search .input-group.search_form_action {
    border-bottom: 1px solid #ebebeb;
    border-radius: 0px;
}


.header-main .sub-menu-search {
    float: right;
    margin-top: 40px;	
}






@media (max-width:991px){
	.header-main {
		height: 80px;
	}
	.header-main .logo {
		line-height: 80px;
		padding-right: 0;		
	}	
	.mb-menu-title a {
		margin-top: 28px !important;
	}

	.header-main .sub-menu-search {
		float: right;
		margin-top: 25px;
	}	
	
	.header-main .sub-menu-search .input-group.search_form_action {
		border-bottom: 0px;
		border-radius: 0px;
	}
	.header-main .sub-menu-search .input-group.search_form_action button {
		font-size: 25px;
		float: right;
	}
	
}




/*css_3_menu*/

.mobile-menu {
	clear: both;
    position: relative;	
}

.mb-menu-title {
	height: 20px;
    width: 26px;
    position: relative;
    margin-right: 30px;	
    float: left;

}
.tablet_search {
    float: left;
    width: 100%;
    padding-left: 70px;
}

.mb-menu-title a {
    margin-top: 50px;	
	display: block;
    width: 26px;
    height: 20px;
    background: url("menu_ic_nhv.png");
    text-indent: -9999px;
}
.mb-menu-title a:hover {
    background: url("menu_ic_hv.png");
}
.mobimenu {
    border: 1px solid #11a63b;
    padding: 0 20px;
    position: absolute;
    overflow: hidden;
    width: 100%;
    top: 0px;
    left: 0;
    z-index: 9999;
    background: #fff;
	box-shadow: 1px 3px 6px rgba(0,0,0,.15);
}
@media (max-width:767px){
	.mobimenu {
		border-left-color: transparent;
		border-right-color: transparent;
	}	
}
.mobimenu li {
	line-height: 34px;
}	
.mobimenu li a span{
font-size: 14px;
    color: #444;
    line-height: 40px;
}
.mobimenu li em {
	float: right;
	font-size: 18px;
	color:  #444;
	font-style: normal;
}
.mobimenu li em:hover {
	cursor: pointer;	
}
.mobimenu > li > ul,
.mobimenu > li > ul > li > ul {
	padding-left: 10px;	
}
.mobimenu > li,
.mobimenu > li > ul > li,
.mobimenu > li > ul > li > ul > li {
	border-bottom: 1px solid #fafafa;
}
.mobimenu > li:last-child, 
.mobimenu > li > ul > li:last-child,
.mobimenu > li > ul > li > ul > li:last-child {
	border-bottom: 0px;	
}
.mobimenu > li:hover > a span,
.mobimenu > li:hover > ul > li:hover > a span,
.mobimenu > li:hover > ul > li:hover > ul > li:hover > a span {
	color: #11a63b;
}

/* Menu bar */
.menubar {
	margin-bottom: 0px;
    float: left !important;	
}
.menubar .menu {
	float: left;
	width:100%;
}
.menubar .cart-search {
	float: right;
}
/* Menu */
.padding-lr-15{
	padding-left:15px;
	padding-right:15px;
}
.menubar .menu > ul > li {
	float: left;
	position: relative;	
	/*margin-right: 70px;*/
}
.menubar .menu > ul > li.mega_parent_li {
	float: left;
	position: static;	
	/*margin-right: 70px;*/
}

.menubar .menu > ul > li.last {
	margin-right: 0px;
} 
.menubar .menu > ul > li > a {
	font-size: 15px;
    display: block;
    color: #fff;
    line-height: 60px;
    padding: 0px 15px 0px 15px;
    position: relative;
}
.menubar .menu > ul > li > a.menu_active:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -7px;
    width: 100%;
    height: 7px;
    background: url("from_top.png");
    background-repeat: no-repeat;
}



	.menubar .menu > ul > li.account > a {

		color: #aaa;

	}

	.menubar .menu > ul > li > a:hover {
		color: #fff;
		background: rgba(252, 174, 23, 0.62);
	}



.menubar .menu > ul > li.sub-menu.account > a:after {
	content: '' !important;

}
.menubar .menu > ul > li > ul {
	display: none;
    width: 260px;
    position: absolute;
    top: 60px;
    left: 0;
    background: #fff;
    box-shadow: 1px 3px 6px rgba(0,0,0,.15);
    z-index: 2001;
    /* border: 1px solid #11a63b; */
    /* padding: 10px 0px; */
}



.menubar .menu > ul > li.mega_parent_li > ul {
    display: none;
    width: 100%;
    position: absolute;
    top: 20px;
    left: 0px;
    background: #fff;
    box-shadow: 1px 3px 6px rgba(0,0,0,.15);
    z-index: 2001;
    border: 1px solid #11a63b;
	padding:10px 0px;
}

.menubar .menu > ul > li.account > ul {
    display: none;
    width: 150px;
    position: absolute;
    top: 102px;
    right: 0px;
	left: auto;
    background: #fff;
    box-shadow: 1px 3px 6px rgba(0,0,0,.15);
    z-index: 2001;
    border: 1px solid #11a63b;
	padding:10px 0px;
}
.menubar .menu > ul > li:hover > ul,.menubar .menu > ul > li:hover > .arrow-top {
	display: block;
}
.menubar .menu > ul > li > ul > li {
	position: relative;
	line-height: 38px;
}
.menubar .menu > ul > li > ul > li > a {
	position: relative;
    padding: 0 20px;
    display: block;
    color: #5c5c5c;
    font-size: 15px;
    line-height: 50px;
}
.menubar .menu > ul > li > ul > li > a i {
    float: right;
    line-height: 50px;
}
.menubar .menu > ul > li > a.menu_active:hover, .menubar .menu > ul > li > a.menu_active:focus {
    color: #fff;
}




.menubar .menu > ul > li > ul > li:hover > a  {
    color: #11a63b;
    background: #fff;
}
.menubar .menu > ul > li > ul > li > ul {
    display: none;
    width: 260px;
    position: absolute;
    top: 0px;
    left: 100%;
    margin-left: 10px;
    background: #fff;
    box-shadow: 1px 3px 6px rgba(0,0,0,.15);
    /*border: 1px solid #11a63b;*/
}
.menubar .menu > ul > li > ul > li:hover > ul
{
	display: block ;
}
.menubar .menu > ul > li > ul > li > ul > li  {
	line-height: 38px;
}
.menubar .menu > ul > li > ul > li > ul > li > a {
    font-size: 15px;
    color: #5c5c5c;
    padding: 0 20px;
    display: block;
    line-height: 50px;
}
.menubar .menu > ul > li > ul > li:hover > ul > li:hover > a  {
	color:#11a63b;
	background:#fff;
}



@media(max-width:480px){

}



	.menubar .menu > ul > li > ul > li:hover > ul > li:first-child:after {
		content: "";
		width: 0;
		height: 0;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: 10px solid #fff;
		position: absolute;
		left: -9px;
		top: 10px;
		z-index: 1;
	}




/*css_4_slide*/

	.home-slide {
		border-radius: 0px;
		overflow: hidden;
		position: relative;
		z-index: 1;
		margin-top: -60px;		
	}
	 div#owl-demo-slide .owl-pagination {
		position: absolute;
		bottom: 10px;
		left: 0;
		display: inline-block;
		width: 100%;
	}   

	div#owl-demo-slide .owl-pagination .owl-page span {
		background: #fff;
		 opacity: 0.75;
	}
	div#owl-demo-slide .owl-pagination .owl-page.active span {		
		 opacity: 1;
	}
  .owl-theme .owl-controls {
        margin-top: 0px; 
        text-align: center;
    }
  
    #owl-demo-slide .owl-prev,#owl-demo-slide .owl-next  {
        position: absolute;
        
        width: 50px;
        height: 60px;
        color: #11a63b;
        font-size: 30px;
        opacity: 0;
        text-align: center;
        -webkit-transition: all ease 0.25s;
        -moz-transition: all ease 0.25s;
        transition: all ease 0.25s;
        background: rgba(255,255,255,1);
        margin:0;
        border-radius: 0px;
    }
    #owl-demo-slide .owl-next {
        top: 50%;
        margin-top: -30px;
        right: 0;
        padding: 8px 8px 8px 13px;

    }
    #owl-demo-slide .owl-prev {
        top: 50%;
        margin-top: -30px;
        left: 0;
        padding: 8px 13px 8px 8px;

    }
    

        
    #owl-demo-slide .owl-prev:hover, #owl-demo-slide .owl-next:hover{
        opacity:1 !important;
    }
    #owl-demo-slide:hover .owl-next, #owl-demo-slide:hover .owl-prev{
        opacity:.5;
    }


    #owl-demo-slide .item img {
        display: block;
        width: 100%;
        height: auto;
    }




@media (max-width:991px){
	.home-slide {

		margin-top: -1px;
	}
}

@media (max-width:767px){
	#owl-demo-slide .owl-prev, #owl-demo-slide .owl-next {
		position: absolute;
		width: 30px;
		height: 45px;
		color: #11a63b;
		font-size: 30px;
		opacity: 0;
		text-align: center;
		-webkit-transition: all ease 0.25s;
		-moz-transition: all ease 0.25s;
		transition: all ease 0.25s;
		background: rgba(255,255,255,1);
		margin: 0;
		border-radius: 0px;
	}
	#owl-demo-slide .owl-next {
		top: 50%;
		margin-top: -22px;
		right: 0;
		padding: 2px 8px 8px 13px;
	}
	#owl-demo-slide .owl-prev {
		top: 50%;
		margin-top: -22px;
		left: 0;
		padding: 2px 13px 8px 8px;
	}
	div#owl-demo-slide .owl-pagination {
		position: absolute;
		bottom: 5px;
		left: 0;
		display: inline-block;
		width: 100%;
	}	
	
}
@media (max-width:480px){
	div#owl-demo-slide .owl-pagination {
		bottom: 0;

	}
	.owl-theme .owl-controls .owl-page span {
		width: 8px;
		height: 8px;

	}
	#owl-demo-slide .owl-prev, #owl-demo-slide .owl-next {
		position: absolute;
		width: 25px;
		height: 40px;
		color: #11a63b;
		font-size: 30px;
		opacity: 0;
		text-align: center;
		-webkit-transition: all ease 0.25s;
		-moz-transition: all ease 0.25s;
		transition: all ease 0.25s;
		background: rgba(255,255,255,1);
		margin: 0;
		border-radius: 0px;
	}
	#owl-demo-slide .owl-next {
		top: 50%;
		margin-top: -20px;
		right: 0;
		padding: 8px 8px 8px 10px;
	}
	#owl-demo-slide .owl-prev {
		top: 50%;
		margin-top: -20px;
		left: 0;
		padding: 8px 10px 8px 8px;
	}	
	#owl-demo-slide .owl-prev i,
	#owl-demo-slide .owl-next i {
		font-size: 22px;
		vertical-align: top;
	}	
}
/*css_6_stydy_hard*/




/*css_7_brand*/

    #owl-demo-brand .item {
        padding: 0px 10px;
    }
    #owl-demo-brand .item a img {
		max-height: 96px;
		display: block;
		text-align: center;
		margin: 0 auto;
		filter: gray;
		filter: grayscale(1);
		-webkit-filter: grayscale(1);		
    }
	#owl-demo-brand .item a img:hover {
		filter: none;
    	-webkit-filter: grayscale(0);
	}
    #owl-demo-brand .item a {
        border: 1px solid #fff;
        position: relative;
        overflow: hidden;
        display: block;
		background: #fff;
      
    }
	#owl-demo-brand-margin {
		margin-left: -10px;
		margin-right: -10px;
	}

    .brand {
		position: relative;
    	background: #f1f1f1;
		padding: 90px 0px;
    }
	@media(max-width:991px){
		.brand {
			padding: 45px 0px;
		}
	}

    div#owl-demo-brand {
       

    }
    #owl-demo-brand-parent {
        position: relative;
    }
    #owl-demo-brand-margin {

    }
    #owl-demo-brand .owl-controls{
        
    }



/*home_knh*/

.home_knh {
    margin-top: 40px;
}
.home_knh .home-blog-content-right .new-name a {
    color: #333;
    font-size: 18px;
    font-weight: 700;
	line-height: 1.4;		
}

.home_knh .home-blog-content-right .new-name a:hover,
.home_knh .home-blog-content-right .new-name a:focus{
	color: #11a63b;
}
.home_knh .new-name {
    margin-top: 20px;
	line-height: 1.4;	
}
.home_knh .new-description {
    color: #333;
    line-height: 25px;
    font-size: 15px;	
}
.home_knh .theme_default_btn:hover{
    margin-top: 15px;
    margin-top: 15px;
    border: 1px solid #11a63b;
    color: #fff;
    background: #11a63b;
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding: 5px 35px 5px 20px;
}
.home_knh .theme_default_btn {
    margin-top: 15px;
    margin-top: 15px;
    border: 1px solid #11a63b;
    color: #11a63b;
    background: #fff;
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding: 5px 35px 5px 20px;
}
.home_knh_items {
    margin-bottom: 50px;
}


.home_knh .new-img img {
    width: 100%;
}
.home_knh .new-img {
    position: relative;
}

.home_knh .new-info span+span {
    border-top: 1px solid #77c0e9;
    padding-bottom: 0px;
    padding-top: 5px;
}
.home_knh .new-info span {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    padding-bottom: 5px;
}
.home_knh .new-info {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #11a63b;
    margin: 0;
    padding: 10px 15px;
}

.home_knh .new-img a:before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    background-image: -webkit-linear-gradient(top, rgba(68, 225, 223, 0.8) 0%, rgba(47, 151, 217, 0.8) 100%);
    background-image: linear-gradient(to bottom, rgba(68, 225, 223, 0.8) 0%, rgba(47, 151, 217, 0.8) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#CC44E1DF', endColorstr='#CC2F97D9', GradientType=0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	opacity: 0;
}

.home_knh .new-img a:after {
    content: "+";
    padding: 3px 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -23px;
    margin-left: -23px;
    color: #fff;
    z-index: 2;
    font-size: 28px;
    background: rgba(255, 255, 255, 0.5);
    width: 46px;
    height: 46px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    opacity: 0;
    filter: alpha(opacity=0);
    font-weight: 300;	
}


.home_knh .new-img a:hover:before,
.home_knh .new-img a:hover:after{
	opacity:1;
	filter: alpha(opacity=100);	
}

.home_knh .new-img a:hover:after{
	-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);

}


/*css_8_footer*/


	
    footer#footer {
        background: #2a2a2a;
        position: relative;
		background-position: top center;
    }

	.footer-bottom {
		background: #212121;
		color: #989898;
	}


  	.copyright a {
        color: #989898;
    }


    .copyright {
        color: #989898;
        padding: 20px 0px;
        display: inline-block;
    }

	  footer#footer .social_icon ul li {
		background: #363636;
		height: 35px;
		width: 35px;
		overflow: hidden;
		margin-right: 10px;
		margin-bottom: 10px;
		float: left;
	}
    footer#footer .social_icon ul li a,
	footer#footer .social_icon ul li i {
        color: #898989 !important;
        font-size: 16px;
    }
 	footer#footer .social_icon ul li:hover a,
	footer#footer .social_icon ul li:hover i{
        color: #363636 !important;
    }
 	footer#footer .social_icon ul li:hover{
        background: #989898 !important;
    }
    footer#footer .social_icon ul li {
        float: left;
        text-align: left;
    }
	footer#footer .social_icon ul li a {
		text-align: center;
		margin: 0 auto;
		display: block;
		padding-top: 7px;
	}
	li.social_icon ul li {
		padding-top: 0px !important;
	}

    footer#footer .widget {
        padding-top: 40px;
    }
	footer#footer h4.widget-title {
		color: #dbdbdb;
		font-weight: bold;
		font-size: 14px;
		margin-bottom: 20px;		
	}
    footer#footer .widget .widget-item ,
	footer#footer .widget .widget-item a{
        color: #898989;
        line-height:20px;
        /*-webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        -ms-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;*/
    }
	.copyright a:hover,
    footer#footer .widget .widget-item a:hover{
            color: #11a63b;
    }
    footer#footer ul.widget-menu li {
		padding: 15px 1px;
		border-bottom: 1px solid #363636;		
	}
    footer#footer ul.widget-menu li:last-child,
	footer#footer ul.widget-menu li.social_icon ul li{
		border-bottom: 0px;		
    }




    @media (max-width:991px){
		.footer-bottom {
			margin-top: 25px;
		}
        .footer-bottom .pull-left,.footer-bottom .pull-right{
            float: none !important;
            width: 100%;
            margin: 0 auto;
            text-align: center;
            display: block;
            position: relative;
            overflow: hidden;
        }

        .footer-bottom .pull-right ul {
            display: inline-block;
        }
        .footer-bottom ul li a {
            text-decoration: none;
            display: inline-block;
        }

		.footer-bottom ul li {
			float: left;
			padding: 15px 0px 25px 20px;
		}


    }

    footer#footer .widget .widget-item {
		margin-bottom: 25px;
		position: relative;
		overflow: hidden;		
    }

	@media (max-width: 767px)
	.copyright {
		margin-top: 15px !important;
		padding: 0px;
		margin-bottom: 15px !important;
	}



/*css_10_breadcrumb*/






.bg-breadcrumb {
	position: relative;
	padding-top: 160px;
	padding-bottom: 100px;
    margin-top: -60px;	
	margin-bottom: 50px;
	
}

.bg-breadcrumb:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
}

.bg-breadcrumb .container {
	position: relative;
	z-index: 2;
}

.breadcrumb {
	padding: 0;
	margin-bottom: 0;
	list-style: none;
	background-color: transparent;
	border-radius: 4px;
	text-align: center;
}

.breadcrumb > li {
	display: inline-block;
}

.breadcrumb > li + li:before {
	content: "\f105";
	padding: 0 5px;
	font-family: fontAwesome;
	color: white;
}
.breadcrumb > li > a:hover,
.breadcrumb > li > a:focus{
	text-decoration:underline;

}
.breadcrumb > li > a {
	color: white;
	text-shadow: 0px 1px 1px #000;
	font-size: 14px;
}

.breadcrumb > .active {
	
	color: #fff;
	font-size: 14px;
	text-shadow: 0px 1px 1px #000;
}

.breadcrumb > .active > a {
	color: #fff;
	font-size: 14px;
	text-shadow: 0px 1px 1px #000;
}

.breadcrumb-title {
	color: white;
    text-align: center;
    text-transform: uppercase !important;
    font-size: 30px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
    text-shadow: 0px 1px 1px #000;
}



@media (max-width:991px){
	.bg-breadcrumb {
		position: relative;
		padding-top: 100px;
		padding-bottom: 100px;
		margin-top: 0px;	

	}
}
/*not_found*/

.not_found {
    margin-bottom: 50px;
}
/*css_15_people_say*/


    div#owl-demo-people-say {
		position: relative;
		overflow: hidden;
    }

	.people-say-content {
		position: relative;
	}
    .people-say-content .people-img {
		width: 115px;
		height: 115px;
		overflow: hidden;
		border-radius: 0px;
		background: #ebebeb;
		top: 0;
		left: 0;
		float: left;
    	margin-right: 15px;		
    }
	.slick-track {
		padding-bottom: 10px;
	}
	#owl-demo-people-say-nav {
		margin-bottom: 0px;
		position: relative;
	}
	.owl-demo-people-say-nav-pr {
		width:290px;
		display: block;
		margin: 0 auto;		
		overflow: hidden;
		position: relative;		
	}
	@media(max-width:375px){
		.owl-demo-people-say-nav-pr {
			width:280px;	
		}	
	}
	#owl-demo-people-say .slick-slide {
		background: #fff;
		padding: 25px 50px;
		margin: 0;
	}
    .people-say-content .people-img img{
        max-width: 100%;
    }

	.people-right {
		text-align: center;
	}
    .people-right p {
		margin: 0;
		padding-top: 8px;
		padding-bottom: 7px;
	}

    .people-name {
    color: #333;
    font-weight: 700;
    font-size: 16px;
    }

    .people-info {
        color: #333;
        font-size: 14px;
        font-style: normal;
    }
	#owl-demo-people-say-nav .slick-track {
		padding-bottom: 75px;
	}
	.slick-slide.slick-current .people-say-content-nav .people-right {
		display: block;
		position: absolute;
		bottom: 0;
	}
    .people-description {
		color: #333;
		font-size: 14px;
		line-height: 30px;
    }
	.people-description img {
		float: left;
	}
.home_pps {
    background: #f1f1f1;
    padding: 90px 0px;
}
.home_pps .slick-dots {
    display: none !important;
}
#owl-demo-people-say-nav .slick-slide.slick-current {
    opacity: 1;
}
#owl-demo-people-say-nav .slick-slide {
    opacity: .5;
}

.people-say-content-nav {
    text-align: center;
}

#owl-demo-people-say-nav .slick-list.draggable {
    padding: 0 !important;
}

#owl-demo-people-say-nav .slick-slide.slick-current .people-say-content-nav .people-img{
    border-radius: 50%;
    overflow: hidden;
    width: 100px;
    height: 100px;
    display: inline-block;

}

#owl-demo-people-say-nav .slick-slide .people-say-content-nav .people-img{
	width: 65px;
    height: 65px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;

}

.slick-slide.slick-current .people-say-content-nav .people-right {
    display: block;
}
.slick-slide .people-say-content-nav .people-right {
    display: none;
}


/*home_about*/


.home_about {
    background: #f1f1f1;
	padding-top: 85px;	
}

.home_about p {
    font-size: 14px;
    color: #333333;
    text-align: center;
    margin-bottom: 40px;	
}

.small_about_thumbnail .ov {
    background: #3e3e3e;
    padding: 40px;
    text-align: center;
	margin-bottom: -45px;
}

.small_about_thumbnail .ov p+p {
    font-weight: normal;
    font-size: 14px;
    color: #a3a3a3;
    padding: 0;
}
.small_about_thumbnail .ov p {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 20px 0px;
}

.small_about_thumbnail .ov a {
    padding-top: 20px;
	display: block;	
}

@media(max-width:991px){

	.small_about_thumbnail .ov{
   		margin-bottom: 50px;
	}
}
/*our_projects*/
@media(min-width:991px){
	.std_ic_ct_pr {
		padding-left: 0;
		padding-right: 0;
	}



	.std_ic_ct_pr_first {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media(max-width:767px){
	.std_ic_content {
		margin-bottom: 50px;
	}

}
.std_ic_content img {
	width: 100%;
}
.std_ic_content {
    position: relative;
}
.std_ic_box a span {
    padding-left: 0;
}
.std_ic_box a span+span {
    padding-left: 5px;
    font-weight: 700;	
}
.std_ic_box a {
    color: #fff;
    padding: 15px 20px 15px 35px;
    display: block;
    font-size: 15px;
}
.std_ic_box {
    background: #11a63b;
    position: absolute;
    bottom: 0;
    left: 0;
	margin-bottom: -25px;
    height: 50px;	
}
.std_ic_box:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #11a63b;
    position: absolute;
    top: 0;
    right: -25px;
}
.std_ic_box:hover{
    background: #52D075;
}

.std_ic_box:hover:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #52D075;
    position: absolute;
    top: 0;
    right: -25px;
}
.our_projects {
    padding-bottom: 115px;
    padding-top: 130px;
}
/*
a.a_has_effects:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("apple_btn.png") rgba(0,0,0,.6);
    background-repeat: no-repeat;
    background-position: center;	
	opacity:0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;	
}

a.a_has_effects:hover:before{
	opacity:1;
}
*/
a.a_has_effects {
	display: block;
	overflow: hidden;
}
a.a_has_effects:hover img {
	animation-name: pulse;
    animation-duration: 1.5s;
}
/*why_not_me*/

.why_not_me{
	padding-top:90px;
}

.why_not_me_col {
}


.why_not_me_col .img_bt {
    display: block;
    margin: 0 auto;
}
.why_sub_title {
    color: #11a63b;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0px 0px 10px 30px;
    background: url("done.png");
    background-repeat: no-repeat;
    background-position: left top;
}

.why_not_me_col p {
    margin: 0;
    padding-bottom: 50px;
}

@media(max-width:991px){
	.why_not_me{
		padding-top:50px;
	}
	.why_not_me_col p {
		margin: 0;
		padding-bottom: 40px;
	}
}


@media(max-width:767px){

	.why_not_me_col p {
		margin: 0;
		padding-bottom: 35px;
	}
}







/*founder*/
.founder {
    padding-top: 90px;
	background: url("ss_bg.jpg") #eee;
    background-size: cover;
    background-position: top center;	
}


.co_avatar {
    position: relative;
}

.co_info {
    background: #11a63b;
	color:#fff;
}

.co_info_pr {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding: 15px 15px 0px 15px;
	margin-bottom: -30px;
}


.co_info {
    background: #11a63b;
    color: #fff;
    padding: 25px 15px;
    text-align: center;
}
.co_info span+span p {
    font-size: 16px;
    font-weight: normal;
    padding-top: 10px;
}
.co_info span p {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
}
.co_avatar img {
    width: 100%;
}
@media (max-width:991px) and (min-width:767px){
	.co_info span+span p {
		font-size: 14px;
	}
	.co_info span p {
		font-size: 14px;
	}
}
@media(max-width:991px){
	.founder {
		padding-top: 50px;
	}

}

@media(max-width:767px){
	.founder {
		padding-top: 40px;
	}
	.co_founder {
		position: relative;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.co_founder.last {
		margin-bottom: 0;
		padding-bottom: 0;
	}	
}

/*amazing_count*/


.amazing_count_it img, .amazing_count_it span {
    display: block;
    margin: 0 auto;
}
.amazing_count_it {
    text-align: center;
    padding-bottom: 115px;	
}
.amazing_count_it img{
    padding-bottom: 25px;
}

.amazing_count_it span {
    color: #11a63b;
    font-size: 38px;
    font-weight: bold;
}
.amazing_count_it span b+b {
    padding-right: 0px;
}
.amazing_count_it span b {
    padding-right: 5px;
}

.amazing_count_it span+span {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    padding-top: 15px;
}

@media(max-width:991px){
	.amazing_count {
		padding-top: 115px;
	}	
	.amazing_count_it {
		padding-bottom: 80px;	
	}

}
@media(max-width:767px){
...
}
/*css_19_sidebar_news*/
   
ul.widget-sidebar-blog-list li .blog-item {
    display: block;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
ul.widget-sidebar-blog-list li:last-child .blog-item {
    border-bottom-color: transparent;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
ul.widget-sidebar-blog-list {
    margin-bottom: 0px;
}
ul.widget-sidebar-blog-list li .blog-item h4.blog-name a {
    color: #363636;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
    
}

ul.widget-sidebar-blog-list li .blog-item h4.blog-name a:hover {
    color: #11a63b;
}
ul.widget-sidebar-blog-list li .blog-item h4.blog-name {
    margin: 0;
}






/*css_20_collection_sidebar*/
  
    .megamenu-left .widget-sidebar-item {
        margin-top: 15px;
        margin-bottom:15px;
        display: block;
        overflow: hidden;
    }
    .megamenu-left .widget-sidebar-item:nth-of-type(1) {
        margin-top: 0px;
        margin-bottom:15px;
        display: block;
        overflow: hidden;
    }
    h3.widget-sidebar-name {
        font-size: 16px;
        color: #363636;
        text-align: left;
        font-weight: bold;
        border-bottom: 1px solid #e1e1e1;
        padding-bottom: 15px;
        margin-bottom: 20px;
        text-transform: uppercase;
    }
    ul.widget-sidebar-list.products_tags li a {
        text-decoration: none;
        color: #898989;
        background: #fff;
        padding: 10px 15px;
        margin: 0px 5px 5px 0px;
        border: 1px solid #acacac;
        display: inline-block;
    }   
    ul.widget-sidebar-list.products_tags li a:hover {
        text-decoration: none;
        color: #fff;
        background: #11a63b;
        padding: 10px 15px;
        margin: 0px 5px 5px 0px;
        border: 1px solid #11a63b;
    }
    ul.widget-sidebar-list.products_tags li {
        float: left;
    }

    .megamenu-left {
        margin-bottom: 50px;
    }
    .widget-sidebar-item .product_item h5.product-name {
        margin: 0;
        text-align: left;
    }
    .widget-sidebar-item .product_item h5.product-name a{
        color: #363636;
        text-align: left;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 5px;
        text-decoration: none;
    }
    .widget-sidebar-item .product_item h5.product-name a:hover{
        color:#11a63b;
    }
    .widget-sidebar-item .product_item .product-price del{
        padding-left: 0px;
        display: block;
    }
    .widget-sidebar-item .product_item:nth-of-type(1) {
        padding-top: 15px;
    }
    .widget-sidebar-item .product_item {
        margin-bottom: 30px;
        border-bottom: 1px solid #eee;
        padding-bottom: 30px;
    }
    .widget-sidebar-item .product_item .righcontent {
        text-align: left;
    }




  

/*css_23_products_sort
css_24_page_navi*/

/*css_27_blog_sidebar*/
/*css_28_blog_list_page*/
.sidebar-collection .new-item,
section.section-blog .new-item {
	position: relative;
	overflow: hidden;
	float: left;
}

section.section-blog .new-item .new-item-brbt{
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 30px;
    margin-bottom: 30px;

}

section.section-blog .new-item .new-item-brbt img {
    width: 100%;
}

section.section-blog .new-item .new-item-brbt .home-blog-content-right {
    margin-top: 25px;
}


.sidebar-collection .new-item .new-item-brbt{
	position: relative;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 20px;
    padding-bottom: 20px;

}


.sidebar-collection .new-name,
.section-blog .new-name {
    margin: 0;
}

.section-blog .home-blog-content-right .new-name a {
    color: #333333;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    display: inline-block;
    line-height: 1.4;	
}
.sidebar-collection .home-blog-content-right .new-name a{
    color: #333;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    display: inline-block;
	line-height: 1.4;	
}

.sidebar-collection .home-blog-content-right .new-name a:hover,
.section-blog .home-blog-content-right .new-name a:hover {
    color: #11a63b;
}
.sidebar-collection .home-blog-content-right .new-info,
.section-blog .home-blog-content-right .new-info {
    margin: 0px 0px 15px 0px;
}
.section-blog .home-blog-content-right .new-description {
     font-size: 14px;
    color: #333;
    line-height: 20px;
    margin: 0px 0px 20px 0px;
    font-weight: normal;
}
.sidebar-collection .home-blog-content-right .new-info,
.section-blog .home-blog-content-right .new-info {
    color: #c2c2c2;
}
.sidebar-collection .home-blog-content-right .new-info span,
.section-blog .home-blog-content-right .new-info span {
    padding-right: 15px;
}

.section-article .new-img,
.section-blog .new-img {
    position: relative;
}

.section-article .new-img img,
.section-blog .new-img img{
	width:100%;
}
.section-article .new-info span+span,
.section-blog .new-info span+span {
    border-top: 1px solid #77c0e9;
    padding-bottom: 0px;
    padding-top: 5px;
}
.section-article .new-info span ,
.section-blog .new-info span {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    padding-bottom: 5px;
}
.section-article .new-info,
.section-blog .new-info {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #11a63b;
    margin: 0;
    padding: 10px 15px;
}

.section-blog .new-img a:before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    background-image: -webkit-linear-gradient(top, rgba(68, 225, 223, 0.8) 0%, rgba(47, 151, 217, 0.8) 100%);
    background-image: linear-gradient(to bottom, rgba(68, 225, 223, 0.8) 0%, rgba(47, 151, 217, 0.8) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#CC44E1DF', endColorstr='#CC2F97D9', GradientType=0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	opacity: 0;
}

.section-blog .new-img a:after {
    content: "+";
    padding: 3px 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -23px;
    margin-left: -23px;
    color: #fff;
    z-index: 2;
    font-size: 28px;
    background: rgba(255, 255, 255, 0.5);
    width: 46px;
    height: 46px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    opacity: 0;
    filter: alpha(opacity=0);
    font-weight: 300;	
}


.section-blog .new-img a:hover:before,
.section-blog .new-img a:hover:after{
	opacity:1;
	filter: alpha(opacity=100);	
}

.section-blog .new-img a:hover:after{
	-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);

}





ul.widget_sidebar_menu a {
    color: #333;
    padding-bottom: 20px;
    display: block;
}

ul.widget_sidebar_menu a:hover {
    color: #11a63b;
}
/*css_29_blog_page_navi*/
/*css_30_blog_detail*/

	.section-article .new-description img {
		width: 100%;
	}

	 section.section-article .new-item {
		position: relative;
		overflow: hidden;
		margin-bottom: 30px;
	}




	.section-article .new-info {
		color: #c2c2c2;
	}
	.section-article .new-info span {
		font-size:14px;
	}

	.section-article .new-name{
		margin-top:0px;
		margin-bottom:5px;
		color: #333;
		font-size: 24px;
		font-weight: 700;
		z-index: 1;
		position: relative;	
		margin: 20px 0px;
	}
	.section-article .new-description p{
    color: #333;
    z-index: 1;
    position: relative;
    font-size: 14px;
    line-height: 25px;
	}
	.section-article .new-img img {
		max-width: 100%;
	}
	.section-article .new-img {
		overflow: hidden;
		position: relative;
	}
	.section-article .home-blog-content-right {
		margin-top: 0px;
	}
	.section-article .home-blog-content-right-div {
		background: #fff;
		padding: 0;
		position: relative;
	}
	.section-article .home-blog-content-right-div:after{
		display: none;
	}

	.blog-item {
		position: relative;
		overflow: hidden;
		/*float: left;*/
		padding-bottom: 30px;
		border-bottom: 1px solid #ebebeb;
	}

    .media.comment-item {
        margin: 20px 0px;
        position: relative;
        overflow: hidden;
        min-height: 85px;
    }
    .section-comments.comment {
		position: relative;
		clear: both;
		overflow: hidden;
		background: #fff;
		margin: 50px 0px 20px 0px;
    }
    .imgcmt {
		width: 80px;
		height: 80px;
		overflow: hidden;
		background: #eee;
		border-radius: 50%;
		position: absolute;
		top: 0;
		left: 0;
		border: 1px solid #eee;
		z-index: 1;
    }
    .media.comment-item .media-body-me {
    border-bottom: 1px solid #ebebeb;
    min-height: 85px;
    padding: 0;
    position: relative;
    background: #fff;
    border-radius: 0px;
    overflow: hidden;
    margin-left: 95px;	
    }
	.cm_ct_top {
		min-height: 80px;
		margin-bottom: 15px;
	}

     .media-body-me h4.media-heading.comment-name {
		font-size: 14px;
		color: #333;
		font-weight: 700;
		margin: 0;
    }
     .media-body-me span.blog-info {
		
        color: #c2c2c2;
        margin: 5px 0px;
        display: inline-block;
    }

     .media-body-me p.comment-content {
 		color: #333;
    	line-height: 30px;
    	margin: 0;
    	padding-bottom: 15px;		 
    }
    .arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #11a63b;
    position: absolute;
    left: -10px;
    top: 25px;
    }

    .arrow-ppsay-bottom {
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #fff;
		position: absolute;
		left: 50%;
		margin-left: -5px;
		bottom: 0;
		margin-bottom: -10px;
		z-index: 999 !important;
		display: block !important;
		opacity: 1;
    }


	.note.form-error strong {
		font-weight: normal;
	}
    .arrow-left:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 9px solid #fff;
    position: absolute;
    margin-top: -9px;
    margin-left: 1px;
    }
    .nam-and-email input {
    width: 100% !important;
    padding: 0px 15px;
    box-shadow: none !important;
    outline: none !important;
    border: 1px solid #e0e0e0 !important;
    background: #f5f5f5;
    border-radius: 5px;
    height: 45px;
    line-height: 45px;
    }
   .nam-and-email {
        padding: 0;
    }



.nam-and-email .form-group {
    margin-bottom: 20px;
}

.btn-default:hover {
    color: #ffffff;
    background-color: #52D075 !important;
    border-color: #52D075 !important;
}

.btn-default:focus, .btn-default.focus {
    color: #ffffff;
    background-color: #52D075 !important;
    border-color: #52D075 !important;
}

.post-cmt-btn .btn-default {
    border: none;
    padding: 13px 25px;
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #52D075 !important;
    border-color: #52D075 !important;
}
	.comment-title {
    margin-top: 0px;
    font-size: 18px;
    color: #666;
    text-align: left;
    margin-bottom: 30px;
	}
    .cmt-content-text .form-group {
		width: 100%;
   		margin: 0px 0px 20px 0px;
    }
    .cmt-content-text textarea {
    width: 100% !important;
    min-height: 150px;
    padding: 15px;
    border-radius: 5px;
    box-shadow: none !important;
    outline: none !important;
    border: 1px solid #e0e0e0 !important;
    background: #f5f5f5;
    }


    .form-inline.form-comment {
        margin-bottom: 50px;
    }
    h4#add-comment-title {
		margin-top: 0px;
		font-size: 18px;
		color: #666;
		text-align: left;
		margin-bottom: 35px;
    }
	p.comment-title-des {
		font-size: 14px;
		color: #666666;
		padding: 0px 60px;
		margin: 30px 0px 70px 0px;
		text-align: center;
	}
    ul.social_share li a {
        color: #646464;
		padding:0px 10px;
		font-size: 20px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 9999;		
		
    }
	span.social_title {
		line-height: 20px;
		padding-top: 3px;
		display: inline-block;
	}
    ul.social_share li {
        float: left;        
        text-align: center;

    }


   	ul.social_share li:first-child:hover a,
	ul.social_share li:first-child:focus a{
		color:#4a6ea9;
    }

    ul.social_share li:first-child+li:hover a,
	ul.social_share li:first-child+li:focus a{
		color:#d64136;
    }



    ul.social_share {
        display: inline-block;
        margin: 0;
        vertical-align: top;
    }
    .social_media {
		float: left;
		margin: 15px 0px 30px 0px;
		padding-bottom: 15px;
		font-size: 14px;
		color: #333;
		border-bottom: 1px solid #ebebeb;
		width: 100%;		
    }
    section.related_news {
        position: relative;
        overflow: hidden;
        border-bottom: 1px solid #eee;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }


    


/*css_31_blog_cmt*/
form#article_comments {
    background: #fff;
	margin-bottom: 35px;
	position: relative;
    overflow: hidden;
}

/*css_33_contact_page*/
   
    .notification_contact {
        display: none;
        background: #11a63b;
        position: fixed;
        vertical-align: middle;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        z-index: 99999999;
    }

    .notification_contact p {
        color: #fff;
        font-size: 28px;
        font-weight: 100;
        top: 50%;
        position: absolute;
        display: block;
        text-align: center;
        width: 100%;
    }
	.section-contact .form-inline.form-comment {
		margin-bottom: 0px;
	}


	.section-contact .widget-menu > li {
		color: #666;
	}


	.section-contact ul.widget-menu li:first-child span {
		padding-left: 0px;
		color: #666666;
		padding-bottom: 35px;
		margin-bottom: 35px;
		border-bottom: 1px solid #c2c2c2;
		display: block;
		padding-top: 25px;
		font-size: 15px;
		line-height: 30px;
	}
	.section-contact ul.widget-menu li {
		padding: 0;
		line-height: 20px;
    	margin-bottom: 25px;		
	}
	section.section-contact {
		margin-bottom: 80px;
	}
	.section-contact ul.widget-menu li span {
		padding-left: 10px;
	}
	.section-contact .form-inline.form-comment .form-group {
		display: block;
		/*width: 100%;*/
		position: relative;
		overflow: hidden;
		margin-bottom: 35px;
	}
	.section-contact .form-inline.form-comment .form-group label {
		min-width: 120px;
		font-weight: normal;
	}

	.section-contact .form-inline.form-comment .form-group input{
		width: 100%;
		box-shadow: none;
		padding: 0px 20px;
		border: 1px solid #e0e0e0;
		border-radius: 3px;
		background: #f5f5f5;
		line-height: 52px;
		height: 52px;
	}

	.section-contact .form-inline.form-comment .form-group textarea {
		width: 100%;
		box-shadow: none;
		padding: 0px 20px;
		border: 1px solid #e0e0e0;
		border-radius: 3px;
		background: #f5f5f5;
		line-height: 52px;
	}


	li.i_color i {
		color: #11a63b;
	}
	button#submit_contact:hover {
		background: #52D075;
	}
	button#submit_contact {
		margin-top: 0px;
		border: none;
		padding: 13px 30px;
	}

/*css_34_404_page*/


section.not_found p {
    color: #707070;
    margin: 15px 0px 25px 0px;
}
a.btn.btn-primary.btn-not-found {
    background: #11a63b;
    color: #fff;
    text-transform: uppercase;
    border: none;
    border-radius: 0px;
    padding: 15px 30px;
    margin-bottom: 100px;
}


/*css_9998_row_eq_height*/
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    /*
     * Styles copied from the Grid example to make grid rows & columns visible.
     */
    .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    /*
     * Callout styles copied from Bootstrap's main docs.
     */
    /* Common styles for all types */
    .bs-callout {
        padding: 20px;
        margin: 20px 0;
        border-left: 3px solid #eee;
    }
    .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }
    .bs-callout p:last-child {
        margin-bottom: 0;
    }
    .bs-callout code {
        background-color: #fff;
        border-radius: 0px;
    }
    /* Variations */
    .bs-callout-danger {
        background-color: #fdf7f7;
        border-color: #d9534f;
    }
    .bs-callout-danger h4 {
        color: #d9534f;
    }
    .bs-callout-warning {
        background-color: #fcf8f2;
        border-color: #f0ad4e;
    }
    .bs-callout-warning h4 {
        color: #f0ad4e;
    }
    .bs-callout-info {
        background-color: #f4f8fa;
        border-color: #5bc0de;
    }
    .bs-callout-info h4 {
        color: #5bc0de;
    }


/*-----------------------------
[2. Banner]
-------------------------------*/
.index-bottom-banner img {
    max-width: 100%;
	width: 100%;
}
.index-bottom-banner {
    position: relative;
    overflow: hidden;
}
.home_dv_bn_cv a,
.index-bottom-banner a{
  position: relative;
  display: block;
  width: 100%;
}
.home_dv_bn_cv  a img{
    width: 100%;
}

.home_dv_bn_cv a:before, 
.index-bottom-banner a:before{
  background-color: rgba(255, 255, 255, 0.15);
  content: "";
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  width: 0;
}
.home_dv_bn_cv a:after,
.index-bottom-banner a:after{
  background-color: rgba(255, 255, 255, 0.15);
  bottom: 0;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  width: 0;
}
.home_dv_bn_cv a:hover:before,
.index-bottom-banner a:hover:before{
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
}
.home_dv_bn_cv a:hover:after,
.index-bottom-banner a:hover:after{
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
}


/*pagination*/
.pagination li a {
    color: #333333;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 0px !important;
    padding: 10px 15px;
    margin: 5px 8px 5px 0px;
    font-size: 14px;	
}

.pagination {
    margin-bottom: 40px;
    margin-top: 0px;	
}
.pagination li a:hover,
.pagination li a:focus,
.pagination li.active span,
.pagination li.active span:hover,
.pagination li.active span:focus {
    color: #fff;
    background: #11a63b;
    border: 1px solid #11a63b;
    border-radius: 0px;
    padding: 10px 15px;
    margin: 5px 8px 5px 0px;
    font-size: 14px;
}

/*infomation*/
@media(min-width:991px){
	.infomation{
		min-height:400px;
	}
}
section.infomation {
    background: #11a63b;
    color: #fff;	
}
.infomation .widget-item ul li i {
    width: 20px;
}
.infomation .widget-item p {
    border-top: 1px solid #77c0e9;
    padding-top: 20px;
}

.infomation .widget-item ul li {
    padding-bottom: 15px;
}
.infomation .widget-item {
    margin-top: 80px;
}

.infomation .widget-item .widget-title {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 20px;
}

@media(max-width:991px){
	.infomation .widget-item {
		margin-top: 40px;
    	margin-bottom: 40px;		
	}
	.infomation{
		min-height:auto;
	}	
}
/*google_map*/
.google_map{
	height:400px;
	margin-top: -400px;	
}
.google_map .w50p{
	background:#eee;
	height: 400px;
}

@media(max-width:991px){
.google_map{
	height:330px;
	margin-top: 0px;	
}
.google_map .w50p{
	background:#eee;
	height: 330px;
	width:100%;
}
	
}








/*page_project*/
.grid-item-sp a {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
    display: block;
    background: #ebebeb;
	width: 100%;	
    margin-bottom: 30px;
}


.grid-item-sp a img {
    top: 0;
    left: 0;
    width: auto;
    position: absolute !important;
    height: 100% !important;
    max-width: none !important;
    display: block !important;
}
/*
a.project_thum:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("apple_btn.png") rgba(0,0,0,.75);
    background-repeat: no-repeat;
    background-position: center;	
	opacity:0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;	
	z-index: 1;
}
a.project_thum:hover:before{
	opacity:1;
}
*/
a.project_thum {
	display: block;
}
a.project_thum:hover img {
	animation-name: pulse;
    animation-duration: 1.5s;
}
.section-page.page_project {
    margin-bottom: 90px;
}
.page_project .section-product-wrapper {
    text-align: center;
}
.page_project .nav-tabs {
    border-bottom: none;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    width: auto;
    margin-bottom: 50px;
    margin-top: 5px;
    float: none;
}
.page_project .nav-tabs > li.active > a{
    color: #fff;
    background-color: #11a63b;
    border: none;
    border-bottom-color: transparent;
    cursor: default;
    border-radius: 5px;
    padding: 7px 20px;
}
.page_project .nav > li > a:hover, .page_project .nav > li > a:focus {
    text-decoration: none;
	 color: #fff;
    background-color: #11a63b;
}

.page_project .nav > li > a{
    text-decoration: none;
	 color: #333;
    background-color: #f1f1f1;
	    font-weight: bold;
	    border-radius: 5px;
    padding: 7px 20px;
	    margin: 0px 4px 5px 4px;
	    border: none;
}

@media (max-width:480px){
	.page_project .nav-tabs > li.active > a {
		color: #fff;
		background-color: #11a63b;
		border: none;
		border-bottom-color: transparent;
		cursor: default;
		border-radius: 5px;
		padding: 7px 10px;
	}
	.page_project .nav > li > a {
		text-decoration: none;
		color: #333;
		background-color: #f1f1f1;
		font-weight: bold;
		border-radius: 5px;
		padding: 7px 10px;
		margin: 0px 4px 5px 4px;
		border: none;
	}
}