/*
Theme Name: Katha
Theme URI: https://themepalace.com/downloads/katha
Author: Theme Palace
Author URI: https://themepalace.com
Description: Katha is a beautifully crafted, clean, easy to use, aesthetically pleasing and responsive WordPress Multipurpose theme built with flexibility in mind as its unique design is primarily apposite for blog and portfolio websites. Katha is an adaptable platform that can readily service all manners of websites across an endless range of niches and markets with effortless ease, quickly shifting its shape and look to match your most extreme specifications.
Version: 1.2.1
Requires at least: 4.7
Tested up to: 5.5
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: katha
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, editor-style, right-sidebar, full-width-template, two-columns, custom-colors, custom-logo, 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.

Katha 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:
----------------------------------------------------------------
#Pre-loader
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
#social-icons

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

/*--------------------------------------------------------------
# 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: 80px;
	height: 80px;
	animation: preloader 1.5s  infinite ease-in-out;
}
.blog-loader {
	text-align: center;
	margin-top: 25px;
}
.blog-loader svg {
	width: 30px;
	height: 30px;
	animation: preloader 1.5s  infinite ease-in-out;
}
@keyframes preloader {
    100%{transform:rotate(180deg);}
}
.backtotop {
    background-color: #1b1b1b;
    z-index: 300;
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 25px;
    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;
    display: inline-block;
    color: #fff;
}
.backtotop svg {
	fill: #fff;
}
.backtotop:hover {
	background-color: #ffb72b;
}
.backtotop:hover svg {
	fill: #fff;
}


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

body {
	margin: 0;

}

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

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

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}


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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 1em 40px;
}

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

pre {
	overflow: auto;
}

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

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

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

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

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

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #5f6d84;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

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 {
	color: #1b1b1b;
	margin: 16px 0;
	line-height: 1.3;
	font-weight: 400;
	font-family: 'Playfair Display', serif;
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

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

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

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

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

big {
	font-size: 125%;
}

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

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

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	background: #fff;
	line-height: 2;
	/* Fallback for when there is no custom background color defined. */
}
#page {
    position: relative;
    max-width: 1920px;
    margin: auto;
    overflow-x: hidden;
}

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

ul, ol {
	margin: 0 0 1.5em 0;
}

ul {
	list-style: none;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

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

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 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:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

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

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

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #ffb72b;
	text-decoration: none;
}

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

a:focus {
    outline: thin dotted;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-branding {
    float: left;
    padding: 15px 0;
    display: flex;
    align-items: center;
    min-height: 110px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.site-logo img {
    max-height: 50px;
    width: auto;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.site-logo {
    display: inline-block;
}
.site-logo img {
    margin-right: 25px;
}
#site-details {
    display: inline-block;
}
#site-details p {
    margin: 0 0 5px 0;
    line-height: 1;
    color: #fff;
}
.site-title {
	font-size: 18px;
	margin: 0 0 0.67em;
}
.site-title a {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 18px;
}

.site-title a:hover {
	color: #fff;
}

.main-navigation {
	display: block;
	float: right;
}

.main-navigation a.search {
    min-width: 61px;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul.sub-menu li a {
    padding: 8px 15px;
    color: #fff;
    text-transform: uppercase;
    border-left: 1px solid #444;
    border-bottom: 1px solid #444;
}

.modern-menu #search {
    display: block !important;
}

.modern-menu .main-navigation ul.sub-menu li a {
     border-left: none; 
}

.modern-menu .main-navigation ul ul ul li a {
    padding: 15px 45px;
}

.modern-menu .main-navigation ul ul ul ul li a {
    padding: 15px 65px;
}

.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 li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: auto;
	right:100%;
}

.main-navigation ul ul a {
	width: 280px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
	right: 0;
}
#site-header-menu .main-navigation a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    color: #2e2e2e;
    padding: 15px 25px;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
}


.main-navigation a {
	display: block;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 15px;
    text-transform: uppercase;
	font-weight: 400;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.main-navigation ul li a:hover {
    color: #ffb72b;
}
.main-navigation ul#primary-menu li.current-menu-item > a,
.main-navigation ul#primary-menu li:hover > a,
.main-navigation ul#primary-menu li:focus > a,
.main-navigation ul#primary-menu .focus > a,
.main-navigation ul#primary-menu li:hover > a svg,
.main-navigation ul#primary-menu li:active > a svg,
.main-navigation ul#primary-menu li:focus > a svg,
.main-navigation ul#primary-menu .focus > a svg,
.main-navigation ul#primary-menu li > a:focus svg {
	color: #ffb72b;
	fill: #ffb72b;
}
.main-navigation ul li a,
.main-navigation ul li a svg {
    color: #a8a8a8;
    fill: #a8a8a8;
}
.main-navigation ul li a svg {
	width: 12px;
	height: 12px;
	margin-left: 10px;
}
.main-navigation ul li .sub-menu li a svg {
    position: absolute;
    top: 16px;
    transform: rotate(90deg);
}
.classic-menu .main-navigation ul li .sub-menu li a svg {
    top: 20px;
    right: 10px;
}
.main-navigation .close-search {
    display: none;
}

#masthead {
    position: relative;
    width: 100%;
    z-index: 3000;
    background-color: #1b1b1b;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.boxed #masthead {
	width: auto;
	left: 0;
	right: 0;
	margin: auto;
}
form.search-form button.search-submit {
    height: 45px;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    border-radius: 0;
    outline: none;
}
form.search-form input {
    width: 100%;
    padding: 0 40px 0 15px;
    font-weight: 300;
    outline: none;
    height: 45px;
    border-radius: 0;
    border: none;
}
.search.search-no-results .no-results.not-found form.search-form button.search-submit {
    height: 45px;
}
.modern-menu .main-navigation ul li form.search-form input {
    height: 62px;
}
.main-navigation form.search-form input {
    background-color: #000;
    padding-left: 29px;
    color: #fff;
}
.modern-menu form.search-form button.search-submit {
    color: #a8a8a8;
    height: 60px;
}
form.search-form {
    position: relative;
    min-width: 320px;
}
.search-submit svg {
    font-size: 16px;
}
.modern-menu .main-navigation svg.icon.icon-search {
    fill: #fff;
}
button.menu-toggle {
    background-color: transparent;
    border: none;
    position: relative;
    top: 36px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.menu-toggle:focus {
    outline: thin dotted #fff;
}
.modern-menu .nav-shrink .main-navigation ul#primary-menu > li > a {
    padding: 15px 25px;
}
#secondary form.search-form button.search-submit,
#colophon form.search-form button.search-submit {
    height: 45px;
}
.icon-bar {
    margin-top: 6px;
    width: 25px;
    height: 1px;
    background-color: #fff;
    display: block;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.main-navigation.menu-open button.menu-toggle .icon-bar:nth-child(1) {
    transform: rotate(45deg);
    position: relative;
    top: 7px;
}
.main-navigation.menu-open button.menu-toggle .icon-bar:nth-child(2) {
    display: none;
}
.main-navigation.menu-open button.menu-toggle .icon-bar:nth-child(3) {
    transform: rotate(-45deg);
}
.modern-menu .main-navigation ul {
    display: none;
}
.modern-menu button.dropdown-toggle svg {
	vertical-align: middle;
}
.modern-menu .main-navigation ul li a svg {
	display: none;
}
.modern-menu button.dropdown-toggle {
    fill: #fff;
    background-color: transparent;
    border: none;
    padding: 0;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    width: 61px;
	height: 61px;
    font-size: 20px;
    text-align: center;
    -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;
}
.modern-menu button.dropdown-toggle svg {
	fill: #fff;
}
.modern-menu button.dropdown-toggle.active {
    transform: rotate(180deg);
    -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;
}
.modern-menu .main-navigation ul#primary-menu {
    max-width: 400px;
}
.modern-menu .main-navigation ul {
    position: absolute;
    top: 100%;
    z-index: 30000;
    background-color: #000;
    right: 0;
    left: auto;
    width: 100%;
    max-width: 100%;
}
.modern-menu .main-navigation ul li {
    border-bottom: 1px solid rgba(221, 221, 221, 0.3);
    position: relative;
}
.modern-menu .main-navigation ul li a {
    padding: 15px 25px;
}
.modern-menu .search {
    display: none;
}
.modern-menu .main-navigation ul li:hover > ul,
.modern-menu .main-navigation ul li.focus > ul {
    left: 0;
    right: auto;
}
.modern-menu .main-navigation ul ul {
    float: none;
    position: relative;
    width: 100%;
}
.modern-menu .main-navigation ul ul a {
    width: 100%;
}
.modern-menu .main-navigation ul.sub-menu li {
    border: none;
}
.main-navigation ul.sub-menu {
    background-color: #333;
}


