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

Soup - Restaurant with Online Ordering System Template

File:			      Base SCSS File (Classic)
Version:        2.00
Last change:    22/05/2020
Author:			    Suelo (Piotr Osmola)

Table of Contents:

1. Setup
2. Basic
3. Header
-- 4.1 Header Mobile
-- 4.2 Navigation Desktop
4. Content
-- 4.1 Blog
-- 4.2 Features
-- 4.3 Menu
-- 4.4 Other
-- 4.5 Page Title
-- 4.6 Sections
5. Footer
6. Elements
-- 6.1 Alerts
-- 6.2 Backgrounds
-- 6.3 Badges
-- 6.4 Buttons
-- 6.5 Carousel
-- 6.6 Forms
-- 6.7 Icons
-- 6.8 Loader
-- 6.9 Modals
-- 6.10 Navigations
-- 6.11 Notification Bar
-- 6.12 Other
-- 6.13 Pagination
-- 6.14 Testimonials
-- 6.15 Typography
7. Widgets
8. Animations
9. Custom

-------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* --- 1. SETUP
/* ----------------------------------------------------------------------------- */
html {
  font-size: 14px; }
@media (max-width: 575px) {
    html {
      font-size: 13px; } }
body {
  position: relative;
  color: #383c40;
  font-family: "Helvetica Neue", "Raleway", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
body:not(.no-margins) {
    margin: 0 30px 30px; }
@media (max-width: 1199px) {
      body:not(.no-margins) {
        margin: 0 15px 15px; } }
@media (max-width: 575px) {
      body:not(.no-margins) {
        margin: 0; } }
button, input {
  font-family: inherit; }
a {
  transition: all 0.2s ease-in-out;
  color: inherit; }
a:hover, a:focus {
  text-decoration: none;
  color: #ddae71; }
textarea:focus, input:focus, a:focus, a:visited, *:focus {
  outline: none; }
iframe {
  border: 0; }
img {
  max-width: 100%;
  height: auto;
  backface-visibility: hidden; }
#body-wrapper {
  position: relative;
  overflow: hidden; }
#body-wrapper::before {
    transition-property: all;
    transition-duration: 0.25s;
    transition-timing-function: ease-out;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    content: ' ';
    z-index: 899;
    visibility: hidden;
    opacity: 0; }
.dropdown-visible #body-wrapper::before {
  opacity: 1;
  visibility: visible; }
.container > .main.left, .container > .sidebar.left {
  float: left; }
@media (max-width: 767px) {
    .container > .main.left, .container > .sidebar.left {
      float: none; } }
.container > .main.right, .container > .sidebar.right {
  float: right; }
@media (max-width: 767px) {
    .container > .main.right, .container > .sidebar.right {
      float: none; } }
.container > .main {
  width: 70%; }
@media (max-width: 767px) {
    .container > .main {
      width: 100%;
      margin-bottom: 3rem; } }
.container > .sidebar {
  width: 24%; }
@media (max-width: 767px) {
    .container > .sidebar {
      width: 100%; } }
.container-md {
  width: 860px; }
@media (max-width: 767px) {
    .container-md {
      width: 730px; } }
@media (max-width: 575px) {
    .container-md {
      width: auto; } }
::-moz-selection {
  background: #ddae71;
  color: white; }
::selection {
  background: #ddae71;
  color: white; }
*::-moz-selection {
  background: #ddae71;
  color: white; }
/* ---------------------------------------------------------------------------- */
/* --- 2. BASICS
/* ----------------------------------------------------------------------------- */
.relative {
  position: relative;
  z-index: 2; }
.block {
  display: block; }
.dark {
  color: white; }
.pull-up-0 {
  margin-top: -0px !important; }
.pull-up-5 {
  margin-top: -5px !important; }
.pull-up-10 {
  margin-top: -10px !important; }
.pull-up-15 {
  margin-top: -15px !important; }
.pull-up-20 {
  margin-top: -20px !important; }
.pull-up-25 {
  margin-top: -25px !important; }
.pull-up-30 {
  margin-top: -30px !important; }
.pull-up-35 {
  margin-top: -35px !important; }
.pull-up-40 {
  margin-top: -40px !important; }
.pull-up-45 {
  margin-top: -45px !important; }
.pull-up-50 {
  margin-top: -50px !important; }
.push-down-0 {
  margin-bottom: -0px !important; }
.push-down-5 {
  margin-bottom: -5px !important; }
.push-down-10 {
  margin-bottom: -10px !important; }
.push-down-15 {
  margin-bottom: -15px !important; }
.push-down-20 {
  margin-bottom: -20px !important; }
.push-down-25 {
  margin-bottom: -25px !important; }
.push-down-30 {
  margin-bottom: -30px !important; }
.push-down-35 {
  margin-bottom: -35px !important; }
.push-down-40 {
  margin-bottom: -40px !important; }
.push-down-45 {
  margin-bottom: -45px !important; }
.push-down-50 {
  margin-bottom: -50px !important; }
.mb-6 {
  margin-bottom: 70px !important;
  margin-bottom: 5rem !important; }
.animated {
  visibility: hidden; }
.animated.visible {
  visibility: visible; }
.border {
  border: 1px solid #e0e0e0; }
.dark .border {
  border: 1px solid rgba(255, 255, 255, 0.15); }
.border-top {
  border-top: 1px solid #e0e0e0; }
.dark .border-top, .dark.border-top {
  border-top: 1px solid rgba(255, 255, 255, 0.15); }
.border-bottom {
  border-bottom: 1px solid #e0e0e0; }
.dark .border-bottom, .dark.border-bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.shadow {
  box-shadow: 1px 1px 30px 0 rgba(0, 0, 0, 0.1); }
.row.gutters-sm {
  margin-left: -7.5px;
  margin-right: -7.5px; }
.row.gutters-sm > *[class^='col'], .row.gutters-sm > *[class*=' col'] {
  padding-left: 7.5px;
  padding-right: 7.5px; }
.row.with-separator {
  margin-left: -30px;
  margin-right: -30px; }
@media (max-width: 767px) {
    .row.with-separator {
      margin-left: -15px;
      margin-right: -15px; } }
.row.with-separator > *[class^='col'], .row.with-separator > *[class*=' col'] {
    padding-left: 30px;
    padding-right: 30px; }
@media (max-width: 767px) {
      .row.with-separator > *[class^='col'], .row.with-separator > *[class*=' col'] {
        padding-left: 15px;
        padding-right: 15px; } }
.row.with-separator > *[class^='col']:not(:last-child), .row.with-separator > *[class*=' col']:not(:last-child) {
      border-right: 1px solid #e0e0e0; }
@media (max-width: 767px) {
        .row.with-separator > *[class^='col']:not(:last-child), .row.with-separator > *[class*=' col']:not(:last-child) {
          border-right: 0; } }
.h-100 {
  height: 100px; }
.h-200 {
  height: 200px; }
.h-300 {
  height: 300px; }
.h-400 {
  height: 400px; }
.h-500 {
  height: 500px; }
.h-600 {
  height: 600px; }
.h-700 {
  height: 700px; }
.h-800 {
  height: 800px; }
.h-900 {
  height: 900px; }
.h-sm {
  height: 40vh; }
.h-md {
  height: 60vh; }
.h-lg {
  height: 80vh; }
.fullheight {
  height: 100vh; }
.min-fullheight {
  min-height: 100vh; }
.v-center {
  position: relative;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  transition: all 0.3s ease-out; }
@media (max-width: 991px) {
    .v-center {
      top: 0;
      transform: translate3d(0, 0, 0); } }
.v-bottom {
  position: relative;
  top: 80%;
  transform: translate3d(0, -100%, 0);
  transition: all 0.3s ease-out; }
@media (max-width: 991px) {
    .v-bottom {
      top: 0;
      transform: translate3d(0, 0, 0); } }
@media (max-width: 991px) {
  .h-sm, .h-md, .h-lg, .fullheight {
    height: auto; } }
/* ---------------------------------------------------------------------------- */
/* --- 3. HEADER
/* ----------------------------------------------------------------------------- */
#header {
  position: relative;
  width: 100%;
  background-color: white;
  z-index: 900; }
@media (min-width: 992px) {
    #header {
      height: 100px; } }
@media (max-width: 991px) {
    #header {
      display: none; } }
#header.absolute {
    position: absolute; }
#header.light {
    background-color: white; }
#header.dark {
    background-color: #282b2e; }
#header.transparent {
    background-color: transparent;
    color: white; }
#header .module {
    line-height: 45px;
    display: inline-block; }
#header .module:not(.module-logo):not(.module-logo-horizontal) {
      padding-top: 27.5px;
      padding-bottom: 27.5px; }
#header .module.right {
      float: right; }
#header .module.left {
      float: left; }
#header .module-logo {
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    text-align: center;
    padding: 70px 28px;
    padding: 5rem 2rem; }
@media (max-width: 1500px) {
      #header .module-logo {
        padding: 4rem 2rem; } }
#header .module-logo.light {
      background-color: white; }
#header .module-logo.dark {
      background-color: #282b2e; }
#header .module-logo img {
      max-width: 150px; }
#header .module-logo-horizontal {
    display: flex;
    align-items: center;
    height: 100px; }
#header .module-logo-horizontal img {
      height: 50px; }
#header .module-cart:hover, #header .module-cart:focus {
    color: inherit; }
#header .module-cart:hover .cart-value, #header .module-cart:focus .cart-value {
      opacity: 0.6; }
#header .module-cart .cart-icon {
    position: relative; }
#header .module-cart .cart-icon i {
      font-size: 23.8px;
      font-size: 1.7rem;
      display: inline-block;
      color: #bbc4c6; }
#header .module-cart .cart-icon .notification {
      border-radius: 30px;
      position: absolute;
      top: -11.2px;
      top: -0.8rem;
      right: 0;
      background-color: #4aa36b;
      color: white;
      font-weight: 600;
      font-size: 9.799px;
      font-size: 0.7rem;
      display: inline-block;
      padding: 2.1px 4.2px 2.8px 4.899px;
      padding: 0.15rem 0.3rem 0.2rem 0.35rem;
      line-height: 1; }
#header .module-cart .cart-value {
    transition-property: all;
    transition-duration: 0.25s;
    transition-timing-function: ease-out;
    font-size: 19.599px;
    font-size: 1.4rem;
    font-family: "Oswald", sans-serif;
    border-left: 1px solid #e0e0e0;
    margin-left: 7px;
    margin-left: 0.5rem;
    padding-left: 10.5px;
    padding-left: 0.75rem; }
#header.transparent .module-cart .cart-value, #header.dark .module-cart .cart-value {
    border-color: rgba(255, 255, 255, 0.15); }
/* 3.1 Header Mobile
----------------------------------------------------------*/
#header-mobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  z-index: 900;
  display: none; }
@media (max-width: 991px) {
    #header-mobile {
      display: block; } }
#header-mobile.light {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    background-color: white; }
#header-mobile.dark {
    background-color: #282b2e; }
#header-mobile .module {
    line-height: 60px; }
#header-mobile .module-logo {
    width: calc(100% - 90px);
    margin: 0 auto;
    text-align: center; }
#header-mobile .module-logo img {
      height: calc(60px - 30px); }
#header-mobile .module-nav-toggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    text-align: center; }
#header-mobile .module-cart {
    position: absolute;
    top: 0;
    right: 10px; }
#header-mobile .module-cart i {
      position: relative;
      top: 4px;
      font-size: 23.8px;
      font-size: 1.7rem;
      display: inline-block;
      color: #bbc4c6; }
#header-mobile .module-cart .notification {
      border-radius: 30px;
      position: absolute;
      top: 11.2px;
      top: 0.8rem;
      right: 0;
      background-color: #4aa36b;
      color: white;
      font-weight: 600;
      font-size: 9.799px;
      font-size: 0.7rem;
      display: inline-block;
      padding: 2.1px 4.2px 2.8px 4.899px;
      padding: 0.15rem 0.3rem 0.2rem 0.35rem;
      line-height: 1; }
#nav-toggle {
  transition: 0.5s ease-in-out;
  cursor: pointer;
  transform: rotate(0deg);
  width: 26px;
  height: 26px;
  position: relative;
  display: inline-block;
  margin-top: 17px; }
#nav-toggle span {
    border-radius: 2px;
    transition: 0.25s ease-in-out;
    transform: rotate(0deg);
    opacity: 1;
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #383c40;
    left: 0; }
#nav-toggle span:nth-child(1) {
      top: 3px; }
#nav-toggle span:nth-child(2), #nav-toggle span:nth-child(3) {
      top: 11px; }
#nav-toggle span:nth-child(4) {
      top: 19px; }
#nav-toggle.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%; }
#nav-toggle.open span:nth-child(2) {
    transform: rotate(45deg); }
#nav-toggle.open span:nth-child(3) {
    transform: rotate(-45deg); }
#nav-toggle.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%; }
.dark #nav-toggle span {
  background: white; }
/* Panel Mobile */
#panel-mobile {
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  transform: translateX(-100%);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: white;
  width: 300px;
  z-index: 970;
  display: none;
  visibility: hidden;
  overflow: auto; }
@media (max-width: 991px) {
    #panel-mobile {
      display: block; } }
@media (max-width: 575px) {
    #panel-mobile {
      width: 100%; } }
#panel-mobile.show {
    transform: translateX(0);
    visibility: visible; }
#panel-mobile .module-logo {
    text-align: center;
    padding: 70px 28px;
    padding: 5rem 2rem;
    display: block; }
#panel-mobile .module-navigation {
    padding: 14px 21px;
    padding: 1rem 1.5rem; }
#panel-mobile .module-social {
    padding: 14px;
    padding: 1rem;
    text-align: center; }
#panel-mobile .close {
    position: absolute;
    top: 21px;
    top: 1.5rem;
    left: 21px;
    left: 1.5rem;
    font-size: 18.2px;
    font-size: 1.3rem; }
.nav-main-mobile {
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  flex-direction: column; }
.nav-main-mobile li {
    position: relative; }
