/*
Theme Name: Flat Commerce
Theme URI: http://themepalace.com/downloads/flat-commerce
Author: Theme Palace
Author URI: http://themepalace.com/
Description: Flat Commerce is an extremely flexible and customizable WordPress theme suitable for almost any kind of professional website. It is based on responsive design where each element has been carefully configured for perfect display on all devices and platforms. It comes with a wide variety of options so you can modify styling, featured content, promotion headline, featured slider, icons, menus, widgets and much more, directly from theme customizer.
Version: 0.6
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Text Domain: flat-commerce
Tags: two-columns, right-sidebar, custom-background, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, front-page-post-form, post-formats, sticky-post, theme-options, threaded-comments, translation-ready

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/



/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Grid
6.0 Navigation
        6.1 Links
        6.2 Menus
        6.3 Menus
7.0 Accessibility
8.0 Alignments
9.0 Clearings
10.0 Widgets
11.0 Content
        11.1 Posts and pages
        11.2 Asides
        11.3 Comments
12.0 Infinite scroll
13.0 Media
        13.1 Captions

14.0 Miscellaneous
        14.1 Basic Styles
15.0 Extra Styles
16.0 Responsive Styles


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


/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    padding: 0;
    margin: 0;

    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;

    vertical-align: baseline;

    border: 0;
    outline: 0;
}
html {
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    box-sizing: border-box;

    font-size: 62.5%;
    /* Keeps page centered in all browsers regardless of content height */

    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
    /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}
body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}
ol,
ul {
    list-style: none;
}
table {
    border-spacing: 0;
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
}
caption,
th,
td {
    font-weight: normal;

    text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}
