/*!
Theme Name: Kyamera
Theme URI: https://themepalace.com/downloads/kyamera/
Author: Moral Themes
Author URI: https://www.moralthemes.com
Description: Kyamera is a corporate business WordPress theme. If you are having an online presence and struggling in finding the right theme for your needs then Kyamera is the right theme for you. The corporative look and elegant design make sure that your business portfolio stands out among the pool of online portfolios. The niche purpose of the theme is to contemplate your business as all the features like partner, testimonial, blog, services and many more serves for your business portfolio. Other main features like "Drag and Drop" for sections and easy demo importer are the key features to setup your site in a jiffy.
Version: 1.0.5
Requires PHP: 5.6
Tested up to: 6.5
Requires at least: 5.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kyamera
Tags: two-columns, right-sidebar, custom-background, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, portfolio, blog

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Kyamera is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Preloader
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Comments
# Infinite scroll
# Layouts and Titles
# Media
  ## Captions
  ## Galleries
# Social Icons
# Breadcrumb List
# Homepage Sections
  ## Featured Slider
  ## WP Travel Search
  ## Recommended Packages
  ## About Us Section
  ## Call To Action
  ## Travel Preparation
  ## Travel Destination
  ## Client Testimonial
  ## Latest Posts

# Blog/Archive/Single
# Footer
# Font Family Options
# Responsive

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

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#loader {
  overflow-x: hidden;
  overflow-y: hidden;
  vertical-align: middle;
  background-color: #fff;
  position:fixed;
  display: table;
  width: 100%;
  top:0;
  height: 100%;
  min-height: 100%;
  z-index:9999;
}

.loader-container {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  z-index: 12;
  text-align:center;
  text-transform: uppercase;
}

#preloader {
  position:relative;
  margin:auto;
  width:100px;
}

#preloader span {
  display:block;
  bottom:0px;
  width: 9px;
  height: 5px;
  background:#fff;
  position:absolute;
  animation: preloader 1.5s  infinite ease-in-out;
}
 
#preloader span:nth-child(2) {
  left:11px;
  animation-delay: .2s;
}
#preloader span:nth-child(3) {
  left:22px;
  animation-delay: .4s;
}
#preloader span:nth-child(4) {
  left:33px;
  animation-delay: .6s;
}
#preloader span:nth-child(5) {
  left:44px;
  animation-delay: .8s;
}

.loader-container svg {
  width: 70px;
  height: 70px;
  fill: #e83a3c;
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

@keyframes preloader {
    0% {height:5px;transform:translateY(0px);background: #ff2d00;}
    25% {height:30px;transform:translateY(15px);background: #ff2d00;}
    50% {height:5px;transform:translateY(0px);background: #ff2d00;}
    100% {height:5px;transform:translateY(0px);background: #ff2d00;}
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.blog-loader {
    text-align: center;
    margin-top: 50px;
}
.blog-loader svg {
    width: 30px;
    height: 30px;
}
#LBloadmore svg.latest-posts-loader,
.blog-loader svg {
    margin-left: 15px;
    animation: infinitepreloader 1.5s  infinite ease-in-out;
}
@keyframes infinitepreloader {
  100%{transform: rotate(180deg);}
}
.backtotop {
    background-color: #e83a3c;
    z-index: 300;
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    position: fixed;
    bottom: -100px;
    right: 25px;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    color: #fff;
}
.backtotop:hover {
  background-color: #242021;
}
.backtotop svg {
    display: inline-block;
    vertical-align: middle;
    fill: #fff;
}

@-webkit-keyframes colorchange {
  0%   {border-color: #e30048;}
  25%  {border-color: #e83a3c;}
  50%  {border-color: #9acf0b;}
  75%  {border-color: #a93d7b;}
  100% {border-color: #f1ad02;}
}

@keyframes colorchange {
  0%   {border-color: #e30048;}
  25%  {border-color: #e83a3c;}
  50%  {border-color: #9acf0b;}
  75%  {border-color: #a93d7b;}
  100% {border-color: #f1ad02;}
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust:     100%;
}

body {
  margin: 0;
  font-family: 'Oxygen', sans-serif;
  font-weight: 400;
}

.boxed-layout,
.frame-layout {
    background-image: url('assets/img/pattern.png');
}

.boxed-layout #page,
.frame-layout #page {
    background-color: #fff;
}

#content {
    position: relative;
    overflow-x: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 52px;
}

h2 {
  font-size: 42px;
}

h3 {
  font-size: 26px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  color: #242021;
  margin: 16px 0;
  line-height: 1.3;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
}

h1 {
  margin: 0 0 16px;
}

mark {
  background: #ff0;
  color: #242021;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
tbody {
    text-align: left;
}
tr {
    border: 1px solid #e4e4e4;
}
td,
th {
  padding: 10px;
    font-weight: 400;
}

th {
  color: #242021;
}

td#next {
    text-align: right;
}

.calendar_wrap table {
    display: table;
}

.calendar_wrap th, 
.calendar_wrap td {
    padding: 8px 5px;
}

.site-footer .calendar_wrap th, 
.site-footer .calendar_wrap td {
    color: #fff;
}

.site-footer .calendar_wrap caption {
  color: #fff;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #645f60;
  font-size: 16px;
  font-size: 1rem;
  line-height: 28px;
    word-wrap: break-word;
}
p {
  margin: 0 0 1em;
}
p:last-child {
  margin-bottom: 0;
}
dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff; /* Fallback for when there is no custom background color defined. */
    overflow-x: hidden;
}

blockquote {
    padding: 15px 0;
    font-size: 18px;
    line-height: 35px;
    font-weight: 300;
    position: relative;
    margin: 0 0 21px;
}

blockquote p {
    margin-bottom: 0;
}

blockquote.alignright {
    padding-right: 0;
    margin-bottom: 14px;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 21px;
    padding-left: 1.5em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 0.5em;
}

dt {
  font-weight: bold;
    margin-bottom: 1em;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
  vertical-align: middle;
}

img:focus {
  outline: thin dotted;
}

figure {
  margin: 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
    display: inline-block;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  padding: 16px 26px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    text-align: center;
    background-color: #e83a3c;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 10px;
    border: none;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  box-shadow: 0px 5px 20px 0px rgba(232, 58, 60, 0.5);
    color: #fff;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  box-shadow: 0px 5px 20px 0px rgba(232, 58, 60, 0.5);
    color: #fff;
    outline: thin dotted #242021;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #242021;
  border: 1px solid #f5f5f5;
  border-radius: 5px;
  padding: 10px;
  background-color: #f5f5f5;
}

select {
  border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #242021;
  border-color: #e83a3c;
  outline: thin dotted;
}

textarea {
  width: 100%;
}
#respond input,
.wpcf7 input {
    width: 100%;
}
p.form-submit {
    clear: both;
    display: inline-block;
    position: relative;
}
.comment-notes {
    margin-top: 0;
    margin-bottom: 20px;
}
#respond label {
    color: #273238;
    margin-bottom: 5px;
    display: block;
}
#commentform p {    
    margin-bottom: 21px;
}
.customize-support #commentform p.comment-form-comment {
    margin-bottom: 10px;
}
#commentform p.form-submit {
  margin: 0;
}
#comments {
    margin: 60px 0 0;
}
#respond {
    margin-top: 50px;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #e83a3c;
  text-decoration: underline;
}

a:hover,
a:focus,
a:active {
  color: #242021;
}

