/*------------- #BASE --------------*/
/*------------- #TABLE OF CONTENTS --------------*/
/*------------------------------------------------------------------


1. Global / Global Styles
2. Helper / Additional classes
3. Typography / Typography Rules
4. Variables / Variables for styles
5. Blocks / Styles for Blocks
  5.1 Block Action
  5.2 Block Quote
  5.3 Buttons
  5.4 Choose Us
  5.5 Contacts
  5.6 Counters
  5.7 Features
  5.8 Features Block
  5.9 Go Block
  5.10 Grid Portfolio
  5.11 Info Box
  5.12 List
  5.13 Mobile Block
  5.14 Popup Cart
  5.15 Posts
  5.16 Scroll Block
  5.17 Services
  5.18 Stunning Header
  5.19 Team Members
  5.20 Testimonials
  5.21 Video Block
6. Modules / Styles for Modules
  6.1 About Team
  6.2 Art Food
  6.3 Best Products
  6.4 Builders
  6.5 Cart
  6.6 Clients
  6.7 Comments
  6.8 Contact Form
  6.9 Dishes
  6.10 Footers
  6.11 Gallery
  6.12 Headers
  6.13 Heading
  6.14 Isotope
  6.15 Latest Work
  6.16 Order
  6.17 Our Menu
  6.18 Overlay Menu
  6.19 Presentation
  6.20 Pricing Tables
  6.21 Product Details
  6.21 Products
  6.21 Project Description
  6.21 Right Menu
  6.22 Skills
  6.23 Sliders
  6.24 Socials
  6.25 Subscribe Form
7. Widgets /  Styles for all Widgets
  8.1 Widgets
9. Fonts / Styles for fonts
10. Grid / Styles for modular grid
11. Normalize / makes browsers render all elements more consistently and in line with modern standards



-------------------------------------------------------------------*/
/*------------- #VARIABLES --------------*/
/*------------- #GLOBAL STYLES --------------*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  position: relative;
  background: #fff;
  color: #999;
  font-family: "Merriweather", Arial, "Helvetica Neue", Helvetica, serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.025em; }

img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: middle; }

blockquote {
  margin: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0; }

a {
  text-decoration: none;
  color: #222;
  transition: all 0.3s linear; }

p {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  margin: 0 0 2em;
  line-height: 1.8; }

article p:last-of-type {
  margin-bottom: 0; }

ul {
  padding: 0;
  margin: 0;
  list-style: none; }

select {
  width: 100%;
  border: 1px solid #999;
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */ }

textarea {
  height: auto;
  min-height: 50px; }

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: #999; }

textarea:-moz-placeholder,
input:-moz-placeholder {
  color: #999; }

textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: #999; }

input {
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
  outline: none; }
  input:invalid {
    box-shadow: none; }
  input:-moz-submit-invalid {
    box-shadow: none; }
  input:-moz-ui-invalid {
    box-shadow: none; }

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*------------- #HELPERS --------------*/
.ovh {
  overflow: hidden; }

.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none !important; }

.align-center {
  text-align: center; }

.align-left {
  text-align: left; }

.align-right {
  text-align: right; }

