/*
Theme Name: Dazimaxx
Theme URI: http://demo.wphash.com/dazimaxx/
Author: Power Bosts
Author URI: http://hastech.company/
Description: Multipurpose WordPress Theme
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dazimaxx
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post
This theme, like WordPress, is licensed under the GPL.

    CSS INDEX

    ===================

    1. Default Css

        a) Typography

        b) Elements

        c) Forms

        d) Links

        e) Alignments
    
    2. Menus

    3. Widget Area

    4. Contents Posts and pages

    5. Infinite Scroll

    6. Media

    7. Gallery

    8. Theme Default

        a) Page Header

        b) Helper Css

    9. Top Bar

        a) Top bar left side menu

        b) Top bar Social icons

    10. Header Style

        a) Header Style One

        b) Header Style Two


    11. Blog Page

        a) Breadcrumb style default

        b) Comment

        c) Sidebar

    12. Footer 

        a) Footer Top Area

        b) Footer Bottom Area

    13) Unit Test Css

    14) Dazimaxx Custom Css

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


/*----------------------------------------*/
/*  1. Default Css
/*----------------------------------------*/
.header-search {
display: none;
}

header-search {
display: none;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;
    overflow-x: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    background-color: transparent;
}
a:active,
a:hover {
    outline: 0;
}
a, img, input{
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    margin: 0.67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.add-to-cart.odd {
  display: none !important;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
button,
input,
select,
textarea {
    color: #464646;
    font-family: 'Rubik',sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
}
.single-footer strong {
  color: #ddd;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}
p {
    margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    margin: 0 1.5em;
}
address {
    margin: 0 0 1.5em;
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
big {
    font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*,
*: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/ */
    
    -webkit-box-sizing: inherit;
    
    box-sizing: inherit;
}
body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}
blockquote,
q {
    quotes: "" "";
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}
ul,
ol {
    margin: 0 0 1.5em 3em;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
img {
    height: auto;
    /* Make sure images are scaled correctly. */
    
    max-width: 100%;
    /* Adhere to container width. */
}
figure {
    margin: 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, .8);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .6em 1em .4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}
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;
}

select {
    width: 100%;
    background: #eceff8;
    border: 2px solid #eceff8;
    height: 45px;
    padding-left: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    color: #626262;
}

textarea {
  padding: 10px;
  width: 100%;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
    color: #555;
}
/*a:visited {
    color: #555;
}*/
a:hover,
a:focus,
a:active {
    color: #e51515;
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

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


/*--------------------------------------------------------------
# 2. Menus
--------------------------------------------------------------*/

.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}
.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-navigation li {
    float: left;
    position: relative;
}
.main-navigation a {
    display: block;
    text-decoration: none;
}
.main-navigation ul ul {
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
}
.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}
.main-navigation ul ul a {
    width: 200px;
}
.main-navigation ul ul li {} .main-navigation li:hover > a,
.main-navigation li.focus > a {} .main-navigation ul ul:hover > a,
.main-navigation ul ul .focus > a {} .main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {} .main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: auto;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {}
/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}
@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

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

.widget {
    margin: 0 0 1.5em;
}
/* Make sure select elements fit in widgets. */

.widget select {
  height: 36px;
  width: 100%;
}


/*--------------------------------------------------------------
## 4. Contents Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}
.hentry {
    margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
    display: none;
}
.single .byline,
.group-blog .byline {
    display: inline;
}
.page-content,
.entry-content,
.entry-summary {
    margin: 0;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
/*--------------------------------------------------------------
# 5. Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */

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

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    
    display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}
/*--------------------------------------------------------------
# 6. Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.wp-caption-text {
    text-align: center;
}
/*--------------------------------------------------------------
## 7. Gallery
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 1.5em;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# 8. Theme Default
--------------------------------------------------------------*/

/*************************
    Helper Css
*************************/

/*************************
    Margin top
*************************/
.mt-0 { margin-top: 0 }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-25 { margin-top: 25px }
.mt-30 { margin-top: 30px }
.mt-35 { margin-top: 35px }
.mt-40 { margin-top: 40px }
.mt-45 { margin-top: 45px }
.mt-50 { margin-top: 50px }
.mt-55 { margin-top: 55px }
.mt-60 { margin-top: 60px }
.mt-65 { margin-top: 65px }
.mt-70 { margin-top: 70px }
.mt-75 { margin-top: 75px }
.mt-80 { margin-top: 80px }
.mt-85 { margin-top: 85px }
.mt-90 { margin-top: 90px }
.mt-95 { margin-top: 95px }
.mt-100 { margin-top: 100px }
.mt-105 { margin-top: 105px }
.mt-110 { margin-top: 110px }
.mt-115 { margin-top: 115px }
.mt-120 { margin-top: 120px }
.mt-125 { margin-top: 125px }
.mt-130 { margin-top: 130px }
.mt-135 { margin-top: 135px }
.mt-140 { margin-top: 140px }
.mt-145 { margin-top: 145px }
.mt-150 { margin-top: 150px }
/*************************
    Margin right
*************************/
.mr-0 { margin-right: 0px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/*************************
    Margin bottom
*************************/
.mb-0 { margin-bottom: 0 }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-25 { margin-bottom: 25px }
.mb-30 { margin-bottom: 30px }
.mb-35 { margin-bottom: 35px }
.mb-40 { margin-bottom: 40px }
.mb-45 { margin-bottom: 45px }
.mb-50 { margin-bottom: 50px }
.mb-55 { margin-bottom: 55px }
.mb-60 { margin-bottom: 60px }
.mb-65 { margin-bottom: 65px }
.mb-70 { margin-bottom: 70px }
.mb-75 { margin-bottom: 75px }
.mb-80 { margin-bottom: 80px }
.mb-85 { margin-bottom: 85px }
.mb-90 { margin-bottom: 90px }
.mb-95 { margin-bottom: 95px }
.mb-100 { margin-bottom: 100px }
.mb-105 { margin-bottom: 105px }
.mb-110 { margin-bottom: 110px }
.mb-115 { margin-bottom: 115px }
.mb-120 { margin-bottom: 120px }
.mb-125 { margin-bottom: 125px }
.mb-130 { margin-bottom: 130px }
.mb-135 { margin-bottom: 135px }
.mb-140 { margin-bottom: 140px }
.mb-145 { margin-bottom: 145px }
.mb-150 { margin-bottom: 150px }
/*************************
    Margin left
*************************/
.ml-0 { margin-left: 0 }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }
/*************************
    Padding top
*************************/
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-25 { padding-top: 25px }
.pt-30 { padding-top: 30px }
.pt-35 { padding-top: 35px }
.pt-40 { padding-top: 40px }
.pt-45 { padding-top: 45px }
.pt-50 { padding-top: 50px }
.pt-55 { padding-top: 55px }
.pt-60 { padding-top: 60px }
.pt-65 { padding-top: 65px }
.pt-70 { padding-top: 70px }
.pt-75 { padding-top: 75px }
.pt-80 { padding-top: 80px }
.pt-85 { padding-top: 85px }
.pt-90 { padding-top: 90px }
.pt-95 { padding-top: 95px }
.pt-100 { padding-top: 100px }
.pt-105 { padding-top: 105px }
.pt-110 { padding-top: 110px }
.pt-115 { padding-top: 115px }
.pt-120 { padding-top: 120px }
.pt-125 { padding-top: 125px }
.pt-130 { padding-top: 130px }
.pt-135 { padding-top: 135px }
.pt-140 { padding-top: 140px }
.pt-145 { padding-top: 145px }
.pt-150 { padding-top: 150px }
.pt-160 { padding-top: 160px }
.pt-165 { padding-top: 165px }
.pt-170 { padding-top: 170px }
.pt-175 { padding-top: 175px }
.pt-180 { padding-top: 180px }
.pt-185 { padding-top: 185px }
.pt-190 { padding-top: 190px }
/*************************
    Padding right
*************************/
.pr-0 { padding-right: 0 }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-60 { padding-right: 60px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
/*************************
    Padding bottom
*************************/
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-25 { padding-bottom: 25px }
.pb-30 { padding-bottom: 30px }
.pb-35 { padding-bottom: 35px }
.pb-40 { padding-bottom: 40px }
.pb-45 { padding-bottom: 45px }
.pb-50 { padding-bottom: 50px }
.pb-55 { padding-bottom: 55px }
.pb-60 { padding-bottom: 60px }
.pb-65 { padding-bottom: 65px }
.pb-70 { padding-bottom: 70px }
.pb-75 { padding-bottom: 75px }
.pb-80 { padding-bottom: 80px }
.pb-85 { padding-bottom: 85px }
.pb-90 { padding-bottom: 90px }
.pb-95 { padding-bottom: 95px }
.pb-100 { padding-bottom: 100px }
.pb-105 { padding-bottom: 105px }
.pb-110 { padding-bottom: 110px }
.pb-115 { padding-bottom: 115px }
.pb-120 { padding-bottom: 120px }
.pb-125 { padding-bottom: 125px }
.pb-130 { padding-bottom: 130px }
.pb-135 { padding-bottom: 135px }
.pb-140 { padding-bottom: 140px }
.pb-145 { padding-bottom: 145px }
.pb-150 { padding-bottom: 150px }
.pb-155 { padding-bottom: 155px }
.pb-160 { padding-bottom: 160px }
.pb-165 { padding-bottom: 165px }
.pb-170 { padding-bottom: 170px }
.pb-175 { padding-bottom: 175px }
.pb-180 { padding-bottom: 180px }
.pb-185 { padding-bottom: 185px }
.pb-190 { padding-bottom: 190px }
/*************************
    Padding left
*************************/
.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }
/***************************
    Page section padding 
****************************/
.ptb-0 { padding: 0 }
.ptb-10 { padding: 10px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-100 { padding: 100px 0 }
.ptb-110 { padding: 110px 0 }
.ptb-120 { padding: 120px 0 }
.ptb-130 { padding: 130px 0 }
.ptb-140 { padding: 140px 0 }
.ptb-150 { padding: 150px 0 }
.ptb-160 { padding: 160px 0 }
.ptb-170 { padding: 170px 0 }
.ptb-180 { padding: 180px 0 }
.ptb-190 { padding: 190px 0 }
/***************************
   Page section margin 
****************************/
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0 }
.mtb-15 { margin: 15px 0 }
.mtb-20 { margin: 20px 0 }
.mtb-30 { margin: 30px 0 }
.mtb-40 { margin: 40px 0 }
.mtb-50 { margin: 50px 0 }
.mtb-60 { margin: 60px 0 }
.mtb-70 { margin: 70px 0 }
.mtb-80 { margin: 80px 0 }
.mtb-90 { margin: 90px 0 }
.mtb-100 { margin: 100px 0 }
.mtb-110 { margin: 110px 0 }
.mtb-120 { margin: 120px 0 }
.mtb-130 { margin: 130px 0 }
.mtb-140 { margin: 140px 0 }
.mtb-150 { margin: 150px 0; }
/***************************
    Custom cloumn
****************************/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 {float: left;}
.col-1{width: 10%;}
.col-2{width: 20%;}
.col-3{width: 30%;}
.col-4{width: 40%;}
.col-5{width: 50%;}
.col-6{width: 60%;}
.col-7{width: 70%;}
.col-8{width: 80%;}
.col-9{width: 90%;}
.col-10{width: 100%;}


