/*
Theme Name: OfficePress
Theme URI: https://themepalace.com/downloads/officepress
Author: Theme Palace
Author URI: https://themepalace.com
Description: OfficePress, 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 and allows unlimited color selection. It has been designed for everybody with or without previous coding experience to effectively and helps to speedily put together polished, professional quality websites without having to so much as peek at a single line of code.
Version: 1.2.0
Requires at least: 4.9
Requires PHP: 5.6
Tested up to: 7.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: officepress
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, three-columns, four-columns, grid-layout, custom-colors, custom-header, custom-logo, featured-image-header, blog, portfolio, entertainment

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

OfficePress is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Preloader
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Layouts and Titles
# Media
	## Captions
	## Galleries
# Social Icons
# Breadcrumb List
# Sections
	## Introduction Section
# Footer
# Responsive

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

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

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

#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: #f95027;}
    25% {height:30px;transform:translateY(15px);background: #f95027;}
    50% {height:5px;transform:translateY(0px);background: #f95027;}
    100% {height:5px;transform:translateY(0px);background: #f95027;}
}

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

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

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

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

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

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

#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: #2644a6;
	margin: 16px 0;
	line-height: 1.2;
	font-weight: bold;
    font-family: 'Titillium Web', sans-serif;
}

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

figure {
	margin: 1em 40px;
}

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

pre {
	overflow: auto;
}

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

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

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

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

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

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

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

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

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

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

big {
	font-size: 125%;
}

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

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

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

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

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

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

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

dd {
	margin: 0 1.5em 1.5em;
}

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

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

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

#wp-calendar {
    display: table;
    width: 100%;
    margin: 0;
}

#wp-calendar tbody td, 
#wp-calendar tbody th {
    padding: 5px;
}

/*--------------------------------------------------------------
# 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 #e0e0e0;
	border-radius: 0;
	padding: 3px;
}

select {
	border: 1px solid #e0e0e0;
}

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

textarea,
#respond input,
.wpcf7 input {
    border: 1px solid #e9e9e9;
    border-radius: 0;
    padding: 8px 15px;
    width: 100%;
    max-width: 500px;
}
#respond input:focus,
#respond textarea:focus,
.wpcf7 input:focus,
.wpcf7 textarea:focus {
	border-color: #f95027;
}
textarea {
	padding: 15px;
}
#respond textarea {
    height: 200px;
    padding: 15px;
}
#respond input[type="submit"] {
	padding: 17px 46px;
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 40px;
    min-width: 148px;
    background-color: #f95027;
    color: #fff;
    position: relative;
    text-align: center;
    font-weight: 600;
    letter-spacing: 1px;
    height: auto;
    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;
}
#respond input[type="submit"]:hover,
#respond input[type="submit"]:focus {
	background-color: #2644a6;
    color: #fff;
}
p.form-submit {
    clear: both;
    display: inline-block;
    position: relative;
}
.comment-notes {
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px;
}
#respond label {
    margin-bottom: 7px;
    display: block;
}
#commentform p {    
    margin-bottom: 21px;
}
#commentform p.comment-form-comment {
    margin-bottom: 0;
}
#commentform p.form-submit {
	margin: 21px 0 0;
	text-align: center;
}
#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: 10px;
}
#respond .comment-form-cookies-consent label, 
.comment-form-cookies-consent label {
    display: table;
    margin: 0;
    line-height: 1;
}
.comment-form-cookies-consent {
    clear: both;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #f95027;
	text-decoration: underline;
}

.reply a,
.post-categories a,
.btn,
.entry-title a,
.posted-on a,
.byline a,
ul li a{
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #2644a6;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead {
    position: relative;
    width: 100%;
    padding: 25px 0;
    background-color: #2644A6;
    -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;
}
#navigation-menu {
    background-color: #fff;
    position: relative;
    z-index: 3;
    min-height: 70px;
}
#masthead .social-icons {
    margin: 10px 0 0;
}
.site-branding {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.site-logo {
    margin-right: 20px;
}
.site-logo img {
    max-height: 70px;
    width: auto;
}
.site-title {
    margin: 0;
    line-height: 1.3;
    font-family: 'Titillium Web', sans-serif;
    font-size: 32px;
    font-weight: bold;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.site-title a {
    color: #2644a6;
}
.site-title a:hover,
.site-title a:focus {
	color: #f95027;
}
.site-description {
    margin: 4px 0 0;
    line-height: 1.3;
    color: #2644a6;
    font-weight: bold;
}
.main-navigation {
	display: block;
    position: relative;
}
.main-navigation ul#primary-menu li.current-menu-item > a,
.main-navigation ul#primary-menu li:hover > a {
    color: #f95027;
}
.main-navigation ul#primary-menu li:hover > svg,
.main-navigation li.menu-item-has-children:hover > a > svg,
.main-navigation li.menu-item-has-children > a:hover > svg,
.main-navigation ul#primary-menu > li.current-menu-item > a > svg {
    fill: #f95027;
}
.main-navigation ul ul {
    background-color: #fff;
    text-align: left;
    padding: 0;
}
.main-navigation ul.sub-menu li a {
    padding: 8px 15px;
    color: #2644a6;
    border-bottom: 1px solid #eee;
}
.main-navigation ul.sub-menu a:after {
	float: right;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation .login-register-item ul li:not(:last-child) {
    border-bottom: none;
    margin-right: 15px;
}
.main-navigation .login-register-item ul {
    display: block;
    border: none;
}
.main-navigation .login-register-item ul li {
    display: inline-block;
}
#masthead .main-navigation .login-register-item ul.login-register {
    margin: 0;
    padding: 20px 15px 20px 25px;
}
#masthead .main-navigation .login-register-item ul.login-register a {
	color: #fff;
}
.main-navigation + .social-icons {
	display: none;
}
.main-navigation li {
	position: relative;
}

.main-navigation ul.nav-menu > li > a {
    padding: 22px 8px;
    color: #2644a6;
}
.main-navigation form.search-form input {
    background-color: #333;
    border-color: #333;
    color: #333;
    font-weight: 400;
}
.main-navigation ul.nav-menu > li > a.search:hover svg.icon-search,
.main-navigation ul.nav-menu > li > a.search:focus svg.icon-search,
.main-navigation li.search-menu a:hover svg,
.main-navigation li.search-menu a:focus svg,
.main-navigation li.search-menu a.search-active svg {
	fill: #f95027;
}
.main-navigation a:hover,
.main-navigation ul.nav-menu > li > a:hover {
    color: #f95027;
}
.main-navigation a {
	font-size: 18px;
    font-weight: 600;
    display: block;
    text-decoration: none;
    color: #2644a6;
    font-family: 'Titillium Web', sans-serif;
    letter-spacing: 0.1em;
}
.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul a {
	width: 225px;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
	color: #333;
}
form.search-form {
    width: 100%;
    max-width: 100%;
    position: relative;
}
.main-navigation form.search-form {
    min-width: 320px;
}
input.search-field {
    height: 50px;
    border-radius: 0;
    padding: 0 50px 0 15px;
    width: 100%;
}
.main-navigation svg.icon-close {
    display: none;
}
#search.hidden-small form.search-form {
    position: absolute;
    left: 0;
    right: 0;
}
svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.search-menu svg.icon-search {
    fill: #949494;
}
svg.icon-search,
svg.icon-close {
    width: 15px;
    height: 15px;
    fill: #fff;
}
svg.icon-close {
    width: 20px;
    height: 20px;
}
.search-submit svg.icon-search {
    fill: #adadad;
    opacity: 1;
}
.main-navigation svg.icon-down {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    fill: #7b7b7b;
}
.main-navigation .sub-menu svg {
    width: 12px;
    height: 12px;
    fill: #7b7b7b;
    position: absolute;
    right: 15px;
    top: 17px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
#site-menu #search {
    display: none;
}
#search-menu {
	display: none;
}
#search-menu .icon-close,
#search-menu.active .icon-search,
.search-menu .icon-close,
.search-menu.active .icon-search {
    display: none;
}
#search-menu.active .icon-close,
.search-menu.active .icon-close {
	display: inline-block;
}
#search-menu button .icon-search,
.search-menu button .icon-search,
#search-menu.active button .icon-search,
.search-menu.active button .icon-search {
	display: inline-block;
}
#search-menu input[type="search"] {
	padding-left: 40px;
    border-radius: 4px;
    min-height: 40px;
    height: auto;
    background-color: #efefef;
    border-color: #efefef;
    padding: 5px 15px 0px 40px;
}
#search-menu form.search-form button.search-submit {
	min-height: 40px;
	height: auto;
}
.menu-toggle {
    border-radius: 0;
    height: 50px;
    line-height: 50px;
    display: block;
    position: relative;
    background-color: transparent;
    border: none;
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.secondary-menu-toggle {
	position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}
.secondary-menu-toggle svg {
    width: 20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
}
.secondary-menu-toggle svg.icon-close {
    display: none;
    fill: #000;
    width: 16px;
    height: 16px;
}
.secondary-menu-toggle.active svg.icon-menu-bar {
	display: none;
}
.secondary-menu-toggle.active svg.icon-close {
	display: block;
}
#site-menu .menu-toggle.active svg {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.menu-label {
    text-transform: uppercase;
    color: #fff;
    padding: 3px 0 0 10px;
    letter-spacing: 0.05em;
    font-weight: bold;
}
.active .menu-label {
	color: #fff;
}
svg.icon-menu {
    fill: #fff;
    vertical-align: baseline;
    width: 30px;
    height: 30px;
}
svg.icon-close,
.menu-toggle.active svg.icon-menu {
    display: none;
}
.menu-toggle.active svg.icon-close {
	display: block;
}
button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    height: 57px;
    line-height: 62px;
}
.main-navigation .dropdown-toggle.active > svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.menu-overlay {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.menu-overlay.active {
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 3;
}
.login-register ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.login-register li {
    display: inline-block;
    margin-right: 15px;
}
.login-register li:last-child {
	margin-right: 0;
}
.main-navigation .login-register-item ul {
    display: block;
    border: none;
    position: relative;
    float: none;
    top: 0;
    left: 0;
    background-color: transparent;
    box-shadow: none;
}
#masthead .login-register a {
    padding: 12px 35px;
    font-size: 18px;
    line-height: 26px;
    display: inline-block;
    border-radius: 40px;
    background-color: #5680f9;
    border: 2px solid #5680f9;
    color: #fff;
    position: relative;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.1em;
    width: auto;
    font-family: 'Titillium Web', 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;
}
#masthead .login-register li:first-child a {
	background-color: transparent;
}
#masthead .login-register a:hover,
#masthead .login-register a:focus {
	background-color: #f95027;
	border-color: #f95027;
	color: #fff;
}
#masthead .login-register li:first-child a:hover,
#masthead .login-register li:first-child a:focus {
    background-color: #5680f9;
    border-color: #5680f9;
    color: #fff;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0;
	overflow: hidden;
}

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

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

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

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

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

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

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after,
.widget:before,
.widget:after,
.post-archive:before,
.post-archive:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after,
.widget:before,
.widget:after,
.post-archive:before,
.post-archive:after {
	clear: both;
}

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

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

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

form.search-form button.search-submit {
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    border-radius: 0;
}
.widget_search form.search-form .search-submit {
    width: auto;
    color: #fff;
    background-color: #2644a6;
    left: auto;
    right: 0;
    font-size: 14px;
    height: 50px;
    width: 50px;
    line-height: 25px;
}
.widget_search form.search-form .search-submit:hover,
.widget_search form.search-form .search-submit:focus {
	background-color: #f95027;
	color: #fff;
}
.widget_search form.search-form .search-submit svg {
	fill: #fff;
	width: 14px;
    height: 14px;
}
.widget_search form.search-form .search-submit:hover svg,
.widget_search form.search-form .search-submit:focus svg {
	fill: #fff;
}
.widget_search form.search-form input {
	border: none;
}
.widget_search form.search-form input {
    padding: 0 55px 0 15px;
    height: 50px;
    background-color: #f6f6f6;
}
form.search-form {
    position: relative;
}

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

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

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

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

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

.widget_instagram ul {
    list-style: none;
    margin: -5px;
    padding: 0;
}
.widget.widget_instagram li {
	margin: 0;
	padding: 5px;
}
.widget_instagram .col-1 li {
	width: 100%;
	float: none;
}
.widget_instagram .col-2 li {
	width: 50%;
	float: left;
}
.widget_instagram .col-3 li {
	width: 33.33%;
	float: left;
}
.widget_instagram .col-4 li {
	width: 25%;
	float: left;
}
.widget_instagram .col-5 li {
	width: 20%;
	float: left;
}
.widget_instagram li img {
	width: 100%;
}
.widget.widget_archive li,
.widget.widget_categories li {
	text-align: right;
}
.widget.widget_archive li a,
.widget.widget_categories li a {
	float: left;
}
#secondary .widget-title,
#secondary .widgettitle {
	margin: 0 0 25px;
    width: 100%;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}
#secondary .widget:not(:last-child) {
    margin-bottom: 25px;
}
input[type="submit"] {
    padding: 17px 46px;
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 40px;
    min-width: 148px;
    background-color: #f95027;
    color: #fff;
    position: relative;
    text-align: center;
    font-weight: 600;
    letter-spacing: 1px;
    height: auto;
    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;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #2644a6;
    color: #fff;
}
.jetpack_subscription_widget form {
    position: relative;
    max-width: 620px;
    margin: 0 auto;
}
.jetpack_subscription_widget input[type="email"] {
	width: 100%;
    min-height: 60px;
    padding: 2px 215px 0 50px;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 60px;
    color: #fff;
}
.jetpack_subscription_widget input[type="submit"],
.jetpack_subscription_widget button[type="submit"] {
    padding: 17px 35px;
    font-size: 18px;
    line-height: 26px;
    display: inline-block;
    border-radius: 40px;
    background-color: #f95027;
    color: #fff;
    position: relative;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.1em;
    border: none;
    min-width: 190px;
    font-family: 'Titillium Web', 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;
}
.jetpack_subscription_widget input[type="submit"]:hover,
.jetpack_subscription_widget input[type="submit"]:focus,
.jetpack_subscription_widget button[type="submit"]:hover,
.jetpack_subscription_widget button[type="submit"]:focus {
	background-color: #2644a6;
	color: #fff;
}
.jetpack_subscription_widget #subscribe-text {
    display: inline-block;
    margin-bottom: 10px;
}
.jetpack_subscription_widget #subscribe-text p {
    margin-top: 0;
    line-height: 25px;
}
.jetpack_subscription_widget #subscribe-submit {
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 0;
    right: -5px;
}
.jetpack_subscription_widget .widget-title {
    margin-bottom: 5px;
}
#subscribe-email label {
    margin-bottom: 7px;
    display: inline-block;
    width: 100%;
}
.widget_popular_post ul,
.widget_latest_post ul,
.widget_featured_post ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
    display: table;
}
.widget.widget_popular_post ul li,
.widget.widget_latest_post ul li,
.widget.widget_featured_post ul li {
    clear: both;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.widget.widget_popular_post ul li:last-child,
.widget.widget_latest_post ul li:last-child,
.widget.widget_featured_post ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.widget_popular_post h3,
.widget_latest_post h3,
.widget_featured_post h3 {
    font-size: 16px;
    line-height: 1.5;
    display: table-row;
    letter-spacing: 0.01em;
}
.widget_popular_post h3 a,
.widget_latest_post h3 a,
.widget_featured_post h3 a {
	display: block;
}
#secondary .widget_popular_post h3 a,
#secondary .widget_latest_post h3 a,
#secondary .widget_featured_post h3 a {
	font-weight: 600;
}
.widget_popular_post time,
.widget_latest_post time,
.widget_featured_post time {
    display: table-row;
    font-weight: 500;
}
.widget_popular_post h3 a,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time,
.widget_featured_post h3 a,
.widget_featured_post a:hover time,
.widget_featured_post a:focus time {
    color: #333;
}
.widget_popular_post h3 a:hover,
.widget_popular_post h3 a:focus,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a:hover,
.widget_latest_post h3 a:focus,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time,
.widget_featured_post h3 a:hover,
.widget_featured_post h3 a:focus,
.widget_featured_post a:hover time,
.widget_featured_post a:focus time {
	color: #f95027;
}
.widget_popular_post a time,
.widget_popular_post time,
.widget_latest_post a time,
.widget_latest_post time,
.widget_featured_post a time,
.widget_featured_post time {
    color: #f95027;
    font-family: 'Titillium Web', sans-serif;
}
.widget_popular_post img,
.widget_latest_post img,
.widget_featured_post img {
    max-width: 95px;
    width: 95px;
    height: 95px;
    float: left;
    margin-right: 14px;
}
.textwidget img {
    margin-bottom: 25px;
    display: block;
}
.widget.widget_text .btn {
	margin-top: 20px;
}
.textwidget a {
    line-height: 1.5;
    display: inline-block;
    font-weight: 500;
}
#secondary .jetpack_subscription_widget input[type="email"] {
    height: 50px;
    min-height: auto;
    background-color: #fff;
    border-color: #fff;
    padding: 15px 18px;
}
#secondary .jetpack_subscription_widget input[type="submit"] {
    position: relative;
    margin: auto;
    min-height: 50px;
    border-radius: 0;
    background-color: #333;
    min-width: 151px;
    margin: 0;
    text-transform: uppercase;
}
#secondary .jetpack_subscription_widget input[type="submit"]:hover,
#secondary .jetpack_subscription_widget input[type="submit"]:focus {
	background-color: #f95027;
}
#secondary p#subscribe-email {
    margin-top: 0;
}
#secondary .widget .social-icons {
    text-align: center;
    margin-top: -10px;
}
#secondary .widget .social-icons li a:hover svg,
#secondary .widget .social-icons li a:focus svg {
	fill: #fff;
}
#secondary .widget {
    background-color: #fff;
    padding: 40px 30px;
    box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.1);
}
.widget svg {
	fill: #f95027;
}
#secondary a,
#secondary li {
    color: #5a677a;
    font-family: 'Titillium Web', sans-serif;
}
#secondary a {
	color: #2644a6;
}
#secondary a:hover,
#secondary a:focus {
    color: #f95027;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.hentry {
	margin: 0;
}

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

.single .byline,
.group-blog .byline {
	display: inline;
}
.single span.cat-links {
    display: block;
}
.single span.cat-links ul {
    display: inline-block;
}
span.tags-links {
    margin-top: 10px;
    display: inline-block;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
nav.navigation.pagination {
    margin-top: 50px;
    clear: both;
    display: inline-block;
    width: 100%;
    text-align: left;
}
.navigation.pagination svg {
    fill: #fff;
    width: 16px;
    height: 16px;
    position: relative;
    top: -2px;
}
.navigation.posts-navigation svg, 
.navigation.post-navigation svg {
    width: 18px;
    height: 18px;
    fill: #2644a6;
    display: inline-block;
    vertical-align: middle;
}
.navigation.posts-navigation a:hover svg, 
.navigation.post-navigation a:hover svg,
.navigation.posts-navigation a:focus svg, 
.navigation.post-navigation a:focus svg {
	fill: #f95027;
}
.navigation.posts-navigation .nav-previous svg.icon, 
.navigation.post-navigation .nav-previous svg.icon {
	margin-right: 20px;
    margin-top: 3px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.navigation.posts-navigation .nav-next svg.icon, 
.navigation.post-navigation .nav-next svg.icon {
	margin-left: 20px;
    margin-top: 3px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.post-categories a {
    color: rgba(255, 255, 255, 0.50);
}
.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;
}
.single.no-sidebar #inner-content-wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

#reply-title,
.comments-title {
    font-size: 42px;
    margin: 0;
}
.comments-title,
#reply-title {
	margin-bottom: 43px;
	font-size: 32px;
	font-weight: 600;
}
ul.post-categories li:after {
    content: ",";
	color: #f95027;
}
ul.post-categories li:last-child:after {
    display: none;
}
ol.comment-list {
    padding: 0;
    margin: 0 0 10px;
    list-style: none;
}
#comments ol {
    list-style: none;
    margin-left: 0;
    padding: 0;
}
#comments ol.comment-list {
	position: relative;
    overflow: hidden;
}
#comments ol.children {
    margin-left: 90px;
}
.says {
    display: none;
}
.comment-meta img {
    width: 60px;
    height: 60px;
    float: left;
    border-radius: 50%;
    margin-right: 20px;
}
#comments time:before {
    display: none;
}
.comment-body {
    position: relative;
}
.reply {
    padding-left: 80px;
    display: inline-block;
    margin-top: 3px;
}
#comments article {
    margin-bottom: 30px;
    clear: both;
}
.comment-meta .fn {
    margin-left: 20px;
    margin-top: 18px;
}
.comment-content {
    margin-bottom: 13px;
    margin-top: -55px;
    margin-left: 80px;
    background-color: #f6f6f6;
    padding: 55px 20px 20px;
}
#comments ol.comment-list > li:last-child article:last-child,
#comments ol.comment-list > li:last-child {
	border-bottom: none;
}
#comments ol.comment-list > li:first-child {
    padding-top: 0;
}
#comments ol.comment-list > li {
    margin-bottom: 30px;
}
#comments ol.comment-list > li article:last-child .reply {
	border-bottom: none;
    padding-bottom: 0;
}
.reply a {
    padding: 15px 35px;
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
    border-radius: 40px;
    background-color: #f95027;
    color: #fff;
    position: relative;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-family: 'Titillium Web', 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:hover,
.reply a:focus {
    background-color: #2644a6;
    color: #fff;
}
.comment-meta .url,
.comment-meta .fn {
    display: inline-block;
    color: #2644a6;
    font-size: 16px;
    margin-right: 5px;
    font-weight: 600;
}
.comment-meta .fn:after {
    content: "|";
    color: #72757a;
    margin: 0 5px;
    margin-right: 0;
}
.comment-meta .url:hover,
.comment-meta .url:focus,
.comment-metadata a,
.comment-metadata a time {
	color: #f95027;
}
.comment-metadata a,
.comment-metadata a time {
    color: #2644a6;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover time,
.comment-metadata a:focus time {
	color: #f95027;
}
.comment-author.vcard,
.comment-metadata {
    display: inline-block;
}
.comment-metadata {
    vertical-align: middle;
}
.comment-content p {
    margin-bottom: 0;
}
#comments {
    margin-top: 40px;
}
.comment-wrap {
    background-color: #fff;
    padding: 20px;
    margin-left: 80px;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

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

/*--------------------------------------------------------------
# Layouts and titles
--------------------------------------------------------------*/
section {
	position: relative;
}
.relative {
	display: block;
	position: relative;
}
.relative:before,
.relative:after {
	content: "";
	display: table;
	clear: both;
}
.page-section {
	padding: 60px 0;
}
.entry-content {
	margin-top: 0;
}
.wrapper {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.post-thumbnail-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.entry-title,
.section-title {
    font-size: 32px;
    font-size: 2em;
    margin: 0 0 16px;
    word-wrap: break-word;
}
.section-header {
    margin-bottom: 40px;
}
.section-title {
    font-size: 42px;
    position: relative;
    font-weight: bold;
}
.section-subtitle {
    color: #f95027;
    text-transform: uppercase;
    font-size: 16px;
    margin: 0;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.section-content p {
    margin-bottom: 0;
}
.overlay {
    background-color: #2644a6;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.read-more {
    text-align: center;
    margin-top: 30px;
}
.btn {
    padding: 15px 35px;
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
    border-radius: 40px;
    background-color: #f95027;
    color: #fff;
    position: relative;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-family: 'Titillium Web', 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:hover,
.btn:focus {
	background-color: #2644a6;
    color: #fff;
}
#infinite-handle {
    text-align: center;
    margin-bottom: 30px;
}
button:focus {
	border: none;
}
/*--------------------------------------------------------------
# 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%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.social-icons li a[href*="angel.co"]:hover,
.social-icons li a[href*="angel.co"]:focus {
 	background-color: #333 !important;
 	border-color: #333;
}

.social-icons li a[href*="slack.com"]:hover,
.social-icons li a[href*="slack.com"]:focus {
 	background-color: #E60264 !important;
 	border-color: #E60264;
}
/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/
#page-site-header {
    padding: 50px 0;
    text-align: center;
    background-color: #333;
    color: #fff;
}
#page-site-header .page-title {
	font-size: 36px;
	color: #fff;
}
/*--------------------------------------------------------------
#  Breadcrumb List
--------------------------------------------------------------*/
.trail-items {
    margin: 0;
    padding: 0;
    list-style: none;
}
.trail-items li {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-family: 'Titillium Web', sans-serif;
}
.trail-items li a {
	color: rgba(255, 255, 255, 0.60);
}
.trail-items li a:hover,
.trail-items li a:focus {
	color: #fff;
}
.trail-items li:not(:last-child):after {
	content: "/";
    color: rgba(255, 255, 255, 0.60);
    padding-left: 4px;
    padding-right: 2px;
}
.error404.left-sidebar #primary, 
.error404.right-sidebar #primary, 
.error404.no-sidebar #primary {
    width: 100%;
    float: none;
}
.error-404.not-found {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/
#page-site-header {
    padding: 175px 0;
    text-align: center;
    position: relative;
    background-color: #333;
    background-size: cover;
    background-position: 50%;
}
#page-site-header .wrapper {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    width: 90%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#page-site-header .page-title {
	font-size: 32px;
	color: #fff;
    margin: 0;
    line-height: 1.5;
}
#page-site-header .overlay {
    opacity: 0.6;
}
#our-services,
#our-projects,
#about-us,
#latest-posts,
#testimonial-section,
#subscribe-now {
    z-index: 1;
}
/*--------------------------------------------------------------
#  Introduction Section
--------------------------------------------------------------*/
#introduction-section {
    background-color: #2644A6;
    padding: 50px 0;
}
#introduction-section .featured-image {
	padding-bottom: 100%;
	background-size: cover;
	background-position: 50%;
    margin-bottom: 30px;
    position: relative;
}
#introduction-section .entry-title {
    font-size: 32px;
}
#introduction-section .entry-title a {
    color: #fff;
}
#introduction-section .entry-title a:hover,
#introduction-section .entry-title a:focus {
	color: #f95027;
}
#introduction-section .entry-content, 
#introduction-section .entry-content p {
    color: #fff;
    margin: 0;
}
#introduction-section .entry-content {
	margin-bottom: 25px;
}
#introduction-section .btn:hover, 
#introduction-section .btn:focus {
    background-color: #fff;
    color: #293134;
}
.buttons .btn {
    margin-bottom: 15px;
}
.buttons p {
	margin-bottom: 0;
}
.buttons p a {
	font-weight: bold;
}
.buttons p,
.buttons p a:hover,
.buttons p a:focus {
    color: #fff;
}
img.triangle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: none;
}
.home.blog .triangle {
    display: none;
}
/*--------------------------------------------------------------
#  Our Services
--------------------------------------------------------------*/
.services-list-wrapper {
    margin: 0 -20px;
}
.services-list-wrapper article {
    padding: 0 20px;
    margin-bottom: 40px;
    text-align: center;
}
.services-list-wrapper article:last-child {
    margin-bottom: 0;
}
.services-list-wrapper.col-1 article {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}
.service-item .fa {
    margin-bottom: 40px;
    font-size: 52px;
}
.service-item .entry-title {
	position: relative;
    margin-bottom: 23px;
}
.service-item .entry-title:after {
    content: "";
    background-color: #f95027;
    width: 40px;
    height: 2px;
    display: block;
    margin: 20px auto 0;
}
.service-item .entry-title a {
    color: #2644a6;
}
.service-item .entry-title a:hover,
.service-item .entry-title a:focus {
	color: #f95027;
}
.service-item .entry-content p {
    margin-bottom: 0;
}
/*--------------------------------------------------------------
#  Our Projects
--------------------------------------------------------------*/
#our-services + #our-projects {
    padding-top: 0;
}
#our-projects .section-header {
    text-align: center;
    max-width: 415px;
    margin-left: auto;
    margin-right: auto;
}
.project-slider article {
	background-color: #fff;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
	margin: 15px;
	border-radius: 10px;
}
.project-slider .featured-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    padding-bottom: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.project-slider .entry-container {
    text-align: center;
    padding: 40px;
}
.project-slider .entry-content p {
	margin-bottom: 0;
}
.project-slider .entry-title a {
	color: #2644a6;
}
.project-slider .entry-title a:hover,
.project-slider .entry-title a:focus {
	color: #f95027;
}
.project-slider .entry-title {
    margin-bottom: 7px;
}
.project-slider .entry-content {
    margin-top: 20px;
}
.slick-arrow {
    background-color: #f95027;
    width: 50px;
    height: 50px;
    border-radius: 50pc;
}
.slick-arrow:hover,
.slick-arrow:focus {
    background-color: #2644a6;
}
.slick-prev {
	left: -50px;
}
.slick-next {
	right: -50px;
}
.slick-prev:before, 
.slick-next:before {
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #fff;
    display: inline-block;
}
.slick-next:before {
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #fff;
    border-right: none;
    display: inline-block;
    margin-left: 3px;
}
/*--------------------------------------------------------------
#  About Us
--------------------------------------------------------------*/
#our-projects + #about-us,
#our-services + #about-us {
    padding-top: 0;
}
#about-us article {
    margin-bottom: 50px;
}
#about-us article:last-child {
    margin-bottom: 0;
}
#about-us .featured-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    padding-bottom: 100%;
    border-radius: 10px;
    margin-bottom: 30px;
}
#about-us .entry-header p {
    color: #f95027;
    text-transform: uppercase;
    font-size: 16px;
    margin: 0 0 7px;
    font-weight: bold;
    letter-spacing: 0.1em;
}
#about-us .entry-header .entry-title {
	margin-bottom: 25px;
}
#about-us .entry-header .entry-title a {
    color: #2644a6;
}
#about-us .entry-header .entry-title a:hover,
#about-us .entry-header .entry-title a:focus {
    color: #f95027;
}
#about-us .entry-title:after {
    content: "";
    background-color: #f95027;
    width: 40px;
    height: 2px;
    display: block;
    margin: 25px 0 0;
}
#about-us .entry-content p {
    margin-bottom: 0;
}
#about-us .entry-content {
    margin-bottom: 25px;
}
#about-us .read-more {
    text-align: left;
    margin-top: 0;
}
#about-us .btn {
	background-color: #FEEDE9;
	color: #f95027;
}
#about-us .btn:hover,
#about-us .btn:focus {
	background-color: #f95027;
	color: #fff;
}
/*--------------------------------------------------------------
#  Latest Posts
--------------------------------------------------------------*/
#latest-posts {
    background-color: #f6f4f5;
}
.archive-blog-wrapper .section-header {
    text-align: center;
    max-width: 415px;
    margin-left: auto;
    margin-right: auto;
}
.archive-blog-wrapper .entry-title a {
    color: #2644a6;
}
.archive-blog-wrapper .entry-title a:hover,
.archive-blog-wrapper .entry-title a:focus {
	color: #f95027;
}
.archive-blog-wrapper .entry-content p {
    margin-bottom: 0;
}
.archive-blog-wrapper article .read-more {
    text-align: left;
}
.archive-blog-wrapper article .btn {
    background-color: #FEEDE9;
    color: #f95027;
}
.archive-blog-wrapper article .btn:hover, 
.archive-blog-wrapper article .btn:focus {
    background-color: #f95027;
    color: #fff;
}
.archive-blog-wrapper article {
    background-color: #fff;
    border-radius: 10px;
}
.archive-blog-wrapper .each-faq:not(:last-child) {
	margin-bottom: 50px;
}
.archive-blog-wrapper .featured-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-color: #000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-bottom: 100%;
}
.archive-blog-wrapper .entry-container {
    padding: 40px;
}
.archive-blog-wrapper .entry-meta {
    margin-bottom: 15px;
}
.faq-trigger {
    display: none;
}
.trigger-icon a:hover svg,
.trigger-icon a:focus svg {
    fill: #2644a6;
}
.archive-blog-wrapper .section-content + .read-more {
	margin-top: 50px;
}
#primary .archive-blog-wrapper article {
    box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 50px;
}
#primary .archive-blog-wrapper article:last-child {
	margin-bottom: 0;
}
.left-sidebar #primary .archive-blog-wrapper .entry-container,
.right-sidebar #primary .archive-blog-wrapper .entry-container {
    padding: 40px;
}