a:focus {
  outline: thin dotted;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead {
    position: relative;
    width: 100%;
    z-index: 3000;
    padding: 10px 0;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.site-branding {
    float: left;
    padding: 15px 0;
    display: flex;
    align-items: center;
    min-height: 100px;
}
.site-title {
    font-size: 32px;
    margin: 0;
    font-weight: bold;
    line-height: 1.3;
}
.site-title a {
    color: #242021;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}
.site-title a:hover,
.site-title a:focus {
  color: #e83a3c;
}
.site-description {
    margin: 0;
    color: #e83a3c;
    line-height: 1.5;
    font-weight: bold;
    letter-spacing: 0.10em;
    font-size: 16px;
}
.site-logo img {
    max-height: 80px;
    width: auto;
    margin-right: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.main-navigation {
  display: block;
    position: relative;
    float: right;
}
.main-navigation ul#primary-menu li.current-menu-item > a,
.main-navigation ul#primary-menu li:hover > a,
.main-navigation ul#primary-menu li:focus > a {
    color: #e83a3c;
}
.main-navigation ul#primary-menu li:hover > svg,
.main-navigation ul#primary-menu li:focus > svg,
.main-navigation li.menu-item-has-children:hover > a > svg,
.main-navigation li.menu-item-has-children > a:hover > svg,
.main-navigation li.menu-item-has-children > a:focus > svg,
.main-navigation ul#primary-menu > li.current-menu-item > a > svg {
    fill: #e83a3c;
}
.main-navigation ul ul {
    background-color: #fff;
    text-align: left;
    padding: 0;
}
.main-navigation ul.sub-menu li a {
    padding: 8px 15px;
    color: #242021;
}
.main-navigation ul.sub-menu a:after {
  float: right;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation li {
  position: relative;
}
.main-navigation ul.nav-menu > li > a {
    padding: 11px;
    color: #242021;
}
.main-navigation ul.nav-menu > li.custom-button > a {
    background-color: #e83a3c;
    box-shadow: 0px 5px 20px 0px rgba(232, 58, 60, 0.5);
    color: #fff;
    border-radius: 50px;
    padding: 11px 28px;
    display: inline-block;
}
.main-navigation ul#primary-menu > li.custom-button:hover > a {
  color: #fff;
}
.main-navigation ul.nav-menu > li.custom-button > a:focus {
  outline: thin dotted #242021;
}
.main-navigation form.search-form input {
    background-color: #242021;
    border-color: #242021;
    color: #242021;
    font-weight: 400;
}
.main-navigation .search-menu svg {
    fill: #242021;
}
.main-navigation li.search-menu a:hover svg,
.main-navigation li.search-menu a.search-active:hover svg,
.main-navigation ul#primary-menu li.search-menu:hover > a.search-active svg {
  fill: #e83a3c;
}
.main-navigation li.search-menu a.search-active svg {
  fill: #242021;
}
.main-navigation a:hover,
.main-navigation ul.nav-menu > li > a:hover {
    color: #e83a3c;
}
.main-navigation a {
  font-size: 16px;
    display: block;
    text-decoration: none;
    color: #242021;
    text-transform: uppercase;
    position: relative;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.main-navigation ul ul {
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul a {
  width: 250px;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
  color: #242021;
}
.main-navigation .count {
    float: right;
    background-color: #e83a3c;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    text-align: center;
    line-height: 1.1;
    margin-top: 5px;
}
form.search-form {
    width: 100%;
    max-width: 100%;
    position: relative;
}
.main-navigation form.search-form {
    min-width: 320px;
}
input.search-field {
    height: 45px;
    border-radius: 0;
    padding: 0 50px 0 15px;
    width: 100%;
}
input.search-field:focus {
    outline: thin dotted;
}
.main-navigation svg.icon-close {
    display: none;
}
svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
svg.icon-search,
svg.icon-close {
    width: 15px;
    height: 15px;
    fill: #fff;
}
.main-navigation svg.icon-down {
    width: 12px;
    height: 12px;
    margin-left: 5px;
}
.main-navigation .sub-menu svg {
    width: 12px;
    height: 12px;
    fill: #242021;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}
.menu-toggle {
    border-radius: 0;
    font-size: 16px;
    padding: 15px;
    margin: auto;
    display: block;
    height: 90px;
    position: relative;
    background-color: transparent;
    border: none;
}
.menu-toggle:hover,
.menu-toggle:focus {
  background-color: transparent;
  box-shadow: none;
}
.menu-toggle svg {
    fill: #242021;
}
.menu-label {
    float: right;
    color: #242021;
    padding: 2px 0 0 10px;
}
svg.icon-menu {
    width: 30px;
    height: 30px;
}
.menu-open svg.icon-menu {
    display: none;
}
button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    height: 55px;
    line-height: 62px;
    box-shadow: none;
}
.main-navigation .dropdown-toggle.active > svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.menu-overlay {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.menu-overlay.active {
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 3;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 50px 0 0;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
  position: relative;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
  position: relative;
}
.post-navigation a, 
.posts-navigation a {
    font-weight: 400;
    color: #e83a3c;
}
.post-navigation a:hover, 
.posts-navigation a:hover,
.post-navigation a:focus, 
.posts-navigation a:focus {
  color: #242021;
}
.post-navigation, 
.posts-navigation {
    padding: 0;
    position: relative;
    clear: both;
}
.pagination .page-numbers,
.pagination .page-numbers.dots:hover,
.pagination .page-numbers.dots:focus,
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
    text-align: center;
    line-height: 40px;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    color: #fff;
    background-color: #e83a3c;
    border: 1px solid #e83a3c;
    border-radius: 5px;
}
.pagination .prev.page-numbers, 
.pagination .next.page-numbers {
    width: auto;
    padding: 0 10px;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
    color: #fff;
    border-color: #242021;
    background-color: #242021;
}
.pagination .prev.page-numbers, 
.pagination .next.page-numbers {
    border: none;
} 
.pagination .prev.page-numbers img {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.pagination img {
  opacity: 0.4;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.pagination a:hover img,
.pagination a:focus img {
  opacity: 1;
  -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.nav-previous span {
    padding-left: 20px;
    float: left;
    text-align: left;
}
.nav-next span {
    padding-right: 20px;
    float: right;
    text-align: right;
}
.navigation .nav-previous svg {
    position: absolute;
    top: 35px;
    left: 20px;
}
.navigation .nav-next svg {
    position: absolute;
    top: 35px;
    right: 20px;
}
.post-navigation span,
.posts-navigation span {
    display: table;
}
.navigation.post-navigation, 
.navigation.posts-navigation {
    background-color: #f5f5f3;
}
.navigation.posts-navigation {
    margin-top: 25px;
    background-color: #fff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
.navigation.post-navigation .nav-previous, 
.navigation.posts-navigation .nav-previous,
.navigation.post-navigation .nav-next, 
.navigation.posts-navigation .nav-next {
  padding: 26px;
}
.navigation.post-navigation a,
.navigation.posts-navigation a {
  color: #242021;
}
.navigation.post-navigation a:hover,
.navigation.posts-navigation a:hover,
.navigation.post-navigation a:focus,
.navigation.posts-navigation a:focus {
  color: #e83a3c;
}
.navigation.post-navigation a:focus,
.navigation.posts-navigation a:focus {
  outline: thin dotted;
}
.navigation.post-navigation a:hover svg,
.navigation.posts-navigation a:hover svg,
.navigation.post-navigation a:focus svg,
.navigation.posts-navigation a:focus svg {
  fill: #e83a3c;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

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

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

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

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.3em;
}
.widget:last-child {
    margin-bottom: 0;
}

#colophon .widget {
  margin: 0 0 40px;
}

#colophon .widget.widget_text {
  margin-bottom: 35px;
}

#colophon .widget:last-child {
    margin-bottom: 0;
}

#secondary .widget {
    margin-bottom: 35px;
}

#secondary .widget:last-child {
    margin-bottom: 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
  max-width: 100%;
    background-color: #f6f6f6;
    padding: 10px;
    border: none;
    width: 100%;
    max-width: 300px;
}
.widget select:focus {
    outline: thin dotted;
}

.widget input {
    height: 40px;
    border-radius: 0;
    padding: 0 15px;
}

form.search-form button.search-submit {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #e83a3c;
    border: none;
    border-radius: 0;
    padding: 0;
}
form.search-form button.search-submit:focus {
  box-shadow: none;
}
form.search-form button.search-submit svg {
  fill: #fff;
  width: 16px;
    height: 16px;
}
form.search-form button.search-submit:hover,
form.search-form button.search-submit:focus {
  background-color: #e83a3c;
  box-shadow: none;
}
form.search-form button.search-submit:hover svg,
form.search-form button.search-submit:focus svg {
  fill: #fff;
}
form.search-form input {
  border: none;
}
form.search-form input {
    padding: 0 40px 0 15px;
    height: 50px;
    background-color: #f5f5f3;
}
form.search-form {
    position: relative;
}

form.search-form input {
    width: 100%;
    padding: 0 40px 0 15px;
    font-weight: 300;
}

#wp-calendar tbody td {
    text-align: center;
}

#wp-calendar caption {
    margin-bottom: 15px;
    text-align: left;
}
#colophon .widget.widget_calendar th {
    color: #fff;
}
.widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#secondary .widget.tp-instagram ul li.hentry {
    margin: 0;
}
.widget-title {
    font-size: 16px;
    margin: 0 0 35px;
}

.widget li:not(:last-child) {
    margin-bottom: 20px;
}

.tp-instagram ul {
    list-style: none;
    margin: -5px;
    padding: 0;
}
.widget.tp-instagram li {
  margin: 0;
  padding: 5px;
}
.tp-instagram .col-1 li {
  width: 100%;
  float: none;
}
.tp-instagram .col-2 li {
  width: 50%;
  float: left;
}
.tp-instagram .col-3 li {
  width: 33.33%;
  float: left;
}
.tp-instagram .col-4 li {
  width: 25%;
  float: left;
}
.tp-instagram .col-5 li {
  width: 20%;
  float: left;
}
.tp-instagram li img {
  width: 100%;
}
.tp-instagram .col-2 li:nth-child(2n+1) {
  clear: left;
}
.tp-instagram .col-3 li:nth-child(3n+1) {
  clear: left;
}
.tp-instagram .col-4 li:nth-child(4n+1) {
  clear: left;
}
.tp-instagram .col-5 li:nth-child(5n+1) {
  clear: left;
}
.footer-widgets-area .tp-instagram ul.col-1 .hentry {
    width: 100%;
}
.footer-widgets-area .tp-instagram ul.col-2 .hentry {
    width: 50%;
}
.footer-widgets-area .tp-instagram ul.col-3 .hentry {
    width: 33.33%;
}
.footer-widgets-area .tp-instagram ul.col-4 .hentry {
    width: 25%;
}
.footer-widgets-area .tp-instagram ul.col-5 .hentry {
    width: 20%;
}
.footer-widgets-area .tp-instagram ul.col-2 .hentry:nth-child(2n+1) {
    clear: left;
}

