/*-------------------------------------------------------
[Table of contents]

1. Header
	+ logo
	+ top navigation
	+ search
	
2. Content
	+ feature sections
	+ page title
	+ parallax backgrounds
	+ video backgrounds
	
3. Sidebar
	+ site search
	+ tabs
	+ portfolio widgets
	+ advertisements

3. Typography
	+ lists
	+ buttons
	+ styled boxes
	+ dropcaps
	+ highlight colors
	+ tables
	+ pricing tables
	+ framed boxes
	+ pagination
	
4. Footer
	+ copyrights
	+ google map
	
--------------------------------------------------------*/


/*----------------------------------------------------
	SITE MAIN STRUCTURE
------------------------------------------------------*/

.site_wrapper {
	width: 100%;
	margin: 0 auto 0 auto;
}
.container_full {
	width: 100%;
	float: left;
	margin: auto;
}
.container_fhstyle {
	width: 97.2%;
	margin: 0 auto;
}
.container_fhstyle2 {
	width: 100%;
	margin: 0 auto;
}

.container {
	width: 1280px;
	margin: auto;
}

.content_fullwidth {
	float: left;
	width: 100%;
	padding: 120px 0px 0px 0px;
}

.content_fullwidth.less {
	padding: 0px 0px 0px 0px;
}
.content_fullwidth.less2 {
	padding: 100px 0px 0px 0px;
}

.content_left {
	float: left;
	width: 71%;
	padding: 0px 0px 0px 0px;
}
.left_sidebar {
	float: left;
	width: 25%;
	padding: 0px 0px 0px 0px;
}
.content_right {
	float: right;
	width: 71%;
	padding: 0px 0px 0px 0px;
}
.right_sidebar {
	float: right;
	width: 25%;
	padding: 0px 0px 0px 0px;
}
.content_halfsite {
	float: left;
	width: 47.5%;
	margin-right: 5%;
	padding: 0px 0px 0px 0px;
}
.content_halfsite.last {
	margin-right: 0;
}


/* columns */
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive {
	position: relative;
	margin-right: 4%;
	float: left;
}
.one_full {
	width: 100%;
}
.one_half {
	width: 48%;
}
.one_third {
	width: 30.650%;
}
.one_fourth {
	width: 22%;
}
.one_fifth {
	width: 16.800%;
}
.two_third {
	width: 65.350%;
}
.three_fourth {
	width: 74%;
}
.onecol_forty {
	width: 40%;
}
.onecol_sixty {
	width: 56%;
}
.onecol_thirtyfive {
	width: 35%;
}

/* Less Space Bitween Columns */
.one_half_less, .one_third_less, .one_fourth_less, .two_third_less, .three_fourth_less, .one_fifth_less, .onecol_forty_less, .onecol_sixty_less, .onecol_thirtyfive_less {
	position: relative;
	margin-right: 2%;
	float: left;
}
.one_full_less {
	width: 100%;
}
.one_half_less {
	width: 49%;
}
.one_third_less {
	width: 32%;
}
.one_fourth_less {
	width: 23.500%;
}
.one_fifth_less {
	width: 18.400%;
}
.two_third_less {
	width: 66%;
}
.three_fourth_less {
	width: 74.500%;
}
.onecol_forty_less {
	width: 40%;
}
.onecol_sixty_less {
	width: 58%;
}
.onecol_thirtyfive_less {
	width: 36.250%;
}

.last {
	margin-right: 0 !important;
	clear: right;
}


/*---------------------------------------------------
	HEADER
------------------------------------------------------*/

/* Logo */
#logo {
	float:left;
	display:block;
	width:100%;
	min-height: 90px;
	margin-top:8px;
	position: relative;
	text-indent:-999em;
	background:url(../images/logo.png) no-repeat left top;	
}

/* header area adinationals */
.logo {
	float: left;
	width:35%;
	margin-top: 5px;
}


.menu_main {
	float: left;
	width: 65%;
	margin-top: 5px;
	z-index: 9999;
}

.menu_main.rslinks {
	width: 67%;
}


.menu_main_full {
	float: left;
	width: 84%;
	z-index: 9999;
}

.get-quote{
	    float: left;
    width: 16%;
    background: #27630c;
    padding: 17.5px;
    text-align: center;
    color: #fff;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.8px;
}

