@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,300';
/*
Do not work in the custom.css file! If someone compiles custom.less, everything in that file will be overwritten!

Instead, if you insist on working as if less doesn't exist, you may still use this file like you would a regular CSS file, but please be careful and ask others if you're doing something right or wrong.

The variables to choose from (at least from last updating this):
The main site color: var(--main-color);
The secondary site color: var(--second-color);
The site's white color: var(--white);
The site's black color: var(--black);
The site's grey color: var(--grey);
The site's panel color: var(--panel-color);
The site's link color: var(--link-color);
The site's link hover color: var(--link-hover);
The site's body color: var(--body-background);
The site's header font: var(--header-font);
The site's body font: var(--body-font);
The site's extra font: var(--extra-font);

The site's max-width: var(--container-width);
*/
/* ==================================== General ==================================== */
* {
  box-sizing: border-box;
}
html {
  background-color: var(--main-color);
  color: var(--white);
}
body {
  font-family: var(--body-font);
  background-color: var(--body-background);
  line-height: 1.5;
  font-size: var(--general-font-size);
}
h1,
h2,
h3,
h4,
h5,
h6,
.uk-article-title,
.uk-panel-title {
  font-family: var(--header-font);
  text-transform: uppercase;
  color: var(--white);
  line-height: 1;
}
.uk-panel-box {
  background-color: var(--main-color);
  color: var(--white);
}
a {
  transition: .3s;
  color: var(--link-color);
}
a:hover,
a:focus,
a:active {
  color: var(--link-hover);
  text-decoration: underline;
}
em {
  color: var(--black);
}
.uk-container,
.uk-container-center,
.uk-container.uk-container-center {
  max-width: var(--container-width);
}
.tm-logo-small > * {
  display: inline-block;
}
.tm-logo-small img {
  max-height: 45px;
}
.btn {
  background-color: var(--main-color);
  display: inline-block;
  color: var(--white);
  padding: 5px 15px;
  border: 2px solid var(--white);
  font-family: var(--header-font);
  position: relative;
  transform: translateX(-3px) translateY(-3px);
  box-shadow: 3px 3px 0 var(--black);
}
.btn:hover,
.btn:focus,
.btn:active {
  transform: translateX(0) translateY(0);
  box-shadow: 1px 1px 0 var(--black);
}
iframe {
  max-width: 100%;
}
/* ==================================== Social Icons ==================================== */
.fa:before {
  font-family: fontawesome;
  font-style: normal;
}
.fa.fa-facebook-official:before {
  content: '\f09a';
}
.fa.fa-instagram:before {
  content: '\f16d';
}
.fa.fa-twitter:before {
  content: '\f099';
}
.fa.fa-linkedin:before {
  content: '\f08c';
}
.fa.fa-snapchat:before {
  content: '\f2ad';
}
.fa.fa-youtube:before {
  content: '\f167';
}
.facebook:before {
  content: '\f09a';
  font-family: fontawesome;
  font-style: normal;
}
.instagram:before {
  content: '\f16d';
  font-family: fontawesome;
  font-style: normal;
}
/* ==================================== Toolbar ==================================== */
.toolbar-wrap .uk-container .tm-toolbar {
  margin-bottom: 25px;
  margin-top: 10px;
}
.toolbar-wrap .uk-container .tm-toolbar .uk-float-left a,
.toolbar-wrap .uk-container .tm-toolbar .uk-float-right a {
  font-weight: 700;
  font-size: 18px;
  padding: 0 5px;
}
.toolbar-wrap .uk-container .tm-toolbar .uk-float-left a i,
.toolbar-wrap .uk-container .tm-toolbar .uk-float-right a i {
  font-size: 22px;
}
/* ==================================== Header ==================================== */
.headerbar-wrap .tm-headerbar {
  margin-top: 0;
  margin-bottom: 0px;
}
.headerbar-wrap .tm-headerbar .widget_nav_menu .uk-navbar-nav li a {
  font-family: var(--header-font);
  font-size: 14px;
  padding: 0;
}
.headerbar-wrap .tm-headerbar .widget_nav_menu .uk-navbar-nav li a:hover,
.headerbar-wrap .tm-headerbar .widget_nav_menu .uk-navbar-nav li a:focus,
.headerbar-wrap .tm-headerbar .widget_nav_menu .uk-navbar-nav li a:active {
  background-color: var(--main-color);
}
@media screen and (min-width: 960px) {
  .headerbar-wrap .tm-headerbar .widget_nav_menu .uk-navbar-nav li a {
    font-size: 16px;
  }
}
@media screen and (min-width: 1220px) {
  .headerbar-wrap .tm-headerbar .widget_nav_menu .uk-navbar-nav li a {
    font-size: 24px;
  }
}
@media screen and (min-width: 1600px) {
  .headerbar-wrap .tm-headerbar .widget_nav_menu .uk-navbar-nav li a {
    font-size: 32px;
  }
}
.headerbar-wrap .tm-headerbar .widget_nav_menu .uk-navbar-nav li.uk-active a {
  background-color: transparent;
  color: var(--main-color);
}
.headerbar-wrap .tm-headerbar .widget_nav_menu .uk-navbar-nav li.uk-active a:hover,
.headerbar-wrap .tm-headerbar .widget_nav_menu .uk-navbar-nav li.uk-active a:focus,
.headerbar-wrap .tm-headerbar .widget_nav_menu .uk-navbar-nav li.uk-active a:active {
  background-color: var(--second-color);
  color: var(--white);
}
.headerbar-wrap .tm-headerbar .widget_nav_menu .uk-navbar-nav li.uk-parent li a {
  padding-left: 10px;
}
.headerbar-wrap .tm-headerbar .logo-wrap {
  position: relative;
  text-align: center;
}
.headerbar-wrap .tm-headerbar .logo-wrap .tm-logo {
  display: inline-block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 10;
  padding-left: 25px;
  padding-top: 45px;
}
@media screen and (min-width: 1220px) {
  .headerbar-wrap .tm-headerbar .logo-wrap .tm-logo {
    padding-left: 35px;
  }
}
/* ==================================== Nav ==================================== */
.navbar-wrap .uk-container {
  padding: 0;
}
.navbar-wrap .tm-navbar {
  margin: 0;
}
.navbar-wrap .uk-navbar {
  background-color: var(--main-color);
}
.navbar-wrap .uk-navbar-toggle {
  color: var(--white);
}
.navbar-wrap .uk-navbar-toggle:hover {
  color: var(--second-color);
}
/* ==================================== Justified Nav ==================================== */
.widget_nav_menu {
  background-color: var(--main-color);
}
.widget_nav_menu .uk-navbar-nav {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.widget_nav_menu .uk-navbar-nav > li {
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
.widget_nav_menu .uk-navbar-nav > li > a {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  align-items: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  text-decoration: none;
}
.widget_nav_menu .uk-navbar-nav > li > a:hover {
  background-color: var(--second-color);
}
.widget_nav_menu .uk-navbar-nav > li.uk-active a {
  background-color: var(--second-color);
}
.widget_nav_menu .uk-navbar-toggle {
  color: var(--link-color);
}
.widget_nav_menu .uk-navbar-toggle:hover,
.widget_nav_menu .uk-navbar-toggle:focus,
.widget_nav_menu .uk-navbar-toggle:active {
  color: var(--link-hover);
}
/* ==================================== Banner ==================================== */
.banner-wrap .uk-container {
  max-width: 100%;
  padding: 0;
}
.banner-wrap .uk-container .uk-panel-box {
  padding: 0;
}
.banner-wrap .uk-container .uk-panel-box .wk-slideshow li {
  width: 100% !important;
}
.banner-wrap .uk-container .uk-panel-box .wk-slideshow img {
  width: 100% !important;
}
.banner-wrap .uk-container .uk-panel-box .wk-slideshow .caption {
  position: static;
  text-align: center;
  background-color: var(--main-color);
  line-height: 1.5;
  font-size: 18px;
  padding: 25px 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .banner-wrap .uk-container .uk-panel-box .wk-slideshow .caption {
    background-color: rgba(0, 0, 0, 0.5);
    max-width: 850px;
    margin: 0 auto;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    position: absolute;
  }
}
.banner-wrap .uk-container .uk-panel-box .wk-slideshow .caption h1,
.banner-wrap .uk-container .uk-panel-box .wk-slideshow .caption h2,
.banner-wrap .uk-container .uk-panel-box .wk-slideshow .caption h3 {
  font-family: var(--body-font);
  line-height: 1;
  text-shadow: -1px -2px -3px var(--black);
  margin: 0;
}
.banner-wrap .uk-container .uk-panel-box .wk-slideshow .caption h2,
.banner-wrap .uk-container .uk-panel-box .wk-slideshow .caption h3 {
  font-weight: 700;
  margin-top: 0;
}
.banner-wrap .uk-container .uk-panel-box .wk-slideshow .caption h1 {
  font-weight: 900;
  margin-top: 25px;
  font-size: 40px;
}
@media screen and (min-width: 768px) {
  .banner-wrap .uk-container .uk-panel-box .wk-slideshow .caption h1 {
    margin-top: 5px;
    font-size: 44px;
  }
}
@media screen and (min-width: 960px) {
  .banner-wrap .uk-container .uk-panel-box .wk-slideshow .caption h1 {
    margin-top: 10px;
    font-size: 52px;
  }
}
@media screen and (min-width: 1220px) {
  .banner-wrap .uk-container .uk-panel-box .wk-slideshow .caption h1 {
    font-size: 72px;
  }
}
.banner-wrap .uk-container .uk-panel-box .wk-slideshow .caption h3 {
  font-size: 24px;
}
@media screen and (min-width: 768px) {
  .banner-wrap .uk-container .uk-panel-box .wk-slideshow .caption h3 {
    font-size: 28px;
  }
}
@media screen and (min-width: 960px) {
  .banner-wrap .uk-container .uk-panel-box .wk-slideshow .caption h3 {
    font-size: 32px;
  }
}
@media screen and (min-width: 1220px) {
  .banner-wrap .uk-container .uk-panel-box .wk-slideshow .caption h3 {
    font-size: 36px;
  }
}
.banner-wrap .uk-container .uk-panel-box .wk-slideshow .caption a {
  text-transform: uppercase;
  text-decoration: none;
  max-width: 100%;
  width: 175px;
}
@media screen and (min-width: 768px) {
  .banner-wrap .uk-container .uk-panel-box .wk-slideshow .caption a {
    position: absolute;
    right: 0;
    bottom: -35px;
    left: 0;
    max-width: 125px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .banner-wrap .uk-container .uk-panel-box .wk-slideshow .caption a {
    font-size: 20px;
    max-width: 150px;
    bottom: -55px;
  }
}
@media screen and (min-width: 1220px) {
  .banner-wrap .uk-container .uk-panel-box .wk-slideshow .caption a {
    font-size: 24px;
    max-width: 175px;
    bottom: -65px;
  }
}
.banner-wrap .uk-container .uk-panel-box .wk-slideshow .caption h1 {
  margin-bottom: 0;
}
/* ==================================== Content ==================================== */
section.uk-grid {
  display: flex;
  flex-wrap: wrap;
}
section.uk-grid > div[class*="uk-width"] > .uk-panel {
  min-height: 100% !important;
}
.home .main-wrap {
  display: none;
}
@media screen and (min-width: 768px) {
  .home .top-b-wrap .tm-top-b > div {
    width: 50%;
    margin: 0;
  }
}
@media screen and (min-width: 1220px) {
  .home .top-b-wrap .tm-top-b > div {
    width: 25%;
  }
}
.main-wrap {
  color: var(--second-color);
  padding-bottom: 25px;
  min-height: calc(100vh - 357px);
}
@media screen and (min-width: 768px) {
  .main-wrap {
    padding-top: 55px;
    min-height: calc(100vh - 299px);
  }
}
@media screen and (min-width: 960px) {
  .main-wrap {
    padding-top: 65px;
    min-height: calc(100vh - 275px);
  }
}
@media screen and (min-width: 1220px) {
  .main-wrap {
    padding-top: 75px;
    padding-bottom: 35px;
    min-height: calc(100vh - 295px);
  }
}
@media screen and (min-width: 1600px) {
  .main-wrap {
    padding-top: 105px;
    min-height: calc(100vh - 295px);
  }
}
.main-wrap h1,
.main-wrap h2,
.main-wrap h3,
.main-wrap h4,
.main-wrap h5,
.main-wrap h6,
.main-wrap .uk-article-title {
  color: var(--second-color);
}
.main-wrap .uk-article .wc-product-table-controls .multi-cart-form input[type="submit"] {
  background-color: var(--main-color);
  display: inline-block;
  color: var(--white);
  padding: 5px 15px;
  border: 2px solid var(--white);
  font-family: var(--header-font);
  position: relative;
  transform: translateX(-3px) translateY(-3px);
  box-shadow: 3px 3px 0 var(--black);
  transition: .3s;
}
.main-wrap .uk-article .wc-product-table-controls .multi-cart-form input[type="submit"]:hover,
.main-wrap .uk-article .wc-product-table-controls .multi-cart-form input[type="submit"]:focus,
.main-wrap .uk-article .wc-product-table-controls .multi-cart-form input[type="submit"]:active {
  transform: translateX(0) translateY(0);
  box-shadow: 1px 1px 0 var(--black);
}
.main-wrap .uk-article .woocommerce a.button.alt,
.main-wrap .uk-article .woocommerce-page a.button.alt,
.main-wrap .uk-article .woocommerce button.button.alt,
.main-wrap .uk-article .woocommerce-page button.button.alt,
.main-wrap .uk-article .woocommerce input.button.alt,
.main-wrap .uk-article .woocommerce-page input.button.alt,
.main-wrap .uk-article .woocommerce input[type="submit"].alt,
.main-wrap .uk-article .woocommerce-page input[type="submit"].alt,
.main-wrap .uk-article .woocommerce #respond input#submit.alt,
.main-wrap .uk-article .woocommerce-page #respond input#submit.alt,
.main-wrap .uk-article .woocommerce #content input.button.alt,
.main-wrap .uk-article .woocommerce-page #content input.button.alt {
  background-color: var(--main-color);
  display: inline-block;
  color: var(--white);
  padding: 5px 15px;
  border: 2px solid var(--white);
  font-family: var(--header-font);
  position: relative;
  transform: translateX(-3px) translateY(-3px);
  box-shadow: 3px 3px 0 var(--black);
}
.main-wrap .uk-article .woocommerce a.button.alt:hover,
.main-wrap .uk-article .woocommerce-page a.button.alt:hover,
.main-wrap .uk-article .woocommerce button.button.alt:hover,
.main-wrap .uk-article .woocommerce-page button.button.alt:hover,
.main-wrap .uk-article .woocommerce input.button.alt:hover,
.main-wrap .uk-article .woocommerce-page input.button.alt:hover,
.main-wrap .uk-article .woocommerce input[type="submit"].alt:hover,
.main-wrap .uk-article .woocommerce-page input[type="submit"].alt:hover,
.main-wrap .uk-article .woocommerce #respond input#submit.alt:hover,
.main-wrap .uk-article .woocommerce-page #respond input#submit.alt:hover,
.main-wrap .uk-article .woocommerce #content input.button.alt:hover,
.main-wrap .uk-article .woocommerce-page #content input.button.alt:hover,
.main-wrap .uk-article .woocommerce a.button.alt:focus,
.main-wrap .uk-article .woocommerce-page a.button.alt:focus,
.main-wrap .uk-article .woocommerce button.button.alt:focus,
.main-wrap .uk-article .woocommerce-page button.button.alt:focus,
.main-wrap .uk-article .woocommerce input.button.alt:focus,
.main-wrap .uk-article .woocommerce-page input.button.alt:focus,
.main-wrap .uk-article .woocommerce input[type="submit"].alt:focus,
.main-wrap .uk-article .woocommerce-page input[type="submit"].alt:focus,
.main-wrap .uk-article .woocommerce #respond input#submit.alt:focus,
.main-wrap .uk-article .woocommerce-page #respond input#submit.alt:focus,
.main-wrap .uk-article .woocommerce #content input.button.alt:focus,
.main-wrap .uk-article .woocommerce-page #content input.button.alt:focus,
.main-wrap .uk-article .woocommerce a.button.alt:active,
.main-wrap .uk-article .woocommerce-page a.button.alt:active,
.main-wrap .uk-article .woocommerce button.button.alt:active,
.main-wrap .uk-article .woocommerce-page button.button.alt:active,
.main-wrap .uk-article .woocommerce input.button.alt:active,
.main-wrap .uk-article .woocommerce-page input.button.alt:active,
.main-wrap .uk-article .woocommerce input[type="submit"].alt:active,
.main-wrap .uk-article .woocommerce-page input[type="submit"].alt:active,
.main-wrap .uk-article .woocommerce #respond input#submit.alt:active,
.main-wrap .uk-article .woocommerce-page #respond input#submit.alt:active,
.main-wrap .uk-article .woocommerce #content input.button.alt:active,
.main-wrap .uk-article .woocommerce-page #content input.button.alt:active {
  transform: translateX(0) translateY(0);
  box-shadow: 1px 1px 0 var(--black);
}
.main-wrap .uk-article .fp_box .fp_price {
  background-color: var(--main-color);
  transition: .3s;
}
.main-wrap .uk-article .fp_box .fp_price:hover,
.main-wrap .uk-article .fp_box .fp_price:active,
.main-wrap .uk-article .fp_box .fp_price:focus {
  background-color: var(--main-dark);
}
.main-wrap aside #sb_instagram .sbi_info {
  color: var(--white);
}
.main-wrap aside[class*="tm-sidebar-"] a {
  color: var(--white);
  text-decoration: underline;
}
.main-wrap aside[class*="tm-sidebar-"] a:hover,
.main-wrap aside[class*="tm-sidebar-"] a:focus,
.main-wrap aside[class*="tm-sidebar-"] a:active {
  color: var(--main-dark);
  text-decoration: underline;
}
.main-wrap aside[class*="tm-sidebar-"] h1,
.main-wrap aside[class*="tm-sidebar-"] h2,
.main-wrap aside[class*="tm-sidebar-"] h3,
.main-wrap aside[class*="tm-sidebar-"] h4,
.main-wrap aside[class*="tm-sidebar-"] h5,
.main-wrap aside[class*="tm-sidebar-"] h6,
.main-wrap aside[class*="tm-sidebar-"] .uk-panel-title {
  color: var(--white);
}
.main-wrap aside .grid-layout .square-title {
  margin-top: 0;
}
.main-wrap aside .grid-layout .square-cont > *:empty,
.main-wrap aside .grid-layout .square-cont > *:blank,
.main-wrap aside .grid-layout .square-cont > *:moz-only-whitespace {
  display: none;
}
.main-wrap aside .grid-layout .square-cont > *:nth-child(10) ~ * {
  display: none;
}
.main-wrap aside .grid-layout .square-cont > *:last-child {
  display: block;
}
.main-wrap aside .grid-layout p {
  margin: 5px 0;
}
.main-wrap aside .grid-layout p .btn {
  border: 2px solid var(--white);
}
.main-wrap aside .grid-layout p .btn:hover,
.main-wrap aside .grid-layout p .btn:focus,
.main-wrap aside .grid-layout p .btn:active {
  color: var(--white);
}
@media screen and (min-width: 768px) {
  .offpage .uk-article {
    padding-top: 90px;
  }
}
.offpage .main-wrap .tm-middle > .tm-main,
.offpage .main-wrap .tm-middle .tm-sidebar-b,
.offpage .main-wrap .tm-middle .tm-sidebar-a {
  width: 100%;
}
@media screen and (min-width: 1220px) {
  .offpage .main-wrap .tm-middle .tm-sidebar-b,
  .offpage .main-wrap .tm-middle .tm-sidebar-a {
    width: 25%;
  }
}
@media screen and (min-width: 1220px) {
  .offpage .main-wrap .tm-middle .tm-main.uk-width-medium-3-4 {
    width: 75%;
  }
}
@media screen and (min-width: 1220px) {
  .offpage .main-wrap .tm-middle .tm-main.uk-width-medium-2-4 {
    width: 50%;
  }
}
.offpage .main-wrap .tm-middle .style_2.fp_box .fp_price {
  position: relative;
  max-width: 50%;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .offpage .main-wrap .tm-middle .style_2.fp_box .fp_price {
    position: absolute;
    margin-bottom: 0;
  }
}
.menu_description > .fp_popTrig.fp_inline_btn {
  display: none;
}
/* ==================================== Top A ==================================== */
.top-a-wrap {
  background-color: var(--main-color);
  border-top: 2px solid var(--white);
  border-bottom: 2px solid var(--white);
}
.top-a-wrap .uk-panel {
  text-align: center;
  padding: 10px 20px;
}
/* ==================================== Top B ==================================== */
.top-b-wrap .uk-container {
  max-width: 100%;
  padding: 0;
}
.top-b-wrap .uk-container .uk-grid {
  margin: 0;
}
.top-b-wrap .uk-container .uk-grid .uk-width-1-1 {
  padding: 0;
}
.top-b-wrap .uk-container .uk-grid .uk-width-1-1 .uk-panel-box {
  padding: 0;
}
.top-b-wrap .uk-container .uk-grid .uk-width-1-1 .uk-panel-box .background-image {
  position: relative;
  padding-bottom: 60%;
}
.top-b-wrap .uk-container .uk-grid .uk-width-1-1 .uk-panel-box .background-image .content .inner-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  text-align: center;
  transition: .3s;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 49%, rgba(0, 0, 0, 0) 100%);
  min-height: 33.333%;
}
.top-b-wrap .uk-container .uk-grid .uk-width-1-1 .uk-panel-box .background-image .content .inner-content h3 {
  font-weight: 400;
  font-size: 42px;
  text-shadow: 1px 2px 3px var(--black);
  padding: 5px 0;
  margin-bottom: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .top-b-wrap .uk-container .uk-grid .uk-width-1-1 .uk-panel-box .background-image .content .inner-content h3 {
    font-size: 26px;
  }
}
@media screen and (min-width: 960px) {
  .top-b-wrap .uk-container .uk-grid .uk-width-1-1 .uk-panel-box .background-image .content .inner-content h3 {
    font-size: 32px;
  }
}
@media screen and (min-width: 1220px) {
  .top-b-wrap .uk-container .uk-grid .uk-width-1-1 .uk-panel-box .background-image .content .inner-content h3 {
    font-size: 42px;
  }
}
.top-b-wrap .uk-container .uk-grid .uk-width-1-1 .uk-panel-box .background-image .content .inner-content h3 a {
  color: var(--white);
}
.top-b-wrap .uk-container .uk-grid .uk-width-1-1 .uk-panel-box .background-image .content .inner-content p {
  width: 100%;
  margin: 0;
  font-family: var(--header-font);
  font-size: 18px;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .top-b-wrap .uk-container .uk-grid .uk-width-1-1 .uk-panel-box .background-image .content .inner-content p {
    font-size: 14px;
  }
}
@media screen and (min-width: 960px) {
  .top-b-wrap .uk-container .uk-grid .uk-width-1-1 .uk-panel-box .background-image .content .inner-content p {
    font-size: 16px;
  }
}
@media screen and (min-width: 1220px) {
  .top-b-wrap .uk-container .uk-grid .uk-width-1-1 .uk-panel-box .background-image .content .inner-content p {
    font-size: 18px;
  }
}
/* ==================================== Footer ==================================== */
.footer-wrap {
  background-color: var(--main-color);
  border-top: 2px solid var(--white);
}
.footer-wrap .uk-container {
  max-width: 100%;
}
.footer-wrap .uk-container .tm-footer .uk-grid .uk-width-medium-1-2:first-child {
  text-align: left;
}
.footer-wrap .uk-container .tm-footer .uk-grid .uk-width-medium-1-2:last-child {
  text-align: right;
}
.footer-wrap .uk-container .tm-footer .uk-grid .uk-width-medium-1-2 a {
  color: var(--white);
}
.footer-wrap .uk-container .tm-footer .uk-grid .uk-width-medium-1-2 a:before {
  font-size: 18px;
}
/* ==================================== Offcanvas ==================================== */
#offcanvas .uk-offcanvas-bar {
  background-color: var(--main-color);
}
#offcanvas .uk-offcanvas-bar .uk-panel {
  margin: 0;
  padding: 20px 15px;
  background-color: var(--white);
  text-align: center;
}
#offcanvas .uk-offcanvas-bar .uk-panel a {
  color: var(--link-color);
  padding: 0 5px;
}
#offcanvas .uk-offcanvas-bar .uk-panel a:hover,
#offcanvas .uk-offcanvas-bar .uk-panel a:focus,
#offcanvas .uk-offcanvas-bar .uk-panel a:active {
  color: var(--link-hover);
}
#offcanvas .uk-offcanvas-bar .uk-panel a i {
  font-size: 22px;
}
#offcanvas .uk-offcanvas-bar .uk-nav.uk-nav-offcanvas > li.uk-active > a {
  background-color: var(--main-light);
  color: var(--main-dark);
}
#offcanvas .uk-offcanvas-bar .uk-nav.uk-nav-offcanvas > li.uk-active > a:hover,
#offcanvas .uk-offcanvas-bar .uk-nav.uk-nav-offcanvas > li.uk-active > a:active,
#offcanvas .uk-offcanvas-bar .uk-nav.uk-nav-offcanvas > li.uk-active > a:focus {
  background-color: var(--main-dark);
  color: var(--main-light);
}
#offcanvas .uk-offcanvas-bar .uk-nav.uk-nav-offcanvas > li > a {
  color: var(--white);
}
#offcanvas .uk-offcanvas-bar .uk-nav.uk-nav-offcanvas > li > a:hover,
#offcanvas .uk-offcanvas-bar .uk-nav.uk-nav-offcanvas > li > a:active,
#offcanvas .uk-offcanvas-bar .uk-nav.uk-nav-offcanvas > li > a:focus {
  color: var(--white);
  background-color: var(--main-dark);
}
#offcanvas .uk-offcanvas-bar .uk-nav.uk-nav-offcanvas > li > .uk-nav-sub {
  padding: 0 0 10px;
}
#offcanvas .uk-offcanvas-bar .uk-nav.uk-nav-offcanvas > li > .uk-nav-sub > li > a {
  color: var(--white);
  padding: 3px 20px;
}
#offcanvas .uk-offcanvas-bar .uk-nav.uk-nav-offcanvas > li > .uk-nav-sub > li > a:hover,
#offcanvas .uk-offcanvas-bar .uk-nav.uk-nav-offcanvas > li > .uk-nav-sub > li > a:active,
#offcanvas .uk-offcanvas-bar .uk-nav.uk-nav-offcanvas > li > .uk-nav-sub > li > a:focus {
  color: var(--white);
  background-color: var(--main-dark);
}
#offcanvas .uk-offcanvas-bar .uk-nav.uk-nav-offcanvas > li > .uk-nav-sub > li.uk-active > a {
  background-color: var(--main-light);
  color: var(--main-dark);
}
#offcanvas .uk-offcanvas-bar .uk-nav.uk-nav-offcanvas > li > .uk-nav-sub > li.uk-active > a:hover,
#offcanvas .uk-offcanvas-bar .uk-nav.uk-nav-offcanvas > li > .uk-nav-sub > li.uk-active > a:active,
#offcanvas .uk-offcanvas-bar .uk-nav.uk-nav-offcanvas > li > .uk-nav-sub > li.uk-active > a:focus {
  background-color: var(--main-dark);
  color: var(--main-light);
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li span.current,
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current {
  background-color: var(--main-color);
}
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce input[type="submit"],
.woocommerce-page input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #content input.button {
  background-color: var(--main-color);
  display: inline-block;
  color: var(--white);
  padding: 5px 15px;
  border: 2px solid var(--white);
  font-family: var(--header-font);
  position: relative;
  transform: translateX(-3px) translateY(-3px);
  box-shadow: 3px 3px 0 var(--black);
}
.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce button.button:hover,
.woocommerce-page button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page input.button:hover,
.woocommerce input[type="submit"]:hover,
.woocommerce-page input[type="submit"]:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce a.button:focus,
.woocommerce-page a.button:focus,
.woocommerce button.button:focus,
.woocommerce-page button.button:focus,
.woocommerce input.button:focus,
.woocommerce-page input.button:focus,
.woocommerce input[type="submit"]:focus,
.woocommerce-page input[type="submit"]:focus,
.woocommerce #respond input#submit:focus,
.woocommerce-page #respond input#submit:focus,
.woocommerce #content input.button:focus,
.woocommerce-page #content input.button:focus,
.woocommerce a.button:active,
.woocommerce-page a.button:active,
.woocommerce button.button:active,
.woocommerce-page button.button:active,
.woocommerce input.button:active,
.woocommerce-page input.button:active,
.woocommerce input[type="submit"]:active,
.woocommerce-page input[type="submit"]:active,
.woocommerce #respond input#submit:active,
.woocommerce-page #respond input#submit:active,
.woocommerce #content input.button:active,
.woocommerce-page #content input.button:active {
  transform: translateX(0) translateY(0);
  box-shadow: 1px 1px 0 var(--black);
}
.offpage .tm-content .related.products {
  clear: both;
}
.offpage .navbar-wrap + * {
  padding-top: 15px;
}
/* ==================================== SITE BY TG ==================================== */
#credits {
  width: 100%;
  margin: 0 auto;
}
#credits #siteby {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #credits #siteby {
    float: right;
  }
}
#credits #siteby .sitebyTG {
  background-image: url("https://www.technogoober.com/images/footerbadgesprite.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-color: transparent;
  margin: 0 auto;
  width: 94px;
  height: 72px;
  display: block;
  position: relative;
  transition: 0s;
}
#credits #siteby .sitebyTG:hover {
  background-position: bottom center;
}
/* ==================================== BASIC CSS STYLES ==================================== */