/*********************************************************************************************

Theme Name: Angle
Theme URI: https://www.wpzoom.com/themes/angle
Version: 2.0.9
Private: true
Author: WPZOOM
Author URI: http://www.wpzoom.com
Description: Angle is Portfolio theme with a minimal design, perfect for showcasing your works.
Tags: portfolio, responsive, minimal, theme options
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

The PHP code portions of this WPZOOM theme are subject to the GNU General Public
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.

**********************************************************************************************

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead
add your styles in Customizer > Additional CSS.

**********************************************************************************************

1.  Toolbox CSS
2.  Global Styles
3.  Navigation
4.  Featured Slider
5.  Homepage intro message
6.  Pages Headers
7.  Hompage (widgetized) Template
8.  Portfolio Gallery
9.  Blog Posts
10. Single posts
11. Comments
12. Widgets
13. Footer


/*********************************************************************************************

1. Toolbox CSS

*********************************************************************************************/


/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, main, 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: transparent }
a:active, a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: 600 }
dfn { font-style: italic }
h1 { font-size: 2em; margin: 0.67em 0; }

small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em }
sub { bottom: -0.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible }
button, select { text-transform: none }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto }
input[type="search"] { -webkit-appearance: none; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto }
optgroup { font-weight: bold }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0 }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
figure { margin: 0 }
img { vertical-align: middle }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #ccc; }
.sr-only, .screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
p { margin: 0 0 10px }
small { font-size: 85% }
mark { padding: 0.2em }
ul, ol { list-style-position: inside; margin: 0; padding: 0; }
ul ul, ol ol, ul ol, ol ul { margin: 0 }
dl { margin-top: 0; margin-bottom: 20px; }
dt, dd { line-height: 1.42857 }
dt { font-weight: bold }
dd { margin-left: 0 }
blockquote:before, blockquote:after { content: "" }
address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; }
code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }
kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 2px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; }
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; }
.sticky, .bypostauthor { }

/* Smart clearfix */
.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Headings */
h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none;  }
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 14px; }

