/*!
Theme Name: Franchise
Theme URI: https://themepalace.com/downloads/franchise/
Author: Moral Themes
Author URI: https://www.moralthemes.com
Description: Franchise is a corporate business WordPress theme. If you are having an online presence and struggling in finding the right theme for your needs then Franchise is the right theme for you. The corporative look and elegant design make sure that your business portfolio stands out among the pool of online portfolios. The niche purpose of the theme is to contemplate your business as all the features like partner, testimonial, blog, services and many more serves for your business portfolio. Other main features like "Drag and Drop" for sections and easy demo importer are the key features to setup your site in a jiffy.
Version: 1.1.7
Requires PHP: 5.6
Tested up to: 6.0
Requires at least: 5.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: franchise
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, portfolio, blog

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.

Franchise is based on Underscores https://underscores.me/, (C) 2012-2017 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 https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Preloader
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Comments
# Infinite scroll
# Layouts and Titles
# Media
  ## Captions
  ## Galleries
# Social Icons
# Breadcrumb List
# Homepage Sections
  ## Featured Slider Section
  ## About Us Section
  ## Services Section
  ## Projects Section
  ## Testimonial Section
  ## Partners Logo Section
  ## Latest News 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: #ff8737;}
    25% {height:30px;transform:translateY(15px);background: #ff8737;}
    50% {height:5px;transform:translateY(0px);background: #ff8737;}
    100% {height:5px;transform:translateY(0px);background: #ff8737;}
}

.backtotop {
    background-color: #ff8737;
    z-index: 300;
    width: 40px;
    height: 40px;
    line-height: 40px;
    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: #1c2b42;
}
.backtotop svg {
    display: inline-block;
    vertical-align: middle;
    fill: #fff;
}

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

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

/* Animation */

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animaton-enable .animated {
    animation-duration: 1.5s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-fill-mode: both
}

.animaton-enable .animatedFadeInUp {
    opacity: 0
}

.animaton-enable .fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust:     100%;
}

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

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

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

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

#content {
    position: relative;
}

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

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

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

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

mark {
  background: #ff0;
  color: #1c2b42;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

figure {
  margin: 1em 40px;
}

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

pre {
  overflow: auto;
}

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

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

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

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

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

th {
  color: #1c2b42;
}

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

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

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

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

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

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

big {
  font-size: 125%;
}

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

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

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

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

blockquote p {
    margin: 0;
}

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

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

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

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

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

dd {
  margin: 0 1.5em 1.5em;
}

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

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

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, .8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
  text-decoration: none;
}

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;
  text-decoration: none;
}

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

select {
  border: 1px solid #ccc;
}

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

textarea {
  width: 100%;
}

textarea,
#respond input,
.wpcf7 input {
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 0;
    height: 40px;
    padding: 0 15px;
}
#respond input {
  border: none;
    min-height: 50px;
}
#respond input[type="checkbox"], 
input[type="checkbox"] {
    min-height: auto;
    height: auto;
}
#respond textarea {
    height: 200px;
    padding: 10px 15px;
    border: none;
    background-color: #f5f0ee;
}
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"] {
    background-color: #f5f0ee;
}
#respond input[type="submit"] {
    background-color: #ff8737;
    color: #fff;
    border: none;
    width: auto;
    min-width: 103px;
    min-height: 50px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#respond input[type="submit"]:hover,
#respond input[type="submit"]:focus {
  background-color: #1c2b42;
}
p.form-submit {
    clear: both;
    display: inline-block;
    position: relative;
}
.comment-notes {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 20px;
}
#respond label {
    color: #273238;
    margin-bottom: 5px;
    display: inline-block;
}
#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: 5px;
}
#respond .comment-form-cookies-consent label, 
.comment-form-cookies-consent label {
    display: table;
    margin: 0;
    line-height: 1;
}
#commentform p {    
    margin-bottom: 21px;
}
#commentform p.comment-form-comment {
    margin-bottom: 0;
}
#commentform p.form-submit {
  margin: 30px 0 0;
}
#comments {
    margin: 60px 0 0;
}
#respond {
    margin-top: 50px;
}
em.comment-awaiting-moderation {
    display: none;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #ff8737;
  text-decoration: underline;
}

a:hover,
a:focus,
a:active {
  color: #1c2b42;
}

