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

Theme Name: Tempo
Theme URI: http://www.wpzoom.com/themes/tempo
Version: 1.0.2
Private: true
Author: WPZOOM
Author URI: http://www.wpzoom.com
Description: Tempo is a simply grid theme with WooCommerce support.
Tags: ecommerce, masonry, responsive, 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 use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

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

1. Toolbox CSS
2. Global Styles
3. Navigation
4. Masonry posts
5. Single posts
6. Comments
7. Sidebar & Widgets
8. Footer
9. WooCommerce


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

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; }
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: 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: textfield; -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 { }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both }
.clickable { cursor: pointer }

/* 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: 300; line-height: 1.1; color: #222; margin: 0; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; }
h1 small, h2 small, h3 small { font-size: 65% }
h4 small, h5 small, h6 small { font-size: 75% }
h1 { font-size: 36px }
h2 { font-size: 30px }
h3 { font-size: 24px }
h4 { font-size: 18px }
h5 { font-size: 14px }
h6 { font-size: 12px }


/* Tables */
table {
    border-top: 0;
    margin-bottom: 1.5em;
    position: relative;
    table-layout: fixed;
    width: 100%;
    z-index: 1;
}

table th {
    text-align: left;
}

table tr {
    border-bottom: 1px solid #F0F0F0;
}

table th,
table td {
    font-family: inherit;
    font-size: inherit;
    padding: 12px;
    vertical-align: middle;
}


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

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


/* Forms */
label {
    margin-bottom: 10px;
    font-weight: 500;
}

input, textarea {
    padding: 8px 12px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 300;
    background: white;
    border: 1px solid #e2e2e2;
    width: auto;
    color: #444;
     -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    border-radius: 2px;
}

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

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

button,
input[type=button],
input[type=reset],
input[type=submit] {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: bold;
    background-color: #363940;
    border: none;
    color: white;
    border-radius: 2px;
     -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    cursor: pointer;
    background: #222;
}



/* Navigation */
.navigation {
    position: relative;
    text-align: center;
    margin: 0 0 30px;
    font-size: 22px;
    font-weight: normal;
}

.navigation a {
    padding: 6px 12px;
    margin: 0 4px;
    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;
    color: #666;
}

.navigation a:hover {
    color: #000;
}

.navigation span.current {
    padding: 6px 15px;
    margin: 0 4px;
    color: #a0a0a0;
    display: inline-block;
    background: #F7F8FA;
    border-radius: 3px;
 }

.navigation span.pages {
    margin-right: 15px;
    display: none;
}

.navigation span.dots {
    color: #999;
    line-height: 100%;
    margin: 0 5px;
}

.navigation .alignleft,
.navigation .alignright {
    margin: 0
}

.navigation .prev,
.navigation .next {
    position: absolute;
    color: #363940;
    padding: 10px 30px;
    -moz-transition-duration: 200ms;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
}

.navigation .prev {
    left: 0
}

.navigation .next {
    right: 0
}


/* Hides navigation links and site footer when infinite scroll is active */
.infinite-scroll .paging-navigation {
    display: none;
}

.infinite-scroll:not(.infinity-end):not(.neverending) #recent-posts {
    margin-bottom: 120px;
}

.infinite-scroll .infinite-loader,
.infinite-scroll #infinite-handle {
    position: absolute;
    bottom: -90px;
    left: 49%;
}

.infinite-scroll.neverending .infinite-loader {
    bottom: -40px;
}

.infinite-scroll #infinite-handle {
    left: 30px;
    right: 30px;

    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

.infinite-scroll #infinite-handle span {
    display: block;
    width: 100%;
    line-height: 50px;
    font-size: 18px;
    border-radius: 3px;
    background: #f7f8fa;
    color: #848484;
    font-weight: normal;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
}


.infinite-scroll #infinite-handle span:hover {
    background: #E8EBF0;
}

.infinite-scroll #infinite-handle span button {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

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