blockquote:before {
    content: "\f106";
    font-size: 23px;
    left: -28px;
    position: absolute;
    top: -6px;
}
blockquote,
q {
    quotes: "" "";
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active {
    outline: 0;
}
a img {
    border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.5;
    margin: 0;
}
p,
li {
    color: #232323;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 10px;
}
h1 {
    font-size: 34px;
}
h2 {
    font-size: 24px;
    text-transform: uppercase;
}
h3 {
    color: #b23c3c;
    font-size: 22px;
    margin-top: 20px;
}
h3,h4{
    font-weight: bold;
    text-transform: uppercase;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 12px;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote,
blockquote p {
    color: rgb(0, 0, 0);
    font-style: italic;
}
blockquote {
    margin: 0 0 15px 25px;
    position: relative;
}
address {
    margin: 0 0 15px;
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code,
kbd,
tt,
var {
    font-size: 15px;
    margin-bottom: 15px;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
    margin-bottom: 15px;
}
mark,
ins {
    /*    background: #fff9c0;*/
    /*margin-bottom: 15px;*/
    text-decoration: none;
}
sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
small {
    font-size: 75%;
}
big {
    font-size: 125%;
}
caption,
th,
td {
    /*border-bottom: 1px solid hsl(0, 0%, 87%);*/
    border-left: 1px solid hsl(0, 0%, 87%);
    font-weight: 400;
    padding: 5px;
    text-align: center;
}
caption {
    border: 1px solid hsl(0, 0%, 87%);
    margin-bottom: 15px;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 15px;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
ul,
ol {
    margin: 0;
}
li {
    list-style: none;
}
dd {
    margin: 0 15px 15px;
}
img {
    height: auto;/* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}
figure {
    margin: 0;
}
table {
    margin: 0 0 15px;
    width: 100%;
}

.sticky {
    display: block;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -moz-transition: all .4s ease-in;
    -ms-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    background: transparent;
    border: 2px solid #b23c3c;
    color: #b23c3c;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    margin: 20px 0;
    padding: 10px 40px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .4s ease-in;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: #b23c3c;
    color: rgb(255, 255, 255);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
}
input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
    /* Addresses appearance set to searchfield in S5, Chrome */
    -webkit-appearance: textfield;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    border-radius: 3px;
    border: 1px solid #ccc;
    color: #666;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
}
span.wpcf7-not-valid-tip {
    bottom: -16px;
    color: #f00;
    display: block;
    font-size: 14px;
    position: absolute;
}
div.wpcf7-validation-errors {
    border: 2px solid #004a80;
    bottom: -51px;
    color: #e90838;
    margin: 0;
    padding: 20px;
}
input[type="text"],
input[type="password"],
textarea,
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
select {
    background-color: #fff;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, .09);
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 10px;
    padding: 10px;
    width: 100%;
}
span.wpcf7-form-control-wrap {
    display: block;
    margin-top: 5px;
}
.wpcf7 label {
    margin: 0 0 10px 0;
}
::-webkit-input-placeholder {
    color: rgba(58, 73, 86, .6);
    font-family: Arial, sans-serif;
}
:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(58, 73, 86, .6);
    font-family: Arial, sans-serif;
}
::-moz-placeholder {
    color: rgba(58, 73, 86, .6);
    font-family: Arial, sans-serif;
    /* Firefox 19+ */
}
:-ms-input-placeholder {
    color: rgba(58, 73, 86, .6);
    font-family: Arial, sans-serif;
}

/*--------------------------------------------------------------
5.0 Grid
--------------------------------------------------------------*/


/*Grid style start*/

.row {
    list-style: none;
    margin-left: -15px;
}
.col-1-of-1,
.col-2-of-2,
.col-3-of-3,
.col-4-of-4,
.col-5-of-5,
.col-6-of-6,
.col-7-of-7,
.col-8-of-8,
.col-9-of-9,
.col-10-of-10,
.col-11-of-11,
.col-12-of-12 {
    width: 100%;
}
.col-1-of-2,
.col-2-of-4,
.col-3-of-6,
.col-4-of-8,
.col-5-of-10,
.col-6-of-12 {
    width: 50%;
}
.col-1-of-3,
.col-2-of-6,
.col-3-of-9,
.col-4-of-12 {
    width: 33.33333%;
}
.col-2-of-3,
.col-4-of-6,
.col-6-of-9,
.col-8-of-12 {
    width: 66.66667%;
}
.col-1-of-4,
.col-2-of-8,
.col-3-of-12 {
    width: 25%;
}
.col-3-of-4,
.col-6-of-8,
.col-9-of-12 {
    width: 75%;
}
.col-push-1-of-1,
.col-push-2-of-2,
.col-push-3-of-3,
.col-push-4-of-4,
.col-push-5-of-5,
.col-push-6-of-6,
.col-push-7-of-7,
.col-push-8-of-8,
.col-push-9-of-9,
.col-push-10-of-10,
.col-push-11-of-11,
.col-push-12-of-12 {
    margin-left: 100%;
}
.col-push-1-of-2,
.col-push-2-of-4,
.col-push-3-of-6,
.col-push-4-of-8,
.col-push-5-of-10,
.col-push-6-of-12 {
    margin-left: 50%;
}
.col-push-1-of-3,
.col-push-2-of-6,
.col-push-3-of-9,
.col-push-4-of-12 {
    margin-left: 33.33333%;
}
.col-push-2-of-3,
.col-push-4-of-6,
.col-push-6-of-9,
.col-push-8-of-12 {
    margin-left: 66.66667%;
}
.col-push-1-of-4,
.col-push-2-of-8,
.col-push-3-of-12 {
    margin-left: 25%;
}
.col-push-3-of-4,
.col-push-6-of-8,
.col-push-9-of-12 {
    margin-left: 75%;
}
.col-pull-1-of-1,
.col-pull-2-of-2,
.col-pull-3-of-3,
.col-pull-4-of-4,
.col-pull-5-of-5,
.col-pull-6-of-6,
.col-pull-7-of-7,
.col-pull-8-of-8,
.col-pull-9-of-9,
.col-pull-10-of-10,
.col-pull-11-of-11,
.col-pull-12-of-12 {
    margin-left: -100%;
}
.col-pull-1-of-2,
.col-pull-2-of-4,
.col-pull-3-of-6,
.col-pull-4-of-8,
.col-pull-5-of-10,
.col-pull-6-of-12 {
    margin-left: -50%;
}
.col-pull-1-of-3,
.col-pull-2-of-6,
.col-pull-3-of-9,
.col-pull-4-of-12 {
    margin-left: -33.33333%;
}
.col-pull-2-of-3,
.col-pull-4-of-6,
.col-pull-6-of-9,
.col-pull-8-of-12 {
    margin-left: -66.66667%;
}
.col-pull-1-of-4,
.col-pull-2-of-8,
.col-pull-3-of-12 {
    margin-left: -25%;
}
.col-pull-3-of-4,
.col-pull-6-of-8,
.col-pull-9-of-12 {
    margin-left: -75%;
}
.col-1-of-5 {
    width: 20%;
}
.col-push-1-of-5 {
    margin-left: 20%;
}
.col-pull-1-of-5 {
    margin-left: -20%;
}
.col-2-of-5 {
    width: 40%;
}
.col-push-2-of-5 {
    margin-left: 40%;
}
.col-pull-2-of-5 {
    margin-left: -40%;
}
.col-3-of-5 {
    width: 60%;
}
.col-push-3-of-5 {
    margin-left: 60%;
}
.col-pull-3-of-5 {
    margin-left: -60%;
}
.col-4-of-5 {
    width: 80%;
}
.col-push-4-of-5 {
    margin-left: 80%;
}
.col-pull-4-of-5 {
    margin-left: -80%;
}
.col-1-of-6 {
    width: 16.66667%;
}
.col-push-1-of-6 {
    margin-left: 16.66667%;
}
.col-pull-1-of-6 {
    margin-left: -16.66667%;
}
.col-5-of-6 {
    width: 83.33333%;
}
.col-push-5-of-6 {
    margin-left: 83.33333%;
}
.col-pull-5-of-6 {
    margin-left: -83.33333%;
}
.col-1-of-7 {
    width: 14.28571%;
}
.col-push-1-of-7 {
    margin-left: 14.28571%;
}
.col-pull-1-of-7 {
    margin-left: -14.28571%;
}
.col-2-of-7 {
    width: 28.57143%;
}
.col-push-2-of-7 {
    margin-left: 28.57143%;
}
.col-pull-2-of-7 {
    margin-left: -28.57143%;
}
.col-3-of-7 {
    width: 42.85714%;
}
.col-push-3-of-7 {
    margin-left: 42.85714%;
}
.col-pull-3-of-7 {
    margin-left: -42.85714%;
}
.col-4-of-7 {
    width: 57.14286%;
}
.col-push-4-of-7 {
    margin-left: 57.14286%;
}
.col-pull-4-of-7 {
    margin-left: -57.14286%;
}
.col-5-of-7 {
    width: 71.42857%;
}
.col-push-5-of-7 {
    margin-left: 71.42857%;
}
.col-pull-5-of-7 {
    margin-left: -71.42857%;
}
.col-6-of-7 {
    width: 85.71429%;
}
.col-push-6-of-7 {
    margin-left: 85.71429%;
}
.col-pull-6-of-7 {
    margin-left: -85.71429%;
}
.col-1-of-8 {
    width: 12.5%;
}
.col-push-1-of-8 {
    margin-left: 12.5%;
}
.col-pull-1-of-8 {
    margin-left: -12.5%;
}
.col-3-of-8 {
    width: 37.5%;
}
.col-push-3-of-8 {
    margin-left: 37.5%;
}
.col-pull-3-of-8 {
    margin-left: -37.5%;
}
.col-5-of-8 {
    width: 62.5%;
}
.col-push-5-of-8 {
    margin-left: 62.5%;
}
.col-pull-5-of-8 {
    margin-left: -62.5%;
}
.col-7-of-8 {
    width: 87.5%;
}
.col-push-7-of-8 {
    margin-left: 87.5%;
}
.col-pull-7-of-8 {
    margin-left: -87.5%;
}
.col-1-of-9 {
    width: 11.11111%;
}
.col-push-1-of-9 {
    margin-left: 11.11111%;
}
.col-pull-1-of-9 {
    margin-left: -11.11111%;
}
.col-2-of-9 {
    width: 22.22222%;
}
.col-push-2-of-9 {
    margin-left: 22.22222%;
}
.col-pull-2-of-9 {
    margin-left: -22.22222%;
}
.col-4-of-9 {
    width: 44.44444%;
}
.col-push-4-of-9 {
    margin-left: 44.44444%;
}
.col-pull-4-of-9 {
    margin-left: -44.44444%;
}
.col-5-of-9 {
    width: 55.55556%;
}
.col-push-5-of-9 {
    margin-left: 55.55556%;
}
.col-pull-5-of-9 {
    margin-left: -55.55556%;
}
.col-7-of-9 {
    width: 77.77778%;
}
.col-push-7-of-9 {
    margin-left: 77.77778%;
}
.col-pull-7-of-9 {
    margin-left: -77.77778%;
}
.col-8-of-9 {
    width: 88.88889%;
}
.col-push-8-of-9 {
    margin-left: 88.88889%;
}
.col-pull-8-of-9 {
    margin-left: -88.88889%;
}
.col-1-of-10 {
    width: 10%;
}
.col-push-1-of-10 {
    margin-left: 10%;
}
.col-pull-1-of-10 {
    margin-left: -10%;
}
.col-2-of-10 {
    width: 20%;
}
.col-push-2-of-10 {
    margin-left: 20%;
}
.col-pull-2-of-10 {
    margin-left: -20%;
}
.col-3-of-10 {
    width: 30%;
}
.col-push-3-of-10 {
    margin-left: 30%;
}
.col-pull-3-of-10 {
    margin-left: -30%;
}
.col-4-of-10 {
    width: 40%;
}
.col-push-4-of-10 {
    margin-left: 40%;
}
.col-pull-4-of-10 {
    margin-left: -40%;
}
.col-6-of-10 {
    width: 60%;
}
.col-push-6-of-10 {
    margin-left: 60%;
}
.col-pull-6-of-10 {
    margin-left: -60%;
}
.col-7-of-10 {
    width: 70%;
}
.col-push-7-of-10 {
    margin-left: 70%;
}
.col-pull-7-of-10 {
    margin-left: -70%;
}
.col-8-of-10 {
    width: 80%;
}
.col-push-8-of-10 {
    margin-left: 80%;
}
.col-pull-8-of-10 {
    margin-left: -80%;
}
.col-9-of-10 {
    width: 90%;
}
.col-push-9-of-10 {
    margin-left: 90%;
}
.col-pull-9-of-10 {
    margin-left: -90%;
}
.col-1-of-11 {
    width: 9.09091%;
}
.col-push-1-of-11 {
    margin-left: 9.09091%;
}
.col-pull-1-of-11 {
    margin-left: -9.09091%;
}
.col-2-of-11 {
    width: 18.18182%;
}
.col-push-2-of-11 {
    margin-left: 18.18182%;
}
.col-pull-2-of-11 {
    margin-left: -18.18182%;
}
.col-3-of-11 {
    width: 27.27273%;
}
.col-push-3-of-11 {
    margin-left: 27.27273%;
}
.col-pull-3-of-11 {
    margin-left: -27.27273%;
}
.col-4-of-11 {
    width: 36.36364%;
}
.col-push-4-of-11 {
    margin-left: 36.36364%;
}
.col-pull-4-of-11 {
    margin-left: -36.36364%;
}
.col-5-of-11 {
    width: 45.45455%;
}
.col-push-5-of-11 {
    margin-left: 45.45455%;
}
.col-pull-5-of-11 {
    margin-left: -45.45455%;
}
.col-6-of-11 {
    width: 54.54545%;
}
.col-push-6-of-11 {
    margin-left: 54.54545%;
}
.col-pull-6-of-11 {
    margin-left: -54.54545%;
}
.col-7-of-11 {
    width: 63.63636%;
}
.col-push-7-of-11 {
    margin-left: 63.63636%;
}
.col-pull-7-of-11 {
    margin-left: -63.63636%;
}
.col-8-of-11 {
    width: 72.72727%;
}
.col-push-8-of-11 {
    margin-left: 72.72727%;
}
.col-pull-8-of-11 {
    margin-left: -72.72727%;
}
.col-9-of-11 {
    width: 81.81818%;
}
.col-push-9-of-11 {
    margin-left: 81.81818%;
}
.col-pull-9-of-11 {
    margin-left: -81.81818%;
}
.col-10-of-11 {
    width: 90.90909%;
}
.col-push-10-of-11 {
    margin-left: 90.90909%;
}
.col-pull-10-of-11 {
    margin-left: -90.90909%;
}
.col-1-of-12 {
    width: 8.33333%;
}
.col-push-1-of-12 {
    margin-left: 8.33333%;
}
.col-pull-1-of-12 {
    margin-left: -8.33333%;
}
.col-2-of-12 {
    width: 16.66667%;
}
.col-push-2-of-12 {
    margin-left: 16.66667%;
}
.col-pull-2-of-12 {
    margin-left: -16.66667%;
}
.col-5-of-12 {
    width: 41.66667%;
}
.col-push-5-of-12 {
    margin-left: 41.66667%;
}
.col-pull-5-of-12 {
    margin-left: -41.66667%;
}
.col-7-of-12 {
    width: 58.33333%;
}
.col-push-7-of-12 {
    margin-left: 58.33333%;
}
.col-pull-7-of-12 {
    margin-left: -58.33333%;
}
.col-10-of-12 {
    width: 83.33333%;
}
.col-push-10-of-12 {
    margin-left: 83.33333%;
}
.col-pull-10-of-12 {
    margin-left: -83.33333%;
}
.col-11-of-12 {
    width: 91.66667%;
}
.col-push-11-of-12 {
    margin-left: 91.66667%;
}
.col-pull-11-of-12 {
    margin-left: -91.66667%;
}
.col {
    box-sizing: border-box;
    display: inline-block;
    margin-right: -.25em;
    min-height: 1px;
    padding-left: 15px;
    vertical-align: top;
}
@media (max-width: 700px) {
    .col {
        display: block;
        margin-left: 0;
        margin-right: 0;
        width: auto;
    }
    #featured .product-item {
        width: 60%;
    }
}
@media (max-width: 700px) and (min-width: 480px) {
    .col[class*="col-m-"] {
        display: inline-block;
        margin-right: -.24em;
    }
    .col.col-m-1-of-2,
    .col.col-m-2-of-4 {
        width: 50%;
    }
    .col.col-m-1-of-3 {
        width: 33.33333%;
    }
    .col.col-m-2-of-3 {
        width: 66.66667%;
    }
    .col.col-m-1-of-4 {
        width: 25%;
    }
    .col.col-m-3-of-4 {
        width: 75%;
    }
}
@media (max-width: 480px) {
    .col[class*="col-s-"] {
        display: inline-block;
        margin-right: -.24em;
    }
    .col.col-s-1-of-2,
    .col.col-s-2-of-4 {
        width: 50%;
    }
    .col.col-s-1-of-3 {
        width: 33.33333%;
    }
    .col.col-s-2-of-3 {
        width: 66.66667%;
    }
    .col.col-s-1-of-4 {
        width: 25%;
    }
    .col.col-s-3-of-4 {
        width: 75%;
    }
}
.col-centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.col-d-first {
    float: left;
}
.col-d-last {
    float: right;
}
.row-no-gutter {
    margin-left: 0;
    width: 100%;
}
.row-no-gutter .col {
    padding-left: 0;
}
.row-no-gutter .col-span-all {
    margin-left: 0;
    width: 100%;
}
.col-ab {
    vertical-align: bottom;
}
.col-am {
    vertical-align: middle;
}
.v-center {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

/*Grid style end*/


/*--------------------------------------------------------------
6.0 Navigation
--------------------------------------------------------------*/


/*--------------------------------------------------------------
6.1 Links
--------------------------------------------------------------*/

a:focus {
    outline: none;
}
a {
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    color: #000;
    text-decoration: none;
    transition: all .2s ease-in;
}
a:hover {
    color: #b23c3c;
    text-decoration: none;
}

/*a:hover{
    opacity: 0.7;
}*/


/*--------------------------------------------------------------
6.2 Menus
--------------------------------------------------------------*/


/*--------------------------------------------------------------
    Menu Start
--------------------------------------------------------------*/

.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
header#masthead.affix {
    background: #fff;
    padding: 5px 0;
}
.main-navigation {
    text-align: right;
}
.right-nav {
    float: right;
}
.right-nav ul {
    text-align: right;
}
.main-navigation:before,
.main-navigation:after {
    clear: both;
    content: "";
    display: block;
}
.main-navigation ul {
    text-align: right;
}
.main-navigation ul ul {
    background: rgb(248, 249, 249);
    /*display: none;*/
    left: 0;
    margin: 0;
    min-width: 200px;
    padding: 0;
    position: absolute;
    top: 40px;
    z-index: 9999;
}
.main-navigation > ul > li > ul:after {
    border-bottom: 12px dashed #f8f9f9;
    border-left: 12px solid rgba(0, 0, 0, 0);
    border-right: 12px solid rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 0;
    left: 40px;
    margin: 0 auto;
    position: absolute;
    top: -11px;
    vertical-align: middle;
    width: 0;
}
.main-navigation ul ul ul {
    left: 100%;
    top: -1px;
}
.main-navigation li,
.right-nav ul li {
    display: inline-block;
    margin-bottom: 0;
    position: relative;
}
.main-navigation ul li {
    margin-bottom: 0;
}
.main-navigation li li {
    display: block;
    float: none;
}
.main-navigation li:hover ul {
    display: block;
}
.main-navigation li:hover li ul {
    display: none;
}
.main-navigation li li:hover ul {
    display: block;
}
.main-navigation li li:hover li ul {
    display: none;
}
.main-navigation li li li:hover ul {
    display: block;
}
.main-navigation li li li:hover li ul {
    display: none;
}
.main-navigation li li li li:hover > ul {
    display: block;
}
.main-navigation li ul {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 35px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.main-navigation li:hover ul {
    opacity: 1;
    top: 50px;
    visibility: visible;
}
.main-navigation li:hover ul li:hover ul {
    top:0px;
}
.main-navigation ul li ul li:last-child a {
    border: none;
}


.main-navigation ul li a,
.right-nav ul li a {
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    color: #232323;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 14px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s linear;
    z-index: 99;
}
.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
    color: #b23c3c;
}
.main-navigation li.current-menu-item li a:hover {
    background: #28b2be;
    color: #fff;
}
.main-navigation ul ul a {
    border-bottom: 1px solid rgb(216, 216, 216);
    color: #000;
    font-size: 12px;
    height: auto;
    padding: 10px 15px;
    text-align: left;
    width: 100%;
}
.main-navigation ul li ul li a:hover {
    background-color: #b23c3c;
    box-shadow: none;
    color: hsl(0, 0%, 100%);
}
.main-navigation li li.current_page_item a:after,
.main-navigation ul li li a:hover:after {
    display: none;
}

.main-navigation .menu > li:hover:after,
.main-navigation li.current-menu-item:after,
.main-navigation .menu ul > li:hover:after,
.main-navigation li.current_page_item:after {
    width: 100%;
}
.main-navigation .menu > li:after,
.main-navigation ul li:after,
.main-navigation li.current-menu-item:after,
.main-navigation .menu ul > li:after,
.main-navigation li.current_page_item:after {
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    transition: width .25s ease 0s;
    width: 0;
    z-index: 88;
}
.main-navigation ul li li:after {
    display: none;
}
.main-navigation li.current-menu-item:after,
.main-navigation ul li.current_page_item:after {
    width: 100%;
}
.main-navigation ul li.menu-item-has-children > ul > li.menu-item-has-children > a:after,
.main-navigation ul li.menu-item-has-children > a:after {
    content: "\f502";
    display: inline-block;
    font-family: genericons;
    font-size: 10px;
    position: relative;
    right: -4px;
    top: 4px;
}
.main-navigation ul li:last-child {
    /*padding-right: 17px;*/
}
.right-nav ul li:first-child {
    border-left: 2px solid rgba(94, 94, 94, .2);
    padding-left: 17px;
}
.right-nav ul li:last-child a {
    padding-right: 0;
}
.right-nav ul li a {
    color: rgba(94, 94, 94, .6);
}
.right-nav ul li:hover a,
.right-nav ul li a:foucs {
    color: #b23c3c;
}
li.top-search:hover .search-wrapper {
    display: block;
}
span.genericon {
    font-weight: bold;
}
.nav-wrapper {
    /*float: right;*/
    padding: 25px 0;
}
.main-navigation .menu .count {
    background: #e78800;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    height: 14px;
    left: 28px;
    position: absolute;
    text-align: center;
    top: 3px;
    width: 14px;
}
.topsearch input:-moz-placeholder {
    color: #fff;
}
.topsearch input::-moz-placeholder {
    color: #fff;
}
.topsearch input::-webkit-input-placeholder {
    color: #fff;
}
.topsearch {
    border-left: 2px solid rgba(94, 94, 94, 0.2);
    padding: 0 15px;
    position: relative;
    white-space: nowrap;
    z-index: 99999999;
}
.topsearch input#search {
    -moz-border-radius: 5px;
    -moz-transition: width .55s ease;
    -ms-transition: width .55s ease;
    -o-transition: width .55s ease;
    -webkit-border-radius: 5px;
    -webkit-transition: width .55s ease;
    border-radius: 5px;
    border: none;
    color: #000;
    color: #fff;
    font-size: 12px;
    margin: 0;
    opacity: 0;
    padding: 10px 15px;
    position: absolute;
    right: 0;
    top: 25px;
    transition: width .55s ease;
    width: 10px;
}
.topsearch .search-icon {
    cursor: pointer;
    position: relative;
    top: 3px;
    z-index: 99;
}
.topsearch .search-icon .genericon {
    color: rgba(94, 94, 94, .6);
    font-weight: bold;
}
.topsearch input#search:focus,
.topsearch input#search:active {
    outline: none;
}
.topsearch:hover input#search,
.topsearch input#search:focus,
.topsearch input#search:active {
    background: #b23c3c;
    opacity: 1;
    width: 200px;
}
.topsearch input#search:after {
    color: red;
    content: "\f400";
    font-family: genericons;
    font-size: 20px;
    padding: 10px;
}
.topsearch:hover .search-icon .genericon {
    color: rgba(94, 94, 94, .6);
}
.widget_text .widget-title .genericon:before  {
    position: relative;
    top: 3px;
}
/*nav.main-navigation.fixed {
    top: 0;
}*/