a:focus {
  outline: thin dotted;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead {
    position: relative;
    width: 100%;
    z-index: 3000;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.site-branding {
    float: left;
    padding: 15px 0;
    display: flex;
    align-items: center;
    min-height: 100px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.site-title {
    font-size: 32px;
    margin: 0;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.3;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.site-title a {
    color: #1c2b42;
    font-weight: 400;
    text-decoration: none;
}
.site-title a:hover,
.site-title a:focus {
  color: #ff8737;
}
.site-description {
    margin: 5px 0 0;
    line-height: 1.5;
}
.site-logo img {
    max-height: 65px;
    width: auto;
}
.site-logo {
    margin-right: 15px;
}
.main-navigation {
  display: block;
    position: relative;
    float: right;
}
.main-navigation ul#primary-menu li.current-menu-item > a {
  font-weight: 600;
}
.main-navigation ul#primary-menu li.current-menu-item > a,
.main-navigation ul#primary-menu li:hover > a,
.main-navigation ul#primary-menu li:focus > a {
    color: #ff8737;
}
.main-navigation ul#primary-menu li:hover > svg,
.main-navigation ul#primary-menu li:focus > svg,
.main-navigation li.menu-item-has-children:hover > a > svg,
.main-navigation li.menu-item-has-children > a:hover > svg,
.main-navigation li.menu-item-has-children > a:focus > svg,
.main-navigation ul#primary-menu > li.current-menu-item > a > svg {
    fill: #ff8737;
}
.main-navigation ul ul {
    background-color: #fff;
    text-align: left;
    padding: 0;
}
.header-color-scheme-black .main-navigation ul ul {
    background-color: #222;
}
.main-navigation ul.sub-menu li a {
    padding: 8px 15px;
    color: #1c2b42;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
}
.header-color-scheme-black .main-navigation ul.sub-menu li a {
    border-bottom-color: rgba(238, 238, 238, 0.3);
}
.header-color-scheme-black .main-navigation ul.sub-menu li a {
    color: #fff;
}
.header-alignment-modern .main-navigation:before {
    content: "";
    background-color: #eee;
    width: 3000px;
    height: 1px;
    display: block;
    position: absolute;
    left: -500px;
    right: -500px;
}
.header-color-scheme-black.header-alignment-modern .main-navigation:before {
    background-color: #333;
}
.header-color-scheme-black.header-alignment-modern .main-navigation svg.icon-search, 
.header-color-scheme-black.header-alignment-modern .main-navigation svg.icon-close {
    fill: #fff;
}
.header-alignment-modern .site-branding {
    display: block;
    text-align: center;
    float: none;
    min-height: auto;
    max-width: 100%;
}
.header-alignment-modern.menu-sticky #masthead.nav-shrink .site-branding {
    min-height: auto;
}
.header-alignment-modern .main-navigation {
    float: none;
    text-align: center;
}
.header-alignment-modern .menu-toggle {
    margin-left: auto;
    margin-right: auto;
}
.main-navigation ul.sub-menu a:after {
  float: right;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation li {
  position: relative;
}

.main-navigation ul.nav-menu > li > a {
    text-transform: uppercase;
    padding: 41px 7px;
    color: #1c2b42;
}
.main-navigation form.search-form input {
    background-color: #1c2b42;
    border-color: #1c2b42;
    color: #1c2b42;
    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: #ff8737;
}
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation ul.nav-menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:focus {
    color: #ff8737;
}
.main-navigation ul.nav-menu {
    margin-right: -25px;
}
.main-navigation a {
  display: block;
    text-decoration: none;
  font-weight: bold;
  color: #1c2b42;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
}
.main-navigation ul ul {
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul a {
  width: 225px;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
  color: #1c2b42;
}
form.search-form {
    width: 100%;
    max-width: 100%;
    position: relative;
}
.main-navigation form.search-form {
    min-width: 320px;
}
input.search-field {
    height: 45px;
    border-radius: 0;
    padding: 0 50px 0 15px;
    width: 100%;
}
.main-navigation svg.icon-close {
    display: none;
}
svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
svg.icon-search,
svg.icon-close {
    width: 15px;
    height: 15px;
    fill: #1c2b42;
}
.header-color-scheme-black.classic-menu .main-navigation svg.icon-search {
  fill: #fff;
}
.header-color-scheme-black.classic-menu .main-navigation .search-menu a:hover svg.icon-search  {
  fill: #ff8737;
}
.main-navigation svg.icon-down {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    fill: #1c2b42;
}
.main-navigation .sub-menu svg {
    width: 12px;
    height: 12px;
    fill: #1c2b42;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}
.menu-toggle {
    border-radius: 0;
    font-size: 16px;
    margin: auto;
    display: block;
    height: 100px;
    position: relative;
    background-color: transparent;
    min-width: 64px;
    border: none;
    margin-right: -15px;
}
.menu-label {
    float: right;
    color: #1c2b42;
    padding: 7px 0 0 10px;
    display: none;
}
.menu-open .menu-label {
    padding-top: 2px;
}
.menu-open .menu-toggle {
    padding-top: 10px;
}
svg.icon-menu {
    fill: #1c2b42;
    width: 30px;
    height: 30px;
    vertical-align: baseline;
}
.header-color-scheme-black svg.icon-menu {
    fill: #fff;
}
.menu-open svg.icon-menu {
    display: none;
}
button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    height: 55px;
    line-height: 62px;
}
.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;
}
.header-color-scheme-black .menu-overlay.active {
    background-color: #fff;
}
.header-color-scheme-black #masthead {
    background-color: #111;
}
.header-color-scheme-black .site-title a,
.header-color-scheme-black .site-description,
.header-color-scheme-black .main-navigation ul.nav-menu > li > a {
    color: #fff;
}
.header-color-scheme-black .main-navigation svg.icon-down {
    fill: #fff;
}
.header-color-scheme-black .site-title a:hover,
.header-color-scheme-black .site-title a:focus {
    opacity: 0.8;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0;
    background-color: #f5f0ee;
    clear: both;
    display: table;
    width: 100%;
    padding: 20px;
}

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

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
  position: relative;
}
.post-navigation a, 
.posts-navigation a {
    font-weight: 400;
    color: #ff8737;
}
.post-navigation a:hover, 
.posts-navigation a:hover,
.post-navigation a:focus, 
.posts-navigation a:focus {
  color: #1c2b42;
}
.post-navigation, 
.posts-navigation {
    padding: 0;
    position: relative;
}
.blog .navigation.posts-navigation, 
.archive .navigation.posts-navigation,
.blog .navigation.post-navigation, 
.archive .navigation.posts-navigation,
.search .navigation.posts-navigation, 
.search .navigation.posts-navigation {
    margin-top: 50px;
    max-width: 100%;
    clear: both;
    display: inline-block;
    width: 100%;
}
.pagination .page-numbers,
.pagination .page-numbers.dots:hover,
.pagination .page-numbers.dots:focus {
    text-align: center;
    line-height: 35px;
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 5px;
    color: #ff8737;
    background-color: #ffe2cf;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
    color: #fff;
    background-color: #ff8737;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
  margin-right: 25px;
  width: auto;
    height: auto;
    position: relative;
    top: 2px;
    background-color: transparent;
    color: #ff8737;
}
.pagination .page-numbers.prev:hover, 
.pagination .page-numbers.next:hover,
.pagination .page-numbers.prev:focus, 
.pagination .page-numbers.next:focus {
  color: #1c2b42;
  background-color: transparent;
}
.pagination .page-numbers.prev:hover svg, 
.pagination .page-numbers.next:hover svg {
  fill: #1c2b42;
}
.pagination .prev.page-numbers svg,
.pagination .next.page-numbers svg {
    display: inline-block;
    vertical-align: middle;
    fill: #ff8737;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 12px;
    height: 12px;
    margin-right: 7px;
}
.pagination .next.page-numbers svg {
  margin-left: 7px;
  margin-right: 0;
  -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.pagination .page-numbers.next {
  margin-left: 18px;
  margin-right: 0;
    background-color: transparent;
}
.prev.page-numbers svg,
.next.page-numbers svg {
    fill: #cecece;
}
.nav-previous span {
    padding-left: 30px;
    float: left;
    text-align: left;
}
.nav-next span {
    padding-right: 30px;
    float: right;
    text-align: right;
}
.navigation .nav-previous svg {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    top: 7px;
    left: 0;
}
.navigation .nav-next svg {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    top: 8px;
    right: 0;
}
.post-navigation span,
.posts-navigation span {
    display: table;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

form.search-form button.search-submit {
    height: 45px;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    border-radius: 0;
}
.widget_search form.search-form button.search-submit {
    width: 50px;
    height: 50px;
    color: #fff;
}
.widget_search form.search-form button.search-submit svg {
  fill: #b9b9b9;
  width: 16px;
    height: 16px;
}
.widget_search form.search-form button.search-submit:hover svg,
.widget_search form.search-form button.search-submit:focus svg,
.search-no-results form.search-form button.search-submit:hover svg {
  fill: #ff8737;
}
.widget_search form.search-form input {
  border: none;
}
.widget_search form.search-form input,
.widget_block.widget_search .wp-block-search__input  {
    padding: 0 40px 0 15px;
    height: 50px;
    background-color: #f6f6f6;
}
.wp-block-search__button:hover,
.wp-block-search__button:focus {
  background-color: #ff8737;
  border-color: #ff8737;
  color: #fff;
}
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: 16px;
    margin: 0 0 32px;
}

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

.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 {
  text-align: right;
  clear: both;
  display: table;
}
.widget.widget_archive li a {
  float: left;
}
#secondary .widget ul li a:hover {
    text-decoration: underline;
}
#secondary .widget-title,
#secondary .widgettitle,
#secondary .widget.widget_block h1,
#secondary .widget.widget_block h2,
#secondary .widget.widget_block h3,
#secondary .widget.widget_block h4 {
  font-size: 20px;
    margin-bottom: 20px;
    margin-top: 0;
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 14px 0;
    font-weight: 500;
    background-color: #f5f0ee;
}
#secondary .widget:not(:last-child) {
    margin-bottom: 43px;
}
#secondary ul li a {
    color: #1c2b42;
}
#secondary ul li a:hover,
#secondary ul li a:focus {
    color: #ff8737;
}
input[type="submit"] {
    background-color: #1c2b42;
    color: #fff;
    font-size: 14px;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
  background-color: #ff8737;
}
.jetpack_subscription_widget form {
    position: relative;
}
.jetpack_subscription_widget input[type="email"] {
    width: 100%;
    min-height: 65px;
    padding: 15px 160px 15px 20px;
    background-color: #e7f4fb;
    border-color: #e7f4fb;
}
.jetpack_subscription_widget input[type="submit"] {
    min-width: 100px;
    text-align: center;
    background-color: #0287d2;
    border-radius: 0;
    min-height: 50px;
    padding: 11px 30px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 500;
    font-size: 14px;
    border: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.jetpack_subscription_widget input[type="submit"]:hover,
.jetpack_subscription_widget input[type="submit"]:focus {
  background-color: #ff8737;
}
.jetpack_subscription_widget #subscribe-text {
    display: inline-block;
}
.jetpack_subscription_widget #subscribe-text p {
    margin-top: 0;
    line-height: 25px;
}
.jetpack_subscription_widget #subscribe-submit {
    display: inline-block;
    margin: 0;
    position: relative;
}
.widget_popular_post ul,
.widget_latest_post ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
    display: table;
}
.widget.widget_popular_post ul li,
.widget.widget_latest_post ul li {
    clear: both;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.widget.widget_popular_post ul li:last-child,
.widget.widget_latest_post ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.widget_popular_post h3,
.widget_latest_post h3 {
    font-size: 16px;
    line-height: 1.5;
    display: table-row;
    letter-spacing: 0.01em;
}
.widget_popular_post h3 a,
.widget_latest_post h3 a {
  display: block;
}
.widget_popular_post time,
.widget_latest_post time {
    margin-top: 5px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
}
.widget_popular_post h3 a,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time {
    color: #1c2b42;
}
.widget_popular_post h3 a:hover,
.widget_popular_post h3 a:focus,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a:hover,
.widget_latest_post h3 a:focus,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time {
  color: #ff8737;
}
.widget_popular_post a time,
.widget_popular_post time,
.widget_latest_post a time,
.widget_latest_post time {
    color: #929292;
    font-weight: 500;
}
.widget_popular_post img,
.widget_latest_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;
}
#secondary .textwidget {
  text-align: center;
}
#secondary .textwidget img {
    height: 200px;
    width: 200px;
    object-fit: cover;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
}
#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: #1c2b42;
    min-width: 151px;
    margin: 0;
    text-transform: uppercase;
}
.jetpack_subscription_widget #subscribe-submit:after {
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f2f2f2;
  position: absolute;
    bottom: 0;
    right: -10px;
}
.site-footer .jetpack_subscription_widget #subscribe-submit:after {
  border-bottom-color: #fff;
}
#secondary .jetpack_subscription_widget input[type="submit"]:hover,
#secondary .jetpack_subscription_widget input[type="submit"]:focus {
  background-color: #ff8737;
}
#colophon .social-icons {
    margin-left: -15px;
}
#secondary p#subscribe-email {
    margin-top: 0;
}
#secondary ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#secondary .widget .social-icons {
    text-align: center;
    margin-top: -10px;
}
#secondary .widget .social-icons li a:hover svg,
#secondary .widget .social-icons li a:focus svg {
  fill: #fff;
}
.widget_contact_info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}
.hentry {
  margin: 0;
}

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

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

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

.error404 #primary {
  width: 100%;
  float: none;
} 

.error404 #primary form.search-form,
.search-no-results #primary .entry-container {
    max-width: 650px;
}

.error404 #primary .single-post-wrapper {
  text-align: center;
}

.error404 #primary form.search-form {
  text-align: center;
  margin: auto;
}

.search-no-results #primary .entry-content p {
    margin-bottom: 20px;
}

.search-no-results #primary article {
    width: 100%;
}