/*--------------------------------------------------------------
#  Testimonial Section
--------------------------------------------------------------*/
#testimonial-section .section-header {
    text-align: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
#testimonial-section .section-content.col-1,
#testimonial-section .section-content.col-2 {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}
#testimonial-section .section-content.col-2 {
    max-width: 900px;
}
.testimonial-item {
    padding: 35px 45px 45px;
    border-radius: 10px;
    border-bottom: 5px solid transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#testimonial-section article:hover .testimonial-item {
    border-bottom-color: #f95027;
    box-shadow: 0px 40px 50px 0px rgba(0, 0, 0, 0.1);
}
.testimonial-item .entry-content {
    font-weight: bold;
    margin-bottom: 40px;
}
.testimonial-item .featured-image {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.testimonial-item .featured-image img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 15px;
}
.testimonial-item .entry-title {
    font-size: 22px;
    margin-bottom: 0;
}
.testimonial-item .entry-title a {
    color: #2644a6;
}
.testimonial-item .entry-title a:hover,
.testimonial-item .entry-title a:focus {
	color: #f95027;
}
#testimonial-section .read-more {
    margin-top: 50px;
}
/*--------------------------------------------------------------
#  Testimonial Section
--------------------------------------------------------------*/
#subscribe-now {
    background-size: cover;
    background-position: 50%;
}
#subscribe-now .overlay {
    opacity: 0.80;
}
#subscribe-now .wrapper {
	position: relative;
}
#subscribe-now .section-header {
    text-align: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