.nav-main-mobile li.has-dropdown::after {
      transition-property: all;
      transition-duration: 0.25s;
      transition-timing-function: ease-out;
      position: absolute;
      top: 14px;
      top: 1rem;
      right: 14px;
      right: 1rem;
      font-family: 'themify-icons';
      content: '\e62a';
      margin-left: 7px;
      margin-left: 0.5rem;
      font-size: 0.75em;
      display: inline-block;
      vertical-align: middle;
      color: #a4a7a9; }
.nav-main-mobile > li {
    position: relative;
    border-bottom: 1px solid #e0e0e0; }
.nav-main-mobile > li > a {
      padding: 12.6px 0;
      padding: 0.9rem 0;
      font-size: 15.4px;
      font-size: 1.1rem;
      display: flex;
      align-items: center; }
.nav-main-mobile > li > a .badge {
        margin-left: 7px;
        margin-left: 0.5rem; }
.nav-main-mobile > li .dropdown-container {
      display: none; }
.nav-main-mobile > li .dropdown-container .dropdown-image {
        display: none; }
.nav-main-mobile ul {
    list-style: none;
    margin: 0 7px 14px;
    margin: 0 0.5rem 1rem;
    padding: 0 14px;
    padding: 0 1rem;
    font-size: 13.299px;
    font-size: 0.95rem; }
.nav-main-mobile ul > li.has-dropdown::after {
      top: 4.899px;
      top: 0.35rem;
      right: 0; }
.nav-main-mobile ul > li > a {
      padding: 7px 0;
      padding: 0.5rem 0;
      display: flex;
      align-items: center; }
.nav-main-mobile ul > li > a .badge {
        margin-left: 7px;
        margin-left: 0.5rem; }
.nav-main-mobile ul ul {
      padding: 0;
      display: none; }
/* 3.2 Navigation Desktop
----------------------------------------------------------*/
.nav-main {
  font-family: "Oswald", sans-serif;
  text-transform: uppercase; }
.nav-main > li {
    position: relative; }
.nav-main > li:not(:last-child) {
      margin-right: 21px;
      margin-right: 1.5rem; }
.nav-main > li.has-dropdown > a::after {
      transition-property: all;
      transition-duration: 0.25s;
      transition-timing-function: ease-out;
      opacity: 0.5;
      font-family: 'themify-icons';
      content: '\e62a';
      margin-left: 7px;
      margin-left: 0.5rem;
      font-size: 0.75em;
      display: inline-block;
      vertical-align: middle; }
.nav-main > li.has-dropdown > a:hover, .nav-main > li.has-dropdown > a:focus {
      color: inherit; }
.nav-main > li.has-dropdown > a:hover::after, .nav-main > li.has-dropdown > a:focus::after {
        opacity: 1; }
.nav-main > li.has-dropdown.dropdown-show > a::after {
      transform: translateY(3px);
      opacity: 1; }
.nav-main > li.has-dropdown.dropdown-show > .dropdown-container {
      transform: translateY(0);
      opacity: 1;
      visibility: visible; }
.nav-main > li > a {
      line-height: 45px; }
.nav-main > li > a:hover, .nav-main > li > a:focus {
        color: #ddae71; }
.nav-main > li .dropdown-container {
      transition-property: all;
      transition-duration: 0.25s;
      transition-timing-function: ease-out;
      display: flex;
      transform: translateY(10px);
      top: calc(100% + 45px);
      left: 0;
      position: absolute;
      background-color: white;
      opacity: 0;
      visibility: hidden;
      color: #383c40;
      text-align: left; }
.nav-main > li .dropdown-container .dropdown-mega {
        padding: 7px 21px;
        padding: 0.5rem 1.5rem; }
.nav-main > li .dropdown-container .dropdown-mega > li > a {
          padding: 10.5px 0;
          padding: 0.75rem 0; }
.nav-main > li .dropdown-container .dropdown-image {
        width: 250px; }
.nav-main ul {
    list-style: none;
    padding: 5px;
    margin: 0;
    line-height: 1.5;
    width: 200px;
    background-color: white; }
.nav-main ul li {
      position: relative; }
.nav-main ul li:not(:last-child) {
        border-bottom: 1px solid #e0e0e0; }
.nav-main ul li a {
        display: flex;
        align-items: center;
        padding: 10.5px 14px;
        padding: 0.75rem 1rem;
        font-size: 12.6px;
        font-size: 0.9rem; }
.nav-main ul li a .badge {
          margin-left: auto; }
.nav-main ul li.has-dropdown::after {
        opacity: 0.5;
        position: absolute;
        top: 14px;
        top: 1rem;
        right: 14px;
        right: 1rem;
        font-family: 'themify-icons';
        content: '\e628';
        font-size: 0.75em; }
.nav-main ul li > ul {
        transition-property: all;
        transition-duration: 0.25s;
        transition-timing-function: ease-out;
        position: absolute;
        top: 0;
        left: calc(100% + 8px);
        visibility: hidden;
        opacity: 0; }
.nav-main ul li.dropdown-show.has-dropdown::after {
        opacity: 1; }
.nav-main ul li.dropdown-show > ul {
        opacity: 1;
        visibility: visible; }
/* ---------------------------------------------------------------------------- */
/* --- 4. CONTENT
/* ----------------------------------------------------------------------------- */
#content {
  position: relative;
  overflow: hidden; }
@media (max-width: 991px) {
    #content {
      margin-top: 60px; } }
.page-content {
  padding-top: 28px;
  padding-top: 2rem;
  padding-bottom: 28px;
  padding-bottom: 2rem; }
/* 4.1 Blog
----------------------------------------------------------*/
.post {
  margin-bottom: 21px;
  margin-bottom: 1.5rem; }
.post .post-image img {
    width: 100%; }
.post ul.post-meta {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
    margin: 0 0 2rem;
    display: block; }
.post ul.post-meta > li {
      display: inline-block;
      font-size: 12px;
      color: #a4a7a9;
      font-weight: 500; }
.post ul.post-meta > li > span {
        opacity: 0.7; }
.post ul.post-meta > li:not(:last-child) {
        margin-right: 8px; }
.post ul.post-meta > li:not(:last-child)::after {
          opacity: 0.7;
          content: '/';
          margin-left: 8px;
          font-size: 60%; }
@media (min-width: 768px) {
    .post.post-wide {
      display: flex !important; } }
.post.post-wide .post-image {
    width: 60%;
    background-size: cover;
    background-position: center center; }
@media (max-width: 767px) {
      .post.post-wide .post-image {
        width: 100%;
        height: 300px; } }
.post.post-wide .post-content {
    position: relative;
    width: 40%;
    background-color: #f3f4f4;
    padding: 56px;
    padding: 4rem; }
@media (max-width: 767px) {
      .post.post-wide .post-content {
        width: 100%;
        padding: 40px 30px; } }
.post.post-wide .post-content h4 {
      margin-bottom: 25px; }
.post.post-wide .post-content p {
      color: #a4a7a9; }
.post.post-wide:nth-child(2n) {
    flex-direction: row-reverse; }
.post.post-masonry .post-content {
    position: relative;
    background-color: #f3f4f4;
    padding: 40px 30px; }
.post.post-masonry .post-content::after {
      position: absolute;
      bottom: 100%;
      left: 50%;
      margin-left: -10px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 10px 10px;
      border-color: transparent transparent #f3f4f4 transparent;
      content: ' '; }
.post.post-masonry .post-content h4 {
      margin-bottom: 25px; }
.post.post-masonry .post-content p {
      color: #a4a7a9; }
.post.single .date {
    margin-bottom: 28px;
    margin-bottom: 2rem;
    font-size: 15.4px;
    font-size: 1.1rem; }
.post.single .post-image {
    height: 60vh;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    overflow: hidden; }
.post.single .post-image > img {
      border-radius: 3px; }
.post.single .post-content {
    background-color: white;
    padding: 70px;
    padding: 5rem;
    z-index: 2;
    margin-top: -10vh; }
@media (max-width: 991px) {
      .post.single .post-content {
        padding: 3rem; } }
@media (max-width: 575px) {
      .post.single .post-content {
        padding: 1.5rem; } }
.post.single .post-module {
    margin-top: 42px;
    margin-top: 3rem; }
.bg-light .post.post-masonry .post-content, .bg-light .post.post-wide .post-content, .bg-grey .post.post-masonry .post-content, .bg-grey .post.post-wide .post-content {
  background-color: white; }
.comments {
  list-style: none;
  padding: 0;
  margin: 0; }
.comments > li {
    margin-bottom: 7px;
    margin-bottom: 0.5rem; }
.comments > li .avatar {
      width: 58px;
      height: 58px;
      float: left; }
@media (max-width: 575px) {
        .comments > li .avatar {
          width: 28px;
          height: 28px; } }
.comments > li .avatar > img {
        border-radius: 50%;
        width: 58px;
        height: 58px; }
@media (max-width: 575px) {
          .comments > li .avatar > img {
            width: 28px;
            height: 28px; } }
.comments > li .content {
      padding: 10px 0;
      margin-left: 78px; }
@media (max-width: 575px) {
        .comments > li .content {
          padding-top: 0;
          margin-left: 38px; } }
.comments > li .content > .details {
        font-size: 12.6px;
        font-size: 0.9rem;
        color: #a4a7a9; }
.comments > li ul {
      padding-left: 58px;
      list-style: none; }
@media (max-width: 575px) {
        .comments > li ul {
          padding-left: 30px; } }
/* 4.2 Features
----------------------------------------------------------*/
.feature {
  margin-bottom: 30px;
  display: block; }
.feature.feature-1 .feature-content {
    padding-left: 65px;
    padding-top: 21px;
    padding-top: 1.5rem; }
.feature.feature-1 .icon {
    float: left; }
.feature.feature-1 .icon.icon-sm + .feature-content {
      padding-left: 55px; }
.feature.feature-1 .icon.icon-lg + .feature-content {
      padding-left: 120px; }
.feature.feature-1 .icon.icon-circle + .feature-content {
      padding-left: 95px; }
.feature.feature-1 .icon.icon-circle.icon-sm + .feature-content {
      padding-left: 64px; }
.feature.feature-1 .icon.icon-circle.icon-lg + .feature-content {
      padding-left: 140px; }
/* 4.3 Menu
----------------------------------------------------------*/
/* Menu Sample */
.menu-sample {
  position: relative;
  background-color: #282b2e;
  overflow: hidden; }
.menu-sample .image {
    transition: all 1.5s ease-out;
    width: 100%; }
.menu-sample .title {
    position: absolute;
    bottom: 63px;
    bottom: 4.5rem;
    right: 63px;
    right: 4.5rem;
    color: white;
    font-size: 77px;
    font-size: 5.5rem;
    font-weight: 100;
    margin-bottom: 0; }
@media (max-width: 991px) {
      .menu-sample .title {
        font-size: 4rem; } }
.menu-sample:hover .image {
    transform: scale(1.05); }
.menu-sample-carousel {
  margin-bottom: 0; }
.menu-sample-carousel .slick-list {
    overflow: visible; }
/* Menu Navigation */
.nav-menu {
  flex-direction: column;
  padding: 21px 35px;
  padding: 1.5rem 2.5rem;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  margin-bottom: 28px;
  margin-bottom: 2rem; }
.nav-menu li a {
    padding: 7px 0;
    padding: 0.5rem 0;
    font-size: 15.4px;
    font-size: 1.1rem;
    display: block; }
/* Menu Category */
.menu-category {
  margin-bottom: 28px;
  margin-bottom: 2rem; }
.menu-category .menu-category-title {
    position: relative;
    height: 35vh;
    min-height: 160px;
    color: white;
    padding: 42px;
    padding: 3rem;
    background-color: #282b2e; }
@media (max-width: 991px) {
      .menu-category .menu-category-title {
        min-height: 100px; } }
.menu-category .menu-category-title .bg-image::after {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: ' ';
      background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.menu-category .menu-category-title .title {
      position: absolute;
      bottom: 42px;
      bottom: 3rem;
      left: 56px;
      left: 4rem;
      font-size: 70px;
      font-size: 5rem;
      z-index: 2;
      margin-bottom: 0; }
@media (max-width: 1500px) {
        .menu-category .menu-category-title .title {
          font-size: 4.5rem; } }
@media (max-width: 991px) {
        .menu-category .menu-category-title .title {
          font-size: 4rem;
          bottom: 2rem;
          left: 3rem; } }
@media (max-width: 991px) {
        .menu-category .menu-category-title .title {
          font-size: 3rem;
          left: 2rem; } }
.menu-category .menu-category-title.collapse-toggle {
      transition-property: all;
      transition-duration: 0.25s;
      transition-timing-function: ease-out;
      cursor: pointer;
      height: 25vh; }
.menu-category .menu-category-title.collapse-toggle::after {
        transition-property: all;
        transition-duration: 0.25s;
        transition-timing-function: ease-out;
        opacity: 0.5;
        position: absolute;
        bottom: 42px;
        bottom: 3rem;
        right: 42px;
        right: 3rem;
        font-family: 'themify-icons';
        content: '\e64b';
        display: inline-block;
        font-size: 42px;
        font-size: 3rem;
        z-index: 2; }
@media (max-width: 1500px) {
          .menu-category .menu-category-title.collapse-toggle::after {
            bottom: 2.5rem; } }
@media (max-width: 991px) {
          .menu-category .menu-category-title.collapse-toggle::after {
            right: 2rem;
            bottom: 2rem;
            font-size: 2rem; } }
.menu-category .menu-category-title.collapse-toggle[aria-expanded='true'] {
        height: 35vh; }
.menu-category .menu-category-title.collapse-toggle[aria-expanded='true']::after {
          transform: rotateX(180deg); }
.menu-category .menu-category-content {
    border: 1px solid #e0e0e0;
    background-color: white; }
.menu-category .menu-category-content.padded {
      padding: 15px; }
.menu-list-item {
  padding: 17.5px 21px;
  padding: 1.25rem 1.5rem;
  line-height: 1.2; }
@media (max-width: 575px) {
    .menu-list-item {
      padding: 1rem; } }
.menu-list-item:not(:last-child) {
    border-bottom: 1px solid #e0e0e0; }
.menu-grid-item {
  line-height: 1.2;
  margin-bottom: 21px;
  margin-bottom: 1.5rem; }
.menu-grid-item:not(:last-child) {
    border-bottom: 1px solid #e0e0e0; }
/* 4.4 Other
----------------------------------------------------------*/
/* Rate */
.rate > i {
  margin-right: 0.5em;
  color: #bbc4c6; }
.rate > i.active {
    color: #ebd072 !important; }
.rate.rate-lg {
  font-size: 1.3em; }
.rate.rate-sm {
  font-size: 0.8em; }
.dark .rate > i {
  color: rgba(255, 255, 255, 0.4); }
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: left; }
.rating > i {
    cursor: pointer; }
.rating > i:hover, .rating > i:hover ~ i {
      color: #ebd072; }
/* Special Offer */
.special-offer {
  margin-bottom: 30px; }
@media (min-width: 992px) {
    .special-offer {
      display: flex !important; } }
.special-offer .special-offer-image {
    position: relative;
    width: 50%;
    z-index: 1; }
@media (max-width: 991px) {
      .special-offer .special-offer-image {
        width: auto;
        float: none; } }
.special-offer .special-offer-content {
    position: relative;
    width: 55%;
    margin-left: -5%;
    margin-top: 5%;
    float: left;
    background-color: #f3f4f4;
    padding: 56px;
    padding: 4rem;
    z-index: 2; }
@media (max-width: 991px) {
      .special-offer .special-offer-content {
        float: none;
        width: auto;
        margin-left: 5%;
        margin-top: -5%;
        padding: 3rem; } }
.bg-light .special-offer .special-offer-content,
    .bg-primary-light .special-offer .special-offer-content {
      background-color: white; }
/* Panel Details */
.panel-details:not(:last-child) {
  border-bottom: 1px solid #e0e0e0; }
.panel-details .panel-details-title {
  margin: 0;
  padding: 17.5px 0;
  padding: 1.25rem 0; }
.panel-details .panel-details-title > label {
    top: -0.25em;
    margin-bottom: 0;
    margin-right: 0;
    display: inline-block;
    vertical-align: middle;
    float: left;
    pointer-events: none; }
.panel-details .panel-details-content {
  padding: 17.5px 28px;
  padding: 1.25rem 2rem;
  border-top: 1px solid #e0e0e0; }
/* Grey to Color */
.grey-to-color {
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
  filter: grayscale(100%); }
.grey-to-color:hover, .grey-to-color:focus {
    filter: grayscale(0%); }
/* Utility Box */
.utility-box {
  background-color: white; }
.utility-box .utility-box-title,
  .utility-box .utility-box-content {
    padding: 28px;
    padding: 2rem;
    position: relative; }
.utility-box .utility-box-btn:hover, .utility-box .utility-box-btn:focus {
    transform: translateY(0); }
/* Image Box */
.image-box {
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
  margin-bottom: 28px;
  margin-bottom: 2rem; }
.image-box:hover {
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
    transform: translateY(-3px); }
.image-box .image img {
    width: 100%; }
.image-box .title {
    padding: 21px;
    padding: 1.5rem;
    text-align: center;
    background-color: white; }
/* Product */
.product-single .product-content {
  background: white;
  padding: 35px 42px;
  padding: 2.5rem 3rem; }
.product-single .product-content .product-header {
    padding-bottom: 35px;
    padding-bottom: 2.5rem;
    margin-bottom: 35px;
    margin-bottom: 2.5rem;
    border-bottom: 1px solid #e0e0e0; }
.product-single .product-content .product-title {
    margin-bottom: 3.5px;
    margin-bottom: 0.25rem; }
.product-single .product-content .product-caption {
    font-size: 18.2px;
    font-size: 1.3rem;
    font-weight: 200;
    display: block; }
.product-single .product-content .product-price {
    font-size: 35px;
    font-size: 2.5rem;
    color: #ddae71;
    margin-bottom: 35px;
    margin-bottom: 2.5rem; }
/* Documentation */
.example-box {
  /* border: 1px solid #e1e1e8;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; */
} 
.example-box-content {
  padding-top: 20px; }
.example-box-content > *:last-child {
  margin-bottom: 0; }
.example-box-title {
  padding: 10px 20px;
  text-transform: uppercase;
  font-size: 11px;
  border-bottom: 1px solid #e1e1e8;
  background-color: #f7f8f9;
  color: #9b9fa1;
  font-weight: 500; }
.example-box + pre {
  margin-top: -1px !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
pre {
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4; }
.prettyprint .tag {
  font-size: 13px;
  font-weight: normal;
  padding: 0; }
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, 'Courier New', monospace;
  color: #333;
  display: block;
  padding: 9.5px;
  margin: 0 0 30px !important;
  font-size: 12.6px;
  font-size: 0.9rem;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px; }
pre.prettyprint {
  margin-bottom: 20px; }
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }
.com {
  color: #999; }
.lit {
  color: #195f91; }
.pun, .opn, .clo {
  color: #93a1a1; }
.fun {
  color: #dc322f; }
.str, .atv {
  color: #d44950; }
.kwd, .prettyprint .tag {
  color: #2f6f9f; }
.typ, .atn, .dec, .var {
  /*color: teal;*/
  color: #4f9fcf; }
.pln {
  color: #333; }
.prettyprint.prettyprinted {
  padding: 10px 15px;
  background-color: #f7f8f9;
  border: 1px solid #e0e0e0; }
.prettyprint.linenums {
  box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; }
/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin: 0 0 0 -12px; }
ol.linenums li {
  padding-left: 12px;
  color: #bebec5;
  line-height: 20px;
  list-style: decimal; }
/* WooCommerce */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
  border-color: #ddae71;
  background-color: white; }
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  border-radius: 0;
  border-color: #e0e0e0; }
/* 4.5 Page Title
----------------------------------------------------------*/
.page-title {
  position: relative;
  padding: 84px 0 98px;
  padding: 6rem 0 7rem; }
@media (max-width: 1500px) {
    .page-title {
      padding: 4rem 0 5rem; } }
.page-title.bg-dark {
    background-color: #202225 !important; }
.page-title.page-title-lg {
    padding: 126px 0;
    padding: 9rem 0; }
@media (max-width: 1500px) {
      .page-title.page-title-lg {
        padding: 6rem 0; } }
.page-title h1 {
    font-size: 77px;
    font-size: 5.5rem; }
@media (max-width: 1500px) {
      .page-title h1 {
        font-size: 4.75rem; } }
@media (max-width: 991px) {
      .page-title h1 {
        font-size: 4rem; } }
@media (max-width: 575px) {
      .page-title h1 {
        font-size: 3.5rem; } }
/* 4.6 Sections
----------------------------------------------------------*/
section, .section {
  position: relative;
  padding-top: 70px;
  padding-top: 5rem;
  padding-bottom: 70px;
  padding-bottom: 5rem; }
@media (max-width: 1500px) {
    section, .section {
      padding-top: 4rem;
      padding-bottom: 4rem; } }
section.cover, .section.cover {
    padding-top: 0;
    padding-bottom: 0; }
section.section-lg, .section.section-lg {
    padding-top: 8em;
    padding-bottom: 112px;
    padding-bottom: 8rem; }
@media (max-width: 1500px) {
      section.section-lg, .section.section-lg {
        padding-top: 6rem;
        padding-bottom: 6rem; } }
section.section-sm, .section.section-sm {
    padding-top: 63px;
    padding-top: 4.5rem;
    padding-bottom: 63px;
    padding-bottom: 4.5rem; }
@media (max-width: 1500px) {
      section.section-sm, .section.section-sm {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem; } }
section.protrude, .section.protrude {
    z-index: 2; }
/* Section Main */
.section-main {
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden; }
body.no-margins .section-main {
    height: calc(100vh - 100px); }
@media (max-width: 1199px) {
      body.no-margins .section-main {
        height: calc(100vh - 100px); } }
@media (max-width: 991px) {
      body.no-margins .section-main {
        height: auto; } }
body:not(.no-margins) .section-main {
    height: calc(100vh - 100px - 30px); }
@media (max-width: 1199px) {
      body:not(.no-margins) .section-main {
        height: calc(100vh - 100px - 15px); } }
@media (max-width: 991px) {
      body:not(.no-margins) .section-main {
        height: auto; } }
body:not(.no-margins) .header-absolute .section-main {
  height: calc(100vh - 30px); }
@media (max-width: 1199px) {
    body:not(.no-margins) .header-absolute .section-main {
      height: calc(100vh - 15px); } }
@media (max-width: 991px) {
    body:not(.no-margins) .header-absolute .section-main {
      height: auto; } }
body.no-margins .header-absolute .section-main {
  height: calc(100vh); }
@media (max-width: 1199px) {
    body.no-margins .header-absolute .section-main {
      height: calc(100vh); } }
@media (max-width: 991px) {
    body.no-margins .header-absolute .section-main {
      height: auto; } }
.section-main-1 > .container {
  height: 100%; }
.section-main-1 > .container .slide-container {
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: relative;
    height: 100%; }
.section-main-1 > .container .image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 70px;
    width: calc(1110px + ((100vw - 1110px) / 2) - 70px - 30px);
    cursor: move;
    overflow: hidden; }
@media (max-width: 575px) {
      .section-main-1 > .container .image {
        width: auto;
        left: -15px;
        right: -15px; } }
.section-main-1 > .container .image .slick-dots {
      position: absolute;
      bottom: 25px;
      left: 20px;
      text-align: left; }
.section-main-1 > .container .image .slick-slide > div {
      height: 100%; }
.section-main-1 > .container .image .slide {
      position: relative;
      height: 100%; }
.section-main-1 > .container .image .slick-list, .section-main-1 > .container .image .slick-track {
      height: 100%;
      overflow: hidden; }
.section-main-1 > .container .content {
    position: relative;
    background-color: #282b2e;
    z-index: 5;
    width: 45%; }
@media (max-width: 991px) {
      .section-main-1 > .container .content {
        width: 80%;
        margin-top: 90px;
        margin-bottom: 90px; } }
@media (max-width: 575px) {
      .section-main-1 > .container .content {
        width: 90%;
        margin-top: 160px; } }
.section-main-1 > .container .content .content-inner {
      padding: 56px;
      padding: 4rem; }
@media (max-width: 1500px) {
        .section-main-1 > .container .content .content-inner {
          padding: 3rem; } }
@media (max-width: 991px) {
        .section-main-1 > .container .content .content-inner {
          padding: 2.5rem; } }
@media (max-width: 575px) {
        .section-main-1 > .container .content .content-inner {
          padding: 1.75rem; } }
.section-main-1 > .container .content .content-nav {
      position: absolute;
      top: 100%;
      right: 0; }
.section-main-1 > .container .content .content-nav > a {
        float: left;
        width: 70px;
        height: 70px;
        display: block;
        background-color: #242729;
        line-height: 70px;
        text-align: center;
        font-size: 19.599px;
        font-size: 1.4rem; }
.section-main-1 > .container .content .content-nav > a > i {
          transition-property: all;
          transition-duration: 0.25s;
          transition-timing-function: ease-out;
          display: inline-block; }
.section-main-1 > .container .content .content-nav > a:hover > i, .section-main-1 > .container .content .content-nav > a:focus > i {
          color: #ddae71; }
.section-main-1 > .container .content .content-nav > a:hover.next > i, .section-main-1 > .container .content .content-nav > a:focus.next > i {
          transform: translateX(3px); }
.section-main-1 > .container .content .content-nav > a:hover.prev > i, .section-main-1 > .container .content .content-nav > a:focus.prev > i {
          transform: translateX(-3px); }
.section-main-1 > .container .content .content-nav > a:not(:last-child) {
          border-right: 1px solid rgba(255, 255, 255, 0.15); }
.section-main-2 .section-slider {
  height: 100%; }
.section-main-2 .slide {
  position: relative;
  overflow: hidden;
  height: 100%; }
@media (max-width: 991px) {
    .section-main-2 .slide {
      height: auto;
      padding-top: 5rem;
      padding-bottom: 5rem; } }
@media (max-width: 991px) {
  .section-main-2 .section-content {
    height: auto;
    padding-top: 5rem;
    padding-bottom: 5rem; } }
.section-main-2 .slick-list, .section-main-2 .slick-track {
  height: 100%;
  overflow: hidden; }
.section-main-2 .slick-slide > div {
  height: 100%; }
.section-main-3 {
  padding-top: 70px;
  padding-top: 5rem;
  padding-bottom: 70px;
  padding-bottom: 5rem; }
.section-main-4 {
  display: flex;
  align-items: center;
  margin-bottom: 30px; }
@media (max-width: 1199px) {
    .section-main-4 {
      margin-bottom: 30px; } }
@media (max-width: 991px) {
    .section-main-4 {
      margin-bottom: 0; } }
.section-main-4 .section-main-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    height: 100%; }
@media (max-width: 991px) {
      .section-main-4 .section-main-image {
        opacity: 0.4; } }
@media (max-width: 1500px) {
      .section-main-4 .section-main-image {
        width: 75%; } }
.section-main-4 .section-main-content {
    position: relative;
    z-index: 2; }
@media (max-width: 991px) {
      .section-main-4 .section-main-content {
        padding-top: 5rem;
        padding-bottom: 5rem; } }
.section-main-4 .section-main-content.padded {
      padding-top: 15vh; }
/* Section Double */
.section-double {
  padding-top: 0;
  padding-bottom: 0; }
.section-double > .row {
    align-items: center;
    height: 35vw; }
@media (max-width: 1199px) {
      .section-double > .row {
        height: 70vh; } }
@media (max-width: 1500px) {
      .section-double > .row {
        height: 70vh; } }
@media (max-width: 767px) {
      .section-double > .row {
        height: auto; } }
.section-double > .row > .image {
      position: relative;
      height: 100%; }
@media (max-width: 767px) {
        .section-double > .row > .image {
          height: 60vh; } }
.section-double > .row > .image.right > .bg-image {
        background-position: left center; }
.section-double > .row > .image.left > .bg-image {
        background-position: right center; }
.section-double > .row > .image .btn-play {
        transform: translate3d(-50%, -50%, 0);
        position: absolute;
        top: 50%;
        left: 50%; }
.section-double > .row > .content {
      padding: 56px 8%;
      padding: 4rem 8%; }
/* BG Edge */
.section-bg-edge {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%; }
.section-bg-edge .image {
    position: absolute;
    top: 0;
    bottom: 0;
    padding-left: 0;
    padding-right: 0; }
@media (max-width: 767px) {
      .section-bg-edge .image {
        opacity: 0.25;
        left: 0;
        right: 0; } }
.section-bg-edge .image.right {
      text-align: right;
      right: 0; }
.section-bg-edge .image.right .bg-image {
        background-position: center left; }
.section-bg-edge .image.left {
      text-align: left;
      left: 0; }
.section-bg-edge .image.left .bg-image {
        background-position: center right; }
.section-bg-edge .image.bottom .bg-image {
      background-position-y: top !important; }
.section-bg-edge .container > div[class*='col-'] {
    padding-top: 84px;
    padding-top: 6rem;
    padding-bottom: 84px;
    padding-bottom: 6rem; }
.section-bg-edge.section-sm .container > div[class*='col-'] {
    padding-top: 63px;
    padding-top: 4.5rem;
    padding-bottom: 63px;
    padding-bottom: 4.5rem; }
.section-bg-edge.section-lg {
    padding-top: 0;
    padding-bottom: 0; }
.section-bg-edge.section-lg .container > div[class*='col-'] {
      padding-top: 112px;
      padding-top: 8rem;
      padding-bottom: 112px;
      padding-bottom: 8rem; }
/* Section Extended */
.section-extended {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0; }
.section-extended > .container {
    position: relative;
    padding-top: 84px;
    padding-top: 6rem;
    padding-bottom: 84px;
    padding-bottom: 6rem; }
.section-extended > .container::after {
      position: absolute;
      top: 0;
      width: 100vw;
      bottom: 0;
      content: ' ';
      background-color: #282b2e; }
.section-extended > .container.bg-dark::after {
      background-color: #282b2e; }
.section-extended > .container.bg-white::after {
      background-color: white; }
.section-extended > .container.bg-primary::after {
      background-color: #ddae71; }
.section-extended > .container.bg-extra-dark::after {
      background-color: #212326; }
.section-extended > .container > * {
      position: relative;
      z-index: 2; }
.section-extended.right > .container::after {
    left: -60px; }
.section-extended.left > .container::after {
    right: -60px; }
/* Section Gallery */
.section-gallery {
  position: relative; }
.section-gallery .set-fullscreen {
    position: absolute;
    top: 28px;
    top: 2rem;
    right: 28px;
    right: 2rem;
    color: white;
    z-index: 10;
    font-size: 21px;
    font-size: 1.5rem; }
.section-gallery .gallery-carousel {
    position: relative; }
.section-gallery .gallery-carousel .slide {
      position: relative;
      height: 100vh;
      display: block !important; }
@media (max-width: 767px) {
        .section-gallery .gallery-carousel .slide {
          height: 450px; } }
.section-gallery .gallery-carousel .slick-slide > div {
      height: 100%; }
.section-gallery .gallery-carousel .slick-list, .section-gallery .gallery-carousel .slick-track {
      height: 100%;
      overflow: hidden; }
.section-gallery .gallery-carousel::after {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 40%;
      background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
      content: ' ';
      z-index: 1; }
.section-gallery .gallery-nav {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.4);
    position: absolute;
    width: 500px;
    bottom: 30px;
    left: calc(50% - 250px);
    background-color: black;
    z-index: 3; }
.section-gallery .gallery-nav .slick-slide {
      transition-property: all;
      transition-duration: 0.25s;
      transition-timing-function: ease-out;
      opacity: 0.4;
      cursor: pointer; }
.section-gallery .gallery-nav .slick-slide.slick-current {
        opacity: 1; }
.section-gallery .gallery-nav .slick-prev, .section-gallery .gallery-nav .slick-next {
      visibility: visible;
      opacity: 1; }
.section-gallery .gallery-nav .slick-prev::before, .section-gallery .gallery-nav .slick-next::before {
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        color: white; }
/* ---------------------------------------------------------------------------- */
/* --- 5. FOOTER
/* ----------------------------------------------------------------------------- */
@media (max-width: 575px) {
  #footer {
    padding-bottom: 2rem; } }
#footer .footer-first-row {
  padding-top: 77px;
  padding-top: 5.5rem;
  padding-bottom: 77px;
  padding-bottom: 5.5rem; }
@media (max-width: 1500px) {
    #footer .footer-first-row {
      padding-top: 4rem;
      padding-bottom: 4rem; } }
@media (max-width: 767px) {
    #footer .footer-first-row > *:not(:last-child) {
      margin-bottom: 2rem; } }
#footer .footer-second-row {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  font-size: 0.9em;
  padding-top: 42px;
  padding-top: 3rem;
  padding-bottom: 42px;
  padding-bottom: 3rem; }
@media (max-width: 1500px) {
    #footer .footer-second-row {
      padding-top: 2rem;
      padding-bottom: 2rem; } }
/* Back to top */
#back-to-top {
  background-color: transparent;
  border: 0;
  outline: none;
  padding: 0;
  text-align: left;
  text-align: initial;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
  position: fixed;
  bottom: 0;
  right: 0;
  color: white;
  width: 45px;
  height: 45px;
  background: #1c1e20;
  font-size: 14px;
  z-index: 650;
  visibility: hidden;
  opacity: 0; }
@media (max-width: 767px) {
    #back-to-top {
      bottom: 20px;
      right: 20px; } }
#back-to-top:hover {
    background-color: #ddae71; }
#back-to-top.visible {
    opacity: 1;
    visibility: visible; }
#back-to-top > * {
    transform: translate3d(-50%, -50%, 0);
    position: absolute;
    top: 50%;
    left: 50%; }
/* Nav Footer */
.nav-footer {
  list-style: none;
  margin: 0 0 21px;
  margin: 0 0 1.5rem;
  padding: 0;
  display: inline-block; }
.nav-footer > li {
    display: block;
    margin-bottom: 0.2em; }
.nav-footer > li > a {
      font-weight: 500;
      font-size: 13.299px;
      font-size: 0.95rem;
      font-family: "Oswald", sans-serif;
      color: #a4a7a9; }
.nav-footer > li > a:hover, .nav-footer > li > a:focus {
        color: #ddae71; }
.nav-footer > li.active > a {
      opacity: 1; }
/* ---------------------------------------------------------------------------- */
/* --- 6. ELEMENTS
/* ----------------------------------------------------------------------------- */
/* 6.1 Alerts
----------------------------------------------------------*/
.alert {
  border: 0;
  font-weight: 300;
  padding: 14px 21px;
  padding: 1rem 1.5rem;
  border-radius: 0; }
.alert-primary {
  background-color: #fcf7f1; }
.alert-primary .close {
    box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
    background-color: white;
    color: #ddae71; }
.alert-primary .close:hover, .alert-primary .close:focus {
      background-color: #ddae71;
      color: white; }
.alert-primary-light {
  background-color: #fffefe; }
.alert-primary-light .close {
    box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
    background-color: white;
    color: #fcf7f1; }
.alert-primary-light .close:hover, .alert-primary-light .close:focus {
      background-color: #fcf7f1;
      color: white; }
.alert-primary-dark {
  background-color: #eae9e8; }
.alert-primary-dark .close {
    box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
    background-color: white;
    color: #2c2317; }
.alert-primary-dark .close:hover, .alert-primary-dark .close:focus {
      background-color: #2c2317;
      color: white; }
.alert-secondary {
  background-color: #e9eaea; }
.alert-secondary .close {
    box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
    background-color: white;
    color: #25282a; }
.alert-secondary .close:hover, .alert-secondary .close:focus {
      background-color: #25282a;
      color: white; }
.alert-info {
  background-color: #eef7fc; }
.alert-info .close {
    box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
    background-color: white;
    color: #56aee5; }
.alert-info .close:hover, .alert-info .close:focus {
      background-color: #56aee5;
      color: white; }
.alert-warning {
  background-color: #fdf5ec; }
.alert-warning .close {
    box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
    background-color: white;
    color: #ec9744; }
.alert-warning .close:hover, .alert-warning .close:focus {
      background-color: #ec9744;
      color: white; }
.alert-danger {
  background-color: #fceeee; }
.alert-danger .close {
    box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
    background-color: white;
    color: #e15757; }
.alert-danger .close:hover, .alert-danger .close:focus {
      background-color: #e15757;
      color: white; }
.alert-success {
  background-color: #edf6f0; }
.alert-success .close {
    box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
    background-color: white;
    color: #4aa36b; }
.alert-success .close:hover, .alert-success .close:focus {
      background-color: #4aa36b;
      color: white; }
.alert-dark {
  background-color: #eaeaea; }
.alert-dark .close {
    box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
    background-color: white;
    color: #282b2e; }
.alert-dark .close:hover, .alert-dark .close:focus {
      background-color: #282b2e;
      color: white; }
.alert-extra-dark {
  background-color: #e9e9e9; }
.alert-extra-dark .close {
    box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.07);
    background-color: white;
    color: #212326; }
.alert-extra-dark .close:hover, .alert-extra-dark .close:focus {
      background-color: #212326;
      color: white; }
/* 6.2 Backgrounds
----------------------------------------------------------*/
/* Image / Slideshow */
.bg-image,
.bg-slideshow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 0; }
.bg-image.bottom,
  .bg-slideshow.bottom {
    background-position-y: bottom; }
.bg-image.light-overlay::after, .bg-image.dark-overlay::after,
  .bg-slideshow.light-overlay::after,
  .bg-slideshow.dark-overlay::after {
    transition: all 0.3s ease-out;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' '; }
.bg-image.light-overlay::after,
  .bg-slideshow.light-overlay::after {
    background: rgba(255, 255, 255, 0.5); }
.bg-image.dark-overlay::after,
  .bg-slideshow.dark-overlay::after {
    background: rgba(0, 0, 0, 0.5); }
.bg-image > img {
  display: none; }
.bg-image + * {
  position: relative; }
.bg-fixed {
  background-attachment: fixed; }
@media (max-width: 767px) {
    .bg-fixed {
      background-attachment: scroll; } }
.bg-slideshow .slick-list, .bg-slideshow .slick-track {
  height: 100%;
  overflow: hidden; }
.bg-multiply {
  mix-blend-mode: multiply; }
.bg-overlay {
  mix-blend-mode: overlay; }
/* Video */
.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
.bg-video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
.bg-video.light-overlay::after, .bg-video.dark-overlay::after {
    transition: all 0.3s ease-out;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' '; }
.bg-video.light-overlay::after {
    background: rgba(255, 255, 255, 0.5); }
.bg-video.dark-overlay::after {
    background: rgba(0, 0, 0, 0.5); }
/* Map */
.bg-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
.bg-map.with-joiner::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 45%;
    content: ' ';
    background-image: linear-gradient(to bottom, white, rgba(255, 255, 255, 0)); }
.bg-map.light-overlay::after, .bg-map.dark-overlay::after {
    transition: all 0.3s ease-out;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' '; }
.bg-map.light-overlay::after {
    background: rgba(255, 255, 255, 0.5); }
.bg-map.dark-overlay::after {
    background: rgba(0, 0, 0, 0.5); }
.bg-map.light-overlay:hover::after, .bg-map.dark-overlay:hover::after {
    visibility: hidden;
    opacity: 0; }
.bg-map + * {
    position: relative; }
/* Colors */
.bg-white {
  background-color: white !important; }
.bg-light {
  background-color: #f3f4f4 !important; }
.bg-black {
  background-color: black !important; }
.bg-primary {
  background-color: #ddae71 !important; }
.bg-primary-light {
  background-color: #fcf7f1 !important; }
.bg-primary-dark {
  background-color: #2c2317 !important; }
.bg-secondary {
  background-color: #25282a !important; }
.bg-info {
  background-color: #56aee5 !important; }
.bg-warning {
  background-color: #ec9744 !important; }
.bg-danger {
  background-color: #e15757 !important; }
.bg-success {
  background-color: #4aa36b !important; }
.bg-dark {
  background-color: #282b2e !important; }
.bg-extra-dark {
  background-color: #212326 !important; }
.bg-primary-tint {
  background-color: #e0b67f !important; }
.bg-primary-shade {
  background-color: #c79d66 !important; }
.bg-facebook #213553 {
  background-color: "twitter" #3aa8db; }
.bg-facebook #213553 {
  background-color: "twitter" #3aa8db; }
.bg-facebook #213553 {
  background-color: "twitter" #3aa8db; }
.bg-facebook #213553 {
  background-color: "twitter" #3aa8db; }
.bg-facebook #213553 {
  background-color: "twitter" #3aa8db; }
.bg-facebook #213553 {
  background-color: "twitter" #3aa8db; }
.bg-facebook #213553 {
  background-color: "twitter" #3aa8db; }
.bg-facebook #213553 {
  background-color: "twitter" #3aa8db; }
.bg-facebook #213553 {
  background-color: "twitter" #3aa8db; }
.bg-facebook #213553 {
  background-color: "twitter" #3aa8db; }
.bg-facebook #213553 {
  background-color: "twitter" #3aa8db; }
.bg-facebook #213553 {
  background-color: "twitter" #3aa8db; }
.bg-facebook #213553 {
  background-color: "twitter" #3aa8db; }
.bg-facebook #213553 {
  background-color: "twitter" #3aa8db; }
.bg-facebook #213553 {
  background-color: "twitter" #3aa8db; }
/* 6.3 Badges
----------------------------------------------------------*/
.badge {
  border-radius: 2rem;
  border: 0;
  padding: 0.4em 0.75em;
  font-weight: 600;
  font-size: 60%; }
.badge-primary {
  background-color: #ddae71; }
.badge-primary-light {
  background-color: #fcf7f1; }
.badge-primary-dark {
  background-color: #2c2317; }
.badge-secondary {
  background-color: #25282a; }
.badge-info {
  background-color: #56aee5; }
.badge-warning {
  background-color: #ec9744; }
.badge-danger {
  background-color: #e15757; }
.badge-success {
  background-color: #4aa36b; }
.badge-dark {
  background-color: #282b2e; }
.badge-extra-dark {
  background-color: #212326; }
/* 6.4 Buttons
----------------------------------------------------------*/
.btn {
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
  backface-visibility: hidden;
  position: relative;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 0;
  padding: 0 28px;
  padding: 0 2rem;
  outline: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border-width: 2px;
  cursor: pointer;
  height: calc(3.25rem + 2px); }
@media (max-width: 575px) {
    .btn {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
.btn::before {
    transition-property: "transform, visibility";
    transition-duration: 0.25s;
    transition-timing-function: ease-out;
    transform-origin: center bottom;
    transform: scaleY(0);
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
    content: ' ';
    visibility: hidden; }
.btn:hover, .btn:focus, .btn:active, .btn:focus:active {
    box-shadow: none;
    transform: translateY(-2px);
    outline: none; }
.btn:hover::before, .btn:focus::before, .btn:active::before, .btn:focus:active::before {
      transform: scaleY(1);
      visibility: visible; }
.btn > span {
    position: relative;
    z-index: 2; }
.btn i {
    position: relative;
    top: 1px; }
.btn i > i {
      transition: transform 0.2s ease-out, opacity 0.2s ease-out;
      display: inline-block; }
.btn img {
    height: 1em;
    position: relative;
    top: -0.05em;
    display: inline-block;
    vertical-align: middle; }
/* Sizes */
.btn-lg {
  padding: 0 42px;
  padding: 0 3rem;
  font-size: 16.8px;
  font-size: 1.2rem;
  border-radius: 0;
  height: calc(4.75rem + 2px); }
@media (max-width: 575px) {
    .btn-lg {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
.btn-sm {
  padding: 0 16.8px;
  padding: 0 1.2rem;
  font-size: 12.6px;
  font-size: 0.9rem;
  border-radius: 0;
  height: calc(2.5rem + 2px); }
/* Types */
.btn-primary {
  border-color: #ddae71;
  background-color: #ddae71;
  color: white; }
.btn-primary::before {
    background-color: #c79d66; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:focus:active {
    border-color: #ddae71;
    background-color: #ddae71;
    color: white; }
.btn-primary-light {
  border-color: #fcf7f1;
  background-color: #fcf7f1;
  color: white; }
.btn-primary-light::before {
    background-color: #e3ded9; }
.btn-primary-light:hover, .btn-primary-light:focus, .btn-primary-light:active, .btn-primary-light:focus:active {
    border-color: #fcf7f1;
    background-color: #fcf7f1;
    color: white; }
.btn-primary-dark {
  border-color: #2c2317;
  background-color: #2c2317;
  color: white; }
.btn-primary-dark::before {
    background-color: #282015; }
.btn-primary-dark:hover, .btn-primary-dark:focus, .btn-primary-dark:active, .btn-primary-dark:focus:active {
    border-color: #2c2317;
    background-color: #2c2317;
    color: white; }
.btn-secondary {
  border-color: #25282a;
  background-color: #25282a;
  color: white; }
.btn-secondary::before {
    background-color: #212426; }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:focus:active {
    border-color: #25282a;
    background-color: #25282a;
    color: white; }
.btn-info {
  border-color: #56aee5;
  background-color: #56aee5;
  color: white; }
.btn-info::before {
    background-color: #4d9dce; }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:focus:active {
    border-color: #56aee5;
    background-color: #56aee5;
    color: white; }
.btn-warning {
  border-color: #ec9744;
  background-color: #ec9744;
  color: white; }
.btn-warning::before {
    background-color: #d4883d; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning:focus:active {
    border-color: #ec9744;
    background-color: #ec9744;
    color: white; }
.btn-danger {
  border-color: #e15757;
  background-color: #e15757;
  color: white; }
.btn-danger::before {
    background-color: #cb4e4e; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger:focus:active {
    border-color: #e15757;
    background-color: #e15757;
    color: white; }
.btn-success {
  border-color: #4aa36b;
  background-color: #4aa36b;
  color: white; }
.btn-success::before {
    background-color: #439360; }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:focus:active {
    border-color: #4aa36b;
    background-color: #4aa36b;
    color: white; }
.btn-dark {
  border-color: #282b2e;
  background-color: #282b2e;
  color: white; }
.btn-dark::before {
    /* background-color: #242729;  */
  }
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark:focus:active {
    border-color: #282b2e;
    background-color: #282b2e;
    color: white; }
.btn-extra-dark {
  border-color: #212326;
  background-color: #212326;
  color: white; }
.btn-extra-dark::before {
    background-color: #1e2022; }
.btn-extra-dark:hover, .btn-extra-dark:focus, .btn-extra-dark:active, .btn-extra-dark:focus:active {
    border-color: #212326;
    background-color: #212326;
    color: white; }
.btn-secondary::before {
  background-color: #ddae71; }
.btn-link {
  color: inherit; }
.btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link:focus:active {
    color: #ddae71;
    text-decoration: none; }
.btn-outline-primary {
  border-color: #ddae71;
  color: inherit; }
.btn-outline-primary::before {
    background-color: #ddae71; }
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:focus:active {
    border-color: #ddae71;
    background: transparent;
    color: white; }
.btn-outline-primary-light {
  border-color: #fcf7f1;
  color: inherit; }
.btn-outline-primary-light::before {
    background-color: #fcf7f1; }
.btn-outline-primary-light:hover, .btn-outline-primary-light:focus, .btn-outline-primary-light:active, .btn-outline-primary-light:focus:active {
    border-color: #fcf7f1;
    background: transparent;
    color: white; }
.btn-outline-primary-dark {
  border-color: #2c2317;
  color: inherit; }
.btn-outline-primary-dark::before {
    background-color: #2c2317; }
.btn-outline-primary-dark:hover, .btn-outline-primary-dark:focus, .btn-outline-primary-dark:active, .btn-outline-primary-dark:focus:active {
    border-color: #2c2317;
    background: transparent;
    color: white; }
.btn-outline-secondary {
  border-color: #25282a;
  color: inherit; }
.btn-outline-secondary::before {
    background-color: #25282a; }
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:focus:active {
    border-color: #25282a;
    background: transparent;
    color: white; }
.btn-outline-info {
  border-color: #56aee5;
  color: inherit; }
.btn-outline-info::before {
    background-color: #56aee5; }
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info:focus:active {
    border-color: #56aee5;
    background: transparent;
    color: white; }
.btn-outline-warning {
  border-color: #ec9744;
  color: inherit; }
.btn-outline-warning::before {
    background-color: #ec9744; }
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning:focus:active {
    border-color: #ec9744;
    background: transparent;
    color: white; }
.btn-outline-danger {
  border-color: #e15757;
  color: inherit; }
.btn-outline-danger::before {
    background-color: #e15757; }
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger:focus:active {
    border-color: #e15757;
    background: transparent;
    color: white; }
.btn-outline-success {
  border-color: #4aa36b;
  color: inherit; }
.btn-outline-success::before {
    background-color: #4aa36b; }
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success:focus:active {
    border-color: #4aa36b;
    background: transparent;
    color: white; }
.btn-outline-dark {
  border-color: #282b2e;
  color: inherit; }
.btn-outline-dark::before {
    background-color: #282b2e; }
.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark:focus:active {
    border-color: #282b2e;
    background: transparent;
    color: white; }
.btn-outline-extra-dark {
  border-color: #212326;
  color: inherit; }
.btn-outline-extra-dark::before {
    background-color: #212326; }
.btn-outline-extra-dark:hover, .btn-outline-extra-dark:focus, .btn-outline-extra-dark:active, .btn-outline-extra-dark:focus:active {
    border-color: #212326;
    background: transparent;
    color: white; }
.btn-outline-white {
  border-color: white;
  color: inherit; }
.btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active, .btn-outline-white:focus:active {
    border-color: white;
    background: white;
    color: #ddae71; }
.btn-group > .btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }
.btn-group > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }
.btn-group > .btn:not(.btn-link):not(:first-child) {
  border-left: 1px solid rgba(255, 255, 255, 0.2); }
.btn-group > .btn-secondary:not(:first-child) {
  border-left-color: rgba(255, 255, 255, 0.15) !important; }
.btn-group > .btn-dark:not(:first-child) {
  border-left-color: rgba(255, 255, 255, 0.15) !important; }
.btn-group .btn-outline-primary + .price {
  background-color: #ddae71;
  color: white; }
.btn-group .btn:hover, .btn-group .btn:focus {
  transform: translateY(0); }
.btn-group .price {
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  padding: 14px;
  padding: 1rem;
  height: calc(3.25rem + 2px);
  display: inline-flex;
  align-items: center; }
.btn-group .price.price-lg {
    padding: 0 14px;
    padding: 0 1rem;
    font-size: 16.8px;
    font-size: 1.2rem;
    height: calc(4.75rem + 2px); }
/* Submit Button */
.btn-submit .description {
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease-out; }
.btn-submit .success, .btn-submit .error {
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  visibility: hidden; }
.btn-submit svg {
  position: relative;
  top: -7px;
  top: -0.5rem;
  height: 35px;
  height: 2.5rem;
  width: 35px;
  width: 2.5rem; }
.btn-submit.loading {
  -webkit-pointer-events: none;
  pointer-events: none; }
.btn-submit.success .description, .btn-submit.error .description {
  opacity: 0;
  visibility: hidden; }
.btn-submit.success .success {
  opacity: 1;
  visibility: visible; }
.btn-submit.success .success > svg > path {
    transition: all 0.3s ease-out 0.25s;
    stroke-dashoffset: 0; }
.btn-submit.error {
  background-color: #bbc4c6;
  border-color: #bbc4c6; }
.btn-submit.error .error {
    opacity: 1;
    visibility: visible; }
@keyframes btnLoading {
  0% {
    transform: scale(1); }
  12% {
    transform: scale(0.7); }
  38% {
    transform: scale(1.1); }
  62% {
    transform: scale(0.8); }
  87% {
    transform: scale(1); } }
/* Play Button */
.btn-play {
  background-color: transparent;
  border: 0;
  outline: none;
  padding: 0;
  text-align: left;
  text-align: initial;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  font-size: 52px;
  width: 92px;
  height: 92px;
  vertical-align: middle;
  border: 2px solid white; }
.btn-play::before {
    transition-property: all;
    transition-duration: 0.25s;
    transition-timing-function: ease-out;
    border-radius: 50%;
    opacity: 0;
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    background-color: white;
    visibility: hidden;
    content: ' '; }
.btn-play::after {
    transition-property: all;
    transition-duration: 0.25s;
    transition-timing-function: ease-out;
    filter: blur(0);
    transform: translate3d(-50%, -50%, 0);
    position: absolute;
    top: 50%;
    left: 50%;
    border-style: solid;
    border-width: 8px 0 8px 14px;
    border-color: transparent transparent transparent white;
    content: ' '; }
.btn-play:hover, .btn-play:focus, .btn-play:active, .btn-play:focus:active {
    outline: none; }
.btn-play:hover::before, .btn-play:focus::before, .btn-play:active::before, .btn-play:focus:active::before {
      opacity: 1;
      visibility: visible; }
.btn-play:hover::after, .btn-play:focus::after, .btn-play:active::after, .btn-play:focus:active::after {
      border-color: transparent transparent transparent #383c40; }
/* Play Button #2 */
.btn-play-2 {
  background-color: transparent;
  border: 0;
  outline: none;
  padding: 0;
  text-align: left;
  text-align: initial;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-weight: 600; }
.btn-play-2 > span {
    border-radius: 50%;
    position: relative;
    width: 40px;
    height: 40px;
    border: 2px solid #ddae71;
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px;
    margin-right: 1rem; }
.btn-play-2 > span::before {
      transition-property: all;
      transition-duration: 0.25s;
      transition-timing-function: ease-out;
      border-radius: 50%;
      transform: scale(0.9);
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background-color: #ddae71;
      visibility: hidden;
      content: ' '; }
.btn-play-2 > span::after {
      transition-property: all;
      transition-duration: 0.25s;
      transition-timing-function: ease-out;
      filter: blur(0);
      transform: translate3d(-50%, -50%, 0);
      position: absolute;
      top: 50%;
      left: 50%;
      border-style: solid;
      border-width: 6px 0 6px 10px;
      border-color: transparent transparent transparent #ddae71;
      content: ' '; }
.btn-play-2:hover, .btn-play-2:focus, .btn-play-2:active, .btn-play-2:focus:active {
    outline: none;
    color: inherit; }
.btn-play-2:hover > span::before, .btn-play-2:focus > span::before, .btn-play-2:active > span::before, .btn-play-2:focus:active > span::before {
      transform: scale(1.2);
      opacity: 1;
      visibility: visible; }
.btn-play-2:hover > span::after, .btn-play-2:focus > span::after, .btn-play-2:active > span::after, .btn-play-2:focus:active > span::after {
      border-color: transparent transparent transparent white; }
/* Download Button */
.btn-download {
  background-color: transparent;
  border: 0;
  outline: none;
  padding: 0;
  text-align: initial;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
  border-radius: 40px;
  backface-visibility: hidden;
  position: relative;
  font-weight: 300;
  color: white;
  padding: 14px 28px;
  padding: 1rem 2rem;
  display: inline-block;
  outline: none;
  font-family: "Oswald", sans-serif;
  background-color: #282b2e;
  min-width: 220px;
  margin-bottom: 2.8px;
  margin-bottom: 0.2rem;
  text-align: left; }
@media (max-width: 575px) {
    .btn-download {
      min-width: 180px; } }
.btn-download > .i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px;
    margin-right: 1rem; }
.btn-download > .i i {
      font-size: 21px;
      font-size: 1.5rem; }
.btn-download > .i img {
      height: 19.599px;
      height: 1.4rem; }
.btn-download > .content {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1; }
.btn-download > .content > span:first-child {
      opacity: 0.5;
      font-size: 12.6px;
      font-size: 0.9rem;
      display: block; }
.btn-download > .content > span:last-child {
      font-size: 17.5px;
      font-size: 1.25rem; }
.btn-download:hover, .btn-download:focus, .btn-download:active, .btn-download:focus:active {
    transform: translateY(2px);
    outline: none;
    color: white; }
/* 6.5 Cards
----------------------------------------------------------*/
.card {
  border-radius: 0;
  border: 0;
  background-color: #f3f4f4;
  margin-bottom: 21px;
  margin-bottom: 1.5rem; }
.bg-light .card,
  .bg-primary-light .card {
    background-color: white; }
.bg-extra-dark .card {
    background-color: #282b2e; }
.bg-dark .card {
    background-color: #212326; }
.card .card-image img {
    width: 100%; }
.card .card-body {
    padding: 21px;
    padding: 1.5rem; }
/* 6.5 Carousel
----------------------------------------------------------*/
.carousel {
  position: relative; }
.carousel.carousel-items {
    /* margin-left: -15px;
    margin-right: -15px; */
   }
.carousel.carousel-items .carousel-item {
      /* padding-left: 15px;
      padding-right: 15px;  */
    }
.carousel.slider .slide {
    overflow: hidden !important; }


/*     
.carousel > .slick-list > .slick-track {
  width: 100% !important;
}
.carousel > .slick-list > .slick-track > .slick-active{
  width: 100% !important;
} */
/* Arrows */
.slick-prev,
.slick-next {
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
  transform: translate3d(0, -50%, 0);
  position: absolute;
  display: block;
  height: 20px;
  width: 45px;
  line-height: 0px;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  padding: 0;
  border: 0;
  outline: none;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  text-align: center; }
.slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
.slick-prev:hover::before, .slick-prev:focus::before,
    .slick-next:hover::before,
    .slick-next:focus::before {
      opacity: 0.8; }
.slick-prev.slick-disabled::before,
  .slick-next.slick-disabled::before {
    opacity: 0.3; }
.slick-prev::before,
  .slick-next::before {
    transition-property: all;
    transition-duration: 0.25s;
    transition-timing-function: ease-out;
    opacity: 0.7;
    font-family: 'themify-icons';
    font-size: 23.8px;
    font-size: 1.7rem;
    line-height: 1;
    color: #383c40; }
.slick-prev {
  left: -45px; }
[dir='rtl'] .slick-prev {
    left: auto;
    right: -45px; }
.slick-prev::before {
    content: '\e629'; }
[dir='rtl'] .slick-prev::before {
      content: '\e628'; }
.slick-next {
  right: -45px; }
[dir='rtl'] .slick-next {
    left: -45px;
    right: auto; }
.slick-next::before {
    content: '\e628'; }
[dir='rtl'] .slick-next::before {
      content: '\e629'; }
.slick-slider:hover .slick-prev,
.slick-slider:hover .slick-next {
  opacity: 1;
  visibility: visible; }
/* Dots */
.slick-dots {
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 14px 0 0;
  margin: 1rem 0 0;
  width: 100%; }
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0;
    padding: 0;
    cursor: pointer; }
.slick-dots li button {
      position: relative;
      border: 0;
      background: transparent;
      display: block;
      height: 100%;
      width: 100%;
      outline: none;
      line-height: 0px;
      font-size: 0;
      color: transparent;
      cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
.slick-dots li button::before {
        transition-property: all;
        transition-duration: 0.25s;
        transition-timing-function: ease-out;
        border-radius: 50%;
        transform-origin: center bottom;
        opacity: 0.4;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -3px;
        margin-top: -3px;
        width: 6px;
        height: 6px;
        background-color: #383c40;
        content: ' '; }
.slick-dots li.slick-active button::before {
      opacity: 1; }
.inner-controls .slick-prev::before, .inner-controls .slick-next::before {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  color: white; }
.inner-controls .slick-prev {
  left: 25px; }
[dir='rtl'] .inner-controls .slick-prev {
    right: 25px; }
.inner-controls .slick-next {
  right: 25px; }
[dir='rtl'] .inner-controls .slick-next {
    left: 25px; }
.inner-controls .slick-dots {
  position: absolute;
  bottom: 20px; }
.inner-controls .slick-dots li button::before {
    background-color: white; }
.inner-controls .slick-dots li.slick-active button::before {
    background-color: white; }
/* 6.6 Forms
----------------------------------------------------------*/
/* Form Group */
.form-group {
  margin-bottom: 7px;
  margin-bottom: 0.5rem; }
/* Input Group */
.input-group .btn:hover, .input-group .btn:focus, .input-group .btn:active, .input-group .btn:focus:active {
  transform: translateY(0); }
.input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group {
  margin-left: -2px; }
/* Form Control */
.form-control {
  box-shadow: inset 1px 1px 2px 0 rgba(40, 43, 46, 0.06);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-color: #e0e0e0;
  font-weight: 300;
  padding: 14px;
  padding: 1rem;
  border: 2px solid #e0e0e0;
  border-radius: 0;
  height: calc(3.25rem + 2px); }
.form-control::-moz-placeholder {
    opacity: 0.5;
    color: inherit; }
.form-control::placeholder {
    opacity: 0.5;
    color: inherit; }
.form-control:focus {
    box-shadow: inset 1px 1px 2px 0 rgba(221, 174, 113, 0.1);
    border-color: #ddae71; }
.form-control.error {
    border-color: #f6cdcd;
    background-color: #fefcfc; }
.form-control.input-qty {
    text-align: center;
    font-weight: 500; }
.form-control-sm {
  padding: 10.5px;
  padding: 0.75rem;
  font-size: 12.6px;
  font-size: 0.9rem;
  border-radius: 0; }
.form-control-lg {
  padding: 22.75px;
  padding: 1.625rem;
  font-size: 16.8px;
  font-size: 1.2rem;
  border-radius: 0; }
.dark .form-control {
  border-color: white; }
/* Select */
.select-container {
  position: relative; }
.select-container::after {
    transform: translate3d(0, -50%, 0);
    position: absolute;
    top: 50%;
    display: block;
    right: 13px;
    font-size: 11.2px;
    font-size: 0.8rem;
    color: #383c40;
    font-family: 'themify-icons';
    content: '\e62a'; }
select.form-control:not([size]):not([multiple]) {
  height: calc(3.25rem + 4px); }
/* Label */
label {
  font-weight: 400; }
/* Custom Controls */
.custom-control {
  min-height: 1.5em;
  padding-left: 1.9em;
  margin-right: 1em; }
.custom-control .custom-control-indicator {
    position: absolute;
    left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; }
.custom-control .custom-control-indicator > svg {
      display: block;
      width: 100%;
      height: 100%; }
.custom-control .custom-control-indicator > svg > path {
        transition-property: all;
        transition-duration: 0.25s;
        transition-timing-function: ease-out;
        stroke: #ddae71; }
.custom-control .custom-control-description {
    cursor: pointer; }
.custom-control .custom-control-description > span {
      opacity: 0.6; }
/* Radio - Custom */
.custom-radio .custom-control-input + .custom-control-indicator {
  border-radius: 50%;
  top: 0.1em;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
  width: 1.3em;
  height: 1.3em;
  margin-right: 7px;
  margin-right: 0.5rem;
  border: 2px solid #e0e0e0;
  background-color: white; }
.custom-radio .custom-control-input:checked + .custom-control-indicator > svg > path {
  stroke-dashoffset: 0; }
.custom-radio .custom-control-input:focus + .custom-control-indicator {
  box-shadow: none;
  border-color: #cacaca; }
/* Checkbox - Custom */
.custom-checkbox .custom-control-input + .custom-control-indicator {
  top: 0.1em;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
  width: 1.3em;
  height: 1.3em;
  margin-right: 7px;
  margin-right: 0.5rem;
  border-radius: 0;
  border: 2px solid #e0e0e0;
  background-color: white; }
.custom-checkbox .custom-control-input:checked + .custom-control-indicator > svg > path {
  stroke-dashoffset: 0; }
.custom-checkbox .custom-control-input:focus + .custom-control-indicator {
  box-shadow: none; }
/* 6.7 Icons
----------------------------------------------------------*/
.icon {
  position: relative;
  display: inline-block;
  font-size: 40px;
  width: 52px;
  vertical-align: middle; }
.icon.icon-primary {
    color: #ddae71; }
.icon.icon-primary-light {
    color: #fcf7f1; }
.icon.icon-primary-dark {
    color: #2c2317; }
.icon.icon-secondary {
    color: #25282a; }
.icon.icon-info {
    color: #56aee5; }
.icon.icon-warning {
    color: #ec9744; }
.icon.icon-danger {
    color: #e15757; }
.icon.icon-success {
    color: #4aa36b; }
.icon.icon-dark {
    color: #282b2e; }
.icon.icon-extra-dark {
    color: #212326; }
.icon.icon-facebook {
    color: #bbc4c6; }
.icon.icon-facebook:hover, .icon.icon-facebook:focus {
      color: #213553; }
.icon.icon-twitter {
    color: #bbc4c6; }
.icon.icon-twitter:hover, .icon.icon-twitter:focus {
      color: #3aa8db; }
.icon.icon-google {
    color: #bbc4c6; }
.icon.icon-google:hover, .icon.icon-google:focus {
      color: #d04f3e; }
.icon.icon-behance {
    color: #bbc4c6; }
.icon.icon-behance:hover, .icon.icon-behance:focus {
      color: #1882ff; }
.icon.icon-dribbble {
    color: #bbc4c6; }
.icon.icon-dribbble:hover, .icon.icon-dribbble:focus {
      color: #e95aae; }
.icon.icon-flickr {
    color: #bbc4c6; }
.icon.icon-flickr:hover, .icon.icon-flickr:focus {
      color: #f9429c; }
.icon.icon-instagram {
    color: #bbc4c6; }
.icon.icon-instagram:hover, .icon.icon-instagram:focus {
      color: #4f86ac; }
.icon.icon-linkedin {
    color: #bbc4c6; }
.icon.icon-linkedin:hover, .icon.icon-linkedin:focus {
      color: #008bc2; }
.icon.icon-pinterest {
    color: #bbc4c6; }
.icon.icon-pinterest:hover, .icon.icon-pinterest:focus {
      color: #cb1f24; }
.icon.icon-skype {
    color: #bbc4c6; }
.icon.icon-skype:hover, .icon.icon-skype:focus {
      color: #00bef4; }
.icon.icon-slack {
    color: #bbc4c6; }
.icon.icon-slack:hover, .icon.icon-slack:focus {
      color: #44ba97; }
.icon.icon-tumblr {
    color: #bbc4c6; }
.icon.icon-tumblr:hover, .icon.icon-tumblr:focus {
      color: #435971; }
.icon.icon-vimeo {
    color: #bbc4c6; }
.icon.icon-vimeo:hover, .icon.icon-vimeo:focus {
      color: #0bc4ef; }
.icon.icon-vine {
    color: #bbc4c6; }
.icon.icon-vine:hover, .icon.icon-vine:focus {
      color: #00be9b; }
.icon.icon-youtube {
    color: #bbc4c6; }
.icon.icon-youtube:hover, .icon.icon-youtube:focus {
      color: #ed4533; }
.icon.icon-sm {
    font-size: 18px;
    width: 30px; }
.icon.icon-lg {
    font-size: 76px;
    width: 88px; }
.icon.icon-xl {
    font-size: 120px;
    width: 130px; }
.icon.icon-dark {
    color: rgba(0, 0, 0, 0.4); }
.icon.icon-default {
    color: #bbc4c6; }
.icon.icon-circle {
    border-radius: 50%;
    height: 52px;
    font-size: 20px;
    text-align: center;
    color: white;
    text-align: center; }
.icon.icon-circle > * {
      position: relative;
      z-index: 2;
      line-height: 48px; }
.icon.icon-circle.icon-xs {
      height: 26px;
      font-size: 11px; }
.icon.icon-circle.icon-xs > * {
        line-height: 26px; }
.icon.icon-circle.icon-sm {
      height: 30px;
      font-size: 12px; }
.icon.icon-circle.icon-sm > * {
        line-height: 30px; }
.icon.icon-circle.icon-lg {
      height: 88px;
      font-size: 36px; }
.icon.icon-circle.icon-lg > * {
        line-height: 88px; }
.icon.icon-circle.icon-white {
      color: #ddae71; }
.icon.icon-circle.icon-white::before {
        background-color: white; }
.icon.icon-circle.icon-hover:hover::before, .icon.icon-circle.icon-hover:focus::before {
      transform: scale(1.1); }
.icon.icon-circle.icon-primary {
      background-color: #ddae71; }
.icon.icon-circle.icon-primary-light {
      background-color: #fcf7f1; }
.icon.icon-circle.icon-primary-dark {
      background-color: #2c2317; }
.icon.icon-circle.icon-secondary {
      background-color: #25282a; }
.icon.icon-circle.icon-info {
      background-color: #56aee5; }
.icon.icon-circle.icon-warning {
      background-color: #ec9744; }
.icon.icon-circle.icon-danger {
      background-color: #e15757; }
.icon.icon-circle.icon-success {
      background-color: #4aa36b; }
.icon.icon-circle.icon-dark {
      background-color: #282b2e; }
.icon.icon-circle.icon-extra-dark {
      background-color: #212326; }
.icon.icon-circle.icon-facebook {
      color: white;
      background-color: #bbc4c6; }
.icon.icon-circle.icon-facebook:hover, .icon.icon-circle.icon-facebook:focus {
        color: white;
        background-color: #213553; }
.icon.icon-circle.icon-twitter {
      color: white;
      background-color: #bbc4c6; }
.icon.icon-circle.icon-twitter:hover, .icon.icon-circle.icon-twitter:focus {
        color: white;
        background-color: #3aa8db; }
.icon.icon-circle.icon-google {
      color: white;
      background-color: #bbc4c6; }
.icon.icon-circle.icon-google:hover, .icon.icon-circle.icon-google:focus {
        color: white;
        background-color: #d04f3e; }
.icon.icon-circle.icon-behance {
      color: white;
      background-color: #bbc4c6; }
.icon.icon-circle.icon-behance:hover, .icon.icon-circle.icon-behance:focus {
        color: white;
        background-color: #1882ff; }
.icon.icon-circle.icon-dribbble {
      color: white;
      background-color: #bbc4c6; }
.icon.icon-circle.icon-dribbble:hover, .icon.icon-circle.icon-dribbble:focus {
        color: white;
        background-color: #e95aae; }
.icon.icon-circle.icon-flickr {
      color: white;
      background-color: #bbc4c6; }
.icon.icon-circle.icon-flickr:hover, .icon.icon-circle.icon-flickr:focus {
        color: white;
        background-color: #f9429c; }
.icon.icon-circle.icon-instagram {
      color: white;
      background-color: #bbc4c6; }
.icon.icon-circle.icon-instagram:hover, .icon.icon-circle.icon-instagram:focus {
        color: white;
        background-color: #4f86ac; }
.icon.icon-circle.icon-linkedin {
      color: white;
      background-color: #bbc4c6; }
.icon.icon-circle.icon-linkedin:hover, .icon.icon-circle.icon-linkedin:focus {
        color: white;
        background-color: #008bc2; }
.icon.icon-circle.icon-pinterest {
      color: white;
      background-color: #bbc4c6; }
.icon.icon-circle.icon-pinterest:hover, .icon.icon-circle.icon-pinterest:focus {
        color: white;
        background-color: #cb1f24; }
.icon.icon-circle.icon-skype {
      color: white;
      background-color: #bbc4c6; }
.icon.icon-circle.icon-skype:hover, .icon.icon-circle.icon-skype:focus {
        color: white;
        background-color: #00bef4; }
.icon.icon-circle.icon-slack {
      color: white;
      background-color: #bbc4c6; }
.icon.icon-circle.icon-slack:hover, .icon.icon-circle.icon-slack:focus {
        color: white;
        background-color: #44ba97; }
.icon.icon-circle.icon-tumblr {
      color: white;
      background-color: #bbc4c6; }
.icon.icon-circle.icon-tumblr:hover, .icon.icon-circle.icon-tumblr:focus {
        color: white;
        background-color: #435971; }
.icon.icon-circle.icon-vimeo {
      color: white;
      background-color: #bbc4c6; }
.icon.icon-circle.icon-vimeo:hover, .icon.icon-circle.icon-vimeo:focus {
        color: white;
        background-color: #0bc4ef; }
.icon.icon-circle.icon-vine {
      color: white;
      background-color: #bbc4c6; }
.icon.icon-circle.icon-vine:hover, .icon.icon-circle.icon-vine:focus {
        color: white;
        background-color: #00be9b; }
.icon.icon-circle.icon-youtube {
      color: white;
      background-color: #bbc4c6; }
.icon.icon-circle.icon-youtube:hover, .icon.icon-circle.icon-youtube:focus {
        color: white;
        background-color: #ed4533; }
.dark .icon-circle.icon-facebook {
  background-color: #3e4043; }
.dark .icon-circle.icon-twitter {
  background-color: #3e4043; }
.dark .icon-circle.icon-google {
  background-color: #3e4043; }
.dark .icon-circle.icon-behance {
  background-color: #3e4043; }
.dark .icon-circle.icon-dribbble {
  background-color: #3e4043; }
.dark .icon-circle.icon-flickr {
  background-color: #3e4043; }
.dark .icon-circle.icon-instagram {
  background-color: #3e4043; }
.dark .icon-circle.icon-linkedin {
  background-color: #3e4043; }
.dark .icon-circle.icon-pinterest {
  background-color: #3e4043; }
.dark .icon-circle.icon-skype {
  background-color: #3e4043; }
.dark .icon-circle.icon-slack {
  background-color: #3e4043; }
.dark .icon-circle.icon-tumblr {
  background-color: #3e4043; }
.dark .icon-circle.icon-vimeo {
  background-color: #3e4043; }
.dark .icon-circle.icon-vine {
  background-color: #3e4043; }
.dark .icon-circle.icon-youtube {
  background-color: #3e4043; }
.i-before {
  margin-right: 8px; }
.i-after {
  margin-left: 8px; }
.i-before-after {
  margin-right: 8px;
  margin-left: 8px; }
/* 6.8 Loaders
----------------------------------------------------------*/
.animsition-loading {
  border-radius: 50%;
  animation: loaderAnimation 1s linear infinite;
  border-width: 2px;
  border-style: solid;
  border-left-color: #383c40;
  border-right-color: #e0e0e0;
  border-top-color: #e0e0e0;
  border-bottom-color: #e0e0e0; }
@keyframes loaderAnimation {
  0% {
    transform: rotateZ(0deg); }
  100% {
    transform: rotateZ(360deg); } }
/* 6.10 Navs
----------------------------------------------------------*/
/* Pills */
.nav-pills > .nav-item > .nav-link {
  border-radius: 0;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  font-size: 1rem;
  font-weight: 300;
  text-transform: uppercase;
  padding: 14px 25.2px;
  padding: 1rem 1.8rem;
  background-color: #f3f4f4; }
.nav-pills > .nav-item > .nav-link.active {
    background-color: #ddae71;
    color: white; }
.nav-pills > .nav-item > .nav-link.active:hover, .nav-pills > .nav-item > .nav-link.active:focus {
      background-color: #ddae71; }
.nav-pills > .nav-item + .nav-item {
  margin-left: 0; }
/* Tabs */
.nav-tabs > .nav-item > .nav-link {
  border-radius: 0;
  position: relative;
  font-family: "Oswald", sans-serif;
  padding: 14px 28px;
  padding: 1rem 2rem;
  font-weight: 300;
  margin-right: 0;
  text-transform: uppercase; }
/* Vertical Navigation */
.nav-vertical {
  flex-direction: column;
  margin-bottom: 21px;
  margin-bottom: 1.5rem; }
.nav-vertical li a {
    font-weight: 500;
    padding: 10.5px 0;
    padding: 0.75rem 0;
    display: block; }
.nav-vertical li a:hover, .nav-vertical li a:focus {
      background: transparent; }
.nav-vertical > li:not(:last-child) {
    border-bottom: 1px solid #e0e0e0; }
.nav-vertical > li > a:hover, .nav-vertical > li > a:focus {
    color: #ddae71; }
.nav-vertical > li > a.active {
    color: #ddae71; }
.nav-vertical > li > a.active + ul {
      display: block; }
.nav-vertical > li > ul {
    padding: 0 10.5px;
    padding: 0 0.75rem;
    margin: 0 0 10.5px;
    margin: 0 0 0.75rem;
    list-style: none;
    display: none; }
.nav-vertical > li > ul li:not(:last-child) {
      border-bottom: 0; }
.nav-vertical > li > ul li a {
      opacity: 0.5;
      padding: 2.8px 0;
      padding: 0.2rem 0;
      font-size: 12.6px;
      font-size: 0.9rem; }
.nav-vertical > li > ul li a.active, .nav-vertical > li > ul li a:hover, .nav-vertical > li > ul li a:focus {
        opacity: 1;
        color: inherit; }
/* Nav Icons */
.nav-icons {
  margin-bottom: 40px; }
.nav-icons a {
    opacity: 0.5;
    margin-right: 15px; }
.nav-icons a:hover, .nav-icons a:focus {
      opacity: 1; }
/* Nav Additional */
#nav-additional {
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  transform: translateX(-100%);
  position: fixed;
  top: 0;
  left: 460px;
  bottom: 0;
  width: 300px;
  background-color: #f3f4f4;
  z-index: 899;
  padding: 31.5px;
  padding: 2.25rem;
  overflow: auto;
  visibility: hidden; }
@media (max-width: 1500px) {
    #nav-additional {
      left: 360px; } }
@media (max-width: 767px) {
    #nav-additional {
      left: 300px;
      width: 260px; } }
@media (max-width: 575px) {
    #nav-additional {
      left: 0;
      width: calc(100% - 55px);
      z-index: 901; } }
#nav-additional.show {
    transform: translateX(0);
    visibility: visible; }
#nav-additional .close {
    position: absolute;
    top: 20px;
    right: 20px; }
/* 6.11 Notification Bar
----------------------------------------------------------*/
#notification-bar {
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease-out;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  font-weight: 300;
  color: white;
  z-index: 960;
  transform: translateY(100%);
  visibility: hidden;
  text-align: center;
  font-family: "Oswald", sans-serif; }
#notification-bar > div {
    padding: 21px;
    padding: 1.5rem;
    font-size: 14px; }
#notification-bar > div.success {
      background-color: #4aa36b; }
#notification-bar > div.error {
      background-color: #e15757; }
#notification-bar.visible {
    transform: translateY(0);
    visibility: visible; }
#notification-bar .close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 14px;
    font-size: 1rem; }
/* 6.9 Modals
----------------------------------------------------------*/
.modal.fade .modal-dialog {
  transform: scale(0.9); }
.modal.show .modal-dialog {
  transform: scale(1); }
.modal-content {
  box-shadow: 5px 5px 50px 0 rgba(0, 0, 0, 0.3);
  border-radius: 0;
  border: 0;
  overflow: hidden; }
.modal-header {
  position: relative;
  padding: 28px;
  padding: 2rem; }
.modal-header.modal-header-lg {
    padding: 98px 28px 21px;
    padding: 7rem 2rem 1.5rem; }
.modal-header > .close {
    position: absolute;
    top: 14px;
    top: 1rem;
    right: 14px;
    right: 1rem;
    z-index: 2; }
.modal > .close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: white;
  font-size: 17.5px;
  font-size: 1.25rem; }
.modal > .close:hover, .modal > .close:focus {
    color: white; }
.modal-btn:hover, .modal-btn:focus {
  transform: translateY(0); }
.modal-product-details {
  background-color: #f3f4f4;
  padding: 28px;
  padding: 2rem; }
.modal-body {
  padding: 28px;
  padding: 2rem; }
.modal-footer {
  padding: 28px;
  padding: 2rem; }
.modal-backdrop {
  background-color: #282b2e; }
.modal-backdrop.show {
    opacity: 0.6; }
/* Modal Video */
.modal-video {
  text-align: center; }
@media (max-width: 767px) {
    .modal-video {
      text-align: left; } }
.modal-video iframe {
    width: 768px;
    max-width: 100%;
    display: block; }
.modal-video::before {
    display: inline-block;
    vertical-align: middle;
    content: ' ';
    height: 100%; }
@media (max-width: 767px) {
      .modal-video::before {
        display: none; } }
.modal-video .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin-top: 70px; }
.modal-video .modal-content {
    background-color: black; }
.product-modal *[data-action='update-cart'] {
  display: none; }
/* 6.12 Other
----------------------------------------------------------*/
/* Body Overlay */
#body-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 899;
  content: ' ';
  z-index: 925;
  display: none; }
/* Separator */
hr {
  margin-top: 42px;
  margin-top: 3rem;
  margin-bottom: 42px;
  margin-bottom: 3rem; }
@media (max-width: 767px) {
    hr {
      margin-top: 2rem;
      margin-bottom: 2rem; } }
hr.hr-md {
    margin-top: 28px;
    margin-top: 2rem;
    margin-bottom: 28px;
    margin-bottom: 2rem; }
hr.hr-sm {
    margin-top: 14px;
    margin-top: 1rem;
    margin-bottom: 14px;
    margin-bottom: 1rem; }
hr.hr-primary {
    border-width: 2px;
    border-color: #ddae71; }
.dark hr {
  border-color: rgba(255, 255, 255, 0.15); }
/* Shapes */
.shape {
  display: inline-block;
  width: 64px;
  height: 64px; }
.shape.circle {
    border-radius: 50%; }
.shape.square {
    border-radius: 5px; }
/* Close */
.close {
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
  opacity: 0.6;
  color: inherit;
  text-shadow: none;
  font-size: 14px; }
.close:hover, .close:focus, .close:active, .close:focus:active {
    outline: none;
    color: inherit;
    opacity: 1; }
.dark .close {
  color: white; }
/* Stick to content */
@media (max-width: 767px) {
  .stick-to-content {
    position: relative !important;
    top: 0 !important; } }
/* Images */
.img-thumbnail, .rounded {
  border-radius: 0.75rem; }
/* Actions link */
.action-icon {
  color: #a4a7a9;
  margin: 0 0.1em; }
.action-icon:hover, .action-icon:focus {
    color: #383c40; }
/* Body Bar */
.body-bar {
  position: fixed;
  z-index: 50;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 28px 0;
  padding: 2rem 0;
  background-color: white;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); }
.body-bar.cookies-bar {
    display: none; }
.body-bar-container {
    display: flex;
    align-items: center; }
.body-bar-action {
    margin-left: auto; }
@media (min-width: 992px) {
    .body-bar-text > *:last-child {
      margin-bottom: 0; } }
/* 6.13 Pagination
----------------------------------------------------------*/
/* Pagination */
.pagination > .page-item {
  display: inline-block;
  vertical-align: middle; }
.pagination > .page-item > .page-link {
    transition-property: all;
    transition-duration: 0.25s;
    transition-timing-function: ease-out;
    border-radius: 50%;
    border: 0;
    color: #383c40;
    font-weight: 600;
    display: inline-block;
    display: block;
    padding: 3.5px 10.5px;
    padding: 0.25rem 0.75rem;
    background-color: transparent; }
.pagination > .page-item > .page-link.active {
      color: #ddae71; }
.pagination > .page-item > .page-link:hover {
      background-color: transparent;
      color: #ddae71; }
.pagination > .page-item:first-child > .page-link, .pagination > .page-item:last-child > .page-link {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    border-radius: 50%;
    padding: 0;
    width: 28px;
    width: 2rem;
    text-align: center;
    color: #383c40; }
.pagination > .page-item:first-child > .page-link > i, .pagination > .page-item:last-child > .page-link > i {
      line-height: 26px;
      font-size: 11.2px;
      font-size: 0.8rem; }
.pagination > .page-item:first-child > .page-link:hover, .pagination > .page-item:last-child > .page-link:hover {
      color: #a4a7a9; }
.pagination > .page-item:first-child > a:hover {
    transform: translateX(-2px); }
.pagination > .page-item:last-child > a:hover {
    transform: translateX(2px); }
.pagination > .page-item.active > .page-link {
    color: #ddae71;
    background-color: transparent; }
.pagination > .page-item.disabled {
    opacity: 0.5;
    pointer-events: none; }
/* 6.14 Cart
----------------------------------------------------------*/
#panel-cart {
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  width: 370px;
  z-index: 950;
  font-size: 13.299px;
  font-size: 0.95rem;
  visibility: hidden;
  transform: translateX(100%); }
@media (max-width: 575px) {
    #panel-cart {
      width: 100%; } }
#panel-cart.show {
    visibility: visible;
    transform: translateX(0); }
#panel-cart .panel-cart-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 90px;
    overflow: auto;
    z-index: 2;
    background-color: white; }
#panel-cart .panel-cart-title {
    align-items: center;
    display: flex;
    padding: 21px;
    padding: 1.5rem;
    background-color: #f3f4f4; }
#panel-cart .panel-cart-title .title {
      margin-bottom: 0; }
#panel-cart .panel-cart-title .close {
      margin-left: auto; }
#panel-cart .panel-cart-action {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    white-space: nowrap;
    z-index: 3; }
#panel-cart .panel-cart-action:hover, #panel-cart .panel-cart-action:focus {
      transform: translateY(0); }
.cart-summary {
  padding: 21px;
  padding: 1.5rem; }
.cart-table {
  line-height: 1.25;
  width: 100%; }
.cart-table th, .cart-table td {
    vertical-align: middle;
    padding: 14px 21px;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e0e0e0; }
.cart-table .title .name {
    font-weight: 500;
    display: block; }
.cart-table .price {
    font-weight: 500;
    text-align: right;
    width: 95px; }
.cart-table .actions {
    white-space: nowrap;
    text-align: right; }
.cart-table .actions button {
      background-color: transparent;
      border: 0;
      outline: none;
      padding: 0;
      text-align: left;
      text-align: initial; }
.cart-empty {
  padding: 10vh 28px;
  padding: 10vh 2rem;
  text-align: center;
  font-size: 21px;
  font-size: 1.5rem;
  color: #a4a7a9;
  display: none; }
.cart-empty i {
    font-size: 28px;
    font-size: 2rem;
    display: inline-block;
    margin-bottom: 14px;
    margin-bottom: 1rem; }
/* 6.15 Typography
----------------------------------------------------------*/
.font-secondary {
  font-family: "Oswald", sans-serif; }
/* Headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 0;
  margin-bottom: 28px;
  margin-bottom: 2rem;
  font-weight: 200; }
h1 .badge, .h1 .badge, h2 .badge, .h2 .badge, h3 .badge, .h3 .badge, h4 .badge, .h4 .badge, h5 .badge, .h5 .badge, h6 .badge, .h6 .badge {
    position: relative;
    top: -0.25em; }
h1, .h1 {
  font-size: 63px;
  font-size: 4.5rem;
  font-weight: 100; }
@media (max-width: 1500px) {
    h1, .h1 {
      font-size: 3.5rem; } }
h2, .h2 {
  font-size: 49px;
  font-size: 3.5rem;
  font-weight: 100; }
@media (max-width: 1500px) {
    h2, .h2 {
      font-size: 3rem; } }
h3, .h3 {
  font-size: 35px;
  font-size: 2.5rem; }
@media (max-width: 1500px) {
    h3, .h3 {
      font-size: 2.25rem; } }
h4, .h4 {
  font-size: 24.5px;
  font-size: 1.75rem; }
@media (max-width: 1500px) {
    h4, .h4 {
      font-size: 1.6rem; } }
h5, .h5 {
  font-size: 19.599px;
  font-size: 1.4rem;
  font-weight: 400; }
h6, .h6 {
  font-size: 15.4px;
  font-size: 1.1rem;
  font-weight: 500; }
/* Display */
.display-1, .display-2, .display-3, .display-4 {
  font-weight: 100;
  line-height: 1.1; }
@media (min-width: 1501px) {
  .display-1 {
    font-size: 6rem; } }
@media (max-width: 1500px) {
  .display-1 {
    font-size: 5rem; } }
@media (max-width: 1500px) {
  .display-2 {
    font-size: 4.75rem; } }
@media (max-width: 991px) {
  .display-2 {
    font-size: 3.5rem; } }
/* Paragraph */
p {
  font-size: 14px;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 28px;
  margin-bottom: 2rem; }
p.lead {
  font-size: 16.8px;
  font-size: 1.2rem;
  font-weight: 400; }
/* Blockquote */
.blockquotes .blockquote:nth-child(2n-1) {
  margin-right: 63px;
  margin-right: 4.5rem; }
@media (max-width: 575px) {
    .blockquotes .blockquote:nth-child(2n-1) {
      margin-right: 1rem; } }
.blockquotes .blockquote:nth-child(2n) {
  margin-left: 63px;
  margin-left: 4.5rem; }
@media (max-width: 575px) {
    .blockquotes .blockquote:nth-child(2n) {
      margin-left: 1rem; } }
.blockquote {
  position: relative;
  border: 0;
  padding: 0;
  margin-bottom: 21px;
  margin-bottom: 1.5rem; }
.blockquote .blockquote-content {
    position: relative;
    background-color: #f3f4f4;
    padding: 28px;
    padding: 2rem;
    margin-bottom: 11.2px;
    margin-bottom: 0.8rem; }
.bg-dark .blockquote .blockquote-content {
      background-color: #333638; }
.blockquote .blockquote-content::after {
      position: absolute;
      top: 100%;
      right: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 20px 20px 0;
      border-color: transparent #f3f4f4 transparent transparent;
      content: ' '; }
.bg-dark .blockquote .blockquote-content::after {
        border-color: transparent #333638 transparent transparent; }
.blockquote .blockquote-content.dark {
      background-color: #282b2e; }
.bg-dark .blockquote .blockquote-content.dark {
        background-color: #212326; }
.blockquote .blockquote-content.dark::after {
        border-color: transparent #282b2e transparent transparent; }
.bg-dark .blockquote .blockquote-content.dark::after {
          border-color: transparent #212326 transparent transparent; }
.blockquote .blockquote-content p {
      font-size: 24.5px;
      font-size: 1.75rem;
      font-weight: 200;
      line-height: 1.3;
      margin-bottom: 0; }
.blockquote.blockquote-lg .blockquote-content {
    padding: 42px;
    padding: 3rem; }
.blockquote.blockquote-lg .blockquote-content p {
      font-size: 49px;
      font-size: 3.5rem;
      font-weight: 100; }
@media (max-width: 767px) {
        .blockquote.blockquote-lg .blockquote-content p {
          font-size: 2.5rem;
          font-weight: 200; } }
.blockquote footer {
    font-size: 12.6px;
    font-size: 0.9rem;
    padding: 0 28px;
    padding: 0 2rem;
    font-weight: 500; }
.blockquote footer::before {
      display: none; }
.blockquote footer img {
      border-radius: 50%;
      width: 32px;
      margin-right: 4.899px;
      margin-right: 0.35rem; }
.blockquote footer .name {
      white-space: nowrap; }
.bg-light .blockquote .blockquote-content {
  background-color: white; }
.bg-light .blockquote .blockquote-content::after {
    border-color: transparent white transparent transparent; }
.bg-light .blockquote .blockquote-content.dark {
    background-color: #282b2e; }
.bg-light .blockquote .blockquote-content.dark::after {
      border-color: transparent #282b2e transparent transparent; }
/* Sizes */
.text-lg {
  font-size: 18.9px;
  font-size: 1.35rem; }
@media (max-width: 575px) {
    .text-lg {
      font-size: 1.2rem; } }
.text-md {
  font-size: 15.4px;
  font-size: 1.1rem; }
.text-sm {
  font-size: 13.299px;
  font-size: 0.95rem; }
.text-xs {
  font-size: 11.9px;
  font-size: 0.85rem; }
/* Colors */
.text-primary {
  color: #ddae71 !important; }
.text-primary-light {
  color: #fcf7f1 !important; }
.text-primary-dark {
  color: #2c2317 !important; }
.text-secondary {
  color: #25282a !important; }
.text-info {
  color: #56aee5 !important; }
.text-warning {
  color: #ec9744 !important; }
.text-danger {
  color: #e15757 !important; }
.text-success {
  color: #4aa36b !important; }
.text-dark {
  color: #282b2e !important; }
.text-extra-dark {
  color: #212326 !important; }
.text-dark {
  color: #383c40 !important; }
.text-muted {
  color: #a4a7a9 !important; }
.dark .text-muted {
  color: rgba(255, 255, 255, 0.5) !important; }
a.text-primary:hover, a.text-primary:focus {
  color: #b18b5a !important; }
a.text-primary-light:hover, a.text-primary-light:focus {
  color: #cac6c1 !important; }
a.text-primary-dark:hover, a.text-primary-dark:focus {
  color: #231c12 !important; }
a.text-secondary:hover, a.text-secondary:focus {
  color: #1e2022 !important; }
a.text-info:hover, a.text-info:focus {
  color: #458bb7 !important; }
a.text-warning:hover, a.text-warning:focus {
  color: #bd7936 !important; }
a.text-danger:hover, a.text-danger:focus {
  color: #b44646 !important; }
a.text-success:hover, a.text-success:focus {
  color: #3b8256 !important; }
a.text-dark:hover, a.text-dark:focus {
  color: #202225 !important; }
a.text-extra-dark:hover, a.text-extra-dark:focus {
  color: #1a1c1e !important; }
.list-check {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
  margin: 0 0 2rem; }
.list-check > li {
    position: relative;
    padding-left: 1.5em; }
.list-check > li:not(:last-child) {
      padding-bottom: 0.25em;
      margin-bottom: 0.25em; }
.list-check > li::before {
      position: absolute;
      top: 0;
      left: 0;
      font-family: 'themify-icons';
      content: '\e64c';
      color: #4aa36b; }
.list-check > li.false::before {
      color: #bbc4c6;
      content: '\e646'; }
/* 6.16 Styleswitcher
----------------------------------------------------------*/
#style-switcher-wrapper {
  position: fixed;
  z-index: 950; }
#style-switcher-wrapper::before {
    transition-property: all;
    transition-duration: 0.25s;
    transition-timing-function: ease-out;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: ' ';
    background-color: rgba(0, 0, 0, 0.1);
    visibility: hidden; }
#style-switcher-wrapper.show::before {
    opacity: 1;
    visibility: visible; }
#style-switcher-wrapper.show #style-switcher {
    transform: scale(1);
    opacity: 1;
    visibility: visible; }
#style-switcher {
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  transform: scale(0.9);
  opacity: 0;
  position: fixed;
  top: 15px;
  bottom: 15px;
  left: 15px;
  width: 250px;
  height: calc(100vh - 30px);
  z-index: 2200;
  color: #333;
  font-family: 'Helvetica Neue', 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  background: white;
  overflow: auto;
  color: #383c40;
  visibility: hidden; }
#style-switcher .style-switcher-title {
    background-color: #f3f4f4;
    padding: 18px;
    font-size: 14px; }
#style-switcher .style-switcher-close {
    transition-property: all;
    transition-duration: 0.25s;
    transition-timing-function: ease-out;
    opacity: 0.5;
    position: absolute;
    top: 18px;
    right: 18px;
    cursor: pointer;
    display: inline-block; }
#style-switcher .style-switcher-close > img {
      width: 10px; }
#style-switcher .style-switcher-close:hover {
      opacity: 1; }
#style-switcher .style-switcher-bottom {
    margin-top: 15px;
    text-align: center; }
#style-switcher-toggle {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  position: fixed;
  bottom: 20px;
  left: 40px;
  width: 48px;
  height: 48px;
  z-index: 951;
  color: white;
  line-height: 46px;
  background-color: white;
  cursor: pointer;
  text-align: center;
  cursor: pointer;
  display: block; }
@media (max-width: 1199px) {
    #style-switcher-toggle {
      bottom: 15px;
      left: 25px; } }
@media (max-width: 575px) {
    #style-switcher-toggle {
      bottom: 15px;
      left: 15px; } }
#style-switcher-toggle > img {
    transition-property: all;
    transition-duration: 0.25s;
    transition-timing-function: ease-out;
    animation: 4s spinAnimation infinite linear;
    opacity: 0.5;
    width: 16px;
    line-height: 48px; }
#style-switcher-toggle:hover > img {
    opacity: 1; }
@keyframes spinAnimation {
  0% {
    transform: rotateZ(0); }
  100% {
    transform: rotateZ(360deg); } }
/* Styleswitcher - options */
.style-switcher-list {
  list-style: none;
  margin: 0;
  padding: 0; }
.style-switcher-list > li {
    border-bottom: 1px solid #e0e0e0; }
.style-switcher-list > li > a {
      position: relative;
      display: block;
      padding: 14px 18px 10px 38px;
      cursor: pointer; }
.style-switcher-list > li > a::before {
        border-radius: 50%;
        position: absolute;
        top: 14px;
        left: 12px;
        display: block;
        width: 22px;
        height: 22px;
        content: ' ';
        border: 1px solid #e0e0e0; }
.style-switcher-list > li > a::after {
        transition-property: all;
        transition-duration: 0.25s;
        transition-timing-function: ease-out;
        transform: scale(0.5);
        opacity: 0;
        position: absolute;
        top: 17px;
        left: 17px;
        width: 10px;
        height: 10px;
        font-family: 'themify-icons';
        content: '\e64c';
        font-weight: bold;
        font-size: 12px;
        color: #282828;
        visibility: hidden; }
.style-switcher-list > li > a .color {
        transition-property: all;
        transition-duration: 0.25s;
        transition-timing-function: ease-out;
        border-radius: 22px;
        display: inline-block;
        width: 44px;
        height: 22px;
        margin: 0 1px; }
.style-switcher-list > li > a .label {
        transition-property: all;
        transition-duration: 0.25s;
        transition-timing-function: ease-out;
        margin-left: 4px;
        line-height: 22px;
        color: #a4a7a9; }
.style-switcher-list > li > a.active::after {
        transform: scale(1);
        opacity: 1;
        visibility: visible; }
.style-switcher-list > li > a.active .label {
        color: #383c40; }
.style-switcher-list.list-colors {
    text-align: right; }
/* ---------------------------------------------------------------------------- */
/* --- 7. WIDGETS
/* ----------------------------------------------------------------------------- */
.widget {
  margin-bottom: 33.6px;
  margin-bottom: 2.4rem; }
.widget .owl-pagination .owl-page span {
    width: 7px;
    height: 7px; }
@media (max-width: 767px) {
  .sidebar .widget {
    width: 47%;
    float: left; }
    .sidebar .widget:nth-child(2n-1) {
      margin-right: 3%; } }
@media (max-width: 575px) {
  .sidebar .widget {
    width: 100%;
    float: left;
    margin-right: 0 !important; } }
/* About
----------------------------------------------------------*/
.widget-about .text {
  position: relative;
  padding-left: 60px; }
.widget-about .text::after {
    opacity: 0.1;
    position: absolute;
    top: -54px;
    left: -10px;
    font-size: 140px;
    font-size: 10rem;
    content: '\201c'; }
/* Recent Posts
----------------------------------------------------------*/
.list-posts {
  list-style: none;
  margin: 0;
  padding: 0; }
.list-posts > li {
    margin-bottom: 21px;
    margin-bottom: 1.5rem;
    line-height: 1.2; }
.list-posts > li .image {
      float: left;
      width: 48px; }
.list-posts > li .image > img {
        border-radius: 50%; }
.list-posts > li .content {
      margin-left: 77px;
      padding-top: 2.8px;
      padding-top: 0.2rem; }
.list-posts > li .title {
      font-weight: 500;
      display: block; }
.list-posts > li .date {
      opacity: 0.7;
      font-size: 11.9px;
      font-size: 0.85rem;
      font-weight: 200; }
.list-posts > li .date::after {
        font-family: 'themify-icons';
        content: '\e628';
        font-size: 80%;
        vertical-align: middle;
        margin-left: 7px;
        margin-left: 0.5rem; }
/* Twitter
----------------------------------------------------------*/
.twitter-feed ul {
  list-style: none;
  padding: 0 0 0 28px;
  padding: 0 0 0 2rem;
  margin: 0;
  overflow: hidden; }
.twitter-feed ul li {
    position: relative;
    margin-bottom: 7px;
    margin-bottom: 0.5rem;
    font-weight: 200;
    background-color: white;
    padding: 14px;
    padding: 1rem; }
.twitter-feed ul li::before {
      position: absolute;
      top: 4.2px;
      top: 0.3rem;
      left: -25px;
      font-family: 'themify-icons';
      color: #3aa8db;
      content: '\e74b'; }
.twitter-feed ul li .tweet {
      margin-bottom: 0;
      font-size: 12.6px;
      font-size: 0.9rem; }
.twitter-feed ul li .tweet a {
        word-break: break-word; }
.twitter-feed ul li .timePosted {
      display: block;
      font-size: 11.2px;
      font-size: 0.8rem;
      opacity: 0.5;
      margin-top: 7px;
      margin-top: 0.5rem;
      margin-bottom: 0; }
/* ----------------------------------------------------------------------------- */
/* --- 8. ANIMATIONS
/* ----------------------------------------------------------------------------- */
.animated {
  animation-delay: 0.2s; }
/* Zooming */
.zooming {
  animation: zooming 18s infinite both; }
@keyframes zooming {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
.hanging {
  animation: hanging 8s infinite both; }
/* Hanging */
@keyframes hanging) {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(-3.5%); }
  100% {
    transform: translateY(0); } }
/* Blinking */
.blinking {
  animation: blinking 2s infinite both; }
@keyframes blinking {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* ----------------------------------------------------------------------------- */
/* --- 9. CUSTOM
/* ----------------------------------------------------------------------------- */
/* Need a custom styles?
Please put it here - outside the core styles to make the updates easier */