.page-header span.posted-on {
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
.page-header span.author-name {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #1c2b42;
}
.page-header small {
    font-size: 12px;
    color: #ff8737;
}
nav.navigation.pagination {
    margin-top: 50px;
    clear: both;
    display: inline-block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.navigation.pagination svg {
    fill: #cecece;
    width: 16px;
    height: 16px;
    position: relative;
    top: -2px;
}
.navigation.posts-navigation svg, 
.navigation.post-navigation svg {
    width: 12px;
    height: 12px;
    fill: #ff8737;
    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: #1c2b42;
}
.navigation.posts-navigation svg.icon-left, 
.navigation.post-navigation svg.icon-left {
  margin-right: 20px;
}
.navigation.posts-navigation svg.icon-right, 
.navigation.post-navigation svg.icon-right {
  margin-left: 20px;
}
.posts-wrapper.blog-posts .featured-image {
    position: relative;
}
.posts-wrapper.col-3 article:nth-child(3n) {
    border-right: 1px solid #e4e4e4;
}
.blog-posts .post-categories {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #ff8737;
    padding: 0 15px;
    color: #fff;
}
.post-categories a {
    color: #ff8737;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
.blog-posts .post-categories a {
    color: #fff;
}
.blog-posts .post-categories a:hover,
.blog-posts .post-categories a:focus {
    color: #eee;
}
.post-categories a:hover,
.post-categories a:focus {
  color: #ff8737;
}
.single-post-wrapper .entry-title {
    font-size: 32px;
    font-weight: 700;
}
.single-post-wrapper .post-categories {
    margin-bottom: 7px;
    display: inline-block;
    width: 100%;
}
.single-post-wrapper article p {
    margin-top: 0;
    margin-bottom: 28px;
}
.single-post-wrapper article blockquote p {
    margin-bottom: 0;
}
.single-post-wrapper article img {
    margin-bottom: 30px;
}
.single-post-wrapper article .author-image img {
    margin-bottom: 0;
    border-radius: 50%;
}
.single-post-wrapper article p.first-letter:first-letter {
    display: inline-block;
    float: left;
    font-size: 90px;
    line-height: 0.6;
    margin: 16px 16px 0 0;
    font-family: 'Lora', serif;
}
.single-post-wrapper span.posted-on svg,
.single-post-wrapper span.cat-links svg,
.byline svg {
    fill: #ff8737;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -3px;
}
.single-post-wrapper span.cat-links svg {
  top: -2px;
}
.single-post-wrapper span.posted-on a:hover svg,
.single-post-wrapper span.posted-on a:focus svg,
.single-post-wrapper span.cat-links:hover svg,
.byline a:hover svg,
.byline a:focus svg {
    fill: #1c2b42;
}
.single-post-wrapper .entry-meta > span:not(:last-child):after {
  content: "";
  padding: 0 5px;
}
.tags-links {
    margin-bottom: 50px;
    display: inline-block;
}
span.tags-links a {
    display: inline-block;
    padding: 2px 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    font-size: 14px;
    border: 1px solid #ddd;
    color: #929292;
    font-weight: 400;
}
.single-post-wrapper span.tags-links a:hover,
.single-post-wrapper span.tags-links a:focus {
  color: #ff8737;
  border-color: #ff8737;
}
.single-post-wrapper .entry-meta {
    margin-bottom: 25px;
}
.single-post-wrapper .entry-meta .date {
    font-size: 49px;
    color: #1c2b42;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}
.single-post-wrapper .entry-meta .month {
    font-size: 14px;
    letter-spacing: 0.5em;
    text-transform: uppercase;
    padding-left: 5px;
    margin-bottom: 28px;
    font-weight: bold;
}
.single-post .site-main .comment-navigation, 
.single-post .site-main .posts-navigation, 
.single-post .site-main .post-navigation {
  margin-bottom: 0;
}
.post-navigation .previous-article span span,
.posts-navigation .previous-article span span,
.post-navigation .next-article span span,
.posts-navigation .next-article span span {
    display: block;
}
.post-navigation span.previous-article b,
.post-navigations span.previous-article b,
.post-navigation span.next-article b,
.post-navigations span.next-article b {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.post-navigation span.previous-article,
.post-navigations span.previous-article {
    display: table;
}
.no-sidebar .single-post-wrapper .featured-image {
  text-align: center;
}
.no-sidebar .single-post-wrapper .entry-meta, 
.no-sidebar .single-post-wrapper .entry-container, 
.no-sidebar #comments, 
.no-sidebar .navigation {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
span.next-article {
    padding-right: 65px;
    display: inline-block;
}
#author-section {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 35px 0;
    margin-bottom: 35px;
}
.author-image {
    float: left;
    margin-right: 30px;
}
.author-content {
    display: table;
}
.author-name {
    font-size: 18px;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 30px;
}
.author-name:after {
    content: "";
    background-color: #ff8737;
    width: 29px;
    height: 3px;
    display: block;
    margin-top: 30px;
}
.author-name span {
    color: #5e5e5e;
    padding-left: 5px;
    font-weight: 400;
}
.author-content .social-icons li a {
  background-color: #171717;
}
.author-content .social-icons li a svg {
  fill: #fff;
}
.read-more-link {
    margin-top: 25px;
}
.read-more-link a {
    padding: 8px 20px;
    font-size: 14px;
    line-height: 29px;
    display: inline-block;
    border-radius: 0;
    background-color: #ff8737;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.read-more-link a:hover,
.read-more-link a:focus {
    background-color: #1c2b42;
    color: #fff;
}
.blog-posts-wrapper span.tags-links {
    margin-bottom: 0;
    margin-top: 20px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

#reply-title,
.comments-title {
    font-size: 42px;
    margin: 0;
}
.comments-title,
#reply-title {
    margin-bottom: 30px;
    font-size: 32px;
}
ul.post-categories li:after {
    content: ",";
}
ul.post-categories li:last-child:after {
    display: none;
}
ol.comment-list {
    padding: 0;
    margin: 0 0 30px;
    list-style: none;
}
#comments ol {
    list-style: none;
    margin-left: 0;
    padding: 0;
}
#comments ol.comment-list {
  padding-top: 35px;
  position: relative;
    overflow: hidden;
}
#comments ol.children {
    margin-left: 120px;
}
.says {
    display: none;
}
.comment-meta img {
    width: 85px;
    height: 85px;
    float: left;
    border-radius: 50%;
    margin-right: 20px;
}
#comments time:before {
    display: none;
}
.comment-body {
    position: relative;
}
.reply {
    padding-bottom: 49px;
    padding-left: 105px;
}
#comments article {
    margin-bottom: 30px;
    clear: both;
}
#comments ol.comment-list > li:last-child article:last-child,
#comments ol.comment-list > li:last-child {
  border-bottom: none;
}
#comments ol.comment-list > li {
    padding-top: 49px;
}
#comments ol.comment-list > li:first-child {
    padding-top: 0;
}
#comments ol.comment-list > li article:last-child .reply {
  border-bottom: none;
    padding-bottom: 0;
}
.reply a {
  padding: 7px 20px;
    line-height: 29px;
    display: inline-block;
    border-radius: 0;
    background-color: #ff8737;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    text-decoration: 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;
}
.reply a:hover,
.reply a:focus {
  background-color: #1c2b42;
    color: #fff;
}
.reply a:hover:before,
.reply a:focus:before {
  background-color: #ff8737;
}
.comment-meta .url,
.comment-meta .fn {
    display: inline-block;
    text-transform: uppercase;
    color: #1c2b42;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}
.comment-meta .url:hover,
.comment-meta .url:focus,
.comment-metadata a,
.comment-metadata a time {
  color: #ff8737;
}
.comment-metadata a,
.comment-metadata time {
  font-size: 14px;
  text-decoration: none;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover time,
.comment-metadata a:focus time {
  color: #1c2b42;
}
.comment-metadata time {
    font-weight: 500;
}
.comment-metadata {
    display: block;
    text-transform: uppercase;
    margin-top: 5px;
}
.comment-content {
    margin-bottom: 10px;
    margin-top: 0;
    padding-left: 105px;
}
.comment-content p {
    font-weight: 400;
    color: #565a5f;
    margin-bottom: 1em;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

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

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

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

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

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

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

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

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

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

.widget_media_gallery .gallery {
    margin-left: -2px;
    margin-right: -2px;
}

.site-footer .gallery-item,
#secondary .gallery-item {
  text-align: left;
  width: auto;
}
/*--------------------------------------------------------------
## 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: 36px;
    display: block;
    border-radius: 50%;
}
.social-icons li a:hover svg,
.social-icons li a:focus svg {
  fill: #fff;
}
.social-icons li a:hover svg,
.social-icons li a:focus svg {
  fill: #fff;
}
.social-icons li a svg {
    fill: #1c2b42;
    width: 18px;
    height: 18px;
}
#colophon .social-icons li a svg {
  fill: #fff;
}
/*--------------------------------------------------------------
## Social Icons Hover Color
--------------------------------------------------------------*/
.social-icons li a[href*="facebook.com"]:hover,
.social-icons li a[href*="fb.com"]:hover,
.social-icons li a[href*="facebook.com"]:focus,
.social-icons li a[href*="fb.com"]:focus {
  background-color: #3c5798 !important;
}
.social-icons li a[href*="twitter.com"]:hover,
.social-icons li a[href*="twitter.com"]:focus {
  background-color: #1ea0f1 !important;
}
.social-icons li a[href*="linkedin.com"]:hover,
.social-icons li a[href*="linkedin.com"]:focus {
  background-color: #0077B5 !important;
}
.social-icons li a[href*="plus.google.com"]:hover,
.social-icons li a[href*="plus.google.com"]:focus {
  background-color: #ec7161 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.social-icons li a[href*="angel.co"]:hover,
.social-icons li a[href*="angel.co"]:focus {
  background-color: #b42000 !important;
}
/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/
#page-site-header {
    padding: 50px 0;
    text-align: center;
    background-color: #f5f0ee;
}
#page-site-header .page-title {
  font-size: 36px;
}
/*--------------------------------------------------------------
#  Breadcrumb List
--------------------------------------------------------------*/
.trail-items {
    margin: 0;
    padding: 0;
    list-style: none;
}
.trail-items li {
    display: inline-block;
    vertical-align: middle;
    color: #1c2b42;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}
.trail-items li:not(:last-child):after {
    content: "-";
    padding: 0 3px;
}
.trail-items li a {
  color: #1c2b42;
  opacity: 0.8;
}
.trail-items li a:hover,
.trail-items li a:focus {
  opacity: 1;
}
.trail-items .separator {
    color: rgba(255, 255, 255, 0.30);
    padding: 0 2px;
}
/*--------------------------------------------------------------
#  Featured Slider Section
--------------------------------------------------------------*/
#featured-slider .slick-slider {
    margin-bottom: -10px;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.slick-next:before, 
.slick-prev:before {
    opacity: 1;
    font-family: initial;
}
.slick-prev,
.slick-next {
    left: 0;
    z-index: 1;
    width: 40px;
    height: 40px;
    background-color: #ff8737;
    border-radius: 0;
    line-height: 52px;
}
.slick-next {
  left: auto;
  right: 0;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  background-color: #1c2b42;
}
#featured-slider .wrapper {
  position: relative;
  z-index: 1;
}
#featured-slider article {
  padding: 175px 0;
  background-size: cover;
  background-position: 50%;
  position: relative;
}
.featured-content-wrapper {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.featured-content-wrapper .entry-title {
  color: #fff;
  margin-bottom: 25px;
  font-size: 24px;
  max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}
#featured-slider .slick-dots {
  bottom: 25px;
}
#featured-slider button.slick-arrow {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#featured-slider:hover button.slick-arrow {
  visibility: visible;
  opacity: 1;
}
#featured-slider:hover button.slick-arrow.slick-prev {
  left: 25px;
}
#featured-slider:hover button.slick-arrow.slick-next {
  right: 25px;
}
/*--------------------------------------------------------------
#  About Us Section
--------------------------------------------------------------*/
#about-us .featured-image {
    background-size: cover;
    background-position: 50% 50%;
    padding-bottom: 100%;
    position: relative;
    margin-bottom: 25px;
}
.featured-image-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
#about-us article .entry-container {
  text-align: center;
}
#about-us article.has-featured-image .entry-container {
  text-align: left;
}
#about-us .entry-content p {
    margin: 0 0 25px;
}
#about-us .featured-image.hidden.small,
#about-us .featured-image.hidden.large {
    display: none;
}
#about-us article.has-featured-image .featured-image.hidden.small {
  display: block;
}