/* Text Selection Color */
::-moz-selection { background: #08ceff; color: #fff; }
::selection { background: #08ceff; color: #fff; }


.floatleft { float: left; }
.floatright { float: right; }
.sticky, .bypostauthor {}

.aligncenter { display: block; clear:both; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin-right:15px; }
.alignright { float: right; margin-left:15px; }



input, textarea { font-family: "Roboto", sans-serif; }

label {
    margin-bottom: 5px;
}

input, textarea {
    padding: 8px 10px;
    font-size: 16px;
    background: white;
    border: 2px solid #E5E5E5;
    border-radius: 5px;
    width: auto;
}

input[type=text], textarea {
    -webkit-appearance: none;
}

input:focus, textarea:focus {
    border-color: #333;
    outline: 0;
}

button, input[type=button], input[type=reset], input[type=submit] {
    display: inline;
    width: auto;
    font-weight: normal;
    padding: 10px 25px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 1px;
    font-size: 16px;
    color: #222;
    border: 2px solid #222;
    border-radius: 5px;
    background-color: #fff;
     background-image: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
    cursor: pointer;
    text-decoration: none;
    background: #222;
    color: #fff;
}

.search-form input[type=search] {
    width: 53%;
    float: left;
}
.search-form .search-submit {
    padding: 8px;
    margin-left: 5px;
}

/* Navigation */
div.navigation { position: relative; text-align: center; font-weight: normal; font-size: 16px; margin: 0 0 20px;  }
div.navigation a { padding: 5px 12px 0;  display: inline-block; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
div.navigation span.current { padding: 4px 12px; font-weight: 500;  color: #222;  border-radius: 5px; border: 2px solid #222; display: inline-block; border-radius: 5px; }
div.navigation span.pages { margin-right: 15px; display: none; }
div.navigation .alignleft, div.navigation .alignright { margin: 0 }
div.navigation .prev, div.navigation .next { position: absolute; padding: 8px 25px; border: 2px solid #222; color: #222; font-weight: 500; border-radius: 5px; letter-spacing: 1px; }
div.navigation .prev:hover, div.navigation .next:hover { background-color: #222; color: #fff;}
div.navigation .prev { left: 1.5% }
div.navigation .next { right: 1.5% }


@font-face {
  font-family: 'wpzoom-icon';
  src:  url('fonts/wpzoom-icon.eot?jb7bh1');
  src:  url('fonts/wpzoom-icon.eot?jb7bh1#iefix') format('embedded-opentype'),
    url('fonts/wpzoom-icon.ttf?jb7bh1') format('truetype'),
    url('fonts/wpzoom-icon.woff?jb7bh1') format('woff'),
    url('fonts/wpzoom-icon.svg?jb7bh1#wpzoom-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="wpzoom-icon-"], [class*=" wpzoom-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'wpzoom-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*********************************************************************************************

2. Global Styles

*********************************************************************************************/

body {
    background: #fff;
    color: #333;
    font-family: "Roboto", sans-serif;
    font-size:16px;
    line-height:1.7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


a {
    text-decoration:none;
    color: #222;
    -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
}

a:hover {
    text-decoration: none;
    color: #ff671b;
}

.inner-wrap {
    margin: 0 auto;
    width: 1170px;
}

#header {
    padding: 30px 0;
}

#header > .inner-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
}

.navbar-brand-wpz {
    margin: 0;
    text-align: left;
    order: 1;
    flex: 1.5;
}

.navbar-brand-wpz h1 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.navbar-brand-wpz img {
    margin-bottom: 8px;
    max-width: 100%;
    height: auto;
}

.navbar-brand-wpz a { color: #000; }

.navbar-brand-wpz a:hover { text-decoration: none; opacity: 0.8; }

.navbar-brand-wpz .tagline {
    font-size: 14px;
    color: #666;
    margin: 0;
}


/*********************************************************************************************

3. Navigation

*********************************************************************************************/

.main-navbar {
    position: relative;
    order: 2;
    flex: 4;
    text-align: right;
    margin-top: 10px;
}

.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li { position: relative }
.sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.sf-menu > li { display: inline-block; }
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block }
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 100%; }
.sf-arrows .sf-with-ul:after { content: "\f347"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/16px 'dashicons'; vertical-align: top; margin: 6px 0px 0 4px; }
.sf-arrows ul .sf-with-ul:after { content: "\f345"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/22px 'dashicons'; float: right; vertical-align: top; margin: 2px 0 0 4px; }
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white }

.navbar-toggle { display: none; position: relative; float: right; margin: 0; padding: 9px 10px; background: #fff; }
.navbar-toggle:hover { background: #f9f9f9; }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background: #020206; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px }

.navbar-nav { font-size: 16px; font-weight: 400; position: relative; z-index: 100; text-align: right; }
.navbar-nav > li { padding: 0 0 15px 30px; position: relative;  }
.navbar-nav > li:first-child { padding-left: 0; }
.navbar-nav > li:last-child { margin-right: 0 }
.navbar-nav a { display: block; position: relative; color: #666; text-decoration: none; font-size: 16px; font-weight: 400; padding: 0 0 4px; }
.navbar-nav a:hover { text-decoration: none; color: #000; }
.navbar-nav ul { background: #fff; text-align: left; margin: 0; padding: 10px; font-size: 16px; left: 10%; width: 220px; border: 1px solid #e5e5e5; border-radius: 3px; background: #fff; }
.navbar-nav > li > ul:before { content: ''; display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ffffff; position: absolute; top: -7px; left: 31px; z-index: 470; }
.navbar-nav > li > ul:after { content: ''; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #e5e5e5; position: absolute; top: -8px; left: 30px; z-index: 460; }
.navbar-nav ul a { line-height: 1.5; text-transform: none; padding: 5px 10px; }
.navbar-nav ul ul { right: 100%; margin-top: 0px; }

.navbar-nav .current-menu-item a, .navbar-nav .current_page_item a, .navbar-nav .current-menu-parent a { color: #000; border-bottom: 1px solid #ff671b; }
.navbar-nav .current_page_item ul a, .navbar-nav .current-menu-parent ul a, .navbar-nav .current_page_parent ul a { color: #666; border: none; }

/*********************************************************************************************

4. Featured Slider -------------------------  wpzoom-slider.php

*********************************************************************************************/

#slider { position:relative; overflow:hidden; }

.empty-slider { width: 1170px; margin: 60px auto 40px; padding: 0 15px;}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none }
.slides, .flex-control-nav, .flex-direction-nav { list-style: none; margin: 0; padding: 0; }
.flexslider { margin: 0; padding: 0; }

.slider-wrap {
    background: #F7F7F7;
    margin: 0 0 35px;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
}

.page-template-home-builder .slider-wrap {
    margin: 0;
    border-bottom: none;
}

.page-template-home-builder .site-footer {
    margin-top: 0;
}

.slider-wrap .inner-wrap {
    width: 94%;
    max-width: 1400px;
}

#slider .slides { height: 550px; overflow: hidden; }

.slides:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.slides > li {
    -webkit-backface-visibility: hidden;
    display: none;
}

#slider .slides > li {
    position: relative;
    overflow: hidden;
    height: 550px;
    background-color: black;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.slides > li .excerpt {
    margin: 40px auto 0;
    color: #e6e6e6;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.slides > li .excerpt:last-child { margin-bottom: 0; }


.slide-content {
    position: absolute;
    top: 36%;
    left: 20%;
    width: 60%;
    text-align: center;
}

.slide-content h3 {
    color: #222;
    background: #fff;
    font-size: 36px;
    font-weight: 500;
    padding: 15px 30px;
    margin: 0;
    line-height: 1.2;
    display: inline-block;
    clear: both;
}

.slide-content .slide_button {
    clear: both;
    display: block;
    margin-top: 35px;
}

.slide-content .slide_button a {
    color: #222;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 25px;
    text-decoration: underline;
}

.slide-content .slide_button a:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}


/* Direction Nav */
#slider .flex-direction-nav a {
    position: absolute;
    z-index: 10;
    top: 45%;
    display: block;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    font-size: 0;
}

#slider .flex-direction-nav .flex-next {right: 0; }
#slider .flex-direction-nav .flex-prev {left: 0;}

#slider .flex-direction-nav .flex-prev:after,
#slider .flex-direction-nav .flex-next:after  {
    font: normal 30px/15px 'dashicons';
    display: inline-block;
    content: "\f340";
    vertical-align: top;
    padding: 15px 10px;
    -webkit-font-smoothing: antialiased;
    color: #111;
    background: #fff;
}

#slider .flex-direction-nav .flex-next:after  {
    content: "\f344";
}

#slider .flex-direction-nav .flex-prev:hover:after,
#slider .flex-direction-nav .flex-next:hover:after {
    color: #707070;
}
#slider .flex-next:hover,
#slider .flex-prev:hover { opacity: 1; text-decoration: none; color: #707070; }
#slider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}



/*********************************************************************************************

5. Homepage intro message

*********************************************************************************************/

#heading {
    margin: 0 0 50px;
    padding: 0 0 50px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
    position: relative;
}

#heading .action {
 	border: 2px solid #222;
    color: #222;
    padding: 12px 30px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    letter-spacing: 1px;
    border-radius: 5px;
}

#heading .action:hover {
	text-decoration:none;
	background-color:#222;
    color: #fff;
}

#heading h2 {
    margin: 0 0 10px;
  	font-size: 30px;
    font-weight: 500;
    color: #222;
    line-height: 1.3;
}

#heading span.description {
    font-size: 18px;
    margin: 0 auto 30px;
    display: block;
    max-width: 75%;
    color: #666;
}



/*********************************************************************************************

6. Pages Headers

*********************************************************************************************/

.page-header {
    background-color: #F9F9F9;
    background-size: cover;
    background-position: center center;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    margin: 0 0 40px;
    padding: 50px 0;
    text-align: center;
    position: relative;
}

.page-template-portfolio .page-header,
.tax-portfolio .page-header {
    margin: 0;
}

.page-header.page-header-breadcrumbs {
    padding: 15px 0 0;
    text-align: left;
}


.page-header h1.archive-title,
.page-header h2.archive-title {
     font-size: 36px;
    font-weight: 500;
    color: #222;
}

.page-header h3.archive-title {
     font-size: 24px;
    font-weight: 500;
    color: #222;
}

.page-header p {
    color: #666;
    margin: 20px auto 0;
    max-width: 840px;
    font-size: 18px;
}


/* When Featured Image is shown as background */
.page-header.has-post-cover {
    padding: 100px 0;
    border: none;
}

.page-header.has-post-cover .page-header-content {
    position: relative;
    text-align: center;
    height: 100%;

}

.page-header.has-post-cover:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.1);
}

.page-header.has-post-cover h1.archive-title,
.page-header.has-post-cover h2.archive-title {
    color: #222;
    background: #fff;
    font-size: 36px;
    font-weight: 500;
    padding: 15px 30px;
    margin: 0;
    line-height: 1.2;
    display: inline-block;
    clear: both;
}

.page-header.has-post-cover p {
    color: #222;
    background: #fff;
    font-size: 18px;
    padding: 15px 30px;
    margin: 30px auto 0;
    display: block;
    clear: both;
}

.page-header.has-post-cover .entry-meta {
   color: #e6e6e6;
}

.page-header.has-post-cover .entry-meta a {
   color: #fff;
   font-weight: 500;
}

.page-header.has-post-cover .entry-meta a:hover {
    text-decoration: underline;
}


/*********************************************************************************************

7. Hompage (widgetized) Template

*********************************************************************************************/


.home_widgets {
    margin: 0 0 40px;
    padding: 0 0 40px;
    border-bottom: 1px solid #e5e5e5;
}

.home_widgets.full-width-cols {
    border-bottom: none;
    padding-bottom: 0;
    margin: 0;
}

.home_widgets .widget {
    margin: 0 0 50px;
    padding: 0 0 25px;
    border-bottom: 1px solid #e5e5e5;
}

.home_widgets .widget:last-child {
    margin: 0;
    padding: 0;
    border-bottom: none;
}

.home_widgets .home_column {
    width: 31%;
    margin-right: 3.5%;
    float: left;
}

.home_widgets.cols-1 .home_column {
    width: 100%;
    margin-right: 0;
}

.home_widgets.cols-2 .home_column {
    width: 48%;
    margin-right: 4%;
}


.home_widgets .widget h3.title {
    margin-bottom: 15px;
    color: #222;
    text-transform: none;
    letter-spacing: 0;
    font-size: 20px;
    text-align: left;
    font-weight: 500;
}


h3.section-title,
.home_widgets.full-width-cols .widget h3.title  {
    margin: 0 0 40px;
    color: #222;
    font-size: 16px;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 500;
}


/*********************************************************************************************

8. Portfolio Gallery

*********************************************************************************************/

.portfolio-grid {
    list-style-type: none;
    font-size: 0;
}

.portfolio-isotope .portfolio-grid {
    display: none;
    margin: 0;
}

.portfolio_item {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 31%;
    margin: 0 3.5% 40px 0;
    position: relative;
    text-align: center;
}

.portfolio-posts .portfolio_item:nth-child(3n+3) {
    margin-right: 0;
}

.portfolio-main .portfolio_item {
    width: 31%;
    margin: 0 1% 40px 1.3%;
}


.portfolio_item .post-thumb {
    margin: 0 0 15px;
    position: relative;
}

.portfolio_item .post-thumb a {
    display: block;
    position: relative;
}

.portfolio_item img {
    max-width: 100%;
    height: auto;
}

.portfolio_item .post-thumb:hover img {
    opacity: 0.8;
}

.portfolio_item h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 500;

}

