/*
Theme Name: Photo Fusion
Theme URI: https://themepalace.com/downloads/photo-fusion/
Author: Theme Palace
Author URI: https://themepalace.com/
Description: Photo Fusion is a Responsive WordPress photography theme based on Photo Fusion Pro by ThemePalace. This theme is especially designed for photo blogging, photo sharing and is perfect to manage your personal, travel, food and fashion blog. You can manage options of this theme from powerful WordPress Theme Customizer. Photo Fusion is responsive theme which is compatible with all types of devices. It support all major modern browsers and this theme is translation ready. Demo: https://themepalacedemo.com/photo-fusion/, Support: https://themepalace.com/support-forum/
Version: 1.2.4
Requires at least: 4.7
Tested up to: 6.0
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: photo-fusion
Tags: translation-ready, custom-background, theme-options, custom-menu, post-formats, threaded-comments, grid-layout, custom-logo, featured-images, footer-widgets                                                      

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.

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

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Preloader
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Asides
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
# Sections
  ## Layouts and Titles
  ## Animation
  ## Background Colors
  ## Slider
  ## Banner
  ## About Us
  ## Portfolio
  ## Counter
  ## Blog
  ## Instagram
  ## Address
  ## Social Icons
  ## Button Effects
  ## Color Switcher
  ## Font Selection
# 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: 99999;
}
.loader-container {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    z-index: 12;
    text-align: center;
}
.loader {
    margin-top: 10px;
    margin-left: 0px;
    width: 120px;
    height: 120px;
}
.loader-container .fa {
    font-size: 60px;
    color: #f23f30;
}
.backtotop {
    background-color: #f23f30;
    z-index: 300;
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 18px;
    text-align: center;
    position: fixed;
    bottom: -100px;
    right: 25px;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    color: #fff;
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust:     100%;
}

body {
  margin: 0;
}

#page {
    max-width: 1920px;
    margin: 0 auto;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.20);
}

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: 2em;
  margin: 0.67em 0;
}

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

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 0;
}

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

.comment-form-cookies-consent input[type="checkbox"] {
    margin-right: 10px;
}

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;
  width: 100%;
  display: inline-block;
  overflow: auto;
}
td,
th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}
.calendar_wrap td,
.calendar_wrap th {
    text-align: center;
}
#colophon .calendar_wrap td {
    color: #fff;
}
.calendar_wrap caption {
    text-transform: uppercase;
    background-color: #f23f30;
    padding: 8px;
    color: #fff;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

h1,h2,h3,h4,h5,h6 { 
  position: relative;
  color:#282828;
  font-weight: 100;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: serif;
}

h1 {font-size: 44px;}
h2 {font-size: 34px;}
h3 {font-size: 28px;}
h4 {font-size: 22px;}
h5 {font-size: 18px;}
h6 {font-size: 14px;}

p {
  margin-bottom: 1.5em;
  color: #666;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}
address {
  margin: 0 0 1.5em;
}

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

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

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

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

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
  overflow-x: visible !important;
}

*,
*: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. */
  font-size: 14px;
  color: #3c3c3c;
}

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

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

ol {
  list-style: decimal;
}

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

li {
    padding: 3px 0;
}
dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

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

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: 0;
  background: #e6e6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, .8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

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;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

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

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

textarea {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 0;
  text-indent: 0; 
  padding: 10px;
}
select::-ms-expand {
    display: none;
}
.btn,
.form-group input,
.form-group textarea {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.form-group input,
.woocommerce .woocommerce-ordering select {
    border-radius: 0;
    border: 1px solid #ddd;
    text-indent: 15px;
    margin-right: 50px;
    height: 40px;
    width: 95%;
    background-color: transparent;
    color: #888;
}
.form-group input {
    background-color: #fff;
}
.form-group input:focus,
.form-group textarea:focus {
  border-color: #f23f30; 
}
input[type="submit"] {
    width: auto;
    background: transparent;
    box-shadow: none !important;
    border: none;
    color: #fff;
    text-indent: 0;
    text-align: center;
    margin: 0;
    height: auto;
}
input[type="submit"]:focus {
  border-color: transparent; 
}
form .pull-left {
    float: left;
    width: 50%;
}

.error404.right-sidebar #primary {
    text-align: center;
    margin: auto;
    width: 100%;
}
.error404.right-sidebar .error-404.not-found .page-content {
    text-align: center;
    margin: auto;
    max-width: 500px;
    margin-top: 30px;
}
.error404 .not-found .form-group {
     position: relative;
}
.error404 .not-found .form-group input {
     width: 100%; 
}
.error404 .not-found .btn.fill {
    position: absolute;
    right: 0;
    top: 0;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #f23f30;
  text-decoration: underline;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-header {
  position: relative;
  z-index: 3000;
  left: 0;
  right: 0;
}
.site-header.make-sticky {
  position: absolute;
}
.site-header.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 3000;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.is-sticky {
    background: rgba(17, 17, 17, 0.78);
}
.main-navigation {
  display: block;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
  float: right;
}
.main-navigation li {
  float: left;
  position: relative;
  padding: 0;
}
.main-navigation > ul > li {
  padding: 35px 0;
}
.main-navigation ul ul li a {
  padding: 10px 20px;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

.main-navigation ul ul {
  float: left;
    position: absolute;
    top: 5em;
    left: -999em;
    z-index: 99999;
    background: #fff;
    border: 1px solid #ddd;
}
.make-sticky .main-navigation ul ul {
    background: rgb(51, 51, 51);
}
.is-sticky .main-navigation > ul > ul {
   top: 6.5em;
}
.main-navigation ul .menu-item-has-children ul {
    -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;
    top: 60px;
}
.is-sticky .main-navigation ul .menu-item-has-children ul {
    -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;
    top: 80px;
}
.is-sticky .main-navigation ul .menu-item-has-children:hover ul {
  top: 90px;
}
.main-navigation ul .menu-item-has-children:hover ul,
.main-navigation ul .menu-item-has-children:focus ul {
  top: 100%;
}
#masthead.make-sticky .main-navigation ul ul li:not(:last-child) a {
  border-bottom: 1px solid #666;
}
.make-sticky .main-navigation ul ul {
  border: 1px solid #666;
}
.main-navigation ul .menu-item-has-children ul ul,
.main-navigation ul .menu-item-has-children:hover ul ul,
.is-sticky .main-navigation ul .menu-item-has-children:hover ul ul {
  -webkit-transition: 0s ease-in-out;
    -moz-transition: 0s ease-in-out;
    -ms-transition: 0s ease-in-out;
    -o-transition: 0s ease-in-out;
    transition: 0s ease-in-out;
    top: 0;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
  margin-top: 0;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  left: auto;
  right: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}
.btn.hide {
  display: none;
}
@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

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

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
}
.site-branding {
  float: left;
  display: flex;
  align-items: center;
  padding: 10px 0;
  height: 91px;
}
.site-branding.alignleft {
    display: flex;
    align-items: center;
}
#site-header .site-title a {
    color: #181818;
    text-transform: uppercase;
}
.make-sticky #site-header .site-title a {
  color: #fff;
}
#site-header .site-title a:hover,
#site-header .site-title a:focus {
  color: #f23f30;
}
.site-title {
    margin: 0;
    font-size: 20px;
}
#masthead .site-title a {
  position: relative;
  text-decoration: none;
}
#masthead .site-title a:before {
    content: "\f104";
    font-family: "FontAwesome";
    position: absolute;
    top: -16px;
    left: -8px;
    transform: rotate(45deg);
    color: #f23f30;
    font-size: 22px;
}
.site-description {
    margin: 0;
    font-size: 15px;
    color: #333;
    font-family: 'Open Sans', sans-serif;
}
.make-sticky .site-description {
  color: #eee;
}
.site-branding.alignleft #site-header {
    float: right;
}
#site-header {
  width: 225px;
}
.site-logo img {
    max-height: 65px;
    width: initial;
}
.site-branding.alignleft .site-logo {
    float: left;
    margin-right: 15px;
}
.sidr-class-site-logo {
    text-align: center;
}
.site-branding.alignright #site-header {
    float: left;
}
.site-branding.alignright .site-logo {
    float: right;
    margin-left: 15px;
}
.site-branding.alignright {
    float: left;
}
#sidr-left-top-button {
    display: none;
}
.main-navigation ul li a {
    text-transform: uppercase;
    color: #a7a7a7;
    font-weight: bold;
}
.make-sticky .main-navigation ul li a {
  color: #fff;
}
.main-navigation > ul > li:not(:last-child) a {
  padding-right: 25px;
}
.menu-item-has-children > a:after {
    content: "\f107";
    font-family: "FontAwesome";
    margin-left: 5px;
}
.main-navigation ul li.menu-item-has-children ul li.menu-item-has-children > a:after {
  content: "";
}
.main-navigation ul li.menu-item-has-children ul li.menu-item-has-children > a:before {
    content: "\f104";
    font-family: "FontAwesome";
    float: right;
}
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li a:hover {
    color: #f23f30;
}
.main-navigation ul li .post-ad a {
    background: #f23f30;
    color: #fff;
    padding: 12px 35px;
    margin-top: -12px;
    margin-right: 18px;
    -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;
}
.main-navigation ul li .post-ad a:hover {
    background: #333;
    color: #fff;
}
.main-navigation ul li .post-ad .fa,.login .fa {
    margin-right: 8px;
}
#masthead .main-navigation ul ul a {
   width: 225px;
   padding: 10px 15px;
}
#masthead .main-navigation ul ul li:not(:last-child) a {
    border-bottom: 1px solid #ddd;
}

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

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

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

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

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

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

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

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
  max-width: 100%;
  padding: 10px;
  width: 100%;
}
.widget select:focus {
    border-color: #f23f30;
}
.widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget_recent_comments li:before,
.widget_pages ul li a:before,
.widget_nav_menu ul li a:before,
.widget_archive ul li a:before,
.widget_recent_entries ul li a:before {
    content: "\f086";
    font-family: "FontAwesome";
    margin-right: 10px;
    color: #f23f30;
}
.widget_pages ul li a:before,
.widget_nav_menu ul li a:before{
    content: "\f0da";
}
.widget_archive ul li a:before {
    content: "\f07c";
}
.widget_recent_entries ul li a:before {
    content: "\f06c";
}
.widget_meta ul li {
    display: inline-block;
}
.widget_meta ul li a {
    margin: 0;
}
#secondary .menu-item-has-children > a:after,
.site-footer .menu-item-has-children > a:after {
    display: none;
}
.widget ul.sub-menu,
.widget ul.children {
    padding-left: 1.5em;
    padding-top: 10px;
}
.widget_search form {
    position: relative;
}
.widget_search button {
    position: absolute;
    right: 0;
    height: 40px;
}
#secondary .widget_search input[type="text"],
.widget_search input[type="text"] {
    padding: 10px 60px 10px 10px;
}
.widget_nav_menu li {
    padding: 0;
}
footer.entry-footer .widget_meta {
    display: flex;
    align-items: center;
}
/*--------------------------------------------------------------
# Woocommerce
--------------------------------------------------------------*/
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    background-color: rgba(249, 249, 249, 0.5);
    text-align: center;
    padding: 0 0 15px;
}
.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 {
    padding: 10px 15px;
    width: auto;
    box-shadow: none;
    border: none;
    color: #fff;
    text-indent: 0;
    text-align: center;
    margin: 0;
    height: auto;
    font-size: 14px;
    background-color: #f23f30;
    border-radius: 0;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit:focus, 
.woocommerce a.button:focus, 
.woocommerce button.button:focus, 
.woocommerce input.button:focus,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:focus, 
.woocommerce a.button.alt:focus, 
.woocommerce button.button.alt:focus, 
.woocommerce input.button.alt:focus {
    background-color: rgb(158, 12, 5);
    color: #fff;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
    font-size: 1.3em;
    font-family: 'Raleway', sans-serif;
}
.woocommerce ul.products li.product .star-rating {
    margin-left: auto;
    margin-right: auto;
}
nav.woocommerce-pagination a,
.product_meta a:hover,
.product_meta a:focus,
a.woocommerce-review-link:hover,
a.woocommerce-review-link:focus {
    color: #000;
}
.woocommerce ul.products li.product a,
.woocommerce ul.products li.product .price,
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce ul.products li.product a:hover h2,
.product_meta a,
a.woocommerce-review-link,
.woocommerce p.stars a,
.woocommerce .star-rating::before,
.woocommerce .star-rating,
.woocommerce-message::before {
    color: #f23f30;
}
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .button  {
    color: #fff;
}
.woocommerce .quantity .qty {
    height: 34px;
}
.woocommerce .quantity .qty:focus {
    border-color: #f23f30;
}
.woocommerce #review_form #respond textarea {
    height: auto;
    padding: 10px;
    text-indent: 0;
    line-height: 1;
}
.woocommerce span.onsale {
    top: 0;
    left: 0;
    min-height: 40px;
    min-width: 50px;
    border-radius: 0;
    background-color: #f23f30;
}
.woocommerce ul.products li.product .onsale {
    margin: 0;
}
.woocommerce-message {
    border-color: #f23f30;
}
.woocommerce-checkout .archive-post-wrap img {
    width: auto;
}
.woocommerce table.shop_table {
  display: table;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

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

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

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

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page #respond form .form-group:hover .btn-contact {
    background-color: transparent !important;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.blog-masonry .format-aside .entry-title {
  display: none;
}
#secondary {
  padding:25px;
  background-color: #fff;
}
#secondary a {
    color: #666;
}
#secondary a:hover,
#secondary a:focus {
    color: #f23f30;
}
#secondary .widget_categories ul li a:hover,
#secondary .widget ul li a:hover {
  text-decoration: underline;
}
#secondary li {
  margin-bottom: 10px;
}
#secondary li:last-child {
  margin-bottom: 0;
}
#secondary .widget-title {
    margin-top: 0;
    margin-bottom: 15px;
    color: #f23f30;
    font-size: 26px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

