/*!
Theme Name: CollarBiz
Theme URI: http://sharkthemes.com/downloads/collarbiz
Author: Shark Themes
Author URI: http://sharkthemes.com/
Description: CollarBiz is a well designed multipurpose theme, especially for business and corporate sector websites. It is blazingly fast, extremely light-weight, search engine friendly and very easy to use. CollarBiz theme has wide list of customizable features including front page customizable sections with customizer api, multiple layouts and many more options. CollarBiz helps you use that technology to your competitive advantage. It comes with cross-browser compatibility, mobile friendly design and responsive features.
Version: 1.0.8
Requires PHP: 5.6
Tested up to: 6.2
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: collarbiz
Tags: translation-ready, custom-background, custom-header, theme-options, custom-menu, threaded-comments, featured-images, featured-image-header, footer-widgets, right-sidebar, full-width-template, two-columns, three-columns, grid-layout, custom-logo, blog, portfolio, education

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.

CollarBiz is based on Underscores https://sharkthemes.com/, (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
# Sections
    ## Banner Slider
    ## Client
    ## Introduction
    ## Our Services
    ## Skills
    ## Case Studies
    ## portfolio-section
    ## Team Section
    ## Testimonial Section
    ## Popular Posts
    ## Short Call to Action

# About Page
# Footer
# Responsive

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

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

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

.loader-container svg, 
.blog-loader svg {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
    width: 50px;
    height: 50px;
    fill: #333;
}
.blog-loader svg {
    width: 35px;
    height: 35px;
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.backtotop {
    background-color: #488bf8;
    border-radius: 10px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    position: fixed;
    bottom: -100px;
    right: 25px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #fff;
}
.backtotop:hover {
    border-color: #333;
    background-color: #333;
    color: #fff;
}
.backtotop:hover svg {
    fill: #fff;
}
.backtotop svg {
    display: inline-block;
    vertical-align: middle;
    fill: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.read-more {
    margin-top: 13px;
    display: inline-block;
    background-color: #488bf8;
    font-size: 14px;
    width: auto;
    padding: .7em 2.1em;
    color: #fff;
    line-height: 1.5em;
    font-weight: 500;
    border: 1px solid #488bf8;
    border-radius: 4px;
    cursor: pointer;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.read-more:hover {
    background: #333;
    border-color: #333;
    color: #fff;
}
.blog-loader-btn {
    text-align: center;
}

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

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

#page {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
}
#content {
    position: relative;
/*    max-width: 1365px;
    margin: 0 auto;*/
}
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;
    font-size: 3.25rem;
}

h2 {
    font-size: 42px;
    font-size: 2.625rem;
}

h3 {
    font-size: 32px;
    font-size: 2rem;
}

h4 {
    font-size: 28px;
    font-size: 1.75rem;
}

h5 {
    font-size: 24px;
    font-size: 1.5rem;
}

h6 {
    font-size: 20px;
    font-size: 1.25rem;
}

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

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

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

pre {
    overflow: auto;
}

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

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

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

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

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

input {
    line-height: normal;
}

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

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

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

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

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 8px;
    border: 1px solid #333;
}

td#next {
    text-align: right;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    font-weight: 400;
    color: #444;
}
p {
    margin: 0.5em 0;
    color: #444;
    letter-spacing: 0.5px;
    font-size: 16px;
    font-weight: 400;
}
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: 16px;
    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: 16px;
    font-size: 0.9375rem;
}

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

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

big {
    font-size: 125%;
}

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

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

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

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

blockquote {
    background-color: #f6f6f6;
    padding: 15px;
    border-left: 5px solid #ccc;
}

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: 1em;
}

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

dd {
    margin: 0 1.5em 1.5em;
}

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

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

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

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

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

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #333;
    border: 1px solid #ccc;
    border-radius: 4px;
    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;
    border-color: #aaa;
}

textarea {
    width: 100%;
}

textarea,
#respond input,
.wpcf7 input {
    width: 100%;
    border-radius: 4px;
    height: 40px;
    padding: 0 15px;
    margin: 6px 0;
}
#respond textarea {
    height: 180px;
    padding: 10px 15px;
}
#respond input[type="submit"] {
    border-color: #488bf8;
    font-weight: 500;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#respond input[type="submit"]:hover,
#respond input[type="submit"]:focus {
    border-color: #333; 
    background-color: #333; 
}
p.form-submit {
    clear: both;
    display: table;
    float: right;
    margin-bottom: 0;
}
.comment-notes {
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 20px;
}
#respond label {
    color: #333;
    margin-bottom: 5px;
    display: table;
}
#respond .comment-form-cookies-consent input[type="checkbox"], 
.comment-form-cookies-consent input[type="checkbox"] {
  width: auto;
  float: left;
  height: 17px;
}
#respond .comment-form-cookies-consent label, .comment-form-cookies-consent label {
  display: table;
  padding-left: 10px;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #333;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: #333;
    border-color: #333;
}

a:focus {
    outline: thin dotted;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#top-menu {
    padding: 14px 0;
    background: #333;
}
#top-menu svg.icon-up,
#top-menu svg.icon-down {
    margin: auto;
    display: block;
    cursor: pointer;
    fill: #fff;
}
#top-menu ul {
    padding: 0;
}
#top-menu svg.icon-up,
#top-menu.top-menu-active svg.icon-down {
    display: none;
}
#top-menu.top-menu-active svg.icon-up {
    display: block;
}
.social-menu li:not(:last-child) {
    margin-right: 30px;
}
.secondary-menu {
    float: left;
    color: #eee;
}
.social-menu {
    float: right;
}
#top-menu ul li {
    float: left;
    list-style: none;
    font-family: 'Mulish', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}
.secondary-menu ul li svg {
    margin: -5px 10px 0 0;
    fill: #fff;
}
.secondary-menu ul li svg.icon.icon-plane {
    height: 19px;
    width: 19px;
}
.secondary-menu a {
    font-family: 'Mulish', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 14px;
}
.secondary-menu ul li:not(:last-child):after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}
#masthead {
    position: relative;
    background: rgba(255,255,255,0.1);
    width: 100%;
    z-index: 3000;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#masthead.site-header.sticky-header.nav-shrink {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
}
#masthead.site-header .container .btn-right {
    float: right;
    margin-left: 15px;
}
#masthead.site-header .container .btn-right .read-more{
    margin: 23px 0;
    text-transform: initial;
}
#masthead .site-branding .custom-logo-link{
    margin-right: 12px;
}
.site-branding {
    display: flex;
    align-items: center;
    height: 90px;
    float: left;
}
.site-title {
    font-size: 32px;
    margin: 0;
    line-height: 24px;
}
#masthead.site-header.sticky-header.nav-shrink .site-title a,
.site-title a {
    font-family: 'Mulish', sans-serif;
    font-weight: 400;
    font-size: 1.925rem;
    letter-spacing: 1px;
    color: #333;
}
#masthead.site-header.sticky-header.nav-shrink .site-description,
.site-description {
    margin: 10px 0 0;
    color: #333;
    line-height: 1;
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    clear: both;
    display: table;
}
.site-branding img.custom-logo {
    max-height: 75px;
    width: auto;
}
#site-details {
    margin-top: 15px;
}
.main-navigation {
    float: right;
    position: relative;
}
.nav-shrink .main-navigation:before, 
.nav-shrink .main-navigation:after {
    display: none;
}
.nav-shrink .main-navigation {
    border: none;
}
.main-navigation ul.sub-menu {
    background-color: #fff;
    text-align: left;
    padding: 10px 0;
    border: 1px solid rgba( 0,0,0,0.1 );
}
.main-navigation ul.sub-menu li a {
    padding: 10px 15px;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}
