/*------------------------------------------------------------------
[Table of contents]

  1. General 
  2. Media queries
  3. Navigation / .navbar-
  4. Intro / #intro
  5. About / #about
  6. Quotes / #quotes
  7. Services / #services
  8. Price Plans / #prices
  9.  Testimonials (Customers Say) / #testimonials
  10.  Gallery / #gallery
  11.  Team / #team
  12.  Blog / #blog
  13.  Counter / #counter
  14. Contact / #contact
    14.1. Map / #map
  15. Footer / footer
-------------------------------------------------------------------*/

/* -----------------------------------------------------------------

# [Color codes]

# Green (headings, links, button backgrounds): #92cc84
# Purple (icons, some backgrounds): #a66abf;
# Gray  (paragraphs) #8e8e8e
# White (backgrounds, button text colours)

*/

/*------------------------------------------------------------------
[Typography]

Headers:    48px/72px "Montserrat", sans-serif;
Subheaders: 40px 'Caveat';
Body copy:    14px/26px normal 'Open Sans', sans-serif;

-------------------------------------------------------------------*/

/* ------------------------------------------------------------------------------   1. GENERAL    ------------------------------------------------------------------------------------ */

body {background:#fff;overflow-x:hidden;position: relative;}
#body-wrap {width: 100vw;overflow-x:hidden;}
#preloader  {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #fefefe;z-index: 1000000;height: 100%;}
#status  {width: 200px;height: 200px;position: absolute;left: 50%;top: 50%;background-image: url('images/ajax-loader.gif');background-repeat: no-repeat; background-position: center;
margin: -100px 0 0 -100px;}
input {outline: none;}
a {color: #92cc84}
a:hover {text-decoration: none;}
h1.title {color: #92cc84;font:700 48px/72px "Montserrat",sans-serif;text-transform:uppercase;margin-top: 0;font-weight: bold;text-align: center;margin-bottom: 0px}
h2.subtitle {text-align: center;padding: 0 30px;font-family: 'Caveat';font-size: 40px;color: #989898;margin: 0;margin-bottom: 20px;}
h2.subtitle.white {color: rgba(255, 255, 255, 0.71)}
p {color: #8e8e8e;font: 14px/26px normal 'Open Sans', sans-serif;}
button, .button {background: #a66abf;border: 1px solid #a66abf;color: #fff;padding: 10px 24px;font-size: 17px;text-transform: uppercase;}
.button:visited, .button:hover, .button:active {text-decoration: none;color: #fff}

/* ------------------------------------------------------------------------------ 2. MEDIA QUERIES ------------------------------------------------------------------------------ */

@media screen and (max-width: 767px) {
  h1.title {font:700 28px/72px "Montserrat"}
  .container, .container-fluid {padding: 0 20px}
  .description .desc-inner h3 {font-size: 60px;text-align: center;}
  #gallery #Container .mix {width: 50%;}
  #gallery #Container .mix div  {width: 50%;height: 50%;}
  .navbar-brand img {height: 55px;padding: 8px 0 10px 0}
}

/* sm */
@media screen and (min-width: 768px) {
  h1.title {font:700 38px/72px "Montserrat"}
  #intro .description .desc-inner h3 {font-size: 70px}
  #gallery #Container .mix {width: 25%;}
  #gallery #Container .mix div  {width: 25%;height: 25%;}
  .navbar-brand {width: 50px}
/*  .navbar-brand img {height: 55px;padding: 8px 0 10px 0}*/
}

/* md */
@media screen and (min-width: 992px) {
  h1.title {font:700 48px/72px "Montserrat"}
  #intro .description .desc-inner h3 {font-size: 70px}
  #gallery {padding: 40px 0px;}
  #gallery #Container .mix {width: 12.5%;}
  #gallery #Container .mix div  {width: 12.5%;height: 12.5%;}
  .navbar-brand img {height: 100%}
}

/* lg */
@media screen and (min-width: 1200px) {
  h1.title {font:700 48px/72px "Montserrat"}
  #intro .description .desc-inner h3 {font-size: 120px} 
  #gallery {padding: 40px 0px;}
  #gallery #Container .mix {width: 12.5%;}
  #gallery #Container .mix div  {width: 12.5%;height: 12.5%;}
  .navbar-brand img {height: 100%}
}


/* ------------------------------------------------------------------------------   3. NAVIGATION  ------------------------------------------------------------------------------ */

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color: #bbe4b2;background-color:rgba(255, 255, 255, 0.12)}
.navbar-fixed-top {border: none;}
.navbar .navbar-nav {display: inline-block;float: none;vertical-align: top;padding: 30px 0 20px 0}
.navbar .navbar-collapse {text-align: center;}
/*.navbar-collapse.collapse.in a {color: #90cc82}*/
.navbar-collapse.collapse.in .navbar-nav>li>a {color: #90cc82}
.navbar-brand {float:none;}
.navbar-default {background: #fff;position: fixed;border-radius: 0;border:none;z-index: 10000;width: 100%;}
.navbar-default .navbar-nav>li>a {color: #363636;font-size: 16px;text-transform: uppercase;}
.navbar-default.transparent {background:rgba(255,255,255,0);}
.navbar-default.transparent .navbar-nav>li>a {color: #fff;font-size: 16px;text-transform: uppercase;}
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {margin-right: 0;margin-left: 0}
.navbar-brand {padding: 0}
.navbar-toggle {margin: 12px 0 12px 0;}

/* ------------------------------------------------------------------------------   4. INTRO   ------------------------------------------------------------------------------ */

#intro {height: 100vh;overflow: hidden;position: relative;}
#intro .zoom-img {height: 100%}
#intro .arrow-wrap img {border: 1px dashed rgba(255, 255, 255, 0.77);width: 90px;padding: 32px 30px 32px 30px;margin-top: 55px;background: rgba(255, 255, 255, 0.14);opacity: 0.7;border-radius: 100%;}
#intro .description {position: absolute;bottom: 0;width: 100%;text-align: center;height: 100vh;display: table;background: rgba(0,0,0,0.3)}
#intro .description .desc-inner {display: table-cell;vertical-align: middle;width: 100%;text-align: center;background:rgba(67, 0, 95, 0.62);}
#intro .description .desc-inner h3 {font-family: "Montserrat";color: #90cc82;font-weight: 700;padding: 0 30px}
#intro .description .desc-inner p {color: #fff;padding: 0 30px;font-size: 40px;line-height:44px;font-weight: 100;font-family: "Caveat";margin-top: 32px;}
#intro .word {display: inline-block;}


/* ------------------------------------------------------------------------------   5. ABOUT US   ------------------------------------------------------------------------------ */

#about {padding: 40px 0 20px 0;background:#fff;}
#about img {margin-bottom: 20px}
#about .button {   margin-top: 20px;display: inline-block;color: #fff;background: #a66abf;padding: 10px 24px;font-size: 17px;text-transform: uppercase;border: none;}
#about .break {margin-bottom: 40px}


/* ------------------------------------------------------------------------------   6. QUOTES ------------------------------------------------------------------------------ */

#quotes {background: url('images/food_2.jpg');background-attachment: fixed;}
#quotes .quotes-inner {background: rgba(145, 201, 125, 0.87);padding: 80px 0px;}
#quotes .quotes-inner h3 {font-size: 40px;font-family: 'Open Sans';color: #fff;font-weight: 300;display: inline;}
#quotes .quotes-inner h4 {color: #fff;font-family: 'Open Sans';}
#quotes .quote-item i.fa-quote-left {font-size: 50px;margin-right: 15px;color: rgba(255, 255, 255, 0.32)}
#quotes .quote-item i.fa-quote-right {font-size: 50px;margin-left: 15px;color: rgba(255, 255, 255, 0.32);margin-top: 10px}


/* ------------------------------------------------------------------------------   7. SERVICES ------------------------------------------------------------------------------ */

#services {background: url('images/food_bw.jpg');padding: 60px 0 60px 0}
#services .services .break {margin-bottom: 15px}
#services .services h3 {color: #fff;font: 700 22px/26px "Montserrat",sans-serif;text-transform: uppercase;margin-top: 0;font-weight: bold;text-align: center;}
#services .services .service {padding: 25px;margin:133px 20px 20px 20px;padding-top: 124px;text-align: center;}
#services .services .service img {border-radius: 100%;border:12px solid rgb(202, 229, 193);display: inline;margin-top: -244px;margin-bottom: 31px;}
#services .services .service.even img {border: 12px solid #cbe6c4;}
#services .services .service.green {background: rgb(203, 230, 196)}
#services .services .service.gray {background: #f5f5f5}
#services .service p {color: rgba(255, 255, 255, 0.88);font-family: 'Open Sans', sans-serif;line-height: 22px;font-size: 14px;}
#services .services .service.green h3 {color: #fff}
#services .service:nth-of-type(odd) {background: #91c97d}
#services .service:nth-of-type(even) {background: #a66abf}


/* ------------------------------------------------------------------------------   8. PRICES ------------------------------------------------------------------------------  */

#prices {background: url('images/hotel-2.jpg');position: relative;background-attachment: fixed;}
#prices h1 {color: #fff}
#prices .break {margin-bottom: 40px}
#prices .button {display: block;text-align: center;}
#prices .prices-inner {background: rgba(41, 41, 41, 0.61);padding: 65px 0;}
#prices .panel-body {padding: 15px;margin: 0 auto;margin-top: -65px;font-size: 14px;z-index: 1000;position: relative;width: 128px;background: rgb(166, 106, 191);border-radius: 100%;border: 10px solid rgba(255, 255, 255, 0.43);height: 128px;}
#prices .prices button.purple {width: 100%;}
#prices .prices-inner .half {background: url('images/green_gray_2.jpg') 0 80px;background-attachment:fixed;height: 42%;position: absolute;width: 100%;bottom: 0;z-index: 0;opacity: 1;}
#prices .price-col .price h3 {color: #fff;font-family: "Montserrat";font-weight: 700;font-size: 30px;}
#prices .price-col .price .lead {font-size: 19px;}
#prices .price-col .price .lead span {font-size: 34px;}
#prices .price-col .panel-body .list-group {background: #484848;}
#prices .panel-heading {background: #92cc84}
#prices .list-group-item {color: #5f5f5f;text-transform: uppercase;}
#prices .list-group-item:first-of-type{border-top: none;padding-top: 25px}
#prices .panel {background-color: #f5f5f5}
#prices .panel .lead {color: #fff}
#prices .panel .lead strong span {display: block;}
#prices .panel .list-group li {background: #f5f5f5}


/* ------------------------------------------------------------------------------   9. TESTIMONIALS ------------------------------------------------------------------------------ */

#testimonials {background: url('images/food_2.jpg');background-attachment: fixed;background-size: cover;}
#testimonials h1 {color: #fff;}
#testimonials h3 {color: #fff;margin-bottom: 30px;text-align: center;font-size: 26px;font-family: 'Open Sans';font-weight: 100;}
#testimonials h4 {color: #fff;text-align: center;font-family: 'Open Sans';font-weight: 500}
#testimonials img {border: 10px solid rgba(255, 255, 255, 0.64);width: 200px;margin-right: 30px;margin-bottom: 34px;margin: 0  auto;margin-top: 30px}
#testimonials i.fa-quote-left {font-size: 50px;margin-right: 15px;color: rgba(255, 255, 255, 0.32)}
#testimonials i.fa-quote-right {font-size: 50px;margin-left: 15px;color: rgba(255, 255, 255, 0.32);margin-top: 15px}
#testimonials .testimonials {background:rgba(166, 106, 191, 0.86);padding:40px 20px;}
#testimonials .single-customer {text-align: center;}
#testimonials .single-customer h2, .testimonials-wrap .single-customer p {color: #fff}
#testimonials .single-customerh2 {font-family: "Montserrat";font-size: 70px;font-weight: 700}
#testimonials .single-customer p {font-size: 20px;font-weight: 300;text-transform: uppercase;}


/* ------------------------------------------------------------------------------   10. GALLERY ------------------------------------------------------------------------------ */

#gallery h1.title {margin-bottom: 0;margin-top: 30px}
#gallery .break {margin-bottom: 33px}
#gallery .button-wrap {text-align: center;margin-bottom: 40px}
#gallery #Container {position: relative;}
#gallery #Container .mix {position: relative;float: left;padding: 0;overflow: hidden;position: relative;display: none;}
#gallery  button {margin-bottom: 10px}
#gallery #Container .mix .image {width: 100%;display: inline-block;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
#gallery #Container .mix:hover .image {-webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25);}
#gallery #Container .mix div  {position: absolute;top: 0;background: rgb(166, 106, 191);  z-index: 100;opacity: 0;transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-webkit-transition: opacity 0.5s ease-in-out;}
#gallery #Container .mix div i {display: none;}
#gallery #Container .mix:hover div {display: table;text-align: center;cursor: pointer;opacity: 0.9;}
#gallery #Container .mix:hover div i {display: table-cell;vertical-align: middle;color: #fff}


/* ------------------------------------------------------------------------------  11. TEAM ------------------------------------------------------------------------------ */

#team {background: url('images/food_2.jpg');background-attachment: fixed;background-size: cover;}
#team .team-inner {background: rgba(243, 243, 243,0.9);padding-top: 40px;padding-bottom: 30px;}
#team .pic {padding: 25px;text-align: center;}
#team .pic div {padding: 10px 10% 10px 10%;}
#team .pic div:before {background: url('images/speech-left.png') no-repeat}
#team .pic img {border:10px solid rgba(146, 204, 132, 0.62);margin: 0 auto}
#team button {border: 1px solid #badfb2;padding: 10px 24px;font-size: 17px;background: rgba(186, 223, 178, 0.35);color: #fff;display: inline-block;}
#team h5 {color: rgba(82, 82, 82, 0.77);font-family: "Open Sans";font-weight: 300;text-align: center;font-size: 22px;line-height: 26px;}
#team h5 span {font-weight: 700;font-family: "Montserrat";}
#team h6 {text-align: center;margin: 0;font-size: 14px;color: #4f544e;text-transform: uppercase;}
#team .social {text-align: center;}
#team .social i, .team-wrap .social a {padding: 5px;color: #525252}
#team .break {margin-bottom: 30px}
#team .background-wrap {position: relative;}
#team .ih-item {margin-bottom: 50px}
#team .ih-item, .team-wrap .ih-item .img {width: 280px;height: 280px;display: inline-block;}
#team .info-mobile {margin-top: -20px;margin-bottom: 30px}
#team .ih-item.circle.effect1 .spinner {width: 290px;height: 290px;}
#team .team-col {text-align: center;}
#team .ih-item.circle.effect1 .spinner {width: 290px;height: 290px;border: 10px solid  #92cc84;border-right-color: rgb(166, 106, 191);border-bottom-color:  #92cc84;}


/* ------------------------------------------------------------------------------   12. BLOG ------------------------------------------------------------------------------ */

#blog {background: #fff;padding: 30px 0}
#blog h3 {color: #92cc84;font: 700 22px/26px "Montserrat",sans-serif;text-transform: uppercase;margin-top: 13px;font-weight: bold;}
#blog .blog-item-inner {padding: 17px}
#blog .blog-item-inner {transition: all .2s ease-in-out;}
#blog .blog-item-inner:hover {transform: scale(1.13);cursor: pointer;}
#blog .blog h1 {margin-bottom: 0}
#blog .blog .break {margin-bottom: 40px}
#blog .blog .date {position: absolute;right: 0;background: rgb(166, 106, 191);color: #FFF;width: 54px;height: 55px;padding-top: 7px;font-size: 16px;top: 0;}
#blog .blog .date span:first-of-type {display: block;text-align: center;line-height: 20px;}
#blog .blog .date span:nth-of-type(2) {display: block;text-align: center;line-height: 23px;text-transform: uppercase;}
#blog .blog .blog-item-inner {margin-bottom: 30px;position: relative;}
#blog .blog .blog-col:nth-of-type(odd) .blog-item-inner  {background: rgba(146, 204, 132, 0.43)}
#blog .blog .blog-col:nth-of-type(even) .blog-item-inner {background: #f5f5f5}
#blog .blog .blog-col:nth-of-type(odd) .blog-item-inner h3 {color: #fff}


/* ------------------------------------------------------------------------------   13. COUNTER ------------------------------------------------------------------------------  */

#counter {background: url('images/food_2.jpg');background-attachment: fixed;background-size: cover;}
#counter .counter {background:rgba(166, 106, 191, 0.86);padding:40px 20px;}
#counter .counter .counter-item {text-align: center;}
#counter .counter .counter-item h2, .counter .counter-item p {color: #fff}
#counter .counter .counter-item h2 {font-family: "Montserrat";font-size: 70px;font-weight: 700}
#counter .counter .counter-item p {font-size: 20px;font-weight: 300;text-transform: uppercase;}

/* ------------------------------------------------------------------------------   14. CONTACT ------------------------------------------------------------------------------  */

#contact {padding: 60px 20px}
#contact h1 {margin-bottom: 0}
#contact .break {margin-bottom: 50px}
#contact .fa {width: 30px}
#contact fieldset {margin-bottom: 20px}
#contact fieldset input, fieldset textarea  {border: 1px solid #EFEFEF;border-radius: 1px;padding: 10px;width: 100%;}
#contact fieldset textarea {height: 122px}
#contact a, #contact i {color: #a66abf}
#contact .address, #contact .hours, #contact .contact-form {padding: 0 30px 20px 30px}
#contact .hours h3, #contact .address h3 {    text-transform: uppercase;color: #92cc84;font-size: 20px;margin-bottom: 20px; margin-top: 0;}
#contact .form-control {border-radius: 0 !important}
#contact .contact-col label {color: #7d7d7d;font-size: 14px;font-weight: normal;}
#contact .contact-col input[type=submit] {    border-radius: 0;font-size: 17px;text-transform: uppercase;margin-bottom: 20px;background: #a66abf;color: #fff;border: none;padding: 9px 15px;}
#contact .map-button {text-align: center;}


    /* ------------------------------------------------------------------------------  14.1. MAP ------------------------------------------------------------------------------ */

    #map {position: relative;text-align: center;display: none;}
    #map #map_canvas {width: 100%;height: 70vh;position: relative;}
    #map .map-close-wrap {position: absolute;bottom: 0;text-align: center;z-index: 100000;width: 100%}
    #map .map-close-wrap button {margin-bottom: 30px;display: none;}



/* ------------------------------------------------------------------------------   15. FOOTER ------------------------------------------------------------------------------*/

footer {background: #3e3e3e;color: #fff;padding-top: 30px;padding-bottom: 30px;}
footer h2 {font-family: "Montserrat";font-weight: 700;font-size: 16px;color: rgb(186, 223, 178);text-transform: uppercase;}
footer p {color: rgba(255, 255, 255, 0.7)}
footer a {color: rgb(186, 223, 178);}
footer i {margin-right: 10px}
footer .copyright-col.col-md-4, footer .social-col.col-md-4, footer .copyright-col.col-sm-4, footer .social-col.col-sm-4 {padding-top: 42px}


