/*
Theme Name: Food Restaurant
Theme URI:  http://www.logicalthemes.com/food-restaurant/
Author: Logical Themes
Author URI:  http://www.logicalthemes.com/
Description: Food Restaurant is a premium WordPress theme for fitness and gym websites. It is a highly suitable theme for fitness centers,sports clubs, gyms and other exercise related websites. It has purpose oriented design, responsive layout and special features to manage Gallery, Schedule, Services, Pricing Plans, Calculate BMI, Blog, news posts and pages.
Version: 0.1
License: GNU General Public License
License URI:license.txt
Text Domain: food-restaurant
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

VW Fitness WordPress Theme has been created by VW Themes(vwthemes.com), 2015.
Food Restaurant WordPress Theme is released under the terms of GNU GPL
*/

/* Basic Style */
*{ 
  margin:0; 
  padding:0; 
  outline:none;
}

body{ 
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:#fff; 
  position:relative; 
  font:12px/22px arial; 
  color:#5b5b5b; 
  font-family:Open sans;
}

img{ 
  margin:0; 
  padding:0; 
  border:none; 
  max-width:100%; 
  height:auto;
}

section img{
  max-width:100%;
}

h1,
h2,
h3,
h4,
h5,
h6{ 
  margin:0;
  padding:10px 0;
}

p{ 
  margin:0 0 15px; 
  padding:0;
  font-size:18px; 
  line-height:normal; 
  font-weight:normal;
}

a{ 
  text-decoration:none; 
  color:#fb6d21;
}

a:hover{ 
  text-decoration:none; 
  color:#666;
}

a:focus,a:hover{
  text-decoration:none !important;
}

ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}

:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

small{
  font-size:14px !important;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],
textarea{
  border:1px solid #bcbcbc;
  width:100%; 
  font-size:16px;
  padding:10px 10px; 
  margin:0 0 23px 0;
  height:auto;
}

textarea{
  height:111px;
}

section{
  font-family:Open sans;
}

select{
  width: 100%;
}

input[type="submit"] {
  border:2px solid #000;
  background:#fff;
  text-align:center;
  font-size:18px;
  padding:7px 30px;
  font-weight:bold;
  color:#000;
  margin:23px 0; 
  border-radius:3px;
  display:table;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 15px;
}
input[type="submit"]:hover{
  background:#fb772e;
  cursor: pointer;
}

.clear{ 
  clear:both;
}

.center{ 
  text-align:center; 
  margin-bottom:40px;
}

.middle-align{ 
  margin:0 auto; 
  padding:20px 0 20px;
}

.wp-caption{ 
  margin:0; 
  padding:0; 
  font-size:13px; 
  max-width:100%;
}

.wp-caption-text{ 
  margin:0; 
  padding:0;
}

.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}

.sticky{ 
  margin:0; 
  padding:0; 
  background-color:#d7d7d7;
}

.gallery-caption{ 
  margin:0; 
  padding:0;
}

.alignleft,
img.alignleft{
  display: inline; 
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
  margin-bottom:10px; 
  padding:0;
  border:1px solid #bbb; 
  padding:5px;
}

.alignright, img.alignright { 
  display: inline; 
  float: right; 
  border:1px solid #bbb; 
  padding:5px; 
  margin-bottom:10px;
  margin-left:25px;
}

.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
}

.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}

.toggleMenu{
  display:none;
}

.bypostauthor{ 
  margin:0; 
  padding:0;
}

a.small-button{
  background:#3890cb;
  padding:5px 30px; 
  border-radius:3px;
  color:#fff;
  display:table;
  margin:0 auto;
}

a.small-button:hover{
  color:#fff;
  background:#0c5f96;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}

.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  color: #000;
  padding-left: 15px;
}

.widget_calendar tbody a {
  background-color: #007acc;
  color: #fff;
  display: block;
  font-weight: 700;
}

.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
.widget th,
.widget td {
  padding: 0.5384615385em;
}

/*-------------------- Sweep To Right -----------------------*/
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fb6e21;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.plans-box .hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #001e44;
  border-radius:8px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

#gallery .hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #d3da36;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
  color: #fff !important;
}

.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* ---------Buttons--------- */
a.button-all{
  border:2px solid #000;
  color:#000;
  padding:8px 50px;
  margin:20px 0 0 0; 
  font-weight:bold;
}

a.button{ 
  background:#fb6d21;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 15px 30px;
  text-transform: uppercase; 
  font-weight:bold;
}
  
  
/*------------------ Image Hover -----------------*/
.view {
  width: 100%;
  /*height: 100%; */
  margin: 10px 0;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.view .mask, .view .content { 
  width: 100%; 
  height: 100%; 
  position: absolute; 
  overflow: hidden; 
  top: 0; 
  left: 0;
}

.view img {
  display: block;
  position: relative;
  width:100%;
}

.view a.info {
  background:url('images/link.png') center no-repeat;
  display: inline-block;
  text-decoration: none;
  padding:0;
  text-indent:-9999px;
  width:20px; 
  height:20px;
  margin-top:34%;
}

.second-effect .mask {
  overflow:visible;
  border:0px solid #18304c; 
  box-sizing:border-box;
  transition: all 0.4s ease-in-out;
}

.second-effect a.info {
  position:relative; 
  opacity:0; 
  transform:scale(0,0); 
  transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
  outline:none;
}

.second-effect:hover .mask {
  opacity: 1; 
  background:rgba(0,0,0,0.7);
}

.second-effect:hover a.info {
  opacity:1;
  transform:scale(1,1);
  transition-delay:0.3s;
}

/*---------------------------mega menu------------------------- */
.navbar-nav{
  float: left;
  margin-left: 25%;
}
.sub-menu li a {
    color: #fff;
}
.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.navbar-default .navbar-nav>li>a {
  font-weight: bold;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-brand {
  color: #FFF;
  padding:0;
  font-size: 14px;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #bcfe63;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover
{
  color: #FFF;
  background-color: transparent;
}
.navbar-default{
  background-color: transparent;
  border-color: transparent;
}

.mega-dropdown {
  position: static !important;
}

i.fa.fa-sort-desc {
    margin: 0 0 0 4px;
    font-size: 19px;
}

li.dropdown.mega-dropdown {
    padding: 0 4px 0 12px;
}

.navbar-nav>li>a {
    padding-top: 10px !important;
    padding-bottom: 15px;
}

.mega-dropdown-menu {
  padding: 20px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #999;
  white-space: normal;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}

.mega-dropdown-menu .dropdown-widgettitle {
  color: #428bca;
  font-size: 18px;
  font-weight: bold;
}

.mega-dropdown-menu form {
  margin: 3px 2px;
}

.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}
.mega-dropdown-menu  div#calendar_wrap,
.mega-dropdown-menu  caption
.mega-dropdown-menu  div{
  padding:0;
  color: #FFF;
}
.mega-dropdown-menu > div >li{
  float:left;
  width:33%;
}
#header .nav .mega-dropdown-menu{
  height:auto;
  padding: 2%;
  margin: 0px;
}
#header .nav .mega-dropdown-menu > div >li{
  float:left;
  width:34%;
  display: inline;
  position: initial;
}
.mega-dropdown-menu > div >li:nth-child(even){
  clear:right;
}
#header .nav .mega-dropdown-menu li > ul {
  display: block;
  width: 200px;
  position: inherit;
  text-align: left;
  padding: 0;
  float: left;
  margin:0;
}