.mstslider {
	width: 100%;
	float: left;
}

/* top navigations */
.top_nav {
	float: left;
	width: 100%;
	background: #fcfcfc;
	border-bottom: 1px solid #f9f9f9;
	font-size: 12px;
	color: #c3c3c3;
}
.top_nav .left {
	float: left;
	width: 30%;
	padding: 7px 0px;
}
.top_nav .left i {
	color: #c3c3c3;
}
.top_nav .left a {
	color: #c3c3c3;
	margin-right: 25px;
}
.top_nav .left a:hover {
	color: #999;
	transition: all 0.3s ease;
}
.top_nav .right {
	float: left;
	width: 70%;
	text-align: right;
}
.top_nav ul.topsocial {
	float: right;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	padding: 7px 0px;
}
.top_nav .topsocial li {
	float: left;
	padding: 0px;
	margin: 0px 14px 0px 0px;
}
.top_nav .topsocial li a {
	float: left;
	color: #c3c3c3;
	font-size: 13px;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	transition: all 0.3s ease;
	margin-right: 0px;
}
.top_nav .topsocial li a:hover {
	color: #999;
}

.tpbut {
	float: right;
	color: #c3c3c3;
	margin-left: 0px;
	padding: 7px 18px;
	border-right: 1px solid #f3f3f3;
	border-left: 1px solid #f3f3f3;
	transition: all 0.3s ease;
}
.tpbut:hover, .tpbut.active {
	color: #999;
	background: #f9f9f9;
}
.tpbut.two {
	border-right: 1px solid #f3f3f3;
	border-left: none;
}



.top_section {
	float: left;
	width: 100%;
	
	background: #fff;
}
.top_section .left {
	float: left;
	width: 34%;
}
.top_section .right {
	float: left;
	width:66%;
	margin-top: 13px;
	color: #000;
	font-size: 13px;
	font-family: 'Poppins', sans-serif;
}
.top_section .right p{
	width: 100%;
	color: #000;
	font-size: 13px;

}
.top_section .right a {
	color: #000;
	font-size: 13px;
	transition: all 0.3s ease;float: left;
}
.top_section .right a:hover {
	color: #000;
}
.top_section .right i {
	color: #000;
	margin-left: 22px;
	font-size: 39px;
    float: left;
}
.top_section ul.topsocial {
	float: right;
	padding: 0px;
	margin: 0px 0px 0px 20px;
}
.top_section .topsocial li {
	float: left;
	padding: 0px;
	margin: 0px 5px 0px 0px;
}
.top_section .topsocial li a {
	float: left;
	color: #000;
	font-size: 11px;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	transition: all 0.3s ease;
	margin: 0;
	background: #333;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	line-height: 20px;
}
.top_section .topsocial li a:hover {
	background: #fff;
}
.top_section .topsocial li a i {
	color: #fff;
	margin: 0;
}


.icon-block-container {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 15px;
}