.right-sidebar #secondary, 
.left-sidebar #secondary {
  margin-top: 50px;
}
#secondary {
    position: relative;
    overflow: hidden;
}
#secondary .widget_search form.search-form input {
  background-color: #f5f5f3;
}
#secondary .widget-title,
#secondary .widgettitle {
  font-size: 22px;
    margin-bottom: 20px;
    font-weight: 600;
}
input[type="submit"] {
    padding: 16px 49px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    text-align: center;
    background-color: #e83a3c;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    border-radius: 50px;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
  box-shadow: 0px 5px 20px 0px rgba(232, 58, 60, 0.5);
    color: #fff;
}
input[type="submit"]:focus {
  outline: thin dotted #242021;
}
.widget_popular_post ul,
.widget_latest_post ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
    display: table;
}
.widget.widget_popular_post ul li,
.widget.widget_latest_post ul li {
    clear: both;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.widget.widget_popular_post ul li:last-child,
.widget.widget_latest_post ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.widget_popular_post h3,
.widget_latest_post h3 {
    display: table-row;
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
}
.widget_popular_post .entry-meta {
    margin-top: 10px;
}
.widget_popular_post time,
.widget_latest_post time {
    margin-top: 5px;
    display: inline-block;
    font-size: 12px;
}
.widget_popular_post h3 a,
.widget_latest_post h3 a,
.widget_popular_post a time,
.widget_popular_post time,
.widget_latest_post a time,
.widget_latest_post time {
    color: #242021;
}
.widget_popular_post h3 a:hover,
.widget_popular_post h3 a:focus,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a:hover,
.widget_latest_post h3 a:focus,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time {
  color: #e83a3c;
}
.widget_popular_post img,
.widget_latest_post img {
    width: 116px;
    height: 95px;
    object-fit: cover;
    margin-right: 20px;
    float: left;
}
.textwidget img,
.aboutwidget img {
    margin-bottom: 21px;
    display: block;
}
.widget.widget_text .btn {
  margin-top: 20px;
}
.widget_featured_courses .image-wrapper img,
.widget_popular_courses .image-wrapper img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    margin-right: 20px;
    border-radius: 5px;
    float: left;
}
.widget_featured_courses .course-wrapper,
.widget_popular_courses .course-wrapper {
    display: table;
}
.widget_featured_courses .course-wrapper h5,
.widget_popular_courses .course-wrapper h5 {
  margin: 0 0 4px;
    font-size: 18px;
}
.widget_featured_courses .course-wrapper h5 a,
.widget_popular_courses .course-wrapper h5 a {
  color: #72757a;
}
.widget_featured_courses .course-wrapper h5 a:hover,
.widget_featured_courses .course-wrapper h5 a:focus,
.widget_featured_courses .tp-course-price,
.widget_popular_courses .course-wrapper h5 a:hover,
.widget_popular_courses .course-wrapper h5 a:focus,
.widget_popular_courses .tp-course-price {
  color: #e83a3c;
}
.widget_featured_courses .tp-course-price-label,
.widget_popular_courses .tp-course-price-label {
  display: none;
}
.widget_featured_courses .tp-course-price,
.widget_popular_courses .tp-course-price {
  font-size: 18px;
}
.widget_featured_courses ul li,
.widget_popular_courses ul li {
    clear: both;
    display: table;
    width: 100%;
}
#secondary .jetpack_subscription_widget input[type="email"] {
    height: 50px;
    min-height: auto;
    background-color: #fff;
    border-color: #fff;
    padding: 15px 18px;
}
.site-footer .jetpack_subscription_widget #subscribe-submit:after {
  border-bottom-color: #fff;
}
#secondary .jetpack_subscription_widget input[type="submit"]:hover,
#secondary .jetpack_subscription_widget input[type="submit"]:focus {
  background-color: #e83a3c;
}
#secondary p#subscribe-email {
    margin-top: 0;
}
#colophon .widget .social-icons li a:hover svg,
#colophon .widget .social-icons li a:focus svg {
  fill: #fff;
}
.widget_contact_info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget_categories li {
    position: relative;
}
.widget_categories .has-post-thumbnail a {
    position: absolute;
    background-color: #fff;
    top: 20px;
    left: 20px;
    color: #242021;
    padding: 6px 19px;
    text-transform: uppercase;
}
#secondary .widget_categories li.has-post-thumbnail:not(:last-child) {
    margin-bottom: 20px;
}
#secondary .cat-links a,
#secondary a:hover,
#secondary a:focus {
  color: #e83a3c;
}
#secondary a {
  color: #333;
    font-family: 'Open Sans', sans-serif;
}
#secondary .widget li:not(:last-child) {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}
#secondary .widget.widget_popular_post li:not(:last-child) {
    margin-bottom: 20px;
}
#secondary .widget.widget_about .aboutwidget {
    text-align: center;
}
#secondary .widget.widget_about .aboutwidget img {
  margin-left: auto;
  margin-right: auto;
}
#secondary .widget_social_icons ul {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}
#secondary .widget_social_icons {
    margin-bottom: 30px;
}
#secondary .widget ul li ul {
    padding-top: 5px;
    padding-left: 15px;
}
.widget_recent_entries .post-date {
    display: block;
}
#secondary .widget > ul li, 
#secondary .widget_nav_menu ul li {
    padding: 10px 0;
}
#secondary .widget li:before {
    content: "\f105";
    font-family: "FontAwesome";
    margin-right: 10px;
}
.tp-instagram li a:before,
.widget_latest_post a:before,
.widget_popular_post a:before,
.widget_contact_info a:before {
  display: none;
}
#colophon .widget_contact_info li:before {
  content: "-";
  margin-right: 5px;
}
.tp-instagram ul {
  margin: -3px;
  clear: both;
  display: table;
  width: 100%;
}
.tp-instagram ul li {
  padding: 3px;
}
.tp-instagram ul.col-1 li {
  width: 100%;
}
.tp-instagram ul.col-2 li {
  width: 50%;
  float: left;
}
.tp-instagram ul.col-3 li {
  width: 33.33%;
  float: left;
}
.tp-instagram ul.col-4 li {
  width: 25%;
  float: left;
}
.tp-instagram ul.col-5 li {
  width: 20%;
  float: left;
}
.tp-instagram ul.col-2 li:nth-child(2n+1),
.tp-instagram ul.col-3 li:nth-child(3n+1),
.tp-instagram ul.col-4 li:nth-child(4n+1),
.tp-instagram ul.col-5 li:nth-child(5n+1) {
  clear: left;
}
.footer-widgets-area.col-4 .tp-instagram ul .hentry:nth-child(4n+1) {
  clear: none;
}
.footer-widgets-area.col-4 .tp-instagram .hentry,
.footer-widgets-area.col-4 .tp-instagram .hentry:nth-child(odd) {
  padding: 3px;
  margin: 0;
}
.footer-widgets-area .widget_popular_post h3 a, 
.footer-widgets-area .widget_latest_post h3 a, 
.footer-widgets-area .widget_popular_post a time, 
.footer-widgets-area .widget_popular_post time, 
.footer-widgets-area .widget_latest_post a time, 
.footer-widgets-area .widget_latest_post time {
  color: #fff;
}
.footer-widgets-area .widget_popular_post time, 
.footer-widgets-area .widget_latest_post time {
  display: table-row;
    font-size: 12px;
}
#secondary .widget.tp-instagram li, 
#secondary .widget.tp-instagram li:first-child,
#secondary .widget.tp-instagram li:hover {
    border: none;
    padding: 3px;
    background-color: transparent;
}
#secondary .widget.food_restro_pro_social_link li, 
#secondary .widget.food_restro_pro_social_link li:first-child,
#secondary .widget.food_restro_pro_social_link li:hover {
  border: none;
  padding: 0;
}
#secondary .social-icons li {
  margin-right: 5px;
  margin-bottom: 5px;
}
#secondary .social-icons li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
#secondary .widget.widget_latest_post li, 
#secondary .widget.widget_latest_post li:first-child,
#secondary .widget.widget_latest_post li:hover,
#secondary .widget.widget_popular_post li, 
#secondary .widget.widget_popular_post li:first-child,
#secondary .widget.widget_popular_post li:hover {
    padding: 0;
    border: none;
    background-color: transparent;
}
#secondary .widget.widget_latest_post h3 a,
#secondary .widget.widget_popular_post h3 a {
  font-weight: 600;
}
#secondary .widget.widget_latest_post li:not(:last-child),
#secondary .widget.widget_popular_post li:not(:last-child) {
  margin-bottom: 10px;
}
.footer-widgets-area .widget.widget_latest_post ul li:not(:last-child),
.footer-widgets-area .widget.widget_popular_post ul li:not(:last-child) {
  margin-bottom: 5px;
}
#secondary .food_restro_pro_contact_info li {
  color: #333;
    font-family: 'Open Sans', sans-serif;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}
.hentry {
  margin: 0;
}