#header .navbar-default .navbar-nav .sub-menu ul li a{
  padding: 7px 0px;
}

#header .navbar-default .navbar-nav .sub-menu ul li{
  display:block;
}

#header .nav .mega-dropdown-menu li:hover > ul {
  background: transparent;
  position: inherit;
  padding: 0;
  margin: 0;
}

li#recent-posts-3 h2 {
  padding: 0 0 0 23px;
}
li#archives-3 h2 {
  padding: 0 0 0 26px;
}
div#calendar_wrap {
  padding: 0 0 0 30px;
}
li#search-2 {
  padding: 35px 0 0 13px;
}
ul.dropdown-menu.mega-dropdown-menu.row {
    background: #113665;
    border: 1px solid #fff;
}
h2.widgettitle {
    color: #fff;
    font-family: Open sans;
    margin-left: 4%;
    border-bottom: solid 2px #bcfe63;
    display: inline-table;
    margin-bottom: 3%;
    font-size: 23px;
}
input.search-field {
    padding: 11px 13px 13px 11px;
    border: solid #113665;
}
.navbar-default .navbar-toggle{
     width: 100% !important;
    color: #fff !important;
    background: url(images/responsive_menu.png) no-repeat right center #3890cb !important;
    padding: 10px !important;
    margin: 0 !important;
    font-size: 16px !important;
    text-align: left !important;
    border-radius: 0 !important;
    font-family: Open sans;
}

.navbar-default .navbar-toggle {
    border-color: currentColor;
}
.navbar-collapse.in {
    overflow-y: inherit;
}
.navbar-nav .open .dropdown-menu {
    position: absolute !important;
    width: 100% !important;
}
ul.dropdown-menu.mega-dropdown-menu.row {
    border: 2px solid #fff;
}
ul.dropdown-menu.mega-dropdown-menu.row:hover {
    border: 2px solid #bcfe63;
}
.navbar-default .navbar-collapse{
  padding:0;
  border-top: transparent;
  box-shadow: inset 0 1px 0 rgba(0,0,0,0);
}
caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #fff;
    text-align: left;
    font-size: 18px;
    border-bottom: solid 2px #bcfe63;
    margin-bottom: 3%;
}

/* --------------------------HEADER---------------------------- */
#header.fixed{
  position:fixed !important; 
  top:0 !important; 
  margin:0; 
  padding:15px 0; 
  z-index:99999999; 
  background-color:#ffffff; 
  opacity:inherit;
}

#header .logo{
  margin:0; 
  padding: 24px 0; 
  text-align:center;
}

#header .logo h1{ 
  font-weight:700; 
  text-transform:uppercase; 
  padding:0; 
  margin-bottom:8px; 
  font-size:30px; 
  font-weight:bold; 
  margin-top: 0; 
  text-align:center;
}

#header .logo a{ 
  color:#ffffff; 
  font-family:'Roboto';
}

#header .logo p{ 
  font-size:12px;
  color: #fff;
}
.home #header{
  z-index:999; 
  width:100%; 
  height:auto;
  position:absolute;
  background:none;
  border:none;
}
#header,.home.blog #header{
  z-index:999; 
  width:100%; 
  height:auto;
  background:#fb6d21;
  border-bottom:1px solid #fff;
  position: relative;
}

#header .header-top{
  background:#000;
  color:#aaaaaa;
}

#header .header-top a{
  color:#aaaaaa;
}

#header .top-contact{
  padding:12px 0; 
  font-size:15px;
}

div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
    clear: both;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}

#header .top-contact .call{
  background:url('images/phone1.png') no-repeat; 
  padding:1px 0 1px 30px;
  margin-right:15px;
}

#header .top-contact .email{
  background:url('images/email1.png') no-repeat; 
  padding:0 0 0 30px;
}

#header .social-media{
  padding:12px 0; 
  text-align:center;
}

.social-media .dashicons{
  margin: 0 6px;
  padding: 0;
}

#header .social-media a:hover{
  color:#3890cb;
}

.buttonbox a{
  background:#3890cb;
  color:#fff;
  padding:8px 15px;
  display:block;
  margin:27px 0 0 0;
  border-radius:5px;
  text-align:center;
}

.buttonbox a:hover{
  background:#000;
  color:#fff;
}

#header .nav{ 
  margin:5px 0 0 0; 
  padding:0; 
  text-align:left; 
  float:right;
}