.portfolio_item .portfolio-sub {
    color: #666;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: normal;
}

.portfolio_item .item_overlay {
    display: none;
    position: absolute;
    top: 43%;
    left: 25%;
    height: 20%;
    width: 50%;
    text-align: center;
    cursor:pointer;
}


.portfolio_item:hover  {
    -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
}

.portfolio_item .post-thumb:hover .item_overlay {
    display: block;
    text-decoration: none;
}

.portfolio_item .item_overlay h4 {
    color: #222;
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 0;
    text-decoration: underline;
}

.portfolio_item .item_overlay h4:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}



.portfolio-grid .isotope-item {
  z-index: 2;
}

.portfolio-grid .isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.portfolio-grid.isotope,
.portfolio-grid.isotope .isotope-item {
   -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.portfolio-grid.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.portfolio-grid.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.portfolio-grid.no-transition,
.portfolio-grid.no-transition .isotope-item,
.portfolio-grid .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


.portfolio-sidebar {
    margin: 0 0 50px;
    padding: 30px 0;
    text-align: center;
    background-color: #f9f9f9;
}

.portfolio-sidebar a {
    color: #666;
    text-decoration: none;
}

.portfolio-sidebar a:hover {
    color: #222;
}


.portfolio-sidebar .portfolio-taxonomies {
    list-style-type: none;
}

.portfolio-sidebar .portfolio-taxonomies .cat-item  {
    margin-right: 35px;
    display: inline;
}

.portfolio-sidebar .portfolio-taxonomies .current-cat a {
     color: #ff671b;
}



/* Portfolio Bar in Single Posts */

.portfolio_item-nav {
    position: relative;
    background-color: #f9f9f9;
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
}


/* Portfolio bar with thumbnail */

.single-portfolio_item .page-header.has-post-cover {
    padding: 150px 0;
    border-bottom: none;
    margin-top: -1px;
}

.single-portfolio_item .page-header.has-post-cover:before {
    background-color: rgba(0, 0, 0, 0.3);
}

.portfolio_item-nav .inner-wrap {
    position: relative;
    height: 60px;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;

}


.ir {
    display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr;
}

.portfolio_item-nav .all_items {
    display: block;
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
    border-right: 1px solid #E5E5E5;
}

.portfolio_item-nav .all_items a {
    background: url('images/portfolio_item-nav.png');
    display: block;
    height: 32px;
    width: 34px;
    margin: 15px 20px;
    opacity: .8;
}

.portfolio_item-nav .all_items a:hover {
    opacity: 1;
}

.portfolio_item-next {
    position: absolute;
    height: 60px;
    right: 0;
    top: 0;
    border-left: 1px solid #E5E5E5;
}

.portfolio_item-next li {
    float: left;
    position: relative;
    z-index: 20;
    height: 60px;
    right: 0;
    top: 0;
    padding: 20px;
}


.portfolio_item-nav .next_item {
    border-left: 1px solid #E5E5E5;
    margin-left: -1px;
}

.portfolio_item-next li span {
    font-size: 22px;
}

.single-portfolio_item ul, .single-portfolio_item ol {
    list-style-type: none;
}


/* Individual Portfolio Post */

.portfolio-meta {
    float: left;
    background: #f9f9f9;
    padding: 30px 30px 10px;
    width: 270px;
    margin: 0;
}

.portfolio-meta span {
    display: block;
    margin: 0 0 20px;
    color: #444;
}

.portfolio-meta span em {
    font-style: normal;
    font-weight: 500;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: #999;
}


.single-portfolio_item .entry-content {
    width: 840px;
    float: right;
}


/*********************************************************************************************

9. Blog Posts

*********************************************************************************************/

.site-main {
    margin-bottom: 35px;
}

.recent-posts {
    width: 1040px;
    margin: 0 auto;
}

.post-wrap,
.entry-body {
    max-width: 840px;
    margin: 0 auto;
}


.recent-posts .post:before,
.recent-posts .post:after {
    content: " ";
    display: table;
}

.recent-posts .post:after {
    clear: both
}

.recent-posts .entry-body {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #E4E4E4;
}


.recent-posts .hentry {
     position: relative;
}


/*********************************************************************************************

10.  Single posts

*********************************************************************************************/

h3.entry-title,
h1.entry-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
    color: #222;
}