.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 0;
}
.page-header span.posted-on {
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
.page-header span.author-name {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #242021;
}
.page-header small {
    font-size: 12px;
    color: #e83a3c;
}
nav.navigation.pagination {
    margin-top: 50px;
    clear: both;
    display: inline-block;
    width: 100%;
}
.no-sidebar nav.navigation.pagination {
  text-align: center;
}
.navigation.pagination svg {
    fill: #fff;
    width: 14px;
    height: 14px;
    position: relative;
    top: -1px;
    left: -1px;
    margin-right: 5px;
}
.navigation.pagination .prev svg,
.navigation.posts-navigation .nav-previous svg, 
.navigation.post-navigation .nav-previous svg {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.navigation.pagination .next svg {
    left: auto;
    right: -1px;
    margin-left: 3px;
    margin-right: 0;
}
.navigation.pagination .next svg,
.navigation.posts-navigation .nav-next svg, 
.navigation.post-navigation .nav-next svg {
  -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.navigation.posts-navigation svg, 
.navigation.post-navigation svg {
    width: 13px;
    height: 13px;
    fill: #242021;
    display: inline-block;
    vertical-align: middle;
}
.navigation.posts-navigation svg.icon-left, 
.navigation.post-navigation svg.icon-left {
  margin-right: 20px;
}
.navigation.posts-navigation svg.icon-right, 
.navigation.post-navigation svg.icon-right {
  margin-left: 20px;
}
.single-post-wrapper .entry-title {
    font-size: 32px;
    font-weight: 700;
}
.single-post-wrapper .post-categories {
    margin-bottom: 7px;
    display: inline-block;
}
.single-post-wrapper article p {
    margin-top: 0;
    margin-bottom: 28px;
}
.single-post-wrapper article blockquote p {
    margin-bottom: 0;
}
.single-post-wrapper article img {
    margin-bottom: 30px;
}
.single-post-wrapper article p.first-letter:first-letter {
    display: inline-block;
    float: left;
    font-size: 90px;
    line-height: 0.6;
    margin: 16px 16px 0 0;
}
.single-post-wrapper span.posted-on svg,
.single-post-wrapper span.cat-links svg {
    fill: #e83a3c;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -3px;
}
.single-post-wrapper span.cat-links svg {
  top: -2px;
}
.single-post-wrapper span.posted-on a:hover svg,
.single-post-wrapper span.posted-on a:focus svg,
.single-post-wrapper span.cat-links:hover svg {
    fill: #242021;
}
.single-post-wrapper .entry-meta > span:not(:last-child):after {
  content: "";
  padding: 0 5px;
}
.single-post-wrapper span.cat-links a:not(:last-child):after {
  content: ",";
  color: #242021;
  padding-left: 2px;
  margin-right: 3px;
}
.single.no-sidebar #inner-content-wrapper {
    max-width: 968px;
}
.tags-links {
    display: block;
}
.single-post-wrapper span.tags-links a {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #72757a;
    font-weight: 400;
}
.single-post-wrapper span.tags-links a:hover,
.single-post-wrapper span.tags-links a:focus {
  color: #e83a3c;
  border-color: #e83a3c;
}
.single-post-wrapper .entry-meta {
    margin-bottom: 25px;
}
.single-post-wrapper .entry-meta .date {
    font-size: 49px;
    color: #242021;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}
.single-post-wrapper .entry-meta .month {
    font-size: 14px;
    letter-spacing: 0.5em;
    text-transform: uppercase;
    padding-left: 5px;
    margin-bottom: 28px;
    font-weight: bold;
}
.single-post .site-main .comment-navigation, 
.single-post .site-main .posts-navigation, 
.single-post .site-main .post-navigation {
  margin-bottom: 0;
}
.post-navigation .previous-article span span,
.posts-navigation .previous-article span span,
.post-navigation .next-article span span,
.posts-navigation .next-article span span {
    display: block;
}
.post-navigation span.previous-article b,
.post-navigations span.previous-article b,
.post-navigation span.next-article b,
.post-navigations span.next-article b {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.post-navigation span.previous-article,
.post-navigations span.previous-article {
    display: table;
}
.no-sidebar .single-post-wrapper .featured-image {
  text-align: center;
}
span.next-article {
    padding-right: 65px;
    display: inline-block;
}
.error404.left-sidebar #primary,
.error404.right-sidebar #primary,
.error404.no-sidebar #primary {
    width: 100%;
    float: none;
    margin: 0 auto;
    max-width: 600px;
    text-align: center;
}
.error-404.not-found {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.error-404.not-found .page-header {
    margin-bottom: 20px;
}
.error-404.not-found .search-form button.search-submit {
  background-color: #333;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

#reply-title,
.comments-title {
    font-size: 42px;
    margin: 0;
}
.comments-title,
#reply-title {
    margin-bottom: 30px;
    font-size: 32px;
    font-weight: bold;
}
ul.post-categories li:after {
    content: ",";
}
ul.post-categories li:last-child:after {
    display: none;
}
ol.comment-list {
    padding: 0;
    margin: 0 0 15px;
    list-style: none;
}
#comments ol {
    list-style: none;
    margin-left: 0;
    padding: 0;
}
#comments ol.comment-list {
  padding-top: 35px;
  position: relative;
    overflow: hidden;
}
#comments ol.children .reply {
    padding-left: 12px;
}
.says {
    display: none;
}
.comment-meta img {
    width: 65px;
    height: 65px;
    float: left;
    border-radius: 50%;
    margin-right: 35px;
    margin-top: -20px;
}
#comments time:before {
    display: none;
}
.comment-body {
    position: relative;
}
.reply {
    padding-bottom: 25px;
    text-align: right;
    padding-right: 10px;
}
#comments article {
    margin-bottom: 30px;
    clear: both;
}
#comments ol.comment-list > li:last-child article:last-child,
#comments ol.comment-list > li:last-child {
  border-bottom: none;
}
#comments ol.comment-list > li {
    padding-top: 18px;
}
#comments ol.comment-list > li:first-child {
    padding-top: 0;
}
#comments ol.comment-list > li article:last-child .reply {
  border-bottom: none;
    padding-bottom: 0;
}
.reply a {
    padding: 10px 24px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    text-align: center;
    background-color: #e83a3c;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    border-radius: 50px;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.reply a:hover,
.reply a:focus {
    box-shadow: 0px 5px 20px 0px rgba(232, 58, 60, 0.5);
    color: #fff;
}
.reply a:focus {
    outline: thin dotted #242021;
}
.comment-meta .url,
.comment-meta .fn {
    display: inline-block;
    color: #242021;
    font-weight: 600;
}
.comment-meta .url:hover,
.comment-meta .url:focus {
  color: #e83a3c;
}
.comment-metadata a,
.comment-metadata a time {
  color: #82868b;
}
.comment-metadata a:hover,
.comment-metadata a:focus {
  color: #242021;
}
.comment-metadata a:hover time,
.comment-metadata a:focus time {
  color: #e83a3c;
}
.comment-metadata {
    float: right;
    padding-right: 35px;
    position: relative;
    z-index: 1;
}
.comment-content {
    margin-bottom: 13px;
    padding: 57px 25px 7px;
    margin-top: -50px;
    background-color: #f5f5f3;
    margin-left: 120px;
    position: relative;
    right: 10px;
    clear: both;
    border-radius: 5px;
}
.comment-content:before {
    content: "";
    border: 9px solid transparent;
    border-right-color: #f5f5f3;
    position: absolute;
    left: -18px;
    top: 30px;
}
.comment-content p {
    margin-bottom: 1em;
}
.comment-meta {
    margin-bottom: -100px;
    display: inline-block;
    width: 100%;
}
.comment-meta .fn {
    padding-left: 35px;
    position: relative;
    z-index: 1;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Layouts and titles
--------------------------------------------------------------*/
section {
  position: relative;
}
.relative {
  display: block;
  position: relative;
}
.relative:before,
.relative:after {
  content: "";
  display: table;
  clear: both;
}
.entry-content {
  margin-top: 0;
}
.wrapper {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.page-section {
    padding: 60px 0;
}
.entry-title {
    font-size: 22px;
    margin: 0 0 16px;
}
.section-header {
    margin-bottom: 50px;
    text-align: center;
    position: relative;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}
.section-title {
    font-size: 32px;
    margin: 0;
    word-wrap: break-word;
    position: relative;
    font-weight: bold;
}
.section-subtitle {
    font-size: 16px;
    font-weight: 400;
}
.overlay {
    background-color: #282323;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.btn {
    padding: 16px 49px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    text-align: center;
    background-color: #e83a3c;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    border-radius: 50px;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}
.btn:hover,
.btn:focus {
  box-shadow: 0px 5px 20px 0px rgba(232, 58, 60, 0.5);
  color: #fff;
}
.btn:focus {
    outline: thin dotted #242021;
}
.post-thumbnail-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.featured-image {
  position: relative;
}
.view-all {
    text-align: center;
    margin-top: 30px;
}
.same-background + .same-background {
    padding-top: 0;
}
.col-1 {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.col-1 article, 
.col-2 article, 
.col-3 article, 
.col-4 article {
  margin-bottom: 50px;
}
.col-1 article:last-child, 
.col-2 article:last-child, 
.col-3 article:last-child, 
.col-4 article:last-child {
  margin-bottom: 0;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin: -5px;
    clear: both;
    display: table;
    width: 100%;
}

.gallery-item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
    float: left;
    padding: 5px;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}
/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/
.social-icons li {
    display: inline-block;
    height: auto;
    text-align: center;
    position: relative;
    list-style: none;
}
.footer-widgets-area .widget .social-icons li {
  display: inline-block;
    width: auto;
}
.social-icons,
.social-icons ul {
    margin: 0;
    padding: 0;
}
.social-icons li a {
    background-color: transparent;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
}
.social-icons a:focus {
  outline: thin dotted;
}
.social-icons li a:hover svg,
.social-icons li a:focus svg {
  fill: #fff;
}
.social-icons li a:hover svg,
.social-icons li a:focus svg {
  fill: #fff;
}
.social-icons li a svg {
    fill: #8c8c8c;
}
/*--------------------------------------------------------------
## Social Icons Hover Color
--------------------------------------------------------------*/
.social-icons li a[href*="facebook.com"]:hover,
.social-icons li a[href*="fb.com"]:hover,
.social-icons li a[href*="facebook.com"]:focus,
.social-icons li a[href*="fb.com"]:focus,
.tp-social.social-icon li a[href*="fb.com"],
.tp-social.social-icon li a[href*="facebook.com"] {
  background-color: #3c5798 !important;
}
.social-icons li a[href*="twitter.com"]:hover,
.social-icons li a[href*="twitter.com"]:focus,
.tp-social.social-icon li a[href*="twitter.com"] {
  background-color: #1ea0f1 !important;
}
.social-icons li a[href*="linkedin.com"]:hover,
.social-icons li a[href*="linkedin.com"]:focus,
.tp-social.social-icon li a[href*="linkedin.com"] {
  background-color: #0077B5 !important;
}
.social-icons li a[href*="plus.google.com"]:hover,
.social-icons li a[href*="plus.google.com"]:focus,
.tp-social.social-icon li a[href*="plus.google.com"] {
  background-color: #ec7161 !important;
}
.social-icons li a[href*="slack.com"]:hover,
.social-icons li a[href*="slack.com"]:focus,
.tp-social.social-icon li a[href*="slack.com"] {
  background-color: #E60264;
}
.social-icons li a[href*="youtube.com"]:hover,
.social-icons li a[href*="youtube.com"]:focus,
.tp-social.social-icon li a[href*="youtube.com"] {
  background-color: #cc181e !important;
}

.social-icons li a[href*="dribbble.com"]:hover,
.social-icons li a[href*="dribbble.com"]:focus,
.tp-social.social-icon li a[href*="dribbble.com"] {
  background-color: #f4a09c !important;
}

.social-icons li a[href*="pinterest.com"]:hover,
.social-icons li a[href*="pinterest.com"]:focus,
.tp-social.social-icon li a[href*="pinterest.com"] {
  background-color: #bd081b !important;
}

.social-icons li a[href*="bitbucket.org"]:hover,
.social-icons li a[href*="bitbucket.org"]:focus,
.tp-social.social-icon li a[href*="bitbucket.com"] {
  background-color: #205081 !important;
}

.social-icons li a[href*="github.com"]:hover,
.social-icons li a[href*="github.com"]:focus,
.tp-social.social-icon li a[href*="github.com"] {
  background-color: #323131 !important;
}

.social-icons li a[href*="codepen.io"]:hover,
.social-icons li a[href*="codepen.io"]:focus,
.tp-social.social-icon li a[href*="codepen.com"] {
  background-color: #242021 !important;
}

.social-icons li a[href*="flickr.com"]:hover,
.social-icons li a[href*="flickr.com"]:focus,
.tp-social.social-icon li a[href*="flickr.com"] {
  background-color: #025FDF !important;
}

.social-icons li a[href$="/feed/"]:hover,
.social-icons li a[href$="/feed/"]:focus,
.tp-social.social-icon li a[href*="feed.com"] {
  background-color: #089DE3 !important;
}

.social-icons li a[href*="foursquare.com"]:hover,
.social-icons li a[href*="foursquare.com"]:focus,
.tp-social.social-icon li a[href*="foursquare.com"] {
  background-color: #F94877 !important;
}

.social-icons li a[href*="instagram.com"]:hover,
.social-icons li a[href*="instagram.com"]:focus,
.tp-social.social-icon li a[href*="instagram.com"] {
  background-color: #cd42e7 !important;
}

.social-icons li a[href*="tumblr.com"]:hover,
.social-icons li a[href*="tumblr.com"]:focus,
.tp-social.social-icon li a[href*="tumblr.com"] {
  background-color: #56BC8A !important;
}

.social-icons li a[href*="reddit.com"]:hover,
.social-icons li a[href*="reddit.com"]:focus,
.tp-social.social-icon li a[href*="reddit.com"] {
  background-color: #FF4500 !important;
}

.social-icons li a[href*="vimeo.com"]:hover,
.social-icons li a[href*="vimeo.com"]:focus,
.tp-social.social-icon li a[href*="vimeo.com"] {
  background-color: #00ADEF !important;
}

.social-icons li a[href*="digg.com"]:hover,
.social-icons li a[href*="digg.com"]:focus,
.tp-social.social-icon li a[href*="digg.com"] {
  background-color: #00ADEF !important;
}

.social-icons li a[href*="twitch.tv"]:hover,
.social-icons li a[href*="twitch.tv"]:focus,
.tp-social.social-icon li a[href*="twitch.tv"] {
  background-color: #0E9DD9 !important;
}

.social-icons li a[href*="stumbleupon.com"]:hover,
.social-icons li a[href*="stumbleupon.com"]:focus,
.tp-social.social-icon li a[href*="stumbleupon.com"] {
  background-color: #EB4924 !important;
}

.social-icons li a[href*="delicious.com"]:hover,
.social-icons li a[href*="delicious.com"]:focus,
.tp-social.social-icon li a[href*="delicious.com"] {
  background-color: #0076E8 !important;
}

.social-icons li a[href*="mailto:"]:hover,
.social-icons li a[href*="mailto:"]:focus,
.tp-social.social-icon li a[href*="mailto:"] {
  background-color: #4169E1 !important;
}
.social-icons li a[href*="soundcloud.com"]:hover,
.social-icons li a[href*="soundcloud.com"]:focus,
.tp-social.social-icon li a[href*="soundcloud.com"] {
  background-color: #FF5500 !important;
}
.social-icons li a[href*="wordpress.org"]:hover,
.social-icons li a[href*="wordpress.org"]:focus,
.tp-social.social-icon li a[href*="wordpress.org"] {
  background-color: #0073AA !important;
}
.social-icons li a[href*="wordpress.com"]:hover,
.tp-social.social-icon li a[href*="wordpress.com"] {
  background-color: #00AADC !important;
}

.social-icons li a[href*="jsfiddle.net"]:hover,
.social-icons li a[href*="jsfiddle.net"]:focus,
.tp-social.social-icon li a[href*="jsfiddle.net"] {
  background-color: #396AB1 !important;
}

.social-icons li a[href*="tripadvisor.com"]:hover,
.social-icons li a[href*="tripadvisor.com"]:focus,
.tp-social.social-icon li a[href*="tripadvisor.com"] {
  background-color: #FFE090 !important;
}

.social-icons li a[href*="angel.co"]:hover,
.social-icons li a[href*="angel.co"]:focus,
.tp-social.social-icon li a[href*="angel.co"] {
  background-color: #242021 !important;
}

/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/
#page-site-header {
    padding: 298px 0;
    text-align: center;
    position: relative;
    background-color: #333;
    background-size: cover;
    background-position: 50%;
}
#page-site-header.no-header-image {
    padding: 90px 0;
}
#page-site-header .wrapper {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    width: 90%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#page-site-header .page-title {
  font-size: 52px;
  color: #fff;
    margin: 0;
}
/*--------------------------------------------------------------
#  Breadcrumb List
--------------------------------------------------------------*/
#breadcrumb-list {
    margin-top: 5px;
}
#page-site-header + #breadcrumb-list {
    display: none;
}
.trail-items {
    margin: 0;
    padding: 0;
    list-style: none;
}
.trail-items li {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    color: #fff;
}
.trail-items li:not(:last-child):after {
  content: "/";
  padding-left: 4px;
  padding-right: 1px;
}
.trail-items li a {
    color: #fff;
    opacity: 0.8;
}
.trail-items li a:hover,
.trail-items li a:focus {
    opacity: 1;
}
.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.slick-slide {
    outline: none;
}
.slick-prev:before, 
.slick-next:before {
    content: "";
  background-image: url('assets/img/down-chevron.svg');
    width: 32px;
    height: 32px;
    display: inline-block;
    opacity: 1;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.slick-prev:before {
  -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 60% 60%;
    -moz-transform-origin: 60% 60%;
    -ms-transform-origin: 60% 60%;
    -o-transform-origin: 60% 60%;
    transform-origin: 60% 60%;
}
.slick-prev,
.slick-next {
  background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 0;
    opacity: 1;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.slick-arrow {
  background-color: transparent;
}
.slick-prev {
  left: 25px;
}
.slick-next {
  right: 25px;
}
.slick-arrow:hover,
.slick-arrow:focus {
  background-color: transparent;
  box-shadow: none;
}
/*--------------------------------------------------------------
#  Introduction Section
--------------------------------------------------------------*/
#introduction-section {
    text-align: center;
    padding-top: 50px;
}
#introduction-section .entry-title {
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 20px;
}
#introduction-section .entry-content {
    font-size: 22px;
    line-height: 35px;
    color: #5f5f5f;
    margin-bottom: 30px;
}
#introduction-section .buy-now {
    margin-bottom: 50px;
}

