/*
Theme Name: Desire Sports
Theme URI: http://underscores.me/
Author: dltech
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: desiresports
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Desire Sports is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
        ## Links
        ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
        ## Posts and pages
        ## Comments
# Infinite scroll
# Media
        ## Captions
        ## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: 'Fira Sans Extra Condensed', sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

body {
    margin: 0;
    font-family: 'Fira Sans Extra Condensed', sans-serif;
    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,a:focus,a:hover {
    outline: 0;
    color: #ee1c25;
}
abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: 'Fira Sans Extra Condensed', sans-serif;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"]::-webkit-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
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #404040;
    font-family: 'Fira Sans Extra Condensed', sans-serif;

    font-size: 16px;
    line-height: 1.5;
}

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: 'Fira Sans Extra Condensed', sans-serif;
    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: 'Fira Sans Extra Condensed', sans-serif;
    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 {
    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/ */
    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: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}
a,a:focus,a:hover {
    outline: 0;
    color: #ee1c25;
}
/*--------------------------------------------------------------
# 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;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
select,
select2-container,
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 11px;
    font-size: 14px;
}

select {
    border: 1px solid #ccc;
}

.top-bar{
    background-color: #ee1c25;
    /* padding: 5px 0; */
}
.top-bar .langs{
    padding: 3px 0;
}
.top-bar .langs a{
    padding-left: 5px;
    color: #fff;
    font-size: 10px;
}
.top-bar .number{
    background: #fff;
    padding: 4px 28px;
    font-size: 15px !important;
    float: right;
}
.woocommerce form .form-row .select2-container {
    width: 100%;
    line-height: 4em;
    font-size: 12px;
}

.select2-results {
    max-height: 200px;
    padding: 4px;
    margin: 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: transparent;
    background: #fafafa;
    font-size: 13px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: royalblue;
}

a:visited {
    color: #ee1c25;
}

a:hover,
a:focus,
a:active {
    color: midnightblue;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

/*--------------------------------------------------------------
## 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 {
    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;
}
.woo-cats-list{

}
.woo-cats-list h4{
    font-size: 14px;
    color: #222;
    font-weight: bold;
    text-decoration: underline;
}
.woo-cats-list ul{
    margin: 0;
    -webkit-padding-start: 0;
}
.woo-cats-list ul li{
    list-style: none;
    padding-left: 7px;
    font-size: 12px;
}
.woo-cats-list ul li a{
    color: #666;
}
@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;
    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;
}

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

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## 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: 2px;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

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

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

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

.footer_order_bar{

background:#ee1c25;

padding: 25px 0px;

clear: both;

position: relative;

float: none;

position: relative;
}
.footer_order_bar::after{
    width: 50%;
    position:absolute;
    right: 0px;
    top: 0px;
    display: block;
    height: 100%;
    background-color: #d72129;
    z-index: 0;
    visibility:visible;
    opacity: 10;
    content: " ";
}
.footer_order_requirenment{

font-size: 29px;

color: white;

line-height: 49px;
}

.about_us_heading{
    font-size: x-large;

}

.navbar-default {
    background-color: #222222;
    border-color: #000000;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    border-top: 0px solid #fff;
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
    border-bottom: 0px solid #fff;
    outline: none;
    text-decoration: none;
    padding: 10px 10px 10px 10px;
    line-height: 20px;
    font-weight: normal;
    height: 40px;
    vertical-align: baseline;
    text-align: left;
    width: auto;
    display: block;
    color: #fff;
    text-transform: none;
    text-decoration: none;
    background: rgba(0, 0, 0, 0);
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -ms-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    font-family: 'Fira Sans Extra Condensed', sans-serif;
    font-size: 14px;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin: 0px;
    border: none;
}

.main_heading{font-size: 21px;/* margin-left: 16px; */color: #ed1c2a;margin-bottom: 15px;}

.footer_heading{

    font-size: 21px;
    padding-left: 34px;

}

.footer_top{

    /*    padding:15px;*/
    background: #f1f2f6;
}

.footer_top ul{

    list-style: none;
    margin: 0;
    -webkit-padding-start: 0;
    background: #F1F2F6;

    padding: 18px;
    padding-left: 27px;
}

.footer_top ul li a{

    font-size:15px;
    color:black;

}
.footer_top .col-md-4{

    margin: 0px;
    padding:0px;
}

.footer_top ul li:before {
    content: "*"; /* Insert content that looks like bullets */
    padding-right: 8px;
    color: blue; /* Or a color you prefer */
}

.footer_bottom{background: #222222;padding-bottom: 10px;clear: both;overflow: hidden;padding-top: 47px;float: none;position: relative;}

.widget-title{
    font-size: 21px;
    text-transform: uppercase;
    color: #ed1c2a;
    position: relative;
    padding-bottom: 5px;
    border-bottom: 1px solid red;
    width: 80%;
    margin-bottom: 30px;

}
.footer_bottom .widget-title::before{
    width: 50px;
    height: 20px;
    background-color: red;
    display: inline-block;
    left: 0px;
    top: 0px;
}
.widget_nav_menu ul li a{
    font-size: 15px;
    color: white;
    line-height: 30px;
    text-decoration: none;
}

.widget_nav_menu ul li a:hover {
    font-size: 16px;
    color: #ee1c25;
    line-height: 30px;
    text-decoration: none;
}
.widget_nav_menu ul{
    margin: 0;
    -webkit-padding-start: 0;
    padding: 0px;
    padding-left: 15px;

}

.social-icon{

    margin: 0;
    padding: 0;
    list-style: none;

}


.social-link-font{

    font-size: x-large;
    background: #666;
    color: white;
    padding: 8px;
    border-radius: 20px;
    height: 40px;
    width: 40px;
    text-align: center;
    float: left;
    margin-right: 6px;
}

.social-double{
    float: left;
    margin-right: 7px;
}

.socialrow{
    display: flex;
    margin-bottom: 5px;

}

.copy-text{font-size: 15px;text-align: center;padding: 6px 0 !important;margin: 0px !important;}
.copy-text p{
    margin-bottom: 0px;
    padding: 0px;
    padding-bottom: 8px;
}
.logo-icon{
    max-width: 100%;
    vertical-align: middle;
    margin-bottom: -73px;
    z-index: 999;
}
.site-header{
    /* background: #222222; */
    min-height: 70px;
    padding-top: 9px;
    padding-bottom: 16px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 9999999;
}
.nxt .site-header{
    background: #000000;
    min-height: 70px;
    padding-top: 13px;
    padding-bottom: 16px;
    position: relative;
    top: 0px;
    width: 100%;
    z-index: 9999999;
}

.logo-image{z-index: 999;position: absolute;/* margin: 0 auto; */left: 0px;}
.breadcrum{
    background: #f1f2f6;
    height: 106px;
}

.page-heading{
    margin-top: 34px;
    text-transform: uppercase;
    color: #ee1c25;
    font-weight: 700;
    font-size: 22px;

}

.breadcrumb-text{
    vertical-align: top;
    line-height: 99px;
    float: right;
    font-size: 17px;
    color: #777;

}
#breadcrumbs{
    list-style: none;
    margin: 0px 0;
    overflow: hidden;
    background: rgba(241, 241, 241, 0.18);
    padding: 4px;
    display: block;
    margin-bottom: 10px !important;
}
#breadcrumbs li{
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    color: #222222;
    font-size: 15px;
}
#breadcrumbs li a{
    color: #ee1c25;
    font-size: 15px;
}
#breadcrumbs .separator{
    font-size:18px;
    font-weight:100;
    color: #0abb71;
}