/*--------------------------------------------------------------
#  Services Section
--------------------------------------------------------------*/
#services-section {
    background-color: #f5f0ee;
}
#services-section article .entry-title a {
    color: #1c2b42;
}
#services-section article .entry-title a:hover,
#services-section article .entry-title a:focus {
  color: #ff8737;
}
.entry-subtitle {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #1c2b42;
    padding-bottom: 23px;
    display: inline-block;
    position: relative;
    margin-bottom: 33px;
    font-weight: 500;
}
.entry-subtitle:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    top: auto;
    right: auto;
    background-color: #1c2b42;
    width: 50px;
    height: 1px;
}
#services-section article .entry-header + .featured-image {
    margin-top: 40px;
}
#services-section article .featured-image + .entry-content {
    margin-top: 25px;
    margin-bottom: 0;
}
#services-section .services-items-wrapper {
    margin: 0 -15px;
}
#services-section article {
    margin-bottom: 50px;
    padding: 0 15px;
}
#services-section article:last-child {
    margin-bottom: 0;
}
#services-section article .entry-title {
    margin-bottom: 15px;
}
#services-section .featured-image {
    background-size: cover;
    background-position: center center;
    padding-bottom: 100%;
    position: relative;
}
.services-items-wrapper.col-1,
.services-items-wrapper.col-2 {
  max-width: 430px;
  margin-left: auto;
  margin-right: auto;
}
.services-items-wrapper.col-2 {
  max-width: 860px;
}
#services-section article .entry-content {
    margin-bottom: 20px;
}
/*--------------------------------------------------------------
#  Projects Section
--------------------------------------------------------------*/
#projects-section .section-header {
    margin-bottom: 15px;
}
#projects-section article {
  margin-bottom: 20px;
  width: 100%;
}
#projects-section article:last-child {
  margin-bottom: 0;
}
#projects-section article .featured-image {
    padding-bottom: 100%;
    background-size: cover;
    background-position: 50%;
    position: relative;
}
#projects-section article .entry-container {
  background-color: #f1f1f1;
    padding: 25px 30px;
}
#projects-section article .featured-image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#projects-section article:hover .featured-image:after {
  opacity: 0.5;
}
#projects-section .entry-title a {
    color: #1c2b42;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 18px;
}
#projects-section .entry-title a:hover,
#projects-section .entry-title a:focus,
#projects-section .entry-meta .cat-links a:hover,
#projects-section .entry-meta .cat-links a:focus {
  color: #ff8737;
}
#projects-section .entry-meta .cat-links a {
    color: #929292;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}
#projects-section .entry-meta .cat-links a:not(:last-child):after {
    padding-right: 5px;
    display: inline-block;
    vertical-align: middle;
}
#projects-section article .entry-title {
    margin-bottom: 5px;
}
#projects-section .more-link {
    width: 50px;
    height: 50px;
    line-height: 45px;
    background-color: #fff;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    margin-top: 20px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#projects-section .more-link:hover,
#projects-section .more-link:focus {
  background-color: #ff8737;
}
#projects-section .more-link svg {
  fill: #1c2b42;
  width: 20px;
  height: 20px;
  -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#projects-section .more-link:hover svg,
#projects-section .more-link:focus svg {
  fill: #fff;
}
#projects-section article:hover .more-link {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
#about-us + #projects-section,
#projects-section + #latest-news,
#about-us + #latest-news,
#services-section + #testimonial-section {
    padding-top: 0;
}
/*--------------------------------------------------------------
#  Testimonial Section
--------------------------------------------------------------*/
#testimonial-section {
    background-color: #f5f0ee;
}
.testimonial-slider .featured-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    padding-bottom: 100%;
    width: 100%;
    border: 10px solid #fff;
    box-shadow: -2px 35px 50px 0px rgba(0, 0, 0, 0.15);
}
.testimonial-slider .has-featured-image .featured-image {
    margin-bottom: 30px;
}
.testimonial-slider .entry-subtitle:after {
    background-color: #ff8737;
    width: 72px;
}
.testimonial-slider .entry-subtitle {
    letter-spacing: 0;
    margin-bottom: 20px;
    font-size: 15px;
}
.testimonial-slider .entry-content p {
    color: #1c2b42;
    font-family: 'Playfair Display', serif;
}
.slick-dots li button:before {
  display: none;
}
.slick-dots li button {
  background-color: #ccc4c1;
  width: 10px;
  height: 10px;
  border-radius: 10px;
}
.slick-dots li.slick-active button {
  background-color: #ff8737;
}
.slick-dots li {
  width: auto;
  height: auto;
  margin: 0 7px 0 0;
}
.testimonial-slider .slick-dots {
    position: relative;
    bottom: 0;
    text-align: left;
}
.testimonial-slider .slick-slide:nth-child(1) ul.slick-dots li:nth-child(1) button,
.testimonial-slider .slick-slide:nth-child(2) ul.slick-dots li:nth-child(2) button,
.testimonial-slider .slick-slide:nth-child(3) ul.slick-dots li:nth-child(3) button,
.testimonial-slider .slick-slide:nth-child(4) ul.slick-dots li:nth-child(4) button,
.testimonial-slider .slick-slide:nth-child(5) ul.slick-dots li:nth-child(5) button,
.testimonial-slider .slick-slide:nth-child(6) ul.slick-dots li:nth-child(6) button {
  background-color: #ff8737;
}
.testimonial-slider .slick-slide:nth-child(1) ul.slick-dots li button,
.testimonial-slider .slick-slide:nth-child(2) ul.slick-dots li button,
.testimonial-slider .slick-slide:nth-child(3) ul.slick-dots li button,
.testimonial-slider .slick-slide:nth-child(4) ul.slick-dots li button,
.testimonial-slider .slick-slide:nth-child(5) ul.slick-dots li button,
.testimonial-slider .slick-slide:nth-child(6) ul.slick-dots li button {
  background-color: #ccc4c1;
}
/*--------------------------------------------------------------
#  Partners Logo Section
--------------------------------------------------------------*/
#testimonial-section + #partners-logo {
    padding-top: 0;
}
#partners-logo {
  background-color: #f5f0ee;
}
#partners-logo .section-header {
    text-align: center;
    margin-bottom: 50px;
}
#partners-logo .section-header .section-subtitle:after {
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
#partners-logo article {
    text-align: center;
    margin-bottom: 50px;
}
#partners-logo article:last-child {
    margin-bottom: 0;
}
#partners-logo article img {
    max-height: 45px;
    width: auto;
}
/*--------------------------------------------------------------
#  Latest News Section
--------------------------------------------------------------*/
#latest-news .section-header {
    margin-bottom: 15px;
}
.blog-posts-wrapper .has-post-thumbnail .featured-image {
    padding-bottom: 100%;
    background-size: cover;
    background-position: 50%;
    position: relative;
}
.blog-posts-wrapper .featured-image .entry-meta {
    background-color: #1c2b42;
    padding: 11px 25px;
    text-transform: uppercase;
    color: #fff;
}
.blog-posts-wrapper .has-post-thumbnail .featured-image .entry-meta {
    background-color: rgba(0, 0, 0, 0.50);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.blog-posts-wrapper .featured-image .entry-meta a {
  color: #fff;
}
.blog-posts-wrapper .featured-image .entry-meta > span:not(:last-child):after {
    content: "|";
    padding-left: 10px;
    padding-right: 5px;
    font-weight: 300;
}
.blog-posts-wrapper .entry-container {
  margin-top: 25px;
}
.blog-posts-wrapper .cat-links a,
.blog-posts-wrapper .cat-links {
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    color: #ff8737;
    font-style: italic;
}
.blog-posts-wrapper .entry-container .entry-title {
  font-size: 20px;
}
.blog-posts-wrapper .cat-links a:hover,
.blog-posts-wrapper .cat-links a:focus,
.blog-posts-wrapper .entry-container .entry-title a {
  color: #1c2b42;
}
.blog-posts-wrapper .entry-container .entry-title a:hover,
.blog-posts-wrapper .entry-container .entry-title a:focus,
.blog-posts-wrapper .featured-image .entry-meta a:hover,
.blog-posts-wrapper .featured-image .entry-meta a:focus {
    color: #ff8737;
}
.blog-posts-wrapper .entry-container > .entry-meta {
    margin-bottom: 7px;
}
span.comments-link {
    font-style: italic;
    font-family: 'Playfair Display', serif;
    font-size: 16px;
}
span.comments-link:before {
    content: "-";
    margin: 0 5px;
}
.blog-posts-wrapper .entry-container .featured-image + .entry-content {
    margin-top: 25px;
}
.blog-posts-wrapper .entry-content p {
    margin: 0;
}
.blog-posts-wrapper .entry-header {
    margin-bottom: 10px;
    display: inline-block;
}
.blog-posts-wrapper article,
.blog-posts-wrapper.sticky-post-wrapper {
    margin-bottom: 40px;
}
.blog-posts-wrapper article:last-child {
    margin-bottom: 0;
}
.blog-posts-wrapper.col-1 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
/*--------------------------------------------------------------
#           Footer
--------------------------------------------------------------*/
#colophon {
    background-color: #1c2b42;
    color: rgba(255, 255, 255, 0.5);
}
#colophon a,
#colophon p,
#colophon li {
    color: rgba(255, 255, 255, 0.5);
}
#colophon a:hover,
#colophon a:focus {
    color: #fff;
}
#colophon .widget-title, 
#colophon .widgettitle,
#colophon .widget.widget_block h1,
#colophon .widget.widget_block h2,
#colophon .widget.widget_block h3,
#colophon .widget.widget_block h4  {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}
.site-info {
    background-color: #101825;
    padding: 18px 0;
    line-height: 1.5;
}
.site-info span {
  display: block;
  text-align: center;
    margin: 10px 0;
}
.site-info span.social-menu {
    margin: 2px 0;
}
.site-info,
.site-info a {
  margin: 0;
  color: rgba(255, 255, 255, 0.5);
}
#colophon .site-info a {
  color: #fff;
}
#colophon .site-info a:hover,
#colophon .site-info a:focus,
#colophon .widget.widget_archive li a {
  text-decoration: underline;
}
.footer-widgets-area ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-widgets-area ul.sub-menu {
  padding-left: 25px;
  margin-top: 25px;
}
.footer-widgets-area .widget ul li {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
}
.footer-widgets-area .widget ul li:last-child,
.footer-widgets-area .widget .social-icons li {
  margin-bottom: 0;
}
.footer-widgets-area .widget a:hover {
  text-decoration: underline;
}
.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.page-section.col-1 {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.footer-widgets-area.col-1 table {
    display: table;
}
.footer-widgets-area th {
  color: #929292;
}
.footer-widgets-area tr {
    border-color: #929292;
}
.footer-widgets-area td, 
.footer-widgets-area th {
    padding: 4px;
}
#secondary td, 
#secondary th {
    padding: 5px 10px;
}
.author.vcard a,
.posted-on a,
.cat-links a,
#colophon .site-info a,
span.comments-link a,
.tagcloud a,
p.logged-in-as a {
  text-decoration: none;
}


