/*
Theme Name: Whole
Theme URI: https://themepalace.com/downloads/whole/
Author: Theme Palace
Author URI: https://themepalace.com
Description: Whole is a multipurpose WordPress theme to provide all the necessary features you need to promote and run your business online. It is a modern business theme suitable for small and large business ventures, professional portfolios, personal or corporate blog websites. The design is retina-ready with an eye-catching design. It is designed to convey needed information to the viewer without hampering the attractiveness of the site. It is packed with powerful customization features. You need absolutely no coding knowledge to achieve a personalized and professional website of your own. You can import the premade demo with one click and quickly start building a website.
Requires at least: 5.0
Version: 1.0.3
Requires PHP: 5.6
Tested up to: 6.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: whole
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, editor-style, right-sidebar, full-width-template, two-columns,  grid-layout, custom-colors, custom-header, custom-logo, featured-image-header, blog, portfolio, entertainment

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.

Whole is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Preloader
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Layouts and Titles
# Media
	## Captions
	## Galleries
# Social Icons
# Breadcrumb List
# Homepage Sections
	## Featured Slider
	## About Us Section

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

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

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

.loader-container svg {
	width: 70px;
	height: 70px;
	fill: #818181;
	-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;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.blog-loader {
    text-align: center;
    margin-top: 50px;
}
.blog-loader svg {
    width: 30px;
    height: 30px;
}
#LBloadmore svg.latest-posts-loader,
.blog-loader svg {
    margin-left: 15px;
    animation: infinitepreloader 1.5s  infinite ease-in-out;
}
@keyframes infinitepreloader {
	100%{transform: rotate(180deg);}
}

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

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

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

.backtotop {
    background-color: #818181;
    z-index: 300;
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    position: fixed;
    bottom: -100px;
    right: 25px;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    color: #fff;
}
.backtotop:hover {
	background-color: #333;
}
.backtotop svg {
    display: inline-block;
    vertical-align: middle;
    fill: #fff;
}

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

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

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

#page {
    position: relative;
}

#content {
    position: relative;
}

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;
    color: #1A1C20;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 52px;
}

h2 {
	font-size: 42px;
}

h3 {
	font-size: 26px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	color: #1A1C20;
	margin: 16px 0;
	line-height: 1.4;
	font-weight: 400;
}

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

figure {
	margin: 1em 40px;
}

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

pre {
	overflow: auto;
}

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

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

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

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

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

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

th {
	color: #fff;
}

td#next {
    text-align: right;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #6E6E6E;
	font-size: 16px;
	font-size: 1rem;
	line-height: 28px;
    word-wrap: break-word;
}
p {
	margin: 0 0 1em;
	font-family: 'Open Sans', sans-serif;
}
dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

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

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

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

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

big {
	font-size: 125%;
}

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

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

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
	overflow-x: hidden; 
}
blockquote {
    padding: 21px 25px;
    margin: 30px 0;
    font-size: 22px;
    line-height: 1.5;
}
blockquote.alignright {
    padding-right: 0;
    margin-bottom: 14px;
}
blockquote p:before,
blockquote p:after {
    content: "“";
    display: inline-block;
}
blockquote p:after {
    content: "”";
}
blockquote p {
    margin: 0;
}

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: 0.5em;
}

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

dd {
	margin: 0 1.5em 1.5em;
}

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

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

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	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 {
	width: 100%;
	color: #666;
	border: 1px solid #EBEBEB;
	border-radius: 0;
	padding: 15px 30px;
	background-color: transparent;
	font-size: 18px;
}

select {
	border: 1px solid #EBEBEB;
}

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

textarea {
    width: 100%;
    outline: 0;
    max-height: 180px;
}
p.form-submit {
    clear: both;
    display: inline-block;
    position: relative;
}
.comment-notes {
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px;
}
#respond label {
    margin-bottom: 11px;
    display: inline-block;
}
#commentform p {    
    margin-bottom: 30px;
}
#commentform p.comment-form-comment {
    margin-bottom: 0;
}
#commentform p.form-submit {
	margin: 21px 0 0;
	text-align: center;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #1A1C20;
	text-decoration: underline;
}

a:hover,
a:focus,
a:active {
	color: #818181;
}
.entry-title a,
.site-title a,
.cat-links a,
.tag-links a,
.btn,
.posted-on a,
.testimonial-name a {
	text-decoration: none;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 3000;
    background-color: transparent;
    -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 .social-icons {
    margin: 10px 0 0;
}
.site-branding-container {
    position: relative;
}
.site-branding-container .wrapper {
    position: relative;
    z-index: 1;
}
.site-branding {
    text-align: center;
}
.site-branding + .site-advertisement {
    margin-top: 20px;
}
/*.site-branding-wrapper {
    padding: 40px 0;
}*/
#top-navigation .site-branding-wrapper {
	display: none;
}
.site-logo + #site-identity {
    margin-top: 15px;
}
.site-logo {
    margin-right: 20px;
}
.site-logo {
    max-height: 60px;
    width: auto;
}
.site-title {
    margin: 0;
    line-height: 1.3;
    font-family: 'Libre Baskerville', serif;
    font-size: 32px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.site-title a {
    color: #1A1C20;
}
.site-title a:hover,
.site-title a:focus {
	opacity: 0.8;
}
.site-description {
    margin: 0;
    line-height: 1.3;
    color: #1A1C20;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: 'Open Sans', sans-serif;
}
.main-navigation {
	display: block;
    position: relative;
}
#site-navigation a {
	font-weight: 400;
    display: block;
    text-decoration: none;
    color: #1A1C20;
    position: relative;
    font-family: 'Merriweather', serif;
    text-transform: uppercase;
}
#top-navigation .main-navigation .nav-menu li a svg {
	margin-right: 15px;
	fill: #1A1C20;
}
#top-navigation.topbar-two .main-navigation .nav-menu .social-icons a:hover svg,
#top-navigation.topbar-two .main-navigation .nav-menu .social-icons a:focus svg {
	fill: #fff;
}
#top-navigation.topbar-two .main-navigation .nav-menu li a svg {
	margin-right: 0;
}
.main-navigation ul.nav-menu li.current-menu-item > a {
	font-weight: 500;
}
.main-navigation ul.nav-menu li.current-menu-item > a,
.main-navigation ul.nav-menu li:hover > a {
    color: #818181;
}
.main-navigation ul.nav-menu li:hover > svg,
.main-navigation li.menu-item-has-children:hover > a > svg,
.main-navigation li.menu-item-has-children > a:hover > svg,
.main-navigation ul.nav-menu > li.current-menu-item > a > svg {
    fill: #818181;
}
.main-navigation ul ul {
    background-color: #fff;
    text-align: left;
    padding: 0;
}
.main-navigation ul.sub-menu li a {
    padding: 8px 15px;
    color: #333;
    border-bottom: 1px solid #eee;
    text-transform: capitalize !important;
}
.main-navigation ul.sub-menu a:after {
	float: right;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation .social-menu-item ul {
    display: block;
    border: none;
}
.main-navigation .social-menu-item ul li a {
	width: 40px;
    border: 1px solid #d6d6d6;
}
.main-navigation .social-menu-item ul li a:hover,
.main-navigation .social-menu-item ul li a:focus {
	opacity: 0.8;
}
.main-navigation .social-menu-item .social-icons {
    margin: 0;
    padding: 20px 15px 20px 25px;
}
.main-navigation + .social-icons {
	display: none;
}
.main-navigation li {
	position: relative;
}
.main-navigation ul.nav-menu > li > a {
    padding: 18px 12px;
    color: #1A1C20;
}
.main-navigation ul.nav-menu > li > a.search:hover svg.icon-search,
.main-navigation ul.nav-menu > li > a.search:focus svg.icon-search,
.main-navigation li.search-menu a:hover svg,
.main-navigation li.search-menu a:focus svg,
.main-navigation li.search-menu a.search-active svg {
	fill: #818181;
}
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation ul.nav-menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:focus {
    color: #818181;
}
.main-navigation a {
    font-weight: 600;
	display: block;
    text-decoration: none;
	color: #1A1C20;
}
.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul a {
	width: 225px;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
	color: #333;
}
form.search-form {
    width: 100%;
    max-width: 100%;
    position: relative;
}
/*.main-navigation form.search-form {
    min-width: 320px;
}
*/#masthead .home-icon > a svg.icon-home {
    width: 24px;
    height: 24px;
    margin-top: -3px;
}
input.search-field {
    height: 50px;
    border-radius: 0;
    padding: 0 50px 0 15px;
    width: 100%;
}
.main-navigation svg.icon-close,
#masthead.header-three .main-navigation svg.icon-close {
    display: none;
}
#search.hidden-small form.search-form {
    position: absolute;
    left: 0;
    right: 0;
}
svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.search-menu svg.icon-search {
    fill: #1A1C20;
}
svg.icon-search,
svg.icon-close {
    width: 15px;
    height: 15px;
    fill: #fff;
}
svg.icon-close {
    width: 20px;
    height: 20px;
}
.search-submit svg.icon-search {
    fill: #adadad;
    opacity: 1;
}
.main-navigation svg.icon-down {
    width: 14px;
    height: 14px;
    margin-left: 5px;
    fill: #1A1C20;
}
.main-navigation .sub-menu svg {
    width: 12px;
    height: 12px;
    fill: #1A1C20;
    position: absolute;
    right: 15px;
    top: 17px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
#site-menu #search {
    display: none;
}
#search-menu {
	display: none;
}
#search-menu .icon-close,
#search-menu.active .icon-search,
.search-menu .icon-close,
.search-menu.active .icon-search {
    display: none;
}
#search-menu.active .icon-close,
.search-menu.active .icon-close {
	display: inline-block;
}
#search-menu button .icon-search,
.search-menu button .icon-search,
#search-menu.active button .icon-search,
.search-menu.active button .icon-search {
	display: inline-block;
}
#search-menu input[type="search"] {
	padding-left: 40px;
    border-radius: 4px;
    min-height: 40px;
    height: auto;
    background-color: #efefef;
    border-color: #efefef;
    padding: 5px 15px 0px 40px;
}
#search-menu form.search-form button.search-submit {
	min-height: 40px;
	height: auto;
}
.menu-toggle {
    border-radius: 0;
    min-height: 50px;
    line-height: 50px;
    display: block;
    position: relative;
    background-color: #171616;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 1111;
}
.menu-toggle:hover,
.menu-toggle:focus {
	background-color: #818181;
}
.header-two .menu-toggle,
.header-three .menu-toggle {
	float: right;
    width: unset;
}
.secondary-menu-toggle {
	position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}
