/*!
Theme Name: GrandMart
Theme URI: https://sharkthemes.com/downloads/grandmart
Author: Shark Themes
Author URI: https://sharkthemes.com/
Description: GrandMart is a well designed eCommerce theme based on WooCommerce platform. It is blazingly fast, extremely light-weight, search engine friendly and very easy to use. GrandMart is a very user-friendly theme and is suitable for eCommerce Stores, Fashion Store, Furniture Store, Mega Store, Creative Professionals, Photographers, Designers, Business, Bloggers and much more on in fewer words it’s Multipurpose WordPress Theme. GrandMart theme has wide list of customizable features including front page customizable sections with customizer api, multiple layouts and many more options. GrandMart helps you use that technology to your competitive advantage. It comes with cross-browser compatibility, mobile friendly design and responsive features.
Version: 1.1.3
Requires PHP: 5.6
Tested up to: 6.2
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: grandmart
Tags: translation-ready, custom-background, custom-header, theme-options, custom-menu, threaded-comments, featured-images, featured-image-header, footer-widgets, left-sidebar, right-sidebar, full-width-template, two-columns, three-columns, four-columns, grid-layout, custom-logo, blog, portfolio, e-commerce

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.

GrandMart is based on Underscores https://sharkthemes.com/, (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
# Sections
    ## Banner Slider
    ## Our Services
    ## Featured Products
    ## Featured Tab
    ## Introduction
    ## Category
    ## Client
    ## Case Studies
    ## Team Section
    ## Testimonial Section
    ## Popular Posts
    ## Short Call to Action

# About Page
# Footer
# 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;
}

.loader-container svg, 
.blog-loader svg {
    -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;
    width: 50px;
    height: 50px;
    fill: #262626;
}
.blog-loader svg {
    width: 35px;
    height: 35px;
}
@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);
  }
}

.backtotop {
    background-color: #f77358;
    border-radius: 50px;
    z-index: 9999;
    width: 44px;
    height: 44px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    position: fixed;
    bottom: -100px;
    right: 25px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #fff;
}
.backtotop:hover {
    border-color: #262626;
    background-color: #262626;
    color: #fff;
}
.backtotop:hover svg {
    fill: #fff;
}
.backtotop svg {
    display: inline-block;
    vertical-align: middle;
    fill: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.read-more {
    margin-top: 13px;
    display: inline-block;
    background-color: #f77358;
    font-size: 16px;
    width: auto;
    padding: .7em 2.1em;
    color: #fff;
    line-height: 1.5em;
    font-weight: 400;
    border: 1px solid #f77358;
    border-radius: 50px;
    cursor: pointer;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.read-more:hover {
    background: #262626;
    border-color: #262626;
    color: #fff;
}
.blog-loader-btn {
    text-align: center;
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
    background: #f5f5f5;
}

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

#page {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
}
#content {
    position: relative;
/*    max-width: 1365px;
    margin: 0 auto;*/
}
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;
}

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

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 52px;
    font-size: 3.25rem;
}

h2 {
    font-size: 42px;
    font-size: 2.625rem;
}

h3 {
    font-size: 32px;
    font-size: 2rem;
}

h4 {
    font-size: 28px;
    font-size: 1.75rem;
}

h5 {
    font-size: 24px;
    font-size: 1.5rem;
}

h6 {
    font-size: 20px;
    font-size: 1.25rem;
}

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

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

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;
}

svg:not(:root) {
    overflow: hidden;
}

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;
}

td,
th {
    padding: 8px;
    border: 1px solid #262626;
}

td#next {
    text-align: right;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.5px;
    font-weight: 400;
    color: #40434a;
}
p {
    margin: 0.5em 0;
    color: #40434a;
    letter-spacing: 0.5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
}

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: 16px;
    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: 16px;
    font-size: 0.9375rem;
}

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

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
    padding: 0 5px;
}


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. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

blockquote {
    background-color: #f6f6f6;
    padding: 15px;
    border-left: 5px solid #ccc;
}

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

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

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

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

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;
}

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

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 0;
    background: #e6e6e6;
    color: rgba(0, 0, 0, .8);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

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 {
    border-color: #aaa #bbb #bbb;
}

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: #262626;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 3px;
}

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: #111;
    border-color: #aaa;
}

textarea {
    width: 100%;
}

textarea,
#respond input,
.wpcf7 input {
    width: 100%;
    border-radius: 0;
    height: 40px;
    padding: 0 15px;
    margin: 6px 0;
}
#respond textarea {
    height: 180px;
    padding: 10px 15px;
}
#respond input[type="submit"] {
    border-color: #f77358;
    font-weight: 500;
    border-radius: 50px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#respond input[type="submit"]:hover,
#respond input[type="submit"]:focus {
    border-color: #262626; 
    background-color: #262626; 
}
p.form-submit {
    clear: both;
    display: table;
    float: right;
    margin-bottom: 0;
}
.comment-notes {
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 20px;
}
#respond label {
    color: #262626;
    margin-bottom: 5px;
    display: table;
}
#respond .comment-form-cookies-consent input[type="checkbox"], 
.comment-form-cookies-consent input[type="checkbox"] {
  width: auto;
  float: left;
  height: 17px;
}
#respond .comment-form-cookies-consent label, .comment-form-cookies-consent label {
  display: table;
  padding-left: 10px;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #262626;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: #262626;
    border-color: #262626;
}

a:focus {
    outline: thin dotted;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#top-menu {
    padding: 16px 0;
    background: #262626;
}
#top-menu svg.icon-up,
#top-menu svg.icon-down {
    margin: auto;
    display: block;
    cursor: pointer;
    fill: #fff;
}
#top-menu ul {
    padding: 0;
}
#top-menu svg.icon-up,
#top-menu.top-menu-active svg.icon-down {
    display: none;
}
#top-menu.top-menu-active svg.icon-up {
    display: block;
}
.social-menu li:not(:last-child) {
    margin-right: 25px;
}
.secondary-menu {
    float: left;
    color: #eee;
}
.social-menu {
    float: right;
}
#top-menu ul li {
    float: left;
    list-style: none;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
}
#top-menu ul li.mini-cart {
    position: relative;
}
#top-menu ul li.mini-cart .mini-cart-items .woocommerce-mini-cart__total.total {
    color: #fff;
}
#top-menu ul li.mini-cart .mini-cart-items {
    opacity: 0;
    position: absolute;
    top: -100%;
    left: 0;
    height: 0;
    z-index: -1;
    overflow: hidden;
    width: 300px;
    background-color: #262626;
    padding: 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;
}
#top-menu ul li.mini-cart:hover .mini-cart-items {
    opacity: 1;
    top: 100%;
    z-index: 3333;
    height: auto;
}
#top-menu ul li.mini-cart .mini-cart-items .button.wc-forward {
    color: #fff;
    border: 1px solid #fff;
    font-size: 12px;
    font-weight: 400;
}
#top-menu ul li.mini-cart .mini-cart-items .button.wc-forward:hover,
#top-menu ul li.mini-cart .mini-cart-items .button.wc-forward:focus {
    background-color: #f77358;
    border-color: #f77358;
}
#top-menu ul li.mini-cart .mini-cart-items .woocommerce ul.product_list_widget li img {
    width: 50px;
}
#top-menu ul li.mini-cart .mini-cart-items ul {
    display: flex;
    flex-direction: column;
}
.secondary-menu ul li svg {
    margin: -3px 10px 0 0;
    fill: #fff;
}
.secondary-menu ul li svg.icon.icon-plane {
    height: 19px;
    width: 19px;
}
.secondary-menu a {
    font-weight: 300;
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
}
.secondary-menu ul li:not(:last-child):after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}
#masthead {
    position: relative;
    width: 100%;
    z-index: 3000;
	background:black;
    box-shadow: 0 0 7px -5px white;
    -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;
}
#masthead.site-header.sticky-header.nav-shrink {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
}
#masthead.site-header .container .btn-right {
    float: right;
    position: relative;
    padding: 20px 16px;
}
#masthead .site-branding .custom-logo-link{
    margin-right: 12px;
}
.site-branding {
    display: flex;
    align-items: center;
    height: 90px;
    float: left;
}
.site-title {
    font-size: 32px;
    margin: 0;
    line-height: 24px;
}
#masthead.site-header.sticky-header.nav-shrink .site-title a,
.site-title a {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 2rem;
    letter-spacing: 1px;
    color: #262626;
}
#masthead.site-header.sticky-header.nav-shrink .site-description,
.site-description {
    margin: 10px 0 0;
    color: #262626;
    line-height: 1;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px;
    clear: both;
    display: table;
}
.site-branding img.custom-logo {
    max-height: 75px;
    width: auto;
}
#site-details {
    margin-top: 15px;
}
.main-navigation {
    float: right;
    position: relative;
}
.nav-shrink .main-navigation:before, 
.nav-shrink .main-navigation:after {
    display: none;
}
.nav-shrink .main-navigation {
    border: none;
}
.main-navigation ul.sub-menu {
    background-color: #fff;
    text-align: left;
    padding: 10px 0;
    border: 1px solid rgba( 0,0,0,0.1 );
}
.main-navigation ul.sub-menu li a {
    padding: 12px 15px;
    color: #262626;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}
.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 {
    padding: 20px 16px;
}
.main-navigation ul.nav-menu > li > a {
    letter-spacing: 1px;
    display: inline;
}
.main-navigation ul.nav-menu > li:before {
    display: inline;
    margin-right: 10px;
}
.main-navigation ul.nav-menu > li ul li:before {
    display: none;
}
.main-navigation ul.menu li.current-menu-item > a {
    color: white;
    font-weight: 500;
}
.main-navigation ul.nav-menu li.current-menu-item:before,
.main-navigation ul.nav-menu li.current-menu-item > a {
    color: #f77358;
}
.main-navigation ul.nav-menu li:hover:before,
.main-navigation ul.nav-menu li.focus:before,
.main-navigation ul.nav-menu li:hover > a,
.main-navigation ul.nav-menu li.focus > a{
    color: #f77358;
}
.main-navigation ul.nav-menu li.menu-item-has-children:hover > a svg,
.main-navigation ul.nav-menu li.menu-item-has-children.focus > a svg{
    fill: #f77358;
}
.main-navigation a {
    display: block;
    text-decoration: none;
    text-transform: capitalize;
    font-family: 'Oxygen', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
}
#masthead.site-header.sticky-header.nav-shrink .main-navigation ul li.menu-item-has-children a:hover svg,
.main-navigation a:hover,
.main-navigation ul li.menu-item-has-children a:hover svg {
    color: #262626;
    fill: #262626;
}
.main-navigation ul li.menu-item-has-children svg {
    fill: white;
    margin-left: 5px;
}
.main-navigation ul ul {
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0px;
}
.main-navigation ul ul a {
    width: 225px;
}
#search form.search-form button,
#search {
    float: left;
}
#top-search {
    margin-left: 30px;
    position: relative;
}
form.search-form {
    width: 100%;
    max-width: 100%;
    position: relative;
}
.no-results form.search-form {
    max-width: 400px;
    margin-top: 25px;
}
.no-results {
    margin: 0 10px;
}
.error-404 form.search-form {
    margin: 25px auto 50px;
    max-width: 400px;
}
.error-404 .error-heading {
    font-size: 72px;
}
.main-navigation form.search-form {
    min-width: 320px;
}
input.search-field {
    height: 45px;
    border-radius: 0;
    padding: 0 50px 0 15px;
    width: 100%;
}
#search input.search-field {
    
}
svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    fill: #262626;
}
svg.icon-search {
    width: 14px;
    height: 14px;
    fill: white;
}
.widget_search svg.icon-search {
    fill: #fff;
}
.main-navigation svg.icon-down {
    width: 12px;
    height: 12px;
    margin-left: 5px;
}
.main-navigation svg.icon-right {
    width: 12px;
    height: 12px;
    fill: #262626;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.menu-toggle {
    padding: 0;
    border-radius: 0;
    font-size: 16px;
    margin: 31px auto;
    display: block;
    height: 27px;
    width: 25px;
    position: relative;
    background: transparent;
    border: none;
    float: right;
}
svg.icon-close {
    fill: #262626;
    width: 22px;
    height: 22px;
    vertical-align: baseline;
}
svg.icon-menu {
    fill: #262626;
    width: 24px;
    height: 24px;
    vertical-align: baseline;
}
.menu-open svg.icon-menu {
    display: none;
}
.menu-toggle svg.icon-close {
    display: none;
}
.menu-open svg.icon-close {
    display: block;
}
button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    height: 45px;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 50px 0;
    overflow: hidden;
}

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

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.post-navigation a, 
.posts-navigation a {
    text-transform: capitalize;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
}
.post-navigation a:hover svg, 
.posts-navigation a:hover svg {
    fill: #262626;
}
.post-navigation, 
.posts-navigation {
    padding: 0;
    position: relative;
}
.post-navigation:before,
.posts-navigation:before,
.post-navigation:after,
.posts-navigation:after {
    content: "";
    background-color: #262626;
    height: 1px;
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    z-index: -1;
}
.post-navigation:after,
.posts-navigation:after {
    top: auto;
    bottom: 2px;
}
.post-navigation,
.posts-navigation,
.post-navigation,
.posts-navigation {
    padding: 20px 0;
    border-top: 1px solid rgba(190, 190, 190, 0.50);
}
.pagination .page-numbers {
    border: 1px solid #555;
    border-radius: 50px;
    min-width: 44px;
    height: 44px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    margin-right: 5px;
    -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;
}
.pagination .page-numbers.dots {
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.pagination .page-numbers.current {
    color: #fff;
    background: #262626;
}
.pagination a.page-numbers:hover,
.pagination a.page-numbers:focus {
    color: #262626;
    border-color: #262626;
}
.woocommerce nav.woocommerce-pagination ul li a:focus svg, 
.woocommerce nav.woocommerce-pagination ul li a:hover svg,
.pagination a.page-numbers:hover svg,
.pagination a.page-numbers:focus svg {
    fill: #262626;
}
.pagination .page-numbers:last-child {
    margin-right: 0;
}
/*--------------------------------------------------------------
# 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: 16px;
    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: thin dotted;
}

/*--------------------------------------------------------------
# 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,
#related-posts:before,
#related-posts:after,
.comments-area:before,
.comments-area:after,
.comment-respond:before,
.comment-respond:after,
ol.comment-list:before,
ol.comment-list:after,
.blog-posts-wrapper:before,
.blog-posts-wrapper:after,
.section-content:before,
.section-content:after,
.widget_instagram ul:before,
.widget_instagram ul: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,
#related-posts:before,
#related-posts:after,
.comments-area:before,
.comments-area:after,
.comment-respond:before,
.comment-respond:after,
ol.comment-list:before,
ol.comment-list:after,
.blog-posts-wrapper:before,
.blog-posts-wrapper:after,
.section-content:before,
.section-content:after,
.widget_instagram ul:before,
.widget_instagram ul:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.3em;
    font-weight: 400;
}
.widget a {
    font-weight: 500;
}
.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;
    border: none;
}
.widget .tagcloud a {
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 14px !important;
    line-height: 1.5;
    margin-bottom: 5px;
    padding: 7px 10px;
}

/* form */
.widget_sign-up form input{
    width: 100%;
    border: 1px solid #eaeaea;
    height: 43px;
    padding: 8px 15px;
    margin: 5px 0 22px 0;
    border-radius: 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: block;
    font-weight: 400;
}

form.search-form button.search-submit {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    border-radius: 0;
}
.widget_search form.search-form button.search-submit {
    width: auto;
    font-size: 16px;
    color: #fff;
    background-color: #262626;
    min-width: 45px;
}
.widget_search form.search-form button.search-submit:hover,
.widget_search form.search-form button.search-submit:focus {
    background-color: #40434a;
}
.widget_search form.search-form input {
    border: 1px solid #262626;
    padding: 0 100px 0 15px;
    border-radius: 0;
}
form.search-form {
    position: relative;
}
form.search-form input {
    width: 100%;
    padding: 0 50px 0 15px;
    font-weight: 400;
}
li.search-wrapper form.search-form input {
    border: none;
    border-radius: 0;
    background-color: #eee;
}
#wp-calendar tbody td {
    text-align: center;
}