/*--------------------------------------------------------------
# Transition 
--------------------------------------------------------------*/

a,
img,
.img,
.btn,
input,
select,
textarea{
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
/*--------------------------------------------------------------
# Selection
--------------------------------------------------------------*/

*::-moz-selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}
/*--------------------------------------------------------------
# Placeholder
--------------------------------------------------------------*/
::-webkit-input-placeholder {
    color: #444;
}
:-ms-input-placeholder {
    color: #444;
}
::placeholder {
    color: #444;
}
/*--------------------------------------------------------------
# Browser Upgrade
--------------------------------------------------------------*/

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

html,
body {
    font-family: 'Rubik',sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: 24px;
    color: #90939c;
    height: 100%;
}
a {
    text-decoration: none;
}
a:hover,
a:active {
    color: #e51515;
    text-decoration: none;
    outline: 0 none;
}
a:focus {
    outline: none !important
}
ul,
ol {
    list-style: outside none none;
    margin: 0;
    padding: 0
}
p {
    margin: 0 0 15px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}
/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/

.page-header {
    margin: 0 0 20px;
}
/*--------------------------------------------------------------
# Helper css
--------------------------------------------------------------*/

.clear {
    clear: both
}
.fix {
    overflow: hidden;
}
.floatleft {
    float: left;
}
.floatright {
    float: right;
}
.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px
}
.aligncenter {
    display: block;
    margin: 0 auto 15px
}
.uppercase {
    text-transform: uppercase
}
.capitalize {
    text-transform: capitalize
}
img,
.img {
    max-width: 100%;
    height: auto;
}
.mark,
mark {
    background: #4fc1f0 none repeat scroll 0 0;
    color: #ffffff;
}



/*-------------------------------- 
# Top Bar
----------------------------------*/

.header-top-area {
    padding: 15px 0;
}
.header-info span {
    font-weight: 500;
}
.top-bar-left-content a,
.header-info a {
    color: #fff;
}
.header-info span {
    position: relative;
}
.header-info span + span {
    margin-left: 8px;
    padding-left: 8px;
}
.header-info span + span::before {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    content: "";
    height: 20px;
    left: -2px;
    position: absolute;
    top: 0;
    width: 1px;
}
/*-------------------------------- 
# Top bar left side menu
----------------------------------*/

.top-bar-left-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.top-bar-left-menu ul li {
    display: inline-block;
}
.top-bar-left-menu ul li a {
    padding: 5px 10px;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 14px;
    color: #fff;
}
.top-bar-left-content a:hover,
.header-info a:hover,
.header-social ul li a:hover,
.top-bar-left-menu ul li a:hover {
    color: #e51515;
}
.top-bar-left-content {
    color: #fff;
}
.top-bar-left-content p {
    margin-bottom: 0;
}
/*-------------------------------- 
# Top bar Social icons
----------------------------------*/

.header-social ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.header-social ul li {
    display: inline-block;
    line-height: 1;
}
.header-social ul li a {
     color: #fff;
     font-size: 13px;
     margin-left: 26px;
}
.header-social.text-white > a {
    color: #fff;
}
.menu-middle-area {
    border-top: 1px solid #ddd;
}
/*-------------------------------- 
# Header Search
----------------------------------*/

.header-search form {
    display: block;
    position: relative;
}
.header-search form input {
    border: 1px solid #ddd;
    height: 40px;
    line-height: 24px;
    padding: 7px 40px 7px 15px;
    width: 250px;
}
.header-search form button {
    background-color: transparent;
    border: 0 none;
    color: #999;
    height: 40px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 40px;
}
.header-search form button i {
    display: block;
    line-height: 25px;
    text-align: right;
}
.header-search form button:hover {
    color: #e51515;
}

/*-------------------------------- 
# 10. Header Style
----------------------------------*/

/*================= Header Style One ===============*/