#header .nav ul { 
  float:right; 
  margin:0; 
  padding:0; 
  font-family:'Roboto'; 
  font-weight:400; 
  font-size:14px;
  text-transform: uppercase;
  font-weight:bold;
}

#header .nav ul li{ 
  display:inline-block; 
  margin:0; 
  position:relative;
}

#header .nav ul li a{ 
  color:#ffffff; 
  padding:10px; 
  display:block;
  font-family: Montserrat;
}
#header .nav ul li a:hover {
    color: #000 !important;
}

#header .nav ul li a:active{
   color: #000 !important;
}

#header .nav ul li.current_page_item{
  color:#fb6e21;
}
/*  index */
.postwrapper-box{
  border: 2px solid #eeeeee;
  margin: 1em 0;
}
.cat-box {
  background: url(images/cat-icon.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(images/date.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 15px 0;
}
/*------------------------- Services section -----------------------------*/
#services {
  padding-top: 4%;
  padding-bottom: 4%;  
}
#services h6{
  font-size: 20px;
  color: #333;
  font-family: Montserrat;
  font-weight: 600;
  letter-spacing: 1px;
}
.subcontent p {
  color: #7c7c7c;
  font-size: 15px;
  letter-spacing: 1px;
  font-family: PT Sans;
}
.serv_wrapper {
  margin-top: 8%;
}
.servbox {
  margin-bottom: 4%;
}
.scrollerbox {
  height: 636px;
  overflow-y: scroll;
}
/*------------------------- Sec Two -----------------------------*/