.c-white {
  color: #fff; }

.c-primary {
  color: #ec6e00; }

.c-grey {
  color: #999; }

.c-dark {
  color: #222; }

.t-transform-none {
  text-transform: none; }

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease; }

.overlay--light {
  background: rgba(0, 0, 0, 0.2); }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.medium-padding {
  padding: 60px 0; }
  @media (max-width: 768px) {
    .medium-padding {
      padding: 40px 0; } }

.medium-margin {
  margin: 60px 0; }
  @media (max-width: 768px) {
    .medium-margin {
      margin: 40px 0; } }

.padding40 {
  padding: 40px; }
  @media (max-width: 1024px) {
    .padding40 {
      padding: 20px; } }

.padding60 {
  padding: 60px; }
  @media (max-width: 768px) {
    .padding60 {
      padding: 40px; } }

.border-bottom {
  border-bottom: 2px solid #eee; }

.border-bottom1 {
  border-bottom: 1px solid #eee; }

.border-top1 {
  border-top: 1px solid #eee; }

.border-right1 {
  border-right: 1px solid #eee; }

.bg-grey {
  background-color: #f5f5f5; }

.medium-padding100 {
  padding: 100px 0; }
  @media (max-width: 768px) {
    .medium-padding100 {
      padding: 50px 0; } }

.medium-padding120 {
  padding: 120px 0; }
  @media (max-width: 768px) {
    .medium-padding120 {
      padding: 60px 0; } }

.medium-padding80 {
  padding: 80px 0; }
  @media (max-width: 768px) {
    .medium-padding80 {
      padding: 40px 0; } }

.mb30 {
  margin-bottom: 30px; }
  @media (max-width: 768px) {
    .mb30 {
      margin-bottom: 20px; } }

.mt-negative50 {
  margin-top: -50px !important; }

.mt-negative150 {
  margin-top: -150px; }
  @media (max-width: 640px) {
    .mt-negative150 {
      margin-top: -20px; } }

.padding30 {
  padding: 30px; }

.pb60 {
  padding-bottom: 60px; }
  @media (max-width: 768px) {
    .pb60 {
      padding-bottom: 40px; } }

.pt60 {
  padding-top: 60px; }
  @media (max-width: 768px) {
    .pt60 {
      padding-top: 40px; } }

.pb115 {
  padding-bottom: 115px; }
  @media (max-width: 768px) {
    .pb115 {
      padding-bottom: 60px; } }

.pb160 {
  padding-bottom: 160px; }
  @media (max-width: 768px) {
    .pb160 {
      padding-bottom: 80px; } }

.pb-none {
  padding-bottom: 0; }

.pt-none {
  padding-top: 0; }

.bg-dark {
  background-color: #222; }

.bg-dark-light {
  background-color: #282828; }

.bg-white {
  background-color: #fff; }

.padding-big {
  padding: 120px 0; }
  @media (max-width: 768px) {
    .padding-big {
      padding: 60px 0; } }

.line-horizontal {
  display: block;
  width: 95%;
  height: 1px;
  background-color: #eee;
  margin: 0 auto; }

.full-block {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.disable-hover {
  pointer-events: none; }

.table {
  display: table; }

.table-cell {
  display: table-cell;
  vertical-align: middle;
  float: none; }

.equal-height-425 {
  height: 425px; }

.equal-height-1030 {
  height: 1030px; }

.fw400 {
  font-weight: 400; }

.line-height1-3 {
  line-height: 1.3; }

.family-mariewether {
  font-family: "Merriweather", Arial, "Helvetica Neue", Helvetica, serif; }

.font-s-120 {
  font-size: 120px; }

.bg-primary {
  background-color: #ec6e00; }

.font-family-allura {
  font-family: 'Allura', cursive, 'Poppins', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: 400; }

.font-family-fredericka {
  font-family: 'Fredericka the Great', cursive, 'Poppins', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: 400; }

.font-family-caveat {
  font-family: 'Caveat', cursive;
  font-weight: 400; }

/*------------- #TYPOGRAPHY --------------*/
h1, .h1 {
  margin: 0;
  font-size: 100px;
  font-weight: bold;
  color: #222;
  font-family: "Poppins", Arial, "Helvetica Neue", Helvetica, sans-serif;
  letter-spacing: -0.04em;
  line-height: 100%; }
  h1 a, .h1 a {
    color: inherit; }
  @media (max-width: 570px) {
    h1, .h1 {
      font-size: 40px; } }
  h1.large140, .h1.large140 {
    font-size: 140px;
    letter-spacing: -0.08em; }
  h1.large120, .h1.large120 {
    font-size: 120px; }
  h1.large113, .h1.large113 {
    font-size: 113px; }

h2, .h2 {
  margin: 0;
  font-size: 48px;
  font-weight: 600;
  color: #222;
  font-family: "Poppins", Arial, "Helvetica Neue", Helvetica, sans-serif;
  letter-spacing: -0.025em; }
  h2 a, .h2 a {
    color: inherit; }
  @media (max-width: 570px) {
    h2, .h2 {
      font-size: 36px; } }

h3, .h3 {
  margin: 0;
  font-size: 40px;
  font-weight: 600;
  color: #222;
  font-family: "Poppins", Arial, "Helvetica Neue", Helvetica, sans-serif;
  letter-spacing: -0.025em; }
  h3 a, .h3 a {
    color: inherit; }
  @media (max-width: 570px) {
    h3, .h3 {
      font-size: 32px; } }

h4, .h4 {
  margin: 0;
  font-size: 36px;
  font-weight: 800;
  color: #222;
  font-family: "Poppins", Arial, "Helvetica Neue", Helvetica, sans-serif;
  letter-spacing: -0.025em; }
  h4 a, .h4 a {
    color: inherit; }
  @media (max-width: 570px) {
    h4, .h4 {
      font-size: 28px; } }
  h4.large60, .h4.large60 {
    font-size: 60px; }

h5, .h5 {
  margin: 0;
  font-size: 24px;
  font-weight: 800;
  color: #222;
  font-family: "Poppins", Arial, "Helvetica Neue", Helvetica, sans-serif;
  letter-spacing: -0.025em; }
  h5 a, .h5 a {
    color: inherit; }

h6, .h6 {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  color: #222;
  font-family: "Poppins", Arial, "Helvetica Neue", Helvetica, sans-serif;
  letter-spacing: -0.025em; }
  h6 a, .h6 a {
    color: inherit; }
  h6.family-mariewether, .h6.family-mariewether {
    font-family: "Merriweather", Arial, "Helvetica Neue", Helvetica, serif; }
  h6.c-grey, .h6.c-grey {
    color: #999; }

.restaurant h1, .restaurant .h1 {
  font-size: 120px;
  font-weight: 400;
  font-family: 'Allura', cursive, 'Poppins', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  letter-spacing: -0.001em; }
  @media (max-width: 570px) {
    .restaurant h1, .restaurant .h1 {
      font-size: 40px; } }
  .restaurant h1.large140, .restaurant .h1.large140 {
    font-size: 140px; }

.restaurant h2, .restaurant .h2 {
  font-size: 48px;
  font-weight: 400;
  font-family: "Merriweather", Arial, "Helvetica Neue", Helvetica, serif; }
  @media (max-width: 570px) {
    .restaurant h2, .restaurant .h2 {
      font-size: 30px; } }

.restaurant h3, .restaurant .h3 {
  font-size: 36px;
  font-weight: 300; }
  @media (max-width: 570px) {
    .restaurant h3, .restaurant .h3 {
      font-size: 26px; } }

.restaurant h4, .restaurant .h4 {
  font-weight: 400;
  font-family: 'Allura', cursive, 'Poppins', Arial, 'Helvetica Neue', Helvetica, sans-serif; }
  @media (max-width: 570px) {
    .restaurant h4, .restaurant .h4 {
      font-size: 24px; } }
  .restaurant h4.large60, .restaurant .h4.large60 {
    font-size: 60px; }

.restaurant h5, .restaurant .h5 {
  font-weight: 400;
  font-family: 'Allura', cursive, 'Poppins', Arial, 'Helvetica Neue', Helvetica, sans-serif; }