article .post-thumb {
    display: block;
    margin-bottom: 30px;
}

article .post-thumb img {
    max-width: 100%;
    height: auto;
}


.entry-meta { margin: 0 0 20px; color: #999; font-size: 14px;  }
.entry-meta a {  color: #999;  border-bottom: 1px solid #ccc; }
.entry-meta a:hover {  color: #222;  text-decoration: none;  }
.entry-meta span { display: inline; margin-right: 15px; }

.single-post .entry-meta { text-align: center; margin-bottom: 40px;}


.entry-content:before,
.entry-content:after {
    content: " ";
    display: table;
}

.entry-content:after {
    clear: both
}

.entry-content p {
    margin-bottom: 30px
}

.entry-content p:last-child {
    margin-bottom: 0
}

.entry-content img {
    max-width: 100%;
    height: auto;
}

.entry-content a {
    color: #ff671b;
}

.entry-content a:hover {
    color: #222;
}



a.more_link {
    display: table;
    margin: 0;
    border: 2px solid #222;
    border-radius: 5px;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #222;
}



a.more_link:hover {
    background: #222;
    color: #fff;
}


.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-bottom: 20px;
    line-height: 1.3;
    font-weight: 700;
    color: #222;
}

.entry-content .wp-block-image img,
.entry-content img.alignnone,
.entry-content img.aligncenter,
.entry-content img.alignleft,
.entry-content img.alignright,
.entry-content img.attachment-fullsize {
    margin-bottom: 20px;
    max-width: 100%;
    height: auto;
}

.entry-content ul:not(.wp-block-gallery),
.entry-content ol {
    margin: 0 0 14px 14px
}

.entry-content li ul,
.entry-content li ol {
    margin-bottom: 0
}

.entry-content li {
    list-style-position: inside
}

.entry-content ul li {
    list-style-type: square
}

.entry-content ol li {
    list-style-type: decimal
}


.entry-content blockquote {
    border-left: solid 3px #ddd;
    font-style: italic;
    font-size: 20px;
    margin: 45px 40px;
    padding: 0 0 0 40px;
}

/* Gutenberg Images */


.entry-content .alignfull {
    margin-left: calc( -100vw / 2 + 100% / 2);
    margin-right: calc( -100vw / 2 + 100% / 2);
}


@media only screen and ( min-width: 860px) {

    .single-portfolio_item .entry-content .alignfull {
        margin-left: calc( -100vw / 2 + 60.5% / 2);
        margin-right: calc( -100vw / 2 + 100% / 2);
    }

}

.entry-content .alignfull,
.entry-content .alignfull img {
    width: 100vw;
    max-width: 100vw;
}

@media only screen and ( min-width: 1390px) {
    .entry-content .alignwide {
        margin-left  : -125px;
        margin-right : -125px;
        max-width: 1090px;
        width: 1090px;
    }
}


/* [gallery] shortcode */
.entry-content .gallery .gallery-item {
    max-width: 150px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    margin: 10px;
}

.entry-content .gallery {
    clear: both;
    margin: auto;
    text-align: center;
}

.entry-content .gallery a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.6;
    transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
}

.gallery img {
    width: 150px;
    height: auto;
}

/* Images align */
.entry-content .aligncenter,
div.aligncenter {
    display: block;
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

.alignleft,
.entry-content .alignleft {
    float: left;
    margin-right: 15px;
}

.alignright,
.entry-content .alignright {
    float: right;
    margin-left: 15px;
}


/* Caption for images */
.entry-content .wp-caption {
    width: auto;
    text-align: center;
}

.entry-content .wp-caption img {
    background: none;
    margin: 0;
    border: 0 none;
    max-width: 100%;
    width: auto;
    height: auto;
}

.entry-content .wp-caption-text,
.gallery-caption {
    color: #868686;
    font-size: 14px;
    margin: 0;
    padding: 15px 0;
    text-align: center;
}

.wp-block-image > figcaption,
.wp-block-image .aligncenter > figcaption,
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption,
.wp-block-image.is-resized > figcaption {
    display: block;
    margin-top: -10px;
    color: #868686;
    text-align: center;
    font-style: italic;
}


.entry-content .wp-caption.aligncenter {
    margin: 0 auto 15px
}

img.wp-smiley {
    border: none;
    padding: 0;
}


.entry-content .fullimg .wp-caption.aligncenter {
    margin-bottom: 0
}

.entry-content .fullimg .aligncenter {
    margin-bottom: 0
}

.entry-content .fullimg p {
    margin-bottom: 0
}


.single .entry-footer {
    border-top: 1px solid #E5E5E5;
    margin: 30px 0 0;
    padding: 30px 0 0;
}

.single .entry-footer .section-title {
    color: #666;
    font-size: 16px;
    font-weight: normal;
    border: none;
    padding: 0;
    margin: 0 0 20px;
}

.single .tag_list {
    margin: 10px 0;
}

.single .tag_list .separator {
    margin: 0 5px 0 0;
    color: #aaa;
}


/* Author Bio */
.post_author {
    overflow: hidden;
    padding: 0 0 30px;
    text-align: center;
    border-bottom: 1px solid #E5E5E5;
}

.post_author img {
    margin: 0 0 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.post_author span {
    display: block;
    color: #999;
    margin: 5px 0 0;
}

.post_author a {
    font-size: 18px;
}



/* Sharing Buttons */
.single .share {
    border-bottom: 1px solid #E5E5E5;
    padding: 0 0 30px;
    margin: 0 auto 30px;
    text-align: center;
}

.single .share a {
    display: inline-block;
     text-decoration: none;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    padding: 6px 18px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0 20px;
}

.single .share a.twitter {
    background: #3a93d8
}

.single .share a.facebook {
    background: #2e6cc8
}

.single .share a.linkedin {
    background: #0079B2
}

.single .share a.twitter:before { content: "\f301"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 20px/16px 'dashicons'; vertical-align: top; margin: 5px 8px 0 0; }
.single .share a.facebook:before { content: "\f305"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 20px/16px 'dashicons'; vertical-align: top; margin: 5px 8px 0 0; }
.single .share a.linkedin:before { content: "\e049"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 18px/16px 'wpzoom-icon'; vertical-align: top; margin: 3px 8px 0 0; }


.single .share a.twitter:hover {
    background: #59aef5
}

.single .share a.facebook:hover {
    background: #5084e4
}

.single .share a.linkedin:hover {
    background: #118cc5
}


/*********************************************************************************************

11.  Comments

*********************************************************************************************/

#comments { margin: 40px 0 0; }
#comments > h3,
#respond > h3 { font-weight: 500; font-size: 26px; position: relative; margin: 0 0 30px; }

#comments > h3 { border-bottom: 1px solid #ebebeb; padding: 0 0 20px; }
#respond h3 { margin-top: 30px }
.comment-notes { display: none; }
#respond h3 small { font-size: 14px; }
.commentlist { list-style-type: none; padding: 0; }
.commentlist li { list-style-type: none }
.commentlist .children { margin-left: 50px }
.commentlist .comment { margin-bottom: 80px; position: relative; }
.commentlist .comment:after { width: 100%; content: " "; border-bottom: 1px solid #ebebeb; bottom: -40px; left: 0; position: absolute; }
.comment-author:before,
.comment-author:after { content: " "; display: table; }
.comment-author:after { clear: both }
.comment-author .avatar { float: left; border-radius: 50%; margin-right: 22px; margin-bottom: 15px; }
.comment-author .fn,
.comment-author .fn a {  font-size: 18px; font-style: normal; }
.comment-author .fn a:hover {  }
.comment-author .comment-meta,
.comment-author .comment-meta a { color: #999; font-size: 14px; }
.comment-author .comment-meta a:hover { color: #222; text-decoration: none; }
.comment-author a.comment-reply-link,
.comment-author a.comment-edit-link { color: #2c343a }
.comment-body { font-size: 16px; line-height: 28px; margin-bottom: 40px; }
#respond { margin-bottom: 30px }
#respond .form_fields p { margin-bottom: 15px }
#respond label { display: block; }
#respond input[type="text"] { width: 40% }
#respond textarea { width: 100% }
#respond #submit { width: auto }
#respond code { white-space: pre-wrap }
.form-allowed-tags { display: none }
#respond .comment-form-cookies-consent label { display: inline; margin-left: 10px; text-transform: none; font-family: inherit; font-size: 14px;}


/*********************************************************************************************

12.  Widgets

*********************************************************************************************/

.widget ul { clear: both; margin: 0; }
.widget ul li { list-style-type: none; }
.widget ul ul { margin: 0; padding: 0; border-top: none; }
.widget ul ul li { border: none; }


.textwidget img {
    max-width: 100%;
    height: auto;
}


/* Twitter widget */
.zoom-twitter-widget__item{ padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #ebebeb}
.zoom-twitter-widget__item-timestamp { display: block; color: #838383; margin: 5px 0 0; font-size: 14px; font-style: normal; }
.zoom-twitter-widget__item-timestamp:hover { color: #212426; }


/* Single Page Widget */
.featured_page_content { overflow: hidden; }
.featured_page_content .post-thumb { margin-bottom: 15px; }
.featured_page_content .post-content { color: #666; }
.wpzoom-singlepage img { max-width: 100%; height: auto; }
.featured_page_content .post-video {
    width: 100%;
    float: none;
}


/* Recent Posts  */
.widget .feature-posts-list br {display: none;}
.widget .feature-posts-list img { margin: 0 15px 15px 0; float: left; }
.widget .feature-posts-list small { font-size: 14px; color: #999; margin: 0 0 5px; display: block; }
.widget .feature-posts-list .post-excerpt { display: block; overflow: hidden; }
.widget .feature-posts-list li { padding:0 0 15px; margin:0 0 15px; border-bottom: 1px solid #ebebeb; }
.widget .feature-posts-list li:last-child { margin: 0; border: none; padding: 0;}
.widget .feature-posts-list li h3 { line-height: 1.3; font-size: 18px; color: #3a3a3a; margin: 0 0 5px; }

.home_widgets .widget .feature-posts-list small { width: 200px; float: left; margin: 5px 0 0; }


/* Tag cloud Widget */
.widget_tag_cloud div a { padding: 0 3px; }


/* Calendar widget */
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; font-weight:bold;  font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #EFEEEE; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #E8E8E8; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }


/* Facebook Like Box */
div.fb-like.fb_iframe_widget {  width: 100% !important; }
.fb_iframe_widget { width: 100%!important }
.fb_iframe_widget span { width: 100%!important; }
.fb_iframe_widget span iframe { width: 100%!important; }



/*********************************************************************************************

13. Footer  -------------------------  footer.php

*********************************************************************************************/


.site-footer {
    background: #F8F8F8;
    margin-top: 40px;
    border-top: 1px solid #E5E5E5;
    color: #666;
}


.footer-widgets {
    padding: 40px 0 0;
}

.footer-widgets .column {
    float: left;
}

.footer-widgets.widget-columns-4 .column {
    width: 23%;
    margin-right: 2.6666%;
}

.footer-widgets.widget-columns-3 .column {
    width: 31%;
    margin-right: 3.5%;
}

.footer-widgets.widget-columns-2 .column {
    width: 48%;
    margin-right: 4%;
}

.footer-widgets.widget-columns-1 .column {
    width: 100%;
}

.footer-widgets.widget-columns-2 .column:nth-child(2n+2),
.footer-widgets.widget-columns-3 .column:nth-child(3n+3),
.footer-widgets.widget-columns-4 .column:nth-child(4n+4) {
    margin-right: 0;
}

.footer-widgets .widget {
    margin-bottom: 40px;
}

.footer-widgets h3.title {
    margin: 0 0 10px;
    padding: 0;
    color: #222;
    font-size: 20px;
    font-weight: 500;
}



.site-info {
    padding: 20px 0;
    font-size: 14px;
    background-color: #0D0D0D;
    color: #999;
}


.site-info .copyright,
.site-info .designed-by {
    text-align: center;
    margin: 0 0 5px;
}


.site-info a { color: #fff; }




/*
    jQuery.mmenu CSS
*/
.mm-hidden { display: none !important }
.mm-wrapper { overflow-x: hidden; position: relative; }
.mm-menu, .mm-menu > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; }
.mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; }
.mm-panel { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.mm-panel.mm-opened { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); }
.mm-panel.mm-highest { z-index: 1 }
.mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; }
.mm-menu > .mm-panel.mm-hasheader { padding-top: 40px }
.mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after { content: ''; display: block; height: 20px; }
.mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; }
.mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; }
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent }
.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block }
.mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto; }
.mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto; }
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mm-header { border-bottom: 1px solid transparent; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; }
.mm-header > a { text-decoration: none; display: block; padding: 10px 0; }
.mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.mm-header .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; }
.mm-header .mm-btn:first-child { padding-left: 20px; left: 0; }
.mm-header .mm-btn:last-child { padding-right: 20px; right: 0; }
.mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; }
.mm-listview { font: inherit; font-size: 14px; }
.mm-listview a, .mm-listview a:hover { text-decoration: none }
.mm-listview > li { position: relative }
.mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 0; margin: 0; }
.mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; }
.mm-listview > li:not(.mm-divider):after { left: 20px }
.mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; }
.mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; }
.mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px }
.mm-listview .mm-next.mm-fullsubopen { width: 100% }
.mm-listview .mm-next.mm-fullsubopen:before { border-left: none }
.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; }
.mm-menu > .mm-panel > .mm-listview { margin-left: -20px; margin-right: -20px; }
.mm-menu > .mm-panel > .mm-listview.mm-first { margin-top: -20px }
.mm-menu > .mm-panel > .mm-listview.mm-last { padding-bottom: 20px }
.mm-prev:before, .mm-next:after { content: ''; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.mm-prev:before { border-right: none; border-bottom: none; left: 20px; }
.mm-next:after { border-top: none; border-left: none; right: 20px; }
.mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; }
.mm-listview > li.mm-spacer { padding-top: 40px }
.mm-listview > li.mm-spacer > .mm-next { top: 40px }
.mm-listview > li.mm-spacer.mm-divider { padding-top: 25px }
.mm-menu { background: #f3f3f3; color: rgba(0, 0, 0, 0.7); }
.mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu .mm-header > a { color: rgba(0, 0, 0, 0.3) }
.mm-menu .mm-header .mm-btn:before, .mm-menu .mm-header .mm-btn:after { border-color: rgba(0, 0, 0, 0.3) }
.mm-menu .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu .mm-listview > li > a.mm-prev, .mm-menu .mm-listview > li > a.mm-next { color: rgba(0, 0, 0, 0.3) }
.mm-menu .mm-listview > li > a.mm-prev:before, .mm-menu .mm-listview > li > a.mm-next:after { border-color: rgba(0, 0, 0, 0.3) }
.mm-menu .mm-listview > li > a.mm-prev:after, .mm-menu .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5) }
.mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05) }
.mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05) }
/*
    jQuery.mmenu offcanvas addon CSS
*/
.mm-page { box-sizing: border-box; position: relative; }
.mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; }
html.mm-opened { overflow: hidden; position: relative; }
html.mm-opened body { overflow: hidden }
html.mm-opened .mm-page { min-height: 100vh }
html.mm-background .mm-page { background: inherit }
#mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; }
html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block }
.mm-menu.mm-offcanvas { display: none; position: fixed; }
.mm-menu.mm-current { display: block }
.mm-menu { width: 80%; min-width: 140px; max-width: 440px; }
html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); }
@media all and (max-width: 175px) {
    html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); }
}
@media all and (min-width: 550px) {
    html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); }
}
menu.mm-measureheight > .mm-panel { bottom: auto !important; height: auto !important; }