.site-logo{
    font-family: "oswaldmedium";
}
.site-logo a {
  color: #333;
  font-size: 20px;
  text-transform: uppercase;
   display: block;
}
.header-menu-wrap {
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 85px;
}
.header-menu-wrap.logo-left {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}
.header-menu-wrap.logo-center {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header-menu-wrap.logo-center > div:nth-child(2) {
    -ms-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.header-menu-wrap.logo-right {
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}
.header-menu-wrap.logo-left-top {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.header-menu-wrap.logo-center-top {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header-menu-wrap.logo-right-top {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.header-menu-wrap.logo-center,
.header-menu-wrap.logo-left-top,
.header-menu-wrap.logo-center-top,
.header-menu-wrap.logo-right-top {
    padding-top: 15px;
}
.primary-nav-wrap ul {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.primary-nav-wrap ul li {
    list-style: outside none none;
}

.primary-nav-wrap ul li a {
    display: block;
    height: 85px;
    line-height: 85px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.primary-nav-wrap ul li a {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    position: relative;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}


.primary-nav-wrap.nav-effect-1 > nav > ul > li > a::before {
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.primary-nav-wrap.nav-effect-1 > nav > ul > li > a::before {
    bottom: 0;
}
.primary-nav-wrap.nav-effect-1 > nav > ul > li:hover > a::before,
.primary-nav-wrap.nav-effect-1 > nav > ul > li.active > a::before,
.primary-nav-wrap.nav-effect-1 > nav > ul > li.current_page_item > a::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.primary-nav-wrap > nav > ul > li:hover > a,
.primary-nav-wrap > nav > ul > li.current_page_item > a {
    color: #e51515;
}

/*================ Header Style Two ======================*/

.header-style-2 .header-menu-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.header-style-2 .header-menu-wrap > div {
  position: relative;
  width: 100%;
}
.header-style-2 .header-menu-wrap .site-logo {
  padding-bottom: 27px;
  padding-top: 28px;
}
.header-mid-inner.logo-left-search-right {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header-menu-wrap .site-description {
    line-height: 1;
    margin: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.header-menu-wrap .site-logo h3 {
    line-height: 1;
    margin-bottom: 7px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

/* Separetor */

.hr-style-1 {
    border-bottom: 1px solid #e7e7e7;
}
/* Header Transparent */
.header-area.header-transparent {
  background: transparent none repeat scroll 0 0;
  left: 0;
  position: absolute;
  top: 56px;
  width: 100%;
  z-index: 9999;
}
.header-area.header-transparent {
    -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0);
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0);
}
.header-main .container-fluid {
  padding: 0 60px;
}
.header-main .container-fluid .header-search {
  width: 287px;
}
.header-area .container-fluid .primary-nav-wrap ul li {
  margin-left: 35px;
}

/* sticky */

.header-area {
    -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.1);
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.1);
}
.header-area.sticky {
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.1);
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.1);
}
.logged-in .header-area.sticky {
    top: 32px;
}


.header-area.header-style-2.header-sticky.sticky .header-buttom {
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.1);
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.1);  
}
.logged-in  .header-area.header-style-2.header-sticky.sticky .header-buttom{
    top: 32px;
}
.header-area.header-style-2.header-sticky.sticky .header-buttom .site-logo.hidden {
    display: block !important;
}
.header-area.header-style-2.header-sticky.sticky .header-buttom .sticky_menu_logo {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.sticky_menu_logo .site-logo.hidden {
    padding: 0;
    padding-right: 50px;
}

/* Header Menu Style */
.primary-nav-wrap .sub-menu {
  background: #ffffff none repeat scroll 0 0;
  height: auto;
  left: 0;
  margin: 0;
  opacity: 0;
  padding: 14px 18px;
  position: absolute;
  top: 115%;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  visibility: hidden;
  width: 220px;
  z-index: 99;
}
.header-area .container-fluid .primary-nav-wrap ul li ul li {
  margin-left: 0;
}


.primary-nav-wrap ul li ul li a,.header-style-2 .primary-nav-wrap ul li ul li a {
    color: #313131;
    display: block;
    height: 35px;
    line-height: 35px;
    padding: 0;
}

.primary-nav-wrap ul li ul li a:hover {
    color: #e51515;
}

.primary-nav-wrap ul li ul li {
    border: none !important;
}
.primary-nav-wrap .sub-menu > li > a {
  opacity: inherit !important;
  visibility: inherit !important;
}
.primary-nav-wrap ul > li:hover > .sub-menu {
  opacity: 1;
  top: 100%;
  visibility: visible;
  z-index: 550;
}
.primary-nav-wrap ul li {
    position: relative;
}
.primary-nav-wrap .sub-menu > li {
    display: block;
    margin: 0;
    width: 100% !important;
}
.primary-nav-wrap ul.sub-menu {
    display: block;
}
.primary-nav-wrap ul.sub-menu li {
    display: block;
}
.primary-nav-wrap ul.sub-menu li + li {
    border-top: 1px solid #333;
}
.primary-nav-wrap .sub-menu > li > a {
  height: 36px;
  line-height: 34px;
  padding: 0 15px;
}

.primary-nav-wrap ul li.menu-item-has-children > a::after {
    content: "\e874";
    font-family: 'Linearicons-Free';
    font-size: 9px;
    position: absolute;
    right: -5px;
}
.primary-nav-wrap ul li.menu-item-has-children a {
    padding-right: 10px;
}

.primary-nav-wrap ul.sub-menu li .sub-menu {
    left: 110%;
    top: 5px !important;
}

.primary-nav-wrap ul > li.last-elements ul.sub-menu li .sub-menu {
    left: auto;
    right: 100%;
    top: 0 !important;
}

/*-- Menu Open/Close Button --*/

a.meanmenu-reveal {
    height: auto;
    line-height: 1;
    padding: 0;
    top: -54px;
    width: auto;
}
a.meanmenu-reveal:hover,
a.meanmenu-reveal:focus {
    color: #26c7cc;
    outline: medium none;
}
a.meanmenu-reveal i {
    display: block;
    font-size: 30px;
    line-height: 30px;
    width: 30px;
}

.mean-nav .sub-menu,
.mean-nav .mega-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    opacity: 1;
    position: static;
    -webkit-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
    visibility: visible;
    z-index: 1;
}
.mean-nav ul li li {
    margin: 0;
    padding: 0;
}
.mean-nav ul li li a {
    border-color: #eee;
    color: #464646;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    opacity: 1;
    padding: 6px 30px 6px 15px;
    text-transform: uppercase;
    width: 100% !important;
}
.mean-nav .sub-menu li:hover > a {
    color: #464646;
}
.mean-nav .sub-menu li.current_page_item:hover > a {
    color: #e51515;
}
.mean-nav ul li li.current_page_item > a,
.mean-nav ul li li > a:hover,
.mean-nav .sub-menu li > a:hover {
    color: #e51515;
}
.mean-nav ul li li li a {
    padding: 6px 30px 6px 25px;
}
.mean-nav ul li li li li a {
    padding: 6px 30px 6px 35px;
}
.mean-nav ul li li li li li a {
    padding: 6px 30px 6px 45px;
}
.mean-nav ul li li li li li li a {
    padding: 6px 30px 6px 55px;
}

/*-------------------------------- 
# 11. Blog Page
----------------------------------*/

.our-blog-area {
    padding: 150px 0;
}

.bolg-img a {
    position: relative;
    display: block;
}
.bolg-img a::before {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.single-blog:hover .bolg-img a::before {
    opacity: 1;
}
.blog-date span {
    font-size: 12px;
    margin-right: 10px;
}
.blog-date span i {
    font-size: 14px;
    margin-right: 8px;
}
.blog-text p {
    margin-bottom: 12px;
    margin-top: 6px;
}

.blog-text a:hover {
    color: #e51515;
}

/*-----------blog-story-area--------------- */

.post-breadcrumb-banner-area {
    background-image: url('image/page-title-bg.jpg');
}
.bg-opacity {
    position: relative;
}
.bg-opacity::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.breadcrumb-text {
    position: relative;
    z-index: 1;
    padding: 0px 0;
    text-align: center;
}
.breadcrumb-text h1 {
    color: #ffffff;
    font-family: "oswaldmedium";
    line-height: 32px;
    margin-bottom: 33px;
    position: relative;
    text-transform: uppercase;
}
.post-breadcrumb-banner-area h3 {
    color: #fefefe;
}
.breadcrumb-menu ul li {
    display: inline-block;
    padding: 0 5px;
    text-transform: capitalize;
}
.breadcrumb-menu ul li::after {
    color: #fff;
    content: "/";
    display: inline-block;
    float: right;
    position: relative;
    right: -6px;
    top: 2px;
}
.breadcrumb-menu ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}
/*--------  Breadcrumb style default  -----------*/

.breadcrumbs-area-default .breadcrumbs ul li a:hover {
    color: #e51515;
}
.breadcrumbs-area-default .breadcrumbs ul li,
.breadcrumbs ul li {
    padding-left: 5px;
    padding-right: 5px;
}
.breadcrumbs-area-default .breadcrumbs ul li:last-child,
.breadcrumbs ul li:last-child {
    padding-right: 0px;
}
.breadcrumbs-area-default .breadcrumbs ul li:first-child,
.breadcrumbs ul li:first-child {
    padding-left: 0px;
}
.page-title-search-box.search-left {
    float: left;
}
.page-title-bar {
    overflow: hidden;
}
.page-title-bar.right-title {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.page-title-bar.left-title {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.page-title-bar-center h2.page-title {
    margin-bottom: 20px;
}
.breadcrumbs ul {
    color: #333;
}
.breadcrumbs li {
    display: inline-block;
    font-family: 'Raleway', sans-serif;
}

.breadcrumbs ul li a.active::after {
    color: #e51515;
}
.page-title-bar-center .page-title {
    float: inherit;
}
.page-title-bar-center .page-title-search-box > form {
    margin: auto;
}
.pattern-bread h2.page-title {
    display: inline-block;
    float: left;
    margin-bottom: 0;
    margin-top: 0;
}
.pattern-bread .breadcrumbs > ul {
    display: inline-block;
    float: right;
    margin-top: 5px;
    color: #fff;
}
.border-bread {
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
}
.bg-2.bread-bg {
    background-attachment: fixed;
    background-position: center center;
}
.breadcrumbs-img {} .breadcrumbs-img h2.page-title {
    color: #000;
}
.breadcrumbs-img .breadcrumbs > ul li a {
    color: #fff;
}
.breadcrumbs-img .breadcrumbs > ul li {
    color: #fff;
}
.breadcrumbs-img .breadcrumbs ul li a::after {
    background-color: #000;
}
.page-title-bar.right-title .page-title-search-box,
.page-title-bar.right-title ul {
    float: left;
}
.page-title-search-box button {
    background-color: #e51515;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    height: 100%;
    line-height: 15px;
    padding: 0;
    position: absolute;
    right: 0;
    width: 40px;
}
.page-title-search-box > form {
    width: 250px;
    position: relative;
}
.page-title-search-box input {
    border: 0 none;
    height: 35px;
    padding: 0 10px;
    width: 100%;
}
/* Overlay */

section.breadcrumbs-area {
    position: relative;
    z-index: 1;
}
section.breadcrumbs-area::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.breadcrumbs {
    display: block;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.breadcrumbs.breadcrumbs-title-left {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}
.breadcrumbs.breadcrumbs-title-right {
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}
.breadcrumbs.breadcrumbs-title-center {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.breadcrumbs-title-center .page-title,
.breadcrumbs-title-center .page-title-bar {
    padding: 5px 0;
}
.breadcrumbs-title-center .page-title-search-box {
    margin-top: 10px;
}

.blog-story {}
.blog-img-2 {
    margin-bottom: 30px;
}
.blog-header {} .blog-header h1 {
    font-size: 3rem;
    font-weight: 500;
    margin-bottom: 20px;
}
.story-hbtitle p {
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
}
.tab-info {} .tab-info p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 20px;
}
.meta-info {
    overflow: hidden;
    width: 100%;
    margin: 47px 0 53px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}
.meta-info i{
    margin-right: 3px;
}
.meta-info > span {
  margin-left: 15px;
}
.meta-info span:first-child {
  margin-left: 0;
}
.meta-item i {
    margin-right: 5px;
}
.comment-title{
    font-family: "oswaldmedium";
    color: #666;
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 125%;
    margin-bottom: 50px;
    padding-bottom: 13px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.comment-title::before {
    background-color: #555;
    bottom: 0px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 120px;
}


.contact-form p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}
.contact-form label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
}
.contact-form textarea {
    border: 1px solid #e8e8e8;
    font-size: 12px;
    font-weight: 500;
    height: 168px;
    margin-bottom: 20px;
    padding: 8px 15px;
    width: 100%;
}
.btn {
    background: #e51515 none repeat scroll 0 0;
}
.contact-form input {
    border: 1px solid #e8e8e8;
    color: #8f8f8f;
    font-size: 12px;
    font-weight: 500;
    height: 36px;
    margin-bottom: 15px;
    padding: 8px 15px;
    width: 100%;
}
.contact-form button {
    background: #e51515 none repeat scroll 0 0;
    border: 1px solid #e51515;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 20px;
    text-transform: uppercase;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.contact-form button:hover {
    background: #26ccff none repeat scroll 0 0;
    border-color: #26ccff;
}

/*contact form 7 - home */
span.wpcf7-not-valid-tip{
    text-align: left;
    position: relative;
    top: -27px;
}
.contact-form-area textarea{
    margin-bottom: 30px;
}
p.form-messege.error {
    margin-top: 20px;
    color: red;
}
div.wpcf7-response-output {
    width: 83.33%;
    margin: 0 auto;
}
div.wpcf7 .ajax-loader {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}

/*contact form 7 - contact page*/
div.wpcf7 .contact-form-2 .ajax-loader {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: unset;
}



/*---Blog Comment---*/

.comment-list {
    list-style: none;
}
.author-top {
  display: block;
  margin-bottom: 15px;
  position: relative;
}
.author-top .author-comment {
  overflow: hidden;
  padding: 5px 0;
}
.author-top .author-comment .author-name {
  display: block;
  font-weight: 700;
}
.comment-list .author-img {
  float: left;
  margin-right: 10px;
  max-width: 64px;
}
.copy.small a:hover {
  color: #404040;
}
.copy.small a {
  color: #e51515;
  text-decoration: underline;
}
.comment-list .author-comment a {
    margin-right: 5px;
    color: #000;
}
.comment-list .children {
    list-style: none;
}
.comment-list .children {
    margin-left: 35px;
}
.no-comments {
  background: #f5f5f5  none repeat scroll 0 0;
  padding: 5px 10px;
}

/*------------Blog Sidebar------------*/
/* blog-left-area */

.single-left-blog {} .blog-search {} .sidebar-widget {
    overflow: hidden;
    margin-bottom: 50px
}
aside.widget-area .sidebar-widget:last-child {
    margin-bottom: 0px
}
.sidebar-widget a {
    color: #333;
}
.sidebar-widget a:hover {
    color: #e51515;
}

.sidebar-widget li a:hover {
    color: #e51515;
}
form#search {
    position: relative;
}
form#search input {
  border: 1px solid #e5e5e5;
  float: left;
  height: 40px;
  padding-left: 10px;
  width: 100%;
}
form#search button {
  background: #21252c none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  color: #fff;
  font-family: "oswaldmedium";
  font-size: 13px;
  font-weight: 400;
  height: 40px;
  padding: 0 20px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
form#search > button:hover {
  background: #e51515 none repeat scroll 0 0;
}
.single-left-blog h5 {} .blog-search button:hover {
    background: #26CCFF;
    border-color: #26CCFF;
    color: #999;
}
.sidebar-title {
  border-bottom: 1px solid #e5e5e5;
  color: #353535;
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 30px;
  padding-bottom: 13px;
  position: relative;
  text-transform: uppercase;
}
.blog-left-text {} ul.sidebar-link {} .sidebar-widget ul li {
    margin-bottom: 12px;
    color: #464646;
}
ul.sidebar-link li:last-child {
    margin-bottom: 0
}
ul.sidebar-link li a {
    color: #666;
    display: block;
    font-size: 14px;
    font-weight: 300;
    position: relative;
}
ul.sidebar-link li a:hover {
    color: #e51515
}
.blog-left-info {} .Tags {
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 17px;
    padding-bottom: 13px;
    padding-top: 40px;
    text-transform: capitalize;
    position: relative;
}
.Tags::before {
    background: #e51515 none repeat scroll 0 0;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 50%;
}
.blog-left-info {} ul.tag {} ul.tag li {
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 8px;
}
ul.tag li a {
    border: 1px solid #e8e8e8;
    color: #333333;
    display: inline-block;
    font-size: 13px;
    padding: 3px 17px;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
}
.sidebar-widget .product-item {
    overflow: hidden;
}
.sidebar-widget .product-img {
    float: left;
    margin-right: 15px;
}
.sidebar-widget h6.product-title {
    font-size: 16px;
}
.sidebar-widget .product-info > p {
    margin: 0;
}
.sidebar-widget .product-item {
    overflow: hidden;
}

.product-item .product-img {
    float: left;
    margin-right: 15px;
    width: 80px;
}
.product-item .product-info {
    overflow: hidden;
}
.widget_wphash_recent_post .product-item + .product-item {
    margin-top: 15px;
}

.sidebar-widget h6.product-title {
  color: #383838;
  font-family: "oswaldmedium";
  font-size: 12px;
  margin: 0;
  text-transform: uppercase;
  line-height: 18px;
}
.sidebar-widget .product-info > p {
    margin: 0 0 5px;
}
.sidebar-widget .product-info > p:last-child {
    margin: 0;
}
.product-item .product-img a{
    display: block;
}


/*-------------------------------- 
#  12. Footer
----------------------------------*/

/*========================================*/
/*  Footer Top area
/*========================================*/

.footer-top-area {
  background: #252830 none repeat scroll 0 0;
  border-top: 2px solid #e51515;
  padding-bottom: 70px;
  padding-top: 100px;
  position: relative;
  z-index: 1;
}
.redux-active .footer-top-area {
  background: none;
}
.footer-top-area::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.single-footer {
  color: #ddd;
  margin-bottom: 40px;
  overflow: hidden;
}
.copyright .payment-img {
  margin-top: 8px;
}
.single-footer .tp_recent_tweets li{
    line-height: 125%;
    padding-bottom: 0;
}
.single-footer .tp_recent_tweets li a{
    color: #e51515;
}
.footer-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 32px;
    text-transform: uppercase;
    color: #fff;
}
.single-footer .logo-footer img {
  margin-bottom: 32px;
}
.single-footer .footer-social {
    list-style: none;
    margin: 0;
    padding: 0;
}
.single-footer .footer-social li {
    display: inline-block;
}
.single-footer .footer-social li a {
    border: 1px solid;
    border-radius: 50%;
    color: #838896;
    display: block;
    height: 30px;
    line-height: 28px;
    text-align: center;
    width: 30px;
}
.single-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.single-footer ul li {
  color: #ccc;
  margin-bottom: 15px;
}
.single-footer ul li a {
    color: #ddd;
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-footer ul li a:hover {
    color: #e51515;
}
.single-footer .footer-social {
    float: left;
}
.single-footer input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #999999;
    font-size: 13px;
    height: 40px;
    padding-left: 20px;
    width: 100%;
    margin-bottom: 15px;
}
.single-footer textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #999999;
    font-size: 13px;
    padding-left: 20px;
    width: 100%;
    height: 80px;
}
.single-footer .submit-btn-1 {
    font-size: 14px;
    margin-top: 10px;
    padding: 12px 15px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: inherit;
}
.single-footer .submit-btn-1:hover {
    color: #ff0300;
    border: 1px solid#ff0300;
}

/*Short descriptions widget*/
.single-footer.widget > h5 {
    color: #ffffff;
    font-family: "oswaldmedium";
    font-size: 14px;
    font-weight: 400;
    padding-top: 5px;
    text-transform: uppercase;
}
.f-info {
    color: #ffffff;
    display: block;
    font-size: 13px;
    margin-bottom: 22px;
}
.f-info br{
    display: none;
}
.f-info i {
    color: #e51515;
    float: left;
    font-size: 16px;
    position: relative;
    width: 25px;
}

.footer-info-wrapper {
    padding-top: 32px;
}

/*=============================
* Footer Bottom area
=========================*/

.footer-bottom {
    background: #1e2127 none repeat scroll 0 0;
    padding: 45px 0;
}
.redux-active .footer-bottom {
    background: none;
}

.copyright-text {
    margin-top: 6px;
}
.copyright-text p {
    color: #838896;
    margin-bottom: 0;
}
.copyright-text a {
    color: #838896;
}
.footer-social {
    float: none;
}
.footer-bottom ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-bottom ul li {
    display: inline-block;
}
.footer-bottom ul li a {
    padding: 5px 10px;
    display: block;
    text-decoration: none;
    color: #838896;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.footer-bottom ul li a:hover {
    color: #ff0300;
}
.footer-bottom .col-sm-6:first-child .copyright-text,
.footer-bottom .col-sm-6:first-child .footer-social {
    float: left;
}
.footer-bottom .col-sm-6:last-child .copyright-text,
.footer-bottom .col-sm-6:last-child .footer-copyright-menu,
.footer-bottom .col-sm-6:last-child .footer-social {
    float: right;
}
.footer-all .footer-icon {
  margin-bottom: 40px;
}
/*=============== soical share link widget ===================*/

.solical-links {
    display: block;
}
.solical-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.solical-links ul li {
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 10px;
}
.solical-links ul li a {
    display: block;
    text-decoration: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid;
    text-align: center;
}
.footer-bottom .footer-social ul li a:hover {
    color: #e51515;
}
/*************************************
 Custom-content all   
**************************************/

.site-wrapper.boxed-layout {
    -webkit-box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
    box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
    margin: auto;
    position: relative;
    max-width: 1240px;
    width: 100%;
    background: #fff;
}
.boxed-layout .sticky {
    left: auto;
    margin: auto;
    width: 1240px;
}
.boxed-layout .header-area,
.boxed-layout .header-bottom {
    left: auto;
    max-width: 1240px;
    right: auto;
    width: 100%;
    z-index: 9999999;
}

/* Unit test common*/
article.sticky .single-blog,
article.tag-sticky-2 .single-blog{
    border: 1px solid #e51515;
    padding: 15px;
    padding-top: 0;

}
nav#comment-nav-above,
nav#comment-nav-below {
    display: block;
    background: #fff;
    overflow: hidden;
    padding: 10px 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
nav#comment-nav-above a,
nav#comment-nav-below a{
    color: #e51515;
}
nav#comment-nav-above{
    margin-bottom: 25px;
}
nav#comment-nav-below{
    margin-top: 25px;
    margin-bottom: 25px;
}