.about-us-heading{

    font-size: 27px;
    color: #ee1c25;
}

.about-us-text{
    font-size: 15px;
    margin-bottom: 5px;
}

.product ul li h3{


}

.woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: rgb(0, 173, 241);
    text-transform: uppercase;
    position: absolute;
    /* top: 241px; */
    text-align: center;
    width: 100%;
}
.count{
    display: none;
}

.woocommerce ul.products li.product a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0; 
    box-shadow: none;
}

.button-footer{  
    line-height: 13px;
    margin-top: 9px;

}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #ee1c25;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

.menu-cat ul{

    margin:0px;
    padding:0px;
    list-style: none;
}
.menu-cat ul a{
    font-size: 17px;
    /* font-weight: 600; */
    color: #ee1c25;
    text-decoration: none;
}

.menu-cat ul li a{

    font-size: 13px;
    color:#666;
}

.header-cart{
    margin-top: 38px;
    color: #f0f0f0;
    font-size: 20px;
}
.header-cart ul{
    margin: 0;
    -webkit-padding-start: 0;
}
.header-cart ul li{
    list-style: none;
    display: inline-block;
    margin-right: 21px;
}
.header-cart ul li a{
    color: #ffffff;
    text-decoration: none;
}
.header-cart ul li a span{
    background: #ee1c25;
    border-radius: 90%;
    color: #fff;
    padding: 3px 0;
    font-size: 10px;
    position: absolute;
    top: 33px;
    left: 51px;
    height: 20px;
    width: 20px;
    text-align: center;
}

/* ===== Search open ===== */
.search-open {
    /* position: absolute; */
    /*  top: 14px;
    right: 15px;
    width: 17px;
    height: 17px;*/
    cursor: pointer;
    /* margin-top:13px; */
}

.search-open i {
    font-size: 18px;
    color: #ffffff;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.search-open:hover i {
    color: #ffffff;
}

/* ===== Search overlay ===== */
.search-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(21,23,25,0.95);
}

.search-overlay .container {
    position: relative;
    height: 100vh;
}

/* ===== Search close ===== */
.overlay-close-wrapper {
    position: absolute;
    top: 30px;
    right: 30px;
}