/*--------------------------------------------------------------
#  Popular Products
--------------------------------------------------------------*/
#popular-products .section-header {
    margin-bottom: 27px;
}
#popular-products .section-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}
#popular-products .product-slider {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
}
#popular-products .slick-list {
  margin: 0 -15px;
}
#popular-products article {
  text-align: center;
  padding: 0 15px;
}
#popular-products article a {
  display: block;
}
#popular-products article a:focus {
  outline: thin dotted;
}
#popular-products .product-wrapper {
    border: 3px solid #e8e8e8;
    position: relative;
    overflow: hidden;
}
#popular-products img {
    margin: 0 auto;
    width: 100%;
    transition: all 0.5s ease-in-out;
}
.product-wrapper:hover img {
    webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -ms-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.10);
    vertical-align: middle;
}
#popular-products .slick-arrow {
  filter: brightness(0%);
}
#popular-products .slick-arrow:hover,
#popular-products .slick-arrow:focus {
  filter: none;
}
#popular-products .slick-arrow:focus {
  outline: thin dotted #e83a3c;
}
#popular-products .slick-prev {
    left: -45px;
}
#popular-products .slick-next {
    right: -45px;
}

/*--------------------------------------------------------------
#  Our Features
--------------------------------------------------------------*/
.featured-item-wrapper {
    text-align: center;
}
.feature-icon {
    margin-bottom: 25px;
}
.feature-icon a {
  font-size: 62px;
    display: inline-block;
    color: #242021;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.feature-icon a:hover,
.feature-icon a:focus {
  color: #e83a3c;
}
.feature-icon a:hover i,
.feature-icon a:focus i {
  border-color: #e83a3c;
}
.featured-item-wrapper .entry-title {
  text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}
.featured-item-wrapper .entry-title a {
    color: #242021;
}
.featured-item-wrapper .entry-title a:hover,
.featured-item-wrapper .entry-title a:focus {
  color: #e83a3c;
}
/*--------------------------------------------------------------
#  About Us
--------------------------------------------------------------*/
#about-us {
    background-color: #333;
    background-size: cover;
    background-position: 50%;
}
#about-us .wrapper {
    max-width: 1200px;
}
#about-us .overlay {
    background-color: #282323;
    opacity: 0.8;
}
#about-us article {
  position: relative;
}
#about-us .featured-image {
  text-align: center;
    margin-bottom: 30px;
}
#about-us .featured-image img {
    border-radius: 50%;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
}
#about-us .featured-image a:focus {
    outline: thin dotted #fff;
}
#about-us .entry-container {
    max-width: 800px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#about-us .section-header {
    margin-bottom: 20px;
}
#about-us .section-title {
  color: #fff;
    margin-bottom: 0;
}
#about-us .section-title a {
    color: #fff;
    text-decoration: none;
}
#about-us .section-title a:hover,
#about-us .section-title a:focus {
  color: #e83a3c;
}
#about-us .section-content {
    margin-bottom: 35px;
    color: #fff;
}

/*--------------------------------------------------------------
#  Photo Gallery
--------------------------------------------------------------*/
#photo-gallery .col-1 article, 
#photo-gallery .col-2 article, 
#photo-gallery .col-3 article, 
#photo-gallery .col-4 article,
.archive-blog-wrapper.col-1 article, 
.archive-blog-wrapper.col-2 article, 
.archive-blog-wrapper.col-3 article, 
.archive-blog-wrapper.col-4 article {
    margin-bottom: 30px;
}

#photo-gallery .col-1 article:last-child, 
#photo-gallery .col-2 article:last-child, 
#photo-gallery .col-3 article:last-child, 
#photo-gallery .col-4 article:last-child,
.archive-blog-wrapper.col-1 article:last-child, 
.archive-blog-wrapper.col-2 article:last-child, 
.archive-blog-wrapper.col-3 article:last-child, 
.archive-blog-wrapper.col-4 article:last-child {
  margin-bottom: 0;
}

#photo-gallery .featured-image {
    background-size: cover;
    background-position: 50%;
    padding-bottom: 100%;
    border: 7px solid #fff;
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.5);
}

.gallery-info {
  display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    background: linear-gradient(to top,rgba(0, 0, 0, 0.8) 0,rgba(0, 0, 0, 0) 100%);
}

.gallery-info .author-image {
    width: 90px;
    height: 90px;
    border-radius: 90px;
    border: 3px solid #fff;
    background-size: cover;
    background-position: 50%;
    margin-right: 20px;
    position: relative;
}

#photo-gallery .section-header {
    margin-bottom: 35px;
}

.gallery-content .entry-title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 3px;
}

.gallery-content .entry-title a,
.gallery-content .cat-links a,
.gallery-content .cat-links li:after {
    color: #fff;
}

.gallery-content .entry-title a:hover,
.gallery-content .entry-title a:focus,
.gallery-content .cat-links a:hover,
.gallery-content .cat-links a:focus {
    opacity: 0.8;
}

/*--------------------------------------------------------------
#  Testimonial Section
--------------------------------------------------------------*/
#testimonial-section {
    background-size: cover;
    background-position: 50%;
    background-color: #282323;
}

#testimonial-section .overlay {
    opacity: 0.8;
}

#testimonial-section .wrapper {
    position: relative;
    color: #fff;
    text-align: center;
}

.testimonial-slider .slick-list {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

#testimonial-section .slick-slide {
    visibility: hidden;
}

#testimonial-section .slick-current {
    visibility: visible;
}

#testimonial-section .featured-image {
    width: 90px;
    height: 90px;
    border-radius: 90px;
    background-size: cover;
    background-position: 50%;
    background-color: #282323;
    margin: 0 auto 35px;
    border: 3px solid #fff;
}

#testimonial-section .entry-content {
    color: #fff;
    font-size: 22px;
    line-height: 35px;
    font-family: 'Lora', serif;
    font-style: italic;
    max-width: 735px;
    margin: 0 auto 28px;
}

#testimonial-section .entry-header {
    position: relative;
    padding-top: 30px;
}

#testimonial-section .entry-header:before {
  content: "";
    background-color: #fff;
    width: 50px;
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#testimonial-section .entry-title {
  color: #fff;
    font-weight: 600;
    margin-bottom: 5px;
}

#testimonial-section .entry-title a {
    color: #fff;
}

#testimonial-section .entry-title a:hover,
#testimonial-section .entry-title a:focus {
  opacity: 0.8;
}

#testimonial-section .slick-arrow {
  opacity: 0.5;
}

#testimonial-section .slick-arrow:hover,
#testimonial-section .slick-arrow:focus {
  opacity: 1;
}

#testimonial-section .slick-arrow:before {
  -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

#testimonial-section .slick-arrow:focus {
  outline: thin dotted #fff;
}

/*--------------------------------------------------------------
#  Our Partners
--------------------------------------------------------------*/
#our-partners article {
    text-align: center;
}

/*--------------------------------------------------------------
#  Archive / Blog
--------------------------------------------------------------*/

.post-item-wrapper {
    background-color: #f3f3f3;
    border-radius: 10px;
    padding: 20px;
}

.post-item-wrapper .featured-image {
    background-size: cover;
    background-position: 50%;
    padding-bottom: 100%;
    margin-bottom: 25px;
    border-radius: 10px;
    background-color: #222;
}

.post-item-wrapper .entry-meta {
    display: block;
    margin-bottom: 7px;
}

.blog-posts-wrapper .entry-meta > span {
    display: inline-block;
}

.blog-posts-wrapper .entry-meta > span:not(:last-child):after {
    content: "/";
    margin: 0 5px 0 7px;
    color: #e83a3c;
}

.post-item-wrapper .entry-title,
.events-articles-wrapper .entry-title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 7px;
}

.post-item-wrapper .entry-title a,
.events-articles-wrapper .entry-title a {
    color: #242021;
}

.post-item-wrapper .entry-title a:hover,
.post-item-wrapper .entry-title a:focus {
  color: #e83a3c;
}