@-moz-keyframes portfolio-spin {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes portfolio-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes portfolio-spin {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* Animsition start */
.js .animsition,
.js .animsition-overlay {
  opacity: 0;

  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animsition-overlay-slide {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #ddd;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-in {
  -webkit-animation-name: fade-in;
       -o-animation-name: fade-in;
          animation-name: fade-in;
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fade-out {
  -webkit-animation-name: fade-out;
       -o-animation-name: fade-out;
          animation-name: fade-out;
}
/* Animsition end */

@-webkit-keyframes fade-in-almost {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.9;
  }
}
@keyframes fade-in-almost {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.9;
  }
}

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

2. Global Styles

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    margin: 0;
    padding: 0;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    line-height: 1.7;
    color: #444;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: #222;
    text-decoration: none;
}

a:hover, a:focus {
    color: #5794DA;
    text-decoration: none;
}


.site-header {
    padding: 60px 15px 5px;
}

.site-header:before,
.site-header:after { content: " "; display: table; }
.site-header:after { clear: both; }

.container:before,
.container:after { content: " "; display: table; }
.container:after { clear: both; }


/* Logo */
.navbar-brand {
    padding: 0 15px;
    margin: 0 0 15px;
}

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

.navbar-brand h1 {
    font-weight: normal;
    margin: 0 0 5px;
    font-weight: 600;
    line-height: 1.1;
    text-transform: uppercase;
}

.navbar-brand h1 a {
    font-size: 30px;
}

.navbar-brand h1 a:hover {
    text-decoration: none;
    color: #555;
}

.navbar-brand .tagline {
    font-size: 16px;
    color: #848484;
    margin: 0;
}


/* Header Social Icons */
.header_social {
    font-size: 14px;
}

.header_social .widget {
    margin: 15px 0 0;
}

.header_social .widget h3.title {
    display: none;
}

.header_social .zoom-social-icons-list--no-labels .zoom-social_icons-list__item {
    margin: 0 10px 0 0;
}

.header_social .widget .zoom-social-icons-list--no-labels.zoom-social-icons-list--without-canvas {
    margin: 0;
}

.header_social .zoom-social-icons-list--without-canvas .socicon {
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    color: #333;
    padding: 0;
}

.header_social .zoom-social-icons-list .socicon:hover {
    opacity: 0.6;
}

.container {
    position: relative;
}


/* Header Layouts */

.site-header--centered { text-align: center; }
.site-header--centered .navbar-brand { margin-bottom: 30px; }
.site-header--centered .navbar-collapse { padding: 0 40px; }
.site-header--centered .navbar-toggle { position: absolute; right: 0; bottom: 10px; }
.site-header--centered .sb-search { position: absolute; left: 0; bottom: 10px; }

.site-header--logo-left .navbar-brand { float: left; }
.site-header--logo-left .navbar {
    float: right;
    position: absolute;
    right: 0;
    bottom: 0;
}

.site-header--logo-left .navbar-secondary { float: right; }
.site-header--logo-left .navbar-collapse { padding: 0 0 0 30px; float: left;}
.site-header--logo-left .navbar-toggle { float: right; }
.site-header--logo-left .sb-search { float: left; }


.site-header--logo-right .navbar-brand { float: right; text-align: right; }
.site-header--logo-right .navbar {
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
}

.site-header--logo-right .navbar-secondary { float: left; }
.site-header--logo-right .navbar-collapse { padding: 0 30px 0 0; float: right; }
.site-header--logo-right .navbar-toggle { float: left; }
.site-header--logo-right .sb-search { float: left; }


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

3. Navigation

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

.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: 8px 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 {
    z-index: 200;
}

.navbar:before,
.navbar:after { content: " "; display: table; }
.navbar:after { clear: both; }

.navbar-nav {
    font-size: 18px;
}

.navbar-nav > li {
    padding: 2px 15px 15px;
}

.navbar-nav > li > ul:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #ebeff2;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.navbar-nav a {
    color: #848484;
    -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
}

.navbar-nav a:hover,
.navbar-nav a:focus {
    color: #333;
    text-decoration: none;
}

.navbar-nav ul {
    font-size: 16px;
    left: 50%;
    width: 240px;
    padding: 10px 0;
    background: #ebeff2;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.navbar-nav ul li {
     text-align: left;
}

.navbar-nav ul a {
    padding: 5px 15px;
 }

.navbar-nav ul ul {
    right: 100%;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    margin-top: 0;
}

.current-menu-item > a,
.current_page_item > a,
.current_page_parent > a,
.current-menu-parent > a {
    color: #333;
}

.navbar-toggle {
    display: none;
    outline: none;
    margin: 0 6px;
    padding: 10px 10px;
    border-color: transparent;
    background: transparent;
}

.tempo--with-side-nav .navbar-toggle {
    display: block;
}

.navbar-toggle:hover {
    border-color: transparent;
    background-color: transparent;
}

.navbar-toggle .icon-bar {
    position: relative;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #999ead;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
}


/* WooCommerce Cart Icon */

a.cart-button:before {
    content: "\f174";
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 20px/28px 'dashicons';
    vertical-align: top;
    margin: 0 8px 0 0;
}

a.cart-button {
    display: block;
}