.overlay-close {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.overlay-close:before,
.overlay-close:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 40px;
    height: 2px;
    margin: 14px 0 0 -5px;
    background-color: #7a7a7a;

    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.overlay-close:hover:before,
.overlay-close:hover:after {
    background-color: #fff;
}

.overlay-close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.overlay-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* ===== Search input ===== */
.page-content input[type=search]{
    color: #333;
}
.search-input {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.search-form input[type="search"] {
    width: 100%;
    height: 52px;
    text-align: center;
    border: none;
    border-bottom: #3a3a3a solid 2px;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    font-size: 1.2857em;
    color: #828282 !important;
}

.search-form input:focus {
    outline: 0;
}

/* ===== Placeholder color ===== */
.search-form .placeholder { /* Internet Explorer 9 */
    color: #8a8a8a;
}

.search-form input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #8a8a8a;
}

.search-form input::-webkit-input-placeholder { /* WebKit browsers */
    color: #8a8a8a;
}

.search-form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #cacaca;
}

.search-form input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #cacaca;
}

/* ===== Animation ===== */
.overlay-hugeinc {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    -moz-transition: opacity 0.5s, visibility 0s 0.5s;
    -ms-transition: opacity 0.5s, visibility 0s 0.5s;
    -o-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-hugeinc.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.overlay-hugeinc .search-form {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
}

.overlay-hugeinc .search-form form {
    opacity: 0.4;

    -webkit-transform: translateY(-25%) rotateX(35deg);
    -moz-transform: translateY(-25%) rotateX(35deg);
    -ms-transform: translateY(-25%) rotateX(35deg);
    -o-transform: translateY(-25%) rotateX(35deg);
    transform: translateY(-25%) rotateX(35deg);

    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    -moz-transition: -moz-transform 0.5s, opacity 0.5s;
    -ms-transition: -ms-transform 0.5s, opacity 0.5s;
    -o-transition: -o-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
}

.overlay-hugeinc.open .search-form form {
    opacity: 1;
    width:100%;

    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.overlay-hugeinc.close .search-form form {
    -webkit-transform: translateY(25%) rotateX(-35deg);
    -moz-transform: translateY(25%) rotateX(-35deg);
    -ms-transform: translateY(25%) rotateX(-35deg);
    -o-transform: translateY(25%) rotateX(-35deg);
    transform: translateY(25%) rotateX(-35deg);
}

#ajaxsearchlite1 .probox, div[id*="ajaxsearchlite"] .probox {
    margin: 0px;
    height: 34px;
    background-color: rgb(0, 173, 241);
    background-image: -moz-radial-gradient(center, ellipse cover, rgb(225, 99, 92), rgb(225, 99, 92));
    background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, rgb(225, 99, 92), rgb(225, 99, 92));
    background-image: -webkit-radial-gradient(center, ellipse cover, rgb(225, 99, 92), rgb(225, 99, 92));
    background-image: -o-radial-gradient(center, ellipse cover, rgb(225, 99, 92), rgb(225, 99, 92));
    background-image: -ms-radial-gradient(center, ellipse cover, rgb(225, 99, 92), rgb(225, 99, 92));
    background-image: radial-gradient(ellipse at center, rgb(0, 173, 241), rgb(0, 173, 241));
    border: 0px solid rgb(104, 174, 199);
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px rgb(181, 181, 181) inset;
}

div[id*="ajaxsearchlite"] .probox .promagnifier {
    width: 34px;
    height: 34px;
    background-color: #00c1cf;
    background-image: -o-linear-gradient(180deg, rgb(190, 76, 70), rgb(190, 76, 70));
    background-image: -ms-linear-gradient(180deg, rgb(190, 76, 70), rgb(190, 76, 70));
    background-image: -webkit-linear-gradient(180deg, rgb(190, 76, 70), rgb(190, 76, 70));
    background-image: linear-gradient(180deg, rgb(0, 173, 241), rgb(0, 173, 241));
    background-position: center center;
    background-repeat: no-repeat;
    border: 0px solid rgb(0, 0, 0);
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.61);
    cursor: pointer;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

div[id*="ajaxsearchlite"] .probox div.prosettings {
    width: 34px;
    height: 34px;
    background-color: #4cadc9;
    background-image: -o-linear-gradient(185deg, rgb(190, 76, 70), rgb(190, 76, 70));
    background-image: -ms-linear-gradient(185deg, rgb(190, 76, 70), rgb(190, 76, 70));
    background-image: -webkit-linear-gradient(185deg, rgb(190, 76, 70), rgb(190, 76, 70));
    background-image: linear-gradient(185deg, #00c1cf, #00c1cf);
    background-position: center center;
    background-repeat: no-repeat;
    float: right;
    border: 0px solid rgb(104, 174, 199);
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.63);
    cursor: pointer;
    background-size: 100% 100%;
    order: 7;
    -webkit-order: 7;
}

.btn-info {
    color: #fff !important;
    background-color: #ee1c25;
    border-color: #269abc;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    border-top: 0px solid #fff;
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
    border-bottom: 0px solid #fff;
    outline: none;
    text-decoration: none;
    padding: 10px 10px 10px 10px;
    line-height: 20px;
    font-weight: normal;
    height: 40px;
    vertical-align: baseline;
    text-align: left;
    width: auto;
    display: block;
    color: #fff;
    text-transform: none;
    text-decoration: none;
    background: rgba(0, 0, 0, 0);
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -ms-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    font-family: 'Fira Sans Extra Condensed', sans-serif;
    font-size: 19px;
}


.woocommerce ul.products li.product .price {
    color: #77a464;
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    font-size: .857em;
    display: none;
}