/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.main-navigation ul {
		display: block;
	}
}

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

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

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
	position: relative;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	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;
	clip-path: none;
	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,
.widget_popular_posts ul li:before,
.widget_latest_posts ul li:before,
.widget_popular_posts ul li:after,
.widget_latest_posts ul li:after,
.widget_instagram:before, 
.widget_instagram:after  {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.widget_popular_posts ul li:before,
.widget_latest_posts ul li:before,
.widget_popular_posts ul li:after,
.widget_latest_posts ul li:after,
.widget_instagram:before, 
.widget_instagram:after {
	clear: both;
}
.tp-instagram.tpinstagram .hentry {
	margin: 0;
}
.tp-instagram ul {
    list-style: none;
    margin: -5px;
    padding: 0;
}
.widget.tp-instagram li {
	margin: 0;
	padding: 5px;
}
#colophon .widget.tp-instagram li {
	padding-right: 5px;
}
.site-footer .tp-instagram .col-1 .hentry:first-child {
	width: 100%;
}
.tp-instagram .col-1 li,
.site-footer .tp-instagram .col-1 li {
	width: 100%;
	float: none;
	clear: none;
}
.tp-instagram .col-2 li,
.site-footer .tp-instagram .col-2 li,
.site-footer .tp-instagram .col-2 .hentry:first-child {
	width: 50%;
	float: left;
	clear: none;
}
.tp-instagram .col-3 li,
.site-footer .tp-instagram .col-3 li,
.site-footer .tp-instagram .col-3 .hentry:first-child {
	width: 33.33%;
	float: left;
	clear: none;
}
.tp-instagram .col-4 li,
.site-footer .tp-instagram .col-4 li,
.site-footer .tp-instagram .col-4 .hentry:first-child {
	width: 25%;
	float: left;
	clear: none;
}
.tp-instagram .col-5 li,
.site-footer .tp-instagram .col-5 li,
.site-footer .tp-instagram .col-5 .hentry:first-child {
	width: 20%;
	float: left;
	clear: none;
}
.tp-instagram li img {
	width: 100%;
}
#secondary .widget.tp-instagram ul li:before, 
#colophon .widget.tp-instagram ul li:before {
	display: none;
}
#secondary .widget.tp-instagram.tpinstagram,
#colophon .widget.tp-instagram.tpinstagram {
	margin-bottom: 50px;
	display: inline-block;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

.widget_tag_cloud .tagcloud a {
    border: 1px solid #ccc;
    line-height: 1;
    font-size: 14px !important;
    padding: 5px 15px;
    display: inline-block;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

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

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

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

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

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.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;
}
#content {
    position: relative;
}
.entry-content {
	margin-top: 0;
}
.wrapper {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.row {
    margin: 0 -15px;
}
.page-section {
    padding: 100px 0;
}
.no-padding-bottom {
	padding-bottom: 0;
}
.no-padding-top {
	padding-top: 0;
}
.entry-title {
    font-size: 34px;
    margin: 0 0 10px;
    word-wrap: break-word;
}
.sub-title {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #ffb72b;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.btn {
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 45px;
    display: inline-block;
    outline: none;
}
.btn-white {
    color: #fff;
}
.btn-white svg {
    margin-left: 15px;
    fill: #fff;
}
.btn-black {
    color: #1b1b1b;
}
.btn-black svg {
    margin-left: 15px;
    fill: #1b1b1b;
}
.btn-black:hover svg,
.btn-white:hover svg,
.btn-black:focus svg,
.btn-white:focus svg,
.btn-black:hover,
.btn-white:hover,
.btn-black:focus,
.btn-white:focus {
	color: #ffb72b;
	fill: #ffb72b;
}
.seperator {
    border: 2px solid #ffb72b;
    width: 50px;
    text-align: right;
    margin: auto;
    display: inline-block;
}


/*--------------------------------------------------------------
# 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%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

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

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

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

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.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 ul {
    margin: 0;
    padding: 0;
}
.social-icons li {
    display: inline-block;
    width: 50px;
    height: auto;
    text-align: center;
    line-height: 50px;
    position: relative;
    list-style: none;
}
.social-icons ul li a {
    text-decoration: none;
    display: block;
}
.social-icons ul li span {
    display: none;
}
.social-icons ul li:not(:last-child) {
    margin-right: 10px;
}
.social-icons li a svg {
 	fill: #b6bccd;
}
.social-icons li a[href*="facebook.com"]:hover svg,
.social-icons li a[href*="fb.com"]:hover svg,
.social-icons li a[href*="facebook.com"]:focus svg,
.social-icons li a[href*="fb.com"]:focus svg {
 	fill: #3b5998;
}
.social-icons li a[href*="twitter.com"]:hover svg,
.social-icons li a[href*="twitter.com"]:focus svg {
 	fill: #1da1f2;
}
.social-icons li a[href*="linkedin.com"]:hover svg,
.social-icons li a[href*="linkedin.com"]:focus svg  {
 	fill: #0077B5;
}
.social-icons li a[href*="plus.google.com"]:hover svg,
.social-icons li a[href*="plus.google.com"]:focus svg {
 	fill: #db4437;
}

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

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

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

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

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

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

.social-icons li a[href*="flickr.com"]:hover svg,
.social-icons li a[href*="flickr.com"]:focus svg {
 	fill: #025FDF;
}

.social-icons li a[href$="/feed/"]:hover svg,
.social-icons li a[href$="/feed/"]:focus svg {
 	fill: #089DE3;
}

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

.social-icons li a[href*="instagram.com"]:hover svg,
.social-icons li a[href*="instagram.com"]:focus svg {
 	fill: #6E52C3;
}

.social-icons li a[href*="tumblr.com"]:hover svg,
.social-icons li a[href*="tumblr.com"]:focus svg {
 	fill: #56BC8A;
}

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

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

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

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

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

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

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

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

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

.social-icons li a[href*="angel.co"]:hover svg {
 	fill: #000000;
}
.widget ul.social-icons {
	text-align: center;
}
ul.social-icons {
    margin: 0;
    padding: 0;
}

ul.social-icons span {
    display: none;
}
#top-navigation .social-icons ul li {
    display: block;
}
#top-navigation {
    position: absolute;
    left: 1.4%;
    background: none;
    top: 275px;
    z-index: 1;
    bottom: auto;
}

body:not(.home) #top-navigation {
    top: 350px;
}
ul.post-categories {
    margin: 0;
    padding: 0;
}
ul.post-categories li {
    display: inline-block;
}
ul.post-categories li:not(:last-child):after {
    content: ', ';
    color: #ffb72b;
}

/*--------------------------------------------------------------
# 					FEATURED-POST
--------------------------------------------------------------*/
#featured-post {
	background-color: #1b1b1b;
	position: relative;
}
#featured-post .hentry {
	margin-bottom: 0;
}
#featured-post .featured-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    padding: 280px 0;
    position: relative;
}
#featured-post .entry-container {
    position: absolute;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    left: 0;
    right: 0;
    padding: 40px 25px;
    opacity: 0;
    transition: 0.5s;
}
#featured-post .hentry:hover .entry-container {
    opacity: 1;
}
#featured-post .entry-title {
   	font-size: 32px;
    margin-bottom: 0;
}
#featured-post .entry-title a,
#featured-post .entry-meta .cat-links a:hover  {
   color: #fff;
}
#featured-post .entry-title a:hover,
#featured-post .entry-title a:focus {
   color: #ffb72b;
}

