@charset "UTF-8";
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/wbfont/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/wbfont/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/wbfont/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/wbfont/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/wbfont/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/wbfont/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.mobile_wrapper .sidebar-menu .wblist a{text-align: left;color:#d2d2d2;font-size:12px;line-height: normal;margin-left: 12px;}
.bsTop{max-width:100%}
.bsBox{height:257px !important;}
.wbFixed{position: fixed;top: 0;right: 0;z-index: 999;animation: blink 0.8s linear infinite;-webkit-animation: blink 0.8s linear infinite;-moz-animation: blink 0.8s linear infinite;}

@media (max-width:768px){
	.wbFixed{top: 74px;width:120px}
	.wbFixed img{width:100%}
}


@-webkit-keyframes blink {
	0%{opacity: 1;}
	95%{opacity: 1;}
	95.01%{opacity: 0;}
	100%{opacity: 0;}
}
.brand_logo img{max-width:100%}
.hmNew .ptpc0{padding:0px}
.hmNew .wbInfo .titles{border-bottom:1px solid #004d25;height:42px;line-height:42px;margin-bottom: 18px}
.hmNew .wbInfo .titles h1{font-size:18px;color:#000;line-height:42px;display:inline-block;float:left;}
.hmNew .wbInfo .titles a{color:#004d25;font-size: 12px;float:left;line-height: 54px;margin-left: 16px;}
.hmNew .wbInfo .titles a:hover{text-decoration:underline}

.hmNew .hmNewMain{display: flex;width: 100%;}

.hmNew .hmNewMain .pics{width:35%;}
.hmNew .hmNewMain .pics a{width:100%;height:100%;overflow:hidden;display: block;}
.hmNew .hmNewMain .pics img{width:100%;height:100%;transition:0.5s}
.hmNew .hmNewMain .pics a:hover img{transform: scale(1.1);}

.hmNew .hmNewMain .descs{width:65%;padding: 0 15px;}
.hmNew .hmNewMain .descs .ts{font-size: 16px;color: #004d25;font-weight: bold;line-height: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.hmNew .hmNewMain .descs .ds{font-size: 14px;color: #505050;line-height: 20px;display: block;margin-top: 8px;}

.hmNew .hmNewList .descs ul li a{color:#000000;font-size:14px;position: relative;padding-left: 14px;text-overflow: ellipsis;display: block;overflow: hidden;white-space: nowrap;}
.hmNew .hmNewList .descs ul li a::before {font-family: 'Font Awesome 5 Free';content: "\f111";font-size: 8px;margin-right: 10px;color: #b1b1b1;font-weight: 900;
	position: absolute;top: 8px;left: 0;line-height: normal;}


.hmNew .hmNewList .descs ul li:hover a{color:#004d25}
.hmNew .hmNewList .descs ul li:hover a::before{color:#004d25}

.hmAddMain .descs div{color:#000000;font-size:14px;line-height:20px;}
.hmAddMain .descs .tels,.hmAddMain .descs .mails{margin-bottom:14px}
.hmAddMain .descs .tels:before,.hmAddMain .descs .mails:before,.hmAddMain .descs .adds:before{font-family:FontAwesome;color:#004d25;margin-right:10px;display:inline-block;width:30px;text-align:center}
.hmAddMain .descs .tels:before{content:"\f10b";font-size: 22px;}
.hmAddMain .descs .mails:before{content:"\f003";font-size: 20px;}
.hmAddMain .descs .adds:before{content:"\f041";font-size: 20px;}
	

.footer{background-color:#004d25;text-align:center;width:100%;padding:20px 0}
.footer .wbDesc{color:#FFF;font-size:14px;margin: 0 10px;}
.footer a{color:#FFF;font-size:14px;margin: 0 10px;}


.single_slider{position:relative}
.single_slider .sdDesc h1{color: #FFF;font-size: 48px;letter-spacing: 5px;overflow: hidden;display: inline-flex;}

.single_slider .sdTxt1 h1,.single_slider .sdTxt3 h1{line-height: 132px;height: 132px;}
.single_slider .sdTxt1 h1:before,.single_slider .sdTxt3 h1:before{content:'';width:33px;height:132px;background:url(../images/left.png) no-repeat;}
.single_slider .sdTxt1 h1:after,.single_slider .sdTxt3 h1:after{content:'';width:33px;height:132px;background:url(../images/right.png) no-repeat;}

.single_slider .sdTxt2 h1,.single_slider .sdTxt4 h1{line-height: 92px;height: 92px;}
.single_slider .sdTxt2 h1:before{content:'|';font-size: 48px;padding-right:5px}
.single_slider .sdTxt4 h1:after{content:'|';font-size: 48px;padding-left:5px}


.sdTxt1{position:absolute;bottom:30px;text-align:center;animation-duration: 1s;transition: 1s;opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.sdTxt2{position:absolute;top:120px;text-align:left;transition: 1s;opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.sdTxt3{position:absolute;bottom:30px;text-align:center;transition: 1s;opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.sdTxt4{position:absolute;top:120px;text-align:right;transition: 1s;opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}

.slick-active .sdTxt1,.slick-active .sdTxt3{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-active .sdTxt2,.slick-active .sdTxt4{ opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

.header_area .container{background-color:rgba(255, 255, 255, 0.6)}
.main_menu{text-align:right}
.chopcafe_menu .main_menu ul li .wbfr::after {border-bottom-style: solid;border-image: none;bottom: -1px;content: "";height: 0;left: 0;position: absolute;
    width: 0;-webkit-transition: width .2s ease .1s;-o-transition: width .2s ease .1s;transition: width .2s ease .1s;max-width: 100%;border-bottom-color: #004d25;}
.chopcafe_menu .main_menu ul li:hover .wbfr::after {width: 100%;}

.wbnavs{background-color:#fafafa;border-bottom: 2px solid #216d37;}
.wbCon{background-color:#fafafa;padding-bottom:20px;border-bottom: 2px solid #216d37;}
.wbnavs{margin-bottom:30px}
.wbCon .titles,.wbnavs .titles{background-color:#216d37;font-size:18px;color:#FFF;font-weight:bold;padding:20px 15px;text-align:center;margin-bottom:5px}
.wbnavs .menu li{padding:0px 10px;}
.wbnavs .menu li a{color:#4e4e4e;display:block;font-size:16px;padding:20px 0px;border-bottom:1px solid #dddddd;text-align:center}
.wbnavs .menu li a:after{font-family: 'Font Awesome 5 Free';content: "\f111";font-size: 8px;margin-right: 10px;color: #4e4e4e;font-weight: 900;line-height: normal;margin-left:20px}

.wbnavs .menu .current,.wbnavs .menu li:hover{background-color:#216d37;}
.wbnavs .menu .current a:after,.wbnavs .menu li:hover a:after,.wbnavs .menu .current a,.wbnavs .menu li:hover a{color:#FFF;}



.form_group{border:1px solid #e4e4e4;background-color:#f5f5f5;border-radius:8px;overflow:hidden;height:43px;width:100%;position:relative;margin-top:15px}
.form_group:before{width:43px;height:43px;content:"";display:block;position:absolute;left:0px;top;border-right:1px solid #e4e4e4;}
.fmName:before{background:url(../images/ico4.png) center no-repeat;}
.fmPhone:before{background:url(../images/ico5.png) center no-repeat;}
.form_control{background-color: transparent;float:left;width:100%;padding-left:50px;position:absolute;left:0px;top;}

.fmMess textarea{background-color: transparent;border:1px solid #e4e4e4;height:100px !important;width:100% !important;border-radius:8px;margin-top:15px;padding:6px}

.form_button{margin-top:20px}
.form_button input{width:60px;height:26px;line-height:26px;color:#FFF;border-radius:10px;overflow:hidden;text-align:center;display:inline-block}
.wbSub{background-color:#216d37}
.wbRes{background-color:#989898;margin-left:30px}


.location{text-align:center;position: relative;padding-top: 35px;}
.location h1{color: #4e4e4e;font-size: 40px;background-color: #FFF;padding: 0 30px;display: inline-block;position: absolute;left: 50%;top: 0;transform: translateX(-50%);}

#primary .wbpros .imgs{float:right;margin-left:15px;background:url(../images/ico7.png) center bottom no-repeat;padding-bottom: 16px;background-size: 100%;}
#primary .wbpros .imgs img{border:6px solid #599269;border-radius:5px;}

.wbAbout{font-size:18px;color:#333;line-height: 1.6em;}

.topImgs{position: relative;}
.topImgs .descs{position: absolute;top: 18px;right: 220px;}
.topImgs .wcs{position: absolute;top: 33px;right: 30px;width:180px;height:180px;border:4px solid #216d37;border-radius:4px}
.topImgs .wcs img{width:100%}
.topImgs .descs div{height:60px;padding-left:80px}
.topImgs .descs h1{font-size:18px;font-weight:bold;color:#000000;line-height: 32px;}
.topImgs .descs span{font-size:16px;color:#4e4e4e}

.topImgs .descs .tels{background:url(../images/ico8.png) left center no-repeat;margin-bottom: 20px;}
.topImgs .descs .phones{background:url(../images/ico15.png) left center no-repeat;margin-bottom: 20px;}
.topImgs .descs .mails{background:url(../images/ico9.png) left center no-repeat;}

.wbCom{width: 49%;float: left;margin-bottom:20px;height:239px;position:relative;overflow: hidden;background:url(../images/ico10.png) center bottom no-repeat;background-size: 100%;}
.bgCom{width: 100%;height:221px;background-color:#f0f0f0;}
.wbCom .comImgs{width:116px;height:221px;position:absolute;top:0px;left:0;justify-content: center;align-items: center;display: flex;}
.wbCom .comImgs img{width:80px}
.wbCom .comInfo{width:100%;height:221px;padding-left:118px;justify-content: center;display: flex;flex-direction: column;padding-right: 10px;}
.wbCom .comInfo h1{font-size:16px;font-weight:bold;color:#216d37;line-height: normal;margin-bottom:10px}
.wbCom .comInfo span{font-weight:normal;}
.wbCom .comInfo p{font-size:12px;color:#666;line-height:22px}

.cm0{margin-left:2%}
.com3,.com4{margin:20px 0 40px;width: 42%;height:236px;}
.comTs{float:left;width:16%;justify-content: center;align-items: center;display: flex;margin: 40px 0;}

.chopcafe_info{padding-left:20px}
.chopcafe_info h1{margin-bottom:15px}
.chopcafe_info h1,.chopcafe_info h1 a{font-size:18px;color:#004d25;font-weight:bold;line-height:normal}
.chopcafe_info p{font-size:14px;color:#505050;line-height:normal}

.newlist{margin-top:34px}
.newlist li{border-bottom:1px solid #f5f5f5;padding: 2px 0;margin-bottom: 6px;list-style:none;position: relative;padding-left: 14px;}
.newlist a{color:#555555;font-size:14px}
.newlist span{float:right;color:#555555;font-size:14px}
.newlist a:before{font-family: 'Font Awesome 5 Free';content: "\f111";font-size: 6px;color: #4e4e4e;font-weight: 900;position: absolute;top: 3px;left:0}

.newlist li a:hover,.newlist li a:hover:before{color:#216d37}

#pages{font-size:16px;margin-top:40px}
#pages a{color:#333;padding:5px}
#pages a:hover{color:#216d37}
#pages span{color:#216d37}
.text-c{text-align:center}

.wbNews{margin-top:-40px}


.shows img{max-width:100%;height:auto !important;margin-top:10px}
.shows p{min-height: 1em;}
.wbSlider{background:url(../images/ico14.png) center bottom no-repeat;background-size:100%;padding-bottom: 40px;}
.wbSlider .slick-prev {
    left: 0px;
    top: 50%;
	width:33px;
	height:66px;
	margin-top:-33px;
	background:url(../images/ico12.png) center no-repeat;
}
.wbSlider .slick-next {
    right: 0px;
    top: 50%;
	width:33px;
	height:66px;
	margin-top:-33px;
	background:url(../images/ico13.png) center no-repeat;
}

.propics{margin-top:20px}

.main_menu .menu-item code{transform: rotate(90deg);display: inline-block;font-size: 18px;margin-left: 2px;}

.shows table td{padding:2px 5px}

.online2{display:none}
.wd70{display:none;}

.wbnavs .menu li.wls .hrs{border-bottom: 1px dashed #dddddd;}
.wblist{padding:0 15px}
.wblist a{display:block;padding:10px 0;text-align:center;color:#333}
.wblist a:hover{color:#216d37}
.rico1{margin-left:10px}

.sdBtns,.mbList{display:none}
.mobile_menu ul li a{color: #07551c;}
@media (max-width:1200px){
	.topImgs .descs .tels{margin-bottom: 20px;}
	.topImgs .descs{top: 32px;right: 90px;}
	
	.comTs{display:none}
	
	.com3,.com4{margin:0;width: 100%;height:199px;}
	.wbCom{width: 100%;height:199px;margin-bottom:10px;}
	.cm0{margin-left:0}
	.grid_inner_item .chopcafe_img {width: 100%;}
	.chopcafe_info{padding-left:0px;margin-top:15px}
	.food_list_box .grid_inner_item {display: block;}
	
	.wbSlider{padding-bottom: 30px;}
	
	.topImgs .img-fluid{display:none}
	.topImgs{display:flex}
	.topImgs .descs{position:static;width:50%}
	.topImgs .wcs{position:static;}
}

@media (max-width:992px){
	.mbNone{display:none}
	.wbInfo{margin-bottom:15px}
	
	.sdTxt1{bottom:20px;}
	.sdTxt2{top:80px;}
	.sdTxt3{bottom:20px;}
	.sdTxt4{top:80px;}
	
	.single_slider .sdDesc h1{font-size: 24px;letter-spacing: 2px;}

	.single_slider .sdTxt1 h1,.single_slider .sdTxt3 h1{line-height: 60px;height: 60px;}
	.single_slider .sdTxt1 h1:before,.single_slider .sdTxt3 h1:before{content:'';width:33px;height:60px;background:url(../images/left.png) center no-repeat;background-size:15px}
	.single_slider .sdTxt1 h1:after,.single_slider .sdTxt3 h1:after{content:'';width:33px;height:60px;background:url(../images/right.png) center no-repeat;background-size:15px}

	.single_slider .sdTxt2 h1,.single_slider .sdTxt4 h1{line-height: 60px;height: 60px;}
	.single_slider .sdTxt2 h1:before{content:'|';font-size: 24px;padding-right:5px}
	.single_slider .sdTxt4 h1:after{content:'|';font-size: 24px;padding-left:5px}
	

	.topImgs{margin-top:30px}
	
	#primary{margin-top:10px}
	.wbNews{margin-top:0px}
}
@media (max-width:768px){
	.transparent_header{position: static;}

	.sdTxt1{bottom:10px;}
	.sdTxt2{top:20px;}
	.sdTxt3{bottom:10px;}
	.sdTxt4{top:20px;}

	.hmNew{padding:0 15px}
	.single_slider .sdDesc h1{font-size: 12px;letter-spacing: 1px;}	
	.single_slider .sdTxt1 h1,.single_slider .sdTxt3 h1{line-height: 40px;height: 40px;}
	.single_slider .sdTxt1 h1:before,.single_slider .sdTxt3 h1:before{content:'';width:33px;height:40px;background:url(../images/left.png) center no-repeat;background-size:10px}
	.single_slider .sdTxt1 h1:after,.single_slider .sdTxt3 h1:after{content:'';width:33px;height:40px;background:url(../images/right.png) center no-repeat;background-size:10px}

	.single_slider .sdTxt2 h1,.single_slider .sdTxt4 h1{line-height: 40px;height: 40px;}
	.single_slider .sdTxt2 h1:before{content:'|';font-size: 18px;padding-right:5px}
	.single_slider .sdTxt4 h1:after{content:'|';font-size: 18px;padding-left:5px}

	.wbImgs,#sidebar{display:none}
	.location{padding-top:10px}
	.location img{display:none}
	.location h1{position: static;transform: unset;margin-bottom: 20px;font-size: 24px;line-height: normal;}
	#primary .wbAbout{font-size:12px}
	#primary .wbAbout .imgs{float: none;margin: 0;}
	#primary .wbAbout .imgs img {width: 100%;}
	
	.topImgs{margin-top:0px;display: unset;}
	.topImgs .descs{position: static;height: 215px;}
	.topImgs .descs div {width: 100%;float: left;padding-left: 58px;}
	.topImgs .descs h1{line-height: 20px;}
	.topImgs .descs h1,.topImgs .descs span{font-size:12px;}
	.topImgs .descs .tels,.topImgs .descs .phones,.topImgs .descs .mails{padding-top: 6px;background-size: 50px;margin-bottom:10px}

	.wuMap{margin-bottom:20px}
	
	.wbSlider{padding-bottom: 20px;}
	
	.section_padding_2{padding:0px}
	
	.ptmb0{padding:0px}
	.shows{margin-bottom: 20px;}
	
	.hmNew{margin-top:15px}
	.hmNew .wbInfo .titles{height: 36px;line-height: 36px;}
	.hmNew .wbInfo .titles h1{font-size: 16px;}
	.hmNew .wbInfo .titles a{line-height: 48px;}
	
	.hmNew .hmNewMain .descs .ts{font-size: 14px;}
	.hmNew .hmNewMain .descs .ds{font-size: 12px;}
	
	.online{display:none}
	.online2{display:block}
	.wd70{display:block;height:70px}
	.chopcafe_product_tab .nav-tabs .nav-link {padding: 2px 14px;font-size: 12px;}
	
	.fspan .wbDesc{display:block;}
	.footer .wbDesc{font-size:12px;margin:0}
	.footer .wbDesc a{font-size:12px;}

	.newlist span{font-size: 12px;}
	.newlist a {
		color: #555555;
		font-size: 12px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
		white-space: nowrap;
		padding-right: 12px;
	}
	
	.sdBtns {
		background-color: rgba(4, 144, 17, 0.5);
		display: inline-block;
		color: #FFF;
		padding: 0 13px;
		border-radius: 5px;
		font-size: 12px;
	}
	
	.mbList{display:block}
	.mbList a{width: 32%;display: block;margin-right: 2%;font-size: 12px;color: #FFF;background-color: #049011;text-align: center;float: left;margin-bottom: 8px;}
	.mbList a:nth-child(3n+0){margin-right:0;}
	
}
@media (max-width:474px){
	.wbCom{height:auto;}
	.wbCom .comImgs{display:none}
	.wbCom .comInfo,.bgCom{height:auto;}
	.wbCom .comInfo{padding:10px}
	
	.wbSlider{padding-bottom: 15px;}
	.wbSlider .slick-prev,.wbSlider .slick-next{margin-top:-7px}
}

@media (min-width:992px){
	.section_padding_1{padding: 24px 0;}
	.section_padding_2{padding: 30px 0;}
	
	.hmNew .wbInfo .titles h1{font-size:24px;}
	.hmNew .wbInfo .titles span{font-size: 18px;}
	.hmNew .wbInfo .descs{font-size:14px;}

	#sidebar{float:left;width: 20%;}
	#primary{float:right;width: 78%;}
	#primary .wbpros{padding:10px 28px}
	

}
@media (min-width: 1200px){
	.hmNew{padding-left:15px;}
	
}
@media (max-width: 1200px){

}