/* hamburger animation */
.navbar-toggle .icon-bar { -webkit-transition: width .13s ease-out, -webkit-transform .13s ease-out, opacity .13s ease-out; transition: width .13s ease-out, transform .13s ease-out, opacity .13s ease-out; }
.navbar-toggle:hover .icon-bar:nth-child(2) { -webkit-transform: rotateZ(-40deg) translateX(-6px); transform: rotateZ(-40deg) translateX(-6px); width: 12px; }
.navbar-toggle:hover .icon-bar:nth-child(3) { -webkit-transform: translateX(-3px); -ms-transform: translateX(-3px); transform: translateX(-3px); }
.navbar-toggle:hover .icon-bar:nth-child(4) { -webkit-transform: rotateZ(40deg) translateX(-6px); transform: rotateZ(40deg) translateX(-6px); width: 12px; }

.header--logo-right .navbar-toggle:hover .icon-bar:nth-child(2) { -webkit-transform: rotateZ(40deg) translate3d(12px, -6px, 0); transform: rotateZ(40deg) translate3d(12px, -6px, 0); width: 12px; }
.header--logo-right .navbar-toggle:hover .icon-bar:nth-child(3) { -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); opacity: 1; }
.header--logo-right .navbar-toggle:hover .icon-bar:nth-child(4) { -webkit-transform: rotateZ(-40deg) translate3d(12px, 6px, 0); transform: rotateZ(-40deg) translate3d(12px, 6px, 0); width: 12px; }

/* hamburger when side-nav is opened */
.side-nav-open .navbar-toggle .icon-bar:nth-child(2) { -webkit-transform: rotateZ(-45deg) translate3d(-5px, 5px, 0); transform: rotateZ(-45deg) translate3d(-5px, 5px, 0); width: 28px; }
.side-nav-open .navbar-toggle .icon-bar:nth-child(3) { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 0; }
.side-nav-open .navbar-toggle .icon-bar:nth-child(4) { -webkit-transform: rotateZ(45deg) translate3d(-5px, -5px, 0); transform: rotateZ(45deg) translate3d(-5px, -5px, 0); width: 28px; }


/* Navbar Search Form */
.sb-search {
    z-index: 200;
    height: 40px;
    width: 50px;
}

.sb-search .sb-search-input {
    position: relative;
    outline: none;
    width: 20px;
    padding: 2% 2%;
    margin: 0;
    z-index: 10;
    font-family: inherit;
    font-size: 42px;
    color: #363940;
    display: none;
    border: none;
    border-radius: 0;
    background: #F7F8FA;
    opacity: .9;
     width: 96%;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;

    -webkit-animation: fade-in-almost 0.3s ease-out;
    animation: fade-in-almost 0.3s ease-out;
}

.sb-search input[type="search"].sb-search-input {
    -webkit-appearance: none;
}

.sb-search .sb-search-input::-webkit-input-placeholder {
    color: #999ead;
}

.sb-search .sb-search-input:-moz-placeholder {
    color: #999ead;
}

.sb-search .sb-search-input::-moz-placeholder {
    color: #999ead;
}

.sb-search .sb-search-input:-ms-input-placeholder {
    color: #999ead;
}

.sb-search .sb-icon-search,
.sb-search .sb-search-submit  {
    width: 40px;
    height: 40px;
    display: block;
    padding: 0;
    margin: 0;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}

.sb-search .sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    display: none;
    color: #363940;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-search .sb-icon-search {
    color: #999ead;
    z-index: 90;
    font-size: 100%;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;

    transition: opacity 0.3s ease;
}

.sb-search .sb-icon-search:hover {
    color: #333;
}

.sb-search .sb-icon-search:before {
    content: "\e600";
}

.sb-search.sb-search-open .sb-icon-search:before {
     color: #333;
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {

}

.sb-search.sb-search-open .sb-search-input {
    display: block;

    padding: 15px 2%;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;

    position: fixed;
    margin-left: -15px;
    left: 0;
    top: 0;
    width: 98%;
    height: 100%;

    height: 100vh;
    text-align: center;
}


.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: none;
    z-index: 11;
    right: 7%;
    top: 10%;
    position: fixed;
    z-index: 999;
    opacity: .6;


    -webkit-animation: fade-in-almost 0.3s ease-out;
    animation: fade-in-almost 0.3s ease-out;
}

.sb-search.sb-search-open .sb-icon-search:before {
    content: "\f335";
    font-family: 'dashicons';
    font-size: 70px;
}

.sb-search.sb-search-open .sb-icon-search:hover {
    opacity: 1;
}


.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    z-index: 90;
}


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

4. Masonry Posts

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

.single .site-main,
.page .site-main {
    border-top: 1px solid #F0F0F0;
}

.section-title {
    padding: 30px 0 30px 30px;
    border-top: 1px solid #F0F0F0;
    background: #F7F8FA;
    font-size: 24px;
}


/* Grid & Masonry Posts */

#recent-posts {
    margin: 0 0 50px;
    position: relative;
}