/*--------------------------------------------------------------
#  Single
--------------------------------------------------------------*/
#inner-content-wrapper {
    position: relative;
}
.no-sidebar-content #inner-content-wrapper {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.single-wrapper .entry-meta span svg {
    fill: #82868b;
    margin-right: 10px;
}
.single-wrapper .entry-meta span.cat-links svg {
    margin-right: 7px;
}
.single-wrapper .entry-meta span.posted-on, 
.single-wrapper .entry-meta span.posted-on a {
  color: #82868b;
}
.single-wrapper .entry-meta span a:hover, 
.single-wrapper .entry-meta span a:focus,
.single-wrapper .cat-links a,
.single-wrapper .entry-meta span.byline a.fn:hover,
.single-wrapper .entry-meta span.byline a.fn:focus {
    color: #e83a3c;
}
.single-wrapper .featured-image {
    margin-bottom: 30px;
}
.single-wrapper .entry-meta,
.single-wrapper .entry-container {
  margin-bottom: 25px;
}
.single-wrapper .comments-title {
    margin-bottom: 40px;
}
.single-wrapper .entry-meta .cat-links {
    display: inline-block;
}
.single-wrapper .entry-meta a, 
.single-wrapper .entry-meta i {
  font-size: 16px;
  font-weight: 400;
}
.single-wrapper .entry-meta > span:not(:last-child):after {
    content: "|";
    margin-right: 10px;
    margin-left: 5px;
}
.single-wrapper .entry-meta > span.cat-links:after {
  display: none;
}
.single-wrapper .entry-meta > span.tags-links a:not(:last-child):after {
    content: ",";
}
.single-wrapper .entry-meta > span a {
  color: #8c8c8c;
}
.single-wrapper .entry-meta > span a:hover,
.single-wrapper .entry-meta > span a:focus {
  color: #e83a3c;
}
.single-wrapper .comment-respond {
  background-color: transparent;
  border: none;
}
#commentform .comment-form-url,
.comment-respond p.comment-form-author,
.comment-respond p.comment-form-email {
    width: 100%;
    float: none;
    margin-right: 0;
}
ul.post-categories {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.post-categories li {
  display: inline-block;
}
.archive-description p {
    color: #fff;
}
#respond .comment-form-cookies-consent input[type="checkbox"], 
.comment-form-cookies-consent input[type="checkbox"] {
  width: auto;
  float: left;
  height: auto;
  min-height: auto;
  margin-right: 10px;
}
#respond .comment-form-cookies-consent label, 
.comment-form-cookies-consent label {
  display: table;
  margin: 0;
  line-height: 1;
}
.comment-form-cookies-consent {
    clear: both;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}
/*--------------------------------------------------------------
#           Footer
--------------------------------------------------------------*/
#colophon {
    background-color: #242021;
}
#colophon a,
#colophon p,
#colophon li,
.site-footer strong {
    color: #fff;
}
#colophon a:hover,
#colophon a:focus {
    color: #e83a3c;
}
#colophon .widget-title, 
#colophon .widgettitle {
    font-size: 22px;
    margin-bottom: 25px;
    color: #fff;
    font-weight: 600;
}
.footer-widgets-area.page-section {
  padding: 63px 0;
}
.footer-widgets-area ul.social-icons {
    margin-left: -10px;
}
.footer-widgets-area .social-icons li a {
  width: 35px;
  height: 35px;
  line-height: 35px;
}
.footer-widgets-area .social-icons li a svg {
  fill: #fff;
  opacity: 0.5;
  width: 20px;
    height: 20px;
}
.footer-widgets-area .social-icons li a:hover svg,
.footer-widgets-area .social-icons li a:focus svg {
  opacity: 1;
}
.footer-widgets-area ul.social-icons li a:before {
  display: none;
}
.site-footer span.post-date {
    display: block;
    margin-bottom: 3px;
}
.site-info span {
  display: block;
  text-align: center;
}
.site-info {
  padding: 15px 0;
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.site-info .social-icons {
  text-align: center;
  line-height: 44px;
}
#colophon .site-info a:hover,
#colophon .site-info a:focus {
  text-decoration: underline;
}
.footer-widgets-area ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-widgets-area ul li ul {
    padding-top: 10px;
    padding-left: 15px;
}
.footer-widgets-area .widget ul li {
    display: inline-block;
    width: 100%;
    margin-bottom: 14px;
}
.footer-widgets-area .widget ul li:last-child,
.footer-widgets-area .widget .social-icons li {
  margin-bottom: 0;
}
.footer-widgets-area .hentry {
  margin-bottom: 45px;
}
.footer-widgets-area.col-1 .hentry {
    text-align: center;
}
.footer-widgets-area.col-1 .hentry:last-child {
  margin-bottom: 0;
}
.footer-widgets-area.col-1 .textwidget img {
    margin-left: auto;
    margin-right: auto;
}
.footer-widgets-area.page-section.col-1 {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.site-info .social-icons li a svg {
    fill: #fff;
}

/*--------------------------------------------------------------
#  Dark Version
--------------------------------------------------------------*/
.dark-version,
.dark-version #masthead {
  background-color: #222;
}

.dark-version pre,
.dark-version blockquote,
.dark-version .navigation.post-navigation, 
.dark-version .navigation.posts-navigation,
.dark-version .post-item-wrapper,
.dark-version .comment-content,
.dark-version #colophon,
.dark-version .pagination .page-numbers, 
.dark-version .pagination .page-numbers.prev, 
.dark-version .pagination .page-numbers.next,
.dark-version #secondary .widget_search form.search-form input,
.dark-version input[type="text"],
.dark-version input[type="email"], 
.dark-version input[type="url"],
.dark-version input[type="password"], 
.dark-version input[type="search"],
.dark-version input[type="number"], 
.dark-version input[type="tel"],
.dark-version input[type="range"], 
.dark-version input[type="date"],
.dark-version input[type="month"], 
.dark-version input[type="week"],
.dark-version input[type="time"], 
.dark-version input[type="datetime"],
.dark-version input[type="datetime-local"], 
.dark-version input[type="color"],
.dark-version textarea {
  background-color: #333;
}

.dark-version,
.dark-version h1, 
.dark-version h2, 
.dark-version h3, 
.dark-version h4, 
.dark-version h5, 
.dark-version h6,
.dark-version b, 
.dark-version strong,
.dark-version a:hover, 
.dark-version a:focus,
.dark-version .wp-block-audio figcaption,
.dark-version blockquote,
.dark-version .wp-block-pullquote__citation, 
.dark-version .wp-block-pullquote cite, 
.dark-version .wp-block-pullquote footer,
.dark-version .wp-block-image figcaption,
.dark-version .wp-block-embed figcaption,
.dark-version .navigation.post-navigation a, 
.dark-version .navigation.posts-navigation a,
.dark-version .post-item-wrapper .entry-title a,
.dark-version #secondary a,
.dark-version .single-wrapper .entry-meta span.posted-on, 
.dark-version .single-wrapper .entry-meta span.posted-on a,
.dark-version .single-wrapper .entry-meta > span a,
.dark-version .comment-meta .url, 
.dark-version .comment-meta .fn,
.dark-version .comment-metadata a, 
.dark-version .comment-metadata a time,
.dark-version .menu-label,
.dark-version .site-description,
.dark-version #introduction-section .entry-content,
.dark-version .feature-icon a,
.dark-version .featured-item-wrapper .entry-title a,
.dark-version #respond label,
.dark-version #secondary .widget_search form.search-form input,
.dark-version input[type="text"],
.dark-version input[type="email"], 
.dark-version input[type="url"],
.dark-version input[type="password"], 
.dark-version input[type="search"],
.dark-version input[type="number"], 
.dark-version input[type="tel"],
.dark-version input[type="range"], 
.dark-version input[type="date"],
.dark-version input[type="month"], 
.dark-version input[type="week"],
.dark-version input[type="time"], 
.dark-version input[type="datetime"],
.dark-version input[type="datetime-local"], 
.dark-version input[type="color"],
.dark-version textarea {
  color: #fff;
}

.dark-version .navigation.post-navigation a:hover, 
.dark-version .navigation.posts-navigation a:hover, 
.dark-version .navigation.post-navigation a:focus, 
.dark-version .navigation.posts-navigation a:focus,
.dark-version .post-item-wrapper .entry-title a:hover,
.dark-version .post-item-wrapper .entry-title a:focus,
.dark-version #secondary a:hover,
.dark-version #secondary a:focus,
.dark-version .single-wrapper .entry-meta span a:hover, 
.dark-version .single-wrapper .entry-meta span a:focus, 
.dark-version .single-wrapper .entry-meta span.byline a.fn:hover, 
.dark-version .single-wrapper .entry-meta span.byline a.fn:focus,
.dark-version .comment-metadata a:hover,
.dark-version .comment-metadata a:focus,
.dark-version .feature-icon a:hover,
.dark-version .feature-icon a:focus,
.dark-version .featured-item-wrapper .entry-title a:hover,
.dark-version .featured-item-wrapper .entry-title a:focus {
    color: #fff;
    opacity: 0.8;
}

.dark-version .navigation.posts-navigation svg, 
.dark-version .navigation.post-navigation svg,
.dark-version .navigation.post-navigation a:hover svg, 
.dark-version .navigation.posts-navigation a:hover svg, 
.dark-version .navigation.post-navigation a:focus svg, 
.dark-version .navigation.posts-navigation a:focus svg,
.dark-version .single-wrapper .entry-meta span svg,
.dark-version button.menu-toggle svg {
    fill: #fff;
}

.dark-version .pagination .page-numbers,
.dark-version input[type="text"],
.dark-version input[type="email"], 
.dark-version input[type="url"],
.dark-version input[type="password"], 
.dark-version input[type="search"],
.dark-version input[type="number"], 
.dark-version input[type="tel"],
.dark-version input[type="range"], 
.dark-version input[type="date"],
.dark-version input[type="month"], 
.dark-version input[type="week"],
.dark-version input[type="time"], 
.dark-version input[type="datetime"],
.dark-version input[type="datetime-local"], 
.dark-version input[type="color"],
.dark-version textarea {
    border-color: #333;
}

.dark-version .pagination .page-numbers:hover,
.dark-version .pagination .page-numbers:focus {
    background-color: #000;
    border-color: #000;
}

.dark-version .wp-block-quote, 
.dark-version .wp-block-pullquote footer,
.dark-version .wp-block-quote:not(.is-large):not(.is-style-large), 
.dark-version .wp-block-pullquote footer,
.dark-version .wp-block-pullquote {
    border-left-color: #fff;
}

.dark-version .wp-block-pullquote footer,
.dark-version .wp-block-pullquote {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.dark-version .comment-content:before {
    border-right-color: #333;
}

.dark-version #popular-products .slick-arrow {
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

@media screen and (min-width: 1024px) {
    .dark-version .main-navigation ul.nav-menu > li > a {
        color: #fff;
    }
    .dark-version .main-navigation #primary-menu > li > a > svg {
        fill: #fff;
    }
}

