/*
Theme Name: Korpo
Theme URI: https://themepalace.com/downloads/korpo
Author: Theme Palace
Author URI: https://themepalace.com
Description: Korpo, with its aesthetically pleasant and modern looking design is a multipurpose WordPress theme fully capable of handling the needs and requirements of enormously vast range of websites, from personal to corporate but is particularly suited for business website. The theme is beautifully crafted, clean, easy to use, responsive, features different layouts with sidebar position and allows unlimited color selection. It has been designed for everybody with or without previous coding experience to effectively and helps to speedily put together polished, professional quality websites without having to so much as peek at a single line of code.
Version: 1.2.2
Requires at least: 4.7
Tested up to: 6.7
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: korpo
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-header, custom-logo, featured-image-header, blog, portfolio

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.

Korpo 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
	## About Us Section
	##
	##
	##
	##
	##
	##
# Footer
# Responsive

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

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

.loader-container {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	z-index: 12;
	text-align:center;
	text-transform: uppercase;
}
.loader-container svg {
	width: 80px;
	height: 80px;
	animation: preloader 1.5s  infinite ease-in-out;
}

#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;
}
@keyframes preloader {
    100%{transform:rotate(180deg);}
}

.backtotop {
    background-color: #eb4986;
    z-index: 300;
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    position: fixed;
    z-index: 333;
    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: #181818;
}
.backtotop svg {
    display: inline-block;
    vertical-align: middle;
    fill: #fff;
}

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

@keyframes colorchange {
	0%   {border-color: #e30048;}
	25%  {border-color: #eb4986;}
	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: 'Montserrat', sans-serif;
	font-weight: 400;
}

#page {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
    box-shadow: 0 0 15px #aaa;
}

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

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

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

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

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 52px;
}

h2 {
	font-size: 42px;
}

h3 {
	font-size: 26px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 14px;
}

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

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

figure {
	margin: 1em 40px;
}

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

pre {
	overflow: auto;
}

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

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

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

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

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

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
tbody {
    text-align: left;
}
tr {
    border: 1px solid #e4e4e4;
}
td,
th {
	padding: 10px 25px;
    font-weight: 400;
}
.widget.widget_calendar td,
.widget.widget_calendar th {
	padding: 10px 15px;
}
.footer-widgets-area .widget.widget_calendar table {
    margin: 0;
}
.footer-widgets-area .widget.widget_calendar td,
.footer-widgets-area .widget.widget_calendar th {
	padding: 10px 9px;
	color: #fff;
}

th {
	color: #181818;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

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

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

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

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

big {
	font-size: 125%;
}

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

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

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

blockquote {
    padding: 0 60px 0 40px;
    font-size: 18px;
    line-height: 35px;
    font-weight: 300;
    position: relative;
    margin: 0;
}
blockquote.alignright {
    padding-right: 0;
    margin-bottom: 14px;
}

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

/*--------------------------------------------------------------
# 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 {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 0;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

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

textarea,
#respond input,
.wpcf7 input {
    width: 100%;
    border: none;
    background-color: #edeeef;
    border-radius: 0;
    height: 50px;
    padding: 0 15px;
}
textarea {
	width: 100%;
	height: auto;
	padding: 15px;
}
.wpcf7 textarea {
    height: 200px;
}
#respond input {
	border: none;
    min-height: 50px;
}
.comment-form-cookies-consent {
    clear: both;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}
#respond .comment-form-cookies-consent input[type="checkbox"],
.comment-form-cookies-consent input[type="checkbox"] {
    width: auto;
    float: left;
    height: auto;
    min-height: auto;
    margin-right: 15px;
}
#respond .comment-form-cookies-consent label,
.comment-form-cookies-consent label {
    display: table;
    margin: 0;
    line-height: 1;
}
#respond textarea {
    height: 200px;
    padding: 10px 15px;
    border: none;
    background-color: #edeeef;
}
#respond input[type="text"],
#respond input[type="email"] {
    background-color: #edeeef;
}
#respond input[type="submit"] {
    padding: 10px 30px;
    font-size: 14px;
    line-height: 29px;
    display: inline-block;
    border-radius: 50px;
    background-color: #eb4986;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    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;
}
#respond input[type="submit"]:hover,
#respond input[type="submit"]:focus {
	background-color: #181818;
}
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 {
    color: #273238;
    margin-bottom: 5px;
    display: inline-block;
}
#commentform p {    
    margin-bottom: 21px;
}
#commentform p.comment-form-comment {
    margin-bottom: 0;
}
#commentform p.form-submit {
	margin: 30px 0 0;
}
#comments {
    margin: 60px 0 0;
}
#respond {
    margin-top: 50px;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #eb4986;
	text-decoration: underline;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead {
    position: relative;
    width: 100%;
    z-index: 3000;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    -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 #masthead {
    border-bottom: none;
}
#masthead .wrapper {
    max-width: 100%;
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
}
.site-branding {
    float: left;
    padding: 15px 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;
}
.site-branding a img {
    max-height: 80px;
    width: auto;
}
.site-title {
    font-size: 32px;
    margin: 0;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.3;
    -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-identity {
    margin-left: 15px;
}
.site-title a {
    color: #181818;
    font-weight: 400;
    text-decoration: none;
}
.site-title a:hover,
.site-title a:focus {
	color: #eb4986;
}
.site-description {
    margin: 5px 0 0;
    line-height: 1.5;
}
.site-logo img {
    max-height: 65px;
    width: auto;
}
.site-logo {
    margin-right: 15px;
}
.main-navigation {
	display: block;
    position: relative;
    float: right;
}
.main-navigation ul#primary-menu li.current-menu-item > a {
	font-weight: 600;
}
.main-navigation ul#primary-menu li.current-menu-item > a,
.main-navigation ul#primary-menu li:hover > a,
.main-navigation ul#primary-menu li:focus > a {
    color: #eb4986;
}
.main-navigation ul#primary-menu li:hover > svg,
.main-navigation ul#primary-menu li:focus > svg,
.main-navigation li.menu-item-has-children:hover > a > svg,
.main-navigation li.menu-item-has-children > a:hover > svg,
.main-navigation li.menu-item-has-children > a:focus > svg,
.main-navigation ul#primary-menu > li.current-menu-item > a > svg,
.main-navigation ul#primary-menu > .focus > a > svg {
    fill: #eb4986;
}
.main-navigation ul ul {
    background-color: #fff;
    text-align: left;
    padding: 0;
}
.main-navigation ul.sub-menu li a {
    padding: 8px 15px;
    color: #181818;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
    border-left: 1px solid rgba(238, 238, 238, 0.5);
}
.main-navigation ul.sub-menu a:after {
	float: right;
}
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	position: relative;
}

.main-navigation ul.nav-menu > li > a {
    text-transform: uppercase;
    padding: 41px 7px;
    color: #181818;
}
.main-navigation form.search-form input {
    background-color: #181818;
    border-color: #181818;
    color: #181818;
    font-weight: 400;
}
.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: #eb4986;
}
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation ul.nav-menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:focus,
.main-navigation ul.nav-menu > .focus > a {
    color: #eb4986;
}
.main-navigation ul.nav-menu {
    margin-right: -25px;
}
.main-navigation a {
	display: block;
    text-decoration: none;
	font-weight: bold;
	color: #181818;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
}
.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: #181818;
}
form.search-form {
    width: 100%;
    max-width: 100%;
    position: relative;
}
.main-navigation form.search-form {
    min-width: 320px;
}
input.search-field {
    height: 45px;
    border-radius: 0;
    padding: 0 50px 0 15px;
    width: 100%;
}
.main-navigation svg.icon-close {
    display: none;
}
svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
svg.icon-search,
svg.icon-close {
    width: 15px;
    height: 15px;
    fill: #181818;
}
.main-navigation svg.icon-down {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    fill: #181818;
}
.main-navigation .sub-menu svg {
    width: 12px;
    height: 12px;
    fill: #181818;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}
.menu-toggle {
    border-radius: 0;
    font-size: 16px;
    margin: auto;
    display: block;
    height: 100px;
    position: relative;
    background-color: transparent;
    min-width: 64px;
    border: none;
    margin-right: -15px;
}
.menu-label {
    float: right;
    color: #181818;
    padding: 7px 0 0 10px;
    display: none;
}
.menu-open .menu-label {
    padding-top: 2px;
}
.menu-open .menu-toggle {
    padding-top: 10px;
}
svg.icon-menu {
    fill: #181818;
    width: 30px;
    height: 30px;
    vertical-align: baseline;
}
.menu-open svg.icon-menu {
    display: none;
}
button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    height: 55px;
    line-height: 62px;
}
.menu-overlay {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.menu-overlay.active {
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 3;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0;
	overflow: hidden;
}

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

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
	position: relative;
}
.post-navigation a, 
.posts-navigation a {
    font-weight: 400;
    color: #eb4986;
    display: block;
}
.post-navigation a:hover, 
.posts-navigation a:hover,
.post-navigation a:focus, 
.posts-navigation a:focus {
	color: #181818;
}
.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: #171717;
    background-color: #edeeef;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
    color: #fff;
    background-color: #eb4986;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
	margin-right: 5px;
    position: relative;
    top: 0px;
    color: #eb4986;
}
.pagination .page-numbers.prev:hover, 
.pagination .page-numbers.next:hover,
.pagination .page-numbers.prev:focus, 
.pagination .page-numbers.next:focus {
	color: #181818;
	background-color: #eb4986;
}
.pagination .page-numbers.prev:hover svg, 
.pagination .page-numbers.next:hover svg {
	fill: #fff;
}
.pagination .prev.page-numbers svg,
.pagination .next.page-numbers svg {
    display: inline-block;
    vertical-align: middle;
    fill: #171717;
    width: 12px;
    height: 12px;
    margin-right: 0px;
}
.pagination .next.page-numbers svg {
	margin-left: 0px;
	margin-right: 0;
}
.prev.page-numbers svg,
.next.page-numbers svg {
    fill: #cecece;
}
.nav-previous span {
    padding-left: 30px;
    float: left;
    text-align: left;
}
.nav-next span {
    padding-right: 30px;
    float: right;
    text-align: right;
}
.navigation .nav-previous svg {
    position: absolute;
    top: 7px;
    left: 0;
}
.navigation .nav-next svg {
    position: absolute;
    top: 8px;
    right: 0;
}
.post-navigation span,
.posts-navigation span {
    display: table;
    font-size: 24px;
    color: #171717;
    font-weight: 600;
}
/*--------------------------------------------------------------
# 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,
#latest-posts article:before,
#latest-posts article:after,
.widget:before,
.widget:after,
.posts-wrapper:before,
.posts-wrapper:after,
.services-items-wrapper:before,
.services-items-wrapper:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after,
#latest-posts article:before,
#latest-posts article:after,
.widget:before,
.widget:after,
.posts-wrapper:before,
.posts-wrapper:after,
#author-section:before,
#author-section:after,
.services-items-wrapper:before,
.services-items-wrapper:after {
	clear: both;
}

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

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

#colophon .widget.widget_about {
	margin-bottom: 20px;
}

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

.footer-widgets-area .widget.widget_calendar table {
    margin: 0;
}

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

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

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;
}
.widget_search form.search-form button.search-submit {
    width: 50px;
    color: #fff;
    line-height: 35px;
}
.widget_search form.search-form button.search-submit svg {
	fill: #b9b9b9;
	width: 16px;
    height: 16px;
}
.widget_search form.search-form button.search-submit:hover svg,
.widget_search form.search-form button.search-submit:focus svg,
.search-no-results form.search-form button.search-submit:hover svg {
	fill: #eb4986;
}
.widget_search form.search-form input {
	border: none;
}
.widget_search form.search-form input {
    padding: 0 40px 0 15px;
    height: 50px;
    background-color: #f6f6f6;
}
form.search-form {
    position: relative;
}

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

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

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

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

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

.widget_instagram ul {
    list-style: none;
    margin: -5px;
    padding: 0;
}
.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_archive li,
.widget.widget_categories li {
	text-align: right;
	display: table;
    width: 100%;
}
.widget.widget_archive li a,
.widget.widget_categories li a {
	float: left;
}
#secondary .widget-title,
#secondary .widgettitle {
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 0;
    position: relative;
    display: inline-block;
    text-align: left;
    width: 100%;
    padding: 14px 0;
    font-weight: 600;
    text-transform: uppercase;
}
#secondary .widget:not(:last-child) {
    margin-bottom: 43px;
}
input[type="submit"] {
    background-color: #eb4986;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    width: auto;
    height: auto;
    padding: 20px 52px;
    border-radius: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #171717;
}
.wpcf7 p {
    margin-top: 0;
    margin-bottom: 20px;
}
.jetpack_subscription_widget form {
    position: relative;
}
.jetpack_subscription_widget input[type="email"] {
    width: 100%;
    min-height: 65px;
    padding: 15px 160px 15px 20px;
    background-color: #e7f4fb;
    border-color: #e7f4fb;
}
.jetpack_subscription_widget input[type="submit"] {
    min-width: 100px;
    text-align: center;
    background-color: #0287d2;
    border-radius: 0;
    min-height: 50px;
    padding: 11px 30px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 500;
    font-size: 14px;
    border: none;
    -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;
}
.jetpack_subscription_widget input[type="submit"]:hover,
.jetpack_subscription_widget input[type="submit"]:focus {
	background-color: #eb4986;
}
.jetpack_subscription_widget #subscribe-text {
    display: inline-block;
}
.jetpack_subscription_widget #subscribe-text p {
    margin-top: 0;
    line-height: 25px;
}
.jetpack_subscription_widget #subscribe-submit {
    display: inline-block;
    margin: 0;
    position: relative;
}
.widget_popular_views ul,
.widget_latest_post ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
}
.widget.widget_popular_views ul li,
.widget.widget_latest_post ul li {
    clear: both;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 20px;
}
#secondary .widget ul li {
    border-bottom: 1px solid #f5f5f5;
    padding: 5px 0;
}
#secondary .widget.widget_popular_views .widget-title ,
#secondary .widget.widget_categories .widget-title,
#secondary .widget.widget_tag_cloud .widget-title {
	text-align: left;
}
#secondary .widget.widget_popular_views .widget-title:after,
#secondary .widget.widget_popular_views .widgettitle:after,
#secondary .widget.widget_categories .widget-title:after,
#secondary .widget.widget_categories .widgettitle:after,
#secondary .widget.widget_tag_cloud .widget-title:after,
#secondary .widget.widget_tag_cloud .widgettitle:after {
 	margin: 10px 0 0 0;
 }
#secondary .widget ul li a:hover {
    text-decoration: underline;
}
.widget.widget_categories ul li a,
.tagcloud a,
.widget.widget_archive li a,
.widget.widget_pages ul li a,
.widget.widget_meta ul li a,
.widget.widget_recent_comments ul li a,
#secondary .widget a {
	color: #171717;
}
.tagcloud a {
    border: 1px solid #cfcfcf;
    padding: 12px;
    display: inline-block;
    margin: 0 10px 10px 0;
    text-align: center;
    line-height: 10px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    border-radius: 17px;
}
.tagcloud a:hover,
.tagcloud a:focus {
	color: #eb4986;
	border-color: #eb4986;
}
/*.widget.widget_popular_post ul li:last-child,
.widget.widget_latest_post ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}*/
.widget_popular_views h2,
.widget_latest_post h5 {
    font-size: 16px;
    line-height: 1.5;
    display: table-row;
    letter-spacing: 0.01em;
    font-weight: 600;
}
.widget_popular_views h2 a,
.widget_latest_post h5 a {
	display: block;
}
.widget_popular_views time,
.widget_latest_post time {
    margin-top: 0px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
}
.widget_popular_views h2 a,
.widget_popular_views a:hover time,
.widget_popular_views a:focus time,
.widget_latest_post h3 a,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time {
    color: #181818;
}
.widget_popular_views h2 a:hover,
.widget_popular_views h2 a:focus,
.widget_popular_views a:hover time,
.widget_popular_views 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,
.blog-posts-wrapper .entry-title a:hover,
.blog-posts-wrapper .entry-title a:focus,
.widget.widget_categories ul li a:hover,
.widget.widget_categories ul li a:focus,
.widget.widget_archive li a:hover,
.widget.widget_archive li a:focus,
.widget.widget_pages ul li a:hover,
.widget.widget_pages ul li a:focus,
.widget.widget_meta ul li a:hover,
.widget.widget_meta ul li a:focus,
.widget.widget_recent_comments ul li a:focus,
.widget.widget_recent_comments ul li a:hover,
#secondary .widget a:hover   {
	color: #eb4986;
}
.widget_popular_views a time,
.widget_popular_views time,
.widget_latest_post a time,
.widget_latest_post time {
    color: #929292;
    font-weight: 500;
}
.widget_popular_views img,
.widget_latest_post img {
    float: left;
    margin-right: 14px;
    width: 100px;
    height: 100px;
}
#secondary .widget.widget_about {
    border: 1px solid #cfcfcf;
    padding: 20px;
}
.textwidget img {
    margin-bottom: 25px;
    display: block;
}
.widget.widget_about .btn {
	margin-top: 20px;
}
#secondary .textwidget {
	text-align: center;
}
#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: #181818;
    min-width: 151px;
    margin: 0;
    text-transform: uppercase;
}
.jetpack_subscription_widget #subscribe-submit:after {
	content: "";
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #f2f2f2;
	position: absolute;
    bottom: 0;
    right: -10px;
}
.site-footer .jetpack_subscription_widget #subscribe-submit:after {
	border-bottom-color: #fff;
}
#secondary .jetpack_subscription_widget input[type="submit"]:hover,
#secondary .jetpack_subscription_widget input[type="submit"]:focus {
	background-color: #eb4986;
}
#colophon .social-icons {
    margin-left: -15px;
}
#secondary p#subscribe-email {
    margin-top: 0;
}
#secondary ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#secondary .widget.widget_about .social-icons {
    margin-top: 0px;
}
#secondary .widget.widget_about .social-icons li:not(:last-child) {
    margin-right: 5px;
}
#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;
}
.widget_contact_info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#banner-image {
    padding: 100px 0;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.page-site-header {
    position: relative;
    text-align: center;
}
.page-site-header .page-subtitle {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.page-site-header .page-subtitle:after,
#secondary .widget-title:after,
#secondary .widgettitle:after,
.single .page-site-header .entry-meta:after,
#comments .comments-title:after {
    content: "";
    background-color: #eb4986;
    width: 72px;
    height: 1px;
    display: block;
    margin: auto;
    margin-top: 10px;
}
#secondary .widget-title:after,
#secondary .widgettitle:after {
	margin: 10px 0 0 0;
}
.page-site-header .page-title {
    color: #fff;
    font-size: 25px;
}
.blog-posts-wrapper .sticky {
	text-align: center;
}
.blog-posts-wrapper .sticky,
.blog-posts-wrapper article {
    margin-bottom: 40px;
}
.blog-posts-wrapper .has-post-thumbnail .featured-image {
    padding-bottom: 100%;
    background-size: cover;
    background-position: 50%;
    position: relative;
}
.featured-image-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.blog-posts-wrapper .entry-meta {
    margin-bottom: 7px;
    font-style: italic;
}
.blog-posts-wrapper .entry-header {
    margin-bottom: 10px;
    display: inline-block;
}
.blog-posts-wrapper .entry-title {
    font-size: 20px;
     font-weight: 600;
}
.blog-posts-wrapper article.hentry.sticky .entry-container .more-link .btn-primary {
    background-color: #eb4986; 
    color: #fff;
}
.blog-posts-wrapper article.hentry.sticky .entry-container .more-link .btn-primary:hover {
    background-color: #181818;
    color: #fff;
}
.blog-posts-wrapper article.hentry .entry-container .more-link .btn-primary {
     background-color: transparent; 
    color: #eb4986;
    padding: 0;
}
.blog-posts-wrapper article.hentry.sticky .entry-container .more-link .btn-primary {
	padding: 10px 30px;
}
.blog-posts-wrapper article.hentry .entry-container .more-link .btn-primary:hover {
	color: #171717;
}
.blog-posts-wrapper.sticky-post-wrapper {
    text-align: center;
}
.blog-posts-wrapper .entry-title a {
	color: #171717;
}
.blog-posts-wrapper .has-post-thumbnail .entry-container,
.blog-posts-wrapper .entry-container .more-link {
    margin-top: 25px;
}
article.has-post-thumbnail.sticky .entry-container .entry-content  {
    max-width: 900px;
    margin: auto;
    text-align: left;
}
.no-sidebar-content .blog-posts-wrapper article.hentry.sticky .entry-container .more-link {
	margin-top: 25px;
}
.blog-posts-wrapper article.hentry.sticky {
	   border-top: none;
	   padding-top: 0;
}
.blog-posts-wrapper article.hentry.sticky .entry-content p {
	margin: 0.8em 0;
}
.blog-posts-wrapper article.hentry.sticky .entry-container .more-link {
	    margin-top: 0px;
	}