.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 {
    padding: 34px 13px;
}
.main-navigation ul.menu li.current-menu-item > a {
    color: #333;
    font-weight: 600;
}
.main-navigation ul.nav-menu li.current-menu-item > a {
    color: #488bf8;
}
.main-navigation ul.nav-menu li:hover > a,
.main-navigation ul.nav-menu li.focus > a{
    color: #488bf8;
}
.main-navigation ul.nav-menu li.menu-item-has-children:hover > a svg,
.main-navigation ul.nav-menu li.menu-item-has-children.focus > a svg{
    fill: #488bf8;
}
.main-navigation a {
    display: block;
    text-decoration: none;
    text-transform: capitalize;
    font-family: 'Mulish', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    color: #333;
}
.main-navigation ul#primary-menu li .read-more{
   color: #fff;
   background-color: #488bf8;;
}
#masthead.site-header.sticky-header.nav-shrink .main-navigation ul li.menu-item-has-children a:hover svg,
.main-navigation a:hover,
.main-navigation ul li.menu-item-has-children a:hover svg {
    color: #333;
    fill: #333;
}
.main-navigation ul li.menu-item-has-children svg {
    fill: #333;
    margin-left: 5px;
}
.main-navigation ul ul {
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0px;
}
.main-navigation ul ul a {
    width: 225px;
}
#search form.search-form button,
#search {
    float: left;
}
#top-search {
    margin-left: 30px;
    position: relative;
}
form.search-form {
    width: 100%;
    max-width: 100%;
    position: relative;
}
.no-results form.search-form {
    max-width: 400px;
    margin-top: 25px;
}
.no-results {
    margin: 0 10px;
}
.error-404 form.search-form {
    margin: 25px auto 50px;
    max-width: 400px;
}
.error-404 .error-heading {
    font-size: 72px;
}
.main-navigation form.search-form {
    min-width: 320px;
}
input.search-field {
    height: 45px;
    border-radius: 4px;
    padding: 0 50px 0 15px;
    width: 100%;
}
#search input.search-field {
    
}
svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    fill: #333;
}
svg.icon-search {
    width: 12px;
    height: 12px;
    fill: #fff;
}
.main-navigation svg.icon-down {
    width: 12px;
    height: 12px;
    margin-left: 5px;
}
.main-navigation svg.icon-right {
    width: 12px;
    height: 12px;
    fill: #333;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.menu-toggle {
    padding: 0;
    border-radius: 4px;
    font-size: 16px;
    margin: 31px auto;
    display: block;
    height: 27px;
    width: 25px;
    position: relative;
    background: transparent;
    border: none;
    float: right;
}
svg.icon-close {
    fill: #333;
    width: 22px;
    height: 22px;
    vertical-align: baseline;
}
svg.icon-menu {
    fill: #333;
    width: 24px;
    height: 24px;
    vertical-align: baseline;
}
.menu-open svg.icon-menu {
    display: none;
}
.menu-toggle svg.icon-close {
    display: none;
}
.menu-open svg.icon-close {
    display: block;
}
button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    height: 45px;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 50px 0;
    overflow: hidden;
}

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

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.post-navigation a, 
.posts-navigation a {
    text-transform: capitalize;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
}
.post-navigation a:hover svg, 
.posts-navigation a:hover svg {
    fill: #333;
}
.post-navigation, 
.posts-navigation {
    padding: 0;
    position: relative;
}
.post-navigation:before,
.posts-navigation:before,
.post-navigation:after,
.posts-navigation:after {
    content: "";
    background-color: #333;
    height: 1px;
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    z-index: -1;
}
.post-navigation:after,
.posts-navigation:after {
    top: auto;
    bottom: 2px;
}
.post-navigation,
.posts-navigation,
.post-navigation,
.posts-navigation {
    background: #f9f9f9;
    padding: 10px 0;
}
.pagination .page-numbers {
    border: 1px solid rgba(190, 190, 190, 0.50);
    min-width: 44px;
    height: 44px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    margin-right: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.pagination .page-numbers.dots {
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.pagination .page-numbers.current {
    color: #fff;
    background: #333;
}
.pagination a.page-numbers:hover,
.pagination a.page-numbers:focus {
    color: #333;
    border-color: #333;
}
.woocommerce nav.woocommerce-pagination ul li a:focus svg, 
.woocommerce nav.woocommerce-pagination ul li a:hover svg,
.pagination a.page-numbers:hover svg,
.pagination a.page-numbers:focus svg {
    fill: #333;
}
.pagination .page-numbers:last-child {
    margin-right: 0;
}
/*--------------------------------------------------------------
# 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: thin dotted;
}

/*--------------------------------------------------------------
# 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,
#related-posts:before,
#related-posts:after,
.comments-area:before,
.comments-area:after,
.comment-respond:before,
.comment-respond:after,
ol.comment-list:before,
ol.comment-list:after,
.blog-posts-wrapper:before,
.blog-posts-wrapper:after,
.section-content:before,
.section-content:after,
.widget_instagram ul:before,
.widget_instagram ul: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,
#related-posts:before,
#related-posts:after,
.comments-area:before,
.comments-area:after,
.comment-respond:before,
.comment-respond:after,
ol.comment-list:before,
ol.comment-list:after,
.blog-posts-wrapper:before,
.blog-posts-wrapper:after,
.section-content:before,
.section-content:after,
.widget_instagram ul:before,
.widget_instagram ul:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.3em;
    font-weight: 400;
}
.widget a {
    font-weight: 500;
}
.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 select:focus {
    outline: thin dotted;
}

.widget input {
    height: 40px;
    border-radius: 4px;
    padding: 0 15px;
    border: none;
}
.widget .tagcloud a {
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 14px !important;
    line-height: 1.5;
    margin-bottom: 5px;
    padding: 7px 10px;
}

/* form */
.widget_sign-up form input{
    width: 100%;
    border: 1px solid #eaeaea;
    height: 43px;
    padding: 8px 15px;
    margin: 5px 0 22px 0;
    border-radius: 4px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: block;
    font-weight: 400;
}

form.search-form button.search-submit {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #333;
    border: none;
    width: 45px;
    border-radius: 4px;
}
.widget_search form.search-form button.search-submit {
    width: auto;
    font-size: 14px;
    color: #fff;
    background-color: #333;
    min-width: 45px;
    border-radius: 4px 4px 4px 0;
}
.widget_search form.search-form button.search-submit:hover,
.widget_search form.search-form button.search-submit:focus {
    background-color: #222;
}
.widget_search form.search-form input {
    border: 1px solid #333;
    padding: 0 100px 0 15px;
    border-radius: 4px;
}
form.search-form {
    position: relative;
}

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

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

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

.widget-title {
    font-size: 22px;
    margin-top: 0;
}
.widget li {
    list-style: none;
}
.widget .social-icons li:before,
.widget.widget_instagram li:before {
    content: none;
}
.widget li:not(:last-child) {
    margin-bottom: 8px;
}
#secondary section.widget {
    padding: 23px
}
/* sidebar */
#secondary section.widget{
    border-radius: 4px;
    border: 1px solid #eaeaea;
}
#secondary #resources ul li, #secondary #get-social ul li {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 12px;
}
#secondary .widget_latest_post ul li{
    padding: 12px 0;
}

#secondary section.widget ul,
#secondary section.widget div {
    text-align: left;
    font-weight: 400;
}
#secondary #message-from-author div,
#colophon #message-from-author div { 
    text-align: center;
}
.widget_instagram ul {
    list-style: none;
    padding: 0;
}
.widget.widget_instagram li {
    margin: 0;
}
.widget.widget_latest_post ul li:not(:last-child) {
    margin-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
}
.footer-widgets-area .widget_latest_post ul li:before,
.widget_latest_post ul li:before {
    content: none;
}

.widget_latest_post ul li .post-image {
    width: 25%;
    max-width: 81px;
    float: left;
}
.widget_latest_post ul li .post-content {
    width: 72%;
    float: left;
    margin-left: 3%;
}
.widget_latest_post ul li h5 {
    font-size: 1rem;
    margin: 0 0 5px;
}
.widget_latest_post .post-content .entry-meta,
.widget_latest_post .post-content .entry-meta > span.posted-on {
    margin-top: 0;
}
.widget_latest_post .entry-meta span.posted-on a,
.widget_latest_post .entry-meta span.posted-on a time {
    background: none;
    color: #555;
    padding: 0; 
}
#secondary .widget_instagram ul {
    margin: -10px;
}
#secondary .widget.widget_instagram li {
    padding: 10px;
}
.widget_instagram .column-1 li {
    width: 100%;
    float: none;
}
.widget_instagram .column-2 li {
    width: 50%;
    float: left;
}
.widget_instagram .column-3 li {
    width: 33.33%;
    float: left;
}
.widget_instagram .column-4 li {
    width: 25%;
    float: left;
}
.widget_instagram .column-5 li {
    width: 20%;
    float: left;
}
.widget_instagram .column-6 li {
    width: 16.66%;
    float: left;
}
.widget_instagram li img {
    width: 100%;
}
.social_widget .social-icons {
    float: left;
    color: #333;
}
.social_widget .social-icons ul.list-inline li {
    width: auto;
    margin-right: 15px;
}
#secondary .social_widget .social-icons ul.list-inline li svg {
    fill: #333;
}
#secondary .widget-title,
#secondary .widgettitle {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 18px;
    margin-top: 0;
    position: relative;
    display: inline-block;
    color: #333;
    overflow: hidden;
    width: 100%;
}
#secondary ul,
#secondary ol {
    padding-left: 0;
}
#secondary .widget ul li a {
    color: #333;
}
#secondary .widget ul li{
    color: #333;
}
#secondary .widget-title span,
#secondary .widgettitle span {
    display: inline-block;
    max-width: 100%;
    position: relative;
}
#secondary .widget-title:after,
#secondary .widgettitle:after {
    content: "";
    position: absolute;
    left: auto;
    top: 50%;
    width: 500px;
    height: 4px;
    border-top: 1px solid #eaeaea;
    margin-left: 10px;
}

#secondary .widget-title span:after,
#secondary .widgettitle span:after {
    left: 100%;
    right: auto;
}
#secondary .widget:not(:last-child) {
    margin-bottom: 30px;
}
input[type="submit"] {
    background-color: #488bf8;;
    color: #fff;
    font-size: 14px;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
    background-color: #555;
}
.jetpack_subscription_widget {
    text-align: center;
}
.jetpack_subscription_widget input[type="email"] {
    width: 100%;
    margin-bottom: 10px;
}
.jetpack_subscription_widget input[type="submit"] {
    min-width: 100px;
    text-align: center;
}
.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 {
    margin-bottom: 0;
}
.widget_popular_post ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
    display: table;
}
.widget.widget_popular_post ul li {
    clear: both;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}
.widget.widget_popular_post ul li:last-child {
    margin-bottom: 0;
}
.widget_popular_post h3 {
    font-size: 16px;
    line-height: 22px;
    display: table-row;
}
.widget_popular_post h3 a {
    display: block;
}
.widget_popular_post time {
    margin-top: 5px;
    display: inline-block;
}
.widget_popular_post h3 a,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time {
    color: #333;
}
.widget_popular_post h3 a:hover,
.widget_popular_post h3 a:focus,
.widget_popular_post a time,
.widget_popular_post time {
    color: #555;
}
.widget_popular_post img {
    max-width: 95px;
    border-radius: 50%;
    float: left;
    margin-right: 20px;
}
.widget_recent_entries span.post-date {
    display: block;
    color: #555;
    font-size: 14px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}
.hentry {
    margin: 0 0 1.5em;
}

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

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

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

header.page-header {
    max-width: 900px;
    margin: 10px 0 50px;
}
h1.page-title {
    font-size: 38px;
}
.entry-meta span img,
span.byline img,
span.author img {
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin: 0 5px 0 0;
}
.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: #333;
    font-family: 'Mulish', sans-serif;
}
.page-header small {
    font-size: 12px;
    color: #555;
}
.blog-posts-wrapper .featured-image img {
    width: 100%;
}
#comments {
    max-width: 850px;
    margin: 24px auto;
}
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: #333;
    width: 16px;
    height: 16px;
    position: relative;
}
.navigation.posts-navigation svg, 
.navigation.post-navigation svg {
    width: 35px;
    height: 35px;
    fill: #333;
    padding: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}
