/*
	Theme Name: Thực Phẩm
	Theme URI:			
	Description: 
	Author: Demo Web
	Author URI: 
	Version: 1.0
	Text Domain: thucpham
	*/


	#hidden-sub .wrapper .sub-nav{margin:0 3%!important;}
	.sub-nav li{padding: 0px 7px;}

	#top{background-color:#00a63f!important;}

	.top-bar-section>ul>li{border-left: rgba(26, 26, 26, 0.06) 1px solid !important;}

	.top-bar-section>ul>li>a span.arr{border-top:10px solid #00a63f!important;}

	/* footer*/
	#footer .copy-footer{top: 42px;}
	#footer .copy-footer .copyright{
		position: relative;
		right: 200px;
	}

	#footer .right-footer{
		position: relative;
		left:160px;
	}
	@media only screen and (min-width: 600px) {
		#footer .info-footer .wrapper .box:first-child{width: 45%!important;}
		#footer .info-footer .wrapper .box{width: 15%!important;}
		.footer_box{margin:0 4%!important;}

		#footer .nav-footer li{width: 80%!important}

		#footer .info-footer{height: 300px!important;}

		.info-footer-wrapper{min-height: 340px;height: 0px!important;}

		#footer .box-03 .member{font-size: 12px!important}

		#footer .insset-footer{
			position: relative;
			top: 14px;
			left: -23px;
			margin-top: 0px!important; 
		}

		/*details not mobile*/		
		.pro_details {min-height: 650px;width: 100%!important}
		.pro_details .left_details{width: 35%!important;margin-right: 50px;background: none!important}
		.pro_details .right_details{width: 60%!important;margin-bottom: 130px!important;min-height: 200px;}
		
		.pro_details .right_details ul.tabs .tab_item{float: right!important;width: 20%!important;}

		.list_pro_details{padding-top: 0px!important;width: 100%!important}
		.list_pro_details li{width: 24%!important;}
		.list_pro_details li a img{width: 200px;height: 200px}

		/*content tab*/
		.content-tab{width:655px;}

		.content #tinlienquan{
			font-size: 20px;
			color: #843e97;
			line-height: 60px;
			position: relative;
			font-weight: 400;
			margin: 0px;
			padding: 0px;
			text-transform: uppercase;
			font-weight: bold;
		}

		.content-tab h3{
			font-size: 18px;
			color: #843e97;
			line-height: 40px;
			position: relative;
			font-weight: bold;
			margin: 0px;
			padding: 0px;
		}

		.bg_color_1 h3:before {
			content: '';
			width: 100%;
			height: 1px;
			background: #e9e0ec;
			position: absolute;
			bottom: 0px;
			left: 0px;
		}

		.bg_color_1 h3{
			font-size: 22px;
			color: #00a63f;
			line-height: 60px;
			position: relative;
			font-weight: bold;
			margin: 15px 0px;
			padding: 0px;
			top: 2px;
		}

		.bg_color_1 h3:after {
			content: '';
			width: 150px;
			height: 2px;
			background: #00a63f;
			position: absolute;
			bottom: 0px;
			left: 0px;
		}

		.info-tab{width:100%;float:left;position:relative;z-index: 999;}
		.info-tab .content-tab p {
			margin-top: 10px;
			font-size: 14px;
			line-height: 24px;
			text-align: justify;
		}

		.info-tab .content-tab ul{  
			text-align: justify;
			list-style-type: disc;
			
		}

		.info-tab .content-tab ul li{
			margin-top: 10px;
			line-height: 24px;
			font-size: 15px;
			text-align: justify;
			width: 100%!important;
			margin-bottom: 0px!important; 
		}

		.clear {clear: both;}

		.nav_dropdown .bg_color_1{padding:0px}


		.wrapper{width: 110%!important}
	}

	#homepage #footer {
		margin-top: -42px!important;
		z-index: 1;
	}

	#footer .copy-footer{background: #00a63f!important;}
	#footer .insset-footer li:first-child a{border-left:none!important;}
	#footer .insset-footer li a{color: #fff!important;border-left:#fff 1px solid!important}
	#footer .info-footer{background: #2d3032!important;}
	#footer .copy-footer .copyright{color: #fff!important;}

	.con-page{
		/*padding: 0 5.2%!important;	*/
		margin: 60px auto!important;
		min-height: 500px;
		padding-top: 20px!important;
		
	}

	.con-page h1{
		color: #00a63f!important;
		
		border-top: 1px solid rgba(158, 158, 158, 0.87);
		margin: 20px 0px!important;
		padding: 20px 0px;
	}

	.con-page span a span {color: #00a63f;font-weight: bold;}



	.cont{display:inline-block;width:100%;margin-bottom: 40px;}



	/*liên hệ*/

	.wpcf7-form{padding: 0px 25px;} 
	.wpcf7-form label{    
		font-size: 16px;
		color: #00a63f;
		font-weight: bold;
		text-transform: capitalize;
	}

	label .form-group{margin-top: 6px;margin-bottom: 15px;}

	.help-block{padding-left: 20px;color: red;font-size: 14px}
	.wpcf7-response-output{padding-top: 40px;color: #1874c1;font-size: 18px;font-weight: bold;text-transform: capitalize;margin-left: -38px;}

	.wpcf7{ position: relative; margin: 25px auto;padding-left: 30px;}
	.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width:100%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:35px; padding:0 15px; color:#797979; margin-bottom:0;}
	.wpcf7 textarea{width:490px; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:150px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;}
	.wpcf7 input[type="submit"]{background-color:#00a63f; width:auto; border:none; cursor:pointer; font-size: 20px; color:#fff!important; padding:10px 40px; border-radius:3px;position: relative;}	



	div.wpcf7-validation-errors {border: 2px solid #00a63f!important;}
	div.wpcf7-response-output{color:#00a63f!important;margin: 2em 0em 1em!important; }

	.page-wrap{}
	#body-content{width: 100%!important;}

	.menu_main_nav>li>a{font-family: Arial,Helvetica,sans-serif!important;}

	.slide{width: 600px!important;}
	.html_carousel .caroufredsel_wrapper {width: 600px!important;}

	.homepage-middle .kienthuc h3:before{left: 6px!important}
	.homepage-middle .kienthuc h3{padding-left: 6px}
	.homepage-middle .kienthuc h3:after{left: 6px!important}

	.TitleInTab a:hover{color:#00a63f !important;}

	.sidebar_show .content{width: 100%!important}

	.top_panel_fixed .top_panel_wrap{
		-webkit-box-shadow: none!important;
		-moz-box-shadow: none!important;
		box-shadow: none!important;
	}

	.post_item { }

	.post_content_sidebar{
		float: left;
		width: 70%;
		margin: 0 ];
		margin-left: 18px;
	}

	.scheme_original h6{
		letter-spacing: 0px;
		font-size: 16px;
		line-height: 22px;

		position: relative;
		top: -24px;
	}

	.post_thumb_sidebar{width: 22%;float: left;overflow: hidden;}
	.post_thumb_sidebar img{transition: 0.5s;width: 75px;height: 75px;}
	.post_thumb_sidebar img:hover{transform: scale(1.1);}

	.top_panel_wrap_inner {position: relative;top: -25px;margin-bottom: -30px;}
	.sc_title.sc_align_center{padding-bottom: 20px}
	.box_theodoi{width: 100%;margin:0 8%;}

	.box_theodoi .image_theodoi{width: 22%;float: left;overflow: hidden;}
	.box_theodoi .image_theodoi img {width: 240px;height:212px;transition: 0.5s;}
	.box_theodoi .image_theodoi img:hover {transform: scale(1.1);}

	.vc_row {position: relative;top: -72px}

	#sbi_load{text-align: center;padding-top: 50px}
	.sc_item_button{position: relative;left: -20px;margin-top: -35px!important}
	.fa-instagram{font-size: 30px!important;font-weight: bold;}
	.sbi_follow_btn a{font-size: 20px;text-transform: uppercase;}

	.theodoi{position: relative;top: 30px}
	.slider_comment{position: relative;left:-165px ;top: 40px!important;width: 1500px;height:300px}
	.dichvu{position: relative;top: -30px}

	.dv_totnhat{position: relative;top: -105px;width: 1500px;left: -165px;}
	.bai_ganday{position: relative;top: -90px}

	.post_content{margin-bottom: 0px!important;}

	.top_panel_fixed .top_panel_wrap{top: 25px!important}

	#img_gioithieu{left:100px;}

	.content_row{position: relative;left: -20px;margin: -10px!important;}

	.title_row{    
		font-size: 24px;
		text-transform: uppercase;
		color: #E91E63;
		font-weight: bold;
	}

	.scroll_to_top{right: 12px!important;bottom: 58px!important;}

	.btn_gt{position: relative;top: -20px}

	.sc_services_item .sc_services_item_title{font-size: 2em!important;font-weight: 500;}
	.post_descr a{font-size: 2em;color: #222!important;font-weight: 500!important;}
	.post_descr a:hover{color: #df7167!important;}

	.sc_slider_controls_wrap{top: 55%!important}


	div.wpcf7-response-output{padding: 0.2em 10px!important;}

	.wpcf7-form-control-wrap {

		margin: 25px 0px;
		display: block;
	}

	span.wpcf7-not-valid-tip{margin-top: 15px;}

	#float-nav>a{background-color:#00a63f!important}
	.list-pro li a.order{background: #00a63f!important;}

	.list-pro li h2 {padding-bottom: 20px}
	.list-pro li a img{width: 250px;height: 250px}

	/*details*/
	.pro_details h1{border-top:none}
	
	.line{ border-top: 1px solid rgba(158, 158, 158, 0.87);}
	.line_dash{ border-top: 2px solid #ddd;padding: 10px}

	#middle h2{color:#00a63f;padding: 15px 0px; }

	/*tab */	
	.tabs {

		float: none;
		list-style: none;
		position: relative;
		margin: 0 auto;
		text-align: left;
	}
	.tabs li {
		float: left;
		display: block;
	}
	.tabs input[type="radio"] {
		position: absolute;
		top: 0;
		left: -9999px;
	}
	.tabs label {
		display: block;
		padding: 14px 21px;
		border-radius: 8px 8px 0 0;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		background: #2d3032;
		cursor: pointer;
		position: relative;
		top: 4px;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		color: #fff;
	}
	.tabs label:hover {
		background: #00a63f;
	}
	.tabs .tab-content {
		z-index: 2;
		display: none;
		overflow: hidden;
		width: 100%;
		font-size: 16px;
		line-height: 25px;
		padding: 0px 25px;
		position: absolute;
		top: 40px;
		left: 0;
		background: #fff;
		text-align: justify;
	}
	.tabs [id^="tab"]:checked + label {
		top: 0;
		padding-top: 17px;
		background: #00a63f;
	}
	.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
		display: block;
		border: 1px solid rgba(158, 158, 158, 0.57);

		border-radius: 8px 0px 0px 8px;
		-moz-border-radius: 8px 0px 0px 8px;
		-webkit-border-radius: 8px 0px 0px 8px;
	}

	.box-image{
		border: 1px solid rgba(158, 158, 158, 0.57);

		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	}

	.page-product{margin: 0px 2%;}

	/* footer*/
	#footer .about_us .message {
		margin-bottom: 15px;
		padding: 0;
		line-height: 28px;
		font-size: 14px;
	}
	#footer .widget-wrapper ul {
		margin-bottom: 0;
		padding-left: 0;
		list-style: none;
	}
	#footer .about_us ul li {
		padding: 0;
		line-height: 30px;
	}

	#footer .about_us i {
		margin-right: 7px;
	}

	ul.list-unstyled .fa {
		margin: -3px 5px 0 0;
		font-size: 18px;
		width: 20px;
		text-align: center;
	}
	styles.css?ver=1.0.0:3
	.fa {
		font-family: 'FontAwesome'!important;
	}

	.fa {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	#footer a {color: #9e9e9e;}
	#float-nav{z-index: 99!important}

	/*sub menu*/

	.dropbtn {
		display: inline-block;
		color: white;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
	}


	li.dropdown {
		display: inline-block;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: rgba(249, 249, 249, 0.75);
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}

	.dropdown-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
	}

	.dropdown-content a:hover {background-color: #f1f1f1}

	.dropdown:hover .dropdown-content {
		display: block;
	}

	.item04 .dropdown-content{z-index: 1!important}
	.item05 a img {
		z-index: 99!important;
		width: 150px;
		height: 100px;
		position: relative;
		left: -30px;
	}
	/*login*/
	.log_forms{padding: 40px!important;width: 100%!important}
	.log-form-group {margin: 10px 0px}
	.log-form-group label {font-size: 20px;font-weight: bold;color: #00a63f;}

	.log_forms input[type=submit]{
		width: 99%!important;font-size: 20px;
		background-color: #00a63f;
		color: #fff;
		padding: 15px!important;
	}

	.extra-links a{color: #00a63f;font-weight: bold;}

	#wpadminbar { visibility: hidden;}

	/*Join Us*/

	.content table {
		width: 55%;
		margin: 0 20%;
		border: 1px solid rgba(158, 158, 158, 0.42);
		padding: 25px 20px;
	}


	#username,#sponsor,#firstname,#lastname,#address1,#address2,#city,#state,#postalcode,#country,#email,#confirm_email,#telephone,#telephone,#dob,#country{
		margin: 10px 0 20px;
		width: 99%;
		padding: 7px 0 7px 4px;
		border: 1px solid #E3E3E3;
	}

	#country{opacity: 1!important}

	#left,#right{margin: 0px 5px;}

	#submit{
		position: relative;
		right: 5px;
		float: right;
		width: 30%;
		background-color: #00a63f;
		font-size: 20px;
		color: #fff;
		line-height: 40px;

	}

	.content table tr td { 
		font-size: 20px;   
		color: #00a63f;
		font-weight: bold;
		text-transform: capitalize;
	}

	.content table tr td .msg font {color: red!important;line-height: 24px!important;}

	table#dp_cal1_calendar {
		top: 1459px!important;
		left: 721px!important;
	}

	table.calendar{width: 230px!important;border: solid #00a63f 1px!important;}
	
	table.calcells{width: 125%!important;}

	.nav-mmenu>li>a{font-weight: bold!important;color: #00a63f!important;}



	/*product*/

	/*start responsive not dt*/
	@media only screen and (min-width: 500px) {
		.content .products{width: 100%;}

		.content .products li{    
			width: 32.3%;
			float: left;
			margin-right: 1%;
		}

		}/*start responsive not dt*/

		.content .products li a h3 {font-size: 22px;color: #00a63f;line-height: 50px;}
		.content .products li a .price {color: red;font-weight: bold;}
		.content .products li {    
			margin-bottom: 20px;
			border: 1px solid rgba(158, 158, 158, 0.4);
			padding: 15px 70px;
			height: 475px;
		}

		.content .products li .add_to_cart_button {
			background: #00a63f;
			color: white;
			padding: 10px;
			display: block;
			text-align: center;
			text-transform: capitalize;
			margin-top: 20px;
		}

		.added_to_cart {float: right;font-weight: bold;color: #00a63f;line-height: 34px;}

		/*products content*/
		.product-type-simple .images{float: left;width: 50%;margin-top: 30px;}
		.product-type-simple .summary{float: left;width: 50%}

		.product-type-simple .summary p{line-height: 25px;}

		.product-type-simple .summary h1{font-size: 24px!important;border-top: 2px solid rgba(158, 158, 158, 0.87)!important;margin:0px!important;}

		.product-type-simple .woocommerce-tabs{float: left;width: 50%;margin-top: 40px;}
		.description_tab a{font-size: 20px;color:#00a63f;font-weight: bold; }

		/*.woocommerce-tabs{display: none}*/

		.reviews_tab {display: none!important}

		.product-type-simple .price{color: red;font-weight: bold;margin-bottom: 10px}

		.product-type-simple .cart .quantity{margin:20px 0px;}

		.product-type-simple .cart .quantity  .input-text{border: 1px solid rgba(158, 158, 158, 0.4);}

		.product-type-simple .cart .single_add_to_cart_button{color: white;text-align: center;background: #00a63f;;padding: 10px;text-transform: capitalize;}

		.product-type-simple .images a img.attachment-shop_single{width: 600px;height: 300px}

		.thumbnails a img{margin-left: 2px;width: 120px;}
		.product-name a{color: #00a63f;font-weight: bold;}
		.woocommerce-Price-amount{color: red;font-weight: bold;font-size: 16px}



		.woocommerce-Tabs-panel{
			padding: 15px 10px;
			margin-top: 20px;
			line-height: 25px;
			text-align: justify;
		}

		.woocommerce-Tabs-panel h2{    
			display: none;
		}

		/*start responsive dt*/
		@media only screen and (max-width: 500px) {
			.top_header li p{display: none;}
			.product-type-simple .images a img.attachment-shop_single {
				width: 190px;
				height: 340px;
			}

			.thumbnails a img{width: 50px;}
			.product-type-simple .summary p{text-align: justify;}

			.product-type-simple .woocommerce-tabs{display: none;}
			}/*end responsive dt*/


			.title_archive {padding: 30px 0px!important;}
			.title_archive a{color: #00a63f!important;font-weight: bold!important;font-size: 18px!important;}


			.rowla{width: 90%;margin:0 auto;}


			/*single post*/
			.blog_post_single .short_image_box {  
				position: relative; 
				overflow: hidden;
				margin: 20px 1%;
			}

			.blog_post_single img:hover {   
				transform:scale(1.1);
			}

			.blog_post_single img {
				display: block;
				width: 45% !important;
				height: auto!important;
				padding: 0px;
				margin: 0px auto;
				transition: 0.5s!important;
			}


			.blog_post_single .blog_title{

				margin: 10px 0px 15px 0px;
				display: block; 
				font-size: 18px;
				line-height: 25px;
				font-weight: bold;
				text-transform: uppercase!important;
			}


			.blog_post_single .blog_title a{
				transition:0.2s;
				text-decoration: none !important;
			}

			.blog_post_single .blog_title a:hover{
				color: #f14d4d;

			}

			.blog_post_single .blog_title a{
				color: #00a63f;
				font-weight: bold;
			}

			.blog_post_single p{color: #333;font-weight: 500;line-height: 30px;}


			.tt-ss {
				text-align: center;
				color: #00a63f;
				text-transform: uppercase;
				font-weight: bold;
				font-size: 20px;
				margin: 20px 0px;
			}

			.tt-ss:after {
				content: '';
				width: 40px;
				height: 3px;
				background: #F2B826;
				display: block;
				margin: 5px auto 18px;
			}

			.block-sidebar {
				margin-left: -15px;
				margin-right: -15px;

			}

			.block-sidebar.news .main-body {
				float: left;
			}

			.block-sidebar.news .sidebar {
				float: right;
			}

			.main-body {width: 70%;margin-top: 20px;margin-left: 15px;}

			.sidebar {
				width: 26%;
				margin-top: 20px;
				line-height: 30px;
			}

			.sidebar .heading {
				padding-top: 10px;
				padding-bottom: 10px;
				
			}

			.sidebar .heading {
				background: #F2B826;
				color: #fff;
				font-weight: 700;
				padding: 7px 10px 7px 136px;
				position: relative;
				margin-bottom: 0;
				-webkit-border-radius: 3px 3px 0 0;
				-moz-border-radius: 3px 3px 0 0;
				border-radius: 3px 3px 0 0;
			}

			.sidebar .heading {
				text-transform: uppercase;
				background: #00a63f!important;
			}

			.border, .box-add .fa {
				border: 1px solid #ddd;
			}
			
			.list-news {
				padding: 0;
				margin: 0;
				list-style: none;
			}

			.list-news li {
				border-top: 1px solid #ddd;
				margin: 0;
				padding: 15px 10px;
				position: relative;
				overflow: hidden;

			}

			.list-news .thumb-sm {
				width: 90px;
				height: 80px;
				float: left;
				border: 1px solid #ddd;
			}

			.list-news .thumb-sm .resizeimg {
				width: 100%;
				height: 100%;
				overflow: hidden;
			}

			.list-news .thumb-sm .resizeimg img {
				max-width: none;
			}

			.list-news .info {
				overflow: hidden;
				padding-left: 10px;
				font-size: 13px;
			}

			.list-news .semibold {
				margin-bottom: 10px;
				max-height: 54px;
				overflow: hidden;
				line-height: 18px;

			}

			.list-news .semibold a{color: #00a63f;font-weight: bold;}


			.blog_post_single p {
				color: #333;
				font-weight: 500;
				line-height: 30px;
			}

			.blog_post_single{line-height: 30px;text-align: justify;border: 1px solid #ddd;padding: 15px;}

			/* dashboard */
			.sidebar_left{float: left!important;}
			.main_right{float: right!important;}

			.woocommerce ul.products li.product h3{    
				font-size: 1.2em!important;
				color: #00a63f!important;
			}

			.woocommerce ul.products li.product .button{background: #00a63f;color: white;}

			.pro_row .woocommerce a.added_to_cart{margin-right: 44px;}

			.shopping-cart .woocommerce-Price-amount{color: white}

			.box_row p{line-height: 32px}
			.box_row p a{    
				background: #00a63f;
				color: white;
				padding: 2px 8px;
				text-transform: capitalize;
			}

			/*top_header*/
			.top_header{margin-bottom: 30px}
			.top_header>ul>li{border-left:none!important}
			.top_header li{width: 80%;}
			.top_header li p{
				font-size: 22px;
				color: rgba(255, 235, 59, 0.99);
				line-height: 42px;
				font-weight: bold;
				text-transform: uppercase;
				position: relative;
				left: -200px;
				top: 20px;
			}

			.top_header li img{width: 220px!important;height: 88px!important;float: left;position: relative;left: -120px;}

			.list-news .user_image{border:none!important}

			.user_image img{    
				padding: 15px 4px;
				width: 120px!important;
				height: 120px!important;
				/* margin: 20px; */
				margin-left: 5px!important;
				margin-top: -20px!important;}
				.hello a{padding-left: 40px;}
				.hello a p{color: rgba(0, 0, 0, 0.77)!important;padding-left: 40px;}	
				.sidebar .user{padding: 7px 10px 7px 95px!important;}


				.list-tool {padding: 5px}
				.list-tool li{
					padding: 2px 0px;
					margin: 0 10%;
					list-style-type: disc;
				}

				.list-tool li a{    
					color: #00a63f;
					font-size: 14px;
					font-weight: bold;
				}

				.select{display: none;}

				.top-bar-section>ul>li{padding: 0 18px;}

				.logo{width: 210px}

				.top-bar-section{width: 92%!important}