/*
Theme Name: Architectonic
Theme URI: https://themepalace.com/downloads/architectonic
Author: Theme Palace
Author URI: https://themepalace.com
Description: Architectonic, 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 the needs of people who want to start their blog, architectural firms, interior design firms, landscaping firms, entertainment business and engineering firms that wish to establish their online presence. The theme is beautifully crafted, clean, easy to use, responsive, features different layouts with sidebar position. 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.1.8
Tested up to: 6.0
Requires PHP: 5.6
Requires at least: 5.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: architectonic
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, left-sidebar, editor-style, right-sidebar, full-width-template, two-columns, four-columns, grid-layout, custom-header, custom-logo, featured-image-header, blog, portfolio, entertainment

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

Architectonic 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
# Header Image
# Social Icons
# Breadcrumb List
# Homepage Sections
	## Main Slider Section
	## About Us Section
	## Latest Projects Section
	## Services Section
	## Latest Posts Section
	## Call to action Section
	## Client Testimonial Slider Section
	## Our Partners Section
	## Latest Video Section
# Color Switcher
# Font Family Options
# 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;
}

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

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

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

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

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

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

@keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.loader-container svg,
.blog-loader svg {
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-ms-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
}
.loader-container svg {
    width: 70px;
    height: 70px;
}
.blog-loader {
    text-align: center;
    margin-top: 30px;
}
.blog-loader svg {
	width: 40px;
	height: 40px;
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

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

#page {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
    box-shadow: 0 0 15px #aaa;
    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;
}

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: #000;
	margin: 16px 0;
	line-height: 1.3;
	font-family: 'Lora', serif;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

td#next {
    text-align: right;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #5e5e5e;
	font-size: 16px;
	font-size: 1rem;
	line-height: 28px;
}
p {
	margin: 0.8em 0;
	color: #5e5e5e;
}
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: 15px 0;
    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%;
}

/*--------------------------------------------------------------
# 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 {
	width: 100%;
}

textarea,
#respond input,
.wpcf7 input {
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 0;
    height: 40px;
    padding: 0 15px;
}
textarea {
    height: 200px;
    padding: 10px 15px;
}
.wpcf7 p {
    margin: 0 0 20px;
}
.wpcf7 p label span {
    margin-top: 5px;
    display: inline-block;
    width: 100%;
}
.wpcf7 input[type="submit"]:hover, 
.wpcf7 input[type="submit"]:focus {
    border-color: #ff2d00;
}
#respond input {
	border: none;
    min-height: 50px;
}
#respond textarea {
    height: 200px;
    padding: 10px 15px;
    border: none;
    background-color: #f2f2f2;
}
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"] {
    background-color: #f2f2f2;
}
#respond input[type="submit"] {
    background-color: #ff2d00;
    color: #fff;
    border: none;
    width: auto;
    min-width: 103px;
    min-height: 50px;
    display: inline-block;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#respond input[type="submit"]:hover,
#respond input[type="submit"]:focus {
	background-color: #000;
}
#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;
}
#commentform p.form-submit:after {
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    bottom: 0;
    right: -10px;
}
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: 21px 0 0;
}
#comments {
    margin: 90px 0 0;
}
#respond {
    margin-top: 60px;
    margin-bottom: 49px;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #ff2d00;
	text-decoration: underline;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.top-navigation-classic #top-navigation {
    margin: 0;
    clear: both;
    display: inline-block;
    padding: 15px 25px;
    width: 100%;
    background-color: #111;
    vertical-align: middle;
}
#masthead {
    position: absolute;
    width: 100%;
    z-index: 3000;
    background-color: #222;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.site-branding {
    float: left;
    padding: 15px 0;
    display: flex;
    align-items: center;
    min-height: 110px;
}
.site-title {
    font-size: 32px;
    margin: 0;
    color: #fff;
}
.site-title a {
    font-weight: 500;
    color: #fff;
}
.site-description {
    margin: 10px 0 0;
    color: #fff;
}
.site-logo img {
    max-height: 50px;
    width: auto;
    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: #ff2d00;
}
.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 {
    fill: #ff2d00;
}
.main-navigation ul.sub-menu {
    background-color: #333;
    text-align: left;
    padding: 0;
}
.main-navigation ul.sub-menu li a {
    padding: 8px 15px;
    color: #fff;
    text-transform: uppercase;
    border-left: 1px solid #444;
    border-bottom: 1px solid #444;
}
.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: #fff;
}
.main-navigation form.search-form input {
    background-color: #444;
    border-color: #444;
    color: #fff;
}
.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: #ff2d00;
}
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation ul.nav-menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:focus {
    color: #ff2d00;
}
.main-navigation ul.nav-menu {
    margin-right: -25px;
}
.main-navigation a {
	display: block;
    text-decoration: none;
	font-weight: bold;
	color: #232526;
    font-size: 15px;
	font-family: 'Montserrat', sans-serif;
    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: #232526;
}
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: #fff;
}
.main-navigation svg.icon-down {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    fill: #fff;
}
.main-navigation .sub-menu svg {
    width: 12px;
    height: 12px;
    fill: #fff;
    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;
    top: 15px;
    margin: auto;
    display: block;
    height: 50px;
    position: relative;
    background-color: transparent;
    min-width: 64px;
    border: none;
}
.menu-label {
    float: right;
    color: #fff;
    padding: 7px 0 0 10px;
}
.menu-open .menu-label {
    padding-top: 2px;
}
.menu-open .menu-toggle {
    padding-top: 10px;
}
.menu-toggle svg {
    float: left;
}
svg.icon-menu {
    fill: #fff;
    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;
}
.main-navigation .dropdown-toggle.active > svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.menu-overlay {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.menu-overlay.active {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 50px 0;
	overflow: hidden;
}

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

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
	position: relative;
}
.post-navigation a, 
.posts-navigation a {
    font-weight: 600;
    color: #273238;
    display: block;
}
.post-navigation a:hover, 
.posts-navigation a:hover,
.post-navigation a:focus, 
.posts-navigation a:focus {
	color: #ea553d;
}
.post-navigation, 
.posts-navigation {
    padding: 0;
    position: relative;
}
.post-navigation:before,
.posts-navigation:before,
.post-navigation:after,
.posts-navigation:after {
    content: "";
    background-color: #d8d8d8;
    height: 1px;
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    z-index: -1;
}
.post-navigation:after,
.posts-navigation:after {
	top: auto;
	bottom: 2px;
}
.post-navigation,
.posts-navigation,
.post-navigation,
.posts-navigation {
	padding: 25px 15px;
    background-color: #f4f5f7;
}
.pagination .page-numbers {
    text-align: center;
    line-height: 40px;
    width: 30px;
    height: 40px;
    display: inline-block;
    color: #273238;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
    color: #ff2d00;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
	margin-right: 21px;
	width: 51px;
    height: 15px;
    position: relative;
    top: 2px;
}
.pagination .page-numbers.next {
	margin-left: 21px;
	margin-right: 0;
}
.prev.page-numbers svg,
.next.page-numbers svg {
    fill: #cecece;
}
.prev.page-numbers:hover svg,
.next.page-numbers:hover svg,
.prev.page-numbers:focus svg,
.next.page-numbers:focus svg {
    fill: #ffb72b;
}
.nav-next span {
    padding-right: 60px;
    float: right;
}
.navigation .nav-previous svg {
    border-right: 1px solid #e4e4e4;
}
.navigation .nav-next svg {
    border-left: 1px solid #e4e4e4;
}
.post-navigation span,
.posts-navigation span {
	padding-top: 8px;
    display: table;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

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

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

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

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

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

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

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

.widget 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;
}
.widget_search form.search-form button.search-submit svg,
.no-results .search-submit svg,
.error-404 .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,
.no-results .search-submit:hover svg,
.error-404 .search-submit:hover svg {
	fill: #ff2d00;
}
.widget_search form.search-form input {
	border: none;
}
.widget_search form.search-form input {
    padding: 0 40px 0 15px;
    height: 50px;
}
.no-results form.search-form button.search-submit,
.error-404 form.search-form button.search-submit {
	line-height: 0;
}
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;
}

#secondary table#wp-calendar {
    display: table;
}

#secondary .widget select {
    background-color: #fff;
    max-width: 100%;
}

.tagcloud a {
    font-size: 16px !important;
    font-size: 16px !important;
    border: 1px solid;
    padding: 0px 6px;
    display: inline-block;
}

table#wp-calendar {
    overflow: auto;
    max-width: 100%;
    width: 100%;
}

table#wp-calendar th, 
table#wp-calendar td {
    padding: 4px;
}

.widget-title {
    font-size: 18px;
    font-family: 'Oxygen', sans-serif;
    font-weight: bold;
    margin: 0 0 21px;
}

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

.site-footer .widget_search form.search-form input.search-field {
    background-color: #f6f6f6;
}

#secondary {
    background-color: #f2f2f2;
    padding: 50px 15px;
}
#secondary .widget.widget_popular_post ul li:before, 
#colophon .widget.widget_popular_post ul li:before,
#secondary .widget.widget_latest_post ul li:before, 
#colophon .widget.widget_latest_post ul li:before,
#secondary .architectonic_pro_social_link ul li:before,
#colophon .architectonic_pro_social_link ul li:before {
	display: none;
}
.architectonic_pro_social_link ul.social-icons {
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}
#secondary .widget ul li:before, 
#colophon .widget ul li:before {
    content: "\f0da";
    font-family: "FontAwesome";
    padding-right: 15px;
}
#secondary .widget.architectonic_pro_social_link ul li:before,
#colophon .widget.architectonic_pro_social_link ul li:before {
	content: none;
}
#secondary .widget ul li:hover:before, 
#colophon .widget ul li:hover:before {
	color: #ff2d00;
}
#secondary .widget ul#recentcomments li:before, 
#colophon .widget ul#recentcomments li:before {
    content: "\f0e6";
}
#secondary .widget.widget_recent_entries li:before,
#colophon .widget.widget_recent_entries li:before {
    content: "\f08d";
    display: inline-block;
    position: relative;
    top: 5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#secondary .widget.widget_archive li:before,
#colophon .widget.widget_archive li:before {
    content: "\f274";
}
#secondary .widget.widget_categories li:before,
#colophon .widget.widget_categories li:before {
    content: "\f07c";
}
#secondary .widget.widget_meta li:before,
#colophon .widget.widget_meta li:before {
    content: "\f02b";
}
#secondary .widget.widget_pages li:before,
#colophon .widget.widget_pages li:before {
    content: "\f0f6";
}
.widget ul#recentcomments li a {
    padding-left: 15px;
}
.black-sidebar #secondary {
	background-color: #222;
	color: #adadad;
}
.black-sidebar #secondary .widget-title, 
.black-sidebar #secondary .widgettitle {
	color: #fff;
	border-top-color: rgba(209, 209, 209, 0.20);
    border-bottom-color: rgba(209, 209, 209, 0.20);
}
.black-sidebar #secondary .widget_popular_post a time, 
.black-sidebar #secondary .widget_popular_post time, 
.black-sidebar #secondary .widget_latest_post a time, 
.black-sidebar #secondary .widget_latest_post time {
    color: #ff2d00;
}
.black-sidebar #secondary p {
	color: #adadad;
}
.black-sidebar #secondary a {
	color: #fff;
}
.black-sidebar #secondary a:hover,
.black-sidebar #secondary a:focus {
	color: #ff2d00;
}
.black-sidebar #secondary .jetpack_subscription_widget #subscribe-submit:after {
	border-bottom-color: #222;
}
.black-sidebar #secondary .social-icons li a {
    background-color: rgba(255, 255, 255, 0.50);
}
.tp-instagram ul {
    list-style: none;
    margin: -5px;
    padding: 0;
}
.widget.tp-instagram li {
	margin: 0;
	padding: 5px;
}
.site-footer .tp-instagram .col-1 .hentry:first-child {
	width: 100%;
}
.tp-instagram .col-1 li,
.site-footer .tp-instagram .col-1 li {
	width: 100%;
	float: none;
	clear: none;
}
.tp-instagram .col-2 li,
.site-footer .tp-instagram .col-2 li,
.site-footer .tp-instagram .col-2 .hentry:first-child {
	width: 50%;
	float: left;
	clear: none;
}
.tp-instagram .col-3 li,
.site-footer .tp-instagram .col-3 li,
.site-footer .tp-instagram .col-3 .hentry:first-child {
	width: 33.33%;
	float: left;
	clear: none;
}
.tp-instagram .col-4 li,
.site-footer .tp-instagram .col-4 li,
.site-footer .tp-instagram .col-4 .hentry:first-child {
	width: 25%;
	float: left;
	clear: none;
}
.tp-instagram .col-5 li,
.site-footer .tp-instagram .col-5 li,
.site-footer .tp-instagram .col-5 .hentry:first-child {
	width: 20%;
	float: left;
	clear: none;
}
.tp-instagram li img {
	width: 100%;
}
#secondary .widget.tp-instagram ul li:before, 
#colophon .widget.tp-instagram ul li:before {
	display: none;
}
#secondary .widget-title,
#secondary .widgettitle {
	font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 25px;
    margin-top: 0;
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    padding: 14px 0;
    font-family: 'Oxygen', sans-serif;
    font-weight: bold;
}
#secondary .widget:not(:last-child) {
    margin-bottom: 56px;
}
input[type="submit"] {
    background-color: #232526;
    color: #fff;
    font-size: 14px;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #ff2d00;
}
.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-family: 'Montserrat', sans-serif;
    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: #ff2d00;
}
.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_post ul,
.widget_latest_post ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
    display: table;
}
.widget.widget_popular_post ul li,
.widget.widget_latest_post ul li {
    clear: both;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.widget.widget_popular_post ul li:last-child,
.widget.widget_latest_post ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.widget_popular_post h3,
.widget_latest_post h3 {
    font-size: 15px;
    line-height: 1.5;
    display: table-row;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}
.widget_popular_post h3 a,
.widget_latest_post h3 a {
	display: block;
}
.widget_popular_post time,
.widget_latest_post time {
    margin-top: 5px;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
}
.widget_popular_post h3 a,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time {
    color: #000;
}
.widget_popular_post h3 a:hover,
.widget_popular_post h3 a:focus,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a:hover,
.widget_latest_post h3 a:focus,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time {
	color: #ff2d00;
}
.widget_popular_post a time,
.widget_popular_post time,
.widget_latest_post a time,
.widget_latest_post time {
    color: #5e5e5e;
}
.widget_popular_post img,
.widget_latest_post img {
    max-width: 95px;
    width: 95px;
    height: 95px;
    float: left;
    margin-right: 14px;
}
.textwidget img {
    margin-bottom: 21px;
    display: block;
}
#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: #000;
    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: #ff2d00;
}
#secondary p#subscribe-email {
    margin-top: 0;
}
#secondary ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#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;
}
.architectonic_pro_contact_info ul li a:not(:last-child):after {
    content: ",";
    color: #5e5e5e;
}
#secondary .architectonic_pro_contact_info ul li.address:before,
#colophon .architectonic_pro_contact_info ul li.address:before {
    content: "\f041";
}
#secondary .architectonic_pro_contact_info ul li.phone:before,
#colophon .architectonic_pro_contact_info ul li.phone:before {
    content: "\f095";
}
#secondary .architectonic_pro_contact_info ul li.email:before,
#colophon .architectonic_pro_contact_info ul li.email:before {
    content: "\f2b6";
}
#secondary .architectonic_pro_contact_info ul li.phone:hover:before,
#colophon .architectonic_pro_contact_info ul li.phone:hover:before,
#secondary .architectonic_pro_contact_info ul li.address:hover:before,
#colophon .architectonic_pro_contact_info ul li.address:hover:before {
	color: #5e5e5e;
}
#top-navigation .widget_contact_info ul li:not(:last-child) {
    margin-right: 14px;
}
#top-navigation .widget,
#top-navigation .social-icons {
    float: left;
}
#top-navigation .social-icons {
	margin-right: 14px;
}
#top-navigation .social-icons li {
    float: left;
    margin: 0 7px;
}
#top-navigation {
    margin: 14px auto;
    clear: both;
    display: table;
    padding: 0 15px 0 0;
    width: 90%;
}
#top-navigation .widget_contact_info ul li:first-child {
    margin-bottom: 0;
}
#top-navigation .widget_contact_info ul li,
#top-navigation .widget_contact_info ul li a {
	color: #fff;
    display: inline-block;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.1em;
}
#top-navigation .widget_contact_info ul li a:hover,
#top-navigation .widget_contact_info ul li a:focus {
	color: #ff2d00;
}
#top-navigation .social-icons li a {
    background-color: rgba(255, 255, 255, 0.30);
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.hentry {
	margin: 0;
}

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

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

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

#author-section 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: #232526;
}
.page-header small {
    font-size: 12px;
    color: #ff2d00;
}
#inner-content-wrapper {
    padding-bottom: 50px;
}
nav.navigation.pagination {
    margin-top: 50px;
    clear: both;
    display: inline-block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.navigation.pagination svg {
    fill: #cecece;
    width: 16px;
    height: 16px;
    position: relative;
    top: -2px;
}
.navigation.posts-navigation svg, 
.navigation.post-navigation svg {
    width: 45px;
    height: 45px;
    fill: #273238;
    padding: 0 15px;
    display: inline-block;
    vertical-align: middle;
    float: left;
}
.navigation.posts-navigation a:hover svg, 
.navigation.post-navigation a:hover svg {
	fill: #ea553d;
}
.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;
}
.posts-wrapper.blog-posts.match-height article:not(.has-post-thumbnail) .entry-container {
	padding: 15px 0;
}
.posts-wrapper.blog-posts .featured-image {
    position: relative;
}
.posts-wrapper.col-3 article:nth-child(3n) {
    border-right: 1px solid #e4e4e4;
}
.blog-posts .post-categories {
    background-color: #ff2d00;
    padding: 0 15px;
    color: #fff;
}
.blog-posts article.has-post-thumbnail .post-categories {
    position: absolute;
    bottom: 0;
    left: 0;
}
.post-categories a {
    color: #ff2d00;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
ul.post-categories {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.post-categories li {
    display: inline-block;
}
.blog-posts .post-categories a {
    color: #fff;
}
.blog-posts .post-categories a:hover,
.blog-posts .post-categories a:focus {
    color: #eee;
}
.post-categories a:hover,
.post-categories a:focus {
	color: #ff2d00;
}
.single-post-wrapper .entry-title {
    font-size: 32px;
    font-weight: 700;
}
.single-post-wrapper .post-categories {
    margin-bottom: 7px;
    display: inline-block;
    width: 100%;
}
.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: 35px;
}
.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.tags-links a {
    display: inline-block;
    padding: 4px 18px;
    margin-right: 5px;
    margin-bottom: 10px;
    font-size: 14px;
    border: 1px solid #b4b4b4;
    color: #b4b4b4;
    font-weight: bold;
    text-transform: uppercase;
}
.single-post-wrapper span.tags-links a:hover,
.single-post-wrapper span.tags-links a:focus {
	color: #ff2d00;
	border-color: #ff2d00;
}
.single-post-wrapper .entry-header {
    margin-bottom: 35px;
}
.single-post-wrapper .post-categories a:hover, 
.single-post-wrapper .post-categories a:focus,
.single-post-wrapper span.posted-on a {
	color: #000;
}
.single-post-wrapper .entry-meta {
    float: left;
    background-color: #f4f5f7;
    min-width: 100px;
    text-align: center;
    padding: 22px 0;
    margin-right: 30px;
}
.single-post-wrapper .entry-meta .date {
    font-size: 49px;
    color: #000;
    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-wrapper .entry-meta {
    background-color: transparent;
}
.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;
}
.post-navigation .nav-next svg,
.posts-navigation .nav-next svg {
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}
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;
    padding: 18px 0;
}
.author-name {
    font-size: 18px;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0;
}
.author-name:after {
    content: "";
    background-color: #ff2d00;
    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;
}
#secondary ul li a {
    color: #000;
}
#secondary ul li a:hover {
	color: #ff2d00;
}
#secondary .widget ul li a:hover {
    text-decoration: underline;
}
.no-results.not-found .page-header,
.error-404.not-found .page-header {
    position: relative;
    background-color: transparent;
    padding: 75px 0 25px;
}
.no-results.not-found .page-header .page-title,
.error-404.not-found .page-header .page-title {
	color: #000;
}
.error-404.not-found .page-content p {
    margin-bottom: 40px;
}
.search.search-no-results .no-results.not-found {
    text-align: center;
}
.search.search-no-results .search-form {
    max-width: 600px;
    margin: 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;
}
ul.post-categories li:after {
    content: ",";
}
ul.post-categories li:last-child:after {
    display: none;
}
ol.comment-list {
    padding: 0;
    margin: 0 0 30px;
    list-style: none;
}
#comments ol {
    list-style: none;
    margin-left: 0;
    padding: 0;
}
#comments ol.comment-list {
	padding-top: 35px;
	position: relative;
    overflow: hidden;
}
#comments ol.children {
    margin-left: 120px;
}
.says {
    display: none;
}
.comment-meta img {
    width: 85px;
    height: 85px;
    float: left;
    border-radius: 50%;
    margin-right: 20px;
}
#comments time:before {
    display: none;
}
.comment-body {
    position: relative;
}
.reply {
    padding-bottom: 49px;
    padding-left: 105px;
}
#comments article {
    margin-bottom: 30px;
    clear: both;
}
#comments ol.comment-list > li:last-child article:last-child,
#comments ol.comment-list > li:last-child {
	border-bottom: none;
}
#comments ol.comment-list > li {
    padding-top: 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 {
	position: relative;
    color: #180c0c;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #000;
    padding: 15px 30px;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.reply a:before {
    content: "";
    background-color: #000;
    position: absolute;
    bottom: 4px;
    right: -3px;
    width: 14px;
    height: 1px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -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:after {
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    bottom: -1px;
    right: -10px;
}
.reply a:hover,
.reply a:focus {
	color: #fff;
	border-color: #ff2d00;
	background-color: #ff2d00;
}
.reply a:hover:before,
.reply a:focus:before {
	background-color: #ff2d00;
}
.comment-meta .url,
.comment-meta .fn {
    display: inline-block;
    text-transform: uppercase;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}
.comment-meta .url:hover,
.comment-meta .url:focus,
.comment-metadata a,
.comment-metadata a time {
	color: #ff2d00;
}
.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: #000;
}
.comment-metadata time {
    font-weight: bold;
}
.comment-metadata {
    display: block;
    text-transform: uppercase;
    margin-top: 5px;
}
.comment-content {
    margin-bottom: 10px;
    margin-top: 0;
    padding-left: 105px;
}
.comment-content p {
    font-weight: 400;
    color: #565a5f;
    margin-bottom: 1em;
}
/*--------------------------------------------------------------
# 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;
}
.row {
    margin: 0 -15px;
}
.page-section {
    padding: 100px 0;
}
.entry-title,
.section-title {
    font-size: 42px;
    margin: 0 0 10px;
    word-wrap: break-word;
}
.section-header {
    margin-bottom: 70px;
}
.section-title.color-white {
    color: #fff;
}
.entry-title {
	font-size: 20px;
	font-weight: 600;
}
.custom-meta-title {
    color: #ff2d00;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
}
.custom-meta-title ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.custom-meta-title ul li {
	display: inline-block;
}
.custom-meta-title .post-categories a:hover, 
.custom-meta-title .post-categories a:focus {
	color: #fff;
}
.overlay {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.btn {
    padding: 11px 30px;
    display: inline-block;
    border-radius: 0;
    background-color: #ff2d00;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    position: relative;
    font-family: 'Montserrat', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn.white:after,
.btn.black:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}
.btn.black:after {
	border-bottom-color: #222;
}
.btn:hover,
.btn:focus {
	color: #fff;
}
.btn-default {
    background-color: rgba(255, 255, 255, 0.15);
    border: 2px solid rgba(255, 255, 255, 0.50);
    color: #fff;
    padding: 9px 30px;
    min-width: 161px;
}
.btn-primary {
	background-color: #ff2d00;
    color: #fff;
}
.btn-primary:hover,
.btn-primary:focus {
	background-color: #000000;
    color: #fff;
}
.btn-default:hover,
.btn-default:focus {
	background-color: #fff;
	border-color: #fff;
    color: #000;
}
#latest-projects article:hover .more-link {
	position: relative;
}
.posts-wrapper .more-link {
	position: relative;
}
.more-link {
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    border-bottom: 3px solid #ff2d00;
    padding-bottom: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.more-link:after {
    content: "";
    width: 0;
    height: 3px;
    background-color: #000;
    position: absolute;
    bottom: -3px;
    left: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.more-link:hover:after,
.more-link:focus:after {
	width: 100%;
}
/*--------------------------------------------------------------
# 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-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
    margin: 0;
    padding: 3px;
}

.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: none;
}
/*--------------------------------------------------------------
## 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: 14px;
}
.social-icons,
.social-icons ul {
    margin: 0;
    padding: 0;
}
.social-icons li a {
    background-color: rgba(0, 0, 0, 0.10);
    width: 30px;
    height: 30px;
    line-height: 26px;
    display: block;
    border-radius: 50%;
}
.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: #222;
    width: 14px;
    height: 14px;
}
/*--------------------------------------------------------------
## 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: #000000 !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: #000000 !important;
}
/*--------------------------------------------------------------
## Header Image
--------------------------------------------------------------*/
#header-image {
	background-color: #222;
}
.top-navigation-classic #header-image {
    background-color: #333;
}
#header-image .wrapper {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: 0;
    padding: 0;
}
.page-header {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.50);
    padding: 5% 4%;
}
.page-header .page-title {
	color: #fff;
	margin: 0;
	font-size: 52px;
	font-family: 'Playfair Display', serif;
    font-weight: 700;
}
#header-image.header-media-disabled .page-header {
    position: relative;
    background-color: transparent;
    padding: 35px 0 40px;
}
#header-image.header-media-disabled .wrapper {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
/*--------------------------------------------------------------
#  Breadcrumb List
--------------------------------------------------------------*/
#breadcrumb-list {
    background-color: #222;
    padding: 20px 0;
}
.trail-items {
    margin: 0;
    padding: 0;
    list-style: none;
}
.trail-items li {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}
.trail-items li a {
	color: rgba(255, 255, 255, 0.30);
}
.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;
}
/*--------------------------------------------------------------
#  Main Slider Section
--------------------------------------------------------------*/
.slick-prev,
.slick-next {
    left: 0;
    z-index: 1;
    width: 40px;
    height: 40px;
    background-color: rgba(51, 51, 51, 0.75);
    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: #333;
}
#main-slider {
    background-color: #222;
}
.slick-dotted.slick-slider {
	margin-bottom: 0;
}
#main-slider .wrapper {
    width: 100%;
    padding: 0;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    right: 0;
}
#main-slider .slick-item {
	padding: 300px 0;
	background-size: cover;
	background-position: 50%;
	position: relative;
}
#main-slider .entry-title {
    font-size: 52px;
    margin-bottom: 25px;
    color: #fff;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
}
#main-slider .entry-title a,
#main-slider .slider-content .entry-content {
    color: #fff;
}
#main-slider .entry-header,
#main-slider .slider-content .entry-content {
    max-width: 501px;
}
#main-slider .entry-title a:hover,
#main-slider .entry-title a:focus {
    color: #ff2d00;
}
#main-slider .slider-content {
    padding: 0 5% 5%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top,rgba(0,0,0,0.75) 50%,rgba(0,0,0,0) 100%);
}
#main-slider .custom-meta-title {
    font-family: 'Montserrat', sans-serif;
}
#main-slider .slick-dots {
    bottom: 0;
    max-width: 50%;
    right: 0;
}
#main-slider .slick-dots li {
	width: 33.33%;
	float: left;
	margin: 0;
	text-align: left;
	height: auto;
	padding: 0 15px;
}
.slider-nav .slide-title {
    font-size: 13px;
    color: #fff;
    margin: 0;
    padding-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.5;
    min-height: 85px;
}
.slick-active .slider-nav .slide-title {
    border-bottom: 5px solid;
    border-bottom-color: #ff2d00;
}
/*--------------------------------------------------------------
#  About Us Section
--------------------------------------------------------------*/
#about-us {
    border-bottom: 1px solid #e4e4e4;
}
#about-us .section-header {
    margin-bottom: 40px;
}
#about-us .section-title:after {
    content: "";
    width: 30px;
    height: 3px;
    display: block;
    background-color: #ff2d00;
    margin-top: 50px;
}
#about-us .has-featured-image .entry-container,
#about-us .has-featured-image .featured-image {
    width: 55%;
    float: left;
}
#about-us .has-featured-image .featured-image {
    width: 45%;
}
#about-us .has-featured-image .entry-container {
    padding-right: 100px;
}
#about-us .featured-image {
    background-size: cover;
    background-position: 50%;
    padding: 260px 0;
}
.read-more {
    margin-top: 43px;
}
/*--------------------------------------------------------------
#  Latest Projects Section
--------------------------------------------------------------*/
.project-slider .entry-container {
    padding: 50px;
}
#latest-projects {
    background-color: #222;
}
#latest-projects .wrapper {
	position: relative;
}
#latest-projects article {
    background-color: #fff;
    margin: 0 15px;
    position: relative;
}
#latest-projects article img {
    width: 100%;
}
#latest-projects article .overlay {
	opacity: 0.8;
	-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;
}
#latest-projects article.slick-item.slick-current + article .overlay,
#latest-projects article.slick-item:hover .overlay {
	opacity: 0;
	visibility: hidden;
}
#latest-projects .entry-title a {
	color: #000;
}
#latest-projects .entry-title a:hover,
#latest-projects .entry-title a:focus {
	color: #ff2d00;
}
#latest-projects .section-header {
    max-width: 85%;
}
.view-all {
    padding: 16px 0;
    position: absolute;
    top: 10px;
    right: 15px;
}
#latest-projects .project-slider {
    clear: both;
    margin: 0 -15px;
}
#latest-projects .read-more {
    margin-top: 15px;
}
#latest-projects .slick-prev, 
#latest-projects .slick-next {
	left: 50%;
    right: auto;
    margin: 0 -60px;
    bottom: -90px;
    top: auto;
    background-color: transparent;
}
#latest-projects .slick-next {
	right: 50%;
    left: auto;
}
#latest-projects .slick-prev:before, 
#latest-projects .slick-next:before,
#client-testimonial .slick-prev:before, 
#client-testimonial .slick-next:before,
.pagination .prev.page-numbers:before,
.pagination .next.page-numbers:before {
    content: "";
    background-image: url('assets/images/long-arrow-white.svg');
    background-repeat: no-repeat;
    width: 51px;
    height: 15px;
    display: inline-block;
}
#latest-projects .slick-prev:before,
#client-testimonial .slick-prev:before,
.pagination .prev.page-numbers:before {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.slick-next.slick-disabled:before, 
.slick-prev.slick-disabled:before {
	opacity: 0.3;
}
/*--------------------------------------------------------------
#  Services Section
--------------------------------------------------------------*/
#our-services {
    border-bottom: 1px solid #e4e4e4;
}
#our-services article {
    padding: 0 15px;
    margin-bottom: 50px;
    width: 100%;
}
#our-services article:first-child {
	margin-top: 50px;
}
#our-services article:last-child {
	margin-bottom: 0;
}
#our-services .section-content {
    margin: 0 -15px;
}
.icon-container .fa {
    margin-bottom: 30px;
    color: #000;
}
.icon-container a:hover .fa,
.icon-container a:focus .fa {
	color: #ff2d00;
}
#our-services .entry-title a {
	color: #000;
}
#our-services .entry-title a:hover,
#our-services .entry-title a:focus {
	color: #ff2d00;
}
#our-partners + #our-services,
#main-slider + #our-services,
#about-us + #our-services,
#our-partners + #our-services,
#latest-posts + #our-services,
#call-to-action + #our-services,
#client-testimonial + #our-services,
#latest-video + #our-services {
    margin-top: 0;
}
#latest-projects + #our-partners {
 	margin-top: 100px;
}
#our-partners + #our-services {
	padding-top: 0;
}
#our-partners + #our-services:before,
#main-slider + #our-services:before,
#about-us + #our-services:before,
#our-partners + #our-services:before,
#latest-posts + #our-services:before,
#call-to-action + #our-services:before,
#client-testimonial + #our-services:before,
#latest-video + #our-services:before {
	display: none;
}
/*--------------------------------------------------------------
#  Latest Posts Section
--------------------------------------------------------------*/
#latest-posts {
    border-bottom: 1px solid #e4e4e4;
    padding-top: 70px;
}
#latest-posts > .wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0;
    position: relative;
}
#latest-posts .section-content {
    border-top: 1px solid #e4e4e4;
}
#latest-posts .section-header .section-title {
	margin-bottom: 0;
    max-width: 85%;
}
.posts-wrapper article {
	padding: 100px 15px;
    border: 1px solid #e4e4e4;
    border-top: none;
}
.posts-wrapper article img {
	width: 100%;
}
#latest-posts article:last-child {
    border-right: 1px solid #e4e4e4;
}
#latest-posts .section-content .wrapper {
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
	margin: 0 auto;
}
.posts-wrapper .entry-content {
    margin-top: 14px;
}
.posts-wrapper .entry-content p {
	margin: 0;
	word-wrap: break-word;
}
.posts-wrapper .entry-container {
    padding: 49px 25px 0;
}
.posts-wrapper .has-post-thumbnail .entry-container {
    padding-left: 15px;
    padding-right: 15px;
}
.posts-wrapper .entry-title a {
    color: #000;
    display: block;
}
.posts-wrapper  .entry-title a:hover,
.posts-wrapper  .entry-title a:focus {
    color: #ff2d00;
}
.posts-wrapper .date,
.posts-wrapper .month {
    font-size: 49px;
    color: #000;
    display: block;
    font-weight: bold;
}
.posts-wrapper .date {
    margin-bottom: 5px;
}
.posts-wrapper .month {
	font-size: 14px;
	letter-spacing: 0.5em;
	text-transform: uppercase;
    padding-left: 5px;
    margin-bottom: 28px;
}
#latest-posts .view-all {
    right: 6.7%;
}
#latest-projects .col-1 article .overlay,
#latest-projects .col-2 article .overlay {
    display: none;
}
/*--------------------------------------------------------------
#  Call to action Section
--------------------------------------------------------------*/
#call-to-action {
    background-size: cover;
    background-position: 50%;
    padding: 150px 0;
    text-align: center;
}
#call-to-action .wrapper {
    position: relative;
}
#call-to-action .section-title,
#call-to-action .section-content {
    color: #fff;
}
#call-to-action .section-title {
	margin-bottom: 21px;
}
#call-to-action .section-header,
#call-to-action .section-content {
	max-width: 506px;
    margin-left: auto;
    margin-right: auto;
}
#call-to-action .section-header {
    max-width: 700px;
    margin-bottom: 0;
}

