/cody/learning-zone/website-templates/eat-restaurant-bootstrap-html5-template/css/styles.css
/*------General----------*/body { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7; color: #777; font-weight: 400; overflow-x: hidden;}
h1,h2,h3,h4,h5,h6 { color: #333; line-height: 1.4; font-weight: 700; font-family: 'Droid Sans', sans-serif;}
h3 { font-family: 'Open Sans', sans-serif;}
.w960 { max-width: 960px; margin: 0px auto;}
a,a:hover { color: #cc580c; text-decoration: none;}
img { max-width: 100%;}
/********************************//* Fade Bs-carousel *//********************************/.fade-carousel { position: relative; height: 100vh; bottom: 65px;}
.fade-carousel .carousel-inner .item { height: 100vh;}
.fade-carousel .carousel-indicators > li { margin: 0 2px; background-color: #f39c12; border-color: #f39c12; opacity: .7; border-radius: 0; width: 20px; height: 8px;}
.fade-carousel .carousel-indicators > li.active { width: 10px; height: 10px; opacity: 1;}
/********************************//* Hero Headers *//********************************/.hero { position: absolute; top: 50%; left: 50%; z-index: 3; color: #fff; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,.75); -webkit-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0); -o-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0);}
.hero h1 { margin: 0; padding: 0; color: #fff; font-size: 50px; font-weight: normal;}
.hero h3 { color: #fff; font-weight: 26px; font-weight: normal;}
.fade-carousel .carousel-inner .item .hero { opacity: 0; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s;}
.fade-carousel .carousel-inner .item.active .hero { opacity: 1; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s;}
.btn.btn-hero, .btn.btn-hero:hover, .btn.btn-hero:focus { color: #f5f5f5; background-color: #DB8B0F; border-color: #DB8B0F; outline: none; padding: 12px 32px; margin: 20px auto; border-radius: 0px; border-bottom: 4px solid #FF9C00;}/********************************//* Overlay *//********************************/.overlay { position: absolute; width: 100%; height: 100%; z-index: 2; background-color: #080d15; opacity: .7;}
/********************************//* Slides backgrounds *//********************************/.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2,.fade-carousel .slides .slide-3 { height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.fade-carousel .slides .slide-1 { background-image: url('../img/slide1.jpg');}
.fade-carousel .slides .slide-2 { background-image: url('../img/slide2.jpg');}
.fade-carousel .slides .slide-3 { background-image: url('../img/slide3.jpg');}
/* carousel */#quote-carousel { padding: 0 10px 30px 10px; margin-top: 30px;}
/* Control buttons */#quote-carousel .carousel-control { background: none; color: #222; font-size: 2.3em; text-shadow: none; margin-top: 30px;}/* Previous button */#quote-carousel .carousel-control.left { left: -12px;}/* Next button */#quote-carousel .carousel-control.right { right: -12px !important;}/* Changes the position of the indicators */#quote-carousel .carousel-indicators { right: 50%; top: auto; bottom: 0px; margin-right: -19px;}/* Changes the color of the indicators */#quote-carousel .carousel-indicators li { background: #FFFFFF;}
#quote-carousel .carousel-indicators .active { background: #F39C12;}
#quote-carousel img { width: 250px; height: 100px; border-radius: 0px; border: 4px solid rgba(237, 202, 24, 0.18);}/* End carousel */
.item blockquote { border-left: none; margin: 0;}
.item blockquote img { margin-bottom: 10px;}
.item blockquote p:before { content: "\f10d"; font-family: 'Fontawesome'; float: left; margin-right: 10px;}
.box-area { padding: 30px; margin-bottom: 30px; background: #F0F0F0; border-bottom: 10px solid #E2E2E2; border-radius: 0 0 15px 15px; border-top: 1px solid #F39C12;}
.box-area-icon i { font-size: 40px; color: #F39C12;}
.news-events-box { padding: 20px; margin: 0 0 15px 0; position: relative; background: #EDEDED;}
.news-events-box h2 { font-size: 30px; color: #333333; padding: 0 0 15px 0; margin: 0;}
.news-events-box h3 { font-size: 14px; font-weight: normal; color: #333; padding: 0 0 15px 0; margin: 0;}/*-------Menu----------*/.isFixed { left: 0px; width: 100%;}
.menu { margin-top: 0px; position: absolute; z-index: 999; /* margin-top:20px; */ left: 0px; right: 0px; /* bottom:0; */;}
.navArea { /*float:right;*/;}
.navwrapper .container { padding: 0; width: auto;}
.nav>li>a { display: inline-block;}
.navbar-nav>li { float: none; display: inline-block; padding: 0;}
.navbar-nav { margin: 0 auto; text-align: center; float: none;}
.navbar-toggle { margin-top: 14px;}
.navbar-toggle .icon-bar { background: #fff;}
.nav>li>a:hover, .nav>li>a:focus { text-decoration: none; background-color: rgb(205, 128, 5); color: #FFFFFF;}
.nav>li>a { display: inline-block; color: #000000; padding: 22px 15px; font-size: 17px; font-weight: 500; font-family: 'Droid Sans', sans-serif;} .navbar-wrapper { margin-top: 0px; height: 65px; position: relative; z-index: 15;}
.navbar-wrapper .container { padding: 0px;}
.navbar-collapse { padding: 0;}
.navbar-collapse.in { max-height: 100%;}
.navbar.navbar-inverse.navbar-static-top { margin: 0px auto; background: none; color: #c3c8d6; border: none; font-family: 'Open Sans',sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase;}
.navbar.navbar-inverse.navbar-static-top a { color: #fff; padding: 31px 16px; line-height: 18px; text-align: center;}
.navbar.navbar-inverse.navbar-static-top a:hover { background: none; color: #fff;}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus { background: none; color: #fff !important;}
.navbar-inverse .navbar-nav>.active>a:hover { color: #fff;}
#main-nav ul.nav>li.active>a { color: #fff; background-color: rgb(205, 128, 5);}
.hideClass { display: none;}
.isFixed .navbar-inverse .navbar-nav>.active>a,.isFixed .navbar-inverse .navbar-nav>.active>a:focus { background: #cc580c; color: #fff;}
.isFixed .navbar.navbar-inverse.navbar-static-top a:hover { background: #cc580c; color: #fff;}
.isFixed .navbar.navbar-inverse.navbar-static-top a { color: #fff;}
.stuckMenu { -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; background: #F39C12;}
.isFixed { background: #F39C12; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s;}
/*------Intro----------*/header {}
.intro { font-size: 60px; line-height: 1.0; font-weight: 900; color: #fff;} /*-----------Heading-------------*/.heading { padding-bottom: 15px; text-align: center; max-width: 960px; margin: 0px auto;}
.heading h2 { font-weight: 700; font-size: 35px; color: #F39C12; margin: 0; padding: 5px; text-transform: capitalize;}
.heading h3 { font-size: 16px; line-height: 1.7; font-weight: normal; padding-bottom: 30px; border-bottom: 1px solid #EDEDED; margin-bottom: 30px;}
img#site-title { max-width: 150px;} /*------- Gallery Events-------------*//* General style */.grid-gallery ul { list-style: none; margin: 0; padding: 0;}
.grid-gallery figure { margin: 0;}
.grid-gallery figure img { display: block; width: 100%;}
.grid-gallery figcaption h3 { margin: 0; padding: 0 0px 0; color: #fff; font-size: 17px; font-weight: 300;}
.grid-gallery figcaption p { margin: 0; font-size: 12px;}/* Grid style */.grid-wrap { margin: 0 auto;}
.grid { margin: 0 auto;}
.grid li { width: 25%; float: left; cursor: pointer;}
.grid figure { padding: 15px; -webkit-transition: opacity 0.2s; transition: opacity 0.2s;}
.grid li:hover figure { opacity: 0.7;}
.grid figcaption { background: #300F00; padding: 12px 18px; border-top: #F39C12 solid 1px;}/* Slideshow style */.slideshow { position: fixed; background: rgba(0,0,0,0.6); width: 100%; height: 100%; top: 0; left: 0; z-index: 500; opacity: 0; visibility: hidden; overflow: hidden; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transition: opacity 0.5s,visibility 0s 0.5s; transition: opacity 0.5s,visibility 0s 0.5s;}
.slideshow-open .slideshow { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;}
.slideshow ul { width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate3d(0,0,150px); transform: translate3d(0,0,150px); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s;}
.slideshow ul.animatable li { -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s;}
.slideshow-open .slideshow ul { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.slideshow li { width: 660px; height: auto; position: absolute; top: 50%; left: 50%; margin: -280px 0 0 -330px; visibility: hidden;}
.slideshow li.show { visibility: visible;}
.slideshow li:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255,255,255,0.8); -webkit-transition: opacity 0.3s; transition: opacity 0.3s;}
.slideshow li.current:after { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s,visibility 0s 0.3s; transition: opacity 0.3s,visibility 0s 0.3s;}
.slideshow figure { width: 100%; height: 100%; background: #fff; border: 16px solid #fff; overflow: hidden;}
.slideshow figcaption { padding-bottom: 20px; padding-top: 20px;}
.slideshow figcaption h3 { font-weight: 300; font-size: 200%; color: #333; font-size: 23px; padding-bottom: 10px;}/* Navigation */.slideshow nav span { position: fixed; z-index: 1000; color: #fff; text-align: center; padding: 2%; cursor: pointer; font-size: 2.2em; background: rgba(0,0,0,0.1);}
.slideshow nav span.nav-prev,.slideshow nav span.nav-next { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.slideshow nav span.nav-next { right: 0;}
.slideshow nav span.nav-close { top: 75px; right: 0px; padding: 10px 25px; color: #999;}
.icon:before,.icon:after { font-family: 'fontawesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
span.nav-prev:before { content: "\f104";}
span.nav-next:before { content: "\f105";}
span.nav-close:before { content: "\f00d";}/* Info on arrow key navigation */.info-keys { position: fixed; top: 10px; left: 10px; width: 60px; font-size: 8px; padding-top: 20px; text-transform: uppercase; color: #fff; letter-spacing: 1px; text-align: center;}
.info-keys:before,.info-keys:after { position: absolute; top: 0; width: 16px; height: 16px; border: 1px solid #fff; text-align: center; line-height: 14px; font-size: 12px;}
.info-keys:before { left: 10px; content: "\e603";}
.info-keys:after { right: 10px; content: "\e604";}
/*-------Contact---------*/input.contact { background: #fff; border: solid 1px #ddd; color: #000; padding: 15px 30px; margin-right: 3%; margin-bottom: 30px; outline: none;}
input.contact.noMarr { margin-right: 0px;}
textarea.contact { background: #fff; color: #000; border: solid 1px #ddd; padding: 15px 30px; margin-bottom: 40px; outline: none; height: 150px;}
.contact.submit { background: #F39C12; font-family: 'Montserrat',sans-serif; color: #1A1A1A; font-size: 16px; font-weight: 400; text-align: center; margin: 0px auto; border: none !important; border-radius: 0; float: none; display: block;}
.contact.submit:hover { background: #FAAB2D;}
.done { display: none;}
.error input,input.error,.error textarea,textarea.error { background-color: #ffffff; border: 1px solid red !Important; -webkit-transition: border linear 0.2s,box-shadow linear 0.2s; -moz-transition: border linear 0.2s,box-shadow linear 0.2s; -o-transition: border linear 0.2s,box-shadow linear 0.2s; transition: border linear 0.2s,box-shadow linear 0.2s;}
/*---------------------------------------------------- 8. Footer Style------------------------------------------------------*/.footer { background: #270B00; position: relative;}
.footer .container { padding: 60px 0 20px;}
.footer ul { margin: 0 auto; margin-bottom: 30px; margin-top: 10px; text-align: center; list-style-type: none; padding-left: 0;}
.footer ul li { display: inline-block; text-align: center; background: rgba(0,0,0,0.2); color: #ffffff; line-height: 45px; margin: 0 4px 0px; width: 45px !important; height: 45px !important; -webkit-border-radius: 3px; border-radius: 3px;}
.footer ul li:hover { background: #5A230E;}
.footer ul li:hover a { color: #fff;}
.footer ul li a { color: #fff; width: 42px !important; height: 42px !important;}
.footer ul li a i { line-height: 45px; color: #fff;}
.footer p { color: #fff; font-size: 13px; line-height: 24px; font-weight: 300; text-align: center; text-transform: uppercase;}
.gototop { display: inline-block; width: 43px; height: 38px; background: #3F3F3F; position: absolute; margin-left: -30px; /* top:-35px; */ border-radius: 0; bottom: 14px; right: 0px;}
.gototop i { color: #F39C12; line-height: 40px;}
.footer a,.footer a:hover { color: #fff;}
blockquote { font-style: italic; margin: 0 0 0px 0; padding: 20px 70px 10px; position: relative; font-size: 13px; border: 0;}
blockquote:before { display: block; content: "\201C"; font-size: 120px; position: absolute; left: 10px; top: -30px; color: #cc580c; font-family: Georgia;}
blockquote cite { color: #cc580c; font-size: 14px; display: block; margin-top: 5px; text-align: right;}
blockquote cite:before { content: "\2014 \2009";}
.feedback { background: url('../img/img3.jpg');}
.feedback .heading h2 { color: #fff;}
.feedback .heading h3 { color: #fff; border-bottom: 1px solid rgba(243, 156, 18, 0.25);}
.item blockquote { color: #fff; font-size: 15px;}
blockquote footer, blockquote small, blockquote .small { color: #fff; font-size: 14px;}
/* Header Styles---------------------------------*/
#header_wrapper { background: #0A1525; padding: 15px 0px; box-shadow: 1px 1px 4px rgba(60, 60, 60, 0.44); position: relative;}
.header_box { position: relative; /* z-index: 9999999999999999999999999999999999; */;}
.logo a { float: left; font-size: 28px; line-height: 50px; color: #FF6C71;}
.res-nav_click { display: none;}
.page-section { padding: 80px 0;}
/** MEDIA QUERIES--------------------------------*/ @media screen and (min-width: 980px) { .hero { width: 980px; }}
@media (max-width: 768px) { #quote-carousel .carousel-indicators { bottom: -20px !important; }
#quote-carousel .carousel-indicators li { display: inline-block; margin: 0px 5px; width: 15px; height: 15px; }
#quote-carousel .carousel-indicators li.active { margin: 0px 5px; width: 20px; height: 20px; }}
@media (min-width: 991px) { .lu-section-title { font-size: 45px; }}
@media screen and (max-width:960px) { .grid li { width: 33.3%; }
.slideshow li { width: 100%; height: 100%; top: 0; left: 0; margin: 0; }
.slideshow li figure img { width: auto; margin: 0 auto; max-width: 100%; }
.slideshow nav span,.slideshow nav span.nav-close { font-size: 1.8em; padding: 0.3em; }
.info-keys { display: none; }}
@media screen and (min-width:768px) { input.contact.col-md-6 { width: 48.5%; }
#quote-carousel { margin-bottom: 0; padding: 0 40px 30px 40px; }}
@media screen and (max-width:768px) { #main-nav { background: #F39C12; }
.navbar-nav>li { float: none; display: block; }
.nav>li>a { display: block; color: #000000; padding: 18px 15px; font-size: 17px; font-weight: 500; font-family: 'Droid Sans', sans-serif; }}
@media (max-width: 655px) { .collapse { background: #F39C12; }
.navbar.navbar-inverse.navbar-static-top a { padding: 15px 16px; line-height: 15px; font-size: 13px; }}
@media screen and (max-width: 640px) { .hero h1 { font-size: 4em; }}
@media screen and (max-width:560px) { .grid li { width: 50%; }}
@media screen and (max-width:384px) { .grid li { width: 100%; }}