#comments ul, 
#comments ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
#comments ul.children {
  padding: 10px 0 10px 130px;
}
.comment-desc {
    display: table;
}
#comments ul li {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
#comments .entry-content > ul > li:last-child {
  border-bottom: none;
} 

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

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

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

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

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

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

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

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

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

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

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

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

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

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

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

.gallery-caption {
  display: block;
}
.grid-sizer,
.grid-item { width: 20%; }
.grid-item-width1 { width: 40%; }
.blog-masonry .grid-item img,
.blog-masonry .grid-item-width1 img,
.blog-masonry .grid-item-width2 img {
    height: 400px;
}
.gallery-with-gap .grid-item,
.gallery-with-gap .box {
    padding: 10px;
}
.gallery-with-gap #photo-gallery,
.gallery-with-gap #portfolio {
    padding-left: 10px;
    padding-right: 10px;
}
#photo-gallery .red-overlay,
#photo-gallery figcaption:before,
#photo-gallery figcaption:after {
    display: none;
}
.featured-background-image {
    padding: 200px 0;
    background-size: cover;
    background-position: 50%;
}
.grid-item:nth-child(1n) {
  width: 20%;
}
.grid-item.grid-item-width1 {
  width: 40%;
}
.grid-item:nth-child(2n) .featured-background-image,
.grid-item:nth-child(3n) .featured-background-image,
.grid-item:nth-child(4n) .featured-background-image {
  padding: 125px 0;
}
.grid-item:nth-child(5n) .featured-background-image,
.grid-item:nth-child(6n) .featured-background-image {
    padding: 260px 0;
}
.gallery-no-gap .grid-item:nth-child(5n) .featured-background-image,
.gallery-no-gap .grid-item:nth-child(6n) .featured-background-image {
    padding: 250px 0;
}
.grid-item:nth-child(7n) .featured-background-image,
.grid-item:nth-child(8n) .featured-background-image,
.grid-item:nth-child(9n) .featured-background-image,
.grid-item:nth-child(10n) .featured-background-image,
.grid-item:nth-child(11n) .featured-background-image,
.grid-item:nth-child(12n) .featured-background-image {
  padding: 125px 0;
}
.gallery-no-gap .grid-item:nth-child(10n) .featured-background-image,
.gallery-no-gap .grid-item:nth-child(12n) .featured-background-image {
    padding: 125px 0;
}
#photo-gallery.gallery-content {
    position: absolute;
    top: 50px;
}
#photo-gallery.category-list .popup-image {
  display: none;
}
#photo-gallery span.number-of-photos,
#photo-gallery span.view-gallery {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #fff;
    font-weight: 600;
    z-index: 10;
}
#photo-gallery span.view-gallery {
  top: auto;
  left: auto;
  bottom: 20px;
  right: 20px;
}
#photo-gallery span.number-of-photos a,
#photo-gallery span.view-gallery a,
.tp-portfolio .box small a:hover,
.tp-portfolio .box small a:focus {
  color: #fff;
}
#photo-gallery span.number-of-photos a:hover,
#photo-gallery span.number-of-photos a:focus,
#photo-gallery span.view-gallery a:hover,
#photo-gallery span.view-gallery a:focus,
#photo-gallery .gallery-title a:hover h4,
#photo-gallery .gallery-title a:focus h4,
.portfolio-title a:hover h4,
.portfolio-title a:focus h4,
.tp-portfolio .box small a:hover,
.tp-portfolio .box small a:focus {
  color: #f23f30;
}
#photo-gallery span.view-gallery a:hover .fa,
#photo-gallery span.view-gallery a:focus .fa {
    border-color: #f23f30;
}
#photo-gallery.fa-link:before {
    content: "\f0c1";
}
#photo-gallery span.view-gallery .fa {
    border: 1px solid #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    line-height: 18px;
    text-align: center;
}
#photo-gallery figure:hover:before {
    content: "";
    -webkit-background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 100%);
    -moz-background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 100%);
    -ms-background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 100%);
    -o-background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.gallery-with-gap #photo-gallery .gallery-post-content {
    border: 1px solid #eee;
    min-height: 250px;
}
.grid-box #photo-gallery .featured-background-image {
    padding: 125px 0;
}
/*--------------------------------------------------------------
## Layouts and Titles
--------------------------------------------------------------*/
section {
  position: relative;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.container:after, 
.container:before {
    content: "";
    display: table;
    clear: both;
}
.page-section {
  padding: 60px 0;
}
.column-wrapper {
  float: left;
  width: 100%;
  padding: 10px;
}
.widget.tp-instagram .one-col li,
.widget.tp-instagram .two-col li,
.widget.tp-instagram .three-col li,
.widget.tp-instagram .four-col li,
.widget.tp-instagram .five-col li,
.widget.tp-instagram .six-col li {
    width: 100%;
    float: left;
    margin: 0;
}
.widget.tp-instagram .two-col li {
  width: 50%;
}
.widget.tp-instagram .three-col li {
  width: 33.33%;
}
.widget.tp-instagram .four-col li {
  width: 25%;
}
.widget.tp-instagram .five-col li {
  width: 20%;
}
.widget.tp-instagram .six-col li {
  width: 16.66%;
}
#instagram .hentry,
#contact-form .column-wrapper,
.site-footer .column-wrapper {
  padding: 0;
}
#instagram .entry-title {
    margin: 0;
    padding: 30px 10px;
    color: #fff;
}
.one-col .column-wrapper {
  width: 100%;
}
.entry-header {
    text-align: center;
    margin-bottom: 3.5em;
    max-width: 675px;
    margin: auto;
}
.home .entry-header,
.home .entry-title {
  margin-top: 0;
}
.entry-title {
    font-size: 35px;
    margin-bottom: 0;
    font-family: serif;
    text-transform: capitalize;
}
.sub-title {
    font-family: 'Open Sans', sans-serif;
    color: #888;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.clear {
  clear: both;
}
.padding-top-0 {
  padding-top: 0;
}
.padding-bottom-0 {
    padding-bottom: 0;
}
.w-25{
  width: 25%;
}
.w-75 {
  width: 75%;
}
.w-50 {
  width: 50%;
}
.w-40 {
  width: 40%;
}
.w-20 {
  width: 20%;
}
.w-100 {
  width: 100%;
}
.display-block {
  display: block;
}
.display-none {
  display: none;
}
/*--------------------------------------------------------------
# Animation
--------------------------------------------------------------*/
.os-animation {
    opacity: 0;
}
.os-animation.animated {
    opacity: 1;
}

/*--------------------------------------------------------------
# Background Colors
--------------------------------------------------------------*/
.bg-white {
  background-color: #fff;
}
.bg-grey {
  background-color: #F1F5F8;
}
/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
.main-slider .cycle-slideshow img ,
.main-slider .cycle-slideshow figure {
    width: 100%;
    vertical-align: middle;
}
.main-slider .black-overlay {
    opacity: 0.4;
}
.main-slider .cycle-slideshow {
    z-index: 0;
}
.main-slider figure {
    background-size: cover;
    background-position: 50%;
    padding: 325px 0;
}
.slider-contents {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: 3;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.layer-1 h5 {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    color: #f23f30;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}
.main-slider .layer-1 h5 {
  color: #fff;
}
.layer-2 {
    margin: 15px auto;
}
.layer-2 a:hover h1,
.layer-2 a:focus h1 {
    color: #f23f30;
}
.layer-2 h1 {
    text-transform: uppercase;
    font-family: serif;
    color: #fff;
    margin: 0;
    line-height: 65px;
    font-size: 60px;
    display: inline-block;
    letter-spacing: 0.3em;
}
.layer-3 h5 {
    font-family: 'Open Sans', sans-serif;
    color: #eee;
    margin: 0 auto;
    width: 50%;
    font-weight: 100;
    font-size: 16px;
}
.layer-4 {
    margin-top: 25px;
}
.main-slider .controls {
    position: absolute;
    top: 50%;
    right: 45px;
}
.main-slider .control-align-bottom .controls {
    position: relative;
    top: 0;
    right: 0;
}
.main-slider .control-align-bottom .cycle-pager,
.main-slider .cycle-slideshow .control-align-bottom .cycle-prev, 
.main-slider .cycle-slideshow .control-align-bottom .cycle-next {
  display: inline-block;
}
.main-slider .control-align-bottom .fa-angle-down:before {
    content: "\f105";
}
.main-slider .control-align-bottom .fa-angle-up:before {
    content: "\f104";
}
.main-slider .control-align-bottom .cycle-pager {
  padding: 0 15px;
}
.main-slider .controls .fa {
    font-size: 30px;
    color: #f23f30;
}
.main-slider .cycle-slideshow .controls .fa,
.main-slider .cycle-pager span {
    color: rgba(255, 255, 255, 0.50);
}
.main-slider .cycle-pager .cycle-pager-active {
  color: #fff;
}
.main-slider .cycle-pager {
    position: relative;
    text-align: center;
    z-index: 300;
}
.main-slider .controls .fa,
.main-slider .cycle-pager {
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.main-slider:hover .controls .fa,
.main-slider:hover .cycle-pager {
  opacity: 1;
}
.main-slider .control-align-bottom {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    margin: AUTO;
    text-align: center;
}
.cycle-pager span {
    color: #f23f30;
    font-size: 30px;
    display: block;
    line-height: 20px;
    cursor: pointer;
}
.control-align-bottom .cycle-pager span {
    display: inline-block;
    margin-right: 5px;
}
.cycle-pager .cycle-pager-active {
  color: #F10402;
}
.cycle-slideshow .cycle-prev,
.cycle-slideshow .cycle-next {
    z-index: 300;
    position: relative;
}
.black-overlay {
    background-color: rgba(51, 51, 51, 0.6);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    top: 0;
}
/*--------------------------------------------------------------
# Banner
--------------------------------------------------------------*/
.banner-wrapper,
.home.blog .banner-wrapper {
    text-align: center;
    padding: 150px 0 100px 0;
}
.home .banner-wrapper {
    padding: 0;
}
.banner-wrapper .page-title h1 {
    color: #fff;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.home .banner-wrapper .page-title h1 {
  color: #282828;
  font-size: 35px;
}
.home.blog .banner-wrapper .page-title h1 {
  color: #f23f30;
  font-size: 44px;
}

.banner-wrapper .page-desc p {
    color: #fff;
    width: 600px;
    margin: auto;
    font-size: 15px;
}
.banner-overlay {
    background: rgba(0, 0, 0, 0.20);
}
.home .banner-wrapper {
    background: transparent;
}
.home .banner-wrapper p {
    color: #333;
}
.home #primary .entry-content {
    margin: 0;
}
/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
#about-us .sub-title {
    font-size: 23px;
    font-family: serif;
    color: #000;
    margin-bottom: 25px;
    display: inline-block;
}
.gallery img {
  width: 100%;
}
/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
#portfolio {
    padding-bottom: 15px;
}
.portfolio-filter li {
    display: inline-block;
}
.portfolio-filter li a {
    text-transform: uppercase;
    color: #666;
    font-weight: bold;
    font-size: 15px;
    padding: 15px;
}
.portfolio-filter li:not(:last-child) {
    margin-right: 15px;
}
.portfolio-filter {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 50px;
}
.portfolio-filter ul {
    border-bottom: 2px solid #ddd;
    display: inline-block;
    padding-bottom: 11px;
}
.tp-portfolio,
.gallery {
    position: relative;
    padding-bottom: 0;
    list-style: none;
    text-align: center;
}
.entry-content.gallery {
    margin-top: 0;
}
.navigation.pagination .nav-links {
    text-align: center;
    margin-top: 35px;
}
.navigation.pagination .page-numbers.dots {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 8px;
}
#portfolio #fourcol {
    margin-bottom: 50px;
}
.portfolio-filter li .active {
    color: #f23f30;
    border-bottom: 3px solid #f23f30;
    padding-bottom: 15px;
}
.portfolio-filter li a:hover {
    color: #f23f30;
    border-bottom: 3px solid #f23f30;
    padding-bottom: 15px;
}
.tp-portfolio .red-overlay {
  background-color: rgba(236, 71, 52, 0.86);
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}
.isotope-item {
    z-index: 2;
    padding: 0;
}
.item-h1,
.item-h2 {
    height: auto !important;
}