/*
    jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }

/*
    jQuery.mmenu borderstyle extension CSS
*/
.mm-menu.mm-border-none .mm-listview > li:after, .mm-listview.mm-border-none > li:after { content: none }
.mm-menu.mm-border-full .mm-listview > li:after, .mm-listview.mm-border-full > li:after { left: 0 !important }

/*
    jQuery.mmenu pageshadow extension CSS
*/
.mm-menu.mm-pageshadow:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99; }
.mm-menu.mm-pageshadow.mm-right:after { left: auto; right: 100%; }
.mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after { content: none; display: none; }
.mm-menu.mm-pageshadow:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) }


/*
    jQuery.mmenu themes extension CSS
*/
.mm-menu.mm-theme-dark { background: #111; color: rgba(255, 255, 255, 0.8); }
.mm-menu.mm-theme-dark .mm-header { border-color: rgba(0, 0, 0, 0.15) }
.mm-menu.mm-theme-dark .mm-header > a { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-header .mm-btn:before, .mm-menu.mm-theme-dark .mm-header .mm-btn:after { border-color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.15) }
.mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:after { border-color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.15) }
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.05) }
.mm-menu.mm-theme-dark .mm-divider { background: rgba(255, 255, 255, 0.05) }
.mm-menu.mm-theme-dark .mm-buttonbar { border-color: rgba(255, 255, 255, 0.8); background: #333333; }
.mm-menu.mm-theme-dark .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.8) }
.mm-menu.mm-theme-dark .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.8); color: #333333; }
.mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, 0.8) }
.mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-footer { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-dark .mm-fixeddivider span { background: rgba(255, 255, 255, 0.05) }
.mm-menu.mm-pageshadow.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) }
.mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); }
.mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-indexer a { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, 0.15) }
.mm-menu.mm-theme-dark label.mm-toggle:before { background: #333333 }
.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 }
.mm-menu.mm-theme-white { background: white; color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-theme-white .mm-header { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-white .mm-header > a { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-header .mm-btn:before, .mm-menu.mm-theme-white .mm-header .mm-btn:after { border-color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-white .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:after { border-color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.05) }
.mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.03) }
.mm-menu.mm-theme-white .mm-divider { background: rgba(0, 0, 0, 0.03) }
.mm-menu.mm-theme-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: white; }
.mm-menu.mm-theme-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6) }
.mm-menu.mm-theme-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: white; }
.mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6) }
.mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-theme-white .mm-fixeddivider span { background: rgba(0, 0, 0, 0.03) }
.mm-menu.mm-pageshadow.mm-theme-white:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) }
.mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-indexer a { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-white label.mm-toggle:before { background: white }
.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 }