table tr {
    border: 1px solid #e4e4e4;
}
table tbody {
    text-align: left;
}
table td {
    padding: 10px 25px;
}
blockquote {
    padding: 0 15px;
    font-size: 18px;
    line-height: 35px;
    font-weight: 300;
    position: relative;
    margin: 0;
}
blockquote p {
    margin: 0;
}

/*--------------------------------------------------------------
# 					ABOUT-US
--------------------------------------------------------------*/
#about-us {
    background-color: #1b1b1b;
}
#about-us .hentry:first-child {
    width: 35%;
    padding: 0;
    text-align: right;
}
#about-us .hentry:last-child {
    width: 65%;
    padding: 0 0 0 90px;
	margin-bottom: 0;
}
#about-us .entry-container {
    max-width: 1133px;
    text-align: left;
    margin: auto;
    left: 0;
    right: 0;
    position: relative;
}
#about-us .entry-container .entry-title {
    font-size: 51px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-bottom: 0;
}
#about-us .entry-content {
    margin-top: 0;
    max-width: 555px;
    color: #a7a7a7;
}
#about-us .entry-content p {
    margin: 0;
}

/*--------------------------------------------------------------
# 					LATEST-POST
--------------------------------------------------------------*/
#latest-post article.has-post-thumbnail .featured-image,
#contact-us .contact-wrapper .featured-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 325px 0;
}
.blog-posts-wrapper article.has-post-thumbnail,
.contact-wrapper  {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.blog-posts-wrapper article.has-post-thumbnail .featured-image,
.contact-wrapper .featured-image {
    width: 48%;
}
.blog-posts-wrapper article.has-post-thumbnail .entry-container {
    width: 52%;
    padding-left: 100px;
    padding-right: 40px;
}
.blog-posts-wrapper article.has-post-thumbnail.right,
.contact-wrapper.right {
    flex-direction: row-reverse;
}
.blog-posts-wrapper article.has-post-thumbnail.right .entry-container,
.contact-wrapper.right .entry-container {
    padding-left: 0;
    padding-right: 50px;
}
#latest-post .entry-container .entry-content,
.contact-wrapper .entry-content {
    margin-top: 30px;
}
.blog-posts-wrapper .entry-container .entry-title a,
.contact-wrapper .entry-container .entry-title a {
    color: #1b1b1b;
}
.blog-posts-wrapper .entry-container .entry-title a:hover,
.blog-posts-wrapper .entry-container .entry-title a:focus,
.contact-wrapper .entry-container .entry-title a:hover,
.contact-wrapper .entry-container .entry-title a:focus,
.slide-title span a:hover,
.slide-title span a:focus {
    color: #ffb72b;
}
.blog-posts-wrapper article:last-child {
    margin-bottom: 0;
}
.blog-posts-wrapper article.has-post-thumbnail {
    margin-bottom: 0px;
}
.blog-posts-wrapper article.has-post-thumbnail:nth-child(even),
.contact-wrapper:nth-child(even) {
    flex-direction: row-reverse;
}
.blog-posts-wrapper article.has-post-thumbnail:nth-child(even) .entry-container,
.contact-wrapper:nth-child(even) .entry-container {
    padding-left: 40px;
    padding-right: 100px;
}
#latest-post .blog-posts-wrapper article.hentry.no-post-thumbnail .entry-container {
    max-width: 700px;
}
/*--------------------------------------------------------------
# 					CONTACT-US
--------------------------------------------------------------*/
#contact-us {
    padding-top: 10px;
}
.contact-wrapper .entry-container {
    width: 52%;
    padding-left: 40px;
    padding-right: 100px;
}
.contact-wrapper:nth-child(odd) {
	flex-direction: row-reverse;
}

/*--------------------------------------------------------------
# 					OUR-STORY
--------------------------------------------------------------*/
#our-stories header.entry-header {
    text-align: center;
    text-transform: uppercase;
}
#our-stories header.entry-header .entry-title {
    font-size: 52px;
    letter-spacing: 5px;
}
.custom-sub-title {
    font-weight: 600;
    letter-spacing: 2px;
    color: #5f6d84;
}
#our-stories .entry-content {
    margin-top: 50px;
}
#our-stories .slick-item {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    padding: 100px 0;
    margin: 0 15px;
    position: relative;
}
.slick-item-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    padding: 20px;
    background: linear-gradient(to top,rgba(0, 0, 0, 0.5) 0,rgba(0, 0, 0, 0) 100%);
}
#our-stories .center-mode .slick-track {
    margin: 0 -150px;
}
#our-stories .slide-title {
    float: left;
    text-align: left;
    padding-right: 70px;
    color: #fff;
}
.slide-title span a {
    color: #fff;
}
#our-stories .video {
    float: right;
    margin-top: 14px;
    position: absolute;
    right: 25px;
    bottom: 25px;
}
#our-stories .slide-title span {
    display: block;
    line-height: 1.5;
}
#our-stories .video a {
    color: #fff;
    border: 2px solid #fff;
    padding: 10px 11px;
    border-radius: 50%;
    line-height: 10px;
    display: inline-block;
}
#our-stories .video a svg {
	fill: #fff;
}
#our-stories .video a:hover {
    color: #ffb72b;
    border: 2px solid #ffb72b;
}
#our-stories .video a:hover svg {
	fill: #ffb72b;
}
.slick-dots {
    bottom: -90px;
}
.slick-dots li {
    margin: 0 10px;
}
.slick-dots li button {
	margin: 0 10px;
}
.slick-dots li button::before {
    content: "";
    height: 5px;
    width: 30px;
    display: inline-block;
    background-color: #000;
}
#our-stories .regular .slick-item {
	outline: none;
}
#our-stories .col-1 .regular .slick-item,
#our-stories .col-2 .regular .slick-item,
#our-stories .col-3 .regular .slick-item {
    padding: 150px 0;
}
.video-popup {
    max-width: 50%;
    margin: auto;
    top: 50%;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 30000;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#our-stories .widget.widget_media_video {
    display: none;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
#our-stories .overlay {
	transition: all 0.3s ease-in-out;
}
#our-stories.active .overlay {
    background-color: #000;
    opacity: 0.8;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 3000;
    visibility: visible;
    display: block;
}
#our-stories.active .video-popup iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#our-stories.active .slick-list {
	overflow: visible;
}
#our-stories .slick-track {
	margin-left: auto;
	margin-right: auto;
}
#our-stories.active .slick-track,
#our-stories.active .slick-slider .slick-list {
	transform: none !important;
}