/*--------------------------------------------------------------
#  Client Testimonial Slider Section
--------------------------------------------------------------*/
#client-testimonial img {
    border-radius: 50%;
    margin-bottom: 28px;
    max-height: 95px;
    width: auto;
}
#client-testimonial .entry-title a {
    color: #000;
}
#client-testimonial .entry-title a:hover,
#client-testimonial .entry-title a:focus {
    color: #ff2d00;
}
#client-testimonial.title-disabled .slick-prev, 
#client-testimonial.title-disabled .slick-next {
	top: -25px;
}
.icon-right-quotation-mark {
    width: 50px;
    height: 50px;
    fill: #e4e4e4;
}
#client-testimonial .entry-title,
#client-testimonial .position {
	display: inline-block;
	text-transform: uppercase;
	font-size: 16px;
}
#client-testimonial .entry-title {
    font-family: 'Oxygen', sans-serif;
    font-weight: bold;
}
#client-testimonial .entry-content {
	clear: both;
}
#client-testimonial .slick-prev, 
#client-testimonial .slick-next {
    bottom: auto;
    top: -100px;
    right: 10px;
    background-color: transparent;
}
#client-testimonial .slick-prev:before, 
#client-testimonial .slick-next:before {
	color: #000;
	font-size: 51px;
}
#client-testimonial .slick-prev {
	left: auto;
	right: 85px;
}
#client-testimonial .entry-header:after {
    content: "";
    width: 30px;
    height: 3px;
    display: block;
    background-color: #ff2d00;
    margin-top: 21px;
}
#client-testimonial .entry-header {
    margin-bottom: 28px;
}
#client-testimonial .slick-item .client-content-wrapper {
    border: 1px solid #e4e4e4;
    padding: 50px 40px 40px;
    margin: 0 15px;
    position: relative;
}
#client-testimonial .slick-list {
    margin: 0 -15px;
}
#client-testimonial .slick-item {
	padding-top: 50px;
}
#client-testimonial .slick-item .client-content-wrapper .featured-image {
	margin-top: -100px;
}
#client-testimonial .slick-prev:before, 
#client-testimonial .slick-next:before,
.pagination .prev.page-numbers:before,
.pagination .next.page-numbers:before {
    background-image: url('assets/images/long-arrow-black.svg');
}
.pagination .prev.page-numbers:hover:before,
.pagination .next.page-numbers:hover:before {
	opacity: 0.5;
}
.slick-dots li button:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #ff2d00;
    border-radius: 50%;
}
.slick-dots li {
	margin: 0 1px;
}
.slick-dots {
    bottom: -70px;
}
/*--------------------------------------------------------------
#  Our Partners Section
--------------------------------------------------------------*/
.client-section-enabled #our-partners {
    padding-top: 0;
}
#our-partners .featured-image img {
    max-height: 100px;
    width: auto;
}
#our-partners .slick-item {
	text-align: center;
	padding: 0 40px;
}
#our-partners .slick-list {
	margin: 0 -40px;
}
#call-to-action + #our-partners {
    padding-top: 100px;
}
/*--------------------------------------------------------------
#  Latest Video Section
--------------------------------------------------------------*/
#latest-video {
    padding: 225px 0;
    background-size: cover;
    background-position: 50%;
}
#latest-video .wrapper {
	position: relative;
}
#latest-video .section-header {
	margin-bottom: 0;
}
#latest-video .section-title,
#latest-video .section-content {
	color: #fff;
}
#latest-video .section-title {
	margin-bottom: 21px;
    max-width: 700px;
}
#latest-video .section-content {
	max-width: 446px;
}
#latest-video.video-disabled {
    padding: 150px 0;
}
#latest-video.video-disabled .video-content-wrapper {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.video-content-wrapper {
    position: absolute;
    top: 50%;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#latest-video .widget {
	margin-bottom: 0;
}
#latest-video .widget video {
	vertical-align: middle;
	width: 100%;
	height: auto;
}
.popup-video {
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    display: block;
    border-radius: 50%;
    margin-top: 50px;
    padding-left: 5px;
}
.popup-video:hover,
.popup-video:focus {
	background-color: #ff2d00;
	color: #fff;
}
#latest-video .overlay {
	z-index: 1;
	opacity: 0.4;
	-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;
}
#latest-video.active .overlay {
    background-color: #000;
    opacity: 0.8;
    top: 0;
    bottom: 0;
    z-index: 30000;
    width: 100%;
    height: 100%;
    position: fixed;
    visibility: visible;
    display: block;
}
#video-popup {
	max-width: 50%;
	margin: auto;
	top: 50%;
	left: 0;
	right: 0;
	position: fixed;
    z-index: 30000;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#latest-video .widget.widget_media_video {
    display: none;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