#sec_two ,
#sec_four ,
#sec_six,
#reservation{
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#sec_two {
  text-align: center;
  color: #fff;
  letter-spacing: 1px;
  font-family: Montserrat;
}
#sec_two h3 {
  margin-top: 0;
  padding-top: 4%;
  font-size: 25px;    
  font-weight: 600;
}
#sec_two h4 {
  color: #fff;
  padding-top: 0;
  font-size: 18px;
  font-weight: 600;
}
#sec_two p {
  font-size: 15px;
}
#sec_two h5 {
  font-size: 70px;
  color: #fff;
}
a.order-btn {
  border: solid 2px #fff;
  padding: 10px 25px;
  border-radius: 5px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
.sec-two-btn {
  padding-bottom: 4%;
  padding-top: 2%;
}
/*---------our menu section---------*/
#our_menu {
  padding-top: 4%;
  padding-bottom: 4%;
}
.imagetab {
  padding-right: 0;
}
.tab_section {
  background: #fb6e21;
  text-align: center;
  padding: 0;
}
.menuiamge img {
  width: 100%;
}
.tab_section h6 {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  font-family: Montserrat;
  letter-spacing: 1px;
}
.tab1chicken,
.tab2chilies,
.tab3drink,
.tab4fruits,
.tab5noodles,
.tab6salad {
  margin-top: 0.5em;
}
.tab1chicken:hover,
.tab2chilies:hover,
.tab3drink:hover,
.tab4fruits:hover,
.tab5noodles:hover,
.tab6salad:hover {
    background: #c4681a;
}
.tab1chicken img,
.tab2chilies img,
.tab3drink img,
.tab4fruits img,
.tab5noodles img,
.tab6salad img{
    margin-top: 1em;
}
.manuchiken_wrapper img,
.menuchillie_wrapper img,
.menudrink_wrapper img,
.menufruits_wrapper img,
.menunoodles_wrapper img,
.menusalad_wrapper img{
  margin-top: 2em;
}
.manuchiken_wrapper h6,
.menuchillie_wrapper h6,
.menudrink_wrapper h6,
.menufruits_wrapper h6,
.menunoodles_wrapper h6,
.menusalad_wrapper h6{
  font-size: 15px;
  color: #333;
  font-family: Montserrat;
  font-weight: 600;
  letter-spacing: 1px;
}
.manuchiken_wrapper p,
.menuchillie_wrapper p,
.menudrink_wrapper p,
.menufruits_wrapper p,
.menunoodles_wrapper p,
.menusalad_wrapper p {
  font-size: 12px;
}
.manuchiken_wrapper h5,
.menuchillie_wrapper h5,
.menudrink_wrapper h5,
.menufruits_wrapper h5,
.menunoodles_wrapper h5,
.menusalad_wrapper h5 {
  margin-top: 1.5em;
  background: #f0f0f0;
  padding: 10px;
  text-align: center;
  color: #808080;
}
.manuchiken_wrapper,
.menuchillie_wrapper,
.menudrink_wrapper,
.menufruits_wrapper,
.menunoodles_wrapper,
.menusalad_wrapper {
  margin-top: 5%;
}
.tabboxmenu {
  border-top: dotted 2px #b6b6b6;
  padding-bottom: 5%;
  padding-top: 1%;
}
.tabboxmenu:first-child{
  border-top: none;
}
.scrollermenu {
  height: 636px;
  overflow-y: scroll;
}
/*---------Sec Four And Testimonial shorthcode ---------*/
#sec_four h3 {
  font-family:Open Sans;
  color: #fff;
  letter-spacing: 2px;
  margin-top: 0;
  padding-top: 4%;
  font-size: 35px;
}
.subtitle p {
  font-family:Open Sans;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  padding-bottom: 3%;
}
.shorthcode {
  padding-bottom: 6%;
}
.client_name {
  font-size: 17px;
  color: #000;
  font-family: 'Work Sans',sans-serif;
  text-transform: uppercase;
}
.chef_imgbox {
  z-index: 999;
  margin-top: 3em;
}
.chef_box{
  background: #fff;
  margin-left: -8em;
  z-index: 99;
  padding-left: 8em !important;
  padding-top: 15px;
  height: 360px;
  margin-bottom: 1em;
}
.div_box {
  font-family: PT Sans;
  padding: 10px 15px;
  font-size: 15px;
  color: #292b2c;
}
.client_name.div_box {
  font-family: Montserrat;
  font-size: 22px;
  color: #343434;
  font-weight: 500;
  margin-top: 4%;
}
.client-designation.div_box {
  font-family: Montserrat;
  font-size: 18px;
  color: #747474;
}
.more_info.div_box a {
  font-family: Montserrat;
  font-size: 16px;
  color: #343434;
}
a.chef_social {
  padding: 0 5px;
  font-size: 20px;
  color: #6c6c6c;
  float: left;
}
/*------------------------- Section Six -----------------------------*/
.counter_wrapper {
  text-align: center;
  padding: 10% 0;  
}
.sec_font{
  border-left: solid 2px #fff;
}
.sec_font:first-child{
  border-left: none;
}
.number {
  padding: 5% 0;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
}
.radius-para p {
  margin-bottom: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  font-family: Montserrat;
  letter-spacing: 1px;
}
.counter_image {
  height: 70px;
}
.counter_box {
  padding: 2% 0;
}
/*------------------------- Event Section -----------------------------*/
.description {
  width: 70%;
  margin: 0 auto;
  position: relative;
  background: #fff;
  top: -84px;
  box-shadow: 0 0 24px 4px #bbb;
  padding: 15px;
}
.description h5{
  font-size: 20px;
  color: #333;
  font-family: Montserrat;
  font-weight: 600;
  letter-spacing: 1px;
}
.event-metabox i {
  color: #b0b0b0;
  margin-right: 2%;
}
.event-metabox span {
  font-size: 12px;
  margin-right: 2%;
  font-family: Montserrat;
  font-weight: 600;
  color: #b0b0b0;
}
.event-metabox {
  margin-bottom: 2%;
}
.description p {
  font-size: 15px;
  color: #767676;
  letter-spacing: 1px;
  font-family: PT Sans;
  margin-bottom: 5%;
}
.countdowntimer p {
  color: #fb772e !important;
}
p#timer {
  width: 100%;
  float: left;
  display: -webkit-inline-box;
}
p#timer div{
  margin: 0 20px;
  text-align: center;
  color: #fb772e;
  font-weight: bold;
  font-family: Montserrat;
  font-size: 30px;
}
.timercolr span{
  color: #000;
  font-weight: normal;
  font-family: Montserrat;
  font-size: 18px;
  text-align:center;
}
.event-read-btn a {
  color: #333;
  font-size: 15px;
  font-weight: bold;
  font-family: Montserrat;
}
.event-read-btn {
  margin-top: 5%;
  text-align: center;
}
#upcoming_events {
  padding-top: 4%;
  padding-bottom: 4%;
}
/*------------------------- Sec Seven -----------------------------*/
.blog-head {
  position: absolute;
  text-align: right;
  width: 100%;
  left: 0;
  padding: 0 60px;
}
.blog-head h3 {
  text-align: right;
  color: #fff;
  font-family: Open Sans;
  padding-bottom: 0;
  font-size: 35px;
  letter-spacing: 1px;
  margin-top: 25%;
}
.blog-head h4 {
  color: #fff;
  letter-spacing: 1px;
  padding-bottom: 0;
  font-family: Open Sans;
}
.blog-head p {
  font-size: 12px;
  color: #fff;
}
#blog_sec {
  padding-top: 4%;
  padding-bottom: 4%;
}
.blogmainbox h4 {
  color: #333;
  padding-top: 0;
  padding-bottom: 4px;
  font-weight: bold;
  font-family: Montserrat;
}
span.blog-author,
span.date-year{
  padding-right: 4%;
}
span.blog-comments,
span.blog-author,
span.date-day {
  padding-left: 2%;
}
.datebox {
  color: #909090;
  letter-spacing: 1px;
  font-family: Montserrat;
}
.blogmainbox p {
  font-size: 13px;
  padding-top: 3%;
  color: #909090;
  font-family: PT Sans;
  margin-bottom: 0;
}
.sec-seven-btn a {
  color: #333;
  font-family: Montserrat;
  font-weight: bold;
}
.sec-seven-btn {
  padding-top: 2%;
}
.sec-seven-btn {
  padding-top: 2%;
}
.blogmainbox {
  margin-bottom: 5%;
}
/*------------------------- Reservation -----------------------------*/
.reserform select,
.reserform input[type="text"],
.reserform input[type="tel"],
.reserform input[type="email"] {
  background: #fff;
  padding: 12px;
  border-radius: 5px;
  border: none;
  margin: 2% 0 0 0;
}
.reserform input#customer_name {
  margin-top: 3%;
}
.textfeild{
  padding: 0;
}
.reserform input[type="submit"] {
  width: 100%;
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
  margin-top: 10px;
  padding: 10px;
  margin-bottom: 10px;
}
.reserform {
  background: rgba(255, 255, 255, 0.32);
  padding: 30px;
}
#reservation h3 {
  font-family: Open Sans;
  color: #fff;
  letter-spacing: 2px;
  margin-top: 0;
  font-size: 35px;
}
#reservation .subtitle p {
  font-family: Open Sans;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  padding-bottom: 3%;
}
#reservation{
  padding: 4% 0;
}
/*------------------------- Vedios Sec-----------------------------*/
.video embed {
    width: 100%;
}
.video {
  margin-top: 8%;
}
.carousel-indicators {
  bottom: 0px !important;
}
.carousel-indicators .active {
  background-color: #000 !important;
}
.carousel-indicators li {
  background-color: #c4681a !important;
}
#vedio_sec {
  padding-bottom: 4%;
  padding-top: 4%;
}
.testimonial h3 {
  font-size: 20px;
  color: #333;
  font-family: Montserrat;
  letter-spacing: 1px;
}
.testimonial p {
  text-align: center;
  color: #7e7e7e;
  font-size: 15px;
  letter-spacing: 1px;
  font-family: PT Sans;
}
/*------------------------- Newsletter -----------------------------*/