#wp-calendar caption {
    margin-bottom: 15px;
}

.widget-title {
    font-size: 22px;
    margin-top: 0;
}
.widget li {
    list-style: none;
    line-height: 1.3;
}
.widget .social-icons li:before,
.widget.widget_instagram li:before {
    content: none;
}
.widget li:not(:last-child) {
    margin-bottom: 8px;
}
/* sidebar */
#secondary section.widget{
    padding: 25px;
    background: #f8f8f8;
}
#secondary #resources ul li, #secondary #get-social ul li {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 12px;
}
#secondary .widget_latest_post ul li{
    padding: 12px 0;
}

#secondary section.widget ul,
#secondary section.widget div {
    text-align: left;
    font-weight: 400;
}
#secondary #message-from-author div,
#colophon #message-from-author div { 
    text-align: center;
}
#colophon ins {
    background: #fff;
    color: #262626;
    padding: 0 5px;
}
.widget_instagram ul {
    list-style: none;
    padding: 0;
}
.widget.widget_instagram li {
    margin: 0;
}
.widget.widget_latest_post ul li:not(:last-child) {
    margin-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
}
.footer-widgets-area .widget_latest_post ul li:before,
.widget_latest_post ul li:before {
    content: none;
}

.widget_latest_post ul li .post-image {
    width: 25%;
    max-width: 81px;
    float: left;
}
.widget_latest_post ul li .post-content {
    width: 72%;
    float: left;
    margin-left: 3%;
}
.widget_latest_post ul li h5 {
    font-size: 1rem;
    margin: 0 0 5px;
}
.widget_latest_post .post-content .entry-meta,
.widget_latest_post .post-content .entry-meta > span.posted-on {
    margin-top: 0;
}
.widget_latest_post .entry-meta span.posted-on a,
.widget_latest_post .entry-meta span.posted-on a time {
    background: none;
    color: #555;
    padding: 0; 
}
#secondary .widget_instagram ul {
    margin: -10px;
}
#secondary .widget.widget_instagram li {
    padding: 10px;
}
.widget_instagram .column-1 li {
    width: 100%;
    float: none;
}
.widget_instagram .column-2 li {
    width: 50%;
    float: left;
}
.widget_instagram .column-3 li {
    width: 33.33%;
    float: left;
}
.widget_instagram .column-4 li {
    width: 25%;
    float: left;
}
.widget_instagram .column-5 li {
    width: 20%;
    float: left;
}
.widget_instagram .column-6 li {
    width: 16.66%;
    float: left;
}
.widget_instagram li img {
    width: 100%;
}
.social_widget .social-icons {
    float: left;
    color: #262626;
}
.social_widget .social-icons ul.list-inline li {
    width: auto;
    margin-right: 15px;
}
#secondary .social_widget .social-icons ul.list-inline li svg {
    fill: #262626;
}
#secondary .widget-title,
#secondary .widgettitle {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 18px;
    margin-top: 0;
    position: relative;
    display: inline-block;
    color: #262626;
    overflow: hidden;
    width: 100%;
}
#secondary ul,
#secondary ol {
    padding-left: 0;
}
#secondary .widget ul li a {
    color: #262626;
    line-height: 1.75;
}
#secondary .widget ul li{
    color: #262626;
}
#secondary .widget-title span,
#secondary .widgettitle span {
    display: inline-block;
    max-width: 100%;
    position: relative;
}
#secondary .widget-title:after,
#secondary .widgettitle:after {
    content: "";
    position: absolute;
    width: 100px;
    bottom: 0px;
    left: 0;
    background-color: #f77358;
    height: 2px;

}
#secondary .widget-title,
#secondary .widgettitle {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba( 0,0,0,0.2 );
}
#secondary .widget-title span:after,
#secondary .widgettitle span:after {
    left: 100%;
    right: auto;
}
#secondary .widget:not(:last-child) {
    margin-bottom: 30px;
}
input[type="submit"] {
    background-color: #f77358;;
    color: #fff;
    font-size: 16px;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
    background-color: #555;
}
.jetpack_subscription_widget {
    text-align: center;
}
.jetpack_subscription_widget input[type="email"] {
    width: 100%;
    margin-bottom: 10px;
}
.jetpack_subscription_widget input[type="submit"] {
    min-width: 100px;
    text-align: center;
}
.jetpack_subscription_widget #subscribe-text {
    display: inline-block;
}
.jetpack_subscription_widget #subscribe-text p {
    margin-top: 0;
    line-height: 25px;
}
.jetpack_subscription_widget #subscribe-submit {
    margin-bottom: 0;
}
.widget_popular_post ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
    display: table;
}
.widget.widget_popular_post ul li {
    clear: both;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}
.widget.widget_popular_post ul li:last-child {
    margin-bottom: 0;
}
.widget_popular_post h3 {
    font-size: 16px;
    line-height: 22px;
    display: table-row;
}
.widget_popular_post h3 a {
    display: block;
}
.widget_popular_post time {
    margin-top: 5px;
    display: inline-block;
}
.widget_popular_post h3 a,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time {
    color: #262626;
}
.widget_popular_post h3 a:hover,
.widget_popular_post h3 a:focus,
.widget_popular_post a time,
.widget_popular_post time {
    color: #555;
}
.widget_popular_post img {
    max-width: 95px;
    border-radius: 50%;
    float: left;
    margin-right: 20px;
}
.widget_recent_entries span.post-date {
    display: block;
    color: #555;
    font-size: 16px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}
.hentry {
    margin: 0 0 1.5em;
}

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

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

.page-content,
.entry-content,
.entry-summary {
    margin: 0;
}

header.page-header {
    max-width: 900px;
    margin: 10px 0 50px;
}
h1.page-title {
    font-size: 38px;
}
.entry-meta span img,
span.byline img,
span.author img {
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin: 0 7px 0 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: #262626;
    font-family: 'Poppins', sans-serif;
}
.page-header small {
    font-size: 12px;
    color: #555;
}
.blog-posts-wrapper .featured-image img {
    width: 100%;
}
#comments {
    max-width: 850px;
    margin: 24px auto;
}
nav.navigation.pagination {
    margin-top: 50px;
    clear: both;
    display: inline-block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.navigation.pagination svg {
    fill: #262626;
    width: 16px;
    height: 16px;
    position: relative;
}
.navigation.posts-navigation svg, 
.navigation.post-navigation svg {
    width: 35px;
    height: 35px;
    fill: #262626;
    padding: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}
.navigation.posts-navigation svg.icon-left, 
.navigation.post-navigation svg.icon-left {
    margin-right: 10px;
}
.navigation.posts-navigation svg.icon-right, 
.navigation.post-navigation svg.icon-right {
    margin-left: 10px;
}
.wrapper.page-section {
    padding: 50px 0;
    margin-bottom: 0;
}
.no-sidebar .wrapper.page-section {
    margin-left: auto;
    margin-right: auto;
}
.no-sidebar-content .wrapper.page-section {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.blog-posts-wrapper {
    margin: 0 -10px;
}
.blog-posts-wrapper article {
    padding: 0 10px;
    margin: 0 0 1.5em;
}
.blog-posts-wrapper .post-wrapper {
    overflow: hidden;
}
.blog-posts-wrapper .entry-container {
    padding: 15px;
}
.blog-posts-wrapper.column-1 {
    margin: 0;
}
.blog-posts-wrapper .entry-meta > span:not(:first-child):before {
    display: inline-block;
    line-height: 16px;
    content: '\2022';
    margin: 0 6px;
    font-size: 16px;
    color: #555;
}
.blog-posts-wrapper span.cat-links a,
.custom-header-content span.cat-links a {
    font-size: 14px;
    display: inline;
    border-radius: 50px;
    font-weight: 400;
    padding: 5px 15px;
    text-transform: uppercase;
    background-color: #f77358;
    color: #fff;
    margin: 0 2px;
    line-height: 32px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.blog-posts-wrapper span.cat-links a:hover,
.blog-posts-wrapper span.cat-links a:focus,
.custom-header-content span.cat-links a:hover,
.custom-header-content span.cat-links a:focus {
    color: #fff;
    background-color: #262626;
}
.entry-meta span a{
    color: #555;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 15px;
}
.blog-posts-wrapper span.cat-links a {
    color: #fff;
    text-transform: capitalize;
}
.blog-posts-wrapper span.cat-links a:hover {
    color: #fff;
    background-color: #262626;
}
span.tags-links a:not(:last-child):after {
    content: ',';
    margin-right: 5px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

#reply-title,
.comments-title {
    font-size: 24px;
    font-weight: 400;
    margin: 0;
}
.comments-title {
    margin-bottom: 30px;
}
ul.post-categories li:after {
    content: ",";
}
ul.post-categories li:last-child:after {
    display: none;
}
ol.comment-list {
    padding: 0;
    margin: 0 0 30px;
    list-style: none;
}
#comments ol {
    list-style: none;
    margin-left: 0;
    padding: 0;
}
#comments ol.comment-list {
    padding-top: 30px;
    position: relative;
    overflow: hidden;
}
#comments ol.children {
    margin-left: 140px;
}
.says {
    display: none;
}
.comment-meta img {
    max-width: 81px;
    width: 81px;
    float: left;
    border-radius: 50%;
    margin-right: 60px;
}
#comments time:before {
    display: none;
}
.comment-body {
    position: relative;
}
.reply {
    margin-left: 140px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #262626;
}
#comments article {
    margin-bottom: 30px;
}
#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 {
    border-bottom: 1px solid #262626;
    padding-top: 30px;
}
#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 {
    color: #fff;
    font-weight: 400;
    background-color: #f77358;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 28px;
    border-radius: 50px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.reply a:hover,