.navigation.posts-navigation svg.icon-left, 
.navigation.post-navigation svg.icon-left {
    margin-right: 10px;
}
.navigation.posts-navigation svg.icon-right, 
.navigation.post-navigation svg.icon-right {
    margin-left: 10px;
}
.wrapper.page-section {
    padding: 50px 0;
    margin-bottom: 0;
}
.no-sidebar .wrapper.page-section {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.no-sidebar-content .wrapper.page-section {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.blog-posts-wrapper {
    margin: 0 -10px;
}
.blog-posts-wrapper article {
    padding: 0 10px;
    margin: 0 0 1.5em;
}
.blog-posts-wrapper .post-wrapper {
    border: 1px solid #eaeaea;
    border-radius: 5px;
    overflow: hidden;
}
.blog-posts-wrapper .entry-container {
    padding: 12px 19px;
}
.blog-posts-wrapper.column-1 {
    margin: 0;
}
.blog-posts-wrapper .entry-meta > span:not(:first-child):before {
    display: inline-block;
    line-height: 18px;
    content: '\2022';
    margin: 0 6px;
    font-size: 16px;
    color: #b5b5b5;
}
.blog-posts-wrapper span.cat-links a,
.custom-header-content span.cat-links a {
    border: 1px solid rgba( 255,255,255,0.5 );
    padding: 3px 5px;
    border-radius: 3px;
    background: none;
    font-size: 14px;
    display: inline;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    margin: 0 2px;
    line-height: 32px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.custom-header-content span.cat-links a:hover {
    border-color: #fff;
}
.entry-meta span a{
    color: #333;
    font-weight: 400;
    text-transform: capitalize;
}
.blog-posts-wrapper span.cat-links a {
    color: #444;
    border-color: #999;
    text-transform: capitalize;
}
.blog-posts-wrapper span.cat-links a:hover {
    color: #333;
    border-color: #333;
}
span.tags-links a:not(:last-child):after {
    content: ',';
    margin-right: 5px;
}

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

.bypostauthor {
    display: block;
}

#reply-title,
.comments-title {
    font-size: 32px;
    font-weight: 400;
    margin: 0;
}
.comments-title {
    margin-bottom: 30px;
}
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: 30px;
    position: relative;
    overflow: hidden;
}
#comments ol.children {
    margin-left: 140px;
}
.says {
    display: none;
}
.comment-meta img {
    max-width: 81px;
    width: 81px;
    float: left;
    border-radius: 50%;
    margin-right: 60px;
}
#comments time:before {
    display: none;
}
.comment-body {
    position: relative;
}
.reply {
    margin-left: 140px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #333;
}
#comments article {
    margin-bottom: 30px;
}
#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 {
    border-bottom: 1px solid #333;
    padding-top: 30px;
}
#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 {
    color: #fff;
    font-weight: 400;
    background-color: #333;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 28px;
}
.reply a:hover,
.reply a:focus {
    color: #fff;
    background-color: #333;
}
#related-posts .entry-title a:hover,
#related-posts .entry-title a:focus,
#related-posts ul.post-categories li a:hover,
#related-posts ul.post-categories li a:focus {
    color: #333;
}
.comment-meta .url,
.comment-meta .fn {
    display: inline-block;
    text-transform: capitalize;
    color: #555;
    font-size: 18px;
    font-family: 'Mulish', sans-serif;
    font-weight: 700;
}
.comment-meta .url:hover,
.comment-meta .url:focus {
    color: #333;
}
.comment-metadata {
    display: block;
    margin-top: 10px;
}
.comment-content {
    padding-bottom: 10px;
}
.single-post-post header.page-header {
    margin-bottom: 35px;
}
.single-post-post article {
    margin-bottom: 0;
}
.single-post-post .blog-post h2.entry-title {
    color: #555;
}
.single-post-post ul.post-categories {
    display: inline-block;
}
.single-post-post .entry-meta span,
.single-post-post .entry-meta span:before,
.single-post-post .entry-meta span a {
    color: #555;
}
.single-post-post .entry-meta {
    margin-bottom: 10px;
}
.single-post-post .entry-meta > span {
    display: block;
    font-size: 14px;
    text-transform: capitalize;
    display: inline-block;
}
.single-post-post .entry-meta span.tags-links {
    display: block;
    font-size: 14px;
    text-transform: capitalize;
}
.single-post-post .entry-meta span.tags-links a {
    padding: 5px 7px;
    border: 1px solid #555;
    margin-right: 7px;
}
span.tags-links a:hover,
span.tags-links a:focus,
.single-post-post .entry-meta span.tags-links a:hover,
.single-post-post .entry-meta span.tags-links a:focus {
    border-color: #333;
    color: #333;
}
.single-post-post .entry-meta > span:not(:first-child):before {
    display: none;
}
.single-post-post .post-wrapper {
    padding-top: 50px;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}
#secondary .post-wrapper,
#colophon .post-wrapper {
    padding-top: 0;
}
.comment-content p {
    font-weight: 400;
    color: #565a5f;
    display: table;
    margin-bottom: 1em;
}
.single-post-post article blockquote {
    background-color: transparent;
    border: 3px solid #555;
    padding: 63px 80px;
    font-size: 22px;
    line-height: 38px;
    font-family: 'Mulish', sans-serif;
    position: relative;
    margin: 15px -90px;
    text-align: center;
}
.single-post-post article blockquote:before {
    content: "";
    background-image: url('assets/uploads/blockquote.png');
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 25px;
    background-color: #f2f2f2;
    margin-top: -12px;
    background-position: 50%;
}
#related-images {
    background-color: #f2f2f2;
    position: relative;
}
#related-images .wrapper {
    max-width: 980px;
    position: relative;
    z-index: 10;
}
#related-images h2 {
    font-size: 22px;
    font-weight: 400;
    max-width: 800px;
    margin: auto;
    padding: 50px 0 30px;
}
#related-images:after {
    content: "";
    background-color: #fff;
    width: 100%;
    position: absolute;
    height: 50%;
    left: 0;
    right: 0;
    bottom: 0;
}
span.pagingInfo {
    position: absolute;
    left: 50%;
    bottom: -70px;
    font-size: 16px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.share-this-post small {
    font-size: 12px;
}
.single-post-post .share-this-post ul li {
    display: block;
    margin-bottom: 7px;
}
.single-post-post .share-this-post {
    position: absolute;
    left: -190px;
}
.single-post-post .share-this-post .social-icons {
    margin-left: -10px;
}
#about-author {
    text-align: center;
    margin-bottom: 50px;
    position: relative;
}
.admin-image {
    max-width: 111px;
    max-height: 111px;
    display: inline-block;
    margin-bottom: 22px;
}
.admin-image img {
    max-width: 111px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}
.author-content .entry-title {
    margin-bottom: 0;
    line-height: 1;
}
.author-content .entry-title a {
    color: #555;
}
.author-content .entry-title a:hover,
.author-content .entry-title a:focus {
    color: #333;
}
.author-content span {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
.admin-image .separator {
    position: absolute;
    left: 0;
    right: 0;
    top: 56px;
    height: 1px;
    width: 100%;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

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

/*--------------------------------------------------------------
# Layouts and titles
--------------------------------------------------------------*/
section {
    position: relative;
}
.relative {
    display: block;
    position: relative;
}
.relative:before,
.relative:after {
    content: "";
    display: table;
    clear: both;
}
.entry-content {
    margin-top: 0;
    line-height: 1.75;
    letter-spacing: 0.5px;
    color: #444;
    font-weight: 400;
}
.wrapper {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
.row {
    margin: 0 -15px;
}
.page-section {
    margin-bottom: 100px;
}
.entry-title {
    text-transform: capitalize;
    font-size: 20px;
    margin: 8px 0;
    word-wrap: break-word;
    color: #40434a;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 1.3;
}
.entry-header h2.entry-title a {
    font-size: 20px;
    font-weight: 400;
    color: #222;
}
.section-header {
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 35px;
}
.section-header .separator {
    margin: 10px auto 10px;
}
.section-title {
    font-weight: 400;
    text-transform: capitalize;
    margin: 0;
    font-size: 45px;
    word-wrap: break-word;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: #333;
}
.section-description {
    color: #555;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Mulish', sans-serif;
}
#secondary .section-description,
#colophon .section-description {
    margin-bottom: 25px;
}
.section-title .color-red,
.widgettitle .color-red,
#journey .entry-title .color-red,
#contact-form .entry-title .color-red,
.related-posts-title .color-red,
#reply-title .color-red {
    font-style: italic;
    margin-right: 5px;
}
.display-none {
    display: none;
}
.display-block {
    display: block;
}
.black-overlay {
    background-color: #333;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}
.align-center {
    text-align: center;
}
 
/*--------------------------------------------------------------
# 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;
}

/*--------------------------------------------------------------
## Gallery
--------------------------------------------------------------*/
.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%;
}
.portfolio_widget .gallery {
    margin-bottom: 1.5em;
    position: relative;
    overflow: hidden;
    text-align: center;
}
#gallery article .entry-container {
    padding: 2px 20px 20px;
}
.portfolio_widget .gallery .featured-image {
    overflow: hidden;
    position: relative;
}
.portfolio_widget .gallery .featured-image .overlay {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 25px;
    background: #333;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.portfolio_widget .gallery .featured-image .overlay .entry-header .entry-title a {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
}
.portfolio_widget .gallery .featured-image .overlay .read-more {
    border-color: #fff;
}
.portfolio_widget .gallery .featured-image .overlay .read-more:hover {
    background: #333;
    border-color: #333;
}
.portfolio_widget .gallery .featured-image .overlay .read-more a {
    color: #fff;
}
.portfolio_widget .gallery .featured-image img {
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.portfolio_widget .gallery:hover .featured-image img {
    transform: scale(1.02);
}
.portfolio_widget .gallery:hover > .featured-image > .overlay {
    opacity: 1;
}
.gallery-caption {
    display: block;
}
.widget_media_gallery:after  {
    display: table;
    content: '';
    clear: both;
}
.widget_media_gallery .gallery-item {
    margin: 0;
    width: 50%;
    float: left;
    padding: 5px;
}
.widget_media_gallery .gallery {
    border: none;
}

/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/
.social-icons li {
    display: inline-block;
    height: auto;
    text-align: center;
    position: relative;
    list-style: none;
    background: rgba(255,255,255,0.2);
    border-radius: 100%;
}
.social-icons li:hover {
    background: rgba(255,255,255,0.7);
}
.social-icons {
    margin: 0;
    padding: 0;
}
ul.social-icons li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
}
.social-menu ul li a svg {
    fill: #fff;
}
.footer-widgets-area .social-menu ul li a svg {
    fill: #fff;
}
#top-menu .social-menu ul li a:hover,
#top-menu .social-menu ul li a:focus {
    background-color: transparent;
}
/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
.search .inner-header-image .custom-header-content,
.archive .inner-header-image .custom-header-content,
.blog .inner-header-image .custom-header-content{
    max-width: 100%;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.inner-header-image .custom-header-content h2{
    max-width: 800px;
    margin: auto;
    vertical-align: middle;
    display: table;
}

ul.trail-items {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
}
ul.trail-items li.trail-item.trail-end {
    color: #fff;
}
ul.trail-items li {
    display: inline-block;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 400;
}
ul.trail-items li:not(:last-child):after {
    font-family: 'fontawesome';
    content: "\f105";
    color: rgba( 255,255,255,0.5 );
    margin: 0 10px;
}
ul.trail-items li a {
    color: rgba( 255,255,255,0.5 );;
    font-size: 18px;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
ul.trail-items li a:hover,
ul.trail-items li a:focus {
    color: #fff;
}
ul.trail-items li:after {
    content: "-";
}
ul.trail-items li:last-child:after {
    display: none;
}
/*--------------------------------------------------------------
## Banner Slider
--------------------------------------------------------------*/
.overlay {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 0;
    left: 0;
}

.custom-header-content-wrapper .overlay {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    left: 0;
}

.custom-header-content-wrapper .wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.custom-header-content{
    max-width: 800px;
    vertical-align: middle;
    display: table;
    margin-left: 25px;
}
#custom-header .banner-slider.center-align .custom-header-content {
    margin: auto;
    text-align: center;
}
#custom-header .banner-slider.right-align .custom-header-content {
    margin-left: auto;
}
#custom-header .custom-header-content-wrapper.slide-item img {
    width: 100%;
    max-height: 1080px;
    object-fit: cover;
}
.custom-header-content h2 a {
    color: #fff;
    font-size: 48px;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.custom-header-content p {
    color: #fff;
    font-size: 18px;
    letter-spacing: 1.2px;
    font-weight: 400;
    line-height: 1.6;
}
.custom-header-content .read-more:nth-child(2){
    margin-left: 15px;
}
.custom-header-content .read-more:nth-child(1) {
    background-color: #fff;
    color: #488bf8;
}
.custom-header-content .read-more:nth-child(1),
.custom-header-content .read-more:nth-child(2) {
    margin-top: 15px;
    padding: .8em 2.4em;
    min-width: 180px;
    font-size: 16px;
    border: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.custom-header-content .read-more:nth-child(1):hover {
    background-color: #333;
    color: #fff;
}

.custom-header-content .read-more:nth-child(2){
    background-color: #488bf8;
    color: #fff;
} 

.custom-header-content .read-more:hover:nth-child(2):hover{
    background-color:#333;
    color: #fff;
}

.slick-prev, 
.slick-next {
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    width: 48px;
    height: 48px;
    z-index: 1;
    border-radius: 100px;
    left: 0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.slick-prev:hover, 
.slick-next:hover,
.slick-prev:focus, 
.slick-next:focus {
    background-color: #fff;
}

.section-content:hover .slick-prev, .section-content:hover .slick-next{
    visibility: visible;
    opacity: 1;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'fontawesome';
    content: "\f107";
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    margin: auto;
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slick-prev:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.slick-next:before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.slick-next {
    right: 15px;
    left: auto;
}
.slick-prev {
    left: 15px;
}
.slick-dots li {
    margin: 0;
    width: 25px;
    height: 20px;
}
.slick-dots li button {
    padding: 0;
    width: auto;
    height: auto;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #000;
    background-color: transparent;
}
.slick-dots li button:before {
    font-size: 25px;

}
.slick-dots {
    bottom: -40px;
}
.slick-dotted.slick-slider {
    margin-bottom: 20;
}

.inner-header-image {
    margin-bottom: 30px;
    position: relative;
    height: 700px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.archive .inner-header-image,
.search .inner-header-image,
.blog .inner-header-image {
    height: 250px;
}
.inner-header-image h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.inner-header-image .wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: table;
}

.page .inner-header-image .custom-header-content,
.single .inner-header-image .custom-header-content {
    float: none;
    text-align: center;
    margin: auto;
}
.single .inner-header-image .custom-header-content .entry-header{
    margin-bottom: 24px;
}
.single .entry-meta span img {
    border-radius: 50%;
    min-height: auto;
}

.inner-header-image .entry-meta > span:not(:first-child):before {
    content: '\2022';
    margin: 0 6px;
    font-size: 16px;
    color: #b5b5b5;
}
.inner-header-image .entry-meta span a {
    color: #fff;
}
.inner-header-image .custom-header-content h2{
    font-size: 48px;
    margin: 25px auto;
    line-height: 1.2;
}

.single-template-wrapper p#dropcap:first-child:first-letter {
    font-size: 96px;
    color: #222;
    float: left;
    font-weight: 500;
    line-height: .68;
    margin: .1em .12em .05em 0;
    text-transform: uppercase;
    font-style: normal;
  }

.single-template-wrapper figcaption {
    border-bottom: 1px solid #eaeaea;
    padding: 18px 0;
    color: #555d66;
    font-size: 14px;
    text-align: center;
}
.single-template-wrapper blockquote {
    margin: 30px 0;
}
.page-single-section {
    padding: 40px 0;
}
.single-template-wrapper section.tag-section .tag-title {
    font-weight: 400;
    color: #222;
}
.single-template-wrapper section.tag-section ul {
    display: inline-flex;
    list-style: none;
}
.single-template-wrapper section.tag-section ul li {
    padding-right: 12px;
}
.single-template-wrapper section.tag-section ul li a {
    border: 1px solid #eaeaea;
    padding: 3px 9px;
    border-radius: 3px;
}
.single-template-wrapper .border-btm {
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.single-template-wrapper .comments-section .article img, .single-template-wrapper .article-section .article img {
    height: 72px;
    width: 72px;
    border-radius: 100%;
    object-fit: cover;
}
.single-template-wrapper .comments-section .author-vcard, .single-template-wrapper .article-section .article {
    float: left;
    margin: 14px 10px;
}
.single-template-wrapper .comments-section .entry-container, .single-template-wrapper .article-section .entry-container {
    display: table;
    padding-left: 15px;
}
/*--------------------------------------------------------------
## client
--------------------------------------------------------------*/
.page-section.client-section{
    padding: 0;
}

.client-section{
    border-bottom: 1px solid #EAEAEA;
}

.client-section .client{
    padding: 5px;
    min-height: 97px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.client-section img{
    text-align: center;
    margin:auto;
}

/*--------------------------------------------------------------
## Introduction
--------------------------------------------------------------*/
#introduction {
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 115px;
}
.client-section-disabled #introduction {
    padding-top: 115px;
}
#introduction .post-wrapper {
    display: flex;
    align-items: center;
}
#introduction .post-wrapper .featured-image img {
    width: 100%;
    border-radius: 4px;
    -webkit-box-shadow: 0 15px 20px -10px rgba(1,1,1,0.1);
    box-shadow: 0 15px 20px -10px rgba(1,1,1,0.1);
}
#introduction.left-align .post-wrapper {
    flex-direction: row-reverse;
}
#introduction article {
    margin: 0; 
}
#introduction .entry-container {
    text-align: left;
}
#introduction.left-align .entry-container {
    padding-left: 27px;
}
#introduction.right-align .entry-container {
    padding-right: 27px;
}