#newsletter h3 {
  margin-top: 0;
  color: #fff;
  letter-spacing: 1px;
  padding-top: 4%;
  font-family: Open Sans;
}
#newsletter p {
  color: #fff;
  margin-bottom: 0;
  font-size: 15px;
  text-align: center;
  padding-bottom: 2%;
  font-family: PT Sans;
}
.contactfeild input[type="submit"] {
  float: right;
  margin-top: 0;
  border: none;
  padding: 9px 33px;
}
.contactfeild input[type="email"] {
  float: left;
  margin: 0;
  width: 92%;
}

/*------------------------- Gallery -----------------------------*/
#gallery p{
  text-align:center;
  font-size: 35px;
}

#gallery img{
  height:200px;
}

.gallery-image{
  margin-bottom:7px; 
  display:flex;
}

.gallery-image img{
  height:200px;
  width:100%;
}

.gallery_img{
  width: 100%;
  height: 100%;
}

#TB_ajaxContent{
  padding: 1% !important;
  width:auto !important; 
  height:auto !important;
}

#TB_ajaxWindowTitle{
  text-align:center;
  color: #001e44;
  text-transform: capitalize;
}

/*----------------------- Gallery pop-up start -----------------------------*/
.overlay{
  display: block;
  width: 100%;
  height: 100%;
  background: hsla(0,0%,0%,0.8);
  position: absolute;
  z-index: 999;
  text-align: center;
}
.close_it{
  color: #ddd;
  font-size: 1.3em;
  z-index: 99999;
  position: relative;
  left: 80.5%;
  cursor: pointer;
  top: 24px;
}
.popup{
  z-index: 9999;
  position: absolute;
  left: 18%;
  width: 60%;
  border: 2px solid #ddd;
}

i.fa.fa-times-circle-o {
  font-size: 2em;
}


/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold; 
  text-align:center; 
  margin:0 0 45px;
  padding:0;
  text-transform:uppercase;
}

section h3{
  font-weight:bold; 
  text-align:center; 
  margin:30px 0 0 0;
  text-transform:uppercase;
}

section h4{
  color:#000; 
  font-weight:bold;
  font-size:20px;
}

section h5{
  color:#3890cb; 
  font-weight:bold;
  font-size:24px;
  margin:0 0 10px 0; 
  padding:0;
}

.new-line,.box-content p{
  margin-bottom: 2em;
}

.box-content h3{
  color:#000; 
  font-weight: bold;
}

.text-center{
  text-align: center!important;
}
.darkbox{
  padding:0;
}

section .innerlightbox{
  background-size:100% 100%;
  padding:4.5em 0; 
  color:#000;
}

section .innerdarkbox{
  background-size:100% 100%;
  padding:4.5em 0; 
  color:#fff;
}

.innerdarkbox {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*---------------- Footer Section ----------------------*/
#footer{
  color:#fff;
  padding:30px 0;
  text-align:left;
  font-family: Montserrat;
}
.footer_hide{
  display:none;
}
.container #blog-right-sidebar h3,
#footer h3,#content-vw #footer h3{
  color:#ffffff;
  text-align:left;
  text-transform:uppercase; 
  font-size:20px;
  margin:0 0 24px 0; 
  border-bottom:1px solid #fff; 
  padding:0 0 17px 0;
  font-weight: bold;
  font-family: Montserrat;
}

#footer .copyright p{
  font-size:14px;
  text-align:center;
  color:#ffffff;
}

#footer .news-form{
  margin-top:24px;
}

.footer_email {
    padding-left: 0px;
    margin-top: 10px;
}

#footer input[type="text"]{
  padding:8px 5%; 
  float:left;
  margin-right:2%;
  border-radius:5px;
}