.reply a:focus {
    color: #fff;
    background-color: #262626;
}
#related-posts .entry-title a:hover,
#related-posts .entry-title a:focus,
#related-posts ul.post-categories li a:hover,
#related-posts ul.post-categories li a:focus {
    color: #262626;
}
.comment-meta .url,
.comment-meta .fn {
    display: inline-block;
    text-transform: capitalize;
    color: #555;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}
.comment-meta .url:hover,
.comment-meta .url:focus {
    color: #262626;
}
.comment-metadata {
    display: block;
    margin-top: 10px;
}
.comment-content {
    padding-bottom: 10px;
}
.single-post-post header.page-header {
    margin-bottom: 35px;
}
.single-post-post article {
    margin-bottom: 0;
}
.single-post-post .blog-post h2.entry-title {
    color: #555;
}
.single-post-post ul.post-categories {
    display: inline-block;
}
.single-post-post .entry-meta span,
.single-post-post .entry-meta span:before,
.single-post-post .entry-meta span a {
    color: #555;
}
.single-post-post .entry-meta {
    margin-bottom: 10px;
}
.single-post-post .entry-meta > span {
    display: block;
    font-size: 16px;
    text-transform: capitalize;
    display: inline-block;
}
.single-post-post .entry-meta span.tags-links {
    display: block;
    font-size: 16px;
    text-transform: capitalize;
}
.single-post-post .entry-meta span.tags-links a {
    padding: 5px 7px;
    border: 1px solid #555;
    margin-right: 7px;
}
span.tags-links a:hover,
span.tags-links a:focus,
.single-post-post .entry-meta span.tags-links a:hover,
.single-post-post .entry-meta span.tags-links a:focus {
    border-color: #262626;
    color: #262626;
}
.single-post-post .entry-meta > span:not(:first-child):before {
    display: none;
}
.single-post-post .post-wrapper {
    padding-top: 50px;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}
#secondary .post-wrapper,
#colophon .post-wrapper {
    padding-top: 0;
}
.comment-content p {
    font-weight: 400;
    color: #565a5f;
    display: table;
    margin-bottom: 1em;
}
.single-post-post article blockquote {
    background-color: transparent;
    border: 3px solid #555;
    padding: 63px 80px;
    font-size: 22px;
    line-height: 38px;
    font-family: 'Poppins', sans-serif;
    position: relative;
    margin: 15px -90px;
    text-align: center;
}
.single-post-post article blockquote:before {
    content: "";
    background-image: url('assets/uploads/blockquote.png');
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 25px;
    background-color: #f2f2f2;
    margin-top: -12px;
    background-position: 50%;
}
#related-images {
    background-color: #f2f2f2;
    position: relative;
}
#related-images .wrapper {
    max-width: 980px;
    position: relative;
    z-index: 10;
}
#related-images h2 {
    font-size: 22px;
    font-weight: 400;
    max-width: 800px;
    margin: auto;
    padding: 50px 0 30px;
}
#related-images:after {
    content: "";
    background-color: #fff;
    width: 100%;
    position: absolute;
    height: 50%;
    left: 0;
    right: 0;
    bottom: 0;
}
span.pagingInfo {
    position: absolute;
    left: 50%;
    bottom: -70px;
    font-size: 16px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.share-this-post small {
    font-size: 12px;
}
.single-post-post .share-this-post ul li {
    display: block;
    margin-bottom: 7px;
}
.single-post-post .share-this-post {
    position: absolute;
    left: -190px;
}
.single-post-post .share-this-post .social-icons {
    margin-left: -10px;
}
#about-author {
    text-align: center;
    margin-bottom: 50px;
    position: relative;
}
.admin-image {
    max-width: 111px;
    max-height: 111px;
    display: inline-block;
    margin-bottom: 22px;
}
.admin-image img {
    max-width: 111px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}
.author-content .entry-title {
    margin-bottom: 0;
    line-height: 1;
}
.author-content .entry-title a {
    color: #555;
}
.author-content .entry-title a:hover,
.author-content .entry-title a:focus {
    color: #262626;
}
.author-content span {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}
.admin-image .separator {
    position: absolute;
    left: 0;
    right: 0;
    top: 56px;
    height: 1px;
    width: 100%;
}
/*--------------------------------------------------------------
# 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;
    line-height: 1.75;
    letter-spacing: 0.5px;
    color: #40434a;
    font-weight: 400;
}
.wrapper {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
.row {
    margin: 0 -15px;
}
.page-section {
    padding: 45px 0;
}
.entry-title {
    text-transform: capitalize;
    font-size: 20px;
    margin: 8px 0;
    word-wrap: break-word;
    color: #40434a;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 1.3;
}
.entry-header h2.entry-title a {
    font-size: 18px;
    font-weight: 400;
    color: #262626;
}
#popular-posts h2.entry-title a:hover,
#popular-posts h2.entry-title a:focus,
.entry-header h2.entry-title a:hover,
.entry-header h2.entry-title a:focus {
    color: #f77358;
}
.section-header {
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 45px;
}
.section-header .separator {
    margin: 10px auto 10px;
}
.section-title {
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
    font-size: 34px;
    word-wrap: break-word;
    letter-spacing: 0.5px;
    color: #262626;
}
.section-description {
    position: relative;
    color: #555;
    font-size: 16px;
    font-weight: 400;
}
#secondary .section-description,
#colophon .section-description {
    margin-bottom: 25px;
}
.section-title .color-red,
.widgettitle .color-red,
#journey .entry-title .color-red,
#contact-form .entry-title .color-red,
.related-posts-title .color-red,
#reply-title .color-red {
    font-style: italic;
    margin-right: 5px;
}
.display-none {
    display: none;
}
.display-block {
    display: block;
}
.black-overlay {
    background-color: #262626;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}
.align-center {
    text-align: center;
}
 
/*--------------------------------------------------------------
# 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;
}

/*--------------------------------------------------------------
## Gallery
--------------------------------------------------------------*/
.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%;
}
.portfolio_widget .gallery {
    margin-bottom: 1.5em;
    position: relative;
    overflow: hidden;
    text-align: center;
}
#gallery article .entry-container {
    padding: 2px 20px 20px;
}
.portfolio_widget .gallery .featured-image {
    overflow: hidden;
    position: relative;
}
.portfolio_widget .gallery .featured-image .overlay {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 25px;
    background: #262626;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.portfolio_widget .gallery .featured-image .overlay .entry-header .entry-title a {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
}
.portfolio_widget .gallery .featured-image .overlay .read-more {
    border-color: #fff;
}
.portfolio_widget .gallery .featured-image .overlay .read-more:hover {
    background: #262626;
    border-color: #262626;
}
.portfolio_widget .gallery .featured-image .overlay .read-more a {
    color: #fff;
}
.portfolio_widget .gallery .featured-image img {
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.portfolio_widget .gallery:hover .featured-image img {
    transform: scale(1.05);
}
.portfolio_widget .gallery:hover > .featured-image > .overlay {
    opacity: 1;
}
.gallery-caption {
    display: block;
}
.widget_media_gallery:after  {
    display: table;
    content: '';
    clear: both;
}
.widget_media_gallery .gallery-item {
    margin: 0;
    width: 50%;
    float: left;
    padding: 5px;
}
.widget_media_gallery .gallery {
    border: none;
}

/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/
.social-icons li {
    display: inline-block;
    height: auto;
    text-align: center;
    position: relative;
    list-style: none;
    background: rgba(255,255,255,0.2);
    border-radius: 100%;
}
.social-icons li:hover {
    background: rgba(255,255,255,0.7);
}
.social-icons {
    margin: 0;
    padding: 0;
}
ul.social-icons li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
}
.social-menu ul li a svg {
    fill: #fff;
}
.footer-widgets-area .social-menu ul li a svg {
    fill: #fff;
}
#top-menu .social-menu ul li a:hover,
#top-menu .social-menu ul li a:focus {
    background-color: transparent;
}
/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
.search .inner-header-image .custom-header-content,
.archive .inner-header-image .custom-header-content,
.blog .inner-header-image .custom-header-content{
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 0 40px;
    position: relative;
}
.inner-header-image .custom-header-content h2{
    max-width: 800px;
    margin: auto;
    vertical-align: middle;
    display: table;
}

ul.trail-items {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
}
ul.trail-items li.trail-item.trail-end {
    color: #262626;
}
ul.trail-items li {
    display: inline-block;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 400;
}
ul.trail-items li:not(:last-child):after {
    font-family: 'fontawesome';
    content: "\f105";
    color: rgba( 0,0,0,0.8 );
    margin: 0 10px;
}
ul.trail-items li a {
    color: rgba( 0,0,0,0.8 );
    font-size: 18px;
    font-weight: 600;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
ul.trail-items li a:hover,
ul.trail-items li a:focus {
    color: #f77358;
}
ul.trail-items li:after {
    content: "-";
}
ul.trail-items li:last-child:after {
    display: none;
}
/*--------------------------------------------------------------
## Banner Slider
--------------------------------------------------------------*/
.custom-header-content-wrapper {
    position: relative;
}
.slider-service-detached #custom-header {
    margin-bottom: 45px;
}
.overlay {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    position: absolute;
    top: 0;
    left: 0;
}
#custom-header .banner-slider.zoom-slider.column-1 .custom-header-content-wrapper.slide-item.slick-current img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
     -webkit-transform-origin: center center; 
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
     transform-origin: center center;
     -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}
.custom-header-content-wrapper .overlay {
    width: 100%;
    height: 100%;
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
}