/*--------------------------------------------------------------
# 					BLOG
--------------------------------------------------------------*/
.page-detail {
    text-align: center;
    margin: 100px 0 40px 0;
}
.page-detail .page-title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    letter-spacing: 5px;
    text-transform: uppercase;
}
#breadcrumb-list .trail-items {
    margin: 0;
    padding: 0;
    list-style: none;
}
#breadcrumb-list .trail-items li {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-size: 16px;
    color: #ffb72b;
    font-family: 'Playfair Display', serif;
}
#breadcrumb-list .trail-items li a {
    color: #5f6d84;
}
#breadcrumb-list .trail-items li a:hover span,
.blog-archive-wrapper h2.entry-title a:hover,
.blog-archive-wrapper .entry-header span a:hover {
    color: #ffb72b;
}
#breadcrumb-list .trail-items .breadcrumb-separator {
    color: #5f6d84;
    padding: 0 2px;
}
.blog-archive-wrapper .featured-image {
	padding: 175px 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
.blog-archive-wrapper span.posted-on a,
span.comments-link a {
	letter-spacing: 2px;
	text-transform: uppercase;
}
 article.has-post-thumbnail.sticky .featured-post-image .featured-image {
    padding: 300px 0;
}
.blog-archive-wrapper .sticky .entry-container {
    padding-top: 50px;
}
.blog-archive-wrapper .sticky .entry-title {
    margin: 0;
    padding: 15px 0;
    font-size: 34px;
}
.blog-archive-wrapper .entry-title {
    padding: 10px 0;
    font-size: 26px;
    margin: 0;
}
.blog-archive-wrapper .sticky .entry-content {
    margin-top: 30px;
}
.blog-archive-wrapper .entry-content {
    margin-top: 20px;
    color: #5f6d84;
}
.blog-archive-wrapper .sticky .btn {
	margin-top: 50px;
}
.blog-archive-wrapper .btn {
	margin-top: 20px;
}
.blog-archive-wrapper .entry-header > span:not(:last-child):after {
    content: "-";
    padding: 0 5px;
}
.blog-archive-wrapper h2.entry-title a,
.blog-archive-wrapper .entry-header span a {
    color: #1b1b1b;
}
.blog-archive-wrapper article.has-post-thumbnail:last-child {
	margin-bottom: 0px;
}
.blog-archive-wrapper article.sticky.has-post-thumbnail {
	display: block;
	margin-bottom: 50px;
}
.blog-archive-wrapper article.has-post-thumbnail {
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.blog-archive-wrapper article.sticky.has-post-thumbnail .featured-post-image,
.blog-archive-wrapper article.sticky.has-post-thumbnail .entry-container {
	width: 100%;
	padding-left: 0;
}
.blog-archive-wrapper article.has-post-thumbnail .featured-post-image {
    width: 40%;
}
.blog-archive-wrapper article.has-post-thumbnail .entry-container {
	width: 60%;
	padding-left: 30px;
}
.navigation.posts-navigation,
.navigation.pagination {
    margin-top: 63px;
    clear: both;
    display: inline-block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.navigation.posts-navigation .nav-links a,
.prev.page-numbers,
.next.page-numbers {
    display: inline-block;
    padding: 5px 20px 3px 20px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 2px;
    font-family: 'Open Sans', sans-serif;
}
.navigation.posts-navigation .nav-links a,
.page-numbers {
    padding: 7px 13px;
    border: 1px solid #d9d9d9;
    margin: 0 5px;
    color: #5f6d84;
    -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-transform: uppercase;
}
nav.navigation.pagination .prev.page-numbers {
    margin-bottom: 10px;
}
span.page-numbers.current {
    color: #1b1b1b;
    background-color: #ffb72b;
    border: 1px solid #ffb72b;
}
.navigation.posts-navigation .nav-links a:hover,
.page-numbers:hover {
    color: #1b1b1b;
    background-color: #ffb72b;
    border: 1px solid #ffb72b;
}

section.error-404.not-found {
    margin: auto;
    max-width: 800px;
    text-align: center;
}
.error-404 .page-content .widget {
	max-width: 400px;
	margin: auto;
}
.no-results .page-content .widget {
	max-width: 400px; 
}
.search.search-no-results.no-sidebar #primary {
    text-align: center;
}
.search.search-no-results .page-content .widget {
    text-align: center;
    margin: auto;
}
.search.search-no-results.right-sidebar .page-content .widget {
    text-align: left;
    margin: 0;
}
/*--------------------------------------------------------------
# 					SINGLE-BLOG
--------------------------------------------------------------*/
.entry-meta .cat-links a {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
}
.entry-meta .cat-links a:after {
    content: ',';
}
.entry-meta .cat-links a:last-child:after {
    content: '';
}
.single-post-wrapper .entry-meta {
    margin-bottom: 20px;
}
.single-post-wrapper .entry-container .entry-content {
    margin-top: 35px;
    text-align: left;
    color: #5f6d84;
}
.page .single-post-wrapper .hentry,
.page .single-post-wrapper .entry-container p {
	margin-bottom: 0;
}
.single-post-wrapper .entry-content p img {
    margin: auto;
    text-align: center;
    display: flex;
    padding: 15px 0;
}
.single-post-wrapper footer.entry-footer {
    margin: 30px 0 50px 0;
    text-align: center;
}
.single-post.no-sidebar .entry-meta,
.single-post.no-sidebar header.entry-header,
.single-post.no-sidebar .comments-title {
	text-align: center;
}
.single-post-wrapper header.entry-header {
    margin-bottom: 60px;
}
.single-post-wrapper .entry-content {
    margin-top: 40px;
}
.no-sidebar .single-post-wrapper .entry-content {
    max-width: 800px;
    text-align: left;
    margin: auto;
    padding-top: 40px;
}
.single-post-wrapper .featured-image img {
    width: 100%;
}
.no-sidebar #comments {
    padding-top: 100px;
    max-width: 800px;
    margin: auto;
}
span.author.vcard {
    text-align: center;
    margin: auto;
    display: inline-block;
}
.single-post-wrapper article .author-meta img {
    border-radius: 50%;
    margin-right: 21px;
    float: left;
}
.single-post-wrapper article .author-meta a {
   	color: #1b1b1b;
    margin-top: 15px;
    display: inline-block;
    font-size: 18px;
    text-align: left;
    min-width: 150px;
    font-family: 'Playfair Display', serif;
}
.single-post-wrapper article .author-meta a:hover {
	color: #ffb72b;
}
.single-post-wrapper span.author.vcard .single-date {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin-top: 0;
}
.navigation.post-navigation {
    background-color: #1b1b1b;
    padding: 50px;
}
.post-navigation a,
.posts-navigation a {
    color: #fff;
    display: block;
    font-size: 22px;
    font-family: 'Playfair Display', serif;
}
.post-navigation span.prev,
.posts-navigation span.prev,
.post-navigation span.next,
.posts-navigation span.next {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    color: #a8a8a8;
    letter-spacing: 2px;
    font-family: 'Open Sans', sans-serif;
}
.post-navigation .nav-previous svg,
.posts-navigation .nav-previous svg {
    float: left;
    margin-top: 16px;
    fill: #a8a8a8;
    font-size: 16px;
}
.navigation.post-navigation .nav-next svg,
.navigation.posts-navigation .nav-next svg {
    position: absolute;
    right: 0;
    top: 0;
}
.post-navigation .nav-next svg,
.posts-navigation .nav-next svg {
	margin-top: 16px;
    fill: #a8a8a8;
    font-size: 16px;
}
.post-navigation span,
.posts-navigation span {
    display: block;
}
.nav-previous span {
    padding-left: 40px;
}
.nav-next span {
    padding-right: 40px;
}
.post-navigation a:hover span,
.post-navigation a:focus span,
.posts-navigation a:hover span,
.posts-navigation a:focus span,
.post-navigation a:hover svg,
.post-navigation a:focus svg,
.posts-navigation a:hover svg,
.posts-navigation a:focus svg {
	color: #ffb72b;
	fill: #ffb72b;
}

#comments {
    margin-top: 100px;
}
#comments .comments-title {
    margin-bottom: 50px;
    font-size: 52px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}