.secondary-menu-toggle svg {
    width: 20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
}
.secondary-menu-toggle svg.icon-close {
    display: none;
    fill: #1A1C20;
    width: 16px;
    height: 16px;
}
.secondary-menu-toggle.active svg.icon-menu-bar {
	display: none;
}
.secondary-menu-toggle.active svg.icon-close {
	display: block;
}
#site-menu .menu-toggle.active svg {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.menu-label {
    text-transform: uppercase;
    color: #fff;
    padding: 3px 0 0 10px;
    font-weight: bold;
}
#top-navigation .main-navigation:before, div#top-navigation .main-navigation:after {
    content: "";
    display: table;
    clear: both;
}
#top-navigation .main-navigation li {
    color: #fff;
}
#top-navigation.topbar-two .main-navigation li {
	display: inline-block;
	color: #1A1C20;
}
ul.login-register > li:not(:last-child) {
    border-right: 1px solid rgba(1, 1, 1, 0.20);
    padding-right: 20px;
    margin-right: 15px;
}
ul.login-register li svg {
    margin-right: 10px;
}
ul.login-register li.cart-count svg {
    margin-left: 10px;
    margin-right: 0;
}
ul.login-register li a:hover svg, 
ul.login-register li a:focus svg {
    fill: #818181;
}
#top-navigation .main-navigation ul.nav-menu > li > a {
    text-transform: none;
}
#top-navigation.topbar-two .main-navigation ul ul {
	float: none;
	position: unset;
	background-color: unset;
	border: unset;
}
#top-navigation.topbar-two .main-navigation ul ul li a {
	width: 30px;
}
svg.icon-user {
    margin-right: 5px;
    vertical-align: middle;
}
#top-navigation .menu-label {
    color: #fff;
}
#top-navigation .menu-toggle svg {
	fill: #fff;
}
.main-navigation form.search-form button.search-submit:focus {
	outline: thin dotted #fff;
}
svg.icon-menu {
    fill: #fff;
    vertical-align: baseline;
    width: 30px;
    height: 30px;
}
svg.icon-close,
.menu-toggle.active svg.icon-menu {
    display: none;
}
.menu-toggle.active svg.icon-close {
	display: block;
}
button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    height: 57px;
    line-height: 62px;
}
.main-navigation .dropdown-toggle.active > svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.menu-overlay {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.menu-overlay.active {
    background-color: #1A1C20;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 3;
}
.header-two .site-branding,
.header-three .site-branding {
    float: left;
    padding: 20px 0;
    display: flex;
    /*align-items: center;*/
    min-height: 100px;
    -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;
}
.header-two .main-navigation form.search-form,
.header-three .main-navigation form.search-form {
    min-width: 320px;
}
.header-three .main-navigation .social-icons ul {
    position: relative;
    float: none;
    left: auto;
    background-color: transparent;
    z-index: 1;
    display: inline-block;
    top: auto;
    box-shadow: unset;
}
.header-three .social-icons li {
    display: inline-block;
    height: auto;
    text-align: center;
    position: relative;
    list-style: none;
}
.header-three .main-navigation .social-icons ul li a {
    width: 40px;
    padding: 0;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0;
	overflow: hidden;
}

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

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
	position: relative;
}
.navigation.post-navigation, 
.navigation.posts-navigation {
    margin-top: 30px;
    padding: 23px 20px;
    background-color: #eaedf3;
    border: 1px solid #eaedf3;
}
.post-navigation a, 
.posts-navigation a {
    font-weight: 500;
    color: #171616;
}
.post-navigation a:hover, 
.posts-navigation a:hover,
.post-navigation a:focus, 
.posts-navigation a:focus {
	color: #818181;
}
.post-navigation, 
.posts-navigation {
    padding: 0;
    position: relative;
}
.pagination .page-numbers,
.pagination .page-numbers.dots:hover,
.pagination .page-numbers.dots:focus {
    text-align: center;
    line-height: 35px;
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 5px;
    color: #171616;
    background-color: #fff;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
    color: #fff;
    background-color: #818181;
    border-color: #818181;
}
.pagination .prev.page-numbers svg,
.pagination .next.page-numbers svg {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 12px;
    height: 12px;
}
.pagination .next.page-numbers svg {
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.prev.page-numbers svg,
.next.page-numbers svg {
    fill: #cecece;
}
.nav-previous span {
    padding-left: 38px;
    float: left;
    text-align: left;
}
.nav-next span {
    padding-right: 38px;
    float: right;
    text-align: right;
}
.navigation .nav-previous svg {
   -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    top: 3px;
    left: 0;
}
.navigation .nav-next svg {
    position: absolute;
    top: 3px;
    right: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.post-navigation span,
.posts-navigation span {
    display: table;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

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

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

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

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after,
.widget:before,
.widget:after,
.widget_popular_news > ul > li:before,
.widget_popular_news > ul > li:after,
.widget_posts_filter .tab-content > ul > li:before,
.widget_posts_filter .tab-content > ul > li: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,
.widget:before,
.widget:after,
.widget_popular_news > ul > li:before,
.widget_popular_news > ul > li:after,
.widget_posts_filter .tab-content > ul > li:before,
.widget_posts_filter .tab-content > ul > li:after {
	clear: both;
}

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

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

.widget input {
    height: 40px;
    border-radius: 0;
    padding: 0 15px;
    border: none;
    background-color: #fff;
}

form.search-form button.search-submit {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
}
.widget_search form.search-form .search-submit {
    width: auto;
    color: #fff;
    background-color: #171616;
    left: auto;
    right: 0;
    font-size: 14px;
    height: 40px;
    width: 40px;
    line-height: 10px;
}
.widget_search form.search-form .search-submit:hover,
.widget_search form.search-form .search-submit:focus {
	background-color: #818181;
	color: #fff;
}
.widget_search form.search-form .search-submit svg {
	fill: #fff;
	width: 14px;
    height: 14px;
}
.widget_search form.search-form .search-submit:hover svg,
.widget_search form.search-form .search-submit:focus svg {
	fill: #fff;
}
.widget_search form.search-form input {
	border: none;
}
.widget_search form.search-form input {
    padding: 0 55px 0 15px;
    height: 40px;
    background-color: #eaedf3;
}
form.search-form {
    position: relative;
}

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

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

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

.widget-title {
    font-size: 22px;
    margin: 0 0 16px;
}

.widget li:not(:last-child),
#trending-news li:not(:last-child) {
    margin-bottom: 15px;
}

.widget_instagram ul {
    list-style: none;
    margin: 0 -5px;
    padding: 0;
}
.widget_instagram li {
	margin: 0;
	padding: 0 5px;
}
.widget.widget_instagram li:not(:last-child),
#colophon .footer-widgets-area .widget.widget_instagram li:not(:last-child) {
    margin-bottom: 10px;
}
.widget_instagram .col-1 li {
	width: 100%;
	float: none;
}
.widget_instagram .col-2 li {
	width: 50%;
	float: left;
}
.widget_instagram .col-3 li {
	width: 33.33%;
	float: left;
}
.widget_instagram .col-4 li {
	width: 25%;
	float: left;
}
.widget_instagram .col-5 li {
	width: 20%;
	float: left;
}
.widget_instagram .col-6 li {
	width: 16.66%;
	float: left;
}
.widget_instagram li img {
	width: 100%;
}
.widget.widget_archive li {
	text-align: right;
}
.widget.widget_archive li a {
	float: left;
}
#secondary .widget {
    margin-bottom: 30px;
    background-color: #f2f2f2;
    padding: 30px;
}
input[type="submit"] {
    padding: 12px 28px;
    font-size: 18px;
    line-height: 26px;
    display: inline-block;
    text-transform: uppercase;
    border: none;
    background-color: #818181;
    color: #fff;
    position: relative;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.05em;
    -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;
    font-family: 'Libre Baskerville';
}
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #171616;
    color: #fff;
}
.jetpack_subscription_widget form {
    position: relative;
    max-width: 620px;
    margin: 0 auto;
}
.jetpack_subscription_widget input[type="email"] {
    width: 100%;
    min-height: 50px;
    padding: 2px 60px 0 10px;
    background-color: #fff;
    border: none;
    color: #1A1C20;
    border: 1px solid #ccc;
}
.jetpack_subscription_widget button[type="submit"] {
    background-color: #818181;
    padding: 14px;
    border-radius: 0;
}
.jetpack_subscription_widget #subscribe-submit svg {
    fill: #fff;
    width: 20px;
    height: 20px;
}
.jetpack_subscription_widget button[type="submit"]:hover,
.jetpack_subscription_widget button[type="submit"]:focus {
	background-color: #1A1C20;
}
.jetpack_subscription_widget #subscribe-text {
    display: inline-block;
    margin-bottom: 10px;
}
.jetpack_subscription_widget #subscribe-text p {
    margin-top: 0;
    line-height: 25px;
}
.jetpack_subscription_widget #subscribe-submit {
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.jetpack_subscription_widget .widget-title {
    margin-bottom: 5px;
}
#subscribe-email label {
    margin-bottom: 7px;
    display: inline-block;
    width: 100%;
}
.widget_popular_post ul,
.widget_latest_post ul,
.widget_featured_post ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
    display: table;
}
.widget.widget_popular_post ul li,
.widget.widget_latest_post ul li,
.widget.widget_featured_post ul li {
    clear: both;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.widget.widget_popular_post ul li:last-child,
.widget.widget_latest_post ul li:last-child,
.widget.widget_featured_post ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.widget_popular_post h3,
.widget_latest_post h3,
.widget_featured_post h3 {
    font-size: 16px;
    line-height: 1.5;
    display: table-row;
    letter-spacing: 0.01em;
}
.widget_popular_post h3 a,
.widget_latest_post h3 a,
.widget_featured_post h3 a {
	display: block;
}
#secondary .widget_popular_post h3 a,
#secondary .widget_latest_post h3 a,
#secondary .widget_featured_post h3 a {
	font-weight: 600;
}
.widget_popular_post time,
.widget_latest_post time,
.widget_featured_post time {
    display: table-row;
    font-weight: 500;
}
.widget_popular_post h3 a,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time,
.widget_featured_post h3 a,
.widget_featured_post a:hover time,
.widget_featured_post a:focus time {
    color: #333;
}
.widget_popular_post h3 a:hover,
.widget_popular_post h3 a:focus,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a:hover,
.widget_latest_post h3 a:focus,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time,
.widget_featured_post h3 a:hover,
.widget_featured_post h3 a:focus,
.widget_featured_post a:hover time,
.widget_featured_post a:focus time {
	color: #818181;
}
.widget_popular_post a time,
.widget_popular_post time,
.widget_latest_post a time,
.widget_latest_post time,
.widget_featured_post a time,
.widget_featured_post time {
    color: #818181;
}
.widget_popular_post img,
.widget_latest_post img,
.widget_featured_post img {
    max-width: 95px;
    width: 95px;
    height: 95px;
    float: left;
    margin-right: 14px;
}
.textwidget img {
    margin-bottom: 15px;
    display: block;
}
.widget.widget_text .btn {
	margin-top: 20px;
}
.textwidget a {
    line-height: 1.5;
    display: inline-block;
    font-weight: 500;
}
#secondary .jetpack_subscription_widget input[type="email"] {
    height: 50px;
    min-height: auto;
    background-color: #fff;
    border-color: #fff;
    padding: 15px 18px;
}
#secondary .jetpack_subscription_widget input[type="submit"] {
    position: relative;
    margin: auto;
    min-height: 50px;
    border-radius: 0;
    background-color: #333;
    min-width: 151px;
    margin: 0;
    text-transform: uppercase;
}
#secondary .jetpack_subscription_widget input[type="submit"]:hover,
#secondary .jetpack_subscription_widget input[type="submit"]:focus {
	background-color: #818181;
}
#secondary p#subscribe-email {
    margin-top: 0;
}
#secondary .widget .social-icons {
    text-align: center;
    margin-top: -10px;
}
#secondary .widget .social-icons li a:hover svg,
#secondary .widget .social-icons li a:focus svg {
	fill: #fff;
}
#secondary .widget ul,
#secondary-sidebar .widget ul,
#left-sidebar .widget ul,
#trending-news ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget svg {
	fill: #818181;
}
#secondary a,
#secondary li,
#secondary-sidebar a,
#secondary-sidebar li {
    color: #1A1C20;
    text-decoration: none;
}
#secondary a:hover,
#secondary a:focus,
#secondary-sidebar a:hover,
#secondary-sidebar a:focus {
    color: #818181;
}