@media screen and (max-width: 567px) {
    .dark-version .comment-content:before,
    .dark-version #comments ol.children .comment-content:before {
        border-bottom-color: #333;
    }
    .dark-version .comment-content:before {
        border-right-color: transparent;
    }
}
/*--------------------------------------------------------------
#           RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {
  .col-2,
  .col-3,
  .col-4 {
    margin: 0 -15px;
  }
  .col-2 article,
  .col-3 article,
  .col-4 article {
    padding: 0 15px;
    float: left;
    width: 50%;
  }
  .col-2 article:nth-child(2n+1),
  .col-3 article:nth-child(2n+1),
  .col-4 article:nth-child(2n+1) {
    clear: left;
  }
  .col-2 article:nth-last-child(-n+2),
  .col-3 article:nth-last-child(-n+2),
  .col-4 article:nth-last-child(-n+2),
  #photo-gallery .col-2 article:nth-last-child(-n+2),
  #photo-gallery .col-3 article:nth-last-child(-n+2),
  #photo-gallery .col-4 article:nth-last-child(-n+2),
  .archive-blog-wrapper.col-2 article:nth-last-child(-n+2),
  .archive-blog-wrapper.col-3 article:nth-last-child(-n+2),
  .archive-blog-wrapper.col-4 article:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  .section-title {
      font-size: 32px;
  }
  .section-subtitle {
      font-size: 20px;
  }
  #popular-products .slick-prev {
      left: -50px;
  }
  #popular-products .slick-next {
      right: -50px;
  }
  .gallery-info {
      display: block;
  }
  .gallery-info .author-image {
    margin-bottom: 15px;
  }
  .view-all {
      margin-top: 50px;
  }
  #comments ol.children {
      padding-left: 110px;
  }
  .right-sidebar #secondary, 
  .left-sidebar #secondary {
    margin-top: 50px;
  }
  #secondary .widget_social_icons li a svg {
    width: 30px;
    height: 30px;
  }
  .comment-metadata {
      margin-top: -26px;
  }
  .footer-widgets-area.col-2 .hentry,
  .footer-widgets-area.col-4 .hentry {
    width: 50%;
    float: left;
  }
  .footer-widgets-area.col-2 .hentry:nth-child(2n+1),
  .footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
    clear: left;
  }
  .footer-widgets-area.col-2 .hentry:nth-child(odd),
  .footer-widgets-area.col-4 .hentry:nth-child(odd) {
    padding-right: 40px;
  }
  .footer-widgets-area.col-2 .hentry:nth-last-child(-n+2),
  .footer-widgets-area.col-4 .hentry:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  .site-info.col-2 span {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 767px) {
    .col-1 .hentry {
        width: 100%;
    }
    .col-2 .hentry {
        width: 50%;
        float: left;
    }
    .col-3 .hentry {
        width: 33.33%;
        float: left;
    }
    .col-4 .hentry {
        width: 50%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .col-6 .hentry {
        width: 16.66%;
        float: left;
    }
  .col-3 article {
    width: 33.33%;
  }
  .col-3 article:nth-child(2n+1) {
    clear: none;
  }
  .col-3 article:nth-child(3n+1) {
    clear: left;
  }
  .col-3 article:nth-last-child(-n+3),
  #photo-gallery .col-3 article:nth-last-child(-n+3),
  .archive-blog-wrapper.col-3 article:nth-last-child(-n+3) {
    margin-bottom: 0;
  }
    blockquote.alignright {
      width: -webkit-calc(50% - 0.736842105em);
      width: calc(50% - 0.736842105em);
        margin-top: 10px;
        margin-bottom: 25px;
  }
  .section-title {
      font-size: 42px;
  }
  #page-site-header .page-title {
    font-size: 68px;
  }
  #introduction-section .entry-title {
      font-size: 52px;
      margin-bottom: 30px;
  }
  #introduction-section .entry-content {
      margin-bottom: 40px;
  }
  #introduction-section .buy-now {
      margin-bottom: 60px;
  }
  #about-us article.has-post-thumbnail {
      display: flex;
      align-items: center;
      justify-content: center;
  }
  #about-us article.has-post-thumbnail .featured-image {
    width: 35%;
      margin-bottom: 0;
  }
  #about-us article.has-post-thumbnail .entry-container {
    width: 65%;
    padding: 30px 0 30px 50px;
      text-align: left;
  }
  #about-us article.has-post-thumbnail .section-header {
    text-align: left;
  }
  #photo-gallery .col-1 .featured-image {
      padding: 200px 0;
  }
  .gallery-info {
      display: flex;
  }
  .gallery-info .author-image {
    margin-bottom: 0;
  }
  .single-wrapper #reply-title {
      font-size: 42px;
  }
  .single-wrapper .comments-title {
      font-size: 42px;
  }
  .comment-navigation .nav-previous, 
  .posts-navigation .nav-previous, 
  .post-navigation .nav-previous {
      padding-right: 25px;
  }
  .comment-navigation .nav-next, 
  .posts-navigation .nav-next, 
  .post-navigation .nav-next {
    padding-left: 25px;
  }
  .footer-widgets-area.col-3 .hentry {
    margin-bottom: 0;
  }
  .footer-widgets-area.col-3 .hentry:not(:last-child) {
    padding-right: 40px;
  }
  .site-info.col-2 .wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .site-info.col-2 span {
    float: left;
    width: 50%;
    text-align: left;
  }
  .site-info.col-2 span:nth-child(2) {
    float: right;
    text-align: right;
  }
  .site-info.col-2 .social-icons {
    text-align: right;
    float: right;
  }
}
@media screen and (min-width: 992px) {
  .col-4 .hentry  {
        width: 25%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .col-4 article {
    width: 25%;
  }
  .col-4 article:nth-child(2n+1) {
    clear: none;
  }
  .col-4 article:nth-child(4n+1) {
    clear: left;
  }
  .col-4 article:nth-last-child(-n+4),
  #photo-gallery .col-4 article:nth-last-child(-n+4),
  .archive-blog-wrapper.col-4 article:nth-last-child(-n+4) {
    margin-bottom: 0;
  }
  .section-title {
      font-size: 52px;
  }
  #introduction-section .entry-title {
      font-size: 62px;
  }
  #about-us article.has-post-thumbnail .entry-container {
      padding: 30px 0 30px 70px;
  }
  .comment-form-author, 
  .comment-form-email, 
  .comment-form-url {
      width: 33.33%;
      float: left;
  }
  .footer-widgets-area.col-4 .hentry {
      width: 25%;
    padding-right: 30px;
  }
  .footer-widgets-area.col-5 .hentry:first-child {
    width: 36%;
    padding-right: 50px;
  }
  .footer-widgets-area.col-5 .hentry {
    padding-right: 30px;
    width: 16%;
  }
  .footer-widgets-area.col-4 .hentry:last-child,
  .footer-widgets-area.col-5 .hentry:last-child {
    padding-right: 0;
  }
  .footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
      clear: none;
  }
  .footer-widgets-area.col-4 .hentry:nth-child(4n+1) {
      clear: left;
  }
  .footer-widgets-area.col-4 .hentry:nth-last-child(-n+4),
  .footer-widgets-area.col-5 .hentry:nth-last-child(-n+5) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  #site-navigation {
      padding: 25px 0;
  }
  .main-navigation ul.nav-menu {
    display: block !important;
      height: auto !important;
  }
  .main-navigation ul.nav-menu > li:not(:last-child) {
    margin-right: 25px;
  }
  .main-navigation ul.nav-menu > li > a {
    letter-spacing: 0.10em;
  }
  .main-navigation ul li:hover > ul,
  .main-navigation ul li.focus > ul {
    left: auto;
    right: 0;
    opacity: 1;
      visibility: visible;
  }
  .main-navigation ul ul li:hover > ul,
  .main-navigation ul ul li.focus > ul {
    left: auto;
    right: 100%;
  }
  .main-navigation ul ul ul {
    top: 0;
  }
  .main-navigation ul.sub-menu li a {
      color: #242021;
        padding: 10px 20px;
  }
  .main-navigation ul.sub-menu > li:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
  }
  .main-navigation .menu-item-has-children > a:after {
    float: none;
  }
  .main-navigation ul.sub-menu li:hover > a,
  .main-navigation ul.sub-menu li:focus > a {
    color: #fff;
  }
  .main-navigation .sub-menu svg {
    fill: #242021;
    right: 0;
      margin-top: 5px;
  }
  .main-navigation ul.sub-menu > li:last-child > a {
    border-bottom: none;
  }
  #search {
      position: absolute;
      z-index: 30;
      right: 0;
      top: 60px;
      display: none;
  }
  .main-navigation .search-active .icon-search {
    display: none;
  }
  .main-navigation .search-active .icon-close {
    display: inline-block;
  }
  #masthead .main-navigation ul ul li.menu-item-has-children > a {
      padding-right: 35px;
  }
  #masthead .main-navigation ul ul li a svg {
      display: inline-block;
      top: 17px;
      right: 15px;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
  }
  .main-navigation ul#primary-menu ul li.current-menu-item > a,
  .main-navigation ul#primary-menu ul li:hover > a,
  .main-navigation ul#primary-menu ul li:focus > a {
      color: #e83a3c;
  }
  .main-navigation ul ul {
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.10);
  }
  .main-navigation ul ul li.menu-item-has-children:hover > a > svg, 
  .main-navigation ul ul li.menu-item-has-children > a:hover > svg {
    fill: #e83a3c;
  }
  #search:before {
      content: "";
      width: 0;
      height: 0;
      border-left: 9px solid transparent;
      border-right: 9px solid transparent;
      border-bottom: 9px solid #e83a3c;
      position: absolute;
      top: -7px;
      right: 8px;
  }
  button.dropdown-toggle {
    display: none;
  }
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
  .main-navigation li {
      display: inline-block;
  }
  .main-navigation .left-menu {
      padding-left: 50px;
  }
  .main-navigation ul.nav-menu > li.left-menu > a,
  .main-navigation ul.nav-menu > li.right-menu > a {
    padding-left: 5px;
    padding-right: 5px;
  }
  .main-navigation li.left-menu + li.right-menu:before {
      content: "/";
      position: absolute;
      top: 50%;
      margin-left: -6px;
      color: #fff;
      margin-top: -1px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
  }
  .main-navigation form.search-form {
      border: 10px solid #e83a3c;
  }
  .main-navigation form.search-form input {
      background-color: #fff;
      border-color: #fff;
      color: #242021;
  }
  .menu-sticky #masthead {
    position: sticky;
    top: 0;
  }
  .menu-sticky #masthead.nav-shrink {
    padding: 5px 0;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  }
  .customize-support.menu-sticky #masthead.nav-shrink {
      top: 32px;
  }
  .page-section {
      padding: 80px 0;
  }
  .right-sidebar #primary,
  .left-sidebar #primary {
      width: 70%;
      float: left;
      padding-right: 40px;
    }
    .right-sidebar #secondary,
    .left-sidebar #secondary {
      width: 30%;
      float: right;
      margin-top: 0;
    }
    .secondary-inactive #primary {
      width: 100%;
      float: none;
      padding:0;
  }
    .left-sidebar #primary { 
      float: right;
      padding-right: 0;
      padding-left: 40px;
    }
    .no-sidebar #primary {
      width: 100%;
      float: none;
      padding-right: 0;
    }
    .boxed-layout #page {
      max-width: 1250px;
      margin-left: auto;
      margin-right: auto;
  }
  .frame-layout {
      max-width: 100%;
      width: 100%;
      padding-left: 50px;
      padding-right: 50px;
      margin: 50px auto;
  }
}
@media screen and (min-width: 1200px) {
  #introduction-section .entry-title {
      font-size: 72px;
  }
  #popular-products .slick-prev {
      left: -85px;
  }
  #popular-products .slick-next {
      right: -85px;
  }
  #photo-gallery .col-2 .featured-image {
      padding: 218px 0;
  }
  #photo-gallery .col-3 .featured-image {
      padding: 150px 0;
  }
  #photo-gallery .col-4 .featured-image {
      padding: 125px 0;
  }
}
@media screen and (min-width: 1900px) {
  .wrapper {
    max-width: 1440px;
  }
  .page-section{
      padding: 100px 0;
  }
  .home #masthead {
    padding: 25px 0;
  }
  #introduction-section {
      padding: 75px 0 80px;
  }
  #introduction-section .entry-title {
      font-size: 92px;
  }
  #about-us {
      padding: 112px 0;
  }
  #about-us article.has-post-thumbnail .entry-container {
      padding: 30px 0 30px 93px;
  }
  #our-features .col-3 {
      margin: 0 -70px;
  }
  #our-features .col-3 article {
      padding: 0 70px;
  }
  #our-features article {
      margin-bottom: 90px;
  }
  #our-features article:last-child {
      margin-bottom: 0;
  }
  #our-features .col-2 article:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  #our-features .col-3 article:nth-last-child(-n+3) {
    margin-bottom: 0;
  }
  #our-features .col-4 article:nth-last-child(-n+4) {
    margin-bottom: 0;
  }
  #testimonial-section {
      padding: 133px 0;
  }
  .view-all {
      margin-top: 60px;
  }
  .frame-layout {
      padding-left: 70px;
      padding-right: 70px;
      margin: 70px auto;
  }
  #inner-content-wrapper {
      padding: 100px 0;
  }
  #respond {
      margin-top: 55px;
  }
  .footer-widgets-area.col-3 .hentry:not(:last-child),
  .footer-widgets-area.col-2 .hentry:nth-child(odd) {
    padding-right: 100px;
  }
  .boxed-layout #page {
      max-width: 1600px;
      width: 90%;
  }
  .footer-widgets-area.col-5 .hentry:first-child {
    padding-right: 100px;
  }
  .footer-widgets-area.page-section {
      padding: 95px 0 63px;
  }
}
@media screen and (max-width: 1023px) {
  .site-logo img {
      max-height: 60px;
  }
  .site-branding {
    padding: 15px 0;
    min-height: 80px;
  }
  .site-title {
    font-size: 26px;
  }
  .main-navigation a {
      border-bottom: 1px solid #eee;
  }
  .main-navigation ul.nav-menu > li {
    padding: 0;
  }
  .main-navigation ul.nav-menu > li > a {
    padding: 15px;
  }
  .main-navigation ul.sub-menu li a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .main-navigation ul ul a {
      width: 100%;
  }
  .main-navigation ul.nav-menu > li.custom-button > a {
    margin: 15px;
  }
  .main-navigation ul#primary-menu li.current-menu-item > a, 
  .main-navigation ul#primary-menu li:hover > a, 
  .main-navigation ul#primary-menu li:focus > a,
  .main-navigation ul.nav-menu > li > a {
    color: #242021;
  }
  .main-navigation ul ul,
  .main-navigation ul ul ul {
      box-shadow: none;
      float: none;
      position: relative;
      top: 0;
      left: 0;
      margin-bottom: 0;
      display: none;
  }
  .main-navigation ul.sub-menu li {
      padding-right: 0;
  }
  .main-navigation .menu-item-has-children > a:before {
      content: "";
      float: right;
      position: relative;
      right: 25px;
      background-color: #ccc;
      width: 1px;
      height: 25px;
  }
  .main-navigation .menu-item-has-children > a:after {
      padding-top: 3px;
  }
  .main-navigation ul.nav-menu > li > a,
  .main-navigation ul.sub-menu li a {
      padding: 15px 15px 15px 25px;
  }
  .main-navigation ul.sub-menu li a {
    padding-left: 50px;
  }
  .main-navigation ul.sub-menu ul li a {
    padding-left: 75px;
  }
  .main-navigation ul.sub-menu ul ul li a {
    padding-left: 100px;
  }
  .main-navigation ul.sub-menu ul ul ul li a {
    padding-left: 125px;
  }
  .main-navigation .menu-item-has-children a svg {
    display: none;
  }
  .main-navigation ul.sub-menu li a {
    border-left: none;
  }
  .main-navigation ul.nav-menu {
      margin-right: 0;
      background-color: #fff;
      margin-top: 25px;
  }
  .main-navigation {
    position: static;
  }
  .main-navigation a {
    color: #242021;
  }
  .main-navigation svg.icon-search,
  .main-navigation svg.icon-down {
    fill: #242021;
      margin-top: -5px;
  }
  .main-navigation ul.sub-menu {
    border: none;
  }
  .menu-open .menu-toggle .icon-close {
    display: inline-block;
    margin: auto;
    width: 20px;
      height: 20px;
  }
  #masthead.site-header .main-navigation ul.nav-menu {
      margin-top: 0;
      position: absolute;
      max-width: 400px;
      top: 100%;
      left: auto;
      right: 0;
      width: 100%;
        border-top: 1px solid #eee;
  }
  .main-navigation .search-menu a {
      display: none;
  }
  .main-navigation form.search-form input {
      background-color: #fff;
      border: none;
  }
  .menu-open #search {
      display: block !important;
  }
  .main-navigation form.search-form input {
    padding-left: 25px;
  }
  .main-navigation .sub-menu svg {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  #site-navigation ul ul {
    background-color: transparent;
  }
  .page-section {
      padding: 60px 0;
  }
  #testimonial-section .slick-arrow {
      top: auto;
      transform: none;
      bottom: 0;
  }
}

@media screen and (max-width: 992px) {
  .page-section {
      padding: 60px 0;
  }
  .single-post-wrapper .entry-title,
  .comments-title, 
  #reply-title {
      font-size: 28px;
  }
  .navigation.post-navigation a, 
  .navigation.posts-navigation a {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  #masthead.site-header .main-navigation ul.nav-menu {
    max-width: 100%;
  }
  .btn {
      padding: 16px 30px;
      font-size: 16px;
  }
  #testimonial-section .slick-arrow {
      bottom: auto;
      top: 22px;
  }
  #testimonial-section .slick-prev {
    right: 60px;
  }
  .comment-navigation .nav-previous, 
  .post-navigation .nav-previous,
  .comment-navigation .nav-next, 
  .post-navigation .nav-next {
    width: 100%;
  }
  .post-navigation span.previous-article b, 
  .post-navigations span.previous-article b, 
  .post-navigation span.next-article b, 
  .post-navigations span.next-article b {
    font-size: 18px;
  }
  .pagination .page-numbers,
  .pagination .page-numbers.dots:hover,
  .pagination .page-numbers.dots:focus,
  .pagination .page-numbers.prev,
  .pagination .page-numbers.next {
    margin-bottom: 7px;
  }
  .navigation.post-navigation a, 
  .navigation.posts-navigation a {
    font-size: 16px;
  }
  #respond {
    margin-top: 0;
  }
  #commentform p.comment-form-comment,
  #commentform p.form-submit {
    margin-top: 21px;
  }
  nav.navigation.pagination {
    margin-top: 15px;
  }
  #secondary {
    margin-top: 30px;
  }
  .single-post-wrapper .entry-title,
  .comments-title, 
  #reply-title {
      font-size: 26px;
  }
  #comments {
      margin-top: 40px;
  }
  .tags-links {
      margin-bottom: 25px;
  }
  .navigation.post-navigation .nav-previous + .nav-next {
    padding-top: 0;
  }
  .navigation.post-navigation .nav-previous + .nav-next svg {
    top: 10px;
  }
}
@media screen and (max-width: 567px) {
  .menu-toggle svg.icon-menu {
      width: 25px;
      height: 25px;
  }
  .menu-toggle {
      position: relative;
      top: 0;
      left: 0;
      z-index: 3000;
      text-align: center;
      float: none;
    top: 0;
    width: 50px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  .menu-toggle.active {
      margin-right: -22px;
  }
  .site-logo img {
      margin-right: 10px;
  }
  .site-description {
      font-size: 14px;
  }
  .menu-toggle svg.icon-close {
      width: 16px;
      height: 16px;
  }
  .site-title {
      font-size: 22px;
  }
  #page-site-header {
      padding: 200px 0;
  }
  #page-site-header .page-title {
      font-size: 32px;
  }
  .pagination .page-numbers.prev, 
  .pagination .page-numbers.next {
    top: 0;
  }
  .pagination .prev.page-numbers:before, 
  .pagination .next.page-numbers:before {
    width: 35px;
    height: 10px;
  }
  .site-main .comment-navigation, 
  .site-main .post-navigation {
    margin-top: 25px;
  }
  .site-main .posts-navigation {
    margin-top: 0;
  }
  .single-wrapper .comments-title {
      margin-bottom: 0;
  }
  .single-wrapper #reply-title {
      margin-bottom: 25px;
  }
  .comment-metadata {
      float: none;
      padding-right: 0;
  }
  .comment-content {
      padding: 25px;
      margin-left: 20px;
        margin-top: 30px;
  }
  .comment-meta .fn {
    padding-left: 0;
  }
  .comment-meta img {
    margin-top: 0;
  }
  #comments ol.children .comment-metadata {
      padding-right: 90px;
  }
  #comments ol.children .comment-content {
    margin-right: 0;
  }
  .comment-content:before {
      border-right-color: transparent;
      border-bottom-color: #f5f5f3;
      left: 20px;
      top: -18px;
  }
  #comments ol.children .comment-content:before {
      border-right-color: transparent;
      border-bottom-color: #f5f5f3;
  }
  blockquote.alignright {
    margin-left: 0;
  }
  .footer-widgets-area .hentry:last-child,
  .footer-widgets-area.col-3 .hentry:last-child {
    margin-bottom: 0;
      padding-right: 0;
  }
  .footer-widgets-area {
      text-align: center;
  }
  .footer-widgets-area .widget_text img {
      margin-left: auto;
      margin-right: auto;
  }
}


.comment-awaiting-moderation {
    display: none;
}

#breadcrumb-list a,
.entry-title a,
.cat-links a,
#colophon li a,
#colophon .site-info a,
.entry-meta a, .entry-meta i,
#secondary li a {
  text-decoration: none;
}

#secondary .wp-block-latest-comments li:before {
  display: none;
}

.wp-block-latest-comments {
  padding-left: 0px;
}

.wp-block-latest-comments article {
  margin-bottom: 10px;
}