.recent-post {
    width: 25%;
    min-height: 100px;
    float: left;
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden;
}



.recent-post .post_content_wrapper {
    padding: 0 30px 30px;
}

.recent-post .entry-title {
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    padding: 0;
}


.recent-post.has-post-thumbnail:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 26px;
    height: 26px;
    margin-top: -13px;
    margin-left: -13px;
    border-radius: 100px;
    border: 3px solid;
    border-left-color: rgba(0, 0, 0, 0.7);
    border-top-color: rgba(0, 0, 0, 0.7);
    border-right-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.2);
    opacity: .8;
    -moz-transition: opacity 150ms ease;
    -o-transition: opacity 150ms ease;
    -webkit-transition: opacity 150ms ease;
    transition: opacity 150ms ease;
    -moz-animation: portfolio-spin 0.45s infinite linear;
    -webkit-animation: portfolio-spin 0.45s infinite linear;
    animation: portfolio-spin 0.45s infinite linear;
}


.recent-post .post-thumb {
    margin: 0;
    position:relative;
    overflow: hidden;
    z-index: 2;
}

.recent-post .post-thumb img {
    max-width: 100%;
    height: auto;
    transition: all 0.2s ease-in-out;
}


.recent-post a:hover img {
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
}

.recent-post.has-post-thumbnail h2.entry-title {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.2;
    position: absolute;
    top: 50%;
    width: 94%;
    margin: 0 3%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
}


.recent-post.has-post-thumbnail h2.entry-title:hover {
    opacity: .7;
}

.recent-post.has-post-thumbnail .post_content_wrapper {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    transition: top .2s ease-out, left .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out;
    transition: top .2s ease-out, left .2s ease-out, opacity .2s ease-out, transform .2s ease-out;
    background: rgba(0, 0, 0, .7);
}


.recent-post.has-post-thumbnail .post_content_wrapper {
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);

    opacity: 0;
}

.recent-post.has-post-thumbnail:hover .post_content_wrapper {
    display: block;
    opacity: 1;
    background: rgba(0,0,0,.7);

    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.recent-post.has-post-thumbnail .post_content {
    display: table-cell;
    vertical-align: middle;
}

.recent-post.has-post-thumbnail .post_content_wrapper .entry-meta {
    position: absolute;
    bottom: 15px;
    left: 4%;
    width: 96%;
}

.recent-post .entry-meta span:last-child {
   float: right;
   margin-right: 4%;
}

.entry-meta {
    font-size: 16px;
}

.recent-post.has-post-thumbnail.post_content_wrapper .entry-meta span + span:before {
    display: none;
}


.recent-post.has-post-thumbnail p {
    display: none;
}






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

5. Single Posts

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

.post_wrap {
    width: 1020px;
    margin: 0 auto;
}


.entry-cover {
    width: 100%;
    background-size: cover;
    background-position: center center;
    height: 500px;
    background-color: black;
    margin-top: -1px;
}

.entry-header {
    position: relative
}

.entry-title {
    margin: 30px 0 20px;
    padding: 0 20px;
    font-size: 46px;
    font-weight: 300;
    line-height: 1.3;
    text-align: center;
    font-family: "Roboto", sans-serif;
}

.entry-content {
    max-width: 1020px;
    margin: 0 auto 30px;
    padding: 0 30px;
}

.entry-content > * {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

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

.entry-content:after {
    clear: both
}

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

.entry-content a {
    color: #5794DA;
}

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


.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-bottom: 15px;
    line-height: 1.3;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
}

.entry-content ul,
.entry-content ol {
    margin-bottom: 25px;
}

.entry-content li ul,
.entry-content li ol {
    margin-bottom: 0;
    margin-left: 30px;
}

.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 {
    font-size: 22px;
    margin-top: 15px;
    margin-bottom: 40px;
    text-align: center;
    font-family: "Playfair Display", serif;
    position: relative;
    max-width: 100%;
}


.entry-content blockquote:before,
.entry-content blockquote:after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    margin: 30px auto;
    background: #f0f0f0;
}


.entry-content #jp-relatedposts {
    margin-left: auto;
    margin-right: auto;
}


/* Galleries */

.entry-content .tiled-gallery {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}


.entry-content .gallery {
    clear: both;
    text-align: center;
    max-width: 100%;
}

.entry-content .gallery a:hover {
    opacity: 0.6;
    transition: opacity 0.25s ease-in-out;
}