#introduction .entry-container .entry-title {
    margin: 10px 0 20px;
}
#introduction .entry-container .entry-title a {
    font-size: 24px;
}
#introduction .entry-container a.founder-sign{
    display: block;
    margin: 18px 0;
}
/*--------------------------------------------------------------
## Our Services
--------------------------------------------------------------*/
.our-services .post-wrapper {
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: 0 15px 45px -10px rgba(1,1,1,0.08);
    box-shadow: 0 15px 45px -10px rgba(1,1,1,0.08);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.our-services .post-wrapper:hover {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 15px 20px -10px rgba(1,1,1,0.1);
    box-shadow: 0 15px 20px -10px rgba(1,1,1,0.1);
}
.our-services article {
    text-align: left;
}
.our-services article .entry-title {
    margin-bottom: 8px;
}
#gallery img,
.our-services img {
    width: 100%;
}
.entry-meta {
    margin-top: 5px;
}
.our-services .section-content {
    margin: 0 -15px;
}
.our-services .section-content article {
    padding: 0 15px;
}
.our-services article .entry-container {
    padding: 20px;
    background-color: #fff;
}
.our-services .featured-image img {
    width: 100%;
}
.our-services .featured-image {
    margin-bottom: 0;
}
.our-services .read-more{
    margin-top: 23px;
    margin-bottom: 5px;
}
/*--------------------------------------------------------------
## Skills
--------------------------------------------------------------*/
#skills{
    background-position: center;
    background-attachment: fixed;
    padding: 100px 0;
    background-size: cover;
    background-repeat: no-repeat;
}
#skills .wrapper{
    position: relative;
}
#skills .wrapper .section-description {
    font-size: 16px;
}
#skills .wrapper .section-content {
    display: flex;
}
#skills .wrapper .section-content.right-align {
    flex-direction: row-reverse;
}
#skills .wrapper .section-content.right-align .skills-background {
    margin-left: 5%;
    margin-right: 0;
}
#skills .wrapper .section-content.left-align .skills-background {
    margin-left: 0;
    margin-right: 5%;
}
#skills .wrapper .section-content .skills-background {
    width: 45%;
    display: flex;
    align-items: center;
    float: left;
}
#skills .wrapper .section-content .skills-background img {
    width: 100%;
    object-fit: cover;
    float: left;
}
#skills .mejs-iframe-overlay {
    cursor: pointer;
}
#skills .mejs-inner > .mejs-controls {
    opacity: 0;
}
.feature-video-play {
    position: relative;
    min-height: 500px;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px;
    overflow: hidden;
}
.feature-video-play .video-block-inner {
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    opacity: 1;
    background: rgba(0,0,0,.7);
    border: 3px solid #fff;
    z-index: 1;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: table;
}
.feature-video-play .video-block-inner a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 0 17px 30px;
    border-color: transparent transparent transparent #fff;
    margin-left: -12px;
    margin-top: -17px;
}
.feature-video-play .video-block-inner .fa{
    position: relative;
    left: 50%;
    top: 30px;
}
#skills .wrapper .skills-container {
    width: 50%;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#skills .wrapper .section-content.video-disabled .skills-container {
    width: 100%;
}
#skills .wrapper .skills-container .section-header {
    margin-left: 0;
}
#skills .wrapper .skills-container h2.section-title{
    color: #fff;
    padding: 10px 0;
    font-size: 21px;
    font-weight: 600;
}
#skills .wrapper .skills-container .section-description{
    color: #fff;
    font-weight: 300;
}
#skills .wrapper article .post-wrapper i{
    font-size: 48px;
    color: #fff;
}
#skills .entry-container .entry-header h2.entry-title a {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
#skills .entry-container .entry-content{
    color: #fff;
    font-weight: 300;
}
#skills article{
    padding: 0 15px;
}
#skills .skills-container .skills-content{
    margin: 0 -15px;
}
/*--------------------------------------------------------------
## Case Studies
--------------------------------------------------------------*/
.case-studies article {
    text-align: center;
    display: block;
    padding: 0 15px;
}
.case-studies article .post-wrapper {
    padding: 35px 25px;
    border-radius: 4px;
    border: 1px solid #EAEAEA;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.case-studies article .post-wrapper:hover {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translate(-1px);
    -moz-transform: translate(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 15px 20px -10px rgba(1,1,1,0.1);
    box-shadow: 0 15px 20px -10px rgba(1,1,1,0.1);
}
.case-studies.left-align article {
    text-align: left;
    display: table;
}
.case-studies.left-align article .post-wrapper {
    display: flex;
}
.case-studies article .fa {
    font-size: 30px;
    height: 65px;
    width: 65px;
    border-radius: 50%;
    border: 1px solid #488bf8;
    color: #488bf8;
    line-height: 60px;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.case-studies article .service {
    margin-bottom: 20px;
}
.case-studies.left-align article .service {
    float: left;
    margin: 14px 10px;
}
.case-studies article .service:hover .fa{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}
.case-studies.left-align article .entry-container {
    display: table;
    padding-left: 15px;
}
.case-studies .wrapper .section-content{
    margin: 0 -15px;
}
/*--------------------------------------------------------------
##portfolio-section
--------------------------------------------------------------*/
#portfolio {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.portfolio-slider-container{
    border-right: 1px solid rgba(255,255,255,.4); 
}

.portfolio-slider-container{
    height: 580px;
    display: flex;
    align-self: flex-end;
    position: relative;
}
.portfolio-slider-content{
    position: relative;
    overflow: hidden;
    align-self: flex-end;
    padding: 60px;
    width: 100%;
    background: linear-gradient(transparent,rgba(0,0,0,.9));
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.portfolio-slider-content h2{
    color: #fff;
}
.portfolio-slider-content .fa {
    font-size: 40px;
    color: #fff;
    font-weight: 100;
}
.portfolio-slider-content h2 a{
    font-size: 20px;
    color: #fff;
}
.portfolio-slider-content p{
    color: #fff;
    font-weight: 400;
    line-height: 1.75;
    font-family: 'Mulish',sans-serif;
}
.portfolio-slider-content .read-more{
    position: absolute;
    border: none;
    background: none;
    font-size: 16px;
    font-weight: 500;
    margin: -20px 0;
    opacity: 0;
    padding: 0;
    color: #fff;
}
.portfolio-slider-content-items,
.portfolio-slider-content-wrapper{
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.portfolio-slider-content:hover .read-more{
    opacity: 1;
}
.portfolio-slider-content:hover .portfolio-slider-content-items {
    margin-bottom: 30px;
}
/*--------------------------------------------------------------
## Team Section
--------------------------------------------------------------*/
.team-section article{
    padding: 0 15px;
}
.team-section .section-content{
    margin: 0 -15px;
}
.team-section .team-image {
    margin: 0;
    width: 100%;
    position: relative;
}
.team-section article .post-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    -webkit-box-shadow: 0 15px 45px -10px rgba(1,1,1,0.08);
    box-shadow: 0 15px 45px -10px rgba(1,1,1,0.08);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.team-section article .post-wrapper:hover{
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 15px 20px -10px rgba(1,1,1,0.1);
    box-shadow: 0 15px 20px -10px rgba(1,1,1,0.1);
}
.team-section .team-image img {
    object-fit: cover;
    width: 100%;
    height: 450px;
    background-position: center;
}
.team-section .position {
    color: #444;
    font-size: 16px;
    font-weight: 400;
    margin: 5px auto;
    text-transform: capitalize;
}
.team-section article .post-wrapper .entry-container {
    padding: 8px 20px;
}
.team-section article  .entry-container header.entry-header h2.entry-title{
    font-size: 20px;
}
.team-section .share-message{
    border-top: 1px solid rgba(0,0,0,.1);
    padding: 4px 0;
    margin: 15px -20px 0;
    text-transform: capitalize; 
}
/*--------------------------------------------------------------
## counter-section
--------------------------------------------------------------*/
.counter-section {
    background-position: center left;
    background-attachment: fixed;
    padding: 80px 0;
}
.counter-section .wrapper{
    position: relative;
}
.counter-section article{
    padding: 0 15px;
}
.counter-section .wrapper .counter-items .section-content{
    margin:  0 -15px;
}
.counter-section .wrapper .section-content.right-align {
    display: flex;
    flex-direction: row-reverse;
}
.counter-section  .wrapper .section-content.right-align .counter-items {
    margin-left: 0;
    margin-right: 5%;
}
.counter-section  .wrapper .section-content.left-align .counter-items {
    margin-left: 5%;
    margin-right: 0;
}
.counter-section  .wrapper .section-content .counter-items {
    width: 45%;
    float: left;
}
.counter-section .section-content .counter{
    border-radius: 4px;
    overflow: hidden;
    padding: 15px;
    border: 2px solid rgba(255,255,255,0.1);
    min-height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.counter-section .section-content .counter:hover{
    border-color: rgba(255,255,255,0.8);
}
.counter-section  .wrapper .counter-container {
    width: 50%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}
.counter-section .wrapper .counter-container p.section-subtitle{
    color: #fff;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 400;
}
.counter-section .wrapper .counter-container h2.section-title{
    text-align: left;
    color: #fff;
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 1.1;
}
.counter-section .wrapper .counter-container .section-info{
    color: #fff;
    padding: 0;
    margin-top: 0;
    font-size: 16px;
    line-height: 1.75;
    font-weight: 300;
    letter-spacing: 0.5px;
    font-family: 'Mulish',sans-serif;
}
.counter-section .wrapper .counter-container .read-more{
    background-color: #488bf8;
    color: #fff;
    border: none;
    min-width: 150px;
}
.counter-section .wrapper .counter-container .read-more:hover{
    background-color: #fff;
    color: #488bf8;
}
.counter-section .entry-container .entry-header h2.entry-title a {
    color: rgba(255,255,255,.9);
    font-size: 18px;
    font-weight: 400;
}
.counter-section .entry-container .entry-content{
    color: rgba(255,255,255,.9);
    font-weight: 400;
}
.counter-section .counter .counter-value{
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.2;
}
.counter-section .counter h3.counter-label{
   color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0;
}
/*--------------------------------------------------------------
## Popular Posts
--------------------------------------------------------------*/
#popular-posts article {
    text-align: left;
}
#popular-posts article .entry-title {
    margin-top: 15px;
}
#popular-posts img {
    width: 100%;
    border-radius: 4px 4px 0 0;
}
.entry-meta {
    margin-top: 8px;
    font-size: 15px;
}
#popular-posts .section-content {
    margin: 0 -15px;
}
#popular-posts .section-content article {
    padding: 0 15px;
}
#popular-posts .entry-meta > span:not(:first-child):before {
    content: "•";
    display: inline-block;
    color: #b5b5b5;
    font-size: 18px;
    line-height: 18px;
    margin: 0 7px;
}
#popular-posts .section-content .entry-container {
    padding: 0 20px 20px;
}
#popular-posts .post-wrapper {
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: 0 15px 45px -10px rgba(1,1,1,0.1);
    box-shadow: 0 15px 45px -10px rgba(1,1,1,0.1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#popular-posts .post-wrapper:hover {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 15px 20px -10px rgba(1,1,1,0.1);
    box-shadow: 0 15px 20px -10px rgba(1,1,1,0.1);
}
/*--------------------------------------------------------------
## Testimonial Section
--------------------------------------------------------------*/
.testimonial-section {
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 80px;
}
.testimonial-section.dot-enabled {
    padding-bottom: 135px;
}
.testimonial-slider article{
    padding: 25px;
    border: 1px solid #EAEAEA;
    margin: 0 15px;
    border-radius: 4px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.testimonial-slider article:hover {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 15px 20px -10px rgba(1,1,1,0.1);
    box-shadow: 0 15px 20px -10px rgba(1,1,1,0.1);
}
.testimonial-slider.section-content {
    margin: 0 -15px;
}
.testimonial-slider .testimonial-rating svg{
    fill: #ffc107;
}
.testimonial-slider .slick-list {
    padding: 5px 0 30px;
}
.testimonial-slider .slick-dots {
    bottom: -30px;
}
.testimonial-slider .slick-dots li button:before {
    font-size: 13px;
}
.testimonial-slider .entry-content{
    font-size: 16px;
    padding: 10px 0 20px;
}
.testimonial-slider .testimonial-image {
    margin-right: 15px;
}
.testimonial-slider article .post-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    transition: all .3s ease-in-out;
}
.testimonial-slider .testimonial-image img {
    border-radius: 4px;
    width: 80px;
}
.testimonial-slider .position {
    color: #444;
    font-size: 16px;
    font-weight: 500;
    margin: 5px auto;
    text-transform: capitalize;
}
.testimonial-slider article .post-wrapper .entry-container {
    display: flex;
    align-items: center;
}
.testimonial-slider article  .entry-container header.entry-header h2.entry-title{
    font-size: 20px;
    margin: 0 0 8px 0;
}
.testimonial-slider .share-message{
    border-top: 1px solid rgba(0,0,0,.1);
    padding: 4px 0;
    margin: 15px -20px 0;
    text-transform: capitalize; 
}
/*--------------------------------------------------------------
## Short Call to Action
--------------------------------------------------------------*/
.short-cta-section {
    padding: 25px 0;
    border-bottom: 1px solid rgba( 255,255,255,0.1 );
    background-color: #111;
}
.short-cta-section .wrapper {
    text-align: center;
}
.short-cta-section .wrapper .wrapper-content {
    display: flex;
    justify-content: center;
    align-items: center;
}
.short-cta-section .section-header .section-title {
    color: #fff;
    font-size: 24px;
    text-align: left;
}
.short-cta-section .wrapper .read-more{
    margin: 22px;
}
.short-cta-section .wrapper .read-more a {
    width: auto;
    border: 2px solid #fff;
}
.short-cta-section a.read-more:hover {
    color: #488bf8;
    background-color: #fff;
    border-color: #fff;
}
.short-cta-section .section-header {
    margin: 10px;
    float: left;
    width: 65%;
}
/*--------------------------------------------------------------
## Color and Font Options
--------------------------------------------------------------*/
.color-switcher {
  width: 300px;
  position: fixed;
  left: -300px;
  top: 0;
  bottom: 0;
  background-color: #eee;
  z-index: 30000;
  padding: 0px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-box-shadow: 0 1px 12px 0px rgba(51, 51, 51, 0.23);
  -moz-box-shadow: 0 1px 12px 0px rgba(51, 51, 51, 0.23);
  box-shadow: 0 1px 12px 0px rgba(51, 51, 51, 0.23);
}
.color-switcher .switch-colors .brown.active {
    border-bottom: 2px solid #555;
    padding-bottom: 5px;
}
.color-switcher .switch-colors .blue.active {
    border-bottom: 2px solid #035BBC;
    padding-bottom: 5px;
}
.color-switcher .switch-colors .red.active {
    border-bottom: 2px solid #b2323c;
    padding-bottom: 5px;
}
.color-switcher .switch-colors .yellow.active {
    border-bottom: 2px solid #fccc31;
    padding-bottom: 5px;
}
.color-switcher .switch-colors .green.active {
    border-bottom: 2px solid #009999;
    padding-bottom: 5px;
}
.color-switcher h5 {
  font-size: 16px;
  margin-top: 0;
  padding: 0 20px 0;
}
.color-switcher p {
  font-size: 18px;
  color: #333;
  margin-bottom: 0;
  height: 40px;
  text-align: left;
  font-weight: 600;
  line-height: 42px;
  text-transform: uppercase;
  border-bottom: 1px solid #555;
  margin-bottom: 10px;
}
.color-switcher ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.color-switcher ul li {
  float: left;
}
.color-switcher ul li a {
  display: block;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  font-size: 14px;
  color: #333;
}
.color-switcher .font-family a {
    text-transform: uppercase;
}
.color-switcher .font-family li a {
    display: inline;
    line-height: 0;
}
.color-switcher .font-family li.active a,
.color-switcher .font-family li a:hover,
.color-switcher .font-family li a:focus {
    color: #555;
}
.color-switcher ul li a.blue {
  background: #035BBC;
}
.color-switcher ul li a.green {
  background: #009999;
}
.color-switcher ul li a.yellow {
  background: #F2BD19;
}
.color-switcher ul li a.red {
  background: #b2323c;
}
.color-switcher li .brown {
    background: #555;
}
svg.icon-settings {
    margin-top: 20px;
}
.picker_close,.picker_close:hover,
.picker_close:focus {
    color: #ed6820;
    width: 55px;
    height: 55px;
    position: absolute;
    right: -55px;
    top: 25%;
    text-align: center;
    background: #eee;
    box-shadow: 5px 3px 7px 0px rgba(51, 51, 51, 0.23);
    -moz-box-shadow: 5px 3px 7px 0px rgba(51, 51, 51, 0.23);
}
.picker_close i {
  font-size: 25px;
  line-height: 55px;
}
.position {
  left: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.theme-colours, .layouts, .backgrounds, .choose-header, .choose-footer {
  display: table;
  text-align: left;
  padding-top: 0px;
  width: 100%;
  padding: 19px;
  padding-top: 0px;
  padding-left: 25px;
}
.layouts a, .choose-header a, .choose-footer a {
  display: inline-block;
  text-align: center;
  width: 40%;
  margin: 0 5px 0 0;
  color: #5d5d5d;
  font-size: 16px;
  border: 1px solid #e7e7e7;
  padding: 5px 7px 2px;
}
.layouts a:hover, 
.choose-header a:hover, 
.choose-footer a:hover,
.layouts a:focus, 
.choose-header a:focus, 
.choose-footer a:focus {
  border: 2px solid #a9a9a9;
  padding: 4px 5px 1px
}
.styleswitcher {
  position: fixed;
  width: 120px;
  background: #ffffff;
  color: #595959;
  top: 150px;
  right: -123px;
  z-index: 999;
}
.styleswitcher p {
  color: #333 !important;
}
.styleswitcher.ackapa {
  left: 0;
}
.styleswitcher .switch {
  padding-left: 15px;
  padding-bottom: 10px;
}
.styleswitcher .switch h5 {
  margin-top: 20px;
}
.styleswitcher .switch p {
  margin-top: 10px;
}
.stylebutton {
  cursor: pointer;
  position: absolute;
  text-align: center;
  line-height: 40px;
  background: #fff;
  font-size: 20px;
  width: 40px;
  height: 40px;
  top: 0px;
  right: -40px;
}
.styleswitcher a {
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 7px;
  margin-bottom: 10px;
  position: relative;
  z-index: 99999999;
}
.color-switcher ul li {
  margin: 3px;
}
.color-switcher ul.font-family li {
    float: none;
}
.boxed {
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
}
.boxed .jetpack_subscription_widget .widgettitle {
    font-size: 38px;
}
li .wide, 
li .boxed {
    background: #347FE1;
    color: #fff !important;
    padding: 0 6px;
    width: 157px !important;
    text-decoration: none;
    box-shadow: none;
}
li .wide:hover, 
li .boxed:hover,
li .wide:focus, 
li .boxed:focus {
    background: #333;
}
li .wide {
    margin-top: 10px;
}
.boxed .backtotop {
    right: 75px;
}


/*--------------------------------------------------------------
##                      Icon Color
--------------------------------------------------------------*/
/*social links hover effect */

ul.social-icons li a[href*="facebook.com"]:hover svg,
.social-menu ul li a[href*="facebook.com"]:hover svg {
    fill: #3b5998;
}

ul.social-icons li a[href*="twitter.com"]:hover svg,
.social-menu ul li a[href*="twitter.com"]:hover svg {
    fill: #00aced;
}

ul.social-icons li a[href*="plus.google.com"]:hover svg,
.social-menu ul li a[href*="plus.google.com"]:hover svg {
    fill: #dd4b39;
}

ul.social-icons li a[href*="/feed/"]:hover svg,
.social-menu ul li a[href*="/feed/"]:hover svg {
    fill: #dc622c;
}

ul.social-icons li a[href*="wordpress.org"]:hover svg,
.social-menu ul li a[href*="wordpress.org"]:hover svg,
ul.social-icons li a[href*="wordpress.com"]:hover svg,
.social-menu ul li a[href*="wordpress.com"]:hover svg {
    fill: #45bbe6;
}

ul.social-icons li a[href*="github.com"]:hover svg,
.social-menu ul li a[href*="github.com"]:hover svg {
    fill: #4183c4;
}

ul.social-icons li a[href*="linkedin.com"]:hover svg,
.social-menu ul li a[href*="linkedin.com"]:hover svg {
    fill: #007bb6;
}

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

ul.social-icons li a[href*="flickr.com"]:hover svg,
.social-menu ul li a[href*="flickr.com"]:hover svg {
    fill: #ff0084;
}

ul.social-icons li a[href*="vimeo.com"]:hover svg,
.social-menu ul li a[href*="vimeo.com"]:hover svg {
    fill: #aad450;
}

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

ul.social-icons li a[href*="instagram.com"]:hover svg,
.social-menu ul li a[href*="instagram.com"]:hover svg {
    fill: #517fa4;
}

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

ul.social-icons li a[href*="skype.com"]:hover svg,
.social-menu ul li a[href*="skype.com"]:hover svg {
    fill: #12a5f4;
}

ul.social-icons li a[href*="digg.com"]:hover svg,
.social-menu ul li a[href*="digg.com"]:hover svg {
    fill: #777;
}

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

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

ul.social-icons li a[href*="mailto:"]:hover svg,
.social-menu ul li a[href*="mailto:"]:hover svg {
    fill: #1d62f0;
}

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

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

ul.social-icons li a[href*="twitch.tv"]:hover svg,
.social-menu ul li a[href*="twitch.tv"]:hover svg {
    fill: #6441a5;
}

ul.social-icons li a[href*="tumblr.com"]:hover svg,
.social-menu ul li a[href*="tumblr.com"]:hover svg {
    fill: #32506d;
}

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

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

ul.social-icons li a[href*="twitch.tv"]:hover svg,
.social-menu ul li a[href*="twitch.tv"]:hover svg {
    fill: #6441a5;
}

ul.social-icons li a[href*="tumblr.com"]:hover svg,
.social-menu ul li a[href*="tumblr.com"]:hover svg {
    fill: #32506d;
}

ul.social-icons li a[href*="soundcloud.com"]:hover svg,
.social-menu ul li a[href*="soundcloud.com"]:hover svg {
    fill: #ff5500;
}

ul.social-icons li a[href*="wordpress.org"]:hover svg,
.social-menu ul li a[href*="wordpress.org"]:hover svg {
    fill:#45bbe6;
}

ul.social-icons li a[href*="jsfiddle.net"]:hover svg,
.social-menu ul li a[href*="jsfiddle.net"]:hover svg {
    fill:#4679bd;
}

ul.social-icons li a[href*="tripadvisor.com"]:hover svg,
.social-menu ul li a[href*="tripadvisor.com"]:hover svg {
    fill:#86c171;
}

ul.social-icons li a[href*="foursquare.com"]:hover svg,
.social-menu ul li a[href*="foursquare.com"]:hover svg {
    fill:#2d5be3;
}

ul.social-icons li a[href*="angel.co"]:hover svg,
.social-menu ul li a[href*="angel.co"]:hover svg {
    fill:#000;
}

ul.social-icons li a[href*="slack.com"]:hover svg,
.social-menu ul li a[href*="slack.com"]:hover svg {
    fill:#56b68b;
}

/*--------------------------------------------------------------
##                      Font Switcher
--------------------------------------------------------------*/
.header-font-1 #masthead.site-header.sticky-header.nav-shrink .site-title a, 
.header-font-1 .site-title a,
.header-font-1 h1,
.header-font-1 h2,
.header-font-1 h3,
.header-font-1 h4,
.header-font-1 h5,
.header-font-1 h6,
.header-font-1 h1 a,
.header-font-1 h2 a,
.header-font-1 h3 a,
.header-font-1 h4 a,
.header-font-1 h5 a,
.header-font-1 h6 a {
    font-family: 'Rajdhani', sans-serif;
 }
.header-font-2 #masthead.site-header.sticky-header.nav-shrink .site-title a, 
.header-font-2 .site-title a,
.header-font-2 h1,
.header-font-2 h2,
.header-font-2 h3,
.header-font-2 h4,
.header-font-2 h5,
.header-font-2 h6,
.header-font-2 h1 a,
.header-font-2 h2 a,
.header-font-2 h3 a,
.header-font-2 h4 a,
.header-font-2 h5 a,
.header-font-2 h6 a {
    font-family: 'Roboto', cursive;
}
.header-font-3 #masthead.site-header.sticky-header.nav-shrink .site-title a, 
.header-font-3 .site-title a,
.header-font-3 h1,
.header-font-3 h2,
.header-font-3 h3,
.header-font-3 h4,
.header-font-3 h5,
.header-font-3 h6,
.header-font-3 h1 a,
.header-font-3 h2 a,
.header-font-3 h3 a,
.header-font-3 h4 a,
.header-font-3 h5 a,
.header-font-3 h6 a {
    font-family: 'Philosopher', sans-serif;
}
.header-font-4 #masthead.site-header.sticky-header.nav-shrink .site-title a, 
.header-font-4 .site-title a,
.header-font-4 h1,
.header-font-4 h2,
.header-font-4 h3,
.header-font-4 h4,
.header-font-4 h5,
.header-font-4 h6,
.header-font-4 h1 a,
.header-font-4 h2 a,
.header-font-4 h3 a,
.header-font-4 h4 a,
.header-font-4 h5 a,
.header-font-4 h6 a {
    font-family: 'Slabo 27px', sans-serif;
}
.header-font-5 #masthead.site-header.sticky-header.nav-shrink .site-title a, 
.header-font-5 .site-title a,
.header-font-5 h1,
.header-font-5 h2,
.header-font-5 h3,
.header-font-5 h4,
.header-font-5 h5,
.header-font-5 h6,
.header-font-5 h1 a,
.header-font-5 h2 a,
.header-font-5 h3 a,
.header-font-5 h4 a,
.header-font-5 h5 a,
.header-font-5 h6 a {
    font-family: 'Dosis', sans-serif;
}
.header-font-6 #masthead.site-header.sticky-header.nav-shrink .site-title a, 
.header-font-6 .site-title a,
.header-font-6 h1,
.header-font-6 h2,
.header-font-6 h3,
.header-font-6 h4,
.header-font-6 h5,
.header-font-6 h6,
.header-font-6 h1 a,
.header-font-6 h2 a,
.header-font-6 h3 a,
.header-font-6 h4 a,
.header-font-6 h5 a,
.header-font-6 h6 a {
    font-family: 'Montserrat', sans-serif;
}
.header-font-7 #masthead.site-header.sticky-header.nav-shrink .site-title a, 
.header-font-7 .site-title a,
.header-font-7 h1,
.header-font-7 h2,
.header-font-7 h3,
.header-font-7 h4,
.header-font-7 h5,
.header-font-7 h6,
.header-font-7 h1 a,
.header-font-7 h2 a,
.header-font-7 h3 a,
.header-font-7 h4 a,
.header-font-7 h5 a,
.header-font-7 h6 a {
    font-family: 'Tangerine', sans-serif;
}
.header-font-7 #skills .wrapper .skills-container h2.section-title {
    font-size: 45px;
}
.header-font-7 .site-title a,
.header-font-7 article .entry-title a {
    font-size: 34px !important;
}
.header-font-8 #masthead.site-header.sticky-header.nav-shrink .site-title a, 
.header-font-8 .site-title a,
.header-font-8 h1,
.header-font-8 h2,
.header-font-8 h3,
.header-font-8 h4,
.header-font-8 h5,
.header-font-8 h6,
.header-font-8 h1 a,
.header-font-8 h2 a,
.header-font-8 h3 a,
.header-font-8 h4 a,
.header-font-8 h5 a,
.header-font-8 h6 a {
    font-family: 'Playfair Display', sans-serif;
}
.header-font-9 #masthead.site-header.sticky-header.nav-shrink .site-title a, 
.header-font-9 .site-title a,
.header-font-9 h1,
.header-font-9 h2,
.header-font-9 h3,
.header-font-9 h4,
.header-font-9 h5,
.header-font-9 h6,
.header-font-9 h1 a,
.header-font-9 h2 a,
.header-font-9 h3 a,
.header-font-9 h4 a,
.header-font-9 h5 a,
.header-font-9 h6 a {
    font-family: 'Amatic SC', sans-serif;
}
.header-font-9 #skills .wrapper .skills-container h2.section-title {
    font-size: 45px;
}
.header-font-9 .site-title a,
.header-font-9 article .entry-title a {
    font-size: 34px !important;
}
.header-font-10 #masthead.site-header.sticky-header.nav-shrink .site-title a, 
.header-font-10 .site-title a,
.header-font-10 h1,
.header-font-10 h2,
.header-font-10 h3,
.header-font-10 h4,
.header-font-10 h5,
.header-font-10 h6,
.header-font-10 h1 a,
.header-font-10 h2 a,
.header-font-10 h3 a,
.header-font-10 h4 a,
.header-font-10 h5 a,
.header-font-10 h6 a {
    font-family: 'Jost', sans-serif;
}