#latest-video.active #video-popup iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;    
}

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

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

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

/*--------------------------------------------------------------
# 					Footer
--------------------------------------------------------------*/
#colophon {
    background-color: #fff;
    border-top: 1px solid #e4e4e4;
}
.footer-widgets-area a {
    color: #5e5e5e;
}
.footer-widgets-area a:hover,
.footer-widgets-area a:focus {
    color: #ea553d;
}
.site-info {
    border-top: 1px solid #e4e4e4;
    color: #5e5e5e;
    padding: 34px 0;
}
.site-info {
	margin: 0;
	color: #5e5e5e;
}
.site-info a {
	color: #ff2d00;
}
.site-info a:hover {
	text-decoration: underline;
}
.site-info span:nth-child(1) {
	float: left;
}
.site-info span:nth-child(2) {
	float: right;
}
.footer-widgets-area ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-widgets-area .widget ul li a:hover {
    text-decoration: underline;
}
.footer-widgets-area .widget ul li {
    margin-bottom: 7px;
    display: inline-block;
    width: 100%;
}
.footer-widgets-area .widget ul li:last-child {
	margin-bottom: 0;
}
.footer-widgets-area .hentry {
	padding-right: 25px;
	margin-bottom: 35px;
}
.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;
}
/*--------------------------------------------------------------
# 					RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {
	#our-services .col-2 article,
	#our-services .col-3 article,
	#our-services .col-4 article {
		width: 50%;
		float: left;
	}
	#our-services article {
		margin-bottom: 50px;
	}
	#our-services article:first-child {
		margin-top: 0;
	}
	#our-services .col-2 article:nth-child(2n+1) {
		clear: left;
	}
	#our-services .col-2 article:nth-last-child(-n+2),
	#our-services .col-3 article:nth-last-child(-n+2),
	#our-services .col-4 article:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
	.posts-wrapper article {
		float: left;
	}
	.posts-wrapper.col-2 article,
	.posts-wrapper.col-3 article,
	.posts-wrapper.col-4 article {
	    width: 50%;
	}
	.posts-wrapper.col-2 article:nth-child(2n),
	.posts-wrapper.col-3 article:nth-child(2n),
	.posts-wrapper.col-4 article:nth-child(2n) {
	    border-left: none;
	}
	.single-post-wrapper .entry-header {
	    display: flex;
	    align-items: center;
	}
	.footer-widgets-area.col-4 .hentry,
	.footer-widgets-area.col-2 .hentry {
		width: 50%;
		float: left;
	}
	.footer-widgets-area.col-4 .hentry:nth-child(2n+1),
	.footer-widgets-area.col-2 .hentry:nth-child(2n+1) {
		clear: left;
	}
	.footer-widgets-area.col-4 .hentry:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
}
@media screen and (min-width: 600px) {
	.contact-form p.name, 
	.contact-form p.email {
	    width: 50%;
	    float: left;
	}
	.contact-form p.email input {
		float: right;
	}
	.contact-form p.name input, 
	.contact-form p.email input {
		max-width: 388px;
	}
	.contact-form p.name {
		padding-right: 5px;
	}
	.contact-form p.email {
		padding-left: 5px;
	}
}
@media screen and (min-width: 767px) {
    .col-1 .hentry {
        width: 100%;
    }
    .col-2 .hentry {
        width: 50%;
        float: left;
    }
    .col-3 .hentry {
        width: 33.33%;
        float: left;
    }
    .col-4 .hentry {
        width: 50%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .col-6 .hentry {
        width: 16.66%;
        float: left;
    }
    blockquote.alignright {
	    width: -webkit-calc(50% - 0.736842105em);
	    width: calc(50% - 0.736842105em);
        margin-top: 10px;
        margin-bottom: 25px;
	}
	#client-testimonial .icon-right-quotation-mark {
		float: right;
	    margin-top: -25px;
	    position: absolute;
    	right: 40px;
	}
	#client-testimonial .entry-header {
	    padding-right: 65px;
	}
	.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;
	}
	#about-us .has-featured-image .featured-image {
	    float: right;
	}
	.posts-wrapper.col-3 article {
	    width: 33.33%;
	}
	.posts-wrapper.col-3 article:nth-child(2n) {
		border-left: 1px solid #e4e4e4;
	}
	.posts-wrapper.col-3 article:nth-child(3n),
	.posts-wrapper.col-3 article:nth-child(3n-1) {
		border-left: none;
	}
	.footer-widgets-area.col-3 .hentry:nth-child(3n+1) {
		clear: left;
	}
}
@media screen and (min-width: 992px) {
	.col-4 .hentry  {
        width: 25%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .posts-wrapper.col-4 article {
	    width: 25%;
	}
	.posts-wrapper.col-4 article:nth-child(4n-1) {
	    border-left: none;
	}
    #main-slider .entry-header,
	#main-slider .slider-content .entry-content {
	    max-width: 400px;
	}
	#main-slider.main-slider-classic .slider-nav {
	    display: none;
	}
	#main-slider.main-slider-classic .slick-dots li:before {
	    content: "";
	    background-color: #ff2d00;
	    width: 12px;
	    height: 12px;
	    border-radius: 50%;
	    display: inline-block;
	    opacity: 0.7;
	}
	#main-slider.main-slider-classic .slick-dots {
	    bottom: 15px;
	    text-align: right;
	    right: 25px;
	}
	#main-slider.main-slider-classic .slick-dots li.slick-active:before {
		opacity: 1;
	}
	#main-slider.main-slider-classic .slick-dots li {
	    width: auto;
	    padding: 0 5px;
	    float: none;
	}
	#our-services .col-3 article:nth-child(3n+1) {
		clear: left;
	}
	#our-services .col-3 article:nth-last-child(-n+3) {
		margin-bottom: 0;
	}
	#our-services article .entry-header,
	#our-services article .entry-content {
	    max-width: 400px;
	}
	#our-services .col-2 article .entry-header, 
	#our-services .col-2 article .entry-content {
	    max-width: 100%;
	}
	#our-services .col-3 article {
		width: 33.33%;
	}
	#our-services .col-4 article {
		width: 25%;
	}
	#our-services .col-4 article:nth-last-child(-n+4) {
	    margin-bottom: 0;
	}
	#our-services .col-4 article:nth-child(4n+1) {
	    clear: left;
	}
	#our-services article {
		margin-bottom: 93px;
	}
	#latest-video.video-disabled {
	    height: auto;
	    overflow: visible;
	}
	.footer-widgets-area .hentry {
	    padding-right: 50px;
	}
	.site-footer .col-4 .hentry:first-child {
		width: 40%;
	}
	.site-footer .col-4 .hentry {
		width: 20%;
	}
	.site-footer .footer-widgets-area.col-4.equal-width .hentry {
		width: 25%;
	}
	.posts-wrapper.blog-posts.col-3 article:nth-child(3n+1) {
		clear: left;
	}
	.posts-wrapper.blog-posts.col-3 article {
		width: 33.33%;
		float: left;
	}
	.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%;
	}
	.footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
		clear: none;
	}
	.footer-widgets-area.col-4 .hentry {
		margin-bottom: 0;
	}
}
@media screen and (min-width: 1024px) {
	.main-navigation ul.nav-menu {
		display: block !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 .menu-item-has-children > a:after {
		float: none;
	}
	.main-navigation ul.sub-menu li:hover > a,
	.main-navigation ul.sub-menu li:focus > a {
		background-color: #222;
		color: #fff;
	}
	.main-navigation ul#primary-menu li.current-menu-item > a:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 25px;
		margin: auto;
		background-color: #ff2d00;
		width: 6px;
		height: 6px;
		border-radius: 50%;
	}
	.main-navigation ul#primary-menu ul li.current-menu-item > a:before {
		display: none;
	}
	.main-navigation ul.sub-menu > li:last-child > a {
		border-bottom: none;
	}
	#masthead .main-navigation ul ul a svg {
	    margin-top: -5px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.main-navigation ul#primary-menu > li.current-menu-item > a > svg.icon-down {
		fill: #ff2d00;
	}
	#search {
	    position: absolute;
	    z-index: 30;
	    right: 10px;
	    top: 100%;
	    display: none;
	}
	.main-navigation .search-active .icon-search {
		display: none;
	}
	.main-navigation .search-active .icon-close {
		display: inline-block;
	}
	#search:before {
	    content: "";
	    width: 0;
	    height: 0;
	    border-left: 9px solid transparent;
	    border-right: 9px solid transparent;
	    border-bottom: 9px solid #444;
	    position: absolute;
	    top: -9px;
	    right: 15px;
	}
	button.dropdown-toggle {
		display: none;
	}
	.menu-toggle {
		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 #333;
	    position: absolute;
	    bottom: 0;
	    right: 15px;
	}
	.main-navigation .left-menu {
	    padding-left: 50px;
	}
	.main-navigation .search-menu {
	    padding-left: 25px;
	}
	.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 #444;
	}
	.main-navigation form.search-form input {
	    background-color: #fff;
	    border-color: #fff;
	    color: #444;
	}
	.main-navigation form.search-form svg.icon-search {
		fill: #444;
	}
	.popup-overlay {
		position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-color: #000;
	    opacity: 0.9;
	    z-index: 3000;
	    display: none;
	}
	.right-sidebar #primary,
	.left-sidebar #primary {
    	width: 75%;
    	float: left;
    }
    .right-sidebar #secondary,
    .left-sidebar #secondary {
    	width: 25%;
    	float: right;
    }
    .left-sidebar #primary {
    	float: right;
    }
    .single.right-sidebar #primary,
    body:not(.blog).right-sidebar #primary {
    	padding-right: 7.5%;
    }
    .single.left-sidebar #primary,
    body:not(.blog).left-sidebar #primary {
    	padding-left: 7.5%;
    }
    body.search-results.left-sidebar #primary,
    body.search-results.right-sidebar #primary {
    	padding-left: 0;
    	padding-right: 0;
    }
    .no-sidebar #primary {
    	width: 100%;
    	float: none;
    }
    .no-sidebar-content .wrapper.page-section {
    	max-width: 900px;
    }
    .error404 #primary,
    body:not(.blog).right-sidebar.error404 #primary,
    body:not(.blog).left-sidebar.error404 #primary,
    .error404.right-sidebar #primary,
    .error404.left-sidebar #primary {
    	width: 100%;
    	padding-left: 0;
    	padding-right: 0;
    	text-align: center;
    	max-width: 800px;
    	margin-left: auto;
    	margin-right: auto;
    	float: none;
    }
    #content {
    	padding-top: 110px;
    }
	.right-sidebar .posts-wrapper.blog-posts.col-2 article:nth-child(2n),
	.right-sidebar .posts-wrapper.blog-posts.col-3 article:nth-child(3n),
	.right-sidebar .posts-wrapper.blog-posts.col-4 article:nth-child(4n) {
		border-right: none;
	}
	#latest-posts .section-content .wrapper {
	    width: 93%;
	    max-width: 1230px;
	}
	body:not(.no-sidebar) .navigation.posts-navigation {
	    max-width: 98.5%;
	}
	body.left-sidebar .navigation.posts-navigation {
	    margin-left: auto;
	    margin-right: 0;
	}
}
@media screen and (min-width: 1200px) {
	.boxed {
	    background-color: #fff;
	    width: 92%;
	    margin: 0 auto;
	    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	}
	.boxed #masthead.sticky-header {
	    max-width: 92%;
	}
	body:not(.top-navigation-classic) #top-navigation {
		position: absolute;
		left: 2%;
		background: none;
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(-90deg);
		top: 600px;
		z-index: 1;
		bottom: auto;
	}
	body:not(.top-navigation-classic) #top-navigation .wrapper {
		padding: 0;
		margin: 0;
		width: 100%;
		max-width: 100%;
	}
	body:not(.top-navigation-classic) #top-navigation .social-icons svg {
		-webkit-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	    transform: rotate(90deg);
	}
	body:not(.top-navigation-classic)  #top-navigation .social-icons li {
	    float: right;
	}
	.top-navigation-classic #top-navigation .social-icons {
	    float: right;
	}
	body:not(.top-navigation-classic)  #masthead.sticky-header {
	    position: fixed;
	}
	body:not(.top-navigation-classic) .customize-support #masthead.sticky-header {
		top: 32px;
	}
	#header-image .wrapper {
	    max-width: 93.5%;
	}
    .main-navigation ul.nav-menu > li > a {
	    padding: 41px 18px;
	}
	#main-slider .wrapper {
	    width: 100%;
	    padding: 0;
	    max-width: 93.5%;
	    margin-right: 0;
	    margin-left: auto;
	    right: 0;
	}
	#main-slider .entry-header,
	#main-slider .slider-content .entry-content {
		max-width: 501px;
	}
	#main-slider:before {
	    content: "";
	    background-color: #fff;
	    width: 6.5%;
	    height: 60px;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	}
	#about-us .has-featured-image {
	    display: flex;
	    align-items: center;
	    flex-direction: row-reverse;
	}
	.services-section-enabled #our-services:before {
	    content: "";
	    background-color: #222;
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 50px;
	    height: 200px;
	}
	.services-section-enabled #latest-projects {
	    padding-bottom: 200px;
	}
	.services-section-enabled #our-services {
	    margin-top: -100px;
        background-color: #fff;
	}
	.latest-project-section-disabled #our-services {
	    margin-top: 0;
	}
	.latest-project-section-disabled #our-services:before {
		display: none;
	}
}
@media screen and (min-width: 1800px) {
	#main-slider .slick-item {
		padding: 424px 0;
	}
}
@media screen and (min-width: 1900px) {
	.wrapper {
	    max-width: 1560px;
	}
	#content {
	    padding-top: 100px;
	}
	body, 
	button, 
	input, 
	select, 
	textarea {
		font-size: 18px;
	}
	body:not(.top-navigation-classic)  #masthead.sticky-header {
	    max-width: 1920px;
	}
	.site-branding {
		min-height: 150px;
	}
	.main-navigation ul.nav-menu > li > a {
	    padding: 61px 23px;
	}
	.main-navigation ul.sub-menu li a {
	    padding: 15px 20px;
	}
	.main-navigation ul ul a {
	    width: 250px;
	}
	.main-navigation ul#primary-menu li.current-menu-item > a:before {
		bottom: 35px;
	}
	.sticky-header .main-navigation ul.nav-menu > li > a,
	.sticky-header .site-branding {
		-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;
	}
	.nav-shrink .main-navigation ul.nav-menu > li > a {
	    padding: 41px 23px;
	}
	.nav-shrink .site-branding {
	    min-height: 110px;
	}
	#top-navigation,
	body:not(.top-navigation-classic) #top-navigation {
		left: 4.5%;
	    top: 830px;
	}
	#top-navigation .widget_contact_info ul li, 
	#top-navigation .widget_contact_info ul li a {
		font-size: 16px;
	}
	#top-navigation .social-icons,
	#top-navigation .widget_contact_info ul li:not(:last-child) {
	    margin-right: 35px;
	}
	#header-image .wrapper {
	    max-width: 89.8%;
	}
	#header-image.header-media-disabled .wrapper {
	    max-width: 1560px;
	}
	#main-slider .entry-title {
	    font-size: 52px;
	}
	#main-slider .wrapper {
	    width: 100%;
	    max-width: 90%;
	}
	#main-slider:before {
		height: 125px;
		width: 9.89%;
	}
	.entry-title {
	    font-size: 26px;
	}
	.page-section {
	    padding: 140px 0;
	}
	.entry-title {
	    font-size: 26px;
	}
	.section-title {
	    font-size: 42px;
	    margin-bottom: 70px;
	}
	#main-slider .slick-item {
		padding: 450px 0;
	}
	#main-slider .entry-title {
	    font-size: 52px;
	}
	#about-us .wrapper {
	    max-width: 1300px;
	}
	#about-us .section-title {
	    margin-bottom: 50px;
	}
	#about-us .has-featured-image .entry-container {
	    padding-right: 100px;
	    width: 50%;
	}
	#about-us .has-featured-image .featured-image {
	    width: 50%;
	    padding: 300px 0;
	}	
	.services-section-enabled #our-services:before {
	    width: 100px;
	    height: 250px;
	}
	.services-section-enabled #latest-projects {
	    padding-bottom: 240px;
	}
	#call-to-action .section-content {
	    font-size: 18px;
	    max-width: 512px;
	}
	#client-testimonial .entry-title,
	#client-testimonial .position {
		font-size: 18px;
	}
	#client-testimonial .slick-item .client-content-wrapper {
	    margin: 0 35px;
	    padding: 50px 50px 40px;
	}
	#client-testimonial .slick-list {
	    margin: 0 -35px;
	}
	#call-to-action + #our-partners {
	    padding-top: 140px;
	}
	#latest-video {
		padding: 300px 0;
	}
	.icon-right-quotation-mark {
	    width: 55px;
	    height: 55px;
	}
	#our-partners .featured-image img {
	    max-height: 125px;
	}
	#latest-video.video-disabled {
	    padding: 290px 0;
	}
	.wp-custom-header-video-button {
		top: 65%;
	}
	.footer-widgets-area .hentry {
	    padding-right: 95px;
	}
	#secondary {
	    padding: 140px 30px;
	}
	.single-post-wrapper .entry-title,
	.comments-title, 
	#reply-title {
	    font-size: 42px;
	}
	#secondary .widget-title,
	#secondary .widgettitle {
		font-size: 18px;
	}
	#latest-projects .slick-prev, 
	#latest-projects .slick-next {
		bottom: -110px;
	}
	#latest-posts .section-content .wrapper {
	    width: 93%;
	    max-width: 1590px;
	}
	#latest-posts .view-all {
	    right: 10%;
	}
	.posts-wrapper article {
		padding: 140px 15px;
	}
	.posts-wrapper .entry-container {
	    padding: 70px 35px 0;
	}
	.posts-wrapper .entry-content {
	    margin-top: 28px;
	}
	.posts-wrapper .has-post-thumbnail .entry-container {
	    padding-left: 30px;
	    padding-right: 30px;
	}
}
@media screen and (max-width: 1200px) {
	#top-navigation {
	    margin: 0;
	    clear: both;
	    display: inline-block;
	    padding: 15px 0;
	    width: 100%;
	    background-color: #111;
	    vertical-align: middle;
	}
	#top-navigation .social-icons,
	.top-navigation-classic #top-navigation .social-icons {
	    float: right;
	    margin-right: 0;
	}
	#about-us .has-featured-image .entry-container {
	    padding-right: 50px;
	    width: 50%;
	}
	#about-us .has-featured-image .featured-image {
		width: 50%;
	}
	.project-slider .entry-container {
	    padding: 40px 30px;
	}
	#video-popup {
		max-width: 60%;
	}
}
@media screen and (max-width: 1024px) {
	.page-section {
	    padding: 75px 0;
	}
	#latest-posts {
		padding-top: 30px;
	}
	#about-us .section-title:after {
	    margin-top: 30px;
	}
	#about-us .has-featured-image .entry-container {
	    padding-right: 35px;
	}
	#main-slider .entry-title {
	    font-size: 42px;
	}
	.section-title {
	    font-size: 32px; 
	}
	#latest-projects .slick-prev, 
	#latest-projects .slick-next {
		bottom: -75px;
	}
	.posts-wrapper article {
	    padding: 60px 15px;
	}
	.posts-wrapper .entry-container {
	    padding: 30px 0 0;
	}
	#call-to-action {
		padding: 100px 0;
	}
	#comments {
	    margin-top: 65px;
	}
}
@media screen and (max-width: 1023px) {
	#masthead {
	    margin-bottom: 0;
	    position: relative;
	}
	.site-branding {
		padding: 15px 0;
	}
	.main-navigation a {
	    border-bottom: 1px solid #444;
	}
	.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 !important;
	    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;
	    border-bottom: 1px solid #444;
	}
	.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 {
	    background-color: #222;
	}
	.main-navigation ul.sub-menu li a {
		border-left: none;
	}
	.main-navigation ul.nav-menu {
	    margin-right: 0;
	    background-color: #222;
	    margin-top: 25px;
	    border-top: 1px solid #444;
	}
	.main-navigation {
		position: static;
	}
	.main-navigation a {
		color: #232526;
	}
	.main-navigation svg.icon-search,
	.main-navigation svg.icon-down {
		fill: #fff;
	}
	.main-navigation ul.sub-menu {
		border: none;
	}
	.menu-open .menu-toggle .icon-close {
		display: block;
		fill: #fff;
		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;
	}
	.site-branding {
		min-height: auto;
	}
	.main-navigation form.search-form input {
	    background-color: #222;
	    border-color: #222;
        min-height: 59px;
	}
	.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);
		top: 22px;
	}
	#secondary {
		margin-top: 50px;
	    padding: 56px 25px;
	}
	.page-header .page-title {
		font-size: 42px;
	}
}

@media screen and (max-width: 992px) {
	#main-slider .slick-dots {
		max-width: 100%;
		bottom: 15px;
	}
	#main-slider .entry-title {
	    font-size: 38px;
	}
	#main-slider .slider-content {
		padding-bottom: 10%;
	}
	.slider-nav {
		display: none;
	}
	#main-slider .slick-dots li {
		width: auto;
		padding: 0 5px;
		float: none;
	}
	#main-slider .slick-dots li:before {
		content: "";
		background-color: #ff2d00;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		display: inline-block;
		opacity: 0.7;
	}
	#main-slider .slick-dots li.slick-active:before { 
		opacity: 1;
	}
	.section-title {
		font-size: 28px;
	}
	.section-header,
	#about-us .section-header {
	    margin-bottom: 30px;
	}
	#latest-projects article .overlay {
		display: none;
	}
	.single-post-wrapper .entry-title,
	.comments-title, 
	#reply-title {
	    font-size: 28px;
	}
	#video-popup {
		max-width: 70%;
	}
}
@media screen and (max-width: 800px) {
	#main-slider .slick-item {
		padding: 225px 0;
	}
	#video-popup {
		max-width: 80%;
	}
}
@media screen and (max-width: 767px) {
	#masthead.site-header .main-navigation ul.nav-menu {
	    max-width: 100%;
	    left: 0;
	}
	.page-section {
	    padding: 50px 0;
	}
	#main-slider .entry-title {
	    font-size: 38px;
	}
	.custom-meta-title {
		margin-bottom: 5px;
	}
	#client-testimonial .icon-right-quotation-mark {
		display: block;
		margin-bottom: 10px;
	}
	#call-to-action + #our-partners {
	    padding-top: 50px;
	}
	.comment-navigation .nav-previous, 
	.posts-navigation .nav-previous, 
	.post-navigation .nav-previous,
	.comment-navigation .nav-next, 
	.posts-navigation .nav-next, 
	.post-navigation .nav-next {
		width: 100%;
    	margin: 15px 0;
	}
	.post-navigation span.previous-article b, 
	.post-navigations span.previous-article b, 
	.post-navigation span.next-article b, 
	.post-navigations span.next-article b {
		font-size: 18px;
	}
	#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;
	}
	.section-title {
		font-size: 26px;
	}
	#about-us .has-featured-image .entry-container {
	    width: 100%;
	    padding-right: 0;
	}
	#about-us .has-featured-image .featured-image {
		width: 100%;
		margin-bottom: 25px;
	}
	#about-us .featured-image {
		padding: 200px 0;
	}
	#about-us .entry-content {
	    text-align: left;
	}
	.read-more {
	    margin-top: 25px;
	}
	.view-all {
	    padding: 0;
	    position: relative;
	    top: 0;
	    right: 0;
	    text-align: center;
	    margin-top: 30px;
	}
	#latest-projects .slick-prev,
	#latest-projects .slick-next {
		display: none;
	}
	#latest-posts .view-all {
		margin-bottom: 50px;
		top: 0;
    	right: 0;
	}
	#call-to-action .section-title {
	    margin-bottom: 14px;
	}
	nav.navigation.pagination,
	#secondary {
		margin-top: 30px;
	}
	.page-header .page-title {
	    font-size: 32px;
	}
	.single-post-wrapper .entry-title,
	.comments-title, 
	#reply-title {
	    font-size: 26px;
	}
	#comments {
	    margin-top: 40px;
	}
	.site-info {
	    text-align: center;
	    padding: 20px 0;
	}
	.site-info span:nth-child(1),
	.site-info span:nth-child(2) {
		float: none;
		display: block;
		padding: 4px 0;
	}
	#video-popup {
		max-width: 90%;
	}
}
@media screen and (max-width: 600px) {
	#top-navigation .social-icons li,
	#top-navigation .social-icons,
	#top-navigation .widget, 
	#top-navigation .social-icons,
	.top-navigation-classic #top-navigation .social-icons {
	    float: none;
	    margin-right: 0;
	    text-align: center;
	}
	#top-navigation .widget_contact_info ul li,
	#top-navigation .widget_contact_info ul li:not(:last-child) {
	    display: block;
	    text-align: center;
	    margin: 0;
	}
	#top-navigation .widget, 
	#top-navigation .social-icons {
	    margin: 10px 0;
	}
	#top-navigation,
	.top-navigation-classic #top-navigation {
		padding: 5px 15px;
	}
	#top-navigation .social-icons li {
	    margin-left: 0;
	    margin-right: 14px;
	}
	#main-slider .slider-content {
	    padding-bottom: 18%;
	}
	#main-slider .entry-title {
	    font-size: 32px;
	}
	.section-title {
		font-size: 24px;
	}
	.page-header .page-title {
	    font-size: 28px;
	}
}
@media screen and (max-width: 567px) {
	.site-branding {
		display: block;
		width: 100%;
    	text-align: center;
    	padding: 10px 0 0;
	}
	.site-logo img {
		margin: 10px 0;
	    max-height: 80px;
	}
	#site-details {
        margin: 10px 0;
	}
	.main-navigation {
	    float: none;
        clear: both;
	}
	.menu-toggle {
		margin: 5px auto;
	    top: 0;
	    display: inline-block;
	    width: 100%;
	    text-align: center;
	    position: static;
	}
	.menu-toggle:after {
	    content: "";
	    background-color: #444;
	    position: absolute;
	    left: 0;
	    right: 0;
	    width: 100%;
	    height: 1px;
	    bottom: 55px;
	}
	.menu-toggle svg {
		float: none;
	}
	.menu-label {
		display: none;
	}
	#main-slider .slick-item {
		padding: 200px 0;
	}
	#about-us .featured-image {
	    padding: 130px 0;
	}
	.project-slider .entry-container {
		padding: 35px 25px 40px;
	}
	#latest-video .section-title {
	    margin-bottom: 7px;
	}
	#client-testimonial .slick-item .client-content-wrapper .featured-image {
	    text-align: center;
	    margin-bottom: 15px;
	}
	.icon-right-quotation-mark {
	    width: 30px;
	    height: 30px;
	}
	#client-testimonial .icon-right-quotation-mark {
		top: 75px;
		right: auto;
		left: 20px;
	}
	#client-testimonial .entry-header {
		max-width: 100%;
	}
	#client-testimonial .slick-item .client-content-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
	#client-testimonial .entry-content {
		text-align: left;
	}
	#client-testimonial .position {
		font-size: 14px;
		font-weight: 600;
	}
	.read-more {
	    margin-top: 21px;
	}
	.pagination .page-numbers {
		width: 21px;
	}
	.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;
	}
	.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;
	    float: none;
	}
	.comment-meta .url, 
	.comment-meta .fn {
		display: block;
	}
	.comment-content {
	    padding-left: 0;
	}
	#comments ol.children {
	    margin-left: 50px;
	}
	.reply {
	    padding-left: 0;
	}
	.footer-widgets-area .hentry:last-child,
	.footer-widgets-area.col-3 .hentry:last-child {
		margin-bottom: 0;
	    padding-right: 0;
	}
	#secondary {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media screen and (max-width: 480px) {
	#main-slider .slick-item {
	    padding: 175px 0;
	}
	#main-slider .entry-title {
	    font-size: 28px;
	    margin-bottom: 15px;
	}
	.section-title {
		font-size: 22px;
	}
	.site-logo img {
		max-height: 35px;
	}
	.menu-toggle {
		top: 7px;
	}
}


.site-title a,
.entry-title a,
.post-categories a,
.widget_contact_info ul li a,
.btn,
.more-link,
.entry-meta a, .entry-meta i,
.site-info a,
#colophon li a,
#secondary ul li a,
.trail-items li a,
input:hover,
.post-edit-link,
.author-name a,
.post-navigation a, .posts-navigation a,
.comment-meta .url,
.comment-metadata a,
.reply a,
.logged-in-as a {
	text-decoration: none !important;
}
.comment-awaiting-moderation {
	display: none;
}