body,html{width:100%;height:100%;}
body, div, ul, li, table, td, tr, th, ol, p, img, h1, h2, h3, h4, h5, h6, span, form{margin:0px;padding:0px; font-family: 'roboto-regular';}
ul{list-style:none;} 
body{font-size:15px;font-weight:normal;color:#000; background:#FFF;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*{margin:0;padding:0;}
.togglemenu{float:none;padding:10px 10px; padding-top:6px; margin:0; cursor:pointer; margin:auto;  float:right; background:#000; margin-top:6px; margin-bottom:6px; display:none; border-bottom:2px solid #DDDDDD;}
.sticky-header{position:fixed;width:100%;left:0;top:0;z-index:100;border-top:0;z-index:10000000000;float:left; background:#FFF;
box-shadow: 0px 2px 10px -1px #242424; }
.menuwrap{width:100%; float:left; background:#E3E2E4; z-index:1000; padding-top:5px; padding-bottom:5px;}
.menupanel{width:100%; float:left;}
.menupanel ul{list-style:none; float:right;}
.menupanel ul li{float:left; padding-left:20px; padding-right:20px; line-height:50px; font-family: 'roboto-black'; font-size:13px; letter-spacing:1px; position:relative}
.menupanel ul li a{ color:#7B912F; text-transform:uppercase;}
.menupanel ul li:hover,.menupanel ul li.activemenu{}
.menupanel ul li:hover a,.menupanel ul li.activemenu a{ color:#242424;}
.menupanel ul li a:hover{text-decoration:none;}
/*------Banner---------*/
.bannerpanel{ width:100%; float:left;}
.bannerpanel img{ max-width:100%; height:auto;}
.bannerpanel .slideimg{padding-top:20px; }
.bannerpanel .slideimg img{max-width:100%; height:auto; margin-bottom:-100px; position:relative; z-index:10000000000000000}
.bannerpanel  .slide01{width:100%; min-height:500px; float:left; padding-left:5%; padding-right:5%; }
.bannerpanel .bannertext{ width:100%; float:left; position:relative;   padding-left:0; padding-right:0; padding-top:30px;  }
.bannerpanel .bannertext h2{font-size:35px; margin:0;   font-family:'roboto-black'; text-transform:uppercase; letter-spacing:2.5px; margin-top:40px; margin-bottom:5px; 
line-height:50px; color:#000;}
.bannerpanel .bannertext h3{font-size:50px; margin:0;   font-family:'roboto-black'; text-transform:uppercase; letter-spacing:2.5px; color:#FFF; margin-bottom:20px; 
text-shadow:1px 1px 1px #333; text-align:center;}
.bannerpanel .bannertext p{color:#FFF; font-size:19px; text-align:center;}
.bannerpanel .bannertext{color:#FFF;}
.bannerpanel .bannertext a{display:inline-block; padding:10px 35px; background:#060F19;  color:#FFF; font-family: 'roboto-black'; letter-spacing:1.5px; font-size:28px; margin-right:5px; transition: all 0.5s ease 0s; border:3px solid #FFF;}
.bannerpanel .bannertext a:hover{text-decoration:none; background:#CF3343; color:#060F19; border:3px solid #060F19;}
.bannerpanel .butonpanel{width:100%; float:left; text-align:center!important; margin-top:30px;}
 
.bannerpanel .carousel-control{width:5%;}
.bannerpanel .carousel-caption {position:absolute; right:15%; bottom:40%; left:15%; z-index:10; padding-top:20px; padding-bottom:20px; color:#FFF; text-align:left!important;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);}
.bannerpanel .carousel-indicators li {border: 1px solid #FFF;}
.carousel-caption h1:first-child {-webkit-animation-delay: 2s;animation-delay: 2s;}
.carousel-caption h1:nth-child(2) {-webkit-animation-delay: 2.5s;animation-delay: 2.5s;}

.slide02img{position:relative; z-index:100000000;}
/*------Banner---------*/
.aboutuspanel{width:100%; float:left; padding-top:50px; padding-bottom:50px; background:#F5F6FA;}
.aboutuspanel-col{width:20%; float:left;}
.aboutuspanel h2{color:#333; font-size:25px;   text-align:center; padding-bottom:20px; margin-bottom:20px; text-transform:uppercase; font-family: 'roboto-black'; }
.aboutuspanel h5{font-size:18px; text-align:center; margin-bottom:25px;}
.aboutuspanel p{font-size:16px; color:#242424; line-height:26px; margin-top:5px; margin-bottom:20px; }
.aboutuspanel img{max-width:100%; height:auto;}
.aboutuspanelbox{width:100%; float:left; position:relative; text-align:center; background:#FFF; padding-bottom:30px;}
.aboutuspanel a{padding:10px 30px; display:inline-block; background:#DB4E48; color:#FFF; text-transform:uppercase; margin-top:20px; transition: all 0.5s ease 0s;}
.aboutuspanel a:hover{background:#242424; color:#FFF; text-decoration:none;}
.aboutuspanel h3{color:#221F1E; letter-spacing:1.5px; font-size:16px;  margin-bottom:15px; margin-top:15px; text-transform:uppercase; font-family: 'roboto-black';}

.newspanel{width:100%; float:left;    padding-top:50px; padding-bottom:50px;}
.newspanel h2{color:#1F5F79; font-size:45px; text-align:center; padding-bottom:5px; text-transform:uppercase; font-family:'roboto-black';}
.newspanel h3{color:#2D3F4B; font-size:23px; text-align:center; margin-bottom:20px;}
.newspanel-image{width:100%; float:left; background:#F2F4F3; margin-bottom:20px;}
.newspanel-box{width:14.28571428571429%; float:left; text-align:center; margin-bottom:20px; padding:10px;}
.newspanel-box h4{ font-size:15px; margin-top:15px; margin-bottom:25px; text-transform:uppercase;}
.newspanel-box h4 span{background:#F8FBED; color:#9CC700; border:1px solid #EFF6D6; border-radius:50px; padding:3px 15px; }
.newspanel-box p{color:#666666;}
.newspanel-box img{max-width:100%; height:auto;}
.newspanel-cont{width:100%; float:left;  padding:5px;}
.newspanel-cont h3.text1{font-size:16px; text-align:left; margin-bottom:5px;}
.newspanel-cont h3.text2{font-size:16px; text-align:left;}
.newspanel-cont h3.text3{font-size:16px; text-align:right;}
.newspanel-post{width:100%; float:left; border-top:1px solid #ECECEC; margin-top:30px; padding-top:8px; color:#666666;}
.foodicon{width:150px; height:150px; line-height:120px; background:#FFF; text-align:center; margin:auto; margin-top:-60px; position:relative; z-index:100; border-radius:100%;}
.foodicon img{max-width:100%; height:auto;}

.testimonialpanel{width:100%; float:left;  padding-top:50px; padding-bottom:50px; background:#EAEAEA;}
.testimonialpanel img{max-width:100%; height:auto; border:3px solid #FFF;}
.testimonialtext{padding-bottom:50px;   padding-top:50px;}
.testimonialpanel p { color:#9B9B9B; font-size: 22px; margin-bottom:25px;}
.testimonialpanel p.name{font-size:18px; color:#77B81E;}

.rightservicepanel{width:100%; float:left; margin-bottom:50px;}
.rightservicepanel h2{font-family: 'roboto-black'; font-size:28px; text-align:center; text-transform:uppercase; margin-bottom:50px;}
.rightservicepanel h3{font-size:25px; text-align:center; margin-bottom:15px; margin-bottom:15px;}
.rightservicepanel-cont{width:100%; float:left; margin-bottom:20px; text-align:center;}
.rightservicepanel-cont img{ margin-bottom:30px;}

.footerpanel{width:100%; float:left; background:#182028; padding-top:80px; padding-bottom:80px;}
.footerpanel img{max-width:100%; height:auto;}
.footerpanel h2{color:#FFF; font-size:20px;   letter-spacing:1px;   text-transform:uppercase; margin-bottom:20px;}
.footerpanel p{color:#FFF; margin-bottom:30px;} 
.footerpanel ul{list-style:none;}
.footerpanel ul li{ margin-bottom:8px;}
.footerpanel ul li a{color:#FFF;}
.footerpanel ul li a:hover{ text-decoration:none; color:#77B81E; background:#182028; border:none;}
 
.footersocialmedia{width:100%; float:left; margin-bottom:30px;}
.footersocialmedia a{display:inline-block; margin-left:7px; margin-right:7px; color:#FFF; transition: all 0.5s ease 0s;}
.footersocialmedia a:hover{text-decoration:none;}
.footersocialmedia a:first-child{margin-left:0px;}
.footersocialmedia a:last-child{margin-right:0px;}
.footersocialmedia .fa{ width:35px; height:35px; border-radius:100%; text-align:center; line-height:35px; font-size:19px; color:#FFF;}
.footersocialmedia a.fa-facebook{background:#3B5998;}
.footersocialmedia a.fa-twitter{background:#02B0E8;}
.footersocialmedia a.fa-pinterest{background:#B00A1B;}
.footersocialmedia a.fa-youtube{background:#C22E2A;}
.footersocialmedia a.fa-linkedin{background:#00A098;}
 
.twitterblog{width:100%; float:left; background:#101922; margin-bottom:20px; padding:10px;}
.twitterblog  span{ color:#77B81E;}
.twitbutbox{width:100%; float:left; text-align:center;}
.twitbutbox a{color:#77B81E; padding-left:10px; padding-right:10px; font-size:16px;}
.twitbutbox a:hover{color:#FFBE30; text-decoration:none;}
.newsletter{width:100%; float:left;     border:1px solid #FFF; border-radius:50px; }
.newsletter-textbox{width:80%; float:left;}
.newsletter-butbox{width:20%; float:left; border-left:1px solid #FFF;}
.newsletter input[type="text"]{background:#F3F3F3; width:80%; height:40px; border:none; padding:10px;border-radius:50px; background:#182028; color:#FFF;}
.newsletter-butbox button{background:none; border:none; color:#FFF; width:100%; height:40px; text-align:center; transition: all 0.5s ease 0s;}
.newsletter-butbox button:hover{color:#77B81E;}
  
.midpanel{width:100%; float:left; background:#FBFBFB; padding-top:50px;}
.photogallery{width:100%; float:left; padding-bottom:50px;}
.photogallery h2{text-align:center; font-size:30px; margin-bottom:50px;}
.photogallery img{width:100%; height:auto;}
.photogallery-cont{width:100%; float:left; position:relative;  overflow: hidden; margin-bottom:30px;}
.photogallery-cont .overlay {width: 100%; height: 100%; position: absolute; overflow: hidden; left: 0; background-color: rgba(0, 0, 0, 0.8); 
top: -200px; opacity: 0; filter: alpha(opacity=0); transition: all 0.5s ease 0s;}
.photogallery-cont:hover .overlay {opacity: 1; filter: alpha(opacity=100); top: 0; -webkit-transition-delay: 0s; -o-transition-delay: 0s; -moz-transition-delay: 0s;
transition-delay: 0s; transition: all 0.5s ease 0s;}
.photogallery-cont  img {display:block; -webkit-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; transition:all 0.2s ease-in;}
.photogallery-cont .overlay .owl-captions {text-align:center; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
-o-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); color: #ffffff; padding:15px;}
.photogallery-cont .overlay .owl-captions a{ background:#77B81E; padding:5px 10px; color:#000; display:inline-block; margin-top:8px; transition: all 0.5s ease 0s;}
.photogallery-cont .overlay .owl-captions a:hover{ background:#FFF; color:#77B81E; text-decoration:none;}