/*--------------------------------------------------------------
        Menu End
--------------------------------------------------------------*/
a.meanmenu-reveal {
    display: none;
}

/* when under viewport size, .mean-container is added to body */

.mean-container .mean-bar {
    float: left;
    min-height: 50px;
    position: absolute;
    width: 100%;
    z-index: 9999;

}
.mean-container a.meanmenu-reveal {
    color: #b23c3c;
    cursor: pointer;
    display: block;
    font-size: 1px;
    font-weight: 700;
    height: 20px;
    line-height: 22px;
    padding: 15px;
    position: absolute;
    right: 0;
    text-decoration: none;
    text-indent: -9999em;
    top: 0;
    width: 30px;
}
.mean-container a.meanmenu-reveal span {
    background: #b23c3c;
    display: block;
    height: 4px;
    margin-top: 5px;
}
.mean-container .mean-nav {
    background: none repeat scroll 0 0 rgb(140, 140, 140);
    float: left;
    margin-top: 66px;
    width: 100%;
}
.mean-container .mean-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.mean-container .mean-nav ul li {
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    float: left;
    margin: 0;
    padding: 1em 5%;
    position: relative;
    width: 100%;
}
.mean-container .mean-nav ul li a {
    color: #fff;
    display: block;
    float: left;
    margin: 0;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    width: 90%;
}
.mean-container .mean-nav ul li li a {
    border-bottom: 1px solid #f1f1f1;
    border-bottom: 1px solid rgba(255, 255, 255, .25);
    filter: alpha(opacity=75);
    opacity: .75;
    padding: 1em 10%;
    text-shadow: none !important;
    visibility: visible;
    width: 80%;
}
.mean-container .mean-nav ul li.mean-last a {
    border-bottom: none;
    margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
    padding: 1em 15%;
    width: 70%;
}
.mean-container .mean-nav ul li li li li a {
    padding: 1em 20%;
    width: 60%;
}
.mean-container .mean-nav ul li li li li li a {
    padding: 1em 25%;
    width: 50%;
}
.mean-container .mean-nav ul li a:hover {
    background: #252525;
    background: rgba(255, 255, 255, .1);
}
.mean-container .mean-nav ul li a.mean-expand {
    border: none !important;
    font-weight: 700;
    height: 26px;
    padding: 12px !important;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 26px;
    z-index: 2;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
    background: none;
}
.mean-container .mean-push {
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.mean-nav .wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
}

/* Fix for box sizing on Foundation Framework etc. */