#footer input[type="submit"]{
  padding:8px 5%;
  float:left; 
  border:none; 
  background:#4c93d0; 
  border-radius:5px; 
  margin:0;
  color:#ffffff;
}
#footer .copyright{
  text-align:center; 
  border-top:1px solid #337ab7;
  margin:30px 0 0 0;
  padding-top:40px;
}
.text_2 {
    margin-left: -4%;
}
.para_5 {
    margin-left: -4%;
}
#footer ul li{
  list-style:none; 
  margin:0 0 5px 0;
  text-align:left;
}
#footer ul {
  margin-left: 0;
}
#footer ul li a{
  color:#ffffff;
  font-size: 16px;
}
#footer p{
  font-size:15px;
}
#footer .social-media i {
  color: #fff;
  margin-right: 1%;
  padding: 12px;
  font-size: 15px;
  margin-bottom: 1%;
}
#footer i.fa.fa-vk.align-middle,
#footer i.fa.fa-linkedin.align-middle {
  background: #3890cb;
}
#footer i.fa.fa-youtube.align-middle{
  background: #f30505;
}
#footer i.fa.fa-pinterest.align-middle{
  background: #bd081c;
}
#footer i.fa.fa-instagram.align-middle,
#footer i.fa.fa-flickr.align-middle{
  background: #c1196b;
}
#footer i.fa.fa-google-plus.align-middle{
  background: rgba(236, 61, 16, 0.88);
}
#footer i.fa.fa-facebook.align-middle {
    background: #1d6ce4;
}
#footer i.fa.fa-tumblr.align-middle {
    background: #8c8383;
}
.copyright p {
  color: #fff;
  text-align: center;
  font-size: 16px;
  margin-bottom: 0;
  font-family: Montserrat;
  padding: 20px 0;
}
.copyright p a{
  color: #fff;
}
/* --------- Blog Page new------- */
.section-title{
  margin: 0;
  background: #fb6d21;
  padding: 10px 0px 10px 20px;
  font-family: Montserrat;
}
.services {
  padding:0;
  margin-top: 3%;
}
.section-title a {
  color: #fff;
  font-size: 25px;
  font-weight: 600;
}
.main-inner-ser-box {
  border: 1px solid #dddddd;
  background: #f5f5f5;
  margin-bottom: 3%;
}
.inner-service {
  padding: 20px;
}
.new-text p {
  font-size: 15px;
  letter-spacing: 1px;
  font-family: PT Sans;
  margin-top: 2%;
}
.box-image img {
  width: 100%;
}
.metabox{
  color:#000;
  padding:15px 0; 
  clear:both;
  margin-left: 1%;
  font-size: 15px;
}
.metabox .entry-date{
  background:url('images/date.png') no-repeat scroll 0 3px;
  padding: 0 0 0 20px;
  margin:0 13px 0 0;
}
.metabox .entry-author{
  background:url('images/author.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}
.metabox .entry-comments{
  background:url('images/comments.png') no-repeat scroll 0 3px;
  padding: 0 0 0 20px;
}

/* --------- single post page------- */
.single h1 {
  color: #000;
  font-size: 35px;
  font-weight: bold;
  font-family: Montserrat;
}
#content-blog img {
  width: 100%;
}
.single-blog p {
  color: #333;
  font-size: 18px;
  letter-spacing: 1px;
  font-family: PT Sans;
}
h2#reply-title {
  color: #333;
  letter-spacing: 1px;
  font-weight: bold;
  font-family: Montserrat;
}
/* -------------- CONTACT Page --------------- */
.contact-location i{
  text-align: center;
  font-size: 17px;
  background:#fb6d21;
  padding:12px 16px;
  border-radius: 50%;
  color: #fff;
  margin-right: 1%;
}
.contact-call i{
  text-align: center;
  font-size: 17px;
  background: #fb6d21;
  padding: 12px 14px;
  border-radius: 50%;
  color: #fff;
  margin-right: 1%;
}
.contact-email i{
  text-align: center;
  font-size: 17px;
  background: #fb6d21;
  padding:12px 12px 12px 12px;
  border-radius: 50%;
  color: #fff;
  margin-right: 1%;
}
.contact_form textarea  {
  height: 75px;
}
.contact-box input[type="text"] ,
.contact-box input[type="email"],
.contact-box input[type="tel"],
.contact-box textarea { 
  width: 100%;
  color: #fcfcfc;
  padding: 8px 10px;
  margin:10px 0;
}
.contact-box input[type="submit"]{ 
  border: 2px solid #fb6d21;
  background: #fff;
  font-size: 18px;
  color: #fb6d21;
  margin: 0;
  border-radius: 3px;
  display: table;
}
.contact_form  input[type="submit"]:hover{
  background:#fb6d21;
  color:#000;
}
.contact-name i{
  text-align: center;
  font-size: 17px;
  background: #fb6d21;
  padding: 12px 14px;
  border-radius: 50%;
  color: #fff;
  margin-right: 1%;
}
.contact-information i {
  text-align: center;
  font-size: 17px;
  background: #fb6d21;
  padding: 12px 13px;
  border-radius: 50%;
  color: #fff;
  margin-right: 1%;
}

.contact-location,
.contact-call,
.contact-email,
.contact-information,
.contact-name{
  margin-bottom: 2%;
  font-size: 18px;
  color: #333;
  letter-spacing: 1px;
  font-family: PT Sans;
}
.contact-box h3 {
  color: #000;
  font-size: 25px;
  letter-spacing: 1px;
  font-weight: bold;
  font-family: Montserrat;
  border-bottom: 3px double;
  margin-bottom: 5%;
}
.formbox, .addressbox {
  padding: 15px;
  box-shadow: 0 0 15px 2px rgba(169, 167, 167, 0.52);
  margin-bottom: 5%;
}
/* --------- Inner Pages --------- */
.page-trainer-box {
  color:#fff;
  margin-bottom: 20px;
}

.page-trainer-box .trainer-name{
  color:#18304c; 
  padding:0 0px 15px;
  font-size:25px; 
  margin:0;
}

.page-trainer-box .trainer-designation{
  color:#161b21; 
  font-weight:bold;
  margin:0 0 0 15px; 
  font-size:16px;
}

.page-trainer-box p{
  font-size:15px; 
  line-height:normal; 
  color:#000;
}

.page-trainer-box .image-box img{
  width:100%;
}
.page-trainer-box .image-box{
  padding-left: 0;
  padding-right: 0;
}

/* ----------------------- POST---------------------- */
section#blog{
  padding-top:0;
  margin-top:0;
}

.blog-post h5{
  text-transform:uppercase;
  color: #000;
}

.blog-icon i {
  font-size: 20px;
  background: #bbb;
  border-radius: 50%;
  padding: 10px 14px 12px 15px;
  color: #fff;
  margin-right: 1%;
}
.blog-icon i:hover {
    background: #d3da36;
    color: #fff;
}
.blog-icon i.fa-google-plus {
    padding: 12px 10px 12px 11px
}

aside#search-3 {
  padding: 0 !important;
}

.feature-image-box img{
  width:100%;
}

.feature-image-box img a:hover{
  opacity:0.8;
}

.post-singlepage {
  border: solid 1px #bbb;
  box-shadow: 0 0 1px #bbb;
}

.bradcrumbs{
  padding:30px 0;
}

.bradcrumbs a{
  background:#f1f1f1; 
  color:#000;
  padding:5px 15px;
  margin-right:5px;
}

.bradcrumbs a:hover{
  background:#ffd34e;
}

.bradcrumbs span{
  background:#dddddd; 
  color:#000;
  padding:5px 15px;
}

/*------------------ Comments BOX ------------------*/
#comments{
  margin-top:40px;
}

#comments h2.comments-title{
  font-size:20px; 
  font-weight:bold;
}

#comments h3.comment-reply-title{
  font-size:20px; 
  font-weight:bold;
  clear:both;
}

#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  padding:12px 10px; 
  font-size:18px;
}