table {
  border: 2px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
  overflow: hidden;
  vertical-align: top;
  width: 100%;
}
table th {
  border-bottom: 2px solid rgba(0, 0, 0, 0.08);
  border-right: 2px solid rgba(0, 0, 0, 0.08);
  color: #454545;
  font-weight: 700;
  padding: 10px;
  text-align: left;
  text-transform: uppercase;
  vertical-align: middle;
}
table td {
  border-bottom: 2px solid rgba(0, 0, 0, 0.08);
  border-right: 2px solid rgba(0, 0, 0, 0.08);
  padding: 5px 0;
  vertical-align: top;
  color: #454545;
  text-align: center;
}
table th a , table th a:hover{
  text-decoration: underline;
}
.story-hbtitle a:not(.button) {
  text-decoration: underline;
}
.post-password-form input[type="submit"] {
  background: #e51515 none repeat scroll 0 0;
  border: 1px solid #e51515;
  border-radius: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  padding: 5px 10px;
}
.post-password-form input[type="submit"]:hover {
  background: transparent none repeat scroll 0 0;
  color: #e51515;
}
.post-password-form input[type="password"] {
  border: 1px solid #ddd;
  border-radius: 0;
  padding: 0 0 0 5px;
}
#wp-calendar tbody tr td {
  border-right: 1px solid #ebebeb;
}
#wp-calendar tbody tr td#today {
  background: #e51515 none repeat scroll 0 0;
  color: #fff;
}
.wp-audio-shortcode {
  margin-bottom: 15px;
}
.footer-icon p {
  color: #838896;
}
.footer-area table {
  border: 2px solid #fff;
}
.footer-area caption {
  color: #fff;
}
.footer-area table th {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  color: #fff;
}
.footer-area table td {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}
.footer-area table#wp-calendar a {
  color: #fff;
}
.footer-area .widget_tag_cloud .tagcloud a:hover {
  color: #e51515;
}
.footer-area .widget_tag_cloud .tagcloud a {
  color: #fff;
}
.shopping-button button[type="submit"] {
  background: #e51515 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin-top: 15px;
  padding: 8px 14px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.shopping-button button[type="submit"]:hover {
  background: transparent none repeat scroll 0 0;
  color: #e51515;
}

/* Heading font size */
.entry-content h1,
.single .blog-details-pra h1,
.single .comments-area h1
{
  font-size: 48px;
}
.entry-content h2,
.single .story-hbtitle h2,
.single .comments-area h2{
  font-size: 30px;
  padding-top: 0;
}
.entry-content h3,
.single .story-hbtitle h3,
.single .comments-area h3{
  font-size: 22px;
}
.entry-content h4,
.single .story-hbtitle h4,
.single .comments-area h4{
  font-size: 20px;
}
.entry-content h5,
.single .story-hbtitle h5,
.single .comments-area h5{
  font-size: 18px;
}
.entry-content h6,
.single .story-hbtitle h6,
.single .comments-area h6{
  font-size: 16px;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.single .story-hbtitle h1,
.single .story-hbtitle h2,
.single .story-hbtitle h3,
.single .story-hbtitle h4,
.single .story-hbtitle h5,
.single .story-hbtitle h6,
.single .copy h1,
.single .copy h2,
.single .copy h3,
.single .copy h4,
.single .copy h5,
.single .copy h6
{
  font-weight: inherit;;
  margin-bottom: 20px;
  font-family: 'Rubik';
  font-weight: 500;

}

/*Listings fix*/
.entry-content ul,
.story-hbtitle ul,
.copy ul{
    list-style: outside;
}

.entry-content ol,
.story-hbtitle ol,
.copy ol{
    list-style: decimal;
}

.entry-content ul,
.story-hbtitle ul,
.copy ul,
.entry-content ol,
.story-hbtitle ol,
.copy ol{
    margin-left: 0;
    padding-left: 30px;
    line-height: 24px;
    font-size: 13px;
}

.entry-content > ul,
.story-hbtitle > ul,
.copy > ul,
.entry-content > ol,
.story-hbtitle > ol,
.copy > ol{
    margin-bottom: 20px;
}

div.widget_categories li.cat-item a{
    display: inline-block;
}
div.widget_categories ul.children{
    margin-left: 6px;
    margin-top: 5px;
}
div.widget_categories ul.children > li{
    margin-left: 5px;
    line-height: 21px;
    margin-bottom: 10px;
}
div.widget_categories ul.children li:first-child{
    padding-top: 13px;
}
.redux-active .footer-all .footer-icon{
    margin-bottom: 0;
}
.redux-active .footer-all .footer-logo{
    margin-bottom: 20px;
}
/*footer widgets*/
.footer-top-area #wp-calendar tbody tr td{
    color: #fff;
}
.footer-top-area .widget_pages ul.children{
    margin-left: 1.5em;
}
.footer-top-area .widget_pages ul.children li{
    margin-top: 15px;
}
.footer-top-area .widget_rss .rssSummary {
    margin-top: 8px;
    margin-bottom: 5px;
    line-height: 130%;
}
.footer-top-area .widget_rss ul li{
    margin-bottom: 30px;
}
.footer-top-area input::-moz-placeholder, textarea::-moz-placeholder {
  color: #fff;
}
.footer-top-area input::-webkit-input-placeholder{
  color: #fff;
  opacity: 1;
}
.footer-top-area input::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.footer-top-area .widget_tag_cloud .tagcloud a:hover{
    color: #fff;
}

.footer-top-area .widget_nav_menu ul.sub-menu{
    margin-left: 1.5em;
}
.footer-top-area .widget_nav_menu ul.sub-menu li{
    margin-top: 15px;
}


/*woocommerce unit test*/
.woocommerce .woocommerce-MyAccount-content form .form-row input.input-text{
    border: 1px solid #c0c0c0;
    padding: 5px 10px;
}
.woocommerce .woocommerce-MyAccount-content fieldset{
    margin-bottom: 15px;
}
.woocommerce-info {
    border-top-color: #e51515;
}
.woocommerce-info::before {
    color: #e51515;
}
.woocommerce #review_form #respond .form-submit input,
.woocommerce input.button,
a.woocommerce-Button.button,
.woocommerce a.button{
    background: #21252c;
    color: #ddd;
    font-family: "oswaldmedium";
    font-size: 13px;
    font-weight: normal;
    line-height: 13px;
    text-transform: uppercase;
    border-radius: 0;
    padding: 13px 30px 10px;
}
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce input.button:hover,
a.woocommerce-Button.button:hover,
.woocommerce a.button:hover{
    background: #e51515;
    text-decoration: none;
    outline: 0 none;
    color: #fff;
}
.woocommerce .widget-post-text .price del{
    margin-left: 0;
}
.woocommerce p.stars a,
.woocommerce p.stars a:hover,
.woocommerce p.stars a:active,
.woocommerce p.stars a.active{
    color: #ffcc00;
}
.woocommerce .woocommerce-breadcrumb {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    font-weight: 500;
    margin: 0;
}
.woocommerce .woocommerce-breadcrumb a{
    color: #fff;
}
.woocommerce .woocommerce-breadcrumb a:hover{
    color: #e51515;
}



/*end unit test css*/


.page-not-found-wrap{
    height: 750px;
    width: 100%;
    background: #f1f1f1;
}
.page-not-found-wrap .container, 
.page-not-found-wrap .container .row, 
.page-not-found-wrap .container .pnf-inner-wrap, 
.page-not-found-wrap .container [class*="col-"] {
    height: 100%;
}
.page-not-found-wrap .container .pnf-inner-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.pnf-inner img{
    max-height: 350px;
    margin-bottom: 30px;
}
.pnf-inner > h1 {
    color: #333;
    font-size: 150px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.pnf-inner > h2 {
    color: #333;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase;
}
.pnf-inner > p {
    color: #333;
    font-size: 24px;
    line-height: 1.4;
    margin: 0;
}
.pnf-inner a.btn {
    color: #fff;
    height: 50px;
    line-height: 50px;
    margin-top: 50px;
    padding: 0 30px;
    text-transform: uppercase;
}


/*unit test css theme specific*/
.site-logo h3 a {
    color: #fff;
}

.home.page-template-default header{
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    position: inherit;
}
.copy{
    font-size: 100%;
}
blockquote{
    margin-bottom: 15px;
    border-left: 5px solid #e51515
}




/* Custom CSS for this theme*/
.page-area{
    padding: 150px 0;
}
.default-btn,.contact-form-area .submit-btn,#commentform .shopping-button > button {
    background: #21252c none repeat scroll 0 0;
    border-radius: 2px;
    color: #90939c;
    display: inline-block;
    font-family: "oswaldmedium";
    font-size: 13px;
    padding: 17px 40px 14px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    line-height: 13px;
}
.default-btn::after,#commentform .shopping-button > button:after {
    background: #e51515 none repeat scroll 0 0;
    border-radius: 0 0 3px 3px;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.default-btn:hover, .default-btn:focus, .default-btn:active,#commentform .shopping-button > button:hover {background: #E51515;}
.default-btn:hover span, .default-btn:focus span, .default-btn:active span {color: #fff}
.default-btn:hover:after,#commentform .shopping-button > button:hover:after{
    height: 100%;
    border-radius: 2px
}
.default-btn span {z-index: 2; position: relative}

/*----------
    My css here
------------*/
#services-area .kc_row_inner .kc_col-sm-4 {
  padding: 0;
}
#services-area .kc_row_inner .kc_col-sm-4:first-child .single-service::after {
  border-left: medium none;
}
#services-area .kc_row_inner .kc_col-sm-4 .kc_wrapper .kc-elm:last-child .single-service::after {
  border-bottom: medium none;
}
.testimonial-carousel.owl-theme .owl-controls {
  margin-top: 0;
}
.testimonial-carousel .owl-dot::after {
  background: #14151b none repeat scroll 0 0;
  content: "";
  height: 24px;
  left: 60px;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 24px;
  z-index: 1;
}