#comments ol {
    padding-left: 0;
    margin-left: 0;
    list-style: none;
}
#comments ol.comment-list {
    margin-bottom: 50px;
}
#comments ol.comment-list > li {
    margin-bottom: 2.5em;
}
#comments ol.comment-list .comment-meta .comment-author img {
    float: left;
    margin-right: 20px;
    border-radius: 50%;
}
#comments ol.comment-list b.fn {
    color: #1b1b1b;
    display: inline-block;
    font-size: 18px;
    font-family: 'Playfair Display', serif
}
#comments ol.comment-list b.fn a {
    color: #1b1b1b;
}
#comments ol.comment-list b.fn a:hover,
.comment-metadata a:hover {
    color: #ffb72b;
}
span.says {
    display: none;
}
#comments ol.comment-list .comment-metadata {
    display: table;
}
.comment-metadata a {
    color: #5f6d84;
    font-size: 16px;
}
.comment-content {
    margin-bottom: 10px;
    margin-top: 0;
    padding-left: 70px;
}
.comment-content p {
    font-weight: 400;
    color: #5f6d84;
    margin-bottom: 1em;
}
.reply {
    padding-bottom: 49px;
    padding-left: 70px;
}
.reply a {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #1b1b1b;
}
.reply a:hover {
    border-bottom: 1px solid #ffb72b;
    color: #ffb72b;
}
#comments ol.children {
    margin-left: 70px;
}
#comments #respond form {
    background-color: #f8f8f8;
    padding: 50px;
}
#respond textarea {
    height: 200px;
    padding: 10px 15px;
    border: none;
}
#comments #respond form input,
#comments #respond form textarea {
    border: none;
}
#respond label {
    color: #5f6d84;
    margin-bottom: 5px;
    display: inline-block;
}
.comment-form-cookies-consent label {
    margin-left: 10px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea {
	width: 100%;
	border-radius: 0;
    padding: 15px;
    height: 50px;
    background-color: #e5e5e5;
    outline: none;
}
#comments #respond form .form-submit {
    text-align: left;
}
#comments #respond form .form-submit input[type="submit"],
#secondary .widget.jetpack_subscription_widget input[type="submit"] {
    background-color: #ffb72b;
    border-color: #ffb72b;
    color: #1b1b1b;
    min-width: 154px;
    -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;
    padding: 20px;
    min-width: 145px;
    border-radius: 0;
    text-transform: uppercase;
    text-shadow: none;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 2px;
    margin-top: 40px;
    outline: none;
}
#comments #respond form .form-submit input[type="submit"] {
    margin-top: 10px;
}
#comments #respond form .form-submit input[type="submit"]:hover,
#secondary .widget.jetpack_subscription_widget input[type="submit"]:hover {
    background-color: #1b1b1b;
    color: #ffb72b;
}
/*--------------------------------------------------------------
# 					WIDGET-AREA
--------------------------------------------------------------*/
#secondary .widget {
    margin-bottom: 35px;
}
.widget form.search-form {
    position: relative;
    min-width: 100%;
    width: 100%;
}
.widget form.search-form input {
    border: 1px solid #1b1b1b;
}
#secondary .widget-title {
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    background-color: #1b1b1b;
    text-align: center;
    padding: 16px;
    margin: 0 0 25px 0;
}
.widget.widget_archive select,
.widget.widget_categories select,
.widget.widget_text select {
    border: 1px solid #1b1b1b;
    width: 100%;
    padding: 0 40px 0 15px;
    font-weight: 300;
    outline: none;
    height: 45px;
    border-radius: 0;
    background-color: transparent;
}
.footer-widget-area .widget.widget_archive select,
.footer-widget-area .widget.widget_categories select,
.footer-widget-area .widget.widget_text select,
.footer-widget-area .widget.widget_search input {
    border: 1px solid #fff;
  	color: #fff;
  	background: transparent;
}
.footer-widget-area .widget.widget_search .search-submit svg {
	fill: #fff;
}
.footer-widget-area .widget.widget_nav_menu {
	text-align: left;
}
.footer-widget-area thead tr {
    background-color: #5f6d84;
}
.footer-widget-area .widget.widget_calendar caption {
    text-align: left;
    color: #fff;
}
.footer-widget-area .widget.widget_archive select option,
.footer-widget-area .widget.widget_categories select option,
.footer-widget-area .widget.widget_text select option {
	color: #1b1b1b;
}
.widget.widget_categories ul.children li {
    margin-top: 12px;
    border-top: 1px solid #dadada;
    padding-top: 12px;
    padding-left: 15px;
}
.widget.widget_categories ul.children li:last-child {
    border-top: none;
    margin: 0;
    padding: 0 0 0 15px;
    border-bottom: none;
}
#secondary .widget.widget_text .widget-title {
    margin: 0;
}
#secondary .widget.widget_text {
	text-align: center;
}
#secondary .widget.widget_text img {
	width: 100%;
}
#secondary .widget p {
    color: #5f6d84;
    line-height: 2;
}
#secondary .widget .btn-black {
    color: #1b1b1b;
    margin: 0;
}
#secondary ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#subscribe-email input {
    margin-top: 0;
    border: none;
}
#secondary .widget.jetpack_subscription_widget input[type="submit"] {
    margin-top: 0;
}
.widget.widget_popular_post ul li {
    clear: both;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.widget_popular_post img {
    max-width: 95px;
    width: 95px;
    height: 95px;
    float: left;
    margin-right: 14px;
}
.widget_popular_post h3 {
    font-size: 15px;
    line-height: 1.5;
    display: table-row;
    font-weight: bold;
}
.widget_popular_post time {
    margin-top: 5px;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
}
.widget.widget_instagram li {
    margin: 0;
    padding: 5px;
}
.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 li img {
    width: 100%;
}
.widget.widget_calendar caption {
    padding-bottom: 10px;
}
thead tr {
    background-color: #2e2624;
    color: #fff;
}
.widget.widget_calendar tr td,
.widget.widget_calendar th {
    padding: 10px;
}
.widget.widget_nav_menu {
    text-align: center;
}
.widget.widget_popular_posts ul li,
.widget.widget_latest_posts ul li {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.widget.widget_popular_posts ul li:last-child,
.widget.widget_recent_posts ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.widget_popular_posts img,
.widget_latest_posts img {
    max-width: 100px;
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 14px;
}
.widget .post-title {
    margin: 5px 0;
}
.widget .post-title a {
    color: #1b1b1b;
    font-size: 18px;
}
.widget .post-details {
    display: table;
    padding-top: 5px;
}
.widget .post-details span.posted-on a {
    color: #5f6d84;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.footer-widget-area .widget .post-details span.posted-on a:hover,
.widget .post-details span.posted-on a:hover,
.widget .post-title a:hover,
.widget.widget_categories ul li:hover,
.widget.widget_categories ul li a:hover,
#secondary .widget .btn-black:hover,
.widget.widget_archive ul li a:hover,
.widget.widget_archive ul li:hover,
.widget.widget_pages ul li a:hover,
.widget.widget_meta ul li a:hover,
.widget.widget_recent_comments ul li a:hover,
.widget.widget_recent_entries ul li a:hover,
.widget.widget_rss ul li a:hover,
.widget.widget_nav_menu ul li a:hover {
    color: #ffb72b;
}
.widget.widget_categories ul li,
.widget.widget_archive ul li {
    border-bottom: 1px solid #dadada;
    padding-bottom: 12px;
    margin-bottom: 12px;
    display: table;
    width: 100%;
}
.site-footer .widget.widget_categories ul li,
.site-footer .widget.widget_archive ul li {
	border-bottom-color: rgba(255, 255, 255, 0.3);
}
.widget.widget_categories ul li a,
.widget.widget_archive ul li a,
.widget.widget_pages ul li a,
.widget.widget_meta ul li a,
.widget.widget_recent_comments ul li a,
.widget.widget_recent_entries ul li a,
.widget.widget_rss ul li a,
.widget.widget_nav_menu ul li a {
	color: #5f6d84;
}
.widget.widget_nav_menu ul li {
	text-align: left;
}

/*--------------------------------------------------------------
##                      Font Switcher
--------------------------------------------------------------*/
.header-font-1 h1,
.header-font-1 h2,
.header-font-1 h3,
.header-font-1 h4,
.header-font-1 h5,
.header-font-1 #main-slider .entry-title,
.header-font-1 .btn,
.header-font-1 .page-header .page-title,
.header-font-1 .comment-meta .url, 
.header-font-1 .comment-meta .fn,
.header-font-1 .reply a,
.header-font-1 #respond input[type="submit"] {
    font-family: 'Rajdhani', sans-serif;
 }
.header-font-2 h1,
.header-font-2 h2,
.header-font-2 h3,
.header-font-2 h4,
.header-font-2 h5,
.header-font-2 #main-slider .entry-title,
.header-font-2 .btn,
.header-font-2 .page-header .page-title,
.header-font-2 .comment-meta .url, 
.header-font-2 .comment-meta .fn,
.header-font-2 .reply a,
.header-font-2 #respond input[type="submit"] {
    font-family: 'Cherry Swash', cursive;
}
.header-font-3 h1,
.header-font-3 h2,
.header-font-3 h3,
.header-font-3 h4,
.header-font-3 h5,
.header-font-3 #main-slider .entry-title,
.header-font-3 .btn,
.header-font-3 .page-header .page-title,
.header-font-3 .comment-meta .url, 
.header-font-3 .comment-meta .fn,
.header-font-3 .reply a,
.header-font-3 #respond input[type="submit"] {
    font-family: 'Philosopher', sans-serif;
}
.header-font-4 h1,
.header-font-4 h2,
.header-font-4 h3,
.header-font-4 h4,
.header-font-4 h5,
.header-font-4 #main-slider .entry-title,
.header-font-4 .btn,
.header-font-4 .page-header .page-title,
.header-font-4 .comment-meta .url, 
.header-font-4 .comment-meta .fn,
.header-font-4 .reply a,
.header-font-4 #respond input[type="submit"] {
    font-family: 'Slabo 27px', serif;
}
.header-font-5 h1,
.header-font-5 h2,
.header-font-5 h3,
.header-font-5 h4,
.header-font-5 h5,
.header-font-5 #main-slider .entry-title,
.header-font-5 .btn,
.header-font-5 .page-header .page-title,
.header-font-5 .comment-meta .url, 
.header-font-5 .comment-meta .fn,
.header-font-5 .reply a,
.header-font-5 #respond input[type="submit"] {
    font-family: 'Dosis', sans-serif;
}