.widget_popular_news .post-number {
    float: left;
    margin-right: 20px;
    position: relative;
    font-size: 24px;
    color: #1A1C20;
    font-weight: 400;
}
.widget.widget_popular_news > ul > li {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.widget_popular_news ul li .entry-container,
.widget_posts_filter ul li .entry-container {
    display: table-row;
}
.widget_popular_news .entry-title,
.widget_posts_filter .entry-title {
	font-size: 16px;
	margin-bottom: 0;
}
.right-sidebar .widget_popular_news .entry-title {
	font-size: 17px;
}
#secondary .posted-on a,
#secondary-sidebar .post-categories a {
    color: #818181;
}
#secondary .posted-on a:hover,
#secondary-sidebar .post-categories a:hover,
#secondary .posted-on a:focus,
#secondary-sidebar .post-categories a:focus {
	color: #1A1C20;
}
.widget.widget_posts_filter ul.tabs li {
    display: inline-block;
    margin: 0 -1px 30px;
}
#secondary .widget.widget_posts_filter ul.tabs li.active a {
    background-color: #818181;
}
#secondary .widget.widget_posts_filter ul.tabs li a {
    background-color: #1A1C20;
    color: #fff;
    padding: 1px 10px;
    margin: 0;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
}
.widget_posts_filter > ul > li:not(:last-child) {
	margin-bottom: 30px;
}
.widget_recent_news .entry-meta {
	margin-bottom: 0;
}
.tab-content {
	display: none;
}
.tab-content.active {
	display: block;
}
.entry-meta a {
	text-decoration: none;
	font-size: 18px;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.hentry {
	margin: 0;
}

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

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

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
nav.navigation.pagination {
    margin-top: 50px;
    clear: both;
    display: inline-block;
    width: 100%;
    text-align: left;
}
.navigation.pagination svg {
    fill: #171616;
    width: 16px;
    height: 16px;
    position: relative;
    top: -2px;
}
.navigation.pagination a:hover svg,
.navigation.pagination a:focus svg {
	fill: #fff;
}
.navigation.posts-navigation svg, 
.navigation.post-navigation svg {
    width: 20px;
    height: 20px;
    fill: #171616;
    display: inline-block;
    vertical-align: middle;
}
.navigation.posts-navigation a:hover svg, 
.navigation.post-navigation a:hover svg,
.navigation.posts-navigation a:focus svg, 
.navigation.post-navigation a:focus svg {
	fill: #818181;
}
.navigation.posts-navigation svg.icon-left, 
.navigation.post-navigation svg.icon-left {
	margin-right: 20px;
}
.navigation.posts-navigation svg.icon-right, 
.navigation.post-navigation svg.icon-right {
	margin-left: 20px;
}
.single-post .site-main .comment-navigation, 
.single-post .site-main .posts-navigation, 
.single-post .site-main .post-navigation {
	margin-bottom: 0;
}
.post-navigation .previous-article span span,
.posts-navigation .previous-article span span,
.post-navigation .next-article span span,
.posts-navigation .next-article span span {
    display: block;
}
.post-navigation span.previous-article b,
.post-navigations span.previous-article b,
.post-navigation span.next-article b,
.post-navigations span.next-article b {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.post-navigation span.previous-article,
.post-navigations span.previous-article {
    display: table;
}
.no-sidebar-content #inner-content-wrapper {
    max-width: 900px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

#reply-title,
.comments-title {
    font-size: 42px;
    margin: 0;
}
.comments-title,
#reply-title {
	margin-bottom: 43px;
	font-size: 42px;
	font-weight: 600;
}
.post-categories {
    list-style: none;
    padding-left: 0;
    display: inline-block;
}
.post-categories li {
    display: inline-block;
    vertical-align: middle;
}
.post-categories li:last-child {
	margin-right: 0;
}
.post-categories a,
.posted-on a,
.counter-title {
    color: #1A1C20;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}
.posted-on a {
	text-transform: unset;
}
.post-categories a:hover,
.post-categories a:focus,
.posted-on a:hover,
.posted-on a:focus {
	color: #818181;
}
ol.comment-list {
    padding: 0;
    margin: 0 0 10px;
    list-style: none;
}
#comments ol {
    list-style: none;
    margin-left: 0;
    padding: 0;
}
#comments ol.comment-list {
	position: relative;
    overflow: hidden;
}
#comments ol.children {
    margin-left: 90px;
}
.says {
    display: none;
}
.comment-meta img {
    width: 60px;
    height: 60px;
    float: left;
    border-radius: 50%;
    margin-right: 20px;
}
#comments time:before {
    display: none;
}
.comment-body {
    position: relative;
}
.reply {
    padding-left: 80px;
    display: inline-block;
    margin-top: 3px;
}
#comments article {
    margin-bottom: 30px;
    clear: both;
}
.comment-meta .fn {
    margin-left: 20px;
    margin-top: 18px;
}
.comment-content {
    margin-bottom: 13px;
    margin-top: -45px;
    margin-left: 80px;
    padding: 55px 20px 20px;
    background-color: #eaedf3;
    border: 1px solid #eaedf3;
}
#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:first-child {
    padding-top: 0;
}
#comments ol.comment-list > li {
    margin-bottom: 30px;
}
#comments ol.comment-list > li article:last-child .reply {
	border-bottom: none;
    padding-bottom: 0;
}
.reply a {
    display: inline-block;
    border-radius: 0;
    color: #fff;
    position: relative;
    font-size: 16px;
    background-color: #818181;
    padding: 5px 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;
    text-decoration: none;
}
.reply a:hover,
.reply a:focus {
	background-color: #171616;
    color: #fff;
}
.comment-meta .url,
.comment-meta .fn {
    display: inline-block;
    color: #171616;
    font-size: 16px;
    margin-right: 5px;
    font-weight: bold;
    text-decoration: none;
}
.comment-meta .fn:after {
    content: "|";
    color: #72757a;
    margin: 0 3px;
}
.comment-meta .url:hover,
.comment-meta .url:focus,
.comment-metadata a,
.comment-metadata a time {
	color: #818181;
}
.comment-metadata a,
.comment-metadata a time {
    color: #171616;
    text-decoration: none;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover time,
.comment-metadata a:focus time {
	color: #818181;
}
.comment-metadata {
    display: inline-block;
    float: right;
    margin-top: -30px;
}
.comment-content p {
    margin-bottom: 0;
}
#comments {
    margin-top: 40px;
}
.comment-wrap {
    background-color: #fff;
    padding: 20px;
    margin-left: 80px;
}
/*--------------------------------------------------------------
# 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;
}
.page-section {
	padding: 50px 0;
}
.entry-content {
	margin-top: 0;
}
.wrapper {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.entry-title {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 16px;
    color: #1A1C20;
    word-wrap: break-word;
}
.entry-title a {
	color: #1A1C20;
	font-weight: 700;
}
.entry-title a:hover,
.entry-title a:focus {
	color: #818181;
}
.section-header,
.widget-header {
    position: relative;
    overflow: hidden;
}
.section-title,
.widget-title,
.widgettitle {
    font-size: 15px;
    color: #1A1C20;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 15px;
    margin-top: 0;
}
.widget-title {
	font-size: 26px;
	text-transform: none;
	margin-bottom: 30px;
}
.section-title {
	margin: 0;
}
.post-thumbnail-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.overlay {
    background-color: #1A1C20;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.btn {
	padding: 12px 28px;
	font-size: 18px;
	line-height: 26px;
	min-height: 55px;
	display: inline-block;
	min-width: 161px;
	border: none;
	background-color: #1A1C20;
	border: 1px solid #1A1C20;
	color: #fff;
	position: relative;
	text-align: center;
	font-family: 'Libre Baskerville', serif;
	letter-spacing: 0.05em;
	-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;
}
.btn:hover,
.btn:focus {
	background-color: #818181;
	border-color: #818181;
    color: #fff;
}
#infinite-handle {
    text-align: center;
    margin-bottom: 30px;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

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

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

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

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

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/
.social-icons li {
    display: inline-block;
    height: auto;
    text-align: center;
    position: relative;
    list-style: none;
}
.social-icons li:not(:last-child) {
	margin-right: 15px;
}
.footer-widgets-area .widget .social-icons li {
	display: inline-block;
    width: auto;
}
.social-icons,
.social-icons ul {
    margin: 0;
    padding: 0;
}
.social-icons li a {
    background-color: #E8E8E8;
    width: 30px;
    height: 30px;
    line-height: 25px;
    display: block;
    text-align: center;
}
#masthead .social-icons li a {
	line-height: 28px;
}
.header-three .social-icons li.search-menu a {
	background-color: unset;
}
.header-three .social-icons li.search-menu a svg {
	fill: #1A1C20;
}
.social-icons li a:hover svg,
.social-icons li a:focus svg {
	fill: #fff;
}
.social-icons li a:hover svg,
.social-icons li a:focus svg {
	fill: #fff;
}
.social-icons li a svg {
    fill: #1A1C20;
}
#masthead.header-three .social-icons li a svg {
	fill: #1A1C20;
}
#masthead.header-three .social-icons li a:hover svg,
#masthead.header-three .social-icons li a:focus svg {
	fill: #fff;
}
/*--------------------------------------------------------------
## Social Icons Hover Color
--------------------------------------------------------------*/
.social-icons li a[href*="facebook.com"]:hover,
.social-icons li a[href*="facebook.com"]:focus {
 	background-color: #3c5798;
}
.social-icons li a[href*="twitter.com"]:hover,
.social-icons li a[href*="twitter.com"]:focus {
 	background-color: #1ea0f1;
}
.social-icons li a[href*="linkedin.com"]:hover,
.social-icons li a[href*="linkedin.com"]:focus {
 	background-color: #0077B5;
}
.social-icons li a[href*="plus.google.com"]:hover,
.social-icons li a[href*="plus.google.com"]:focus {
 	background-color: #ec7161;
}

.social-icons li a[href*="youtube.com"]:hover,
.social-icons li a[href*="youtube.com"]:focus {
 	background-color: #cc181e;
}

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

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

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

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

.social-icons li a[href*="codepen.io"]:hover,
.social-icons li a[href*="codepen.io"]:focus {
 	background-color: #333;
}

.social-icons li a[href*="flickr.com"] {
 	background-color: #025FDF;
}

.social-icons li a[href$="/feed/"]:hover {
 	background-color: #089DE3;
}

.social-icons li a[href*="foursquare.com"]:hover {
 	background-color: #F94877;
}

.social-icons li a[href*="instagram.com"]:hover,
.social-icons li a[href*="instagram.com"]:focus {
 	background-color: #9A26C9;
}

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

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

.social-icons li a[href*="vimeo.com"] {
 	background-color: #00ADEF;
}

.social-icons li a[href*="digg.com"] {
 	background-color: #00ADEF;
}

.social-icons li a[href*="twitch.tv"] {
 	background-color: #0E9DD9;
}

.social-icons li a[href*="stumbleupon.com"] {
 	background-color: #EB4924;
}

.social-icons li a[href*="delicious.com"] {
 	background-color: #0076E8;
}

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

.social-icons li a[href*="jsfiddle.net"] {
 	background-color: #396AB1;
}

.social-icons li a[href*="tripadvisor.com"] {
 	background-color: #FFE090;
}

.social-icons li a[href*="angel.co"] {
 	background-color: #333;
}

.social-icons li a[href*="slack.com"] {
 	background-color: #E60264;
}
/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/
#page-site-header {
    padding: 50px 0;
    text-align: center;
    background-color: #333;
    color: #fff;
}
#page-site-header .page-title {
	font-size: 36px;
	color: #fff;
}
/*--------------------------------------------------------------
#  Breadcrumb List
--------------------------------------------------------------*/
.trail-items {
    margin: 0;
    padding: 0;
    list-style: none;
}
.trail-items li {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}
.trail-items li a {
	color: rgba(255, 255, 255, 0.60);
	text-decoration: none;
}
.trail-items li a:hover,
.trail-items li a:focus {
	color: #fff;
}
.trail-items li:not(:last-child):after {
	content: "/";
    color: rgba(255, 255, 255, 0.60);
    padding-left: 4px;
    padding-right: 2px;
}
/*--------------------------------------------------------------
#  Slick Slider
--------------------------------------------------------------*/
.slick-prev {
    left: -50px;
}
.slick-next {
    right: -50px;
}
.slick-prev, 
.slick-next {
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 0;
    opacity: 1;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid #1A1C20;
}
.slick-prev:before, 
.slick-next:before {
    content: "";
    background-image: url('assets/images/down-arrow.svg');
    width: 16px;
    height: 16px;
    display: inline-block;
    opacity: 1;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.slick-prev:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.slick-prev:hover, 
.slick-next:hover,
.slick-prev:focus, 
.slick-next:focus {
	background-color: #1A1C20;
}	
.slick-prev:hover:before, 
.slick-next:hover:before,
.slick-prev:focus:before, 
.slick-next:focus:before {
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/
#page-site-header {
    padding: 298px 0;
    text-align: center;
    position: relative;
    background-color: #333;
    background-size: cover;
    background-position: 50%;
}
#page-site-header .wrapper {
    position: relative;
    text-align: center;
}
#page-site-header .page-title {
	font-size: 32px;
	color: #fff;
    margin: 0;
    line-height: 1.5;
}
.featured-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
}



/*--------------------------------------------------------------
#  Archive / Blog
--------------------------------------------------------------*/
.entry-meta {
    margin-bottom: 3px;
}
.entry-meta > span,
.cat-tag > span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 18px;
}
.post-categories :not(:last-child):after {
	content: ",";
}
.entry-meta > span:not(:last-child),
.cat-tag > span:not(:last-child) {
	padding-right: 20px;
}
.entry-meta > span:not(:first-child):before,
.cat-tag > span:not(:first-child):before {
    content: ".";
    margin: 0;
    color: #1A1C20;
    position: absolute;
    left: -13px;
    bottom: 5px;
}
.cat-tag > span:not(:first-child):before {
	content: "|";
	bottom: -1px;
}
.byline,
.byline a,
.cat-tag span {
	font-size: 16px;
    color: #171616;
    text-decoration: none;
}
.byline a:hover,
.byline a:focus {
	color: #818181;
}
.archive-blog-wrapper article:not(:last-child) {
    margin-bottom: 30px;
}
/*--------------------------------------------------------------
#  Single Post
--------------------------------------------------------------*/
.single .featured-image {
    margin-bottom: 30px;
    position: relative;
}
.single #primary article .entry-title {
    font-size: 28px;
    margin: 14px 0;
}
.no-sidebar .archive-blog-wrapper .col-3 {
	margin: 0 -15px;
}
.no-sidebar .archive-blog-wrapper article {
    display: block;
}
.no-sidebar .archive-blog-wrapper article .featured-image {
    width: 100%;
    position: relative;
    padding: 200px 0;
    display: block;
    height: auto;
}
.no-sidebar .archive-blog-wrapper article .entry-container {
    padding: 43px 0px;
    width: 100%;
    display: block;
}
.related-slider .featured-image {
    margin-bottom: 20px;
}
.related-slider article {
    padding: 0 15px;
}
#realted-post {
    padding-top: 50px;
}
.related-slider {
    margin: 0 -15px;
}
.single #primary .related-slider article .entry-title {
    font-size: 18px;
    margin: 0;
}