.contact-form-area input, .contact-form-area textarea {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    width: 100%;
}
.contact-form-area textarea {
  color: #fff;
  height: 172px;
}
.contact-form-area input {
    color: #fff;
    height: 57px;
    margin-bottom: 30px;
    padding: 0 25px;
}
.contact-form-area input[type="text"]::-webkit-input-placeholder , 
.contact-form-area input[type="email"]::-webkit-input-placeholder{ /* Chrome */
  color: #fff;
}
.contact-form-area input[type="text"]::-moz-placeholder , 
.contact-form-area input[type="email"]::-moz-placeholder{ /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}
.contact-form-area input[type="text"]:-ms-input-placeholder , 
.contact-form-area input[type="email"]:-ms-input-placeholder{ /* IE 10+ */
  color: #fff;
}
.contact-form-area input[type="text"]:-moz-placeholder , 
.contact-form-area input[type="email"]:-moz-placeholder{ /* Firefox 18- */
  color: #fff;
  opacity: 1;
}
.contact-form-area textarea::-webkit-input-placeholder { /* Chrome */
  color: #fff !important;
}
.contact-form-area textarea:-ms-input-placeholder { /* IE 10+ */
  color: #fff !important;
}
.contact-form-area textarea::-moz-placeholder { /* Firefox 19+ */
  color: #fff !important;
  opacity: 1;
}
.contact-form-area textarea:-moz-placeholder { /* Firefox 4 - 18 */
  color: #fff !important;
  opacity: 1;
}
.contact-form-area input::-moz-placeholder, .contact-form-area textarea::-moz-placeholder {
  color: #90939c;
  opacity: 1;
}
.contact-form-area .submit-btn {
  font-size: 14px;
  width: auto;
  border: none;
  border-bottom: 2px solid #e51515;
  margin-top: 40px;
}
.contact-form-area .submit-btn:hover,.contact-form-area .submit-btn:focus{
  background: #e51515;
  border-color: #e51515;
  color: #fff;
}

.fun-item h4 {
    padding-top: 25px;
    position: relative;
}
.fun-item h4::before {
    background: #e51515 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    top: 0;
    width: 40px;
}
.timeline-2 .timeline-date {
  border-bottom: 2px solid rgba(14, 27, 36, 0.1);
}
.timeline-2 .single-timeline-item::after {
  background: rgba(41, 44, 52, 0.1) none repeat scroll 0 0 !important;
  border-radius: 50%;
}
.choose-us-text p {
  margin-bottom: 30px;
}
.single-about-service .divider {
  display: none;
}
.single-about-service .kc-elm:last-child .single-service::after {
    border-bottom: medium none;
}
.single-about-service .kc-elm:last-child .single-service {
    padding-bottom: 15px;
}
.single-about-service .kc-elm:first-child .single-service {
    padding-top: 15px;
}
.kc_row .kc_col-sm-6:first-child .single-about-service .kc-elm .single-service::after {
    border-left: medium none;
}
#services-area-2 .single-service > h5 {
  color: #181b24;
}
#services-area-2 .srv-icon > img {
  filter: brightness(1%) invert(0);
  -webkit-filter: brightness(1%) invert(0);
  -ms-filter: brightness(1%) invert(0);
  -o-filter: brightness(1%) invert(0);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

#services-area-2 .single-service:hover .srv-icon > img {
    filter: brightness(100%) invert(0%);
    -webkit-filter: brightness(100%) invert(0%);
    -ms-filter: brightness(100%) invert(0%);
    -webkit-filter: brightness(100%) invert(0%);
}
#services-area-2 .single-service:hover h5 {
    color: #e51515
}

#services-area-2  .single-service::after {
  border-color: #181b24;
  opacity: 0.1;
}
.contact-form-area.contact-form-2 input, .contact-form-area.contact-form-2 textarea {
  border: 1px solid #ebebeb;
}
.contact-form-area.contact-form-2 .col-md-12 {
  padding: 0;
}
.contact-form-area.contact-form-2 input.submit-btn {
  border: none;
  border-bottom: 2px solid #e51515;
  float: left;
}
/*Breadcrumbs css*/
.breadcrumbs-area {
  
}
.breadcrumbs-area {
  padding: 260px 0;
}
.breadcrumbs h2.page-title,.page-title-bar > ul {
  color: #fff;
}
.breadcrumbs ul li a,.breadcrumbs ul li {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
.breadcrumbs ul li a:hover {
    color: #e51515;
}
.breadcrumbs h2.page-title {
  color: #ffffff;
  font-family: "oswaldmedium";
  line-height: 32px;
  margin-bottom: 33px;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
}
.bredcrumb-blog,
.breadcrumbs-bg{
  background: url('images/breacrumb-bg.jpg')no-repeat scroll center center / cover;
}
/*scrollup css*/
#scrollUp {
  background: #181b24 none repeat scroll 0 0;
  border: 4px solid #e51515;
  bottom: 60px;
  color: #ffffff;
  font-size: 18px;
  height: 56px;
  line-height: 56px;
  margin: 0;
  position: fixed;
  right: 15px;
  text-align: center;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  width: 56px;
  z-index: 999;
}
#scrollUp:hover {
  background: #e51515 none repeat scroll 0 0;
}
#scrollUp i {
  bottom: 0;
  display: block;
  font-size: 12px;
  height: 100%;
  left: 0;
  line-height: 44px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 22px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  width: 100%;
}