#comments input[type="submit"].submit{
  background:#fb6d21 !important;
  border:none;
  padding:10px 60px;
  text-transform:uppercase;
  font-weight:bold; 
  color:#ffffff;
  margin: 0;
}

#comments a.comment-reply-link{
  color:#000;
  background:#cecece;
  padding:5px 15px;
}

#comments a.comment-reply-link:hover{
  background:#3890cb;
}

#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}

#content-vw #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0 0 20px; 
  padding: 20px;
  background:#eee; 
  display:inline-block;
}

#content-vw ol li ol li{
  margin:0 0 20px 0;
  padding:0 0 0 35px;
}

#content-vw #comments ul{
  margin:0 0 0 40px;
}

#comments .reply{
  float:right;
}

#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}

#comments .comment-content{
  width:90%;
  float:left;
  margin-left:7%;
}

#comments p {
  width:90%;
  float:left;
}
#comments .comment-author{  
  margin-bottom: 1em;
}
#comments ol.comment-list {
  margin: 0px !important;
}
#comments h2#reply-title {
  display: inline-table;
}
#comments .comment-author.vcard img {
  border: 1px solid #333;
  padding: 2px;
}
/* --------- SLIDER--------- */
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:100px 0 0 0; 
  position:relative;
}
#slider img {
    width: 100%;
}
.nivo-caption{
  top:20%!important;
}

.nivo-controlNav a.active {
  font-weight: bold;
  background-position: 0 -21px;
  background: #bcfe63;
}

#slider .slide-cap h4{
  text-transform:uppercase; 
  font-size:25px;width:30%;
  margin:0 auto;
  background:url('images/welcome.png') center no-repeat;
  background-position: center; 
  padding:5px 0; 
  font-weight:bold;
}

#slider h2{
  padding:0 25px 2% 0; 
  font:700 60px 'Roboto';
  text-transform:uppercase;
  left:50%;
}

#slider p{ 
  color:#ffffff; 
  font-weight:700; 
  margin:0 0 48px 0; 
  line-height:20px; 
  border-radius:0 0 5px 5px; 
  font:25px/20px arial; 
  text-transform:uppercase; 
  font-weight:bold;
}

#slider .btn-primary{
  border-radius:3px; 
  padding:9px 50px; 
  border:2px solid #dadada; 
  color:#ffffff; 
  background:#fb6e21; 
  font-size:18px; 
  height:auto; 
  display:table;
  margin:0 auto;
}

.carousel-caption {
  top: 30%;
}

a.blog-more{ 
  display:inline-block; 
  font:400 16px 'Roboto Condensed', sans-serif; 
  padding:10px 30px; 
  margin-top:21px; 
  border-radius:4px; 
  -moz-border-radius:4px; 
  -webkit-border-radius:4px; 
  -o-border-radius:4px; 
  -ms-border-radius:4px; 
  margin-right:15px;
}

/*--------------- Sidebar -----------------*/
#sidebar form{
  display: table;
  width: 100%;
  border: 1px solid #d0d0d0;
}
#sidebar h3{
  text-align: left;
  margin:0 0 15px;
  padding:15px 0 15px 15px;
  font-size:22px !important;
  font-family:'Open Sans';
  background:#1f1f1f;
  color:#fff;
  letter-spacing: 2px;
}
#sidebar input[type="search"] {
  background:none;
  padding:7px 10px;
  border:none;
  font-size:15px;
  color:#000;width:100%;
}
#sidebar label{
  width:70%;
  float:left;
  margin-bottom: 0;
}
#sidebar input[type="submit"]{
  background:#fb6d21;
  border:none;
  color:#fff;
  padding:10px 0;
  width:30%;
  font-size:14px;
  float:left;
  margin:0;
  font-weight: bold;
}
#sidebar aside {
  margin-bottom: 30px;
  border: 1px solid #dddddd;
  background: #f5f5f5;
}
#sidebar ul {list-style:none;
  margin:0;
  padding:0;
  font-size:17px;
}
#sidebar ul li{
  background:url('images/sidebar-icon.png') no-repeat scroll 0 7px;
  margin:10px 15px;
  padding:0 0 0 23px;
}
#sidebar ul li a {
  color: #000;
  font-size: 15px;
  font-family: 'Open Sans';
  font-weight: 600;
}
#sidebar .tagcloud a{
  background:#eeeeee;
  color:#000;
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
}
#sidebar .tagcloud a:hover{
  background:#fb6d21;
}
#sidebar select {
  padding: 10px 5px;
  background: #fff;
}
/*------------- Page -----------------*/
.title-box{
  color:#fff;
  text-transform:uppercase;  
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
}
.title-box img{
  width:100%;
}
.title-box h1 {
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
  font-size: 34px;
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}

/*----------Content-vw-----------*/
#content-blog ul{
  list-style:none;
  margin:0 0 0 10px; 
  font-size:16px;
}

.middle-align ul li{
  background:url('images/bullet-fork.png') no-repeat 0 5px; 
  padding:0 0 0 35px;
  margin:0 0 20px 0;
  line-height:25px;
}

.middle-align ul li ul li{
  background:url('images/bullet-fork2.jpg') no-repeat 0 5px;
  margin-top: 3%;
}

#content-blog #comments ul{
  margin: 0!important;
}

#content-blog ol{
  margin:0 0 0 15px;
  padding:10px 0 0 0; 
  font-size:16px;
}

#content-blog ol li{
  padding:0 0 0 0;
  margin:0 0 20px 0;
}

#content-blog ol li:before {
  color: #fff;
  background: #0c1f34;
  display: inline-block;
  text-align: center;
  margin: 5px 10px;
  line-height: 40px;
  width: 40px;
  height: 40px; 
  font-weight:bold;
  display:none;
}
/*---------------- Pagination ----------------*/
.navigation {
  clear:both;
  position:relative;
  font-size:14px; 
  line-height:13px;
  float:right; 
  font-weight:bold;
} 
.navigation span, .navigation a {
  display:block;
  float:left;
  margin: 2px 2px 2px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#fff; 
  background: #333 ; 
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}
 