.blog-posts-wrapper article.hentry .entry-content p {
    margin-top: 0;
}
.blog-posts-wrapper article.hentry {
    border-top: 1px solid #cfcfcf;
    padding-top: 40px;
}
.blog-posts-wrapper article.hentry.sticky.has-post-thumbnail {
    border-bottom: none;
    padding-bottom: 0px;
    display: block;
}
.blog-posts-wrapper .sticky .featured-post-image {
	width: 100%;
}
.blog-posts-wrapper article.hentry .entry-header {
   display: block;
}
.blog-posts-wrapper article.hentry.sticky .entry-container {
	width: 100%;
	padding-left: 0;
}
/*.blog-posts-wrapper article.hentry.has-post-thumbnail {
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 40px;
}*/
.blog-posts-wrapper article.hentry.has-post-thumbnail:last-child {
    margin-bottom: 0;
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 40px;
}
.blog-posts-wrapper.non-sticky .no-post-thumbnail .entry-container {
    width: 100%;
    padding-left: 0;
}
.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;
}

.author img {
    border-radius: 50%;
    display: block;
    text-align: center;
    margin: 20px auto;
}
.page-header span.posted-on {
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.page-header span.author-name {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #181818;
}
.page-header small {
    font-size: 12px;
    color: #eb4986;
}
nav.navigation.pagination {
    margin-top: 50px;
    clear: both;
    display: inline-block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
.navigation.pagination svg {
    fill: #cecece;
    width: 14px;
    height: 14px;
    position: relative;
    top: -2px;
}
.navigation.posts-navigation svg, 
.navigation.post-navigation svg {
    width: 14px;
    height: 14px;
    fill: #171717;
    display: inline-block;
    vertical-align: middle;
}
.navigation.posts-navigation a:hover svg, 
.navigation.post-navigation a:hover svg,
.post-navigation a:hover span,
.posts-navigation a:hover span,
.single-post-wrapper .entry-meta span.byline a:hover {
	fill: #eb4986;
	color: #eb4986;
}
.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;
}
.post-categories a:hover,
.post-categories a:focus {
	color: #eb4986;
}
.single .page-site-header .cat-links a,
.single .page-site-header .posted-on a,
.single .page-site-header .posted-on time {
	color: #fff;
}
.single .page-site-header .entry-meta {
    letter-spacing: 1px;
}
.single-post-wrapper .entry-title {
    font-size: 32px;
    font-weight: 700;
}
.single-post-wrapper .entry-meta span.byline {
    background-color: #f7f7f7;
    padding: 6px 25px;
    display: inline-block;
    border-radius: 25px;
    margin-bottom: 5px;
    color: #3f3f3f;
}
.single-post-wrapper .entry-meta span.byline a {
    color: #3f3f3f;
}
.single-post-wrapper article p {
    margin-top: 0;
    margin-bottom: 28px;
}
.single-post-wrapper article blockquote p {
    margin-bottom: 0;
}
.single-post-wrapper article img {
    margin-bottom: 30px;
    width: 100%;
}
.single-post-wrapper article .author-image img {
    margin-bottom: 0;
    border-radius: 50%;
}
.single-post-wrapper article p.first-letter:first-letter {
    display: inline-block;
    float: left;
    font-size: 90px;
    line-height: 0.6;
    margin: 16px 16px 0 0;
    font-family: 'Lora', serif;
}
.single-post-wrapper span.posted-on svg,
.single-post-wrapper span.cat-links svg {
    fill: #eb4986;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -3px;
}
.single-post-wrapper span.cat-links svg {
	top: -2px;
}
.single-post-wrapper span.posted-on a:hover svg,
.single-post-wrapper span.posted-on a:focus svg,
.single-post-wrapper span.cat-links:hover svg {
    fill: #181818;
}
.single-post-wrapper .entry-meta > span:not(:last-child):after {
	content: "";
	padding: 0 5px;
}
.single-post-wrapper span.cat-links a:not(:last-child):after {
	content: ",";
	color: #181818;
	padding-left: 2px;
	margin-right: 3px;
}
.sd-title {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
}
.sd-content {
    margin-bottom: 50px;
}
.sd-title:before {
    content: "";
    background-color: #eb4986;
    width: 72px;
    height: 1px;
    display: block;
    margin-bottom: 20px;
}
.single-post-wrapper span.tags-links a {
    display: inline-block;
    padding: 2px 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    font-size: 14px;
    border: 1px solid #ddd;
    color: #929292;
    font-weight: 400;
}
.single-post-wrapper span.tags-links a:hover,
.single-post-wrapper span.tags-links a:focus {
	color: #eb4986;
	border-color: #eb4986;
}
.single-post-wrapper .entry-meta {
    margin-bottom: 25px;
}
.single-post-wrapper .no-featured-image .entry-meta {
    bottom: 0;
}
.single-post-wrapper .entry-meta .date {
    font-size: 49px;
    color: #181818;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}
.single-post-wrapper .entry-meta .month {
    font-size: 14px;
    letter-spacing: 0.5em;
    text-transform: uppercase;
    padding-left: 5px;
    margin-bottom: 28px;
    font-weight: bold;
}
.single-post .site-main .comment-navigation, 
.single-post .site-main .posts-navigation, 
.single-post .site-main .post-navigation {
	margin-bottom: 0;
}
.post-navigation .previous-article span span,
.posts-navigation .previous-article span span,
.post-navigation .next-article span span,
.posts-navigation .next-article span span {
    display: block;
}
.post-navigation span.previous-article b,
.post-navigations span.previous-article b,
.post-navigation span.next-article b,
.post-navigations span.next-article b {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.post-navigation span.previous-article,
.post-navigations span.previous-article {
    display: table;
}
.no-sidebar .single-post-wrapper .featured-image {
	text-align: center;
}
span.next-article {
    padding-right: 65px;
    display: inline-block;
}
#author-section {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 35px 0;
    margin-bottom: 35px;
}
.author-image {
    float: left;
    margin-right: 30px;
}
.author-content {
    display: table;
}
.author-name {
    font-size: 18px;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 30px;
}
.author-name:after {
    content: "";
    background-color: #eb4986;
    width: 29px;
    height: 3px;
    display: block;
    margin-top: 30px;
}
.author-name span {
    color: #5e5e5e;
    padding-left: 5px;
    font-weight: 400;
}
.author-content .social-icons li a {
	background-color: #171717;
}
.author-content .social-icons li a svg {
	fill: #fff;
}
.left-sidebar.error404 #primary,
.right-sidebar.error404 #primary,
.no-sidebar.error404 #primary {
    width: 100%;
    padding: 0;
    float: none;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}
.error404.left-sidebar #primary, 
.error404.right-sidebar #primary, 
.error404.no-sidebar #primary {
    width: 100%;
    float: none;
}
.error-404.not-found {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

#reply-title,
.comments-title {
    font-size: 42px;
    margin: 0;
}
.comments-title,
#reply-title {
    margin-bottom: 30px;
    font-size: 32px;
    font-weight: 600;
}
#comments .comments-title:after {
	margin: 10px 0 0 0;
}
ul.post-categories {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.post-categories li:after {
    content: "/";
    padding-left: 4px;
}
.post-slider ul.post-categories li:after,
.single ul.post-categories li:after,
.blog-posts-wrapper ul.post-categories li:after {
    content: ",";
    padding-left: 4px;
}
#latest-posts .entry-meta .posted-on:before,
.single .page-site-header .entry-meta .posted-on:before,
.blog-posts-wrapper .entry-meta .posted-on:before {
    content: "-";
}
ul.post-categories li:last-child:after {
    display: none;
}
ol.comment-list {
    padding: 0;
    margin: 0 0 30px;
    list-style: none;
}
#comments ol {
    list-style: none;
    margin-left: 0;
    padding: 0;
}
#comments ol.comment-list {
	padding-top: 35px;
	position: relative;
    overflow: hidden;
}
#comments ol.children {
    margin-left: 120px;
}
.says {
    display: none;
}
.comment-author.vcard {
    margin: 20px 20px 0 20px;
}
.comment-meta img {
    width: 85px;
    height: 85px;
    float: left;
    border-radius: 50%;
    margin-right: 20px !important;
}
#comments time:before {
    display: none;
}
.comment-body {
    position: relative;
}
.reply {
    padding-left: 20px;
    border-bottom: 1px solid #cfcfcf;
    margin-top: -58px;
    padding-bottom: 20px;
}
#comments article {
    margin-bottom: 30px;
    clear: both;
    /*display: inline-block;*/
}
#comments ol.comment-list > li:last-child article:last-child,
#comments ol.comment-list > li:last-child {
	border-bottom: none;
}
/*#comments ol.comment-list > li {
    padding-top: 49px;
}*/
#comments ol.comment-list > li:first-child {
    padding-top: 0;
}
/*#comments ol.comment-list > li article:last-child .reply {
	border-bottom: none;
    padding-bottom: 0;
}*/
/*.reply a {
	padding: 7px 20px;
    line-height: 29px;
    display: inline-block;
    border-radius: 0;
    background-color: #eb4986;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    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;
}*/
.reply a:hover,
.reply a:focus,
.logged-in-as a:hover,
.logged-in-as a:focus,
.comment-content a:hover {
    color: #181818;
}
.reply a:hover:before,
.reply a:focus:before {
	background-color: #eb4986;
}
.comment-meta .url,
.comment-meta .fn {
    display: inline-block;
    text-transform: uppercase;
    color: #181818;
    font-size: 14px;
    font-weight: 600;
    padding-top: 8px;
}
.comment-meta .url:hover,
.comment-meta .url:focus,
.comment-metadata a,
.comment-metadata a time {
	color: #eb4986;
}
.comment-metadata a,
.comment-metadata time {
	font-size: 14px;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover time,
.comment-metadata a:focus time {
	color: #181818;
}
.comment-metadata time {
    font-weight: 500;
}
.comment-metadata {
    display: block;
    text-transform: uppercase;
    margin-top: 0px;
}
.comment-content {
    margin-bottom: 10px;
    margin-top: 0;
    padding-left: 105px;
    border: 1px solid #cfcfcf;
    border-bottom: none;
}
.comment-content:after,
.comment-content:before {
    content: "";
    border: 30px solid #cfcfcf;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: 0;
    bottom: 90px;
    border-left: 0 solid transparent;
    border-right: 25px solid transparent;
}
.comment-content:before {
    border: 28px solid #fff;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: 1px;
    bottom: 93px;
    border-left: 0 solid transparent;
    border-right: 23px solid transparent;
    z-index: 1;
}
.comment-content p {
    font-weight: 400;
    color: #565a5f;
    margin-bottom: 0;
    padding-bottom: 35px;
    padding: 10px 20px 60px 20px;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

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

/*--------------------------------------------------------------
# Layouts and titles
--------------------------------------------------------------*/
section {
	position: relative;
}
.relative {
	display: block;
	position: relative;
}
.relative:before,
.relative:after {
	content: "";
	display: table;
	clear: both;
}
.entry-content {
	margin-top: 0;
}
.wrapper {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.page-section {
    padding: 60px 0;
}
.entry-title,
.section-title {
    font-size: 24px;
    margin: 0 0 10px;
    word-wrap: break-word;
}
.section-title {
    margin-bottom: 25px;
    font-family: 'Lora', serif;
}
.section-subtitle {
    color: #181818;
    text-transform: uppercase;
    margin-bottom: 25px;
    padding-bottom: 15px;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}
.section-subtitle:after {
    content: "";
    background-color: #FF8736;
    width: 72px;
    height: 1px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto;
    top: auto;
}
.overlay {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.btn {
    padding: 10px 30px;
    font-size: 14px;
    line-height: 29px;
    display: inline-block;
    border-radius: 50px;
    background-color: #eb4986;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    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;
    text-decoration: none;
}
.btn:hover,
.btn:focus {
	color: #fff;
}
.btn-default {
    background-color: #fff;
    border: 1px solid #fff;
    color: #181818;
}
.btn-default:hover,
.btn-default:focus {
	background-color: #eb4986;
	border-color: #eb4986;
    color: #fff;
}
.btn-primary {
	background-color: #eb4986;
    color: #fff;
}
.btn-primary:hover,
.btn-primary:focus {
	background-color: #181818;
    color: #fff;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

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

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

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

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

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

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

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

#secondary .widget.tp-instagram ul li,
.footer-widgets-area .widget.tp-instagram ul li {
    padding: 2px;
    margin-bottom: 0;
}

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}
/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/
.social-icons li {
    display: inline-block;
    height: auto;
    text-align: center;
    position: relative;
    list-style: none;
}
.footer-widgets-area .widget .social-icons li {
	display: inline-block;
    width: auto;
}
.social-icons li:not(:last-child) {
    margin-right: 5px;
}
.social-icons,
.social-icons ul {
    margin: 0;
    padding: 0;
}
.social-icons li a {
    background-color: #edeeef;
    width: 40px;
    height: 40px;
    line-height: 36px;
    display: block;
    border-radius: 0;
}
#colophon .widget.widget_nav_menu .social-icons li a {
	background-color: transparent;
}
.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: #aaaaaa;
    width: 18px;
    height: 18px;
}
#colphon .social-icons li a {
    background-color: #cddcc8;
}
/*--------------------------------------------------------------
## Social Icons Hover Color
--------------------------------------------------------------*/
.social-icons li a[href*="facebook.com"]:hover,
.social-icons li a[href*="fb.com"]:hover,
.social-icons li a[href*="facebook.com"]:focus,
.social-icons li a[href*="fb.com"]:focus {
 	background-color: #3c5798 !important;
}
.social-icons li a[href*="twitter.com"]:hover,
.social-icons li a[href*="twitter.com"]:focus {
 	background-color: #1ea0f1 !important;
}
.social-icons li a[href*="linkedin.com"]:hover,
.social-icons li a[href*="linkedin.com"]:focus {
 	background-color: #0077B5 !important;
}
.social-icons li a[href*="plus.google.com"]:hover,
.social-icons li a[href*="plus.google.com"]:focus {
 	background-color: #ec7161 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.social-icons li a[href*="angel.co"]:hover,
.social-icons li a[href*="angel.co"]:focus {
 	background-color: #181818  !important;
}
/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/
#page-site-header {
    padding: 50px 0;
    text-align: center;
    background-color: #f5f0ee;
}
#page-site-header .page-title {
	font-size: 36px;
}
/*--------------------------------------------------------------
#  Breadcrumb List
--------------------------------------------------------------*/
.trail-items {
    margin: 0;
    padding: 0;
    list-style: none;
}
.trail-items li {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 16px;
}
.trail-items li a span {
	color: #fff;
}
.trail-items li span.breadcrumb-separator{
	color: #fff;
}
.trail-items li span,
.trail-items li a span:hover {
	color: #eb4986;
}
.trail-items li a:hover,
.trail-items li a:focus {
	color: #fff;
}
.trail-items .separator {
    color: rgba(255, 255, 255, 0.30);
    padding: 0 2px;
}
/*--------------------------------------------------------------
#  Featured Slider Section
--------------------------------------------------------------*/
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.slick-next:before, 
.slick-prev:before {
	opacity: 1;
}
.slick-prev,
.slick-next {
    left: 0;
    z-index: 1;
    width: 40px;
    height: 40px;
    background-color: #eb4986;
    border-radius: 0;
    line-height: 52px;
}
.slick-next {
	left: auto;
	right: 0;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
	background-color: #181818;
}