.tp-portfolio figure figcaption::before,
.gallery figure figcaption::before {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    border: 1px solid #eee;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-20px,0,0);
    transform: translate3d(-20px,0,0);
}
.tp-portfolio figure:hover figcaption::before,
.gallery figure:hover figcaption::before {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.tp-portfolio figure,
.gallery figure {
  position: relative;
}
.tp-portfolio figure img,
.gallery figure img {
  vertical-align: middle;
  width: 100%;
}
.gallery figure.gallery-item img:hover {
  opacity: 0.8;
}
.tp-portfolio .portfolio-content,
.gallery .gallery-content {
  position: absolute;
  bottom: 0;
  padding-bottom: 20px;
}
.popup-image {
    opacity: 0;
    position: absolute;
    top: 0;
    padding: 20px;
    width: 100%;
}
.popup-image .fa {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.30);
    color: #fff;
    font-size: 14px;
}
.popup-image a .fa-eye {
  float: left;
}
.popup-image a .fa-link {
  float: right;
}
.popup-image a:hover .fa,
.popup-image a:focus .fa {
  background-color: #000;
}
#portfolio figcaption:before, 
#portfolio figcaption:after {
  display: none;
}
#portfolio .red-overlay {
  display: none;
}
.tp-portfolio figure:hover .popup-image,
.gallery figure:hover .popup-image,
#instagram figure:hover .popup-image {
  opacity: 1;
}
.gallery .gallery-content {
  padding-bottom: 20px;
}
.tp-portfolio figure:hover .red-overlay,
.gallery figure:hover .red-overlay  {
  opacity: 1;
}
.tp-portfolio .likes,
.gallery .likes {
    position: absolute;
    top: 30px;
    right: 30px;
    color: #fff;
    opacity: 0;
    text-transform: uppercase;
    transition:0.4s ease-in-out;
}
.tp-portfolio figure:hover .portfolio-content,
.tp-portfolio figure:hover .likes,
.gallery figure:hover .gallery-content,
.gallery figure:hover .likes {
    opacity: 1;
}

.tp-portfolio figure:hover .likes,
.gallery figure:hover .likes,
.tp-portfolio figure:hover .popup-image a .fa,
.gallery figure:hover .popup-image a .fa { 
  -webkit-animation: 1s bounceIn;
  -moz-animation: 1s bounceIn;
  -ms-animation: 1s bounceIn;
  -o-animation: 1s bounceIn;
  animation: 1s bounceIn;
}
.tp-portfolio figure:hover .likes .fa,
.gallery figure:hover .likes .fa {
  color: #ffe930;
  margin-right: 8px;
}
.portfolio-content,
.gallery-content {
    text-align: left;
    padding: 0 20px;
    opacity: 0;
    left: 0;
    right: 0;
}
.tp-portfolio figure:hover:before {
    content: "";
    -webkit-background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 100%);
    -moz-background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 100%);
    -ms-background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 100%);
    -o-background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.gallery-content .tag small a:not(:last-child):after,
.tp-portfolio .box small a:not(:last-child):after {
  content: ', ';
}
.portfolio-content .tag small,
.gallery-content .tag small,
.gallery-content .tag small a,
.tp-portfolio .box small a {
    text-transform: uppercase;
    color: #ffe930;
    font-size: 14px;
    margin-bottom: 5px;
    display: inline-block;
}
.gallery-content .tag small a:hover,
.gallery-content .tag small a:focus,
.tp-portfolio .box small a:hover,
.tp-portfolio .box small a:focus {
  color: #fff;
}
#photo-gallery span.number-of-photos, 
#photo-gallery span.view-gallery {
  opacity: 0;
}
#photo-gallery figure:hover span.number-of-photos, 
#photo-gallery figure:hover span.view-gallery {
  opacity: 1;
}
.portfolio-content .tag small,
.gallery-content .tag small {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
    transition:1s;
}
.tp-portfolio figure:hover .portfolio-content .tag small,
.gallery figure:hover .gallery-content .tag small {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.portfolio-title,
.gallery-title,
#photo-gallery span.number-of-photos, 
#photo-gallery span.view-gallery {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
    transition:1s;
}
.portfolio-desc,
.gallery-desc {
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
  transition:1s;
}
.tp-portfolio figure:hover .portfolio-title,
.tp-portfolio figure:hover .portfolio-desc,
.gallery figure:hover .gallery-title,
.gallery figure:hover .gallery-desc,
#photo-gallery figure:hover span.number-of-photos, 
#photo-gallery figure:hover span.view-gallery {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.portfolio-title h4,
.gallery-title h4 {
    margin: 0;
    text-transform: uppercase;
    color: #fff;
    width: auto;
    font-family: 'Open Sans', sans-serif;
    line-height: 25px;
    margin-bottom: 10px;
    display: inline-block;
}
.gallery-title h4  {
  font-size: 18px;
}
.portfolio-title h4:hover,
.gallery-title h4:hover {
  color: #eee;
}
.portfolio-desc .desc,
.gallery-desc .desc {
    color: #fff;
    margin-top: 0;
    margin-bottom: 30px;
    padding-right: 20px;
}
.gallery-post-content {
    min-height: 250px;
    padding: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.gallery-post-content .entry-content {
    margin: 0;
}
.gallery-post-content p {
    margin-top: 0;
    font-size: 13px;
}
.gallery-post-content .entry-title {
    font-size: 24px;
}
.gallery-post-content .entry-header {
  width: 100%;
  margin: 10px 0;
}
.category-list .gallery-content {
  position: absolute;
  top: 45px;
}
/*--------------------------------------------------------------
# Instagram
--------------------------------------------------------------*/
#instagram, 
#instagram .instagram-title {
    color: #fff;
    margin: 0;
    font-size: 14px;
    word-wrap: break-word;
    font-family: "Open-sans",sans-serif;
}
#instagram {
    background-color: #292929;
}
#instagram .instagram-title {
    text-transform: uppercase;
}
#instagram figcaption a:hover h5,
#instagram figcaption a:focus h5 {
  color: #f23f30;
}
#instagram img {
    vertical-align: middle;
    width: 100%;
}
#instagram .column-wrapper {
    position: relative;
}
#instagram figcaption {
    position: absolute;
    bottom: 20px;
    margin: auto;
    padding: 0 20px;
    left: 0;
    right: 0;
    opacity: 0;
    text-align: left;
    -webkit-transform: translateY(-25px);
    -moz-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    -o-transform: translateY(-25px);
    transform: translateY(-25px);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#instagram .fa.fa-instagram {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 25px;
    opacity: 0;
    display: none;
}
#instagram figure:hover .fa {
    -webkit-animation: bounceIn 0.6s;
    -moz-animation: bounceIn 0.6s;
    -ms-animation: bounceIn 0.6s;
    -o-animation: bounceIn 0.6s;
    animation: bounceIn 0.6s;
}
.red-overlay {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(236, 71, 52, 0.61);
    top: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
#instagram figure:hover .red-overlay,
#instagram figure:hover figcaption,
#instagram figure:hover .fa {
  opacity: 1;
}
#instagram figure:hover figcaption {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
#instagram .column-wrapper .red-overlay {
    background-color: rgba(0, 0, 0, 0.30);
}
/*-----------------------------------------------------------
# Address
------------------------------------------------------------*/
#address .address-block li {
    float: left;
    width: 25%;
}
#address .address-block .fa, 
#address .address-block .title, 
#address .address-block a {
    display: block;
    text-align: center;
}
#address .address-block li.social-icons li {
  width: auto;
  float: none;
  display: inline-table;
}
#address .address-block li.social-icons ul {
  text-align: center;
  margin: 0;
  padding: 0;
}
#address .address-block .social-icons ul li:not(:last-child) {
    margin-right: 0;
}
#address .address-block > li:not(:last-child) {
    border-right: 1px solid #ddd;
    min-height: 120px;
}
#address .address-block .title {
    color: #888;
    margin: 15px 0;
    text-transform: uppercase;
}
#address .address-block .address {
    text-align: center;
}
#address .address-block li {
    font-weight: bold;
    list-style: none;
}
#address .address-block .social-icons  li a::before {
    background-color: transparent;
    color: #333;
}
#address .address-block .social-icons li a {
    width: 40px;
    height: 40px;
}
#address .address-block .social-icons li a:before, 
#address .address-block .social-icons li a:after {
  line-height: 40px;
}
/*-----------------------------------------------------------
 # Map and Contact Form
------------------------------------------------------------*/
#contact-form form {
    background: #fff;
    padding: 30px 40px 20px 40px;
}
.form-title h3 {
    margin: 0;
}
#map {
  height: 384px;
}
.wpcf7-form input,
.wpcf7-form textarea {
    border-radius: 0;
    border: 1px solid #ddd;
    padding: 10px;
    margin-right: 50px;
    height: 40px;
    width: 100%;
    text-indent: 0;
}
.wpcf7-form textarea {
    height: auto;
    min-height: 300px;
}
.wpcf7-form .wpcf7-form-control-wrap {
    margin-top: 5px;
    display: inline-block;
    width: 100%;
}
.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
div.wpcf7-validation-errors {
    border-color: #f23f30;
}   
.wpcf7-form input[type="submit"] {
    padding: 15px 25px;
    width: auto;
    box-shadow: none;
    border: none;
    color: #fff;
    text-indent: 0;
    text-align: center;
    margin: 0;
    height: auto;
    font-size: 14px;
}
.wpcf7-form input[type="submit"]:hover,
.wpcf7-form input[type="submit"]:focus {
    background-color: rgb(158, 12, 5);
}
/*-----------------------------------------------------------
            SOCIAL ICONS
------------------------------------------------------------*/
.social-icons li a:before,
.social-icons li a:after {
  content: "\f0c1";
  font-family: "FontAwesome";
  width: 25px;
  display: inline-block;
  text-align: center;
  color: #eee;
  line-height: 50px;
  background-color: #1B1A1F;
}
.social-icons  li a[href*="facebook.com"]:before,
.social-icons  li a[href*="fb.com"]:before,
.social-icons  li a[href*="facebook.com"]:after,
.social-icons  li a[href*="fb.com"]:after {
  content: "\f09a";
}

.social-icons  li a[href*="twitter.com"]:before,
.social-icons  li a[href*="twitter.com"]:after {
  content: "\f099";
}

.social-icons  li a[href*="linkedin.com"]:before,
.social-icons  li a[href*="linkedin.com"]:after {
  content: "\f0e1";
}

.social-icons  li a[href*="plus.google.com"]:before,
.social-icons  li a[href*="plus.google.com"]:after {
  content: "\f0d5";
  font-size: 13px;
}

.social-icons  li a[href*="youtube.com"]:before,
.social-icons  li a[href*="youtube.com"]:after {
  content: "\f16a";
}

.social-icons  li a[href*="dribbble.com"]:before,
.social-icons  li a[href*="dribbble.com"]:after {
  content: "\f17d";
}

.social-icons  li a[href*="pinterest.com"]:before,
.social-icons  li a[href*="pinterest.com"]:after {
  content: "\f0d2";
}

.social-icons  li a[href*="bitbucket.org"]:before,
.social-icons  li a[href*="bitbucket.org"]:after {
  content: "\f171";
}