/*--------------------------------------------------------------
# 					Footer
--------------------------------------------------------------*/
#colophon {
	background-color: #F8F8F8;
}
#colophon ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.custom-menu ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
}
.custom-menu ul li:last-child {
	margin-right: 0;
}
.widget_featured_post ul li .entry-title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
}
#colophon ul li a {
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}
#colophon .cat-links li {
	margin-bottom: 0;
	margin-right: 3px;
    width: auto;
}
#colophon .widget-header {
	border-color: #383332;
}
#colophon .textwidget p {
	margin: 0;
	font-size: 18px;
	color: #1A1C20;
}
#colophon .site-info a {
	color: #000;
	text-decoration: none;
}
#colophon .site-info a:hover,
#colophon .site-info a:focus {
	color: #818181;
}
#colophon .widget_text .textwidget {
    color: rgba(255, 255, 255, 0.60);
}
#colophon ul li a:hover,
#colophon ul li a:focus {
	color: #818181;
}

#colophon .site-info {
  bottom: 15px;
}
#colophon .footer-widgets-area .widget > ul > li:last-child {
	margin-bottom: 0;
}
#colophon .site-info-wrapper ul.social-icons {
    padding: 22px 0;
}
#colophon .footer-widgets-area {
	border-top: 1px solid #E1E2E2;
    border-bottom: 1px solid #E1E2E2;
    margin: 30px 0;
}
.site-info {
    text-align: center;
    position: relative;
}
.site-info-wrapper {
    padding: 50px 0;
}
.site-info span {
	display: inline-block;
	text-align: center;
    color: #1A1C20;
}
.site-info span > span {
	color: #818181;
}
.site-info span:last-child {
    margin-bottom: 0;
}
.site-info .wrapper {
	padding: 15px 0;
}
.custom-menu {
    margin-bottom: 15px;
}
.footer-widgets-area .widget ul li:last-child,
.footer-widgets-area .widget .social-icons li {
	margin-bottom: 0;
}
.footer-widgets-area .hentry {
	margin-bottom: 45px;
}
.footer-widgets-area.col-1 .hentry {
    text-align: center;
}
.footer-widgets-area.col-1 .hentry:last-child {
	margin-bottom: 0;
}
.footer-widgets-area.col-1 .textwidget img {
    margin-left: auto;
    margin-right: auto;
}
.footer-widgets-area.col-1 {
	margin-left: auto;
	margin-right: auto;
}
.widget li:before, .widget li:after,
.tab li:before, .tab li:after {
    content: "";
    clear: both;
    display: table;
}
#colophon .social-icons li a svg {
	fill: #908e8d;
}
#colophon .social-icons li a:hover svg,
#colophon .social-icons li a:focus svg {
	fill: #fff;
}
.site-logo img {
	-webkit-filter: brightness() invert(1);
    -moz-filter: brightness() invert(1);
    -ms-filter: brightness() invert(1);
    -o-filter: brightness() invert(1);
    filter: brightness() invert(1);
}


/*--------------------------------------------------------------
# 					Hero Banner Section
--------------------------------------------------------------*/
#whole_hero_banner article,
#whole_event_slider article,
#whole_shop_slider article {
    padding: 150px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
#whole_hero_banner .wrapper,
#whole_event_slider .wrapper,
#whole_shop_slider .wrapper {
	position: relative;
}
.hero-banner-wrapper,
.event-slider-wrapper,
.shop-slider-wrapper {
    max-width: 550px;
    margin: 0 auto;
    text-align: center;
}
#whole_hero_banner .entry-title,
#whole_event_slider .entry-title,
#whole_shop_slider .entry-title {
	font-size: 54px;
	font-weight: 700;
	margin: 0;
}
#whole_hero_banner .entry-title a,
#whole_event_slider .entry-title a,
#whole_event_slider .posted-on,
#whole_shop_slider .entry-title a {
	color: #fff;
}
#whole_hero_banner .entry-title a:hover,
#whole_hero_banner .entry-title a:focus {
	color: #a5a5a5;
}
#whole_hero_banner .entry-content p,
#whole_event_slider .entry-content p,
#whole_shop_slider .entry-content p {
	color: #fff;
	font-size: 22px;
}
#whole_hero_banner .read-more,
#whole_event_slider .read-more,
#whole_shop_slider .read-more {
	margin-top: 20px;
}
#whole_hero_banner .read-more a:not(:last-child),
#whole_event_slider .read-more a:not(:last-child),
#whole_shop_slider .read-more a:not(:last-child) {
	margin-right: 15px;
}
#whole_hero_banner .read-more a:nth-child(1),
#whole_shop_slider .read-more a:nth-child(1),
#whole_event_slider .read-more a:nth-child(1),
#whole_hero_banner .read-more a:nth-child(2):hover,
#whole_hero_banner .read-more a:nth-child(2):focus {
	background-color: #fff;
	border-color: #fff;
	color: #1A1C20;
}
#whole_hero_banner .read-more a:nth-child(2),
#whole_hero_banner .read-more a:nth-child(1):hover,
#whole_hero_banner .read-more a:nth-child(1):focus,
#whole_event_slider .read-more a:nth-child(1):hover,
#whole_event_slider .read-more a:nth-child(1):focus,
#whole_shop_slider .read-more a:nth-child(1):hover,
#whole_shop_slider .read-more a:nth-child(1):focus {
	background-color:transparent;
	border-color: #fff;
	color: #fff;
}



/*--------------------------------------------------------------
# 					Welcome Section
--------------------------------------------------------------*/
#whole_welcome {
	text-align: center;
	border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    margin: 30px 0px;
    padding: 100px 0;
}
#whole_welcome .section-header {
	margin-bottom: 30px;
}
#whole_welcome .section-title,
#whole_contact article .section-title,
#whole_call_to_action .cta-wrapper .section-title {
	font-size: 42px;
	position: relative;
	margin-bottom: 25px;
	color: #1A1C20;
}
#whole_welcome .section-title:after,
#whole_contact .entry-title:after,
#whole_call_to_action .cta-wrapper .section-title:after {
	content: "";
	width: 100px;
	height: 1px;
	background-color: #1A1C20;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
	margin: 0 auto;
}
#whole_welcome .entry-title,
#whole_contact .entry-title,
#whole_call_to_action .entry-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	margin: 0;
}
#whole_welcome .entry-content p,
#whole_call_to_action .entry-content p {
	font-size: 18px;
	margin: 0;
	padding: 30px 0;
}
#whole_welcome .wrapper {
	width: 86%;
}

/*--------------------------------------------------------------
# 					Projects Section
--------------------------------------------------------------*/
.section-header {
	text-align: center;
}
.section-banner .section-title{
	color: #fff;
}
.section-title {
	font-size: 54px;
	color:#000;
}
.section-banner {
	position: relative;
	padding: 173px 0;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.post-categories a,
.counter-title {
	letter-spacing: 2.5px;
}
.project-container {
	position: relative;
}
.project-container .featured-image {
	padding: 230px 0;
}
.project-container .featured-image .overlay {
	background-color: #fff;
	opacity: 0.8;
	visibility: hidden;
	margin: 10px 10px 10px 9px;
    width: 95%;
    height: 96%;
}
.project-container .entry-container {
	text-align: center;
	padding: 30px 20px 0 20px;
}
.project-container .entry-title {
	font-size: 20px;
	margin-bottom: 4px;
}
#whole_projects .project-container {
	position: relative;
}
.project-container .read-more {
	position: absolute;
	top: 36%;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	visibility: hidden;
}
.project-container .read-more .btn {
	background-color: transparent;
	color: #1A1C20;
}
.project-container .read-more .btn:hover,
.project-container .read-more .btn:focus {
	background-color: #1A1C20;
	color: #fff;
}
.project-container:hover .read-more,
.project-container:focus .read-more,
.project-container:hover .overlay,
.project-container:focus .overlay {
	visibility: visible;
}
#whole_projects .section-content,
#whole_call_to_action .cta-wrapper,
#whole_contact .contact-wrapper,
#whole_services .service-wrapper {
	padding: 80px 0;
}



/*--------------------------------------------------------------
# 					Counter Section
--------------------------------------------------------------*/
#whole_counter .wrapper {
	text-align: center;
}
#whole_counter .counter-value {
	font-size: 54px;
}
#whole_counter .counter-item .counter-value,
#whole_counter .counter-item .counter-title {
	margin: 0;
}
#whole_counter .counter-item .counter-title {
	margin-top: 10px;
}
#whole_counter .counter-container {
	border-top: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
	margin: 30px 0px;
    padding: 100px 0;
}


/*--------------------------------------------------------------
# 					Services Section
--------------------------------------------------------------*/
#whole_services article {
	text-align: center;
}
#whole_services .entry-container {
	border: 1px solid #1A1C20;
	padding: 40px 20px;
}
#whole_services .icon-container {
	margin-bottom: 30px;
}
#whole_services .icon-container svg {
	width: 70px;
	height: 70px;
	padding: 12px;
	border: 1px solid #1A1C20;
	background-color: #1A1C20;
	fill: #fff;
}
#whole_services .entry-title {
	font-size: 20px;
	margin-bottom: 10px;
}
#whole_services .entry-content p {
	font-size: 18px;
	margin: 0;
}
#whole_services article:hover .entry-container,
#whole_services article:focus .entry-container {
	background-color: #1A1C20;
}
#whole_services article:hover .entry-title a,
#whole_services article:focus .entry-title a,
#whole_services article:hover .entry-content p,
#whole_services article:focus .entry-content p {
	color: #fff;
}
#whole_services article:hover .icon-container svg,
#whole_services article:focus .icon-container svg {
	border-color: #fff;
}



/*--------------------------------------------------------------
# 					Call To Action Section
--------------------------------------------------------------*/
#whole_call_to_action .featured-image {
	padding: 250px 0;
	margin-bottom: 25px;
}
#whole_call_to_action .cta-wrapper .section-header {
    text-align: unset;
    margin-bottom: 30px;
    max-width: 450px;
} 
#whole_call_to_action .cta-wrapper .section-title:after {
	margin: 0;
}
#whole_call_to_action .entry-title {
	margin-bottom: 12px;
}
#whole_call_to_action .entry-content {
	margin-bottom: 30px;
}
#whole_call_to_action .entry-content p {
	padding: 0;
}
#whole_call_to_action .cta-list {
	list-style: none;
	margin: 0 0 0 40px;
	padding: 10px 0 10px 70px;
	border-left: 1px solid #1A1C20;
}
#whole_call_to_action .cta-list li a {
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	letter-spacing: 3px;
	text-transform: uppercase;
}
#whole_call_to_action .cta-list li:not(:last-child) {
	margin-bottom: 20px;
}
#whole_call_to_action .cta-list li {
	list-style: decimal;
}
#whole_call_to_action .cta-list li::marker {
	font-family: 'Open Sans', sans-serif;
	color: #1A1C20;
	font-size: 18px;
	letter-spacing: 3px;
	text-transform: uppercase;
} 


/*--------------------------------------------------------------
# 					Contact Section
--------------------------------------------------------------*/
#whole_contact .featured-image {
    padding: 200px 0;
    border-top-right-radius: 200px;
    border-top-left-radius: 200px;
    margin-bottom: 45px;
}
#whole_contact .social-icons li {
	display: inline-block;
}
#whole_contact .entry-header {
	position: relative;
	margin-bottom: 50px;
}
#whole_contact .entry-title {
	margin-bottom: 15px;
}
#whole_contact .entry-content {
	margin-bottom: 20px;
    padding: 0 20px 20px 20px;
}
#whole_contact .entry-content p {
	margin: 0;
	font-size: 18px;
}
#whole_contact article {
	text-align: center;
}
#whole_contact form p {
	position: relative;
}
#whole_contact form label {
	font-size: 14px;
    position: absolute;
    top: -14px;
    left: 25px;
    background-color: #fff;
    padding: 0 3px;
    z-index: 1;
}
#whole_contact form input {
	outline: 0;
}
#whole_contact form input:focus {
	border-color: #1A1C20;
}
input[type="submit"] {
	border-radius: 0;
	color: #1A1C20;
	border: 1px solid #1A1C20;
	background-color: transparent;
}
input[type="submit"]:hover, 
input[type="submit"]:focus {
	color: #fff;
	background-color: #1A1C20;
}



/*--------------------------------------------------------------
#  Woocommerce
--------------------------------------------------------------*/
.woocommerce ul.products li.product .onsale {
    right: auto;
    left: 25px;
    top: 10px;
    margin: 0;
    min-width: auto;
    min-height: auto;
    padding: 0;
    background-color: #000;
    border-radius: 0;
    line-height: 1.3;
    padding: 4px 11px;
    font-weight: 400;
}
.product_meta a {
    color: #797973;
    text-transform: uppercase;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
    font-weight: 500;
    font-size: 16px;
}
.woocommerce ul.products li.product .price {
    color: #1A1C20;
}
.woocommerce ul.products li.product .price {
    color: #1A1C20;
    font-size: 16px;
    font-weight: 500;
}
.woocommerce ul.products li.product .price del {
    color: #797973;
    opacity: 1;
    font-weight: 400;
    margin-right: 3px;
}
.woocommerce ul.products li.product a img {
    margin-bottom: 20px;
}
.woocommerce ul.products li.product .button {
    margin-top: 5px;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    padding: 5px 29px;
    font-weight: 500;
    line-height: 28px;
    display: inline-block;
    position: relative;
    text-align: center;
    border: 1px solid #010101;
    background-color: transparent;
    color: #010101;
    text-transform: uppercase;
    border-radius: 0;
    -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 #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover {
	border-color: #010101;
	background-color: #010101;
	color: #fff;
}