/* Custom mmenu **/
.mm-listview { font-size: 16px }
.mm-menu > .mm-panel { padding: 20px 40px; }


.mm-menu.mm-bottom,.mm-menu.mm-top{width:100%;min-width:100%;max-width:100%;height:80%;min-height:140px;max-height:880px}
.mm-menu.mm-right{left:auto;right:0}
html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}
@media all and (max-width:175px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}
}
@media all and (min-width:550px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}
}
html.mm-front .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}
html.mm-front #mm-blocker{z-index:1}
html.mm-front .mm-menu{z-index:2}
.mm-menu.mm-front,.mm-menu.mm-next{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.mm-menu.mm-front.mm-right,.mm-menu.mm-next.mm-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.mm-menu.mm-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
.mm-menu.mm-bottom{top:auto;bottom:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
html.mm-opening .mm-menu.mm-front,html.mm-opening .mm-menu.mm-next{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}


/*--------------------------------------------------------------
# WooCommerce
--------------------------------------------------------------*/

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background: #231F20; }

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: #231F20; }

.woocommerce ul.products li.product h3:hover {
  color: #ff671b; }

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  background: #ff671b !important; }

.woocommerce nav.woocommerce-pagination ul {
  border: none;
  font-size: 18px; }
  .woocommerce nav.woocommerce-pagination ul li {
    border: none; }
    .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
      color: #666; }
    .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover {
      background: none;
      color: #000; }
    .woocommerce nav.woocommerce-pagination ul li span.current {
      background: none;
      color: #000; }

/* WooCommerce Cart Icon */
a.cart-button {
  display: block; }
  a.cart-button:before {
    content: "\f174";
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 20px/20px "dashicons";
    vertical-align: middle;
    margin: 0 8px 0 0; }

.shop-wrapper {
  overflow: hidden; }

.woocommerce-cart table.cart td.actions .coupon .input-text {
  padding: 7px 10px;
  margin-right: 10px;
  border-color: #DEE3E7; }

.woocommerce .entry-content > * {
  max-width: 100%; }

.woocommerce h1.entry-title {
  margin-bottom: 20px;
  font-size: 30px; }

.woocommerce table.shop_table td {
  padding: 20px 15px; }

.woocommerce-checkout #payment {
  background: #F7F8FA;
  border: 1px solid #DEE3E7; }
  .woocommerce-checkout #payment ul.payment_methods li {
    list-style-type: none; }
  .woocommerce-checkout #payment div.payment_box:after {
    display: none; }
  .woocommerce-checkout #payment ul.payment_methods {
    border-bottom-color: #DEE3E7; }

.wc_payment_method label {
  display: inline-block; }

.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
  font-size: 14px; }

.woocommerce .woocommerce-ordering {
  color: #171615; }

.woocommerce ul.products li.product {
  text-align: center; }
  .woocommerce ul.products li.product .product-thumb {
    margin: 0 0 15px; }
    .woocommerce ul.products li.product .product-thumb a {
      display: block;
      padding: 0;
      margin: 0; }
      .woocommerce ul.products li.product .product-thumb a img {
        margin: 0; }

.woocommerce .products .star-rating {
  display: none; }

.woocommerce ul.products li.product h3 {
  padding-top: 0; }
  .woocommerce ul.products li.product h3:hover {
    color: #ff671b; }

.woocommerce ul.products li.product .price {
  color: #444;
  margin: 0;
  font-size: 16px; }

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  font-weight: 600;
  color: #fff !important;
  padding: 10px 25px;
  border-radius: 0; }

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  color: #fff; }

.woocommerce-message, .woocommerce-info {
  border-top-color: #231F20; }
  .woocommerce-message:before, .woocommerce-info:before {
    color: #000; }

.woocommerce #respond input#submit.alt.disabled, .woocommerce a.button.alt.disabled, .woocommerce button.button.alt.disabled, .woocommerce input.button.alt.disabled {
  background-color: #676c71; }
  .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce a.button.alt.disabled:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce input.button.alt.disabled:hover {
    background-color: #676c71; }

.woocommerce #respond input#submit.alt:disabled, .woocommerce a.button.alt:disabled, .woocommerce button.button.alt:disabled, .woocommerce input.button.alt:disabled {
  background-color: #676c71; }
  .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce a.button.alt:disabled:hover, .woocommerce button.button.alt:disabled:hover, .woocommerce input.button.alt:disabled:hover {
    background-color: #676c71; }
  .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled] {
    background-color: #676c71; }
    .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt:disabled[disabled]:hover {
      background-color: #676c71; }

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background: #231F20; padding: 15px 26px; }

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background: #ff671b; }

.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #444; }

.woocommerce div.product .product_title {
  text-align: left; }

.woocommerce .quantity .qty {
  padding: 8px 6px;
  border-radius: 0;
  margin-right: 10px; }

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-radius: 0;
  margin: 0 5px;
  border-color: #DEE3E7;
  background: #F7F8FA; }
  .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-weight: normal;
    font-size: 16px; }

.woocommerce div.product .woocommerce-tabs ul.tabs:before {
  border-color: #DEE3E7; }

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
  display: none; }

.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after {
  display: none; }

.woocommerce-tabs #comments {
  max-width: 100%;
  padding: 0; }

.woocommerce table.shop_table td {
  padding: 20px 15px; }

.woocommerce nav.woocommerce-pagination {
  margin-bottom: 30px; }

.woocommerce nav.woocommerce-pagination ul {
  border: none;
  font-size: 18px; }
  .woocommerce nav.woocommerce-pagination ul li {
    border: 1px solid #eee;
    margin: 0 6px; }
    .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
      color: #666;
      padding: 13px 16px; }
    .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover {
      background: #231F20;
      color: #fff; }
    .woocommerce nav.woocommerce-pagination ul li span.current {
      background: #231F20;
      color: #fff; }

.wc_cat_count {
  opacity: .8;
  font-weight: normal; }

.woocommerce-product-details__short-description { margin-bottom: 13px; }