.mean-container .mean-bar,
.mean-container .mean-bar * {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.mean-container a.meanmenu-reveal span:first-child {
    margin: 0;
}

/*--------------------------------------------------------------
7.0 Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 1.4rem;
    font-size: 14px;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/*--------------------------------------------------------------
8.0 Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

/*--------------------------------------------------------------
9.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    display: table;

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

/*--------------------------------------------------------------
10.0 Widgets
--------------------------------------------------------------*/

.widget {
    margin: 0;
}

/* Make sure select elements fit in widgets */

.widget select {
    max-width: 100%;
}
.widget.wen_corporate_social_widget {
    clear: both;
}

/* Search widget */


/*--------------------------------------------------------------
11.0 Content
--------------------------------------------------------------*/

.entry-content img {
    margin-bottom: 15px;
}
.entry-content {
    margin-bottom: 15px;
}

/*--------------------------------------------------------------
11.1 Posts and pages
--------------------------------------------------------------*/

.byline,
.updated:not(.published) {
    display: none;
}
.single .byline,
.group-blog .byline {
    display: inline;
}
.page-content,
.entry-content,
.entry-summary {
    margin: 15px 0;
}
.entry-content img,
.page-content img,
.entry-summary img {
    margin-bottom: 15px;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
11.2 Asides
--------------------------------------------------------------*/

#blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
11.3 Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
12.0 Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .paging-navigation,
/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
13.0 Media
--------------------------------------------------------------*/

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
13.1 Captions
--------------------------------------------------------------*/

.wp-caption {
    max-width: 100%;
    margin-bottom: 1.5em;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: .8075em 0;
}

/*--------------------------------------------------------------
14 Miscellaneous
--------------------------------------------------------------*/


/*--------------------------------------
14.1 Basic Styles
----------------------------------------*/

body {
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    overflow-x: hidden;
}

/*--------------------------------------
15 Extra Styles
----------------------------------------*/

#site-branding h2.site-description {
    clear: both;
    font-size: 8px;
    text-align: left;
}
#site-header-text h1.site-title {
    line-height: 1.1;
    font-size: 30px;
}

#site-header-text {
    width: 72%
}
#site-logo {
    width: auto;
}

#site-logo,
#site-header-text  {
    float: left;
}
#site-logo img {
    /*max-width: 200px;*/
    /*width: auto;*/
    padding: 0 10px 0 0;
    width: auto;
    margin-top: 15px;
}
header#masthead.affix #site-logo img {
    /*max-width: 140px;*/
}
.header {
    -moz-transition: padding .3s ease-in;
    -o-transition: padding .3s ease-in;
    -webkit-transition: padding .3s ease-in;
    border-bottom:1px solid rgba(0, 0, 0, .09);
    padding: 25px 0;
    transition: padding .3s ease-in;
}
#feature-slider {
    position: relative;
    overflow: hidden;
}
#feature-slider figure.slider-image img {
    width: 100%;
    vertical-align: middle;
}
#feature-slider .cycle-slide .entry-title a {
    font-size: 60%;
}
.black-overlay {
    background: url(images/pattern-overlay.png);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0 !important;
    z-index: 1;
    background-repeat: repeat;
}
.slides .entry-title {
    color: #faf7cb;
    font-size: 100px;
    text-align: center;
    text-transform: uppercase;
}
.slides .entry-title span {
    display: block;
    font-size: 25px;
    line-height: .5;
}
#feature-slider .entry-container {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    z-index: 101;
}
#feature-slider .entry-container,
#feature-slider .entry-container a,
#feature-slider .entry-title,
#feature-slider .entry-title a {
    color: #faf7cb;
}
.tab-slider-wrapper,
.slides {
    /*overflow: hidden;*/
    position: relative;
    width: 100%;
}
.tab-slider-wrapper {
    float: left;
}
.woocommerce table.shop_attributes {
    width: 50%;
}
.woocommerce table.shop_attributes td,
.woocommerce table.shop_attributes th {
    border: 1px solid #EFEFEF;
}

ul.slides li {
    float: left;
    /*padding-right: 10px;*/
}

ul.slides li:nth-child(2) {
    /*padding: 0 6px;*/
}
ul.slides li:last-child {
    /*    padding-left: 10px;
        padding-right: 0;*/
}
.cycle-previous,
.cycle-next {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    color: rgba(0, 0, 0, .5);
    position: absolute;
    position: absolute;
    top: 35%;
    transform: translate(-50%, -50%);
}
.tab-slider-wrapper span.genericon {
    color: rgba(0, 0, 0, .5);
    cursor: pointer;
    font-size: 24px;
}
.cycle-previous {
    left: -50px;
}
.cycle-next {
    right: -75px;
}
#feature-slider .read-more {
    background: #b23c3c;
    border-color: #b23c3c;
}
#feature-slider .read-more:hover,
#feature-slider .read-more:focus {
    background: #862727;
    border-color: #862727;
}
.control-wrapper {
    bottom: 70px;
    display: inline-block;
    padding: 0 35px;
    position: absolute;
    text-align: center;
    z-index: 999;
}
.custom-caption {
    color: #fff;
    display: inline-block;
    font-size: 13px;
    position: relative;
    text-transform: uppercase;
    top: -22px;
}
.control {
    text-align: center;
}
.control-wrapper span.genericon {
    color: #fff;
    padding: 0 18px;
}
.image-details {
    bottom: 50px;
    color: #fff;
    display: inline-block;
    padding: 0 58px;
    position: absolute;
}
.image-details span:first-child {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.image-details span:last-child {
    color: rgba(255, 255, 255, .5);
    display: block;
    font-size: 13px;
    font-weight: normal;
}
.cycle-slideshow {
    /*height: 600px;*/
    float: left;
}
#feature-slider .cycle-slideshow {
    float: none;
}

.cycle-slideshow  ul.slides li img {
    max-height: 325px;
}
.tab-slider-wrapper .cycle-slideshow ul.slides li img {
    max-height: 100%;
}
#main-heading {
    padding: 85px 0;
}
#main-heading h1 {
    font-size: 60px;
    line-height: 1;
    text-transform: uppercase;
}
#main-heading span {
    font-size: 21px;
    font-weight: 300;
}

/*Product section start*/

#product-section {
    background: #232323;
    margin-top: 128px;
    padding-bottom: 70px;
    position: relative;
}
.product-wrapper {
    background: #eee;
    margin-top: -130px;
    padding: 60px;
    position: relative;
    z-index: 9;
}
#product-section:after {
    background: #fff;
    content: "";
    height: 130px;
    position: absolute;
    top: 0;
    width: 100%;
}
.tab-content {
    padding: 0 60px;
}
#tabs,
ul.ui-tabs-nav {
    overflow: hidden;
}
ul.ui-tabs-nav {
    text-align: center;
}
#tabs  li {
    margin-bottom: 30px;
    display: inline-block;
}
div.responsive img {
    width: auto;
    height: auto ;
}
#tabs ul.ui-tabs-nav li a{
    color: #232323;
    display: block;
    font-size: 14px;
    margin-right: 2px;
    opacity: .8;
    padding: 10px 30px;
    text-transform: uppercase;
}
#tabs ul.ui-tabs-nav li.ui-tabs-active a {
    opacity: 1;
    color: #b23c3c;
}
#tabs  li a:hover,
#tabs  li a:focus,
#tabs  li a:active,
#tabs  li.ui-tabs-active a {
    opacity: 1;
}
.product-item-wrapper {
    margin: 30px 0;

    text-align: center;
}
.total,
.total a {
    color: #000;
    font-size: 12px;
    margin-bottom: 5px;
    opacity: .8;
}
.total a:hover,
.total a:focus {
    color: #b23c3c;
    opacity: 1;
}
.name-of-product {
    color: #000;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}
.type-of-product {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.exclusive-banner img {
    width: 100%;
}
/*Product section end*/


/*Recent-product section start*/

#recent-product {
    background: #f6f6f6;
    padding: 70px 0;
}
h2.entry-title {
    text-align: center;
}
.woocommerce-cart h2.entry-title {
    text-align: left;
}
header.entry-header {
    margin: 15px 0;
}
#recent-product .row {
    margin-left: -60px;
}
#recent-product .col {
    padding-left: 60px;
}
h2 > span {
    border-bottom: 3px solid #7b7b7b;
    border-top: 3px solid #7b7b7b;
    display: inline-block;
    margin-bottom: 25px;
    padding: 12px 60px;
}
.product-item {
    cursor: default;
    float: left;
    margin: 50px 0 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}
.product-item .mask {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.product-item img {
    display: block;
    position: relative;
    width: 100%;
}
.product-item .rate {
    color: #fff;
    font-size: 17px;
    font-size: 42px;
    line-height: 1;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    text-transform: uppercase;
}
.product-item .name-of-product {
    color: #fff;
    font-size: 18px;
    font-size: 18px;
    margin-bottom: 20px;
    opacity: 0;
    position: relative;
    text-transform: uppercase;
    transform: scale(0);
}
.product-item a.add-to-chart,
.woocommerce .add-to-chart-wrapper .button {
    background: transparent;
    border-radius: 0;
    border: 1px solid #fff;
    color: #fff;
    line-height: 1.5;
    padding: 10px 14px;
    text-decoration: none;
    text-transform: uppercase;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
    padding: 10px;
}
.woocommerce ul.products li.product a {
    font-size: 12px;
}
.woocommerce-page ul.products li
.woocommerce h3{
    margin-bottom: 10px;
}
.woocommerce-page div.product div.images {
    float: left;
}
.woocommerce div.product div.images img {
    display: inline-block;
}
.product-item a.add-to-chart:hover,
.woocommerce .add-to-chart-wrapper .button:hover {
    background: #fff;
    color: rgba(0, 0, 0, .5);
}
.product-hover img {
    -moz-transform: scaleY(1);
    -moz-transition: all .7s ease-in-out;
    -o-transform: scaleY(1);
    -o-transition: all .7s ease-in-out;
    -webkit-transform: scaleY(1);
    -webkit-transition: all .7s ease-in-out;
    transform: scaleY(1);
    transform: scaleY(1);
    transition: all .7s ease-in-out;
}
.product-hover .mask {
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    background-color: rgba(178, 60, 60, .70);
    opacity: 0;
    transition: all .5s linear;
}
.product-hover .rate,
.woocommerce div.product span.price {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    color: #fff;
    font-size: 42px;
    line-height: 1;
    opacity: 0;
    text-transform: uppercase;
    transform: scale(0);
    transition: all .5s linear;
}
.woocommerce div.product span.price {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}
.woocommerce div.product form.cart .variations {
    width: 50%;
}

.woocommerce ul.products li.product .woocomerce-variation-price .price,
.woocommerce ul.products li.product .price {
    color: #fff;
}

.product-hover .name-of-product {
    -moz-transform: scale(0);
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transform: scale(0);
    -o-transition: all .5s linear;
    -webkit-transform: scale(0);
    -webkit-transition: all .5s linear;
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
    opacity: 0;
    text-transform: uppercase;
    transform: scale(0);
    transition: all .5s linear;
}
.product-hover a.add-to-chart {
    -moz-transform: scale(0);
    -moz-transition: all .5s linear;
    -o-transform: scale(0);
    -o-transition: all .5s linear;
    -webkit-transform: scale(0);
    -webkit-transition: all .5s linear;
    opacity: 0;
    transform: scale(0);
    transform: scale(0);
    transition: all .5s linear;
}
.product-hover:hover img {
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
}
.product-hover:hover .mask {
    opacity: 1;
}
.product-hover:hover .rate,
.product-hover:hover .name-of-product,
.product-hover:hover a.add-to-chart {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    transform: scale(1);
}
a.load-more {
    color: #fff;
    margin: 60px auto 0;
    text-align: center;
    text-transform: uppercase;
    background-color: #b23c3c;
    border-color: #b23c3c;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding: 12px 35px;
    padding-bottom: 8px;

}
a.load-more:hover {
    background-color: #862727;
    border-color: #862727;
    color: #fff;
}

#load-more-recent-product {
    text-align: center;
}