/*--------------------------------------------------------------
# 					Top Picks Section
--------------------------------------------------------------*/
.second-design .section-header,
.fourth-design .section-header,
.third-design .section-header {
	margin-bottom: 25px;
}
.second-design .section-title,
.fourth-design .section-title,
.third-design .section-title {
	color: #1A1C20;
	font-size: 32px;
	font-weight: 700;
    text-transform: none;
}
#whole_top_picks article {
	position: relative;
}
#whole_top_picks article img {
	height: 300px;
	width: 100%;
	object-fit: cover;
}
#whole_top_picks .cat-links {
	position: absolute;
	bottom: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
#whole_top_picks .post-categories a {
	text-transform: none;
	font-size: 20px;
	padding: 14px 26px;
    background-color: #fff;
}
#whole_top_picks .post-categories a:hover,
#whole_top_picks .post-categories a:focus {
	background-color: #ffffffb8;
}


/*--------------------------------------------------------------
# 					Shop Service Section
--------------------------------------------------------------*/
#whole_shop_service .service-icon a {
    color: #010101;
    font-size: 54px;
}
#whole_shop_service .service-icon {
    float: left;
    margin-right: 15px;
}
#whole_shop_service .entry-container {
    display: table-row;
}
#whole_shop_service .entry-title {
	float: left;
    margin: 0 3px 0 0;
    font-size: 16px;
    line-height: 28px;
}



/*--------------------------------------------------------------
# 		Latest Product Section & Best Product Section
--------------------------------------------------------------*/
.woocommerce ul.products li.product .discount {
    position: absolute;
    right: auto;
    left: 25px;
    top: 10px;
    margin: 0;
    min-width: auto;
    min-height: auto;
    padding: 0;
    background-color: #1A1C20;
    border-radius: 0;
    line-height: 1.3;
    padding: 4px 11px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
}
.woocommerce .product_meta .favourite {
    float: right;
}
.product_meta a:hover,
.product_meta a:focus {
	color: #1A1C20;
}
.woocommerce #whole_latest_product ul,
.woocommerce #whole_product_filter ul,
.woocommerce #whole_best_product ul {
	margin: 0 -15px;
}
.woocommerce #whole_latest_product ul.products li.product,
.woocommerce #whole_product_filter ul.products li.product,
.woocommerce #whole_best_product ul.products li.product {
    margin: 0;
    padding: 0 15px;
    width: 100%;
}
.woocommerce #whole_latest_product .product-button.btn,
.woocommerce #whole_product_filter .product-button.btn,
.woocommerce #whole_best_product .product-button.btn {
	margin-top: 35px;
}
.woocommerce #whole_latest_product .product-button.btn a,
.woocommerce #whole_product_filter .product-button.btn a,
.woocommerce #whole_best_product .product-button.btn a {
	color: #fff
}
.woocommerce #whole_latest_product ul.products li.product a img,
.woocommerce #whole_product_filter ul.products li.product a img,
.woocommerce #whole_best_product ul.products li.product a img {
	margin-bottom: 15px;
    width: 100%;
    height: 350px;
    object-fit: cover;
}
.woocommerce #whole_latest_product ul.products li.product .woocommerce-loop-product__title,
.woocommerce #whole_product_filter ul.products li.product .woocommerce-loop-product__title,
.woocommerce #whole_best_product ul.products li.product .woocommerce-loop-product__title {
	padding: 5px 0;
}
.woocommerce #whole_latest_product .latest-products,
.woocommerce #whole_product_filter .latest-products,
.woocommerce #whole_best_product .best-products {
	position: relative;
}
.woocommerce #whole_latest_product .latest-products img,
.woocommerce #whole_product_filter .latest-products img,
.woocommerce #whole_best_product .best-products img {
	position: relative;
}
.woocommerce #whole_latest_product .button,
.woocommerce #whole_product_filter .button,
.woocommerce #whole_best_product .button {
	position: absolute;
	top: 40%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 180px;
    margin: 0 auto;
    visibility: hidden;
    background-color: #1A1C20;
    border-color: #1A1C20;
    color: #fff;
}
.woocommerce #whole_latest_product .button:hover,
.woocommerce #whole_latest_product .button:focus,
.woocommerce #whole_product_filter .button:hover,
.woocommerce #whole_product_filter .button:focus,
.woocommerce #whole_best_product .button:hover,
.woocommerce #whole_best_product .button:focus {
	background-color: #797973;
	border-color: #797973;
}
.woocommerce #whole_latest_product ul.products li.product:hover .button,
.woocommerce #whole_latest_product ul.products li.product:focus .button,
.woocommerce #whole_product_filter ul.products li.product:hover .button,
.woocommerce #whole_product_filter ul.products li.product:focus .button,
.woocommerce #whole_best_product ul.products li.product:hover .button,
.woocommerce #whole_best_product ul.products li.product:focus .button {
	visibility: visible;
}
.woocommerce #whole_best_product .slick-next {
	right: -20px;
	top: 40%;
}
.woocommerce #whole_best_product .slick-prev {
	left: -20px;
	top: 40%;
}

/*--------------------------------------------------------------
# 					Partners Section
--------------------------------------------------------------*/
#whole_partners {
	text-align: -webkit-center;
}



/*--------------------------------------------------------------
#  Product Filter Section
--------------------------------------------------------------*/
.woocommerce #whole_product_filter .tab-content {
	display: none;
}
.woocommerce #whole_product_filter .tab-content.active {
	display: block;
}
.woocommerce #whole_product_filter ul.products li.product, 
.woocommerce-page #whole_product_filter ul.products li.product {
    margin: 0;
    padding: 0 15px;
    width: 100%;
}
.woocommerce #whole_product_filter .latest-products {
	position: relative;
}
.woocommerce #whole_product_filter .latest-products .img {
	position: relative;
}
.woocommerce #whole_product_filter ul.products li.product a img {
	width: 100%;
    height: 300px;
    object-fit: cover;
}
.woocommerce #whole_product_filter .button {
	position: absolute;
	top: 40%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 180px;
    margin: 0 auto;
    visibility: hidden;
    background-color: #797973;
    border-color: #797973;
    color: #fff;
}
.woocommerce #whole_product_filter .button:hover,
.woocommerce #whole_product_filter .button:focus {
	background-color: #000;
	border-color: #000;
}
.woocommerce #whole_product_filter ul.products li.product:hover .button,
.woocommerce #whole_product_filter ul.products li.product:focus .button {
	visibility: visible;
}
.product-filtering {
    text-align: center;
    margin-bottom: 30px;
}
ul.product-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: inline-block;
}
ul.product-nav li {
    text-align: center;
    float: left;
}
ul.product-nav li a {
    display: block;
    color: #797973;
    padding: 11px 28px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
}
ul.product-nav li.active a,
ul.product-nav li a.active,
ul.product-nav li a:hover {
    color: #1A1C20;
}


/*--------------------------------------------------------------
# 					Product Discount Section
--------------------------------------------------------------*/
#whole_count_down article {
    position: relative;
    padding: 130px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
#whole_count_down .wrapper {
	position: relative;
}
#whole_count_down .entry-title {
	font-size: 28px;
	color: #fff;
	font-weight: 700;
}
#whole_count_down .entry-container {
	max-width: 550px;
	margin: 0 auto;
	text-align: center;
}
#whole_count_down #event-time {
	color: #fff;
	font-size: 28px;
	margin-top: 30px;
}
#whole_count_down .read-more {
	margin-top: 50px;
}

/*--------------------------------------------------------------
#  Subscribe Section
--------------------------------------------------------------*/
#whole_subscription {
	text-align: center;
}
#whole_subscription .subscribe-wrapper {
	padding: 25px 15px;
    background-color: #eaeaea;
}
#whole_subscription .widget-title {
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 0;
}
#subscribe-text {
    margin-bottom: 10px;
}
#subscribe-email input[type="email"] {
	padding: 5px 20px;
}
#whole_subscription input[type="email"] {
    background-color: #fff;
    width: 98%;
    min-width: 200px;
}
#whole_subscription svg {
	width: 40px;
	height: 40px;
}
#whole_subscription button {
    background-color: #1A1C20;
    border: 1px solid #1A1C20;
    color: #fff;
    height: 38px;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 16px;
}
#whole_subscription button:hover,
#whole_subscription button:focus {
	background-color: #6E6E6E;
    border-color: #6E6E6E;
}


/*--------------------------------------------------------------
# 					Event Slider Section
--------------------------------------------------------------*/
#whole_hero_banner .entry-title {
	margin: 10px 0;
}
#whole_event_slider .posted-on {
	font-size: 20px;
}
.event-slider-wrapper {
	max-width: 700px;
}
.third-design .posted-on time:not(:last-child) {
	margin-right: 25px;
	position: relative;
}
.third-design .posted-on time:not(:last-child):after {
	content: "-";
	position: absolute;
	top: -1px;
	right: -20px;
}

/*--------------------------------------------------------------
# 					Event Section
--------------------------------------------------------------*/
#whole_events {
	text-align: center;
}
#whole_events .section-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 50px;
}
#whole_events .section-subtitle {
	margin: 0;
	font-size: 18px;
}
#whole_events article {
	border-top: 1px solid #1a1a1a;
	border-bottom: 1px solid #1a1a1a;
	padding: 30px 0;
}
#whole_events article:not(:last-child) {
    border-bottom: unset;
}
#whole_events article:hover {
    background-image: linear-gradient(rgb(26 28 32 / 15%), rgb(26 28 32 / 0%));
}
#whole_events .posted-on a {
	font-size: 24px;
    font-weight: 400;
}
#whole_events .entry-header img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 10px;
    margin: 15px 0;
}
#whole_events .entry-header img, 
#whole_events .entry-header {
    margin-bottom: 21px;
}
#whole_events .entry-title {
    font-size: 22px;
    margin-bottom: 7px;
}
#whole_events .event-location {
	padding: 0;
}
small.tp-event-date-label, small.tp-event-start-time-label, small.tp-event-location-label {
    display: none;
}
span.event-time i {
    margin-right: 10px;
    color: #1A1C20;
}
.event-time {
    display: block;
    margin-bottom: 21px;
    color: #1A1C20;
}
#whole_events .read-more {
	margin-top: 42px;
}


/*--------------------------------------------------------------
# 			Main Events Section
--------------------------------------------------------------*/
#whole_main_events .entry-title,
#whole_about_us .entry-title {
	font-size: 28px;
	margin-bottom: 4px;
}
#whole_main_events .entry-content p {
	margin: 10px 0;
}
#whole_main_events .featured-image {
	padding: 120px 0;
}
#whole_main_events article:not(:last-child) {
	margin-bottom: 35px;
}
#whole_main_events article .read-more {
	margin-top: 25px;
}
#whole_main_events .load-more {
    margin-top: 70px;
    text-align: center;
    margin-left: -100px;
}
#whole_main_events .load-more .btn {
	padding: 14px 52px;
}

/*--------------------------------------------------------------
#  About us Section
--------------------------------------------------------------*/
#whole_about_us .featured-image {
    margin-bottom: 40px;
}
#whole_about_us .featured-image img {
    width: 100%;
}
#whole_about_us .entry-content {
    text-align: center;
    margin-bottom: 30px;
}
blockquote {
    padding: 0 30px;
    font-size: 18px;
    line-height: 35px;
    font-weight: 300;
    position: relative;
    margin: 0 0 21px;
    border-left: 3px solid #1A1C20;
}



/*--------------------------------------------------------------
#  Team Section
--------------------------------------------------------------*/
#whole_team {
    background-size: cover;
    background-position: center center;
}
#whole_team .wrapper {
	position: relative;
	z-index: 1;
}
#whole_team .section-title,
#whole_team .section-subtitle {
	color: #fff;
}
#whole_team .team-item-wrapper {
    position: relative;
    text-align: center;
    border: 15px solid #fff;
    border-radius: 10px;
}
#whole_team .featured-image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
#whole_team .entry-container {
    padding: 35px 15px 40px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    background-color: #fff;
    max-width: 300px;
    margin: 0 auto;
    border-radius: 10px;
    opacity: 0;
    visibility: visible;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -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;
}
#whole_team .team-item-wrapper:hover .entry-container {
	opacity: 1;
	visibility: visible;
}
#whole_team .entry-title {
    margin: 0 0 20px;
    font-weight: 600;
}
#whole_team .team-position {
    margin: 0 0 10px;
    display: block;
}
#whole_team .read-more {
    margin-top: 50px;
    text-align: center;
}
#whole_team .social-icons li {
	display: inline-block;
}