.social-icons  li a[href*="github.com"]:before,
.social-icons  li a[href*="github.com"]:after {
  content: "\f113";
}

.social-icons  li a[href*="codepen.io"]:before,
.social-icons  li a[href*="codepen.io"]:after {
  content: "\f1cb";
}

.social-icons  li a[href*="flickr.com"]:before,
.social-icons  li a[href*="flickr.com"]:after {
  content: "\f16e";
}

.social-icons  li a[href$="feed.com"]:before,
.social-icons  li a[href$="feed.com"]:after {
  content: "\f09e";
}

.social-icons  li a[href*="foursquare.com"]:before,
.social-icons  li a[href*="foursquare.com"]:after {
  content: "\f180";
}

.social-icons  li a[href*="instagram.com"]:before,
.social-icons  li a[href*="instagram.com"]:after {
  content: "\f16d";
}

.social-icons  li a[href*="tumblr.com"]:before,
.social-icons  li a[href*="tumblr.com"]:after {
  content: "\f173";
}

.social-icons  li a[href*="reddit.com"]:before,
.social-icons  li a[href*="reddit.com"]:after {
  content: "\f1a1";
}

.social-icons  li a[href*="vimeo.com"]:before,
.social-icons  li a[href*="vimeo.com"]:after {
  content: "\f194";
}

.social-icons  li a[href*="digg.com"]:before,
.social-icons  li a[href*="digg.com"]:after {
  content: "\f1a6";
}

.social-icons  li a[href*="twitch.tv"]:before,
.social-icons  li a[href*="twitch.tv"]:after {
  content: "\f1e8";
}

.social-icons  li a[href*="stumbleupon.com"]:before,
.social-icons  li a[href*="stumbleupon.com"]:after {
  content: "\f1a4";
}

.social-icons  li a[href*="delicious.com"]:before,
.social-icons  li a[href*="delicious.com"]:after {
  content: "\f1a5";
}

.social-icons  li a[href*="mailto:"]:before,
.social-icons  li a[href*="mailto:"]:after {
  content: "\f0e0";
}
.social-icons  li a[href*="soundcloud.com"]:before,
.social-icons  li a[href*="soundcloud.com"]:after {
  content: "\f1be";
}
.social-icons  li a[href*="wordpress.org"]:before,
.social-icons  li a[href*="wordpress.org"]:after {
  content: "\f19a";
}
.social-icons  li a[href*="wordpress.com"]:before,
.social-icons  li a[href*="wordpress.com"]:after {
  content: "\f19a";
}

.social-icons  li a[href*="jsfiddle.net"]:before,
.social-icons  li a[href*="jsfiddle.net"]:after {
  content: "\f1cc";
}

.social-icons  li a[href*="tripadvisor.com"]:before,
.social-icons  li a[href*="tripadvisor.com"]:after {
  content: "\f262";
}

.social-icons  li a[href*="foursquare.com"]:before,
.social-icons  li a[href*="foursquare.com"]:after {
  content: "\f180";
}

.social-icons  li a[href*="angel.co"]:before,
.social-icons  li a[href*="angel.co"]:after {
  content: "\f209";
}

.social-icons  li a[href*="slack.com"]:before,
.social-icons  li a[href*="slack.com"]:after {
  content: "\f198";
}

.social-icons ul li {
    float: left;
}
.social-icons ul li {
    margin-right: 10px;
}
.social-icons ul li:last-child {
    margin-right: 0px;
}
.social-icons  li a:before {
  color: #eee;
}

.social-icons  li a {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
}
.social-icons  li a {
    position: relative;
}
.social-icons  li a::before, 
.social-icons  li a::after,
.sd-social-icon .sd-content ul li a.sd-button:before,
.sd-social-icon .sd-content ul li a.sd-button:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.social-icons  li a::before {
    background-color: #1A1B20;
}
.social-icons  li a::before, 
.social-icons  li a::after {
    background-position: 0 0;
}
.social-icons  li a::after {
    z-index: 1;
    opacity: 0;
    -webkit-transform: translateY(48px) rotateX(-90deg);
    transform: translateY(48px) rotateX(-90deg);
}
.social-icons  li a::after {
    background-color: #3b5998;
}
.social-icons  li a:hover::before {
    opacity: 0;
    -webkit-transform: translateY(-25px) rotateX(90deg);
    transform: translateY(-25px) rotateX(90deg);
}
.social-icons  li a:hover::after,
.sd-social-icon .sd-content ul li a.sd-button:hover:after {
    opacity: 1;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}
.social-icons  li a::after {
  background-color: #E62117;
}
.social-icons  li a[href*="facebook.com"]::after,
.social-icons  li a[href*="fb.com"]::after,
.sd-social-icon .sd-content ul li[class*='share-'].share-facebook a.sd-button::after  {
  background-color: #3B5998;
}
.social-icons  li a[href*="twitter.com"]::after,
.sd-social-icon .sd-content ul li[class*='share-'].share-twitter a.sd-button::after {
  background-color: #1DA1F2;
}
.social-icons  li a[href*="www.plus.google.com"]::after,
.sd-social-icon .sd-content ul li[class*='share-'].share-google-plus-1 a.sd-button::after {
  background-color: #D34836;
}
.social-icons  li a[href*="www.linkedin.com"]::after,
.sd-social-icon .sd-content ul li[class*='share-'].share-linkedin a.sd-button::after {
  background-color: #0077B5;
}
.social-icons  li a[href*="www.instagram.com"]::after,
.sd-social-icon .sd-content ul li[class*='share-'].share-instagram a.sd-button::after {
  background-color: #2E5E86;
}
.social-icons  li a[href*="www.youtube.com"]::after,
.sd-social-icon .sd-content ul li[class*='share-'].share-youtube a.sd-button::after {
  background-color: #E62117;
}
.social-icons  li a[href*="www.pinterest.com"]::after,
.sd-social-icon .sd-content ul li[class*='share-'].share-pinterest a.sd-button::after {
  background-color: #BD081C;
}
.social-icons  li a[href*="www.tumblr.com"]::after,
.sd-social-icon .sd-content ul li[class*='share-'].share-tumblr a.sd-button::after {
  background-color: #304E6C;
}
.social-icons  li a[href*="www.skype.com"]::after,
.sd-social-icon .sd-content ul li[class*='share-'].share-skype a.sd-button::after {
  background-color: #02A6E5;
}
.social-icons  li a[href*="www.reddit.com"]::after,
.sd-social-icon .sd-content ul li[class*='share-'].share-reddit a.sd-button::after {
  background-color: #FF4500;
}
.social-icons  li a[href*="www.getpocket.com"]::after,
.sd-social-icon .sd-content ul li[class*='share-'].share-pocket a.sd-button::after {
  background-color: #ED4054;
}
.social-icons  li a[href*="www.whatsapp.com"]::after,
.sd-social-icon .sd-content ul li[class*='share-'].share-jetpack-whatsapp a.sd-button::after {
  background-color: #189D0E;
}

