l*{ margin:0px; padding:0px;}
body{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; }
.style24 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0E6CAA; } 
	.style66 {
	color: #0099FF;
	font-weight: normal;
	font-size: 14px;
}
.style72 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}.style61 {
	color: #0099FF;
	font-weight: bold;
}
.style65 {
	font-size: 14px
}
.style66 {
	color: #0099FF;
	font-weight: bold;
	font-size: 14px;
}
.style67 {font-size: 11px}
.style25 {	font-family: Geneva, Arial, Helvetica, sans-serif
}
.style40 {font-size: 16px}
.style59 {font-size: 13px; font-family: Geneva, Arial, Helvetica, sans-serif; }
.style60 {font-size: 13px}

.b-b1{ border-bottom:1px solid #ccc; border-top:none !important;}
.padding-lr{ padding:0 10px !important;}
.p-tb1{ padding:10px 0 !important;}
.b-0{ border:none !important;}
.top{ width:100%; float:left; background:#000;}
.logo{ float:right; padding:5px 0;}
.logo a, .logo a:hover, .logo a:focus{ font-size:26px; font-weight:bold; float:left; text-decoration:none; color:#0000fe;}
.top-social{ float:left;}
.top-social ul{ margin:0px; padding:0px;}
.top-social ul li{ display:inline-block; list-style:none; padding:5px;}
.top-social ul li a{ text-decoration:none; color:#999; font-size:14px; line-height:20px; transition:all 0.3s ease-in-out;}
.top-social ul li a:hover, .top-social ul li a:focus{ text-decoration:none; color:#0000fe; transition:all 0.3s ease-in-out;}
.top-mail{ float:right; color:#fff; text-decoration:none; transition:all 0.3s ease-in-out; margin:7px 0 0; padding:0 10px; border-right:1px solid #fff; font-size:12px; position:relative;}
.top-mail:hover{ float:right; color:#0000fe; text-decoration:none; transition:all 0.3s ease-in-out;}
.lang{ float:right; font-size:12px; color:#fff; padding-top:7px}
.lang-select{ display:inline-block; width:70px; background:#fff; border:none; color:#333;}
.hdr{ width:90%; float:left; padding:25px 0;}
.about{ width:100%; float:left; background:#f5f6f8 url(../imgs/bnr-btm-bg.jpg) no-repeat top right; text-align:center; padding:60px 0;}
.about h1{ width:100%; float:left; font-size:36px; line-height:42px; color:#384b4f; margin:0; padding:0; text-transform:uppercase; font-family:'OpenSans-bold';}
.brdr{ width:150px; height:2px; background:#3c4540; display:inline-block;position:relative; margin:20px auto 50px;}
.brdr-circle{ width:8px; height:8px; display:inline-block; margin:0 auto; background:#3c4540; border-radius:50%; position:absolute; z-index:3; top:-3px}
.about p{ width:100%; float:left; font-size:14px; line-height:24px; color:#666; margin:0; padding:0;}
.about-box{ width:100%; float:left; padding:0 0 30px; text-align:left;}
.about-box h5{ width:100%; float:left; font-size:18px; line-height:24px; color:#394a52; margin:0; padding:0;}
.about-box a{ width:100%; float:left; font-size:14px; line-height:20px; color:#666; margin:5px 0 0; padding:5px 0 0;}
.about-box a:hover, .about-box a:focus{ text-decoration:none; color:#0000fe; transition:all 0.3s ease-in-out;}
.about-pic{ width:100%; float:left;}.about-pic img{ max-width:100%; float:left;}.food{ width:100%; float:left; background:#0000fe; overflow:hidden;}
.food-right{ width:85%; float:left; padding:40px; color:#fff;}
.food-right h3{ width:100%; float:left; font-size:18px; line-height:26px; color:#fff; margin:0; padding:0 0 25px; text-transform:uppercase; font-family:'OpenSans-bold';}
.food-right h4{ width:100%; float:left; font-size:16px; color:#fff; margin:0; padding:20px 0; font-weight:normal;}
.food-right p{ width:100%; float:left; font-size:12px; line-height:20px; color:#fff; margin:0; padding:0; text-align:left;}
.food-right-btn{ float:left; padding:10px 20px; color:#fff; font-size:16px; text-transform:uppercase; margin:10px 0 0; text-decoration:none; border:1px solid #fff; transition:all 0.3s ease-in-out;}
.food-right-btn:hover, .food-right-btn:focus{ background:#fff; text-decoration:none; color:#0000fe; transition:all 0.3s ease-in-out;}
.service{ width:100%; float:left; text-align:center; padding:40px 0;}
.service h1{ width:100%; float:left; font-size:36px; line-height:42px; color:#384b4f; margin:0; padding:0; text-transform:uppercase; font-family:'OpenSans-bold';}
.brdr{ width:150px; height:2px; background:#3c4540; display:inline-block;position:relative; margin:20px auto 50px;}
.brdr-circle{ width:8px; height:8px; display:inline-block; margin:0 auto; background:#3c4540; border-radius:50%; position:absolute; z-index:3; top:-3px}
.service p{ width:80%; display:inline-block; text-align:center; padding:0; margin:0; font-size:14px; line-height:24px; color:#36363e;}
.service-box{ width:100%; float:left; text-align:center; position:relative;}
.service-box img{ display:inline-block; padding:50px 0;}
.service-box h3{ width:100%; display:inline-block; font-size:16px; line-height:20px; color:#222; text-transform:uppercase; padding:0 0 10px; margin:0px;}
.service-box p{ width:100%; display:inline-block; padding:0; margin:0; font-size:12px; line-height:18px; color:#666;}
.left-arow{ display:inline-block; position:absolute; z-index:2; top:-30px; left:-80px;}
.right-arow{ display:inline-block; position:absolute; z-index:2; top:50px; right:-80px;}
.service-btn{ display:inline-block; padding:10px 30px; background:#0000fe; color:#fff; font-size:14px; text-transform:uppercase; margin:30px 0 0; text-decoration:none; transition:all 0.3s ease-in-out; border:1px solid #0000fe;}
.service-btn:hover, .service-btn:focus{ background:#fff; border:1px solid #0000fe; text-decoration:none; color:#0000fe; transition:all 0.3s ease-in-out;}
.testi{ width:100%; float:left; background:#0000fe; padding:50px 0;}
.testi-box{ width:100%; float:left; background:#fff; border:3px solid #fff; border-radius:3px; padding:30px 15px; margin-bottom:20px; transition:all 0.3s ease-in-out; text-align:center;}
.testi-box h3{ width:100%; float:left; font-size:14px; line-height:20px; color:#333; margin:0; transition:all 0.3s ease-in-out; font-weight:normal; text-align:left;}
.testi-box p{ width:100%; float:left; font-size:12px; line-height:18px; color:#333; margin:0px; padding:0 0 10px; transition:all 0.3s ease-in-out; text-align:left;}
.testi-box:hover{ background:transparent; border:3px solid #fff; transition:all 0.3s ease-in-out;}
.testi-box:hover h3{ color:#fff; transition:all 0.3s ease-in-out;}
.testi-box:hover p{ color:#fff; transition:all 0.3s ease-in-out;}
.testi-box img{ border-radius:50%; overflow:hidden; max-width:100%; display:inline-block;}
.contact-box{ width:100%; float:left; position:relative; padding:0 5px 0 0;}
.contact-input{ width:100%; float:left; height:40px; background:#fff; border:1px solid #ccc; font-size:14px; color:#333; margin:10; border-radius:3px; padding:2px 15px 2px 35px;}
.contact-box i{ display:inline-block; position:absolute; z-index:3; top:13px; left:15px; font-size:14px; color:#333;}
.contact-btn{ width:100%; float:left; padding:8px 0; background:#0000fe; color:#fff; font-size:14px; text-transform:uppercase; margin:0; text-decoration:none; transition:all 0.3s ease-in-out; border:1px solid #0000fe; cursor:pointer; border-radius:3px;}
.contact-btn:hover, .contact-btn:focus{ background:#fff; border:1px solid #0000fe; text-decoration:none; color:#0000fe; transition:all 0.3s ease-in-out;}
.ftr-links{ width:100%; float:left; padding:30px 0; text-align:center; border-top:1px solid #ccc;}
.ftr-links ul{ margin:0px; padding:0px;}.ftr-links ul li{ display:inline-block; padding:0px 15px; text-align:center;}
.ftr-links ul li a{ text-decoration:none; display:inline-block; font-size:14px; color:#777; transition:all 0.3s ease-in-out;}
.ftr-links ul li a i{ text-decoration:none; display:inline-block; font-size:14px; color:#0000fe; transition:all 0.3s ease-in-out;}
.ftr-links ul li a:hover, .ftr-links ul li a:focus{ color:#0000fe; transition:all 0.3s ease-in-out;}
.footer-btm{ width:100%; float:left; background:#394a51; text-align:center; padding:20px 0; color:#fff; font-size:16px;}
.display{ display:block;}
.inr-content{ width:100%; float:left; background:#f3f3f3;}
.inr-textbox{  width:100%; float:left; margin:10px 0; border-radius:5px; overflow:hidden; background:#fff; padding:0 0 10px; border-bottom:4px solid #0000fe;}
.inr-textbox-blog { width:100%; float:left; margin:20px 0; border-radius:5px; overflow:hidden;}
.contact_sbhdng{ width:100%; float:left; padding:10px 15px; font-size:24px; background:#0000fe; color:#fff; font-family:'poppinsregular'; text-transform:uppercase; text-align:center; margin-bottom:30px;}
.contact_text{  float:left; font-size:14px; color:#333; padding:7px 40px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.contact_text span{ width:100%; float:left; padding:0;}
.contact_input{ float:left; padding:2px 15px; width:100%; border:none; height:50px; color:#333; font-size:15px; border-radius:3px; background:#f3f3f3;}
.contact_textarea{ float:left; padding:15px; width:100%; border:none; height:130px; color:#333; font-size:15px; border-radius:3px; background:#f3f3f3;}
.contact_text .red{ display:inline-block; color:#f00;}.required{ width:100%; float:right; text-align:right; font-size:12px; color:#f00; font-weight:normal;}
.contact_text ul{margin-bottom: 0px;}
.contact_text ul li{ list-style: none; color: #F00; font-family:'poppinsregular'; font-weight: normal; font-size: 14px;  text-align:left;}
.contact_text .error{ list-style: none; color: #F00; font-family:'poppinsregular'; font-weight: normal; font-size: 14px;  text-align:left;}
.contact_btn{ font-size:16px; color:#fff; background:#222; padding:10px 25px; margin:20px 0; text-decoration:none; float:left; font-family:'OpenSans-Regular'; border-radius:3px; text-transform:uppercase; transition:ease-in-out .3s all;}
.contact_btn:hover, .contact_btn:focus{ font-size:16px; color:#fff; background:#0000fe; padding:10px 25px; text-decoration:none; float:left; font-family:'OpenSans-Regular'; border-radius:5px; transition:ease-in-out .3s all;}
.contact_box{ float:left;}
.contact_box_text{ width:100%; float:left; padding:10px 0; font-size:16px; color:#444; text-align:justify;}
.contact_box_text i{ float:left; padding:6px 10px 0 0; font-size:15px; color:#0000fe;}
.contact_box_text span{ float:left; padding:0;}
.social-box{ width:100%; float:left; text-align:center; margin:30px 0 10px;}
.social-box a{ width:40px; display:inline-block; margin:0 7px;}
.social-box a img{ max-width:100%;}
.blog{ width:100%; float:left; padding:15px; background:#fff; border-bottom:4px solid #0000fe; transition:ease-in-out .3s all;}
.blog:hover{ border-bottom:4px solid #0000fe; box-shadow:0px 3px 10px #aaa; transition:ease-in-out .3s all;}
.blog img{ max-width:100%;}
.blog-box{ width:100%; float:left;}
.blog-box h3{ width:100%; float:left; font-size:14px; line-height:26px; color:#fff; padding:7px 15px; margin-top:15px; background:#0000fe;}
.blog-box h5{ width:100%; float:left; font-size:14px; line-height:18px; color:#666; padding:10px 0 0; font-weight:normal;}
.blog-box h5 span{ float:right; font-size:14px; color:#888; font-style:italic;}
.blog-box .brdr{ width:100%; float:left; background:#666; height:1px; margin:3px 0 10px;}
.blog-box .description{ width:100%;  overflow:hidden; float:left; font-size:14px; color:#333;}
.blog-box-btn{ text-decoration:none; display:inline-block; padding:7px 0 0; color:#0000fe; font-size:14px; text-transform:uppercase; margin-top:10px; transition:all 0.3s ease-in-out;}
.blog-box-btn:hover, .blog-box-btn:focus{ text-decoration:none; color:#0000fe; transition:all 0.3s ease-in-out;}
.left-menu { width:100%; float:left; margin:10px 0; text-align:left; border-bottom:1px solid #ccc; background:#fff;}
.left-menu h3{ width:100%; float:left; font-size:18px; line-height:26px; color:#fff; background:#0000fe; padding:10px 15px; font-weight:bold; text-transform:uppercase;}
.left-menu h4{ width:100%; float:left; font-size:16px; line-height:22px; color:#000; padding:0 15px; font-weight:bold; text-transform:uppercase;}
.left-menu-brdr{ width:25%; height:3px; margin:5px 0 5px 15px; float:left; background:#0000fe;}
.left-menu-box{ width:100%; float:left; padding:15px 0;}
.left-menu-box ul{ margin:0px; padding:0px;}
.left-menu-box ul li{ width:100%; float:left; list-style:none; text-align:left; border-bottom:1px solid #eee;}
.left-menu-box ul li a{ width:100%; float:left; text-decoration:none; font-size:14px; color:#333; padding:10px 15px; background:#fff; transition:all 0.3s ease-in-out;}
.left-menu-box ul li a span{ width:7px; height:7px; float:left; margin:9px 10px 0 0; background:#0000fe;}
.left-menu-box ul li a:hover{ text-decoration:none; font-size:14px; color:#0000fe; background:#fafafa; padding:10px 15px 10px 20px; transition:all 0.3s ease-in-out;}
.left-menu-box ul li a.active{ text-decoration:none; font-size:14px; color:#0000fe; background:#fafafa; padding:10px 15px 10px 20px; transition:all 0.3s ease-in-out;}
.article{ width:100%; float:left; border-bottom:1px solid #ccc; margin-top:20px; padding:5px; color:#333; transition:all 0.3s ease-in-out;}
.article{ width:100%; float:left; border-bottom:1px solid #ccc; margin-top:20px; padding:5px; color:#333; transition:all 0.3s ease-in-out;}
.article:hover{ border-bottom:1px solid #0000fe; background:#efefef; transition:all 0.3s ease-in-out;}
.article img{ max-width:100%;}.article-box{ width:100%; float:left;}
.article-box h3{ width:100%; float:left; font-size:18px; line-height:26px; padding:15px 0 0;}
.article-box .brdr{ width:70px; float:left; background:#666; height:1px; margin:5px 0 10px 0;}
.article-box h5{ width:100%; float:left; font-size:12px; line-height:18px; color:#777; padding:5px 0; font-style:italic; font-weight:normal;}
.inr-bnr{ width:100%; float:left;}
.inr-bnr img{ max-width:100%;}
.inr-light{ width:100%; float:left; background:#a5a5ff; text-align:center; padding:50px 0;}
.inr-dark{ width:100%; float:left; background:#7270ff; text-align:center; padding:50px 0;}
img{ max-width:100%;}
.inr-tbox{ width:100%; float:left; padding:0; text-align:center;}
.inr-tbox h1{ width:100%; float:left; font-size:36px; line-height:40px; color:#fff; margin:0; padding:80px 0 0; text-transform:capitalize; font-family:'OpenSans-Bold';}
.inr-tbox p{ width:100%; float:left; font-size:14px; line-height:24px; color:#fff; margin:0; padding:10px 0;}
.inr-tbox h3{ width:100%; float:left; font-size:20px; line-height:22px; color:#fff; margin:0; padding:0;}

@media only screen and (max-width:1024px){

}
@media only screen and (max-width:768px){

    .logo{ width:100%; float:left; }
}
@media only screen and (max-width:568px){

    .logo{ width:100%; float:left; }
}@media only screen and (max-width:480px){

    .logo{ width:100%; float:left; }
}
@media only screen and (max-width:568px){
    .logo{ width:100%; float:left; }
    .left-side{ width:100%; float:left; padding:15px 0;}
    .left-menu h4{ width:100%; float:left; padding:0 15px; cursor:pointer;}
    .left-side .left-menu-box{ display:none;}
    .left-side:hover .left-menu-box{ width:100%; float:left; padding:15px 0; display:inline-block;}
    .left-menu-box ul{ margin:0px; padding:0px;}
    .left-menu-box ul li{ width:100%; float:left; list-style:none; text-align:left; border-bottom:1px solid #eee;}
    .left-menu-box ul li a{ width:100%; float:left; text-decoration:none; font-size:14px; color:#333; padding:10px 15px; background:#fff; transition:all 0.3s ease-in-out;}
    .left-menu-box ul li a span{ width:7px; height:7px; float:left; margin:9px 10px 0 0; background:#0000fe;}
    .left-menu-box ul li a:hover{ text-decoration:none; color:#0000fe; background:#fafafa; padding:10px 15px 10px 20px; transition:all 0.3s ease-in-out;}
}