.woocommerce ul.products li.product .button {
    margin-top: 0em;
    font-size: 15px;
    width: 100%;
    text-align: center;
    background: #ee1c25;
    border-radius: 0;
    margin-top: 28px;
}

.woocommerce div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
    font-size: 25px;
    color: #ee1c25;
}

.sku_wrapper{

    font-size: 19px !important;
}

.amount{

    display: none;
}

.woocommerce .quantity .qty {
    width: 5.631em;
    text-align: center;
    padding: 6px;
}

#add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th {
    vertical-align: middle;
    font-size: large;
}

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

.btn-primary {
    color: #fff;
    background-color: #ee1c25;
    border-color: #ee1c25;
    padding: -5px;
}

.btn{
    padding: 2px 11px;
}

.btn-primary:hover {
    color: #fff;
    background-color: #ee1c25;
    border-color: #ee1c25;
}

.button-footer{

    margin-top: 8px;
    line-height: 50px;
    border: 1px solid #f5f4f5;
}

.woocommerce form .form-row label {
    line-height: 2;
    font-size: 18px;
    font-weight: normal;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: 1;
    padding: 11px;
}

.cart-subtotal{

    display: none;
}

.order-total{
    display: none;
}

.product-total{display: none;}

.woocommerce table.shop_table th {
    font-weight: 700;
    padding: 9px 12px;
    font-size: 16px;
}

.woocommerce table.shop_table td {
    border-top: 1px solid rgba(0,0,0,.1);
    padding: 6px 12px;
    vertical-align: middle;
    font-size: 15px;
}

ul{

    margin:0px;
}

.social-link-font ul li a:hover{

    background:#ee1c25;
}

.social-link-font:hover{

    background:#ee1c25;
}

@media (max-width: 768px){
    .col-md-15 {
        width: 100%;
        *width: 100%;
    }
    .woocommerce ul.products li.product h3{

        position:inherit;
    }
}
@media (min-width: 1200px) {
    .col-md-15 {
        width: 20%;
        *width: 20%;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .col-md-15 {
        width: 50%;
        *width: 50%;
    }
}

.about_us_top_row{
    border: 4px solid #eee;
}

.wpcf7 label{

    font-size:19px;
}
.contact-form-submit{
    padding: 8px !important;
    font-size: 21px !important;
    background: #ee1c25 !important;
    color: white !important;
    font-weight: 600;
    float: right;
    width: 110px;
}
.main_heading2{
    font-size: 23px;
    /* margin-left: 16px; */
    border-bottom: 2px solid #eeeeee;
    color: #ee1c25;
}
.vc_column-inner {

    margin-top:8px !important;

}

.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner {
    padding-top: 0px !important;
} 

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: .5em 0;
    font-weight: 700;
    color: #515151;
    text-decoration: none;
    font-size: 19px;
}

.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: left;
    width: 40%;
}