.d-flex {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.single-feature {
    width: 33%;
    margin-right: 2%;
}

.single-feature .image {
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
    height: 50px;
    /* border: 2px solid #ebebeb; */
    text-align: center;
    border-radius: 50%;
    margin-right: 20px;
    /* background: #B8975A; */
}

.single-feature .image i {
    font-size: 36px;
    line-height: 50px;
    color: #7ABD54;
}

.single-feature .content h5 {
    font-size: 19px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
    margin-bottom: 0;
    font-family: 'Kanit', sans-serif;
}

.single-feature .content p {
    margin-top: 8px;
    font-size: 15px;font-weight: 300;
    font-family: 'Kanit', sans-serif;
}



.menu_rlinks {
	float: right;
	width: 10%;
	font-family: 'Arimo', sans-serif;
	letter-spacing: 0.3px;
}
.menu_rlinks .mrbut {
	float: right;
	color: #fff;
	font-weight: 600;
	margin-left: 0px;
	    padding: 10px 16px;
    margin-top: 10px;
	background: #15b111;
	font-size: 15px;
	transition: all 0.3s ease;
}
.menu_rlinks .mrbut:hover {
	color: #fff;
	background: #727272;
}
.menu_rlinks .mrbut.two {
	border-right: 1px solid #707070;
	border-left: none;
}


.slidermar {
	margin-top: 55px;
	float: left;
	}

.banner-layer{	
	width: 100%;
	height: 100%;
    overflow: hidden;
    background: rgb(96, 96, 95, 0.2);
	/*background:linear-gradient(to right, rgb(96, 96, 95, 1), transparent);*/
	padding: 50px;
	position: absolute;
	content: "";
	left: 0px;
	top: 0px;
	z-index: 9;
}
.header-right-img{
	position: absolute;
	content: "";
	top:0px;
	right: -10px;
}

/*====================================== home
==============================================*/
.home-about{
	width: 100%;
	float: left;
	padding-top: 100px;
	position: relative;
}
.home-right-icon{
	position: absolute;
	content: "";
	right: -15px;
	top: -15px;	
}
.about-left{
	width: 40%;
	float: left;
	margin-right: 7%;
	text-align: center;
	margin-top: 0px;
}
.about-right{
	width: 53%;
	float: left;
}
.about-left img{width: 100%; height: auto;}

.about-right h1{
	font-size: 30px;
    line-height: 36px;
    font-family: 'Kanit', sans-serif;
    color: #565755;
    font-weight: 500;
    margin-bottom: 15px;	
}
.about-right p{
	font-size: 15px;
	line-height: 28px;
	font-family: 'Poppins', sans-serif;
	color: #000;
	font-weight: 400;
	padding-bottom: 10px;
	text-align: justify;
}
.about-right .more-btn{ 
	margin-top: 30px;
	width: 100%;
	float: left;
	text-align: left;
}

.about-right a{
	font-size: 16px;
	font-family: 'Poppins', sans-serif;
	color: #fff;
	font-weight: 500;
	background: #fd7221 ;
	border-radius: 20px 0px;
	padding:13px 30px;
	transition: all 0.5s ease;
}
.about-right a:hover{
	background: #565755;	
}
/*.========================*/
.home-quality{
	width: 100%;
	float: left;
	margin-top: 60px;	
	padding: 60px 0px;
	background-image: url(../images/quality-bg.jpg);
    background-position: center;
    background-repeat: repeat;
    background-size: contain;    
}
.home-quality-boxes{
	width: 100%;
	display: flex;
	align-items: center;
}
.home-quality-left{
	width: 50%;
	float: left;
	margin-right: 7%;
}
.home-quality-right{
	width: 43%;
	float: left;
	position: relative;
}
.home-quality-right img{width: 100%; height: auto;}

.home-quality-right .image1{
	width: 200px;
	position: absolute;content: "";
	bottom: -50px;
	left: -50px;
}



.home-quality h1	{
	font-size:30px;
	font-family: 'Kanit', sans-serif;
	color: #5d5d5c;
	font-weight: 500;
	margin-bottom: 24px;
	line-height: 40px;
}
.home-quality h5	{
    font-size: 20px;
    line-height: 38px;
    letter-spacing: 0.3px;
	font-family: 'Poppins', sans-serif;
	color: #fd7221;
	font-weight: 600;
	margin-bottom: 10px;
	
}
.home-quality p	{
	font-size:16px;
	font-family: 'Poppins', sans-serif;
	color: #000;
	font-weight: 400;
	line-height: 30px;
	padding-bottom: 10px;
}
.quality-icons{
	width: 100%;
	float: left;
	margin-top: 30px;
}
.quality-icons h4{
	font-size: 18px;
    line-height: 38px;
    letter-spacing: 0.3px;
	font-family: 'Poppins', sans-serif;
	color: #000;
	font-weight: 500;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	float: left;
	width: 50%;
}
.quality-icons img{
	width: 45px;
	height: auto;
	margin-right: 15px;
}
/*=========================================================*/

.business-units{
	width: 100%;
	float: left;
	padding-top: 80px;
	position: relative;
}
.business-units:before{
	background: url(../images/circle-pattern.png) no-repeat top left;
    position: absolute;
    content: "";
    top: 00%;
    left: -17px;
    width: 260px;
    height: 800px;
    opacity: 0.3;
}
.business-units:after{
	background: url(../images/circle-pattern-right.png) no-repeat top right;
    position: absolute;
    content: "";
    top: 00%;
    right: -17px;
    width: 260px;
    height: 800px;
    opacity: 0.3;
}
.business-units h1	{
	font-size:34px;
	font-family: 'Kanit', sans-serif;
	color: #5d5d5c;
	font-weight: 500;
	margin-bottom: 56px;
	line-height: 40px;
	text-align: center;
}
.business-block{
	width: 100%;
	float: left;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;	
}
.business-item{
	width: 49%;
	float: left;
	margin-right: 2%;
}
.business-item-details{
	width: 80%;
	float: left;
}
.business-icon{
	width: 105px;
	height: 105px;
	background: #8ec63d;	
	text-align: center;
	    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
}
.business-icon1{border-radius: 50% 0% ;	}

.business-icon2{border-radius: 00% 50% ;}

.business-icon3{border-radius: 50% 0% ; float: none; transform: rotate( -45deg);}

.business-icon3 img{transform: rotate( 45deg);}

.business-lastchild{
	text-align: center !important;
	margin-top: -100px;
	margin-left: 10px;	
}
.business-lastchild .business-item-details{width: 100%}

.business-pl{
	padding-left: 40px;
}
.business-pr{
	padding-right: 40px;
}
.business-pt{
	padding-top: 35px;
}

.business-item h3{
	font-size: 22px;
    line-height: 38px;
    letter-spacing: 0.3px;
	font-family: 'Kanit', sans-serif;
	color: #fd7221;
	font-weight: 400;
	margin-bottom: 0px;
}
.business-item h5{
	font-size: 13px;
    line-height: 26px;
    /* letter-spacing: 0.3px; */
    font-family: 'Poppins', sans-serif;
    color: #575756;
    font-weight: 500;
    margin-bottom: 8px;
    font-style: italic;
}
.business-item p{
	font-size: 14px;
    line-height: 27px;
    letter-spacing: 0.3px;
	font-family: 'Poppins', sans-serif;
	color: #5d5d5c;
	font-weight:400;
	margin-bottom: 0px;
}

/*=====================================*/
.story-sec{
	width: 100%;
	float: left;
	margin-top: 80px;
	background: url(../images/storysec-bg.jpg);
	background-position: center;
    background-repeat: repeat;
 /*   background-size: contain;  */  
}
.story-sec-layer{
	background: rgb(64 164 24/0.8);
	width: 100%;
	height: 100%;
	padding: 60px 0px;
}
.story-sec h2{
	font-size:36px;
	font-family: 'Kanit', sans-serif;
	color: #fff;
	font-weight: 500;
	margin-bottom: 35px;
	line-height: 40px;
	text-align: center;
	letter-spacing: 0.3px;
}
.story-sec p{
	font-size: 18px;
    line-height: 40px;
    letter-spacing: 0.3px;
    font-family: 'Poppins', sans-serif;
    color: #f9f9f9;
    font-weight: 500;
    margin-bottom: 0px;
    text-align: center;
}
/*============================products-section
=====================================*/

.products-section{
	width: 100%;
	float: left;
	margin-top: 80px;
}
.products-section h2{
	font-size:32px;
	font-family: 'Kanit', sans-serif;
	color: #575756;
	font-weight: 400;
	margin-bottom: 10px;
	text-align: center;
}
.products-section p	{
	font-size:15px;
	font-family: 'Poppins', sans-serif;
	color: #000;
	font-weight: 400;
	line-height: 30px;
	letter-spacing:0.3px;
}

.product-item{
	width: 100%;
	float: left;
	box-shadow: 0px 0px 5px 0px rgb(0 0 0/0.3);	
	position: relative;	
	border-radius: 20px;
}
.product-item:before{
	position: absolute;
	content: "";
	bottom: 0px;
	right: 0px;
	background: url(../images/sec-right-icon.png) no-repeat right;
	background-size: contain;
	width: 100px;
	height: 100px;
}
.product-item h4{
	font-size: 17px;
    line-height: 38px;
    letter-spacing: 0.3px;
	font-family: 'Poppins', sans-serif;
	color: #2e9c02;
	font-weight: 600;
	margin-bottom: 5px;	
}
.product-details{
	width: 100%;
	float: left;
	padding:0px 30px 20px;
}
.product-item .image-item{
	width: 100%;
	float:left;
	margin-top: -50px;
	    display: flex;
    justify-content: center;
}
.product-item img{
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: #fff;
	border-top: 1px solid rgb(0 0 0/0.3);	
	padding: 5px;
}
.products-section .slider {
        width: 95%;
        margin: 55px auto;
    }

.products-section .slick-slide {
      margin: 50px 14px 30px;
    }

/*.slick-slide img {
      width: 100%;
  
}*/
/* .slick-slide img:hover{   
    -webkit-filter: grayscale(90%); 
  filter: grayscale(90%);
}*/
    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


/*    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }*/

.slick-current {
    opacity: 1;
    background: #f7fcef;
   }

@media only screen and (min-width: 640px) and (max-width: 767px){
  .products-section .slider {   width: 95%;  margin: 45px auto;}
}
@media only screen and (min-width: 480px) and (max-width: 639px){
    .products-section .slider {   width: 95%;  margin: 45px auto;}
}
@media only screen and (max-width: 479px) {
 .products-section .slider {   width: 95%;  margin: 22px auto;}
 .products-section .slick-slide {   margin: 0px 3px;}

}
/*----------------------------------------------------
 FOOTER STYLES
------------------------------------------------------*/

.footer {
	float: left;
	width: 100%;
	padding: 60px 0px 0px 0px;
	background: #333;
	color: #f8f8f8;
	font-size: 15px;
	line-height: 28px;
	letter-spacing: 0.3px;
	font-family: 'Poppins', sans-serif;
}
.footer h4 {
	font-size: 20px;
	color: #fff;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
}
.footer .text-border {
	width: 40px;
	height: 3px;
	background: #fd7221;
	margin-bottom: 20px;
	border-radius: 20px;
}

.fmargin-top{
	margin-top:60px;
}
/* Address */
ul.faddress {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.faddress li {
	padding: 2px 0px;
	margin: 0px;
	padding-left: 20px;
	padding-bottom: 10px;
	transition: all 0.3s ease;
}
.faddress li a {
	color: #f8f8f8;
	transition: all 0.3s ease;
	
}
.faddress li:hover i{
	color: #87bd41;
}
.faddress li i{
	margin-left: -20px;
	margin-right: 7px;
	color: #87bd41;
}
/* quick links */
.qlinks {
	float: left;
	width: 100%;
}
.qlinks ul {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 5px 0px 0px 0px;
}
.qlinks li {
	padding: 2px 0px;
	margin: 0px;
	transition: all 0.3s ease;
}
.qlinks li a {
	color: #f8f8f8;
	transition: all 0.3s ease;
	font-size: 15px;
	font-family: 'Poppins', sans-serif;
}
.qlinks li:hover i {
	color: #8ec63d;
}
.qlinks li a i {
	margin-right: 3px;
}

.qlinks.two li a i {
	color: #5b5c60;
	font-size: 5px;
	font-weight: 600;
	font-size: 16px;
	margin-right: 8px;
}

.footer-1{
	width: 28%;
	float: left;
	margin-right: 6%;
}
.footer-2{
	width: 15%;
	float: left;
	margin-right: 2%;
}
.footer-3{
	width: 20%;
	float: left;
	margin-right: 2%;
}
.footer-4{
	width: 27%;
	float: left;
	margin-right: 0%;
}


/* copyrights */
.copyright_info {
	float: left;
	padding: 18px 0px 14px 0px;
	margin: 50px 0px 0px 0px;
	width: 100%;
	color: #fff;
	font-size: 14px;
	font-family: 'Poppins', sans-serif;
	font-weight: normal;
	background: #87bd41;
	
}

.copyright_info a {
	margin-top: 10px;
	font-size: 13px;
	color: #fff;
	text-align: right;
	transition: all 0.3s ease;
}
.copyright_info a:hover {
	color: #e3e3e3;
}


.copyright_info .left{
	width: 75%;
	float: left;
}
.copyright_info .right{
	width: 25%;
	float: left;
}


/* footer social links */
ul.footer_social_links {
	float: right;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
.footer_social_links li {
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 5px;
}
.footer_social_links li a i {
	width: 26px;
	height: 26px;
	text-align: center;
	border-radius: 100%;
	line-height: 26px;
	vertical-align: middle;
	background-color: #4daa28;
	color: #fff;
	transition: all 0.3s ease;
}
.footer_social_links li a i:hover {
	color: #fff;
	background-color: #4daa28;
}

.footer_social_links.two li a i {
	color: #fff;
	background-color: #87d37c;
	width: 28px;
	height: 28px;
	line-height: 28px;
}
.footer_social_links.two li a i:hover {
	color: #fff;
	background-color: #454545;
}

.footer_social_links.three li a i {
	color: #fff;
	background-color: #50c9d4;
	width: 28px;
	height: 28px;
	line-height: 28px;
}
.footer_social_links.three li a i:hover {
	color: #fff;
	background-color: #454545;
}




.fbsocials {
	float: left;
	width: 100%;
	background: #999;
	margin-bottom: 90px;
	text-align: center;
}
.fbsocials a {
	float: left;
	width: 20%;
	color: #fff;
	font-size: 27px;
	padding: 16px 0px;
	transition: all 0.3s ease;
}
.fbsocials a.fb {
	background: #4087cf;
}
.fbsocials a.tw {
	background: #36aae0;
}
.fbsocials a.in {
	background: #3377bb;
}
.fbsocials a.gp {
	background: #e93434;
}
.fbsocials a.be {
	background: #de8d23;
}

.fbsocials a.fb:hover,
.fbsocials a.tw:hover,
.fbsocials a.in:hover,
.fbsocials a.gp:hover,
.fbsocials a.be:hover {
	background: #393939;
}


/* scroll up */
.scrollup{
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:22px;
    right:20px;
    display:none;
    text-indent:-9999px;
    background: url(../images/scroll-top-arrow.png) no-repeat left top;
	z-index: 9001;
}

/*===========================*/

.innerpages{padding: 60px 0}

.product-table-heading{
	font-family: 'Poppins', sans-serif;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    padding-left: 15px;
}

.product-table-text{
	font-family: 'Poppins', sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding-left: 15px;
}

.fruit-box{background: #f3f3f3; padding: 15px; width: 24%; float: left; margin-right: 1.3333%; margin-bottom: 20px;}

.fruit-box:nth-child(4n+4){margin-right: 0%}

.fruit-box h4{
	font-family: 'Poppins', sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.fruit-box p{
	font-family: 'Poppins', sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    }

.submenu-active{    color: #fd7221 !important;font-size: 16px;
    font-family: 'Poppins', sans-serif;}

 .about-left-1{
	width: 40%;
	float: left;
	margin-right: 7%;
	text-align: center;
	margin-top: 0px;
}
.about-right-1{
	width: 53%;
	float: left;
}
.about-left-1 img{ height: auto;}

.about-right-1 h1{
	font-size: 28px;
    line-height: 36px;
    font-family: 'Lora', sans-serif;
    color: #565755;
    font-weight: 600;
    margin-bottom: 15px;	
}
.about-right-1 p{
	font-size: 15px;
	line-height: 28px;
	font-family: 'Poppins', sans-serif;
	color: #000;
	font-weight: 400;
	padding-bottom: 10px;
	text-align: justify;
}
.about-right-1 .more-btn{ 
	margin-top: 30px;
	width: 100%;
	float: left;
	text-align: left;
}

.about-right-1 a{
	font-size: 16px;
	font-family: 'Poppins', sans-serif;
	color: #fff;
	font-weight: 500;
	background: #fd7221 ;
	border-radius: 20px 0px;
	padding:13px 30px;
	transition: all 0.5s ease;
}
.about-right-1 a:hover{
	background: #565755;	
}

.mission-section{padding: 80px 0 40px; background: #f9f9f9; }


.vision-sec .item-1 {
    width: 48%;
    float: left;
    margin-right: 4%;
    box-shadow: 10px 10px 10px -4px rgb(212, 212, 212, 0.6);
    padding: 20px;
    background: #fff;
    margin-bottom: 45px;
}

.vision-sec .item-2 {
    width: 48%;
    float: left;
    box-shadow: 10px 10px 10px -4px rgb(212, 212, 212, 0.6);
    padding: 20px;
    background: #fff;
    margin-bottom: 45px;
}

.vision-sec .icon {
    width: 13%;
    float: left;
}

.vision-sec .icon i {
    font-size: 3em;
    background: -webkit-linear-gradient(#87bd43, #87bd43);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.vision-sec .details {
    width: 85%;
    float: left; 
    margin-right: 2%
}

.vision-sec .details p {
    text-align: justify;
    font-size: 15px;
    line-height: 28px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 400;
    margin-bottom:10px;
}

.vision-sec .details h3{    
	font-size: 24px;
    font-family: 'Kanit', sans-serif;
    color: #fd7221;
    font-weight: 500;
    margin-bottom:10px;
}

.team_section {
    padding: 80px 0;
}

.team_section .team_profile {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 45px;
}

.team_section .team_profile:last-child {
    margin-bottom: 0;
}

.team_section .team_profile .team_img {
    width: 200px;
    height: 200px;
    border: 6px solid #efefef;
    border-radius: 50%;
    overflow: hidden;   
}

.team_section:nth-child(even) .team_profile .team_img {
    border-color: #efefef;
}

.team_section .team_profile .team_img img {
    max-width: 100%;
}

.team_section .team_profile .team_info {
    width: calc(100% - 250px);
    padding-left: 60px;
}

.team_section .team_profile .team_info h2 {
    border-bottom: 1px solid rgba(15, 117, 188, 0.5);
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 26px;
    line-height: 32px;
    font-family: 'Kanit', sans-serif;
    color: #fd7221;
}

.team_section .team_profile .team_info h2 span {
    font-size: 16px;
    display: block;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #000;
}

.team_info p {
    font-size: 15px;
    line-height: 28px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 400;margin-bottom:10px;
    text-align: justify;
}

.featured_section10 .attbox {
	float: left;
	width: 100%;
	height:190px;
	background: #f9f9f9;
	margin-top: 60px;
}
.featured_section10 .attbox .box {
	float: left;
	width: 100.8%;
	height:190px;
	background: #f9f9f9;
	margin-left: -3px;
	margin-top: -3px;
	transition: all 0.3s ease;
}
.featured_section10 .attbox .box:hover {
	background: #f2f2f2;
}
.featured_section10 .cirimg {
	width: 85px;
	height: 85px;
	border-radius: 100%;
	border: 5px solid #eee;
	overflow: hidden;
	margin-bottom: 14px;
	transition: all 0.3s ease;
	margin-top: -50px;
	background: #fff;
}
.featured_section10 .cirimg:hover {
	border: 1px double #eee;
}
.featured_section10 .attbox h5 {
	margin-bottom: 0px;
	color:#fd7221;
	font-size:20px;
	font-family: 'Kanit', sans-serif;
	font-weight:500;
}
.featured_section10 .attbox em {
	font-size: 13px;
	color: #999;
}
.featured_section10 .attbox p {
	font-size: 15px;
	width: 80%;
	margin: 14px auto 15px auto;
	line-height:30px;
	    font-family: 'Poppins', sans-serif;
	color: #000;
}
.featured_section10 .attbox p a{
	font-size: 16px;
	    font-family: 'Poppins', sans-serif;
	
}

.featured_section10 h4 {
	color:#264796;
	font-size:24px;
	font-family: 'Kanit', sans-serif;
	font-weight:500;
	text-align: left;
	margin-bottom:50px;
}


.logregform {
	float: left;
	width: 100%;
	background: #fff;
	
}
.logregform.two {
	float: left;
	width:100%;

}
.logregform .title {
	float: left;
	width: 100%;
	background: #f3f3f3;
	text-align: center;
	padding: 23px 0px 21px 0px;
}
.logregform .title h3 {
	margin-bottom: 3px;
	font-weight: 700;
	text-transform: uppercase;
}
.logregform .title p {
	font-size: 12px;
}
.logregform .feildcont {
	float: left;
	width: 100%;
	
	text-align: left;
}
.logregform .feildcont label {
	float: left;
	width: 100%;
	font-weight: normal;
	color: #000;    font-family: 'Poppins', sans-serif;
}
.logregform .feildcont label em {
	color: #ff2400;
	font-style: normal;
}
.logregform .feildcont input {
	float: left;
	width: 100%;
	padding: 11px 12px;
	border: 1px solid #e3e3e3;
	margin-bottom: 12px;
	border-radius: 3px;
}
.logregform.two .feildcont input {
	margin-bottom: 18px;
}
.logregform .feildcont .checkbox {
	float: left;
	width: 100%;
}
.logregform .feildcont .checkbox label {
	float: left;
	width: auto;
	font-size: 13px;
}
.logregform .feildcont .checkbox label strong {
	font-weight: 600;
}
.logregform .feildcont .checkbox label a {
	margin-left: 10px;
}
.logregform .feildcont .fbut {
	float: left;
	background: #ff2400;
	padding: 15px 23px;
	border: none;
	border-radius: 3px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	transition: all 0.3s ease;
	margin-top: 18px;
}
.logregform .feildcont .fbut:hover {
	background: #264796;
}

.logregform .feildcont .fbut1 {
	float: left;
	background: #87bd43;
	padding: 15px 30px;
	border: none;
	border-radius: 3px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
	transition: all 0.3s ease;
	margin-top: 18px;
}
.logregform .feildcont .fbut1:hover {
	background: #264796;
}


.logregform .feildcont .radiobut input {
	float: left;
	width: auto;
}
.logregform .feildcont .radiobut .onelb {
	float: left;
	color: #aaa;
	margin: 0px 12px 0px 5px;
}

.logregform .feildcont select {
	float: left;
	width: 100%;
	border: 1px solid #e3e3e3;
	padding: 9px 5px 10px 5px;
	color: #999;
	text-align: left;
}
.google-map {
	width: 99%;
	height: 350px;
	border: 5px solid #fff;
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.gallery-text p{    font-size: 18px;
    line-height: 28px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 500; padding-top: 15px;}
/*==============================*/
    
 .service-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0; z-index: 99999;
  overflow: scroll;
}
.service-overlay:target {
  visibility: visible;
  opacity: 1;
}

.service-popup {
  margin: 70px auto;
  padding:20px 30px;
  background: #fff;
  border-radius: 5px;
  width: 35%;
  position: relative;
  transition: all 5s ease-in-out;
}

.service-popup h2 {
  margin-top: 0;
 font-family: 'poppins', sans-serif; 
 color: #fd7221; 
 font-size: 22px;
 margin-bottom: 25px;
 border-bottom: 1px solid #f3f3f3;
 text-align: center;
 line-height: 40px;
 font-weight:600;
}
.service-popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.service-popup .close:hover {
  color: #000;
}
.service-popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .service-popup{
    width: 70%;
  }
}
.service-popup .form-group {
    margin-bottom: 15px;
    width: 100%;
    float: left;
}
.submit-service{
        background: #87bd43;
    border: 0;
    border-radius: 20px;
    padding: 10px 30px;
    color: #FFF;
    transition: all 0.3s ease-in;
    font-family: 'poppins', sans-serif;
     font-weight:600;
}
  
.submit-service:hover{ 
    background:#fd7221;
}
    
.jointura-box{background: #fff8f4; padding: 30px 35px; border-radius: 25px; margin-bottom: 40px}  

.jointura-box h4{font-family: 'poppins', sans-serif; color: #000;  font-size: 22px; margin-bottom: 10px;font-weight:700;}

.jointura-box h5{font-family: 'poppins', sans-serif; color: #000;  font-size: 16px; margin-bottom: 10px;font-weight:500;}

.jointura-box p{font-family: 'poppins', sans-serif; color: #000;  font-size: 14px;line-height: 28px;padding-bottom: 15px;
 font-weight:400; text-align: justify;}   
    
.nutraceuticals{
	font-size: 34px;
    font-family: 'Kanit', sans-serif;
    color: #fd7221;
    font-weight: 500;
    margin-bottom: 30px; text-align: center;
}   

.jointura-ul li {
    float: left;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 28px;
    padding-left: 25px;
    text-align: justify;
    width: 100%;
} 

.jointura-ul li i {
    margin-left: -25px;
    padding-right: 10px;
    color: #fd7221;
    margin-top: 7px;
    float: left;
}

.ferty-box{background: #f3fbe8; padding: 30px 35px; border-radius: 25px;}  

.ferty-box h4{font-family: 'poppins', sans-serif; color: #000;  font-size: 22px; margin-bottom: 10px;font-weight:700;}

.ferty-box h5{font-family: 'poppins', sans-serif; color: #000;  font-size: 16px; margin-bottom: 10px;font-weight:500;}

.ferty-box p{font-family: 'poppins', sans-serif; color: #000;  font-size: 14px;line-height: 28px;padding-bottom: 15px;
 font-weight:400; text-align: justify;}