.header-font-11 #masthead.site-header.sticky-header.nav-shrink .site-title a, 
.header-font-11 .site-title a,
.header-font-11 h1,
.header-font-11 h2,
.header-font-11 h3,
.header-font-11 h4,
.header-font-11 h5,
.header-font-11 h6,
.header-font-11 h1 a,
.header-font-11 h2 a,
.header-font-11 h3 a,
.header-font-11 h4 a,
.header-font-11 h5 a,
.header-font-11 h6 a {
    font-family: 'Raleway', sans-serif;
}
body.body-font-1 #masthead.site-header.sticky-header.nav-shrink .site-description, 
body.body-font-1 .site-description,
body.body-font-1,
body.body-font-1 .main-navigation ul li a,
body.body-font-1 .wpcf7 input, 
body.body-font-1 .wpcf7 textarea {
    font-family: 'News Cycle', sans-serif;
}
body.body-font-2 #masthead.site-header.sticky-header.nav-shrink .site-description, 
body.body-font-2 .site-description,
body.body-font-2,
body.body-font-2 .main-navigation ul li a,
body.body-font-2 .wpcf7 input, 
body.body-font-2 .wpcf7 textarea {
    font-family: 'Pontano Sans', sans-serif;
}
body.body-font-3 #masthead.site-header.sticky-header.nav-shrink .site-description, 
body.body-font-3 .site-description,
body.body-font-3,
body.body-font-3 .main-navigation ul li a,
body.body-font-3 .wpcf7 input, 
body.body-font-3 .wpcf7 textarea {
    font-family: 'Gudea', sans-serif;
}
body.body-font-4 #masthead.site-header.sticky-header.nav-shrink .site-description, 
body.body-font-4 .site-description,
body.body-font-4,
body.body-font-4 .main-navigation ul li a,
body.body-font-4 .wpcf7 input, 
body.body-font-4 .wpcf7 textarea {
    font-family: 'Quattrocento', sans-serif;
}
body.body-font-5 #masthead.site-header.sticky-header.nav-shrink .site-description, 
body.body-font-5 .site-description,
body.body-font-5,
body.body-font-5 .main-navigation ul li a,
body.body-font-5 .wpcf7 input, 
body.body-font-5 .wpcf7 textarea {
    font-family: 'Khand', sans-serif;
}
body.body-font-6 #masthead.site-header.sticky-header.nav-shrink .site-description, 
body.body-font-6 .site-description,
body.body-font-6,
body.body-font-6 .main-navigation ul li a,
body.body-font-6 .wpcf7 input, 
body.body-font-6 .wpcf7 textarea {
    font-family: 'Oxygen', sans-serif;
}
body.body-font-7 #masthead.site-header.sticky-header.nav-shrink .site-description, 
body.body-font-7 .site-description,
body.body-font-7,
body.body-font-7 .main-navigation ul li a,
body.body-font-7 .wpcf7 input, 
body.body-font-7 .wpcf7 textarea {
    font-family: 'Lora', sans-serif;
}