.custom-header-content-wrapper .wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.custom-header-content{
    max-width: 700px;
    vertical-align: middle;
    display: table;
    text-align: center;
    margin: auto;
}
#custom-header .custom-header-content-wrapper.slide-item img {
    width: 100%;
    max-height: 1080px;
    object-fit: cover;
}
.custom-header-content h2 a {
    color: #262626;
    font-size: 46px;
    letter-spacing: 0.5px;
    font-weight: 500;
}
.column-2 .custom-header-content h2 a {
    font-size: 36px;
}
.column-3 .custom-header-content h2 {
    line-height: 1;
}
.column-3 .custom-header-content h2 a {
    font-size: 26px;
}
.custom-header-content p {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 1.5px;
}
.custom-header-content .read-more:nth-child(2){
    margin-left: 15px;
}
.custom-header-content .read-more:nth-child(1) {
    background-color: #fff;
    color: #262626;
}
.custom-header-content .read-more:nth-child(1),
.custom-header-content .read-more:nth-child(2) {
    margin-top: 15px;
    font-size: 16px;
    border: none;
    border-radius: 50px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.custom-header-content .read-more:nth-child(1):hover {
    background-color: #262626;
    color: #fff;
}

.custom-header-content .read-more:nth-child(2){
    background-color: #f77358;
    color: #fff;
} 

.custom-header-content .read-more:hover:nth-child(2):hover{
    background-color:#262626;
    color: #fff;
}

.slick-prev, 
.slick-next {
    background-color: transparent;
    width: 48px;
    height: 48px;
    z-index: 1;
    border-radius: 50px;
    left: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.section-content:hover .slick-prev, .section-content:hover .slick-next{
    visibility: visible;
    opacity: 1;
}

.slick-prev:before,
.slick-next:before {
    content: "";
    display: inline-block;
    background-image:  url('assets/uploads/down-arrow.svg');
    text-align: center;
    height: 25px;
    width: 25px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slick-prev:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.slick-next:before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.slick-next {
    right: 15px;
    left: auto;
}
.slick-prev {
    left: 15px;
}
.slick-dots li {
    margin: 0;
    width: 25px;
    height: 20px;
}
.slick-dots li button {
    padding: 0;
    width: auto;
    height: auto;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #000;
    background-color: transparent;
}
.slick-dots li button:before {
    font-size: 25px;

}
.slick-dots {
    bottom: -40px;
}
.slick-dotted.slick-slider {
    margin-bottom: 20;
}

.inner-header-image {
    margin-bottom: 30px;
    position: relative;
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
	display:none;
}
.inner-header-image .overlay {
    background: rgba(255,255,255,0.8);
}
.inner-header-image .wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: table;
}

.page .inner-header-image .custom-header-content,
.single .inner-header-image .custom-header-content {
    float: none;
    text-align: center;
    margin: auto;
    position: relative;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.home.blog .inner-header-image .custom-header-content,
.page .inner-header-image .custom-header-content {
    padding: 15px 40px;
}
.inner-header-image .custom-header-content #breadcrumb-list {
    position: relative;
}
.inner-header-image .custom-header-content .entry-header {
    position: relative;
}
.single .entry-meta span img {
    border-radius: 50%;
    min-height: auto;
    width: 30px;
    height: 30px;
    margin-top: -2px;
}

.inner-header-image .entry-meta > span:not(:first-child):before {
    content: '\2022';
    margin: 0 7px;
    font-size: 16px;
    color: #262626;
}
.inner-header-image .entry-meta span a {
    color: #262626;
    font-weight: 600;
}
.inner-header-image .entry-meta span.cat-links a {
    color: #fff;
    font-weight: 400;
}
.inner-header-image .entry-meta span.cat-links a:hover {
    color: #fff;
    background-color: #262626;
}
.inner-header-image .custom-header-content h2 {
    font-size: 48px;
    margin: 25px 0;
    line-height: 1.2;
    color: #262626;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative;
}
.inner-header-image .custom-header-content .entry-meta {
    position: relative;
    margin: 0;
}
.single-template-wrapper p#dropcap:first-child:first-letter {
    font-size: 96px;
    color: #40434a;
    float: left;
    font-weight: 500;
    line-height: .68;
    margin: .1em .12em .05em 0;
    text-transform: uppercase;
    font-style: normal;
}
.textwidget a,
.single-template-wrapper #primary article .entry-content a {
    text-decoration: underline;
}
.single-template-wrapper #primary .woocommerce-cart-form__cart-item td.product-name a,
.single-template-wrapper #primary .woocommerce a.remove,
.single-template-wrapper #primary article .entry-content .read-more a,
.single-template-wrapper #primary article .entry-content a.more-btn,
.single-template-wrapper #primary article .entry-content a.button,
.single-template-wrapper #primary article .entry-content a.btn {
    text-decoration: none;
}
.single-template-wrapper figcaption {
    border-bottom: 1px solid #eaeaea;
    padding: 18px 0;
    color: #888d66;
    font-size: 16px;
    text-align: center;
}
.single-template-wrapper blockquote {
    margin: 30px 0;
}
.page-single-section {
    padding: 40px 0;
}
.single-template-wrapper section.tag-section .tag-title {
    font-weight: 400;
    color: #40434a;
}
.single-template-wrapper section.tag-section ul {
    display: inline-flex;
    list-style: none;
}
.single-template-wrapper section.tag-section ul li {
    padding-right: 12px;
}
.single-template-wrapper section.tag-section ul li a {
    border: 1px solid #eaeaea;
    padding: 3px 9px;
    border-radius: 3px;
}
.single-template-wrapper .border-btm {
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.single-template-wrapper .comments-section .article img, .single-template-wrapper .article-section .article img {
    height: 72px;
    width: 72px;
    border-radius: 100%;
    object-fit: cover;
}
.single-template-wrapper .comments-section .author-vcard, .single-template-wrapper .article-section .article {
    float: left;
    margin: 14px 10px;
}
.single-template-wrapper .comments-section .entry-container, .single-template-wrapper .article-section .entry-container {
    display: table;
    padding-left: 15px;
}
/*--------------------------------------------------------------
## client
--------------------------------------------------------------*/
.client-section .client{
    padding: 5px;
    min-height: 97px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.client-section img{
    text-align: center;
    margin:auto;
}

/*--------------------------------------------------------------
## Introduction 
--------------------------------------------------------------*/
.client-section-disabled #introduction {
    padding-top: 115px;
}
#introduction .post-wrapper {
    display: flex;
    align-items: center;
}
#introduction .post-wrapper .featured-image img {
    width: 100%;
}
#introduction.left-align .post-wrapper {
    flex-direction: row-reverse;
}
#introduction article {
    margin: 0; 
}
#introduction .entry-container {
    text-align: left;
}
#introduction.left-align .entry-container {
    padding-left: 40px;
}
#introduction.right-align .entry-container {
    padding-right: 40px;
}
#introduction .entry-container .entry-content {
    font-size: 16px;
    color: #555;
}
#introduction .entry-container .entry-title {
    margin: 10px 0 20px;
}
#introduction .entry-container .entry-title a {
    font-size: 36px;
    font-weight: 500;
}
#introduction .entry-container a.founder-sign{
    display: block;
    margin: 40px 0 15px;
}
/*--------------------------------------------------------------
## Our Services
--------------------------------------------------------------*/
.our-services {
    padding-top: 20px;
    margin: 0 -15px;
}
.slider-service-detached .our-services {
    padding-top: 45px;
}
.our-services.full-width {
    margin: 0 10px;
}
.our-services.container-width .section-content {
    margin: 0 -10px;
}
.our-services .grid .grid-item {
    margin-bottom: 17px;
}
.our-services .grid .grid-item:nth-child(3),
.our-services .grid .grid-item:nth-child(6) {
    width: 50%;
    margin-bottom: 20px;
}
.our-services .post-wrapper {
    position: relative;
    overflow: hidden;
}
.our-services .post-wrapper:hover img {
    transform: scale(1.05);
}
.our-services article {
    text-align: left;
}
.our-services article .entry-title {
    margin-bottom: 8px;
}
.our-services article h2.entry-title a {
    font-size: 22px;
}
#gallery img,
.our-services img {
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.entry-meta {
    margin-top: 5px;
}
.our-services .section-content article {
    padding: 0 10px;
}
.our-services .section-content article .entry-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 55%;
    height: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: left;
}
.our-services .section-content article .post-wrapper.center-align .entry-container {
    width: 80%;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
}
.our-services .section-content article .post-wrapper.left-align .entry-container {
    right: auto;
    left: 0;
}
.our-services .section-content article .post-wrapper.right-align .entry-container {
    right: 0;
    left: auto;
}
.our-services .featured-image img {
    width: 100%;
}
.our-services .featured-image {
    margin-bottom: 0;
    overflow: hidden;
}
p.subtitle span {
    color: #f77358;
}

/*--------------------------------------------------------------
## Featured Products
--------------------------------------------------------------*/
.featured-products article {
    text-align: left;
}
.featured-products.full-width .wrapper {
    width: 100%;
    max-width: 100%;
}
.featured-products.full-width .section-content {
    margin: 0 10px;
}
.featured-products.container-width .section-content {
    margin: 0 -10px;
}
.featured-products .section-content.products article.product {
    padding: 0 10px;
}
.featured-products .section-content article.product h2.woocommerce-loop-product__title {
    font-size: 18px;
    margin-bottom: 10px;
}
.featured-products .products article.product .price,
.featured-products .products article.product .price del,
.featured-products .products article.product .price ins {
    color: #555;
    font-weight: 500;
    font-size: 16px;
}
.featured-products .section-content.products article.product .star-rating {
    display: none;
}

/*--------------------------------------------------------------
## Featured Tab
--------------------------------------------------------------*/
.featured-tab ul.tab-header {
    margin: 0 auto;
    padding: 0;
    width: 90%;
    text-align: center;
}
.featured-tab ul.tab-header li {
    display: inline-block;
    list-style: none;
    padding: 13px 20px;
    border: 1px solid #555;
    border-radius: 50px;
    margin: 0 10px 50px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.featured-tab ul.tab-header li.active,
.featured-tab ul.tab-header li:hover {
    border-color: #f77358;
    background-color: #f77358;
    color: #fff;
}
.featured-tab div.tab-content {
    display: none;
}
.featured-tab div.tab-content.active {
    display: block;
}

/*--------------------------------------------------------------
## Category
--------------------------------------------------------------*/
.category-section .post-wrapper {
    position: relative;
    overflow: hidden;
}
.category-section .post-wrapper:hover {
    -webkit-box-shadow: 0 10px 10px -10px rgba(1,1,1,0.1);
    box-shadow: 0 10px 10px -10px rgba(1,1,1,0.1);
}
.category-section article {
    text-align: left;
}
.category-section article .entry-title {
    margin-bottom: 8px;
}
.category-section article h2.entry-title a {
    font-size: 18px;
    color: #fff;
}
.category-section article h2.entry-title:hover a {
    color: #f77358;
}
.category-section .slick-prev:before,
.category-section .slick-next:before {
    background-image:  url('assets/uploads/down-arrow-white.svg');
}
.category-section img {
    width: 100%;
}
.entry-meta {
    margin-top: 5px;
}
.category-section .section-content article {
    padding: 0;
}
.category-section .section-content article .entry-container {
    position: absolute;
    bottom: 0;
    left: 50%;
    background: linear-gradient(transparent,rgba(0,0,0,.3));
    transform: translateX(-50%);
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.category-section .section-content article .post-wrapper.center-align .entry-container {
    width: 80%;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
}
.category-section .section-content article .post-wrapper.left-align .entry-container {
    right: auto;
    left: 0;
}
.category-section .section-content article .post-wrapper.right-align .entry-container {
    right: 0;
    left: auto;
}
.category-section .featured-image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    transform-origin: center center;
}
.category-section .featured-image {
    margin-bottom: 0;
}
.category-section p.subtitle {
    font-weight: 400;
}
.category-section p.subtitle span {
    color: #f77358;
}
.category-section .section-content article .post-wrapper:hover .featured-image img {
    transform: scale(1.05);
}


/*--------------------------------------------------------------
## Case Studies
--------------------------------------------------------------*/
.case-studies {
    padding: 35px 0;
}
.case-studies article {
    text-align: center;
    display: block;
    padding: 0 15px;
}
.case-studies article .post-wrapper {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.case-studies article .post-wrapper:hover {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translate(-1px);
    -moz-transform: translate(-1px);
    transform: translateY(-1px);
}
.case-studies.left-align article {
    text-align: left;
    display: table;
}
.case-studies.left-align article .post-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.case-studies article .fa {
    font-size: 46px;
    color: #f77358;
    line-height: 62px;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.case-studies article .service {
    margin-bottom: 20px;
}
.case-studies.left-align article .service {
    float: left;
    margin: 14px 10px;
}
.case-studies article .service:hover .fa{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}
.case-studies.left-align article .entry-container {
    display: table;
    padding-left: 15px;
}
.case-studies article .post-wrapper .entry-title {
    margin: 3px 0;
}
.case-studies .wrapper .entry-content{
    font-size: 16px;
}
/*--------------------------------------------------------------
## Team Section
--------------------------------------------------------------*/
.team-section article{
    padding: 0 10px;
}
.team-section.full-width .wrapper {
    width: 100%;
    max-width: 100%;
}
.team-section .section-content{
    margin: 0 -15px;
}
.team-section.full-width .section-content {
    margin:  0 10px;
}
.team-section .team-image {
    margin: 0;
    width: 100%;
    position: relative;
}
.team-section article .post-wrapper {
    position: relative;
    overflow: hidden;    
}
.team-section .team-image img {
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.team-section article .post-wrapper:hover .team-image img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}
.team-section .position {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    margin: 5px auto;
    text-transform: capitalize;
}
.team-section article .post-wrapper .entry-container {
    padding: 8px 20px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -20px;
    opacity: 0;
    background: linear-gradient(transparent,rgba(0,0,0,.4));
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.team-section article .post-wrapper:hover .entry-container {
    bottom: 0;
    opacity: 1;
}
.team-section article .entry-header h2.entry-title a {
    color: #fff;
    font-weight: 400;
}
.team-section .share-message {
    padding: 4px 0;
    margin: 0;
    text-transform: capitalize; 
}
.team-section article .separator {
    height: 1px;
    width: 80%;
    border-top: 1px solid rgba(255,255,255,0.5);
    margin: 20px auto 0;
}
.team-section .share-message ul.social-icons li {
    background: transparent;
}
.team-section .share-message ul.social-icons li svg {
    fill: #fff;
}
/*--------------------------------------------------------------
## Popular Posts
--------------------------------------------------------------*/
#popular-posts article {
    text-align: left;
}
#popular-posts article .entry-title {
    margin-top: 15px;
}
#popular-posts img {
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
#popular-posts .post-wrapper:hover img {
    transform: scale(1.05);
}
.entry-meta {
    margin-top: 8px;
}
#popular-posts.full-width {
    margin: 0 20px;
}
#popular-posts.full-width .wrapper {
    max-width: 100%;
    width: 100%;
}
#popular-posts .section-content {
    margin: 0 -10px;
}
#popular-posts .section-content article {
    padding: 0 10px;
}
#popular-posts .entry-meta > span:not(:first-child):before {
    content: "\2022";
    display: inline-block;
    color: #555;
    font-size: 16px;
    line-height: 16px;
    margin: 0 7px;
}
#popular-posts .section-content .entry-container {
    padding: 0 20px 20px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    width: 90%;
    text-align: center;
    background: #fff;
}
#popular-posts .post-wrapper {
    overflow: hidden;
    position: relative;
}