.header-main {
  position: absolute;
  width: 100%;
  z-index: 99;
}
.header-social ul li a {
  color: #fff;
}
.header-social ul li a:hover {
  color: #e51515;
}
.header-top-area {
  border-bottom: 1px solid rgba(167, 167, 167, 0.1);
}
.header-style-2 .primary-nav-wrap ul li a {
  display: block;
  font-family: "oswaldmedium";
  font-size: 13px;
  font-weight: 500;
  height: 79px;
  line-height: 79px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.header-search form input {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-color: currentcolor currentcolor currentcolor #e51515;
  border-image: none;
  border-style: none none none solid;
  border-width: medium medium medium 2px;
  color: #fff;
  font-size: 12px;
  height: 25px;
  letter-spacing: 1px;
  line-height: 24px;
  padding: 7px 15px;
  width: 287px;
}
.header-search form input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: fff;
}
.header-search form input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  color: fff;
}
.header-search form input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color: fff;
}
.header-search form input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color: fff;
}
.header-search form input[type="text"]::placeholder {
  color: fff;
}
.header-search form input:focus {
  outline: none;
}
.header-search form input::-moz-placeholder{
  color: #fff;
  opacity: 1;
}
.header-search form input::-webkit-input-placeholder{
  color: #fff;
  opacity: 1;
}
.header-search form button {
    color: #e51515;
    font-size: 14px;
    height: 25px;
    line-height: 100%;
}
.primary-nav-wrap ul li {
  margin-left: 28px;
}
.header-search {
  margin: 27px 0;
}
.blog-text {
  padding-top: 28px;
}
.blog-date span a {
  color: #e51515;
  text-transform: capitalize;
}
.single-blog a.blog-read-more {
  background: #21252c none repeat scroll 0 0;
  border-radius: 2px;
  color: #ddd;
  display: inline-block;
  font-family: "oswaldmedium";
  font-size: 13px;
  margin-top: 22px;
  padding: 17px 40px 14px;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  z-index: 9;
}
.single-blog a.blog-read-more::after {
  background: #e51515 none repeat scroll 0 0;
  border-radius: 0 0 3px 3px;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: -9;
}
.single-blog a.blog-read-more:hover::after {
  border-radius: 2px;
  height: 100%;
}
.single-blog a.blog-read-more:hover {
  color: #fff;
}
.blog-text > h2 {
  font-family: "oswaldmedium";
  font-size: 15px;
  margin-bottom: 13px;
  text-transform: uppercase;
}
.blog-text h2 a {
    color: #181b24;
 }
.blog-text h2 a:hover {
    color: #e51515;
}
.single-blog.mb-30 {
  margin-bottom: 100px;
}
/*pagination*/
.post-pagination,
.woocommerce-pagination {
  text-align: center;
}
.post-pagination .pagination,
.woocommerce-pagination {
    margin: 0;
}
.post-pagination ul,
.woocommerce-pagination {
    border-radius: 4px;
    display: inline-block;
}
.post-pagination ul li,
.woocommerce-pagination ul li {
  display: inline-block;
  margin-left: 8px;
  position: relative;
  text-decoration: none;
}
.post-pagination ul li:first-child,
.woocommerce-pagination ul li:first-child{
  margin-left: 0;
}
.post-pagination ul li a,
.woocommerce-pagination ul li a {
    display: block;
    color: #337ab7;
}
.post-pagination ul li a,
.woocommerce-pagination ul li a,
.post-pagination ul li span.current,
.woocommerce-pagination ul li span.current{
  background: #e9e9e9 none repeat scroll 0 0;
  border-radius: 50%;
  color: #000;
  font-size: 13px;
  height: 28px;
  line-height: 28px;
  width: 28px;
}
.post-pagination ul li span.current,
.woocommerce-pagination ul li span.current{
  display: block;
  border-radius: 50%;
}
.post-pagination ul li a:hover,
.post-pagination ul li a:hover,
.post-pagination ul li span.current,
.post-pagination ul li a.next,
.post-pagination ul li a.prev,
.woocommerce-pagination ul li a:hover,
.woocommerce-pagination ul li a:hover,
.woocommerce-pagination ul li span.current,
.woocommerce-pagination ul li a.next,
.woocommerce-pagination ul li a.prev
{
  background: #e51515 !important;
  color: #fff !important;
}
.post-pagination ul li a.next,
.post-pagination ul li a.prev,
.woocommerce-pagination ul li a.next,
.woocommerce-pagination ul li a.prev{
  border-radius: 30px;
  display: block;
  font-size: 16px;
  width: 65px;
}


input::-moz-placeholder, textarea::-moz-placeholder {
  color: #666666;
}
input::-webkit-input-placeholder{
  color: #666666;
  opacity: 1;
}
*::-moz-placeholder {
  color: #969696;
  opacity: 1;
}
.sidebar-title {
  font-family: "oswaldmedium";
}

.sidebar-widget .product-info > p a {
    color: #e51515;
}
.sidebar-widget .product-info > p {
    color: #90939c;
    text-transform: capitalize;
}
.sidebar-widget .product-item {
  margin-bottom: 30px;
}

/*---------------------------
# Mobile menu css here
----------------------------*/
.mobile-menu {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  z-index: 9999999;
}
.mean-container a.meanmenu-reveal {
  float: left;
  position: absolute;
  top: -133px;
}
.mean-container .mean-nav ul li a.mean-expand {
  font-family: "Lato",sans-serif;
}
.mobile-menu .mean-nav {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  margin: 0;
}
.mean-bar {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  min-height: inherit;
}
a.meanmenu-reveal i {
  color: #e51515;
}
.mean-nav {
  background: #fff none repeat scroll 0 0;
}
.mean-nav ul li a {
  border-bottom: 1px solid #ddd;
  border-top: none;
  float: left;
  font-family: "oswaldmedium";
  padding: 10px 20px;
}
.mean-nav ul li:last-child a {
  border: none;
}

.mean-nav ul li a:hover {
  color: #e51515;
}

.about-title h2 {
  margin: 0;
}


.blog-story .section-small-title h3 {
  color: #353535 !important;
  font-family: "oswalddemibold";
  margin-bottom: 40px !important;
  text-transform: uppercase !important;
}
.comment-form textarea {
  border: 1px solid #ddd;
  text-transform: capitalize;
}
#commentform .shopping-button > button{
 z-index: 9;
}

#commentform .shopping-button > button:after{
 z-index: -1;
}
#commentform .shopping-button > button:hover{
 color: #fff;
}