body.body-font-1,
body.body-font-1 .main-navigation a,
body.body-font-1 #secondary .widget-title, 
body.body-font-1 #secondary .widgettitle,
body.body-font-1 #top-navigation .widget_contact_info ul li, 
body.body-font-1 #top-navigation .widget_contact_info ul li a,
body.body-font-1 .trail-items li {
    font-family: 'News Cycle', sans-serif;
 }
body.body-font-2,
body.body-font-2 .main-navigation a,
body.body-font-2 #secondary .widget-title, 
body.body-font-2 #secondary .widgettitle,
body.body-font-2 #top-navigation .widget_contact_info ul li, 
body.body-font-2 #top-navigation .widget_contact_info ul li a,
body.body-font-2 .trail-items li {
    font-family: 'Pontano Sans', sans-serif;
}
body.body-font-3,
body.body-font-3 .main-navigation a,
body.body-font-3 #secondary .widget-title, 
body.body-font-3 #secondary .widgettitle,
body.body-font-3 #top-navigation .widget_contact_info ul li, 
body.body-font-3 #top-navigation .widget_contact_info ul li a,
body.body-font-3 .trail-items li {
    font-family: 'Gudea', sans-serif;
}
body.body-font-4,
body.body-font-4 .main-navigation a,
body.body-font-4 #secondary .widget-title, 
body.body-font-4 #secondary .widgettitle,
body.body-font-4 #top-navigation .widget_contact_info ul li, 
body.body-font-4 #top-navigation .widget_contact_info ul li a,
body.body-font-4 .trail-items li {
    font-family: 'Quattrocento', serif;
}
body.body-font-5,
body.body-font-5 .main-navigation a,
body.body-font-5 #secondary .widget-title, 
body.body-font-5 #secondary .widgettitle,
body.body-font-5 #top-navigation .widget_contact_info ul li, 
body.body-font-5 #top-navigation .widget_contact_info ul li a,
body.body-font-5 .trail-items li {
    font-family: 'Khand', sans-serif;
}

/*--------------------------------------------------------------
# 					FOOTER
--------------------------------------------------------------*/

.footer-widget-area {
    background-color: #1b1b1b;
}
.footer-widget-area .hentry .widget-title {
    color: #fff;
}
.widget-title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.1em;
}
.textwidget,
.footer-widget-area .widget .post-details span.posted-on a,
.footer-widget-area .hentry ul li a {
    color: rgba(255, 255, 255, 0.5);
}
.footer-widget-area .hentry ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-widget-area .hentry ul li {
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 10px;
}
.site-footer a:hover,
.site-footer a:focus {
    text-decoration: underline;
}
.footer-widget-area .hentry ul li a:hover,
.footer-widget-area .hentry ul li a:focus,
.site-footer a:hover,
.site-footer a:focus {
	color: #ffb72b;
}
.footer-widget-area .hentry .widget_archive li a,
.widget.widget_categories ul li a,
.widget.widget_archive ul li a {
    float: left;
}
.footer-widget-area .hentry .widget_archive li,
.widget.widget_categories ul li,
.widget.widget_archive ul li {
    text-align: right;
}
#secondary ul li a:hover {
    text-decoration: underline;
}
.site-info {
    padding: 10px 0;
    text-align: center;
    background-color: #000;
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: 1px;
    text-transform: uppercase;
}
.site-footer a {
    color: rgba(255, 255, 255, 0.5);
}
.site-info .social-menu {
	margin-bottom: 15px;
}
.site-info .social-icons li {
    width: 30px;
    line-height: 30px;
}
.boxed .jetpack_subscription_widget .widgettitle {
    font-size: 38px;
}
.boxed .backtotop {
    right: 75px;
}
/*--------------------------------------------------------------
# 					RESPONSIVE
--------------------------------------------------------------*/

@media screen and (max-width: 1200px) {
	#top-navigation {
	    left: 1%;
	}
	#featured-post .entry-title {
	    font-size: 28px;
	}
	#our-stories .slide-title {
	     padding-right: 0px; 
	}
	.video-popup {
	    max-width: 60%;
	}
	.footer-widget.col-4 .widget.widget_calendar tr td,
	.footer-widget.col-4 .widget.widget_calendar th {
	    padding: 0px;
	}
}

@media screen and (max-width: 992px) {
	.modern-menu .main-navigation ul#primary-menu {
	    max-width: 100%;
	}
	.main-navigation ul li a svg {
		display: none;
	}
	.main-navigation .search-submit svg {
		fill: rgba(255, 255, 255, 0.6);
	}
	.main-navigation form.search-form button.search-submit {
		width: 60px;
	}
	.main-navigation form.search-form input {
		padding-right: 65px;
	}
	#search {
	    display: block !important;
	}
	#top-navigation {
	    left: 0%;
	}
	.no-results .page-content .widget {
	    max-width: 100%;
	}
	.classic-menu .main-navigation ul {
	    position: absolute;
	    top: 100%;
	    z-index: 30000;
	    background-color: #000;
	    right: 0;
	    left: auto;
	    width: 100%;
	    max-width: 100%;
	    display: none;
	}
	.classic-menu .main-navigation ul li {
	    border-bottom: 1px solid rgba(221, 221, 221, 0.3);
	    position: relative;
	}
	.classic-menu .main-navigation ul li a {
	    padding: 15px 25px;
	}
	.classic-menu  .main-navigation ul.sub-menu {
	    background-color: #333;
	}
	.classic-menu button.dropdown-toggle {
	    fill: #fff;
	    background-color: transparent;
	    border: none;
	    padding: 0;
	    float: right;
	    position: absolute;
	    top: 0;
	    right: 0;
	    width: 61px;
    	height: 61px;
	    font-size: 20px;
	    outline: none;
	    text-align: center;
	    -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;
	}
	.classic-menu button.dropdown-toggle.active {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
	    -ms-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;
		}
	.classic-menu .main-navigation ul ul {
	    float: none;
	    position: relative;
	    width: 100%;
	}
	.classic-menu .main-navigation ul ul {
	    float: none;
	    position: relative;
	    width: 100%;
	}
	.classic-menu .main-navigation ul ul li:hover > ul, 
	.classic-menu .main-navigation ul ul li.focus > ul {
	    right: 0;
	}
	.classic-menu .main-navigation ul ul a {
	    width: 100%;
	}
	.classic-menu .main-navigation ul ul ul li a {
	    padding: 15px 45px;
	}
	.classic-menu .main-navigation ul ul ul ul li a {
	    padding: 15px 80px;
	}
	.classic-menu .main-navigation ul ul ul ul ul li a {
	    padding: 15px 120px;
	}
	.classic-menu .main-navigation ul ul ul ul ul ul li a {
	    padding: 15px 140px;
	}
	.classic-menu .main-navigation ul ul ul ul ul ul ul li a {
	    padding: 15px 160px;
	}
	.classic-menu form.search-form button.search-submit {
	    color: #a8a8a8;
	    height: 60px;
	}
	.classic-menu .search {
	    display: none;
	}
	.classic-menu .main-navigation ul li form.search-form input {
	    height: 62px;
	}
	#featured-post .entry-container {
	    padding: 30px 0 30px 15px;
	}
	#featured-post .entry-title {
	    font-size: 25px;
	}
	#about-us .hentry:last-child {
	    padding: 0 0 0 50px;
	}
	.entry-title {
	    font-size: 30px;
	}
	.blog-posts-wrapper article.has-post-thumbnail .entry-container {
	    padding-left: 50px;
	}
	.blog-posts-wrapper article.has-post-thumbnail:nth-child(even) .entry-container,
	.contact-wrapper:nth-child(even) .entry-container,
	.contact-wrapper .entry-container {
	    padding-left: 40px;
	    padding-right: 50px;
	}
	#our-stories .center-mode .slick-track {
	    margin: 0;
	}
	#secondary {
		margin-top: 50px;
	}
	#about-us .entry-container .entry-title {
	    font-size: 42px;
	}
	.video-popup {
	    max-width: 70%;
	}
	.footer-widget-area.col-4 .hentry:nth-child(2n+1) {
	    clear: left;
	}
	.footer-widget-area.col-4 .hentry {
	    width: 50%;
	    float: left;
	    padding-right: 50px;
	}
	.widget.widget_calendar th,
	.widget.widget_calendar tr td {
	    padding: 0px;
	    text-align: center;
	}
}