/*--------------------------------------------------------------
## Testimonial Section
--------------------------------------------------------------*/
.testimonial-section {
    margin: 45px 0;
    padding: 90px 0;
    background: #262626;
    background-position: center;
    background-size: cover;
}
.testimonial-section .section-title,
.testimonial-section .section-description {
    color: #fff;
}
.testimonial-slider article {
    padding: 25px;
    background-color: #fff;
    margin: 0 15px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.testimonial-slider.section-content {
    margin: 0 -15px;
}
.testimonial-slider .testimonial-rating {
    margin: 20px 0 0;
    display: inline-block;
}
.testimonial-slider .testimonial-rating svg {
    fill: #ffc107;
    width: 18px;
    height: 18px;
    vertical-align: bottom;
}
.testimonial-slider .slick-list {
    padding: 5px 0 30px;
}
.testimonial-slider .slick-dots {
    bottom: -30px;
}
.testimonial-slider .slick-dots li button:before {
    font-size: 13px;
    opacity: 1;
    color: #fff;
}
.testimonial-slider .slick-dots li.slick-active button:before {
    color: #f77358;
}
.testimonial-slider .entry-content{
    font-size: 16px;
    padding: 20px 0;
}
.testimonial-slider article .post-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 0;
    text-align: center;
    transition: all .3s ease-in-out;
}
.testimonial-slider .testimonial-image img {
    border-radius: 50px;
    width: 90px;
}
.testimonial-slider .position {
    color: #40434a;
    font-size: 15px;
    font-weight: 400;
    margin: 5px auto;
    text-transform: capitalize;
}
.testimonial-slider article  .entry-container header.entry-header h2.entry-title{
    font-size: 20px;
    margin: 0 0 8px 0;
}
.testimonial-slider .share-message {
    border-top: 1px solid rgba(0,0,0,.1);
    padding: 4px 0;
    margin: 15px -20px 0;
    text-transform: capitalize; 
}
/*--------------------------------------------------------------
## Short Call to Action
--------------------------------------------------------------*/
.short-cta-section {
    padding: 150px 0;
    margin: 45px auto;
    background-color: #262626;
    background-position: center;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover; 
}
.short-cta-section .wrapper-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.short-cta-section .section-header .section-title {
    color: #fff;
    font-size: 36px;
    text-align: center;
}
.short-cta-section .read-more{
    margin: 22px;
}
.short-cta-section a.read-more {
    width: auto;
    border-radius: 50px;
}
.short-cta-section a.read-more:hover {
    color: #f77358;
    background-color: #fff;
    border-color: #fff;
}
.short-cta-section .section-header {
    margin: 10px;
    width: 80%;
    max-width: 800px;
}