/*Recent-product section end*/


/*Featured section start*/

#featured {
    background-size: contain;
    padding: 70px;
    background-color: #D2D1D1 ;
}
.featured-time {
    color: #fff;
    font-size: 35px;
    text-transform: uppercase;
    width: 85%;
}
.featured-wrapper {
    position: relative;
}
.featured-time span {
    display: block;
}
#featured .product-item {
    margin: 0 0 15px;
}
.featured .product-hover .name-of-product {
    margin-bottom: 10px;
}

/*Featured section end*/

/*Blog section start*/

#blog,
#bottom-section {
    padding: 30px 0;
}
#blog .entry-header {
    position: relative;
}
#blog .entry-header:after {
    border-bottom: 4px solid #7f7f7f;
    content: "";
    left: 0;
    position: absolute;
    top: 22px;
    width: 100%;
}
#blog article .entry-header:after {
    content: none;
}
#blog h2.entry-title {
    background: #fff;
    display: inline-block;
    margin-bottom: 20px;
    padding: 0 30px;
    position: relative;
    z-index: 2;
}
#blog header.entry-header {
    position: relative;
    text-align: center;
}
time.entry-date {
    text-align: center;
}
time span {
    color: rgba(0, 0, 0, .5);
    display: block;
    font-weight: 300;
    text-transform: uppercase;
}
time span:first-child {
    font-size: 24px;
    line-height: 1;
}
time span:last-child {
    font-size: 12px;
}
#blog time {
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    display: block;
    margin-top: 20px;
    padding-bottom: 5px;
}
time .updated,
.updated:not(.published) {
    display: none;
}
#blog .left-part span.genericon {
    color: rgba(0, 0, 0, .5);
    font-size: 25px;
    padding-top: 5px;
}
#blog .left-part {
    text-align: center;
}

/*Blog section end*/


/*About-us section start*/

#bottom-section {
    text-align: center;
}
#bottom-section h2 {
    color: #4e4e4e;
    font-size: 35px;
    line-height: 1.7;
}
#bottom-section p {
    color: #727272;
    font-size: 20px;
    font-weight: 300;
}
.bottom-section-wrapper {
    border-bottom: 2px solid rgba(0, 0, 0, .10);
    padding: 0 30px 35px;
}
.read-more {
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin: 20px 0;
    padding: 12px 35px;
    text-align: center;
    text-transform: uppercase;
    transition: all .3s ease-in;
    transition: all .3s ease-in;
    background-color: #b23c3c;
    border-color: #b23c3c;
}
.read-more:hover {
    background-color: #862727;
    border-color: #862727;
    color: #fff;
}
.social-icon {
    padding-top: 50px;
}
.social-icon ul li {
    display: inline-block;
    padding: 0 40px;
}
.social-icon ul li a {
    color: rgba(0, 0, 0, .3);
    text-transform: uppercase;
}
.social-icon ul li a:hover,
.social-icon ul li a:focus {
    color: rgba(0, 0, 0, .5);
}
.social-icon ul li span.genericon {
    font-size: 35px;
    font-weight: normal;
    padding-right: 10px;
    vertical-align: middle;
}

.social-icon .genericon:hover {
    color: #b23c3c;
}

/*About-us section end*/

/*Footer Start*/

.site-footer {
    background: #130c0e;
    color:#fff;
    padding-top: 80px;
}
site-generator a,
.site-footer a {
    color: #fff;
}
h3.widget-title {
    color: #fff;
    font-size: 18px;
    margin: 0 0 15px;
    text-transform: uppercase;
}
.sidebar-inner h3.widget-title {
    color: #000;
}
.site-footer ul li a,
.copyright {
    color: #c3cdd2;
    font-size: 15px;
    font-weight: 300;
}
.site-footer ul li a:hover,
.site-footer ul li a:focus,
.site-footer a:hover {
    color: #b23c3c;
}
.site-footer .site-info .row .col:first-child {
    padding: 0;
}
.site-footer .site-info .row .col {
    padding-left: 50px;
}
.site-info {
    padding-bottom: 70px;

    border-bottom: 3px solid #393939;
}
#site-generator {
    padding: 35px 0;
    text-align: center;
}
.site-footer ul.product-categories > li > a:before {
    display: none;
}
.site-info .search-field::-webkit-input-placeholder {
    color: #b23c3c;
}
.site-info .search-field:-moz-placeholder {
    color: #960404;
}
.site-info .search-field::-moz-placeholder {
    color: #960404;
}
.woocommerce-product-search input[type="submit"] {
    background-color: #b23c3c;
    color: #fff;
}
.woocommerce-product-search input[type="submit"]:hover,
.woocommerce-product-search input[type="submit"]:focus {
    background-color: #862727;
    border-color: #862727;
}
.woocommerce-account .site-footer .page {
    background: transparent;
    border: none;
}


/*Footer end*/

/*blog page start*/

.blog .header,
.single-post .header {
    border-bottom: 2px solid rgba(0, 0, 0, .3);
}
.single-post #blog time {
    border: none;
    margin: 0 0 20px;
    text-align: left;
}
.single-post time span {
    display: inline-block;
    font-size: 14px;
}
.single-post #blog {
    padding: 20px 0;
}

/*blog page end*/
/*Single post start*/
.category .cat-links a {
    color: #8A8888;
    display: inline-block;
    font-family: "Nunito", sans-serif;
    margin-top: 10px;
}

.category .tags-links a {
    color: #8A8888;
    display: inline-block;
    font-family: "Nunito", sans-serif;
    margin-top: 10px;
}
/*.custom-header-enable article .entry-header {
    display: none;
}
.custom-header-enable .date {
    margin-top: 20px;
}*/

nav#nav-below {
    margin-bottom: 10px;
}
.nav-links {
    overflow: hidden;
    padding: 10px 0;
}
.nav-previous,
.nav-next {
    float: left;
    width: 50%;
}
.nav-next {
    text-align: right;
}
.nav-previous a,
.nav-next a{
    background: rgb(235, 235, 235);
    padding: 10px;
}

/*Single post end*/

/*Product page start*/

#content-wrapper {
    border-top: 1px solid rgba(0, 0, 0, .09);
}
/*breadcrumb start*/

.breadcrumb-wrapper {
    background-color: rgba(255, 255, 255, 0.45);
    clear: both;
    /*display: inline-block;*/
    margin: 0;
    overflow: hidden;
    padding: 15px 40px;
    position: relative;
}
#header-featured-image .breadcrumb-wrapper {
    float:left;
    margin-top: -57px;
    position: relative;
    z-index: 9;
}
.breadcrumb-wrapper ul li {
    display: inline-block;
    list-style: none;
}
.breadcrumb-wrapper ul li a,
.breadcrumb-wrapper ul li {
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 0;
}
#header-featured-image .breadcrumb-wrapper ul li a,
#header-featured-image .breadcrumb-wrapper ul li {
    color:#fff;
}
.breadcrumb-wrapper ul li a:hover,
#header-featured-image .breadcrumb-wrapper ul li a:hover {
    color:#b23c3c;
}
.breadcrumb-wrapper ul li.active {
    font-weight: bold;
}
span.sep {
    padding: 0 5px;
}
.breadcrumb-wrapper .sep{
    color: #aaa;
}

/*breadcrumb end*/