/*--------------------------------------------------------------
#                   Footer
--------------------------------------------------------------*/
#colophon {
    background-color: #111;
}
.footer-widgets-area {
    padding: 80px 0 50px;
}
.site-info {
    background-color: #111;
    color: #fff;
    padding: 25px 0;
    border-top: 1px solid rgba( 255,255,255,0.1 );
}
.site-info p {
    margin: 0;
    color: #fff;
    line-height: 24px;
}
.site-info a {
    color: #fff;
    font-weight: 400;
}
.site-info a:hover,
.site-info a:focus {
    border-bottom: 1px solid #fff;
}
.site-info #footer-menu li {
    list-style: none;
    float: left;
    margin-right: 15px;
}
.site-info #footer-menu li:last-child {
    margin: 0;
}
.site-footer .widget-title {
    font-size: 18px;
    margin-top: 0;
    font-weight: 700;
    color: #fff;
    margin-bottom: 25px;
}
.footer-widgets-area ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-widgets-area .widget ul li {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}
.footer-widgets-area .widget ul li:last-child {
    margin-bottom: 0;
}
.widget_recent_entries span.post-date {
    display: block;
    font-size: 12px;
}
#colophon article .entry-title a,
#colophon .widget_recent_entries span.post-date {
    color: #aaa;
}
.textwidget {
    line-height: 24px;
}
.textwidget img {
    max-width: 263px;
    display: block;
    margin: 45px 0 28px;
}
#colophon .entry-content,
.footer-widgets-area .widget,
.footer-widgets-area a,
.footer-widgets-area p {
    color: #eee;
}
#colophon article .entry-title a:hover,
.footer-widgets-area a:hover {
    color: #fff;
}
/*--------------------------------------------------------------
#                   WOOCOMMERCE
--------------------------------------------------------------*/
.post-type-archive-product #primary {
    padding-top: 0.5em;
}
.woocommerce .woocommerce-ordering select {
    padding: 5px;
    background-color: transparent;
}
.woocommerce ul.products li.product .onsale {
    margin: 0;
}
.woocommerce span.onsale {
    background-color: #ea4335;
    margin: 0;
    border-radius: 4px;
}
.woocommerce ul.product_list_widget li img {
    width: 60px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
    color: #333;
    display: block;
    font-weight: 400;
    font-size: 22px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title:hover, 
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover, 
.woocommerce ul.products li.product h3:hover {
    color: #333;
}
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price ins {
    color: #555;
    font-weight: 400;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce .widget_price_filter .price_slider_amount .button,
.woocommerce ul.products li.product .button {
    font-size: 16px;
    width: auto;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 500;
    border: 1px solid #333;
    letter-spacing: 0.5px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background-color: transparent;
    color: #333;
    font-weight: 400;
    border-radius: 4px;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce .widget_price_filter .price_slider_amount .button:hover,
.woocommerce ul.products li.product .button:hover {
    background-color: #333;
    color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce nav.woocommerce-pagination ul {
    border: none; 
    float: none;
}
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
    border: 1px solid rgba(190, 190, 190, 0.50);
    min-width: 44px;
    height: 44px;
    display: inline-block;
    text-align: center;
    line-height: 26px;
    margin-right: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover {
    color: #333;
    border-color: #333;
    background: transparent;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
    color: #fff;
    background: #333;
}
.woocommerce-pagination svg {
    fill: #333;
    width: 16px;
    height: 16px;
    position: relative;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #333;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: #333;
}
.widget.widget_price_filter .price_slider_wrapper .price_slider_amount .price_label {
    text-align: right;
    float: right;
}
.widget_product_categories .product-categories li,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item {
    text-align: right;
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}
.widget_product_categories .product-categories li a,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a {
    float: left;
}
.widget_product_categories .product-categories li a:before,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:before {
    content: "\f115";
    font-family: 'fontawesome';
    margin-right: 10px;
}
.woocommerce ul.cart_list li a, 
.woocommerce ul.product_list_widget li a {
    font-weight: 400;
}
.woocommerce ul.product_list_widget li span.woocommerce-Price-amount {
    font-size: .857em;
}
.widget_product_search form.search-form input {
    border: 1px solid #ccc;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link {
    font-weight: 500;
    margin-bottom: 10px;
    list-style: none;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:before {
    font-family: "fontawesome";
    content: "\f090";
    margin-right: 10px;
}
.woocommerce-info {
    border-top-color: #333;
}
.woocommerce-info::before {
    color: #333;
}
.woocommerce ul.products li.product a img {
    border-radius: 4px;
}
.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message {
    font-weight: 500;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th {
    font-weight: 500;
}
.select2-container--default .select2-selection--single {
    border-radius: 4px;
}
#add_payment_method table.cart td.actions .coupon .input-text, 
.woocommerce-cart table.cart td.actions .coupon .input-text, 
.woocommerce-checkout table.cart td.actions .coupon .input-text,
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
    padding: 8px;
    font-weight: 400;
}
/*--------------------------------------------------------------
#                   RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width:567px){
    .column-6 article,
    .column-5 article,
    .column-4 article,
    .column-3 article,
    .column-2 article,
    .column-6 .column-wrapper,
    .column-5 .column-wrapper{
        width: 50%;
        float: left;
    }
    .column-4 .column-wrapper,
    .column-3 .column-wrapper,
    .column-2 .column-wrapper,
    .column-1 .column-wrapper {
        width:100%;
    }
    /* cleraing all */
    .column-6 article:nth-child(2n+1),
    .column-5 article:nth-child(2n+1),
    .column-4 article:nth-child(2n+1),
    .column-3 article:nth-child(2n+1),
    .column-2 article:nth-child(2n+1),
    .column-6 .column-wrapper:nth-child(2n+1),
    .column-5 .column-wrapper:nth-child(2n+1){
        clear: left;
    }
}

@media screen and (min-width:767px){
    .column-6 article,
    .column-5 article,
    .column-4 article,
    .column-2 article,
    .column-6 .column-wrapper,
    .column-5 .column-wrapper,
    .column-4 .column-wrapper,
    .column-2 .column-wrapper{
        width: 50%;
        float: left;
    }
    .column-3 article,
    .column-3 .column-wrapper {
        width: 33.33%;
        float: left;
    }
    .column-1 article,
    .column-1 .column-wrapper {
        width:100%;
    }
    /* clearing begining */
    .column-6 article:nth-child(2n+1),
    .column-5 article:nth-child(2n+1),
    .column-4 article:nth-child(2n+1),
    .column-3 article:nth-child(2n+1),
    .column-2 article:nth-child(2n+1),
    .column-6 .column-wrapper:nth-child(2n+1),
    .column-5 .column-wrapper:nth-child(2n+1){
        clear: none;
    }
    /* clearing all */
    .column-6 article:nth-child(2n+1),
    .column-5 article:nth-child(2n+1),
    .column-4 article:nth-child(2n+1),
    .column-3 article:nth-child(3n+1),
    .column-2 article:nth-child(2n+1),
    .column-6 .column-wrapper:nth-child(2n+1),
    .column-5 .column-wrapper:nth-child(2n+1),
    .column-4 .column-wrapper:nth-child(2n+1),
    .column-3 .column-wrapper:nth-child(3n+1),
    .column-2 .column-wrapper:nth-child(2n+1){
        clear: left;
    }
    #search,
    #top-menu svg.dropdown-icon {
        display: none;
    }
    #search.search-open {
        display: block;
        width: 250px;
        position: absolute;
        right: 0;
        top: 100%;
        margin-top: 20px;
        z-index: 9999;
        background: #fff;
    }
    .main-navigation ul.nav-menu li a.read-more{
        display: none;
    }
    #introduction .featured-image, #introduction .post-wrapper.has-featured-image .entry-container {
        width: 50%;
    }
    #introduction .post-wrapper.no-featured-image {
        display: block;
    }
    #introduction .post-wrapper.no-featured-image .entry-container {
        max-width: 900px;
        margin: 0;
        padding: 0;
    }
    .copyright {
        float: left;
    }
    .powered-by {
        float: right;
    }
    #colophon .column-wrapper {
        padding-right: 25px;
        padding-bottom: 30px;
    }
}

