/* CSS of Homepages */
.background_gray_50{background:#f2f3f7}
.emeral_bg{background:#00512b}
.top_headerpc{display:block}
.top_headermobile{display:none}
.topnav {overflow: hidden;}
.yellow_text_color{color:#ffb502!important}
.topnav a {float: left;color: #333;text-align: center;padding: 14px 16px;text-decoration: none;font-size: 16px;border-bottom: 3px solid transparent;}
.menu_mobile{height:30px; width:30px; position:absolute; top:13px; right:13px}
@media screen and (max-width:1199px) {
.topnav a{font-size: 13px; padding: 13px 12px;}
}
@media screen and (max-width:991px) {
.top_headerpc{display:none}
.top_headermobile{display:block}
}
.topnav a:hover {border-bottom: 3px solid #ff6600; color:#ff6600;}
.topnav-right {float: right;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content {display:none; width:318px; position:absolute; right:0; background-color:#FFF; min-width:100%; min-height:100%; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); border-radius:6px 6px 6px 6px; border-color:#DDD;border-style:solid; border-width:1px; z-index:6;}
.dropdown-content a {color:black; text-decoration:none; display:block;}
.dropdown-content a:hover {background-color: #ededed; color:#3399FF;}
.dropdown:hover .dropdown-content{display: block;}
/* Box search */
.div_box_search{height:562px; margin:auto; background-image:url(../png/back_search_new.png); background-position:center; background-repeat:no-repeat}
.div_form_input{min-height:66px; width:88%; margin:auto; margin-top:60px; background:#FFFFFF; border-radius: 33px 33px 33px 33px}
.nuttimkiem{height:66px; width:66px; border:none;background:#ffde07;border-radius:50%; margin-top:0px; font-size:21px}
.nut_what{height:66px; width:50%; margin-top:0px; background:#FFF; float:left;  border-radius: 33px 0px 0px 33px; border-right-color:#DDD; border-right-style: solid; border-right-width:1px}
.nut_what_input{border:0px solid #fff; font-family: Arial; font-size:21px; color:#666; background:none; padding-left:16px; width:100%!important; height:66px; border-radius: 33px 0px 0px 33px}
.xoakey_what{height:50px; width:56px; top:3px; right:5px; padding-top:10px; position:absolute; font-size:28px; text-align:center; font-family:Verdana; background:#FFFFFF; font-weight:500; display:none}
.nut_where{height:66px; width:44%; margin-top:0px; background:#FFF; float:left;  border-radius: 0px 0px 0px 0px}
.nut_where_input{border:0px solid #fff; font-family: Arial; font-size: 21px; color:#666; background:none; padding-left:36px; width:100%; height:66px; border-radius: 0px 0px 0px 0px}
.xoakey_where{height:40px; width:40px; top:11px; right:10px; padding-top:0px; position:absolute; font-size:30px; text-align:center; font-family:Verdana; background:#FFF; font-weight:500; display:none}
.nut_find{height:66px; width:6%; margin-top:0px; float:left; text-align:right}
.topsearch_home{margin-top:86px; text-align:center; color:#DDD; font-size:18px; display:block}	
.timcongty{height:28px; width:256px; margin:auto; margin-top:30px; display:none}  
.timcongty .timcongty_check{height:23px; width:23px; float:left} .timcongty .timcongty_text{height:23px; width:223px; float:left; color:#CCC; margin-left:3px;}
	.timcongty_check input{width:16px; height:16px; margin-top:4px}
.top_height_box_search{height:60px; margin:0px; padding:0px}	
.yellow_pages_title{height:50px; background:#ffde07; width:292px; margin:auto; text-align:center; transform: rotate(-2deg)}	
	.yellow_pages_title h1{font-size:38px; font-weight:700}
.yellowpages_directory{font-size:28px; margin-top:6px; font-family:Verdana; font-weight:600; color:#FFFFFF; text-align:center}	
@media screen and (max-width:991px) {
.div_box_search{height:531px; margin:auto; background-image:url(../png/back_search_mobile.png); background-position:center; background-repeat:no-repeat}
.div_form_input{min-height:50px; width:98%; margin:auto; margin-top:26px; background:#00512b; border-radius: 33px 33px 33px 33px}
.nuttimkiem{height:50px; width:100%; border:none; background:#ffde07; border-radius:25px 25px 25px 25px; margin-top:8px; font-size:21px}
.nut_what{height:50px; width:100%; margin-top:16px; background:#FFF; float:left;  border-radius: 25px 25px 25px 25px}
.nut_what_input{border:0px solid #fff; font-family: Arial; font-size:16px; color:#666; background:none; padding-left:16px; width:100%!important; height:50px; border-radius: 25px 25px 25px 25px}
.xoakey_what{height:40px; width:40px; top:5px; right:13px; padding-top:0px; position:absolute; font-size:28px; text-align:center; font-family:Verdana; background:#FFFFFF; font-weight:500; display:none}
.nut_where{height:50px; width:100%; margin-top:16px; background:#FFF; float:left;  border-radius: 25px 25px 25px 25px}
.nut_where_input{border:0px solid #fff; font-family: Arial; font-size: 16px; color:#666; background:none; padding-left:36px; width:100%; height:50px; border-radius: 25px 25px 25px 25px}
.xoakey_where{height:38px; width:38px; top:3px; right:13px; padding-top:0px; position:absolute; font-size:30px; text-align:center; font-family:Verdana; background:#FFF; font-weight:500; display:none}
.nut_find{height:50px; width:100%; margin-top:8px; float:left; text-align:right}
.topsearch_home{margin-top:80px; text-align:center; color:#DDD; font-size:18px; display:none}	
}
/* hot categories search */
.hot_category_pc{display:block; margin:auto; background:#f2f3f7; padding-top:39px; padding-bottom:23px}
	.hot_category_pc a:hover {border-bottom: 1px solid #ff6600; color:#ff6600!important;}
.bg_yellow{background:#ffde07}
.text_link{text-decoration: none; color:#111}
.img_border{border-radius:50%; border-color:#ffde07; border-style:solid; border-width:3px; width:86%;}	
@media screen and (max-width:1199px){
.hot_category_pc{display: none; margin:auto; background:#f2f3f7}
}
/* Group of categories search */
.cate_display1{width:25%!important; float:left; margin-bottom:28px; padding-right:25px}
	.cate_display1 a:hover {border-bottom: 1px solid #ff6600; color:#ff6600!important;}
.cate_display2{width:75%!important; margin-top:10px; float:left}
	.cate_display2 a:hover {border-bottom: 1px solid #ff6600; color:#ff6600!important;}
.cate_display2_2{width:33.33%!important; float:left; padding:8px}
@media screen and (max-width:1399px){
.cate_display1{width:20%!important; float:left; margin-bottom:28px; padding-right:18px}
.cate_display2{width:80%!important; margin-top:10px; float:left}
.cate_display2_2{width:33.33%!important; float:left; padding:3px}
}
@media screen and (max-width:1199px){
.cate_display1{width:30%!important; float:left; margin-bottom:28px; padding-right:25px}
.cate_display2{width:70%!important; margin-top:10px; float:left}
.cate_display2_2{width:50%!important; float:left; padding:8px}
}
@media screen and (max-width:991px){
.cate_display1{width:100%!important; float:left; margin-bottom:28px; padding-right:0px}
.cate_display2{width:100%!important; margin-top:10px; float:left}
.cate_display2_2{width:50%!important; float:left; padding:8px}
}
@media screen and (max-width:768px){
.cate_display2_2{width:100%!important; float:left; padding:8px}
}
/* footer */
.foot_signup1{width:24%!important; float:left}
.foot_signup2{width:61%!important; float:left}
.foot_signup3{width:15%!important; float:left; text-align:left; padding-left:8px}
	.foot_signup3 a{color:#FFF!important; text-decoration:none}
.buttom_bg_footer_signup {background:#ff6a00!important}
.yp_product{ width:14.28%!important; float:left}
	.yp_product a{font-size:12px!important; color:#666!important}
#text_color_999{color:#999!important}
.yellow_text_color{color:#ffb502!important}
#yellow_text_color{color:#ffb502!important}
.find_index_footer{text-transform:capitalize; text-decoration:none; margin-bottom:10px; padding:1px 6px; border-color:#ffb502!important; border-style:solid; border-width:1px; border-radius:8px; color:#ffb502!important; width: auto; display:inline-block; clear:both; margin-right:5px}	
.pc_display{ display: block}
@media screen and (max-width:1199px) {
.foot_signup1{width:18%!important; float:left}
.foot_signup2{width:64%!important; float:left}
.foot_signup3{width:18%!important; float:left}
.yp_product{ width:14.28%!important; float:left}
	.yp_product a{font-size:10px!important; color:#666!important}
}
@media screen and (max-width:991px) {
.foot_signup1{width:100%!important; float:left}
.foot_signup2{width:100%!important; float:left; padding-left:10px; padding-right:10px}
.foot_signup3{width:100%!important; float:left; text-align: center; padding-left:0px}
.cate_buttom_line{width:88%}
.yp_product{ width:25%!important; float:left}
	.yp_product a{font-size:12px!important; color:#666!important}
}
@media screen and (max-width:500px) {
.yp_product{ width:50%!important; float:left}
	.yp_product a{font-size:12px!important; color:#666!important}
	.pc_display{ display:none}
}