/*--------------------------------------------------------------
## Hero Content
--------------------------------------------------------------*/
.hero-content-section {
    margin: 45px 0;
    padding: 200px 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.hero-content-section .wrapper-content {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
.hero-content-section .entry-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.hero-content-section.left-align .entry-container,
.hero-content-section.right-align .entry-container {
    width: 50%;
}
.hero-content-section.left-align .entry-container {
    float: left;
}
.hero-content-section.right-align .entry-container {
    float: right;
}
.hero-content-section .section-header {
    margin-bottom: 10px;
}
.hero-content-section .section-header .section-title {
    font-size: 36px;
}

/*--------------------------------------------------------------
## Color and Font Options
--------------------------------------------------------------*/
.color-switcher {
  width: 300px;
  position: fixed;
  left: -300px;
  top: 0;
  bottom: 0;
  background-color: #eee;
  z-index: 30000;
  padding: 0px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-box-shadow: 0 1px 12px 0px rgba(51, 51, 51, 0.23);
  -moz-box-shadow: 0 1px 12px 0px rgba(51, 51, 51, 0.23);
  box-shadow: 0 1px 12px 0px rgba(51, 51, 51, 0.23);
}
.color-switcher .switch-colors .brown.active {
    border-bottom: 2px solid #555;
    padding-bottom: 5px;
}
.color-switcher .switch-colors .blue.active {
    border-bottom: 2px solid #035BBC;
    padding-bottom: 5px;
}
.color-switcher .switch-colors .red.active {
    border-bottom: 2px solid #b2323c;
    padding-bottom: 5px;
}
.color-switcher .switch-colors .yellow.active {
    border-bottom: 2px solid #fccc31;
    padding-bottom: 5px;
}
.color-switcher .switch-colors .green.active {
    border-bottom: 2px solid #009999;
    padding-bottom: 5px;
}
.color-switcher h5 {
  font-size: 16px;
  margin-top: 0;
  padding: 0 20px 0;
}
.color-switcher p {
  font-size: 18px;
  color: #262626;
  margin-bottom: 0;
  height: 40px;
  text-align: left;
  font-weight: 600;
  line-height: 42px;
  text-transform: uppercase;
  border-bottom: 1px solid #555;
  margin-bottom: 10px;
}
.color-switcher ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.color-switcher ul li {
  float: left;
}
.color-switcher ul li a {
  display: block;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  font-size: 16px;
  color: #262626;
}
.color-switcher .font-family a {
    text-transform: uppercase;
}
.color-switcher .font-family li a {
    display: inline;
    line-height: 0;
}
.color-switcher .font-family li.active a,
.color-switcher .font-family li a:hover,
.color-switcher .font-family li a:focus {
    color: #555;
}
.color-switcher ul li a.blue {
  background: #035BBC;
}
.color-switcher ul li a.green {
  background: #009999;
}
.color-switcher ul li a.yellow {
  background: #F2BD19;
}
.color-switcher ul li a.red {
  background: #b2323c;
}
.color-switcher li .brown {
    background: #555;
}
svg.icon-settings {
    margin-top: 20px;
}
.picker_close,.picker_close:hover,
.picker_close:focus {
    color: #ed6820;
    width: 55px;
    height: 55px;
    position: absolute;
    right: -55px;
    top: 25%;
    text-align: center;
    background: #eee;
    box-shadow: 5px 3px 7px 0px rgba(51, 51, 51, 0.23);
    -moz-box-shadow: 5px 3px 7px 0px rgba(51, 51, 51, 0.23);
}
.picker_close i {
  font-size: 25px;
  line-height: 55px;
}
.position {
  left: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.theme-colours, .layouts, .backgrounds, .choose-header, .choose-footer {
  display: table;
  text-align: left;
  padding-top: 0px;
  width: 100%;
  padding: 19px;
  padding-top: 0px;
  padding-left: 25px;
}
.layouts a, .choose-header a, .choose-footer a {
  display: inline-block;
  text-align: center;
  width: 40%;
  margin: 0 5px 0 0;
  color: #5d5d5d;
  font-size: 16px;
  border: 1px solid #e7e7e7;
  padding: 5px 7px 2px;
}
.layouts a:hover, 
.choose-header a:hover, 
.choose-footer a:hover,
.layouts a:focus, 
.choose-header a:focus, 
.choose-footer a:focus {
  border: 2px solid #a9a9a9;
  padding: 4px 5px 1px
}
.styleswitcher {
  position: fixed;
  width: 120px;
  background: #ffffff;
  color: #595959;
  top: 150px;
  right: -123px;
  z-index: 999;
}
.styleswitcher p {
  color: #262626 !important;
}
.styleswitcher.ackapa {
  left: 0;
}
.styleswitcher .switch {
  padding-left: 15px;
  padding-bottom: 10px;
}
.styleswitcher .switch h5 {
  margin-top: 20px;
}
.styleswitcher .switch p {
  margin-top: 10px;
}
.stylebutton {
  cursor: pointer;
  position: absolute;
  text-align: center;
  line-height: 40px;
  background: #fff;
  font-size: 20px;
  width: 40px;
  height: 40px;
  top: 0px;
  right: -40px;
}
.styleswitcher a {
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 7px;
  margin-bottom: 10px;
  position: relative;
  z-index: 99999999;
}
.color-switcher ul li {
  margin: 3px;
}
.color-switcher ul.font-family li {
    float: none;
}
.boxed {
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
}
.boxed .jetpack_subscription_widget .widgettitle {
    font-size: 38px;
}
li .wide, 
li .boxed {
    background: #347FE1;
    color: #fff !important;
    padding: 0 6px;
    width: 157px !important;
    text-decoration: none;
    box-shadow: none;
}
li .wide:hover, 
li .boxed:hover,
li .wide:focus, 
li .boxed:focus {
    background: #262626;
}
li .wide {
    margin-top: 10px;
}
.boxed .backtotop {
    right: 75px;
}


/*--------------------------------------------------------------
##                      Icon Color
--------------------------------------------------------------*/
/*social links hover effect */

ul.social-icons li a[href*="facebook.com"]:hover svg,
.social-menu ul li a[href*="facebook.com"]:hover svg {
    fill: #3b5998;
}

ul.social-icons li a[href*="twitter.com"]:hover svg,
.social-menu ul li a[href*="twitter.com"]:hover svg {
    fill: #00aced;
}

ul.social-icons li a[href*="plus.google.com"]:hover svg,
.social-menu ul li a[href*="plus.google.com"]:hover svg {
    fill: #dd4b39;
}

ul.social-icons li a[href*="/feed/"]:hover svg,
.social-menu ul li a[href*="/feed/"]:hover svg {
    fill: #dc622c;
}

ul.social-icons li a[href*="wordpress.org"]:hover svg,
.social-menu ul li a[href*="wordpress.org"]:hover svg,
ul.social-icons li a[href*="wordpress.com"]:hover svg,
.social-menu ul li a[href*="wordpress.com"]:hover svg {
    fill: #45bbe6;
}

ul.social-icons li a[href*="github.com"]:hover svg,
.social-menu ul li a[href*="github.com"]:hover svg {
    fill: #4183c4;
}

ul.social-icons li a[href*="linkedin.com"]:hover svg,
.social-menu ul li a[href*="linkedin.com"]:hover svg {
    fill: #007bb6;
}

ul.social-icons li a[href*="pinterest.com"]:hover svg,
.social-menu ul li a[href*="pinterest.com"]:hover svg {
    fill: #cb2027;
}

ul.social-icons li a[href*="flickr.com"]:hover svg,
.social-menu ul li a[href*="flickr.com"]:hover svg {
    fill: #ff0084;
}

ul.social-icons li a[href*="vimeo.com"]:hover svg,
.social-menu ul li a[href*="vimeo.com"]:hover svg {
    fill: #aad450;
}

ul.social-icons li a[href*="youtube.com"]:hover svg,
.social-menu ul li a[href*="youtube.com"]:hover svg {
    fill: #bb0000;
}

ul.social-icons li a[href*="instagram.com"]:hover svg,
.social-menu ul li a[href*="instagram.com"]:hover svg {
    fill: #517fa4;
}

ul.social-icons li a[href*="dribbble.com"]:hover svg,
.social-menu ul li a[href*="dribbble.com"]:hover svg {
    fill: #ea4c89;
}

ul.social-icons li a[href*="skype.com"]:hover svg,
.social-menu ul li a[href*="skype.com"]:hover svg {
    fill: #12a5f4;
}

ul.social-icons li a[href*="digg.com"]:hover svg,
.social-menu ul li a[href*="digg.com"]:hover svg {
    fill: #777;
}

ul.social-icons li a[href*="codepen.io"]:hover svg,
.social-menu ul li a[href*="codepen.io"]:hover svg {
    fill: #000;
}

ul.social-icons li a[href*="reddit.com"]:hover svg,
.social-menu ul li a[href*="reddit.com"]:hover svg {
    fill: #ff4500;
}

ul.social-icons li a[href*="mailto:"]:hover svg,
.social-menu ul li a[href*="mailto:"]:hover svg {
    fill: #1d62f0;
}

ul.social-icons li a[href*="foursquare.com"]:hover svg,
.social-menu ul li a[href*="foursquare.com"]:hover svg {
    fill: #f94877;
}

ul.social-icons li a[href*="stumbleupon.com"]:hover svg,
.social-menu ul li a[href*="stumbleupon.com"]:hover svg {
    fill: #eb4924;
}

ul.social-icons li a[href*="twitch.tv"]:hover svg,
.social-menu ul li a[href*="twitch.tv"]:hover svg {
    fill: #6441a5;
}

ul.social-icons li a[href*="tumblr.com"]:hover svg,
.social-menu ul li a[href*="tumblr.com"]:hover svg {
    fill: #32506d;
}

ul.social-icons li a[href*="foursquare.com"]:hover svg,
.social-menu ul li a[href*="foursquare.com"]:hover svg {
    fill: #f94877;
}

ul.social-icons li a[href*="stumbleupon.com"]:hover svg,
.social-menu ul li a[href*="stumbleupon.com"]:hover svg {
    fill: #eb4924;
}

ul.social-icons li a[href*="twitch.tv"]:hover svg,
.social-menu ul li a[href*="twitch.tv"]:hover svg {
    fill: #6441a5;
}

ul.social-icons li a[href*="tumblr.com"]:hover svg,
.social-menu ul li a[href*="tumblr.com"]:hover svg {
    fill: #32506d;
}

ul.social-icons li a[href*="soundcloud.com"]:hover svg,
.social-menu ul li a[href*="soundcloud.com"]:hover svg {
    fill: #ff5500;
}

ul.social-icons li a[href*="wordpress.org"]:hover svg,
.social-menu ul li a[href*="wordpress.org"]:hover svg {
    fill:#45bbe6;
}

ul.social-icons li a[href*="jsfiddle.net"]:hover svg,
.social-menu ul li a[href*="jsfiddle.net"]:hover svg {
    fill:#4679bd;
}

ul.social-icons li a[href*="tripadvisor.com"]:hover svg,
.social-menu ul li a[href*="tripadvisor.com"]:hover svg {
    fill:#86c171;
}

ul.social-icons li a[href*="foursquare.com"]:hover svg,
.social-menu ul li a[href*="foursquare.com"]:hover svg {
    fill:#2d5be3;
}

ul.social-icons li a[href*="angel.co"]:hover svg,
.social-menu ul li a[href*="angel.co"]:hover svg {
    fill:#000;
}

ul.social-icons li a[href*="slack.com"]:hover svg,
.social-menu ul li a[href*="slack.com"]:hover svg {
    fill:#56b68b;
}

/*--------------------------------------------------------------
##                      Font Switcher
--------------------------------------------------------------*/
.header-font-1 .site-title a,
.header-font-1 h1,
.header-font-1 h2,
.header-font-1 h3,
.header-font-1 h4,
.header-font-1 h5 {
    font-family: 'Rajdhani', sans-serif;
 }
 .header-font-2 .site-title a,
.header-font-2 h1,
.header-font-2 h2,
.header-font-2 h3,
.header-font-2 h4,
.header-font-2 h5 {
    font-family: 'Roboto', cursive;
}
.header-font-3 .site-title a,
.header-font-3 h1,
.header-font-3 h2,
.header-font-3 h3,
.header-font-3 h4,
.header-font-3 h5 {
    font-family: 'Philosopher', sans-serif;
}
.header-font-4 .site-title a,
.header-font-4 h1,
.header-font-4 h2,
.header-font-4 h3,
.header-font-4 h4,
.header-font-4 h5 {
    font-family: 'Slabo 27px', sans-serif;
}
.header-font-5 .site-title a,
.header-font-5 h1,
.header-font-5 h2,
.header-font-5 h3,
.header-font-5 h4,
.header-font-5 h5 {
    font-family: 'Dosis', sans-serif;
}
.header-font-6 .site-title a,
.header-font-6 h1,
.header-font-6 h2,
.header-font-6 h3,
.header-font-6 h4,
.header-font-6 h5 {
    font-family: 'Montserrat', sans-serif;
}
.header-font-7 .site-title a,
.header-font-7 h1,
.header-font-7 h2,
.header-font-7 h3,
.header-font-7 h4,
.header-font-7 h5 {
    font-family: 'Josefin Sans', sans-serif;
}
.header-font-8 .site-title a,
.header-font-8 h1,
.header-font-8 h2,
.header-font-8 h3,
.header-font-8 h4,
.header-font-8 h5 {
    font-family: 'Playfair Display', sans-serif;
}

body.body-font-1,
body.body-font-1 .main-navigation ul li a,
body.body-font-1 .wpcf7 input, 
body.body-font-1 .wpcf7 textarea {
    font-family: 'News Cycle', sans-serif;
 }
body.body-font-2,
body.body-font-2 .main-navigation ul li a,
body.body-font-2 .wpcf7 input, 
body.body-font-2 .wpcf7 textarea {
    font-family: 'Pontano Sans', sans-serif;
}
body.body-font-3,
body.body-font-3 .main-navigation ul li a,
body.body-font-3 .wpcf7 input, 
body.body-font-3 .wpcf7 textarea {
    font-family: 'Gudea', sans-serif;
}
body.body-font-4,
body.body-font-4 .main-navigation ul li a,
body.body-font-4 .wpcf7 input, 
body.body-font-4 .wpcf7 textarea {
    font-family: 'Quattrocento', sans-serif;
}
body.body-font-5,
body.body-font-5 .main-navigation ul li a,
body.body-font-5 .wpcf7 input, 
body.body-font-5 .wpcf7 textarea {
    font-family: 'Khand', sans-serif;
}

body.body-font-6,
body.body-font-6 .main-navigation ul li a,
body.body-font-6 .wpcf7 input, 
body.body-font-6 .wpcf7 textarea {
    font-family: 'Lato', sans-serif;
}

/*--------------------------------------------------------------
#                   Footer
--------------------------------------------------------------*/
#colophon {
    background-color: #111;
/*     margin-top: 45px; */
}
.footer-widgets-area {
    padding: 100px 0 60px;
}
.site-info {
    background-color: #111;
    color: #fff;
    padding: 25px 0;
    border-top: 1px solid rgba( 255,255,255,0.1 );
}
.site-info p {
    margin: 0;
    color: #fff;
    line-height: 24px;
}
.site-info a {
    color: #fff;
    font-weight: 400;
}
.site-info a:hover,
.site-info a:focus {
    border-bottom: 1px solid #fff;
}
.site-info #footer-menu li {
    list-style: none;
    float: left;
    margin-right: 15px;
}
.site-info #footer-menu li:last-child {
    margin: 0;
}
.site-footer .widget-title {
    font-size: 18px;
    margin-top: 0;
    font-weight: 500;
    color: #fff;
    margin-bottom: 25px;
}
.footer-widgets-area ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-widgets-area .widget ul li {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}
.footer-widgets-area .widget ul li:last-child {
    margin-bottom: 0;
}
.widget_recent_entries span.post-date {
    display: block;
    font-size: 13px;
}
#colophon article .entry-title a,
#colophon .widget_recent_entries span.post-date {
    color: #aaa;
}
.textwidget {
    line-height: 24px;
}
.textwidget img {
    max-width: 263px;
    display: block;
    margin: 45px 0 28px;
}
.footer-widgets-area li a {
    line-height: 1.75;
}
#colophon .entry-content,
.footer-widgets-area .widget,
.footer-widgets-area a,
.footer-widgets-area p {
    color: #eee;
}
#colophon article .entry-title a:hover,
.footer-widgets-area a:hover {
    color: #fff;
}
/*--------------------------------------------------------------
#                   WOOCOMMERCE
--------------------------------------------------------------*/
.post-type-archive-product #primary {
    padding-top: 0.5em;
}
.woocommerce .products article.product, 
.woocommerce-page .products article.product {
    padding: 0 10px;
    margin: 0 0 1.5em;
}
.woocommerce .woocommerce-ordering select {
    padding: 5px;
    background-color: transparent;
}
.woocommerce .products article.product .onsale {
    margin: 0;
}
.woocommerce .products article.product .star-rating {
    margin: auto auto 5px;
}
.yith-wcwl-add-to-wishlist {
    margin: 0;
}
#yith-quick-view-modal.open, 
#yith-quick-view-modal.open .yith-wcqv-wrapper {
    z-index: 4000;
}
.yith-wcwl-wishlistexistsbrowse a,
.yith-wcwl-wishlistaddedbrowse a,
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button a.add_to_wishlist,
a.st-quick-view div,
.compare-btn .compare {
    font-size: 0px;
    margin-left: 5px;
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
    color: #262626;
    font-size: 18px;
}
.woocommerce .quantity .qty {
    height: 42px;
    border-radius: 50px;
    margin-right: 5px;
}
.woocommerce div.product form.cart .button {
    border-radius: 50px;
    border-color: #f77358;
    background-color: #f77358;
    color: #fff;
    padding: 12px 20px;
}
#yith-quick-view-content div.product div.summary form.cart,
#yith-quick-view-content div.product,
#yith-quick-view-content div.summary,
#yith-quick-view-modal #yith-quick-view-content {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#yith-quick-view-modal.open .yith-wcqv-main,
#yith-quick-view-modal #yith-quick-view-content {
    height: auto;
}
#yith-quick-view-content div.product {
    max-width: 100%;
    padding: 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #262626;
    font-weight: 500;
    font-size: 18px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border: none; 
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-bottom: 1px solid rgba(52, 59, 61, 0.1);
    padding-bottom: 15px;
}
.woocommerce-tabs.wc-tabs-wrapper {
    display: inline-block;
    margin: 45px 0;
    width: 100%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background-color: transparent;
    color: #f77358;
}
.woocommerce div.product .product_title {
    font-size: 34px;
    font-weight: 500;
}
.woocommerce #reviews #comments h2 {
    font-size: 24px;
}
.woocommerce div.product form.cart,
#yith-quick-view-content div.product div.summary form.cart  {
    margin: 20px 0;
}
.compare-btn .compare:before {
    font-family: "fontawesome";
    content:"\f0ec";
    font-weight: 400;
    font-size: 16px;
    padding: 10px;
    width: 40px;
    height: 40px;
    margin: 3px 5px;
    text-align: center;
    background-color: #fff;
    border:1px solid #262626;   
    display: inline-block;
    border-radius: 50px;
}
a.st-quick-view div:before {
    font-family: "fontawesome";
    content:"\f06e";
    font-weight: 400;
    font-size: 16px;
    padding: 10px;
    width: 40px;
    height: 40px;
    margin: 3px 5px;
    text-align: center;
    background-color: #fff;
    border:1px solid #262626;
    display: inline-block;
    border-radius: 50px;
}
.yith-wcwl-wishlistexistsbrowse a.woocommerce-LoopProduct-link ,
.yith-wcwl-wishlistaddedbrowse span.feedback {
    display: none;
}
.yith-wcwl-wishlistexistsbrowse a:before,
.yith-wcwl-wishlistaddedbrowse a:before {
    font-family: "fontawesome";
    content: "\f004";
    font-weight: 400;
    font-size: 16px;
    padding: 10px;
    width: 40px;
    height: 40px;
    margin: 3px 5px;
    text-align: center;
    background-color: #fff;
    border:1px solid #262626;
    display: inline-block;
    border-radius: 50px;
}
.single-product .yith-wcwl-wishlistexistsbrowse span.feedback {
    display: none;
}
.single-product .yith-wcwl-add-to-wishlist {
    float: left;
}
.single-product .summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a.add_to_wishlist:before, 
.single-product .summary .yith-wcwl-wishlistexistsbrowse a:before, 
.single-product .summary .yith-wcwl-wishlistaddedbrowse a:before {
    margin: 0;
    border: none;
    width: 30px;
}
.single-product .summary .yith-wcwl-wishlistexistsbrowse a,
.single-product .summary .yith-wcwl-wishlistaddedbrowse a,
.single-product .summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a.add_to_wishlist {
    margin: 0;
    font-size: 16px;
}
.single-product a.compare.button:before {
    font-family: "fontawesome";
    content:"\f0ec";
    margin-right: 10px;
}
.single-product a.compare.button:hover {
    background-color: transparent;
    color: #262626;
}
.woocommerce.single-product a.compare.button {
    padding: 8px 20px;
    margin-left: 5px;
    border: none;
    font-size: 16px;
    background-color: transparent;
    color: #262626;
}
.single-product .product_meta {
    clear: both;
    margin-top: 20px;
}
.single-product div.product {
    max-width: 900px;
    margin: auto;
}
.single-product .related.products {
    width: 90%;
}
.cart_totals h2,
.single-product .related.products h2 {
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 25px;
    text-transform: capitalize;
}
table.wishlist_table {
    font-size: 16px;
}
.wishlist-items-wrapper td.product-name a.button.yith-wcqv-button {
    float: right;
}
.woocommerce div.product form.cart .variations select {
    padding: 7px;
}
.woocommerce div.product form.cart .variations td.label {
    padding: 12px 0 0 0;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 5px 3px;
}
.woocommerce-product-details__short-description {
    margin: 25px 0;
}
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button a.add_to_wishlist:before {
    font-family: "fontawesome";
    content: "\f08a";
    font-weight: 400;
    font-size: 16px;
    padding: 11px 10px;
    width: 40px;
    height: 40px;
    margin: 3px 5px;
    text-align: center;
    background-color: #fff;
    border:1px solid #262626;
    display: inline-block;
    border-radius: 50px;
}
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button a.add_to_wishlist i.fa {
    display: none;
}
.products article.product {
    text-align: center;
    position: relative;
}
.products article.product .product-icons i.fa {
    margin: 0;
    text-align: center;
    padding-top: 12px;
}
.products article.product .product-icons svg {
    padding: 11px;
}
.featured-product-image span.onsale,
.woocommerce span.onsale {
    min-height: 1.236em;
    min-width: 3.236em;
    font-weight: 500;
    position: absolute;
    text-align: center;
    line-height: 2.236;
    color: #fff;
    font-size: .857em;
    z-index: 9;
    position: absolute;
    background-color: #ea4335;
    margin: 0;
    border-radius: 0;
    padding: 0 10px;
    top: 10px;
    right: 10px;
    left: auto;

}
.featured-product-image {
    position: relative;
    height: auto;
    width: 100%;
    overflow: hidden;
    margin: 0 0 1.5em;
}
.featured-product-image .product-icons {
    position: absolute;
    text-align: left;
    top: 50%;
    left: -100px;
    opacity: 0;
    transform: translateY( -50% );
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.column-wrapper.product:hover .featured-product-image .product-icons {
    opacity: 1;
    left: 0;
}
article.product.column-wrapper .featured-product-image a.button {
    position: absolute;
    bottom: -100px;
    left: 0;
    color: #fff;
    padding: 14px;
    background-color: #262626;
    width: 100%;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
article.product.column-wrapper .featured-product-image a.button:hover {
    background-color: #ea4335;
    border-color: #ea4335;
}
article.product.column-wrapper:hover .featured-product-image a.button {
    bottom: 0;
    opacity: 1;
}
article.product.column-wrapper .featured-product-image a.added_to_cart {
    display: none;
}
.woocommerce .products article.product a img {
    margin: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    transform-origin: center center;
}
.woocommerce .products article.product:hover a img {
    transform: scale(1.05);
}
.woocommerce ul.product_list_widget li img {
    width: 60px;
}
.woocommerce .star-rating span::before {
    color: #ffc107;
}
.woocommerce .products article.product .woocommerce-loop-category__title, 
.woocommerce .products article.product .woocommerce-loop-product__title, 
.woocommerce .products article.product h3 {
    color: #262626;
    display: block;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 5px;
}
.woocommerce .products article.product .woocommerce-loop-category__title:hover, 
.woocommerce .products article.product .woocommerce-loop-product__title:hover, 
.woocommerce .products article.product h3:hover {
    color: #262626;
}
.woocommerce .products article.product .price,
.woocommerce .products article.product .price del,
.woocommerce .products article.product .price ins {
    color: #555;
    font-weight: 400;
    font-size: 15px;
}
.woocommerce .products article.product .price ins {
    background-color: transparent;
    color: #f77358;
    margin-left: 3px;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce .widget_price_filter .price_slider_amount .button {
    font-size: 16px;
    width: auto;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 1.3;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: transparent;
    font-weight: 400;
    color: #fff;
    background-color: #f77358;
    border-radius: 50px;
}
.woocommerce .product a.button {
    border-radius: 0;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce .widget_price_filter .price_slider_amount .button:hover,
.woocommerce .products article.product .button:hover {
    background-color: #262626;
    color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce nav.woocommerce-pagination ul {
    border: none; 
    float: none;
}
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
    border: 1px solid #555;
    border-radius: 50px;
    min-width: 44px;
    height: 44px;
    display: inline-block;
    text-align: center;
    line-height: 26px;
    margin-right: 5px;
    -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;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover {
    color: #262626;
    border-color: #262626;
    background: transparent;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
    color: #fff;
    background: #262626;
}
.woocommerce-pagination svg {
    fill: #262626;
    width: 16px;
    height: 16px;
    position: relative;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #262626;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: #262626;
}
.widget.widget_price_filter .price_slider_wrapper .price_slider_amount .price_label {
    text-align: right;
    float: right;
}
.widget_product_categories .product-categories li,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item {
    text-align: right;
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}
.widget_product_categories .product-categories li a,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a {
    float: left;
}
.widget_product_categories .product-categories li a:before,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:before {
    content: "\f115";
    font-family: 'fontawesome';
    margin-right: 10px;
}
.woocommerce ul.cart_list li a, 
.woocommerce ul.product_list_widget li a {
    font-weight: 400;
    line-height: 1.75;
}
.woocommerce ul.product_list_widget li span.woocommerce-Price-amount {
    font-size: .857em;
}
.widget_product_search form.search-form input {
    border: 1px solid #ccc;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link {
    font-weight: 500;
    margin-bottom: 10px;
    list-style: none;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:before {
    font-family: "fontawesome";
    content: "\f090";
    margin-right: 10px;
}
.woocommerce-info {
    border-top-color: #262626;
}
.woocommerce-info::before {
    color: #262626;
}
.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message {
    font-weight: 500;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th {
    font-weight: 500;
}
.select2-container--default .select2-selection--single {
    border-radius: 0;
}
#add_payment_method table.cart td.actions .coupon .input-text, 
.woocommerce-cart table.cart td.actions .coupon .input-text, 
.woocommerce-checkout table.cart td.actions .coupon .input-text,
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
    padding: 8px;
    font-weight: 400;
}

#yith-quick-view-modal .yith-wcqv-main {
    box-shadow: none;
}
#yith-quick-view-modal.open .woocommerce-product-gallery figure .woocommerce-product-gallery__image {
    height: 100%;
}
/*--------------------------------------------------------------
#                   RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width:567px){
    .column-6 article,
    .column-5 article,
    .column-4 article,
    .column-3 article,
    .column-2 article,
    .column-6 .column-wrapper,
    .column-5 .column-wrapper{
        width: 50%;
        float: left;
    }
    .column-4 .column-wrapper,
    .column-3 .column-wrapper,
    .column-2 .column-wrapper,
    .column-1 .column-wrapper {
        width:100%;
    }
    /* cleraing all */
    .column-6 article:nth-child(2n+1),
    .column-5 article:nth-child(2n+1),
    .column-4 article:nth-child(2n+1),
    .column-3 article:nth-child(2n+1),
    .column-2 article:nth-child(2n+1),
    .column-6 .column-wrapper:nth-child(2n+1),
    .column-5 .column-wrapper:nth-child(2n+1){
        clear: left;
    }
}

@media screen and (min-width:767px){
    .column-6 article,
    .column-5 article,
    .column-4 article,
    .column-2 article,
    .column-6 .column-wrapper,
    .column-5 .column-wrapper,
    .column-4 .column-wrapper,
    .column-2 .column-wrapper{
        width: 50%;
        float: left;
    }
    .column-3 article,
    .column-3 .column-wrapper {
        width: 33.33%;
        float: left;
    }
    .column-1 article,
    .column-1 .column-wrapper {
        width:100%;
    }
    /* clearing begining */
    .column-6 article:nth-child(2n+1),
    .column-5 article:nth-child(2n+1),
    .column-4 article:nth-child(2n+1),
    .column-3 article:nth-child(2n+1),
    .column-2 article:nth-child(2n+1),
    .column-6 .column-wrapper:nth-child(2n+1),
    .column-5 .column-wrapper:nth-child(2n+1){
        clear: none;
    }
    /* clearing all */
    .column-6 article:nth-child(2n+1),
    .column-5 article:nth-child(2n+1),
    .column-4 article:nth-child(2n+1),
    .column-3 article:nth-child(3n+1),
    .column-2 article:nth-child(2n+1),
    .column-6 .column-wrapper:nth-child(2n+1),
    .column-5 .column-wrapper:nth-child(2n+1),
    .column-4 .column-wrapper:nth-child(2n+1),
    .column-3 .column-wrapper:nth-child(3n+1),
    .column-2 .column-wrapper:nth-child(2n+1){
        clear: left;
    }
    #search,
    #top-menu svg.dropdown-icon {
        display: none;
    }
    #search.search-open {
        display: block;
        position: absolute;
        right: 0;
        left: auto;
        top: 100%;
        z-index: 9999;
        background-color: #fff;
        margin-top: 10px;
        padding: 20px;
    }
    #introduction .featured-image, #introduction .post-wrapper.has-featured-image .entry-container {
        width: 50%;
    }
    #introduction .post-wrapper.no-featured-image {
        display: block;
    }
    #introduction .post-wrapper.no-featured-image .entry-container {
        max-width: 900px;
        margin: 0;
        padding: 0;
    }
    .copyright {
        float: left;
    }
    .powered-by {
        float: right;
    }
    #colophon .column-wrapper {
        padding-right: 25px;
        padding-bottom: 30px;
    }
}