.gallery-item {
    display: inline-block;
    max-width: 33.33%;
    padding: 0 1.1400652% 2.2801304%;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-1 .gallery-item {
    max-width: 100%;
}

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

.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-icon img {
    margin: 0 auto;
}

.gallery-caption {
    color: #686868;
    display: block;
    font-size: 12px;
    font-style: italic;
    line-height: 1.4;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}


/* Images align */
img {
    max-width: 100%;
    height: auto;
}

.alignleft,
.alignright {
    margin-bottom: 1.125em;
    max-width: 50%;
    position: relative;
    z-index: 1;
}

.alignleft {
    float: left;
    margin-right: 1.5em;
}

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

.aligncenter,
.alignnone {
    margin-bottom: 1.125em;
    max-width: 100%;
}

.aligncenter img,
.alignnone img {
    height: auto;
    max-width: 100%;
}

figure.alignnone img,
figure.aligncenter img {
    max-width: 100%
}

.aligncenter img,
.alignnone img {
    margin: 0 auto;
}

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

.aligncenter {
    text-align: center;
}

.widget .aligncenter,
.widget .alignleft,
.widget .alignright,
.widget .alignnone {
    margin: 0;
}


.alignleft {
    margin-left: -3.75em;
}

.alignright {
    margin-right: -3.75em;
}


/* Figures and Captions */

.wp-caption {
    width: auto;
}

.wp-caption img {
    display: block;
}

.wp-caption-text {
    color: #8c888c;
    font-size: 16px;
    margin: 15px 0;
}


/* WPZOOM Shortcode */

.entry-content .shortcode-unorderedlist ul li,
.entry-content .shortcode-unorderedlist ul li ul {
    list-style-type: none
}

.entry-content a.wpz-sc-button {
    text-decoration: none;
    color: #fff;
    font-weight: normal;
}

.entry-content a.wpz-sc-button:hover {
    color: #fff;
}

/* [fullimg] Shortcode */
.fullimg,
.fullimg figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    max-width: none;
}

.fullimg img,
.fullimg figure img {
    width: 100% !important;
    height: auto;
}



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


/* Post Footer */

.entry-meta {
    color: #a3a3a3
}

.entry-meta p {
    margin-bottom: 2px
}

.entry-meta a {
    color: #444
}

.entry-meta a:hover {
    text-decoration: none;
    color: #5794DA;
}

.entry-footer {
    background: #F7F8FA;
    padding: 40px 0 40px;
    margin: 0 0 40px;
}


.entry-footer .entry-meta {
    max-width: 860px;
    margin: 0 auto;
    padding: 0 30px;
    color: #87909b;
}

.entry-footer .entry-meta .meta-field {
    margin: 0 0 7px;
}

.entry-footer .entry-meta span {
    color: #586068;
    font-weight: bold;
}

.entry-footer .entry-meta a {
    color: #87909b;
}

.entry-footer .entry-meta a:hover {
    color: #586068;
}


.edit-link { text-align: center;   display: block; }


.meta-left {
    display: inline-block;
    vertical-align: middle;
    width: 49%;
}


/* Post Author */
.post_author {
    text-align: center;
    position: relative;
}

.post_author:after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    margin: 50px auto;
    background: #f0f0f0;
}

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

.post_author span {
    display: block;
    margin: 0 0 25px;
}

.post_author span a {
    font-weight: bold;
    color: #333;
}

.post_author span a:hover {
    color: #5794DA;
}

.entry-footer .post_author {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}

.entry-footer .post_author:after {
    display: none;
}

.entry-footer .post_author img {
    float: right;
    margin: 0 0 0 20px;
}

.entry-footer .post_author span {
    margin: 10px 0 0;
    font-style: normal;
}

.entry-footer .post_author a {
    font-weight: normal;
    font-size: 18px;
    font-style: normal;
}


/* Previous/Next Post Navigation */
.prevnext {
    max-width: 860px;
    margin: 0 auto 40px;
    padding: 0 30px;
    font-size: 14px;
    color: #666;
    text-align: center;
}

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

.prevnext a:hover {
    text-decoration: none;
}

.prevnext span {
    margin: 0;
    display: block;
    text-transform: uppercase;
}

.prevnext .previous {
    float: left;
    width: 50%;
    text-align: left;
}

.prevnext .next {
    float: right;
    width: 50%;
    text-align: right;
}

.prevnext a {
    display: block;
}


/* Template: Archives */
h3.archive_year { font-size: 20px; font-weight: bold; margin-top: 35px; }
#archives .archives_list { border-left:1px dotted #e6e6e6; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;}
#archives .archives_list li { clear:left; padding-left:24px;  font-style: normal; list-style: none; margin-bottom: 10px; }
#archives .archives_list .date { color: #808080; width: 15%;  display: inline-block; vertical-align: top; }
#archives .archives_list .linked { width: 65%; display: inline-block; vertical-align: top;}
#archives .archives_list .linked a { color: #444; }
#archives .archives_list .linked a:hover { color: #5794DA; }
#archives .archives_list .comments {  width: 17%; display: inline-block; vertical-align: top; color: #808080; font-size: 14px; }
#archives .archives_list .comments a { color: #808080; font-weight: normal; }
#archives .archives_list .comments a:hover { text-decoration: none; color: #333;}