.woocommerce div.product div.images img {
    display: block;
    width: 86%;
    height: auto;
    box-shadow: none;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 16px !important;
}
/* amd edit */
#mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
    box-shadow: 0px 2px 6px #666;
}
ul.woocom-custommenu {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0em !important;
    -webkit-margin-after: 0em !important;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px !important;
}
.woocom-custommenu li {
    list-style: none;
    padding: 0px;
    width: 100%;
    display: block;
    font-size: 13px;
    color: #2b2b2b;
}
.woocom-custommenu li a {
    text-decoration: none;
    padding: 0px 9px;
    display: block;
    color: #2b2b2b;
}
.woocom-custommenu li a:hover{
    background:#ee1c25;
    color: #fff;
}
.woocom-custommenu li a:hover:after{
    background:#ee1c25;
    color: #fff;
}
.dropdown-menu {
    position: absolute;
    top: -3px;
    left: 300px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
@media only screen and (min-width : 320px) {
    .top-bar{

    }
    .top-bar .langs {
        padding: 3px 0;
        text-align: center;
    }
    .top-bar .number {
        background: #fff;
        padding: 4px 28px;
        font-size: 16px;
        float: none;
        text-align: center;
    }
    .logo-image {
        z-index: 999;
        position: relative;
        margin: 0 auto;
        /* left: 0px; */
        display: block;
    }
    .site-header{
        /* min-height: 100px; */
        position: relative;
        background-color: black;
    }
    .logo-image{
        width: 150px;
        text-align: left;
        display: inline-block;
    }
    .hcatr{
        position:absolute;
        right: 0px;
    }
    .langss {
    margin-top: 20px;
    text-align: center;
}
    .header-cart{
        text-align: center;
    }
    .header-cart{

    }
    .header-cart ul li a span{
        top: 3px;
        left: 56%;
        right: 0px;
    }
    .newsle form input {
    width: 100%;
    border-radius: 0px;
    height: 35px;
    background: #df121b;
    border: 0px;

}

}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .top-bar{

    }

    .top-bar .langs {
        padding: 3px 0;
        text-align: center;
    }
    .top-bar .number {
        background: #fff;
        padding: 4px 28px;
        font-size: 18px;
        float: none;
        text-align: center;
    }
    .logo-image {
        z-index: 999;
        position: relative;
        margin: 0 auto;
        /* left: 0px; */
        display: block;
    }
    .header-cart{

    }
    .header-cart ul li a span{

    }

    .site-header{

    }
    #mega-menu-wrap-menu-1 .mega-menu-toggle{

    }
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .top-bar{

    }
    .header-cart{

    }
    .header-cart ul li a span{
        left: 53%;
    }
    .top-bar .langs {
        padding: 3px 0;
        text-align: center;
    }
    .top-bar .number {
        background: #fff;
        padding: 4px 28px;
        font-size: 18px;
        float: none;
        text-align: center;
    }
    .logo-image {
        z-index: 999;
        position: relative;
        margin: 0 auto;
        /* left: 0px; */
        float: none;
        clear: both;
    }
    .site-header{

    }
    #mega-menu-wrap-menu-1 .mega-menu-toggle{

    }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .top-bar{

    }
    .header-cart{

    }
    .header-cart ul li a span{
        top: 34px;
    }
    .top-bar .langs {
        padding: 3px 0;
        text-align: left;
    }
    .top-bar .number {
        background: #fff;
        padding: 4px 28px;
        font-size: 17px;
        float: right;
    }
    .logo-image {
        /* z-index: 999; */
        position: absolute;
        /* margin: 0 auto; */
        left: -22px;
        /* display: block; */
        /* width: 165px; */
        /* float: left; */
    }
    .site-header{

    }
    #mega-menu-wrap-menu-1 .mega-menu-toggle{

    }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
    .top-bar{FONT-VARIANT: JIS04;FONT-VARIANT: JIS04;padding: 5px 0px;}
    .header-cart{

    }
    .header-cart ul li a span{

    }
    .top-bar .langs {
        padding: 3px 0;
    }
    .top-bar .number {
        background: #ee1c25;
        padding: 4px 28px;
        font-size: 16px;
        color: #ffffff;
        float: right;
    }
        .top-bar .number a{
            color: #ffffff;
            margin-right: 20px;
        }
    .site-header
    {

    }
    .logo-image {
        z-index: 999;
        position: relative;
        /* margin: 0 auto; */
        left: 0px;
        margin-top: 3px;
        width: 151px;
    }
    .nxt .logo-image {
        z-index: 999;
        position: absolute;
        /* margin: 0 auto; */
        left: 0px;
        margin-top: -5px;
        width: 180px;
    }
}
a,a:focus,a:hover {
    outline: 0;
    color: #ee1c25;
}
.footer-copyright {
    background-color: #1f1f1f;
    color: #fff;
    padding: 8px 0 0;
    border-top: 1px solid #ffffff38;
}