@media screen and (min-width:992px){
    .column-6 article,
    .column-6 .column-wrapper {
        width: 16.66%;
        float: left;
    }
    .column-5 article,
    .column-5 .column-wrapper {
        width: 20%;
        float: left;
    }
    .column-4 article,
    .column-4 .column-wrapper {
        width: 25%;
        float: left;
    }
    .column-3 article,
    .column-3 .column-wrapper {
        width: 33.33%;
        float: left;
    }
    .column-2 article,
    .column-2 .column-wrapper {
        width: 50%;
        float: left;
    }
    .column-1 article,
    .column-1 .column-wrapper {
        width:100%;
    }
        /* clearing begining */
    .column-6 article:nth-child(2n+1),
    .column-5 article:nth-child(2n+1),
    .column-4 article:nth-child(2n+1),
    .column-3 article:nth-child(3n+1),
    .column-2 article:nth-child(2n+1),
    .column-6 .column-wrapper:nth-child(2n+1),
    .column-5 .column-wrapper:nth-child(2n+1),
    .column-4 .column-wrapper:nth-child(2n+1),
    .column-3 .column-wrapper:nth-child(3n+1),
    .column-2 .column-wrapper:nth-child(2n+1){
        clear: none;
    }
    /* clearing all */
    .column-6 article:nth-child(6n+1),
    .column-5 article:nth-child(5n+1),
    .column-4 article:nth-child(4n+1),
    .column-3 article:nth-child(3n+1),
    .column-2 article:nth-child(2n+1),
    .column-6 .column-wrapper:nth-child(6n+1),
    .column-5 .column-wrapper:nth-child(5n+1),
    .column-4 .column-wrapper:nth-child(4n+1),
    .column-3 .column-wrapper:nth-child(3n+1),
    .column-2 .column-wrapper:nth-child(2n+1){
        clear: left;
    }
    .right-sidebar #primary {
        width: 70%;
        float: left;
    }
    .right-sidebar #secondary {
        width: 30%;
        float: right;
    }
    .right-sidebar #primary {
        padding-right: 15px;
    }
    .right-sidebar #secondary {
        padding-left: 15px;
    }
    .left-sidebar #secondary {
        width: 30%;
        float: left;
        padding-right: 15px;
        padding-left: 0;
    }
    .left-sidebar #primary {
        width: 70%;
        float: right;
        padding-left: 15px;
    }
    .comment-form-author, .comment-form-email, .comment-form-url {
        width: 33.33%;
        float: left;
        padding: 0 2px;
        margin-top: 0;
    }
}