/*--------------------------------------------------------------
#  Gallery Section
--------------------------------------------------------------*/
#whole_gallery .featured-image {
    background-size: cover;
    background-position: 50%;
    padding: 150px 0;
    position: relative;
    overflow: hidden;
}
#whole_gallery .entry-header {
    background-color: rgb(0 0 0 / 70%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#whole_gallery .featured-image:hover .entry-header {
	-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
#whole_gallery .entry-title {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#whole_gallery .entry-title a {
	color: #fff;
}


/*--------------------------------------------------------------
#  Event Counter Section
--------------------------------------------------------------*/
#whole_event_counter {
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-attachment: fixed;
    padding: 120px 0;
}
#whole_event_counter .overlay {
    opacity: 0.6;
}
#whole_event_counter .wrapper {
	position: relative;
}
#whole_event_counter .section-title,
#whole_event_counter .section-subtitle {
	color: #fff;
}
#whole_event_counter .counter-item {
	position: relative;
	z-index: 1;
}
#whole_event_counter .counter-icon {
    font-size: 28px;
    color: #fff;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 100%;
    background-color: #1A1C20;
    margin-right: 20px;
    float: left;
    text-align: center;
}
#whole_event_counter .counter-value,
#whole_event_counter .counter-title {
    font-size: 42px;
    color: #fff;
    margin: 0 0 10px;
    font-weight: 600;
    display: table-row;
}
#whole_event_counter .counter-title {
    font-size: 18px;
    color: #fff;
    margin: 0;
    font-weight: 400;
}

/*--------------------------------------------------------------
# 		Blog Main Section
--------------------------------------------------------------*/

#whole_blog_main article {
	padding: 0 15px;
}
#whole_blog_main .entry-title {
	font-size: 20px;
}
#whole_blog_main .featured-image {
	padding: 150px 0;
	position: relative;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
}
#whole_blog_main .entry-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 50px 25px 17px;
    background: linear-gradient(to top,rgba(0,0,0,0.9) 0,rgba(0,0,0,0) 100%);
}
#whole_blog_main .entry-meta > span a,
#whole_blog_main .entry-title a {
	color: #fff;
}
#whole_blog_main .blog-main-slider {
	margin: 0 -15px;
}
#whole_blog_main .blog-main-slider:hover .slick-prev, 
#whole_blog_main .blog-main-slider:hover .slick-next {
	visibility: visible;
}
#whole_blog_main .slick-prev {
    left: 50px;
    visibility: hidden;
}
#whole_blog_main .slick-next {
    right: 50px;
    visibility: hidden;
}

/*--------------------------------------------------------------
# 					Content Wrapper
--------------------------------------------------------------*/
.fourth-design .section-header {
	text-align: left;
}
.fourth-design #whole_main_events .entry-title {
	font-size: 24px;
}
.fourth-design #whole_main_events .post-categories {
	margin-bottom: 5px;
}
.fourth-design #whole_main_events .post-footer-meta {
	margin-top: 5px;
	display: flex;
	justify-content: space-between;
}

#secondary .widget-title {
	margin: 0;
	margin-bottom: 25px;
	font-weight: 700;
}
.fourth-design .post-categories a {
	letter-spacing: 0;
	text-transform: unset;
	font-weight: 500;
	font-size: 16px;
}
.widget_editors_choice > ul > li {
	display: flex;
}
.widget_editors_choice ul li.has-post-thumbnail:not(:last-child) {
	margin-bottom: 15px;
}
.widget_editors_choice .entry-title,
.widget_popular_post .entry-title {
	margin-bottom: 5px;
}
.widget_editors_choice span.post-number {
    font-size: 32px;
    font-weight: 700;
    color: #1A1C20;
    margin-top: 30px;
    margin-right: 30px;
}
.widget_popular_post {
	display: table;
	position: relative;
	align-items: center;
	width: 100%;
}
.widget_popular_post .featured-image {
    width: 25%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative;
    display: table-cell;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.widget_popular_post .entry-container {
    text-align: unset;
    width: 75%;
    display: table-cell;
    padding: 0px 0 0 15px;
}
.widget_instagram .featured-image {
	padding: 60px 0;
}

/*--------------------------------------------------------------
#  Recent Posts Section
--------------------------------------------------------------*/
#whole_recent_post .entry-meta {
	margin-bottom: 10px;
}
#whole_recent_post .entry-title {
	font-size: 22px;
}
#whole_recent_post .entry-meta span:not(:last-child):after {
	content: "-";
}
#whole_recent_post ul.post-categories {
    display: inline-block;
}
#whole_recent_post .entry-meta > span {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
#whole_recent_post .post-footer-meta a {
    text-decoration: none;
}
#whole_recent_post .post-wrapper {
    box-shadow: 0px 0px 65px 0px rgb(0 0 0 / 7%);
}
#whole_recent_post .entry-container {
    padding: 30px;
}
#whole_recent_post .posted-on {
    display: block;
}
#whole_recent_post .entry-content {
    margin-bottom: 21px;
    padding-bottom: 20px;
    background-image: linear-gradient(to right,#bbc4c7 40%,rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 7px 1px;
    background-repeat: repeat-x;
}