.sd-social-icon .sd-content ul li[class*='share-'] a:hover, 
.sd-social-icon .sd-content ul li[class*='share-'] div.option a:hover {
    opacity: 1 !important;
}
.sd-social-icon .sd-content ul li[class*='share-'] a:after {
  color: #fff !important;
}
.sd-social-icon .sd-content ul li[class*='share-'] a.sd-button:before {
  z-index: 3;
}
.sd-social-icon .sd-content ul li a.share-more span {
    margin-left: 35px !important;
    margin-top: 5px;
    display: inline-block;
}
.sd-social-icon .sd-content ul li.share-email a:after, 
.sd-social-text .sd-content ul li.share-email a:after, 
.sd-content ul li.share-email div.option.option-smart-off a:after, 
.sd-social-icon-text .sd-content li.share-email a:after, 
.sd-social-official .sd-content li.share-email a:after {
    content: '\f410';
    font: normal 18px/1 'social-logos';
}
.sd-social-icon .sd-content ul li.share-facebook a:after, 
.sd-social-text .sd-content ul li.share-facebook a:after, 
.sd-content ul li.share-facebook div.option.option-smart-off a:after, 
.sd-social-icon-text .sd-content li.share-facebook a:after {
    content: '\f203';
    font: normal 18px/1 'social-logos';
}
.sd-social-icon .sd-content ul li.share-twitter a:after, 
.sd-social-text .sd-content ul li.share-twitter a:after, 
.sd-content ul li.share-twitter div.option.option-smart-off a:after, 
.sd-social-icon-text .sd-content li.share-twitter a:after {
    content: '\f202';
    font: normal 18px/1 'social-logos';
}
.sd-social-icon .sd-content ul li.share-tumblr a:after, 
.sd-social-text .sd-content ul li.share-tumblr a:after, 
.sd-content ul li.share-tumblr div.option.option-smart-off a:after, 
.sd-social-icon-text .sd-content li.share-tumblr a:after {
    content: '\f607';
    font: normal 18px/1 'social-logos';
}
.sd-social-icon .sd-content ul li.share-pocket a:after, 
.sd-social-text .sd-content ul li.share-pocket a:after, 
.sd-content ul li.share-pocket div.option.option-smart-off a:after, 
.sd-social-icon-text .sd-content li.share-pocket a:after {
    content: '\f224';
    font: normal 18px/1 'social-logos';
}
.sd-social-icon .sd-content ul a.share-more:after, 
.sd-social-text .sd-content ul a.share-more:after, 
.sd-content ul li.advanced a.share-more:after, 
.sd-social-icon-text .sd-content a.share-more:after, 
.sd-social-official .sd-content a.share-more:after {
    content: '\f415';
    font: normal 18px/1 'social-logos';
}
.sd-social-icon .sd-content ul li.share-skype a:after, 
.sd-social-text .sd-content ul li.share-skype a:after, 
.sd-content ul li.share-skype div.option.option-smart-off a:after, 
.sd-social-icon-text .sd-content li.share-skype a:after {
    content: '\f220';
    font: normal 18px/1 'social-logos';
}
.sd-social-icon .sd-content ul li.share-reddit a:after, 
.sd-social-text .sd-content ul li.share-reddit a:after, 
.sd-content ul li.share-reddit div.option.option-smart-off a:after, 
.sd-social-icon-text .sd-content li.share-reddit a:after {
    content: '\f222';
    font: normal 18px/1 'social-logos';
}
.sd-social-icon .sd-content ul li.share-google-plus-1 a:after, 
.sd-social-text .sd-content ul li.share-google-plus-1 a:after, 
.sd-content ul li.share-google-plus-1 div.option.option-smart-off a:after, 
.sd-social-icon-text .sd-content li.share-google-plus-1 a:after {
    content: '\f218';
    font: normal 18px/1 'social-logos';
}
.sd-social-icon .sd-content ul li.share-pinterest a:after, 
.sd-social-text .sd-content ul li.share-pinterest a:after, 
.sd-content ul li.share-pinterest div.option.option-smart-off a:after, 
.sd-social-icon-text .sd-content li.share-pinterest a:after {
    content: '\f210';
    font: normal 18px/1 'social-logos';
}
.sd-social-icon .sd-content ul li.share-jetpack-whatsapp a:after, 
.sd-social-text .sd-content ul li.share-jetpack-whatsapp a:after, 
.sd-content ul li.share-jetpack-whatsapp div.option.option-smart-off a:after, 
.sd-social-icon-text .sd-content li.share-jetpack-whatsapp a:after, 
.sd-social-official .sd-content li.share-jetpack-whatsapp a:after {
    content: '\f608';
    font: normal 18px/1 'social-logos';
}
.sd-social-icon .sd-content ul li.share-telegram a:after, 
.sd-social-text .sd-content ul li.share-telegram a:after, 
.sd-content ul li.share-telegram div.option.option-smart-off a:after, 
.sd-social-icon-text .sd-content li.share-telegram a:after, 
.sd-social-official .sd-content li.share-telegram a:after {
    content: '\f606';
    font: normal 18px/1 'social-logos';
}
.sd-social-icon .sd-content ul li.share-linkedin a:after, 
.sd-social-text .sd-content ul li.share-linkedin a:after, 
.sd-content ul li.share-linkedin div.option.option-smart-off a:after, 
.sd-social-icon-text .sd-content li.share-linkedin a:after {
    content: '\f207';
    font: normal 18px/1 'social-logos';
}
.sd-social-icon .sd-content ul li.share-print a:after, 
.sd-social-text .sd-content ul li.share-print a:after, 
.sd-content ul li.share-print div.option.option-smart-off a:after, 
.sd-social-icon-text .sd-content li.share-print a:after, 
.sd-social-official .sd-content li.share-print a:after {
    content: '\f469';
    font: normal 18px/1 'social-logos';
}
/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.blog .grid-item,
.blog-masonry .grid-item {
  width: 50%;
}
.blog .grid-sizer,
.blog-masonry .grid-sizer,
.blog .grid-item-width-1,
.blog-masonry .grid-item-width-1 {
    width: 25%;
}
.blog .grid-item-width-2,
.blog-masonry .grid-item-width-2 {
  width: 75%;
}
.blog article.grid-item,
.blog-masonry article.grid-item {
    padding: 5px;
}
.blog .blog-wrapper figure,
.blog-masonry .blog-wrapper figure  {
  margin: 0;
}
.blog-masonry article,
.search article,
.blog article,
.blog-wrapper figure img {
    width: auto;
    object-fit: cover;
}
.blog-masonry article,
.search article,
.blog article,
.blog-wrapper figure {
    float: none;
}
#primary.blog-masonry article {
    margin-bottom: 0;
}
.blog-wrapper figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    background: #333;
    text-align: center;
    width: 100%;
}
.blog-wrapper figure figcaption::before {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border: 1px solid #eee;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-20px,0,0);
    transform: translate3d(-20px,0,0);
}
.blog-wrapper figure:hover figcaption::before, 
.blog-wrapper figure:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.blog-wrapper figure img {
    max-width: none;
    width: calc(100% + 60px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    -moz-transition: opacity 0.35s, -webkit-transform 0.35s;
    -ms-transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-50px,0,0);
    -moz-transform: translate3d(-50px,0,0);
    -ms-transform: translate3d(-50px,0,0);
    -o-transform: translate3d(-50px,0,0);
    transform: translate3d(-50px,0,0);
    opacity: 0.8;
    vertical-align: middle;
}
.blog-wrapper figure:hover img {
    opacity: 0.7;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.blog-wrapper .blog-content {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    padding: 0 15px 30px 25px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.blog-wrapper figure:hover .blog-content {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}
.blog-wrapper .blog-content .date span,
.blog-wrapper .blog-content .date span a,
.blog-wrapper .blog-content .posted-on time,
.blog-wrapper .blog-content .posted-on a,
.blog-wrapper .blog-content  .comment-value {
    color: #ffe930;
}
.single-post .blog-wrapper .blog-content .posted-on a time, 
.single-post .blog-wrapper .blog-content .comment-value,
.single-post .blog-wrapper .blog-content .comment-value a,
.single-post .blog-wrapper .blog-content .posted-on {
    color: #a4a4a4;
}
.single-post .blog-wrapper .blog-content .posted-on a:hover time, 
.single-post .blog-wrapper .blog-content .comment-value:hover,
.single-post .blog-wrapper .blog-content .comment-value a:hover {
  color: #f23f30;
}
.blog-wrapper .blog-content .date span:hover,
.blog-wrapper .blog-content .date span a:hover,
.blog-wrapper .blog-content .date span:focus,
.blog-wrapper .blog-content .date span a:focus,
.blog-wrapper .blog-content .posted-on time:hover,
.blog-wrapper .blog-content .posted-on a:hover,
.blog-wrapper .blog-content .posted-on time:focus,
.blog-wrapper .blog-content .posted-on a:focus,
.blog-wrapper .blog-content  .comment-value:hover,
.blog-wrapper .blog-content  .comment-value:focus {
  color: #fff;
}
.blog-wrapper .blog-content .date span,
.blog-wrapper .blog-content .posted-on time {
    margin-right: 15px;
}
.blog-content .fa {
    margin-right: 8px;
}
.blog-wrapper .blog-content .blog-title h4,
.blog-wrapper .blog-content .entry-header .entry-title {
    margin: 0;
    padding-top: 5px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 22px;
}
.blog-wrapper .blog-content .entry-header {
  text-align: left;
  width: 100%;
  max-width: 100%;
  margin:0;
}
.blog-wrapper .blog-content .blog-title h4:hover,
.blog-wrapper .blog-content .entry-header .entry-title:hover {
    color: #f23f30;
}
#blog .three-col {
    padding: 10px;
}
.blog-masonry #primary article {
    float: left;
}
.blog-masonry #primary article figure {
    width: auto;
    margin: 5px 1%;
}
.single-post,
.page.page-template-default {
  background-color: #F1F5F8;
}
.home.page.page-template-default {
    background-color: #fff;
}
.single-post .blog-wrapper .blog-content {
    position: relative;
    padding: 20px 0;
}
.single-post .blog-wrapper .blog-content .entry-header .entry-title {
    color: #000;
    font-size: 25px;
    margin-top: 10px;
}
.single-post .blog-wrapper figure {
  margin: 0;
}
.blog-content blockquote .fa {
    color: #f23f30;
    border: 1px solid #f23f30;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    text-align: center;
    float: left;
    margin-right: 30px;
}
blockquote {
    font-style: italic;
    font-size: 20px;
    font-family: serif;
    color: #333;
}
.single-post .blog-wrapper .blog-content .posted-on time, 
.single-post .blog-wrapper .blog-content .comment-value a,
.single-post .blog-wrapper .blog-content .posted-on a {
    color: #a4a4a4;
}
.posted-on {
    margin-right: 15px;
    color: #ffe930;
}
.single-post article,
.page.page-template-default article {
    background: #fff;
    margin-bottom: 30px;
    box-shadow: 0 3px 3px #eee;
}
.single-post .entry-footer .social-icons li {
    float: left;
}
#primary .entry-footer {
    padding: 15px 15px 30px 25px;
    border-top: 1px solid #eee;
}
.entry-footer .edit-link a {
    color: #444;
}
.entry-footer .edit-link a:hover {
    color: #282828;
}
.page.page-template-default #primary .entry-footer {
  padding-left: 0;
}
.archive-post-wrap img {
    width: 100%;
}
.single-post .entry-footer .social-icons {
    float: left;
}
.single-post .entry-footer .social-icons {
    float: left;
}
.single-post .entry-footer .widget-title h4 {
    margin-top: 7px;
    margin-bottom: 0;
}
.single-post .entry-footer .widget-title {
    margin-right: 15px;
    float: left;
}
.entry-footer .widget_meta .widget-title, 
.entry-footer .widget_meta ul, 
.entry-footer .widget_meta li {
    float: left;
}
.entry-footer .widget_meta ul {
    margin-top: 14px;
}
#secondary .widget.widget_meta li {
    margin: 0 3px 10px;
    padding: 0;
}
.widget.widget_meta li a {
    background: #f8f8f8;
    color: #666;
    padding: 5px 10px;
    text-transform: uppercase;
    margin-right: 0;
    margin-bottom: 0;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 0 1px 2px #eee;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.widget.widget_meta li a:hover,
.widget.widget_meta li a:focus,
#secondary .widget.widget_meta li a:hover,
#secondary .widget.widget_meta li a:focus {
  background-color: #f23f30;
  color: #fff;
}
.widget.widget_meta li:last-child a {
    margin-right: 0;
}
.single-post #primary .entry-content {
    padding: 20px 35px 25px 35px;
    margin-top: 0;
}
.single-post #primary #comments .entry-content {
    padding-left: 0;
}
article .entry-content {
  margin-top: 0; 
}
.page.page-template-default article .entry-content {
  padding: 20px 35px 25px 35px;
}