@media screen and (min-width: 1024px){
    #masthead.center-align .wrapper {
        width: 100%;
        max-width: 100%;
    }
    #masthead.center-align .site-branding {
        flex-direction: column;
    }
    #masthead.center-align .site-branding img.custom-logo {
        max-height: 100px;
    }
    #masthead .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #masthead.left-align .container,
    #masthead.left-absolute .container {
        flex-direction: row;
    }
    #masthead.left-align .container .site-branding,
    #masthead.left-absolute .container .site-branding {
        width: 30%;
        padding: 0;
    }
    #masthead.left-align .container .main-navigation,
    #masthead.left-absolute .container .main-navigation {
        width: 70%;
        justify-content: flex-end;
        border: none; 
    }
    #masthead.site-header.sticky-header.nav-shrink.left-absolute .main-navigation ul.nav-menu > li.highlight > a {
        color: #fff;
    }
    #masthead.site-header.sticky-header.nav-shrink.left-absolute .main-navigation ul.nav-menu > li > a {
        color: #262626;
    }
    #masthead.site-header.sticky-header.nav-shrink.left-absolute .main-navigation ul.nav-menu li.current-menu-item > a {
        color: #f77358;
    }
    #masthead.site-header.sticky-header.nav-shrink.left-absolute .main-navigation ul.nav-menu > li.highlight.menu-item-has-children svg {
        fill: #fff;
    }
    #masthead.left-align .main-navigation ul.nav-menu > li,
    #masthead.left-align .container .btn-right,
    #masthead.left-absolute .main-navigation ul.nav-menu > li,
    #masthead.left-absolute .container .btn-right {
        padding: 40px 16px;
    }
    #masthead.site-header.sticky-header.nav-shrink.left-align .main-navigation ul.nav-menu > li > a,
    #masthead.site-header.sticky-header.nav-shrink.left-align .container .btn-right,
    #masthead.site-header.sticky-header.nav-shrink.left-absolute .main-navigation ul.nav-menu > li > a,
    #masthead.site-header.sticky-header.nav-shrink.left-absolute .container .btn-right {
        padding: 20px 16px;
    }
    #masthead.site-header.sticky-header.nav-shrink.left-align .container .main-navigation,
    #masthead.site-header.sticky-header.nav-shrink.left-absolute .container .main-navigation {
        width: 100%;
        justify-content: center;
    }
    #masthead.left-align .container .site-branding .site-details,
    #masthead.left-absolute .container .site-branding .site-details {
        justify-content: flex-start;
        align-items: flex-start;
    }
    #masthead.left-align .container .site-branding .site-details .site-title a,
    #masthead.left-absolute .container .site-branding .site-details .site-title a {
        font-size: 2rem;
    }
    #masthead.left-align .main-navigation ul.nav-menu li.st-mega-menu:hover > ul, 
    #masthead.left-absolute .main-navigation ul.nav-menu li.st-mega-menu:hover > ul, 
    #masthead.left-align .main-navigation ul.nav-menu li.st-mega-menu.focus > ul,
    #masthead.left-absolute .main-navigation ul.nav-menu li.st-mega-menu.focus > ul {
        left: auto;
        transform: translateX(0);
    }
    #masthead.site-header.sticky-header.nav-shrink.left-align .main-navigation ul.nav-menu li.st-mega-menu:hover > ul, 
    #masthead.site-header.sticky-header.nav-shrink.left-absolute .main-navigation ul.nav-menu li.st-mega-menu:hover > ul, 
    #masthead.site-header.sticky-header.nav-shrink.left-align .main-navigation ul.nav-menu li.st-mega-menu.focus > ul,
    #masthead.site-header.sticky-header.nav-shrink.left-absolute .main-navigation ul.nav-menu li.st-mega-menu.focus > ul {
        left: 50%;
        transform: translateX(-50%);
    }
    #masthead.left-align .main-navigation ul li:hover > ul, 
    #masthead.left-absolute .main-navigation ul li:hover > ul, 
    #masthead.left-align .main-navigation ul li.focus > ul,
    #masthead.left-absolute .main-navigation ul li.focus > ul {
        right: 0;
        left: auto;
    }
    #masthead.site-header.sticky-header.nav-shrink.left-align .main-navigation ul li:hover > ul, 
    #masthead.site-header.sticky-header.nav-shrink.left-absolute .main-navigation ul li:hover > ul, 
    #masthead.site-header.sticky-header.nav-shrink.left-align .main-navigation ul li.focus > ul,
    #masthead.site-header.sticky-header.nav-shrink.left-absolute .main-navigation ul li.focus > ul {
        right: auto;
    }
    #masthead.left-absolute {
        position: absolute;
        border: none;
        background: linear-gradient(rgba(255,255,255,0.1), transparent);
        box-shadow: none;
    }
    .site-branding {
        height: auto;
        padding: 50px 0 40px;
    }
    #masthead.site-header.sticky-header.nav-shrink .site-title a,
    .site-title a {
        font-size: 2.56rem;
    }
    .site-branding .site-details {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .menu-toggle {
        display: none;
    }
    .main-navigation {
        border-top: 1px solid rgba(0,0,0,0.1);
        text-align: center;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .main-navigation ul {
        display: block;
    }
    .main-navigation ul.nav-menu {
        display: block !important;
    }
    .main-navigation li {
        display: inline-block;
    }
    .main-navigation ul.sub-menu li a svg {
        float: right;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    #masthead.left-align .main-navigation ul.sub-menu li a svg,
    #masthead.left-absolute .main-navigation ul.sub-menu li a svg {
        float: right;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .main-navigation ul.nav-menu > li.highlight {
        color: #fff;
        background-color: #f77358; 
        padding:  20px;
    }
    .main-navigation ul.nav-menu > li.highlight > a {
        color: #fff;
    }
    .main-navigation ul.nav-menu > li.highlight > a > svg {
        fill: #fff;
        margin-left: 15px;
    }
    button.dropdown-toggle {
        display: none;
    }
    .main-navigation ul li:hover > ul, 
    .main-navigation ul li.focus > ul {
        left: 0;
    }
    .main-navigation ul.sub-menu li > a {
        -webkit-transition: all .3s ease-in;
        -moz-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        -ms-transition: all .3s ease-in;
        transition: all .3s ease-in;
    }
    .main-navigation ul.nav-menu > li.highlight:before {
        margin-right: 15px;
    }
    .main-navigation ul.nav-menu > li.highlight:hover > a svg, 
    .main-navigation ul.nav-menu > li.highlight:focus > a svg {
        fill: #fff;
    }
    .main-navigation ul.nav-menu > li.highlight:hover:before, 
    .main-navigation ul.nav-menu > li.highlight:focus:before {
        color: #fff;
    }
    .main-navigation ul.sub-menu li:hover > a, 
    .main-navigation ul.sub-menu li:focus > a {
        color: #f77358;
    }    
    .main-navigation ul ul li:hover > ul, 
    .main-navigation ul ul li.focus > ul {
        left: auto;
        right: -100%;
        width: 100%;
        top: -10px;
    }
    #masthead.left-align .main-navigation ul ul li:hover > ul, 
    #masthead.left-absolute .main-navigation ul ul li:hover > ul, 
    #masthead.left-align .main-navigation ul ul li.focus > ul,
    #masthead.left-absolute .main-navigation ul ul li.focus > ul {
        right: 100%;
        left: auto;
    }
    #masthead.left-align .main-navigation ul.nav-menu li.st-mega-menu ul li:hover > ul, 
    #masthead.left-absolute .main-navigation ul.nav-menu li.st-mega-menu ul li:hover > ul, 
    #masthead.left-align .main-navigation ul.nav-menu li.st-mega-menu ul li.focus > ul,
    #masthead.left-absolute .main-navigation ul.nav-menu li.st-mega-menu ul li.focus > ul {
        right: 0;
        left: auto;
    }
    .main-navigation ul.nav-menu li.search-wrapper {
        display: none;
    }
    .main-navigation ul.nav-menu li.st-mega-menu > ul {
        display: flex;
        flex-direction: row;
    }
    .main-navigation ul.nav-menu li.st-mega-menu:hover > ul,
    .main-navigation ul.nav-menu li.st-mega-menu.focus > ul {
        left: 50%;
        transform: translateX(-50%);
    }
    .main-navigation ul.nav-menu li.st-mega-menu > ul ul {
        position: relative;
        left: auto;
        border: none;
        display: flex;
        flex-direction: column;
        padding: 0 0 10px;
    }
    .main-navigation ul.nav-menu li.st-mega-menu > ul ul li a {
        font-size: 15px;
        padding: 10px 15px;
    }
    .main-navigation ul.nav-menu li.st-mega-menu > ul > li {
        padding-left: 15px;
    }
    .main-navigation ul.nav-menu li.st-mega-menu > ul > li:not(:first-child) {
        border-left: 1px solid rgba(52, 59, 61, 0.1);
    }
    .main-navigation ul.nav-menu li.st-mega-menu > ul ul li a:hover,
    .main-navigation ul.nav-menu li.st-mega-menu > ul ul li a:focus {
        padding-left:17px;
    }
    .main-navigation ul.nav-menu li.st-mega-menu > ul li svg.icon {
        display: none;
    }
    .main-navigation ul li.st-mega-menu ul li:hover > ul, 
    .main-navigation ul li.st-mega-menu ul li.focus > ul {
        left: auto;
        right: auto;
        width: 100%;
        top: 0;
    }
    .main-navigation ul.nav-menu ul li.st-mega-menu:hover > ul, 
    .main-navigation ul.nav-menu ul li.st-mega-menu.focus > ul  {
        left: 100%;
        right: auto;
        width: auto;
        transform: translateX(0);
    }
    #masthead.left-absolute .main-navigation ul.nav-menu ul li.st-mega-menu:hover > ul, 
    #masthead.left-absolute .main-navigation ul.nav-menu ul li.st-mega-menu.focus > ul, 
    #masthead.left-align .main-navigation ul.nav-menu ul li.st-mega-menu:hover > ul, 
    #masthead.left-align .main-navigation ul.nav-menu ul li.st-mega-menu.focus > ul  {
        left: auto;
        right: 100%;
        width: auto;
        transform: translateX(0);
    }
    .main-navigation ul.nav-menu ul li.st-mega-menu ul li:hover > ul, 
    .main-navigation ul.nav-menu ul li.st-mega-menu ul li.focus > ul {
        top: 0;
    }
    #masthead.site-header.sticky-header.nav-shrink .site-branding {
        display: none;
    }
    .left-absolute .inner-header-image {
        height: 800px;
    }
    .custom-header-content.left-align-left {
        margin-left: 0;
        text-align: left;
    }
    .custom-header-content.left-align-center {
        margin-left: 0;
        text-align: center;
    }
    .custom-header-content.right-align-right {
        margin-left: auto;
        margin-right: 0;
        text-align: right;
    }
    .custom-header-content.right-align-left {
        margin-left: auto;
        margin-right: 0;
        text-align: left;
    }
    .custom-header-content.right-align-center {
        margin-left: auto;
        margin-right: 0;
        text-align: center;
    }
    .custom-header-content.center-align {
        margin: auto;
    }
}

@media screen and (min-width: 1900px) {
    .custom-header-content h2 a {
        font-size: 86px;
        font-weight: 600;
    }
    .hero-content-section .wrapper-content,
    .wrapper {
        max-width: 1500px;
    }
    .category-section .featured-image img {
        height: 500px;
    }
}

@media screen and (max-width: 1023px) {
    .main-navigation .menu-item-has-children a svg {
        display: none;
    }
    .main-navigation .menu-item-has-children > a:before {
        content: "";
        float: right;
        position: relative;
        right: 25px;
        background-color: #262626;
        width: 2px;
        height: 25px;
    }
    .main-navigation ul.nav-menu > li:before {
        display: none;
    }
    .main-navigation ul.nav-menu > li  {
        display: block;
        padding: 0;
    }
    .main-navigation.toggle-on {
        padding: 0;
        background-color: #fff;
        width: 100%;
        max-width: 100%;
    }
    .main-navigation {
        top: 100%;
        left: 0;
        width: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        border-top: 1px solid #eaeaea;
        background: #fff;
    }
    #masthead.site-header .container .btn-right {
        display: none;
    }
    .pull-right{
        float: none;
    }
    .main-navigation ul {
        padding: 0;
    }
    .main-navigation ul.nav-menu > li > a {
        padding: 15px 20px;
        font-size: 16px;
        display: inline-block;
        width: 100%;
        height: 45px;
    }
    .main-navigation li {
        text-align: left;
    }
    .main-navigation ul.sub-menu li {
        padding-right: 0;
        width: 100%;
    }
    .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 ul a {
        width: 100%;
    }
    .main-navigation ul.nav-menu {
        margin-right: 0;
        margin-bottom: 25px;
    }
    .main-navigation a {
        border-bottom: 1px solid rgba(52, 59, 61, 0.1);
    }
    .main-navigation ul.sub-menu li a {
        padding: 10px 20px;
        color: #40434a;
        border-bottom: 1px solid rgba(52, 59, 61, 0.1);
        background-color: #f9f9f9;
    }
    .main-navigation ul.sub-menu {
        border: none;
        padding: 0;
    }
    .search .inner-header-image .custom-header-content, 
    .archive .inner-header-image .custom-header-content, 
    .blog .inner-header-image .custom-header-content {
        flex-direction: column;
        text-align: center;
    }
}

@media screen and (max-width: 991px) {
    .inner-header-image {
        margin-bottom: 0;
    }
    .widget_media_gallery .gallery-item {
        width: auto;
    }
    #secondary {
        clear: both;
        margin-top: 20px;
    }
}

@media screen and (max-width: 766px) {
    #masthead.site-header .container .head-right.btn-right {
        display: none;
    }
    .secondary-menu {
        float: none;
        margin-bottom: 15px;
    }
    #top-search {
        margin: 0;
    }
    #top-menu .wrapper {
        display: none;
        padding-top: 30px;
        padding-bottom: 15px;
    }
    #top-menu .secondary-menu ul li {
        float: none;
        text-align: center;
        line-height: 40px;
    }
    #top-menu .social-menu ul li {
        float: none;
        display: inline-block;
    }
    #top-menu .social-menu {
        float: none;
        text-align: center;
    }
    #top-menu .social-menu .search {
        display: none;
    }
    .secondary-menu ul li:not(:last-child):after {
        margin: 0;
    }
    #search {
        display: inline-block;
        float: none;
        margin: 0 auto 15px;
        width: 250px;
    }
    .custom-header-content {
        max-width: 85%;
    }
    .inner-header-image {
        height: 400px;
    }
    .inner-header-image .custom-header-content h2 {
        font-size: 36px;
    }
    #introduction.left-align .post-wrapper{
        flex-direction: column;
    }
    #introduction.left-align .entry-container {
        padding-left: 0;
    }
    .counter-section .wrapper .section-content .counter-items,
    .counter-section .wrapper .counter-container{
        width: 100%;
    }
    .powered-by ul#footer-menu {
        padding-left: 0;
    }
    #colophon .column-wrapper{
        margin-bottom: 30px;
    }
    .short-cta-section .wrapper-content {
        flex-direction: column;
    }
    .short-cta-section .section-header {
        width: 100%;
    }
    .short-cta-section .section-header .section-title {
        text-align: center;
    }
    #introduction {
        padding-bottom: 60px;
    }
    .client-section-disabled #introduction {
        padding-top: 60px;
    }
    .page-section {
       padding: 25px 0;
    }
    .testimonial-section {
        padding: 70px;
    }
    .cta-section,
    .testimonial-section,
    .hero-content-section {
        margin: 25px auto;
    }
    .section-title {
        font-size: 32px;
    }
    .case-studies.left-align article {
        width: 100%;
    }
    .archive .inner-header-image, 
    .search .inner-header-image, 
    .blog .inner-header-image {
        min-height: 400px;
    }
}

@media screen and (max-width:566px){
    .column-6 article,
    .column-5 article,
    .column-4 article,
    .column-3 article,
    .column-2 article,
    .column-1 article,
    .column-6 .column-wrapper,
    .column-5 .column-wrapper,
    .column-4 .column-wrapper,
    .column-3 .column-wrapper,
    .column-1 .column-wrapper
    .column-1 .column-wrapper{
        clear: both;
        width: 100%;
    }
    .our-services .grid .grid-item:nth-child(3), 
    .our-services .grid .grid-item:nth-child(6) {
        width: 100%;
    }
    .custom-header-content p {
        display: none;
    }
    .custom-header-content h2{
        line-height: 1.1;
        margin-bottom: 27px;
    }
    .custom-header-content h2 a {
        font-size: 30px;
    }
    .custom-header-content-wrapper img {
        object-fit: cover;
        min-height: 400px;
    }
    .custom-header-content .read-more:nth-child(1), .custom-header-content .read-more:nth-child(2) {
        padding: .6em 1.1em;
        display: inline;
    }
    #introduction {
        padding-bottom: 40px;
    }
    .client-section-disabled #introduction {
        padding-top: 40px;
    }
    .testimonial-slider .slick-dots {
        bottom: -20px;
    }
    .featured-tab ul.tab-header li {
        margin-bottom: 20px;
    }
}