:root {
  --primary-color:#00a164;
  --primary-dark-color:#018552;
  --secondary-color:#dc3545;
  --secondary-dark-color:#af2937;
}

body {font-family: 'Poppins', sans-serif; line-height: 1.7;}
img {max-width:100%; height:auto;}
a {color:var(--secondary-color); transition:all linear 0.2s;text-decoration:none;}
a:hover, a:focus {text-decoration:none; outline:0; color:#444;}

.btn, .form-control {border-radius: 4px;}
.btn-success {background: var(--primary-color); border-color: var(--primary-color);}
.btn-success:hover, .btn-success:focus{background: var(--primary-dark-color); border-color: var(--primary-dark-color);}
.btn-danger {background: var(--secondary-color); border-color: var(--secondary-color);}
.btn-danger:hover, .btn-danger:focus{background: var(--secondary-dark-color); border-color: var(--secondary-dark-color);}

.btn_styled {padding:8px 25px;}
.btn_styled2 {padding:12px 40px;}

section {padding:60px 0;}
.modal-body section {padding: 20px 0;}
.sec_heading {font-weight: 700; text-align: center; margin: 0 0 30px;}
.sec_heading_left {font-weight: 700; margin: 0 0 30px;}

@media (min-width:1200px) {
  .container-fluid {max-width: 1800px; padding: 0 40px;}
  .inner_header .search_wrapper {position: relative; right: 0; max-width: 100%; top: 0;}
}

h1,.h1 {font-size: 34px;}
h2,.h2 {font-size: 28px;}
h3,.h3 {font-size: 24px;}
h4,.h4 {font-size: 22px;}
h5,.h5 {font-size: 18px;}


.grey_bg {background: #f6f6f6;}

.top_right_wrapper {position: relative;}
.search_wrapper {position: absolute; right:0; top:100%; width: 100%; max-width: 400px;}
.search_wrapper .form-control {min-height:50px;}
.search_wrapper .form-control:focus {box-shadow: none;}
.search_wrapper .btn {border-radius: 0 5px 5px 0; padding:0 18px; height: 50px; line-height: 50px; font-size:22px;}
.search_results_wrapper {position: absolute; top: 100%; left: 0; right: 0; background: #fff; box-shadow:0 0 10px rgba(0,0,0,0.20); border-radius:4px; height: 423px; overflow: auto; scrollbar-width: none;}
.search_results_wrapper::-webkit-scrollbar {display: none;}
.search_results_wrapper ul {padding:0; margin:0; list-style: none;}
.search_results_wrapper ul li a {color: #000; display: flex; flex-wrap: wrap; border-bottom:1px solid #ddd; padding:15px;}
.search_results_wrapper ul li a:hover {background: #eee;}
.search_results_wrapper ul li:last-child a {border-bottom:0;}
.search_results_wrapper ul li img {display: inline-block; vertical-align: middle; margin-right: 10px; height: 80px; width:60px; object-fit: cover; flex:0 0 auto; max-width:20%;}
.search_results_wrapper ul li span {display: inline-block; vertical-align: middle; flex:0 0 auto; max-width:75%; font-size:14px; align-self:center;}

.inner_header {position: relative; background-size: cover; background-position: center; background-repeat: no-repeat;}
.inner_header:before {position: absolute; content:""; left:0; top:0; right:0; bottom:0; background: rgba(0, 0, 0, 0.40);}
.inner_header .container-fluid {position: relative;}
header {position: absolute; top:0; left:0; right:0; z-index: 1;  /* border-bottom: 1px solid rgba(255,255,255,0.15); */}
.logo a {color: #fff; font-size: 26px; font-weight: 700;}
ul.top_right {padding:0; margin:0; list-style: none; text-align: right;}
ul.top_right li {display: inline-block; margin-right: 20px; vertical-align: middle;}
ul.top_right li:last-child {margin: 0;}
ul.top_right li a {font-size: 30px; color: #fff;}

.menubar {padding:20px 0;}
#menu{position:relative;}
#menu ul{list-style:none;margin:0;padding:0; text-align: right;}
#menu ul li{display:inline-block;position:relative; vertical-align: middle;}
#menu ul li.search_icon a {padding:0 0 0 25px;}
#menu ul li.search_icon i {font-size: 30px; position: relative; top: 2px;}
#menu ul li a{color:#fff; padding:10px 15px; display:block;text-decoration:none;position:relative; -webkit-transition:all .3s linear;transition:all .3s linear; font-size: 17px; font-weight: 500;}
#menu li > a:after { content: '\f107'; font-family:'FontAwesome'; margin-left:5px; }
#menu li > a:only-child:after { margin-left: 0; content: ''; }
#menu ul li a:hover,#menu ul li.active a,#menu ul li.current_page_item>a,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a{color: var(--primary-color);}
#menu li.active ul li a{color:#fff;background:#000}
#menu li.active ul li a:hover{color:#fff;background:#333}
#menu li>ul{position:absolute;left:0;top:100%;z-index:999;min-width:220px;white-space:nowrap;}
#menu ul li.active ul li a { background:#fff; color:#333;}
#menu li>ul li{background:#fff;border-bottom:1px solid rgba(0,0,0,0.09);display:block;position:relative; margin:0; text-align:left;}
#menu li>ul li:hover{background:#333;border-bottom:1px solid rgba(0,0,0,0.09)}
#menu li>ul li a{color:#333;font-size:13px; padding:10px 15px;  border-right:0;}
#menu li>ul li a:hover{color:#fff;text-decoration:none}
#menu li ul li.current_page_item>a,#menu li ul li.current-menu-ancestor>a,#menu li ul li.current-menu-item>a,#menu li ul li.current-menu-parent>a{background: #333;color:#fff}
#menu>li{border-left:1px solid #999}
#menu>li:first-child,#menu>li.has-submenu+li{border-left:0}
#menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
#menu li>ul{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li:hover>ul{visibility:visible;opacity:1}
#menu li>ul li a{padding:0 23px;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s}
#menu li:hover>ul li a{padding:10px 23px}
#menu li>ul li:hover a {color:#fff;}
#menu li>ul li:hover ul li a {color:#000;}
#menu li>ul li ul li a:hover {color:#ff9e00;}
@keyframes menu_sticky {
  0%   {margin-top:-240px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
header.sticky {  margin:0;  position: fixed;  background-color:#1f293a; top:0; left:0; width:100%; z-index:999; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out;  box-shadow:0 0 5px 0px rgba(0, 0, 0, 0.49); -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.49); border-color: transparent;}

header.sticky .top_header_bar {display: none;}
header.sticky.inner_header {background-color: transparent !important;}
header.sticky.inner_header .search_wrapper{ right: inherit;}
header.sticky .search_wrapper{top: 0; right: 50px;}


.home_banner {color: #fff; position: relative;}
.home_banner img {width: 100%;}
.home_banner .container {position: relative;}
.home_banner h1 {font-size: 60px; font-weight: 600; line-height: 1; margin:0 0 20px;}
.home_banner p {font-size: 18px; margin:0 0 30px; font-weight: 300;}

.inner_banner {text-align: center; color: #fff; padding:180px 0 100px; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat;}
.inner_banner:before {position: absolute; content:""; left:0; top:0; right:0; bottom:0; background: rgba(0, 0, 0, 0.59);}
.inner_banner .container {position: relative;}
.page_title {font-weight:600; margin: 0 0 15px; font-size: 50px;}

ul.breadcrumbs {padding:0; margin:0 0 10px; list-style: none;}
ul.breadcrumbs li {display: inline-block; color:var(--primary-color);}
ul.breadcrumbs a {color:#fff;}
ul.breadcrumbs a:hover {color:var(--primary-color);}
ul.breadcrumbs li {position: relative;}
ul.breadcrumbs li:before {content:"\f105"; font-family: FontAwesome; margin:0 10px 0 8px;color:#fff;}
ul.breadcrumbs li:first-child::before {display: none;}

.breadcrumbs_inner {background: #fbfbfb; padding:15px 0;}
.breadcrumbs_inner ul.breadcrumbs {margin: 0;}
.breadcrumbs_inner ul.breadcrumbs li  {color: var(--secondary-color);}
.breadcrumbs_inner ul.breadcrumbs a {color: #000;}
.breadcrumbs_inner ul.breadcrumbs a:hover {color:var(--secondary-color);}
.breadcrumbs_inner ul.breadcrumbs li:before {color: #000;}

.shop_wrapper {background: #f6f6f6;}

.sidebar_wrap  {background: #fff; border-radius: 4px; margin: 0 0 30px;}
.sidebar_wrap ul {padding:25px 0; margin:0; list-style: none; font-size: 15px;}
.sidebar_wrap ul li {margin: 0 0 15px; padding:0 25px; position: relative;}
.sidebar_wrap ul li a {color: #000; display: block; position: relative; padding-right: 25px;}
.sidebar_wrap ul li a:before {position: absolute; content:"\f105"; font-family: FontAwesome; top:0; right:0; font-size: 22px; line-height: 1;}
.sidebar_wrap ul > li a:only-child:before { margin-left: 0; content: ''; }
.sidebar_wrap ul li a:hover {color: var(--secondary-color);}

.sidebar_wrap ul li ul {position: absolute; left: 100%; top: 0; background: #fff; min-width: 300px; display: none; padding: 0; font-size: 13px; border: 1px solid #ddd;}
.sidebar_wrap ul li ul li {margin: 0; padding: 0;}
.sidebar_wrap ul li ul li a {padding:10px 20px; background:#f6f6f6; color: #000; border-bottom: 1px solid #ddd;}
.sidebar_wrap ul li ul li a:before {right:10px; top: 10px;}
.sidebar_wrap ul li ul li a:hover {color: #fff; background: var(--primary-color);}
.sidebar_wrap ul li ul li ul {display: none;}
.sidebar_wrap ul > li:hover > ul {display: block;}

.wechat_box {text-align: center; display: block; background-color: #fff; padding:30px; -webkit-border-radius:10px; border-radius:10px; overflow: hidden; text-align: center;}
.wechat_box small {font-size:13px; background-color: #fffddc; display: inline-block; padding:5px 10px;}
.wechat_box h6 {font-size:16px; color: var(--primary-color); line-height: 1.1; margin-bottom:20px;}
.wechat_box ul.chat_list {margin-top:20px;}
ul.chat_list{list-style: none;padding:0; margin:0; display:block; text-align: left; margin-top:20px;}
ul.chat_list li {text-align: center; padding: 15px; display: block;}
ul.chat_list li:nth-child(2) {background-color: #f5f5f5;}
ul.chat_list li a {color:#000; text-decoration: none; text-decoration: none; font-weight: normal;}
ul.chat_list li .img_bg {position: relative; margin-bottom:5px; padding:0; display: inline-block; background-color:transparent;}
ul.chat_list li .img_bg img {width: 45px; }
ul.chat_list li .Block_heading {margin: 0 0 15px;}
ul.chat_list li span {font-size: 13px; font-weight: normal;}
ul.chat_list .clearfix{height: 0;}
.default_font {font-size:15px; font-weight: normal; margin-top:2px; text-align: center;}
.default_font a {font-size:15px; text-decoration: none;}
.scane_mg {max-width: 100px; margin: 0 auto;}

.phones_logos_box {position:relative; display:block; background-color: #fff; padding:20px; text-align: left; margin:20px 0; -webkit-border-radius:15px; border-radius:15px; overflow: hidden; text-align: center;}
.phones_logos_box h3 {margin:0; padding:0; margin-bottom:10px; display:block; text-align: center; font-size:20px;}
.phones_logos_box a {margin:5px; display:inline-block; width:calc(50% - 15px);}
.phones_logos_box img {width:100%; height:auto;}


.product_box {background: #fff; padding:30px 20px; margin: 0 0 30px; border-radius: 4px;}
.product_thumb {text-align: center;}
.product_thumb img {height: 240px; object-fit: scale-down;}
.product_info {text-align: center; padding:20px 20px 0;}
.product_info h6 {margin: 0 0 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 36px; overflow: hidden;}
.product_info h6 a {color: #000;}
.product_info h6 a:hover {color: var(--secondary-color);}
.price_wrapper {color: var(--secondary-color); font-size: 18px; font-weight: 600; margin: 0;}
.price_wrapper del{color: #999; margin-left: 5px;}
.product_info .btn {padding:8px 25px;}

#cat_slider .owl-dots {text-align: center; margin: 25px 0 0;}
#cat_slider .owl-dots .owl-dot {display: inline-block; margin: 0 4px;}
#cat_slider .owl-dots .owl-dot span {width:12px; height:12px; border-radius: 50%; background: #aaa; display: block; transition: all linear 0.2s;}
#cat_slider .owl-dots .owl-dot.active span {background: var(--primary-color);}

ul.feat_categories {padding:0; margin:0 -5px; list-style: none;}
ul.feat_categories li {display: inline-block; width: calc(20% - 5px); padding:0 5px; margin: 0 0 12px;}

.icons_section {background-color: var(--secondary-color); color: #fff; text-decoration: none; padding: 0 0 15px;}
.fav_bar {position: relative;}
.fav_bar ul {display: block; list-style: none; padding:0; margin:0; text-align:center;}
.fav_bar ul li {display:inline-block; margin:0 14px; vertical-align: top; position: relative; text-align:left; }
.fav_bar ul li .fav_item {position: relative; margin-top: 30px; border-right: rgba(255,255,255,0.5) 1px solid; padding-right: 20px;}
.fav_bar ul li:last-child .fav_item {border-right: 0; padding-right: 0;}
.fav_bar ul li .badge_bg {clip-path: polygon(100% 0, 100% 100%, 50% 77%, 0 100%, 0 0); background-color: #fff; width: 77px; height: 93px; padding: 10px;}
.fav_bar ul li .fav_item .icon_round {position: relative; display: inline-block; margin-right:10px; top: 5px;}
.fav_bar ul li .fav_item .icon_round img {height:40px; object-fit: scale-down; display:block;}
.fav_bar ul li .fav_item .icon_text {color: #fff; position: relative; display: inline-block; font-size:13px; max-width: 200px; min-height: 35px;}
.fav_bar ul li:last-child {margin-right:0;}

footer {color:#fff; font-size:14px;background-color: #1f293a;}
.footer_top {color:#fff; font-size:15px;  position: relative;padding: 60px 0 20px;}
.footer_top .container {position: relative; z-index: 1;}


.search-wrapper{ position: relative; text-align: center; margin-bottom: 30px; overflow: hidden; max-width: 500px; }
.search-wrapper h3{color:#fff;font-size:20px;font-weight:300}
.footer-search-form .form input.form-control{background:#fff;border-radius:30px;float:left;font-size:16px;margin:0;padding:12px 23px;text-align:left;width:70%;height:auto;box-shadow:none; background: #313D51; color: #fff; border: 1px solid #C4C6CF;}
.footer-search-form .form input.btn{background:transparent;border:1px solid #C4C6CF;border-radius:30px;color:#fff;cursor:pointer;float:left;font-size:16px;margin:0 0 0 12px;padding:12px 23px;text-align:center;width:27%}

.footer_top h4{margin-bottom:15px; font-size: 14px;  font-weight: 600; text-transform: uppercase;}

ul.footer_list {list-style: none; padding:0; margin:0; display:block;margin-bottom: 20px;}
ul.footer_list li { position: relative; margin-bottom: 9px;}
ul.footer_list li a {color:#ccc; text-decoration: none; display:block;}
ul.footer_list li a:before {position: absolute; content: ""; left: 0; top: 9px; width: 0; height: 1px; background: var(--primary-color); transition: all linear 0.2s;}
ul.footer_list li a:hover {color:var(--primary-color); padding-left: 30px;}
ul.footer_list li a:hover::before {width: 20px;}

ul.contact_list {list-style:none; margin:0; padding:0; overflow:hidden; margin-top: 15px; margin-bottom: 15px; color: #ccc;}
ul.contact_list li { position:relative; position:relative; padding-left:23px;  margin-bottom: 10px; }
ul.contact_list li a {transition: all 0.5s;color:#ccc;}
ul.contact_list li i.fa{ position: absolute;left: 0;top: 3px; color: #ccc;}
ul.contact_list li:last-child {border-bottom: 0; margin-bottom: 0;}
ul.contact_list li a:hover { color: var(--primary-color);}
ul.contact_list li.info2{padding-left: 0;}

.footer_text { margin-bottom:15px;}
.footer_text a {color:var(--info-color);}
.text-white { color:#fff;}

.newsletter_box {position:relative; display:block; border-bottom: #7b8294 1px solid; padding-bottom: 5px; margin-bottom: 20px;}
.newsletter_box .form-control { font-size:16px; padding:10px; padding-right:30px;  width:90%; height:auto; background-color: transparent; border-top: 0;border-right: 0;border-left: 0;top: 0; border: 0;}
.newsletter_box .form-control:hover, .newsletter_box .form-control:focus { box-shadow:none;;}
.newsletter_box .btn {position:absolute; right:0; top:0; font-size:14px;  background-color: #7b8294; color:  var(--dark); padding:7px 7px; border-radius: 5px; border: 0; }
.newsletter_box .btn:hover, .newsletter_box .btn:focus { background-color: #666c79;}

.footer_bottom { padding: 15px 0;}
.copy_right_text {  text-align: center;}


.footer_social ul{list-style:none;padding:0;margin:0; float: right; margin-bottom: 20px; }
.footer_social ul li{cursor:pointer;display:inline-block;vertical-align:middle;margin:0 1px;text-align:center;position:relative;-webkit-transition:all .4s;transition:all .4s}
.footer_social ul li img {height: 20px;}

.footer_social ul li:hover img{opacity: 0.6;}
.shoroom_shedule {background:#161e2c; color:#fff; border-radius: 7px; padding:12px 12px; max-width: 430px; margin: 0 auto 15px; text-align: center;}
.shoroom_shedule h4 {font-weight: 600; font-size: 20px; }
.shoroom_shedule h4 a { color: var(--secondary-color); }
.shoroom_shedule h4 br { display: none; }


ul.opening_hours_list {list-style: none; padding:0; margin:0; display:block; text-align: left; margin-bottom: 10px;}
ul.opening_hours_list li { text-align: center; display:block; color: #fff; line-height: 1.4; margin-bottom: 6px;}
ul.opening_hours_list li .col_left { float:left;}
ul.opening_hours_list li .col_right { float:right;}
.dark_bg { text-align: center;color: #fff; text-transform: uppercase; padding: 5px 7px; border-radius: 0;background:var(--dark);font-size: 13px; display:block; }

.toll_logo_container {display: block; text-align: center;}
.toll_logo_container img { border-radius:4px; display:inline-block; max-width: 100%; margin-left: 0; margin-right: 0; height: 28px;}
.toll_logo_container p {margin: 0 0 5px;}

.footer_text_link {font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center;}
.footer_text_link a{color:#fff;}
.footer_text_link a span{color:var(--primary-color);}

.top_header_bar {background:#E6F2FE;color:#fff; text-align: center; padding: 10px 0;}
.top_header_bar p{margin: 0; font-size: 13px;color: #333}
.top_header_bar a, .top_header_bar strong {color: #000;}
.top_header_bar a:hover {text-decoration: underline;}

.product_meta{margin-bottom:15px}
.product_meta strong.full_block {width:100%; display:block;}
.product_meta .small_select{width:125px;padding:5px}
.detail_contents{padding-left:30px}
.detail_contents h1{text-transform:inherit;margin-bottom:10px}
.product_meta ul {list-style: none; margin: 0; padding: 0;}
.product_meta ul li{display: block; min-height: 25px;}
.product_meta ul li+li{ margin-top: 10px;}
.product_meta strong{font-weight:700;width:23%;display:inline-block}
.product_meta ul li div{float: right; text-align: left; width:77%;}
.detail_contents .sub_heading{letter-spacing:.05em;text-transform:uppercase;margin-bottom:10px;color:var(--dark);font-weight:500; margin-top: 10px;}
.social_buttons{font-size:1em;margin-bottom:25px;margin-left:30px}
.social_buttons div:first-child{font-weight:500;float:left;margin-right:20px;position:relative;top:2px}
.table.discount-table > thead {background-color: #f5f5f5;}
.prices_info{margin-bottom:15px;display:block;color:var(--dark);font-size:26px;font-weight:500}
.prices_info small{color:var(--text_color);font-size:60%}
.prices_info .price_label{color:#bbb;font-size:20px}
.vat_text{display:block;margin-top:10px;font-size:15px;color:var(--text_color); background:#ffed1b; font-weight:500; display: inline-block; padding:5px 15px;}
.detail_cart_btn .btn {box-shadow: 3px 5px 7px rgba(0,129,107,0.45);}

.border_wrapper{margin-bottom:20px;display:block}
.border_wrapper .btn{padding:7px 12px}
.detail_tab .nav-tabs {display: block; border-bottom:0;  margin: 0 0 15px; border-bottom: #ddd 1px solid; }
.detail_tab .nav-tabs .nav-item {display: inline-block; margin:0;}
.detail_tab .nav-tabs .nav-item+.nav-item {margin-left: 25px;}
.detail_tab .nav-tabs .nav-item .nav-link {border:0; background:transparent;  color: #898989; font-size: 18px; padding:.5rem;}
.detail_tab .nav-tabs .nav-item.show .nav-link, .detail_tab .nav-tabs .nav-link.active {border:0; color:  #fff; background-color: #333;}
.detail_tab .tab-content { padding:20px;}
.white-panel{background-color: rgba(255,255, 255, 1); position:relative; box-shadow: 0 0 9px -2px #00000096; padding: 40px;}
.right_btn {float: right;}
.checkout_form label { margin-bottom: 10px; display: block;}
.checkout_form .btn { padding: 12px; margin: 10px 0; border: none; width: 100%; border-radius: 3px; cursor: pointer; font-size: 17px;}
.size_link input[type="radio"] { opacity: 0; position: fixed;  width: 0;}
.size_link label { display: inline-block; background-color: #ddd; padding: 2px 5px; line-height: 25px; border: none; border-radius: 3px; text-align: center; cursor: pointer; margin-bottom: 3px;}
.size_link input[type="radio"]:checked + label { background-color:var(--secondary-color); color: #fff; margin-bottom: 3px;}
.size_link input[type="radio"]:focus + label { border:none;}
.size_link_2 input[type="radio"] { opacity: 0; position: fixed;  width: 0;}
.size_link_2 label { display: inline-block; background-color: transparent; color: #ddd; padding: 2px 5px; line-height: 25px; border: none; border-radius: 3px; text-align: center; cursor: pointer;}
.size_link_2 input[type="radio"]:checked + label { color:var(--secondary-color); }
.size_link_2 input[type="radio"]:focus + label { border-color: var(--secondary-color);}
.color_link input[type="radio"] { opacity: 0; position: fixed;  width: 0;}
.color_link label { display: inline-block; opacity: 0.6;width: 25px; height: 25px; line-height: 25px; border: none; border-radius: 3px; text-align: center;cursor: pointer;}
.color_link input[type="radio"]:checked + label {opacity: 1;}
.color_link input[type="radio"]:focus + label { border:none;}
.white_box{ background: #fff; position: relative;overflow: hidden; margin-bottom: 30px; box-shadow: 0 5px 12px 0 #dcdeec;}
.blog_content_box {padding: 30px;}
.blog_content_box h5 {font-weight: 600;}
.blog_content_box h5 a {color: #333;}
.blog_content_box a h5:hover {color:var(--secondary-color)}
.blog_thumb {margin: 0 0 20px; text-align: center;}
.blog_thumb img {height: 220px; object-fit: scale-down;}

.title_wrapper {background: var(--primary-color); color: #fff;     text-decoration: none; text-transform: uppercase; font-weight: bold; font-size:15px; padding:15px 20px;}
.post_item_list { margin-bottom: 15px;}
.post_item_list ul{list-style: none; margin: 0;padding: 0;}
.post_item_list ul li{border-bottom: 1px solid #edeff1;}
.post_item_list ul li:last-child {border-bottom: 0;}
.post_item_list ul li a{color: #333;display: block; padding: 10px; position: relative;}
.post_item_list ul li a:hover{background-color: #eee !important; color: #000; text-decoration: none;}
.ty-tag-cloud { padding: 15px;}

.ty-tag-cloud ul {padding:0; margin:0; list-style: none;}
.ty-tag-cloud ul li {display: inline-block; margin:0 4px 7px 0;}
.ty-tag-cloud a {border: 1px solid #bbb;padding: 5px; font-size: 11px !important; color: #666; display: inline-block; margin-bottom: 4px;}
.ty-tag-cloud a:hover {background: #333; border-color: #333; color: #fff; text-decoration: none}
.product_item_blog {box-shadow: none; margin: 0; border-radius: 0;}
.aside_blog .owl-theme .owl-dots, .aside_blog .owl-theme .owl-nav {display: none;}
ul.contactpage_list {list-style: none; margin: 0; padding: 0; margin-bottom: 25px;}
ul.contactpage_list li+li{margin-top: 5px;}
.inner_banner h1 {margin:0; padding:0; margin-bottom:15px;}
#old_price{color:var(--secondary-color);}
.input-stepper {max-width: 80px; float: none !important; width: auto !important; border:1px solid #ddd; overflow: hidden; display: inline-block; vertical-align: middle;}
.input-stepper .input-group {width: auto !important;}
.input-stepper input {border: 0; padding:0 10px; text-align: center;width: 59px;}
.input-stepper button {border:0; background:none; display: block; line-height: 1;}
.stepper_button {float: none !important; width: auto !important;}


.ui-state-active,.ui-state-active :visited{color:#000}
.ui-widget.ui-widget-content{margin:0;padding:0; list-style: none; position: fixed !important; z-index: 1001; background: #fff; padding:20px; left:inherit !important; top:70px !important; max-width: 600px; width: 100% !important; right: 0; height: 450px; overflow: auto; border:1px solid #ddd;}
.ui-menu-item{height:auto;margin:0;padding:0}
.ui-menu .ui-menu-item-wrapper{padding:0}
.ui-widget-content .ui-state-active{background-color:#fff!important}
.list_item_container{width:100%;float:left;margin-left:0;margin-right:0}
.ui-widget-content .ui-state-active .list_item_container{background-color:#f5f5f5}
.image-set{width:15%;float:left;padding:7px}
.image-set img{width:60px;height:80px; object-fit: cover;}
.list_item_container .label{width:85%;height:80px;float:right;white-space:nowrap;overflow:hidden;color:#333;text-align:left;padding-top:15px;padding-right:10px;white-space:normal;display:inline-block}
.list_item_container input:focus{background-color:#f5f5f5}
.ui-helper-hidden-accessible {display: none;}

.pagination {flex-wrap: wrap; justify-content: center;}
.page-link {color: var(--secondary-color); color: #000;}
.page-link:hover {color:#000;}
.page-item.active .page-link {background-color: var(--secondary-color); border-color: var(--secondary-color);}
.page-item.active .page-link:hover {color: #fff;}

.heading_icon {display: none;}

.product_item { position: relative; overflow: hidden; -webkit-transition: all linear 0.2s 0s; transition: all linear 0.2s 0s;}
.product_item .product_thumb { position: relative;overflow: hidden; text-align: center; }
.product_item .sale_tag {position: absolute; left: 7px; top: 7px; border-radius: 0; color: #fff; padding:2px 11px; z-index: 1; font-size: 11px;}
.product_item .product_image { position: relative; height: 180px; vertical-align: middle;}
.product_item .product_image img{height: 200px;}
.product_item .product_link_col .col {width: 100%; display: block; flex: auto; margin-bottom: 10px;}
.product_item .product_contents{ padding: 12px; background-color: #fff; text-align: center;}
.product_item .product_title {font-size: 14px; margin-bottom: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 36px;}
.product_item .product_title a {color: var(--info-color); }
.product_item .product_title a:hover {color: #000; }

.gc-icon {color: #fff !important;}

.card_list ul {padding: 0; margin: 10px 0 0; list-style: none; text-align: center;}
.card_list ul li {display: inline-block; margin: 0 5px;}
.card_list ul li img {height: 25px; object-fit: scale-down;}


#page {transition: all linear 0.2s;}
.menu_open {font-size: 36px !important; line-height: 1;}
.menu_overlay {position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background: rgba(0,0,0,0.85);}
.menu_toggler {margin:15px 0 0;}
.menu_toggler .icons {font-size:26px; color:#212121}
.menu_head {background:#000;text-align: center; position: relative;}
.menu_head a {color:#fff; padding:15px 10px; display: block; font-weight: 500; font-size: 16px;}
.menu_head a span.menu_account_icon {font-size: 22px; vertical-align: middle; width: 32px; height:32px; line-height:32px; background: #444; display: inline-block; border-radius: 50%; margin-right:10px;}
.menu_close {position: absolute; left:-43px; top:20px;}
.menu_close i {font-size:30px; color: #fff;}
.mobile_menu_wrap {position: fixed; top:0; bottom: 0; right:-100%; z-index:99999; background:#212121; padding:0 0 75px; transition: all linear 0.2s; max-width: 80%; width: 300px; height: 100vh;}
.mobile_menu_wrap.menu_show {right:0;}
.mobile_menu_wrap ul {padding:0; margin:0; list-style:none; font-size: 15px; overflow: auto; height: 100vh;}
.mobile_menu_wrap ul.mobile_menu {margin-bottom:10px; padding:0 0 60px;}
.mobile_menu_wrap ul.mobile_menu li {border-bottom: 1px solid #333; padding:0 15px 0 15px;}
.mobile_menu_wrap ul.mobile_menu li a {font-size:15px;}
.mobile_menu_wrap ul li a {display: block; padding:17px 0;color: #fff !important;}
.mobile_menu_wrap ul li.hassub {position: relative; padding:0 50px 0 15px;}
.mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute; right:0; top:0; bottom: 0; font-size:25px; line-height: 20px; padding:19px 5px 14px; width: 45px; text-align: center; border-left:1px solid #555;}
.mobile_menu_wrap ul li.hassub .sub_menu_open i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%; max-width: 80%; width: 300px; background:#333; margin:0; transition: all linear 0.2s; padding:53px 0 100px; overflow: auto; z-index: 9; visibility: hidden;}
.mobile_menu_wrap ul li.hassub ul li {border-color:#444;}
.mobile_menu_wrap ul li.hassub ul.show_submenu {visibility: visible; right: 0;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%; background: #aa271b;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:16px; color: #bbb; padding:15px 0 13px;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa {margin:2px 5px 0 0; font-size:20px;}

.contactinfo .alert {margin: 20px 0;}
.contactinfo p {margin: 0 0 10px;}
.contactinfo p span, .contactinfo p small {font-size:16px !important;}
.contactinfo ul.chat_list li {display: inline-block; width: calc(33.33% - 5px); vertical-align: top;}

ul.sites_list {padding:0; margin:0; list-style: none; text-align:center}
ul.sites_list li {display: inline-block; margin:0 5px 10px;}
ul.sites_list li a {display:block; border:1px solid #bbb; padding:4px 10px; color:#000}
ul.sites_list li a:hover {background:var(--secondary-color); color:#fff;}

#myImg { border-radius: 5px; cursor: pointer; transition: 0.3s; } #myImg:hover {opacity: 0.7;} #myImg2 { border-radius: 5px; cursor: pointer; transition: 0.3s; } #myImg2:hover {opacity: 0.7;} .mymodal { display: none; position: fixed; z-index: 99999; padding-top: 100px;  left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9); } .mymodal-content { margin: auto; display: block; width: 80%; max-width: 700px; } #mycaption { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; height: 150px; } .mymodal-content, #caption { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s; } @-webkit-keyframes zoom { from {-webkit-transform:scale(0)}  to {-webkit-transform:scale(1)} } @keyframes zoom { from {transform:scale(0)} to {transform:scale(1)} } .myclose { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; } .myclose:hover, .myclose:focus { color: #bbb; text-decoration: none; cursor: pointer; } @media only screen and (max-width: 700px){ .mymodal-content { width: 100%; } }