.single-post .entry-footer .widget_social_icons ul {
    margin-top: 8px;
}
.single-post .entry-footer .widget_social_icons ul li a::before {
    background-color: transparent;
    color: #000;
}
.single-post .entry-footer .widget_social_icons ul li a {
    width: 35px;
    height: 35px;
}
.sd-social-icon .sd-content ul li a.sd-button {
  width: 35px !important;
  height: 35px !important;
}
.single-post .entry-footer .widget_social_icons ul li a:before, 
.single-post .entry-footer .widget_social_icons ul li a:after {
  line-height: 35px;
}
.single-post .blog-wrapper figure img {
    cursor: default;
}
.post-navigation {
  text-align: center;
}
.nav-center {
  display: inline-block;
}
.nav-center ul li {
  display: inline;
}
.navigation.post-navigation,
.navigation.posts-navigation  {
    margin-top: 20px;
    width: 100%;
}
nav.navigation.posts-navigation,
nav.navigation.post-navigation {
    padding: 0;
}
nav.navigation.posts-navigation .nav-next {
    margin-right: 4px;
}
.single-post .page-section.author {
    padding: 40px 35px 25px 55px;
}
.author .entry-title {
    margin-top: 0;
    text-align: left;
}
.single-post .author .entry-content {
    padding: 0;
    margin-top: 5px;
}
.single-post .author .entry-content p {
    margin: 0;
}
.single-post .author .entry-header {
    width: 100%;
    text-align: left;
    margin: 0;
}
.single-post .author .entry-footer {
  border: none;
  padding-left: 0;
}
.single-post .author .pull-right {
  display: table-row;
  float: none;
}
.single-post .blog-wrapper .blog-content .posted-on time:hover,
.single-post .blog-wrapper .blog-content .comment-value a:hover,
.posted-on a:hover {
  color: #f23f30;
}
.comments li.comment article {
  background: none;
  box-shadow: none;
}
.comments {
    margin-top: 50px;
}
.comments .image img {
    width: 100px;
    border-radius: 50%;
}
.comments .parent .image,
.comments .child .image {
    float: left;
    margin-right: 30px;
    min-height: 75px;
}
.comments .admin-name h5 {
    display: inline;
    font-family: "Open-sans",sans-serif;
}
.comments .child,
.comments .children {
    margin: 40px 0 40px 130px;
}
.comments .time time, 
.comments .time .reply {
    display: inline-block;
}
.comments .admin-name time {
    margin-right: 15px;
    text-transform: uppercase;
    font-weight: bold;
}
.comments .time .reply a {
  text-transform: uppercase;
    color: #f23f30;
    font-weight: bold;
}
.comments .time .reply a:hover {
  color: #333;
}
.comments .time time .fa {
    margin-right: 8px;
}
.comments .form-group input {
    width: 32%;
    float: left;
    margin-right: 0;
    margin-bottom: 15px;
    padding: 10px;
    text-indent: 0;
}
.comments .form-group input[type="submit"] {
    margin-bottom: 0;
}
.comments .form-group input:last-child {
  float: none;
}
.comments .form-group input:not(:last-child) {
  margin-right: 16px;
}
.comments .form-group input[type="submit"], 
.comments .form-submit input[type="submit"] {
    width: auto;
    float: none;
    margin-right: 0;
}
.single-post #comment-form .entry-content {
  padding: 0;
}
/*--------------------------------------------------------------
# Counter
--------------------------------------------------------------*/
#counter {
  padding: 100px 0;
  background-position: 50% 20%;
}
.statscounts {
    text-align: center;
    color: #fff;
}
.statscounts .fa, 
.statscounts span, 
.statscounts small {
    display: block;
}
.statscounts .fa {
    font-size: 40px;
    margin-bottom: 10px;
}
.statscounts .stat-count {
    font-size: 35px;
}
.statscounts small {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}
.statwrap {
    float: left;
}
.statwrap:not(:last-child) {
  margin-right: 20px;
  border-right: 1px solid #fff;
  padding-right: 30px; 
  margin-bottom: 25px;
}
.statwrap:hover .fa {
    -webkit-animation: 0.6s zoomIn;
    -moz-animation: 0.6s zoomIn;
    -ms-animation: 0.6s zoomIn;
    -o-animation: 0.6s zoomIn;
    animation: 0.6s zoomIn;
}
#counter .black-overlay {
    background-color: rgba(51, 51, 51, 0.13);
}
#counter .entry-content {
    position: relative;
    z-index: 3;
}
/*--------------------------------------------------------------
# Button Effects
--------------------------------------------------------------*/
.button {
    text-align: center;
}
.btn.border {
    border: 2px solid #F24030;
    padding: 8px 25px;
    color: #F24030;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn.border:hover {
    background-color: #F24030;
    color: #fff;
}
.btn.fill .btn-show  {
    background-color: #F24030;
}
.btn.fill .btn-hide {
  background-color: rgb(158, 12, 5);
}
.btn.fill .btn-text {
    color: #fff;
}
.btn {
  display: inline-block;
  overflow: hidden;
  position: relative;
  z-index: 2;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.btn.fill {
    padding: 10px 20px;
    font-size: 13px;
    cursor: pointer;
}
.btn.fill .fa {
  opacity: 1;
}
.btn.fill span {
  display: block;
}
.btn.fill .btn-hide,
.btn.fill .btn-show {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.btn.fill .btn-hide .btn-text,
.btn.fill .btn-show .btn-text {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  padding: 10px 20px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.btn.fill .btn-hide {
  transform: translateX(0) translateY(-102%) translateZ(0) rotate(0deg) scale(1);
  -o-transform: translateX(0) translateY(-102%) translateZ(0) rotate(0deg) scale(1);
  -ms-transform: translateX(0) translateY(-102%) translateZ(0) rotate(0deg) scale(1);
  -moz-transform: translateX(0) translateY(-102%) translateZ(0) rotate(0deg) scale(1);
  -webkit-transform: translateX(0) translateY(-102%) translateZ(0) rotate(0deg) scale(1);
  z-index: 2;
}
.btn.fill .btn-hide .btn-text {
  transform: translateX(0) translateY(-50%) translateZ(0) rotate(0deg) scale(1);
  -o-transform: translateX(0) translateY(-50%) translateZ(0) rotate(0deg) scale(1);
  -ms-transform: translateX(0) translateY(-50%) translateZ(0) rotate(0deg) scale(1);
  -moz-transform: translateX(0) translateY(-50%) translateZ(0) rotate(0deg) scale(1);
  -webkit-transform: translateX(0) translateY(-50%) translateZ(0) rotate(0deg) scale(1);
  opacity: 0;
}
.btn.fill .btn-show {
  transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  -o-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  -ms-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  -moz-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  -webkit-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  z-index: 1;
}
.btn.fill .btn-show .btn-text {
  transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  -o-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  -ms-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  -moz-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  -webkit-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  opacity: 1;
}
.btn.fill:hover .btn-hide,
.btn.fill:focus .btn-hide,
.btn.fill.active .btn-hide {
  transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  -o-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  -ms-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  -moz-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  -webkit-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
}
.btn.fill:hover .btn-hide .btn-text,
.btn.fill:focus .btn-hide .btn-text,
.btn.fill.active .btn-hide .btn-text {
  transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  -o-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  -ms-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  -moz-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  -webkit-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);
  opacity: 1;
}
.btn.fill:hover .btn-show,
.btn.fill:focus .btn-show,
.btn.fill.active .btn-show {
  transform: translateX(0) translateY(50%) translateZ(0) rotate(0deg) scale(1);
  -o-transform: translateX(0) translateY(50%) translateZ(0) rotate(0deg) scale(1);
  -ms-transform: translateX(0) translateY(50%) translateZ(0) rotate(0deg) scale(1);
  -moz-transform: translateX(0) translateY(50%) translateZ(0) rotate(0deg) scale(1);
  -webkit-transform: translateX(0) translateY(50%) translateZ(0) rotate(0deg) scale(1);
}
.btn.fill:hover .btn-show .btn-text,
.btn.fill:focus .btn-show .btn-text,
.btn.fill.active .btn-show .btn-text {
  transform: translateX(0) translateY(25%) translateZ(0) rotate(0deg) scale(1);
  -o-transform: translateX(0) translateY(25%) translateZ(0) rotate(0deg) scale(1);
  -ms-transform: translateX(0) translateY(25%) translateZ(0) rotate(0deg) scale(1);
  -moz-transform: translateX(0) translateY(25%) translateZ(0) rotate(0deg) scale(1);
  -webkit-transform: translateX(0) translateY(25%) translateZ(0) rotate(0deg) scale(1);
  opacity: 0;
}

/*--------------------------------------------------------------
# Color Switcher
--------------------------------------------------------------*/
.color-switcher {
  width: 300px;
  position: fixed;
  left: -300px;
  top: 0;
  bottom: 0;
  background-color: #eee;
  z-index: 30000;
  padding: 0px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-box-shadow: 0 1px 12px 0px rgba(51, 51, 51, 0.23);
  -moz-box-shadow: 0 1px 12px 0px rgba(51, 51, 51, 0.23);
  box-shadow: 0 1px 12px 0px rgba(51, 51, 51, 0.23);
}
.color-switcher .switch-colors .red.active {
  border-bottom: 2px solid #f23f30;
    padding-bottom: 5px;
}
.color-switcher .switch-colors .blue.active {
  border-bottom: 2px solid #428bca;
    padding-bottom: 5px;
}
.color-switcher .switch-colors .dark-green.active {
  border-bottom: 2px solid #72CC39;
    padding-bottom: 5px;
}
.color-switcher .switch-colors .yellow.active {
  border-bottom: 2px solid #fccc31;
    padding-bottom: 5px;
}
.color-switcher .switch-colors .green.active {
  border-bottom: 2px solid #009999;
    padding-bottom: 5px;
}
.color-switcher h5 {
  font-size: 15px;
  margin-top: 0;
  padding: 0 20px 0;
}
.color-switcher p {
  font-size: 18px;
  color: #000;
  margin-bottom: 0;
  height: 40px;
  text-align: left;
  font-weight: bold;
  line-height: 42px;
  text-transform: uppercase;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
}
.color-switcher ul {
  list-style: none;
  padding: 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: #f23f30;
}
.color-switcher ul li a.blue {
  background: #428bca;
}
.color-switcher ul li a.green {
  background: #009999;
}
.color-switcher ul li a.yellow {
  background: #fccc31;
}
.color-switcher ul li a.dark-green {
  background: #72CC39;
}
.color-switcher ul li a.brown {
  background: #987654;
}
.color-switcher ul li a.cyan {
  background: #1ABC9C;
}
.color-switcher ul li a.purple {
  background: #c74a73;
}
.color-switcher ul li a.sky-blue {
  background: #00cdcd;
}
.color-switcher .gray {
  background: #656565;
}
.color-switcher .black {
  background: #000;
}
.color-switcher .default {
    background: #f23f30;
}
.picker_close,.picker_close:hover,.picker_close:focus {
    color: #f23f30;
    width: 55px;
    height: 55px;
    position: absolute;
    right: -55px;
    top: 25%;
    text-align: center;
    background: #eee;
    box-shadow: 5px 3px 7px 0px rgba(51, 51, 51, 0.23);
    -moz-box-shadow: 5px 3px 7px 0px rgba(51, 51, 51, 0.23);
}
.picker_close i {
  font-size: 25px;
  line-height: 55px;
}
.position {
  left: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.theme-colours, .layouts, .backgrounds, .choose-header, .choose-footer {
  display: table;
  text-align: left;
  padding-top: 0px;
  width: 100%;
  padding: 19px;
  padding-top: 0px;
  padding-left: 25px;
}
.layouts a, .choose-header a, .choose-footer a {
  display: inline-block;
  text-align: center;
  width: 40%;
  margin: 0 5px 0 0;
  color: #5d5d5d;
  font-size: 15px;
  border: 1px solid #e7e7e7;
  padding: 5px 7px 2px;
}
.layouts a:hover, .choose-header a:hover, .choose-footer a:hover {
  border: 2px solid #a9a9a9;
  padding: 4px 5px 1px
}
.styleswitcher {
  position: fixed;
  width: 120px;
  background: #ffffff;
  color: #595959;
  top: 150px;
  right: -123px;
  z-index: 999;
}
.styleswitcher p {
  color: #000 !important;
}
.styleswitcher.ackapa {
  left: 0;
}
.styleswitcher .switch {
  padding-left: 15px;
  padding-bottom: 10px;
}
.styleswitcher .switch h5 {
  margin-top: 20px;
}
.styleswitcher .switch p {
  margin-top: 10px;
}
.stylebutton {
  cursor: pointer;
  position: absolute;
  text-align: center;
  line-height: 40px;
  background: #fff;
  font-size: 20px;
  width: 40px;
  height: 40px;
  top: 0px;
  right: -40px;
}
.styleswitcher a {
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 7px;
  margin-bottom: 10px;
  position: relative;
  z-index: 99999999;
}
.color-switcher ul li {
  margin: 3px;
}
.color-switcher ul.font-family li {
    float: none;
}
.boxed {
    background-color: #F9F9F9;
    max-width: 1200px;
    margin: 0 auto;
    -webkit-box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.15);
}
li .wide, li .boxed {
    background: #f23f30;
    color: #fff !important;
    padding: 0 6px;
    width: 157px !important;
    text-decoration: none;
    box-shadow: none;
}
li .wide:hover, li .boxed:hover {
    background: #333;
}
li .wide {
    margin-top: 10px;
}

/*--------------------------------------------------------------
# Font Selection
--------------------------------------------------------------*/

/*******************Montserrat Fonts***************************/
.montserrat .main-navigation ul li a,
.montserrat #about-us .sub-title,
.montserrat #site-header .site-title a,
.montserrat .btn.fill,
.montserrat .gallery-title h4,
.montserrat .portfolio-filter li a,
.montserrat .statscounts small,
.montserrat .sub-title,
.montserrat .blog-wrapper .blog-content .blog-title h4, 
.montserrat .blog-wrapper .blog-content .entry-header .entry-title,
.montserrat #instagram figcaption span,
.montserrat .site-footer a,
.montserrat .portfolio-title h4, 
.montserrat .gallery-title h4,
.montserrat p,
.montserrat .widget.widget_meta li a,
.montserrat .comments .admin-name h5,
.montserrat #address .address-block .title {
  font-family: 'Montserrat', sans-serif;
}
.montserrat .layer-2 h1,
.montserrat .entry-title,
.montserrat .statscounts .stat-count,
.montserrat #instagram .instagram-title,
.montserrat .banner-wrapper .page-title h1,
.montserrat.single-post .entry-footer .widget-title h4,
.montserrat .comments h3,
.montserrat .form-title h3 {
  font-family: 'Open-sans', sans-serif;
}
/***********Courgette and Roboto Fonts**************/
.courgette .main-navigation ul li a,
.courgette #about-us .sub-title,
.courgette #site-header .site-title a,
.courgette .btn.fill,
.courgette .gallery-title h4,
.courgette .portfolio-filter li a,
.courgette .statscounts small,
.courgette .sub-title,
.courgette .blog-wrapper .blog-content .blog-title h4, 
.courgette .blog-wrapper .blog-content .entry-header .entry-title,
.courgette #instagram figcaption span,
.courgette .site-footer a,
.courgette .portfolio-title h4, 
.courgette .gallery-title h4,
.courgette p,
.courgette .widget.widget_meta li a,
.courgette .comments .admin-name h5,
.courgette #address .address-block .title {
  font-family: 'Roboto', sans-serif;
}
.courgette .layer-2 h1,
.courgette .entry-title,
.courgette .statscounts .stat-count,
.courgette #instagram .instagram-title,
.courgette .banner-wrapper .page-title h1,
.courgette.single-post .entry-footer .widget-title h4,
.courgette .comments h3,
.courgette .form-title h3 {
  font-family: 'Courgette', cursive;
}
/***********Raleway and Poppins Fonts**************/
.raleway .main-navigation ul li a,
.raleway #about-us .sub-title,
.raleway #site-header .site-title a,
.raleway .btn.fill,
.raleway .gallery-title h4,
.raleway .portfolio-filter li a,
.raleway .statscounts small,
.raleway .sub-title,
.raleway .blog-wrapper .blog-content .blog-title h4, 
.raleway .blog-wrapper .blog-content .entry-header .entry-title,
.raleway #instagram figcaption span,
.raleway .site-footer a,
.raleway .portfolio-title h4, 
.raleway .gallery-title h4,
.raleway p,
.raleway .widget.widget_meta li a,
.raleway .comments .admin-name h5,
.raleway #address .address-block .title {
  font-family: 'Raleway', sans-serif;
}
.raleway .layer-2 h1,
.raleway .entry-title,
.raleway .statscounts .stat-count,
.raleway #instagram .instagram-title,
.raleway .banner-wrapper .page-title h1,
.raleway.single-post .entry-footer .widget-title h4,
.raleway .comments h3,
.raleway .form-title h3 {
  font-family: 'Poppins', cursive;
}