@media screen and (min-width:992px){
    .column-6 article,
    .column-6 .column-wrapper {
        width: 16.66%;
        float: left;
    }
    .column-5 article,
    .column-5 .column-wrapper {
        width: 20%;
        float: left;
    }
    .column-4 article,
    .column-4 .column-wrapper {
        width: 25%;
        float: left;
    }
    .column-3 article,
    .column-3 .column-wrapper {
        width: 33.33%;
        float: left;
    }
    .column-2 article,
    .column-2 .column-wrapper {
        width: 50%;
        float: left;
    }
    .column-1 article,
    .column-1 .column-wrapper {
        width:100%;
    }
        /* clearing begining */
    .column-6 article:nth-child(2n+1),
    .column-5 article:nth-child(2n+1),
    .column-4 article:nth-child(2n+1),
    .column-3 article:nth-child(3n+1),
    .column-2 article:nth-child(2n+1),
    .column-6 .column-wrapper:nth-child(2n+1),
    .column-5 .column-wrapper:nth-child(2n+1),
    .column-4 .column-wrapper:nth-child(2n+1),
    .column-3 .column-wrapper:nth-child(3n+1),
    .column-2 .column-wrapper:nth-child(2n+1){
        clear: none;
    }
    /* clearing all */
    .column-6 article:nth-child(6n+1),
    .column-5 article:nth-child(5n+1),
    .column-4 article:nth-child(4n+1),
    .column-3 article:nth-child(3n+1),
    .column-2 article:nth-child(2n+1),
    .column-6 .column-wrapper:nth-child(6n+1),
    .column-5 .column-wrapper:nth-child(5n+1),
    .column-4 .column-wrapper:nth-child(4n+1),
    .column-3 .column-wrapper:nth-child(3n+1),
    .column-2 .column-wrapper:nth-child(2n+1){
        clear: left;
    }
    .right-sidebar #primary {
        width: 70%;
        float: left;
    }
    .right-sidebar #secondary {
        width: 30%;
        float: right;
    }
    .right-sidebar #primary {
        padding-right: 15px;
    }
    .right-sidebar #secondary {
        padding-left: 15px;
    }
    .left-sidebar #secondary {
        width: 30%;
        float: left;
        padding-right: 15px;
        padding-left: 0;
    }
    .left-sidebar #primary {
        width: 70%;
        float: right;
        padding-left: 15px;
    }
    .comment-form-author, .comment-form-email, .comment-form-url {
        width: 33.33%;
        float: left;
        padding: 0 2px;
        margin-top: 0;
    }
}