/*--------------------------------------------------------------
#  About Us Section
--------------------------------------------------------------*/
#about-us .featured-image,
#our-services .featured-image,
#our-projects .featured-image,
#latest-posts .featured-image {
    padding-bottom: 100%;
    background-size: cover;
    background-position: 50%;
    position: relative;
    text-align: center;
    cursor: pointer;
}
#our-services .featured-image .more-link,
#our-services .featured-image .overlay,
#our-projects .featured-image .overlay,
#our-projects .featured-image .more-link,
#latest-posts .featured-image .overlay,
#latest-posts .featured-image .more-link {
    opacity: 0;
    visibility: hidden;
    transition:all 0.5s ease;
}
#our-services .featured-image .more-link,
#our-projects .featured-image .more-link,
#latest-posts .featured-image .more-link {
	position: absolute;
    right: 0;
    left: 0;
    top: 50%;
}
#our-services .featured-image:hover .more-link,
#our-projects .featured-image:hover .more-link,
#latest-posts .featured-image:hover .more-link {
    opacity: 1;
    visibility: visible;
    z-index: 333;
}
#our-services .featured-image:hover .overlay,
#our-projects .featured-image:hover .overlay,
#latest-posts .featured-image:hover .overlay {
    opacity: 0.2;
    visibility: visible;
    z-index: 333;
}
#about-us .entry-container,
#our-services .entry-container,
#our-projects .entry-container,
#latest-posts .entry-container,
#contact-us .section-content {
    padding: 50px 30px;
}
#about-us .more-link {
    margin-top: 30px;
}
/*--------------------------------------------------------------
#  Our Services Section
--------------------------------------------------------------*/
.each-faq {
    padding: 0 30px 0 40px;
    border-bottom: 1px solid #cfcfcf;
    position: relative;
}
.each-faq:first-child {
    border-top: 1px solid #cfcfcf;
}
.faq-content p:first-child {
    margin-top: 0;
    margin-bottom: 26px;
}
.faq-trigger {
    width: 100%;
    display: table;
    padding-right: 10px;
    text-decoration: none;
}
.each-faq h4 {
    font-size: 16px;
    margin: 0;
    padding: 25px 0;
    text-transform: uppercase;
    color: #171717;
}
.each-faq .icon-close,
.each-faq.open .icon-add {
    display: none;
    margin-left: auto;
    margin-right: auto;
    fill: #1e1e1e;
}
.each-faq.open .icon-close {
    display: block;
}
.each-faq svg.icon-close {
    width: 16px;
    height: 16px;
}
#our-services ::-webkit-scrollbar {
   width: 2px;
}
#our-services ::-webkit-scrollbar-track {
   border-radius: 2px;
   background-color: #ccc;
   margin: 0;
}
#our-services ::-webkit-scrollbar-thumb {
   border-radius: 2px;
   box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
   background-color: #eb4986;
}
.faq-trigger button {
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    height: 70px;
    width: 70px;
    text-align: center;
    border: none;
}
.faq-content {
    padding-right: 50px;
}
.each-faq h4:before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #1e1e1e;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 15px;
    top: 30px;
}
.each-faq.open h4:before {
	background-color: #eb4986;
}
/*--------------------------------------------------------------
#  Our Projects Section
--------------------------------------------------------------*/
.project-slider {
	margin: -15px;
    padding-top: 25px;
}
.project-slider article {
    background-size: cover;
    background-position: 50%;
    padding: 15px;
}
.project-slider article .project-content-wrapper {
	position: relative;
	padding: 100px 0;
    background-size: cover;
    background-position: 50%;
}
.project-slider article .project-content-wrapper:before {
    content: "";
    background-color: #fff;
    width: 92%;
    height: 180px;
    margin: auto;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
	-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;
}
#our-projects .section-header,
#latest-posts .section-header {
    margin-bottom: 25px;
}
#our-projects .slick-prev, 
#our-projects .slick-next,
#latest-posts .slick-prev, 
#latest-posts .slick-next {
	background-color: transparent;
}
#our-projects .slick-prev:focus, 
#our-projects .slick-next:focus,
#latest-posts .slick-prev:focus, 
#latest-posts .slick-next:focus {
	outline: thin dotted #000;
}
.slick-prev:before,
.slick-next:before {
    content: "";
    background-image: url('assets/images/down-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.slick-next:before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.project-slider article .project-content-wrapper .entry-header,
.project-slider article .project-content-wrapper .entry-meta {
    position: relative;
}
.project-slider article .project-content-wrapper .entry-header .entry-title {
	font-size: 18px;
	color: #171717;
	font-weight: 600;
    margin-bottom: 5px;
}
.project-slider article .project-content-wrapper .entry-header .entry-title a {
	color: #171717;
}
.project-slider article .project-content-wrapper .entry-header .entry-title a:hover,
.project-slider article .project-content-wrapper .entry-header .entry-title a:focus {
	color: #eb4986;
}
.project-slider .no-post-thumbnail .project-content-wrapper {
   background-color: #eee;
}
.project-slider .no-post-thumbnail .project-content-wrapper:before {
   content: "";
   background-color: transparent;
}
.no-post-thumbnail .project-deatils {
    visibility: visible;
    opacity: 1;
}
.project-deatils {
    position: absolute;
    bottom: 25px;
    padding-left: 30px;
    padding-right: 30px;
    opacity: 0;
    visibility: hidden;
    -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;
}
.project-slider article:hover .project-deatils,
.project-slider article:hover .project-content-wrapper:before {
	opacity: 1;
	visibility: visible;
}
ul.post-categories li {
	display: inline-block;
	text-transform: uppercase;
}
ul.post-categories li a {
    color: #7f7f7f;
    text-transform: capitalize;
}
.project-slider .slick-prev, 
.project-slider .slick-next,
.post-slider .slick-prev, 
.post-slider .slick-next {
	top: 0;
}
.project-slider .slick-prev,
.post-slider .slick-prev {
	left: auto;
	right: 60px;
}
.post-slider span.posted-on,
.post-slider span.cat-links,
.blog-posts-wrapper article.hentry .entry-meta span.cat-links {
    float: left;
}
.post-slider span.posted-on {
    float: left;
    padding-left: 10px;
}
.single .posted-on,
.blog-posts-wrapper .entry-meta .posted-on {
    padding-left: 10px;
}
/*--------------------------------------------------------------
#  Latest Posts Section
--------------------------------------------------------------*/
.cat-links a,
.posted-on a,
.posted-on time {
    color: #7f7f7f;
}
#latest-posts .entry-title {
	font-size: 18px;
}
#latest-posts .entry-title a {
	color: #171717;
}
#latest-posts .entry-title a:hover,
#latest-posts .entry-title a:focus,
.cat-links a:hover,
.posted-on a:hover time,
.cat-links a:focus,
.posted-on a:focus time,
.single .page-site-header .cat-links a:hover,
.single .page-site-header .posted-on a:hover,
.single .page-site-header .posted-on time:hover ,
.single .page-site-header .cat-links a:focus,
.single .page-site-header .posted-on a:focus,
.single .page-site-header .posted-on time:focus {
	color: #eb4986;
}
#latest-posts .slick-slide {
	border-top: 1px solid #cfcfcf;
	padding: 30px 0;
}
#latest-posts .slick-slide:last-child {
	border-bottom: 1px solid #cfcfcf;
}
.post-slider {
	padding-top: 30px;
}
#latest-posts .entry-meta {
    margin-bottom: 15px;
    font-style: italic;
}
#latest-posts .entry-content p {
    margin: 0;
}
.cat-links a:not(:last-child):after {
	content: ",";
}
#latest-posts .slick-slide {
    overflow: hidden ! important;
}
/*--------------------------------------------------------------
#  Contact Us Section
--------------------------------------------------------------*/
#map {
    height: 500px;
    width: 100%;
}
#contact-us .section-content {
	width: 100%;
}
ul.contact-address {
    list-style: none;
    margin: 0;
    padding: 0;
}
.contact-form-wrapper + .contact-address-wrapper {
    border-top: 1px solid #cfcfcf;
    padding-top: 30px;
}
.contact-form-wrapper .wpcf7 {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}
.contact-address-wrapper ul.contact-address li:nth-child(1) {
    max-width: 250px;
}
.contact-address-wrapper .contact-address li:first-child {
    margin-bottom: 15px;
}
#contact-us ul.contact-address li a:not(:last-child):after {
    content: ",";
    padding-left: 5px;
}
#contact-us ul.contact-address li,
#contact-us ul.contact-address li a {
	color: #181818;
}
#contact-us ul.contact-address li a:hover {
	color: #eb4986;
}
/*--------------------------------------------------------------
# 					Footer
--------------------------------------------------------------*/
#colophon {
    background-color: #181818;
    color: rgba(255, 255, 255, 0.5);
}
#colophon a,
#colophon p,
#colophon li {
    color: rgba(255, 255, 255, 0.5);
}
#colophon a:hover,
#colophon a:focus {
    color: #fff;
}
#colophon .widget-title, 
#colophon .widgettitle {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}
.site-info {
    background-color: #181818;
    padding: 18px 0;
    line-height: 1.5;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.site-info span {
	display: block;
	text-align: center;
    margin: 10px 0;
}
.site-info,
.site-info a {
	margin: 0;
	color: rgba(255, 255, 255, 0.5);
}
#colophon .site-info a {
	color: #fff;
}
#colophon .site-info a:hover,
#colophon .site-info a:focus {
	text-decoration: underline;
}
.footer-widgets-area ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-widgets-area .widget ul li {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
}
.footer-widgets-area .widget ul li a:hover {
    text-decoration: underline;
}
.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;
    padding-right: 40px;
}
.footer-widgets-area.col-1 .hentry {
    text-align: center;
}
.footer-widgets-area.col-1 .hentry:last-child {
	margin-bottom: 0;
}
.footer-widgets-area.col-1 .textwidget img {
    margin-left: auto;
    margin-right: auto;
}
.footer-widgets-area.page-section.col-1 {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.footer-widgets-area .widget .col-1 .hentry {
	width: 100%;
}
.footer-widgets-area .widget .col-2 .hentry {
	width: 50%;
    float: left;
}
.footer-widgets-area .widget .col-4 .hentry {
	width: 25%;
    float: left;
}
.footer-widgets-area .widget .col-4 .hentry:nth-child(2n+1) {
	clear: none;
}
.footer-widgets-area.col-3 .widget.tp-instagram .hentry:not(:last-child) {
    padding-right: 0px;
}

/*--------------------------------------------------------------
##                      Font Switcher
--------------------------------------------------------------*/
.header-font-1 h1,
.header-font-1 h2,
.header-font-1 h3,
.header-font-1 h4,
.header-font-1 h5 {
    font-family: 'Rajdhani', sans-serif;
 }
.header-font-2 h1,
.header-font-2 h2,
.header-font-2 h3,
.header-font-2 h4,
.header-font-2 h5 {
    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 {
    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 {
    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 {
    font-family: 'Dosis', sans-serif;
}

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

/*--------------------------------------------------------------
# 					RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {
	#banner-image {
	    padding: 145px 0;
	}
	ul.contact-address {
	    float: left;
	}
	.contact-section-wrapper ul.social-icons {
	    float: right;
        padding-top: 15px;
	}
	.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 ul.col-3 .hentry:nth-child(2n+1) {
		clear: none;
	}
	.footer-widgets-area.col-2 .hentry:nth-child(odd) {
		padding-right: 40px;
	}
	.footer-widgets-area.col-2 .hentry:nth-last-child(-n+2),
	.footer-widgets-area.col-4 .hentry:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
	.page-site-header .page-title {
	    font-size: 42px;
	}
	.blog-posts-wrapper .has-post-thumbnail.sticky .featured-image {
	    padding: 170px 0;
	}
	.blog-posts-wrapper .has-post-thumbnail .featured-image {
	    padding: 260px 0px;
	}
	.single-post-wrapper .featured-image {
	    position: relative;
	}
	.single-post-wrapper .entry-meta {
	    margin-bottom: 25px;
	    position: absolute;
	    bottom: 30px;
	    left: 30px;
	}
	.comment-content {
	    padding-left: 35px;
	    padding-right: 35px;
	}
	.comment-content:after,
	.comment-content:before {
	    bottom: 65px;
	}
	.comment-content:before {
	    bottom: 68px;
	}
	.reply {
	    padding-left: 55px;
	}
	.single .page-site-header .entry-meta,
	.blog-posts-wrapper article.hentry .entry-meta {
	    margin: auto;
	    text-align: center;
	    display: inline-block;
	}
	.single .page-site-header .entry-meta span.cat-links {
	    float: left;
	}

}

@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;
    }
    .footer-widgets-area .widget .col-3 .hentry {
	    width: 33.33%;
	    float: left;
	}
	.footer-widgets-area .widget .col-3 .hentry:nth-child(3n+1) {
	    clear: left;
	}
    .col-4 .hentry {
        width: 50%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .col-6 .hentry {
        width: 16.66%;
        float: left;
    }
    .btn {
	    padding: 13px 45px;
	    font-size: 16px;
	}
	.blog-posts-wrapper article.hentry.sticky .entry-container .more-link .btn-primary {
	    padding: 13px 45px; 
	}
    blockquote.alignright {
	    width: -webkit-calc(50% - 0.736842105em);
	    width: calc(50% - 0.736842105em);
        margin-top: 10px;
        margin-bottom: 25px;
	}
	.section-title {
	    font-size: 28px;
	}
	#about-us .entry-container, 
	#our-services .entry-container,
	#our-projects .entry-container,
	#latest-posts .entry-container,
	#contact-us .section-content {
		padding: 50px;
	}
	#about-us .featured-image,
	#our-services .featured-image,
	#our-projects .featured-image,
	#latest-posts .featured-image {
    	padding: 340px 0;
	}
	.about-section-wrapper.has-featured-image,
	.services-section-wrapper.has-featured-image,
	.projects-section-wrapper.has-featured-image,
	.posts-section-wrapper.has-featured-image,
	.contact-section-wrapper {
	    display: flex;
	    align-items: center;
	}
	.posts-section-wrapper.has-featured-image {
	    flex-direction: row-reverse;
	}
	.faq-group {
	    max-height: 325px;
	    overflow: auto;
	    margin-top: 20px;
	    display: inline-block;
	    width: 100%;
	}
	.services-section-wrapper.has-featured-image {
		flex-direction: row-reverse;
	}
	#about-us .featured-image,
	#about-us .has-featured-image .entry-container,
	#our-services .featured-image,
	#our-services .has-featured-image .entry-container,
	#our-projects .featured-image,
	#our-projects .has-featured-image .entry-container,
	#latest-posts .featured-image,
	#latest-posts .has-featured-image .entry-container {
		width: 50%;
	}
	.project-slider article {
		width: 100%;
		float: none;
	}
	.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;
	}
	#map {
	    height: auto;
	    width: 50%;
	}
	#contact-us .section-content {
		width: 50%;
	}
	ul.contact-address {
	    float: none;
	}
	.contact-section-wrapper ul.social-icons {
	    float: none;
	}
	.footer-widgets-area.col-3 .hentry {
		margin-bottom: 0;
	}
	.footer-widgets-area.col-3 .hentry:not(:last-child) {
		padding-right: 40px;
	}
	.site-info.col-2 span {
		float: left;
		width: 50%;
		text-align: left;
	}
	.site-info.col-2 span:nth-child(2) {
		float: right;
		text-align: right;
	}
	.site-info {
	    padding: 3px 0;
	}
	.blog-posts-wrapper article.hentry.has-post-thumbnail {
	    display: flex;
	    flex-direction: row;
	    align-items: center;
	}
	.blog-posts-wrapper .featured-post-image {
	    width: 40%;
	}
	.blog-posts-wrapper .has-post-thumbnail .featured-image {
	    padding: 160px 0px;
	}
	.blog-posts-wrapper article.hentry .entry-container {
	    width: 60%;
	    padding-left: 50px;
	}
	.blog-posts-wrapper article.hentry .entry-container .more-link {
	    margin-top: 10px;
	}
	#respond input[type="submit"] {
	    padding: 13px 45px;
	    font-size: 16px;
	}
	
	.about-section-wrapper.image-right,
	.projects-section-wrapper.image-right,
	.contact-section-wrapper.image-right {
	    flex-direction: row-reverse;
	}
	.services-section-wrapper.image-left,
	.posts-section-wrapper.image-left {
	    flex-direction: row;
	}

}
@media screen and (min-width: 992px) {
	.col-4 .hentry  {
        width: 25%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .page-section {
	    padding: 80px 0;
	}
	#about-us .entry-container, 
	#our-services .entry-container, 
	#our-projects .entry-container {
	    padding: 50px;
	}
	.blog-posts-wrapper .entry-title {
	    font-size: 24px;
	}
	#latest-posts .entry-title {
	    font-size: 24px;
	    font-weight: 500;
        margin-bottom: 15px;
	}
	#latest-posts .slick-slide {
		padding: 40px 0;
	}
	#latest-posts .section-header {
		margin-bottom: 0;
	}
	#latest-posts .entry-meta {
	    margin-bottom: 5px;
	}
	#page-site-header {
	    padding: 93px 0;
	}
	#page-site-header .page-title {
	    font-size: 38px;
	}
	.wpcf7 p:nth-child(2),
	.wpcf7 p:nth-child(3) {
	    width: 50%;
	    float: left;
	}
	.wpcf7 {
		margin: 0 -15px;
	}
	.wpcf7 p {
	    padding: 0 15px;
	}
	.widget_popular_post h3,
	.widget_latest_post h3 {
		font-size: 16px;
	}
	nav.navigation.pagination {
		margin-top: 63px;
		text-align: center;
	}
	.comment-form-author, 
	.comment-form-email, 
	.comment-form-url {
	    width: 33.33%;
	    float: left;
	}
	.comment-form-author input, 
	.comment-form-email input {
	    max-width: 93%;
	}
	#colophon .widget-title, 
	#colophon .widgettitle {
	    letter-spacing: 0.1em;
	}
	#colophon .social-icons {
		margin-left: -15px;
	}
	.social-icons li:not(:last-child) {
	    margin-right: 14px;
	}
	.boxed-layout .social-icons li:not(:last-child) {
	    margin-right: -1px;
	}
	.footer-widgets-area.col-4 .hentry:last-child {
		padding-right: 0;
	}
	.footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
	    clear: none;
	}
	.blog-posts-wrapper .sticky .entry-header {
	    margin-bottom: 25px;
	}
	.blog-posts-wrapper .sticky {
	    margin-bottom: 50px;
	}
	.no-sidebar-content article.has-post-thumbnail.sticky .entry-content {
	    max-width: 90% !important;
	    margin: auto;
	}
	.single .single-post-wrapper .entry-container {
	    max-width: 900px;
	    margin: auto;
	    text-align: justify;
	}
	.single-post-wrapper .no-featured-image .entry-container {
	    margin-top: 50px;
	}
}
@media screen and (min-width: 1024px) {
	.customize-support #masthead.nav-shrink {
	    margin-top: 30px;
	}
	#masthead .wrapper {
	    padding-left: 75px;
	    padding-right: 75px;
	}
	.modern-menu #masthead.nav-shrink {
	   border-bottom: none;
	   position: fixed;
	   margin-left: auto;
	}
	.classic-menu .main-navigation ul.nav-menu {
		display: block !important;
	    height: auto !important;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: auto;
		right: 0;
	}
	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: auto;
		right: 100%;
	}
	.main-navigation ul ul ul {
		top: -1px;
	}
	.main-navigation ul ul a {
	    background-color: rgba(238, 238, 238, 0.5);
	}
	.main-navigation .menu-item-has-children > a:after {
		float: none;
	}
	.main-navigation ul.sub-menu li:hover > a,
	.main-navigation ul.sub-menu li:focus > a,
	.main-navigation ul.sub-menu .focus > a {
		background-color: #eb4986;
		color: #fff;
	}
	.main-navigation ul.sub-menu > li:last-child > a {
		border-bottom: none;
	}
	.main-navigation ul ul li {
	    border: 1px solid #eee;
	}
	.main-navigation ul.sub-menu li a {
		border-left: none;
		border-bottom: none;
	}
	#search {
	    position: absolute;
	    z-index: 30;
	    right: 0;
	    top: 100%;
	    display: none;
	}
	.main-navigation .search-active .icon-search {
		display: none;
	}
	.main-navigation .search-active .icon-close {
		display: inline-block;
	}
	#masthead .main-navigation ul ul li.menu-item-has-children > a {
	    padding-right: 35px;
	}
	#masthead .main-navigation ul ul li a svg {
	    display: inline-block;
	    top: 17px;
	    -webkit-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	    transform: rotate(90deg);
	}
	.main-navigation ul#primary-menu ul li.current-menu-item > a,
	.main-navigation ul#primary-menu ul li:hover > a,
	.main-navigation ul#primary-menu ul li:focus > a {
	    color: #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: #fff;
	}
	#search:before {
	    content: "";
	    width: 0;
	    height: 0;
	    border-left: 9px solid transparent;
	    border-right: 9px solid transparent;
	    border-bottom: 9px solid #eee;
	    position: absolute;
	    top: -9px;
	    right: 5px;
	}
	button.dropdown-toggle {
		display: none;
	}
	.modern-menu button.menu-toggle {
	    float: right;
	}
	.modern-menu button.search-submit {
	    height: 100px;
	    float: right;
	    background-color: transparent;
	    border: none;
	}
	.modern-menu button.search-submit a {
		border-bottom: none;
	}
	.menu-toggle,
	.modern-menu ul#primary-menu {
		display: none;
	}
	.modern-menu .menu-toggle,
	.modern-menu .menu-open .menu-toggle svg.icon-close {
		display: block;
	}
	.modern-menu .menu-label {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
	.main-navigation li {
	    display: inline-block;
	}
	.main-navigation ul.nav-menu > li.menu-item-has-children:hover > a:after {
	    content: "";
	    width: 0;
	    height: 0;
	    border-left: 9px solid transparent;
	    border-right: 9px solid transparent;
	    border-bottom: 9px solid #cfcfcf;
	    position: absolute;
	    bottom: 0;
	    right: 15px;
	}
	.main-navigation .left-menu {
	    padding-left: 50px;
	}
	.main-navigation ul.nav-menu > li.left-menu > a,
	.main-navigation ul.nav-menu > li.right-menu > a {
		padding-left: 5px;
		padding-right: 5px;
	}
	.main-navigation li.left-menu + li.right-menu:before {
	    content: "/";
	    position: absolute;
	    top: 50%;
	    margin-left: -6px;
	    color: #fff;
	    margin-top: -1px;
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
	.main-navigation form.search-form {
	    border: 20px solid #eee;
	}
	.modern-menu .main-navigation form.search-form {
	    min-width: 200px;
	}
	.main-navigation form.search-form input {
	    background-color: #fff;
	    border-color: #fff;
	    color: #181818;
	}
	.main-navigation form.search-form svg.icon-search {
		fill: #181818;
	}
	.menu-sticky.frame-layout #masthead,
	.menu-sticky.boxed-layout #masthead {
		position: absolute;
	}
	.menu-sticky #masthead.nav-shrink,
	.menu-sticky.frame-layout #masthead.nav-shrink,
	.menu-sticky.boxed-layout #masthead.nav-shrink {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		max-width: 1920px;
	    margin-left: auto;
	    margin-right: auto;
	}
	.menu-sticky #masthead.nav-shrink .site-logo img {
		max-height: 50px;
	}
	.menu-sticky #masthead ul#primary-menu > li > a {
	    -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;
	}
	.menu-sticky #masthead.nav-shrink ul#primary-menu > li > a {
	    padding-top: 40px;
	    padding-bottom: 26px;
	}
	.menu-sticky #masthead.nav-shrink .site-title {
		font-size: 22px;
	}
	.menu-sticky #masthead.nav-shrink .site-branding {
		min-height: 70px;
		padding: 9px 0;
	}
	.modern-menu #featured-slider,
	.modern-menu #page-site-header {
	    padding-left: 70px;
	    padding-right: 70px;
	}
	.modern-menu #masthead .wrapper {
		max-width: 100%;
		width: 100%;
		padding-left: 70px;
		padding-right: 70px;
	}

	.modern-menu #masthead .menu-toggle svg {
		fill: #000;
	}
	#search-modern {
	    position: absolute;
        top: 115px;
	    right: 0px;
	    border: 10px solid #eee;
	    display: none;
	    left: 0;
	}
	#search-modern .main-navigation form.search-form {
	    min-width: 200px;
	}
	.modern-menu #masthead .main-navigation ul.nav-menu {
		margin-right: 0;
	}
	.modern-menu #masthead .site-branding {
		min-height: 70px;
		padding: 5px 0;
	}
	.home.page.modern-menu #masthead {
	    border-bottom: none;
	    position: absolute;
	    right: 0;
	    left:auto;
	}
	.modern-menu .nav-shrink .menu-toggle {
	    height: 95px;
	}
	.modern-menu.home #masthead {
	    width: 50%;
	}
	.modern-menu.home.blog #masthead {
	    width: 100%;
	}
	.modern-menu.home.full-width #masthead {
	    width: 100%;
	    position: relative;
	}
	.modern-menu .site-title {
	    font-size: 22px;
	}
	.modern-menu #masthead .site-branding {
	    min-height: 115px;
	    padding: 5px 0;
	}
	.modern-menu.menu-sticky  #masthead .site-branding {
	    min-height: 95px;
	    padding: 5px 0;
	}
	.modern-menu .site-description {
	    margin: 2px 0 0;
	    font-size: 14px;
	}
	.modern-menu.menu-sticky #content {
	   padding-top: 0px;
	}
	.modern-menu.home #masthead.nav-shrink {
	   	width: 100%;
       	position: fixed;
	}
	.modern-menu .menu-toggle, 
	.modern-menu .menu-open .menu-toggle svg.icon-close {
	    display: block;
	}
	.modern-menu .site-branding {
		padding: 15px 0;
	}
	.modern-menu .main-navigation a {
	    border-bottom: 1px solid #eee;
	}
	.modern-menu .main-navigation ul ul a {
	    width: 100%;
	}
	.modern-menu .main-navigation ul ul,
	.modern-menu .main-navigation ul ul ul {
	    box-shadow: none;
	    float: none;
	    position: relative;
	    top: 0;
	    left: 0;
	    margin-bottom: 0;
	    display: none;
	}
	.modern-menu .main-navigation ul ul li:hover > ul, 
	.modern-menu .main-navigation ul ul li.focus > ul {
	    right: 0;
	}
	.modern-menu #masthead .main-navigation ul ul li.menu-item-has-children > a {
	    padding-right: 15px;
	}
	.modern-menu .main-navigation ul.sub-menu li {
	    padding-right: 0;
	}
	.modern-menu .main-navigation .menu-item-has-children > a:before {
	    content: "";
	    float: right;
	    position: relative;
	    right: 25px;
	    background-color: #ccc;
	    width: 1px;
	    height: 25px;
	}
	.modern-menu .main-navigation .menu-item-has-children > a:after {
	    padding-top: 3px;
	}
	.modern-menu .main-navigation ul.nav-menu > li > a,
	.modern-menu .main-navigation ul.sub-menu li a {
	    padding: 15px 15px 15px 25px;
	}
	.modern-menu .main-navigation ul.sub-menu li a {
		padding-left: 50px;
	}
	.modern-menu .main-navigation ul.sub-menu ul li a {
		padding-left: 75px;
	}
	.modern-menu .main-navigation ul.sub-menu ul ul li a {
		padding-left: 100px;
	}
	.modern-menu .main-navigation ul.sub-menu ul ul ul li a {
		padding-left: 125px;
	}
	.modern-menu .main-navigation .menu-item-has-children a svg {
		display: none;
	}
	.modern-menu .main-navigation ul.sub-menu li a {
		border-left: none;
	}
	.modern-menu .main-navigation ul.nav-menu {
	    margin-right: 0;
	    background-color: #fff;
	    margin-top: 25px;
	    border-top: 1px solid #eee;
	}
	.modern-menu .main-navigation {
		position: static;
	}
	.modern-menu .main-navigation a {
		color: #181818;
	}
	.modern-menu .main-navigation svg.icon-search,
	.modern-menu .main-navigation svg.icon-down {
		fill: #181818;
	    margin-top: -5px;
	}
	.modern-menu .main-navigation ul.sub-menu {
		border: none;
	}
	.modern-menu .menu-open .menu-toggle .icon-close {
		display: block;
		fill: #181818;
		margin: auto;
		width: 20px;
		height: 20px;
	}
	.modern-menu #masthead.site-header .main-navigation ul.nav-menu {
	    margin-top: 0;
	    position: absolute;
	    max-width: 100%;
	    top: 100%;
	    left: auto;
	    right: 0;
	    width: 100%;
        max-width: 675px;
	}
	.modern-menu .main-navigation .search-menu a,
	.modern-menu #search:before {
	    display: none;
	}
	.modern-menu #search {
	    position: relative;
	    display: block !important;
	}
	.modern-menu .main-navigation form.search-form,
	.modern-menu .main-navigation form.search-form input {
		border: none;
	}
	.modern-menu .site-branding {
		min-height: 105px;
	}
	.modern-menu .main-navigation form.search-form input {
	    background-color: #fff;
	    border-color: #eee;
	    min-height: 55px;
	}
	.modern-menu .main-navigation form.search-form button.search-submit {
		height: 55px;
	}
	.modern-menu .main-navigation form.search-form input {
		padding-left: 25px;
	}
	.modern-menu .main-navigation .sub-menu svg {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	.modern-menu .main-navigation li,
	.modern-menu button.dropdown-toggle {
	    display: block;
	}
	.modern-menu .main-navigation ul.nav-menu > li.menu-item-has-children:hover > a:after {
		display: none;
	}
	.modern-menu .nav-shrink .main-navigation ul.nav-menu > li > a, 
	.modern-menu .nav-shrink .main-navigation ul.sub-menu li a,
	.modern-menu.menu-sticky #masthead.nav-shrink ul#primary-menu > li > a {
	    padding-top: 15px;
	    padding-bottom: 15px;
	}
	.modern-menu .main-navigation ul.sub-menu li:hover > a, 
	.modern-menu .main-navigation ul.sub-menu li:focus > a {
		background-color: transparent;
		color: #eb4986;
	}
	.modern-menu .main-navigation ul#primary-menu ul li.current-menu-item > a, 
	.modern-menu .main-navigation ul#primary-menu ul li:hover > a, 
	.modern-menu .main-navigation ul#primary-menu ul li:focus > a {
		color: #eb4986;
	}
	.modern-menu .main-navigation .menu-item-has-children a svg,
	.modern-menu #masthead .main-navigation ul ul li a svg {
		display: none;
	}
	.modern-menu .main-navigation ul.sub-menu > li:last-child > a {
	    border-bottom: 1px solid #eee;
	}
	.right-sidebar #primary,
	.left-sidebar #primary {
    	width: 70%;
    	float: left;
    }
    .right-sidebar #primary {
    	padding-right: 50px;
    }
    .right-sidebar #secondary,
    .left-sidebar #secondary {
    	width: 30%;
    	float: right;
    }
    .left-sidebar #primary { 
    	float: right;
    	padding-right: 0;
    	padding-left: 50px;
    }
    .no-sidebar #primary {
    	width: 100%;
    	float: none;
    	padding-right: 0;
    }
    .boxed-layout #page {
	    max-width: 1200px;
	    width: 90%;
	    margin-left: auto;
	    margin-right: auto;
	}
	.frame-layout {
	    max-width: 100%;
	    width: 100%;
	    padding-left: 50px;
	    padding-right: 50px;
	    margin: 50px auto;
	}
}
@media screen and (min-width: 1200px) {
    .main-navigation ul.nav-menu > li > a {
	    padding: 36px 18px;
	}
	#search:before {
	    right: 15px;
	}
	.section-title {
	    font-size: 32px;
	}
    .section-subtitle {
    	padding-bottom: 35px;
	    margin-bottom: 35px;
    }
    #about-us .entry-container, 
    #our-services .entry-container, 
    #our-projects .entry-container {
	    padding: 50px 70px;
	}
	ul.contact-address {
	    float: left;
	    max-width: 50%;
	}
	.contact-section-wrapper ul.social-icons {
	    float: right;
	}
	.no-sidebar .single-post-wrapper .entry-meta {
	    left: 150px;
	}
	.footer-widgets-area.col-4 .hentry {
	    width: 25%;
	}
	.footer-widgets-area.col-4 .hentry:nth-last-child(-n+4) {
		margin-bottom: 0;
	}
	.modern-menu #masthead.nav-shrink ul.menu {
	    max-height: 450px;
	    overflow-y: scroll;
	}
}
@media screen and (min-width: 1600px) {
	ul.contact-address {
	    float: left;
	    max-width: 70%;
	}
	.contact-address-wrapper ul.contact-address li {
		float: left;
	}
	.contact-section-wrapper ul.social-icons {
	    float: right;
	    padding: 0;
	    max-width: 30%;
	}
}
@media screen and (min-width: 1900px) {
	.page-section {
	    padding: 120px 0;
	}
	.wrapper {
	    max-width: 1300px;
	}
	#masthead .wrapper {
	    padding-left: 100px;
	    padding-right: 100px;
	}
	.section-title {
		margin-bottom: 43px;
		font-size: 42px;
	}
	.section-subtitle {
	    margin-bottom: 50px;
	}
	#about-us .entry-container, 
    #our-services .entry-container, 
    #our-projects .entry-container,
    #latest-posts .entry-container,
    #contact-us .section-content {
	    padding: 80px 115px;
	}
	#about-us .featured-image,
	#our-services .featured-image,
	#our-projects .featured-image,
	#latest-posts .featured-image {
	    padding: 540px 0;
	}
	#about-us .more-link {
	    margin-top: 56px;
	}
	.faq-group {
		margin-top: 10px;
	}
	.project-slider article .project-content-wrapper {
		padding: 175px 0;
	}
	.project-slider article .project-content-wrapper:before {
		height: 330px;
	}
	.project-slider article .project-content-wrapper .entry-header .entry-title {
		font-size: 24px;
	}
	.project-deatils {
		padding-left: 45px;
		padding-right: 45px;
		bottom: 40px;
	}
	#secondary .textwidget img {
	    margin: auto;
	}
	#secondary .widget.widget_about p {
	    padding: 0 20px;
	}
	#secondary .widget:not(:last-child) {
	    margin-bottom: 50px;
	}
	#comments {
	    margin: 90px 0 0;
	}
	#respond {
	    margin-top: 75px;
	}
	.footer-widgets-area.col-3 .hentry:not(:last-child),
	.footer-widgets-area.col-2 .hentry:nth-child(odd) {
		padding-right: 100px;
	}
	.boxed-layout #page {
	    max-width: 1600px;
	    width: 90%;
	}
	.frame-layout {
	    padding-left: 100px;
	    padding-right: 100px;
	    margin: 100px auto;
	}
	.blog-posts-wrapper .has-post-thumbnail.sticky .featured-image {
	    padding: 200px 0;
	}
	.sd-title:before {
	    content: "";
	    height: 2px;
	    margin-bottom: 25px;
	}
	.comment-content:after,
	.comment-content:before {
	    bottom: 67px;
	}
	.comment-content:before {
	    bottom: 69px;
	}
	article.has-post-thumbnail.sticky .entry-content {
	    max-width: 90% !important;
	    margin: auto;
	}
}

@media screen and (max-width: 1023px) {
	#masthead {
	    margin-bottom: 0;
	    position: relative;
	    min-height: 80px;
	}
	.main-navigation button.search-submit,
	div#search-modern {
	    display: none;
	}
	.search-menu button.search-submit {
		display: block;
	}
	.menu-toggle {
		height: 80px;
	}
	.site-branding {
		padding: 7px 0;
		min-height: 80px;
	}
	.site-title {
		font-size: 26px;
	}
	.main-navigation a {
	    border-bottom: 1px solid #eee;
	}
	.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.sub-menu li a {
	    padding: 15px 15px 15px 25px;
	}
	.main-navigation ul.sub-menu li a {
		padding-left: 50px;
	}
	.main-navigation ul.sub-menu ul li a {
		padding-left: 75px;
	}
	.main-navigation ul.sub-menu ul ul li a {
		padding-left: 100px;
	}
	.main-navigation ul.sub-menu ul ul ul li a {
		padding-left: 125px;
	}
	.main-navigation .menu-item-has-children a svg {
		display: none;
	}
	.main-navigation ul.sub-menu li a {
		border-left: none;
	}
	.main-navigation ul.nav-menu {
	    margin-right: 0;
	    background-color: #fff;
	    margin-top: 25px;
	    border-top: 1px solid #eee;
	}
	.main-navigation {
		position: static;
	}
	.main-navigation a {
		color: #181818;
	}
	.main-navigation svg.icon-search,
	.main-navigation svg.icon-down {
		fill: #181818;
	    margin-top: -5px;
	}
	.main-navigation ul.sub-menu {
		border: none;
	}
	.menu-open .menu-toggle .icon-close {
		display: block;
		fill: #181818;
		margin: auto;
		width: 20px;
    	height: 20px;
	}
	#masthead.site-header .main-navigation ul.nav-menu {
	    margin-top: 0;
	    position: absolute;
	    max-width: 400px;
	    top: 100%;
	    left: auto;
	    right: 0;
	    width: 100%;
	}
	.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;
	}
	.menu-open #search {
	    display: block !important;
	}
	.main-navigation form.search-form input {
		padding-left: 25px;
	}
	.main-navigation .sub-menu svg {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	.gallery-item {
	    text-align: left;
	}
	.gallery-item img {
	    width: 100%;
	}
}

@media screen and (max-width: 992px) {
	.single-post-wrapper .entry-title,
	.comments-title, 
	#reply-title {
	    font-size: 28px;
	}
	#secondary {
		margin-top: 40px;
	}
	.textwidget img {
	    text-align: center;
	    margin: auto;
	}
	nav.navigation.pagination {
	    text-align: center;
	}
	.faq-trigger {
	    padding-right: 20px;
	}
	.each-faq h4 {
	    font-size: 14px;
	}
}
@media screen and (max-width: 767px) {
	#masthead.site-header .main-navigation ul.nav-menu {
		max-width: 100%;
	}
	.comment-navigation .nav-previous, 
	.post-navigation .nav-previous,
	.comment-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;
	}
	#respond {
		margin-top: 40px;
	}
	.comment-meta img {
		margin-right: 15px;
	}
	.comments-title, 
	#reply-title {
	    margin-bottom: 0;
	}
	#commentform p.comment-form-comment,
	#commentform p.form-submit {
		margin-top: 21px;
	}
	nav.navigation.pagination {
		margin-top: 40px;
	}
	.single-post-wrapper .entry-title,
	.comments-title, 
	#reply-title {
	    font-size: 26px;
	}
	#comments {
	    margin-top: 40px;
	}
	.tags-links {
	    margin-bottom: 25px;
	}
	.post-navigation span, .posts-navigation span {
	    font-size: 18px;
	}
	#contact-us .section-content {
	    padding-top: 50px;
	    display: inline-block;
	}
	.footer-widgets-area.col-4 .hentry {
	    width: 100%;
	    float: none;
	}
	.footer-widgets-area .widget.tp-instagram ul.col-3 li,
	#secondary .widget.tp-instagram ul li {
		width: 33.33%;
		float: left;
	}
}
@media screen and (max-width: 567px) {
	.site-branding {
		display: block;
		padding: 15px 0;
	    float: none;
	    text-align: center;
    	min-height: auto;
	    border-bottom: 1px solid #eee;
	}
	.site-logo {
	    margin-right: 0;
	}
	.menu-toggle {
		margin: auto;
		height: 59px;
	}
	.main-navigation {
		float: none;
	}
	#masthead .wrapper {
	    width: 100%;
	    padding: 0;
	}
	.site-logo + #site-identity {
	    margin-top: 5px;
	}
	.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;
	}
	.trail-items li {
		font-size: 12px;
	}
	#breadcrumb-list {
		padding: 10px 0;
	}
	blockquote.alignright {
		margin-left: 0;
	}
	.testimonial-slider article.has-featured-image .featured-image {
		box-shadow: none;
	}
	.single-post-wrapper .entry-meta {
	    float: none;
	    margin-right: 0;
	    display: inline-block;
	    margin-bottom: 25px;
	}
	.single-post-wrapper .entry-header {
		text-align: center;
	}
	.single-post-wrapper article p {
	    margin-bottom: 25px;
	}
	#author-section {
	    text-align: center;
	}
	.author-image {
	    float: none;
	    margin: 0 0 25px;
	}
	.author-content {
	    display: block;
	}
	.author-name:after {
		margin-left: auto;
		margin-right: auto;
	}
	.comment-meta img {
	    margin: 0 0 25px;
	}
	.comment-meta .url, 
	.comment-meta .fn {
		display: block;
	}
	.comment-content {
	    padding-left: 0;
	}
	#comments ol.children {
	    margin-left: 0px;
	}
	.footer-widgets-area .hentry:last-child,
	.footer-widgets-area.col-3 .hentry:last-child {
		margin-bottom: 0;
	    padding-right: 0;
	}
	.contact-address-wrapper .social-icons {
	    margin-top: 20px;
	}
	.pagination .page-numbers.next {
	    margin-top: 10px;
	}
	.widget.widget_calendar td,
	.widget.widget_calendar th {
	    padding: 10px 10px;
	}
}


.post-slider.vertical-arrow .slick-prev {
    top: 40%;
}
.post-slider.vertical-arrow .slick-next {
    top: 50%;
}
.vertical-arrow .slick-next,
.vertical-arrow .slick-prev {
    right: -35px;
}
.vertical-arrow .slick-prev:before {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.vertical-arrow .slick-next:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}


.error-404.not-found {
    text-align: center;
    max-width: 450px;
    margin: 0 auto;
}
.comment-awaiting-moderation {
	display: none;
}
.entry-title a,
.entry-meta a, .entry-meta i,
.post-categories li a,
#contact-us ul.contact-address li a,
#colophon li a,
#colophon .site-info a,
.trail-items li a,
#secondary li a,
.single-post-wrapper span.tags-links a,
.comment-meta .url, .comment-meta .fn,
.comment-metadata a, .comment-metadata time,
.reply a,
.logged-in-as a {
	text-decoration: none;
}