/*--------------------------------------------------------------
#           RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 421px) {
  .featured-content-wrapper .entry-title {
    font-size: 32px;
  }
  .section-title,
  .testimonial-slider .entry-title {
    font-size: 28px;
  }
}
@media screen and (min-width: 567px) {
  #featured-slider article {
    padding: 200px 0;
  }
  .featured-content-wrapper .entry-title {
      font-size: 36px;
  }
  .section-title,
  .testimonial-slider .entry-title {
    font-size: 32px;
  }
  .section-title,
  .section-subtitle,
  #about-us .set-featured-image {
      margin-bottom: 35px;
  }
  #services-section article .entry-title {
      font-size: 26px;
  }
  #services-section .services-items-wrapper.col-2 article,
  #services-section .services-items-wrapper.col-3 article,
  #services-section .services-items-wrapper.col-4 article {
    width: 50%;
    float: left;
  }
  #services-section .services-items-wrapper.col-2 article:nth-child(2n+1),
  #services-section .services-items-wrapper.col-3 article:nth-child(2n+1),
  #services-section .services-items-wrapper.col-4 article:nth-child(2n+1) {
    clear: left;
  }
  #services-section .services-items-wrapper.col-2 article:nth-last-child(-n+2),
  #services-section .services-items-wrapper.col-3 article:nth-last-child(-n+2),
  #services-section .services-items-wrapper.col-4 article:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  #services-section .services-items-wrapper.col-1, 
  #services-section .services-items-wrapper.col-2 {
    margin-left: auto;
    margin-right: auto;
  }
  #projects-section article .entry-title {
      margin-bottom: 10px;
  }
  #projects-section .projects-wrapper {
    margin: 0 -10px;
  }
  #projects-section article {
      width: 50%;
      float: left;
      padding: 0 10px;
  }
  #projects-section article:nth-child(2n+1) {
    clear: left;
  }
  #projects-section article:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  .testimonial-slider .has-featured-image .featured-image {
      max-width: 350px;
      margin: 50px auto 80px;
      padding: 200px 0;
      -webkit-transform: rotate(-15deg);
      -moz-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
      -o-transform: rotate(-15deg);
      transform: rotate(-15deg);
  }
  .testimonial-slider .entry-content p {
      font-size: 21px;
      line-height: 35px;
      margin-top: 5px;
  }
  #partners-logo .section-content {
      margin: 0 -15px;
  }
  #partners-logo .section-content article {
      padding: 0 15px;
  }
  #partners-logo .col-2 article {
      width: 50%;
      float: left;
  }
  #partners-logo .col-2 article:nth-child(2n+1) {
      clear: left;
  }
  #partners-logo .col-2 article:nth-last-child(-n+2) {
      margin-bottom: 0;
  }
  #partners-logo .col-3 article {
      width: 33.33%;
      float: left;
  }
  #partners-logo .col-3 article:nth-child(3n+1) {
      clear: left;
  }
  #partners-logo .col-3 article:nth-last-child(-n+3) {
      margin-bottom: 0;
  }
  #partners-logo .col-4 article {
      width: 50%;
      float: left;
  }
  #partners-logo .col-4 article:nth-child(2n+1) {
      clear: left;
  }
  #partners-logo .col-4 article:nth-last-child(-n+2) {
      margin-bottom: 0;
  }
  #partners-logo .col-5 article {
      width: 50%;
      float: left;
  }
  #partners-logo .col-5 article:nth-child(2n+1) {
      clear: left;
  }
  #partners-logo .col-5 article:nth-last-child(-n+2) {
      margin-bottom: 0;
  }
  .blog-posts-wrapper.col-2 article,
  .blog-posts-wrapper.col-3 article {
      width: 50%;
      float: left;
  }
  .blog-posts-wrapper.col-2 article:nth-child(2n+1) {
    clear: left;
  }
  .blog-posts-wrapper.col-2,
  .blog-posts-wrapper.col-3 {
    margin: 0 -10px;
  }
  .blog-posts-wrapper.col-2 article,
  .blog-posts-wrapper.col-3 article {
      padding: 0 10px;
  }
  .blog-posts-wrapper.col-2 article:nth-child(2n+1),
  .blog-posts-wrapper.col-3 article:nth-child(2n+1) {
    clear: left;
  }
  .blog-posts-wrapper.col-2 article:nth-last-child(-n+2),
  .blog-posts-wrapper.col-3 article:nth-last-child(-n+2) {
      margin-bottom: 0;
  }
  .blog-posts-wrapper.col-1 .has-post-thumbnail .featured-image {
      padding: 200px 0;
  }
  .blog-posts-wrapper.sticky-post-wrapper .has-post-thumbnail.sticky .featured-image {
    padding: 170px 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) {
    .col-1 .hentry {
        width: 100%;
    }
    .col-2 .hentry {
        width: 50%;
        float: left;
    }
    .col-3 .hentry {
        width: 33.33%;
        float: left;
    }
    .col-4 .hentry {
        width: 50%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .col-6 .hentry {
        width: 16.66%;
        float: left;
    }
    .btn {
      padding: 13px 30px;
      font-size: 16px;
  }
    blockquote.alignright {
      width: -webkit-calc(50% - 0.736842105em);
      width: calc(50% - 0.736842105em);
        margin-top: 10px;
        margin-bottom: 25px;
  }
  .featured-content-wrapper .entry-title {
      font-size: 42px;
  }
  .section-title,
  .testimonial-slider .entry-title {
      font-size: 36px;
  }
  #featured-slider article {
      padding: 230px 0;
  }
  #about-us article.has-featured-image {
    display: flex;
    align-items: center;
  }
  #about-us.img-left article.has-featured-image {
    flex-direction: row-reverse;
  }
  #about-us.img-left article.has-featured-image .entry-container {
    padding-right: 0;
    padding-left: 50px;
  }
  #about-us article.has-featured-image .entry-container,
  #about-us article.has-featured-image .featured-image {
    width: 50%;
  }
  #about-us article.has-featured-image .entry-container {
    padding-right: 50px;
  }
  #about-us article .entry-container .section-title {
    font-size: 28px;
  }
  #about-us article.has-featured-image .featured-image.hidden.small {
      display: none;
  }
  #about-us article.has-featured-image .featured-image.hidden.large {
      display: block;
        margin-bottom: 0;
        padding: 285px 0;
  }
    #about-us.img-left article.has-featured-image .entry-container {
        padding-left: 50px;
    }
  #services-section .services-items-wrapper.col-3 article {
    width: 33.33%;
  }
  #services-section .services-items-wrapper.col-3 article:nth-child(2n+1) {
    clear: none;
  }
  #services-section .services-items-wrapper.col-3 article:nth-child(3n+1) {
    clear: left;
  }
  #services-section .services-items-wrapper.col-3 article:nth-last-child(-n+3) {
    margin-bottom: 0;
  }
  #projects-section .section-header {
      margin-bottom: 45px;
  }
  #projects-section .section-title {
      margin: 0;
      float: right;
      clear: none;
  }
  #projects-section .section-subtitle {
      margin: 5px 0 0;
      float: left;
  }
  #projects-section .entry-title a {
      font-size: 20px;
  }
  .testimonial-slider .entry-subtitle {
    margin-bottom: 30px;
  }
  .testimonial-slider .entry-subtitle {
    font-size: 20px;
  }
  #partners-logo .col-4 article {
      width: 25%;
  }
  #partners-logo .col-4 article:nth-child(2n+1) {
      clear: none;
  }
  #partners-logo .col-4 article:nth-child(4n+1) {
      clear: left;
  }
  #partners-logo .col-4 article:nth-last-child(-n+4) {
      margin-bottom: 0;
  }
  #partners-logo .col-5 article {
      width: 33.33%;
  }
  #partners-logo .col-5 article:nth-child(2n+1) {
      clear: none;
  }
  #partners-logo .col-5 article:nth-child(3n+1) {
      clear: left;
  }
  #partners-logo .col-5 article:nth-last-child(-n+3) {
      margin-bottom: 0;
  }
  .blog-posts-wrapper .entry-container .entry-title {
      font-size: 24px;
  }
  #projects-section .section-header,
  #latest-news .section-header {
      margin-bottom: 55px;
  }
  #latest-news .section-title {
    margin: 0;
      float: right;
      clear: none;
  }
  #latest-news .section-subtitle {
      margin: 5px 0 0;
      float: left;
  }
  .blog-posts-wrapper.sticky-post-wrapper .has-post-thumbnail.sticky .featured-image {
      padding: 225px 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;
  }
  .footer-widgets-area.col-3 .hentry:not(:last-child) {
    padding-right: 40px;
  }
  .site-info.col-2 span {
    float: left;
    width: 50%;
    text-align: left;
  }
  .site-info.col-2 span:nth-child(2) {
    float: right;
    text-align: right;
  }
  .site-info {
      padding: 3px 0;
  }
}
@media screen and (min-width: 992px) {
  .col-4 .hentry  {
        width: 25%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .page-section {
      padding: 80px 0;
  }
  #page-site-header {
      padding: 93px 0;
  }
  #page-site-header .page-title {
      font-size: 38px;
  }
    #about-us article .entry-container .section-title,
    .section-title,
    .testimonial-slider .entry-title {
      font-size: 38px;
    }
    #services-section article .entry-title {
      font-size: 32px;
    }
    #about-us article.has-featured-image .entry-container {
    width: 55%;
    }
  #about-us article.has-featured-image .featured-image {
    width: 45%;
  }
  #projects-section article {
      width: 33.33%;
  }
  #projects-section article:nth-child(2n+1) {
    clear: none;
  }
  #projects-section article:nth-child(3n+1) {
    clear: left;
  }
  body:not(.single) .featured-image:hover {
      opacity: 0.8;
  }
  body:not(.single) #projects-section .featured-image:hover {
      opacity: 1;
  }
  #testimonial-section {
      padding: 20px 0;
  }
  .testimonial-slider .has-featured-image .testimonial-item {
      display: flex;
      align-items: center;
  }
    #testimonial-section.img-right .testimonial-item {
        flex-direction: row-reverse;
    }
  .testimonial-slider .has-featured-image .featured-image {
    margin: 85px auto;
    width: 50%;
    border-width: 15px;
    box-shadow: -2px 25px 50px 0px rgba(0, 0, 0, 0.15);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  #testimonial-section.img-right .testimonial-slider .has-featured-image .featured-image {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  .testimonial-slider .has-featured-image .entry-container {
      text-align: left;
      width: 50%;
      padding-left: 50px;
      margin-top: -80px;
  }
  #testimonial-section.img-right .testimonial-slider .has-featured-image .entry-container {
      padding-left: 0;
      padding-right: 50px;
  }
  #partners-logo .col-5 article {
      width: 20%;
  }
  #partners-logo .col-5 article:nth-child(3n+1) {
      clear: none;
  }
  #partners-logo .col-5 article:nth-child(5n+1) {
      clear: left;
  }
  #partners-logo .col-5 article:nth-last-child(-n+5) {
      margin-bottom: 0;
  }
  .widget_popular_post h3,
  .widget_latest_post h3 {
    font-size: 18px;
  }
  body:not(.home) .blog-posts-wrapper .featured-image + .entry-container,
  body.home .blog-posts-wrapper .featured-image + .entry-container {
      margin-top: 23px;
  }
  .blog-posts-wrapper .entry-container {
    margin-top: 43px;
  }
  .blog-posts-wrapper .entry-container .entry-title {
      font-size: 28px;
  }
  .blog-posts-wrapper.col-2 .has-post-thumbnail .featured-image {
    padding: 160px 0;
  }
  .blog-posts-wrapper.col-3 article {
      width: 33.33%;
  }
  .blog-posts-wrapper.col-3 article:nth-child(2n+1) {
    clear: none;
  }
  .blog-posts-wrapper.col-3 article:nth-child(3n+1) {
    clear: left;
  }
  .blog-posts-wrapper.col-3 article:nth-last-child(-n+3) {
      margin-bottom: 0;
  }
  .blog-posts-wrapper.sticky-post-wrapper .has-post-thumbnail.sticky .featured-image {
      padding: 275px 0;
  }
  .blog-posts-wrapper .has-post-thumbnail .featured-image {
      padding: 212px 0;
  }
  .no-sidebar .blog-posts-wrapper.sticky-post-wrapper article.has-post-thumbnail {
    display: flex;
    align-items: center;
  }
  .no-sidebar .blog-posts-wrapper.sticky-post-wrapper article.has-post-thumbnail .featured-image,
  .no-sidebar .blog-posts-wrapper.sticky-post-wrapper article.has-post-thumbnail .entry-container {
    width: 50%;
    float: left;
  }
  .no-sidebar .blog-posts-wrapper.sticky-post-wrapper article.has-post-thumbnail .entry-container {
    padding-left: 50px;
  }
  .blog-posts-wrapper article, 
  .blog-posts-wrapper.sticky-post-wrapper {
    margin-bottom: 63px;
  }
  nav.navigation.pagination {
    margin-top: 63px;
  }
  .comment-form-author, 
  .comment-form-email, 
  .comment-form-url {
      width: 33.33%;
      float: left;
  }
  .comment-form-author input, 
  .comment-form-email input {
      max-width: 93%;
  }
  #colophon .widget-title, 
  #colophon .widgettitle {
      letter-spacing: 0.1em;
  }
  #colophon .social-icons {
    margin-left: -15px;
  }
  .social-icons li:not(:last-child) {
      margin-right: 14px;
  }
  .footer-widgets-area.col-4 .hentry {
      width: 25%;
    padding-right: 40px;
  }
  .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) {
      clear: left;
  }
  .footer-widgets-area.col-4 .hentry:nth-last-child(-n+4) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .classic-menu .main-navigation ul.nav-menu {
    display: block !important;
      height: auto !important;
  }
  .main-navigation ul li:hover > ul,
  .main-navigation ul li.focus > ul {
    left: auto;
    right: 0;
  }
  .main-navigation ul ul li:hover > ul,
  .main-navigation ul ul li.focus > ul {
    left: auto;
    right: 100%;
  }
  .main-navigation ul ul ul {
    top: -2px;
  }
  .main-navigation .menu-item-has-children > a:after {
    float: none;
  }
  .main-navigation ul.sub-menu li:hover > a,
  .main-navigation ul.sub-menu li:focus > a {
    background-color: #ff8737;
    color: #fff;
  }
  .main-navigation ul.sub-menu > li:last-child > a {
    border-bottom: none;
  }
  .customize-support.menu-sticky.boxed-layout #masthead,
  .customize-support.menu-sticky.frame-layout #masthead {
    top: 0;
  }
  .customize-support.menu-sticky #masthead,
  .customize-support.menu-sticky.boxed-layout #masthead.nav-shrink,
  .customize-support.menu-sticky.frame-layout #masthead.nav-shrink {
    top: 32px;
  }
  #search {
      position: absolute;
      z-index: 30;
      right: 0;
      top: 100%;
      display: none;
  }
  .main-navigation .search-active .icon-search {
    display: none;
  }
  .main-navigation .search-active .icon-close {
    display: inline-block;
  }
  #masthead .main-navigation ul ul li.menu-item-has-children > a {
      padding-right: 35px;
  }
  #masthead .main-navigation ul ul li a svg {
      display: inline-block;
      top: 17px;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
  }
  .main-navigation ul#primary-menu ul li.current-menu-item > a {
    color: #ff8737;
  }
  #masthead .main-navigation ul#primary-menu ul li:hover > a,
  #masthead .main-navigation ul#primary-menu ul li:focus > a {
      color: #fff;
  }
  .main-navigation ul ul {
      border-top: 2px solid #ff8737;
  }
  .classic-menu .main-navigation ul ul {
    box-shadow: 0 0 3px rgba(255, 255, 255, 0.5);
  }
  .classic-menu.header-color-scheme-black .main-navigation ul ul {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  }
  .main-navigation ul ul li.menu-item-has-children:hover > a > svg, 
  .main-navigation ul ul li.menu-item-has-children > a:hover > svg {
    fill: #fff;
  }
  #search:before {
      content: "";
      width: 0;
      height: 0;
      border-left: 9px solid transparent;
      border-right: 9px solid transparent;
      border-bottom: 9px solid #1c2b42;
      position: absolute;
      top: -9px;
      right: 5px;
  }
  button.dropdown-toggle {
    display: none;
  }
  .menu-toggle,
  .modern-menu ul#primary-menu {
    display: none;
  }
  .modern-menu .menu-toggle,
  .modern-menu .menu-open .menu-toggle svg.icon-close {
    display: block;
  }
  .modern-menu .menu-label {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
  .main-navigation li {
      display: inline-block;
  }
  .main-navigation ul.nav-menu > li.menu-item-has-children:hover > a:after {
      content: "";
      width: 0;
      height: 0;
      border-left: 9px solid transparent;
      border-right: 9px solid transparent;
      border-bottom: 9px solid #ff8737;
      position: absolute;
      bottom: 0;
      right: 15px;
  }
  .main-navigation .left-menu {
      padding-left: 50px;
  }
  .main-navigation ul.nav-menu > li.left-menu > a,
  .main-navigation ul.nav-menu > li.right-menu > a {
    padding-left: 5px;
    padding-right: 5px;
  }
  .main-navigation li.left-menu + li.right-menu:before {
      content: "/";
      position: absolute;
      top: 50%;
      margin-left: -6px;
      color: #fff;
      margin-top: -1px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
  }
  .main-navigation form.search-form {
      border: 20px solid #1c2b42;
  }
  .main-navigation form.search-form input {
      background-color: #fff;
      border-color: #fff;
      color: #1c2b42;
  }
  .main-navigation form.search-form svg.icon-search {
    fill: #1c2b42;
  }
  .menu-sticky.frame-layout #masthead,
  .menu-sticky.boxed-layout #masthead {
    position: absolute;
  }
  .menu-sticky #masthead,
  .menu-sticky.frame-layout #masthead.nav-shrink,
  .menu-sticky.boxed-layout #masthead.nav-shrink {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }
  .menu-sticky #content {
    padding-top: 100px;
  }
    .menu-sticky.header-alignment-modern #content {
        padding-top: 175px;
    }
  .menu-sticky #masthead.nav-shrink .site-logo img {
    max-height: 50px;
  }
  .menu-sticky #masthead ul#primary-menu > li > a {
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
  }
  .menu-sticky #masthead.nav-shrink ul#primary-menu > li > a {
      padding-top: 26px;
      padding-bottom: 26px;
  }
  .menu-sticky #masthead.nav-shrink .site-title {
    font-size: 22px;
  }
  .menu-sticky #masthead.nav-shrink .site-branding {
    min-height: 80px;
    padding: 9px 0;
  }
  .menu-sticky.modern-menu #masthead.nav-shrink .site-branding {
    min-height: 70px;
  }
  .menu-sticky.modern-menu.header-alignment-modern #masthead.nav-shrink .site-branding {
    padding: 9px 0;
  }
  .modern-menu.header-alignment-modern .main-navigation ul ul {
    text-align: center;
  }
  .modern-menu.header-alignment-modern .main-navigation ul.sub-menu li a {
    padding-left: 25px;
  }
  .modern-menu #featured-slider,
  .modern-menu #page-site-header {
      padding-left: 70px;
      padding-right: 70px;
  }
  .modern-menu #masthead .wrapper {
    max-width: 100%;
    width: 100%;
    padding-left: 70px;
    padding-right: 70px;
  }
  .modern-menu #masthead .menu-toggle {
      height: 70px;
      right: -70px;
      min-width: 70px;
      background-color: #1c2b42;
      margin-right: 0;
  }
  .header-alignment-modern #masthead .menu-toggle,
  .header-alignment-modern.modern-menu #masthead .menu-toggle {
    margin-right: auto;
    right: 0;
    background-color: transparent;
  }
  .modern-menu.header-alignment-modern #masthead .menu-toggle svg {
    fill: #1c2b42;
  }
  .modern-menu.header-color-scheme-black.header-alignment-modern #masthead .menu-toggle svg,
  .modern-menu.header-color-scheme-black .main-navigation form.search-form svg.icon-search {
    fill: #fff;
  }
  .modern-menu.header-color-scheme-black .main-navigation form.search-form input {
    background-color: #222;
    color: #fff;
  }
  .modern-menu.header-alignment-modern #masthead.site-header .main-navigation ul.nav-menu {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
  }
  .modern-menu #masthead .menu-toggle svg {
    fill: #fff;
  }
  .modern-menu #masthead .main-navigation ul.nav-menu {
    margin-right: 0;
  }
  .modern-menu #masthead .site-branding {
    min-height: 70px;
    padding: 5px 0;
  }
  .modern-menu .site-title {
      font-size: 22px;
  }
  .header-alignment-modern.modern-menu .site-title {
      font-size: 32px;
  }
  .header-alignment-modern.modern-menu #masthead .site-branding {
    min-height: 100px;
    padding: 15px 0;
  }
  .modern-menu .site-description {
      margin: 2px 0 0;
      font-size: 14px;
  }
  .modern-menu.menu-sticky #content {
      padding-top: 70px;
  }
  .modern-menu.menu-sticky.header-alignment-modern #content {
      padding-top: 160px;
  }
  .modern-menu .menu-toggle, 
  .modern-menu .menu-open .menu-toggle svg.icon-close {
      display: block;
  }
  .modern-menu .site-branding {
    padding: 15px 0;
  }
  .modern-menu .main-navigation a {
      border-bottom: 1px solid #eee;
  }
  .modern-menu .main-navigation ul ul a {
      width: 100%;
  }
  .modern-menu .main-navigation ul ul,
  .modern-menu .main-navigation ul ul ul {
      box-shadow: none;
      float: none;
      position: relative;
      top: 0;
      left: 0;
      margin-bottom: 0;
      display: none;
  }
  .modern-menu .main-navigation ul ul li:hover > ul, 
  .modern-menu .main-navigation ul ul li.focus > ul {
      right: 0;
  }
  .modern-menu #masthead .main-navigation ul ul li.menu-item-has-children > a {
      padding-right: 15px;
  }
  .modern-menu .main-navigation ul.sub-menu li {
      padding-right: 0;
  }
  .modern-menu .main-navigation .menu-item-has-children > a:before {
      content: "";
      float: right;
      position: relative;
      right: 25px;
      background-color: #ccc;
      width: 1px;
      height: 25px;
  }
  .modern-menu .main-navigation .menu-item-has-children > a:after {
      padding-top: 3px;
  }
  .modern-menu .main-navigation ul.nav-menu > li > a,
  .modern-menu .main-navigation ul.sub-menu li a {
      padding: 15px 15px 15px 25px;
  }
  .modern-menu .main-navigation ul.sub-menu li a {
    padding-left: 50px;
  }
  .modern-menu .main-navigation ul.sub-menu ul li a {
    padding-left: 75px;
  }
  .modern-menu .main-navigation ul.sub-menu ul ul li a {
    padding-left: 100px;
  }
  .modern-menu .main-navigation ul.sub-menu ul ul ul li a {
    padding-left: 125px;
  }
  .modern-menu .main-navigation .menu-item-has-children a svg {
    display: none;
  }
  .modern-menu .main-navigation ul.sub-menu li a {
    border-left: none;
  }
  .modern-menu .main-navigation ul.nav-menu {
      margin-right: 0;
      background-color: #fff;
      margin-top: 25px;
      border-top: 1px solid #eee;
  }
  .modern-menu .main-navigation {
    position: static;
  }
  .modern-menu .main-navigation a {
    color: #1c2b42;
  }
  .modern-menu .main-navigation svg.icon-search,
  .modern-menu .main-navigation svg.icon-down {
    fill: #1c2b42;
      margin-top: -5px;
  }
  .modern-menu .main-navigation ul.sub-menu {
    border: none;
  }
  .modern-menu .menu-open .menu-toggle .icon-close {
    display: block;
    fill: #1c2b42;
    margin: auto;
    width: 20px;
    height: 20px;
  }
  .modern-menu #masthead.site-header .main-navigation ul.nav-menu {
      margin-top: 0;
      position: absolute;
      max-width: 400px;
      top: 100%;
      left: auto;
      right: 0;
      width: 100%;
  }
  .modern-menu.menu-sticky #masthead.site-header .main-navigation ul.nav-menu {
      max-height: 400px;
      overflow-y: auto;
  }
  .modern-menu .main-navigation .search-menu a,
  .modern-menu #search:before {
      display: none;
  }
  .modern-menu #search {
      position: relative;
      display: block;
  }
  .modern-menu .main-navigation form.search-form,
  .modern-menu .main-navigation form.search-form input {
    border: none;
  }
  .modern-menu .site-branding {
    min-height: 105px;
  }
  .modern-menu .main-navigation form.search-form input {
      background-color: #fff;
      border-color: #eee;
      min-height: 55px;
  }
  .modern-menu .main-navigation form.search-form button.search-submit {
    height: 55px;
  }
  .modern-menu .menu-open #search {
      display: block !important;
  }
  .modern-menu .main-navigation form.search-form input {
    padding-left: 25px;
  }
  .modern-menu .main-navigation .sub-menu svg {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  .modern-menu .main-navigation li,
  .modern-menu button.dropdown-toggle {
      display: block;
  }
  .modern-menu .main-navigation ul.nav-menu > li.menu-item-has-children:hover > a:after {
    display: none;
  }
  .modern-menu .nav-shrink .main-navigation ul.nav-menu > li > a, 
  .modern-menu .nav-shrink .main-navigation ul.sub-menu li a,
  .modern-menu.menu-sticky #masthead.nav-shrink ul#primary-menu > li > a {
      padding-top: 15px;
      padding-bottom: 15px;
  }
  .modern-menu .main-navigation ul.sub-menu li:hover > a, 
  .modern-menu .main-navigation ul.sub-menu li:focus > a {
    background-color: transparent;
    color: #ff8737;
  }
  .modern-menu .main-navigation ul#primary-menu ul li.current-menu-item > a, 
  .modern-menu .main-navigation ul#primary-menu ul li:hover > a, 
  .modern-menu .main-navigation ul#primary-menu ul li:focus > a {
    color: #ff8737;
  }
  .modern-menu .main-navigation .menu-item-has-children a svg,
  .modern-menu #masthead .main-navigation ul ul li a svg {
    display: none;
  }
  .modern-menu .main-navigation ul.sub-menu > li:last-child > a {
      border-bottom: 1px solid #eee;
  }
  .modern-menu .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%;
  }
  .header-color-scheme-black.modern-menu .main-navigation ul.nav-menu {
    background-color: #222;
    border-top: none;
  }
  .header-color-scheme-black.modern-menu .main-navigation a, 
  .header-color-scheme-black.modern-menu .main-navigation ul.sub-menu li a {
    border-bottom-color: rgba(255, 255, 255, 0.30);
  }
  .header-color-scheme-black.modern-menu .main-navigation ul.nav-menu > li:last-child > a,
  .header-color-scheme-black.modern-menu .main-navigation ul.nav-menu > li:last-child > ul > li:last-child > a {
    border-bottom: none;
  }
  .header-color-scheme-black.modern-menu .main-navigation ul.nav-menu > li:last-child ul.sub-menu {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
  .header-color-scheme-black.modern-menu .main-navigation svg.icon-down {
    fill: #fff;
  }
  #featured-slider article {
      padding: 300px 0;
  }
  .featured-content-wrapper .entry-title {
      font-size: 52px;
      margin-bottom: 40px;
  }
  #services-section .services-items-wrapper.col-4 article {
    width: 25%;
  }
  #services-section .services-items-wrapper.col-4 article:nth-child(2n+1) {
    clear: none;
  }
  #services-section .services-items-wrapper.col-4 article:nth-child(4n+1) {
    clear: left;
  }
  #services-section .services-items-wrapper.col-4 article:nth-last-child(-n+4) {
    margin-bottom: 0;
  }
  #projects-section article:nth-child(1n) .featured-image {
    padding: 250px 0;
  }
  #projects-section article:nth-child(2n) .featured-image {
    padding: 125px 0;
  }
  #projects-section article:nth-child(3n) .featured-image {
    padding: 250px 0;
  }
  #projects-section article:nth-child(4n) .featured-image {
    padding: 250px 0;
  }
  #projects-section article:nth-child(5n) .featured-image {
    padding: 125px 0;
  }
  #projects-section article:nth-child(6n) .featured-image {
    padding: 125px 0;
  }
  .blog-posts-wrapper .entry-container .entry-title {
      font-size: 28px;
  }
  .right-sidebar #primary,
  .left-sidebar #primary {
      width: 70%;
      float: left;
      padding-right: 30px;
    }
    .right-sidebar #secondary,
    .left-sidebar #secondary {
      width: 30%;
      float: right;
    }
    .left-sidebar #primary { 
      float: right;
      padding-right: 0;
      padding-left: 30px;
    }
    .no-sidebar #primary {
      width: 100%;
      float: none;
      padding-right: 0;
    }
    .boxed-layout #page {
      max-width: 1200px;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
  }
  .frame-layout {
      max-width: 100%;
      width: 100%;
      padding-left: 50px;
      padding-right: 50px;
      margin: 50px auto;
  }
}
@media screen and (min-width: 1200px) {
    .main-navigation ul.nav-menu > li > a {
      padding: 36px 18px;
  }
  #search:before {
      right: 15px;
  }
  .featured-content-wrapper .entry-title {
      font-size: 62px;
      max-width: 780px;
      line-height: 1.3;
  }
  #about-us article.has-featured-image .entry-container {
      padding-right: 100px;
    }
    #about-us.img-left article.has-featured-image .entry-container {
        padding-left: 75px;
    }
    .section-subtitle {
      padding-bottom: 38px;
    }
    #about-us .entry-content p {
      margin: 0 0 35px;
  }
  #projects-section .section-subtitle,
  #latest-news .section-subtitle {
    padding-bottom: 32px;
  }
  .blog-posts-wrapper.col-3 .has-post-thumbnail .featured-image {
      padding: 160px 0;
  }
}
@media screen and (min-width: 1900px) {
  .btn {
    min-width: 206px;
  }
  .page-section {
      padding: 120px 0;
  }
  .wrapper {
      max-width: 1300px;
  }
  .modern-menu #featured-slider, 
  .modern-menu #page-site-header,
  .modern-menu #masthead .wrapper {
      padding-left: 100px;
      padding-right: 100px;
  }
  .modern-menu #masthead .menu-toggle {
      height: 100px;
      right: -100px;
      min-width: 100px;
  }
  .modern-menu #masthead .site-branding,
  .menu-sticky.modern-menu #masthead.nav-shrink .site-branding {
    min-height: 100px;
  }
  .menu-sticky.modern-menu.header-alignment-modern #masthead.nav-shrink .site-branding {
    min-height: 80px;
  }
  .modern-menu.menu-sticky #content {
      padding-top: 100px;
  }
  .modern-menu.menu-sticky #masthead.site-header .main-navigation ul.nav-menu {
    max-height: 500px;
  }
  #featured-slider article {
      padding: 435px 0;
  }
  .featured-content-wrapper .entry-title {
      font-size: 72px;
  }
  #about-us article.has-featured-image .entry-container {
      padding-right: 100px;
  }
  #about-us.img-left article.has-featured-image .entry-container {
    padding-left: 100px;
    }
    #projects-section .projects-wrapper {
      margin: 0 -15px;
  }
    #projects-section article {
      padding: 0 15px;
    }
    #projects-section article {
      margin-bottom: 30px;
  }
  .testimonial-slider .has-featured-image .featured-image {
    border-width: 20px;
  }
  .testimonial-slider .has-featured-image .featured-image {
      max-width: 500px;
      padding: 280px 0;
  }
  #testimonial-section {
    padding: 70px 0;
  }
  .blog-posts-wrapper .entry-container .entry-title {
      font-size: 32px;
  }
  .blog-posts-wrapper.col-2,
  .blog-posts-wrapper.col-3 {
    margin: 0 -15px;
  }
  .blog-posts-wrapper.col-2 article,
  .blog-posts-wrapper.col-3 article {
      padding: 0 15px;
  }
  #secondary .textwidget img {
      height: 270px;
      width: 270px;
  }
  #secondary .widget:not(:last-child) {
      margin-bottom: 63px;
  }
  #comments {
      margin: 90px 0 0;
  }
  #respond {
      margin-top: 75px;
  }
  .footer-widgets-area.col-3 .hentry:not(:last-child),
  .footer-widgets-area.col-2 .hentry:nth-child(odd) {
    padding-right: 100px;
  }
  .boxed-layout #page {
      max-width: 1600px;
      width: 90%;
  }
  .frame-layout {
      padding-left: 100px;
      padding-right: 100px;
      margin: 100px auto;
  }
}
@media screen and (max-width: 1023px) {
  #masthead {
      margin-bottom: 0;
      position: relative;
      min-height: 80px;
  }
  .menu-toggle {
    height: 80px;
  }
  .site-branding {
    padding: 7px 0;
    min-height: 80px;
  }
  .site-title {
    font-size: 26px;
  }
  .main-navigation a {
      border-bottom: 1px solid #eee;
  }
  .main-navigation ul.nav-menu > li:last-child > a,
  .main-navigation ul.nav-menu > li:last-child > ul > li:last-child > a {
    border-bottom: none;
  }
  .main-navigation ul.nav-menu > li:last-child ul.sub-menu {
    border-top: 1px solid #eee;
  }
  .header-color-scheme-black .main-navigation ul.nav-menu > li:last-child ul.sub-menu {
    border-top-color: rgba(255, 255, 255, 0.3);
  }
  .main-navigation ul ul a {
      width: 100%;
  }
  .main-navigation ul ul,
  .main-navigation ul ul ul {
      box-shadow: none;
      float: none;
      position: relative;
      top: 0;
      left: 0;
      margin-bottom: 0;
      display: none;
  }
  .main-navigation ul.sub-menu li {
      padding-right: 0;
  }
  .main-navigation .menu-item-has-children > a:before {
      content: "";
      float: right;
      position: relative;
      right: 25px;
      background-color: #ccc;
      width: 1px;
      height: 25px;
  }
  .main-navigation .menu-item-has-children > a:after {
      padding-top: 3px;
  }
  .main-navigation ul.nav-menu > li > a,
  .main-navigation ul.sub-menu li a {
      padding: 15px 15px 15px 25px;
  }
  .main-navigation ul.sub-menu li a {
    padding-left: 50px;
  }
  .main-navigation ul.sub-menu ul li a {
    padding-left: 75px;
  }
  .main-navigation ul.sub-menu ul ul li a {
    padding-left: 100px;
  }
  .main-navigation ul.sub-menu ul ul ul li a {
    padding-left: 125px;
  }
  .main-navigation .menu-item-has-children a svg {
    display: none;
  }
  .main-navigation ul.sub-menu li a {
    border-left: none;
  }
  .main-navigation ul.nav-menu {
      margin-right: 0;
      background-color: #fff;
      margin-top: 25px;
      border-top: 1px solid #eee;
  }
  .header-color-scheme-black .main-navigation ul.nav-menu {
      background-color: #222;
      border-top: none;
  }
  .header-color-scheme-black .main-navigation a,
  .header-color-scheme-black .main-navigation ul.sub-menu li a {
    border-bottom-color: rgba(255, 255, 255, 0.30); 
  }
  .header-alignment-modern .main-navigation ul ul {
    text-align: center;
  }
  .header-alignment-modern .main-navigation ul.sub-menu li a {
    padding-left: 25px;
  }
  .header-alignment-modern #masthead.site-header .main-navigation ul.nav-menu {
    max-width: 100%;
  }
  .main-navigation {
    position: static;
  }
  .main-navigation a {
    color: #1c2b42;
  }
  .main-navigation svg.icon-search,
  .main-navigation svg.icon-down {
    fill: #1c2b42;
      margin-top: -5px;
  }
  .main-navigation ul.sub-menu {
    border: none;
  }
  .menu-open .menu-toggle .icon-close {
    display: block;
    fill: #1c2b42;
    margin: auto;
    width: 20px;
      height: 20px;
  }
  .header-color-scheme-black .menu-open .menu-toggle .icon-close {
    fill: #fff;
  }
  #masthead.site-header .main-navigation ul.nav-menu {
      margin-top: 0;
      position: absolute;
      max-width: 400px;
      top: 100%;
      left: auto;
      right: 0;
      width: 100%;
  }
  .main-navigation .search-menu a {
      display: none;
  }
  .main-navigation form.search-form input {
      background-color: #fff;
      border: none;
      min-height: 55px;
  }
  .header-color-scheme-black.header-alignment-modern form.search-form input,
  .header-color-scheme-black.classic-menu .main-navigation form.search-form input {
    background-color: #222;
    color: #fff;
  }
  .main-navigation form.search-form button.search-submit {
    height: 59px;
  }
  .menu-open #search {
      display: block !important;
  }
  .main-navigation form.search-form input {
    padding-left: 25px;
  }
  .main-navigation .sub-menu svg {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
    #secondary {
        margin-top: 50px;
    }
}

@media screen and (max-width: 992px) {
  .single-post-wrapper .entry-title,
  .comments-title, 
  #reply-title {
      font-size: 28px;
  }
  #testimonial-section .entry-container,
  .testimonial-slider .slick-dots {
      text-align: center;
  }
}
@media screen and (max-width: 767px) {
  #masthead.site-header .main-navigation ul.nav-menu {
    max-width: 100%;
  }
  #featured-slider button.slick-arrow,
  #featured-slider:hover button.slick-arrow {
    display: none;
    opacity: 0;
    visibility: hidden;
  }
  .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;
  }
  .blog .navigation.post-navigation .nav-previous, 
  .blog .navigation.post-navigation .nav-next,
  .archive .navigation.post-navigation .nav-previous, 
  .archive .navigation.post-navigation .nav-next,
  .search .navigation.post-navigation .nav-previous, 
  .search .navigation.post-navigation .nav-next,
  .blog .navigation.posts-navigation .nav-previous, 
  .blog .navigation.posts-navigation .nav-next,
  .archive .navigation.posts-navigation .nav-previous, 
  .archive .navigation.posts-navigation .nav-next,
  .search .navigation.posts-navigation .nav-previous, 
  .search .navigation.posts-navigation .nav-next {
    width: 50%;
  }
  .post-navigation span.previous-article b, 
  .post-navigations span.previous-article b, 
  .post-navigation span.next-article b, 
  .post-navigations span.next-article b {
    font-size: 18px;
  }
  #respond {
    margin-top: 40px;
  }
  .comment-meta img {
    margin-right: 15px;
  }
  .comments-title, 
  #reply-title {
      margin-bottom: 0;
  }
  #commentform p.comment-form-comment,
  #commentform p.form-submit {
    margin-top: 21px;
  }
  nav.navigation.pagination,
  #secondary {
    margin-top: 30px;
  }
  .single-post-wrapper .entry-title,
  .comments-title, 
  #reply-title {
      font-size: 26px;
  }
  #comments {
      margin-top: 40px;
  }
  .tags-links {
      margin-bottom: 25px;
  }
  .footer-widgets-area td, 
  .footer-widgets-area th {
    padding: 5px;
  }
}
@media screen and (max-width: 567px) {
  .site-branding {
    display: block;
    padding: 17px 0;
      max-width: 421px;
  }
  .pagination .page-numbers.prev, 
  .pagination .page-numbers.next {
    top: 0;
  }
  .pagination .prev.page-numbers:before, 
  .pagination .next.page-numbers:before {
    width: 35px;
    height: 10px;
  }
  .pagination .page-numbers.prev, 
  .pagination .page-numbers.next {
    margin-left: 0;
    margin-right: 0;
  }
  .trail-items li {
    font-size: 12px;
  }
  blockquote.alignright {
    margin-left: 0;
  }
  .testimonial-slider .has-featured-image .featured-image {
    box-shadow: none;
  }
  .single-post-wrapper .entry-meta {
      float: none;
      margin-right: 0;
      display: inline-block;
      margin-bottom: 25px;
  }
  .single-post-wrapper .entry-header {
    text-align: center;
  }
  .single-post-wrapper article p {
      margin-bottom: 25px;
  }
  #author-section {
      text-align: center;
  }
  .author-image {
      float: none;
      margin: 0 0 25px;
  }
  .author-content {
      display: block;
  }
  .author-name:after {
    margin-left: auto;
    margin-right: auto;
  }
  .comment-meta img {
      margin: 0 0 25px;
      float: none;
  }
  .comment-meta .url, 
  .comment-meta .fn {
    display: block;
  }
  .comment-content {
      padding-left: 0;
  }
  #comments ol.children {
      margin-left: 50px;
  }
  .reply {
      padding-left: 0;
  }
  .footer-widgets-area .hentry:last-child,
  .footer-widgets-area.col-3 .hentry:last-child {
    margin-bottom: 0;
      padding-right: 0;
  }
  .footer-widgets-area td, 
  .footer-widgets-area th {
    padding: 7px;
  }
}
@media screen and (max-width: 480px) {
  .site-branding {
      max-width: 300px;
  }
}
@media screen and (max-width: 412px) {
  .site-branding {
      max-width: 240px;
  }
}
@media screen and (max-width: 360px) {
  .site-branding {
      max-width: 190px;
  }
}