.social-icon .fa-facebook{
  background: #4267B2 !important;
}
.social-icon .fa-whatsapp{
  background: #40C351 !important;
}
.social-icon .fa-twitter{
  background: #2AA9E0 !important;
}
.social-icon .fa-instagram{
  background: #e0456f !important;
}
.social-icon .fa-youtube{
  background: #FF0000 !important;
}
.social-icon .fa-pinterest{
  background: #E6001A !important;
}
.about_formative{/* float:left; */width:100%;color:#fff;padding:80px 0;margin-top:30px;background:url(../imgs/about_bg.jpg) no-repeat fixed;text-align:center;background-repeat:repeat;background-size:100%;position:relative;clear: both;overflow: hidden;}
.about_formative:before{background-color:rgba(17, 17, 17, 0.6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;}
.about_formative h1{color:#fff!important;font-size:36px;font-style:italic;text-transform:uppercase;}
.about_formative p{color:#fff;font-size:16px;text-transform:capitalize;padding:0 0%;/* font-weight:500; */}
.about_formative p a{ color: #fff;}
.read_more{position:relative;padding:12px 35px 12px 35px;background: #ee1c25;z-index:1;overflow:hidden;display:inline-block;font-weight:700;text-transform:uppercase;font-size:13px;line-height:21px;color:#fff;box-shadow:0px 16px 35px 0px rgba(0, 0, 0, 0.2);transition:all 0.3s;margin-top:20px;}
.read_more:before,
.read_more:after{content:'';position:absolute;top:0;left:0;width:60%;border-radius:0;z-index:-1;height:100%;background:#eb3e32;will-change:transform;transform:skew(-45deg) scaleX(0);transition:transform .3s ease-in-out;}
.read_more:before{right:75%;margin-right:-1px;transform-origin:0% 0%;}
.read_more:after{width:70%;left:75%;margin-left:-1px;transform-origin:100% 0%;}
.read_more:hover:before,
.read_more:hover:after{transform:skew(-45deg) scaleX(1.5);}
.read_more:hover{color:#fff;}
.home-main-cats {
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 30px;
}
.home-main-cats:after {
    position: absolute;
    content: " ";
    width: 60px;
    height: 2px;
    background: #ee1c25;
    display: block;
    margin: 0px auto;
    left: 48%;
    display: none;
    bottom: -30px;
    z-index: 999999999999;
    margin-bottom: 20px;
}

.feature-products{
    padding: 20px 0px !important;
    clear: both;
    float: none;
    position: relative;
}
.home-feature-products{
    background: #f1f1f1;
    padding: 25px 0px;
    /* position: relative; */
}
.home-feature-products h2{
    margin: 0px;
    padding: 0px;
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
}
.home-feature-products h2 span{
    color: #ee1c25;
}


.home-feature-products .nav.nav-tabs{
    display: block;
    text-align: center;
    border: 0px;
}
.home-feature-products .nav.nav-tabs li{
    display: inline-block;
}
.home-feature-products .nav-tabs .nav-item{
    background: white;
    border-radius: 25px;
    margin-right: 10px;
    /* overflow: hidden; */
}
.home-feature-products .nav-tabs .nav-item a{
    color: #0e0e0e;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 15px;
}
.home-feature-products .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fbfbfb;
    border: 0px;
    border-radius: 25px;
    box-shadow: 0px 0px 9px 2px #00000069;
}
.home-feature-products  #myTabContent{
    margin-top: 32px;
}

.pbox{
    border: 1px solid #00000033;
    background: white;
    padding: 10px;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
}
.pbox:hover{
    border: 1px solid #ee1c25;
}
.pbox .image{
    text-align: center;
}
.pbox .pname{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    display: block;
    color: #0e0e0e;
    padding: 5px 0px;
}
.pbox .pcode{
    font-weight: bold;
    font-size: 13px;
    display: block;
    color: #ee1c25;
    padding: 0px 0px;
}
.pbox .img-megnify{
    text-align: right;
    display: block;
    padding: 18px 0px;
    color: black;
    padding-bottom: 0px;
}
.pbox a:hover{
    text-decoration: none;
}
.home-main-cats{
    text-align: center;
    padding: 10px 0px;
    padding-top: 22px;
}
.home-main-cats h2{
    margin: 0px;
    padding: 0px;
    margin-bottom: 20px;
    font-size: 19px;
}
.home-main-cats a h3{
    font-size: 15px;
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #0e0e0e;
    text-transform: capitalize;
    text-decoration: none;
}
.home-main-cats a:hover h3{
    color: #ee1c25;
    text-decoration: none;
}
.home-main-cats a:hover{
    text-decoration: none;
}

.breadcrump{
	background: #3b3b3b40;
	text-align: center;
	padding: 32px 0px;
}
.breadcrump h2{
	padding: 0px;
	margin: 0px 0px;
	text-transform: capitalize;
	margin-bottom: 2px;
	font-weight: bold;
	font-size: 31px;
	color: #ee1c25;
}
.breadcrump ul{
	margin: 0px;
	padding: 0px;
}
.breadcrump ul li{
	list-style-type: none;
	display: inline-block;
	font-size: 17px;
	margin-right: 15px;
	color: #ee1c25d1;
}
.breadcrump ul li a{
	color: #0e0e0e;
	font-size: 17px;
}
.breadcrump ul li:last-child{
	margin-right: 0px;
}
.page-content{
	padding: 20px 0px;
	font-size: 16px;
}
.page-content p{
	font-size: 16px;
}
.btn-primary {
    color: #fff;
    background-color: #ee1c25;
    border-color: #ee1c25;
}

.OrdHisTop {background: #545353;float:left;margin-top:15px;width:98%;margin-left:10px;}
.OrdHisTop ul { margin:0px; padding:0px;}
.OrdHisTop li {display:inline-block;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#fff;border-right: 1px solid #545353;padding:5px 0px;width:17%;text-align:center;list-style:none;}
.OrdHisTop li:first-child { width:25px;}
.OrdHisTop li:last-child { border:none; width:145px;}

.EmptyCart { margin:20px 0px; text-align:center; font-size:14px; font-weight:bold;}
.EmptyCart a { color:#F00;} .EmptyCart a:hover { text-decoration:none;}
.BasketCon {padding:10px 0px;border: solid #545353;float:left;width:98%;margin-left:10px;border-width:0px 1px 1px;margin-bottom:15px;}
.BasketImg {width:115px;float:left;border-right: 1px solid #545353;}
.BasketDetails { float:left; width:47%; padding:0 3px; display:block}
.BasketDetails p {border-bottom: 1px solid #545353;padding-bottom:3px;margin-bottom:8px;font-size:11px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;color:#424242;}
.BasketQty { width:17%; float:left; padding:0 3px; margin-top:15px;}
.BasketCon .txt_id { background:#f1f1f1; border:1px solid #D8312B; text-align:center; margin-bottom:8px; width:50px;}
.BasketRate { width:13%; float:left; text-align:center; font-size:14px;}
.BasketTotal { width:13%; float:left; text-align:center; padding:0 3px;}
.BasketTotal p { font-size:14px; margin-bottom:10px;}
.BasketTotal a { color:#F00;} .BasketTotal a:hover { text-decoration:none}
.TotalCon { float:right; margin-top:15px; font-family:Arial, Helvetica, sans-serif; margin-right:10px;}
.TotalQA { background:#f1f1f1; border:1px solid #D8312B; padding:5px;}
.TotalQA label { font-weight:bold; color:#000; float:left; margin-right:10px;}
.TotalQA span { float:right; font-size:14px; font-weight:bold; color:#900}
.TotalCon p { margin-top:8px; margin-bottom:15px; }
.TotalCon p a { background:#1f1f1f; color:#fff; font-weight:bold; padding:7px;}
.TotalCon p a:hover { text-decoration:none;}
.UpdateBtn {background: #f75c6d;padding:3px 12px;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#fff;font-weight:bold;border:none;cursor:pointer;}
.UpdateBtn:hover { background:#000; color:#fff;}
.QuoteForm { margin:15px;}
.SubmitText { font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#060; padding-top:30px; text-decoration:underline; min-height:250px;}
/* Style inputs with type="text", select elements and textareas */
.form_ctr{
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
    height: 42px;
}
.form_ctrr{
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
    height: 100px;
}
.btnet{
    background-color: #ff7101;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 42px;
}
.top-bar .langs a {
    padding-left: 5px;
    color: #000 !important;
    font-size: 13px !important;
}
.langss{
    margin-top: 20px;
    /* text-align: center; */
}
.services-custom{
	/* background-image: url('../img/bgdot.png'); */
	padding: 50px 0px;
	/* margin-top: -17px; */
	padding-bottom: 34px;
}
.services-custom .single-service{
	text-align: center;
	poition: relative;
}
.services-custom .single-service h2{
	font-size: 20px;
	font-weight: bold;
	color: red;
}
.services-custom .single-service p{
	color: #232323a1;
}
.services-custom .single-service::after{
	content: " ";
	position:absolute;
	width: 1px;
	height: 50px;
	background-color: #00000078;
	right: 0px;
	top: 15px;
}
.home-about-us{

background-image: url('/assets/imgs/9du1l5b.jpg');
background-position: bottom;

padding: 80px 0px;

background-size: cover;

background-attachment: fixed;

position: relative;

overflow: hidden;
}
.home-about-us:before{
	content: " ";
	width: 100%;
	height: 100%;
	background-color: #000000b8;
	z-index: 1;
	position: absolute;
	top: 0px;
}
.home-about-us .cctail{
	position: relative;
	z-index: 99;
	color: white;
}
.home-about-us .cctail h1{
	text-transform: uppercase;
	color: #97367E;
	position: relative;
	margin-top: 17px;
	margin-bottom: 20px;
}
.home-about-us .cctail h1::after{
	content: " ";
	width: 80px;
	height: 2px;
	background-color: #97367E;
	position: relative;
	display: block;
	margin-top: 5px;
}
.home-about-us .cctail p{
	color: #d2d1d1;
	line-height: 46px;
	margin-top: 21px;
}
.abouts{
	display: block;
	margin: auto auto;
	text-align: center;
	position: relative;
	z-index: 9;
	width: 85%;
}
.home-about-us .breif{
	position: relative;
	z-index: 9;
	color: white;
	text-transform: uppercase;
	text-align: center;
	font-size: 30px;
	margin-bottom: 16px;
}
.home-about-us .cctail span{
	background-color: #ed1c2a;
	color: white;
	verticle-align: middle;
	text-align: center;
	padding: 5px 8px;
	margin-right: 10px;
}
.top-qualities{
	background-color: #222222;
	padding-top: 40px;
	padding-bottom: 21px;
}
.top-qualities p{
	color: white;
	text-align: center;
	max-width: 800px;
	font-size: 14px;
	padding-top: 10px;
	margin: 0px auto;
	margin-top: 0px;
	margin-bottom: 28px;
}
.site-main-heading{
	font-size: 27px;
	font-weight: bold;
	text-align: center;
	color: white;
	text-transform: uppercase;
	margin: 0px;
}
.site-main-heading.bl{
	color: #222222;
}
.site-main-heading span{
	color: #ed1c2a;
}
.heading-under{
	text-align: center;
	padding: 10px 0px;
	DISPLAY: NONE;
}
.pricing_item{padding: 0px;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    padding-bottom: 20px;
    border: 1px solid #fff;
    border-top: 0px;
    transition: all 0.4s ease;
margin-bottom: 25px;}
.pricing_item:hover{border-color: #ca1329;color: #ca1329;}
.pricing_item h2{font-size:15px; color:#fff; text-transform: none;}

.footer_bottom ul li{
    list-style-type: none;
    margin-bottom: 11px;
}
.footer_bottom ul{
    padding: 0px;
}
.quick-conttt{
    width: 80%;
}
.quick-conttt li{
    list-style-type: none;
    display: block;
    margin-bottom: 15px;
    background-color: #151515;
    color: #909090;
    font-size: 16px;
}
.quick-conttt li i{
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    color: white;
    background-color: #ed1c2a;
    margin-right: 10px;
}
.ftr_logo{
    margin-bottom: 25px;
    width: 40%;
}
.newsle{
    position: relative;
    z-index: 99;
}
.newsle .dsfds{
    /* border: 1px solid black; */
    border-bottom: 1px solid #ffffff61;
    padding-bottom: 10px;
}
.newsle .dsfds i{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: black;
    color: white;
    font-size: 20px;
}
.newsle .dsfds h3{
    display: inline-block;
    color: white;
    font-size: 20px;
    line-height: 24px;
    padding-left: 15px;
}
.newsle p{
    font-size: 15px;
    color: #eeececd5;
    padding: 12px 0px;
    margin-bottom: 0px;
}
.newsle form{
    position: relative;
}
.newsle form input{
    width: 75%;
    border-radius: 0px;
    height: 35px;
    background: #df121b;
    border: 0px;
}
.newsle form button{
    width: 24%;
    border-radius: 0px;
    height: 35px;
    background-color: black;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    border: 0px;
}
.newsle form input::placeholder{
    color: #ffffffab;
}
.newsle .social-icon{
    margin-top: 28px;
}
.newsle .social-icon li{
    margin-right: 18px;
}


@media only screen and (min-width : 320px) {
    
    .newsle form input {
    width: 100%;
    border-radius: 0px;
    height: 35px;
    background: #df121b;
    border: 0px;
    
}
.newsle form button {
    width: 30%;
    border-radius: 0px;
    height: 35px;
    background-color: black;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    float: right;
    border: 0px;
    margin-top: 15px;
}
.footer_order_bar::after {
    width: 100%;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: block;
    height: 45%;
    top: auto;
    background-color: #d72129;
    z-index: 0;
    visibility: visible;
    opacity: 10;
    content: " ";
}
.sdfsddsf{
    margin-bottom: 8px;
}
}







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


.newsle form input{
    width: 75% !important;
    border-radius: 0px;
    height: 35px;
    background: #df121b;
    border: 0px;
}
.newsle form button{
    width: 24% ;
    border-radius: 0px;
    height: 35px;
    background-color: black;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    border: 0px;
    margin-top: 0px;
}
.footer_order_bar::after{
    width: 50%;
    position:absolute;
    right: 0px;
    top: 0px;
    display: block;
    height: 100%;
    background-color: #d72129;
    z-index: 0;
    visibility:visible;
    opacity: 10;
    content: " ";
}
}
.trd-sub-cat-icon{
    border: 1px solid #00000066;
    display: block;
    padding: 15px;
    line-height: 25px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 25px;
    transition: all 0.3s ease-in-out;
}
.trd-sub-cat-icon h3{
    margin: 0px !important;
    font-weight: bold;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    padding: 0px !important;
    padding-top: 15px !important;
}
.trd-sub-cat-icon:hover{
    background: #ed1c2a;
    color: white !important;
}
.trd-sub-cat-icon:hover h3{
    color: white !important;
}

#myModal .modal-dialog{
	margin-top: 150px;
}
#myModal input{
	width: 80%;
	height: 35px;
	float: left;
}
#myModal form button{
	float: right;
	width: 20%;
	height: 35px;
	background-color: #ed1c2a;
	color:white;
	border-radius:0px;
}

.cat-icon{
    position: relative;
}
.cat-icon:after{
    content: " ";
    display: block;
    width: 90%;
    left: 5%;
    height: 94%;
    border: 5px solid red;
    position: absolute;
    top: 3%;
    pointer-events: none;
    opacity: 0;
    transition" all 0.3s ease-in-out;
}
.cat-icon:hover:after{
    opacity: 1;
    transition" all 0.3s ease-in-out;
}

/*thumb style*/

.p-img{

border: 2px solid #0000001f;

overflow: hidden;

cursor: pointer;

background-color: white;

margin-bottom: 25px;
}
.p-img:hover{
    border-color: red;
}

.p-img a img{display: block;margin: 25px auto;transition: all 0.4s;pointer-events: none;}

.p-img .img-heading{

display: block;

text-align: left;

font-size: 13px;

font-weight: bold;

color: #1D1835;

padding: 0px 0px 0px 18px;
}

.p-img .img-article{

	display: block;

	text-align: left;

	font-size: 12px;

	padding: 0px 0px 0px 18px;

	color: #44444491;

	margin-top: 5px;

	line-height: 12px;

}

.button-img{

	height: 36px;

	color: red;

	text-align:  right;

	z-index: 99999999;

	position:  relative;

}

.button-img:before {

    content: " ";

    -moz-transform: rotate(13deg);

    -webkit-transform: rotate(13deg);

    -o-transform: rotate(13deg);

    -ms-transform: rotate(13deg);

    transform: rotate(13deg);

    background-color: #555;

    display: block;

    width: 100%;

    height: 60px;

    position: absolute;

    bottom: -81px;

    left: -16px;

    transition: all 0.4s;

    z-index: -9;

}

.p-img:hover .button-img:before{

	content: " ";

	-moz-transform: rotate(-13deg);

	-webkit-transform: rotate(-13deg);

	-o-transform: rotate(13deg);

	-ms-transform: rotate(-13deg);

	transform: rotate(-16deg);

	background-color: #000;

	bottom: -29px;

	left: -3px;

	width: 108%;

}

.button-img a{

	color: white;

	font-size: 20px;

	transition: all 0.4s;

}

.button-img a:hover{

color: #eb1b23;
}

.button-img button{

	border: 0px;

	background-color: transparent;

	font-size: 20px;

	padding-right: 15px;

	color: white;

	transition: all 0.4s;

}

.button-img button:hover{

color: #eb1b23;
}

.p-img:hover a img{

	opacity: 0.4;

}

/*thumb style*/