@import url("cb3b506ad6f746b69e4cc90e6a450837.css");
* {box-sizing: border-box;}
iframe{ border-width:0 !important;border:none !important; background:none !important}
*, *::after, *::before {box-sizing: border-box;}
html, body {height: 100%;}
header{border-bottom: 4px #F53737 solid;}
body {line-height: 24px;font-size: 14px;font-style: normal;font-weight: 400;visibility: visible;font-family: "Poppins", sans-serif;color: #222;}
h1, h2, h3, h4, h5, h6 {font-weight: 400;margin-top: 0;}
h1 {font-size: 48px;line-height: 1;font-weight: 700;}
h2 {font-size: 36px;line-height: 36px;}
h3 {font-size: 30px;line-height: 30px;}
h4 {font-size: 16px;line-height: 19px;font-weight: 700;}
h5 {font-size: 14px;line-height: 18px;}
h6 {font-size: 12px;line-height: 14px;}
p:last-child {margin-bottom: 0;}
a, button {color: inherit;line-height: inherit;text-decoration: none;cursor: pointer;}
a, button, img, input, span {transition: all 0.3s ease 0s;}
*:focus {outline: none !important;}
a:focus {color: inherit;outline: none;text-decoration: none;}
a:hover {text-decoration: none;}
button, input[type="submit"] {cursor: pointer;}
img {max-width: 100%;height: auto;}
ul {list-style: outside none none;margin: 0;padding: 0;}
figure {padding: 0;margin: 0;}

.fix {overflow: hidden;}
.hidden {display: none;}
.clear {clear: both;}
.container {max-width: 1200px;}
@media only screen and (max-width: 767px) {.container {width: 100%;}}

.capitalize {text-transform: capitalize;}
.uppercase {text-transform: uppercase;}
.no-gutters > .col, .no-gutters > [class*="col-"] {padding-right: 0;padding-left: 0;margin: 0;}
.bg-white {background-color: #ffffff;}
.bg-light-grey {background-color: #f6fafb;}
.bg-grey {background-color: #f8f8f8;}
.bluewood-bg {background: #354b65;}
/*- Overlay Color BG -*/
.bluewood-bg-overlay {position: relative;}
.bluewood-bg-overlay::before {background: rgba(70, 90, 112, 0.9);content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.overly-bg-black {position: relative;}
.overly-bg-black::after {background: rgba(0, 0, 0, 0.3);content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;}


input:-moz-placeholder, textarea:-moz-placeholder {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
input::-moz-placeholder, textarea::-moz-placeholder {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

#scrollUp {background: #F53737 none repeat scroll 0 0;bottom: 85px;color: #ffffff;cursor: pointer;display: none;font-size: 20px;height: 45px;line-height: 39px;position: fixed;right: 12px;text-align: center;width: 45px;z-index: 9999;border-radius: 50%;border: 2px solid #fff;-webkit-transition: .3s;transition: .3s;}

#scrollUp:hover i {animation-name: fadeInUp;animation-duration: 1s;animation-fill-mode: both;animation-iteration-count: infinite;}


/* Padding*/

.mt-55 {margin-top: 55px;}
.mt-100 {margin-top: 100px;}
.mb-30 {margin-bottom: 30px;}

.mb-95 {margin-bottom: 95px;}
.mb-100 {margin-bottom: 100px;}
/* 02. Element */

.button {background: #F53737;box-shadow: none;color: #ffffff;display: inline-block;height: 45px;line-height: 45px;padding: 0 22px;text-transform: uppercase;font-size: 13px;border-radius: 3px;}
/* 2. Home 1 Header css here */

/* 01. header css here */

.off_canvars_overlay {width: 100%;height: 100%;position: fixed;z-index: 99;opacity: 0;visibility: hidden;cursor: crosshair;background: #222;top: 0;}
.off_canvars_overlay.active {opacity: 0.5;visibility: visible;}
.offcanvas_menu {display: none;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.offcanvas_menu {
    display: block;}}

@media only screen and (max-width: 767px) {.offcanvas_menu {
    display: block;}}
.offcanvas_menu_wrapper {width: 290px;position: fixed;background: #fff;z-index: 99;top: 0;height: 100vh;transition: .5s;left: 0;margin-left: -300px;padding: 75px 15px 30px;overflow-y: auto;}
.offcanvas_menu_wrapper.active {margin-left: 0;}
.offcanvas_menu_wrapper .slinky-theme-default {background: inherit;min-height: 300px;overflow-y: auto;}
.offcanvas_menu_wrapper .search_container {display: block;}
.offcanvas_menu_wrapper .language_currency {display: block;}
.offcanvas_menu_wrapper .header_account_area {display: flex;}
.offcanvas_menu_wrapper .call-support {display: block;}
.offcanvas_main_menu > li.menu-item-has-children.menu-open > span.menu-expand {transform: rotate(180deg);}
.offcanvas_main_menu > li ul li.menu-item-has-children.menu-open span.menu-expand {transform: rotate(180deg);}
.offcanvas_main_menu li {position: relative;}
.offcanvas_main_menu li:last-child {margin: 0;}
.offcanvas_main_menu li span.menu-expand {position: absolute;right: 0;}
.offcanvas_main_menu li a {font-size: 14px;font-weight: 400;text-transform: capitalize;display: block;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #e5e5e5;}
.offcanvas_main_menu li a:hover {color: #F53737;}
.offcanvas_main_menu li ul.sub-menu {padding-left: 20px;}
.offcanvas_footer {margin-top: 50px;padding-bottom: 50px;text-align: center;}
.offcanvas_footer span a {font-size: 14px;}
.offcanvas_footer span a:hover {color: #F53737;}
.offcanvas_footer ul {margin-top: 20px;}
.offcanvas_footer ul li {display: inline-block;margin-right: 4px;}
.offcanvas_footer ul li:last-child {margin-right: 0;}
.offcanvas_footer ul li a {display: inline-block;width: 30px;height: 30px;text-align: center;line-height: 30px;border-radius: 50%;font-size: 13px;color: #ffffff;}
.offcanvas_footer ul li.facebook a {background: #3c5b9b;}
.offcanvas_footer ul li.facebook a:hover {background: #F53737;}
.offcanvas_footer ul li.twitter a {background: #1DA1F2;}
.offcanvas_footer ul li.twitter a:hover {background: #F53737;}
.offcanvas_footer ul li.pinterest a {background: #BD081B;}
.offcanvas_footer ul li.pinterest a:hover {background: #F53737;}
.offcanvas_footer ul li.google-plus a {background: #DD4D42;}
.offcanvas_footer ul li.google-plus a:hover {background: #F53737;}
.offcanvas_footer ul li.linkedin a {background: #010103;}
.offcanvas_footer ul li.linkedin a:hover {background: #F53737;}
.slinky-theme-default a:not(.back) {padding: 10px 0;text-transform: capitalize;font-size: 16px;font-weight: 400;}
.slinky-theme-default a:not(.back):hover {background: inherit;color: #F53737;}
.canvas_close {position: absolute;top: 10px;right: 13px;}
.canvas_close a {font-size: 18px;text-transform: uppercase;font-weight: 500;width: 32px;height: 32px;display: block;text-align: center;line-height: 31px;border: 1px solid #e5e5e5;border-radius: 50%;}
.canvas_close a:hover {background: #F53737;border-color: #F53737;color: #fff;}
.canvas_open {position: absolute;right: 17px;top: 25px;z-index: 9;}

@media only screen and (max-width: 767px) {.canvas_open {
    right: 20px;  top: 23px;}}

.canvas_open a {font-size: 32px;width: 40px;height: 36px;display: block;line-height: 35px;text-align: center;border: 1px solid #222;}

@media only screen and (max-width: 767px) {.canvas_open a {
    width: 34px;  height: 34px;  line-height: 33px;  font-size: 30px;}}

.canvas_open a:hover {color: #F53737;border-color: #F53737;}
.sticky-header.sticky {position: fixed;z-index: 99999;width: 100%;top: 0;background: rgba(255, 255, 255, 0.9);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);-webkit-animation-name: fadeInDown;animation-name: fadeInDown;-webkit-animation-duration: 900ms;animation-duration: 900ms;-webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);-webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;-webkit-animation-direction: normal;animation-direction: normal;-webkit-animation-fill-mode: none;animation-fill-mode: none;-webkit-animation-play-state: running;animation-play-state: running;border-bottom: 0;display: block;padding: 22px 60px;}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {.sticky-header.sticky {
    padding: 22px 0;}}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.sticky-header.sticky {
    padding: 22px 0;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.sticky-header.sticky {
    position: inherit;  -webkit-box-shadow: inherit;  box-shadow: inherit;  -webkit-animation-name: inherit;  animation-name: inherit;  padding: 0;  background: inherit;  opacity: inherit;  animation-duration: inherit;  width: inherit;  z-index: inherit;  top: inherit;  animation-timing-function: inherit;  animation-delay: inherit;  animation-iteration-count: infinite;  animation-fill-mode: inherit;  animation-play-state: inherit;  display: inherit;}}

@media only screen and (max-width: 767px) {.sticky-header.sticky {
    position: inherit;  -webkit-box-shadow: inherit;  box-shadow: inherit;  -webkit-animation-name: inherit;  animation-name: inherit;  padding: 0;  background: inherit;  opacity: inherit;  animation-duration: inherit;  width: inherit;  z-index: inherit;  top: inherit;  animation-timing-function: inherit;  animation-delay: inherit;  animation-iteration-count: infinite;  animation-fill-mode: inherit;  animation-play-state: inherit;  display: inherit;}}

.sticky-header.sticky .search_widget {top: 50px;}
.sticky-header.sticky .dropdown_account {top: 50px;}
/*header css heer*/

.main_header {padding: 15px 60px;}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {.main_header {
    padding: 32px 0;}}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.main_header {
    padding: 32px 0;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.main_header {
    padding: 28px 0;}}

@media only screen and (max-width: 767px) {.main_header {
    padding: 25px 0;}}
.logo img {max-width: 150px;}

@media only screen and (max-width: 767px) {.logo img {
    max-width: 120px;}}
.header_account-list {margin-right: 30px;}
.header_account-list:last-child {margin-right:20px;}
.header_account-list > a {font-size: 18px;position: relative;}
.header_account-list > a:hover {color: #F53737;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.header_account-list > a {
    font-size: 20px;}}

@media only screen and (max-width: 767px) {.header_account-list > a {
    font-size: 20px;}}
.top_links {position: relative;}
.top_links a{ font-size:14px; padding:0 3px;}
.top_links:hover .dropdown_links {visibility: visible;max-height: 460px;}
.dropdown_links {position: absolute;background: #fff;box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);padding: 17px 25px 15px;text-align: left;top: 100%;right: 0;-webkit-transition: all .5s ease-out;transition: all .5s ease-out;overflow: hidden;z-index: 9999;border-radius: 3px;visibility: hidden;max-height: 0;width: 250px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.dropdown_links {
    padding: 15px 20px;  top: 120%;  right: -50px;  width: 230px;}}

@media only screen and (max-width: 767px) {.dropdown_links {
    padding: 15px 20px;  top: 120%;  right: -50px;  width: 230px;}}
.dropdown_links_list {margin-bottom: 21px;padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;}
.dropdown_links_list:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.dropdown_links_list {
    margin-bottom: 15px;  padding-bottom: 10px;}}

@media only screen and (max-width: 767px) {.dropdown_links_list {
    margin-bottom: 15px;  padding-bottom: 10px;}}

.dropdown_links_list h3 {font-size: 16px;text-transform: uppercase;font-weight: 500;margin-bottom: 15px;line-height: 18px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.dropdown_links_list h3 {
    font-size: 14px;  margin-bottom: 10px;  line-height: 17px;}}

@media only screen and (max-width: 767px) {.dropdown_links_list h3 {
    font-size: 14px;  margin-bottom: 10px;  line-height: 17px;}}

.dropdown_links_list ul li a {text-transform: capitalize;display: block;font-size: 13px;white-space: nowrap;line-height: 30px;color: #222;}
.dropdown_links_list ul li a:hover {color: #F53737;}
.dropdown_links_list ul li a img {margin-right: 3px;}

@media only screen and (max-width: 767px) {.dropdown_links_list ul li a {
    line-height: 25px;}}
.search_close_btn {position: absolute;top: 50px;right: 103px;}
.search_close_btn a {font-size: 30px;color: #fff;}
.search_close_btn a:hover {color: #F53737;font-size: 40px;}
.header_account_area {/*display: flex;*/justify-content: flex-end;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.header_account_area {
    display: none;  border-right: 0;  border-left: 0;  justify-content: center;  margin-bottom: 25px;}}

@media only screen and (max-width: 767px) {.header_account_area {
    display: none;  border-right: 0;  border-left: 0;  justify-content: center;  margin-bottom: 25px;}}
.dropdown_search {position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.65);z-index: 9999999;align-items: center;display: flex;opacity: 0;visibility: hidden;transition: .3s;}
.dropdown_search.active {opacity: 1;visibility: visible;}
.dropdown_search form {width: 80%;margin: 0 auto;max-width: 1170px;border-bottom: 2px solid #fff;position: relative;}
.dropdown_search form input {width: 100%;height: 75px;background: inherit;border: 0;font-size: 32px;color: #fff;padding-right: 70px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.dropdown_search form input {
    height: 60px;  font-size: 20px;  padding-right: 50px;}}

.dropdown_search form button {position: absolute;border: 0;background: inherit;padding: 0;right: 0;top: 0;height: 100%;font-size: 40px;color: #fff;}
.dropdown_search form button:hover {color: #F53737;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.dropdown_search form button {
    font-size: 28px;}}
/* 2.4 main menu css here */

.menu_position {position: relative;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.main_menu {
    display: none;}}


@media only screen and (max-width: 767px) {.main_menu {
    display: none;}}

.main_menu nav > ul {display: flex;}
.main_menu nav > ul > li {position: relative;margin-right: 5px;}
.main_menu nav > ul > li:last-child {margin-right: 0;}
.main_menu nav > ul > li:hover ul.sub_menu {visibility: visible;max-height: 360px;padding: 24px 20px;}
.main_menu nav > ul > li:hover .mega_menu {visibility: visible;max-height: 300px;padding: 25px 30px 30px 30px;}
.main_menu nav > ul > li:hover > a {color: #F53737;border-color: #F53737; text-decoration:none}

.main_menu nav > ul > li > a {display: inline-block;font-size:1.1rem;line-height: 24px;text-transform: capitalize;font-weight: 500;position: relative;padding: 5px 16px 5px 16px;border: 1px solid transparent;border-radius: 20px;color:#333;}
.main_menu nav > ul > li > a i {margin-left: 3px;}
.main_menu nav > ul > li > a.active {color: #F53737;border-color: #F53737;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.main_menu nav > ul > li > a {
    padding: 5px 20px 5px 20px;}}

.main_menu nav > ul > li ul.sub_menu {position: absolute;min-width: 220px;padding: 0 20px;background: #ffffff;box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);max-height: 0;-webkit-transform-origin: 0 0 0;transform-origin: 0 0 0;left: 0;right: auto;visibility: hidden;overflow: hidden;-webkit-transition: 0.5s;transition: 0.5s;z-index: 99;top: 130%;text-align: left;}
.main_menu nav > ul > li ul.sub_menu li a {font-size: 14px;font-weight: 400;display: block;line-height: 32px;text-transform: capitalize;color:#333;}
.main_menu nav > ul > li ul.sub_menu li a:hover {color: #F53737;}
.main_menu nav > ul > li.mega_items {position: static;}
.main_menu nav > ul > li .mega_menu {position: absolute;min-width: 100%;padding: 0 30px 0 30px;background: #ffffff;box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);max-height: 0;-webkit-transform-origin: 0 0 0;transform-origin: 0 0 0;left: 0;right: auto;visibility: hidden;overflow: hidden;-webkit-transition: 0.5s;transition: 0.5s;z-index: 99;top: 130%;text-align: left;}
.mega_menu_inner {display: flex;justify-content: space-between;}
.mega_menu_inner > li > a {font-size: 15px;line-height: 24px;text-transform: uppercase;font-weight: 500;display: block;margin-bottom: 12px;color:#333;}
.mega_menu_inner > li > a:hover {color: #F53737;}
.mega_menu_inner > li ul li {display: block;}
.mega_menu_inner > li ul li a {font-size: 14px;font-weight: 400;display: block;line-height: 30px;text-transform: capitalize;color:#333;}
.mega_menu_inner > li ul li a:hover,.mega_menu_inner > li ul li a.active {color: #F53737;}



.single_slider {background-repeat: no-repeat;background-attachment: scroll;background-position: center center;background-size: cover;height: 420px;}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {.single_slider {
    height: 360px;}}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.single_slider {
    height: 320px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.single_slider {
    height: 240px;}}

@media only screen and (max-width: 767px) {.single_slider {
    background-position: 2%;  height: 240px;}}


/*内页banner*/
.slider_area:hover .owl-nav div {opacity: 1;visibility: visible;}
.slider_area .owl-nav div {position: absolute;top: 49%;transform: translatey(-50%);font-size: 18px;-webkit-transition: 0.3s;transition: 0.3s;opacity: 0;visibility: hidden;width: 62px;height: 62px;line-height: 62px;text-align: center;background: rgba(255, 255, 255, 0.15);color: #fff;border-radius: 50%;left: 25px;}
.slider_area .owl-nav div:hover {color: #F53737;background: #fff;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.slider_area .owl-nav div {
    left: 12px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.slider_area .owl-nav div {
    left: 8px;}}

@media only screen and (max-width: 767px) {.slider_area .owl-nav div {
    left: 5px;}}

.slider_area .owl-nav div.owl-next {right: 25px;left: auto;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.slider_area .owl-nav div.owl-next {
    right: 12px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.slider_area .owl-nav div.owl-next {
    right: 8px;}}

@media only screen and (max-width: 767px) {.slider_area .owl-nav div.owl-next {
    right: 5px;}}

@media only screen and (max-width: 767px) {.slider_area .owl-nav div {
    display: none;}}

.slider_area .owl-dots {position: absolute;bottom: 10px;left: 50%;transform: translatex(-50%);}

@media only screen and (max-width: 767px) {.slider_area .owl-dots {
    bottom: 6px;}}

.slider_area .owl-dots .owl-dot {width: 14px;height: 14px;border-radius: 50%;display: inline-block;margin: 0 3px;transition: .3s;background: rgba(255, 255, 255, 0.15);}
.slider_area .owl-dots .owl-dot.active {background: #ffffff;}
.slider_area .owl-dots .owl-dot:hover {background: #ffffff;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.slider_content {
    padding-left: 72px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.slider_content {
    padding-left: 72px;}}

@media only screen and (max-width: 767px) {.slider_content {
    text-align: center;}}

.slider_content h3 {font-size: 20px;line-height: 25px;color: #fff;font-style: italic;position: relative;padding-left: 80px;margin-bottom: 12px;}
.slider_content h3::before {position: absolute;content: "";width: 60px;height: 1px;background: #fff;left: 0;top: 50%;transform: translatey(-50%);}

@media only screen and (max-width: 767px) {.slider_content h3::before {
    width: 35px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.slider_content h3 {
    font-size: 17px;  padding-left: 67px;  margin-bottom: 10px;}}

@media only screen and (max-width: 767px) {.slider_content h3 {
    font-size: 16px;  line-height: 22px;  padding-left: 48px;  margin-bottom: 10px;  display: inline-block;}}

.slider_content h1 {font-size: 40px;line-height: 60px;font-weight: 600;margin-bottom: 21px;text-transform: capitalize;color: #ffffff;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.slider_content h1 {
    font-size: 36px;  line-height: 40px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.slider_content h1 {
    font-size: 32px;  line-height: 36px;  margin-bottom: 10px;}}

@media only screen and (max-width: 767px) {.slider_content h1 {
    font-size: 18px;  line-height: 22px;  margin-bottom: 5px;}}

.slider_content p {font-size: 15px;line-height: 24px;margin-bottom: 0;color: #ffffff;}

@media only screen and (max-width: 767px) {.slider_content p {
    font-size: 14px;}}

.slider_content a {font-size: 15px;font-weight: 400;padding: 0 30px;display: inline-block;text-transform: uppercase;border-radius: 30px;height: 44px;line-height: 42px;margin-top: 37px;color: #ffffff;border: 1px solid #ffffff;background: inherit;}
.slider_content a:hover {background: #F53737;border-color: #F53737;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.slider_content a {
    margin-top: 33px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.slider_content a {
    padding: 0 23px;  height: 40px;  line-height: 38px;  font-size: 14px;  margin-top: 25px;}}

@media only screen and (max-width: 767px) {.slider_content a {
    font-size: 13px;  height: 35px;  line-height: 32px;  padding: 0 20px;  margin-top: 16px;}}
.active .slider_content h1, .active .slider_content h3, .active .slider_content a, .active .slider_content p {-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.active .slider_content h1 {-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
.active .slider_content p {-webkit-animation-delay: 0.7s;animation-delay: 0.7s;}
.active .slider_content a {-webkit-animation-delay: 0.9s;animation-delay: 0.9s;}
/*home two css here*/




/*04. banner section css here */

@media only screen and (min-width: 768px) and (max-width: 991px) {.banner_area {
    margin-bottom: 76px;}}

@media only screen and (max-width: 767px) {.banner_area {
    margin-bottom: 27px;}}


@media only screen and (max-width: 767px) {.single_banner {
    margin-bottom: 30px;}}
.banner_thumb {position: relative;}

@media only screen and (max-width: 767px) {.banner_thumb {
    text-align: center;}}

.banner_thumb:hover img {opacity: 0.8;}
.banner_thumb img {transition: .3s;}
@media only screen and (max-width: 575px) {.home1_banner .col-12 {
    order: -1;}}



.tab-content > .tab-pane.active {display: block;height: auto;opacity: 1;overflow: visible;}
.tab-content > .tab-pane {display: block;height: 0;opacity: 0;overflow: hidden;}
/*首页产品*/
@media only screen and (min-width: 768px) and (max-width: 991px) {.product_area.mb-95 {
    margin-bottom: 77px;}}

@media only screen and (max-width: 767px) {.product_area.mb-95 {
    margin-bottom: 57px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.product_area.mb-100 {
    margin-bottom: 80px;}}

@media only screen and (max-width: 767px) {.product_area.mb-100 {
    margin-bottom: 60px;}}
.product_header {margin-bottom: 23px;}

@media only screen and (max-width: 767px) {.product_header {
    margin-bottom: 6px;}}

.product_header .section_title {margin-bottom: 0;}
.section_title {text-align: center;margin-bottom: 30px;position: relative;padding-bottom: 27px;}
.section_title::before {position: absolute;content: "";width: 100px;height: 1px;background: #F53737;bottom: 10px;left: 50%;transform: translatex(-50%);margin-left: -10px;}
/*
.section_title::after {
  position: absolute;content: "";width: 40px;height: 1px;background: #F53737;bottom: -6px;left: 50%;transform: translatex(-50%);}
*/
@media only screen and (min-width: 768px) and (max-width: 991px) {.section_title {
    margin-bottom: 25px;  padding-bottom: 20px;}}

@media only screen and (max-width: 767px) {.section_title {
    margin-bottom: 25px;  padding-bottom: 18px;}}

.section_title h2 {font-size: 36px;line-height: 36px;font-weight: 400;display: inline-block;margin-bottom: 18px;text-transform: capitalize;}
/*
.section_title h2 span {font-weight: 600;}
*/
@media only screen and (min-width: 768px) and (max-width: 991px) {.section_title h2 {
    font-size: 30px;  line-height: 30px;  margin-bottom: 13px;}}

@media only screen and (max-width: 767px) {.section_title h2 {
    font-size: 22px;  line-height: 22px;  margin-bottom: 11px;}}

.section_title p {font-size: 19px;line-height: 22px;/*font-style: italic;*/}

@media only screen and (min-width: 768px) and (max-width: 991px) {.section_title p {
    font-size: 17px;  line-height: 21px;}}

@media only screen and (max-width: 767px) {.section_title p {
    font-size: 15px;  line-height: 22px;}}
.product_tab_btn {margin-top: 37px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.product_tab_btn {
    margin-top: 35px;}}

@media only screen and (max-width: 767px) {.product_tab_btn {
    margin-top: 26px;}}

.product_tab_btn ul {justify-content: center;}
.product_tab_btn ul li { width:25%; margin-bottom:15px; text-align:center;}
.product_tab_btn ul li:last-child {margin-right: 0;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.product_tab_btn ul li {
    margin-right: 30px;}}

@media only screen and (max-width: 767px) {.product_tab_btn ul li {
    margin-right: 12px;  margin-bottom: 10px;}}

.product_tab_btn ul li a {font-size: 14px;line-height: 40px;text-transform: capitalize;display: inline-block;background: #f9f9f9;padding: 0 30px;border: 1px solid #e5e5e5;border-radius: 30px;}
.product_tab_btn ul li a:hover {color: #fff;border-color: #F53737;background: #F53737; text-decoration:none}

.product_tab_btn ul li a.active {color: #fff;border-color: #F53737;background: #F53737;text-decoration:none}

@media only screen and (min-width: 768px) and (max-width: 991px) {.product_tab_btn ul li a {
    line-height: 36px;  padding: 0 25px;}}

@media only screen and (max-width: 767px) {.product_tab_btn ul li a {
    font-size: 13px;  line-height: 25px;  padding: 0 14px;}}
.single_product {border: 1px solid #e5e5e5;border-radius: 15px;transition: .3s;}
/*.single_product:hover {box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.12);}
.single_product:hover .add_to_cart {opacity: 1;visibility: visible;bottom: 27px;}

@media only screen and (max-width: 767px) {.single_product:hover .add_to_cart {
    bottom: 19px;}}
*/
.single_product:hover .product_thumb a.secondary_img {opacity: 1;visibility: visible;-moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out;}


.rongyu{ border:none !important}
.rongyu .product_thumb {border: 1px solid #e5e5e5 !important; padding:5px; border-radius:8px;}
.product_thumb {position: relative;overflow: hidden;border-top-left-radius: 15px;border-top-right-radius:15px;text-align: center;}
.product_thumb a.secondary_img {position: absolute;top: 0;left: 0;right: 0;opacity: 0;visibility: hidden;-moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out;}
.product_thumb a {display: inline-block;}

@media only screen and (max-width: 767px) {.product_thumb a img {
    width: 100%;}}

.add_to_cart {position: absolute;left: 0;right: 0;bottom: 20px;opacity: 0;visibility: hidden;transition: .3s;}

@media only screen and (max-width: 767px) {.add_to_cart {
    bottom: 13px;}}

.add_to_cart a {font-size: 13px;font-weight: 500;line-height: 36px;border: 1px solid #e5e5e5;color: #454545;background: #fff;padding: 0 30px;border-radius: 25px;display: inline-block;text-align: center;text-transform: uppercase;font-family: "Oswald", sans-serif;}
.add_to_cart a:hover {color: #fff;background: #F53737;border-color: #F53737;}

@media only screen and (max-width: 767px) {.add_to_cart a {
    font-size: 12px;  line-height: 33px;  padding: 0 25px;}}


.product_content {text-align: center;padding: 17px 15px ;position: relative;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.product_content {
    padding: 17px 12px 40px 12px;}}

@media only screen and (max-width: 767px) {.product_content {
    padding: 15px 12px 27px 12px;}}

.product_content h4 {font-size: 14px;line-height: 24px;font-weight: 500;text-transform: capitalize;margin: 0;}
.product_content h4 a:hover {color: #F53737;}

.price_box {margin-top: 17px;}
.price_box span {line-height: 16px;font-family: "Oswald", sans-serif;}
.price_box span.old_price {text-decoration: line-through;font-weight: 400;font-size: 14px;margin-left: 5px;}
.price_box span.current_price {font-weight: 500;font-size: 16px;color: #F53737;}

@media only screen and (max-width: 767px) {.price_box span.current_price {
    font-size: 13px;}}
.product_carousel .product_thumb a img {width: inherit;margin: 0 auto;}
.product_carousel .col-lg-3 {flex: 0 0 100%;max-width: 100%;}
.product_carousel:hover .owl-nav div {opacity: 1;visibility: visible;left: 0;}
.product_carousel:hover .owl-nav div.owl-next {right: 0;}
.product_carousel .owl-nav.disabled {display: block;}
.product_carousel .owl-nav div {position: absolute;top: 50%;transform: translatey(-50%);font-size: 18px;-webkit-transition: 0.3s;transition: 0.3s;opacity: 0;visibility: hidden;width: 62px;height: 62px;line-height: 60px;text-align: center;background: rgba(255, 255, 255, 0.75);border-radius: 50%;left: 25px;border: 1px solid #e5e5e5;}
.product_carousel .owl-nav div:hover {color: #fff;background: #F53737;border-color: #F53737;}
.product_carousel .owl-nav div.owl-next {right: 15px;left: auto;}

@media only screen and (max-width: 767px) {.product_carousel .owl-nav div {
    display: none;}}

.product_carousel .owl-stage-outer {padding-top: 8px;}
.product_items .single_product {margin-bottom: 30px;}
.product_items .single_product:last-child {margin-bottom: 0;}
/*home two css here*/

.product_style2 {padding: 0 75px;}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {.product_style2 {
    padding: 0;}}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.product_style2 {
    padding: 0;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.product_style2 {
    padding: 0;}}

@media only screen and (max-width: 767px) {.product_style2 {
    padding: 0;}}

/*home three css here*/

.category_product_area {padding: 100px 0 92px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.category_product_area {
    padding: 80px 0 44px;}}

@media only screen and (max-width: 767px) {.category_product_area {
    padding: 60px 0 25px;}}
.category_product_container .col-lg-3 {flex: 0 0 100%;max-width: 100%;}
.category_product_container .category_product_thumb a img {width: inherit;margin: 0 auto;}
.single_category_product {text-align: center;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.single_category_product {
    margin-bottom: 31px;}}

@media only screen and (max-width: 767px) {.single_category_product {
    margin-bottom: 31px;}}
.category_product_thumb a {display: inline-block;}
.category_product_thumb a img {border-radius: 50%;transition: .3s;}
.category_product_thumb a img:hover {opacity: 0.8;}
.category_product-text {margin-top: 26px;}

@media only screen and (max-width: 479px) {.category_product-text {
    margin-top: 16px;}}

.category_product-text h3 {font-size: 14px;line-height: 16px;margin-bottom: 0;}
.category_product-text h3 a:hover {color: #FFD100;}



.blog_section {padding: 94px 0 100px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_section {
    padding: 76px 0 80px;}}

@media only screen and (max-width: 767px) {.blog_section {
    padding: 57px 0 60px;}}
.blog_carousel:hover .owl-nav div {opacity: 1;visibility: visible;left: 0;}
.blog_carousel:hover .owl-nav div.owl-next {right: 0;}
.blog_carousel .owl-nav.disabled {display: block;}
.blog_carousel .owl-nav div {position: absolute;top: 50%;transform: translatey(-50%);font-size: 18px;-webkit-transition: 0.3s;transition: 0.3s;opacity: 0;visibility: hidden;width: 62px;height: 62px;line-height: 60px;text-align: center;background: rgba(255, 255, 255, 0.75);border-radius: 50%;left: 25px;border: 1px solid #e5e5e5;}
.blog_carousel .owl-nav div:hover {color: #fff;background: #F53737;border-color: #F53737;}
.blog_carousel .owl-nav div.owl-next {right: 15px;left: auto;}

@media only screen and (max-width: 767px) {.blog_carousel .owl-nav div {
    display: none;}}

.blog_carousel .col-lg-3 {flex: 0 0 100%;max-width: 100%;}
.blog_content {padding-top: 20px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_content {
    padding-top: 18px;}}

@media only screen and (max-width: 767px) {.blog_content {
    padding-top: 17px;}}

.blog_content p.post_desc {font-size: 14px;line-height: 24px;margin-bottom: 0;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_content p.post_desc {
    font-size: 14px;}}

@media only screen and (max-width: 767px) {.blog_content p.post_desc {
    font-size: 13px;  line-height: 22px;}}

.blog_content h4 {font-size: 18px;text-transform: capitalize;line-height: 30px;margin-bottom: 10px;font-weight: 500;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.blog_content h4 {
    font-size: 16px;  line-height: 26px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_content h4 {
    font-size: 15px;  line-height: 24px;}}

@media only screen and (max-width: 767px) {.blog_content h4 {
    font-size: 15px;  line-height: 24px;  margin-bottom: 9px;}}

@media only screen and (min-width: 371px) and (max-width: 767px) {.blog_content h4 {
    font-size: 14px;  line-height: 20px;}}

.blog_content h4 a:hover {color: #F53737;}
.blog_content > a {font-size: 14px;text-transform: uppercase;font-weight: 600;display: inline-block;border: 1px solid #454545;line-height: 30px;padding: 10px 35px;border-radius: 30px;margin-top: 24px;}
.blog_content > a:hover {color: #fff;background: #F53737;border-color: #F53737;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.blog_content > a {
    font-size: 14px;  line-height: 26px;  padding: 8px 25px;  margin-top: 21px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_content > a {
    line-height: 25px;  padding: 6px 18px;  margin-top: 19px;  font-size: 13px;}}

@media only screen and (max-width: 767px) {.blog_content > a {
    font-size: 13px;  line-height: 20px;  padding: 8px 17px;  margin-top: 19px;}}
.articles_date {margin-bottom: 21px;display: flex;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.articles_date {
    margin-bottom: 19px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.articles_date {
    margin-bottom: 17px;}}

@media only screen and (max-width: 767px) {.articles_date {
    margin-bottom: 16px;}}

@media only screen and (min-width: 371px) and (max-width: 767px) {.articles_date {
    display: inherit;}}

.articles_date span {font-size: 13px;line-height: 15px;margin-right: 22px;}
.articles_date span:last-child {margin-right: 0;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.articles_date span {
    font-size: 12px;  margin-right: 10px;}}

@media only screen and (min-width: 371px) and (max-width: 767px) {.articles_date span {
    font-size: 12px;  margin-right: 5px;  letter-spacing: -0.5px;}}

.articles_date span i {margin-right: 3px;}

@media only screen and (min-width: 371px) and (max-width: 767px) {.articles_date span i {
    margin-right: 1px;}}


.newsletter_container {padding: 94px 0 100px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.newsletter_container {
    padding: 75px 0 80px;}}

@media only screen and (max-width: 767px) {.newsletter_container {
    padding: 58px 0 60px;}}
.subscribe_form form {position: relative;border: 1px solid #e5e5e5;background: #f8f8f8;width: 770px;margin: 0 auto;border-radius: 30px;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.subscribe_form form {
    width: 710px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.subscribe_form form {
    width: 590px;}}

@media only screen and (max-width: 767px) {.subscribe_form form {
    width: 480px;}}

@media only screen and (max-width: 575px) {.subscribe_form form {
    width: 100%;}}

.subscribe_form form input::-webkit-input-placeholder {/* Chrome/Opera/Safari */

  color: #222;}
.subscribe_form form input::-moz-placeholder {/* Firefox 19+ */

  color: #222;}
.subscribe_form form input:-ms-input-placeholder {/* IE 10+ */

  color: #222;}
.subscribe_form form input:-moz-placeholder {/* Firefox 18- */

  color: #222;}
.subscribe_form form input {width: 100%;border: 0;background: none;padding: 0 150px 0 32px;height: 52px;font-size: 14px;color: #222;border-radius: 30px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.subscribe_form form input {
    height: 45px;}}

@media only screen and (max-width: 767px) {.subscribe_form form input {
    height: 40px;  font-size: 13px;  padding: 0 108px 0 20px;}}

.subscribe_form form button {font-size: 13px;text-transform: capitalize;font-weight: 500;height: 100%;border: 0;position: absolute;top: 0;right: 0;-webkit-transition: 0.3s;transition: 0.3s;padding: 0 35px;background: #F53737;color: #fff;border-radius: 30px;}
.subscribe_form form button:hover {background: #454545;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.subscribe_form form button {
    padding: 0 28px;}}

@media only screen and (max-width: 767px) {.subscribe_form form button {
    font-size: 12px;  padding: 0 17px;}}

.subscribe_form form .email_icon {position: absolute;top: 56%;left: 0;transform: translatey(-50%);}
.subscribe_form form .email_icon i {font-size: 25px;}

@media only screen and (max-width: 767px) {.subscribe_form form .email_icon i {
    font-size: 20px;}}
.mailchimp-error {text-align: center;color: green;}
.mailchimp-success {text-align: center;max-width: 510px;color: green;margin: 0 auto;}
.mailchimp-success.active {margin-top: 20px;}

/*home three css here*/

.newsletter_three {background: #f8f8f8;}
.newsletter_three .newsletter_container {border-bottom: 0;border-top: 0;}
.newsletter_three .subscribe_form form {background: #fff;}
/*home four css here*/

.newsletter_four {background: #f8f8f8;}
.newsletter_four .newsletter_container {border-bottom: 0;border-top: 0;}
.newsletter_four .subscribe_form form {background: #fff;}

/* 21. shipping css here */




.shipping_content h3 {font-size: 14px;line-height: 16px;text-transform: capitalize;font-weight: 700;margin-bottom: 7px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.shipping_content h3 {
    font-size: 13px;  line-height: 16px;}}

@media only screen and (max-width: 767px) {.shipping_content h3 {
    font-size: 13px;}}

.shipping_content p {font-size: 14px;line-height: 18px;font-weight: 300;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.shipping_content p {
    font-size: 13px;}}

@media only screen and (max-width: 767px) {.shipping_content p {
    font-size: 13px;}}
/*home two css here*/

.shipping_two {padding: 31px 0 90px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.shipping_two {
    padding: 13px 0 71px;}}

@media only screen and (max-width: 767px) {.shipping_two {
    padding: 22px 0 55px;}}
/*testimonial css here*/

.testimonial_area {background: #f8f8f8;padding: 100px 0 97px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.testimonial_area {
    padding: 75px 0 78px;}}

@media only screen and (max-width: 767px) {.testimonial_area {
    padding: 55px 0 57px;}}
.testimonial_carousel .testimonial_thumb img {width: inherit;}
.testimonial_carousel .owl-dots {text-align: center;margin-top: 28px;}

@media only screen and (max-width: 767px) {.testimonial_carousel .owl-dots {
    margin-top: 20px;}}

.testimonial_carousel .owl-dots .owl-dot {width: 12px;height: 12px;background: #d6d6d6;border-radius: 100%;margin: 0 6px;border: 1px solid transparent;transition: .3s;display: inline-block;}
.testimonial_carousel .owl-dots .owl-dot.active {background: #fff;transform: scale(1.5);border-color: #ee7641;}
.testimonial_carousel .owl-dots .owl-dot:hover {background: #fff;border-color: #ee7641;}
.testimonial_carousel .col-lg-4 {flex: 0 0 100%;max-width: 100%;}
.single_testimonial {text-align: center;}
.testimonial_content {text-align: center;}
.testimonial_content > p {font-size: 14px;margin-bottom: 0;line-height: 26px;}

@media only screen and (max-width: 767px) {.testimonial_content > p {
    font-size: 14px;  line-height: 22px;}}
.testimonial_thumb {margin-bottom: 20px;}
.testimonial_thumb img {margin: 0 auto;}

@media only screen and (max-width: 767px) {.testimonial_thumb {
    margin-bottom: 17px;}}
.testimonial_author {margin-top: 20px;}

@media only screen and (max-width: 767px) {.testimonial_author {
    margin-top: 13px;}}

.testimonial_author a {font-size: 14px;line-height: 16px;text-transform: capitalize;}
.testimonial_author a:hover {color: #F53737;}
.testimonial-rating {margin-bottom: 8px;}
.testimonial-rating ul li {display: inline-block;margin-right: 3px;}
.testimonial-rating ul li:last-child {margin-right: 0;}
.testimonial-rating ul li a {color: #F53737;font-size: 14px;}
.testileft_title {margin-bottom: 0;text-align: right;margin-right: 30px;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.testileft_title {
    margin-right: 0;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.testileft_title {
    margin-bottom: 35px;  text-align: center;  margin-right: 0;}}

@media only screen and (max-width: 767px) {.testileft_title {
    margin-bottom: 35px;  text-align: center;  margin-right: 0;  display: flex;  flex-direction: column-reverse;}}

.testileft_title h2 {margin-bottom: 0;}

@media only screen and (max-width: 767px) {.testileft_title h2 {
    margin-bottom: 12px;}}

@media only screen and (max-width: 767px) {.testileft_title p {
    margin-bottom: 0;}}

.testileft_title::before {right: 20px;left: auto;transform: inherit;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.testileft_title::before {
    left: 50%;  right: auto;  transform: translatex(-50%);}}

@media only screen and (max-width: 767px) {.testileft_title::before {
    left: 50%;  right: auto;  transform: translatex(-50%);}}

.testileft_title::after {right: 0;left: auto;transform: inherit;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.testileft_title::after {
    left: 50%;  right: auto;  transform: translatex(-50%);}}

@media only screen and (max-width: 767px) {.testileft_title::after {
    left: 50%;  right: auto;  transform: translatex(-50%);}}
/*home two css here*/

.testimonial_container2 .single-testimonial {padding: 30px 20px;border: 1px solid #e5e5e5;border-radius: 30px;transition: .3s;}
.testimonial_container2 .single-testimonial:hover {box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.12);background: #fff;}
.testimonial_container2 .testimonial_carousel .owl-stage-outer {padding: 10px 0;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.testimonial_two.mb-95 {
    margin-bottom: 76px;}}

@media only screen and (max-width: 767px) {.testimonial_two.mb-95 {
    margin-bottom: 57px;}}
/*home three css here*/

.testimonial_three {padding: 0 75px;background: inherit;}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {.testimonial_three {
    padding: 0;}}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.testimonial_three {
    padding: 0;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.testimonial_three {
    padding: 0;  margin-bottom: 76px;}}

@media only screen and (max-width: 767px) {.testimonial_three {
    padding: 0;  margin-bottom: 56px;}}

@media only screen and (max-width: 767px) {.testimonial_three .testimonial_carousel .owl-dots {
    margin-top: 15px;}}

/*home four css here*/

.testimonial_four {padding: 0;background: inherit;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.testimonial_four {
    margin-bottom: 72px;}}

@media only screen and (max-width: 767px) {.testimonial_four {
    margin-bottom: 52px;}}

@media only screen and (max-width: 767px) {.testimonial_four .testimonial_carousel .owl-dots {
    margin-top: 12px;}}

/*brand css here*/

.brand_area {margin-bottom: 87px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.brand_area {
    margin-bottom: 67px;}}

@media only screen and (max-width: 767px) {.brand_area {
    margin-bottom: 40px;}}
.brand_container .single_brand img {width: inherit;margin: 0 auto;}
.brand_container:hover .owl-nav div {opacity: 1;visibility: visible;left: 0;}
.brand_container:hover .owl-nav div.owl-next {right: 0;}
.brand_container .owl-nav.disabled {display: block;}
.brand_container .owl-nav div {position: absolute;top: 50%;transform: translatey(-50%);font-size: 50px;left: 15px;transition: .3s;opacity: 0;visibility: hidden;}
.brand_container .owl-nav div:hover {color: #F53737;}
.brand_container .owl-nav div.owl-next {right: 15px;left: auto;}
/*instragam css here*/

.instragam_thumb {position: relative;}
.instragam_thumb:hover::before {opacity: 0.7;}
.instragam_thumb:hover .instragam_icone {opacity: 1;visibility: visible;}

@media only screen and (max-width: 575px) {.instragam_thumb img {
    width: 100%;}}

.instragam_thumb::before {position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background: #F53737;opacity: 0;transition: .3s;pointer-events: none;}
.instragam_icone {position: absolute;top: 50%;transform: translatey(-50%);left: 0;right: 0;text-align: center;opacity: 0;visibility: hidden;transition: .3s;}
.instragam_icone a {font-size: 30px;color: #fff;display: inline-block;}
.instragam_button {text-align: center;margin-top: 30px;}
.instragam_button a {padding: 7px 14px;font-size: 13px;border-radius: 4px;background: #408bd1;color: #fff;display: inline-block;}
.instragam_button a:hover {box-shadow: inset 0 0 10px 20px #359dff;}
.instragam_four .section_title {margin-bottom: 40px;}

@media only screen and (max-width: 767px) {.instragam_four .section_title {
    margin-bottom: 25px;}}

@media only screen and (max-width: 767px) {.instragam_four .instragam_thumb {
    margin-bottom: 30px;}}

@media only screen and (max-width: 767px) {.instragam_four .instragam_button {
    margin-top: 0;}}
/*  07. footer area css here */

.footer_top {padding: 50px 0 50px;background-color: #f8f8f8;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.footer_top {
    padding: 77px 0 32px;}}

@media only screen and (max-width: 767px) {.footer_top {
    padding: 54px 0 9px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.widgets_container {
    margin-bottom: 42px;}}

@media only screen and (max-width: 767px) {.widgets_container {
    margin-bottom: 46px;}}

@media only screen and (max-width: 575px) {.widgets_container {
    text-align: center;}}

@media only screen and (max-width: 767px) {.widgets_container.widget_menu {
    margin-bottom: 48px;}}

.widgets_container > h3 {font-size: 18px;line-height: 19px;margin-bottom: 20px;text-transform: uppercase;font-weight: 500;position: relative;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.widgets_container > h3 {
    margin-bottom: 18px;}}

@media only screen and (max-width: 767px) {.widgets_container > h3 {
    margin-bottom: 13px;  font-size: 16px;  display: inline-block;}}

.widgets_container > p {font-size: 13px;line-height: 26px;}
.widgets_container > p i {font-size: 16px;margin-right: 5px;}

@media only screen and (max-width: 767px) {.widgets_container > p i {
    font-size: 14px;}}

.widgets_container > p a {/*color: #F53737;*/

  font-weight: 400;font-size: 14px;}

@media only screen and (max-width: 767px) {.widgets_container > p {
    font-size: 13px;  line-height: 24px;  margin-bottom: 8px;}}
.instagram_container {display: flex;flex-wrap: wrap;padding-top: 6px;}
.instagram_container img{ max-height:110px !important;}
.instagram_thumb {width: 33.33%;padding: 0 2.5px;margin-bottom: 5px;position: relative;}
.instagram_thumb:hover a::before {opacity: 0.8;visibility: visible;}
.instagram_thumb:hover .instagram_boxcmt {opacity: 1;visibility: visible;}
.instagram_thumb a {display: inline-block;position: relative;}
.instagram_thumb a::before {position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;background: #000000;opacity: 0;visibility: hidden;transition: .3s;}
.instagram_boxcmt {position: absolute;top: 50%;transform: translatey(-50%);left: 0;right: 0;text-align: center;opacity: 0;visibility: hidden;transition: .3s;cursor: pointer;}
.instagram_boxcmt span {font-size: 14px;color: #fff;}
.instagram_boxcmt span.likecount {margin-right: 20px;}
.instagram_boxcmt span.likecount::before {content: "\f443";font-family: "Ionicons";font-size: 16px;margin-right: 6px;}

@media only screen and (max-width: 767px) {.instagram_boxcmt span.likecount {
    margin-right: 9px;}}

.instagram_boxcmt span.commentcount {position: relative;}
.instagram_boxcmt span.commentcount::before {content: "\f3fa";font-family: "Ionicons";font-size: 16px;margin-right: 6px;}
.footer_menu ul li {padding-bottom: 2px;}
.footer_menu ul li:last-child {padding-bottom: 0;}
.footer_menu ul li a {display: block;font-weight: 400;font-size: 14px;line-height: 30px;color:#333;}
.footer_menu ul li a:hover {color: #F53737;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.footer_menu ul li a {
    font-size: 14px;  line-height: 26px;}}

@media only screen and (max-width: 767px) {.footer_menu ul li a {
    line-height: 22px;  font-size: 13px;}}
@media only screen and (max-width: 767px) {.copyright_area {
    text-align: center;  margin-bottom: 17px;}}

.copyright_area p {text-transform: capitalize;line-height: 25px;font-size: 14px;color: #fff;}

@media only screen and (max-width: 767px) {.copyright_area p {
    letter-spacing: 0;  font-size: 13px;  line-height: 20px;}}

.copyright_area p a {color: #fff;}
.copyright_area p a:hover {text-decoration: underline;}
.footer_social {text-align: right;}

@media only screen and (max-width: 767px) {.footer_social {
    text-align: center;}}

.footer_social ul li {display: inline-block;margin-right: 5px;}
.footer_social ul li:last-child {margin-right: 0;}
.footer_social ul li a {display: inline-block;color: #fff;background: transparent;text-align: center;height: 36px;line-height: 34px;width: 36px;border: 1px solid #e22222;border-radius: 100%;-webkit-border-radius: 100%;-webkit-box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.15);box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.15);}
.footer_social ul li a:hover {background: #fff;color: #F53737;border-color: #fff;-webkit-box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.12);box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.12);}
.footer_bottom {padding: 15px 0;background: #F53737;}

@media only screen and (max-width: 767px) {.footer_bottom {
    padding: 25px 0;}}
/*home two css here*/


.foote_other .footer_top {border-top: 1px solid #e5e5e5;}
/* 10. shop page css here */

@media only screen and (min-width: 768px) and (max-width: 991px) {.shop_area {
    margin-top: 80px;  margin-bottom: 80px;}}

@media only screen and (max-width: 767px) {.shop_area {
    margin-top: 60px;  margin-bottom: 60px;}}
.canvas_padding {margin-bottom: 0;}
.breadcrumbs_area {background: #f0f0f0;border-bottom: 1px solid #e5e5e5;}

@media only screen and (max-width: 767px) {.breadcrumbs_area {
    padding: 20px 0;}}
.breadcrumb_content {text-align: center;}
.breadcrumb_content h3 {font-size: 42px;line-height: 50px;margin-bottom: 9px;}

@media only screen and (max-width: 767px) {.breadcrumb_content h3 {
    font-size: 30px;  line-height: 40px;}}

.breadcrumb_content ul li {display: inline-block;text-transform: capitalize;font-size: 14px;margin-right: 3px;padding-right: 13px;position: relative;}
.breadcrumb_content ul li::before {position: absolute;content: "/";right: 0;top: 50%;transform: translatey(-50%);}
.breadcrumb_content ul li:last-child {margin-right: 0;}
.breadcrumb_content ul li:last-child::before {display: none;}
.breadcrumb_content ul li a:hover {color: #F53737;}
.sidebar_widget .single_banner {border: 0;}

@media only screen and (max-width: 767px) {.sidebar_widget .single_banner {
    margin-bottom: 0;}}

@media only screen and (max-width: 767px) {.sidebar_widget .single_banner a {
    width: 100%;}}

@media only screen and (max-width: 767px) {.sidebar_widget .single_banner a img {
    width: 100%;}}
.widget_list {margin-bottom:15px;}
.widget_list.widget_categories > ul > li > a {font-size: 13px;display: block;line-height: 30px;padding: 0 20px;}
.widget_list.widget_categories > ul > li > a:hover {color: #F53737;}
.widget_list.widget_categories > ul > li:last-child > a {border-bottom: 0;}
.widget_list.widget_categories > ul > li.widget_sub_categories > a {position: relative;}
.widget_list.widget_categories > ul > li.widget_sub_categories > a::before {content: '+';cursor: pointer;font-size: 12px;position: absolute;right: 21px;top: 50%;transform: translatey(-50%);}
.widget_list.widget_categories > ul > li.widget_sub_categories > a.active::before {content: '-';cursor: pointer;font-size: 12px;position: absolute;right: 21px;top: 50%;transform: translatey(-50%);}
.widget_list.widget_categories > ul > li ul {padding-left: 30px;display: none;}
.widget_list.widget_categories > ul > li ul li a {font-size: 13px;line-height: 30px;display: block;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.widget_list.widget_categories > ul > li ul li a:hover {color: #F53737;}
.widget_list:last-child {margin-bottom: 0;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.widget_list {
    margin-bottom: 68px;}}

@media only screen and (max-width: 767px) {.widget_list {
    margin-bottom: 49px;}}

.widget_list h3 {font-size: 15px;margin-bottom: 20px;padding-bottom: 10px;text-transform: uppercase;font-weight: 500;line-height: 20px;border-bottom: 1px solid #e5e5e5;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.widget_list h3 {
    font-size: 18px;}}

.widget_list > ul > li > a {font-size: 14px;display: block;line-height: 30px;}
.widget_list > ul > li > a:hover,.widget_list > ul > li > a.active {color: #F53737;}
.widget_list > ul > li > a span {float: right;}
.widget_list.widget_color {margin-bottom: 27px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.widget_list.widget_color {
    margin-bottom: 66px;}}

@media only screen and (max-width: 767px) {.widget_list.widget_color {
    margin-bottom: 46px;}}

.widget_list.widget_manu {margin-bottom: 27px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.widget_list.widget_manu {
    margin-bottom: 66px;}}

@media only screen and (max-width: 767px) {.widget_list.widget_manu {
    margin-bottom: 46px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.widget_list.tags_widget {
    margin-bottom: 63px;}}

@media only screen and (max-width: 767px) {.widget_list.tags_widget {
    margin-bottom: 43px;}}

.widget_list.widget_compare {margin-bottom: 50px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.widget_list.widget_compare {
    margin-bottom: 80px;}}

@media only screen and (max-width: 767px) {.widget_list.widget_compare {
    margin-bottom: 60px;}}
.ui-slider-horizontal .ui-slider-range {background: #F53737;height: 2px;}
.ui-slider-horizontal {height: 2px;background: #dbdbdb;border: none;width: 92%;margin: 0 auto;margin-bottom: 22px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #fff;width: 15px;height: 15px;top: -7px;cursor: pointer;border-radius: 50%;border: 2px solid #F53737;}
.widget_list.widget_filter {overflow: hidden;margin-bottom: 30px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.widget_list.widget_filter {
    margin-bottom: 73px;}}

@media only screen and (max-width: 767px) {.widget_list.widget_filter {
    margin-bottom: 53px;}}

.widget_list.widget_filter form {padding-top: 10px;}
.widget_list.widget_filter form input {background: none;border: none;font-size: 12px;float: right;text-align: right;line-height: 31px;width: 60px;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.widget_list.widget_filter form input {
    width: 65px;}}

.widget_list.widget_filter form button {height: 30px;line-height: 30px;padding: 0 20px;text-transform: capitalize;color: #ffffff;background: #222;border: 0;border-radius: 30px;float: left;-webkit-transition: 0.3s;transition: 0.3s;}
.widget_list.widget_filter form button:hover {background: #F53737;}
.tag_cloud a {margin: 0 5px 12px 0;padding: 5px 15px;text-transform: capitalize;display: inline-block;border: 1px solid #e5e5e5;background: #ffffff;border-radius: 3px;font-size: 13px;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.tag_cloud a {
    padding: 5px 10px;}}

.tag_cloud a:hover {background: #F53737;border-color: #F53737;color: #ffffff;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.shop_sidebar_product {
    display: flex;  flex-wrap: wrap;}}

.shop_sidebar_product .single_product {margin-bottom: 20px;overflow: hidden;border-radius: 5px;box-shadow: inherit;padding: 15px 10px;}
.shop_sidebar_product .single_product:last-child {margin-bottom: 0;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.shop_sidebar_product .single_product {
    width: 47%;  margin-right: 30px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.shop_sidebar_product .single_product:nth-child(2) {
    margin-right: 0;}}

.shop_sidebar_product .product_content {width: 63%;padding: 0 0 0 15px;margin-top: 0;float: left;text-align: left;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.shop_sidebar_product .product_content {
    width: 67%;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.shop_sidebar_product .product_content {
    width: 67%;}}

@media only screen and (max-width: 767px) {.shop_sidebar_product .product_content {
    width: 73%;  padding-left: 12px;}}

.shop_sidebar_product .product_content h4 {margin-bottom: 4px;}
.shop_sidebar_product .product_content h4 a:hover {color: #F53737;}
.shop_sidebar_product .product_thumb {width: 90px;float: left;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.shop_sidebar_product .product_thumb {
    width: 64px;}}

@media only screen and (max-width: 767px) {.shop_sidebar_product .product_thumb {
    width: 70px;}}


.shop_sidebar_product .price_box {margin-top: 0;}
.shop_toolbar {display: flex;align-items: center;justify-content: space-between;border: 1px solid #e5e5e5;padding: 8px 10px;margin: 0 0 40px;}

@media only screen and (max-width: 767px) {.shop_toolbar {
    flex-direction: column-reverse;  padding: 10px 10px 18px;}}
.select_option {display: flex;align-items: center;}

@media only screen and (max-width: 767px) {.select_option {
    flex-direction: column;}}

.select_option .nice-select {border: 0;height: 30px;line-height: 29px;}
.select_option .nice-select ul.list {top: 114%;right: 0;width: 200px;max-height: 200px;overflow: auto;}
@media only screen and (max-width: 767px) {.niceselect_option {
    margin-bottom: 16px;}}
@media only screen and (max-width: 767px) {.page_amount {
    margin-bottom: 12px;}}

@media only screen and (max-width: 767px) {.page_amount p {
    padding-left: 0;  margin-left: 0;  border-left: 0;}}
.list_button ul li {margin-right: 12px;}
.list_button ul li:last-child {margin-right: 0;}
.list_button ul li a:hover {color: #F53737;}
.list_button ul li a i {margin-right: 5px;border-radius: 100%;height: 30px;width: 30px;line-height: 30px;text-align: center;}
.list_button ul li a.active {color: #F53737;}
.list_button ul li a.active i {background: #F53737;color: #ffffff;}
.product_ratting ul li {display: inline-block;}
.product_ratting ul li a {color: #F53737;}
@media only screen and (max-width: 767px) {.product_list_item .product_thumb {
    margin-bottom: 18px;}}

.product_list_item .product_content h3 {margin-bottom: 10px;}
.product_list_item .product_ratting {margin-bottom: 10px;}
@media only screen and (max-width: 767px) {.pagination {
    margin-top: 19px;}}

.pagination ul li {display: inline-block;padding: 0 5px 0 5px;min-width: 30px;height: 30px;line-height: 30px;text-align: center;background: #f1f1f1;border-radius: 3px;margin-left: 3px;}
.pagination ul li:first-child {margin-left: 0;}
.pagination ul li a {display: block;border-radius: 3px;}
.pagination ul li:hover {background: #F53737;color: #ffffff;}
.pagination ul li a:hover {color: #ffffff;}
.pagination ul li.current {background: #F53737;color: #ffffff;}
.pagination ul li.next {width: 40px;}
.shop_toolbar.t_bottom {justify-content: center;margin-bottom: 0;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.shop_toolbar.t_bottom {
    margin-bottom: 77px;}}

@media only screen and (max-width: 767px) {.shop_toolbar.t_bottom {
    padding: 15px 10px 15px;  margin-bottom: 58px;}}

@media only screen and (max-width: 767px) {.shop_toolbar.t_bottom .pagination {
    margin-top: 0;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.shop_reverse .tab-content .row {
    flex-direction: row;}}

@media only screen and (max-width: 767px) {.shop_reverse .tab-content .row {
    flex-direction: row;}}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.grid_view .quick_button {
    bottom: 5px;}}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.grid_view .quick_button a {
    line-height: 37px;}}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.grid_view .action_button ul li a {
    width: 43px;  height: 40px;  line-height: 38px;}}

.grid_view .hover_action a {width: 43px;height: 40px;line-height: 38px;}
/* shop page css here*/

@media only screen and (min-width: 768px) and (max-width: 991px) {.shop_reverse .row {
    flex-direction: column-reverse;}}

@media only screen and (max-width: 767px) {.shop_reverse .row {
    flex-direction: column-reverse;}}
.row.shop_wrapper {flex-direction: row;}
.shop_toolbar_btn > button {margin-right: 10px;border: 0;background: inherit;}
.shop_toolbar_btn > button.btn-grid-3 {background: url(../images/bkg_grid.png) no-repeat scroll center center;width: 20px;height: 20px;}
.shop_toolbar_btn > button.btn-grid-3.active {background: url(../images/bkg_grid_hover.png) no-repeat scroll center center !important;}
.shop_toolbar_btn > button.btn-grid-4 {background: url(../images/bkg_grid4.png) no-repeat scroll center center;width: 26px;height: 22px;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.shop_toolbar_btn > button.btn-grid-4 {
    display: none;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.shop_toolbar_btn > button.btn-grid-4 {
    display: none;}}

.shop_toolbar_btn > button.btn-grid-4.active {background: url(../images/bkg_grid4_hover.png) no-repeat scroll center center !important;}
.shop_toolbar_btn > button.btn-list {background: url(../images/bkg_list.png) no-repeat scroll center center;width: 20px;height: 20px;}
.shop_toolbar_btn > button.btn-list.active {background: url(../images/bkg_list_hover.png) no-repeat scroll center center !important;}
.product_content.list_content {display: none;}

.list_action {display: none;}
.grid_list .grid_name {display: none;}

.grid_list .list_action_right {display: block;}
.list_action_right ul li {margin-right: 9px;border-bottom: 0;display: inline-block;}
.list_action_right ul li:last-child {margin-right: 0;}

@media only screen and (max-width: 767px) {.list_action_right ul li {
    margin-right: 5px;}}

.list_action_right ul li.add_to_cart {position: inherit;bottom: inherit;opacity: inherit;visibility: inherit;}
.list_action_right ul li.add_to_cart a {font-size: 13px;font-weight: 500;line-height: 36px;border: 1px solid #e5e5e5;color: #454545;background: #fff;padding: 0 30px;border-radius: 25px;display: inline-block;text-align: center;text-transform: uppercase;font-family: "Oswald", sans-serif;width: inherit;}
.list_action_right ul li.add_to_cart a:hover {color: #fff;background: #F53737;border-color: #F53737;}

@media only screen and (max-width: 767px) {.list_action_right ul li.add_to_cart a {
    font-size: 12px;  padding: 0 17px;}}

.list_action_right ul li a {width: 38px;height: 38px;line-height: 39px;border: 1px solid #e5e5e5;border-radius: 100%;-webkit-border-radius: 100%;background: #f8f8f8;}
.list_action_right ul li a:hover {color: #fff;background: #F53737;border-color: #F53737;}
.grid_list .product_content.grid_content {display: none;}
.grid_list .product_content.list_content {flex: 0 0 66.666667%;max-width: 66.666667%;float: left;padding: 0 0 0 30px;text-align: left;margin-top: 0;display: block;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.grid_list .product_content.list_content {
    min-width: 60%;}}

@media only screen and (max-width: 767px) {.grid_list .product_content.list_content {
    flex-direction: column;  flex: 0 0 100%;  min-width: 100%;  padding-left: 0;}}

.grid_list .product_content.list_content > h4 {font-size: 18px;margin-bottom: 18px;}

@media only screen and (max-width: 767px) {.grid_list .product_content.list_content > h4 {
    font-size: 14px;  margin-bottom: 13px;}}


.grid_list .product_content.list_content .price_box {margin-top: 0;margin-bottom: 21px;}

@media only screen and (max-width: 767px) {.grid_list .product_content.list_content .price_box {
    margin-bottom: 17px;}}

.grid_list .product_content.list_content .product_desc {display: inline-block;margin-bottom: 21px;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.grid_list .product_content.list_content .product_desc {
    margin-bottom: 19px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.grid_list .product_content.list_content .product_desc {
    margin-bottom: 19px;}}

@media only screen and (max-width: 767px) {.grid_list .product_content.list_content .product_desc {
    margin-bottom: 16px;}}

.grid_list .product_content.list_content .product_desc p {font-size: 14px;line-height: 24px;}
.grid_list .single_product {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 30px;}

@media only screen and (max-width: 767px) {.grid_list .single_product {
    flex-direction: column;  padding: 20px;}}
.grid_list .product_thumb {margin-bottom: 0;flex: 0 0 33.333333%;max-width: 33.333333%;float: left;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.grid_list .product_thumb {
    min-width: 30%;}}

@media only screen and (max-width: 767px) {.grid_list .product_thumb {
    flex: 0 0 100%;  min-width: 100%;  margin-right: 0;  margin-bottom: 20px;}}
.col-cust-5 {-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: max-width;padding-right: 15px;padding-left: 15px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.col-cust-5 {
    -ms-flex: 0 0 33%;  flex: 0 0 33%;}}

@media only screen and (max-width: 767px) {.col-cust-5 {
    flex: 0 0 50%;  max-width: 50%;}}

@media only screen and (max-width: 479px) {.col-cust-5 {
    flex: 0 0 100%;  max-width: 100%;}}
.shop_wrapper > div {-webkit-transition: all 1s ease;transition: all 1s ease;}
.shop_toolbar_wrapper {display: flex;justify-content: space-between;align-items: center;border: 1px solid #ddd;padding: 8px 10px;margin: 0 0 30px;}

@media only screen and (max-width: 767px) {.shop_toolbar_wrapper {
    flex-direction: column;  padding: 15px 10px 5px;}}
@media only screen and (max-width: 767px) {.shop_toolbar_btn {
    margin-bottom: 20px;}}
.shop_wrapper {margin-bottom: 18px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.shop_wrapper {
    margin-bottom: 49px;}}

@media only screen and (max-width: 767px) {.shop_wrapper {
    margin-bottom: 30px;}}

.shop_wrapper .product_thumb a img {margin: 0 auto;width: inherit;}
.shop_wrapper .single_product {position: relative;margin-bottom: 30px;}
.shop_wrapper.grid_list .single_product {margin-bottom: 30px;}
/* shop page css end*/

/*shop fullwidth css here*/

.shop_fullwidth .shop_wrapper.grid_3 .product_thumb a img {width: 100%;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.shop_fullwidth {
    margin-bottom: 0;}}

@media only screen and (max-width: 767px) {.shop_fullwidth {
    margin-bottom: 0;}}
/* 15. product details css here */

@media only screen and (min-width: 768px) and (max-width: 991px) {.product_details {
    margin-top: 80px;  margin-bottom: 80px;}}

@media only screen and (max-width: 767px) {.product_details {
    margin-top: 60px;  margin-bottom: 60px;}}
#img-1 {border: 1px solid #e5e5e5;}
.header_product {border-bottom: 1px solid #e5e5e5;}
.product_d_right h1 {text-transform: capitalize;line-height: 20px;font-size: 22px;font-weight: 400;margin-bottom: 22px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.product_d_right h1 {
    font-size: 20px;}}

@media only screen and (max-width: 767px) {.product_d_right h1 {
    margin-bottom: 17px;  font-size: 18px;}}

.product_d_right h1 a {color: #252525;}
.product_d_right h1 a:hover {color: #F53737;}
.product_d_right .product_ratting {margin-bottom: 17px;}

@media only screen and (max-width: 767px) {.product_d_right .product_ratting {
    margin-bottom: 12px;}}

.product_d_right .product_ratting ul li.review a {color: #5a5a5a;margin-left: 10px;}
.product_d_right .product_ratting ul li.review a:hover {color: #F53737;}
.product_d_right .price_box {margin-bottom: 14px;}

@media only screen and (max-width: 767px) {.product_d_right .price_box {
    margin-bottom: 9px;}}

.product_d_right .price_box span.current_price {font-size: 23px;}

@media only screen and (max-width: 767px) {.product_d_right .price_box span.current_price {
    font-size: 18px;}}

.product_d_right .price_box span.old_price {font-size: 20px;}

@media only screen and (max-width: 767px) {.product_d_right .price_box span.old_price {
    font-size: 17px;}}

.product_d_right .product_desc {margin-bottom: 19px;padding-bottom: 24px;border-bottom: 1px solid #e5e5e5;}

@media only screen and (max-width: 767px) {.product_d_right .product_desc {
    margin-bottom: 15px;  padding-bottom: 18px;}}

.product_d_right .product_desc::before {display: none;}
.product_d_right .product_desc p {font-size: 14px;line-height: 26px;}
.product_d_right .priduct_social ul li {display: inline-block;margin-right: 7px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.product_d_right .priduct_social ul li {
    margin-right: 2px;}}

@media only screen and (max-width: 767px) {.product_d_right .priduct_social ul li {
    margin-right: 2px;}}

.product_d_right .priduct_social ul li:last-child {margin-right: 0;}

@media only screen and (max-width: 767px) {.product_d_right .priduct_social ul li {
    margin-right: 0;}}

.product_d_right .priduct_social ul li a {color: #fff;font-size: 12px;line-height: 24px;padding: 0 8px;border-radius: 3px;text-transform: capitalize;display: block;}

@media only screen and (max-width: 767px) {.product_d_right .priduct_social ul li a {
    padding: 0 4px;  font-size: 10px;}}

.product_d_right .priduct_social ul li a:hover {opacity: 0.8;}
.product_d_right .priduct_social ul li a.facebook {background: #3B5999;}
.product_d_right .priduct_social ul li a.twitter {background: #1DA1F2;}
.product_d_right .priduct_social ul li a.pinterest {background: #CB2028;}
.product_d_right .priduct_social ul li a.google-plus {background: #fe6d4c;}
.product_d_right .priduct_social ul li a.linkedin {background: #010103;}
.product_d_right .product_timing {position: inherit;margin-bottom: 22px;margin-top: 30px;}

@media only screen and (max-width: 767px) {.product_d_right .product_timing {
    margin-bottom: 16px;  margin-top: 25px;}}

.product_d_right .countdown_area {max-width: 220px;}

@media only screen and (max-width: 767px) {.product_d_right .countdown_area {
    max-width: 190px;}}
.product_nav {float: right;position: relative;top: -46px;}

@media only screen and (max-width: 767px) {.product_nav {
    display: none;}}

.product_nav ul li {display: inline-block;margin-left: 3px;}
.product_nav ul li:first-child {margin-left: 0;}
.product_nav ul li a {background: #F53737;border-radius: 3px;color: #ffffff;display: block;font-size: 15px;height: 30px;width: 30px;line-height: 30px;text-align: center;}
.product_nav ul li a:hover {background: #222;}
.product_variant.quantity {display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;margin-bottom: 20px;}

@media only screen and (max-width: 767px) {.product_variant.quantity {
    margin-bottom: 16px;}}

.product_variant.quantity label {font-weight: 500;text-transform: capitalize;font-size: 14px;margin-bottom: 0;}
.product_variant.quantity input {width: 130px;border: 1px solid #ebebeb;background: none;height: 42px;padding: 0 12px;border-radius: 5px;margin-left: 15px;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.product_variant.quantity input {
    width: 110px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.product_variant.quantity input {
    width: 80px;}}

@media only screen and (max-width: 767px) {.product_variant.quantity input {
    width: 65px;  margin-left: 10px;}}

.product_variant.quantity button {border: 0;font-size: 16px;margin-left: 20px;background: #F53737;height: 42px;line-height: 42px;text-transform: capitalize;min-width: 270px;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.product_variant.quantity button {
    min-width: 240px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.product_variant.quantity button {
    min-width: 170px;}}

@media only screen and (max-width: 767px) {.product_variant.quantity button {
    min-width: inherit;  margin-left: 10px;}}

.product_variant.quantity button:hover {background: #3E444A;}
.product_variant.color {margin-bottom: 26px;}

@media only screen and (max-width: 767px) {.product_variant.color {
    margin-bottom: 18px;}}

.product_variant.color h3 {font-weight: 500;text-transform: capitalize;font-size: 18px;margin-bottom: 0;margin-right: 40px;}
.product_variant.color label {font-size: 15px;font-weight: 500;text-transform: capitalize;}
.product_variant.color ul li {display: inline-block;padding: 2px;border: 1px solid #ccc;margin-right: 5px;}
.product_variant.color ul li:hover {border-color: #E88888;}
.product_variant.color ul li:last-child {margin-right: 0;}
.product_variant.color ul li a {width: 30px;height: 30px;display: block;}
.product_variant.color ul li.color1 a {background: #000000;}
.product_variant.color ul li.color2 a {background: #BEBEBE;}
.product_variant.color ul li.color3 a {background: #FE0000;}
.product_variant.color ul li.color4 a {background: #FFFF01;}
.product_variant.size {margin-bottom: 30px;display: flex;align-items: center;}
.product_variant.size label {font-size: 15px;font-weight: 500;text-transform: capitalize;margin-right: 15px;}
.product_variant.size .niceselect_option {float: inherit;max-width: 200px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.product_d_info {
    margin-bottom: 75px;}}

@media only screen and (max-width: 767px) {.product_d_info {
    margin-bottom: 57px;}}
.product_d_action {margin-bottom: 14px;}
.product_d_action ul li a {font-size: 14px;line-height: 28px;}
.product_d_action ul li a:hover {color: #F53737;}
.product_meta {margin-bottom: 24px;}

@media only screen and (max-width: 767px) {.product_meta {
    margin-bottom: 20px;}}

.product_meta span {font-weight: 500;}
.product_meta span a {margin-left: 10px;font-weight: 400;}
.product_meta span a:hover {color: #F53737;}
.product_info_button {border-bottom: 1px solid #e5e5e5;padding-bottom: 15px;margin-bottom: 29px;}

@media only screen and (max-width: 767px) {.product_info_button ul li {
    margin-bottom: 5PX;}

  .product_info_button ul li:last-child {
    margin-bottom: 0;}}

.product_info_button ul li a {display: block;float: left;text-transform: capitalize;font-size: 20px;color: #555;font-weight: 500;margin-right: 35px;line-height: 26px;position: relative;}

@media only screen and (max-width: 767px) {.product_info_button ul li a {
    margin-right: 25px;  font-size: 17px;}}

.product_info_button ul li a.active {color: #333333;}
.product_info_button ul li a:hover {color: #333333;}
.product_info_button ul li:last-child a {margin-right: 0;}
.product_review_form button {border: none;background: #222;color: #ffffff;text-transform: uppercase;font-weight: 500;padding: 5px 15px 3px;display: block;-webkit-transition: 0.3s;transition: 0.3s;cursor: pointer;margin-top: 20px;border-radius: 5px;font-size: 13px;}
.product_review_form button:hover {background: #F53737;color: #ffffff;}
.product_info_content p {line-height: 28px;}
.product_d_table {padding: 10px 0 22px;}
.product_d_table table {border-top: 1px solid #ddd;width: 100%;}
.product_d_table table tbody tr {border-bottom: 1px solid #ddd;}
.product_d_table table tbody tr td {padding: 7px 17px;}
.product_d_table table tbody tr td:first-child {border-right: 1px solid #ddd;width: 30%;font-weight: 700;}
.product_d_inner {padding: 20px 30px 27px;border: 1px solid #e5e5e5;}

.tables td{ line-height:32px !important;}
@media only screen and (max-width: 767px) {.product_d_inner {
    padding: 20px 20px 27px;}}
.product_info_inner {display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 15px;}
.product_info_inner .product_ratting {margin-bottom: 10px;}
.product_info_inner .product_ratting p {margin-bottom: 5px;}
.product_info_inner .product_ratting strong {margin-top: 10px;display: block;margin-bottom: 8px;}
.reviews_wrapper h2 {font-size: 18px;font-weight: 500;text-transform: capitalize;}

@media only screen and (max-width: 767px) {.reviews_wrapper h2 {
    font-size: 15px;}}

.reviews_wrapper .product_ratting {margin-bottom: 20px;}
.reviews_wrapper .product_ratting ul li a {color: #F53737;}
.reviews_wrapper .product_ratting h3 {font-size: 14px;font-weight: 700;text-transform: capitalize;}
.comment_title {margin-bottom: 20px;}
.product_review_form input {border: 1px solid #ddd;background: none;width: 100%;height: 40px;padding: 0 20px;}
.product_review_form textarea {border: 1px solid #ddd;background: none;height: 120px;resize: none;width: 100%;margin-bottom: 14px;padding: 0 20px;}
.product_review_form p {margin-bottom: 7px;}
.star_rating {float: right;}
.star_rating ul li {display: inline-block;}
.star_rating ul li a {color: #F53737;}
.reviews_comment_box {display: flex;margin-bottom: 22px;}
.reviews_comment_box .comment_text {width: 100%;border: 1px solid #e5e5e5;position: relative;margin-left: 21px;padding: 12px;border-radius: 3px;}
.reviews_comment_box .comment_text::before {background: #fff;border-bottom: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;content: '';display: block;height: 10px;left: -6px;position: absolute;top: 10px;-webkit-transform: rotate(45deg);transform: rotate(45deg);width: 10px;}
.reviews_meta p {font-size: 15px;margin-bottom: 15px;}
.reviews_meta p strong {text-transform: uppercase;font-weight: 500;color: #222;}
.s-tab-zoom.owl-carousel .owl-nav {display: block;}
.s-tab-zoom.owl-carousel .owl-nav div {position: absolute;background: #f2f2f2;border-radius: 3px;height: 32px;top: 50%;transform: translatey(-50%);width: 32px;text-align: center;line-height: 31px;left: -7px;font-size: 18px;-webkit-transition: 0.3s;transition: 0.3s;opacity: 0;visibility: hidden;}
.s-tab-zoom.owl-carousel .owl-nav div:hover {background: #F53737;color: #ffffff;}
.s-tab-zoom.owl-carousel .owl-nav div.owl-next {right: -7px;left: auto;}
@media only screen and (max-width: 767px) {.product-details-tab {
    margin-bottom: 58px;}}

.product-details-tab:hover .s-tab-zoom.owl-carousel .owl-nav div {opacity: 1;visibility: visible;}



/*product sidebar css here*/

.product_sidebar {margin-bottom: 0;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.product_sidebar {
    margin-bottom: 80px;}}

@media only screen and (max-width: 767px) {.product_sidebar {
    margin-bottom: 60px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.product_sidebar .row {
    flex-direction: column-reverse;}}

@media only screen and (max-width: 767px) {.product_sidebar .row {
    flex-direction: column-reverse;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.product_sidebar .product_section .row {
    flex-direction: row;}}

@media only screen and (max-width: 767px) {.product_sidebar .product_section .row {
    flex-direction: row;}}

.product_sidebar .product_desc p {width: 100%;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.product_sidebar .action_button ul li a {
    width: 40px;  height: 35px;  line-height: 35px;}}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.product_sidebar .quick_button {
    bottom: 12px;}}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.product_sidebar .quick_button a {
    line-height: 35px;}}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.product_sidebar .hover_action a {
    width: 40px;  height: 35px;  line-height: 35px;}}

.product_sidebar .product_variant.quantity input {width: 90px;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.product_sidebar .product_variant.quantity input {
    width: 60px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.product_sidebar .product_variant.quantity input {
    width: 60px;}}

@media only screen and (max-width: 767px) {.product_sidebar .product_variant.quantity input {
    width: 60px;}}

.product_sidebar .product_variant.quantity button {min-width: 200px;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.product_sidebar .product_variant.quantity button {
    min-width: 140px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.product_sidebar .product_variant.quantity button {
    min-width: inherit;}}

@media only screen and (max-width: 767px) {.product_sidebar .product_variant.quantity button {
    min-width: inherit;}}

@media only screen and (max-width: 767px) {.product_sidebar .product-details-tab {
    margin-bottom: 0;}}

.product_sidebar .price_box span.current_price {font-size: 16px;}
.product_sidebar .price_box span.old_price {font-size: 15px;}
.product_sidebar .price_box span.regular_price {font-size: 16px;}







/* 14. checkout page css here */

.user-actions {margin-bottom: 20px;}
.user-actions h3 {font-size: 13px;font-weight: 400;background-color: #f7f6f7;padding: 15px 10px;border-top: 3px solid #F53737;margin-bottom: 0;}
.user-actions h3 a {color: #F53737;}
.checkout_info {border: 1px solid #e5e5e5;margin-top: 25px;padding: 20px 30px;}
.checkout_info p {margin-bottom: 15px;}
.checkout_info a {color: #F53737;margin-top: 15px;display: block;}
.checkout_info.coupon_info form {display: flex;}

@media only screen and (max-width: 767px) {.checkout_info.coupon_info form {
    flex-direction: column;}}
.form_group {margin-bottom: 20px;}
.form_group label {font-size: 14px;display: block;line-height: 18px;}
.form_group input {border: 1px solid #e5e5e5;background: none;height: 45px;width: 350px;padding: 0 20px;}

@media only screen and (max-width: 767px) {.form_group input {
    width: 100%;}}

.form_group button {display: inline-block;width: 80px;background: #222;border: 0;color: #ffffff;font-weight: 500;text-transform: uppercase;font-size: 13px;-webkit-transition: 0.3s;transition: 0.3s;margin-right: 20px;cursor: pointer;height: 40px;line-height: 40px;border-radius: 3px;}
.form_group button:hover {background: #F53737;}
.form_group input[type="checkbox"] {width: 15px;height: 15px;margin-right: 10px;position: relative;top: 3px;}

@media only screen and (max-width: 767px) {.form_group input[type="checkbox"] {
    margin-right: 3px;}}
.form_group.group_3 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.form_group.group_3 label {margin-bottom: 0;line-height: 34px;cursor: pointer;}
.form_group.group_3 label:hover {color: #F53737;}
#checkout_coupon input {background: none;border: 1px solid #e5e5e5;width: 200px;height: 45px;font-size: 12px;padding: 0 20px;color: #222;}

#checkout_coupon button {width: 130px;background: #222;color: #ffffff;font-weight: 500;text-transform: uppercase;font-size: 13px;cursor: pointer;-webkit-transition: 0.3s;transition: 0.3s;border: 0;height: 45px;line-height: 45px;border-radius: 3px;margin-left: 5px;}

@media only screen and (max-width: 767px) {#checkout_coupon button {
    margin-top: 20px;}}

#checkout_coupon button:hover {background: #F53737;}
.mb-20 {margin-bottom: 20px;}
.checkout_form h3 {font-size: 16px;line-height: 30px;padding: 5px 10px;text-transform: uppercase;color: #ffffff;background: #222;font-weight: 500;}
.checkout_form input {border: 1px solid #e5e5e5;background: none;height: 40px;width: 100%;padding: 0 20px;color: #222;}
.checkout_form .nice-select {width: 100%;}
.checkout_form .nice-select ul.list {width: 100%;height: 180px;overflow: auto;}
.checkout_form .nice-select::after {top: 56%;}
.checkout_form label {font-weight: 500;}
.checkout_form label span {color: #F53737;}
.checkout_form label.righ_0 {cursor: pointer;font-size: 15px;line-height: 27px;padding: 5px 10px;text-transform: capitalize;color: #ffffff;background: #222;font-weight: 500;-webkit-transition: 0.3s;transition: 0.3s;margin-bottom: 0;border-radius: 5px;}

@media only screen and (max-width: 767px) {.checkout_form label.righ_0 {
    font-size: 13px;  line-height: 25px;  padding: 3px 10px;}}

.checkout_form label.righ_0:hover {background: #222;}
.checkout_form input[type="checkbox"] {width: 15px;height: 15px;position: relative;top: 2px;margin-right: 10px;}
.order_button button {cursor: pointer;font-size: 16px;line-height: 30px;padding: 5px 10px;text-transform: capitalize;color: #ffffff;background: #F53737;font-weight: 500;-webkit-transition: 0.3s;transition: 0.3s;margin-bottom: 0;border-radius: 5px;}

@media only screen and (max-width: 767px) {.order_button button {
    font-size: 14px;}}

.order_button button:hover {background: #222;}
@media only screen and (max-width: 767px) {.order-notes {
    margin-bottom: 58px;}}

.order-notes textarea {border: 1px solid #e5e5e5;border-radius: 0;height: 45px;max-width: 100%;padding: 0 30px 0 20px;background: none;font-size: 13px;resize: none;line-height: 45px;width: 100%;color: #222;}
.order-notes label {line-height: 13px;}
.Checkout_section {margin-bottom: 100px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.Checkout_section {
    margin-bottom: 80px;  margin-top: 80px;}}

@media only screen and (max-width: 767px) {.Checkout_section {
    margin-bottom: 60px;  margin-top: 60px;}}
.order_table {margin-bottom: 35px;}
.order_table table {width: 100%;}
.order_table table thead tr th {min-width: 50%;text-align: center;padding: 15px 0;border-bottom: 1px solid #ddd;}
.order_table table tbody tr td {min-width: 50%;text-align: center;padding: 15px 0;border-bottom: 1px solid #ddd;}
.order_table table tfoot tr th {min-width: 50%;text-align: center;padding: 15px 0;border-bottom: 1px solid #ddd;}
.order_table table tfoot tr td {min-width: 50%;text-align: center;padding: 15px 0;border-bottom: 1px solid #ddd;}
.panel-default input[type="radio"] {width: 15px;height: 15px;position: relative;top: 2px;margin-right: 10px;}
.panel-default img {width: 160px;}
.order_button button {border: 0;}
.card-body1 {margin-bottom: 15px;}
/*checkout page css end*/


.panel.panel-default {margin-bottom: 21px;}
.panel.panel-default:last-child {margin-bottom: 0;}

@media only screen and (max-width: 767px) {.panel.panel-default {
    margin-bottom: 13px;}}
.panel-body {padding: 15px;border: 1px solid #ddd;background: #ffffff;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_page_section {
    margin-bottom: 60px;  margin-top: 80px;}}

@media only screen and (max-width: 767px) {.blog_page_section {
    margin-bottom: 60px;  margin-top: 60px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_wrapper {
    margin-bottom: 75px;}}

@media only screen and (max-width: 767px) {.blog_wrapper {
    margin-bottom: 55px;}}

.blog_wrapper .single_blog {margin-bottom: 35px;padding-bottom: 35px;border-bottom: 1px solid #e1e1e1;overflow: hidden;}

@media only screen and (max-width: 767px) {.blog_wrapper .single_blog {
    margin-bottom: 30px;  padding-bottom: 30px;}}

.blog_wrapper .single_blog:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}
.blog_wrapper .blog_thumb {width:30%;float: left;}

@media only screen and (max-width: 767px) {.blog_wrapper .blog_thumb {
    width: 100%;  float: inherit;}}

@media only screen and (max-width: 767px) {.blog_wrapper .blog_thumb a {
    width: 100%;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_wrapper .blog_thumb a img {
    width: 100%;}}

@media only screen and (max-width: 767px) {.blog_wrapper .blog_thumb a img {
    width: 100%;}}

.blog_wrapper .blog_thumb iframe {height: 248px;width: 100%;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.blog_wrapper .blog_thumb iframe {
    height: 200px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_wrapper .blog_thumb iframe {
    height: 200px;}}

.blog_wrapper .blog_content {width: 70%;float: left;padding-left: 30px;padding-top: 0;}

@media only screen and (max-width: 767px) {.blog_wrapper .blog_content {
    width: 100%;  float: inherit;  padding-left: 0;  padding-top: 24px;}}

.blog_wrapper .blog_content h4 {font-size: 28px;line-height: 33px;font-weight: 500;margin-bottom: 10px;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.blog_wrapper .blog_content h4 {
    font-size: 24px;  line-height: 24px;  margin-bottom: 8px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_wrapper .blog_content h4 {
    font-size: 24px;  line-height: 24px;  margin-bottom: 8px;}}

@media only screen and (max-width: 767px) {.blog_wrapper .blog_content h4 {
    font-size: 19px;  line-height: 21px;  margin-bottom: 7px;}}

.blog_wrapper .blog_content h4 a i {color: #F53737;margin-right: 5px;}
.blog_wrapper .blog_content p.post_desc {margin-bottom: 0;padding-bottom: 0;border-bottom: 0;line-height: 28px;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.blog_wrapper .blog_content p.post_desc {
    line-height: 23px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_wrapper .blog_content p.post_desc {
    line-height: 23px;}}

@media only screen and (max-width: 767px) {.blog_wrapper .blog_content p.post_desc {
    line-height: 21px;}}

.blog_wrapper .blog_content .btn_more {margin-top: 27px;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.blog_wrapper .blog_content .btn_more {
    margin-top: 19px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_wrapper .blog_content .btn_more {
    margin-top: 19px;}}

@media only screen and (max-width: 767px) {.blog_wrapper .blog_content .btn_more {
    margin-top: 18px;}}

.blog_wrapper .blog_content .btn_more a {color: #fff;font-size: 13px;height: 36px;line-height: 36px;padding: 0 25px;display: inline-block;text-transform: capitalize;background: #333;font-weight: 500;border-radius: 20px;}
.blog_wrapper .blog_content .btn_more a:hover {background: #F53737;}
.blog_wrapper .blog_meta {margin: 21px auto;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.blog_wrapper .blog_meta {
    margin-bottom: 14px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_wrapper .blog_meta {
    margin-bottom: 14px;}}

@media only screen and (max-width: 767px) {.blog_wrapper .blog_meta {
    margin-bottom: 13px;}}

.blog_wrapper .blog_meta p {font-size: 14px;line-height: 24px;}

@media only screen and (max-width: 767px) {.blog_wrapper .blog_meta p {
    font-size: 13px;  line-height: 20px;}}

.blog_wrapper .blog_meta p a {color: #F53737;}
.blog_wrapper .blog_meta p a:hover {text-decoration: underline;}
.blog_wrapper .blog_meta p.author {margin-right: 8px;}
.blog_wrapper .blog_meta p.author a {margin-right: 5px;}



.blog_sidebar_widget .widget_title {position: relative;margin-bottom: 20px;}
.blog_sidebar_widget .widget_title h3 {margin-bottom: 0;}
.blog_sidebar_widget .widget_list {margin-bottom: 28px;}
.blog_sidebar_widget .widget_list:last-child {margin-bottom: 0;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_sidebar_widget .widget_list {
    margin-bottom: 75px;}}

@media only screen and (max-width: 767px) {.blog_sidebar_widget .widget_list {
    margin-bottom: 56px;}}

.blog_sidebar_widget .widget_list.comments .post_thumb a img {border-radius: 50%;}
.blog_sidebar_widget .widget_list.comments .post_info span a {color: #F53737;}
.blog_sidebar_widget .widget_list.comments .post_info a:hover {color: #F53737;}
.blog_sidebar_widget .widget_categories {background: inherit;margin-bottom: 18px;}
.blog_sidebar_widget .widget_categories .widget_title {margin-bottom: 15px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_sidebar_widget .widget_categories {
    margin-bottom: 62px;}}

@media only screen and (max-width: 767px) {.blog_sidebar_widget .widget_categories {
    margin-bottom: 43px;}}

.blog_sidebar_widget .widget_categories ul li a {color: #222;padding: 0;border: 0;line-height: 35px;}
.widget_search input {height: 35px;border: 1px solid #e5e5e5;background: #fff;color: #222;width:73%;margin-bottom: 20px;padding: 0 15px;}
.widget_search button {color: #fff;display: inline-block;background: #F53737;

  border: 1px solid #F53737;padding: 0 20px;height: 34px;line-height: 35px;text-transform: uppercase;font-size: 12px;font-weight: 600;cursor: pointer;-webkit-transition: .3s;transition: .3s;border-radius: 3px;}
.widget_search button:hover {background: #F53737;}
.tag_widget ul li {display: inline-block;}
.tag_widget ul li a {margin: 0 6px 0 0;display: block;font-size: 12px;font-weight: 400;border: 1px solid #e5e5e5;background: #fff;padding: 0 15px;line-height: 29px;border-radius: 3px;}
.tag_widget ul li a:hover {background: #F53737;border-color: #F53737;color: #fff;}
.post_thumb {width: 60px;float: left;margin-right: 10px;}
.post_wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 15px;}
.post_wrapper:last-child {margin-bottom: 0;}
.post_info h4 {font-size: 13px;font-weight: 500;text-transform: capitalize;line-height: 14px;margin-bottom: 5px;}
.post_info h4 a:hover {color: #F53737;}
.post_info span {font-size: 12px;}

.blog_pagination {margin-top: 40px;margin-bottom: 100px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_pagination {
    margin-top: 80px;  margin-bottom: 80px;}}

@media only screen and (max-width: 767px) {.blog_pagination {
    margin-bottom: 60px;}}

.blog_pagination .pagination {border: 1px solid #e5e5e5;justify-content: center;padding: 10px 0;}

@media only screen and (max-width: 767px) {.blog_pagination .pagination {
    margin-top: 0;}}
/*blog page css end*/

/*blog fullwidth css here*/

@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_page_section.blog_reverse {
    margin-top: 80px;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_reverse .row {
    flex-direction: column-reverse;}}

@media only screen and (max-width: 767px) {.blog_reverse .row {
    flex-direction: column-reverse;}}
@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_wrapper_sidebar .row {
    flex-direction: row;}}

@media only screen and (max-width: 767px) {.blog_wrapper_sidebar .row {
    flex-direction: row;}}



/* 12. blog details css here */

.post_header {margin-bottom: 28px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.post_header {
    margin-bottom: 25px;}}

@media only screen and (max-width: 767px) {.post_header {
    margin-bottom: 22px;}}

.post_header h3 {font-size: 30px;line-height: 35px;font-weight: 500;margin-bottom: 4px; text-align:center}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.post_header h3 {
    font-size: 26px;  line-height: 30px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.post_header h3 {
    font-size: 25px;  line-height: 25px;}}

@media only screen and (max-width: 767px) {.post_header h3 {
    font-size: 17px;  line-height: 24px;}}
.blog_details {}

@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_details {
   }}

@media only screen and (max-width: 767px) {.blog_details {
   }}

.blog_details .single_blog {margin-bottom: 91px;padding-bottom: 0;border-bottom: 0;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_details .single_blog {
    margin-bottom: 74px;}}

@media only screen and (max-width: 767px) {.blog_details .single_blog {
    margin-bottom: 59px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_details .blog_sidebar {
    margin-bottom: 0;}}

@media only screen and (max-width: 767px) {.blog_details .blog_sidebar {
    margin-bottom: 0;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.blog_details .blog_wrapper {
    margin-bottom: 77px;}}

@media only screen and (max-width: 767px) {.blog_details .blog_wrapper {
    margin-bottom: 55px;}}

.blog_details .blog_meta {margin-bottom: 0;}
.blog_details .blog_thumb {width: 100%;float: inherit;}
.blog_details .blog_content {width: 100%;float: inherit;padding-left: 0;padding-top: 30px;}
.blog_details .post_content > p {line-height: 24px;margin-bottom: 10px;font-size: 15px;}

@media only screen and (max-width: 767px) {.blog_details .post_content > p {
    font-size: 14px;}}

.blog_details .post_content blockquote {margin: 31px 0 31px 40px;font-style: italic;padding: 30px 45px;background: #f6f6f6;border: 1px solid #ebebeb;border-left: 4px solid #F53737;}
.blog_details .post_content blockquote p {font-size: 16px;}

@media only screen and (max-width: 767px) {.blog_details .post_content blockquote p {
    font-size: 15px;}}

@media only screen and (max-width: 767px) {.blog_details .post_content blockquote {
    margin: 23px 0 23px 0;  padding: 20px 12px 15px;}}

.blog_details .social_sharing {display: flex;align-items: center;}
.blog_details .social_sharing p {font-size: 13px;text-transform: capitalize;margin-right: 20px;margin-bottom: 0;line-height: 13px;font-weight: 500;}

@media only screen and (max-width: 767px) {.blog_details .social_sharing p {
    font-size: 13px;  margin-right: 10px;}}

.blog_details .social_sharing ul li {display: inline-block;}
.blog_details .social_sharing ul li a {background: #e6e6e6;border-radius: 100%;display: inline-block;font-size: 12px;height: 26px;line-height: 28px;margin-right: 5px;text-align: center;width: 26px;}
.blog_details .social_sharing ul li a:hover {color: #ffffff;background: #F53737;}

@media only screen and (max-width: 767px) {.blog_details .social_sharing ul li a {
    margin-right: 2px;}}

.blog_details .social_sharing ul li:first-child a {padding-left: 0;border-left: 0;}
.entry_content {display: flex;justify-content: space-between;align-items: center;}

@media only screen and (max-width: 767px) {.entry_content {
    flex-direction: column;  text-align: left;  align-items: inherit;}}

.entry_content .post_meta {margin-bottom: 0;}

@media only screen and (max-width: 767px) {.entry_content .post_meta {
    margin-bottom: 10px;}}

.entry_content .post_meta span {font-weight: 500;font-size: 13px;}
.entry_content .post_meta span a:hover {color: #F53737;}



.related_posts {border-top: 1px solid #e5e5e5;padding: 96px 0 89px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.related_posts {
    padding: 76px 0 41px;}}

@media only screen and (max-width: 767px) {.related_posts {
    padding: 56px 0 25px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.related_posts .row {
    flex-direction: row !important;}}

.related_posts h3 {font-size: 15px;margin: 0 0 20px;font-weight: 500;line-height: 20px;text-transform: uppercase;}
.related_thumb {margin-bottom: 15px;}

@media only screen and (min-width: 768px) and (max-width: 991px) {.related_thumb img {
    width: 100%;}}

@media only screen and (max-width: 767px) {.related_thumb img {
    width: 100%;}}
.related_content h4 {font-size: 13px;font-weight: 500;line-height: 13px;margin-bottom: 0;text-transform: uppercase;}
.related_content h4 a {color: #222;}
.related_content h4 a:hover {color: #F53737;}
.related_content span {font-size: 13px;line-height: 17px;}
.related_content span i {margin-right: 3px;}
.related_content .blog_meta span {font-size: 12px;line-height: 22px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.single_related {
    margin-bottom: 28px;}}

@media only screen and (max-width: 767px) {.single_related {
    margin-bottom: 25px;}}
/*blog details css end*/

/*  24. modal css here */

.modal-dialog.modal-dialog-centered {min-width: 1100px;}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {.modal-dialog.modal-dialog-centered {
    min-width: 1000px;}}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.modal-dialog.modal-dialog-centered {
    min-width: 950px;}}

@media only screen and (min-width: 768px) and (max-width: 991px) {.modal-dialog.modal-dialog-centered {
    min-width: 730px;}}

@media only screen and (max-width: 767px) {.modal-dialog.modal-dialog-centered {
    min-width: 90%;}}
.modal_tab_img {text-align: center;margin-bottom: 10px;}
.modal_tab_img img {margin: 0 auto;}
.modal_tab_button ul li a {padding: 0;border: 1px solid #e5e5e5;margin: 0 2px;}
.modal_tab_button ul li a img {width: 100%;}
.modal_title h2 {font-size: 16px;text-transform: uppercase;font-weight: 600;margin-bottom: 14px;line-height: 26px;}
.modal_social h2 {font-size: 16px;text-transform: uppercase;font-weight: 600;margin-bottom: 15px;line-height: 20px;}
.modal_social ul li {display: inline-block;margin-right: 3px;}
.modal_social ul li a {text-transform: uppercase;display: inline-block;width: 38px;height: 38px;text-align: center;line-height: 38px;border-radius: 50%;font-size: 15px;color: #ffffff;font-weight: 400;}
.modal_social ul li.facebook a {background: #3c5b9b;}
.modal_social ul li.facebook a:hover {background: #F53737;}
.modal_social ul li.twitter a {background: #1DA1F2;}
.modal_social ul li.twitter a:hover {background: #F53737;}
.modal_social ul li.pinterest a {background: #BD081B;}
.modal_social ul li.pinterest a:hover {background: #F53737;}
.modal_social ul li.google-plus a {background: #DC5043;}
.modal_social ul li.google-plus a:hover {background: #F53737;}
.modal_social ul li.linkedin a {background: #010103;}
.modal_social ul li.linkedin a:hover {background: #F53737;}
.modal_price {margin-bottom: 12px;}
.modal_price span {font-weight: 600;color: #F53737;font-size: 16px;}
.modal_price span.old_price {color: #222;font-size: 14px;font-weight: 400;text-decoration: line-through;margin-left: 5px;}
.modal_description p {line-height: 24px;font-size: 15px;margin: 0;}
.variants_size h2, .variants_color h2 {font-size: 13px;font-weight: 600;text-transform: uppercase;margin-bottom: 7px;line-height: 20px;}

.variants_size .select_option, .variants_color .select_option {width: 100%;border-radius: 0;margin-bottom: 25px;}
.variants_size .select_option .list, .variants_color .select_option .list {width: 100%;border-radius: 0;}
.modal_add_to_cart {margin-bottom: 25px;}
.modal_add_to_cart form input {width: 95px;border: 1px solid #e5e5e5;background: none;padding: 0 10px;height: 45px;}

@media only screen and (max-width: 767px) {.modal_add_to_cart form input {
    width: 75px;}}

.modal_add_to_cart form button {background: none;border: 1px solid #222;margin-left: 10px;font-size: 12px;font-weight: 700;height: 45px;width: 230px;line-height: 18px;padding: 10px 15px;text-transform: uppercase;background: #222;color: #ffffff;-webkit-transition: 0.3s;transition: 0.3s;cursor: pointer;}

@media only screen and (max-width: 767px) {.modal_add_to_cart form button {
    width: 130px;}}

.modal_add_to_cart form button:hover {background: #F53737;color: #ffffff;border-color: #F53737;}
.modal_body {padding: 29px 6px 38px;}

@media only screen and (max-width: 767px) {.modal_body {
    padding: 42px 6px 38px;}}

@media only screen and (max-width: 767px) {.modal_body .modal_tab {
    margin-bottom: 30px;}}
.modal-content {border-radius: 0;}
.modal-content button.close {position: absolute;left: 94%;width: 35px;height: 35px;line-height: 37px;display: block;border: 1px solid #e5e5e5;top: 10px;border-radius: 50%;cursor: pointer;font-size: 18px;z-index: 9;}

@media only screen and (max-width: 767px) {.modal-content button.close {
    left: 83%;  width: 32px;  height: 32px;  line-height: 35px;  top: 4px;  margin-bottom: 14px;}}

.modal-content button.close:hover {color: #F53737;}

/*modal css end*/


/*发展历程*/
ul.ls-n{position: relative;}
ul.ls-n li:nth-child(odd){padding-right: 50%;text-align: right;}
ul.ls-n li:nth-child(odd) .desc{padding-right: 25px;}
ul.ls-n li:nth-child(odd) .desc::after{right: -1px;}
ul.ls-n li:nth-child(odd) .desc h3 ins{right: -35px;}
ul.ls-n li:nth-child(even){padding-left: 50%;}
ul.ls-n li:nth-child(even) .desc{padding-left: 25px;}
ul.ls-n li:nth-child(even) .desc::after{left: -1px;}
ul.ls-n li:nth-child(even) .desc h3 ins{left: -35px;}
ul.ls-n li:nth-child(1) .desc::after{top: 17px;}
ul.ls-n li:last-child .desc::after{display: none;}
ul.ls-n li .desc{position: relative;padding-bottom: 10px;}
ul.ls-n li .desc::after{position: absolute;top: 0;bottom: 0;width: 2px;background-color: #f3f5f7;content: "";}
ul.ls-n li .desc h3{position: relative;margin: 0;font-size: 22px;}
ul.ls-n li .desc h3 ins{position: absolute;top: 50%;z-index: 3;display: block;width: 20px;height: 20px;padding: 6px;margin-top: -10px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;background-color: #c02f1a;box-shadow: 0 3px 14px 0 rgba(36, 62, 97, 0.22);}
ul.ls-n li .desc h3 ins::after{display: block;width: 8px;height: 8px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;background-color: #fff;content: "";}
ul.ls-n li .desc p{line-height: 30px;padding: 5px 0;margin: 0;font-size: 16px;}

@media (max-width: 1279px){
ul.ls-n li{padding: 0 !important;text-align: left !important;}
ul.ls-n li .desc{padding: 0 0 20px 20px !important;}
ul.ls-n li .desc::after{right: auto !important;left: 5px !important;}
ul.ls-n li .desc h3{margin-bottom: 10px;font-size: 16px;}
ul.ls-n li .desc h3 ins{right: auto !important;left: -24px !important;}
ul.ls-n li .desc p{line-height: 24px;font-size: 14px;}}

.single-pro-main-image{ border:1px solid #e5e5e5;}


.bootstrap-touchspin .form-control{ height:33.98px !important}


.single-zoom-thumb {
  margin-top: 20px !important;
  width: 80%;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-zoom-thumb {
    width: 87%;
  }
}
@media only screen and (max-width: 767px) {
  .single-zoom-thumb {
    width: 88%;
  }
}
.single-zoom-thumb ul li {
  border: 1px solid #ddd;
}
.single-zoom-thumb ul li a {
  width: 100%;
}
.show_pdf{ border-bottom:1px solid #e5e5e5; margin-bottom:5px;}
.show_pdf a{ font-size:12px}

.info-orther{ font-size:14px !important; padding-left:0 !important}
.mingxi th{ background-color:#fafafa;}
.mingxi td{ text-align:center !important}

/*pdf*/
.pdf-list:after{content:"";overflow:hidden;clear:both;}
.pdf-detail-box .pdf-detail{padding:10px 15px;box-shadow:0 0 10px #b0b0b0;}
.pdf-detail-box .pdf-detail img{width:100%;margin:0 auto;display:block;}
.pdf-detail-box .pdf-detail .pdf-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-bottom:7px;font-size:14px;}
.pdf-detail-box .pdf-detail .pdf-title a{color:#444;}
.pdf-buttons{overflow:hidden;padding-top:10px;padding-bottom:5px;}
.pdf-buttons .primary-btn{display:block;width:45%;color:#fff;text-align:center;padding:5px 0;}
.pdf-buttons .read-btn{float:left;}
.pdf-buttons .download-btn{float:right;}

.pdf-detail-content .container-iframe{position:relative;}
.pdf-detail-content iframe{position:absolute;top:0;right:0;bottom:0;top:0;display:block;width:100%;height:100%;}


.pc-client .pdf-list .pdf-detail-box{float:left;width:25%;margin-bottom:20px;}
.pc-client .container-iframe{margin-top:15px;}
.pc-client .pdf-detail-box .pdf-detail{margin:0 10px;}
.pc-client .pdf-list{margin:0 -10px;}

.pad-client .pdf-list .pdf-detail-box{float:left;width:33.33333%;margin-bottom:20px;}
.pad-client .container-iframe{margin-top:15px;}
.pad-client .pdf-detail-box .pdf-detail{margin:0 10px;}
.pad-client .pdf-list{margin:0;}
.pad-client .sliders .sliders-search-tip{top:40px;}
.pad-client .sliders-search-tip .sliders-tip{margin:20px auto 0 auto;}

.mobile-client .pdf-detail-box{margin:0 15px 15px 15px;}
.mobile-client .sliders-tip{font-size:14px;line-height:160%;margin-top:15px;width:90%;}
.mobile-client .sliders .sliders-search-tip{top:27px;}
.mobile-client .sliders .swiper-slide{height:260px;}
.mobile-client .sliders .swiper-slider-content{height:260px;}
/*明细表*/
.content-block[_ngcontent-trp-c78]{padding:1.875rem 0}
.content-block[_ngcontent-trp-c78] caption[_ngcontent-trp-c78]{font-family:SKF Chevin OT Medium,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:.875rem;line-height:1.43;letter-spacing:.125rem;text-transform:uppercase;color:#000000de;margin-bottom:1.25rem;caption-side:top}
.content-block[_ngcontent-trp-c78] .td-width[_ngcontent-trp-c78]{width:8.75rem}
.content-block[_ngcontent-trp-c78] .td-width-2[_ngcontent-trp-c78]{width:11.875rem;padding-left:0}
.content-block[_ngcontent-trp-c78] .td-width-3[_ngcontent-trp-c78]{width:16rem;text-align:left}
@media (max-width: 1439.98px){.content-block[_ngcontent-trp-c78] .td-width-3[_ngcontent-trp-c78]{width:7rem}}@media (max-width: 1023.98px){.content-block[_ngcontent-trp-c78] .td-width-3[_ngcontent-trp-c78]{width:8.75rem}}.content-block[_ngcontent-trp-c78] .th-width[_ngcontent-trp-c78]{width:8.0625rem}
@media (min-width: 768px) and (max-width: 1023.98px){.content-block[_ngcontent-trp-c78] .th-width[_ngcontent-trp-c78]{width:3.125rem}}@media (max-width: 767.98px){.content-block[_ngcontent-trp-c78] .th-width[_ngcontent-trp-c78]{width:3.125rem}}.content-block[_ngcontent-trp-c78] .col-1-no-image[_ngcontent-trp-c78]{width:8.75rem;padding-left:0;word-break:break-word}
.content-block[_ngcontent-trp-c78] .notes-row[_ngcontent-trp-c78]{border-top:none}
.content-block[_ngcontent-trp-c78] .notes-row[_ngcontent-trp-c78] td[_ngcontent-trp-c78]{padding-top:0;text-align:left}
.content-block[_ngcontent-trp-c78] th[_ngcontent-trp-c78]{padding-left:0;font-weight:500;width:3.125rem}
.content-block[_ngcontent-trp-c78] tr[_ngcontent-trp-c78]:first-child{border-top:2px solid rgba(0,0,0,.87)}
.content-block[_ngcontent-trp-c78] .non-ccpdp-tr[_ngcontent-trp-c78]{border-top:1px solid rgba(0,0,0,.87)}
.content-block[_ngcontent-trp-c78] .ccpdp-tr[_ngcontent-trp-c78]{border-top:1px solid #dee2e6}
.content-block[_ngcontent-trp-c78] td[_ngcontent-trp-c78]{font-family:SKF Chevin OT Light}
.content-block[_ngcontent-trp-c78] td[_ngcontent-trp-c78]:last-child{text-align:left;padding-right:0}
.content-block[_ngcontent-trp-c78] td[_ngcontent-trp-c78] ul[_ngcontent-trp-c78], .content-block[_ngcontent-trp-c78] td[_ngcontent-trp-c78] ol[_ngcontent-trp-c78]{margin-bottom:0}
.content-block[_ngcontent-trp-c78] th[_ngcontent-trp-c78], .content-block[_ngcontent-trp-c78] td[_ngcontent-trp-c78]{color:#000000de;line-height:1;border-top:none;vertical-align:middle}
@media (max-width: 1023.98px){.content-block[_ngcontent-trp-c78] .spec-images[_ngcontent-trp-c78]{margin-bottom:1.875rem}}.content-block[_ngcontent-trp-c78] .spec-images[_ngcontent-trp-c78] img[_ngcontent-trp-c78]{display:block;margin-left:auto;margin-right:auto;max-height:100%;max-width:100%;margin-bottom:1.875rem;margin-top:2.875rem;aspect-ratio:2}
.content-block[_ngcontent-trp-c78] .appropriates[_ngcontent-trp-c78] .card[_ngcontent-trp-c78]{padding-top:1.25rem;margin-bottom:1.25rem;border:none}
@media (min-width: 576px){.content-block[_ngcontent-trp-c78] .appropriates[_ngcontent-trp-c78] .card[_ngcontent-trp-c78]{flex:0 0 calc(50% - 30px)}}@media (min-width: 768px){.content-block[_ngcontent-trp-c78] .appropriates[_ngcontent-trp-c78] .card[_ngcontent-trp-c78]{flex:0 0 calc(33% - 30px)}}@media (min-width: 1024px){.content-block[_ngcontent-trp-c78] .appropriates[_ngcontent-trp-c78] .card[_ngcontent-trp-c78]{flex:0 0 calc(25% - 30px)}}@media (min-width: 1440px){.content-block[_ngcontent-trp-c78] .appropriates[_ngcontent-trp-c78] .card[_ngcontent-trp-c78]{flex:0 0 calc(16.666% - 30px)}}.content-block[_ngcontent-trp-c78] .appropriates[_ngcontent-trp-c78] .card-img-top[_ngcontent-trp-c78]{width:unset;max-height:8.125rem}
.content-block[_ngcontent-trp-c78] .appropriates[_ngcontent-trp-c78] .card-body[_ngcontent-trp-c78]{display:flex;flex-direction:column;justify-content:flex-end}
.content-block[_ngcontent-trp-c78] .appropriates[_ngcontent-trp-c78] .card-title[_ngcontent-trp-c78]{display:flex;justify-content:center}
.content-block[_ngcontent-trp-c78] .qualifier[_ngcontent-trp-c78]:after{content:"\a"}

/*banner*/
/*
.index-banner{width: 100%;height: 600px;overflow: hidden;position: relative;background-color: #3a3a3a;}
.index-banner .swiper-container{height: 100%;position: relative;}
.index-banner .swiper-wrapper{height: 100% !important;transition-timing-function: linear;}
.index-banner .swiper-slide{width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;}
.index-banner .swiper-slide > img{width: 100%;opacity: 0;}
.index-banner .swiper-slide .texts{width: 75%;max-width: 1440px;position: absolute;left: 12.5%;top: 50%;transform: translateY(-50%);color: #fff;}
.index-banner .swiper-slide .texts .text01{font-size: 60px;line-height: 60px;}
.index-banner .swiper-slide .texts .text02{font-size: 24px;line-height: 24px;margin-top: 20px;}
.index-banner .swiper-pagination-index{width: 100%;bottom: 40px;z-index: 100;position: absolute;}
.index-banner .swiper-pagination-bullet{width: 40px;height: 3px;background-color: #fff;opacity: 0.6;outline: none;transition: all .6s;margin: 0 10px;border-radius: 0;}
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;background-color: #0068b6;transition: all .6s;}

/*产品内页新增*/
.sec_first{font-size:12px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
.sec_second{font-size:12px;font-family:Arial, Helvetica, sans-serif;}
.sec_thard{font-size:12px;font-family:Arial, Helvetica, sans-serif;/*padding-left:12px;*/}
.sec_fourth{font-size:12px;font-family:Arial, Helvetica, sans-serif;padding-left:12px;}
.sec_index{font-size:12px;font-family:Arial, Helvetica, sans-serif;padding-left:18px;}
a.sec_first:link{font-size:12px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;text-decoration:underline;}
a.sec_first:visited{font-size:12px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;text-decoration:underline;}
a.sec_first:hover{font-size:12px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;text-decoration:none;}
a.sec_second:link{font-size:12px;font-family:Arial, Helvetica, sans-serif;text-decoration:underline;}
a.sec_second:visited{font-size:12px;font-family:Arial, Helvetica, sans-serif;text-decoration:underline;}
a.sec_second:hover{font-size:12px;font-family:Arial, Helvetica, sans-serif;text-decoration:none;}
a.sec_thard:link{font-size:12px;font-family:Arial, Helvetica, sans-serif;/*padding-left:12px;*/text-decoration:underline;}
a.sec_thard:visited{font-size:12px;font-family:Arial, Helvetica, sans-serif;/*padding-left:12px;*/text-decoration:underline;}
a.sec_thard:hover{font-size:12px;font-family:Arial, Helvetica, sans-serif;/*padding-left:12px;*/text-decoration:none;}
a.sec_fourth:link{font-size:12px;font-family:Arial, Helvetica, sans-serif;padding-left:12px;text-decoration:underline;}
a.sec_fourth:visited{font-size:12px;font-family:Arial, Helvetica, sans-serif;padding-left:12px;text-decoration:underline;}
.widget-info li:hover{ cursor:pointer}
.fontSize12 {
    font-size: 12px;
    text-decoration: none;
}

/*芝麻通2023.04.19新增*/


@media print, screen and (min-width: 1024px) {
  .cataloglist {
   
    margin: 0 auto;
  }
}

.cataloglist .inner {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 768px) {
  .cataloglist .inner {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.cataloglist .box {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 15px 0 30px;
  padding: 0 15px 0;
  box-sizing: border-box;
}
@media print, screen and (min-width: 768px) {
  .cataloglist .box {
    width: 50%;
  }
}
.cataloglist .box > .book {
  width: 25%;
  box-sizing: border-box;
}
.cataloglist .box > .book img {
  width: 100%;
  height: auto;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  vertical-align: bottom;
}
.cataloglist .box .info {
  width: 71%;
}
.cataloglist .box .release {
  font-size: 10px;
  color: #666;
}
.cataloglist .box h3 {
  font-size: 18px;
  line-height: 140%;
  font-weight: bold;
  border-left: 2px solid #DD2326;
  padding-left: 10px;
  margin: 1em 0;
}
.cataloglist .box ul.bookbtn {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 15px;
}
.cataloglist .box ul.bookbtn li {
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
}
.cataloglist .box ul.bookbtn li a {
  display: block;
  padding: 10px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border: 2px solid #000;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-clip: padding-box;
  text-decoration: none;
  border: 1px solid #7f9919;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.cataloglist .box ul.bookbtn li.book a {
  border-color: #0086AB;
  color: #0086AB;
}
.cataloglist .box ul.bookbtn li.book a:hover {
  background-color: #0086AB;
  color: #FFF;
}
.cataloglist .box ul.bookbtn li.pdf a {
  border-color: #DA6272;
  color: #DA6272;
}
.cataloglist .box ul.bookbtn li.pdf a:hover {
  background-color: #DA6272;
  color: #FFF;
}
@media print, screen and (min-width: 768px) {
  .cataloglist .box ul.bookbtn {
    flex-direction: row;
  }
  .cataloglist .box ul.bookbtn li {
    width: 48%;
    margin: 0 1%;
  }
}
.cataloglist .box .other .pullmenu {
  display: inline-block;
  width: auto;
}
.cataloglist .box .other .pullmenu form {
  display: inline;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .current > a, .pagination > .current > a:hover, .pagination > .current > a:focus,
.pagination > .current > span,
.pagination > .current > span:hover,
.pagination > .current > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .current > a, .pagination > .current > a:hover, .pagination > .current > a:focus,
.pagination > .current > span,
.pagination > .current > span:hover,
.pagination > .current > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }
.piabhanye_content{
    text-align: center;
}
.showlist{margin-top: 100px;}
.coldiv{margin-top: 20px;}
.colcate{line-height: 80px;background: #eee;display: block;border-radius: 5px;text-align: center;}
.colcate:hover{background: #F53737;color: #fff}
.relatedlist{margin-top: 100px;}
.relatedlist .rl{
    padding: 50px 0;
    border-top: 1px solid #ddd;
    overflow: hidden;
}
.relatedlist .catcontent{line-height: 200%;margin-top: 20px;}
.relatedlist h3{font-weight: normal;}
.childlist{border-top: 1px solid #ddd;padding: 50px 0;}
.childlist a img{width: 100%}
.childlist a{display: block;padding: 5px;border:1px solid #ddd; border-radius: 5px}
.childlist .col-md-4{margin-top: 15px;}
.childlist a span{display: block;line-height: 150%;height: 50px;margin-top: 10px;}
.childlist a:hover{border-color:#F53737}