/* 404 Page */
.no-results .entry-content {
  text-align: center;
}


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

6.  Comments

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

#comments {
    max-width: 860px;
    padding: 0 30px;
    margin: 0 auto;
}

#comments > h3 {
    position: relative;
    font-size: 40px;
    margin-bottom: 40px;
}

#respond > h3 {
    position: relative;
    margin-top: 80px;
    margin-bottom: 20px;
    font-size: 40px;
}

.comment-notes { margin-bottom: 30px; font-style: italic; color: #999; }
.commentlist { list-style-type: none; padding: 0; }
.commentlist li { list-style-type: none }
.commentlist .children { margin: 30px 0 0 50px }
.commentlist .comment { margin-bottom: 44px; padding-bottom: 32px; position: relative; border-bottom: 1px solid #EEEEEE; line-height: 1.7 }
.commentlist .children li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; margin-top: 30px; }
.comment .avatar { float: left; border-radius: 50%; margin-right: 28px; }
.comment-author:before,
.comment-author:after { content: " "; display: table; }
.comment-author:after { clear: both }
.comment-author .fn,
.comment-author .fn a { font-style: normal; font-weight: bold; font-size: 20px;}
.comment-author .comment-meta {   margin-top: 5px; }
.comment-author .comment-meta,
.comment-author .comment-meta a { color: #a2a2a2; }
.comment-author .comment-meta a:hover { color: #333; }
.comment-main { overflow: hidden; }
.comment-body {  margin-top: 8px; }
#respond { margin-bottom: 85px }
#respond .form_fields p { margin-bottom: 24px; width: 50%; }
#respond .form_fields p:first-child { padding-left: 0; }
#respond label { font-weight: normal; font-size: 16px; margin-bottom: 5px;  }
#respond input { width: 90%; }
#respond textarea { width: 100%; height: 150px; }
#respond #submit { width: auto; padding-left: 25px; padding-right: 25px; margin-top: 12px; }
#respond code { white-space: pre-wrap }
.form-allowed-tags { display: none }
#respond .form_fields p .required_lab { margin-left:10px; color:#a7a7b3;}
.nocomments { font-style: italic; margin: 30px 0; }


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

7. Sidebar, Sidebar Widgets

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

body.side-nav-open {
    overflow: hidden;
    height: 100%;
}

.site {
    position: relative;
    -webkit-transition: -webkit-transform .18s ease;
            transition: transform .18s ease;
}

.side-nav-open .site {
    z-index: 300;
    -webkit-transform: translateX(-380px);
        -ms-transform: translateX(-380px);
            transform: translateX(-380px);
}
.header--logo-right.side-nav-open .site { -webkit-transform: translateX(380px); -ms-transform: translateX(380px); transform: translateX(380px); }

.side-nav {
    position: absolute;
    top: 0; right: 0; bottom: 0;
    overflow: hidden;
    width: 380px;
    z-index: -1;
    visibility: hidden;
    outline: 0;

    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-overflow-scrolling: touch;
}
.header--logo-right .side-nav { left: 0; right: auto; }

.side-nav-transitioning .side-nav {
    visibility: visible;
}

.side-nav-open .side-nav {
    visibility: visible;
    z-index: 600;
}

.side-nav-overlay {
    display: none;
    position: fixed;
    left: 0; top: 0; right: 0; bottom: 0;
    z-index: 600;
}

.side-nav-transitioning,
.side-nav-open .side-nav-overlay {
    display: block;
    right: 380px;
    z-index: 900;
    cursor: e-resize;
}
.header--logo-right.side-nav-transitioning,
.header--logo-right.side-nav-open .side-nav-overlay { right: 0; left: 380px; }

.side-nav__scrollable-container {
    position: relative;

    height: 100%;
    overflow: auto;

    background-color: #F7F8FA;
    color: #8A8D90;

    -webkit-overflow-scrolling: touch;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;

    -webkit-transform: translateX(380px);
        -ms-transform: translateX(380px);
            transform: translateX(380px);

    -webkit-transition: -webkit-transform .18s ease;
            transition: transform .18s ease;
}
.header--logo-right .side-nav__scrollable-container { -webkit-transform: translateX(-380px); -ms-transform: translateX(-380px); transform: translateX(-380px); }

.side-nav-open .side-nav__scrollable-container {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}

.side-nav__scrollable-container::-webkit-scrollbar {
    display: none;
}

.side-nav__wrap {
    position: relative;
    padding: 60px 30px;
    background: #F7F8FA;
}

.admin-bar .side-nav__wrap {
    padding-top: 92px; /* 60 + 32 */
}

@media screen and (max-width: 782px) {
    .admin-bar .side-nav__wrap {
        padding-top: 106px /* 60 + 46 */
    }
}

.side-nav__wrap .navbar-toggle  { margin: 10px 0 0; padding-right: 0; }

.side-nav__close-button { display: none; }
.side-nav__close-button:before, .side-nav__close-button:after { content: " "; display: table; }
.side-nav__close-button:after { clear: both }

.side-nav .navbar-nav {
    display: none;
    margin-bottom: 60px;
    padding: 0;
}

.side-nav .widget {
    margin-bottom: 60px;
    max-width: 100%;
}

.side-nav .widget:last-child {
    margin-bottom: 0;
}


/* shop sidebar related */
.wrap:before, .wrap:after { content: " "; display: table; }
.wrap:after { clear: both; }
.wrap { max-width: 1200px; margin: 0 auto; }

.wrap--layout-side-left .site-main,
.wrap--layout-side-right .site-main {
    width: 72.5%;
    float: left;
}

.wrap--layout-side-left .site-main {
    float: right;
}

.wrap--layout-side-left .sidebar--shop,
.wrap--layout-side-right .sidebar--shop {
    width: 27.5%;
    padding: 0 15px;
    float: right;
}

.wrap--layout-side-left .sidebar--shop {
    float: left;
}

.sidebar--shop .widget { margin-bottom: 40px; }
.sidebar--shop .widget:first-child h3 { margin-top: 0; }
.sidebar--product { margin: 65px 0 20px; }


.widget { margin-bottom: 40px; }

.widget .title {
    margin: 0 0 20px;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

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

.widget ul {
    clear: both;
    margin: 0;
    padding: 0;
}

.widget ul li { list-style-type: none; }

.widget ul ul {
    margin: 0;
    padding: 0;
    border-top: none;
}

.widget ul ul li { border: none }


/* Twitter widget */
.zoom-twitter-widget__item-timestamp {
    display: block;
    font-size: 14px;
    margin: 5px 0;
    font-style: normal;
    text-transform: uppercase;
}

.zoom-twitter_widget__message {
    margin-bottom: 15px;
}

/* Archive widget */
.widget_archive li {
    width: 50%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1.5%;
}


/* RSS Widget */
.widget_rss li { margin: 0 0 20px; }
.widget_rss .rsswidget { font-weight: bold; margin: 0 0 7px; font-size: 18px; }
.widget_rss .rss-date { display: block; font-size: 14px; margin: 5px 0; color: #999; }
.widget_rss .rssSummary { font-size: 14px; margin: 0 0 5px; }


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


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

8. Footer

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

.site-footer {
    margin-top: 50px;
}


.footer-widgets {
    padding: 0;
    border-top: 1px solid #F0F0F0;
    font-size: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    color: #8A8D90;
}

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

.footer-widgets:after { clear: both }


.footer-widgets .column {
    border-right: 1px solid #F0F0F0;
    padding: 0 50px;
    display: table-cell;
    vertical-align: top;
    font-size: 18px;
    float: none;
}

.footer-widgets.widget-columns-4 .column {
    width: 25%;
}

.footer-widgets.widget-columns-3 .column {
    width: 33.33%;
}

.footer-widgets.widget-columns-2 .column {
    width: 50%;
}

.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;
    border: none;
}

.footer-widgets .widget {
    margin-bottom: 40px;
    padding-top: 40px;
    text-align: center;
}


.site-info {
    padding: 30px;
    border-top: 1px solid #F0F0F0;
    font-size: 16px;
    color: #7b7b7b;
}

.site-info:before, .site-info:after { content: " "; display: table; }
.site-info:after { clear: both }


.site-info .copyright,
.site-info .designed-by {
    width: 50%;
    float: left;
    margin: 10px 0 15px;
}

.site-info .designed-by { text-align: right }


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

9. WooCommerce

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


.shop-wrapper .products {
    margin: 0 0 50px;
    position: relative;
}

.woocommerce .woocommerce-breadcrumb {
    padding: 20px 0 20px 30px;
    margin: 0;
    background: #F7F8FA;
    border-top: 1px solid #F0F0F0;
}

.woocommerce .woocommerce-breadcrumb a {
    color: #999;
}

.woocommerce .woocommerce-breadcrumb a:hover {
    color: #333;
}

.woocommerce .section-title {
    border: none;
    padding: 0 0 20px 30px;
    font-size: 32px;
    background: #F7F8FA;
}

.woocommerce .woocommerce-result-count {
    padding: 15px 0 10px 30px;
    background: #F7F8FA;
    display: block;
    width: 50%;
    margin: 0;
    min-height: 50px;
    font-size: 14px;
    color: #999;
    text-transform: uppercase;
    border-top: 1px solid #F0F0F0;
}

.woocommerce .woocommerce-ordering {
    padding: 15px 30px 0 0;
    text-align: right;
    background: #F7F8FA;
    display: block;
    width: 50%;
    margin: 0;
    min-height: 50px;
    border-top: 1px solid #F0F0F0;
}

.single.woocommerce .site-main {
    border: none;
}

.single.woocommerce .woocommerce-breadcrumb {
    margin: 0 0 40px;
    padding: 30px;
    background: #F7F8FA;
    border: none;
}

.woocommerce div.product .product_title {
    text-align: left;
    margin: 0 0 20px;
    font-size: 36px;
    font-weight: 300;
    line-height: 1.3;
    font-family: "Roboto", sans-serif;
}

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

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    width: 25%;
    min-height: 100px;
    float: left;
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.product-thumb {
    margin: 0;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.shop-wrapper .products .product img {
    max-width: 100%;
    height: auto;
    transition: all 0.2s ease-in-out;
}

.shop-wrapper .products .product a:hover img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.woocommerce-page ul.products li.product h3 {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    width: 94%;
    margin: 0 3%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.woocommerce-page ul.products li.product h3 a {
    color: #fff;
}

.woocommerce-page ul.products li.product h3:hover {
    opacity: .7;
}

.woocommerce ul.products li.product .price {
    color: #5DC399;
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    bottom: 10px;
    left: 20px;
    font-family: "Roboto";
}

.woocommerce ul.products li.product .button {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.woocommerce ul.products li.product a.button {
    background: none;
    border: 2px solid #aaa;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}

.woocommerce ul.products li.product a.button:hover {
    background: none;
    border-color: #5DC399;
    color: #5DC399;
}

.woocommerce a.added_to_cart {
    display: none;
}

.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
    border-radius: 0;
    margin: 0;
    padding: 0 15px;
    background: #f36557;
    top: 0;
    left: 0;
    right: auto;
}

.woocommerce-page ul.products li.product .post_content_wrapper {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: top .2s ease-out, left .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out;
    transition: top .2s ease-out, left .2s ease-out, opacity .2s ease-out, transform .2s ease-out;
    background: rgba(0, 0, 0, .7);
}

.woocommerce-page ul.products li.product .post_content_wrapper {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
}

.woocommerce-page ul.products li.product:hover .post_content_wrapper {
    display: block;
    opacity: 1;
    background: rgba(0, 0, 0, .7);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background: #5DC399;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 16px;
    padding: 12px 20px;
    border: none;
}

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

.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
    background: #5DC399;
}

.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
    background: #F7F8FA;
}

.woocommerce .woocommerce-message {
    border-top-color: #5DC399;
}

.woocommerce .woocommerce-message:before {
    color: #5DC399;
}

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

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background: none;
    border: 2px solid #5DC399;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #5DC399;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background: none;
    border-color: #000;
    color: #000;
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
    width: 150px;
    border-radius: 0;
}

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

.woocommerce-page table {
    table-layout: auto;
}

.woocommerce div.product form.cart .variations {
    margin-bottom: 30px;
}

.woocommerce td.product-name dl.variation {
    font-size: 14px;
}

.woocommerce td.product-name dl.variation dd,
.woocommerce td.product-name dl.variation dt {
    margin-bottom: 5px;
}

.woocommerce-page .entry-content {
    max-width: 1200px;
}

.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 {
    text-transform: uppercase;
    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 {
    display: none;
}

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

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

.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-checkout #payment ul.payment_methods li {
    list-style-type: none;
}

.woocommerce-checkout #payment {
    background: #F7F8FA;
    border: 1px solid #DEE3E7;
}

.woocommerce-checkout #payment div.payment_box {
    background: #fff;
}

.woocommerce-checkout #payment div.payment_box:after {
    display: none;
}

.woocommerce-checkout #payment ul.payment_methods {
    border-bottom-color: #DEE3E7;
}

.woocommerce nav.woocommerce-pagination {
    margin-top: 40px;
}

.woocommerce nav.woocommerce-pagination ul {
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: none;
    margin-right: 10px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #F7F8FA;
    color: #333;
}

.product_meta {
    font-size: 14px;
}

.reset_variations {
    font-size: 14px;
}



.woocommerce .related ul.products li.product .price {
    display: none;
}

.woocommerce .related ul.products li.product a.button {
    display: none;
}

.woocommerce-page .related ul.products li.product h3 {
    font-size: 18px;
}