#subscribe-now .section-title,
#subscribe-now .section-subtitle {
	color: #fff;
}
#subscribe-now input[type="email"]::-webkit-input-placeholder {
	color: #fff;
	opacity: 1;
}
#subscribe-now input[type="email"]::-moz-placeholder {
	color: #fff;
	opacity: 1;
}
#subscribe-now input[type="email"]:-moz-placeholder {
	color: #fff;
	opacity: 1;
}
#subscribe-now input[type="email"]::-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}
/*--------------------------------------------------------------
#  Single Blog
--------------------------------------------------------------*/
.post-categories {
    list-style: none;
    padding: 0;
}
ul.post-categories li {
    display: inline-block;
    vertical-align: middle;
}
.post-categories a {
    color: #f95027;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}
.post-categories a:hover,
.post-categories a:focus {
	color: #2644a6;
}
.posted-on a {
    color: #5a677a;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}
.posted-on a:hover,
.posted-on a:focus {
	color: #f95027;
}
.tags-links a {
    border: 2px solid #f95027;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    padding: 4px 13px;
    line-height: 1.5;
    font-size: 14px;
    background-color: #f95027;
    color: #fff;
    font-weight: 400;
    -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;
}
.tags-links a:hover,
.tags-links a:focus {
	background-color: transparent;
	color: #f95027;
}
.single .post-categories {
    list-style: none;
    padding: 0;
    margin-bottom: 10px;
}
.single .post-categories li {
    display: inline-block;
}
.single .post-categories a,
.single .byline a {
	color: #f95027;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}
.single .post-categories a:hover,
.single .post-categories a:focus,
.single .byline a:hover,
.single .byline a:focus {
    color: #2644a6;
}
.single .byline {
    margin-bottom: 7px;
    display: block;
}
.single .posted-on {
    margin-bottom: 15px;
    display: block;
}
.single .posted-on a {
    background-color: #f95027;
    color: #fff;
    padding: 2px 15px;
    margin-bottom: 0;
    display: inline-block;
    font-size: 14px;
}
/*--------------------------------------------------------------
# 					Footer
--------------------------------------------------------------*/
#colophon {
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.10);
}
#colophon ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#colophon a,
#colophon p,
#colophon li {
    color: #5a677a;
}
#colophon .site-info a {
	color: #2644a6;
}
#colophon .site-info a:hover {
    text-decoration: underline;
}
.footer-widgets-area li, 
.footer-widgets-area li a {
    color: #5a677a;
    font-weight: bold;
    letter-spacing: 1px;
}
#colophon a:hover,
#colophon a:focus {
    color: #f95027;
}
#colophon .social-icons li:not(:last-child) {
	margin-right: 15px;
}
#colophon li:not(:last-child) {
	margin-bottom: 15px;
}
#colophon .widget-title, 
#colophon .widgettitle {
    color: #2644a6;
    font-weight: bold;
    font-size: 32px;
    position: relative;
    margin-bottom: 28px;
}
.custom-menu ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
}
.custom-menu ul li:last-child {
	margin-right: 0;
}
#colophon .social-icons li a svg {
    fill: #2644a6;
}
#colophon .social-icons li a:hover svg,
#colophon .social-icons li a:focus svg {
    fill: #fff;
}
.site-info .social-icons {
    display: inline-block;
}
.site-info {
    text-align: center;
    padding: 15px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.10);
}
.site-info span {
	display: block;
	text-align: center;
}
.site-info span + .social-icons {
	margin-top: 15px;
}
.custom-menu {
    margin-bottom: 15px;
}
#colophon .widget:not(:last-child) {
    margin-bottom: 25px;
}
.footer-widgets-area .widget ul li:last-child,
.footer-widgets-area .widget .social-icons li {
	margin-bottom: 0;
}
.footer-widgets-area .hentry {
	margin-bottom: 45px;
}
.footer-widgets-area.col-1 .hentry {
    text-align: center;
}
.footer-widgets-area.col-1 .hentry:last-child {
	margin-bottom: 0;
}
.footer-widgets-area.col-1 .textwidget img {
    margin-left: auto;
    margin-right: auto;
}
.footer-widgets-area.col-1 {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
/*--------------------------------------------------------------
# Typography Options
--------------------------------------------------------------*/
.header-font-1 h1,
.header-font-1 h2,
.header-font-1 h3,
.header-font-1 h4,
.header-font-1 h5,
.header-font-1 h6,
.header-font-1 .site-title,
.header-font-1 .main-navigation a,
.header-font-1 #masthead .login-register a,
.header-font-1 .post-navigation a, 
.header-font-1 .posts-navigation a,
.header-font-1 .pagination .page-numbers,
.header-font-1 .pagination .page-numbers.dots:hover,
.header-font-1 .pagination .page-numbers.dots:focus,
.header-font-1 .post-navigation span,
.header-font-1 .posts-navigation span,
.header-font-1 .jetpack_subscription_widget input[type="submit"],
.header-font-1 .jetpack_subscription_widget button[type="submit"],
.header-font-1 .widget_popular_post a time,
.header-font-1 .widget_popular_post time,
.header-font-1 .widget_latest_post a time,
.header-font-1 .widget_latest_post time,
.header-font-1 .widget_featured_post a time,
.header-font-1 .widget_featured_post time,
.header-font-1 #secondary a,
.header-font-1 #secondary li,
.header-font-1 .reply a,
.header-font-1 .btn,
.header-font-1 .trail-items li {
	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 h6,
.header-font-2 .site-title,
.header-font-2 .main-navigation a,
.header-font-2 #masthead .login-register a,
.header-font-2 .post-navigation a, 
.header-font-2 .posts-navigation a,
.header-font-2 .pagination .page-numbers,
.header-font-2 .pagination .page-numbers.dots:hover,
.header-font-2 .pagination .page-numbers.dots:focus,
.header-font-2 .post-navigation span,
.header-font-2 .posts-navigation span,
.header-font-2 .jetpack_subscription_widget input[type="submit"],
.header-font-2 .jetpack_subscription_widget button[type="submit"],
.header-font-2 .widget_popular_post a time,
.header-font-2 .widget_popular_post time,
.header-font-2 .widget_latest_post a time,
.header-font-2 .widget_latest_post time,
.header-font-2 .widget_featured_post a time,
.header-font-2 .widget_featured_post time,
.header-font-2 #secondary a,
.header-font-2 #secondary li,
.header-font-2 .reply a,
.header-font-2 .btn,
.header-font-2 .trail-items li {
	font-family: 'Cherry Swash', sans-serif;
}
.header-font-3 h1,
.header-font-3 h2,
.header-font-3 h3,
.header-font-3 h4,
.header-font-3 h5,
.header-font-3 h6,
.header-font-3 .site-title,
.header-font-3 .main-navigation a,
.header-font-3 #masthead .login-register a,
.header-font-3 .post-navigation a, 
.header-font-3 .posts-navigation a,
.header-font-3 .pagination .page-numbers,
.header-font-3 .pagination .page-numbers.dots:hover,
.header-font-3 .pagination .page-numbers.dots:focus,
.header-font-3 .post-navigation span,
.header-font-3 .posts-navigation span,
.header-font-3 .jetpack_subscription_widget input[type="submit"],
.header-font-3 .jetpack_subscription_widget button[type="submit"],
.header-font-3 .widget_popular_post a time,
.header-font-3 .widget_popular_post time,
.header-font-3 .widget_latest_post a time,
.header-font-3 .widget_latest_post time,
.header-font-3 .widget_featured_post a time,
.header-font-3 .widget_featured_post time,
.header-font-3 #secondary a,
.header-font-3 #secondary li,
.header-font-3 .reply a,
.header-font-3 .btn,
.header-font-3 .trail-items li {
	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 h6,
.header-font-4 .site-title,
.header-font-4 .main-navigation a,
.header-font-4 #masthead .login-register a,
.header-font-4 .post-navigation a, 
.header-font-4 .posts-navigation a,
.header-font-4 .pagination .page-numbers,
.header-font-4 .pagination .page-numbers.dots:hover,
.header-font-4 .pagination .page-numbers.dots:focus,
.header-font-4 .post-navigation span,
.header-font-4 .posts-navigation span,
.header-font-4 .jetpack_subscription_widget input[type="submit"],
.header-font-4 .jetpack_subscription_widget button[type="submit"],
.header-font-4 .widget_popular_post a time,
.header-font-4 .widget_popular_post time,
.header-font-4 .widget_latest_post a time,
.header-font-4 .widget_latest_post time,
.header-font-4 .widget_featured_post a time,
.header-font-4 .widget_featured_post time,
.header-font-4 #secondary a,
.header-font-4 #secondary li,
.header-font-4 .reply a,
.header-font-4 .btn,
.header-font-4 .trail-items li {
	font-family: 'Slabo 27px', sans-serif;
}
.header-font-5 h1,
.header-font-5 h2,
.header-font-5 h3,
.header-font-5 h4,
.header-font-5 h5,
.header-font-5 h6,
.header-font-5 .site-title,
.header-font-5 .main-navigation a,
.header-font-5 #masthead .login-register a,
.header-font-5 .post-navigation a, 
.header-font-5 .posts-navigation a,
.header-font-5 .pagination .page-numbers,
.header-font-5 .pagination .page-numbers.dots:hover,
.header-font-5 .pagination .page-numbers.dots:focus,
.header-font-5 .post-navigation span,
.header-font-5 .posts-navigation span,
.header-font-5 .jetpack_subscription_widget input[type="submit"],
.header-font-5 .jetpack_subscription_widget button[type="submit"],
.header-font-5 .widget_popular_post a time,
.header-font-5 .widget_popular_post time,
.header-font-5 .widget_latest_post a time,
.header-font-5 .widget_latest_post time,
.header-font-5 .widget_featured_post a time,
.header-font-5 .widget_featured_post time,
.header-font-5 #secondary a,
.header-font-5 #secondary li,
.header-font-5 .reply a,
.header-font-5 .btn,
.header-font-5 .trail-items li {
	font-family: 'Dosis', sans-serif;
}

.body-font-1 {
	font-family: 'News Cycle', sans-serif;
}

.body-font-2 {
	font-family: 'Pontano Sans', sans-serif;
}

.body-font-3 {
	font-family: 'Gudea', sans-serif;
}

.body-font-4 {
	font-family: 'Quattrocento Sans', sans-serif;
}

.body-font-5 {
	font-family: 'Khand', sans-serif;
}
/*--------------------------------------------------------------
# 					RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {
	.btn {
		padding: 17px 35px;
		min-width: 202px;
	}
	.buttons {
	    display: flex;
	    align-items: center;
	    flex-direction: row;
	}
	.buttons .btn {
	    margin-bottom: 0;
	    margin-right: 30px;
	}
	.services-list-wrapper.col-2 article,
	.services-list-wrapper.col-3 article {
	    width: 50%;
	    float: left;
	    text-align: left;
	}
	.services-list-wrapper.col-2 article:nth-child(2n+1),
	.services-list-wrapper.col-3 article:nth-child(2n+1) {
		clear: left;
	}
	.services-list-wrapper.col-2 article:nth-last-child(-n+2),
	.services-list-wrapper.col-3 article:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
	.services-list-wrapper.col-2 .service-item .entry-title:after,
	.services-list-wrapper.col-3 .service-item .entry-title:after {
		margin: 20px 0 0;
	}
	.archive-blog-wrapper .entry-meta {
	    margin-bottom: 7px;
	}
	.archive-blog-wrapper .entry-meta > span {
	    display: inline-block;
	    vertical-align: middle;
	    margin-right: 40px;
	    position: relative;
	}
	.archive-blog-wrapper .entry-meta > span:last-child {
		margin-right: 0;
	}
	.archive-blog-wrapper .entry-meta > span:not(:last-child):after {
	    content: "";
	    display: inline-block;
	    vertical-align: middle;
	    background-color: #b9c0ca;
	    width: 5px;
	    height: 5px;
	    border-radius: 5px;
	    position: absolute;
	    top: 17px;
	    right: -25px;
	}
	#page-site-header {
	    padding: 275px 0;
	}
	.footer-widgets-area.col-2 .hentry,
	.footer-widgets-area.col-4 .hentry {
		width: 50%;
		float: left;
	}
	.footer-widgets-area.col-2 .hentry:nth-child(2n+1),
	.footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
		clear: left;
	}
	.footer-widgets-area.col-2 .hentry:nth-child(odd),
	.footer-widgets-area.col-4 .hentry:nth-child(odd) {
		padding-right: 40px;
	}
	.footer-widgets-area.col-2 .hentry:nth-last-child(-n+2),
	.footer-widgets-area.col-4 .hentry:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
}
@media screen and (min-width: 767px) {
	.site-logo img {
	    max-height: 80px;
	    width: auto;
	}
	#page-site-header .page-title {
		font-size: 42px;
		margin: 0 0 5px;
	}
	#introduction-section {
		padding: 0;
	}
	#introduction-section article.no-post-thumbnail .entry-container {
	    width: 100%;
	    padding: 80px 0;
	}
	#introduction-section article {
	    position: relative;
	    display: table;
	    width: 100%;
	}
	#introduction-section .entry-container, 
	#introduction-section .featured-image {
	    width: 50%;
	    display: table-cell;
	}
	#introduction-section .entry-container {
	    float: left;
	    padding: 30px 30px 30px 0;
	}
	#introduction-section .featured-image {
	    padding-bottom: 0;
	    position: absolute;
	    top: 0;
	    right: 0;
        height: 100%;
        margin-bottom: 0;
	}
	.buttons {
	    display: block;
	}
	.buttons .btn {
	    margin-bottom: 15px;
	    margin-right: 0;
	}
	.services-list-wrapper.col-3 article {
	    width: 33.33%;
	}
	.services-list-wrapper.col-3 article:nth-child(2n+1) {
		clear: none;
	}
	.services-list-wrapper.col-3 article:nth-child(3n+1) {
		clear: left;
	}
	.services-list-wrapper.col-3 article:nth-last-child(-n+3) {
		margin-bottom: 0;
	}
	.project-slider .featured-image {
		padding: 150px 0;
	}
	#about-us article.has-post-thumbnail {
	    width: 100%;
	    position: relative;
	    display: table;
	}
	#about-us article.has-post-thumbnail .featured-image,
	#about-us article.has-post-thumbnail .entry-container {
		width: 50%;
		display: table-cell;
	}
	#about-us article.has-post-thumbnail .featured-image {
		padding-bottom: 0;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}
	#about-us article:nth-child(even) .featured-image {
		left: auto;
		right: 0;
	}
	#about-us article.has-post-thumbnail .entry-container {
		float: right;
		text-align: left;
		padding: 50px 0 50px 50px;
	}
	#about-us article:nth-child(even) .entry-container {
		float: left;
		padding: 50px 50px 50px 0;
	}
	.archive-blog-wrapper article.has-post-thumbnail {
	    position: relative;
	    display: table;
	    width: 100%;
	}
	.archive-blog-wrapper article.has-post-thumbnail .featured-image {
		width: 42.6%;
		display: table-cell;
		padding-bottom: 0;
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		border-top-left-radius: 10px;
		border-top-right-radius: 0;
		border-bottom-left-radius: 10px;
	}
	.archive-blog-wrapper article.has-post-thumbnail .entry-container {
		width: 57.4%;
		float: right;
		text-align: left;
	}
	.left-sidebar #primary .archive-blog-wrapper .entry-container,
	.right-sidebar #primary .archive-blog-wrapper .entry-container {
	    padding: 50px;
	}
	#testimonial-section .col-2,
	#testimonial-section .col-3 {
		margin: 0 -15px;
	}
	#testimonial-section .col-2 article,
	#testimonial-section .col-3 article {
	    width: 50%;
	    float: left;
	    padding: 0 15px;
	}
	#testimonial-section .col-2 article:nth-child(2n+1),
	#testimonial-section .col-3 article:nth-child(2n+1) {
		clear: left;
	}
	#testimonial-section .col-2 article:nth-last-child(-n+2),
	#testimonial-section .col-3 article:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
	.comment-navigation .nav-previous, 
	.posts-navigation .nav-previous, 
	.post-navigation .nav-previous {
	    padding-right: 25px;
	}
	.comment-navigation .nav-next, 
	.posts-navigation .nav-next, 
	.post-navigation .nav-next {
		padding-left: 25px;
	}
	.footer-widgets-area.col-3 .hentry {
		margin-bottom: 0;
		width: 33.33%;
		float: left;
	}
	.footer-widgets-area.col-3 .hentry:not(:last-child) {
		padding-right: 40px;
	}
	.site-info.col-2 span {
	    width: 50%;
	    float: left;
	    text-align: left;
        margin: 6px 0;
	}
	.site-info.col-2 span:nth-child(2) {
	    width: 50%;
	    float: right;
	    text-align: right;
	}
	.site-info span + span {
		margin-top: 0;
	}
}
@media screen and (min-width: 992px) {
	.page-section {
		padding: 80px 0;
	}
	.section-title {
		font-size: 52px;
	}
	.entry-title {
		font-size: 32px;
		font-size: 2em;
	}
	.btn {
		font-weight: bold;
		font-size: 18px;
	}
	#introduction-section .entry-container {
	    float: left;
	    padding: 50px 50px 50px 0;
	}
	#introduction-section .entry-title {
	    font-size: 42px;
	}
	#introduction-section .entry-content, 
	#introduction-section .entry-content p {
	    font-size: 22px;
	    line-height: 42px;
	}
	.buttons {
	    display: flex;
	}
	.buttons .btn {
	    margin-bottom: 0;
	    margin-right: 30px;
	}
	.project-slider .entry-container {
		padding: 30px 25px;
	}
	.project-slider.modern-slider .entry-content {
		display: none;
	}
	.project-slider article {
		box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.1);
	}
	.project-slider.modern-slider article.slick-current + article {
		position: relative;
		z-index: 10;
		-webkit-transform: scale(1.30);
		-moz-transform: scale(1.30);
		-ms-transform: scale(1.30);
		-o-transform: scale(1.30);
		transform: scale(1.30);
	}
	.project-slider.modern-slider article.slick-current + article .featured-image {
		padding: 116px 0;
	}	
	.project-slider.modern-slider article.slick-current + article .entry-content {
		display: block;
	}
	.project-slider.modern-slider article.slick-current + article .entry-title {
	    font-size: 26px;
	    margin-bottom: 3px;
	}
	.project-slider.modern-slider article.slick-current + article .entry-content {
	    font-size: 14px;
	    line-height: 28px;
	    margin-top: 15px;
	}
	.project-slider.modern-slider article.slick-current + article .post-categories a {
	    font-size: 14px;
	}
	.project-slider.modern-slider .slick-list {
		padding: 90px 0;
	}
	#about-us .entry-header .entry-title {
		font-size: 52px;
		margin-bottom: 40px;
	}
	#about-us .entry-content {
		margin-bottom: 40px;
	}
	#about-us .entry-title:after {
	    margin-top: 40px;
	}
	.archive-blog-wrapper .entry-container {
	    padding: 60px;
	    padding-right: 130px;
	    position: relative;
	}
	.archive-blog-wrapper .entry-title {
	    margin-bottom: 28px;
	}
	.archive-blog-wrapper .entry-content {
	    margin-bottom: 38px;
	}
	.archive-blog-wrapper .section-header {
	    margin-bottom: 63px;
	}
	.each-faq > .faq-trigger {
	    display: block;
	    background-color: #fff;
    	padding: 25px 40px;
    	border-radius: 10px;
    	box-shadow: 0px 40px 50px 0px rgba(0, 0, 0, 0.1);
    	cursor: pointer;
	    margin-bottom: 25px;
    	display: flex;
	    align-items: center;
	    flex-direction: row;
	    justify-content: space-between;
	}
	.each-faq.open > .faq-trigger {
	    display: none;
	}
	.each-faq.open .faq-trigger.trigger-icon {
	    display: block;
	}
	.faq-trigger h4 {
	    font-size: 32px;
	    margin: 0;
	}
	.archive-blog-wrapper .faq-trigger .entry-meta {
		margin: 0;
	}
	.trigger-icon {
	    border: 2px solid #2644a6;
	    border-radius: 50%;
	    width: 60px;
	    height: 60px;
	    line-height: 50px;
	    text-align: center;
	}
	.trigger-icon svg {
	    width: 25px;
	    height: 25px;
	    fill: #2644a6;
	}
	.entry-container .trigger-icon {
	    position: absolute;
	    top: 40px;
	    right: 40px;
	    cursor: pointer;
	}
	.faq-trigger .trigger-icon svg {
		fill: #f95027;
	    -webkit-transform: rotate(-180deg);
	    -moz-transform: rotate(-180deg);
	    -ms-transform: rotate(-180deg);
	    -o-transform: rotate(-180deg);
	    transform: rotate(-180deg);
	}
	.faq-trigger .trigger-icon {
		line-height: 56px;
		border-color: #f95027;
	}
	#testimonial-section .col-3 article {
	    width: 33.33%;
	}
	#testimonial-section .col-3 article:nth-child(2n+1) {
		clear: none;
	}
	#testimonial-section .col-3 article:nth-child(3n+1) {
		clear: left;
	}
	#testimonial-section .col-3 article:nth-last-child(-n+3) {
		margin-bottom: 0;
	}
	.footer-widgets-area.page-section {
	    padding-bottom: 50px;
	}
	.footer-widgets-area.col-4 .hentry {
	    width: 25%;
		padding-right: 40px;
	}
	.footer-widgets-area.col-5 .hentry:first-child {
	    width: 28%;
	    padding-right: 55px;
	}
	.footer-widgets-area.col-5 .hentry {
		width: 18%;
		float: left;
	    padding-right: 25px;
	}
	.footer-widgets-area.col-4 .hentry:last-child {
		padding-right: 0;
	}
	.footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
	    clear: none;
	}
	.footer-widgets-area.col-4 .hentry:nth-child(4n+1),
	.footer-widgets-area.col-5 .hentry:nth-child(5n+1) {
	    clear: left;
	}
	.footer-widgets-area.col-4 .hentry:nth-last-child(-n+4) {
		margin-bottom: 0;
	}
	.footer-widgets-area.col-4 .hentry {
	    width: 20%;
	}
	.footer-widgets-area.col-4 .hentry:first-child {
	    width: 40%;
	    padding-right: 100px;
	}
	.comments-title, 
	#reply-title {
		font-size: 42px;
	}
}
@media screen and (min-width: 1024px) {
	#masthead .social-icons li:not(:last-child) {
	    margin-right: 15px;
	}
	#masthead .social-icons {
	    margin: 0;
	}
	#sign-up {
	    float: right;
	    text-align: right;
	    max-width: 32%;
	    width: 32%;
        padding: 9px 0;
	}
	.menu-overlay.active {
		display: none;
	}
	#sign-up .login-register {
	    display: inline-block;
	}
	.site-branding {
	    text-align: left;
	    float: left;
	    max-width: 25%;
	    width: 25%;
	    display: flex;
	    align-items: center;
	    min-height: 70px;
	}
	.main-navigation li.login-register-item {
	    margin-left: 15px;
        vertical-align: middle;
	}
	.main-navigation .nav-menu > li > a > svg {
		fill: #fff;
	}
	#site-menu .search-menu {
		display: none;
	}
	#search-menu a svg {
	    fill: #949494;
	}
	.main-navigation {
	    float: right;
	    max-width: 75%;
	    width: 75%;
        display: block !important;
        text-align: right;
	}
	.main-navigation a,
	.main-navigation ul.nav-menu > li > a {
		color: #fff;
	}
	.main-navigation li.menu-item-has-children:hover > a > svg, 
	.main-navigation li.menu-item-has-children > a:hover > svg,
	.main-navigation ul#primary-menu .focus > a > svg {
		fill: #f95027;
	}
	#masthead .main-navigation ul#primary-menu li.current-menu-item > a,
	#masthead .main-navigation ul.nav-menu > li > a:hover,
	#masthead .main-navigation ul.nav-menu > li > a:focus,
	.main-navigation ul#primary-menu li:hover > a,
	.main-navigation ul#primary-menu li:focus > a,
	.main-navigation ul#primary-menu .focus > a   {
		color: #f95027;
	}
	.main-navigation ul#primary-menu > li.current-menu-item > a > svg {
		fill: #f95027;
	}
	.main-navigation ul.nav-menu {
		display: block !important;
	    height: auto !important;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: auto;
		right: 0;
	}
	.main-navigation ul li:hover > ul:before {
	    content: "";
	    border-left: 10px solid transparent;
	    border-right: 10px solid transparent;
	    border-bottom: 10px solid #fff;
	    position: absolute;
	    top: -10px;
	    right: 8px;
	    width: 5px;
	}
	.main-navigation ul ul li:hover > ul:before {
		display: none;
	}
	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: auto;
		right: 100%;
	}
	.main-navigation ul.sub-menu li a {
		border-bottom: none;
	}
	.main-navigation ul ul li:not(:last-child) {
	    border-bottom: 1px solid #ddd;
	}
	.main-navigation ul ul {
	    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	}
	.main-navigation ul.sub-menu li:hover > a,
	.main-navigation ul.sub-menu li:focus > a {
		background-color: #f95027;
		color: #fff;
	}
	.main-navigation ul.sub-menu > li:last-child > a {
		border-bottom: none;
	}
	.main-navigation li.search-menu {
		display: none;
	}
	#masthead .social-icons li a svg,
	#masthead .social-icons li a:hover svg,
	#masthead .social-icons li a:focus svg {
		fill: #fff;
	}
	.main-navigation .search-active .icon-search {
		display: none;
	}
	.main-navigation .search-active .icon-close {
		display: inline-block;
	}
	#masthead .main-navigation ul ul li.menu-item-has-children > a {
	    padding-right: 35px;
	}
	#masthead .main-navigation ul ul li a svg {
	    display: inline-block;
	    top: 17px;
	    -webkit-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	    transform: rotate(90deg);
	}
	.main-navigation ul#primary-menu ul li.current-menu-item > a,
	.main-navigation ul#primary-menu ul li:hover > a,
	.main-navigation ul#primary-menu ul li:focus > a {
	    color: #fff;
	}
	.main-navigation ul ul li.menu-item-has-children:hover > a > svg, 
	.main-navigation ul ul li.menu-item-has-children > a:hover > svg {
		fill: #fff;
	}
	button.dropdown-toggle,
	.menu-toggle {
		display: none;
	}



	.main-navigation ul {
		display: block;
	}
	.main-navigation li {
	    display: inline-block;
	}
	.main-navigation .left-menu {
	    padding-left: 50px;
	}
	.main-navigation ul.nav-menu > li.left-menu > a,
	.main-navigation ul.nav-menu > li.right-menu > a {
		padding-left: 5px;
		padding-right: 5px;
	}
	.main-navigation li.left-menu + li.right-menu:before {
	    content: "/";
	    position: absolute;
	    top: 50%;
	    margin-left: -6px;
	    color: #fff;
	    margin-top: -1px;
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
	.main-navigation form.search-form {
	    border: 20px solid #333;
	}
	.main-navigation form.search-form input {
	    background-color: #fff;
	    border-color: #fff;
	    color: #333;
	}
	.main-navigation form.search-form svg.icon-search {
		fill: #333;
	}
	.menu-sticky #masthead.nav-shrink {
		position: sticky;
	    top: 0;
	    padding: 15px 0;
	    z-index: 3000;
	    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.30);
	}
	.customize-support.menu-sticky #masthead.nav-shrink {
	    top: 32px;
	}
	#introduction-section .featured-image img {
		max-height: 600px;
	}
	.service-item {
	    padding: 35px;
	    border-bottom: 5px solid transparent;
	    border-radius: 8px;
		-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;
	}
	.services-list-wrapper article:hover .service-item {
		border-bottom-color: #f95027;
		box-shadow: 0px 40px 50px 0px rgba(0, 0, 0, 0.1); 
	}
	#page-site-header .page-title {
		font-size: 52px;
	}
	.no-sidebar nav.navigation.pagination {
	    text-align: center;
	}
	.right-sidebar #primary,
	.left-sidebar #primary {
    	width: 70%;
    	float: left;
	    padding-right: 30px;
    }
    .right-sidebar #secondary,
    .left-sidebar #secondary {
    	width: 30%;
    	float: left;
    }
	.left-sidebar #primary {
		padding-left: 30px;
		padding-right: 0;
		float: right;
	}
    .no-sidebar #primary {
    	width: 100%;
    	float: none;
    	padding-right: 0;
    }
    .boxed-layout #page {
	    max-width: 1200px;
	    width: 90%;
	    margin-left: auto;
	    margin-right: auto;
        background-color: #fff;
	}
	.frame-layout #page {
		background-color: #fff;
	}
	.frame-layout {
		max-width: 1600px;
		width: 90%;
		margin: 50px auto;
	}
}
@media screen and (min-width: 1200px) {
	#page-site-header {
	    padding: 0;
	    height: 100vh;
	}
	#introduction-section .featured-image {
		width: 44.7%;
	}
	#introduction-section .entry-container {
		width: 55.3%;
	    padding: 75px 100px 75px 0;
	}
	#introduction-section .entry-title {
	    font-size: 72px;
	    line-height: 1.05;
	    margin-bottom: 30px;
	}
	#introduction-section .wrapper {
	    position: relative;
	    z-index: 10;
	}
	.introduction-section-enabled img.triangle {
		display: block;
	}
	#masthead .wrapper {
		position: relative;
		z-index: 3000;
	}
	#about-us article.has-post-thumbnail .entry-container {
		padding: 70px 0 70px 80px;
	}
	#about-us article:nth-child(even) .entry-container {
		padding: 70px 100px 70px 35px;
	}
	#about-us article {
		margin-bottom: 70px;
	}
	.archive-blog-wrapper .entry-container {
	    padding: 80px;
	    padding-right: 130px;
	}
}
@media screen and (min-width: 1900px) {
	body, button, input, select, textarea {
	    font-size: 18px;
	    line-height: 35px;
	}
	.wrapper {
	    max-width: 1440px;
	}
	.main-navigation ul.nav-menu > li > a {
	    padding: 22px 12px;
	}
	#masthead .login-register a {
		padding: 15px 50px;
	}
	.page-section {
		padding: 93px 0 100px;
	}
	#introduction-section .entry-container {
		padding: 145px 130px 160px 0;
	}
	#introduction-section .entry-title {
	    font-size: 82px;
	    margin-bottom: 40px;
	}
	#introduction-section .entry-content {
	    margin-bottom: 35px;
	}
	.service-item {
	    padding: 50px;
	}
	.project-slider .featured-image {
	    padding: 213px 0 212px;
	}
	.project-slider.modern-slider .slick-list {
		padding: 90px 0 100px;
	}
	.project-slider.modern-slider article.slick-current + article .featured-image {
	    padding: 163px 0;
	}
	.project-slider .entry-container {
	    padding: 40px;
	}
	.project-slider.modern-slider article.slick-current + article .entry-content {
		font-size: 14px;
		margin-top: 10px;
	}
	.project-slider.modern-slider article.slick-current + article .entry-title {
		font-size: 28px;
		margin-bottom: 0;
	}
	#about-us article.has-post-thumbnail .entry-container {
		padding: 118px 0 119px 150px;
	}
	#about-us article:nth-child(even) .entry-container {
		padding: 118px 175px 119px 35px;
	}
	#about-us article {
		margin-bottom: 100px;
	}
	#about-us .has-post-thumbnail .entry-content {
		max-width: 475px;
	}
	.archive-blog-wrapper .entry-container {
		padding: 100px;
		padding-right: 130px;
	}
	.each-faq > .faq-trigger {
		padding: 45px 50px;
	}
	.entry-container .trigger-icon {
		top: 50px;
		right: 50px;
	}
	.archive-blog-wrapper .section-content + .read-more,
	#testimonial-section .read-more {
	    margin-top: 70px;
	}
	#subscribe-now {
	    padding: 113px 0 110px;
	}
	#secondary .widget:not(:last-child) {
	    margin-bottom: 50px;
	}
	.right-sidebar #primary {
	    padding-right: 50px;
    }
    .left-sidebar #primary {
	    padding-left: 50px;
    }
	.footer-widgets-area.col-3 .hentry:not(:last-child),
	.footer-widgets-area.col-2 .hentry:nth-child(odd) {
		padding-right: 100px;
	}
	.footer-widgets-area.page-section {
		padding-bottom: 80px;
	}
	.boxed-layout #page {
	    max-width: 1600px;
	    width: 90%;
	}
	.site-info.col-3 span, 
	.site-info.col-3 .social-icons {
	    width: 15%;
	}
	.site-info.col-3 .custom-menu {
	    width: 70%;
	}
}
@media screen and (max-width: 1200px) {
	#masthead {
		z-index: 3000;
	}
	.main-navigation ul.nav-menu > li > a {
	    padding: 22px 4px;
	}
	#masthead .login-register a {
	    padding: 12px 25px;
	}
	.main-navigation li.login-register-item {
	    margin-left: 5px;
	}
	.main-navigation .login-register-item ul li:not(:last-child) {
	    margin-right: 5px;
	}
}
@media screen and (max-width: 1023px) {
	button.menu-toggle:focus{
		outline: solid;
	}
	#masthead {
		padding: 15px 0;
	}
	.main-navigation a {
	    border-bottom: 1px solid #eee;
	}
	.main-navigation li.login-register-item {
	    margin-left: 0;
	}
	.main-navigation ul ul a {
	    width: 100%;
	}
	.main-navigation ul ul,
	.main-navigation ul ul ul {
	    box-shadow: none;
	    float: none;
	    position: relative;
	    top: 0;
	    left: 0;
	    margin-bottom: 0;
	    display: none;
	}
	.main-navigation ul.sub-menu li {
	    padding-right: 0;
	}
	.main-navigation .menu-item-has-children > a:before {
	    content: "";
	    float: right;
	    position: relative;
	    right: 25px;
	    background-color: #ccc;
	    width: 1px;
	    height: 25px;
	}
	.main-navigation .menu-item-has-children > a:after {
	    padding-top: 3px;
	}
	.main-navigation ul.nav-menu > li > a,
	.main-navigation ul.sub-menu li a {
	    padding: 15px 15px 15px 25px;
	}
	.main-navigation ul.sub-menu li a {
		padding-left: 50px;
	}
	.main-navigation ul.sub-menu ul li a {
		padding-left: 75px;
	}
	.main-navigation ul.sub-menu ul ul li a {
		padding-left: 100px;
	}
	.main-navigation ul.sub-menu ul ul ul li a {
		padding-left: 125px;
	}
	.main-navigation .menu-item-has-children a svg {
		display: none;
	}
	.main-navigation ul.sub-menu li a {
		border-left: none;
	}
	.main-navigation ul.nav-menu {
	    margin-right: 0;
	    background-color: #fff;
	    border-top: 1px solid #eee;
	}
	.main-navigation {
		position: static;
	}
	.main-navigation a {
		color: #2644a6;
	}
	.main-navigation svg.icon-search,
	.main-navigation svg.icon-down {
		fill: #333;
	    margin-top: -5px;
	}
	.main-navigation ul.sub-menu {
		border: none;
	}
	#masthead.site-header .main-navigation {
	    margin-top: 0;
	    position: absolute;
	    z-index: 3;
	    max-width: 100%;
	    top: 100%;
	    left: auto;
	    right: 0;
	    width: 100%;
	    display: none;
	}
	.main-navigation .search-menu a {
	    display: none;
	}
	.main-navigation form.search-form input {
	    background-color: #fff;
	    border: none;
	    min-height: 55px;
	}
	.main-navigation form.search-form button.search-submit {
		height: 59px;
	}
	.main-navigation form.search-form input {
		padding-left: 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: 28px;
	}
	#testimonial-section article {
	    margin-bottom: 30px;
	}
	#testimonial-section article:last-child {
	    margin-bottom: 0;
	}
	.testimonial-item {
	    border-bottom-color: #f95027;
		box-shadow: 0px 40px 50px 0px rgba(0, 0, 0, 0.1);
	}
	#sign-up {
		display: none;
	}
	.main-navigation li.login-register-item {
	    padding: 25px;
	}
	#masthead .main-navigation .login-register li:first-child a {
		color: #5680f9;
	}
	#masthead .main-navigation .login-register a:hover,
	#masthead .main-navigation .login-register a:focus {
		background-color: #f95027;
		border-color: #f95027;
		color: #fff;
	}
	#masthead .main-navigation .login-register li:first-child a:hover,
	#masthead .main-navigation .login-register li:first-child a:focus {
	    background-color: #5680f9;
	    border-color: #5680f9;
	    color: #fff;
	}
	#secondary {
	    margin-top: 50px;
	}
}

@media screen and (max-width: 992px) {
	.project-slider .entry-title {
		font-size: 22px;
	}
	.faq-content {
	    display: block !important;
	}
	.trigger-icon {
	    display: none;
	}
	.comments-title, 
	#reply-title {
	    font-size: 28px;
	}
}
@media screen and (max-width: 767px) {
	#masthead.site-header .main-navigation ul.nav-menu {
		max-width: 100%;
	}
	#introduction-section .featured-image:before {
		display: none;
	}
	.jetpack_subscription_widget #subscribe-submit {
	    position: relative;
	    text-align: center;
	    right: auto;
	    left: auto;
	    margin: 25px auto 0;
        display: block;
	}
	.jetpack_subscription_widget input[type="email"] {
	    padding: 2px 30px 0 30px;
	    max-width: 500px;
	    margin-left: auto;
	    margin-right: auto;
	}
	.jetpack_subscription_widget form {
		text-align: center;
	}
	.comment-navigation .nav-previous, 
	.posts-navigation .nav-previous, 
	.post-navigation .nav-previous,
	.comment-navigation .nav-next, 
	.posts-navigation .nav-next, 
	.post-navigation .nav-next {
		width: 100%;
    	margin: 15px 0;
	}
	.post-navigation span.previous-article b, 
	.post-navigations span.previous-article b, 
	.post-navigation span.next-article b, 
	.post-navigations span.next-article b {
		font-size: 18px;
	}
	.comment-wrap {
	    margin-left: 0;
	}
	#commentform p.comment-form-comment,
	#commentform p.form-submit {
		margin-top: 21px;
	}
	.comments-title, 
	#reply-title {
	    font-size: 26px;
	}
	#comments {
	    margin-top: 40px;
	}
	.comment-content {
		margin-left: 0;
	    margin-top: 25px;
	    padding: 15px 20px;
	}
	.reply {
		padding-left: 0;
	}
	#comments ol.children {
	    margin-left: 25px;
	}
	.comment-meta .fn {
	    margin-left: 0;
	    margin-top: 10px;
	}
}
@media screen and (max-width: 567px) {
	.menu-label {
		display: none;
	}
	.menu-toggle {
		height: 60px;
	}
	.site-logo img {
	    max-height: 70px;
	    width: auto;
	}
	.site-branding {
	    display: block;
	}
	.site-logo {
	    margin-right: 0;
	}
	.site-logo + #site-identity {
	    margin-top: 15px;
	}
	.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;
	}
	#colophon .widget-title:before, 
	#colophon .widgettitle:before {
		right: 0;
	}
	.footer-widgets-area .hentry:last-child,
	.footer-widgets-area.col-3 .hentry:last-child {
		margin-bottom: 0;
	    padding-right: 0;
	}
	.custom-menu ul li {
	    display: block;
	    margin: 0 0 10px;
	}
	.footer-widgets-area {
		text-align: center;
	}
	.textwidget img {
		margin-left: auto;
		margin-right: auto;
	}
}

.wp-block-latest-posts.wp-block-latest-posts__list{
	list-style: disc;
	padding-left: 1.5em;
}

.wp-block-latest-comments__comment {
    list-style: disc;
}

.wp-block-latest-comments article{
	margin-bottom: 0px;
}