h3.product-title {
    color: #000;
    display: inline-block;
    margin-top: 0;
}
.product-details {
    padding-left: 50px;
}
.item-code {
    color: rgba(0, 0, 0, .5);
    font-size: 16px;
    line-height: .7;
}
.avaibility {
    border-bottom: 1px solid rgba(0, 0, 0, .09);
    font-size: 16px;
    font-weight: 300;
    margin: 20px 0;
    padding-bottom: 20px;
}
.avaibility span {
    color: #b23c3c;
}
.product-details .rate {
    background: #b23c3c;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 14px;
    margin-right: 50px;
    padding: 5px 10px;
    position: relative;
}
.product-details .rate:after {
    border-bottom: 15px solid rgba(56, 20, 20, 0);
    border-left: 7px solid rgb(178, 60, 60);
    border-top: 15px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    position: absolute;
    right: -7px;
    top: 0;
    width: 0;
}
.product-details p {
    color: rgba(0, 0, 0, .5);
    font-weight: 300;
}
.available-color span {
    float: left;
    font-size: 12px;
    font-weight: bold;
}
.available-color ul li {
    display: inline-block;
}
.available-color ul li {
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    height: 18px;
    margin: 0 0 0 10px;
    text-indent: -999999px;
    vertical-align: top;
    width: 18px;
}
.available-color ul li:hover {
    opacity: .9;
}
.available-color ul li.white {
    border: 2px solid rgba(0, 0, 0, .5);
}
.available-color {
    border-bottom: 1px solid rgba(0, 0, 0, .09);
    border-top: 1px solid rgba(0, 0, 0, .09);
    margin: 20px 0;
    padding: 20px 0;
}
.quantity-size-wrapper {
    border-bottom: 1px solid rgba(0, 0, 0, .09);
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
}
.quantity-size-wrapper {
    overflow: hidden;
}
.quantity-size-wrapper .quantity,
.quantity-size-wrapper .size,
.quantity-size-wrapper span,
.quantity-size-wrapper form {
    float: left;
    font-size: 12px;
    font-weight: bold;
}
.quantity-size-wrapper span {
    margin-top: 10px;
    padding-right: 20px;
}
.quantity-size-wrapper .quantity,
.quantity-size-wrapper .size {
    padding: 10px 0;
}
.quantity-size-wrapper .quantity {
    padding-right: 50px;
}
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(images/select-icon.png) no-repeat right #fff;
}
.quantity-size-wrapper select {
    margin: 0;
    padding: 5px 25px 5px 10px;
}
a.add-to-chart,
.add-to-wish-list {
    -moz-transition: all .4s ease-in;
    -ms-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    border: 2px solid #b23c3c;
    color: #b23c3c;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    margin: 20px 0;
    padding: 10px 14px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .4s ease-in;
}
a.add-to-chart:hover {
    background: #b23c3c;
    color: rgb(255, 255, 255);
}
.add-to-wish-list {
    border: none;
    color: rgba(0, 0, 0, .5);
    float: right;
}
.single-product .related.products .row {
    margin-left: -40px;
}
.single-product .related.products .col {
    padding-left: 40px;
}

/*tab section end*/

.single-product .related.products {
    background: #fafafa;
    padding: 60px 0;
}
.related.products.similar-products {
    padding:30px 0;
}
.single-product .related.products h3 {
    color: #3e3e3e;
    margin-bottom: 30px;
}
.single-product .related.products ul li {
    display: inline-block;
}
.product-name a {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.product-type {
    color: rgba(0, 0, 0, .5);
    font-size: 13px;
}
.col a > img {
    width: 100%;
}

/*Product page end*/

/*Product list page start*/
.banner,
#header-featured-image{
    margin-bottom: 0px;
    position: relative;
}
.custom-header-wrapper:after{
    background-repeat: repeat;
    background: url(images/overlay-pattern.png) repeat;
    content: "";
    height: 98%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
}
#header-featured-image .v-center{
    z-index: 99;
}
.banner img {
    width: 100%;
}
.proudct-title h1 {
    font-weight: bold;
    text-transform: uppercase;
}
#header-featured-image h1.entry-title {
    color:#fff;
    font-size: 55px;
}
#header-featured-image img {
    width:100%;
}
.sort-view {
    border-bottom: 1px solid rgba(0, 0, 0, .09);
    margin: 20px 0;
    overflow: hidden;
    padding-bottom: 20px;
}
.sort-view a {
    font-size: 12px;
    font-weight: bold;
}
.thumnail-view,
.list-view,
.sort-by,
.sort-by label .sort-view span,
.sort-by form {
    display: inline-block;
}
.thumnail-view,
.list-view,
.sort-view > span {
    margin-top: 12px;
}
.active a {
    color: #b23c3c;
}

.woocommerce .sort-by .woocommerce-ordering,
.woocommerce-page .sort-by .woocommerce-ordering {
    float: none;
    margin: 0;
}
.woocommerce .sort-by .woocommerce-ordering select {
    margin: 0;
    vertical-align: middle;
}
#list-view {
    padding-left: 30px;
}
.sort-view span.genericon.genericon-draggable {
    font-size: 23px;
    vertical-align: middle;
}
.sort-view span.genericon.genericon-hierarchy {
    font-size: 16px;
    padding-right: 5px;
    vertical-align: middle;
}
.sort-by select {
    max-width: 100%;
    min-width: 210px;
}
.sort-view label,
.sort-view > span {
    font-size: 12px;
    font-weight: bold;
    padding-right: 2px;
    text-transform: uppercase;
}
.product-lists {
    margin-bottom: 50px;
}
ul.products .product-item-wrapper {
    float: left;
    width: 100%;
}
.product-lists .product-item {
    margin: 0;
}

.add-to-chart-wrapper span {
    color: #fff;
    display: inline;
    font-size: 21px;
    padding: 10px;
    vertical-align: middle;
}
.add-to-chart-wrapper span:hover {
    opacity: .7;
}
.right-sidebar .fc-sidebar{
    float: right;
    padding-left: 45px;
}
.left-sidebar .fc-sidebar {
    padding-right: 30px;
    float: left;
}
.shop-by h1 {
    border-bottom: 1px solid #e1e1e1;
    font-size: 20px;
    margin: 0 -20px 20px;
    padding: 10px 20px 15px;
    text-transform: uppercase;
}
table#wp-calendar td,table#wp-calendar th{
    border: none;
}

.sidebar-inner {
    background: #f6f6f6;
    border: 1px solid #e1e1e1;
    margin: 22px auto 20px;
    padding: 20px 20px 0;
}
.widget_price_filter h4 {
    color: #3e3e3e;
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
span.tagline {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 6px;
    margin-bottom: 5px;
    margin-top: -6px;
    text-transform: uppercase;
}
ul.product-categories ul.children {
    margin-top: 10px;
    display: none;
}
ul.product-categories li{
    margin-bottom: 0;
    padding-bottom: 10px;
}
ul.product-categories > li > a:before {
    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    display: inline-block;
    font-size: 17px;
    padding: 1px;
    vertical-align: bottom;
    content: '\f431';
    transition: all .4s ease-in;

}

ul.product-categories > li.show a:before {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

/*Product list page end*/

/*Contact page start*/

.contact-us {
    margin-bottom: 50px;
}
.location-map {
    margin-bottom: 50px;
    overflow: hidden;
    text-align: center;
}
.contact-us h2.entry-title {
    border-bottom: 1px solid rgba(0, 0, 0, .09);
    font-size: 62px;
    margin-bottom: 50px;
    padding-bottom: 30px;
}

.contact-info span {
    display: block;
}
.contact-info span,
.contact-info a[href^=tel],
a[href^=mailto] {
    color: #a5a5a5;
    font-size: 23px;
    font-weight: bold;
}
.genericon{
    color: #a5a5a5;
}
a[href^=mailto] {
    color: #b23c3c;
}
a[href^=mailto]:hover,
a[href^=mailto]:focus {
    color: #7f7979;
}
.contact-info {
    border-bottom: 1px solid rgba(0, 0, 0, .09);
    margin-bottom: 50px;
    padding-bottom: 50px;
}
.contact-info span {
    font-size: 18px;
    font-weight: bold;
}
.contact-info h3 span {
    font-weight: 300;
    text-transform: capitalize;
}
.contact-info span:before {
    padding-right: 4px;
    font-size: 25px;
    vertical-align: middle;
}
div#flat_commerce_social_icons-3 h3 {
    color: #a5a5a5;
}
.contact-info span.location:before {
    content: "\f417";
}
.contact-info span.contact-no:before {
    content: "\f50c";
}
.contact-info span.email:before {
    content: "\f410";
}
.social-icon-wrapper * {
    display: inline-block;
}
.social-icon-wrapper a {
    padding: 0 20px 0 0;

    color: #7f7979;
}

.contact-info .social-icon-wrapper {
    margin-left: -7px;
}
.social-icon-wrapper a:hover span {
    color: #b23c3c;
}
.input-type,
.textarea {
    float: left;
    width: 50%;
}
.input-type {
    padding-right: 7px;
}
.textarea {
    padding-left: 7px;
}
.send h3 {
    color: #000;
}
.send {
    margin-bottom: 40px;
}

/*Contact page start*/

/*scroll to top*/

#scrollup:before {
    content: "\f432";
    font-size: 30px;
}
#scrollup {
    -moz-border-radius: 3px;
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .5);
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .5);
    background-color: #666;
    border-radius: 3px;
    bottom: 20px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .5);
    color: #eee;
    cursor: pointer;
    display: none;
    height: 40px;
    line-height: 1;
    padding: 4px 6px;
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    width: 40px;
    z-index: 9999;
}

/*scroll to end*/

#scrollup:hover {
    background-color: #000;
    color: #fff;
}
/*loading effect start*/