/***********Roboto and Montserrat Fonts**************/
.roboto .main-navigation ul li a,
.roboto #about-us .sub-title,
.roboto #site-header .site-title a,
.roboto .btn.fill,
.roboto .gallery-title h4,
.roboto .portfolio-filter li a,
.roboto .statscounts small,
.roboto .sub-title,
.roboto .blog-wrapper .blog-content .blog-title h4, 
.roboto .blog-wrapper .blog-content .entry-header .entry-title,
.roboto #instagram figcaption span,
.roboto .site-footer a,
.roboto .portfolio-title h4, 
.roboto .gallery-title h4,
.roboto p,
.roboto .widget.widget_meta li a,
.roboto .comments .admin-name h5,
.roboto #address .address-block .title {
  font-family: 'MOntserrat', sans-serif;
}
.roboto .layer-2 h1,
.roboto .entry-title,
.roboto .statscounts .stat-count,
.roboto #instagram .instagram-title,
.roboto .banner-wrapper .page-title h1,
.roboto.single-post .entry-footer .widget-title h4,
.roboto .comments h3,
.roboto .form-title h3 {
  font-family: 'Roboto', cursive;
}

/***********Poppins and Courgette Fonts**************/
.poppins .main-navigation ul li a,
.poppins #about-us .sub-title,
.poppins #site-header .site-title a,
.poppins .btn.fill,
.poppins .gallery-title h4,
.poppins .portfolio-filter li a,
.poppins .statscounts small,
.poppins .sub-title,
.poppins .blog-wrapper .blog-content .blog-title h4, 
.poppins .blog-wrapper .blog-content .entry-header .entry-title,
.poppins #instagram figcaption span,
.poppins .site-footer a,
.poppins .portfolio-title h4, 
.poppins .gallery-title h4,
.poppins p,
.poppins .widget.widget_meta li a,
.poppins .comments .admin-name h5,
.poppins #address .address-block .title {
  font-family: 'Poppins', sans-serif;
}
.poppins .layer-2 h1,
.poppins .entry-title,
.poppins .statscounts .stat-count,
.poppins #instagram .instagram-title,
.poppins .banner-wrapper .page-title h1,
.poppins.single-post .entry-footer .widget-title h4,
.poppins .comments h3,
.poppins .form-title h3 {
  font-family: 'Courgette', cursive;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer {
    background-color: #333;
}
.site-footer ul {
    padding: 0;
}
.site-footer a {
    color: #a6a6a6;
}
.site-footer a:hover {
  color: #f23f30;
}
.site-footer ul li {
    float: left;
    margin-right: 15px;
    text-transform: uppercase;
    font-size: 14px;
    list-style-type: none; 
    color: #a6a6a6;
}
.site-footer .photo_fusion_pro_info_widget ul li {
    text-transform: none;
    font-size: 15px;
    display: flex;
    align-items: center;
}
.site-footer .one-col:before, 
.site-footer .one-col:after {
    content: "";
    clear: both;
    display: table;
}
.site-footer .widget-title {
    margin: 0;
    color: #fff;
    text-align: center;
    font-size: 30px;
    margin-bottom: 15px;
}
.site-footer .column-wrapper {
  text-align: center;
}
.site-footer .column-wrapper:first-child {
   padding: 55px 40px 35px 40px;
}
.site-footer .one-col.footer-nav {
    background-color: #292929;
    padding: 50px 60px;
}
.site-footer .one-col.footer-second-widget {
    background-color: #fff;
    padding: 50px 60px;
}
.site-footer .one-col:last-child .widget-title {
  color: #282828;
}
.address-block li a {
    color: #000;
}
.address-block li a:hover {
    color: #f23f30;
}
.address-block .address {
    width: 200px;
}
.address-block .fa {
    font-size: 25px;
    margin-right: 10px;
    color: #f23f30;
    vertical-align: middle;
}
.site-footer .social-icons {
    text-align: center;
    margin: 20px 0;
}
.site-footer .social-icons li {
  margin-right: 10px;
  margin-bottom: 10px;
}
.social-icons ul li {
    float: none;
    display: inline-block;
}
.address-block .email a {
    text-transform: lowercase;
}
.address-block .address {
    text-transform: capitalize;
}
.site-info {
    color: #b6b6b6;
    font-size: 18px;
    text-align: center;
    margin: auto;
}
.site-footer.one-col .site-info {
  width: 400px;
}
.site-info span {
    font-size: 14px;
}
.site-info a:hover {
    text-decoration: underline;
}
/*--------------------------------------------------------------
      RESPONSIVE
--------------------------------------------------------------*/

@media screen and (min-width: 768px){
  .container {
    width: 750px;
  }
}
@media screen and (min-width: 992px){
  .container {
    width: 970px;
  }
  .five-col .column-wrapper {
    width: 20%;
  }
  .site-footer.two-col .site-info {
    width: 400px;
  }
}
@media screen and (min-width: 1200px){
  .container {
    width: 1170px;
  }
}
@media screen and (max-width: 1200px){
  .main-navigation ul li a {
      margin-right: 10px;
      font-size: 13px;
  }
  .site-branding.alignleft, .site-branding.alignright {
      margin-left: 0;
  }
  .site-title {
      font-size: 20px;
  }
  .site-description {
      font-size: 13px;
  }
  .main-navigation ul li:not(:last-child) a {
      padding-right: 0;
  }
  .layer-2 h1 {
      line-height: 60px;
      font-size: 50px;
  }
  #instagram .five-col li {
    width: 25%;
  }
  #blog .three-col {
      padding: 5px;
  }
  .blog-wrapper .blog-content {
      padding: 0 15px 30px 15px;
  }
  .site-footer .address-block li {
      float: none;
      display: block;
      margin-right: 0;
  }
  .site-footer .two-col:first-child {
      padding: 80px 0 0 0;
  }
  .single-post article .pull-right {
    float: left;
  }
  .comments .form-group input:not(:last-child) {
      margin-right: 14px;
  }
  .grid-sizer,
  .grid-item,
  .grid-item-width1,
  .grid-item:nth-child(1n) { 
    width: 33.33%; 
  }
  .blog .grid-item-width-2, 
  .blog-masonry .grid-item-width-2,
  .blog .grid-sizer, .blog-masonry .grid-sizer, 
  .blog .grid-item-width-1, 
  .blog-masonry .grid-item-width-1 {
    width: 50%;
  }
  #instagram.six-col .column-wrapper,
  .grid-item.grid-item-width1 {
    width: 33.33%;
  }
}
@media screen and (max-width: 992px){
  .site-branding {
    float: none;
    text-align: center;
    display: block;
    margin: 0;
    padding: 10px;
  }
  .site-branding.alignleft,
  .site-branding {
    display: block;
    height: auto;
  }
  .site-branding.alignleft .site-logo, 
  .site-branding.alignleft #site-header {
    float: none;
  }
  #site-header {
    width: auto;
  }
  #sidr-left-top-button {
      display: block;
      background: #F8F8F8;
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 30000;
  }
  .logged-in #sidr-left-top-button {
    top: 42px;
  }
  #site-navigation .site-logo,#sidr-id-login-popup,
  .main-navigation {
      display: none;
  }
  .sidr-left-top-open .menu-button .fa-bars:before {
      content: "\f00d";
  }
  .menu-button .fa.fa-bars {
      color: #fff;
      background: #f23f30;
      width: 50px;
      height: 50px;
      text-align: center;
      line-height: 50px;
      font-size: 30px;
      border-radius: 5px;
      position: absolute;
  }
  .layer-2 h1 {
      line-height: 50px;
      font-size: 40px;
  }
  .layer-4 {
      margin-top: 10px;
  }
  .main-slider figure {
    padding: 250px 0;
  }
  .grid-sizer, 
  .grid-item, 
  .grid-item-width1 {
    width: 50%;
  }
  #instagram .five-col li {
    width: 33.33%;
  }
  .blog-wrapper figure figcaption::before {
      top: 15px;
      right: 15px;
      bottom: 15px;
      left: 15px;
  }
  #address .address-block li {
      width: 50%;
      margin-bottom: 25px;
  }
  #address .address-block li:nth-child(2) {
    border: none;
  }
  #address .page-section {
    padding-bottom: 0;
      margin-bottom: -50px;
  }
  .comments .form-group input:not(:last-child) {
      margin-right: 10px;
  }
  .grid-item.grid-item-width1,
  .grid-item,
  .grid-item:nth-child(1n) {
    width: 50%;
  }
}
@media screen and (max-width: 800px) {
  #counter .entry-content {
      margin: auto;
      width: 90%;
  }
  .site-footer .two-col:first-child {
      padding: 80px 0 0 60px;
  }
  .entry-header {
    width: 75%;
  }
}
@media screen and (max-width: 768px){
  .container.page-section {
    padding: 40px 15px;
  }
  #instagram .four-col {
    width: 33.33%;
  }
  .comments .form-group input:not(:last-child) {
    margin-bottom: 15px;
  }
  .comments .form-group input[type="submit"], 
  .comments .form-submit input[type="submit"] {
    margin-bottom: 0;
  }
  .comments .form-group input {
    width: 100%;
  }
  .navigation.post-navigation {
      margin-bottom: 60px;
  }
  .site-footer .social-icons li {
      margin-right: 5px;
      margin-bottom: 5px;
  }
  .banner-wrapper, 
  .home.blog .banner-wrapper {
    padding: 100px 0;
  }
}
@media screen and (min-width: 421px) {
  .five-col .column-wrapper,
  .four-col .column-wrapper,
  .three-col .column-wrapper {
    width: 50%;
  }
}
@media screen and (min-width: 767px) {
  .two-col .column-wrapper {
    width: 50%;
  }
  .three-col .column-wrapper {
    width: 33.33%;
  }
  .four-col .column-wrapper {
    width: 25%;
  }
  .five-col .column-wrapper {
    width: 20%;
  }
  .six-col .column-wrapper {
    width: 16.66%;
  }
  .sharedaddy .sd-content {
    display: table;
  }
  #blog .column-wrapper {
    padding-top: 0;
    padding-bottom: 0;
  } 
}
@media screen and (min-width: 992px){
  .five-col .column-wrapper {
    width: 20%;
  }
  #primary {
    width: 75%;
    float: left;
  }
  .right-sidebar #primary {
    padding-right: 15px;
  }
  .left-sidebar #primary {
    padding-left: 30px;
    float: right;
  }
  .no-sidebar #primary {
    padding-right: 0;
    width: 100%;
  }
  #secondary {
    width: 25%;
    float: left;
  }
}
@media screen and (min-width: 1900px) {
  .main-slider figure {
    padding: 430px 0;
  }
  .entry-title {
    font-size: 50px;
  } 
  .page-section {
    padding: 100px 0;
  }
  .padding-bottom-0 {
    padding-bottom: 0;
  }
  .padding-top-0 {
    padding-top: 0;
  }
  #portfolio .page-section {
    padding-top: 85px;
    padding-bottom: 80px;
  }
  .portfolio-filter {
    margin-bottom: 55px;
  }
}
@media screen and (max-width: 782px) {
  .logged-in #sidr-left-top-button {
      top: 55px;
  }
}
@media screen and (max-width: 767px) {
  .layer-2 h1 {
      line-height: 35px;
      font-size: 30px;
  }
  .text-wrapper:before {
      margin-bottom: 5px;
  }
  .text-wrapper:after {
      margin-top: 5px;
  }
  .grid-sizer, 
  .grid-item, 
  .grid-item-width1 {
    width: 50%;
  }
  #instagram .five-col li {
    width: 50%;
  }
  #blog .three-col {
    width: 100%;
  }
  .blog-wrapper figure {
    margin: 0;
  }
  .site-footer .column-wrapper:first-child {
      padding: 50px 30px 50px 30px;
  }
  .blog-wrapper figure figcaption::before {
      top: 30px;
      right: 30px;
      bottom: 30px;
      left: 30px;
  }
  .blog-wrapper .blog-content {
      padding: 0 60px 45px 30px;
  }
  .statwrap:not(:last-child) {
      margin-right: 15px;
      padding-right: 15px;
  }
  .site-footer .two-col {
      width: 100%;
  }
  .site-footer .social-icons {
      text-align: center;
  }
  .site-info {
      margin: auto;
  }
  .site-footer .two-col:first-child {
      padding: 60px 0 40px 0px;
  }
  .site-footer .one-col:first-child,
  .site-footer .one-col:last-child {
      padding: 50px 30px 50px 30px;
  }
  .site-footer .address-block li {
      float: left;
      margin-right: 15px;
  }
  .banner-wrapper .page-desc p {
    width: 100%;
    padding: 0 15px;
  }
  #contact-form .page-section {
      padding-bottom: 0;
  }
  .single-post .entry-footer .widget-title {
      display: block;
      float: none;
      text-align: center;
  }
  .entry-footer .pull-left,
  .single-post .entry-footer .social-icons {
      float: none;
        text-align: center;
  }
  .home .blog-wrapper .blog-content .blog-title h4 {
    font-size: 16px;
  }
  .single-post .entry-footer .social-icons li {
      display: inline-block;
      float: none;
  }
  .single-post .entry-content {
      padding-left: 0;
      padding-right: 0;
  }
  .single-post .blog-wrapper .blog-content {
    padding-right: 30px;
  }
  .single-post .author .pull-left {
      width: 20%;
  }
  .single-post .author .pull-left {
      width: 100%;
      float: none;
      text-align: center;
      margin: auto;
  }
  .single-post .author .pull-right {
      width: 100%;
      float: none;
  }
  .author .entry-title,
  .single-post .author .entry-header {
    text-align: center;
  }
  .single-post .page-section.author {
      padding: 35px 25px 10px 25px;
  }
  .single-post .page-section.author .entry-footer {
    padding-bottom: 0;
  }
  .blog-masonry article:nth-child(even),
  .blog-masonry article:nth-child(odd),
  .blog-masonry #primary article figure {
    width: 100%;
  }
  .gallery .pull-left.w-40,
  .gallery .pull-left.w-20 .w-100 {
      width: 100%;
  }
  #primary {
    margin-bottom: 25px;
  }
  .blog-masonry .grid-item img,
  .blog-masonry .grid-item-width1 img,
  .blog-masonry .grid-item-width2 img {
      height: auto;
  }
  .statscounts small {
    font-weight: 300;
    letter-spacing: 0;
  }
  .site-footer ul li,
  .site-footer .photo_fusion_pro_info_widget ul li {
    float: none;
    display: inline-block;
    text-align: center;
  }
  .single div.sharedaddy h3.sd-title {
    float: none;
  }
  .single .archive-post-wrap .entry-footer .pull-left {
    width: 100%;
  }
  .entry-footer .widget_meta li, 
  .entry-footer .widget_meta ul {
    float: none;
  }
  div.sharedaddy h3.sd-title {
    margin-right: 0 !important;
  }
  .single-post article .entry-footer .pull-right {
    float: none;
    text-align: center;
  }
  footer.entry-footer .widget_meta {
    display: block;
  }
  .single-post .author .pull-right {
    display: block;
    float: none;
    text-align: center;
  }
  .single .author .entry-title {
    float: none;
    text-align: center;
    margin-top: 15px;
  }
  .popup-image,
  .tp-portfolio .portfolio-content, 
  .gallery .gallery-content,
  #photo-gallery span.number-of-photos, 
  #photo-gallery span.view-gallery {
    opacity: 1;
  }
  .portfolio-title, .gallery-title,
  .portfolio-content .tag small, 
  .gallery-content .tag small,
  #photo-gallery span.number-of-photos, 
  #photo-gallery span.view-gallery {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .portfolio-filter {
    margin-bottom: 0;
  }
  .page-section {
    padding: 40px 0;
  }
  .padding-top-0 {
    padding-top: 0;
  }
  .padding-bottom-0 {
      padding-bottom: 0;
  }
}
@media screen and (max-width: 600px) {
  .main-slider figure {
    padding: 200px 0;
  }
  #instagram .four-col,
  #instagram .three-col {
    width: 50%;
  }
  .portfolio-filter li a {
    padding: 0;
  }
  .blog-masonry .blog-wrapper figure figcaption::before {
      top: 10px;
      right: 10px;
      bottom: 10px;
      left: 10px;
  }
  .blog .grid-item-width-2, 
  .blog-masonry .grid-item-width-2, 
  .blog .grid-sizer, 
  .blog-masonry .grid-sizer, 
  .blog .grid-item-width-1, 
  .blog-masonry .grid-item-width-1,
  .blog .grid-item, 
  .blog-masonry .grid-item {
      width: 100%;
        left: 0 !important;
  }
  .blog article.grid-item, .blog-masonry article.grid-item {
      padding: 10px 20px;
  }
  .navigation.post-navigation {
    left: 0 !important;
  }
  .blog-masonry .grid-item img,
  .blog-masonry .grid-item-width1 img,
  .blog-masonry .grid-item-width2 img {
    height: auto;
  }
  .site-info {
    width: 100%;
  }
  .statwrap:not(:last-child) {
      margin-right: 10px;
      padding-right: 10px;
  }
  .banner-wrapper, 
  .home.blog .banner-wrapper {
    padding: 50px 0;
  }
  .menu-button .fa.fa-bars {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
  }
  #sidr-left-top-button {
    top: 18px;
    left: 18px;
  }
  .logged-in #sidr-left-top-button {
    top: 64px;
  }
  #instagram.six-col .column-wrapper {
    width: 50%;
  }
}
@media screen and (max-width: 550px) {
  .text-wrapper:before, .text-wrapper:after {
      height: 15px;
  }
  .layer-2 h1 {
      line-height: 30px;
      font-size: 25px;
  }
  .btn.fill {
      font-size: 10px;
  }
  .layer-4 {
      margin-top: 5px;
  }
  .statwrap {
      width: 20%;
  }
  #counter {
    padding: 0;
  }
  .statscounts .fa {
      font-size: 25px;
      margin-bottom: 5px;
  }
  .statscounts .stat-count {
      font-size: 20px;
  }
  .statscounts small {
      font-size: 10px;
  }
  .statwrap:not(:last-child) {
      margin-right: 0;
      padding-right: 10px;
      width: 50%;
  }
  .site-footer .address-block li {
      float: none;
      margin-right: 0;
  }
  #address .address-block li,
  .form-group input,
  form .pull-left {
      width: 100%;
  }
  #address .address-block li {
    float: none;
    text-align: center;
  }
  #address .address-block > li:not(:last-child) {
    border: none;
  }
  #address .address-block li:last-child {
    margin:0;
  }
  #address .page-section {
      margin-bottom: 0;
  }
  .author .entry-title {
    font-size: 30px;
  }
  .comments .parent .image, 
  .comments .child .image {
      float: none;
      margin-right: 0;
      margin-bottom: 20px;
  }
  .comments .child {
      margin: 40px 0 40px 50px;
  }
  .portfolio-filter li {
      display: block;
      margin-bottom: 25px;
  }
  .portfolio-filter ul {
      border-bottom: none;
        padding-bottom: 0;
  }
  .navigation.post-navigation {
      margin-bottom: 50px;
  }
  .gallery-desc .desc {
      padding-right: 0;
  }
  .gallery-title h4 {
    margin-bottom: 0;
  }
  .gallery-desc .desc {
    margin-bottom: 20px;
  }
  .grid-sizer,
  .grid-item,
  .grid-item-width1 { 
    width: 100%; 
  }
  #blog .three-col .column-wrapper {
    width: 100%;
  }
  .layer-2 {
    width: 60%;
  }
  #about-us .sub-title {
    font-size: 14px;
  }
  #comments ul.children {
    padding: 10px 0 10px 50px;
  }
  .portfolio-filter li:not(:last-child) {
    margin-right: 0;
  }
  .grid-item.grid-item-width1,
  .grid-item,
  .grid-item:nth-child(1n) {
    width: 100%;
  }
}