@media screen and (max-width: 768px) {
	#featured-post .entry-container {
	    opacity: 1;
	}
	#about-us .hentry:first-child {
	    width: 100%;
	    padding: 0;
	    text-align: left;
	}
	#about-us .hentry:last-child {
	    width: 100%;
	    padding: 0;
        margin-bottom: 0;
	}
	.footer-widget-area .hentry {
	    margin-bottom: 42px;
	}
	.footer-widget-area .hentry:last-child {
	    margin-bottom: 0;
	}
	.featured-image .entry-container {
		display: none;
	}
	#featured-post .entry-container {
		position: relative;
		padding: 25px 0;
		background-color: transparent;
	}
	#featured-post .wrapper {
	    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}
	#featured-post .hentry {
	    margin-bottom: 20px;
	}
	.blog-posts-wrapper article.has-post-thumbnail {
		float: left;
		display: block;
	    width: 50%;
        margin-bottom: 15px;
	}
	.blog-posts-wrapper article.has-post-thumbnail .featured-image,
	.contact-wrapper .featured-image {
	     width: 100%; 
	}
	.blog-posts-wrapper article.has-post-thumbnail .entry-container {
	    width: 100%;
	    padding: 20px 25px;
	}
	.blog-posts-wrapper article.has-post-thumbnail:nth-child(even) .entry-container,
	.contact-wrapper:nth-child(even) .entry-container {
		padding: 20px 25px;
	}
	.contact-wrapper .entry-container {
	    width: 100%;
	    padding: 30px;
	}
	.contact-wrapper {
	    display: block;
	}
	#latest-post .entry-container .entry-content,
	.contact-wrapper .entry-content {
	    margin-top: 15px;
	}
	.btn {
		margin-top: 25px;
	}
	.page-section {
	    padding: 50px 0;
	}
	.no-padding-bottom {
	    padding-bottom: 0;
	}
	.no-sidebar #comments {
	    padding-top: 50px;
	}
	#latest-post article.has-post-thumbnail .featured-image,
	#contact-us .contact-wrapper .featured-image {
	    padding: 0 0 100% 0;
	}
	#featured-post .featured-image {
        padding: 150px 0;
    	padding-bottom: 100%;	}
	#featured-post .entry-container {
		display: block !important;
	}
	#featured-post .featured-image .entry-container {
		display: none !important;
	}
	#top-navigation {
	    top: 220px;
	}
	#about-us .entry-content {
	    max-width: 100%;
	}
	.video-popup {
	    max-width: 90%;
	}
	.slick-dots li {
	    margin: 30px 10px;
	}
	.page-detail {
	    margin: 50px 0 0px 0;
	}
	.blog-archive-wrapper .sticky .btn {
	    margin-top: 30px;
	}
	.blog-posts-wrapper article:nth-child( 2n+1 ) {
	    clear: left;
	}
}
@media screen and (max-width: 668px) {
	.blog-posts-wrapper article.has-post-thumbnail {
	    width: 100%;
	}
	#respond label {
	    display: inline;
	}
}
@media screen and (max-width: 640px) {
	#top-navigation {
		position: relative;
		top: 0;
	    left: 0%;
	    background-color: #000;
	    text-align: center;
	}
	#top-navigation .social-icons ul li {
	    display: inline-block;
	}
	.blog-posts-wrapper article.has-post-thumbnail {
	    float: none;
	    width: 100%;
	    margin-bottom: 15px;
	}
	#about-us .entry-container .entry-title {
	    font-size: 30px;
	}
	.contact-wrapper .entry-container {
	    padding: 30px 0;
	}
	.blog-archive-wrapper article.has-post-thumbnail .entry-container {
	    width: 100%;
	    padding-left: 0;
	    padding-top: 25px;
	}
	.blog-archive-wrapper article.has-post-thumbnail .featured-post-image {
	    width: 100%;
	}
	.blog-archive-wrapper article.has-post-thumbnail {
	    display: block;
	}
	.navigation.post-navigation {
	    padding: 30px;
	}
	.post-navigation .nav-previous,
	.post-navigation .nav-next {
	    float: none;
	    width: 100%;
	}
	.post-navigation .nav-next {
	    padding-top: 20px;
	    display: inline-block;
	}
	.post-navigation a, .posts-navigation a {
	    font-size: 16px;
	}
	.navigation.post-navigation .nav-next svg {
	    top: 22px;
	}
	.comment-content {
	    padding-left: 0;
	}
	#comments ol.children {
	    margin-left: 50px;
	}
	.modern-menu .main-navigation ul ul ul li a {
	    padding: 15px 45px;
	}
	.modern-menu .main-navigation ul ul ul ul li a {
	    padding: 15px 80px;
	}
	.blog-posts-wrapper article.has-post-thumbnail .entry-container,
	.blog-posts-wrapper article.has-post-thumbnail:nth-child(even) .entry-container,
	.contact-wrapper:nth-child(even) .entry-container {
	    padding: 10px;
	}
	.btn {
	    font-size: 15px;
	}
	#comments #respond form {
	    background-color: transparent;
	    padding: 0px;
	}
	#comments {
	    margin-top: 75px;
	}
	#comments .comments-title {
	    font-size: 35px;
	}
	.footer-widget-area.col-4 .hentry {
	    width: 100%;
	}
	#our-stories.active .slick-item,
	#our-stories.active .slick-track {
		transform: translate3d(0,0,0) !important;
	}
	#our-stories.active .slick-item {
		display: none;
	}
	#our-stories.active .slick-item.slick-current {
		display: block;
	}
	#our-stories .slick-dots {
	    bottom: -25px;
	    position: relative;
	}
	body:not(.home) #top-navigation {
	    top: 0px;
	}
}

@media screen and (max-width: 400px) {
	#masthead {
	    position: relative;
	}
	.site-branding {
	    display: block;
	    min-height: auto;
	    text-align: center;
	    width: 100%;
	    float: none;
	}
	.main-navigation {
	    float: none;
	    clear: both;
	    margin: auto;
	    width: 100%;
	    display: inline-block;
	}
	button.menu-toggle {
	    top: 0;
	    margin: auto;
	    width: auto;
	    position: static;
	    height: 60px;
	}
	.menu-toggle:after,
    .menu-toggle:before {
        content: "";
        background-color: #444;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 1px;
        bottom: 60px;
    }
    .menu-toggle:after {
        content: "";
        bottom: 0px;
    }
    #featured-post {
        padding-top: 20px;
    }
	.site-logo {
	    display: block;
	}
	#site-details {
	    display: block;
	    margin: 13px 0 0px;
	}
	.home #content {
	    padding-top: 0;
	}
	#content {
	    padding-top: 0;
	}
	span.comments-link a {
	    letter-spacing: 0px;
	    text-transform: uppercase;
	}
}