div#load-more-recent-product {
    position: relative;
}
.loader {
    -webkit-animation: load6 1.7s infinite ease;
    animation: load6 1.7s infinite ease;
    border-radius: 50%;
    font-size: 35px;
    height: 35px;
    margin: 0 auto;
    overflow: hidden;
    text-indent: -9999em;
    width: 35px;
}
@-webkit-keyframes load6 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);

        box-shadow: 0 -.83em 0 -.4em #b23c3c, 0 -.83em 0 -.42em #b23c3c, 0 -.83em 0 -.44em #b23c3c, 0 -.83em 0 -.46em #b23c3c, 0 -.83em 0 -.477em #b23c3c;
    }
    5%,
    95% {
        /*box-shadow: 0 -0.83em 0 -0.4em #b23c3c, 0 -0.83em 0 -0.42em #b23c3c, 0 -0.83em 0 -0.44em #b23c3c, 0 -0.83em 0 -0.46em #b23c3c, 0 -0.83em 0 -0.477em #b23c3c;*/
    }
    10%,
    59% {
        box-shadow: 0 -.83em 0 -.4em #b23c3c, -.087em -.825em 0 -.42em #b23c3c, -.173em -.812em 0 -.44em #b23c3c, -.256em -.789em 0 -.46em #b23c3c, -.297em -.775em 0 -.477em #b23c3c;
    }
    20% {
        /*box-shadow: 0 -0.83em 0 -0.4em #b23c3c, -0.338em -0.758em 0 -0.42em #b23c3c, -0.555em -0.617em 0 -0.44em #b23c3c, -0.671em -0.488em 0 -0.46em #b23c3c, -0.749em -0.34em 0 -0.477em #b23c3c;*/
    }
    38% {
        box-shadow: 0 -.83em 0 -.4em #b23c3c, -.377em -.74em 0 -.42em #b23c3c, -.645em -.522em 0 -.44em #b23c3c, -.775em -.297em 0 -.46em #b23c3c, -.82em -.09em 0 -.477em #b23c3c;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);

        box-shadow: 0 -.83em 0 -.4em #b23c3c, 0 -.83em 0 -.42em #b23c3c, 0 -.83em 0 -.44em #b23c3c, 0 -.83em 0 -.46em #b23c3c, 0 -.83em 0 -.477em #b23c3c;
    }
}
@keyframes load6 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);

        box-shadow: 0 -.83em 0 -.4em #b23c3c, 0 -.83em 0 -.42em #b23c3c, 0 -.83em 0 -.44em #b23c3c, 0 -.83em 0 -.46em #b23c3c, 0 -.83em 0 -.477em #b23c3c;
    }
    5%,
    95% {
        box-shadow: 0 -.83em 0 -.4em #b23c3c, 0 -.83em 0 -.42em #b23c3c, 0 -.83em 0 -.44em #b23c3c, 0 -.83em 0 -.46em #b23c3c, 0 -.83em 0 -.477em #b23c3c;
    }
    10%,
    59% {
        box-shadow: 0 -.83em 0 -.4em #b23c3c, -.087em -.825em 0 -.42em #b23c3c, -.173em -.812em 0 -.44em #b23c3c, -.256em -.789em 0 -.46em #b23c3c, -.297em -.775em 0 -.477em #b23c3c;
    }
    20% {
        box-shadow: 0 -.83em 0 -.4em #b23c3c, -.338em -.758em 0 -.42em #b23c3c, -.555em -.617em 0 -.44em #b23c3c, -.671em -.488em 0 -.46em #b23c3c, -.749em -.34em 0 -.477em #b23c3c;
    }
    38% {
        box-shadow: 0 -.83em 0 -.4em #b23c3c, -.377em -.74em 0 -.42em #b23c3c, -.645em -.522em 0 -.44em #b23c3c, -.775em -.297em 0 -.46em #b23c3c, -.82em -.09em 0 -.477em #b23c3c;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);

        box-shadow: 0 -.83em 0 -.4em #b23c3c, 0 -.83em 0 -.42em #b23c3c, 0 -.83em 0 -.44em #b23c3c, 0 -.83em 0 -.46em #b23c3c, 0 -.83em 0 -.477em #b23c3c;
    }
}

/*loading effect end*/
/*404 page Start*/

.error-404,
.search-no-results .no-results.not-found {
    margin: 0 auto;
    margin: 60px auto;
    width: 60%;
}
.error-404 label,
.search-no-results label .error-404 input.search-field,
.search-no-results input.search-field {
    width: 100%;
}
.error-404 form.search-form,
.search-no-results form.search-form {
    display:         flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}
.error-404 input.search-submit,
.search-no-results input.search-submit {
    background: #003a63;
    height: 52px;
}
.error-404 h1,
.search-no-results h1 {
    color: #b23c3c;
}

/*404 page End*/

/*woocommerce modified start*/

/*product list page start*/

.images a.woocommerce-main-image.zoom {
    float: left;
    width: 78.7%;
}
.images a.woocommerce-main-image.zoom.no-product-gallery{
    width: 100%;
}
.woocommerce div.product div.images div.thumbnails {
    float: left;
    padding-left: 20px;
    padding-top: 0em;
    width: 21.3%;
}
.woocommerce div.product div.images div.thumbnails img {
    float: right;
    height: auto;
    max-width: 100%;
    width: 100%;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    min-width: 2em;
}
.woocommerce #content div.product div.thumbnails a,
.woocommerce div.product div.thumbnails a,
.woocommerce-page #content div.product div.thumbnails a,
.woocommerce-page div.product div.thumbnails a {
    width: 100%;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
    height: 11px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: #d4d3d3;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background: #b23c3c;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background: url(images/price-handle.png) no-repeat;
    border-radius: 0;
    height: 21px;
}
.widget_price_filter,
.widget_product_categories {
    margin-bottom: 20px;
}
.widget_product_categories {
    border-bottom: 1px solid #e1e1e1;
    margin: 0 -20px;
    padding: 0 20px 20px;
}
.widget_product_categories h4 {
    color: #3e3e3e;
    font-size: 16px;
    font-weight: 600;
    margin: 15px 0;
}
.widget_tp_image_widget {
    margin: 40px -20px 0;
    position: relative;
}
.widget_tp_image_widget h4.widget-title a ,
.widget_tp_image_widget h4.widget-title{
    color: #fff;
    font-family: "Nunito", sans-serif;
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
}
.tpiw-image-caption {
    color: #fff;
}
.tpiw-widget-content {
    width: 100%;
    background: rgba(0, 0, 0, .45);
    bottom: 0;
    padding: 40px 0;
    position: absolute;
    text-align: center;
}
.tpiw-widget-wrapper {
    position: relative;
    text-align: center;
}
.fc-sidebar input[type="button"] {
    color: #fff;
    border-color: #000;
    background: #000;
}
.fc-sidebar input[type="button"]:hover {
    background: #545252;
    border-color: #545252;
}

/*product list page end*/

/*cart page start*/
.woocommerce table.shop_table th {
    background: rgb(247, 246, 247);
    color: #000;
    font-size: 15px;
    padding: 16px 0;
    text-transform: uppercase;
}
.woocommerce table.shop_table td{
    /*border-top: none;*/
}
.woocommerce span.onsale {
    padding: initial;
}
.woocommerce .quantity .qty {
    height: 38px;
    border: 1px solid rgba(0, 0, 0, .09);
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
    background-color: #B64646;
    color: #fff;
    padding: 12px;
}

.woocommerce a.remove {
    line-height: .9;
}
.woocommerce-cart table.cart img {
    vertical-align: middle
}
tr.cart_item:nth-child(even) {
    background: #E3E3E3;
}
.woocommerce .product-name a {
    font-size: 14px;
    font-weight: bold;
    font-weight: normal;
    text-transform: uppercase;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
    background: #B64646;
}
.woocommerce button.button.alt{
    background: #b23c3c;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: #dad8da;
    background-image: none;
    color: #515151;
    text-decoration: none;
}
.woocommerce button.button.alt:hover {
    background: #862727;
    color: #fff;
}
.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,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea{
    border-radius: 3px;
}
.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th {
    vertical-align: middle;
}
.woocommerce h2 {
    margin-bottom: 15px;
    font-size: 20px;
}
.woocommerce .product-item {
    margin: 0;
}
.order-total span.amount,
.cart-subtotal span.amount{
    font-size: 16px;
}
.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells {
    float: left;
    width: 100%;
}
.woocommerce table.shop_table th,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #respond input#submit,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
    font-size: 12px;
    text-transform: uppercase;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    display: inline-block;
    float: right;
}
.woocommerce #content table.cart td.actions,
.woocommerce table.cart td.actions,
.woocommerce-page #content table.cart td.actions,
.woocommerce-page table.cart td.actions {
    padding: 12px;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
    font-size: inherit;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    margin-bottom: 20px;
}

/*cart page end*/
/*account page start*/
.woocommerce-account .content-area .woocommerce{
    margin: 0 auto;
    max-width: 600px;
}
.woocommerce-account .page {
    margin-top: 62px;
    background: #F6F6F6;
    padding: 30px;
    border: 1px solid #e1e1e1;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    box-shadow: 0px 0px 10px #ddd;
}
.woocommerce-account article.col{
    display: block;
}


/*account page end*/
/*single product list page start*/

/*tab start*/
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs:before{
    border: none;
    display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent;
    border-bottom: 2px solid transparent;
    border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover{
    border-bottom: 2px solid #b23c3c
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-bottom: 1px solid rgba(0,0,0,.09);
    padding: 10px 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Nunito', sans-serif;
    font-weight: normal;
}

.woocommerce #content div.product div.summary * {
    /*display: inline-block;*/
}
form.cart {
    margin-top: 30px;
}
form.cart .variations .value {
    display: inline-flex;
}
form.cart .variations .reset_variations,form.cart .variations .label label {
    position: relative;
    top: 5px;
}
.woocommerce div.product .product_title {
    float: left;
}
.fc-short-descripion {
    clear: both;
}
.single-product.woocommerce div.product .price {
    background: #b23c3c;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 14px;
    line-height: 1.5;
    padding: 5px 10px;
    position: relative;
    right: 25px;
}
.single-product.woocommerce div.product .price:after {
    border-bottom: 15px solid rgba(56, 20, 20, 0);
    border-left: 8px solid rgb(178, 60, 60);
    border-top: 15px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    position: absolute;
    right: -7px;
    top: 0;
    width: 0;
}
.single-product .content-wrapper {
    margin-top: 50px;
}
.woocommerce h1.product_title {
    color: #000;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
}
.woocommerce .summary.entry-summary {
    margin: 0;
}
.woocommerce  p {
    color: rgba(0,0,0,.5);
    font-weight: 300;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    padding-left: 15px;
}
/*tab end*/
.woocommerce.shop ul.products li.product,
.woocommerce-page.shop ul.products li.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
    display: inline-block;
    float: none;
    margin: 0 -4px 30px 0;
    /*min-height: 280px;*/
    padding: 0 0 0 30px;
    vertical-align: top;
    width: 33.333333%;
}
.woocommerce-page.no-sidebar  ul.products li.product {
    width: 25%;
}