@media screen and (max-width: 421px) {
  .site-title {
    font-size: 16px;
  }
  #sidr-left-top-button {
    top: 15px;
    left: 15px;
  }
  .logged-in #sidr-left-top-button {
    top: 60px;
  }
  .main-slider figure {
    padding: 150px 0;
  }
  .text-wrapper:before, .text-wrapper:after {
      height: 10px;
  }
  .text-wrapper:before {
      margin-bottom: 0;
  }
  .text-wrapper:after {
      margin-top: 0;
  }
  .layer-2 h1 {
      line-height: 20px;
  }
  .layer-3 h5 {
      width: 90%;
  }
  .btn.fill{
      font-size: 13px;
  }
  #instagram .five-col li {
    width: 100%;
  }
  .site-footer ul li {
      float: none;
      margin-right: 0;
  }
  .site-footer ul li:not(:last-child) {
    margin-bottom: 15px;
  }
  blockquote {
    margin: 0;
  }
  .blog-content blockquote .fa {
    float: none;
      margin-right: 0;
      display: block;
      margin-bottom: 15px;
  }
  .banner-wrapper .page-title h1 {
    font-size: 35px;
  }
  .main-slider .cycle-pager {
      position: relative;
      right: 0;
      top: auto;
      z-index: 300;
      bottom: 0;
      left: 0;
      margin: auto;
      text-align: center;
  }
  .main-slider .controls {
      top: auto;
      right: 50px;
      bottom: -35px;
      z-index: 333;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
  }
  .main-slider .controls .fa, 
  .main-slider .cycle-pager {
    opacity: 1;
  }
  .site-footer .column-wrapper:first-child,
  .site-footer .one-col:first-child, 
  .site-footer .one-col:last-child  {
      padding: 50px 15px 50px 15px;
  }
  #instagram.six-col .column-wrapper {
    width: 100%;
  }
  .next.page-numbers {
    margin-top: 5px;
    display: inline-block;
  }
  .prev.page-numbers {
    margin-bottom: 5px;
    display: inline-block;
  }
}
@media screen and (max-width: 360px) {
  .site-footer.one-col .site-info,
  .site-footer.two-col .site-info {
    width: 100%;
  }
  #instagram .four-col,
  #instagram .three-col {
    width: 100%;
  }
  .blog-masonry .blog-wrapper .blog-content .blog-title h4, 
  .blog-masonry .blog-wrapper .blog-content .entry-header .entry-title {
      line-height: 20px;
  }
  .blog-masonry .blog-wrapper .blog-content {
      padding: 0 60px 20px 30px;
  }
}
.sd-social-icon .sd-content ul li a.sd-button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
div.sharedaddy h3.sd-title {
    font-weight: 100 !important;
    font-size: 22px !important;
}
div.sharedaddy h3.sd-title:before {
  border:none !important;
  display: none !important;
}
.sd-content ul li {
    float: left;
}
div.sharedaddy h3.sd-title {
    float: left;
    margin-right: 15px !important;
}
.archive-post-wrap .entry-footer .pull-left {
    width: 50%;
}

.not-found .btn.fill,
.widget_search .btn.fill {
    box-shadow: none;
    border: none;
    border-radius: 0;
    display: inline-block;
    height: 40px;
    vertical-align: top;
    line-height: 20px;
}
.error-404.not-found a.btn {
    margin-top: 20px;
}
.not-found .form-group input,
.widget_search .form-group input {
    border-radius: 0;
    border: 1px solid #ddd;
    text-indent: 0;
    padding: 10px;
    margin-right: 0;
    height: 40px;
    width: auto;
    display: inline-block;
}
.not-found h1 {
    color: #f23f30;
}
.not-found {
    text-align: center;
}
#primary.blog-masonry {
  width: 100%;
}
aside#secondary .widget_search .form-group input {
  width: 100%;
}
form .btn-contact {
  background: #f23f30;
  border-radius: 0;
}
.comment-form .logged-in-as a {
  color: #666;
}
.comment-form .logged-in-as a:hover {
  color: #333;
}
.title-404{
  font-size: 70px;
  margin: 20px;
  font-weight: bold;
}
.author .entry-title {
    margin-top: 0;
    text-align: left;
    padding-left: 30px;
    line-height: 1;
}
.admin-image img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}
.page-section .author .entry-title a {
    color: black;
}
#about-author .author .pull-right-content{
  margin-left:  4%;
}
.padding-top-section, 
.home .banner-wrapper.padding-top-section {
   padding-top: 100px;
}
.header-bg {
  background: rgba(17, 17, 17, 0.78);
}
.about-us-disabled #photo-gallery .page-section {
 padding-top: 0;
}
.site-footer .column-wrapper .textwidget {
   color: #b6b6b6;
}

/*--------------------------------------------------------------
# Custom CSS
--------------------------------------------------------------*/
#blog {
    padding-bottom: 50px;
}
@media screen and (min-width: 1900px) {
    .slider-contents {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
    #portfolio .page-section {
        padding-bottom: 0;
    }
    #blog {
        padding-bottom: 80px;
    }
}


.date span a,
.blog-title a,
.site-info a,
#colophon li a,
#secondary li a,
.tp-portfolio .box small a,
.portfolio-title a,
.portfolio-filter li a,
.gallery-content .tag small a,
.posted-on a,
.entry-header a,
.logged-in-as a,
.reply a,
.widget_meta li a {
  text-decoration: none;
}

footer .site-info {
	margin-top: 15px;
}

#menu-p1 {
	display: flex;
	justify-content: center;
}