@media screen and (min-width: 767px) {
   .col-1 .hentry,
   .col-1 .product {
       width: 100%;
   }
   .col-2 .hentry,
   .col-2 .product {
       width: 50%;
       float: left;
   }
   .col-3 .hentry,
   .col-3 .product {
       width: 33.33%;
       float: left;
   }
   .col-4 .hentry,
   .col-4 .product {
       width: 50%;
       float: left;
   }
   .col-5 .hentry,
   .col-5 .product {
       width: 20%;
       float: left;
   }
   .col-6 .hentry,
   .col-6 .product {
       width: 16.66%;
       float: left;
   }
   .footer-widget-area.unequal-width.col-3 .hentry:nth-child(1n) {
	    width: 40%;
	}
	.footer-widget-area.col-3 .hentry:nth-last-child(-n+3) {
	    margin-bottom: 0;
	}
	.footer-widget-area.unequal-width.col-3 .hentry:nth-child(2n),
	.footer-widget-area.unequal-width.col-3 .hentry:nth-child(3n) {
	    width: 30%;
	}
	.footer-widget-area.col-3 .hentry:last-child {
	    padding-right: 0;
	}
	.footer-widget-area.col-3 .hentry {
	    padding-right: 25px;
	}
	.site-info {
	    padding: 27px 0;
	}
	#featured-post .wrapper {
	    width: 100%;
	    padding: 0;
	    max-width: 93.5%;
	    margin-right: 0;
	    margin-left: auto;
	    right: 0;
	}
	#featured-post .entry-container {
		display: none;
	}
	#featured-post .featured-image .entry-container {
		display: block;
	}
  	
}

@media screen and (min-width: 992px) {
    .col-4 .hentry,
    .col-4 .product {
       width: 25%;
       float: left;
   	}
   .col-5 .hentry,
   .col-5 .product {
       width: 20%;
       float: left;
   	}
	#primary {
        width: 70%;
        float: left;
    }
    #secondary {
        width: 30%;
        float: left;
    }
    .right-sidebar #primary,
    .left-sidebar #secondary {
        padding-right: 20px;
    }
    .left-sidebar #primary,
    .right-sidebar #secondary {
        padding-left: 20px;
    }
    .no-sidebar #primary {
        width: 100%;
    }
    .left-sidebar #primary,
    .right-sidebar #secondary {
        float: right;
    }
    .classic-menu .main-navigation ul.nav-menu {
	    display: block !important;
	}
    .classic-menu button.dropdown-toggle {
	    display: none;
	}
	.classic-menu .menu-toggle {
	    display: none;
	} 
	.classic-menu #search {
	    position: absolute;
	    z-index: 30;
	    right: 10px;
	    top: 100%;
	}
	.classic-menu .main-navigation form.search-form input {
	    background-color: #fff;
	    border-color: #fff;
	    color: #444;
	}
	.classic-menu .main-navigation form.search-form {
	    border: 20px solid #444;
	}
	.classic-menu #search:before {
	    content: "";
	    width: 0;
	    height: 0;
	    border-left: 9px solid transparent;
	    border-right: 9px solid transparent;
	    border-bottom: 9px solid #444;
	    position: absolute;
	    top: -9px;
	    right: 15px;
	}
	.classic-menu .main-navigation ul li.menu-item-has-children ul li a:after {
	    transform: rotate(90deg);
	    display: inline-block;
	    vertical-align: middle;
	    padding: 0 0 0 5px;
	    float: right;
	}
	.classic-menu .main-navigation .search-open .close-search {
	    display: inline-block;
	    font-size: 15px;
	    width: 14.94px;
	    vertical-align: middle;
	}
	.classic-menu #search {
	    display: none;
	}
	.classic-menu .main-navigation .search-open .show-search {
	    display: none;
	}
	.classic-menu .main-navigation ul.nav-menu {
	    margin-right: -11px;
	    opacity: 1 !important;
	}
	.classic-menu .main-navigation ul.nav-menu > li > a {
	    padding: 43px 18px;
	    text-transform: uppercase;
	}
	.classic-menu .main-navigation li {
		float: left;
		position: relative;
	}

	.main-navigation ul.sub-menu {
	    background-color: #333;
	    text-align: left;
	    padding: 0;
	}
	.footer-widget-area.col-2 .hentry, .footer-widget-area.col-3 .hentry {
	    padding-right: 75px;
	}
	.footer-widget-area.col-4 .hentry {
	    width: 25%;
	    float: left;
	    padding-right: 50px;
	}
}

@media screen and (min-width: 1024px) {
	.boxed {
	    width: 90%;
	    max-width: 1366px;
	    margin: 0 auto;
	    -webkit-box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.15);
	    box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.15);
	}
	.boxed #masthead.nav-shrink {
		width: 90%;
		max-width: 1366px;
	}
}

@media screen and (min-width: 1200px) {
	.modern-menu #masthead.nav-shrink ul.menu {
	    max-height: 450px;
	    overflow-y: scroll;
	}
	.nav-shrink button.menu-toggle {
	    top: 15px;
	}
	#masthead.nav-shrink {
	    position: fixed;
	    max-width: 1920px;
	    box-shadow: 0 1px 12px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 1px 12px 0px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 1px 12px 0px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0 1px 12px 0px rgba(0, 0, 0, 0.1);
	}
	#masthead .wrapper {
	    padding-left: 0;
	    padding-right: 0;
	}
	.nav-shrink .site-branding img {
	    max-height: 40px;
	}
	.nav-shrink .site-branding {
	    min-height: 98px;
	}
	.nav-shrink .main-navigation ul#primary-menu > li > a {
	    padding-top: 34px;
	    padding-bottom: 34px;
	}
}
@media screen and (min-width: 1600px) {
	body {
	   line-height: 2.1875;
	}
   .wrapper {
	    max-width: 1400px;
	}
	.site-branding {
	    min-height: 130px;
	}
	.classic-menu .main-navigation ul.nav-menu > li > a {
	    padding: 50px 18px;
	}
	button.menu-toggle {
	    top: 48px;
	}
	.nav-shrink button.menu-toggle {
	    top: 30px;
	}
	#featured-post .featured-image {
	    padding: 388px 0;
	}
	#featured-post .entry-container {
	    padding: 40px 75px 40px;
	}
	#about-us .hentry:last-child {
	    padding: 0 0 0 150px;
	}
	#about-us .entry-content p {
	    line-height: 30px;
	}
	.sub-title {
	    font-size: 16px;
	}
	.blog-posts-wrapper article.has-post-thumbnail .entry-container {
	    padding-left: 140px;
	    padding-right: 0;
	}
	.blog-posts-wrapper article.has-post-thumbnail:nth-child(even) .entry-container {
	    padding-left: 0;
	    padding-right: 140px;
	}
	#breadcrumb-list ul.trail-items li {
	    font-size: 18px;
	}
	.blog-archive-wrapper .entry-content {
	    margin-top: 5px;
	    color: #5f6d84;
	}
	.blog-archive-wrapper .sticky .btn {
	    margin-top: 25px;
	}
	.blog-archive-wrapper .sticky .entry-content {
	    margin-top: 10px;
	}
	.blog-archive-wrapper article.has-post-thumbnail {
	    margin-bottom: 30px;
	}
	#our-stories .slick-item {
	    padding: 125px 0;
	}
	#our-stories .slick-item {
	    margin: 0 25px;
	}
	#top-navigation,
	body:not(.home) #top-navigation {
	    top: 400px;
	    left: 2%;
	}
	#latest-post .entry-container .entry-content,
	.contact-wrapper .entry-content {
	    margin-top: 36px;
	}
	.btn {
	    letter-spacing: 3px;
	}
	.site-info {
	    padding: 50px 0;
	}
	.single-post-wrapper article .author-meta a {
	    margin-top: 5px;
	}
	.blog-archive-wrapper .sticky .btn {
	    margin-top: 50px;
	}
	
}