.navigation a:hover{
    color:#000;
    background: #fb6e21; 
}
 
.navigation .current {
  padding: 10px 15px;
  background: #fb6e21;
  color: #000;
  font-weight: bold;
}


/*-------------- Woocommerce ---------------*/
.woocommerce #container{
  width: 63%;
  float: left;
  margin-top: 10%;
  margin-left: 6%;
  margin-right: 1%;
}
.woocommerce #sidebar{
  width: 21%;
  float: left;
  margin-top: 10%;
}
/* ------------- Category --------------------*/
.category-page h4{
  text-align: left !important;
}
/*-------------- media section ---------------*/
.toggle a {
    background: #fb6e21 !important;
}
@media screen and (max-width:768px) {  
  .serv_wrapper,
  .tabboxmenu,
  .testimonial-box{
    text-align: center;
  }
  .chef_box{
    margin-left: 0;
    padding-left: 0 !important;
  }
  .description {
    width: 100%;
    top: -25px;
    padding: 5px;
  }
  .countdowntimer {
    padding: 0;
  }
  .contactfeild input[type="submit"],
  .contactfeild input[type="email"] {
    float: none;
    margin: 0 auto;
  }
  .title-box h1{
    font-size: 20px;
  }
  .home #header{
    background: none !important;
  }
}

@media screen and (max-width:991px) {
  #slider .slide-cap h2 {
    font-size:150%;
  }
  .toggle a{
    width:100%; 
    color:#fff; 
    padding:10px 10px; 
    font-size:16px;
  }
  
  .metabox img {
    margin-left: 0%;
  }
}

@media screen and (max-width:719px) {
  #header .nav ul li ul{
    display:none; 
    z-index:2;
    font-weight:normal;
  }
  #header .nav {
   height: 100%;
   width: 0;
   position: fixed !important;
   z-index: 99999 !important;
   top: 0 !important;
   left: 0 !important;
   background-color: #111;
   overflow-x: hidden !important;
   transition: 0.5s !important;
   width: 250px !important;
 }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .toggle{
    display:block;
  }

  .toggle a:hover{ 
    color:#fff;
  }

  .toggle a.active{
    color:#fff;
  }
  
  .nav{
    display:none;
  }

  #header .nav{
    float:none; 
    margin:0; 
    position: absolute;
    overflow-x: hidden;
    width: 100%;
    z-index: 9999;
    left: 0;
    top:-8em;
  }

  #header .nav ul{ 
    width:100%; 
    float:none !important; 
    margin-top:0; 
    background-color:#222222;
  }

  #header .nav ul li{
    border-top:1px #303030 solid; 
    display:block; 
    float:none; 
    text-align:left;
  }

  .nav ul li a{
    padding:5px 10px; 
    display:block; 
    color:#ffffff;
  }

  .nav ul li a:hover{
    color:#ff8a00;
  }

  .nav ul li ul,
  .nav ul li ul ul{ 
    display:block !important;
  }

  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }

  .nav ul li ul li a{
  padding-left:20px !important;
  }

  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }

  #TB_window{
  width:350px !important;
  margin-left: -181px !important;
  top:60% !important;
  }
  #slider .slide-cap{ 
    display:none;
  }
  .menubox .navbar {
    z-index: 9999;
    left: 0;
    width: 100%;
    position: absolute;
  }
  .navbar-default .navbar-collapse {
      background-color: #222222 !important;
  }
  .navbar-nav {
    margin-left: 33%;
  }
  .mega-dropdown-menu > div >li{
    float:left;
    width:50%;
  }
  #slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
    display: block !important;
  }
}

@media screen and (min-width:720px){
  #header .nav ul li a {
     padding: 8px 8px 8px 32px;
     text-decoration: none;
     display: block;
     transition: 0.3s;
  }
  #header .nav ul li:hover > ul{
    display:block; 
    background:#222222; 
    width:200px; 
    position:absolute; 
    top:25px; 
    left:0; 
    text-align:left; 
    padding:10px 0; 
    z-index:99;
  }

  #header .nav ul li:hover > ul li{ 
    display:block;
  }

  #header .nav ul li:hover > ul li a{ 
    padding:7px 0px 7px 10px; 
    color:#ffffff;
  }

  #header .nav ul li:hover ul li ul{
    display:none;
  }

  #header .nav ul li:hover ul li:hover > ul{
    display:block; 
    position:absolute; 
    left:200px; 
    top:-20px;
  }

  #header .nav ul.sub-menu{
    margin-top:7px;
    display: none;
  }

  #header .nav ul.sub-menu li a:hover{
    color:#fff;
  }

  #header .nav ul {
    margin:27px 0 0 0;
  }

  #header .nav ul li a{ 
    color:#fff; 
    padding:7px 15px; 
    display:block;
  }
}

@media screen and (min-width: 1000px) {  
  #header #header-inner .nav ul li ul li{
    display:block; 
    position:relative; 
    float:none;
  }

  #header #header-inner .nav ul li ul li a{
    color:#000; 
    display:block; 
    padding-top:10px; 
    padding-bottom:10px; 
    border-bottom:1px #313131 solid;
  }
}
@media screen and (max-width: 1024px) {
 	.contactfeild input[type="email"] {
    	width: 90%;  
	}
	.tab_section {
	    height: 530px;
	    overflow-y: scroll;
	}
}
@media screen and (max-width: 768px) and (min-width: 720px){
  .scroll-bar,
  .scrollourmenu,
  .scrollblog {
    height: 367px;
    overflow-y: scroll;
  }
  .tab_section {
    height: 391px;
    overflow-y: scroll;
  }
  .video embed {
    height: 200px;
  }
  .blog-head h3{
    font-size: 25px;
  }
  .blog-head h4 {
    font-size: 15px;
  }
}