/*----------------------------------------*/
/*  13. Shop List Page
/*----------------------------------------*/
.ht-single-widget-wrapper {border: 2px solid #ebebeb; border-radius: 2px;}
.widget-title {
    border-bottom: 1px solid #e1e1e1;
    color: #252525;
    font-family: "oswaldmedium";
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    margin: 0 20px;
    padding-bottom: 10px;
    text-transform: uppercase
}
.shop-sidebar .widget-title{
    margin: 0 0;
}
.widget-subtitle {
    color: #000;
    font-family: "oswaldmedium";
    margin-bottom: 26px;
    font-weight: 400;
    text-transform: uppercase;
}
.ht-widget-item {padding-left: 20px; padding-right: 20px; margin-bottom: 36px;}
.widget-content .cat li a {
    color: #898989;
    display: block;
    font-size: 13px;
    position: relative;
    line-height: 13px;
}
.widget-content .cat li {
    border-bottom: 1px solid #ebebeb;
    display: block;
    margin-bottom: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.widget-content .cat li:last-child {margin: 0;}
.cat > li a:after {
    color: #898989;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 1px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.cat li a:hover, .cat li a:hover:after {color: #e51515;}
.range {color: #363636; display: block; margin-bottom: 22px;}
.ui-widget-content {
    background: #dbdbdb none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    height: 5px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle
{background-color: #e51515}
.slider-values > input {
    border: 0 none;
    color: #000000;
    font-size: 14px;
    padding: 0;
}
.ui-slider-handle.ui-state-default {
    background: #ffffff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    height: 15px;
    margin-left: 0;
    width: 15px;
}
.price_slider_amount {padding-bottom: 23px; padding-top: 9px;}
.widget-content.type input {
    border: 1px solid #e3e3e3;
    float: left;
    height: 14px;
    margin: 0 11px 0 0;
    width: 14px;
}
.widget-content.type span {
  color: #898989;
  display: block;
  line-height: 13px;
  margin-bottom: 18px;
  overflow: hidden;
}
.type span label {color: #898989; cursor: pointer; font-size: 14px;}
.black {background: #363636 none repeat scroll 0 0;}
.blue {background: #448ccb none repeat scroll 0 0;}
.green {background: #3cb878 none repeat scroll 0 0;}
.grey {background: #cccccc none repeat scroll 0 0;}
.red {background: #ed1c24 none repeat scroll 0 0;}
.color span {
    display: inline-block;
    height: 17px;
    margin-right: 13px;
    position: relative;
    top: 3px;
    width: 17px;
}
.color {
    color: #898989;
    display: block;
    line-height: 12px;
    margin-bottom: 22px;
}
.white {background: #ffffff none repeat scroll 0 0; border: 1px solid #e3e3e3;}
.widget-content > p {color: #898989; font-size: 14px;}
.tag > li {display: inline; font-size: 13px; line-height: 30px;}
.tag > li a:hover {color: #e51515;}
.tag a {position: relative; color: #898989}
.tag a:after, .tag a:before {
    border-bottom: 1px solid #f19999;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.tag a:before {border-color: #fae0e0; bottom: -1px;}
.tag a:hover:after {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.product-view-wraper {
    border: 2px solid #e9e9e9;
    border-radius: 2px;
    overflow: hidden;
    padding: 12px 28px;
    font-size: 14px;
}
.product-view {float: left;}
.single-view, .select-view {display: inline-block; position: relative}
.woocommerce .woocommerce-result-count {color: #5a6069; float: right; line-height: 35px;}
.single-view > span {color: #5a6069; display: inline-block; margin-right: 11px;}
.single-view select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #e8e8e8;
    border-radius: 30px;
    cursor: pointer;
    height: 35px;
}
.product-view-wraper .product-view:first-child select {width: 96px;}
.single-view:last-child select {width: 180px;}
.single-view:first-child {margin-right: 60px;}
.select-view:after {
    color: #898888;
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 14px;
    top: 10px;
    line-height: 100%;
}
.shop-img {float: left;}
.shop-img img {border-radius: 2px}
.shop-text > a h2 {
    font-family: "oswaldmedium";
    font-weight: 400;
    margin-bottom: 14px;
    text-transform: uppercase;
    font-size: 18px;
}
.shop-text > h4 {
    font-family: "oswaldmedium";
    font-weight: 400;
    margin-bottom: 14px;
    text-transform: uppercase;
}
.shop-text > h4 a {color: #5a6069;}
.shop-text > h4 a:hover {color: #e51515;}
.star-rating > span {
    color: #ffcc00;
    display: inline-block;
    font-size: 13px;
    padding-left: 7px;
}
.shop-text {overflow: hidden; padding-left: 30px; padding-top: 38px;}
.shop-divider {border-top: 1px solid #ededed; display: block;}
.star-rating {margin-bottom: 10px;}
.single-shop-item .p-ratings {
    padding-bottom: 22px;
}
.shop-text > p {
    color: #898989;
    line-height: 30px;
    padding-right: 56px;
    padding-top: 22px;
}
.shop-info {color: #898989; font-size: 13px; line-height: 30px;}
.shop-info .check {
    background: #ebebeb none repeat scroll 0 0;
    border: 1px solid #dadada;
    border-radius: 2px;
    display: inline-block;
    height: 13px;
    margin-right: 17px;
    position: relative;
    top: 3px;
    width: 13px;
}
.shop-info > span {color: #e51515;}
.shop-info-wrapper {padding-bottom: 32px; padding-top: 11px;}
.shop-price {padding-top: 38px;}
body.woocommerce .single-shop-item {
    border-bottom: 1px solid #ededed;
    margin-bottom: 29px;
    overflow: hidden;
    padding-bottom: 30px;
}
.single-shop-item:last-child {border: 0 none; padding: 0;}
/*----------------------------------------*/
/*  14. Product Details Page
/*----------------------------------------*/
.ht-details-widget > span {color: #898989; display: block; font-size: 13px;line-height: normal;text-transform: uppercase}
.ht-details-widget > span.d-title {color: #252525; margin-bottom: 8px; font-weight: 500;}
.ht-details-widget {margin-bottom: 28px;}
.ht-details-widget:last-child {margin: 0;}
iframe {border: 0;}
.shop-details-area .ht-widget-item {padding-left: 18px; padding-right: 18px;}
.single-widget-post:last-child {margin: 0;}
.single-widget-post {margin-bottom: 20px; overflow: hidden;}
.widget-post-img img {border-radius: 3px;width: 93px;}
.widget-post-img {float: left;}
.widget-post-text {overflow: hidden; padding-left: 19px; padding-top: 12px;}
.widget-post-text > h5 a {color: #5a6069;}
.widget-post-text > h5 {
    font-family: "oswaldmedium";
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
}
.shop-details-info-wrapper .woocommerce-product-rating a.woocommerce-review-link {
  color: #333;
}
.shop-details-info-wrapper del, .shop-details-info-wrapper .price del {
  color: #000;
  margin-left: 0;
  margin-right: 0;
}
.widget-post-text .color {margin: 0; padding-top: 20px;}
.widget-post-text .current-price,
.widget-post-text .price {
    display: block;
    font-size: 14px;
    margin-left: 0;
    padding-top: 17px;
    color: #e51515;
    font-family: "oswaldmedium";
    font-weight: 400;
    position: relative;
    text-transform: uppercase;
    top: 2px;
    background: white;
}
.widget-post-text .price{
    padding-top: 5px;
    margin-bottom:0;
}
.widget-post-text .price ins{
    margin-left: 10px;
}
.widget-post-text h5 a:hover {color: #e51515;}
.single-widget-post:last-child {margin: 0;}
.shop-details-area .ht-single-widget:last-child .ht-widget-item {margin-bottom: 23px;}
.ht-shop-details-img{overflow: hidden;}
.ht-shop-details-img img {border-radius: 2px;}
.single-meta {
    border: 1px solid #ebebeb;
    border-radius: 2px;
    color: #898989;
    display: inline-block;
    font-size: 13px;
    margin-right: 5px;
    padding: 13px 18px;
}
.single-meta i {font-size: 14px; margin-right: 12px;}
.single-meta:last-child {margin: 0;}
.ht-shop-meta {padding-top: 41px;}
.shop-details-info > h4 {
    color: #5a6069;
    font-family: "oswaldmedium";
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 14px;
    text-transform: uppercase;
}
.shop-details-info {float: left;}
.details-price {float: right;}
.shop-details-info-wrapper {
    border-bottom: 1px solid #ededed;
    overflow: hidden;
    padding-top: 44px;
    padding-bottom: 0px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #e51515;
    font-family: "oswaldmedium";
    font-weight: 400;
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 12px;
}
.details-price > span {color: #898989; display: block; font-size: 13px; font-style: italic;text-align: right;}
.details-text > p {color: #898989; line-height: 30px;}
.details-text > p:first-of-type {margin-bottom: 30px;}
.details-text {padding-right: 44px; padding-top: 22px;}
.details-text p.quote {font-style: italic; line-height: 30px; margin-bottom: 30px;}
.nav.nav-tabs {
    border: 2px solid #e9e9e9;
    border-radius: 2px;
    margin-bottom: 28px;
    margin-top: 101px;
    padding: 23px 24px 19px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li > a:hover, .nav-tabs > li.active > a:hover {
    background: #ffffff none repeat scroll 0 0;
    border: 0 none;
    color: #e51515;
}
.nav-tabs > li {margin-bottom: 0; margin-right: 84px; padding-bottom: 0; position: relative;}
.nav-tabs > li:after {
    background: #ebebeb none repeat scroll 0 0;
    content: "";
    height: 21px;
    position: absolute;
    right: -41px;
    top: -3px;
    width: 1px;
}
.nav-tabs > li:last-child:after {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.nav-tabs > li:last-child {margin-right: 0;}
.nav-tabs > li > a {
    background: #ffffff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #292929;
    font-family: "oswaldmedium";
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: uppercase;
}
.tab-text > p {color: #898989; line-height: 30px;}
.tab-text > p:first-of-type {margin-bottom: 30px;}
.tab-text > p:last-of-type {margin: 0;}

/* Woocommerce style fix */
.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 0;
}
.woocommerce .woocommerce-ordering {
    margin: 0 0 0;
    float: none;
}
.woocommerce .woocommerce-ordering select {
    vertical-align: inherit;
}
.woocommerce .woocommerce-result-count{
    margin: 0;
}
.woocommerce .products .star-rating,
.woocommerce .star-rating {
    display: inline-block;
    margin: 0;
    float: none;
}
.woocommerce div.product div.images .flex-control-thumbs{
    margin-top: 15px;
}
.woocommerce div.product div.images .flex-control-thumbs li{
    margin-right: 10px;
}
del,
.price del{
    color: #666;
    font-family: "oswaldextralight";
    font-size: 14px;
    margin-left: 23px;
    position: relative;
    text-decoration: line-through;
    top: 2px;
}
ins,
.price ins,
.price > span{
    color: #e51515;
    font-family: "oswaldmedium";
    font-weight: 400;
    font-size: 16px;
    position: relative;
    text-transform: uppercase;
    top: 2px;
    background: none;
}
del{
    margin-left: 0;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
    opacity: 1;
}
.product-summary{
    clear: both;
}
.product-summary .details-text{
    padding-top: 30px;
}

/*tm extra options css*/
.tc-extra-product-options{
    visibility: visible !important;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li{
    border:0;
}
.woocommerce nav.woocommerce-pagination ul li{
    margin-right: 8px;
}
.tm-extra-product-options-totals .price.amount.options,
.tm-extra-product-options-totals .price.amount.fees{
    margin-bottom: 15px;
    display: inline-block;
}
.woocommerce .tm-extra-product-options-totals .price.amount{
    font-size: 16px;
    line-height: 26px;
}
.tm-fee-totals{
    margin: 0 0 0;
}
.single .product .tm-extra-product-options span.tm-epo-field-label {
    color: #5a6069;
    font-family: "oswaldmedium";
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.tm-extra-product-options ul.tmcp-ul-wrap li span {
  font-weight: 400;
}
.tm-fee-totals, .tm-final-totals, .tm-options-totals {
    color: #5a6069;
    font-family: "oswaldmedium";
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 0px;
    text-transform: uppercase;
    line-height: 15px;
}
.tm-extra-product-options li.tmcp-field-wrap.tc-active .tc-label.tm-label{
    font-weight: normal;
}


/*woocommerce  pagination*/
.pagination-wrapper{
    border: 2px solid #e9e9e9;
    border-radius: 2px;
    padding: 12px 16px;
}
.pagination-wrapper > p.woocommerce-result-count {
    color: #8d8c8c;
    display: block;
    float: left;
    line-height: 33px;
}
.pagination-wrapper .woocommerce-pagination{
    float: right;
    line-height: 1;
}
/*Features product css here*/

.features_product_2 .slick-current .single-feature-item {
  -webkit-transform: inherit;
  transform: inherit;
}
.style-2 .slick-current .single-feature-item{
    transform: none;
}
.style-2 .slick-current .feature-wrapper{
    bottom: 0;
}
.feature-slick-carousel a.woocommerce-review-link {
    color: #fff;
}

/*testimonial*/
.testimonail_2 .testimonial-carousel .owl-dot::after {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.testimonail_2 .testimonial-carousel .owl-dot > span {
  background: #d8d8d8;
}
.fun_face_extra,.our_team_extra,.contact_area_extra {
  width: inherit !important;
}

#testmonial-section.style-3 .testimonial-carousel .owl-dot.active > span {
  background: #e51515;
}

#testmonial-section.style-3 .testimonial-carousel .owl-dot > span {
  background: rgba(216, 216, 216, 0.2) none repeat scroll 0 0;
}

#testmonial-section.style-3 .testimonial-carousel .owl-dot::after {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#timeline-area.style-3 {
  padding-top: 0;
}
.about-image {
  margin-left: -95px;
  max-width: inherit !important;
  position: absolute !important;
  top: 18px;
  width: 127% !important;
}
.blog-story #commentform > input {
  border: 1px solid #ebebeb;
  border-radius: 3px;
  color: #90939c;
  height: 45px;
  line-height: 45px !important;
  margin-bottom: 20px;
  padding: 0 20px;
  width: 100%;
}




/*Woocomerce css here*/
.shop-img {
  float: left;
  width: 40%;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  float: inherit;
  width: inherit;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: none;
    width: 100%;
}
.woocommerce div.product div.images {
  margin-bottom: 0;
}
.woocommerce div.product div.images .flex-control-thumbs {
  margin-top: 10px;
}
.woocommerce span.onsale {
    height: 50px;
    left: 0;
    line-height: 50px;
    padding: 0;
    letter-spacing: 1px;
    top: 0;
    width: 50px;
    background: #e51515;
    font-weight: normal;
    font-size: 12px;
    border-radius: inherit;
}
.woocommerce .woocommerce-product-rating {
  padding-bottom: 25px;
}
.details-text {
  border-bottom: 1px solid #ededed;
  margin-bottom: 30px;
}

.woocommerce .widget_layered_nav ul li {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
}
.woocommerce .widget_layered_nav ul li > a {
    font-size: 13px;
    text-transform: uppercase;
}
.woocommerce .widget_layered_nav ul li::after,.woocommerce .product-categories .cat-item a:after {
    color: #898989;
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top: 0;
}
.woocommerce .widget-title {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
  -webkit-box-shadow: none;
  box-shadow: none;
  float: right;
  height: 40px;
  margin-left: 4px;
  width: 40px;
}

.woocommerce ul.product_list_widget li a span {
    color: #5a6069;
    font-family: oswaldmedium;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}
.woocommerce ul.product_list_widget li a span:hover,
.woocommerce .product-categories .cat-item a:hover,
.woocommerce .product-categories .cat-item a:hover:after{
    color: #e51515;
}
.ht-widget-item.woocommerce {
  margin-bottom: 15px;
}

.woocommerce .product-categories .cat-item {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.woocommerce .product-categories .cat-item a {
    color: #555555;
    display: block;
    text-transform: uppercase;
    position: relative;
}
.woocommerce .price_label {
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
}

.woocommerce ul.product_list_widget li del span {
    color: #5a6069;
    font-size: 12px;
}
.shop-sidebar .ht-single-widget.pb-30 {
  padding-bottom: 0;
  padding-top: 15px;
}
.shop-details-info-wrapper .details-price p.price ins span {
  font-size: 26px;
}
.shop-details-area .product-summary .single_add_to_cart_button.button, .shop-details-area .product-summary .quantity{
  display: block;
}

table.compare-list tbody .add-to-cart td a {
  display: none;
}
.add-to-cart.odd {
  display: none;
}
.woocommerce div.product form.cart {
  margin-bottom: 0;
}
.woocommerce.single div.product form.cart {
  margin-top: 30px;
}
.shop-details-area .nav.nav-tabs {
  margin-top: 50px;
}
.tab-text > h2, .woocommerce #reviews #comments h2 {
  color: #777777;
  font-family: "oswaldmedium";
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 30px;
  text-transform: uppercase;
}

table.shop_attributes tbody {
    border: 1px solid #dddddd;
}
table.shop_attributes tbody tr td p {
    display: inline-block;
    padding: 8px 15px !important;
}
body.page-template table#DataTables_Table_0 tbody tr.add-to-cart.odd {
  display: none;
}
.error404 header {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  position: inherit;
}

.our-blog-area .row .col-xs-12 {
    height: 100px;
}
.our-blog-area .page-header .page-title {
    color: #5a6069;
    font-family: "oswaldmedium";
    font-size: 29px;
    text-transform: uppercase;
}
.mean-nav ul li a.mean-expand {
  height: 45px;
  position: absolute;
  text-align: right;
  width: 50px;
}
.mobile-menu .mean-nav ul li ul li a {
  padding-left: 32px;
}

/*
widget styling
*/

/*search widget*/
.widget_search form#search {
    display: block;
    position: relative;
}
.widget_search form#search input[type="text"]{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    border-left: 2px solid #e51515;
    height: 25px;
    line-height: 24px;
    padding: 7px 15px 7px 15px;
    width: 287px;
    font-size: 12px;
    outline: none;
}
.widget_search form#search button{
    background-color: transparent;
    border: 0 none;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 40px;
    color: #e51515;
    font-size: 14px;
    height: 25px;
    line-height: 100%;
    text-align: right;
}

/*category widget*/
div.widget_categories .sidebar-title{

}
div.widget_categories ul{
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
div.widget_categories li{
    display: block;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 21px;
}
div.widget_categories li a{
    display: block;
}

/*tag widget*/
div.widget_tag_cloud .tagcloud a{
    margin-bottom: 10px;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    color: #464646;
    display: inline-block;
    margin-right: 5px;
    padding: 7px 12px;
    font-size: 13px !important;
    line-height: 13px;
}
div.widget_tag_cloud .tagcloud a:hover{
    background: #e51515 none repeat scroll 0 0;
    border-color: #e51515;
    color: #ffffff;
}

/*tag widget in woocommerce archive page*/
.post-type-archive-product div.widget_tag_cloud .tagcloud a{

}


/* css for new comment */
.single-comment {
  position: relative;
}
.comment-img {
  display: inline-block;
  float: left;
  width: 80px;
}

.comment-text {
  padding-left: 150px;
}
.comment-text  .author-name,
.comment-text a.url {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  font-style: normal;
  text-transform: uppercase;
}


.comment-border {
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 40px;
  padding-bottom: 40px;
}

.single-comment.comment-border:last-child {
  margin-bottom: 0px;
}

.parent-comment {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 50px;
    overflow: hidden;
}
.comment-text .reply a {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 50px;
  bottom: -16px;
  color: #4c4c4c;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 7px 20px 6px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
}
.comment-text .reply a:hover {
  background-color: #000;
  color: #fff;
}
.replay-comment {
  margin-left: 150px;
}
.leave-comment > p {
  color: #000000;
  font-size: 14px;
  letter-spacing: 1px;
  margin: 0;
}
.leave-comment-form {
  margin-top: 40px;
}
.comment-respond h3.comment-reply-title{
    color: #222222;
    font-family: Rubik;
    font-size: 24px;
    letter-spacing: 1px;
    margin-bottom: 11px;
    text-transform: uppercase;
}
.comment-form > p{
    margin: 0;
}
.comment-form > p.comment-notes{
    color: #000000;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0;
}
.form-submit .submit{
    margin-bottom: 0;
}
.input_half{
    width: 50%;
    float: left;
}
.input_half.left{
    padding-right: 15px;
}

.input_half.right{
    padding-left: 15px;
}
.leave-comment-form form textarea {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #dddddd;
  color: #666666;
  font-size: 14px;
  height: 178px;
  letter-spacing: 1px;
  margin-bottom: 30px;
  margin-top: 40px;
  padding: 30px;
}

.leave-comment-form form input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #dddddd;
  color: #666;
  font-size: 14px;
  height: 48px;
  line-height: 48px;
  letter-spacing: 1px;
  padding: 2px 30px;
  width: 100%;
  margin-bottom: 30px;
}
.leave-comment-form form input::-webkit-input-placeholder , .leave-comment-form form textarea::-webkit-input-placeholder {
    /* Chrome */
    color: #666;
    opacity: 1;
}
.leave-comment-form form input::-moz-placeholder , .leave-comment-form form textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #666;
    opacity: 1;
}

.leave-comment-form .submit {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 0px 28px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

.leave-comment-form .submit:hover {
  background-color: #fff;
  color: #666;
    border: 1px solid #dddddd;
}
.blog-comment, .leave-comment{
    margin-top: 50px;
}
.comment-respond {
  margin-bottom: 10px;
  margin-top: 50px;
}
.comment-text .comment-meta.commentmetadata a {
  display: inline-block;
}
.comment-text .comment-meta.commentmetadata a.url{

}
.comment-meta.commentmetadata {
    position: relative;
}
.edit--btn {
    position: absolute;
    right: 0;
    top: 0;
}
.comment-meta.commentmetadata {
    margin-bottom: 10px;
}
.comment--date--time {
    margin-top: 5px;
}
#reply-title a {
}
.comment-reply-title small {
    float: right;
}
.comment-reply-title small a#cancel-comment-reply-link {
    height: 25px;
    width: 25px;
    font-size: 0;
}
.comment-reply-title small a#cancel-comment-reply-link::after {
  content: "\f00d";
  font-size: 25px;
  position: relative;
  top: 0px;
  right: 0;
  font-family: FontAwesome;
}

.comment-reply-title small a#cancel-comment-reply-link:focus{
  text-decoration: none;
  outline: none;
}
.no-comments {
  padding: 10px 15px;
}
.comment-author .comment-img{
    width: 80px;
}
.comment-text.pingback-text {
  padding-left: 0;
}
.comment-text.pingback-text a.url {
  padding-right: 40px;
}
.comment-text {
    padding-left: 110px;
}
ol.comment-list + .comment-navigation{
    margin-top: 30px;
}


.slider-area .owl-dot.active, .slider-two-area .owl-dot.active, .slider-three-area .owl-dot.active {
  background: #e51515 none repeat scroll 0 0;
}
a.meanmenu-reveal i {
  font-size: 26px;
}
.features_product_2 .single-feature-item {
    margin-top: 0;
}
.features_product_2 .slick-current .feature-wrapper {
    bottom: 0;
}


/*woocommerce customization*/
.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: left;
    border-radius: 0;
    color: #fff;
    background: #E51515;
    font-weight: normal;
    margin-bottom: 15px;
}
.woocommerce-message::before {
    color: #E51515;
}
.woocommerce-message {
    border-top-color: #E51515;
}
.woocommerce-page #content table.cart td.actions .input-text{
    width: 115px;
}
.woocommerce table.cart input.button:disabled {
    padding-top: 12px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
   border: 0;
   background: #E51515;
   color: #fff;
   padding-top: 18px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
    background: #E51515;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order{
     background: #E51515;
     color: #fff;
}

/*shortcode: blog-carousel*/
.srtcd_blog_posts .s-blog-info{
    color: #90939c;
}

/*extra*/
.contact_us_form input[type="text"]::-webkit-input-placeholder , 
.contact_us_form input[type="email"]::-webkit-input-placeholder{ /* Chrome */
  color: #90939c;
}
.contact_us_form input[type="text"]::-moz-placeholder , 
.contact_us_form input[type="email"]::-moz-placeholder{ /* Firefox 19+ */
  color: #90939c;
  opacity: 1;
}
.contact_us_form input[type="text"]:-ms-input-placeholder , 
.contact_us_form input[type="email"]:-ms-input-placeholder{ /* IE 10+ */
  color: #90939c;
}
.contact_us_form input[type="text"]:-moz-placeholder , 
.contact_us_form input[type="email"]:-moz-placeholder{ /* Firefox 18- */
  color: #90939c;
  opacity: 1;
}
.contact_us_form textarea::-webkit-input-placeholder { /* Chrome */
  color: #90939c !important;
}
.contact_us_form textarea:-ms-input-placeholder { /* IE 10+ */
  color: #90939c !important;
}
.contact_us_form textarea::-moz-placeholder { /* Firefox 19+ */
  color: #90939c !important;
  opacity: 1;
}
.contact_us_form textarea:-moz-placeholder { /* Firefox 4 - 18 */
  color: #90939c !important;
  opacity: 1;
}