/*-----------------------------------------
[Table Of Content]

    01. Typography CSS
    02. Color CSS
    03. Common Style CSS
    04. Header Area Style CSS
        4.1 - Site Navigation Style
    05. Slider Area Style
    06. Banner Area Style
    07. Call to action Style
    08. Product Item Style
    09. Countdown Clock Style
    10. Flash Deals Style
    11. Newsletter Area Style
    12. Brand Logo Area Style
    13. Off Canvas Style CSS
    14. Page Header Style
    15. Gallery Style Css
    16. Contact Page Style
    17. Shop Page Style
    18. Single Product Page Style
    19. Cart Page Style Css
    20. Checkout Page Style Css
    21. Blog Layout Style Css
    22. Blog Details Style Css
    23. Footer Style CSS
----------------------------------------*/
/*=====================================
   01. Typography CSS
===================================== */
body { color: #303030; font-size: 15px; font-family: "Poppins", sans-serif; font-weight: 400; line-height: 1.6; margin: 0; }

/* Remove text-shadow in selection highlight. */
::-moz-selection {
 background: #e60012;
 color: #FFFFFF;
 text-shadow: none;
}
::selection { background: #e60012; color: #FFFFFF; text-shadow: none; }
/* A better looking default horizontal rule */
hr { border: 0; border-top: 1px solid #e1e1e1; -webkit-box-sizing: content-box; box-sizing: content-box; display: block; height: 1px; margin: 1em 0; padding: 0; overflow: visible; }
/* Remove the gap between audio, canvas, iframes,images, videos */
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
/* Remove default fieldset styles. */
fieldset { border: 0; margin: 0; padding: 0; }
legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
/* Allow only vertical resizing of textareas. */
textarea { resize: vertical; }
/* Anchor Tag Default Style */
a { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; outline: none; text-decoration: none; }
a:hover, a:active, a:focus { color: inherit; outline: none; text-decoration: none; }
textarea:focus, textarea:active, input:focus, input:active { outline: none; }
/* Heading Default Style */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: #1b1b1c; line-height: 1.2; font-family: "Oswald", sans-serif; font-weight: 700; }
h1, .h1 { font-size: 60px; margin-bottom: 6px; margin-top: -15px; }
 @media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
h1,  .h1 { margin-top: -10px; }
}
 @media only screen and (max-width: 767.98px) {
h1,  .h1 { margin-top: -8px; }
}
h2, .h2 { font-size: 56px; margin-bottom: 6px; margin-top: -14px; }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
h2,  .h2 { margin-top: -10px; }
}
 @media only screen and (max-width: 767.98px) {
h2,  .h2 { margin-top: -7px; }
}
h3, .h3 { font-size: 36px; margin-bottom: 10px; margin-top: -10px; }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
h3,  .h3 { margin-top: -9px; }
}
 @media only screen and (max-width: 767.98px) {
h3,  .h3 { margin-top: -6px; }
}
h4, .h4 { font-size: 32px; margin-bottom: 14px; margin-top: -8px; }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
h4,  .h4 { margin-top: -6px; }
}
 @media only screen and (max-width: 767.98px) {
h4,  .h4 { margin-top: -5px; }
}
h5, .h5 { font-size: 26px; margin-bottom: 15px; }
h6, .h6 { font-size: 20px; margin-bottom: 12px; }
/* Paragraph Margin */
p { margin-bottom: 15px; }
p:last-child { margin-bottom: 0; }
ul { margin: 0; padding: 0; }
ul li { list-style: none; }
strong, b { font-weight: 700; }
figure { margin: 0; }
img { max-width: 100%; }
button { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
button:active, button:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; }
 [data-mfp-src], .btn-img-popup {
 cursor: -webkit-zoom-in;
 cursor: zoom-in;
}
.parallax { background-repeat: no-repeat; }
.form-message.alert { margin-top: 10px; }
.slick-slide:focus, .slick-slide:active { -webkit-box-shadow: none; box-shadow: none; outline: none; }
/*============================
03. Common Style CSS
==============================*/
/*------------------
3.1 - Buttons Style
--------------------*/
.btn-group .btn { margin-right: 15px; }
.btn-group .btn:last-child { margin-right: 0; }
.btn { border: 2px solid #d8d8d8; display: inline-block; font-size: 18px; font-weight: 600; font-family: "Oswald", sans-serif; height: 45px; letter-spacing: 0.025em; line-height: 41px; padding: 0 30px; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.btn:focus, .btn:active { outline: none; -webkit-box-shadow: none; box-shadow: none; }
.btn-white { background-color: #d8d8d8; border-radius: 25px; color: #1b1b1c; }
.btn-white:hover { background-color: #e60012; border-color: #e60012; color: #FFFFFF; }
.btn-brand { background-color: #e60012; border-color: #e60012; border-radius: 25px; color: #1b1b1c; }
.btn-brand:hover { background-color: #d8d8d8; border-color: #d8d8d8; }
.btn-black { background-color: #1b1b1c; border-color: #1b1b1c; border-radius: 25px; color: #FFFFFF; }
.btn-black:hover { background-color: #d8d8d8; border-color: #d8d8d8; color: #1b1b1c; }
.btn-bordered { border-radius: 0; border-width: 1px; font-size: 16px; padding: 0 40px; height: 50px; line-height: 48px; }
.btn-bordered:hover { border-color: #e60012; color: #e60012; }
/*----------------------
3.2 - Background Image
-----------------------*/
.bg-img { background: no-repeat center center; background-size: cover; }
.bg-img-tr { background: no-repeat top right; }
.bg-img-tl { background: no-repeat top left; }
.bg-img-br { background: no-repeat bottom right; }
.bg-img-bl { background: no-repeat bottom left; }
.bg-img-nr { background: no-repeat center center; background-size: contain; }
/*-----------------
3.3 - Overflow
-------------------*/
.fix { overflow: hidden; }
.fix-x { overflow-x: hidden; }
.fix-y { overflow-y: hidden; }
/*-------------------------
3.4 - Section title Style
--------------------------*/
.section-title { margin-bottom: 60px; }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.section-title { margin-bottom: 50px; }
}
 @media only screen and (max-width: 767.98px) {
.section-title { margin-bottom: 40px; }
}
.section-title h2 { font-size: 30px; text-transform: uppercase; font-weight: 500; margin-bottom: 19px; }
 @media screen and (min-width: 1200px) {
.container-wide,  .slider-area-wrapper .slick-dots { max-width: 1200px; }
}
 @media screen and (min-width: 1500px) {
.container-wide,  .slider-area-wrapper .slick-dots { max-width: 1480px; }
}
/*--------------------------------
3.5 - Tippy Customization
----------------------------------*/
.tippy-popper .tippy-tooltip { background-color: #e60012; border-radius: 3px; font-size: 14px; font-weight: 400; line-height: 1; padding: 7px 13px; }
.tippy-popper[x-placement^='top'] .tippy-arrow { border-top-color: #e60012 !important; }
.tippy-popper[x-placement^='bottom'] .tippy-arrow { border-bottom-color: #e60012 !important; }
.tippy-popper[x-placement^='left'] .tippy-arrow { border-left-color: #e60012 !important; }
.tippy-popper[x-placement^='right'] .tippy-arrow { border-right-color: #e60012 !important; }
/*--------------------------------
3.6 - Magnific JS Customization
----------------------------------*/
.ht-mfp { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.ht-mfp.mfp-bg { background: rgba(0, 0, 0, 0.4); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.ht-mfp .mfp-content { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
 @media only screen and (min-width: 1200px) {
.ht-mfp .mfp-content { max-width: 70%; }
}
.ht-mfp .mfp-content .mfp-close { display: none; }
.ht-mfp .mfp-close { background-color: #e60012; color: #FFFFFF; padding: 0; text-align: center; opacity: 1; top: 50px; right: 50px; height: 50px; width: 50px; line-height: 50px; }
 @media only screen and (max-width: 767.98px) {
.ht-mfp .mfp-close { top: 30px; right: 30px; height: 40px; width: 40px; line-height: 40px; }
}
.ht-mfp .mfp-close:hover { background-color: #e60012; }
.ht-mfp .mfp-arrow { background-color: #e60012; opacity: 1; margin-left: 15px; height: 55px; width: 55px; }
.ht-mfp .mfp-arrow:before { display: none; }
.ht-mfp .mfp-arrow:after { content: '\f104'; color: #FFFFFF; font-family: "FontAwesome"; font-size: 25px; line-height: 40px; text-align: center; margin: 0; padding: 0; border: 0; position: absolute; width: 100%; height: 100%; }
.ht-mfp .mfp-arrow-right { margin-left: auto; margin-right: 15px; }
.ht-mfp .mfp-arrow-right:after { content: '\f105'; }
.ht-mfp .mfp-arrow:hover { background-color: #eaa415; }
.ht-mfp.zoom-animate.mfp-bg { opacity: 0; }
.ht-mfp.zoom-animate .mfp-content { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0; }
.ht-mfp.zoom-animate.mfp-ready.mfp-bg { opacity: 0.9; }
.ht-mfp.zoom-animate.mfp-ready .mfp-content { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
.ht-mfp.zoom-animate.mfp-removing .mfp-content { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0; }
.ht-mfp.zoom-animate.mfp-removing.mfp-bg { opacity: 0; }
.ht-mfp.zoom-animate.mfp-removing .mfp-close { opacity: 0; }
/*--------------------------------
3.7 - Blockquote Style
----------------------------------*/
blockquote, .blockquote { background-color: #f8f9fc; color: #1b1b1c; font-size: 18px; padding: 42px 44px 80px; position: relative; }
 @media only screen and (max-width: 767.98px) {
blockquote,  .blockquote { padding: 20px 22px 60px; }
}
blockquote:before, .blockquote:before { content: '\f10e'; font-family: "FontAwesome"; position: absolute; right: 40px; bottom: 40px; }
 @media only screen and (max-width: 767.98px) {
blockquote:before,  .blockquote:before { right: 30px; bottom: 20px; }
}
blockquote-title, .blockquote-title { color: #e60012; text-transform: uppercase; font-size: 14px; font-weight: 700; letter-spacing: 1.5px; line-height: 1; }
/*--------------------------------
3.8 - Nice Select Customization
----------------------------------*/
.nice-select { background-color: transparent; border-radius: 0; border: 1px solid #e1e1e1; color: #1b1b1c; float: inherit; font-size: 15px; padding-left: 0; }
.nice-select:after { border-right-color: #303030; border-bottom-color: #303030; height: 7px; width: 7px; }
.nice-select .list { border-radius: 0; color: #1b1b1c; font-size: 14px; width: 100%; }

/*--------------------------------
3.9 - Site Boxed Layout
----------------------------------*/
@media only screen and (min-width: 1200px) {
.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); max-width: 90%; margin: auto; }
}
/*--------------------
3.10 - Video Play
---------------------*/
.video-play { position: relative; }
.video-play img { width: 100%; }
.video-play .btn-video-popup { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.btn-video-popup { border-radius: 50%; background-color: #e60012; color: #FFFFFF; display: inline-block; font-size: 20px; text-align: center; line-height: 60px; height: 60px; width: 60px; }
/*==========================
02. Color CSS
============================*/
.bg-white { background-color: #FFFFFF; }
.bg-softWhite { background-color: #f8f8f8 !important; }
.bg-brand { background-color: #e60012; }
.bg-blackSoft { background-color: #1b1b1c; }
.text-brand { color: #e60012; }
/*==========================
3.0 - Template Spacing
============================*/
.sm-top { margin-top: 60px; }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.sm-top { margin-top: 80px; }
}
 @media only screen and (max-width: 767.98px) {
.sm-top { margin-top: 60px; }
}
.sm-bottom { margin-bottom: 100px; }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.sm-bottom { margin-bottom: 80px; }
}
 @media only screen and (max-width: 767.98px) {
.sm-bottom { margin-bottom: 60px; }
}
.sm-top-lh { margin-top: 95px; }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.sm-top-lh { margin-top: 75px; }
}
 @media only screen and (max-width: 767.98px) {
.sm-top-lh { margin-top: 55px; }
}
.sm-y-lh { margin: 95px 0; }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.sm-y-lh { margin: 75px 0; }
}
 @media only screen and (max-width: 767.98px) {
.sm-y-lh { margin: 60px 0; }
}
.sp-top, .call-to-action-content-area.home-2 { padding-top: 100px; }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.sp-top,  .call-to-action-content-area.home-2 { padding-top: 80px; }
}
 @media only screen and (max-width: 767.98px) {
.sp-top,  .call-to-action-content-area.home-2 { padding-top: 60px; }
}
 @media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 1200px) {
.sp-lg-top { padding-top: 100px; }
}
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.sp-md-top { padding-top: 80px; }
}
.sp-y, .flash-deals-area.home-2 { padding: 100px 0; }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.sp-y,  .flash-deals-area.home-2 { padding: 80px 0; }
}
 @media only screen and (max-width: 767.98px) {
.sp-y,  .flash-deals-area.home-2 { padding: 60px 0; }
}
/*=============================
04. Header Area Style CSS
==============================*/
.header-area { padding: 30px 0; border-bottom: 6px solid #e60012; width: 100%; background: #fff; position: fixed; z-index: 55; top: 0; left: 0; }
.h_height { height: 119px; }
.header-area .col-sm-4.col-lg-2 { padding-left: 0; padding-right: 0; }
@media only screen and (max-width: 767.98px) {
.header-area { padding: 15px 0; }
}
.header-area .nav li { margin-right: 35px; }
 @media only screen and (min-width: 992px) and (max-width: 1199.98px) {
.header-area .nav li { margin-right: 20px; }
}
.header-area .nav li:last-child { margin-right: 0; }
.header-area .nav li a { color: #1b1b1c; display: block; font-size: 15px; font-weight: 600; text-transform: uppercase; }
.header-area .nav li a:hover { color: #e60012; }
.header-area .nav li a.on { color: #e60012; }
 @media only screen and (max-width: 575.98px) {
.site-logo { margin-bottom: 10px; }
}
.site-action .login-reg-nav li { position: relative; }
 @media only screen and (max-width: 767.98px) {
.site-action .login-reg-nav li { margin-right: 15px; }
}
.site-action .login-reg-nav li:after { content: '|'; position: absolute; right: -20px; top: 0; }
 @media only screen and (max-width: 767.98px) {
.site-action .login-reg-nav li:after { right: -10px; }
}
 @media only screen and (min-width: 992px) and (max-width: 1199.98px) {
.site-action .login-reg-nav li:after { right: -12px; }
}
.site-action .login-reg-nav li:last-child:after { display: none; }
.mini-cart-wrap { margin-left: 60px; }
 @media only screen and (max-width: 767.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
.mini-cart-wrap { margin-left: 30px; }
}
.mini-cart-wrap .btn-mini-cart { font-size: 25px; line-height: 1; position: relative; color: #1b1b1c; }
.mini-cart-wrap .btn-mini-cart .cart-total { background-color: #1b1b1c; border-radius: 50%; color: #FFFFFF; display: block; font-size: 50%; text-align: center; line-height: 20px; height: 20px; width: 20px; position: absolute; left: -10px; top: 0; }
.mini-cart-wrap .mini-cart-content { background-color: #FFFFFF; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); padding: 25px 20px; position: absolute; right: 15px; top: 100%; margin-top: 32px; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; visibility: hidden; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 350px; z-index: 99; }
 @media only screen and (max-width: 767.98px) {
.mini-cart-wrap .mini-cart-content { display: none; }
}
.mini-cart-wrap .mini-cart-content:before { content: ''; position: absolute; left: 0; bottom: 100%; width: 100%; height: 32px; }
.mini-cart-wrap .mini-product { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; }
.mini-cart-wrap .mini-product:last-child { margin-bottom: 0; }
.mini-cart-wrap .mini-product__thumb { border: 1px solid rgba(0, 0, 0, 0.07); margin-right: 15px; -webkit-flex-basis: 80px; -ms-flex-preferred-size: 80px; flex-basis: 80px; width: 80px; }
.mini-cart-wrap .mini-product__info { -webkit-flex-basis: calc(100% - 95px); -ms-flex-preferred-size: calc(100% - 95px); flex-basis: calc(100% - 95px); width: calc(100% - 95px); }
.mini-cart-wrap .mini-product__info .title { font-size: 15px; font-weight: 600; margin-top: 0; margin-bottom: 8px; }
.mini-cart-wrap .mini-product__info .title a { color: #1b1b1c; }
.mini-cart-wrap .mini-product__info .title a:hover { color: #e60012; }
.mini-cart-wrap .mini-product__info .mini-calculation { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.mini-cart-wrap .mini-product__info .mini-calculation .price { margin-bottom: 0; font-weight: 600; vertical-align: middle; }
.mini-cart-wrap .mini-product__info .mini-calculation .price span { color: #e60012; }
.mini-cart-wrap .mini-product__info .mini-calculation .remove-pro { font-size: 18px; line-height: 1; }
.mini-cart-wrap .mini-product__info .mini-calculation .remove-pro:hover { color: #e60012; }
.mini-cart-wrap:hover .mini-cart-content { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; visibility: visible; }
.responsive-menu { margin-left: 50px; font-size: 20px; }
 @media only screen and (max-width: 767.98px) {
.responsive-menu { margin-left: 20px; }
}

/*=============================
4.1 - Site Navigation Style
==============================*/
@media only screen and (min-width: 1200px) {
.main-menu { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
}
.main-menu li { position: relative; }
.main-menu li.has-submenu .sub-menu { background-color: #FFFFFF; padding: 20px 20px; position: absolute; text-align: left; top: 100%; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; visibility: hidden; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; pointer-events: none; margin-top: 34px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: 230px; z-index: 9999; left: 0; }
.main-menu li.has-submenu .sub-menu:before { content: " "; position: absolute; bottom: 100%; left: 0; height: 34px; width: 100%; }
.main-menu li.has-submenu .sub-menu li { margin-right: 0; }
.main-menu li.has-submenu .sub-menu li:first-child a { padding-top: 0; }
.main-menu li.has-submenu .sub-menu li:last-child a { padding-bottom: 0; }
.main-menu li.has-submenu .sub-menu li a { color: #454545; font-size: 14px; font-weight: 400; text-transform: capitalize; padding: 8px 0; }
.main-menu li.has-submenu .sub-menu li a:hover { color: #e60012; }
.main-menu li.has-submenu:hover .sub-menu { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; visibility: visible; pointer-events: visible; }
.main-menu li:hover a { color: #e60012; }
/* Responsive Mobile Menu */
.mobile-menu { margin: 0 -10px; }
.mobile-menu.res-mobile-menu { min-height: 310px; overflow: auto; }
.mobile-menu .slicknav_btn { display: none; }
.mobile-menu .slicknav_menu { padding: 0; }
.mobile-menu .slicknav_nav { background-color: #FFFFFF; display: block !important; padding: 0 30px 20px; }
.mobile-menu .slicknav_nav li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: relative; }
.mobile-menu .slicknav_nav li:last-child { border-bottom: 0; }
.mobile-menu .slicknav_nav li a { color: #303030; font-size: 16px; padding: 6px 0; margin: 0; text-transform: capitalize; position: relative; }
.mobile-menu .slicknav_nav li a .slicknav_arrow { background-color: transparent; color: #303030; font-size: 15px; display: block; text-align: center; margin: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.mobile-menu .slicknav_nav li a a { padding: 0; }
.mobile-menu .slicknav_nav li a:hover { color: #e60012; background-color: transparent; }
.mobile-menu .slicknav_nav li img { display: none; }
.mobile-menu .slicknav_nav li ul { border-top: 1px solid rgba(0, 0, 0, 0.1); margin: 0; padding-left: 10px; }
.mobile-menu .slicknav_nav li ul li a { font-size: 13px; color: rgba(0, 0, 0, 0.7); padding: 8px 0; }
.mobile-menu .slicknav_nav .slicknav_open>.slicknav_item { position: relative; }
.mobile-menu .slicknav_nav .slicknav_open>.slicknav_item .slicknav_arrow { color: #e60012; }
/*===========================
23. Footer Style CSS
===========================*/
.footer-area .footer-widget-area { background-color: #1b1b1c; position: relative;/* background: url(../picture/footbg1.png) center no-repeat;*/ padding: 100px 0; color: #fff; }
.footer-area .footer-widget-area:before { content: ""; width: 100%; height: 100%; background-image: url(../images/site-footer-mape.png); background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; left: 0; z-index: 2; opacity: .04; }
.footer-area .footer-widget-area .container { position: relative; z-index: 2; }
.footer-area .footer-widget-area .container .row>div:nth-child(1) { }
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
.footer-area .footer-widget-area { padding: 80px 0; }
}
 @media only screen and (max-width: 767.98px) {
.footer-area .footer-widget-area { padding: 60px 0; }
}
.footer-area .footer-copyright-area { background-color: #000000; color: #fff; padding: 20px 0; }
.footer-area .footer-copyright-area a { color: #d8d8d8; }
.footer-area .footer-copyright-area a:hover { color: #fff; }
.widget-item { margin-top: 38px; }
.widget-item .widget-title { color: #fff; font-size: 22px; font-weight: 500; line-height: 1; margin-top: -1px; margin-bottom: 22px; text-decoration: underline; }
 @media only screen and (max-width: 767.98px) {
.widget-item .widget-title { margin-bottom: 15px; }
}
.widget-item address { line-height: 2; margin-bottom: 0; font-weight: 500; }
.widget-item address i { display: inline-block; width: 15px; text-align: center; margin-right: 5px; }
.f_share { font-size: 25px; line-height: 1; margin-top: 10px; }
.f_share a { color: #d8d8d8; margin: 0 6px 0 0; }
.f_share a:hover { color: #e60012; }
.f_form { }
.f_form table td { padding: 5px 0 5px 0; }
.f_form table .td1 { width: calc(100%/3); }
.f_form table .td2 { width: calc(100%/3); padding: 5px 10px 5px 10px; }
.f_form table .td3 { width: calc(100%/3); }
.f_form .text1 { border: none; background: #fff; padding: 0 10px; height: 30px; line-height: 30px; width: 100%; }
.f_form .text2 { border: none; background: #fff; padding: 0 10px; height: 60px; line-height: 30px; width: 100%; }
.btn_send { display: block; height: 30px; line-height: 30px; width: 60px; text-align: center; background: #e60012; color: #fff; }
.btn_send:hover { background: #1b1b1c; color: #fff; }
.widget-list li { line-height: 2; }
.widget-list li a { font-weight: 300; color: #d8d8d8; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }
.widget-list li a:hover { color: #e60012; padding-left: 5px; }
.about-widget img { max-width: 70%; margin-bottom: 20px;/* background:rgba(255,255,255,1); padding:10px 10px;*/ }
.copyright-txt { margin-top: 25px; font-weight: 500; }
 @media only screen and (max-width: 767.98px) {
.copyright-txt { margin-top: 15px; }
}
/*--------------------------------
Scroll Top Button
----------------------------------*/
.btn-scroll-top { background-color: #e60012; border-radius: 50%; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14); color: #FFFFFF; cursor: pointer; font-size: 16px; display: block; text-align: center; line-height: 50px; position: fixed; bottom: -50px; right: 30px; height: 50px; width: 50px; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
 @media only screen and (max-width: 767.98px) {
.btn-scroll-top { line-height: 40px; height: 40px; width: 40px; }
}
.btn-scroll-top:hover { background-color: #1b1b1c; }
.btn-scroll-top.show { bottom: 64px; opacity: 1; visibility: visible; }
/*===========================
05. Slider Area Style
============================*/
.slider-slide-item { height: 850px; }
 @media only screen and (max-width: 767.98px) {
.slider-slide-item { height: 450px; }
}
.slider-slide-item .slide-content h2, .slider-slide-item .slide-content h3 { color: #d8d8d8; }
.slider-slide-item .slide-content h3 { font-weight: 300; margin-bottom: 20px; }
 @media only screen and (max-width: 767.98px) {
.slider-slide-item .slide-content h3 { font-size: 26px; }
}
.slider-slide-item .slide-content h2 { font-weight: 600; font-size: 72px; margin-bottom: 22px; }
 @media only screen and (max-width: 767.98px) {
.slider-slide-item .slide-content h2 { font-size: 40px; }
}
.slider-slide-item .slide-content-inner { margin-top: -100px; }
 @media only screen and (max-width: 767.98px) {
.slider-slide-item .slide-content-inner { margin-top: 0; }
}
.slider-slide-item .slide-content-inner * { -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; opacity: 0; }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.slider-slide-item .slide-img img { max-width: 40%; }
}
 @media only screen and (max-width: 767.98px) {
.slider-slide-item .slide-img img { max-width: 180px; }
}
.slider-area-wrapper .slick-arrow { background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; color: #FFFFFF; line-height: 50px; position: absolute; left: 50px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; visibility: hidden; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; height: 50px; width: 50px; z-index: 1; }
.slider-area-wrapper .slick-arrow.slick-next { left: auto; right: 50px; }
.slider-area-wrapper .slick-arrow:hover { background-color: #e60012; }
.slider-area-wrapper .slick-dots { position: absolute; margin: 0 auto; left: 0; right: 0; bottom: 22%; cursor: pointer; padding: 0 15px; }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.slider-area-wrapper .slick-dots { max-width: 720px; }
}
 @media only screen and (max-width: 767.98px) {
.slider-area-wrapper .slick-dots { bottom: 50px; max-width: 540px; }
}
.slider-area-wrapper .slick-dots li { background-color: #FFFFFF; display: inline-block; margin: 0 5px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; height: 2px; width: 20px; }
.slider-area-wrapper .slick-dots li.slick-active { background-color: #e60012; width: 30px; }
.slider-area-wrapper .slick-dots li button { display: none; }
.slider-area-wrapper .slick-active .slide-content-inner * { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }
.slider-area-wrapper .slick-active .slide-content-inner *:first-child { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
.slider-area-wrapper .slick-active .slide-content-inner *:nth-child(2) { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
.slider-area-wrapper .slick-active .slide-content-inner *:nth-child(3) { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
.slider-area-wrapper:hover .slick-arrow { opacity: 1; visibility: visible; }
.slider-area-wrapper.home-2 .slider-slide-item { height: 800px; }
 @media only screen and (max-width: 767.98px) {
.slider-area-wrapper.home-2 .slider-slide-item { height: 680px; }
}
 @media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
.slider-area-wrapper.home-2 .slider-slide-item .slide-content h2 { font-size: 30px; margin-top: 0; margin-bottom: 35px; }
}
 @media only screen and (min-width: 992px) and (max-width: 1199.98px) {
.slider-area-wrapper.home-2 .slider-slide-item .slide-content h2 { font-size: 50px; }
}
.slider-area-wrapper.home-2 .slider-slide-item .slide-content-inner { margin-top: 0; }
 @media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
.slider-area-wrapper.home-2 .slider-slide-item .slide-content-inner { margin-top: -200px; }
}
.slider-area-wrapper.home-2 .slick-dots { text-align: right; bottom: 60px; }
 @media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
.slider-area-wrapper.home-2 .slick-dots { text-align: left; }
}
/*========================
06. Banner Area Style
==========================*/
.banner-mt { /*margin-top: -130px;*/ margin-top: 70px; }
 @media only screen and (max-width: 767.98px) {
.banner-mt { margin-top: 0; }
}
.banner-item { position: relative; overflow: hidden; margin-top: 30px; }
.banner-item__txt { left: 42%; position: absolute; text-align: left; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }
.banner-item__txt h2, .banner-item__txt h4 { color: #FFFFFF; }
.banner-item__txt h4 { font-size: 24px; font-weight: 300; }
.banner-item__txt h2, .banner-item__txt .h3 { margin-bottom: 20px; }
 @media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
.banner-item__txt h2,  .banner-item__txt .h3 { font-size: 24px; }
}
.banner-item__txt .btn { font-size: 14px; height: 40px; line-height: 36px; }
 @media only screen and (max-width: 575.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
.banner-item__txt .btn { padding: 0 20px; height: 35px; line-height: 31px; }
}
.banner-item__img { overflow: hidden; }
.banner-item__img img { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 100%; }
.banner-item:hover .banner-item__img img { -webkit-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); }
.promotion-code-banner-item { overflow: hidden; position: relative; border: 1px solid rgba(230,0,18,.9); }
.promotion-code-banner-item img { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.promotion-code-banner-item:hover img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); }
.promotion-code-banner-item .txtbg { width: 50%; padding: 10% 5% 0 5%; position: absolute; top: 0; right: 0; }
.promotion-code-banner-item .txt { }
.promotion-code-banner-item .txt .h6 { color: #fff; font-weight: normal; }
.promotion-code-banner-item .txt .h3 { color: #fff; }
.promotion-code-banner-item .txt .h7 { margin-top: 15px; }
.promotion-code-banner-item .txt .h7 a.btn { padding: 0 20px; font-size: 16px; height: 40px; line-height: 36px; }
/*========================
07. Call to action Style
==========================*/
.call-to-action-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; padding-right: 30px; margin-right: 30px; }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.call-to-action-item { display: block; margin-right: 10px; padding-right: 0; }
}
 @media only screen and (max-width: 767.98px) {
.call-to-action-item { margin-top: 25px; display: block; text-align: center; margin-right: 0; padding-right: 0; }
}
.call-to-action-item:after { background-color: #d8d8d8; position: absolute; content: ""; right: -10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 50px; width: 1px; }
 @media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
.call-to-action-item:after { display: none; }
}
.call-to-action-item__icon { margin-right: 30px; -webkit-flex-basis: 45px; -ms-flex-preferred-size: 45px; flex-basis: 45px; max-width: 45px; }
 @media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
.call-to-action-item__icon { max-width: 100%; margin-right: 0; margin-bottom: 15px; }
}
.call-to-action-item__info { -webkit-flex-basis: calc(100% - 75px); -ms-flex-preferred-size: calc(100% - 75px); flex-basis: calc(100% - 75px); max-width: calc(100% - 75px); }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.call-to-action-item__info { max-width: 100%; }
}
 @media only screen and (max-width: 767.98px) {
.call-to-action-item__info { max-width: 75%; margin: auto; }
}
.call-to-action-item__info h3 { font-weight: 500; font-size: 22px; line-height: 1; margin-top: -3px; }
.call-to-action-area [class*="col-"]:last-child .call-to-action-item:after { display: none; }
.call-to-action-content-area { padding: 200px 0 170px; margin-top: -130px; }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.call-to-action-content-area { padding-top: 180px; }
}
 @media only screen and (max-width: 767.98px) {
.call-to-action-content-area { padding-top: 60px; margin-top: 30px; }
}
.call-to-action-content-area .call-to-action-txt h2 { font-size: 40px; margin-bottom: 35px; margin-top: -7px; }
 @media only screen and (max-width: 767.98px) {
.call-to-action-content-area .call-to-action-txt h2 { font-size: 26px; }
.call-to-action-content-area .call-to-action-txt h2 br { display: none; }
}
.call-to-action-content-area.home-2 { padding-bottom: 170px; margin-top: 0; }
.call-to-action-image-area { margin-top: -130px; }
 @media only screen and (max-width: 767.98px) {
.call-to-action-image-area { margin-bottom: 60px; }
}
 @media only screen and (max-width: 479.98px) {
.call-to-action-image-area { margin-bottom: 95px; }
}
.need-help-area { padding: 50px 0 45px; }
.about-content .h3, .about-content h2 { margin-bottom: 20px; }
/*=========================
08. Product Item Style
===========================*/
.product-item { background-color: #e9e9e9; position: relative; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; margin-top: 30px; }
.product-item__thumb { position: relative; padding-bottom: 100%; }
.product-item__thumb .thumb-secondary { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; visibility: hidden; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.product-item__thumb img { text-align: center; display: block; margin: auto; max-width: 90% !important; max-height: 90% !important; position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; transform: translate(0) !important; }
.product-item__content { padding: 0 30px 25px; position: relative; }
.product-item__content .title { font-size: 18px; font-weight: 600; margin-bottom: 8px; }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.product-item__content .title { font-size: 16px; }
}
 @media only screen and (max-width: 767.98px) {
.product-item__content .title { font-weight: 500; font-size: 16px; }
}
.product-item__content .title a { color: #1b1b1c; }
.product-item__content .title a:hover { color: #e60012; }
.product-item__content .price { color: #666666; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.product-item__content .price strong { color: #1b1b1c; font-weight: 600; }
.product-item__action { padding: 0 30px; position: absolute; left: 0; bottom: 18px; font-size: 22px; line-height: 1; }
.product-item__action button, .product-item__action a { color: #303030; margin-right: 15px; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); opacity: 0; visibility: hidden; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.product-item__action button:last-child, .product-item__action a:last-child { margin-right: 0; }
.product-item__action button:hover, .product-item__action a:hover { color: #e60012; }
.product-item .ratting { color: #e60012; font-size: 18px; line-height: 1; text-align: center; margin-bottom: 30px; }
.product-item__sale { background-color: #1b1b1c; color: #FFFFFF; display: inline-table; font-size: 12px; font-weight: 500; padding: 1px 6px; position: absolute; text-transform: uppercase; left: 30px; right: auto; top: 30px; text-align: center; letter-spacing: 0.05em; }
.product-item__desc { display: none; }
.product-item:hover { -webkit-box-shadow: 0 5px 11px rgba(0, 0, 0, 0.14); box-shadow: 0 5px 11px rgba(0, 0, 0, 0.14); }
.product-item:hover .product-item__thumb .thumb-primary { opacity: 0; visibility: hidden; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.product-item:hover .product-item__thumb .thumb-secondary { opacity: 1; visibility: visible; }
.product-item:hover .product-item__content .price { opacity: 0; visibility: hidden; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.product-item:hover .product-item__action button, .product-item:hover .product-item__action a { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; }
.product-item:hover .product-item__action button:nth-child(2), .product-item:hover .product-item__action a:nth-child(2) { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }
.product-item:hover .product-item__action button:nth-child(3), .product-item:hover .product-item__action a:nth-child(3) { -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }
.product-item:hover .product-item__action button:nth-child(4), .product-item:hover .product-item__action a:nth-child(4) { -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; }
.product-wrapper button.slick-arrow { display: block; width: 40px; height: 40px; background: #1b1b1c; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); }
.product-wrapper button.slick-arrow:hover { background: #e60012; }
.product-wrapper button.slick-prev { left: -60px; }
.product-wrapper button.slick-next { right: -60px; }
.product-wrapper .slick-list { margin: 0 -15px; }
.product-wrapper .slick-slide { margin: 0 15px; }
.product-wrapper .slick-slide.product-item { /*margin-bottom: 30px;*/
margin-top: 0; }
.product-wrapper.columns-5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -30px -15px 0; }
.product-wrapper.columns-5 .col { max-width: 20%; -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; padding: 0 15px; }
 @media only screen and (min-width: 992px) and (max-width: 1199.98px) {
.product-wrapper.columns-5 .col { max-width: 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; }
}
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.product-wrapper.columns-5 .col { max-width: 33.333%; -webkit-flex-basis: 33.333%; -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; }
}
 @media only screen and (max-width: 767.98px) {
.product-wrapper.columns-5 .col { max-width: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; }
}
 @media only screen and (max-width: 479.98px) {
.product-wrapper.columns-5 .col { max-width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }
}
.products-area-wrapper { position: relative; z-index: 2; }
.layout-list [class*="col-"] { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
.layout-list .product-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
 @media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
.layout-list .product-item { display: block; }
}
 @media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 1200px) and (max-width: 1599.98px) {
.layout-list .product-item { min-height: 450px; }
}
.layout-list .product-item__thumb { -webkit-flex-basis: 35%; -ms-flex-preferred-size: 35%; flex-basis: 35%; max-width: 35%; }
 @media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
.layout-list .product-item__thumb { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
}
.layout-list .product-item__thumb img { width: 75%; }
 @media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
.layout-list .product-item__thumb img { width: auto; }
}
.layout-list .product-item__content { -webkit-flex-basis: 65%; -ms-flex-preferred-size: 65%; flex-basis: 65%; max-width: 65%; }
 @media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 1200px) {
.layout-list .product-item__content { padding-bottom: 0; }
}
 @media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
.layout-list .product-item__content { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
}
.layout-list .product-item__content .ratting { text-align: left; }
.layout-list .product-item__content .title { text-transform: uppercase; font-weight: 500; font-size: 20px; margin-bottom: 20px; }
.layout-list .product-item__action { position: static; padding: 0; margin-top: 20px; }
.layout-list .product-item__action button, .layout-list .product-item__action a { opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; }
.layout-list .product-item__desc { border-top: 1px solid #e1e1e1; margin-top: 25px; padding-top: 25px; display: block; }
.layout-list .product-item:hover .product-item__content .price { opacity: 1; visibility: visible; }
/*==========================
09. Countdown Clock Style
============================*/
.ht-countdown { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.ht-countdown .countdown-item { text-align: center; position: relative; margin-right: 30px; }
 @media only screen and (max-width: 575.98px) {
.ht-countdown .countdown-item { margin-right: 10px; }
}
.ht-countdown .countdown-item:last-child { padding-right: 0; margin-right: 0; }
.ht-countdown .countdown-item__time { font-size: 40px; font-weight: 600; line-height: 1; }
.ht-countdown .countdown-item__label { color: #1b1b1c; font-size: 22px; display: block; font-family: "Oswald", sans-serif; font-weight: 700; }
.ht-countdown--light .countdown-item:after { color: #FFFFFF; }
.ht-countdown--light .countdown-item__time { color: #e60012; }
.ht-countdown--light .countdown-item__label { color: rgba(255, 255, 255, 0.6); }

/*========================
10. Flash Deals Style
=========================*/
@media only screen and (max-width: 767.98px) {
.flash-deals-content { margin-top: 28px; }
}
.flash-deals-content h2 { font-size: 40px; margin-bottom: 25px; }
.flash-deals-content h3 { font-size: 32px; font-weight: 600; }
.flash-deals-content .btn { margin-top: 25px; }
.flash-deals-content .deals-countdown-area { margin-top: 50px; }
.flash-deals-area { padding: 230px 0; background-color: #e9e9e9; /*margin-top: -130px;*/ margin-top: 100px; position: relative; }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.flash-deals-area { padding: 210px 0; }
}
 @media only screen and (max-width: 767.98px) {
.flash-deals-area { padding: 192px 0; }
}
.flash-deals-area.home-2 { margin-top: 70px; }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.flash-deals-area.home-2 { margin-top: 50px; }
}
 @media only screen and (max-width: 767.98px) {
.flash-deals-area.home-2 { margin-top: 30px; }
}
 @media only screen and (max-width: 767.98px) {
.flash-deals-thumb { max-width: 80%; margin: auto; }
}
/*=========================
11. Newsletter Area Style
===========================*/
.newsletter-content { color: #d8d8d8; padding: 100px 15px; }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.newsletter-content { padding: 80px 15px; }
}
 @media only screen and (max-width: 767.98px) {
.newsletter-content { padding: 60px 15px; }
}
.newsletter-content h2, .newsletter-content h3, .newsletter-content h4 { color: #FFFFFF; margin-top: 0; }
.newsletter-content h4 { font-size: 24px; font-weight: 300; }
 @media only screen and (max-width: 767.98px) {
.newsletter-content h4 { font-size: 20px; }
}
.newsletter-content h4 span { color: #e60012; }
.newsletter-content h2 { font-size: 32px; font-weight: 600; }
 @media only screen and (max-width: 767.98px) {
.newsletter-content h2 { font-size: 26px; }
}
.newsletter-form-wrap { margin: 44px auto 0; }
 @media only screen and (min-width: 1200px) {
.newsletter-form-wrap { max-width: 90%; }
}
 @media only screen and (max-width: 767.98px) {
.newsletter-form-wrap { margin-top: 34px; }
}
.newsletter-form-wrap .form-content { position: relative; }
.newsletter-form-wrap .form-content input { background-color: transparent; border: 1px solid #d8d8d8; border-radius: 100px; color: #FFFFFF; display: block; padding: 12px 165px 12px 20px; width: 100%; }
 @media only screen and (max-width: 767.98px) {
.newsletter-form-wrap .form-content input { padding: 15px; }
}
.newsletter-form-wrap .form-content .btn-newsletter { background-color: #e60012; border-radius: 100px; color: #FFFFFF; font-size: 18px; font-weight: 600; font-family: "Oswald", sans-serif; text-transform: uppercase; position: absolute; height: 100%; width: 150px; top: 0; right: 0; }
 @media only screen and (max-width: 767.98px) {
.newsletter-form-wrap .form-content .btn-newsletter { position: static; padding: 10px; margin-top: 20px; }
}
.newsletter-form-wrap .form-content .btn-newsletter:hover { background-color: #d8d8d8; color: #1b1b1c; }
.newsletter-area-wrapper { /*margin-top: -130px;*/ margin-top: 100px; position: relative; z-index: 1; }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.newsletter-area-wrapper.home--2 { padding-top: 80px; }
}
 @media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 1200px) {
.newsletter-area-wrapper.home--2 { padding-top: 100px; }
}
/*============================
12. Brand Logo Area Style
=============================*/
.brand-logo-item { text-align: center; display: table !important; height: 85px; }
.brand-logo-item a { display: table-cell; vertical-align: middle; }
.brand-logo-item img { margin: auto; max-width: 100%; /*opacity: .9; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/height: 97px; object-fit: cover; }
.brand-logo-item a:hover img { opacity: 1; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; }
/*============================
13. Off Canvas Style CSS
=============================*/
.off-canvas-wrapper { position: fixed; left: 0; top: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; pointer-events: none; height: 100vh; width: 100vw; z-index: 9999; }
.off-canvas-wrapper.active { opacity: 1; visibility: visible; pointer-events: visible; }
.off-canvas-wrapper.active .off-canvas-inner { -webkit-transform: none; -ms-transform: none; transform: none; }
.off-canvas-wrapper.active .btn-close { display: block; }
.off-canvas-wrapper.active .off-canvas-overlay { opacity: 1; visibility: visible; }
.off-canvas-wrapper .close-btn { color: #e60012; font-size: 25px; line-height: 1; right: 0; top: 0; z-index: 9; background: #FFFFFF; width: 100%; text-align: right; }
.off-canvas-wrapper .close-btn .btn-close { margin-left: auto; }
.off-canvas-wrapper .close-btn i { line-height: 1; }
.off-canvas-wrapper .close-btn:hover { color: #e60012; }
.off-canvas-overlay { background-color: rgba(0, 0, 0, 0.8); cursor: url("../images/cancel-white.png"), auto; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; height: 100%; width: 100%; z-index: 2; }
.off-canvas-inner { background-color: #FFFFFF; position: absolute; right: 0; top: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.45s; -o-transition: 0.45s; transition: 0.45s; height: 100%; z-index: 3; overflow-y: auto; }
.off-canvas-content { width: 380px; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 50px 0 60px; overflow-y: auto; overflow-x: hidden; }
 @media only screen and (max-width: 767.98px) {
.off-canvas-content { padding: 45px 0 30px; }
}
 @media only screen and (max-width: 575.98px) {
.off-canvas-content { width: 280px; }
}
.off-canvas-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0 20px 15px; margin-bottom: 15px; }
/*========================
14. Page Header Style
==========================*/
.page-header-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 300px; }
 @media only screen and (max-width: 767.98px) {
.page-header-content { height: 200px; }
}
.page-header-content h1 { color: #FFFFFF; font-weight: 600; font-size: 32px; line-height: 1; margin-bottom: 0; }
 @media only screen and (max-width: 575.98px) {
.page-header-content h1 { font-size: 28px; line-height: 1.4; }
}
.breadcrumb { background-color: transparent; border-radius: 0; padding: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; margin-top: 20px; }
.breadcrumb li { position: relative; }
.breadcrumb li:after { content: '>'; color: #FFFFFF; font-size: 18px; font-family: "Oswald", sans-serif; vertical-align: middle; line-height: 1; display: inline-block; margin-top: -7px; padding-left: 10px; padding-right: 10px; }
.breadcrumb li a { color: #FFFFFF; font-size: 18px; font-family: "Oswald", sans-serif; font-weight: 300; line-height: 1; }
.breadcrumb li a:hover { color: #e60012; }
.breadcrumb li.current:after { display: none; }
.breadcrumb li.current a { color: #e60012; pointer-events: none; }
/*=======================
15. Gallery Style Css
=========================*/
.gallery-item { position: relative; background-color: #f7f7f7; cursor: auto; margin-top: 30px; }
.gallery-item:before { background-color: rgba(27, 27, 28, 0.7); content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0; visibility: hidden; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.gallery-item img { margin: auto; display: block; }
.gallery-item__text h3 { color: #FFFFFF; font-weight: 600; font-size: 20px; font-family: "Poppins", sans-serif; text-transform: uppercase; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; visibility: hidden; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 100%; padding: 0 20px; text-align: center; }
.gallery-item:hover { cursor: pointer; }
.gallery-item:hover:before { opacity: 1; visibility: visible; }
.gallery-item:hover .gallery-item__text h3 { opacity: 1; visibility: visible; }
/*======================
16. Contact Page Style
========================*/
.contact-info-item { border: 1px solid #e1e1e1; text-align: center; padding: 60px 20px; margin-top: 30px; }
.contact-info-item .con-info-icon { border: 1px solid #e60012; border-radius: 100px; color: #e60012; font-size: 35px; margin: 0 auto 20px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; line-height: 60px; height: 60px; width: 60px; }
.contact-info-item .con-info-txt h4 { font-size: 18px; margin-top: -2px; }
.contact-info-item:hover .con-info-icon { background-color: #e60012; color: #FFFFFF; }
.contact-form-content h2 { font-size: 20px; text-transform: uppercase; margin-top: -3px; }
.input-item { margin-top: 30px; }
.input-item input, .input-item textarea { border: 1px solid #e1e1e1; display: block; padding: 12px 15px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 100%; }
.input-item input:focus, .input-item textarea:focus { border-color: #e60012; }
.input-item .nice-select { border-color: #e1e1e1; height: 50px; padding-left: 15px; line-height: 50px; }
.input-item .nice-select .list { max-height: 200px; overflow: auto; }
.input-item .btn-brand { font-size: 14px; border-radius: 2px; margin-top: 10px; letter-spacing: 1.6px; }
.contact-map-wrapper { height: 500px; }
 @media only screen and (max-width: 767.98px) {
.contact-map-wrapper { height: 300px; }
}
/*=====================
17. Shop Page Style
======================*/
.action-bar-inner { border: 1px solid #e1e1e1; padding: 15px 30px; }
 @media only screen and (max-width: 575.98px) {
.layout-switcher { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
}
.layout-switcher li { border: 1px solid transparent; font-size: 20px; text-transform: uppercase; margin-right: 20px; line-height: 1; cursor: pointer; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; padding: 6px 5px 4px; }
.layout-switcher li:last-child { margin-right: 0; }
.layout-switcher li.active { border-color: #1b1b1c; }
.sort-by-wrapper .nice-select { height: 40px; max-width: 300px; margin-left: auto; padding-left: 15px; }
 @media only screen and (max-width: 575.98px) {
.pagination { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
}
.pagination li { margin-right: 20px; }
.pagination li:last-child { margin-right: 0; }
.pagination li a { color: #a7a7a7; }
.pagination li:hover a, .pagination li.active a { color: #000000; }
.pagination--2 li a { border: 1px solid #e1e1e1; display: block; text-align: center; line-height: 43px; height: 45px; width: 45px; }
.pagination--2 li:hover a, .pagination--2 li.active a { border-color: #e60012; color: #e60012; }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.sidebar-area { margin-top: 84px; }
}
 @media only screen and (max-width: 767.98px) {
.sidebar-area { margin-top: 64px; }
}
.sidebar-item { margin-bottom: 60px; }
 @media only screen and (max-width: 767.98px) {
.sidebar-item { margin-bottom: 35px; }
}
.sidebar-item:last-child { margin-bottom: 0; }
.sidebar-title { font-weight: 500; font-size: 22px; line-height: 1; position: relative; padding-bottom: 12px; margin-bottom: 30px; margin-top: -5px; }
.sidebar-title:after { background-color: #a8a8a8; position: absolute; content: ""; left: 0; bottom: 0; height: 1px; width: 60%; }
.sidebar-list li { margin-bottom: 15px; }
.sidebar-list li:last-child { margin-bottom: 0; }
.sidebar-list li a { color: #1b1b1c; font-weight: 500; }
.sidebar-list li a:hover { color: #e60012; }
.sidebar-list li a span { color: #898989; font-size: 12px; }
.sidebar-product { width: 100%; overflow: hidden; margin-bottom: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.sidebar-product:last-child { margin-bottom: 0; }
.sidebar-product .image { width: 80px; -webkit-flex-basis: 80px; -ms-flex-preferred-size: 80px; flex-basis: 80px; background-color: #d8d8d8; margin-right: 15px; }
.sidebar-product .image img { width: 100%; }
.sidebar-product .content { width: calc(100% - 80px); -webkit-flex-basis: calc(100% - 80px); -ms-flex-preferred-size: calc(100% - 80px); flex-basis: calc(100% - 80px); font-size: 13px; }
.sidebar-product .content .title { color: #1b1b1c; font-size: 14px; font-weight: 600; display: inline-block; margin-bottom: 3px; }
.sidebar-product .content .title:hover { color: #e60012; }
.sidebar-product .content .price { font-size: 14px; display: block; }
.sidebar-product .content .price .old { margin-left: 10px; color: #a8a8a8; text-decoration: line-through; }
.sidebar-product .content .ratting { display: block; }
.sidebar-product .content .ratting i { font-size: 12px; color: #f5cc26; }
.sidebar-search .form { position: relative; }
.sidebar-search .form input { border: 1px solid #e1e1e1; border-radius: 5px; display: block; padding: 8px 63px 8px 13px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; width: 100%; }
.sidebar-search .form input:focus { border-color: #e60012; }
.sidebar-search .form .btn-src { background-color: #1b1b1c; border-radius: 0 5px 5px 0; color: #FFFFFF; position: absolute; right: 0; top: 0; height: 100%; width: 40px; }
.sidebar-search .form .btn-src:hover { color: #e60012; }
.tags li { display: inline-block; }
.tags li a { border: 1px solid #e1e1e1; line-height: 1em; padding: 10px 15px; display: inline-block; margin-right: 5px; margin-bottom: 10px; color: #1b1b1c; border-radius: 25px; font-weight: 500; }
.tags li a:hover { color: #e60012; border-color: #e60012; }

/*================================
18. Single Product Page Style
==================================*/
@media only screen and (max-width: 767.98px) {
.product-thumb-area { margin-bottom: 30px; }
}
.product-thumb-area .pro-thumb-item img { margin: auto; }
.product-thumb-area .product-details-thumbnail { border: 1px solid #e1e1e1; text-align: center; position: relative; }
.product-thumb-area .product-details-thumbnail .btn-large-view { background-color: rgba(255, 255, 255, 0.9); bottom: 20px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16); color: #1b1b1c; display: block; font-weight: 700; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); line-height: 22px; padding: 10px 0; position: absolute; text-align: center; width: 136px; }
.product-thumb-area .product-details-thumbnail .btn-large-view i { margin-left: 3px; vertical-align: middle; }
.product-thumb-area .product-details-thumbnail-nav { margin-top: 10px; }
.product-thumb-area .product-details-thumbnail-nav .pro-thumb-item { border: 1px solid #e1e1e1; text-align: center; cursor: pointer; }
.product-thumb-area .product-details-thumbnail-nav .slick-list { margin: 0 -5px; }
.product-thumb-area .product-details-thumbnail-nav .slick-list .slick-slide { margin: 0 5px; }
 @media only screen and (min-width: 1200px) {
.prod-details-info-content { padding-left: 20px; }
}
.prod-details-info-content h2 { font-size: 30px; margin-top: -6px; }
 @media only screen and (max-width: 767.98px) {
.prod-details-info-content h2 { font-size: 24px; font-weight: 500; margin-bottom: 10px; }
}
.prod-details-info-content .price { font-size: 24px; font-family: "Poppins", sans-serif; margin-bottom: 33px; }
 @media only screen and (max-width: 767.98px) {
.prod-details-info-content .price { font-size: 20px; margin-bottom: 20px; }
}
.prod-details-info-content .price-amount { font-size: 18px; font-weight: 500; vertical-align: middle; }
.product-config { margin: 40px 0; }
.product-config .table { margin-bottom: 0; }
.product-config .table-bordered td, .product-config .table-bordered th { border-color: #e1e1e1; }
.product-config .table th { font-size: 18px; font-weight: 500; }
.product-config .table .config-option a { color: #1b1b1c; font-size: 16px; font-weight: 500; margin-right: 10px; }
.product-config .table .config-option a:last-child { margin-right: 0; }
.product-config .table .config-option a:hover { color: #e60012; }
.product-meta { margin-top: 40px; }
.product-meta span:not(.sku) { display: block; font-size: 16px; margin-bottom: 15px; }
.product-meta span:not(.sku):last-child { margin-bottom: 0; }
.product-meta a { color: #1b1b1c; margin-right: 5px; font-size: 15px; vertical-align: middle; }
.product-meta a:last-child { margin-right: 0; }
.product-meta a:hover { color: #e60012; }
.pro-qty { border: 1px solid #e1e1e1; display: inline-block; position: relative; width: 150px; }
 @media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
.pro-qty { width: 120px; }
}
.pro-qty input { font-weight: 600; border: none; text-align: center; padding: 12px 45px; outline: none; width: 100%; }
.pro-qty a { color: #000000; font-size: 22px; font-weight: 600; text-align: center; position: absolute; top: 0; line-height: 50px; height: 100%; width: 35px; }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.pro-qty a { width: 35px; line-height: 54px; }
}
 @media only screen and (max-width: 767.98px) {
.pro-qty a { width: 35px; line-height: 48px; }
}
.pro-qty a:hover { background-color: #e60012; border-color: #e60012; color: #FFFFFF; }
.pro-qty a.inc { right: 0; border-left: 1px solid #e1e1e1; }
.pro-qty a.dec { left: 0; border-right: 1px solid #e1e1e1; }
.product-description-review { margin-top: 80px; }
 @media only screen and (max-width: 767.98px) {
.product-description-review { margin-top: 60px; }
}
.product-description-review .desc-review-tab-menu { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.product-description-review .desc-review-tab-menu li { width: 100%; }
.product-description-review .desc-review-tab-menu li a { background-color: #1b1b1c; border-right: 2px solid #ddd; color: #FFFFFF; display: block; text-align: center; text-transform: uppercase; font-size: 18px; font-weight: 700; line-height: 1; padding: 20px 0; }
.product-description-review .desc-review-tab-menu li a:last-child { border: none; }
.product-description-review .desc-review-tab-menu li a.active { background-color: #e60012; }
 @media only screen and (max-width: 767.98px) {
.product-description-review .desc-review-tab-menu li a { font-size: 15px; font-weight: 500; padding: 10px 0; }
}
.product-description-review .tab-content { background-color: #f6f6f6; padding: 45px; }
 @media only screen and (max-width: 767.98px) {
.product-description-review .tab-content { padding: 25px 15px; }
}
.product-rating-wrap .average-rating { margin-bottom: 30px; }
.product-rating-wrap .average-rating h4 { font-weight: 400; font-size: 22px; margin-bottom: 3px; }
.product-rating-wrap .display-ratings .rating-item { margin-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.product-rating-wrap .display-ratings .rating-item:last-child { margin-bottom: 0; }
.product-rating-wrap .display-ratings .rating-item .rating-author-pic { max-width: 50px; -webkit-flex-basis: 50px; -ms-flex-preferred-size: 50px; flex-basis: 50px; border-radius: 2px; overflow: hidden; margin-right: 10px; }
.product-rating-wrap .display-ratings .rating-item .rating-author-txt { border: 1px solid #e1e1e1; border-radius: 2px; padding: 15px; -webkit-flex-basis: calc(100% - 60px); -ms-flex-preferred-size: calc(100% - 60px); flex-basis: calc(100% - 60px); max-width: calc(100% - 60px); }
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-meta h3 { font-size: 14px; margin-top: 0; font-family: "Poppins", sans-serif; display: inline-block; }
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-meta .time { vertical-align: middle; margin-left: 5px; font-size: 13px; }
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star { color: #e60012; font-size: 14px; margin-bottom: 5px; }
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star i { margin-right: 5px; }
.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star i:last-child { margin-right: 0; }
.product-rating-wrap .rating-form-wrapper { margin-top: 60px; }
.product-rating-wrap .rating-form-wrapper h3 { font-size: 24px; font-weight: 500; margin-top: -5px; margin-bottom: 20px; }
.product-rating-wrap .rating-form-wrapper .rating-form h5 { font-weight: 400; font-size: 18px; margin-bottom: 8px; }
.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i { color: #ccc; margin-right: 10px; }
.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i:last-child { margin-right: 0; }
.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i:hover~i { color: #ccc; }
.product-rating-wrap .rating-form-wrapper .rating-form .rating-star:hover i { cursor: pointer; color: #e60012; }
.product-rating-wrap .rating-form-wrapper .rating-form input, .product-rating-wrap .rating-form-wrapper .rating-form textarea { background-color: #FFFFFF; border: 1px solid #e1e1e1; display: block; padding: 12px 20px; width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.product-rating-wrap .rating-form-wrapper .rating-form input:focus, .product-rating-wrap .rating-form-wrapper .rating-form textarea:focus { border-color: #e60012; }
/*==================================
19. Cart Page Style Css
===================================*/
.shopping-cart-table thead th { color: #1b1b1c; font-weight: 700; font-size: 15px; text-transform: uppercase; border-bottom: 0; }
.shopping-cart-table tr td, .shopping-cart-table tr th { vertical-align: middle; width: 15%; padding: 10px; border-color: #e1e1e1; white-space: nowrap; }
.shopping-cart-table tr td.product-list, .shopping-cart-table tr th.product-list { width: 55%; }
.shopping-cart-table .product-list .remove-icon { margin-right: 15px; }
.shopping-cart-table .product-list .remove-icon button { color: #303030; }
.shopping-cart-table .product-list .remove-icon button:hover { color: #e60012; }
.shopping-cart-table .product-list .product-thumb { display: block; width: 120px; margin-right: 20px; }
.shopping-cart-table .product-list .product-name { color: #1b1b1c; line-height: 1; }
.shopping-cart-table .product-list .product-name:hover { color: #e60012; }
.shopping-cart-table .pro-qty { width: 120px; line-height: 40px; }
.shopping-cart-table .pro-qty input { padding: 10px 0; font-weight: 400; height: 40px; }
.shopping-cart-table .pro-qty a { width: 30px; line-height: 44px; font-weight: 400; font-size: 16px; }
.shopping-cart-table .add-cart .btn { font-size: 13px; padding: 0 20px; height: 36px; line-height: 30px; }
.cart-coupon-update-area { border: 1px solid #e1e1e1; border-top: 0; padding: 20px 30px 30px; }
.cart-coupon-update-area button { font-size: 14px; font-weight: 700; }
.cart-coupon-update-area button:hover { color: #e60012; }
.cart-coupon-update-area .coupon-form-wrap { width: 55%; }
 @media only screen and (max-width: 575.98px) {
.cart-coupon-update-area .coupon-form-wrap { width: 100%; }
}
.cart-coupon-update-area .coupon-form-wrap form { position: relative; }
.cart-coupon-update-area .coupon-form-wrap form input { border: none; border-bottom: 1px solid #e1e1e1; display: block; outline: none; padding: 5px 100px 5px 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; width: 100%; }
.cart-coupon-update-area .coupon-form-wrap form input:focus { border-color: #e60012; }
.cart-coupon-update-area .coupon-form-wrap form .btn-apply { position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.cart-coupon-update-area .cart-update-buttons button:nth-child(1n + 2) { margin-left: 10px; }
.cart-calculate-area { background-color: #f7f7f7; padding: 30px; }
.cart-calculate-area h5 { font-weight: 600; font-size: 24px; line-height: 1; margin-bottom: 20px; }
.cart-calculate-area .cart-cal-table { white-space: nowrap; }
.cart-calculate-area .cart-cal-table table { margin-bottom: 0; }
.cart-calculate-area .cart-cal-table td, .cart-calculate-area .cart-cal-table th { font-size: 16px; font-weight: 400; padding: 5px 0 15px; }
.cart-calculate-area .cart-cal-table .shipping-method li { margin-bottom: 15px; }
.cart-calculate-area .cart-cal-table .shipping-method li:last-child { margin-bottom: 0; }
.cart-calculate-area .cart-cal-table .shipping-method .custom-control-label:before { top: 5px; }
.cart-calculate-area .cart-cal-table .shipping-method .custom-control-label:after { top: 5px; }
.cart-calculate-area .cart-cal-table .order-total { border-top: 1px solid #e1e1e1; }
.cart-calculate-area .cart-cal-table .order-total th, .cart-calculate-area .cart-cal-table .order-total td { padding-top: 15px; }
.cart-calculate-area .proceed-checkout-btn { margin: 15px 0 0; }
.cart-calculate-area .proceed-checkout-btn .btn { font-size: 14px; }
 .table-responsive::-webkit-scrollbar-thumb, .list::-webkit-scrollbar-thumb {
 border-radius: 0;
 border: 0;
 background-color: #e60012;
}
 .table-responsive::-webkit-scrollbar, .list::-webkit-scrollbar {
 background-color: rgba(238, 182, 68, 0.3);
 -webkit-appearance: none;
 width: 15px;
 height: 5px;
}
.custom-control-input:checked~.custom-control-label:before { border-color: #e60012; background-color: #e60012; }
.custom-control-input:focus~.custom-control-label:before, .custom-control-input:active~.custom-control-label:before, .custom-control-input:disabled~.custom-control-label:before { -webkit-box-shadow: none; box-shadow: none; outline: none; }
.custom-control.custom-checkbox .custom-control-label:before { border-radius: 0; height: 14px; width: 14px; top: 6px; }
.custom-control.custom-checkbox .custom-control-label:after { background-size: 8px 10px; top: 6px; height: 14px; width: 14px; }
/*==========================================
20. Checkout Page Style Css
===========================================*/
.checkout-page-coupon-area .card { border: none; padding: 0; }
.checkout-page-coupon-area .card h3 { background-color: #e60012; color: #1b1b1c; font-size: 16px; line-height: 1.2; margin: 0; padding: 20px 30px; }
 @media only screen and (max-width: 575.98px) {
.checkout-page-coupon-area .card h3 { font-size: 14px; padding: 10px 15px; }
}
.checkout-page-coupon-area .card h3 i { color: #FFFFFF; margin-right: 5px; font-size: 20px; vertical-align: middle; }
.checkout-page-coupon-area .card h3 span { cursor: pointer; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }
.checkout-page-coupon-area .card h3 span:hover { color: #FFFFFF; }
.checkout-page-coupon-area .card .card-body { padding: 0; margin-top: 30px; }
.checkout-page-coupon-area .card .card-body .apply-coupon-wrapper .form-input-item input { font-size: 16px; padding: 10px 0; }
.checkout-billing-details-wrap { margin-top: 90px; }
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.checkout-billing-details-wrap { margin-top: 60px; }
}
 @media only screen and (max-width: 767.98px) {
.checkout-billing-details-wrap { margin-top: 40px; }
}
.checkout-billing-details-wrap h2 { font-weight: 600; font-size: 30px; line-height: 1; position: relative; padding-bottom: 15px; margin-bottom: 46px; }
 @media only screen and (max-width: 767.98px) {
.checkout-billing-details-wrap h2 { margin-bottom: 26px; }
}
.checkout-billing-details-wrap h2:before { background-color: #1b1b1c; content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 50px; }
.billing-form-wrap .form-input-item { margin-top: 40px; }
.billing-form-wrap .form-input-item input, .billing-form-wrap .form-input-item textarea { font-size: 16px; padding: 5px 0; }
 .billing-form-wrap .form-input-item input::-webkit-input-placeholder, .billing-form-wrap .form-input-item textarea::-webkit-input-placeholder {
 color: #303030;
}
 .billing-form-wrap .form-input-item input::-moz-placeholder, .billing-form-wrap .form-input-item textarea::-moz-placeholder {
 color: #303030;
}
 .billing-form-wrap .form-input-item input:-ms-input-placeholder, .billing-form-wrap .form-input-item textarea:-ms-input-placeholder {
 color: #303030;
}
 .billing-form-wrap .form-input-item input::-ms-input-placeholder, .billing-form-wrap .form-input-item textarea::-ms-input-placeholder {
 color: #303030;
}
 .billing-form-wrap .form-input-item input::placeholder, .billing-form-wrap .form-input-item textarea::placeholder {
 color: #303030;
}
.billing-form-wrap .form-input-item .nice-select:after { border-right-color: #303030; border-bottom-color: #303030; }
.billing-form-wrap .form-input-item .nice-select .current { font-size: 16px; color: #303030; }
.checkout-box-wrap .account-create { margin-top: 25px; font-size: 16px; }
.checkout-box-wrap .account-create, .checkout-box-wrap .ship-to-different { display: none; }
.order-details-area-wrap { border: 2px solid #e1e1e1; padding: 50px 30px; margin-top: 80px; }
 @media only screen and (max-width: 575.98px) {
.order-details-area-wrap { padding: 30px 20px; }
}
 @media only screen and (min-width: 768px) and (max-width: 991.98px) {
.order-details-area-wrap { margin-top: 60px; }
}
 @media only screen and (max-width: 767.98px) {
.order-details-area-wrap { margin-top: 40px; }
}
.order-details-area-wrap h2 { font-weight: 600; font-size: 30px; line-height: 1; position: relative; padding-bottom: 15px; margin-bottom: 35px; }
 @media only screen and (max-width: 767.98px) {
.order-details-area-wrap h2 { margin-bottom: 26px; }
}
.order-details-area-wrap h2:before { background-color: #1b1b1c; content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 50px; }
.order-details-area-wrap .order-details-table { line-height: 1; white-space: nowrap; }
.order-details-area-wrap .order-details-table .custom-control-label, .order-details-area-wrap .order-details-table th { font-weight: 400; }
.order-details-area-wrap .order-details-table .table thead { border-bottom: 1px solid #e1e1e1; margin-bottom: 27px; }
.order-details-area-wrap .order-details-table .table thead th { margin-bottom: 27px; }
.order-details-area-wrap .order-details-table .table tbody { border-bottom: 1px solid #e1e1e1; }
.order-details-area-wrap .order-details-table .table tbody .cart-item { font-size: 16px; }
.order-details-area-wrap .order-details-table .table tbody .cart-item:first-child td { padding-top: 30px; }
.order-details-area-wrap .order-details-table .table tbody .cart-item:last-child td { padding-bottom: 30px; }
.order-details-area-wrap .order-details-table .table tfoot .shipping .shipping-method li { margin-bottom: 15px; }
.order-details-area-wrap .order-details-table .table tfoot .shipping .shipping-method li:last-child { margin-bottom: 0; }
.order-details-area-wrap .order-details-table .table tfoot .shipping .shipping-method .custom-control-label { line-height: 23px; }
.order-details-area-wrap .order-details-table .table tfoot .total-amount { font-size: 20px; font-weight: 600; }
.order-details-area-wrap .order-details-table .table tfoot tr { border-bottom: 1px solid #e1e1e1; }
.order-details-area-wrap .order-details-table .table tr td, .order-details-area-wrap .order-details-table .table tr th { padding: 15px 0; }
.order-details-area-wrap .order-details-table .table tr td:last-child, .order-details-area-wrap .order-details-table .table tr th:last-child { text-align: right; }
.order-details-area-wrap .order-details-table .product-title .product-quantity { color: #8d8d8d; font-size: 14px; }
.order-details-area-wrap .order-details-footer { font-size: 15px; }
/*=============================
21. Blog Layout Style Css
==============================*/
.blog-item { position: relative; margin-top: 25px; }
.blog-item__info { position: relative; padding-left: 70px; padding-top: 25px; }
.blog-item__info .post-date { border-radius: 5px; border: 1px solid #e1e1e1; text-align: center; padding: 10px; margin-right: 20px; width: 50px; position: absolute; left: 0; top: 25px; }
.blog-item__info .post-date span { display: block; margin: 0; font-weight: 600; font-size: 20px; line-height: 1; color: #1b1b1c; font-family: "Oswald", sans-serif; }
.blog-item__info .post-date span:first-child { padding-bottom: 5px; }
.blog-item__info .post-meta { margin-bottom: 10px; margin-top: -4px; }
.blog-item__info .post-meta a, .blog-item__info .post-meta span { color: #1b1b1c; font-family: "Oswald", sans-serif; }
.blog-item__info .post-meta a a:hover, .blog-item__info .post-meta span a:hover { color: #e60012; }
.blog-item__info .post-meta span:after { content: '|'; padding-left: 3px; }
.blog-item__info .post-meta span:last-child:after { display: none; }
.blog-item__info .post-title { font-size: 20px; font-weight: 500; margin-top: -5px; margin-bottom: 10px; }
.blog-item__info .post-title a { color: #1b1b1c; }
.blog-item__info .post-title a:hover { color: #e60012; }
/*==============================
22. Blog Details Style Css
===============================*/
.blog-post-details .blog-post-thumb { margin-bottom: 50px; }
 @media only screen and (max-width: 767.98px) {
.blog-post-details .blog-post-thumb { margin-bottom: 35px; }
}
.blog-post-details .blog-post-thumb img { width: 100%; }
.blog-post-details .blog-post-txt h2 { font-size: 30px; font-weight: 600; margin-bottom: 18px; margin-top: -6px; }
 @media only screen and (max-width: 767.98px) {
.blog-post-details .blog-post-txt h2 { font-size: 24px; font-weight: 400; }
}
.blog-post-details .blog-post-txt p, .blog-post-details .blog-post-txt img, .blog-post-details .blog-post-txt blockquote { margin-bottom: 30px; }
.blog-post-details .share-article { margin-top: 50px; }
.blog-post-details .share-article h6 { font-weight: 600; font-size: 14px; text-transform: uppercase; }
.blog-post-details .share-article .share-icons { border-top: 1px solid #e1e1e1; padding-top: 20px; margin-top: 20px; }
.blog-post-details .share-article .share-icons a { color: #FFFFFF; display: block; font-size: 18px; text-align: center; line-height: 40px; height: 40px; width: 50px; }
.blog-post-details .share-article .share-icons a.facebook { background-color: #3B5999; }
.blog-post-details .share-article .share-icons a.twitter { background-color: #1DA1F2; }
.blog-post-details .share-article .share-icons a.reddit { background-color: #FF4500; }
.blog-post-details .share-article .share-icons a.pinterest { background-color: #CB2028; }
.blog-post-details .comment-area-wrapper .btn-outline { border-radius: 0; border-width: 1px; }
.author-info { border-top: 8px solid rgba(225, 225, 225, 0.5); border-bottom: 1px solid #e1e1e1; padding: 20px 0; }
.author-info .author-thumb { border-radius: 50%; overflow: hidden; height: 100px; width: 100px; margin: 0 auto 15px; }
.author-info .author-txt { text-align: center; }
.author-info .author-txt h5 { font-weight: 600; font-size: 18px; margin-bottom: 0; }
.author-info .author-txt h5 .designation { font-size: 14px; font-family: "Poppins", sans-serif; display: block; font-weight: 500; margin-top: 7px; }
.author-info .author-txt .member-social-icons { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 15px; }
.author-info .author-txt .member-social-icons a { color: #303030; display: inline-block; height: auto; width: auto; margin-right: 15px; line-height: 1; }
.author-info .author-txt .member-social-icons a:last-child { margin-right: 0; }
/*============================
Start Comment Area Wrapper
============================*/
.comment-area-wrapper { margin-top: 55px; }
.comment-area-wrapper h3 { font-size: 26px; margin-bottom: 30px; }
 @media only screen and (max-width: 767.98px) {
.comment-area-wrapper h3 { margin-bottom: 25px; }
}
.comment-area-wrapper .comment-box-form .btn-brand { border-radius: 0; }
.single-comment-wrap { font-size: 15px; line-height: 1.6; margin-bottom: 35px; }
.single-comment-wrap:last-child { margin-bottom: 0; }
.single-comment-wrap.comment-reply { margin-left: 50px; }
 @media only screen and (max-width: 767.98px) {
.single-comment-wrap.comment-reply { margin-left: 20px; }
}
.single-comment-wrap .author-thumb { border-radius: 3px; margin-right: 15px; height: 70px; max-width: 70px; -webkit-flex-basis: 70px; -ms-flex-preferred-size: 70px; flex-basis: 70px; overflow: hidden; }
.single-comment-wrap .comments-info { margin-top: -4px; -webkit-flex-basis: calc(100% - 70px); -ms-flex-preferred-size: calc(100% - 70px); flex-basis: calc(100% - 70px); }
.single-comment-wrap .comment-footer { margin-top: 8px; }
.single-comment-wrap .comment-footer a { font-size: 14px; color: #303030; }
.single-comment-wrap .comment-footer a strong { color: #1b1b1c; }
.single-comment-wrap .comment-footer a.btn-reply { color: #1b1b1c; }
.single-comment-wrap .comment-footer a.btn-reply:hover { color: #e60012; }
/**/
.index_add1bg { background: #151515; margin-top: 100px; }
.index_add1 { position: relative; overflow: hidden; }
.index_add1:before { content: ""; width: 40%; height: 120%; transform: rotate(20deg); position: absolute; top: 5%; right: 12%; background: #e60012; z-index: 1; }
.index_add1:after { content: ""; width: 40%; height: 120%; transform: rotate(20deg); position: absolute; top: 5%; right: 11%; background: #151515; z-index: 2; }
.i1_lt { float: left; width: 55%; z-index: 0; position: relative; }
.i1_lt:before { content: ""; width: 50%; height: 120%; transform: rotate(20deg); position: absolute; top: -20%; left: -50%; background: #e60012; z-index: 2; }
.i1_lt .swiper-container1 { }
.i1_lt .swiper-container1 .swiper-slide { /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.i1_lt .swiper-container1 .swiper-slide img { display: block; width: 100%; }
.i1_lt .swiper-container1 .swiper-slide .img { width: 100%;/* padding-bottom: 60%;*/ height:620px; }
.i1_lt .swiper-container1 .swiper-pagination1 { display: none; }
.i1_lt .swiper-container1 .swiper-pagination1 .swiper-pagination-bullet { }
.i1_lt .swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active { }
.i1_lt .swiper-container1 .swiper-button-prev1, .i1_lt .swiper-container1 .swiper-button-next1 { width: 40px !important; height: 40px !important; border: 1px solid #fff; margin-top: auto !important; bottom: 10px !important; }
.i1_lt .swiper-container1 .swiper-button-prev1 { background-size: auto 20px !important; left: 10px !important; }
.i1_lt .swiper-container1 .swiper-button-next1 { background-size: auto 20px !important; left: 60px !important; }
.i1_rt { width: 40%; height: 100%; position: absolute; top: 0; right: 8%; z-index: 3; }
.i1_rt:before { content: ""; width: 50%; height: 120%; transform: rotate(20deg); position: absolute; top: 0%; right: -52%; background: #e60012; z-index: 1; }
.i1_rt .txt { padding: 10% 5% 0 5%; }
.i1_rt .txt h2 { margin-bottom: 20px; color: #fff; }
.i1_rt .txt .h6 { font-weight: normal; line-height: 2; margin-bottom: 35px; color: #fff; }
.i1_rt .txt .h7 { }
.index_add2bg { margin-top: 100px; }
.index_add2 { }
.index_add2 .list { }
.index_add2 .list ul li { float: left; width: calc((100% - 60px)/3); margin: 0 30px 30px 0;/* background:#e9e9e9;*/ }
.index_add2 .list ul li:nth-child(3n) { margin-right: 0; }
.index_add2 .list ul li:nth-child(3n-2) { clear: left; }
.index_add2 .list ul li .nr_box { border: 1px solid #e9e9e9; }
.index_add2 .list ul li .img_box { position: relative; }
.index_add2 .list ul li .img { padding-bottom: 52%; }
.index_add2 .list ul li .date { position: absolute; bottom: 0; right: 0; background: rgba(255,255,255,.9); width: 100px; padding: 10px 0; }
.index_add2 .list ul li .date time { display: block; font-size: 14px; color: #666; text-align: center; line-height: 1; }
.index_add2 .list ul li .date span { display: block; font-size: 36px; line-height: 1; margin-bottom: 10px; }
.index_add2 .list ul li .txt { padding: 15px 20px; }
.index_add2 .list ul li .txt .h6 { }
.index_add2 .list ul li .txt .h6 a { color: #333; }
.index_add2 .list ul li .txt .h8 { font-size: 16px; line-height: 2; max-height: 4em; overflow: hidden; }
.index_add2 .list ul li .txt .h7 { margin-top: 12px; }
.index_add2 .list ul li .txt .h7 a { }
/*<!---->*/

.inbanner img { display: block; }
.in_nav_box { background: #e9e9e9; height: 70px; }
.in_nav { float: left; line-height: 67px; font-size: 16px; }
.in_nav ul li { float: left; margin-right: 50px; position: relative; }
.in_nav ul li>a { display: block; color: #666; border-bottom: 3px solid transparent; }
.in_nav ul li.on>a { border-bottom: 3px solid #e60012; color: #e60012; }
.in_nav ul li .erji { width: 230px; background: #fff; box-shadow: 2px 2px 10px rgba(0,0,0,.1); position: absolute; top: 100%; left: 0; z-index: 5; line-height: 24px; font-size: 14px; display:none;}
.in_nav ul li:hover .erji{ display:block;}
.in_nav ul li .erji dl { margin: 0; padding: 0; }
.in_nav ul li .erji dl dd { }
.in_nav ul li .erji dl dd a { display: block; padding: 10px 15px; }
.in_nav ul li .erji dl dd a:hover { }
.weizhi { float: right; text-align: right; font-size: 14px; line-height: 70px; }
.weizhi a { }
.weizhi img { margin: 0 5px; }
.tit1 { text-align: left; }
.tit1 .h2 { font-size: 34px; line-height: 44px; margin: 0 0 10px 0; }
.tit1 .line1 { width: 40px; height: 4px; background: #e60012; }
.aboutus1bg { padding: 80px 0 80px 0; }
.aboutus1 { }
.a1_lt { float: left; width: 50%; }
.a1_lt .list { margin-top: 30px; }
.a1_lt .list .txt { font-size: 16px; line-height: 2em; }
.a1_rt { float: right; width: 46%; }
.a1_rt img { display: block; width: 100%; }
.aboutus2bg { padding: 80px 0 80px 0; border-bottom: 4px solid #e60012; position: relative; }
.aboutus2bg:before { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; z-index: 1; }
.aboutus2 { position: relative; z-index: 2; padding: 80px 0 80px 0; color: #fff; }
.aboutus2 dl { margin: 40px 0; }
.aboutus2 dl dt { font-weight: bold; font-size: 34px; line-height: 2em; margin: 0; }
.aboutus2 dl dd { font-size: 20px; line-height: 2em; margin: 0; }
.productbg { padding: 40px 0 80px 0; }
.product { }
.product ul li { float: left; width: calc((100% - 60px)/3); margin: 0 30px 30px 0; background: #e9e9e9; }
.product ul li:nth-child(3n) { margin-right: 0; }
.product ul li .nr_box { }
.product ul li .img { padding-bottom: 100%; position: relative; overflow: hidden; }
.product ul li .img img { max-width: 80%; max-height: 80%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; }
.product ul li:hover .img img { transform: scale(1.1); }
.product ul li .txt { height: 60px; line-height: 60px; text-align: center; overflow: hidden; background: #e60012; }
.product ul li .txt .h2 { font-size: 24px; line-height: 60px; margin: 0; float: left; width: 48%; background: #1b1b1c; color: #fff; position: relative; }
.product ul li .txt .h2:before { content: ""; width: 100%; height: 100%; background: #1b1b1c; transform: rotate(45deg); position: absolute; top: 0; left: 46%; z-index: 1; }
.product ul li .txt .h2 font { position: relative; z-index: 2; }
.product ul li .txt span { font-size: 18px; line-height: 60px; margin: 0; float: right; width: 40%; display: block; color: #fff; position: relative; z-index: 2; }
.newsbg { padding: 40px 0 80px 0; }
.news { }
.news ul li { padding: 40px 0; border-top: 1px solid #e9e9e9; }
.news ul li:nth-child(1) { border-top: none; }
.news ul li .nr_box { position: relative; }
.news ul li a.img { width: 30%; height: 100%; position: absolute; top: 0; left: 0; }
.news ul li .txt { float: right; width: calc(70% - 20px); padding: 20px 0; }
.news ul li .txt .h6 { line-height: 40px; height: 40px; overflow: hidden; margin: 0; }
.news ul li .txt .h6 a { font-size: 30px; color: #333; float: left; width: 70%; height: 40px; overflow: hidden; }
.news ul li .txt .h6 span { font-size: 16px; color: #999; float: right; font-weight: normal; }
.news ul li .txt .h8 { font-size: 16px; line-height: 26px; height: 52px; overflow: hidden; margin: 10px 0 0 0; }
.news ul li:nth-child(2n) a.img { left: auto; right: 0; }
.news ul li:nth-child(2n) .txt { float: left; }
.more1 { margin-top: 20px; }
.more1 a { display: inline-block; border: 1px solid #333; color: #333; padding: 0 20px; height: 38px; line-height: 38px; font-size: 16px; }
.more1 a:hover { background: #333; color: #fff; }
.tit2 { text-align: center; }
.tit2 .h2 { font-size: 42px; line-height: 52px; margin: 0 0 10px 0; }
.tit2 .line1 { margin: 0 auto; width: 40px; height: 4px; background: #e60012; }
.contact1bg { padding: 80px 0 80px 0; }
.contact1 { }
.contact1 ul { margin-top: 40px; }
.contact1 ul li { float: left; background: #e9e9e9; width: calc((100% - 4px)/3); margin: 0 2px 0 0; text-align: center; }
.contact1 ul li:nth-child(3n) { margin-right: 0; }
.contact1 ul li .nr_box { padding: 40px 20px; }
.contact1 ul li .img { height: 45px; line-height: 45px; }
.contact1 ul li .img img { display: inline-block; vertical-align: middle; }
.contact1 ul li .txt { font-size: 12px; line-height: 2em; height: 4em; margin-top: 20px; }
.contact2bg { padding: 80px 0 80px 0; background: #e9e9e9; }
.contact2 { }
.contact2 table { width: 100%; margin-top: 40px; }
.contact2 table td { width: calc(100%/3); padding: 10px 10px; position: relative; }
.contact2 table td img { position: absolute; left: 10px; top: 15px; }
.contact2 .td2 { }
.contact2 .text1 { border: none; background: #fff; height: 50px; line-height: 50px; padding: 0 10px 0 40px; width: 100%; }
.contact2 .text2 { border: none; background: #fff; height: 150px; line-height: 50px; padding: 0 10px 0 40px; width: 100%; }
.contact2 .button1 { display: block; margin: 0 auto; height: 50px; line-height: 50px; text-align: center; width: 150px; background: #e60012; color: #fff; font-size: 16px; }
.contact2 .button1:hover { background: #333; }
.contact4bg { padding: 80px 0 80px 0; background: #e9e9e9; position: relative; }
.contact4bg:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: rgba(0,0,0,.6); }
.contact4 { position: relative; z-index: 2; }
.contact4 .tit2 .h2 { color: #fff; }
.contact4 table { width: 100%; margin-top: 40px; }
.contact4 table td { width: calc(100%/3); padding: 10px 10px; position: relative; }
.contact4 table .td1 { width: 15%; padding-right: 0; }
.contact4 table .td2 { width: 35%; padding-left: 0; }
.contact4 span { display: block; background: #000; height: 40px; line-height: 40px; color: #fff; padding: 0 10px; font-size: 14px; }
.contact4 span.s1 { height: 80px; }
.contact4 span b { color: #e60012; float: right; }
.contact4 .text1 { display: block; border: none; background: #fff; height: 40px; line-height: 40px; padding: 0 10px 0 10px; width: 100%; font-size: 16px; }
.contact4 .text2 { display: block; border: none; background: #fff; height: 80px; line-height: 40px; padding: 0 10px 0 10px; width: 100%; font-size: 16px; }
.contact4 .text3 { border: none; background: #fff; height: 40px; line-height: 40px; padding: 0 10px 0 10px; width: 30%; font-size: 16px; margin: 0 10px; }
.contact4 .text4 { border: none; background: #fff; height: 40px; line-height: 40px; padding: 0 10px 0 10px; width: calc(70% - 50px); font-size: 16px; margin: 0 0 0 10px; }
.contact4 .box_phone { color: #fff; font-size: 16px; padding-left: 10px; }
.contact4 .button1 { display: block; margin: 20px auto 0 auto; height: 50px; line-height: 50px; text-align: center; width: 150px; background: #e60012; color: #fff; font-size: 16px; }
.contact4 .button1:hover { background: #000; }
.contact3bg { padding: 40px 0 40px 0; background: #e9e9e9; }
.contact3 { color: #000; }
.contact3 table { width: 100%; }
.contact3 table td { width: 50%; padding: 10px 10px; line-height: 50px; }
.contact3 .text1 { float: left; border: none; background: #fff; height: 50px; line-height: 50px; padding: 0 10px 0 10px; width: calc(100% - 150px); font-size: 16px; }
.contact3 .button1 { float: right; text-align: center; width: 150px; height: 50px; line-height: 50px; background: #e60012; color: #fff; font-size: 16px; }
.contact3 .button1:hover { background: #000; }
.tit3 { padding-bottom: 10px; border-bottom: 1px solid #e9e9e9; }
.tit3 .h2 { font-size: 36px; line-height: 46px; }
.tit3 .h3 { font-size: 14px; line-height: 24px; color: #999; font-weight: normal; margin-top: 10px; }
.tit3 .h3 img { vertical-align: middle; margin-right: 5px; }
.page1 { margin-top: 80px; }
.page1 ul li { float: left; max-width: 40%; line-height: 38px; }
.page1 ul li:nth-child(2n) { float: right; text-align: right; }
.page1 ul li a { display: block; border: 1px solid #e9e9e9; height: 40px; overflow: hidden; padding: 0 15px; }
.newsDetailbg { padding: 80px 0 160px 0; }
.newsDetail { }
.newsDetail .list { margin-top: 20px; font-size: 16px; line-height: 2em; }
.newsDetail .list img { max-width: 100%; }
.clear { clear: both; }
.proDetailbg { padding: 30px 0 160px 0; }
.proDetail { }
/*update_prodetail_2*/
.update_prodetail_2 { max-width: 1200px; margin: 0 auto; margin-top: 50px; }
.update_prodetail_2_top { border: 1px solid #dcdcdc; padding: 20px; box-shadow: 0 3px 8px -6px rgba(0,0,0,0.1); margin-bottom: 20px; }
.update_prodetail_1_top_left { float: left; width: 40%; }
.update_gallery-top2 .swiper-slide img { width: 100%; }
.update_gallery-top2 { height: 80%; width: 100%; }
.update_gallery-top2 .swiper-button-white { display: none; }
.update_gallery-thumbs2 { height: 20%; box-sizing: border-box; padding: 10px 0; margin-top: 10px !important; }
.update_gallery-thumbs2 .swiper-slide { height: 100%; opacity: 0.4; }
.update_gallery-thumbs2 .swiper-slide img { display: block; width: 100%; border: 1px solid transparent; }
.update_gallery-thumbs2 .swiper-slide-thumb-active { opacity: 1; }
.update_gallery-thumbs2 .swiper-slide-thumb-active img { border: 1px solid #e60012; }
.update_prodetail_3_top_right { float: right; width: 56%; }
.update_prodetail_3_top_right dl { border-bottom: 1px solid #f0f2f5; }
.update_prodetail_3_top_right dl dt { color: #000; font-size: 36px; margin-bottom: 20px; }
.update_prodetail_3_top_right dl dt .h2 { font-size: 36px; line-height: 1.5em; margin: 0; }
.update_prodetail_3_top_right .update_prodetail_3_jj { background: #efefef; padding: 15px !important; margin-bottom: 20px; font-size: 16px; line-height: 2em; }
.update_prodetail_3_top_right .update_prodetail_3_jj strong{ display:block; font-size:20px; line-height:2em;}
.update_prodetail_3_top_right .update_prodetail_3_tel { overflow: hidden; padding-bottom: 10px; }
.update_prodetail_3_top_right .update_prodetail_3_tel strong { float: left; font-weight: normal; font-size: 16px; line-height: 26px; background: url(../images/pc-xc-icon2.png) left center no-repeat; padding-left: 50px; }
.update_prodetail_3_top_right .update_prodetail_3_tel a.bg1, .update_prodetail_3_top_right .update_prodetail_3_tel a.bg2 { float: right; width: 150px; height: 44px; line-height: 44px; background: #e60012; color: #fff; font-size: 14px; text-align: center; margin-top: 4px; }
.update_prodetail_3_top_right .update_prodetail_3_tel a.bg1 { background: #e60012; }
.update_prodetail_3_top_right .update_prodetail_3_tel a.bg2 { background: #333; }
.update_prodetail_1_con { margin-top: 30px; }
.update_prodetail_1_con_left { float: left; width: 300px; }
.update_prodetail_1_con_left h2 { font-weight: normal; }
.update_prodetail_1_con_left ul { text-align: center; }
.update_prodetail_1_con_left ul li img { max-width: 100%; }
.update_prodetail_1_con_left ul li span { display: block; font-size: 14px; }
.update_prodetail_1_con_right { float: right; width: calc(100% - 320px) }
.update_prodetail_2_con { border: 1px solid #dcdcdc; box-shadow: 0 3px 8px -6px rgba(0,0,0,0.1); }
.update_slideTxtBox_03 .hd { padding: 0 10px 0 20px; height: 60px; border-bottom: 1px solid #d4d4d4; line-height: 60px; box-shadow: rgba(0,0,0,0.06) 0 1px 7px; background: linear-gradient(#fbfbfb, #ececec); border-radius: 8px 8px 0px 0px; font-weight: normal; font-size: 20px; color: #000; font-family: "Oswald", sans-serif; }
.update_slideTxtBox_03 .hd ul li { padding: 0px 20px; float: left; cursor: pointer; }
.update_slideTxtBox_03 .hd ul li.on { border-bottom: 2px solid #e60012; color: #e60012; }
.update_slideTxtBox_03 .bd { padding: 20px 20px; font-size: 16px; line-height: 2em; }
.update_slideTxtBox_03 .bd .xiangqing{}
.update_slideTxtBox_03 .bd .xiangqing table{ width:100% !important;}
.update_slideTxtBox_03 .bd .xiangqing table td{}
.update_detail_bot { margin-top: 30px; overflow: hidden; }
.update_detail_bot a { display: inline-block; font-size: 16px; border-radius: 2px; border: 1px solid #999; padding: 5px 15px; }
.update_detail_bot .prev { float: left; }
.update_detail_bot .next { float: right; }
.p_share { margin-top: 10px; font-size: 16px; line-height: 30px; float: left; }
.p_share a { margin: 0; font-size: 30px; vertical-align: middle; display: inline-block; border-radius:100%; float:none !important;}
.p_share a.a1{ background:#2d5b98;}
.p_share a.a2{ background:#2d5b98;}
.p_share a.a3{ background:#00a4f3;}
.p_share a.a4{ background:#e10004;}
.p_share a.a5{ background:#ff5a41;}
.tit4 { }
.tit4 .h6 { font-size: 24px; line-height: 34px; font-weight: normal; margin: 0; padding: 0 10px 0 20px; height: 60px; border-bottom: 1px solid #d4d4d4; line-height: 60px; box-shadow: rgba(0,0,0,0.06) 0 1px 7px; background: linear-gradient(#fbfbfb, #ececec); border-radius: 8px 8px 0px 0px; color: #000; }
.tit4 p { font-size: 14px; line-height: 2em; margin: 0; padding: 20px 20px 10px 20px; }
.p_inquirebg { margin-top: -120px; padding-top: 120px; }
.p_inquire { margin-top: 20px; border: 1px solid #dcdcdc; box-shadow: 0 3px 8px -6px rgba(0,0,0,0.1); }
.p_inquire .form1 { padding: 10px 10px 20px 10px; }
.p_inquire .form1 table { width: 100%; }
.p_inquire .form1 table td { padding: 10px 10px; }
.p_inquire .form1 b { color: #e60012; }
.p_inquire .form1 .box { background: #e9e9e9; padding: 0 0 0 10px; height: 40px; line-height: 40px; }
.p_inquire .form1 .box span { vertical-align: top; }
.p_inquire .form1 .text1 { border: none; background: none; height: 40px; line-height: 40px; padding: 0; }
.p_inquire .form1 .text2 { border: none; background: none; height: 80px; line-height: 40px; padding: 0; }
.p_inquire .form1 .box1 .text1 { width: calc(100% - 66px); }
.p_inquire .form1 .box2 .text1 { width: calc(100% - 65px); }
.p_inquire .form1 .box3 .text1 { width: calc(100% - 60px); }
.p_inquire .form1 .box4 { height: 80px; }
.p_inquire .form1 .box4 .text2 { width: calc(100% - 87px); }
.p_inquire .form1 .button1 { display: block; margin: 10px auto 0 auto; height: 50px; line-height: 50px; text-align: center; width: 150px; background: #e60012; color: #fff; font-size: 16px; }
.p_inquire .form1 .button1:hover { background: #000; }
.p_recommendbg { margin-top: 20px; border: 1px solid #dcdcdc; box-shadow: 0 3px 8px -6px rgba(0,0,0,0.1); }
.p_recommend { position: relative; }
.p_recommend .list { padding: 20px; }
.p_recommend .swiper-container1 { position: static; }
.p_recommend .swiper-container1 .swiper-slide { background: #e9e9e9; }
.p_recommend .swiper-container1 .swiper-slide a { display: block; width: 100%; }
.p_recommend .swiper-container1 .swiper-slide .nr_box { }
.p_recommend .swiper-container1 .swiper-slide .img { padding-bottom: 100%; position: relative; overflow: hidden; }
.p_recommend .swiper-container1 .swiper-slide .img img { max-width: 80%; max-height: 80%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; }
.p_recommend .swiper-container1 .swiper-slide:hover .img img { transform: scale(1.1); }
.p_recommend .swiper-container1 .swiper-slide .txt { height: 60px; line-height: 60px; text-align: center; overflow: hidden; background: #e60012; }
.p_recommend .swiper-container1 .swiper-slide .txt .h2 { font-size: 24px; line-height: 60px; margin: 0; float: left; width: 40%; background: #1b1b1c; color: #fff; position: relative; }
.p_recommend .swiper-container1 .swiper-slide .txt .h2:before { content: ""; width: 100%; height: 100%; background: #1b1b1c; transform: rotate(45deg); position: absolute; top: 5px; left: 46%; z-index: 1; }
.p_recommend .swiper-container1 .swiper-slide .txt .h2 font { position: relative; z-index: 2; }
.p_recommend .swiper-container1 .swiper-slide .txt span { font-size: 18px; line-height: 60px; margin: 0; float: right; width: 40%; display: block; color: #fff; position: relative; z-index: 2; }
.p_recommend .swiper-container1 .swiper-pagination1 { display: none; }
.p_recommend .swiper-container1 .swiper-pagination1 .swiper-pagination-bullet { }
.p_recommend .swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active { }
.p_recommend .swiper-button1 { position: absolute; top: 10px; right: 20px; }
.p_recommend .swiper-button1 .swiper-button-prev1, .p_recommend .swiper-button1 .swiper-button-next1 { float: right; width: 40px; height: 40px; margin: 0; position: static; }
.p_recommend .swiper-button1 .swiper-button-prev1 { background: #333 url(../images/prev_i.png) center no-repeat; }
.p_recommend .swiper-button1 .swiper-button-next1 { background: #333 url(../images/next_i.png) center no-repeat; }
footer.footer-area { border-top: 4px solid #e60012; }
.aboutus3bg { background: #000; padding: 30px 0 0 0; }
.aboutus3 { }
.swiper-container2 { padding-bottom: 30px !important; }
.swiper-container2 .swiper-slide { }
.swiper-container2 .swiper-slide .img { width: 100%; padding-bottom: 70%; border: 1px solid rgba(255,255,255,.5); /* border:1px solid #e60012;*/ }
.swiper-container2 .swiper-pagination2 { bottom: 5px !important; }
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet { width: 20px; height: 2px; background: #fff; border-radius: 0; opacity: 1; }
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px; background: #e60012; opacity: 1; }
.swiper-button2 { position: absolute; top: 10px; right: 20px; display: none; }
.swiper-button2 .swiper-button-prev2, .swiper-button2 .swiper-button-next2 { float: right; width: 40px; height: 40px; margin: 0; position: static; }
.swiper-button2 .swiper-button-prev2 { background: #333 url(../images/prev_i.png) center no-repeat; }
.swiper-button2 .swiper-button-next2 { background: #333 url(../images/next_i.png) center no-repeat; }
/**/
.aboutus4bg { background: #151515; color: #fff; }
.aboutus4 { position: relative; overflow: hidden; }
.aboutus4:before { content: ""; width: 55%; height: 200%; transform: rotate(135deg); position: absolute; top: 0%; left: 3%; background: #e60012; z-index: 1; }
.aboutus4:after { content: ""; width: 55%; height: 200%; transform: rotate(135deg); position: absolute; top: 0%; left: 2%; background: #151515; z-index: 2; }
.a4_rt { float: right; width: 62%; z-index: 0; position: relative; }
.a4_rt:before { content: ""; width: 55%; padding-bottom: 100%; transform: rotate(45deg); position: absolute; top: -132%; right: -64%; background: #e60012; z-index: 2; }
.a4_rt .swiper-container3 { }
.a4_rt .swiper-container3 .swiper-slide { /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.a4_rt .swiper-container3 .swiper-slide img { display: block; width: 100%; }
.a4_rt .swiper-container3 .swiper-slide .img { width: 100%;/* padding-bottom: 50%;*/ height:590px; }
.a4_rt .swiper-container3 .swiper-pagination3 { display: none; }
.a4_rt .swiper-container3 .swiper-pagination3 .swiper-pagination-bullet { }
.a4_rt .swiper-container3 .swiper-pagination3 .swiper-pagination-bullet.swiper-pagination-bullet-active { }
.a4_rt .swiper-container3 .swiper-button-prev3, .a4_rt .swiper-container3 .swiper-button-next3 { width: 40px !important; height: 40px !important; border: 1px solid #fff; margin-top: auto !important; bottom: 10px !important; left: auto !important; }
.a4_rt .swiper-container3 .swiper-button-prev3 { background-size: auto 20px !important; right: 60px !important; }
.a4_rt .swiper-container3 .swiper-button-next3 { background-size: auto 20px !important; right: 10px !important; }
.a4_lt { width: 62%; height: 100%; position: absolute; top: 0; left: 0%; z-index: 3; }
.a4_lt:before { content: ""; width: 55%; padding-bottom: 100%; transform: rotate(45deg); position: absolute; bottom: -86%; left: -64%;/* background: #e60012;*/ z-index: 1; }
.a4_lt .txt { padding: 2% 27% 0 8%; }
.a4_lt .txt h2 { margin-bottom: 20px; color: #fff; }
.a4_lt .txt .span { font-weight: normal; line-height: 22px; margin-bottom: 35px; color: #fff; font-size: 16px; }
.a4_lt .txt .h7 { }






.promotion-code-area{ padding:65px 30px 10px 30px; background:#FFF; overflow:hidden;}

/*<!---->*/
@media(max-width:1600px){
.i1_lt .swiper-container1 .swiper-slide .img{ height:540px;}
.i1_rt .txt .h6{ font-size:16px;}
.a4_lt .txt{ padding:10% 20% 0 0;}
.aboutus4:before{ left:8%;}
.aboutus4:after{ left:7%;}
}
@media(max-width:768px){
.header-area .col-sm-4.col-lg-2{ width:50%; margin-left:5%;}
.header-area .col-sm-8.col-lg-3{ width:auto; position:absolute; right:calc(5% + 30px); top:28px;}
.h_search{ display:none;}
.h_height{ height:94px;}
.mobile-menu .slicknav_nav li a .slicknav_arrow{ right:-15px;}
/**/
.promotion-code-area{ padding:10px 10px; }
.promotion-code-area-wrapper .col-md-4{ margin:10px 10px;}
.promotion-code-banner-item .txt .h6{ font-size:12px;}
.promotion-code-banner-item .txt .h3{ font-size:14px;}
/**/
.index_add1:before{ display:none;}
.index_add1:after{ display:none;}
.i1_lt{ width:100%;}
.i1_rt:before{ right:-60%;}
.i1_lt .swiper-container1 .swiper-slide .img{ height:auto; padding-bottom:60%;}
.i1_lt .swiper-container1 .swiper-button-prev1{ left:auto !important; right:60px !important;}
.i1_lt .swiper-container1 .swiper-button-next1{ left:auto !important; right:10px !important;}
.i1_rt{ position:static; width:100%; padding:5% 0;}
.i1_rt .txt h2{ font-size:24px;}
.i1_rt .txt .h6{ font-size:14px;}
/**/
.index_add2bg{ padding:0 5%;}
.index_add2 .list ul li{ width:100%;}
/**/
.footer-area .footer-copyright-area .row{ display:block;}
.footer-area .footer-copyright-area .col-6{ width:100%; max-width:100%; text-align:center !important;}
/*<!---->*/
.aboutus4:before{ display:none;}
.aboutus4:after{ display:none;}
.a4_lt{ width:100%; position:static;}
.a4_lt:before{ left:auto; bottom:auto; top:-34%; right:-44%;}
.a4_lt .txt{ padding:10% 5% 5% 5%;}
.a4_lt .txt h2{ font-size:24px;}
.a4_lt .txt .span{ font-size:14px;}
.a4_rt{ width:100%;}
.a4_rt:before{ right:auto; top:auto; bottom:-132%; left:-44%;}
.a4_rt .swiper-container3 .swiper-slide .img { padding-bottom: 50%; height:auto; }
/*<!---->*/
.contact1 ul li{ width:100%; margin:2px 0;}
.contact4 table td{ display:block; width:100% !important; padding:10px !important;}
.contact4 table .td1{ padding-bottom:0 !important;}
.contact4 table .td2{ padding-top:0 !important;}
.contact4 span.s1{ height:40px;}
.contact3 table td{ display:block; width:100%;}
.contact3 .button1{ width:100px; font-size:14px;}
.contact3 .text1{ width:calc(100% - 100px);}
/*<!---->*/
.news ul li a.img{ position:static; display:block; width:100%; height:auto; padding-bottom:52%;}
.news ul li .txt{ width:100%;}
/*<!---->*/
.product ul li{ width:100%;}
/*<!---->*/
.in_nav{ display:none;}
.update_prodetail_1_top_left{ width:100%;}
.update_prodetail_3_top_right{ width:100%;}
.tit4 .h6{ font-size:20px;}
}



.pro_nav{ text-align:center; margin-top:30px;}
.pro_nav ul li{ display:inline-block; font-size:16px; margin:10px 4px;}
.pro_nav ul li a{ display:block; border:1px solid #1b1b1c; padding:0 20px; height:40px; line-height:40px; color:#1b1b1c;}
.pro_nav ul li:hover a{ border:1px solid #e60012; background:#e60012; color:#fff;}
.pro_nav ul li.on a{ border:1px solid #e60012; background:#e60012; color:#fff;}
.pro_nav ul li.active a{ border:1px solid #e60012; background:#e60012; color:#fff;}
@media(max-width:768px){
.pro_nav{ display:none;}
}