.woocommerce-page .related.products.similar-products ul.products li.product,
.woocommerce-page .cart-collaterals .cross-sells ul.products li {
    width: 25%;
}
.woocommerce ul.products li.product .onsale {
    left: 0;
    margin: 0;
    right: inherit;
    z-index: 9;
}
.woocommerce .products ul,
.woocommerce ul.products {
    /*    margin: 0 0 0 -30px;
        padding-left: 15px;*/
    margin-left: -15px;
}
.single-product.woocommerce div.product{
    padding-left: 15px;
}
/*single product list page end*/

/*woocommerce modified end*/

/*Contact us page start*/
form.contact-form textarea {
    width: 100%;
}
/*Contact us page end*/

/*Common css start*/

blockquote:before,
.breadcrumb ul li a:after,
.contact-info span:before,
ul.product-categories li a:before{
    font-family: genericons;
}

/*#blog p {
    font-family: "Nunito", sans-serif;
}*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.product-item .rate,
.product-item .name-of-product,
.product-hover .rate,
.product-hover .name-of-product,
a.load-more,
b,
strong,
dt,
th,
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus,
h2,
.shop-by,
.widget_price_filter h4 {
    font-weight: bold;
}
.bdr {
    border: 1px solid red;
}
.mean-container a.meanmenu-reveal,
p,
li,
.featured-time,
.proudct-title h1,
.sort-view a,
.price_label span {
    font-family: Arial, Helvetica, sans-serif;
}
.main-navigation li a:hover,
.main-navigation li.current-menu-item a,
a.load-more:focus,
a.load-more:hover,
a.load-more:hover span.genericon,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover,
.woocommerce .star-rating span,.woocommerce p.stars a{
    color:#b23c3c;
}
a.load-more:hover {
    color: #fff;
}
a.load-more span.genericon, a.load-more:hover span.genericon {
    font-size: 24px;
    color: #fff;
    line-height: 20px;
}
/*Common css end*/
.mean-container .mean-bar {
    float: left;
    min-height: 71px;
    position: absolute;
    width: 100%;
    z-index: 3000;
    background-color: rgba(27, 25, 30, 1);
    -moz-box-shadow: inset 0 1px 0 rgb(94, 0, 0);
    -webkit-box-shadow: inset 0 1px 0 rgb(94, 0, 0);
    box-shadow: inset 0 1px 0 rgb(94, 0, 0);
    text-shadow: 0 -1px 1px rgba(27,110,29,.6);
}
.mean-container a.meanmenu-reveal {
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1px;
    font-weight: 700;
    height: 20px;
    line-height: 22px;
    padding: 15px;
    position: absolute;
    right: 0;
    text-decoration: none;
    text-indent: -9999em;
    top: 0;
    width: 30px;
}
.mean-container .mean-nav ul li a.mean-expand {
    width: 26px;
    height: 26px;
    border: none !important;
    padding: 12px !important;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    font-weight: 700;
}
.mean-container .mean-nav ul li a {
    display: block;
    float: left;
    width: 90%;
    padding: 1em 5%;
    margin: 0;
    text-align: left;
    color: #fff;
    border-bottom: 1px solid #383838;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    text-decoration: none;
    text-transform: uppercase;
}
.mean-container .mean-nav ul li {
    border-bottom: none;
    float: left;
    margin: 0;
    padding: 1em 0;
    position: relative;
    width: 100%;
}

.mean-container a.meanmenu-reveal span {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    display: block;
    height: 4px;
    margin-top: 5px;
}
.mean-container .mean-nav {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    float: left;
    margin-top: 70px;
    width: 100%;
}
.topsearch {
    z-index: 9;
}

.main-navigation li.current-menu-item .sub-menu a {
    color: #232323;
}
.main-navigation li.current-menu-item li a:hover {
    background: #b23c3c none repeat scroll 0 0;
}
.widget_search input[type="search"] {
    width: 90%;
}

#site-branding h2.site-description {
    font-size: 10px;
    text-transform: none;
}
.menu li:hover .topsearch input#search {
    background: #b23c3c;
    opacity: 1;
    width: 200px;
}
.widget-wrap span.search-icon {
    display: none;
}
#secondary .widget:not(:last-child) {
    margin-bottom: 30px;
}
#secondary .widget-title {
    margin-bottom: 10px;
}
#secondary .sidebar-inner {
    padding-bottom: 10px;
}
.site-footer p, .site-footer span, .site-footer li {
    color: #fff;
}
.site-footer .tpiw-widget-wrapper {
    margin-bottom: 15px;
}
.site-footer .tpiw-widget-content {
    position: relative;
}
.site-footer .widget {
    margin-bottom: 30px;
}
.more-link {
    color: #b23c3c;
    display: block;
    text-align: center;
    margin-top: 10px;
}
.related.products.similar-products h3, .single-product.woocommerce-page .upsells.products .products li.first {
    padding-left: 15px;
}
.product-hover .add-to-chart-wrapper .button,
.product-hover .added_to_cart.wc-forward {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    line-height: 1.5;
    padding: 10px 14px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 1em;
    display: inline-block;
    font-weight: bold;
}
.product-hover .add-to-chart-wrapper .button:hover,.added_to_cart.wc-forward:hover {
    background: #fff;
    color: rgba(0, 0, 0, .5);
}
.product-hover .button.added {
    display: none;
}
#feature-slider .cycle-pager {
    text-align: center;
}
#feature-slider .cycle-pager span {
    position: relative;
    top: -70px;
    z-index: 300;
    color: #fff;
    margin-right: 7px;
    font-size: 30px;
}
#feature-slider .cycle-pager span.cycle-pager-active {
    color: #b23c3c;
    font-size: 30px;
}
.control-wrapper {
    bottom: auto;
    top: 45%;
    width: 100%;
}
.control-wrapper #prev {
    position: absolute;
    left: 0;
}
.control-wrapper #next {
    position: absolute;
    right: 0;
}
.control-wrapper .genericon {
    font-size: 40px;
    cursor: pointer;
}
.control-wrapper #prev,.control-wrapper #next  {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#feature-slider:hover .control-wrapper #prev,#feature-slider:hover .control-wrapper #next  {
    opacity: 1;
}




/*--------------------------------------------------------------
1.0 Responsive Style Start
--------------------------------------------------------------*/

@media (min-width: 1200px) {
    .container {
        margin: 0 auto;
        width: 1180px;
    }
}
@media screen and (max-width: 1200px) {
    .main-navigation ul ul {
        top: 30px;
    }
    .single-product.woocommerce-page #primary,.single-product.woocommerce-page #secondary {
        width: 100%;
    }
    .woocommerce div.product div.images div.thumbnails {
        padding-left: 17px;
    }
}
@media screen and (max-width: 1200px) and (min-width:767px ) {
    .woocommerce-page #primary {
        width: 65%;
    }
    .woocommerce-page #secondary {
        width: 35%;
    }
}
@media screen and (max-width: 1023px) {
    #featured {
        padding: 0;
    }
}
@media screen and (max-width: 1023px) and (min-width: 767px) {
    #site-header-text h1.site-title {
        margin-top: 9px;
    }
}
@media screen and (min-width: 1023px) {
    #site-header-text h1.site-title {
        margin-top: 15px;
    }
}
@media screen and (max-width: 992px) {
    .woocommerce-page .cart-collaterals .cross-sells ul.products li {
        width: 50%;
    }
    .woocommerce div.product div.images div.thumbnails {
        padding-left: 16px;
    }
}
@media screen and (max-width: 769px) {
    .control-wrapper {
        top: 35%;
    }
    #feature-slider .cycle-pager span {
        position: relative;
        top: -50px;
    }
    .woocommerce div.product div.images div.thumbnails {
        padding-left: 14px;
    }
    .woocommerce-page #content div.product div.thumbnails a {
        margin-bottom: 0.6em;
    }
}
@media screen and (max-width: 767px) {
    div#site-logo {
        width: auto !important;
        margin-right: 50px;
    }
    header#masthead.affix {
        padding: 0px 0;
    }
    .woocommerce-page #primary,.woocommerce-page #secondary {
        width: 100%;
    }
    .single-product.woocommerce-page .upsells.products .products li.first {
        width: 70%;
    }
    .woocommerce-page .related.products.similar-products ul.products li.product {
        width: 50%;
    }
    .woocommerce-page .related.products.similar-products ul.products li.product:nth-child(2n) {
        float: none;
    }
    .left-sidebar .fc-sidebar {
        padding-right: 0;
    }
}

@media screen and (max-width: 570px) {
    .woocommerce-page .related.products.similar-products ul.products li.product,
    .single-product.woocommerce-page .upsells.products .products li.first {
        width: 100%;
    }
}
@media screen and (max-width: 421px) {
    .woocommerce-page .cart-collaterals .cross-sells ul.products li,
    .single-product.woocommerce-page .upsells.products .products li.first,
    .woocommerce-page .related.products.similar-products ul.products li.product {
        width: 100%;
    }
    #feature-slider .cycle-pager span {
        position: relative;
        top: -32px;
    }
    #feature-slider .cycle-pager span.cycle-pager-active,#feature-slider .cycle-pager span {
        font-size: 25px;
    }
    .woocommerce div.product div.images div.thumbnails {
        padding-left: 12px;
    }
    .woocommerce-page #content div.product div.thumbnails a {
        margin-bottom: 0.75em;
    }
}
/*--------------------------------------------------------------
1.0 Responsive Style End
--------------------------------------------------------------*/