/*--------------------------------------------------------------
# 					RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6 {
		margin: 0 -15px;
	}
	.col-2 article,
	.col-3 article,
	.col-4 article,
	.col-5 article,
	.col-6 article,
	.woocommerce #whole_latest_product ul.products li.product,
	.woocommerce #whole_product_filter ul.products li.product {
		padding: 0 15px;
		float: left;
		width: 50%;
		margin-bottom: 30px;
	}
	.col-2 article:nth-child(2n+1),
	.col-3 article:nth-child(2n+1),
	.col-4 article:nth-child(2n+1),
	.col-5 article:nth-child(2n+1),
	.col-6 article:nth-child(2n+1),
	.woocommerce #whole_latest_product ul.products li.product:nth-child(2n+1),
	.woocommerce #whole_product_filter ul.products li.product:nth-child(2n+1) {
		clear: left;
	}
	.col-2 article:nth-last-child(-n+2),
	.col-3 article:nth-last-child(-n+2),
	.col-4 article:nth-last-child(-n+2),
	.col-5 article:nth-last-child(-n+2),
	.col-6 article:nth-last-child(-n+2),
	.woocommerce #whole_latest_product ul.products li.product:nth-last-child(-n+2),
	.woocommerce #whole_product_filter ul.products li.product:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
	.col-5 .hentry {
        width: 50%;
        float: left;
    }
	.site-logo img {
	    max-height: 65px;
	    width: auto;
	}
	.footer-widgets-area.col-2 .hentry,
	.footer-widgets-area.col-4 .hentry {
		width: 50%;
		float: left;
	}
	.footer-widgets-area.col-2 .hentry:nth-child(2n+1),
	.footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
		clear: left;
	}
	.footer-widgets-area.col-2 .hentry:nth-child(odd),
	.footer-widgets-area.col-4 .hentry:nth-child(odd) {
		padding-right: 34px;
	}
	.footer-widgets-area.col-2 .hentry:nth-last-child(-n+2),
	.footer-widgets-area.col-4 .hentry:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
	#whole_recent_post .post-footer-meta {
    	display: flex;
    	justify-content: space-between;
	}
}
@media screen and (min-width: 767px) {
	.col-1 .hentry {
        width: 100%;
    }
    .col-2 .hentry {
        width: 50%;
        float: left;
    }
    .col-3 .hentry {
        width: 33.33%;
        float: left;
    }
    .col-4 .hentry {
        width: 50%;
        float: left;
    }
    .col-5 .hentry {
        width: 33.33%;
        margin-bottom: 0;
    }
    .col-6 .hentry {
        width: 16.66%;
        float: left;
    }
	.col-5 article,
	.col-6 article {
		width: 33.33%;
	}
	.col-5 article:nth-child(2n+1),
	.col-6 article:nth-child(2n+1) {
		clear: none;
	}
	.col-5 article:nth-child(3n+1),
	.col-6 article:nth-child(3n+1) {
		clear: left;
	}
	.col-5 article:nth-last-child(-n+3),
	.col-6 article:nth-last-child(-n+3) {
		margin-bottom: 0;
	}
	.site-branding + .site-advertisement {
	    margin-top: 0;
	}
	.no-sidebar .archive-blog-wrapper.col-3 article {
	    width: 33.33%;
	    float: left;
	    padding: 0 15px;
	}
	.thumbnail-wrapper.col-4 article {
	    width: 50%;
	    float: left;
	    margin-bottom: 0;
	}
	.comment-navigation .nav-previous, 
	.posts-navigation .nav-previous, 
	.post-navigation .nav-previous {
	    padding-right: 25px;
	}
	.comment-navigation .nav-next, 
	.posts-navigation .nav-next, 
	.post-navigation .nav-next {
		padding-left: 25px;
	}
	.footer-widgets-area.col-3 .hentry {
		margin-bottom: 0;
		width: 33.33%;
		float: left;
	}
	.footer-widgets-area.col-3 .hentry:not(:last-child) {
		padding-right: 40px;
	}
	.site-info .wrapper {
		padding: 0 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#whole_call_to_action article {
		display: table;
		position: relative;
		align-items: center;
		width: 100%;
	}
	#whole_call_to_action .featured-image {
		width: 40%;
		position: absolute;
		display: table-cell;
		left: 0;
		bottom: 0;
		right: 0;
		top: 0;
		padding: 0;
		margin-bottom: 0;
	}
	#whole_call_to_action .entry-container {
		text-align: unset;
		width: 60%;
		display: table-cell;
		padding: 15px 30px;
	}
	#whole_main_events .main-event-wrapper {
		display: table;
		position: relative;
		align-items: center;
		width: 100%;
	}
	#whole_main_events .featured-image {
		width: 40%;
		position: absolute;
		display: table-cell;
		left: 0;
		bottom: 0;
		right: 0;
		top: 0;
		padding: 0;
		margin-bottom: 0;
	}
	#whole_main_events .entry-container {
		text-align: unset;
		width: 60%;
		display: table-cell;
		padding: 40px 36px;
	}
	#whole_about_us article.has-post-thumbnail {
	    position: relative;
	    display: table;
	    width: 100%;
	}
	#whole_about_us article.has-post-thumbnail .featured-image {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 47%;
	    display: table-cell;
	    height: 100%;
	    padding: 0;
	    margin-bottom: 0;
	}
	#whole_about_us .featured-image img {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	#whole_about_us article.has-post-thumbnail .entry-container {
	    width: 53%;
	    display: table-cell;
	    float: right;
        padding: 0 50px;
	}
	#whole_about_us article.has-post-thumbnail .entry-content,
	#whole_about_us article.has-post-thumbnail .read-more {
		text-align: left;
	}
}
@media screen and (min-width: 992px) {
	.col-4 .hentry  {
        width: 25%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .col-4 article,
    .woocommerce #whole_latest_product ul.products li.product,
    .woocommerce #whole_product_filter ul.products li.product {
		width: 25%;
	}
	.col-5 article {
		width: 20%;
	}
	.col-6 article {
		width: 16.66%;
	}
    .col-4 article:nth-child(2n+1),
	.col-5 article:nth-child(3n+1),
	.col-6 article:nth-child(3n+1),
	.woocommerce #whole_latest_product ul.products li.product:nth-child(3n+1),
	.woocommerce #whole_product_filter ul.products li.product:nth-child(3n+1),
	.woocommerce #whole_latest_product ul.products li.product:nth-child(2n+1),
	.woocommerce #whole_product_filter ul.products li.product:nth-child(2n+1)  {
		clear: none;
	}
	.col-4 article:nth-child(4n+1),
	.col-5 article:nth-child(5n+1),
	.col-6 article:nth-child(6n+1),
	.woocommerce #whole_latest_product ul.products li.product:nth-child(4n+1),
	.woocommerce #whole_product_filter ul.products li.product:nth-child(4n+1) {
		clear: left;
	}
	
	.col-5 article:nth-last-child(-n+5),
	.col-6 article:nth-last-child(-n+6) {
		margin-bottom: 0;
	}
	.col-5 .hentry {
		width: 20%;
	}
	.no-sidebar .comment-form-author, 
	.no-sidebar .comment-form-email, 
	.no-sidebar .comment-form-url {
	    width: 33.33%;
	    float: left;
	}
	.no-sidebar .comment-form-author input, 
	.no-sidebar .comment-form-email input {
	    max-width: 93%;
	}
	.site-info.col-2 span {
	    width: 50%;
	    float: left;
	    text-align: left;
	    margin-bottom: 0;
	}
	.site-info.col-2 span:nth-child(2) {
	    width: 50%;
	    float: right;
	    text-align: right;
	}
	#whole_contact article {
		width: 50%;
		float: left;
	}
	#whole_contact article:nth-child(1) .entry-container {
		width: 90%;
		padding: 0 20px;
	}
	#whole_events .event-item {
		display: inline-flex;
		align-items: center;
		width: 100%;
	}
	#whole_events .posted-on,
	#whole_events .event-time,
	#whole_events .buy-ticket {
		width: 20%;
		margin-bottom: 0;
	}
	#whole_events .entry-header {
		width: 40%;
		margin-bottom: 0;
		text-align: left;
	}
	#whole_events .entry-header img {
		float: left;
		margin: 0;
		margin-right: 25px;
	}
	#whole_events .entry-title {
		display: table-cell;
	}
	#whole_blog_main .featured-image {
		padding: 170px 0;
	}
}
@media screen and (min-width: 1025px) {
	.col-3 article{
		width: 33.33%;
	}
	.col-3 article:nth-child(2n+1) {
		clear: none;
	}
	.col-3 article:nth-child(3n+1) {
		clear: left;
	}
	.col-3 article:nth-last-child(-n+3) {
		margin-bottom: 0;
	}
/*	.main-menu {
		position: absolute;
		z-index: 111;
		left: 0;
		right: 0;
		top: 0;
	}*/
	#top-navigation {
    	padding: 20px 0;
    	border-bottom: 1px solid #E8E8E8;
	}
	#top-navigation .main-navigation {
		display: flex!important;
		align-items: center;
		justify-content: space-between;
	}
	#top-navigation ul.nav-menu,
	#top-navigation .icon-wrapper {
	 	width: 35%;
	 	text-align: left;
	}
	#top-navigation .site-branding-wrapper {
		width: 30%;
		text-align: center;
		border-left: 1px solid #E8E8E8;
		border-right: 1px solid #E8E8E8;
		padding: 10px 0;
	}
	#top-navigation .icon-wrapper {
		text-align: right;
	}
	#top-navigation #secondary-menu li {
		display: block;
	}
	#top-navigation.topbar-two #secondary-menu li {
		display: inline-block;
	}
	#top-navigation.topbar-two .main-navigation ul ul.login-register {
		display: none;
	}
	#top-navigation.topbar-two .main-navigation .login-register a {
		display: inline-block;
	}
	.site-title {
		font-size: 42px;
	}
	#masthead .social-icons li:not(:last-child) {
	    margin-right: 15px;
	}
	#masthead .social-icons {
	    margin: 0;
	}
	.menu-overlay.active {
		display: none;
	}
	#site-navigation {
		text-align: center;
	}
	.site-branding-wrapper {
		float: left;
	}
	#masthead .site-branding-wrapper {
		display: none;
	}
	#masthead.header-two .site-branding-wrapper,
	#masthead.header-three .site-branding-wrapper {
		display: block;
	}
	#masthead.header-three .social-icons li:not(:last-child),
	.header-three .main-navigation .social-icons ul {
	    border: unset;
	}
	#masthead.header-three .main-navigation .social-icons ul li a svg {
		transform: unset;
	}
	#top-navigation .site-branding-wrapper {
		display: block;
		float: none;
	}
	.main-navigation .social-menu-item ul {
	    position: relative;
	    top: 0;
	    left: 0;
	    z-index: 1;
	    float: none;
	    background-color: transparent;
	    box-shadow: none;
	}
	.main-navigation li.social-icons {
		padding-left: 28px;
		display: none;
	}
	.main-navigation .social-menu-item ul li:not(:last-child),
	.main-navigation .social-menu-item ul li a {
	    border: none;
	}
	.main-navigation .social-menu-item .social-icons {
		padding: 5px 0;
	}
	.main-navigation li.social-menu-item {
	    float: right;
	}
	#top-navigation .main-navigation ul.nav-menu > li > a {
		padding: 3px 0;
	}
	.main-navigation {
        display: block !important;
	}
	.main-navigation li.menu-item-has-children:hover > a > svg, 
	.main-navigation li.menu-item-has-children:focus > a > svg, 
	.main-navigation li.menu-item-has-children > a:hover > svg,
	.main-navigation li.menu-item-has-children > a:focus > svg {
		fill: #1A1C20;
	}
	#masthead .main-navigation ul.nav-menu li.current-menu-item > a,
	#masthead .main-navigation ul.nav-menu > li > a:hover,
	#masthead .main-navigation ul.nav-menu > li > a:focus,
	.main-navigation ul.nav-menu li:hover > a,
	.main-navigation ul.nav-menu li.focus > a {
		color: #818181;
	}
	.main-navigation ul.nav-menu > li:hover > a > svg,
	.main-navigation ul.nav-menu > li.focus > a > svg,
	.main-navigation ul.nav-menu > li.current-menu-item > a > svg{
		fill: #818181;
	 }
	.main-navigation ul.nav-menu,
	.main-navigation {
		display: block !important;
	    height: auto !important;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: 0;
		right: auto;
	}
	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
		right: auto;
	}
	.main-navigation ul.sub-menu li a {
		border-bottom: none;
	}
	.main-navigation ul ul li:not(:last-child) {
	    border-bottom: 1px solid #1A1C20;
	}
	#top-navigation.topbar-two .main-navigation ul ul li:not(:last-child) {
		border-bottom: unset;
	}
	.main-navigation ul ul {
	    border: 1px solid #1A1C20;
	}
	.main-navigation ul.sub-menu li:hover > a,
	.main-navigation ul.sub-menu li:focus > a {
		color: #818181;
	}
	.main-navigation ul.sub-menu > li:last-child > a {
		border-bottom: none;
	}
	.main-navigation li.search-menu {
		display: none;
	}
	#masthead .social-icons li a svg {
		fill: #fff;
	}
	#masthead.header-three .social-icons li.search-menu a svg {
		fill: #1A1C20;
	}
	.main-navigation .search-active .icon-search,
	#masthead.header-three .main-navigation .search-active .icon-search {
		display: none;
	}
	#masthead.header-three .social-menu {
    	padding-left: 10px;
	}
	.main-navigation .search-active .icon-close,
	#masthead.header-three .main-navigation .search-active svg.icon-close {
		display: inline-block;
	}
	#masthead .main-navigation ul ul li .sub-menu li a,
	#masthead .main-navigation ul li .sub-menu li a,
	#masthead .main-navigation ul ul li.menu-item-has-children > a {
	    padding-right: 35px;
	    color: #1A1C20;
	}
	#masthead .main-navigation ul li .sub-menu li:hover > a,
	#masthead .main-navigation ul li .sub-menu li.focus > a {
		color: #a5a5a5;
	}
	#masthead .main-navigation ul ul li a svg {
	    display: inline-block;
	    top: 17px;
	    -webkit-transform: rotate(-90deg);
	    -moz-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	    -o-transform: rotate(-90deg);
	    transform: rotate(-90deg);
	}
	.main-navigation ul.nav-menu ul li.current-menu-item > a,
	.main-navigation ul.nav-menu ul li:hover > a,
	.main-navigation ul.nav-menu ul li:focus > a {
	    color: #fff;
	}
	.main-navigation ul ul li.menu-item-has-children:hover > a > svg, 
	.main-navigation ul ul li.menu-item-has-children > a:hover > svg {
		fill: #818181;
	}
	button.dropdown-toggle,
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
	.main-navigation li {
	    display: inline-block;
	}
	.main-navigation ul.nav-menu > li > a {
		padding: 18px 40px;
	}
	.main-navigation ul.nav-menu > li.menu-item-has-children:hover > a:before {
	    content: "";
	    border-left: 10px solid transparent;
	    border-right: 10px solid transparent;
	    border-bottom: 10px solid #fff;
	    position: absolute;
	    bottom: 0px;
	    left: 0;
	    right: 0;
	    width: 10px;
	    height: 10px;
	    margin: auto;
	}
	.main-navigation .left-menu {
	    padding-left: 50px;
	}
	.main-navigation ul.nav-menu > li.left-menu > a,
	.main-navigation ul.nav-menu > li.right-menu > a {
		padding-left: 5px;
		padding-right: 5px;
	}
	.main-navigation li.left-menu + li.right-menu:before {
	    content: "/";
	    position: absolute;
	    top: 50%;
	    margin-left: -6px;
	    color: #fff;
	    margin-top: -1px;
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
	.main-navigation .main-navigation-search {
	    float: right;
	    padding: 12px 0;
	}
	.main-navigation form.search-form input {
	    border: none;
	    color: #1A1C20;
	    padding: 0 30px;
	    height: 30px;
	    border-radius: 0px;
	    background-color: transparent;
	    box-shadow: none;
	    outline: none;
	    max-width: 359px;
	    padding-left: 30px;
	}
	.main-navigation form.search-form svg.icon-search {
		fill: #1A1C20;
	}
	.menu-sticky .nav-shrink #site-navigation {
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	}
	#top-navigation .main-navigation ul.nav-menu li a {
		font-weight: 400;
	}
	#top-navigation .main-navigation ul.nav-menu > li.current-menu-item > a,
	#top-navigation .main-navigation ul.nav-menu > li > a:hover,
	#top-navigation .main-navigation ul.nav-menu > li > a:focus,
	#top-navigation .main-navigation ul.nav-menu > li:hover > a {
		color: #818181;
	}
	#top-navigation .main-navigation ul.nav-menu > li.current-menu-item > a svg,
	#top-navigation .main-navigation ul.nav-menu > li > a:hover svg,
	#top-navigation .main-navigation ul.nav-menu > li > a:focus svg,
	#top-navigation .main-navigation ul.nav-menu > li:hover > a svg {
		fill: #818181;
	}
	#masthead .main-navigation ul.nav-menu > li.main-navigation-search:before {
		display: none;
	}
	.main-navigation form.search-form ::-webkit-input-placeholder {
		color: #fff;
	}
	.header-two .site-branding,
	.header-three .site-branding {
		width: 30%;
		float: left;
	}
	.header-two .main-navigation,
	.header-three .main-navigation {
    	width: 70%;
    	float: right;
    	text-align: right;
	}
	.header-two #site-navigation,
	.header-three #site-navigation {
		text-align: right;
	}
	.header-two .main-navigation ul.nav-menu > li > a,
	.header-three .main-navigation ul.nav-menu > li > a {
    	padding: 18px 20px;
	}
	.header-two .site-title,
	.header-three .site-title {
 	   font-size: 34px;
	}
	.header-two .main-navigation li.search-menu,
	.header-three .main-navigation li.search-menu {
		display: inline-block;
	}
	.header-two #search,
	.header-three #search {
		position: absolute;
		z-index: 30;
		right: -11px;
		top: 100%;
		display: none;
	}
	.header-two .main-navigation form.search-form,
	.header-three .main-navigation form.search-form {
    	border: 20px solid #1A1C20;
	}
	.header-two .main-navigation form.search-form input,
	.header-three .main-navigation form.search-form input {
		background-color: #fff;
	}
	#page-site-header .wrapper {
	    position: absolute;
	    left: 0;
	    right: 0;
	    text-align: center;
	    width: 90%;
	    top: 50%;
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
	#page-site-header .page-title {
		font-size: 54px;
	}
	.no-sidebar nav.navigation.pagination {
	    text-align: center;
	}
	.inner-wrapper-sticky {
	    padding-bottom: 50px;
	    display: block;
	}
	.right-sidebar #primary,
	.left-sidebar #primary {
    	width: 70%;
    	float: left;
	    padding-right: 30px;
    }
    .right-sidebar #secondary,
    .left-sidebar #secondary {
    	width:30%;
    	float: left;
    }
	.left-sidebar #primary {
		padding-left: 30px;
		padding-right: 0;
		float: right;
	}
    .no-sidebar #primary {
    	width: 100%;
    	float: none;
    	padding-right: 0;
    }
    #primary {
    	width: 70%;
    	float: left;
    	padding-right: 15px;
    }
    #secondary {
    	width: 30%;
    	float: left;
    	padding-left: 15px;
    	padding-top: 15px;
    }
    #whole_hero_banner article,
    #whole_event_slider article,
    #whole_shop_slider article {
    	padding: 200px 0;
    }
    #whole_hero_banner .entry-title,
    .section-title,
    #whole_counter .counter-value {
    	font-size: 74px;
    }
    #whole_welcome .section-title,
    #whole_contact article .section-title,
    #whole_call_to_action .cta-wrapper .section-title {
    	font-size: 52px;
    }
    #whole_projects .entry-title {
		font-size: 24px;
	}
	#whole_top_picks article {
		width: 25%;
	}
	#whole_top_picks article:nth-child(1) {
		width: 50%
	}
	#whole_top_picks article:nth-child(2) {
		margin-bottom: 30px;
	}
	#whole_top_picks article:nth-child(1) img,
	#whole_top_picks article:nth-child(3) img {
		height: 630px;
	}
	#whole_count_down .entry-title {
		font-size: 32px;
	}
	#whole_subscription .wrapper {
	    position: relative;
	}
	#whole_subscription #subscribe-text {
		margin-bottom: 0;
	}
	#whole_subscription {
		text-align: unset;
	}
	#whole_subscription p {
		margin: 0;
		line-height: 1.4;
	}
	#whole_subscription .subscribe-wrapper {
		display: flex;
		align-items: center;
	}
	#whole_subscription .entry-container {
		width: 35%;
		padding-left: 20px;
	}
	#whole_subscription form {
		width: 62%;
		display: flex;
		align-items: center;
		padding-left: 20px;
	}
	#whole_subscription #subscribe-email {
		width: 100%;
	}
	#whole_gallery .featured-image {
		padding: 170px 0;
	}
} 
@media screen and (min-width: 1200px) {
	.page-section {
		padding: 85px 0;
	}
	.thumbnail-wrapper.col-4 article {
	    width: 25%;
	}
	.header-two #masthead #primary-menu,
	.header-three #masthead #primary-menu {
    	padding: 15px 0;
	}
	.footer-widgets-area.col-4 .hentry {
	    width: 25%;
		padding-right: 35px;
	}
	.footer-widgets-area.col-5 .hentry {
		width: 20%;
		float: left;
	}
	.footer-widgets-area.col-4 .hentry:last-child {
		padding-right: 0;
	}
	.footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
	    clear: none;
	}
	.footer-widgets-area.col-4 .hentry:nth-child(4n+1),
	.footer-widgets-area.col-5 .hentry:nth-child(5n+1) {
	    clear: left;
	}
	.site-info.col-3 span, 
	.site-info.col-3 .social-icons {
	    width: 20%;
	    float: left;
	}
	.site-info.col-3 span {
	    text-align: left;
	}
	.site-info.col-3 .custom-menu {
	    width: 60%;
	    float: left;
	    text-align: center;
	}
	.site-info.col-3 .social-icons {
	    float: right;
	    text-align: right;
	}
	#masthead #primary-menu {
		padding: 10px 0;
	}
	#whole_services .entry-title {
		font-size: 24px;
	}
	#whole_call_to_action .entry-container {
		padding: 30px 51px 30px 60px;
	}
	#whole_call_to_action .entry-content {
		margin-bottom: 45px;
	}
	#whole_contact article:nth-child(1) .entry-container {
		width: 80%;
	}
	#whole_contact .featured-image {
		border-top-right-radius: 220px;
		border-top-left-radius: 220px;
		padding: 220px 0;
	}
	#whole_count_down .entry-title,
	.second-design .section-title, 
	.third-design .section-title {
		font-size: 42px;
	}
	#whole_events .entry-title {
		padding-top: 15px;
	}
	#whole_blog_main .featured-image {
		padding: 200px 0;
	}
}
@media screen and (min-width: 1900px) {
	.page-section {
		padding: 95px 0;
	}
	p {
		font-size: 18px;
	}
	.wrapper {
	    max-width: 1440px;
	}
	#masthead #primary-menu {
		padding: 15px 0;
	}
	.mid-advertisement {
	    padding: 0;
	}
	#top-navigation .posted-on a {
		font-size: 18px;
	}
	#site-navigation a,
	#secondary-navigation li a {
		font-size: 18px;
	}
	#top-navigation .main-navigation ul.nav-menu > li > a {
		padding: 11px 18px;
	}
	.main-navigation ul.nav-menu > li > a {
	    padding: 13px 22px;
	}
	.boxed-layout #page,
	.frame-layout #page {
	    max-width: 1600px;
	}
	.site-info:before {
		max-width: 1410px;
	}
	.site-info.col-3 span, 
	.site-info.col-3 .social-icons {
	    width: 15%;
	}
	.site-info.col-3 .custom-menu {
	    width: 70%;
	}
	#colophon ul li a {
		font-size: 20px;
	}
	#whole_hero_banner article,
	#whole_event_slider article,
	#whole_shop_slider article {
    	padding: 250px 0;
    }
    #whole_hero_banner .entry-title,
    .section-title,
    #whole_counter .counter-value {
    	font-size: 90px;
    }
    #whole_welcome .section-title,
    #whole_contact article .section-title,
    #whole_call_to_action .cta-wrapper .section-title {
    	font-size: 60px;
    }
    #whole_welcome .wrapper {
		width: 60%;
	}
	.section-banner {
		padding: 253px 0;
	}
	#whole_projects .entry-title,
	#whole_services .entry-title  {
		font-size: 32px;
	}
	#whole_counter .counter-container {
		padding: 140px 0;
	}
	#whole_projects .section-content,
	#whole_services .service-wrapper,
	#whole_call_to_action .cta-wrapper,
	#whole_contact .contact-wrapper {
		padding: 95px 0;
	}	
	#whole_services .entry-container {
		padding: 58px;
	}
	#whole_projects .entry-container {
		padding-top: 40px;
	}
	#whole_call_to_action .entry-container {
		padding: 35px 120px 35px 110px;
	}
	#whole_contact .featured-image {
		border-top-right-radius: 280px;
		border-top-left-radius: 280px;
		padding: 250px 0;
	}
	#whole_contact .entry-content {
		padding: 0 35px 20px 35px;
	}
	#whole_contact form label {
		top: -12px;
	}
	.widget-title {
		font-size: 32px;
	}
	.second-design .section-title {
		font-size: 42px;
	}
	#whole_count_down .entry-title {
		font-size: 48px;
	}
	#whole_blog_main .featured-image {
		padding: 220px 0;
	}
}
@media screen and (max-width: 1024px) {
	#top-navigation {
	    background-color: #171616;
	}
	.main-navigation a {
	    border-bottom: 1px solid #eee;
	}
	.main-navigation .wrapper {
	    width: 100%;
	    padding: 0;
	}
	.main-navigation ul ul a {
	    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.sub-menu li {
	    padding-right: 0;
	}
	.main-navigation .menu-item-has-children > a:before {
	    content: "";
	    float: right;
	    position: relative;
	    right: 25px;
	    background-color: #ccc;
	    width: 1px;
	    height: 25px;
	}
	.main-navigation .menu-item-has-children > a:after {
	    padding-top: 3px;
	}
	.main-navigation ul.nav-menu > li > a,
	.main-navigation ul.nav-menu li ul.menu,
	.main-navigation ul.sub-menu li a,
	#top-navigation .icon-wrapper {
	    padding: 15px 15px 15px 25px;
	}
	.main-navigation ul.sub-menu li a {
		padding-left: 50px;
	}
	.main-navigation ul.sub-menu ul li a {
		padding-left: 75px;
	}
	.main-navigation ul.sub-menu ul ul li a {
		padding-left: 100px;
	}
	.main-navigation ul.sub-menu ul ul ul li a {
		padding-left: 125px;
	}
	.main-navigation .menu-item-has-children a svg {
		display: none;
	}
	.main-navigation ul.sub-menu li a {
		border-left: none;
	}
	.main-navigation ul.nav-menu {
	    margin-right: 0;
	    background-color: #fff;
	    border-top: 1px solid #eee;
	}
	.main-navigation {
		position: static;
	}
	.main-navigation a {
		color: #333;
	}
	.main-navigation svg.icon-search,
	.main-navigation svg.icon-down {
		fill: #333;
	    margin-top: -5px;
	}
	.main-navigation ul.sub-menu {
		border: none;
	}
	.main-navigation {
	    margin-top: 0;
	    position: absolute;
	    background-color: #fff;
	    z-index: 30000;
	    max-width: 100%;
	    top: 100%;
	    left: auto;
	    right: 0;
	    width: 100%;
	    display: none;
	}
	#top-navigation .main-navigation {
		display: none;
	}
	.main-navigation .search-menu a {
	    display: none;
	}
	.main-navigation form.search-form input {
	    background-color: #fff;
	    border: none;
	    min-height: 55px;
	}
	.main-navigation form.search-form button.search-submit {
		height: 59px;
	}
	.main-navigation form.search-form input {
		padding-left: 40px;
	}
	.main-navigation .sub-menu svg {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	    top: 28px;
	}
	.header-two #site-navigation.main-navigation li.search-menu a,
	.header-three #site-navigation.main-navigation li.search-menu a {
		display: none;
	}
	.header-two #search,
	.header-three #search {
		display: block !important;
	}
	#page-site-header {
		padding: 150px 0;
	}
	#secondary {
	    margin-top: 30px;
	}
	body.home:not(.blog) #secondary {
	    margin-top: 0;
	}
	.mid-advertisement {
	    margin: 30px 0;
	}
	.site-branding-container {
	    text-align: center;
	}
	.site-branding-wrapper {
		padding: 10px 0;
	}
	#whole_subscription .subscribe-text,
	#whole_subscription .widget-title {
		padding: 10px 0;
	}
	#top-navigation .icon-wrapper {
    	display: none;
	}
	#top-navigation .main-navigation ul li.social-icons ul {
    	display: block;
	}
	#top-navigation .main-navigation ul li.social-icons  a svg {
		margin-right: 0;
	}
	#top-navigation .main-navigation ul li.social-icons ul a {
    	width: 30px;
	}
}

