/*
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: 2.2
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,
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%;
}

/*--------------------------------------------------------------
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;
    }
}
@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;
}
.site-topbar ul li {
    display: inline-block;
}
.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 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 17px;
    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;
}
.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::-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);
}

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

.sticky {
    display: block;
}

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

.gallery-caption {
    display: block;
}
/*--------------------------------------------------------------
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;
}

/*--------------------------------------
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.3;
    font-size: 30px;
}

#site-header-text {
    width: 72%
}
#site-logo {
    width: 28%;
}
#site-logo,
#site-header-text  {
    float: left;
}
#site-logo img {
    /*max-width: 200px;*/
    /*width: auto;*/
    padding: 0 10px 0 0;
    width: 100%;
}
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;
}
.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-prev,
#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-prev {
    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;
}

.cycle-slideshow  ul.slides li img {
    max-height: 325px;
}
#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: #f8f9f9;
    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;
}
#tabs  li {
    float: left;
    margin-bottom: 30px;
}
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: .5;
    padding: 10px 30px;
    text-transform: uppercase;
}
#tabs ul.ui-tabs-nav li.ui-tabs-active a {
    opacity: 1;
}
#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;
}
#respond label {
    margin-bottom: 10px;
    display: inline-block;
}
.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 h3{
    margin-bottom: 10px;
}
.woocommerce-page div.product div.images {
    float: left;
}
.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: #a5a5a5;
    display: block;
    font-size: 15px;
    margin: 60px auto 0;
    text-align: center;
    text-transform: uppercase;
}
a.load-more span.genericon {
    font-size: 24px;
}

/*Recent-product section end*/


/*Featured section start*/

#featured {
    background-size: cover;
    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,
#about-us {
    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*/

#about-us {
    background-size: cover;
    background: url(images/about-us-bg.jpg) no-repeat center center;
    text-align: center;
}
#about-us h2 {
    color: #4e4e4e;
    font-size: 35px;
    line-height: 1.7;
}
#about-us p {
    color: #727272;
    font-size: 20px;
    font-weight: 300;
}
.about-us-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;
    border: 3px solid rgba(114, 114, 114, .8);
    color: rgba(114, 114, 114, .8);
    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;
}
.read-more:hover {
    background: rgb(118, 118, 118);
    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;
}

/*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 span, .site-footer ul li {
    color: #c3cdd2;
}
.site-footer ul li a:hover,
.site-footer ul li a:focus {
    color: #fff;
}
.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-info .widget ul li a:hover {
    text-decoration: underline;
}
#site-generator {
    padding: 35px 0;
    text-align: center;
}
.site-footer ul.product-categories > li > a:before {
    display: 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;
}
.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;
    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 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;
}
#secondary ul li a:hover {
    text-decoration: underline;
}
.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: 62px 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%;
}
.no-results.not-found form.search-form {
    position: relative;
}
.no-results.not-found button {
    position: absolute;
    right: 0;
    margin: 0;
}
.no-results.not-found .search-icon {
    display: none;    
}
.no-results.not-found button .search-icon {
    display: block;
}
.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;
}
.error-404 form.search-form {
    position: relative;
}
.error404 button {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    border: none;
    background-color: #000;
    height: 42px;
    width: 42px;
    padding: 0;
    color: #fff;
}
.error-404 span.search-icon .genericon.genericon-search {
    display: none;
}
.error-404 button span.search-icon .genericon.genericon-search {
    display: block;
}

/*404 page End*/

/*woocommerce modified start*/

/*product list page start*/
a.added_to_cart.wc-forward {
    display: none;
}
.images a.woocommerce-main-image.zoom {
    float: left;
    width: 78.7%;
}
.woocommerce div.product div.images div.thumbnails {
    float: left;
    padding-left: 15px;
    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 #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 #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;
}
.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;
}

.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 .related.products.similar-products ul.products li.product {
    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;
}
/*Common css end*/


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

@media (min-width: 1200px) {
    .container {
        margin: 0 auto;
        width: 1180px;
    }
}

/*--------------------------------------------------------------
1.0 Responsive Style End
--------------------------------------------------------------*/