/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */



@font-face {
  font-family: 'NR';
  src: url('../fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Raleway-Bold.otf')  format('opentype'),
  url('../fonts/Raleway-Bold.woff') format('woff'), url('../fonts/Raleway-Bold.ttf')  format('truetype'), url('../fonts/Raleway-Bold.svg#Raleway-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Raleway-Medium';
  src: url('../fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Raleway-Medium.otf')  format('opentype'),
  url('../fonts/Raleway-Medium.woff') format('woff'), url('../fonts/Raleway-Medium.ttf')  format('truetype'), url('../fonts/Raleway-Medium.svg#Raleway-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Raleway-Regular';
  src: url('../fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Raleway-Regular.otf')  format('opentype'),
  url('../fonts/Raleway-Regular.woff') format('woff'), url('../fonts/Raleway-Regular.ttf')  format('truetype'), url('../fonts/Raleway-Regular.svg#Raleway-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


html,
body {
    height: 100%;
}

body {
    padding-top:0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}



h1{ font-size:80px; color:#6d7816; font-family: 'NR';  text-shadow: 0 0 10px #FFFFFF;}
h2{ font-size:40px; color:#000000; font-family: 'NR';text-shadow:none;}
h3{ font-size:50px; color:#828c2e; font-family: 'Raleway-Medium';}
h4{ font-size:40px; color:#828c2e; font-family: 'Raleway-Medium';}
h5{  font-size:15px; color:#000000; font-family: 'NR'; font-style:italic;}
h5 span{  font-size:15px; color:#ffffff; font-family: 'NR'; font-style:italic;}
h6{  font-size:20px; color:#727c20;font-family: 'Raleway-Medium'; text-transform:uppercase;}
p{ font-size:15px; color:#000000;   font-family: 'Raleway-Regular'; }



.ptb38{ padding:38px 0px;}
.pt20{ padding-top:20px;}
.pb20{ padding-bottom:20px;}
.mb20{ margin-bottom:20px;}

.white_bg{ bottom:220px; position:absolute;} 



/* MENU */
.navbar-fixed-bottom, .navbar-fixed-top {position: fixed; right: 0;left: 0; z-index: 1030;}
.navbar-inverse { background: url(../images/menu.png) repeat top; border-color: transparent;}
.navbar-inverse .navbar-nav > li > a { color: #ffffff;font-size: 15px;}
.nav > li > a { padding:25px 30px;}
.navbar-right { margin-top: 0px;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
 color: #ffd953; background-color: transparent;}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: #ffd953; background-color: transparent;}




/* TOP PANEL */

.top_panel{ background:url(../images/pic1.png) no-repeat left top;}
.readmore{ margin:40px 0px;}
.readmore a{font-size:14px; color:#000000; font-family: 'Raleway-Regular'; border:1px solid #50680c; padding:15px 25px; font-weight:bold;}
.readmore a:hover{ text-decoration:none; border:1px solid #000000; }

.mtxt {margin-top:0px;padding-bottom: 14px;}

#featureSlider{ padding:0px !important;}

/* MIDDLE PANEL */
.middle_bg{margin-top: -11px !important;}
.middle_bg p{font-size:15px; color:#b3b3b3;   font-family: 'Raleway-Regular'; }
.middle_bg .black_box{ background-color:#000;}
.middle_bg .txt_panel{ padding:20px;}
.middle_bg .picture img{ width:100%;}

.readmore01{ margin:40px 0px;}
.readmore01 a{font-size:14px; color:#ffffff; font-family: 'Raleway-Regular'; border:1px solid #50680c; padding:15px 25px; font-weight:bold;}
.readmore01 a:hover{ text-decoration:none; border:1px solid #ffffff; }

/* BOTTOM PANEL */
.bottom_panel{ background:url(../images/bot_bg.jpg) repeat top; padding:40px 0px; position:relative;}
.picone{ position:absolute; left:0px; top:0px; background:url(../images/food1.png) no-repeat top; width:362px; height:374px;}
.picsec{ position:absolute;  right:0px;bottom :0px; background:url(../images/food2.png) no-repeat top; width:380px; height:363px;}
.blk{ background-color:#000; padding:7px;}
.blk_inner{ border:2px solid #fff; padding:10px;}
.blk_inner p{font-size:15px; color:#ffffff; font-family: 'NR'; }
.blk_inner p span{font-size:14px; color:#fff775; font-family: 'Raleway-Regular'; display:block; }
.bottom_panel img{ width:100%;}


/* TESTIMONIALS PANEL */
.carousel{ background:url(../images/mid_bg.jpg) repeat top; padding:80px 0px 90px; margin-top:-10px; min-height:400px;}
.carousel h2{ color:#E4AC0D;}
.carousel p{ color:#fff;}


/* FOOTER PANEL */
footer{ background-color:#000; padding:30px;}
footer p{ color: #ffffff; margin-bottom:5px;}
footer .follow a{ padding-right:30px;}



/* INNER PAGE */
.bottom_footer{ background-color:#141414; padding:10px;}
.left_txt{ text-align:left; color:#525252; font-size:15px;}
.right_txt{ text-align:right;color:#525252; font-size:15px;}
.right_txt a{ color:#baac73;}

.mystyle01 { height: 130px !important; border: 1px solid #828C2E;}
.mystyle02 {background: rgba(0, 0, 0, 0) url("../images/inpt.png") repeat scroll center top;  border: 1px solid #828C2E;border-radius: 5px; color: #686868;
font-size: 14px; height: 36px; margin-bottom: 10px;}
.send01 a {background-color: #D96020;border: 1px solid #D96020;border-radius: 4px; color: #ffffff; font-family: Raleway; font-size: 18px;padding: 10px 84px; text-align: center;text-decoration: none;}
.buttons {text-align: right; margin-top:20px; }
.innerpage h1{ font-size:18px; color:#828C2E; font-weight:normal;font-family: 'Raleway-Medium';}
                    
.overlay {background-color: rgba(148, 167, 75, 0.9) !important;}
#fancybox-buttons ul {background: #170700 !important;}

.back_bg{ background: url(../images/but_bg.png) repeat top; padding:0 0 20px; }
.menu h2{ font-size:24px; font-style:italic; border-bottom:3px solid #660; margin-bottom:10px; padding-bottom:8px;}
.menu h3{ font-size:18px; margin:0px; line-height:30px;}
.menu p{ font-size:18px; font-weight:bold; }



.panel-default > .panel-heading {color: #fff; background-color: #562525; border-color: #6b2323;}
#accordion .panel-title a {display: block;}
.menu_bg p a {color: #772e12;font-size: 18px;  text-align: left;font-weight: bold;}
.menu_bg p a span { color: #000; font-size: 16px; text-align: left;  font-style: italic;}
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid #000 !important;background-color: #e9cda3;}
#accordion .panel-title a:hover{ color: #FC0; text-decoration:none;}
#accordion.clear{ clear:both;position:relative;}






/* Responsive Styles */ 

@media only screen and (min-width:767px ) and (max-width:1100px ){
.white_bg{ bottom:100px; } 
h1{ font-size:50px;}
h2{ font-size:40px;}
}
@media only screen and (min-width:500px ) and (max-width:766px ){
.white_bg{ bottom:50px; } 
h1{ font-size:30px; }
h2{ font-size:20px;}
}
@media only screen and (min-width:320px ) and (max-width:499px ){
.white_bg{ bottom:20px; } 
h1{ font-size:30px; margin:0px; color:#000; text-shadow: 0 0 10px #FFFFFF;}
h2{ font-size:20px;}
}

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
.top_panel{ background:none;}
.nav > li > a { padding:25px 16px;}
footer{ text-align:center;}
.left_txt{ text-align:center;}
.right_txt{text-align:center;}

.innerpage .picone{ position:absolute; left:0px; top:0px; background:none;}
.innerpage .picsec{ position:absolute;  right:0px;bottom :0px; background:none; }
}


@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
.navbar-fixed-bottom, .navbar-fixed-top {position: relative; right: 0;left: 0; z-index: 1030;}
.navbar { position: relative;min-height: 81px; margin-bottom: 0px; border:none;}
.navbar-inverse { background-color:#000; border-color: transparent;}
.nav > li > a { padding:15px 30px;}
.carousel{  min-height:500px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: none;
    padding-top: 40px;
}
}
@media(max-width:450px) {
.navbar-brand {float: left;height: 55px; padding: 0px 15px; line-height: 18px;}
.bottom_panel h4{ color:#FFF;}
footer .follow a{ padding-right:20px;}
}