@media screen and (min-width: 1024px){
    .menu-toggle {
        display: none;
    }
    .main-navigation {
        text-align: center;
    }
    .main-navigation ul {
        display: block;
    }
    .main-navigation ul.nav-menu {
        display: block !important;
    }
    .main-navigation li {
        display: inline-block;
    }
    .main-navigation ul.sub-menu li a svg {
        float: right;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    button.dropdown-toggle {
        display: none;
    }
    .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
        left: auto;
    }
    .main-navigation ul.sub-menu li:hover > a, .main-navigation ul.sub-menu li:focus > a {
        color: #488bf8;
        padding-left: 17px;
        -webkit-transition: all .3s ease-in;
        -moz-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        -ms-transition: all .3s ease-in;
        transition: all .3s ease-in;
    }    
    .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
        left: auto;
        left: -100%;
        width: 100%;
    }
}

@media screen and (min-width: 1900px) {
    .wrapper {
        max-width: 1500px;
    }
}

@media screen and (max-width: 1023px) {
    .main-navigation .menu-item-has-children a svg {
        display: none;
    }
    .main-navigation .menu-item-has-children > a:before {
        content: "";
        float: right;
        position: relative;
        right: 25px;
        background-color: #333;
        width: 2px;
        height: 25px;
    }
    .main-navigation.toggle-on {
        padding: 0;
        background-color: #fff;
        width: 100%;
        max-width: 100%;
    }
    .main-navigation {
        top: 100%;
        left: 0;
        width: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        border-top: 1px solid #eaeaea;
        background: #fff;
    }
    #masthead.site-header .container .btn-right {
        margin-left: 0;
        margin-right: 15px;
    }
    .pull-right{
        float: none;
    }
    .main-navigation ul {
        padding: 0;
    }
    .main-navigation ul.nav-menu > li > a {
        padding: 10px 20px;
        font-size: 14px;
    }
    .main-navigation li {
        text-align: left;
    }
    .main-navigation ul.sub-menu li {
        padding-right: 0;
    }
    .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 ul a {
        width: 100%;
    }
    .main-navigation ul.nav-menu {
        margin-right: 0;
        margin-bottom: 25px;
    }
    .main-navigation a {
        border-bottom: 1px solid rgba(52, 59, 61, 0.1)
    }
    .main-navigation ul.sub-menu li a {
        padding: 10px 20px;
        color: #444;
        border-bottom: 1px solid rgba(52, 59, 61, 0.1);
        background-color: #f9f9f9;
    }
    .main-navigation ul.sub-menu {
        border: none;
        padding: 0;
    }
    .search .inner-header-image .custom-header-content, 
    .archive .inner-header-image .custom-header-content, 
    .blog .inner-header-image .custom-header-content {
        flex-direction: column;
        text-align: center;
    }
}

@media screen and (max-width: 991px) {
    .inner-header-image {
        margin-bottom: 0;
    }
    .widget_media_gallery .gallery-item {
        width: auto;
    }
    .counter-section .wrapper .section-content.right-align .counter-items,
    .counter-section .wrapper .section-content.left-align .counter-items{
        margin: 0;
    }
    #secondary {
        clear: both;
        margin-top: 20px;
    }
    #introduction {
        padding-bottom: 80px;
    }
    .client-section-disabled #introduction {
        padding-top: 80px;
    }
    .testimonial-section.dot-enabled {
        padding-bottom: 115px;
    }
    .testimonial-section {
        padding-bottom: 70px;
    }
    .page-section {
        margin-bottom: 80px;
    }
    #skills .section-header {
        margin-left: 0;
    }
    #skills {
        padding: 80px 0;
    }
    #skills .wrapper .section-content {
        display: block;
    }
    #skills .wrapper .section-content .skills-background,
    #skills .wrapper .section-content .skills-container {
        width: 100%;
    }
    #skills .wrapper .section-content .skills-background{
        padding: 0;
    }
    
    #skills .wrapper .section-content .skills-background {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 766px) {
    #masthead.site-header .container .head-right.btn-right {
        display: none;
    }
    .secondary-menu {
        float: none;
        margin-bottom: 15px;
    }
    #top-search {
        margin: 0;
    }
    #top-menu .wrapper {
        display: none;
        padding-top: 30px;
        padding-bottom: 15px;
    }
    #top-menu .secondary-menu ul li {
        float: none;
        text-align: center;
        line-height: 40px;
    }
    #top-menu .social-menu ul li {
        float: none;
        display: inline-block;
    }
    #top-menu .social-menu {
        float: none;
        text-align: center;
    }
    #top-menu .social-menu .search {
        display: none;
    }
    .secondary-menu ul li:not(:last-child):after {
        margin: 0;
    }
    #search {
        display: inline-block;
        float: none;
        margin: 0 auto 15px;
        width: 250px;
    }
    .custom-header-content {
        min-width: 85%;
        min-height: auto;
    }
    #introduction.left-align .post-wrapper{
        flex-direction: column;
    }
    #introduction.left-align .entry-container {
        padding-left: 0;
    }
    .counter-section .wrapper .section-content .counter-items,
    .counter-section .wrapper .counter-container{
        width: 100%;
    }
    .powered-by ul#footer-menu {
        padding-left: 0;
    }
    #colophon .column-wrapper{
        margin-bottom: 30px;
    }
    .short-cta-section .wrapper .wrapper-content {
        flex-direction: column;
    }
    .short-cta-section .section-header {
        width: 100%;
    }
    .short-cta-section .section-header .section-title {
        text-align: center;
    }
    #introduction {
        padding-bottom: 60px;
    }
    .client-section-disabled #introduction {
        padding-top: 60px;
    }
    .page-section {
        margin-bottom: 60px;
    }
    .testimonial-section.dot-enabled {
        padding-bottom: 95px;
    }
    .testimonial-section {
        padding-bottom: 60px;
    }
    #skills {
        padding: 60px 0;
    }
    .section-title {
        font-size: 32px;
    }
    .case-studies.left-align article {
        width: 100%;
    }
    .archive .inner-header-image, 
    .search .inner-header-image, 
    .blog .inner-header-image {
        min-height: 400px;
    }
}

@media screen and (max-width:566px){
    .column-6 article,
    .column-5 article,
    .column-4 article,
    .column-3 article,
    .column-2 article,
    .column-1 article,
    .column-6 .column-wrapper,
    .column-5 .column-wrapper,
    .column-4 .column-wrapper,
    .column-3 .column-wrapper,
    .column-1 .column-wrapper
    .column-1 .column-wrapper{
        clear: both;
        width: 100%;
    }
    .custom-header-content p {
        display: none;
    }
    .custom-header-content h2{
        line-height: 1.1;
        margin-bottom: 27px;
    }
    .custom-header-content h2 a {
        color: #fff;
        font-size: 30px;
    }
    .custom-header-content-wrapper img {
        object-fit: cover;
        min-height: 400px;
    }
    .custom-header-content .read-more:nth-child(1), .custom-header-content .read-more:nth-child(2) {
        padding: .6em 1.1em;
        display: inline;
    }
    #introduction {
        padding-bottom: 40px;
    }
    .client-section-disabled #introduction {
        padding-top: 40px;
    }
    .page-section {
        margin-bottom: 40px;
    }
    .testimonial-section.dot-enabled {
        padding-bottom: 65px;
    }
    .testimonial-slider .slick-dots {
        bottom: -20px;
    }
    .testimonial-section {
        padding-bottom: 40px;
    }
    #skills {
        padding: 40px 0;
    }
}
.custom-header-content h1 {
	color: #fff;
}