@media screen and (max-width: 992px) {
	.comments-title, 
	#reply-title {
	    font-size: 28px;
	}
	#whole_contact .contact-wrapper article:not(:last-child) {
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 767px) {
	#masthead.site-header .main-navigation ul.nav-menu {
		max-width: 100%;
	}
	.section-header-wrapper {
	    display: block;
	}
	.comment-navigation .nav-previous, 
	.posts-navigation .nav-previous, 
	.post-navigation .nav-previous,
	.comment-navigation .nav-next, 
	.posts-navigation .nav-next, 
	.post-navigation .nav-next {
		width: 100%;
    	margin: 15px 0;
	}
	.post-navigation span.previous-article b, 
	.post-navigations span.previous-article b, 
	.post-navigation span.next-article b, 
	.post-navigations span.next-article b {
		font-size: 18px;
	}
	.comment-wrap {
	    margin-left: 0;
	}
	#commentform p.comment-form-comment,
	#commentform p.form-submit {
		margin-top: 21px;
	}
	.comments-title, 
	#reply-title {
	    font-size: 26px;
	}
	#comments {
	    margin-top: 40px;
	}
	.footer-logo {
		margin-bottom: 15px;
	}
}
@media screen and (max-width: 567px) {
	.site-branding {
	    display: block;
	}
	.site-logo {
	    margin-right: 0;
	}
	.site-logo + #site-identity {
	    margin-top: 20px;
	}
	.pagination .page-numbers.prev, 
	.pagination .page-numbers.next {
		top: 0;
	}
	.pagination .prev.page-numbers:before, 
	.pagination .next.page-numbers:before {
		width: 35px;
		height: 10px;
	}
	.pagination .page-numbers.prev, 
	.pagination .page-numbers.next {
		margin-left: 0;
		margin-right: 0;
	}
	.comment-content {
		margin-left: 0;
	    background-color: #fff;
	    margin-top: 25px;
	    padding: 15px 20px;
	}
	.reply {
		padding-left: 0;
	}
	#comments ol.children {
	    margin-left: 25px;
	}
	.comment-meta .fn {
	    margin-left: 0;
	    margin-top: 10px;
	}
	.footer-widgets-area .hentry:last-child,
	.footer-widgets-area.col-3 .hentry:last-child {
		margin-bottom: 0;
	    padding-right: 0;
	}
	.woocommerce #whole_latest_product ul.products li.product,
	.woocommerce #whole_product_filter ul.products li.product {
		text-align: center;
	}
	.section-title,
	#whole_welcome .section-title, 
	#whole_contact article .section-title, 
	#whole_call_to_action .cta-wrapper .section-title {
		font-size: 38px;
	}
	#whole_hero_banner .entry-title, 
	#whole_event_slider .entry-title, 
	#whole_shop_slider .entry-title {
		font-size: 32px;
	}
	#whole_hero_banner .read-more a:not(:last-child), 
	#whole_event_slider .read-more a:not(:last-child),
 	#whole_shop_slider .read-more a:not(:last-child) {
 		margin-right: 0;
 		margin-bottom: 10px;
 	}
 	#whole_shop_service article:not(:last-child),
 	#whole_top_picks article:not(:last-child),
 	#whole_services article:not(:last-child),
 	#whole_projects article:not(:last-child),
 	#whole_gallery article:not(:last-child),
 	.woocommerce #whole_latest_product ul.products li.product:not(:last-child),
 	.woocommerce #whole_product_filter ul.products li.product:not(:last-child) {
 		margin-bottom: 30px;
 	}
}


.grid-layout article:not(:last-child), 
.list-layout article:not(:last-child) {
	margin-bottom: 30px;
}

.same-background {
    padding-top: 0;
}

#secondary .widget_editors_choice,
#secondary .widget_instagram,
#secondary .widget_popular_post {
	background-color: unset;
}
.entry-meta>span:after {
	content: unset;
}
.logged-in-as a,
.product_meta a,
.yith-wcwl-wishlistexistsbrowse a,
.woocommerce-cart table.cart td a,
.wishlist-items-wrapper td a,
input:hover,
input:focus {
	text-decoration: none !important;
}
.comment-awaiting-moderation {
    display: none;
}
.error-404 .page-content {
    margin: 0 auto;
    max-width: 700px;
    text-align: center;
    margin-top: 30px;
}
.error-404 .page-content .read-more {
    margin-top: 30px;
}
.error-404 .page-content form.search-form button.search-submit {
	width: 50px;
	height: 50px;
}