/*
	==================================================================================================================================================================
																			 																		Aodour StyleSheet
	==================================================================================================================================================================
																																				 Updated = 09-29-2021
	==================================================================================================================================================================
	  																																	Develope by Shahzadali.eu5.org
	==================================================================================================================================================================  		

 *==== TABLE OF CONTENT ====

	1.Default Style
	2.Header Starts
	3.Theme Banner
	4.Theme Listing Section
	5.Theme Filter bar
	6.Theme Side widgets
	7.Theme search widgets
	8.Theme checkbox widgets
	9.Theme Products widgets
	10.Theme Footer
	11.Product detail page
	12.Product Detail Bundle Products
	13.Product Detail Tabs
	14.Mobile Design Product detail
	15.Product Listing 
	16.Complaint Portal 
	17.Product Table 
	18.Tick box
	19.Scorll bar
	20.Complaint box
	21.Abount us page
	22.Global Drop shipping Landing page
	23.Banner Global
	24.Services Global
	25.Scroll Category Global
	26.Deals Category Global Section
	27.Global Products Section
	28.Global Products TAB Section
	29.Global Checkout Page
	30.Promo code
	31.Bundle Detail page
*/


/*
	==================================
			Default Style
	================================== 		
*/

html,
body {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}
section{
  float: left;
  width: 100%;
  position: relative;
}
section{
  margin-bottom: 30px;
}
/*.mb0,
section.mb0{
  margin-bottom: 0px !important;
}*/
section .container{
   /* padding-bottom: 40px; */
   background: #fff;
   padding: 30px 15px;
}
.pb0 .container{
  padding-bottom: 0px;
}
.container.paddingb0{
  padding-bottom: 0px;
}

.wrapper {
  float: left;
  width: 100%;
  overflow: hidden;
}

.slider {
  width: 100%;
  margin: 0px auto;
}

.slick-slide {
  margin: 0px 0px;
}

.slick-slide img {
  width: 100%;
}

.slick-next {
  right: 0px;
}

.slick-prev {
  left: 0px;
}

.slick-next:before {
  content: "\f105";
}

.slick-prev:before {
  content: "\f104";
}

.slick-next:before,
.slick-prev:before {
  font-family: fontawesome;
  opacity: 1;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {}

.slick-prev,
.slick-next {
  background: transparent;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-slide {
  transition: all ease-in-out .3s;
}

.swiper-button-next,
.swiper-button-prev,
.slick-arrow {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  z-index: 99;
  background: #fff;
  box-shadow: 0px 0px 2px 0px #000;
}
.swiper-button-next:after,
.swiper-button-prev:after{
  font-size: 10px;
  font-weight: bolder;
  color: #999;
  padding: 0px 0px 0px 3px;
}
.swiper-button-next:hover:after,
.swiper-button-prev:hover:after,
.swiper-button-next:hover,
.swiper-button-prev:hover,
.swiper-button-next:focus:before,
.swiper-button-prev:focus:before,
.slick-arrow:focus:before,
.slick-arrow:hover:before {
  color: #fff;
}

.swiper-button-prev,
.slick-prev {
  padding: 0px 15px;
  left: -15px;
}
.swiper-button-next,
.slick-next {
  padding: 0px 18px;
  right: -22px;
}
.swiper-button-prev{
  left: 5px;
}
.swiper-button-next{
  right: 5px;
}

/*.slick-active {
  opacity: .5;
}*/

.slick-current {
  opacity: 1;
}

.mobile_view{
  display: none;
  float: left;
  width: auto;
}

.mb20{
  margin-bottom: 20px;
}
.mb5{
  margin-bottom: 5px;
}
.mb30{
  margin-bottom: 30px;
}
.mb29{
  margin-bottom: 29px;
}
.mb10{
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.bg-white{
  background: #fff !important;
}


/*=====================================================
		Header Starts
=======================================================
*/

.header-content {
  float: left;
  width: 100%;
  /*box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);*/
  /*margin-bottom: 15px;*/
  /*border-bottom: 1px solid #f2f2f2;*/
  background: #fff;
  position: relative;
  z-index: 99;
  padding-bottom: 20px;
}

header {
  float: left;
  width: 100%;
  position: relative;
  z-index: 99;
  padding: 0px;
  background: #fff;
}

.brands_for_mobile {
  display: none;
}


/*=====================================================
		Top banners
=======================================================
*/

.ao_top_banner {
  float: left;
  width: 100%;
}

.web_banner {
  float: left;
  width: 100%;
}

.web_banner a {
  display: inline-block;
  width: 100%;
  float: left;
}

.web_banner img {
  width: 100%;
}

.web_banner {}

.desktop {
  display: block;
}

.mobile {
  display: none;
}

.ao_first_row .meta_list li:first-child a {
  padding-right: 0px;
}

.ao_first_row .meta_list li i {
  float: left;
  width: auto;
  padding: 4px 0px 0px;
  color: #000;
  margin-right: 5px;
}


/*=====================================================
		Navigation section
=======================================================
*/

.ao_first_row {
  float: left;
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
  background: #fafafa;
}

.navigation_content,
.ao_sec_row {
  float: left;
  width: 100%;
}

.logo {
  float: left;
  width: 15%;
}

.logo h1 {
  display: inline-block;
  width: 158px;
  margin: 0px;
  line-height: 0px;
  margin-bottom: 4px;
}
.logo h1.mobile{
  display: none;
}
.logo h1.desktop{
  display: inline-block;
}
.logo h1 a {
  display: inline-block;
}

.mobile {
  display: none;
}

.navigation {
  float: left;
  width: 100%;
}

.navigation ul li a {
  position: relative;
}
.navigation ul li a i {
  margin-right: 7px;
  font-size: 14px;
  float: left;
  margin-top: 4px;
}
.global-page .navigation ul li a i{
      margin-right: 7px;
    font-size: 18px;
    float: left;
    margin-top: 3px;
}
.global-page .search_log{
  margin-left: 20px;
}
.navigation ul li .dot {
  border: 5px solid #000;
  border-radius: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
}

.navigation_content {
  padding: 12px 0px 0px;
  position: relative;
}

.middle_content {
  float: left;
  width: 85%;
  padding-top: 6px;
  padding-bottom: 0px;
  padding-left: 9px;
  padding-right: 0px
}

.middle_content form {
  float: left;
  width: 80%;
}

.right_list {
  float: right;
  z-index: 999;
}

.wishaccount {
  float: left;
  width: auto;
}

.wishaccount>i,
.wishaccount>a,
.login_dropdown i,
.right_list>a {
  display: inline-block;
  padding: 0px 0px 0px;
  position: relative;
  font-size: 34px;
  margin-left: 27px;
}
.login_dropdown i{
  margin-left: 20px;
}
.wishaccount a:hover i {
  position: relative;
  display: inline-block;
}

.wishaccount a:hover i:before {
  content: "\ea0a";
}
.login_dropdown i{
  color: #000;
}
.right_list>a:first-child {
  margin-left: 0px;
}

.right_list a i {
  float: left;
}

.right_list .for_home_link {
  display: none;
}

.drawer-nav {
  z-index: 9999;
}

.login_tab img {
  width: 30px;
}

.search_bar,
.search_row {
  float: left;
  width: 100%;
}

.search_row {
  margin-bottom: 1px;
}

.search_bar {
  position: relative;
  margin-bottom: 0px;
}


.search_bar input {
    width: 100%;
    height: 40px;
    border-width: 2px;
    color: #868686;
    border-radius: 4px;
}

.search_bar button {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 80px;
  height: 100%;
  text-align: center;
  line-height: normal;
  font-size: 19px;
  color: #fff;
  border-radius: 4px;
}

.search_log {
  float: left;
  width: 100%;
  padding-top: 2px;
}

.search_log a {
  display: inline-block;
  padding: 0px 0px 0px 0px;
  color: #999;
  font-size: 12px;
  position: relative;
  margin-right: 3px;
  /*padding-right: 8px;*/
}


/*.search_log a:before{
	position: absolute;
	content: "";
	right: 0px;
	top: 5px;
	bottom: 5px;
	border-right: 1px solid #ccc;
}*/

.search_log a:last-child {
  margin-right: 0px;
}

.search_log a:last-child:before {
  display: none;
}

.navigation {
  float: left;
  width: 100%;
}

.navigation>ul {
  float: left;
  width: 100%;
}

.navigation>ul>li {
  float: left;
  width: auto;
}

/*.navigation>ul>li:first-child>a {
  padding-left: 0px;
}*/

.navigation>ul>li>a {
  display: inline-block;
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 600;
  padding: 13px 15px;
  position: relative;
}

.navigation>ul>li>a:before {
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0px;
  width: 0%;
  border-bottom: 2px solid;
}

.navigation>ul>li:hover>a:before {
  width: 100%;
}

.nav_menu,
.menu_dropdown {
  float: left;
  width: auto;
}
.nav_menu{
  margin-top: 18px;
}

.menu_dropdown {
  width: 206px;
}

.nav_title {
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  background: transparent;
  padding: 15px 0px 0px;
  color: #000;
}

.nav_title:focus {
  outline: none;
}

.nav_title i {
  float: left;
  font-size: 18px;
  padding: 2px 9px 0px 0px;
}

.nav_title img {
  float: left;
  margin: 3px 5px 0px 0px;
  width: 12px;
}


/* Style the tab content */


/*.tab-content {
  display: none;
}*/

.tab-content {
  float: left;
  width: 100%;
  margin-top: 15px;
}

.nav_mega_menu,
.mega_menu {
  width: 100%;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 100%;
  padding: 15px 0px;
  background: #fff;
  box-shadow: 0px 9px 10px -3px rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
}

.Categories_section {
  float: left;
  width: 100%;
  margin: 16px 0px 0px;
}

.navigation>ul>li:hover>.nav_mega_menu,
.Categories_section>li:hover>.mega_menu {
  opacity: 1;
  visibility: visible;
}

.Categories_section>li {
  float: left;
  width: 100%;
}

.Categories_section>li .side_links li a {
  font-size: 14px;
  padding: 0px 0px;
  font-weight: 600;
  display: inline-block;
  width: 100%;
}

.Categories_section>li .side_links li {
  margin-bottom: 7px;
}

.Categories_section>li .side_links li:last-child {
  margin-bottom: 0px;
}

.mega_menu>ul {
  float: left;
  width: 20%;
  padding: 5px 15px;
}

.content_tablist {
  float: left;
  width: 60%;
}

.mega_banners {
  float: right;
  width: 20%;
  padding: 0px 12px 0px 40px;
}

.mega_banners a {
  display: inline-block;
  width: 100%;
  padding: 5px;
}

.tab_links {
  float: left;
  width: 100%;
}

.tab_links>a {
  text-transform: capitalize;
  display: inline-block;
  font-size: 13px;
  float: left;
  width: 130px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 2;
}

.tab_links>a b {
  padding-right: 15px;
  width: 100%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.tab_links>a b:before {
  right: 0px;
  margin-top: -14px;
}

.list {
  float: left;
  width: 80%;
  padding-left: 9px;
}

.list li {
  float: left;
  width: auto;
  position: relative;
  padding-right: 10px;
  margin-right: 5px;
}

.list li:before {
  position: absolute;
  content: "/";
  right: 0px;
  top: 50%;
  font-size: 12px;
  color: #000;
  margin-top: -7px;
  font-weight: 300;
}

.list li:last-child:before {
  display: none;
}

.search_ui li a,
.list li a {
  display: inline-block;
  text-transform: capitalize;
  display: inline-block;
  font-size: 13px;
  line-height: 2px;
}

.ao_three_row {
  float: left;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 10px;
}


/*=====================================================
		Side Menu
=======================================================
*/

.left_side {
  float: left;
  width: 30%;
  padding: 0px 20px;
}

.right_side {
  float: left;
  width: 70%;
}

.search_keyword {
  float: left;
  min-height: 19vw;
  width: 100%;
  max-height: 20vw;
  overflow: auto;
  position: relative;
}

.search_ui {
  float: left;
  width: 100%;
}

.left_side h5 {
  float: left;
  width: 100%;
  color: #000;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 10px;
}

.left_side h5 a {
  float: right;
  width: auto;
  font-size: 13px;
  font-size: 100%;
}

.left_side .search_widget_content,
.left_side .search_widget2 {
  margin-bottom: 0px;
}

.left_side .search_widget2 {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.left_side .search_widget2 input {
  height: 30px;
}

.left_side .search_widget_content button {
  font-size: 14px;
}

.short_keys {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 20px;
}

.short_keys li {
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  border-radius: 100%;
  display: inline-block;
  float: left;
  font-size: 12px;
  cursor: pointer;
  text-transform: uppercase;
  margin-bottom: 2px;
}

.search_ui li {
  float: left;
  width: 100%;
}

.search_ui li h4 {
  text-transform: capitalize;
  display: inline-block;
  width: 100%;
  color: #000;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0px;
}

.search_ui li a {
  width: 100%;
  display: inline-block;
  line-height: 24px;
  font-size: 13px;
}

.mega_tabs_btn {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.mega_tabs_btn a {
  margin-right: 10px;
  font-size: 13px;
}

.mega_tabs_btn a:last-child {
  margin-right: 0px;
}

.brands_logos {
  float: left;
  width: 100%;
}

.brands_logos li {
  float: left;
  width: 25%;
  padding: 0px 15px 10px 0px;
}

.brands_logos li a {
  display: inline-block;
  border: 1px solid #ccc;
  width: 100%;
}


/*=====================================================
		Login Dropown
=======================================================
*/

.login_dropdown {
  float: right;
  width: auto;
  position: relative;
  cursor: pointer;
}

/*.login_dropdown:hover .icon-Profile---11:before {
  content: "\ea27";
}*/

.login_dropdown span {
  text-transform: capitalize;
  display: inline-block;
  width: 100%;
  color: #000;
  text-align: left;
  margin-bottom: 10px;
}

.cart_dropdown_content,
.login_dropdown_content {
  position: absolute;
  right: 0px;
  top: 100%;
  left: auto;
  width: 220px;
  margin: 0 auto;
  text-align: center;
  background: #fff;
  padding: 10px 14px;
  margin: 10px ​auto;
  box-shadow: 0px 9px 10px -3px rgba(0, 0, 0, 0.3);
  visibility: hidden;
  opacity: 0;
}

.login_dropdown:hover .cart_dropdown_content,
.login_dropdown:hover .login_dropdown_content {
  visibility: visible;
  opacity: 1;
}

.cart_dropdown_content:before,
.login_dropdown_content:before {
  position: absolute;
  content: "";
  top: 2px;
  right: 20px;
  width: 18px;
  height: 18px;
  box-shadow: -3px ​-3px 2px rgba(0, 0, 0, 0.2);
  background: #fff;
  transform: rotate(45deg);
}

.login_dropdown_content .bg1.fs {
  color: #fff;
}

.right_list .btn-small {
  font-size: 14px;
  width: 48%;
  padding: 5px 0px;
  display: inline-block;
  text-align: center;
}

.login_dropdown.cart {
  float: left;
  width: auto;
  position: relative;
  z-index: 999;
}

.login_dropdown.cart i {
  margin-left: 0px;
}

.login_dropdown.cart .conter {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  border-radius: 100%;
  position: absolute;
  top: 0px;
  font-size: 8px;
  right: -10px;
}
.login_dropdown i.icon-Profile---11{
  font-size: 40px;
  top: -3px;
}
.login_dropdown:hover i.icon-Profile---11:before {
  content: "\ea27";
}


/*=====================================================
		Cart Dropown
=======================================================
*/

.cart_dropdown_content {
  width: 330px;
  text-align: left;
}

.cart_dropdown_content figure {
  float: left;
  width: 90px;
}

.cart_head {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.cart_items_groups {
  float: left;
  width: 100%;
}

.cart_items_groups>li {
  float: left;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 7px;
  margin-bottom: 16px;
  position: relative;
}

.cart_head h5 {
  float: left;
  width: 100%;
  text-transform: capitalize;
  font-size: 14px;
  color: #000;
}

.cart_head h5 b {
  font-size: 16px;
}

.cart_item {
  float: left;
  width: 65%;
}

.cart_footer h6,
.cart_item h6 {
  display: inline-block;
  font-weight: 700;
  color: #000;
  font-size: 14px;
  margin-bottom: 0px;
}

.cart_item p {
  display: inline-block;
  margin-bottom: 2px;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  overflow: hidden;
}

.cart_item ul {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}

.cart_item ul li {
  float: left;
  width: 100%;
}

.cart_item ul li {
  float: left;
  width: 33%;
  text-align: left;
}

.cart_item ul li span {
  text-align: left;
}

.cart_dropdown_content .cart_item ul li:first-child span {
  text-align: left;
}

.cart_dropdown_content .cart_item ul li:last-child span {
  text-align: right;
}

.cart_item li span {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  text-transform: capitalize;
  margin-bottom: 0px;
}

.login_dropdown.cart .cart_item .remove {
  font-size: 20px;
  color: #000;
  float: right;
  width: auto;
}

.login_dropdown.cart .cart_item .remove i {
  font-size: 100%;
  color: #000;
}

.cart_footer {
  float: left;
  width: 100%;
}

.cart_footer h5 {
  float: left;
  width: auto;
  color: #000;
  font-size: 16px;
}

.cart_footer h5 small {
  display: inline-block;
  color: #000;
  font-size: 12px;
}

.cart_footer h6 {
  float: right;
  width: auto;
}

.checkout_blog {
  float: right;
  width: 100%;
  text-align: right;
}

.right_list .fs {
  float: left;
}

.right_list .ls {
  float: right;
}


/*=====================================================
		Listing Starts
=======================================================
*/

.listing {
  float: left;
  width: 100%;
  text-align: left;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 8px;
  margin-top: 17px;
}

.listing li {
  float: left;
  width: 100%;
}

.listing li a {
  display: inline-block;
  padding: 3px 0px;
}

.cart-rv {
  float: left;
  width: 100%;
  padding: 4px 0px 0px;
}

.empty_btn {
  float: left;
  width: 100%;
  position: absolute;
  bottom: -18px;
}

.empty_btn h5 {
  width: 100%;
  display: inline-block;
  padding: 5px 0px;
  text-align: center;
  border: 1px solid #ccc;
  text-transform: capitalize;
  font-size: 12px;
  background: #f9f9f9;
  border-radius: 4px;
  color: #666;
}

.nav_linkings {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}

.nav_linkings li {
  float: left;
  width: auto;
  position: relative;
  margin-right: 10px;
  padding-right: 14px;
}

.nav_linkings li:before {
  position: absolute;
  content: "\f105";
  font-family: fontawesome;
  top: 50%;
  margin-top: -7px;
  font-size: 14px;
  right: 0px;
  bottom: 0px;
  color: #000;
}

.nav_linkings li:last-child:before {
  display: none;
}

.nav_linkings li:last-child {
  padding-right: 0px;
  margin-right: 0px;
}

.nav_linkings li a {
  display: inline-block;
  font-size: 14px;
  text-transform: capitalize;
  color: #000;
  font-weight: 600;
}

.middle_content.search_Mobile {
  width: 100%;
  float: left;
}

.middle_content.search_Mobile .search_log,
.middle_content.search_Mobile form {
  display: inline-block;
  width: 100%;
}

.middle_content.search_Mobile form input {
  border-radius: 30px;
  height: 36px;
  font-size: 12px;
}

.middle_content.search_Mobile form button {
  border-radius: 0px 30px 30px 0px;
}

.middle_content.search_Mobile .search_log a {
  font-size: 12px;
  font-weight: 700;
  margin-right: 14px;
  color: #000;
  margin-top: 10px;
}

.middle_content.search_Mobile {
  margin-bottom: 12px;
}

.middle_content.search_Mobile {
  display: none;
}

.for_listing .middle_content.search_Mobile {
  display: none;
}


/*=====================================================
		Header ends
=======================================================
*/


/*=====================================================
		Theme Banner
=======================================================
*/

.theme-banner {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

.ao_vertical_items {
  float: left;
  width: 100%;
}

.ao_vertical_items .item {
  float: left;
  width: 100%;
  margin-bottom: 8px;
}

.ao_vertical_items .item:last-child {
  margin-bottom: 0px;
}

.ao_vertical_items a {
  display: inline-block;
  width: 100%;
}

.ao_vertical_items a img {
  width: 100%;
}

.padding_custom1 {
  padding: 7px 7px;
}

.padding_left_15 {
  padding-right: 0px;
}

.padding_right_15 {
  padding-left: 4px;
  padding-right: 15px;
}


/*=====================================================
		Theme Banner ends
=======================================================
*/


/*=====================================================
		Theme Listing Section
=======================================================
*/

section,
.content,
.ao-listing-design {
  float: left;
  width: 100%;
}

.ao-listing-design {
  padding: 0px 0px;
}

.ao-listing-design .container>.row>.col-md-3 {
  width: 20%;
}

.ao-listing-design .container .row>.col-md-9 {
  width: 80%;
}

.breadcrumbs {
  float: left;
  width: 100%;
  margin: 10px 0px;
}

.brand_banner {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}


/*=====================================================
		Theme Filter bar
=======================================================
*/

.filter_bar {
  float: left;
  width: 100%;
  padding: 0px 0px 20px;
  position: relative;
}

.filter_bar .checkbox_custom {
  float: left;
  width: 100px;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  margin: -21px auto;
  text-align: center;
}

.filter_bar.for_desktop .checkbox_custom label {
  font-size: 14px;
}

.filter_bar.for_desktop .checkbox_custom label span {
  height: 16px;
  width: 16px;
  margin-top: 2px;
}

.filter_bar .checkbox_custom:last-of-type {
  margin-bottom: 0px;
}


/*=====================================================
		Theme Side widgets
=======================================================
*/

.middle_columns,
.side_widget {
  float: left;
  width: 100%;
}

.side_widget {
  background: #fff;
}

.middle_columns {
  height: 100%;
}

.side_widget {
  padding: 15px 15px 5px;
  height: 100vh;
}

.side_widget h6 {
  display: inline-block;
  font-size: 13px;
  color: #000;
  position: relative;
  font-weight: 600;
  width: 100%;
  text-transform: capitalize;
  /*border-bottom: 1px solid rgba(0,0,0,0.1);*/
  margin-bottom: 10px;
  /*padding-bottom: 10px;*/
  padding-top: 10px;
}

.accordion:last-child {
  margin-bottom: 0px;
}

.accordion:before {
  position: absolute;
  content: "+";
  right: 15px;
  top: 50%;
  margin-top: -12px;
  font-size: 20px;
}

.accordion.active:before {
  content: "-";
}

.accordion.active {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

h6.accordion {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.collapse {
  display: none;
  float: left;
  width: 100%;
  overflow: hidden;
}

.slider-range {
  height: 6px;
  margin: 5px auto 10px;
  display: inline-block;
  width: 94%;
}

.price-show input {
  display: inline-block;
  font-size: 12px;
  margin: 0;
  width: auto;
  height: auto;
  outline: 0;
  border: none;
  color: #000;
  text-align: left;
  padding: 0px 10px;
  width: 50%;
}

.price-show span {
  float: left;
  font-size: 14px;
  text-transform: capitalize;
}

.price-show b {
  float: left;
  width: auto;
  color: #b2b2b2;
}

.price-show .ui-slider-horizontal .ui-slider-handle {
  margin-left: -7px;
  outline: none;
  border: none;
  cursor: pointer;
}

.price-show .ui-slider-handle.ui-corner-all.ui-state-hover,
.price-show .ui-slider-handle.ui-corner-all.ui-state-focus,
.price-show .ui-slider-handle.ui-corner-all.ui-state-default {
  border-radius: 100%;
}

.price-show {
  float: left;
  width: 100%;
  text-align: center;
  padding: 15px 0px 0px;
}

.price-show label {
  margin: 0px;
  float: left;
  width: 100%;
  text-align: left;
}

.ui-widget.ui-widget-content {
  border: none;
  background: #f9f9f9;
}

.ui-slider-horizontal .ui-slider-range {
  background: #000;
}

.ui-slider-horizontal .ui-slider-handle {
  height: 14px;
  width: 14px;
  border-radius: 100% !important;
  background: #000;
  display: inline-block;
  border: none;
}

body .side_widget h6.ntb {
  border-top: none;
  padding-top: 0px;
}

.side_widget ul {
  float: left;
  width: 100%;
  padding: 0px 15px 12px;
}

.side_widget ul li {
  float: left;
  width: 100%;
}

.side_widget ul li a {
  width: 100%;
  display: inline-block;
  padding: 2px 0px;
  font-size: 13px;
}

.side_widget ul ul {
  padding-left: 10px;
}

.side_widget ul>li:hover>a {
  text-decoration: underline;
}

.side_widget h6.a-none:after,
.side_widget h6.a-none:before {
  display: none;
}

body .side_widget h6.ntb {
  border-top: none;
  padding-top: 0px;
}

.filter_bar h3 {
  font-weight: 700;
  color: #000;
  display: inline-block;
  width: auto;
  text-transform: uppercase;
  float: left;
  font-size: 18px;
  margin-bottom: 0px;
  letter-spacing: -1.1px;
}

.filter_bar h3 small {
  display: inline-block;
  width: auto;
  font-weight: 600;
  text-transform: capitalize;
  padding: 0px 5px;
  font-size: 13px;
}

.filter_bar .checkbox {
  float: left;
  width: auto;
  margin: 9px 0px 0px 50px;
}

.checkbox input {
  float: left;
  width: auto;
  margin: 5px;
}

.checkbox label {
  float: left;
  width: auto;
  text-transform: capitalize;
  font-size: 16px;
  margin: 0px;
  cursor: pointer;
  line-height: normal;
}

.dropdown {
  float: right;
  width: auto;
}

.dropdown select {
  border-color: #000;
  text-transform: capitalize;
  height: 30px;
  padding: 0px 5px;
  font-size: 12px;
}

.dropdown select option:hover {
  color: #fff;
}


/*=====================================================
		Theme search widgets
=======================================================
*/

.search_widget2 {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.search_widget_content {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}

.search_widget_content input {
  width: 100%;
  font-style: italic;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 500;
  height: 40px;
}

.search_widget_content button {
  position: absolute;
  top: 0px;
  right: 5px;
  bottom: 0px;
  color: #000;
  font-size: 16px;
  background: transparent;
}


/*=====================================================
		Theme checkbox widgets
=======================================================
*/

.checkbox_custom {
  float: left;
  width: 100%;
  margin-bottom: 8px;
}

.checkbox_custom input {
  display: none;
}

.checkbox_custom label {
  margin: 0px;
  float: left;
  width: 100%;
  font-size: 13px;
  color: #000;
  text-align: left;
  cursor: pointer;
  text-transform: capitalize;
}

.checkbox_custom input[type="checkbox"]:checked~label span:before {
  opacity: 1;
}

.checkbox_custom label span {
  width: 14px;
  height: 14px;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  position: relative;
  border-radius: 3px;
  border: 1px solid #ccc;
  float: left;
  margin-right: 8px;
  margin-top: 1px;
  background: #fff;
}

.checkbox_custom label span:before {
  position: absolute;
  content: "";
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  border-radius: 2px;
  opacity: 0;
}


/*=====================================================
		Theme Products widgets
=======================================================
*/

.products {
  margin-bottom: 20px;
}

.products figure,
.products {
  float: left;
  width: 100%;
  position: relative;
}

.products figure a {
  display: inline-block;
  width: 100%;
  position: relative;
}

.products figure a:before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #fff;
  opacity: 0;
}

.products figure:hover a:before {
  opacity: 0.35;
}

.products {
  padding: 0px 15px 15px;
  background: #fff;
}

.product_content {
  float: left;
  width: 100%;
  padding-top: 12px;
}

.listing_content h6,
.product_content h6 {
  text-transform: capitalize;
  display: inline-block;
  width: 100%;
  text-overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 0px;
  cursor: pointer;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.product_content h6 {
  height: 34px;
  white-space: normal;
  float: left;
  margin-bottom: 9px;
  line-height: 17px;
}

.product_content del {
  font-size: 100%;
}

.listing_content h6 a,
.product_content h6 a {
  display: inline-block;
  width: 100%;
  font-size: 100%;
}

.custom_tab_grid .product_content h6 {
  line-height: 24px;
  font-size: 14px;
  color: #666;
  height: 48px;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.middle_columns .custom_tab_grid .product_content h6 {
  line-height: 16px;
  font-size: 12px;
  color: #666;
  height: 34px;
  margin-bottom: 2px;
}

.middle_columns .custom_tab_grid .product_content .meta_tag {
  margin-bottom: 8px;
}

.middle_columns .custom_tab_grid .product_content .meta_tag li a {
  font-size: 11px;
}

.middle_columns .custom_tab_grid .product_content .product_content span {
  margin-bottom: 0px;
}

.middle_columns .custom_tab_grid .slick-arrow {
  border: none;
  box-shadow: none;
  background: transparent;
}

.middle_columns .custom_tab_grid .slick-arrow:hover:before {
  color: #000;
}

.product_content span {
  display: inline-block;
  width: 100%;
  font-size: 11px;
  float: left;
  font-weight: 500;
  margin-bottom: 3px;
}

.product_content .float-left {
  float: left;
  width: auto;
  font-weight: 500;
  font-size: 13px;
}

.product_content .meta_tag {
  margin-bottom: 18px;
}

.product_content .float-left i {
  margin-right: 5px;
}

.product_content .float-right {
  float: right;
  width: auto;
  font-size: 13px;
  text-transform: capitalize;
  color: #999;
}

.listing_content h3,
.product_content h3 {
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  width: 100%;
  float: left;
}

.product_content h3 {
  line-height: 16px;
}

#flash_slider .product_content h3 {
  border: 1px solid;
  position: relative;
  color: #fff;
  z-index: 1;
  overflow: hidden;
  padding: 3px 6px;
  line-height: normal;
}

.listing_content h3 del,
.product_content h3 del {
  font-size: 12px;
  color: #000;
  margin: 0px 0px;
}

#flash_slider .product_content h3 del {
  float: right;
  margin-left: 0px;
  padding: 2px 4px;
  color: #999;
  font-weight: 400;
}

#flash_slider .product_content h3:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 60%;
  z-index: -1;
  transform: skewX(-34deg) translateX(-10px);
}

.flashsale_timer{
  float: left;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 0px;
  right: 0px;
}
.flashsale_timer li{
  float: none;
  width: 25%;
  text-align: center;
  position: relative;
  display: inline-block;
  margin: 0px 5px;
}
.flashsale_timer li:before{
  position: absolute;
    content: ":";
    top: 50%;
    right: -9px;
    bottom: 0px;
    font-size: 24px;
    color: #fff;
    margin-top: -20px;
}
.flashsale_timer li:last-child:before{
  display: none;
}
.flashsale_timer li span{
  display: inline-block;
  color: #fff;
  text-transform: capitalize;
  font-size: 24px;
  background: #333;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-weight: 600;
}
.flashsale_timer li p{
  display: inline-block;
  margin-bottom: 0px;
  width: 100%;
  color: #fff;
  text-transform: capitalize;
  font-size: 12px;
  display: none;
}
.flash-banner h4{
    font-size: 24px;
    text-align: center;
    position: absolute;
    margin-bottom: 0px;
    left: 0px;
    color: #fff;
    right: 0px;
    font-weight: 700;
    top: 20px;
}
.image-variation {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.meta_tag {
  float: left;
  width: 100%;
}

.meta_tag li {
  float: left;
  width: 30%;
  position: relative;
  margin-right: 4px;
  padding-right: 4px;
}

.meta_tag li:before {
  position: absolute;
  content: "";
  right: 0px;
  border-right: 1.7px solid #ccc;
  top: 6px;
  bottom: 2px;
}

.meta_tag li:last-child:before {
  display: none;
}

.meta_tag li a {
  display: inline-block;
  font-size: 12px;
  color: #999;
  white-space: nowrap;
  font-weight: 500;
  text-transform: capitalize;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  display: inline-block;
}

.product_slider_content {
  float: left;
  width: 100%;
  position: relative;
}

.product_img {
  float: left;
  width: 100%;
  padding-bottom: 0px;
}

.custom_tab_grid .product_img {
  padding-bottom: 0px;
}

div.image-variation div.slick-list.draggable {
  padding: 0px 30px !important;
}

.image-variation {
  padding: 0px 15px;
  position: relative;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
}

.image-variation .slick-prev {
  text-align: left;
}

.image-variation .slick-next {
  text-align: right;
}

.image-variation .item {
  outline: 1px solid transparent;
  outline-offset: -2px;
  cursor: pointer;
}


/*=====================================================
		Theme Products widgets ends
=======================================================
*/

.for_mobile_timer {
  display: none;
}

.flash-banner {
  float: left;
  width: 100%;
}

.products_grid {
  float: right;
  width: 100%;
  margin-bottom: 0px;
}

#flash_slider .products .product_img {
  padding-bottom: 0px;
}

.products_grid li.slick-slide {
  padding: 0px 8px;
  float: right;
}
.products_grid li .products{
  padding:0px 0px 0px ;
  margin-bottom: 0px;
}
.for_mobile_timer {
  float: left;
  width: 100%;
}

.for_mobile_timer h6 {
  float: left;
  width: auto;
  font-weight: 700;
  font-size: 12px;
  margin: 0px;
  margin-right: 10px;
  padding: 4px 0px 0px;
}

.for_mobile_timer .clock {
  float: left;
  width: auto;
}

.slick-initialized .slick-slide {
  display: inline-block;
}

.box_layout {
  float: left;
  width: 100%;
  background: #fff;
  padding: 15px 10px;
  height: 100%;
}

.heading {
  float: left;
  width: 100%;
}

.heading h3,
.heading h4 {
  text-transform: uppercase;
  display: inline-block;
  font-weight: 700;
  color: #000;
  margin: 0px;
  float: left;
  width: 100%;
}

.heading a {
  float: right;
  width: auto;
  text-transform: uppercase;
  color: #999;
  font-size: 12px;
  font-weight: 600;
}

.listing_grid {
  float: left;
  width: 100%;
  padding: 0px 0px 0px;
}

.grid_column {
  float: left;
  padding: 30px 15px 24px 15px;
  width: 30%;
  margin: 19px 0px 0px 0px;
  background: rgba(109, 126, 146, .05);
}

.grid_column figure {
  float: left;
  width: 100%;
  padding: 0px 6px 11px 0px;
}

.listing_content {
  float: left;
  width: 100%;
}

.listing_content h6 {
  text-transform: capitalize;
  display: inline-block;
  margin-bottom: 0px;
  width: 100%;
}

.listing_content span {
  display: inline-block;
  width: 100%;
  margin: -4px 0px 7px;
  float: left;
  color: #000;
}

.list_of_products {
  float: left;
  width: 70%;
  padding-left: 10px;
}

.list_column {
  float: left;
  width: 50%;
  margin-top: 20px;
}

.list_column figure {
  float: left;
  width: 80px;
  padding: 0px 6px 0px 0px;
}

.list_column .listing_content {
  float: left;
  width: 58%;
}

.list_column .listing_content h6 {
  white-space: normal;
  font-weight: 600;
  font-size: 12px;
}

.list_column .listing_content span {
  font-weight: 600;
  margin: -4px 0px 8px;
  font-size: 12px;
}

.list_of_products .listing_content h3 {
  font-size: 14px;
}
.grid2 {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.brand_grid {
  float: left;
  width: 40.9%;
  padding: 0px 0px 0px 0px;
}
.grid2 .list_of_products {
  float: right;
  width: 58%;
  padding: 0px 0px;
}
.column a {
  display: inline-block;
  /*width: 48%;*/
  float: left;
  padding: 0px 0px 0px 3px;
  /*margin-bottom: 18px;*/
}
.column .item:nth-child(9) a {
  margin-bottom: 0px;
}
.column .item:last-child a {
  margin-bottom: 0px;
}
.panding_50 {
  padding: 20px 0px;
}
.simple-banner {
  float: left;
  width: 100%;
}

.simple-banner a {
  width: 100%;
}

.simple-banner a img {
  width: 100%;
}

.section_heading {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  padding: 0px 10px;
}
.section_heading.align-center{
  text-align: center;
}

.section_heading h2 {
  font-weight: 700;
  /*text-transform: uppercase;*/
  display: inline-block;
  width: 100%;
  color: #000;
  font-size: 30px;
  line-height: 30px;
  float: left;
  margin: 0px;
}

.section_heading  .btn_border{
  float: right;
}
.section_heading h5,
.section_heading h2{
  float: left;
  width: auto;
}
.section_heading h5{
  color: #000;
  text-transform: capitalize;
  width: auto;
  display: inline-block;
  margin: 4px 0px 0px;
  font-size: 22px;
  font-weight: 600;
}
.btn_border{
    border: 1px solid #000;
    padding: 5px 30px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
    display: inline-block;
    border-radius: 2px;
}
.btn_border:hover{
  border-color: #DC0414;
  color: #fff;
  background: #DC0414;
}
.global-page .btn_border{
  border-color: #f15d22;
  color: #f15d22;
}
.global-page .btn_border:hover{
  background:#f15d22;
  color: #fff;
}
.global-page .discount_present.target_icon{
  color: #f15d22;
  border-color: #f15d22;
}
.global-page #flash_slider .product_content h3{
  border-color: #f15d22;
  color: #fff;
}
.global-page #flash_slider .product_content h3:before,
.global-page .discount_present{
  background: #f15d22;
}
.global-page .slick-slider .slick-dots li.slick-active button{
  background: #f15d22;
  border-color: #f15d22;
}
.global-page .services ul li:before{
  border-color: #f15d22;
}
.section_heading.align-center h2{
  text-align: center;
  float: none;
  display: inline-block;
  width: 100%;
}
.small_banners {
  margin-top: 15px;
  float: left;
  width: 100%;
  padding-top: 10px;
  padding-left: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  background: #fff;
}

.small_banners a {
  float: left;
  width: 50%;
  background: #fff;
  padding: 0px 15px;
}

.product_heading {
  float: left;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.product_heading>a {
  width: 100%;
  display: inline-block;
}

.product_heading h6 {
  font-weight: 700;
  text-transform: capitalize;
  font-size: 22px;
  color: #333;
  display: inline-block;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}

.product_heading small {
  font-size: 14px;
  color: #999;
  margin-left: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  margin-top: 5px;
  margin-left: 5px;
  display: none;
  width: 100%;
}

.small_banners .section_heading h2 a {
  display: inline-block;
  width: 100%;
}

.banner_section,
.tab_content,
.ao-tabs {
  float: left;
  width: 100%;
}

.tab_content .products {
  margin-bottom: 10px;
}

.ao-tabs ul {
  float: left;
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  margin-bottom: 10px;
  background: #fff;
  margin-top: 10px;
}

.tab_content .product_content h3 {
  margin-bottom: 5px;
}

.tab-pane {
  visibility: hidden;
  display: none ;
  transition: transform 0.6s ease-in-out 0s;
  -moz-transition: transform 0.6s ease-in-out 0s;
  -ms-transition: transform 0.6s ease-in-out 0s;
  -o-transition: transform 0.6s ease-in-out 0s;
  -webkit-transition: transform 0.6s ease-in-out 0s;
  opacity: 0;
}
.tab-pane.fade.in.active {
  opacity: 1;
  visibility: visible;
  display: block;
}
.tab_content{
      position: relative;

}
#s_nav{
  float: left;
  width: auto;
}
#s_nav li {
    float: left;
    text-transform: capitalize;
    font-size: 16px;
    color: #000;
    position: relative;
    font-weight: 500;
    padding-bottom: 10px;
    margin-right: 35px;
    width: auto;
    text-align: center;
    white-space: nowrap;
}
#s_nav li:before{
      position: absolute;
    content: "";
    bottom: -2px;
    left: 0px;
    right: 0px;
    width: 100%;
    border-bottom: 2px solid #dc0414;
    visibility: visible;
    opacity: 0;
}
#s_nav li.slick-slide.slick-current.slick-active:before{
  opacity: 1;
}
#s_nav li.slick-slide.slick-current.slick-active{
  color: #dc0414;
}
.slider_nav .btn_border{
  float: right;
      border: 1px solid #000;
    padding: 5px 30px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
    display: inline-block;
    border-radius: 2px;
}
.slider_nav{
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.slide_bar{
  float: left;
  width: 100%;
}
.slick-track{
  margin-left: 0px;
}
.slider_nav{
  border-bottom: 2px solid;
}
.x6-slider3{
  float: left;
  width: 100%;
}
.fade.show{
  transform: scale(1);
  visibility: visible;
}

.gbproducts .slide.slick-slide a{
  display: inline-block;
  width: 100%;
  height: auto;
}
.ao-tabs ul li {
  float: none;
  display: inline-block;
  width: auto;
  margin: 0 auto;
  border-right: 1px solid #ccc;
}

.ao-tabs ul li:last-child {
  border-right: none;
}

.ao-tabs ul li a {
  display: inline-block;
  padding: 3px 10px;
  font-size: 16px;
  font-weight: 600;
}

.bg-white {
  background: #fff;
  float: left;
  width: 100%;
  padding: 0px;
  border-radius: 3px;
}

.bg-white .row {
  padding-left: 12px;
}

.custom_tab_grid {
  padding: 0px 6px;
}

.custom_tab_grid .col-md-3 {
  width: 20%;
  padding: 0px 5px;
}

#vertical_brands {
  float: left;
  width: 100%;
}

.vertical_brands {}

.mt48 {
  margin-top: 17px;
}

.mb15 {
  margin-bottom: 15px;
}

.custom_width {
  width: 59%;
}


/*
===========================================
	Theme Footer start
===========================================
*/

footer {
  background: #23363a;
  float: left;
  width: 100%;
}

.copyrights {
  float: left;
  width: 100%;
  text-align: center;
  padding: 15px 0px 10px;
  background: #344447;
}

.input-felid {
  float: left;
  width: 100%;
  position: relative;
}

.input-felid input {
  width: 100%;
  border: none;
  color: #fff;
  padding-left: 0px;
  background: transparent;
  border-bottom: 2px solid #526569;
}


/* Place Holder Typo */

.input-felid input::-webkit-input-placeholder {
  color: #fff;
  text-transform: capitalize;
}

.input-felid input:-moz-placeholder {
  color: #fff;
  opacity: 1;
  text-transform: capitalize;
}

.input-felid input::-moz-placeholder {
  color: #fff;
  opacity: 1;
  text-transform: capitalize;
}

.input-felid input:-ms-input-placeholder {
  color: #fff;
  text-transform: capitalize;
}

.input-felid button {
  font-size: 22px;
  color: #fff;
  position: absolute;
  right: 0px;
  padding: 0px 0px;
  background: transparent;
  width: 30px;
  text-align: right;
  top: 50%;
  margin-top: -18px;
}

.widget {
  float: left;
  width: 100%;
  /*padding: 47px 0px 51px;*/
  padding: 60px 0px 50px;
}

.widget h6 {
  float: left;
  width: 100%;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.wiget-link {
  float: left;
  width: 100%;
}

.wiget-link li {
  float: left;
  width: 100%;
  line-height: 36px;
  margin-bottom: 0px;
}

.wiget-link li a {
  color: #fff;
  display: inline-block;
  text-transform: capitalize;
}

.widget .widget-title {
  margin-bottom: 14px;
}
.widget .widget-title.accordion{
  border: none;
}
.widget .widget-title.accordion:before{
  display: none;
}
.spacial-padding {
  padding: 30px 0px;
}

.wiget-link li span {
  color: #fff;
  text-transform: capitalize;
}

.wiget-link li span i {
  margin-right: 10px;
}

.mb10 {
  margin-bottom: 10px !important;
}

.copyrights p {
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 7px 0px;
  text-transform: capitalize;
}

.social-icons {
  float: left;
  width: auto;
}

.social-icons li {
  float: left;
  width: auto;
  margin-right: 10px;
}

.social-icons li:last-child {
  margin-right: 0px;
}

.social-icons li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 43px;
  font-size: 16px;
  color: #fff;
  border-radius: 100%;
}

.social-icons li:hover a {
  color: #fff;
  transform: scale(1.3);
}

.via-meta {
  float: right;
  width: auto;
  margin: 5px 0px;
}

.via-meta li {
  float: left;
  width: auto;
}

.backtoup {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 28px;
  border-radius: 100%;
  margin-bottom: 30px;
  color: #fff;
  display: inline-block;
}


/*
===========================================
	Theme Footer ends
===========================================
*/

#wrapper {
  position: fixed;
  right: 0px;
  bottom: 0px;
  top: 0px;
  width: 0%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 9999;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  box-shadow: 0px 10px 3px rgba(0, 0, 0, 0.3);
}

#wrapper.toggled {
  width: 60%;
  visibility: visible;
  opacity: 1;
}

#wrapper .side_widget {
  display: block;
  box-shadow: 0px ​10px 8px -4px #000;
}

.filter_bar #wrapper .checkbox_custom {
  width: 100%;
  position: relative;
  margin: 10px auto 0px 10px;
}

.filter_bar #wrapper .checkbox_custom label {
  padding: 0px 20px;
  text-align: left;
}

.filter_bar #wrapper .side_widget ul {
  padding-left: 10px:
}

.filter_bar #wrapper .checkbox_custom label span {
  position: absolute;
  left: 0px;
}

#sidebar-wrapper {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

body .filter_bar #wrapper .side_widget h6.ntb {
  font-size: 14px;
  border-top: 1px solid #ccc;
  padding: 12px 0px 8px;
}

body .filter_bar #wrapper .side_widget h6.ntb.btnone {
  border-top: none;
}

body .filter_bar #wrapper .price-show span,
body .filter_bar #wrapper .price-show input,
body .filter_bar #wrapper .side_widget ul li a {
  font-size: 13px;
}

body .filter_bar #wrapper .accordion:after {
  right: 4px;
}

body .filter_bar #wrapper .price-show input {
  padding: 0px 10px;
  top: -1px;
  position: relative;
}

.btn_box {
  display: inline-block;
  width: 100%;
  text-align: center;
  border: 1px solid #999;
  padding: 7px 15px;
  margin-bottom: 15px;
  font-size: 12px;
  background: #f9f9f9;
}

.modal-backdrop {
  background: rgba(255, 255, 255, 1);
}

.modal-content {
  border: none;
}

#category_model .modal-content h6 {
  text-align: center;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  color: #000;
  text-transform: uppercase;
  width: 100%;
}

#category_model .modal-content button {
  float: right;
  width: auto;
  position: absolute;
  right: 0px;
  background: transparent;
  font-size: 24px;
  top: -9px;
}

.filter_menu {
  float: left;
  width: 100%;
  position: relative;
}

.category_btn {
  display: inline-block;
  font-size: 14px;
  color: #000;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center;
}

.category_btn i {
  margin-left: 10px;
}

.align-center {
  float: left;
  width: 100%;
  text-align: center;
}

.mein_category {
  float: left;
  width: 100%;
  padding: 0px 15px;
}

.mein_category h6 {}

.display_none {
  display: none;
}

.mein_category ul {
  float: left;
  width: 100%;
}

.mein_category ul li {
  float: left;
  width: 100%;
}

.mein_category ul li a {
  display: inline-block;
  font-size: 12px;
  padding: 5px 0px;
  width: 100%;
  position: relative;
}

.mein_category ul>li>h5 {
  width: 100%;
  position: relative;
  margin-bottom: 0px;
  color: #000;
  font-size: 13px;
  font-weight: 600;
}

.mein_category ul li ul li ul,
.mein_category ul li ul {
  padding-left: 10px;
}

.mein_category ul li ul li h5 {
  font-size: 13px;
  font-weight: 500;
}

.mein_category ul li a {
  font-weight: 600;
}

.mein_category ul li ul li a {
  font-weight: 500;
  font-size: 12px;
}

.mein_category ul li ul li ul li a {
  font-weight: 400;
  font-size: 11px;
}


/*
=======================================
	Product detail page
=======================================
*/

.reponsive_padding {
  padding: 30px 0px;
  position: relative;
  float: left;
  width: 100%;
}

.reponsive_padding .container {
  background: #fff;
  padding: 15px 0px;
}

#product-thumbnail img {
  padding: 2px;
  border-radius: 5px;
}

#product-thumbnail {
  padding: 0px 30px;
  float: none;
  display: inline-block;
  margin: 0 auto;
  width: 70%;
}

.slider__counter {
  display: none;
}

.icon-house:before {
  font-weight: 600;
}

.scale_guide {
  float: left;
  width: 100%;
}

.scale_guide h6 {
  display: inline-block;
  width: 100%;
  margin: 0px;
  cursor: pointer;
}

.scale_guide h6 img {
  width: 80px;
  margin-right: 5px;
}

#sizeguide {
  width: 100%;
  right: 0px;
  margin: 0 auto;
  margin-top: 30px;
}

#sizeguide.fade:not(.show) {
  opacity: 1;
}

.modal-backdrop {}

#sizeguide .modal-dialog {
  max-width: 800px;
}

#sizeguide h6 {
  font-size: 16px;
  text-transform: capitalize;
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #000;
  padding-bottom: 13px;
}

.modal-open .modal-backdrop.fade {
  opacity: 0.7;
}

#sizeguide h3 {
  font-size: 24px;
  text-transform: capitalize;
  display: inline-block;
  margin-bottom: 7px;
  color: #000;
  font-weight: 600;
}

#sizeguide p {
  font-size: 18px;
}

#sizeguide .close {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 15px;
}

#sizeguide .modal-content {
  padding: 35px 20px;
  box-shadow: 0px ​10px 10px rgba(0, 0, 0, 0.2);
  border: 1px solid #ccc;
}

#product-thumbnail .slick-slide {
  padding: 5px 0px;
  cursor: pointer;
}

.item-fix {
  width: 65px;
  height: 65px;
  display: flex;
  padding: 0px 5px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin: 0px;
}

.slick-disabled {
  display: none !important;
}

#product-thumbnail .slick-slide img {
  box-shadow: inset 0 0 0 1px #ccc;
  max-width: 50px;
  max-height: 50px;
}

#product-thumbnail .slick-list.draggable {
  margin: 0px 0px;
  margin-right: -5px;
}

.slick-initialized .slick-slide,
.slick-slider,
#product-thumbnail .slick-slide:focus,
#product-thumbnail .slick-slide:hover,
#product-thumbnail .slick-slide:focus img,
#product-thumbnail .slick-slide:hover img {
  outline: none;
  border: none;
}
.slick-slider{
  position: relative;
  float: left;
  width: 100%;
}
.zoom_image {
  display: inline-block;
  position: relative;
  float: left;
  width: 100%;
  cursor: zoom-in;
}


/* magnifying glass icon */

.zoom_image:after {
  content: '';
  display: block;
  width: 33px;
  height: 33px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(icon.png);
}

.zoom_image img {
  display: block;
  cursor: pointer;
}

.zoom_image img::selection {
  background-color: transparent;
}

.zoom_image img:hover {
  cursor: url(grab.cur), default;
}

.zoom_image img:active {
  cursor: url(grabbed.cur), default;
}

.rating {
  float: left;
  width: auto;
  margin-right: 2px;
  margin-top: 0px;
}

.rating li {
  float: left;
  width: auto;
  margin-right: 4px;
  line-height: normal;
  font-size: 14px;
}

.rating-blog {
  margin-bottom: 12px;
}

.rating_dropdown {
  position: absolute;
  left: 0px;
  top: 100%;
  padding: 12px;
  right: 0px;
  width: 300px;
  z-index: 999;
  background: #fff;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
  margin-top: 5px;
  opacity: 0;
  visibility: hidden;
}

.rating-blog:hover .rating_dropdown {
  opacity: 1;
  visibility: visible;
}

.rating_dropdown:before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  width: 10px;
  height: 10px;
  background: #fff;
  transform: rotate(45deg) translate(9px, -15px);
  box-shadow: -2px -2px 2px -1px rgba(0, 0, 0, 0.2);
}

.rating_dropdown ul li span {
  width: auto;
  float: left;
  margin: 0px;
  text-transform: capitalize;
}

.rating_dropdown ul li {
  margin-bottom: 5px;
}

.rating_dropdown a {
  display: inline-block;
  font-size: 12px;
  color: #000;
  text-transform: capitalize;
}

.rating_dropdown ul li .progress_bar {
  float: left;
  width: 70%;
  margin: 8px 0px 0px 15px;
  height: 3px;
  background: #e9e9e9;
}

.rating_dropdown ul li .progress_bar .progress {
  height: 100%;
  background: #ff4747;
}

.rating_dropdown ul li small {
  float: right;
}

.rating_dropdown ul li span,
.rating_dropdown ul li small {
  color: #000;
  font-size: 12px;
}

.rating_dropdown ul li,
.rating_dropdown ul,
.product_detail,
.procontent {
  float: left;
  width: 100%;
}

.product_detail {
  text-align: left;
}

.rating-blog {
  float: left;
  width: 100%;
  margin-bottom: 0px;
  position: relative;
  cursor: pointer;
}

.rate_result,
.rating {
  float: left;
  width: auto;
}

.rate_result {
  position: relative;
  line-height: normal;
  color: #000;
  font-size: 14px;
}

.rate_result i {
  margin-left: 3px;
}

.rate_result span {
  margin-left: 7px;
}

.meta-checkbox {
  float: left;
  width: 100%;
  margin-bottom: 14px;
}

.meta-checkbox li {
  float: left;
  width: auto;
  margin-right: 30px;
}

.meta-checkbox li:last-child {
  margin-right: 0px;
}

.checkbox {
  float: left;
  width: 100%;
}

.checkbox input[type="checkbox"] {
  display: none;
}

.checkbox label {
  display: inline-block;
  margin-bottom: 0px;
  float: left;
  color: #23363a;
  width: auto;
}

.checkbox label span {
  display: inline-block;
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 8px;
  position: relative;
  border: 1px solid #23363a;
  border-radius: 2px;
  margin-right: 10px;
}

.checkbox label span:before {
  position: absolute;
  content: "\f00c";
  font-family: fontawesome;
  left: 0px;
  opacity: 0;
  right: 0px;
  color: #23363a;
  top: 0px;
  font-size: 14px;
}

.checkbox input[type="checkbox"]:checked~label span:before {
  opacity: 1;
}

.procontent .checkbox label span:before {
  opacity: 1;
}

.colors_codes,
.colors_col {
  float: left;
  width: 100%;
}

.colors_codes {
  margin-top: 10px;
}

.qty-added {
  margin-left: 0px;
  float: left;
  border: 1px solid #ccc;
  margin-bottom: 20px;
}

.qty-added .counter {
  float: left;
  width: 45px;
  text-align: center;
  border: none;
  font-size: 16px;
  height: 40px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.up_count,
.down_count {
  width: 30px;
  height: 40px;
  float: left;
  color: #444;
  line-height: 43px;
}

.reletive {}

.fixed_side {
  text-align: center;
  position: relative;
  top: 40px;
}

.colors_col {
  float: left;
  width: auto;
  margin-bottom: 0px;
}

.colors_col li {
  float: left;
  width: auto;
  border-radius: 3px;
  cursor: pointer;
  margin-right: 12px;
  margin-bottom: 12px;
}

.colors_col li:last-child {
  margin-right: 0px;
}

.colors_col li img {
  padding: 2px;
  box-shadow: inset 0 0 0 1px #ccc;
  background: transparent;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
  width: 58px;
  height: 58px;
}

.procontent {
  position: relative;
  padding: 10px 0px;
}

.procontent h5 {
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  display: inline-block;
  border-bottom: 1px solid #000;
  margin-bottom: 8px;
  color: #000;
}

.procontent h6 {
  font-weight: 600;
  text-transform: capitalize;
  display: inline-block;
  width: 100%;
  margin-bottom: 8px;
  color: #000;
}

.pro_volume {
  display: inline-block;
  float: left;
  width: 100%;
  margin-bottom: 8px;
}

.pro_volume {
  display: inline-block;
  font-weight: 600;
  color: #000;
  font-size: 12px;
  line-height: normal;
  text-transform: uppercase;
}

.pro_volume span {
  display: inline-block;
  margin-right: 10px;
  border-right: 1px solid #ccc;
  padding-right: 10px;
}

.pro_volume span small {
  color: #000;
  position: relative;
  font-weight: 600;
  text-transform: capitalize;
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  padding: 1.5px 2px;
  margin-left: 0px;
}

.contry-flg {
  position: absolute;
  right: 20px;
  top: 20px;
  width: auto;
}

.contry-flg img {
  float: left;
  width: auto;
  margin-right: 10px;
}

.contry-flg small {
  float: left;
  width: auto;
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
}

.p-title {
  width: 100%;
  font-weight: 500;
}

.p-title del {
  display: inline-block;
  width: auto;
  color: #999;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  bottom: 2px;
}

.p-title small {
  display: inline-block;
  padding: 1px 5px;
  border-radius: 3px;
  background: #fff1f1;
  font-size: 10px;
  font-weight: 600;
  top: -2px;
  margin-left: 10px;
  position: relative;
}

.btn-rtl,
.procontent .s-title {
  display: inline-block;
  font-size: 14px;
  line-height: normal;
  color: #000;
  font-weight: 600;
}

.procontent .checkbox label {
  font-size: 12px;
}

.procontent .p-title {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 700;
  margin-top: 6px;
}

.blur_city.bg {
  background-image: url(images/gbg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
}

.blur_city {
  float: left;
  width: 100%;
  margin-top: 10px;
  position: relative;
}

.procontent .sub-title {
  font-size: 14px;
  margin-bottom: 8px;
  font-weight: 600;
  display: inline-block;
  width: 100%;
  text-transform: capitalize;
}

.blur_city h6 {
  float: left;
  width: 100%;
  background: rgba(0, 0, 0, 0.02);
  margin: 0px;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.blur_city h6 span {
  display: inline-block;
  margin-left: 10px;
  font-weight: 600;
}

.blur_city.bg h6 span,
.blur_city.bg h6 {
  color: #fff;
}

.blur_city.bg h6 span.shipdate {
  color: #000;
}

.procontent .mb7 {
  margin-bottom: 7px;
}

.select-dropdown,
.d-pro {
  float: left;
  width: 100%;
  display: inline-block;
}

.select-dropdown {
  margin-bottom: 16px;
}

.procontent .d-pro {
  text-transform: uppercase;
  margin-bottom: 16px;
}

.procontent p {
  display: inline-block;
  width: 100%;
  font-size: 14px;
}

.d-pro a {
  border-bottom: 1px solid #70767d;
  color: #23363a;
  text-transform: capitalize;
  margin-left: 15px;
}

.mobile_nav {
  display: none;
}


/*
=======================================
	Product Detail Bundle Products
=======================================
*/

.box_section {
  float: left;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  background: #fff;
  padding: 20px;
}

.bundle_products,
.box_bundle_grid {
  float: left;
  width: 100%;
}

.visible_products h5,
.box_section h4 {
  font-size: 24px;
  font-weight: 700;
  text-transform: capitalize;
  display: inline-block;
  width: 100%;
  color: #000;
  margin-bottom: 12px;
}

.bundle_cols {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}

.bundle_cols img {
  padding: 0px 40px;
}

#bundle_pro .bundle_cols:before {
  position: absolute;
  content: "+";
  top: 50%;
  right: 0px;
  font-size: 34px;
  margin-top: -34px;
  color: #000;
}

#bundle_pro .bundle_cols:last-child:before {
  content: "=";
}

#bundle_pro .bundle_cols {
  width: 33.333%;
  padding: 0px 7px;
}

#bundle_pro .slick-prev {
  left: 0px;
}

#bundle_pro .slick-next {
  right: 50px;
}

#bundle_pro .slick-arrow.slick-disabled {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.bundle_cols img {
  width: 100%;
}

.bundle_cols h6 {
  text-transform: capitalize;
  font-size: 14px;
  color: #000;
  width: 100%;
  margin-bottom: 0px;
}

.bundle_cols h4 {
  font-weight: 600;
  color: #000;
  font-size: 16px;
  text-transform: capitalize;
  display: inline-block;
  width: 100%;
}

.total_amount {
  float: left;
  width: 100%;
  padding: 4px 0px;
}

.total_amount h4 {
  display: inline-block;
  margin-bottom: 0px;
  width: auto;
  float: left;
}

.total_amount h4 b {
  font-size: 20px;
  font-weight: 700;
}

.total_amount h4 del {
  font-size: 16px;
  color: #000;
  font-weight: 400;
  margin-left: 12px;
}

.total_amount h5 {
  float: left;
  text-transform: uppercase;
  font-size: 16px;
  color: #000;
  margin: 0px;
  margin-left: 14px;
  margin-top: 8px;
}

.btn-full {
  float: left;
  width: 100%;
}

.btn-full a {
  width: 100%;
}


/*
=======================================
	Product Detail Tabs
=======================================
*/

.tab_elements {
  float: left;
  width: 100%;
  background: #fff;
}

.tab_elements .tabs {
  float: left;
  width: 100%;
  padding: 0px 15px;
  border-bottom: 1px solid #ccc;
}

.tabs li {
  float: left;
  width: auto;
  position: relative;
  padding: 14px 0px 12px;
  margin-right: 40px;
}

.tabs li:last-child {
  margin-right: 0px;
}

.tabs li a {
  display: inline-block;
  text-transform: capitalize;
  padding: 0px 0px;
  font-size: 14px;
  font-weight: 500;
}

.tabs li:before {
  position: absolute;
  content: "";
  bottom: -1px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  width: 0;
  border-bottom: 3px solid;
}

.tabs li.active:before,
.tabs li:hover:before {
  width: 100%;
}

.tabs li.active a,
.tabs li:hover a {
  font-weight: 700;
}

.tab-pane {
  display: none;
  transform: scale(0);
}
.tab-pane.fade.active.in {
  transform: scale(1);
}

.descritpion {
  float: left;
  width: 100%;
  padding: 16px;
}

.descritpion h5,
.descritpion h6 {
  font-weight: 700;
  font-size: 14px;
  text-transform: capitalize;
  width: 100%;
  margin-bottom: 5px;
  color: #000;
}

.descritpion h5 {
  font-weight: 300;
  color: #333;
}

.descritpion h5 span {
  color: #000;
  font-weight: 600;
  margin-left: 5px;
}

.descritpion p {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  color: #000;
  font-size: 13px;
}

.visible_products {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.visible_products .products {
  margin-bottom: 10px;
}

.reviews h4 {
  display: inline-block;
  width: 100%;
  color: #333;
  font-size: 14px;
  font-weight: 600;
}

.rating_starts {
  float: none;
  display: inline-block;
  margin: 0px 0px 8px;
  width: auto;
}

.rating_starts h5 {
  display: inline-block;
  text-transform: capitalize;
  color: #000;
  float: none;
  width: auto;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 0px;
}

.rating_starts h5>span {
  display: inline-block;
  color: #999;
  font-weight: 300;
  font-size: 14px;
  font-style: italic;
  width: auto;
  margin-bottom: 0px;
}

.ratresult {
  width: 100px;
  height: 20px;
  background: url(https://i.alicdn.com/ae-feedback-ui/common/img/star-gray-new.60e5062d.png) repeat-x;
  vertical-align: middle;
  background-size: contain;
  margin-top: -3px;
  float: none;
  display: inline-block;
  margin-left: 10px;
}

.stars {
  background: url(https://i.alicdn.com/ae-feedback-ui/common/img/star-light-new.1b11ce05.png) repeat-x;
  height: 20px;
  background-size: contain;
}

.customer_info .ratresult {
  background: url(images/starbg.png) repeat-x;
  background-size: contain;
}

.customer_info .stars {
  background: url(images/starb.png) repeat-x;
  background-size: contain;
}

.customer_info .stars,
.customer_info .ratresult {
  background-size: 12px;
  height: 15px;
  margin: 0px;
}

.customers_reviews_list {
  float: left;
  width: 100%;
  margin-top: 30px;
}

.customers_reviews_list>li {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.customers_reviews_list li:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border: none;
}

.customer_info h6 {
  margin-bottom: 0px;
  color: #000;
  font-size: 14px;
  padding: 2px 0px;
  text-transform: capitalize;
}

.customer_info h6,
.customer_info .icon-check-1:before {
  font-weight: 600;
}

.customer_info h6>i>i {
  margin-right: 2px;
  float: left;
  margin: 3px 2px 0px 0px;
}

.customer_info {
  float: left;
  width: 200px;
}

.customer_info h5 {
  font-size: 14px;
  text-transform: capitalize;
  display: inline-block;
  width: 100%;
  margin-bottom: 6px;
  line-height: 12px;
}

.customer_info .ratresult {
  width: 60px;
  margin: 5px 0px;
}

.middle_review_content {
  float: left;
  width: 82%;
}

.r_list_content,
.middle_review_content .images {
  float: left;
  width: 100%;
}

.r_list_content {
  position: relative;
}

.middle_review_content .images a {
  float: left;
  width: 90px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.review_selection h5,
.middle_review_content h5 {
  color: #000;
  text-transform: capitalize;
  margin-bottom: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  font-weight: 600;
  font-size: 14px;
}

.middle_review_content p {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 13px;
  width: 100%;
}

.review_selection {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.review_selection h5 {
  float: left;
  width: auto;
  margin-right: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0px;
  margin-top: 5px;
  font-size: 14px;
  color: #999;
  font-weight: 400;
}

.review_selection ol {
  float: left;
  width: auto;
}

.review_selection ol li {
  display: inline-block;
  width: auto;
  margin-right: 5px;
}

.review_selection ol li:last-child {
  margin-right: 0px;
}

.review_selection ol li a {
  display: inline-block;
  padding: 0 10px;
  margin-right: 6px;
  line-height: 25px;
  border: 1px solid #999;
  border-radius: 3px;
  text-transform: capitalize;
}

.review_selection ol li:hover a span:before,
.review_selection ol li:hover a span:after,
.review_selection ol li:hover a {
  color: #fff;
  border-color: #fff;
}

.review_selection ol li a span {
  display: inline-block;
  position: relative;
  padding: 0px 2px;
  margin: 0px 0px 0px 3px;
}

.review_selection ol li a span:before,
.review_selection ol li a span:after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: -1px -2px;
  font-size: 14px;
}

.review_selection ol li a span:before {
  content: "(";
  left: 0px;
}

.review_selection ol li a span:after {
  content: ")";
  right: 0px;
}

.review_selection ol li a i {
  margin: 0px 5px;
}

.tab_content .reviews .rating_dropdown {
  display: inline-block;
  visibility: visible;
  opacity: 1;
  position: relative;
  width: 330px;
  box-shadow: none;
  float: left;
  padding: 0px;
}

.tab_content .reviews .rating_dropdown:before {
  display: none;
}

.tab_content .reviews .rating_dropdown small,
.tab_content .reviews .rating_dropdown span {
  font-size: 14px;
}

.tab_content .rating_dropdown ul li .progress_bar {
  width: 70%;
  margin: 9px 0px 0px 15px;
}

.review_align_right {
  float: left;
  width: 290px;
  text-align: center;
  margin: 18px 0px;
}

.review_align_right span {
  color: #000;
  text-transform: capitalize;
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.review_align_right a {}

.customers_reviews {
  float: left;
  width: 100%;
}

.dropdown {
  float: left;
  width: auto;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.border-r {
  margin-right: 25px;
  padding-right: 20px;
  border-right: 1px solid #ccc;
}

.customers_reviews .dropdown select {
  border: none;
  width: auto;
  padding: 0px;
  font-size: 14px;
}

.customers_reviews .dropdown select:focus {
  border: none;
}

.customers_reviews .r_btn {
  background: #fff;
}

.customers_reviews .bg-w {
  border-top: 1px solid #ccc;
  padding: 15px;
}

.r_btn:hover,
.customers_reviews .r_btn:hover {
  color: #fff;
}

.customers_reviews .float-right .dropdown span {
  float: left;
  width: auto;
  text-transform: capitalize;
  padding: 5px 0px;
}

.widget_prod {
  float: left;
  width: 100%;
  padding: 15px;
  text-align: center;
}

.random_product {
  float: left;
  width: 100%;
}

.random_product a {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

.random_product a h6 {
  font-weight: 600;
  font-size: 14px;
  text-transform: capitalize;
}

.random_product a h5 {
  margin-bottom: 0px;
  color: #000;
  text-transform: capitalize;
  width: 100%;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.random_product a img {
  width: 100%;
  margin-bottom: 5px;
  padding: 0px 20px;
}

.widget_prod h6 {
  font-weight: 600;
  text-transform: capitalize;
  display: inline-block;
  width: 100%;
  color: #000;
  font-size: 14px;
  margin-bottom: 15px;
}

.fixed_side .contry-flg {
  display: none;
}


/*
=======================================
	Mobile Design
=======================================
*/

.fixed_button,
.for_mobile,
.procontent>.icon-btn {
  display: none;
}

.bg-w {
  float: left;
  width: 100%;
  background: #fff;
}

.subbanner {
  float: left;
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center;
  background-image: url(images/orderbg.png);
}

.subbanner img {
  width: 100px;
  float: left;
}

.subbanner h1 {
  display: inline-block;
  padding: 15px 0px;
  color: #fff;
  font-size: 30px;
  margin-bottom: 0px;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
}

.content_banner {
  float: left;
  width: 100%;
  padding: 70px 0px;
}

.content_banner .order_info h5 {
  color: #fff;
}

.subbanner h1:before {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 80px;
  margin: 0px auto;
  border-bottom: 1px solid #fff;
}

.input_felids {
  float: left;
  width: 100%;
  position: relative;
  margin: 30px 0px;
}

.input_felids input {
  width: 100%;
}

.input_felids button {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  color: #fff;
  width: 400px;
}

.track_order {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 0px;
}
.for_desktop{
  margin-bottom: 0px;
}
.for_desktop .container{
  padding: 0px 15px;
}
.track_table {
  border: none;
  width: 100%;
  margin-bottom: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
}

.track_table tr th {
  border: none;
  box-shadow: none;
  color: #000;
  padding: 10px ​0px 10px 0px;
  text-transform: capitalize;
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
}

.track_table tr td {
  border: none;
  box-shadow: none;
  color: #000;
  text-transform: capitalize;
}

.track_table tr th,
.track_table tr td {
  padding: 10px 0px;
  width: 12%;
}

.wrapper_info figure {
  width: 80px;
  float: left;
}

.track_table thead {
  border: none;
  width: 100%;
}

.wrapper_info {
  float: left;
  width: 100%;
}

.wrapper_info ul {
  float: left;
  width: 100%;
}

.wrapper_info ul li:last-child {
  float: right;
  width: auto;
  position: relative;
  top: 50px;
}

.wrapper_info ul li {
  float: left;
  width: 100px;
  margin-right: 10px;
}

.wrapper_info ul li:last-child {
  margin-right: 0px;
}

.wrapper_info figure {
  float: left;
  width: 100px;
}

.btn_un {
  position: relative;
  float: right;
}

.btn_un span:last-child {
  opacity: 0;
  display: none;
  visibility: hidden;
}

.btn_un span:first-child {
  opacity: 1;
  display: block;
  visibility: visible;
}

.btn_un.active span:first-child {
  opacity: 0;
  display: none;
  visibility: hidden;
}

.btn_un.active span:last-child {
  opacity: 1;
  display: block;
  visibility: visible;
}

.wrapper_info {
  display: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
}

.wrapper_info.active {
  display: block;
}

.order_info {
  float: left;
  width: 100%;
  padding: 15px 0px;
}

.order_info h5 {
  margin-bottom: 5px;
  font-weight: 600;
  text-transform: capitalize;
  display: inline-block;
}

.order_info span {
  display: inline-block;
  float: right;
  margin-left: 10px;
}

.padding_50 {
  float: left;
  width: 100%;
  padding: 50px 0px;
}

.step_points {
  float: left;
  width: 100%;
  overflow: hidden;
  margin-bottom: 0px;
}
.global-page .step_points {
   padding-left: 0px;
}
.step_points ul {
  float: left;
  width: 100%;
  position: relative;
  z-index: 2;
  margin-bottom: 0px;
}

.step_points ul:before {
  position: absolute;
  content: "";
  left: 15px;
  top: 0px;
  border-left: 2px solid #ccc;
  bottom: 0px;
  z-index: 0;
}

.step_points ul li {
  float: left;
  width: 100%;
  padding-left: 50px;
  text-align: left;
  position: relative;
  padding-bottom: 15px;
}

.step_points ul li:before {
  position: absolute;
  content: "";
  left: 15px;
  top: 0px;
  bottom: 0px;
  border-left: 2px solid transparent;
}

.step_points ul li .steps {
  float: left;
  width: 30px;
  position: absolute;
  top: 0px;
  left: 0px;
  text-align: center;
  background: #fff;
  border-radius: 100%;
}
.aleat-days,
.step_points ul li h5 {
  color: #000;
  text-transform: capitalize;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
}

.step_points ul li p {
  line-height: normal;
  color: #000;
  width: 100%;
  display: inline-block;
}

.step_points ul li p span {
  text-transform: capitalize;
  display: inline-block;
  margin-right: 5px;
  float: left;
  line-height: normal;
  margin-bottom: 1px;
  color: #2b2b2b;
}

.step_points ul li p small {
  float: left;
  width: 100%;
}

.step_points ul li p span,
.step_points ul li p small {
  line-height: 21px;
}
.aleat-days{
    bottom: 0px;
    font-size: 16px;
    position: absolute;
    left: -150px;
    top: 15px;
    z-index: 9999;
}
.dot-l {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 5px;
}

.dot-l:before {
  position: absolute;
  content: "";
  left: -39px;
  top: 11px;
  border: 5px solid #ccc;
  border-radius: 100%;
}
.step1 .dot-l:before{
  border-color: #dc0414;
}
.or-clr{
  color: #f15d22;
}
.step_points ul li p span:last-child {
  margin-right: 0px;
}

.step_points ul li span i {
  width: 30px;
  text-align: center;
  height: 30px;
  line-height: 31px;
  font-size: 16px;
  border-radius: 100%;
  background: #ccc;
  color: #000;
  float: left;
}

.step_points ul li span i:before {
  font-weight: 600;
}

.order_details {
  float: left;
  width: 100%;
  padding: 15px;
  box-shadow: 0px 0px 11px -4px rgb(0 0 0 / 52%);
}

.cart_info {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

.cart_info li {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}

.cart_info li:last-child {
  margin-bottom: 0px;
}

.cart_info li h5,
.cart_info li h6 {
  float: left;
  width: 100%;
  color: #000;
  text-transform: capitalize;
  margin-bottom: 0px;
}

.cart_info li h6 span {
  float: right;
  width: auto;
  font-size: 100%;
}

.cart_info li h6 span,
.cart_info li h5 span {
  float: right;
  width: auto;
  color: #000;
  text-transform: capitalize;
}

.cart_info li h5 {
  font-weight: 600;
}

.cart_info li h5 span {
  font-weight: 600;
}


/*
=======================================
	Product Listing 
=======================================
*/

.product_listing {
  float: left;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  padding-top: 15px;
  margin-top: 15px;
}

.product_listing:first-of-type {
  margin-top: 0px;
}

.product_listing figure {
  float: left;
  width: 100px;
}

.product_listing .cart_item {
  float: left;
  width: 73%;
  padding: 2px 15px;
}

.product_listing .cart_item ul {
  margin-bottom: 0px;
}

.product_listing .cart_item ul li {
  float: left;
  width: 33.33%;
  padding: 6px 10px 6px 0px;
}

.product_listing .cart_item ul li:last-child span {
  text-align: right;
}

.product_listing .cart_item ul li span {
  color: #000;
}

.product_listing .cart_item h6 {
  margin-bottom: 0px;
  width: 100%;
}

.product_listing .cart_item h6 del {
  margin-left: 10px;
  font-weight: 300;
  color: #000;
}

.product_listing .cart_item h5 {
  font-size: 14px;
  margin-bottom: 0px;
  color: #000;
  text-transform: capitalize;
  width: 100%;
}

.product_listing .cart_item p {
  margin-bottom: 0px;
  width: 100%;
}

.scroll_box {
  float: left;
  width: 100%;
  min-height: 400px;
  max-height: 450px;
  overflow-y: scroll;
}

.scroll_box::-webkit-scrollbar {
  width: 5px;
}

.description_content {
  float: left;
  width: 100%;
  padding: 0px 0px 0px;
  margin-bottom: 0px;
}

.description_content h6 {
  margin-bottom: 0px;
  color: #000;
  text-transform: capitalize;
  font-weight: 600;
  line-height: 17px;
  font-size: 15px;
}

.description_content p {
  display: inline-block;
  color: #000;
  width: 100%;
  margin-bottom: 5px;
  line-height: 26px;
  font-size: 14px;
}

.mb5 {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.description_content ol {
  float: left;
  width: 100%;
  padding-left: 16px;
}

.description_content li {
  list-style: decimal;
  color: #000;
  width: 100%;
  margin-bottom: 10px;
}


/*
=======================================
	Complaint Portal
=======================================
*/

.order_card {
  float: left;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.order_card ul {
  float: left;
  width: 50%;
  margin-bottom: 10px;
}

.order_card ul li {
  float: left;
  width: 100%;
  min-height: 20px;
  max-height: 20px;
  color: #000;
  font-size: 12px;
}

.order_card ul:first-child li {
  font-weight: 600;
}

.order_card_footer {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.order_card_footer button {
  float: right;
  width: auto;
  font-size: 12px;
}

.order_card .wrapper_info .btn_small,
.order_card_footer a {
  float: left;
  width: auto;
  padding: 5px 10px;
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
  text-decoration: none;
  min-width: auto;
  max-width: auto;
}

.order_card .wrapper_info ul {
  float: left;
  width: 100%;
}

.order_card .wrapper_info ul li {
  min-height: auto;
  max-height: 100%;
  float: left;
  width: 20%;
}

.order_card .wrapper_info ul li figure {
  width: 100%;
  border: 1px solid #ccc;
}

.order_card .wrapper_info ul li:last-child {
  top: 0px;
}

.order_card .wrapper_info .btn_small {
  float: none;
}

.order_card .wrapper_info {
  border: none;
}

.select_item {
  float: left;
  width: 100%;
}

.select_item img {
  width: 100px;
}

.select_item select {
  height: auto;
  padding: 0px 1px;
}

.select_item h6 {
  display: inline-block;
  color: #000;
  text-transform: capitalize;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  padding: 0px 10px 0px 0px;
  margin-bottom: 0px;
  font-size: 12px;
}

.select_item h5 {
  float: left;
  width: 100%;
  color: #000;
  font-size: 12px;
  font-weight: 600;
}

.select_item h5 del {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  margin-left: 5px;
}

.select_item .tchecbox label span {
  width: 20px;
  height: 20px;
  float: left;
  position: absolute;
  left: 0px;
  top: 30px;
}

.select_item .tchecbox label span:before {
  font-size: 13px;
  line-height: 20px;
}

.select_item .tchecbox label {
  float: left;
  width: 100%;
}

.product_selection ul {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.product_selection ul li {
  padding: 0px 7px;
}

.icons_types {
  float: left;
  width: 100%;
  position: relative;
}

.icons_types h4 i {
  font-size: 24px;
  margin-left: 10px;
}

.complaint_box h6,
.icons_types h4 {
  color: #000;
  text-transform: capitalize;
  display: inline-block;
  position: relative;
  float: left;
  margin: 0px;
  font-size: 16px;
  font-weight: 600;
}

.customer_heading h4,
.icons_types h4 {
  color: #fff;
  border: none;
  width: 100%;
  padding: 14px 15px;
}

.customer_heading h4 {
  margin-bottom: 0px;
}

.icons_types ul {
  float: left;
  width: 100%;
  text-align: left;
}

.icons_types ul li {
  float: none;
  display: inline-block;
  margin-right: 10px;
}

.icons_types ul li i {
  width: 100%;
  display: inline-block;
  font-size: 40px;
  margin-bottom: 10px;
}

.icons_types ul li input {
  display: none;
}

.icons_types ul li label {
  width: 90px;
  height: 90px;
  border: 1px solid #ccc;
  text-align: center;
  line-height: normal;
  padding: 6px 10px 6px 10px;
  display: inline-block;
  margin: 10px 0px;
  cursor: pointer;
}

.icons_types ul li h6 {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  line-height: 14px;
  text-transform: capitalize;
}

.icons_types ul li input[type="radio"]:checked~label {
  color: #fff;
}


/*
=======================================
	Product Table 
=======================================
*/

.product_table {
  float: left;
  width: 100%;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}

.product_table tr th {
  border: none;
  border-bottom: 1px solid #ccc;
  color: #fff;
  text-transform: capitalize;
  font-weight: 500;
  vertical-align: middle;
  border-right: 1px solid #fff;
  font-size: 13px;
}

.product_table tr td {
  border: none;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  line-height: normal;
  padding: 0px 15px;
  font-size: 12px;
  color: #000;
  text-transform: capitalize;
  cursor: pointer;
}

.product_table tr th:last-child,
.product_table tr td:last-child {
  border-right: none;
}

.product_table tbody tr:last-child td {
  border-bottom: none;
}


/*
=======================================
	Tick box
=======================================
*/

.tchecbox {
  float: left;
  width: 100%;
  text-align: center;
}

.tchecbox input {
  display: none;
}

.tchecbox label {
  display: inline-block;
  margin: 0px;
  top: 2px;
  position: relative;
}

.tchecbox label span {
  width: 14px;
  height: 14px;
  text-align: center;
  line-height: 10px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tchecbox label span:before {
  position: absolute;
  content: "\e924";
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 0px 2px;
  line-height: 10px;
  font-weight: 600;
  font-family: 'icomoon';
  font-size: 15px;
  border: 1px solid #000;
}

.tchecbox input[type="checkbox"]:checked~label span:before {
  font-size: 0px;
}

.product_table tr th .tchecbox label span:before {
  border-color: #fff;
  color: #fff;
}

.product_table tbody tr td img {
  width: 50px;
  display: inline-block;
}

.pedding50 {
  padding: 50px 0px;
}

.product_table tbody tr td select {
  padding: 5px 5px;
  height: auto;
  text-transform: capitalize;
  margin: 0px 0px;
  float: left;
  border: none;
  outline: none;
  background: transparent;
}


/*
=======================================
	Scorll bar
=======================================
*/

.scroll_bar {
  min-height: 200px;
  max-height: 200px;
  overflow: scroll;
}

.product_table tbody tr td select:focus {
  border: none;
}

.product_table tfoot tr td {
  border: none;
  border-top: 1px solid #ccc;
  padding: 10px 15px;
}

.product_table tfoot tr td i {
  font-size: 20px;
  margin-right: 10px;
  float: left;
  color: #000;
}

.product_table tfoot tr td i:before {
  font-weight: 600;
}

.product_table tfoot tr td:nth-child(5) {
  border-right: 1px solid #ccc;
}

.customer_heading {
  float: left;
  width: 100%;
  color: #fff;
}

.customer_heading h6 {
  text-transform: capitalize;
  display: inline-block;
  margin-bottom: 0px;
  width: 100%;
}

.customer_order_detail {
  float: left;
  width: 100%;
  background: rgba(0, 0, 0, 0.04);
  /*box-shadow: 0px 2px 10px -4px #000;*/
}

.customer_order_detail table {
  border: none;
  margin: 0px;
}

.customer_order_detail table tr td {
  padding: 10px 10px 5px;
  border: none;
  text-transform: capitalize;
  font-size: 13px;
  color: #000;
}


/*
=======================================
	Complaint box
=======================================
*/

.Upload_files,
.complaint_box {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.complaint_box h4 {
  text-transform: capitalize;
  display: inline-block;
  width: 100%;
  font-weight: 600;
  color: #000;
}

.complaint_box textarea {
  width: 100%;
  min-height: 200px;
  max-height: 220px;
  border: none;
  background: #fff;
  box-shadow: 2px 1px 9px -1px rgb(0 0 0 / 0%);
  border: 1px solid #ccc;
  resize: none;
  padding: 15px;
  font-size: 13px;
  margin-bottom: 20px;
  color: #000;
}

.complaint_box textarea:focus {
  box-shadow: 2px 1px 9px -1px rgb(0 0 0 / 20%);
  border-color: transparent;
}

.Upload_files {
  margin-bottom: 30px;
}

.Upload_files input {
  display: none;
}

.Upload_files label {
  display: inline-block;
  margin: 0px;
  width: 300px;
  float: left;
  height: 100px;
  text-transform: capitalize;
  color: #000;
  background: #fff;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  line-height: 100px;
  font-weight: 500;
  box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 20%);
}

.Upload_files label:focus {
  box-shadow: 2px 3px 3px 0px rgb(0 0 0 / 20%);
}

.Upload_files label i {
  margin-right: 10px;
}

.btn_dev {
  float: left;
  width: 100%;
}

.btn_dev button {
  text-transform: capitalize;
  float: left;
}

.btn_dev button:last-child {
  float: right;
}


/*
=======================================
	Abount us page
=======================================
*/

.fixed-blog {
  float: left;
  width: 100%;
  background: #fff;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}

.fixed-blog .term-content {
  float: right;
  width: 50%;
  margin-bottom: 0px;
  text-align: left;
}

.bg_blog {
  float: left;
  width: 100%;
  position: relative;
}

.bg_blog img {
  width: 100%;
}

.bg_blog .term-content {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.fixed-blog .bg-img {
  left: 0px;
  right: auto;
  top: 0px;
  width: 50%;
  position: absolute;
  height: 100%;
}

.fixed-blog .bg-img div {
  background-repeat: no-repeat;
  background-position: 52.6vw;
  background-size: contain;
  background-attachment: fixed;
  margin: 0 auto;
}

.fixed-blog.rtl-column .bg-img {
  left: auto;
  right: 0px;
  height: 100vh;
}

.fixed-blog.ltr-column .term-content {
  right: 0px;
  padding: 0px 50px 0px 20px;
  margin: -120px 0 0px auto;
  top: 50%;
}

.fixed-blog.rtl-column .bg-img div {
  background-repeat: no-repeat;
  background-position: 97% top;
  background-size: inherit;
  background-attachment: fixed;
}

.fixed-blog.rtl-column .term-content {
  width: 50%;
  padding: 0px 20px 0px 50px;
  float: left;
  text-align: left;
  top: 50%;
  margin-top: -100px;
}

.fullwidth .bg-img {
  width: 100%;
  height: 100vh;
}

.fixed-blog.fullwidth .bg-img div {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  margin: 0 auto;
}

.fullwidth .term-content {
  width: 80%;
  z-index: 9;
  text-align: center;
  top: 50%;
  margin: -100px auto;
}

.term-content p {
  line-height: 30px;
}

.grid_style_2 {
  float: left;
  width: 100%;
  background: #f9f9fb;
  margin-bottom: 30px;
}

.grid_style_2 figure {
  float: left;
  width: 100%;
}

.grid-style-content {
  float: left;
  width: 100%;
  text-align: center;
  padding: 44px 20px 41px;
}

.grid-style-content h4 {
  text-transform: capitalize;
  width: 100%;
  margin-bottom: 12px;
  color: #000;
  font-weight: 600;
}

.grid-style-content h4 a {
  display: inline-block;
  font-weight: 400;
}

.grid-style-content p {
  width: 100%;
  margin-bottom: 0px;
}

.term-content h1 {
  font-size: 30px;
}

.fixed-blog {
  float: left;
  width: 100%;
}

.vertical_ss {
  float: left;
  width: 100%;
}
.vertical_ss a{
  display: inline-block;
  width: 100%;
  float: left;
}
.vertical_ss img{
  width: 100%;
}
.for_web_listing {
  display: block;
}

.for_mobile_listing {
  display: none;
}

.myinput[type="checkbox"]:before {
  position: relative;
  display: block;
  width: 11px;
  height: 11px;
  border: 1px solid #808080;
  content: "";
  background: #FFF;
}

.myinput[type="checkbox"]:after {
  position: relative;
  display: block;
  left: 2px;
  top: -11px;
  width: 7px;
  height: 7px;
  border-width: 1px;
  border-style: solid;
  border-color: #B3B3B3 #dcddde #dcddde #B3B3B3;
  content: "";
  background-image: linear-gradient(135deg, #B1B6BE 0%, #FFF 100%);
  background-repeat: no-repeat;
  background-position: center;
}

.myinput[type="checkbox"]:checked:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #B1B6BE 0%, #FFF 100%);
}

.myinput[type="checkbox"]:disabled:after {
  -webkit-filter: opacity(0.4);
}

.myinput[type="checkbox"]:not(:disabled):checked:hover:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #8BB0C2 0%, #FFF 100%);
}

.myinput[type="checkbox"]:not(:disabled):hover:after {
  background-image: linear-gradient(135deg, #8BB0C2 0%, #FFF 100%);
  border-color: #85A9BB #92C2DA #92C2DA #85A9BB;
}

.myinput[type="checkbox"]:not(:disabled):hover:before {
  border-color: #3D7591;
}

.for_complaint,
.bg100 {
  padding: 200px 0px;
}


/*
=============================================
	Global Drop shipping Landing page
=============================================
*/

.flex_banner {
  float: left;
  width: 100%;
  position: relative;
}


/*
======================
	Mega Menu Global
======================
*/

.category_bar {
  width: 20%;
  position: absolute;
  top: 0px;
  float: left;
  height: 100%;
  display: none;
  left: 0px;
  bottom: 0px;
}

.category_bar.active {
  display: inline-block;
}

.category_bar>ul {
  float: left;
  width: 100%;
  background: #fff;
  border: 1px solid;
  margin-top: 0px;
  z-index: 9999;
  position: relative;
  vertical-align: top;
}

.category_bar>ul>li {
  float: left;
  width: 100%;
  padding: 6.1px 12px;
  text-transform: capitalize;
  border-bottom: 1px solid #ccc;
  z-index: 9999;
}

.category_bar>ul>li:last-child {
  border-bottom: 0px;
}

.global_mega_menu dt a,
.global_mega_menu dt,
.category_bar>ul>li>a {
  display: inline-block;
  padding: 0px 5px;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  position: relative;
  z-index: 999;
}

.global_mega_menu dt a:before,
.category_bar>ul>li>a:before {
  position: absolute;
  content: "\f105";
  font-family: fontawesome;
  top: 50%;
  margin-top: -10px;
  right: 0px;
  font-size: 18px;
  color: #000;
}

.category_bar>ul>li:last-child>a:before {}

.global_mega_menu dd:before {
  position: absolute;
  content: "/";
  top: 50%;
  margin-top: -12px;
  right: -3px;
  font-size: 14px;
  color: #000;
}

.global_mega_menu dd:last-child:before {
  display: none;
}

.global_mega_menu dd a:before {}


/*
=============================================
	Banner Global
=============================================
*/

.banner_slider {
  width: 100%;
  float: right;
  overflow: hidden;
}


/*.flex_banner.current .banner_slider{
	width: 80%;
}*/

.banner_slider .slide img {
  width: 100%;
  height: 100%;
}

.category_bar .global_menu {
  width: 913px;
  position: absolute;
  top: 0px;
  left: 100%;
  background: #fff;
  margin-left: 0px;
  opacity: 0;
  visibility: hidden;
  height: 100%;
  overflow-y: scroll;
  /*box-shadow: 0 1px 10px rgb(0 0 0 / 12%);*/
}

.global_mega_menu {
  background: rgba(255, 255, 255, 1);
  padding: 10px 15px;
  height: 100%;
  right: 0px;
  width: 100%;
  bottom: 0px;
  display: flex;
  flex-wrap: wrap;
  z-index: 0;
}

.global_mega_menu dt {
  color: #000;
  padding: 0px 8px;
  margin-bottom: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: left;
  font-weight: 600;
  overflow: hidden;
  height: 30px;
  width: 130px;
}
.flex-colss{
  flex-wrap: wrap;
}
.flex-colss.w3{
  width: 23%;
}
.flex-colss.w9{
  width: 77%;
}
.global_mega_menu .flex-colss {
  width: 100%;
  flex-wrap: wrap;
  flex: 0 0 1;
  background: #fff;
}

.global_mega_menu dl {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 5px;
}

.global_mega_menu dl dd {
  position: relative;
  padding: 0px;
  float: left;
  margin-bottom: 0px;
  width: auto;
}

.global_mega_menu dl dd a {
  display: inline-block;
  padding: 1px 10px;
  font-size: 13px;
  font-weight: 500;
  width: auto;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.category_bar ul li.active .global_menu,
.category_bar ul li:hover .global_menu {
  opacity: 1;
  visibility: visible;
}


/*
=============================================
	Services Global
=============================================
*/

.services {
  float: left;
  width: 100%;
}

.services ul {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0px 0px 0px;
}

.services ul li {
  width: 25%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 15px;
  margin-right: 15px;
  text-align: center;
  position: relative;
}

.services ul li:before {
  position: absolute;
  content: "";
  top: 0px;
  bottom: 0px;
  right: 0px;
  border-right: 2px solid #000;
}

.services ul li:last-child {
  margin-right: 0px;
  padding-right: 0px;
}

.services ul li:last-child:before {
  display: none;
}

.services li span {
  display: inline-block;
  width: auto;
  line-height: 0px;
  font-size: 72px;
  top: 10px;
  position: relative;
}

.services li h5 {
  display: inline-block;
  width: auto;
  text-transform: capitalize;
  margin-bottom: 0px;
  color: #000;
  text-align: left;
  margin-left: 10px;
}


/*
=============================================
	Scroll Category Global
=============================================
*/

.scroll_category {
  float: left;
  width: 100%;
  
  margin: 0px;
}
.global-page .scroll_category{
  /*padding: 25px 15px 17px;*/
} 
.scroll_category .scroll_column {
  text-align: center;
  padding: 0px 20px;
}

.scroll_column img {
  width: 100%;
  border-radius: 100%;
  width: 150px;
  margin-bottom: 7px;
}

.scroll_column h4 {
  display: inline-block;
  font-weight: 500;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 0px;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.scroll_column h4 a {
  display: inline-block;
  color: #fff;
  font-size: 100%;
  font-weight: 300;
}

#category_slider .slick-arrow {
  background: transparent;
  border: none;
  box-shadow: none;
}

#category_slider .slick-arrow:before {
  font-size: 40px;
  color: #fff;
}

#category_slider .slick-next.slick-arrow {
  right: 0px;
}

#category_slider .slick-prev.slick-arrow {
  left: 0px;
}

.custom_tab_grid.display_flex {
  padding: 0px;
}



.mb30 {
  margin-bottom: 30px;
}

.mb-20 {
  margin-bottom: 20px;
}

.panding_80 {
  padding: 30px 0px 20px;
}

.panding_40 {
  padding: 0px 0px 20px;
}

.section {
  float: left;
  width: 100%;
}

.section a {
  width: 100%;
}

.section a img {
  width: 100%;
}


/*
=============================================
	Deals Category Global Section
=============================================
*/

.deal_column {
  float: left;
  width: 100%;
  border: 4px solid;
  padding: 8px 20px 25px;
  border-radius: 10px;
  animation: change-border 4s ease infinite;
}

@keyframes change-border {
  0% {
    border-color: #ff8e6c;
  }
  45% {
    border-color: #ffa489;
  }
  65% {
    border-color: #ff6d37;
  }
  75% {
    border-color: #ff4e00;
  }
  100% {
    border-color: #e14504;
  }
}

.title_head {
  text-transform: capitalize;
  display: inline-block;
  width: 100%;
  border-bottom: 2px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 7px;
  font-size: 22px;
}

.deal_column figure {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.title_head b {
  display: inline-block;
  color: #000;
  margin-right: 5px;
}

.discount_percentage {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  text-transform: capitalize;
  color: #fff;
  font-weight: 600;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 14px;
  line-height: 50px;
  font-size: 18px;
  text-align: center;
}

.weekend_content {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 35px;
}

.weekend_content h5 {
  display: inline-block;
  margin-bottom: 0px;
}

.weekend_content h5 a {
  display: inline-block;
  color: #000;
  text-transform: capitalize;
  font-weight: 600;
}

.weekend_timmer small,
.weekend_content small {
  width: 100%;
  display: inline-block;
  font-weight: 500;
  color: #000;
  font-size: 12px;
}

.weekend_content span {
  font-weight: 600;
  font-size: 12px;
  text-transform: capitalize;
  color: #000;
  position: absolute;
  right: 0px;
  top: 20px;
}

.weekend_timmer {
  width: auto;
  float: left;
  padding: 12px 0px 0px;
}

.weekend_timmer h5 {
  margin-bottom: 0px;
  width: 100%;
  line-height: 10px;
  font-size: 14px;
}

.weekend_timmer small {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
}

.countdown_timer {
  float: right;
  width: auto;
}

.countdown_timer ul {
  display: flex;
  width: 100%;
}

.countdown_timer ul li {
  text-align: center;
  margin: 0px 4px;
}

.countdown_timer ul li h5 {
  margin-bottom: 0px;
  width: 30px;
  height: 30px;
  text-transform: capitalize;
  line-height: 30px;
  font-size: 14px;
  color: #000;
  font-weight: bold;
  text-align: center;
  background: #ccc;
  border-radius: 100%;
}

.countdown_timer ul li span {
  margin-bottom: 0px;
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  color: #000;
}

#deals_slider .slick-arrow {
  border: none;
  width: auto;
  height: auto;
  line-height: normal;
  padding: 0px;
  box-shadow: none;
  background: transparent;
  position: absolute;
  top: -32px;
  right: 0px;
  display: block !important;
  z-index: 9999;
}

#deals_slider .slick-arrow.slick-prev {
  left: auto;
  right: 20px;
}

.mb20 {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

.gbproducts {
  float: left;
  width: 100%;
  background: #fff;
  margin-bottom: 15px;
}

.slick-list {
  float: left;
  width: 100%;
}


/*
=============================================
 Global Products Section
=============================================
*/

.gbproducts .product_img {
  padding-bottom: 0px;
}

.weekend_deals figure,
.gbproducts .product_img figure {
  position: relative;
}

.weekend_deals .tag_pro,
.gbproducts .product_img .tag_pro {
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 10px;
}

.gbproducts .product_content {
  padding: 10px 15px 10px;
}

.listing_content h3 del,
.product_content h3 del {
  margin: 0px 5px;
}
.gbproducts.slick-slide{
  margin: 0px 5px;
}

/*
=============================================
 Global Products TABs Section
=============================================
*/

.nav_linkss {
  float: left;
  width: 100%;
  border-bottom: 2px solid #ccc;
  margin-bottom: 15px;
  padding: 0px 5px 0px;
}

.nav_linkss li {
  float: left;
  width: auto !important;
  margin-right: 15px;
}

.nav_linkss li a {
  display: inline-block;
  text-transform: capitalize;
  font-size: 16px;
  color: #000;
  position: relative;
  font-weight: 600;
  padding-bottom: 10px;
}

.nav_linkss li a:before {
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0px;
  right: 0px;
  width: 100%;
  border-bottom: 2px solid;
  visibility: visible;
  opacity: 0;
}

.nav_linkss li:hover a:before,
.nav_linkss li.active a:before {
  opacity: 1;
  visibility: visible;
}

.brands_logos {
  float: left;
  width: 100%;
}

/*#brands_log {
  margin-bottom: 27px;
}*/

.mb5 {
  margin-bottom: 5px !important;
}

.mb14 {
  margin-bottom: 14px !important;
}

.brands_logos .item a {
  display: inline-block;
  padding: 0px 20px;
  width: 100%;
}

.flex-center {
  justify-content: center;
  justify-content: space-between;
}

.flex-center a {
  display: inline-block;
  flex: 1 1 1px;
  margin: 0px 7px;
}

.flex-center a:first-child {
  flex: 1.7;
}

.flex-center a img {
  width: 100%;
}

.text_flex {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0px 10px;
  margin: 0 auto;
}

.text_flex .flex-col {
  flex: auto;
  width: auto;
}

.brands_logos .titles h4,
.text_flex .flex-col h4 {
  padding: 13px 0px 20px;
  margin: 0px;
  font-size: 22px;
  text-transform: capitalize;
  font-weight: 600;
}

.text_flex .flex-col h4 {}

body .mb7 {
  margin-bottom: 7px;
}

.-mb10 .flex-col h4 {
  padding-bottom: 15px;
}

.global-page .flex-col h4 b,
.global-page .brands_logos .titles h4 b {
  color: #000;
}

.brands_logos .titles h4 {
  padding: 0px;
  margin-bottom: 14px;
}

.display_flex.show_4 .col {
  flex: 0 1 218px;
  padding: 0px;
  margin: 0px -6px;
}

.flex-col .nav_linkss {
  margin-bottom: 0px;
  padding-top: 15px;
  margin-left: 0px;
}

.column_sections {
  float: left;
  width: 100%;
}

.category_flex {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0px 0px;
  margin: 0 auto;
  flex-wrap: wrap;
}

.category_flex .gbproducts {
  flex: 0 0 202px;
  padding: 0px;
  margin: 0px 0px 10px;
}

.category_flex .gbproducts.slick-slide {
  margin: 0px 10px 10px 0px;
}


.tab_slider_for {
  float: left;
  width: 100%;
}

.tabcontent {
  display: none;
}

.tabcontent.active {
  display: flex;
}

/*.category_flex.small_slider .slick-track {
  display: flex !important;
  width: 100% !important;
}*/

.slider-s5 .gbproducts.slick-slide {
  margin: 0px 10px 20px 0px;
}

.tab_mobile {
  display: none;
}


/*
=============================================
 Global Checkout Page
=============================================
*/

.variations {
  float: left;
  width: 100%;
}

.variations li {
  float: left;
  width: 54.4px;
  height: 54.4px;
  padding: 2px;
  margin: 0px 11px 10px 0px;
  box-shadow: inset 0 0 0 1px #ccc;
  background: transparent;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
}

.variations li img {
  width: 100%;
  height: 100%;
}

#shedes_drop {
  position: fixed;
  right: 0px;
  bottom: -100%;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 999;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  margin-bottom: -160px;
  box-shadow: 0px 20px 30px 23px rgba(0, 0, 0, 0.1);
}

#shedes_drop.toggled {
  bottom: 0%;
  visibility: visible;
  opacity: 1;
}

#shedes_drop .btn_close {
  top: -40px;
  background: transparent;
}

#shedes_drop h6 {
  text-align: left;
  display: inline-block;
  width: 100%;
  font-size: 12px;
}

#shedes_drop .sub-title {
  text-align: left;
}

#shedes_drop .slider img {
  padding: 2px;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  width: 120px;
  margin-top: -44px;
}

.listin_list {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.listin_list img {
  float: left;
  width: 67px;
  border-radius: 3px;
}

.listing_con {
  text-align: left;
  padding: 13px 18px 0px;
  width: 210px;
  float: left;
}

.listing_con h6 {
  text-align: left;
}

.information .listing_con h4 {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
}

#shedes_drop .content_info {
  padding: 0px 15px 0px;
  background: #fff;
}

.scroll_br {
  height: 330px;
  overflow-y: scroll;
  display: inline-block;
}

.colors_codes span {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 12px;
}

.size_selection a:hover,
.size_selection a.active {
  color: #333;
}

.dotted_btn {
  display: none;
}

.size_selection {
  float: left;
  width: 100%;
}

.size_selection a {
  display: inline-block;
  padding: 6px 14px;
  box-shadow: inset 0 0 0 1px #ccc;
  border-radius: 4px;
  margin-left: 0px;
  float: left;
  margin-right: 9px;
  margin-bottom: 10px;
}

.overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #000;
  opacity: 0;
  z-index: 99;
  visibility: hidden;
}

.overlay.active {
  opacity: 0.45;
  visibility: visible;
}

.fixed_button .btns {
  z-index: 999999;
}

.visible_products .display_flex {
  padding: 0px;
}

.visible_products .display_flex .col {
  margin: 0px 0px 10px;
    padding: 15px;
    flex: 1 0 200px;
}

.ck-title {
  margin-bottom: 30px;
}
.ck-title small,
.ck-title p {
  float: right;
  width: auto;
  margin: 2px 0px;
}

.ck-title p a {
  display: inline-block;
  width: auto;
  text-transform: capitalize;
  margin-left: 5px;
  font-size: 100%;
}

.ck-title h4 {
  width: auto;
  float: left;
}
.ck-title small,
.ck-title h4 p {
  margin-left: 10px;
  text-transform: none;
}

.submiting_form {
  float: left;
  width: 100%;
  justify-content: space-between;
}

.text-felid {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.text-felid input {
  border: 1px solid #c0c4cc;
  color: #b2b2b2;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  line-height: 20px;
  outline: none;
  padding: 4px 10px;
  vertical-align: middle;
  width: 100%;
  border-radius: 4px;
}

.submiting_form .display-flex {
  justify-content: space-between;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

.submiting_form .display-flex select {
  width: 100%;
  border: 1px solid #c0c4cc;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
  height: 40px;
}

.submiting_form .col {
  padding: 0px;
  flex: 0 0 249px;
  justify-content: space-between;
}

.check_box {
  float: left;
  width: 100%;
}

.check_box input {
  display: none;
}

.check_box label {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: normal;
  color: #333;
  cursor: pointer;
}

.check_box label span {
  width: 20px;
  height: 20px;
  display: inline-block;
  border: 1px solid #c0c4cc;
  line-height: 0px;
  margin-right: 10px;
  float: left;
  position: relative;
  border-radius: 4px;
}

.check_box label span:before {
  position: absolute;
  content: "\f00c";
  font-family: fontawesome;
  top: 0px;
  left: 0px;
  right: 0px;
  font-size: 18px;
  line-height: 18px;
  bottom: 0px;
  background: transparent;
  opacity: 0;
  visibility: hidden;
  border-radius: 4px;
}

.check_box input[type="checkbox"]:checked~label span:before {
  visibility: visible;
  opacity: 1;
  color: #fff;
}

.gray {
  background: #ccc;
  color: #000;
}

.box {
  width: 100%;
  background: #fff;
  border-radius: 5px;
  padding: 18px 19px 18px;
  margin-bottom: 21px;
  float: left;
}

.mtb-50 {
  margin: 50px 0px;
  float: left;
  width: 100%;
}

.mtb-20 {
  margin: 20px 0px;
  float: left;
  width: 100%;
}

.radio_box {
  float: left;
  width: auto;
}

.radio_box input {
  display: none;
}

.radio_box label {
  float: left;
  width: auto;
  margin-right: 15px;
  cursor: pointer;
  font-size: 14px;
}

.radio_box label span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #f0f0f0;
  float: left;
  margin: -2px 12px 0px 0px;
  border: 4px solid transparent;
  cursor: pointer;
}

.radio_box input[type="radio"]:checked~label span {
  background: #fff;
}

.product_item,
.product_ckot_content {
  float: left;
  width: 100%;
}

.product_item img {
  float: left;
  width: 120px;
  height: 120px;
}

.product_ckot_content {
  float: right;
  width: 70%;
}

.product_ckot_content .col h6 {
  margin-bottom: 0px;
}

.product_ckot_content .col {
  flex: 0 0 168px;
}

.product_ckot_content .col:first-child {
  width: 60%;
  padding: 0px 0px 0px 0px;
}

.product_ckot_content .col:last-child {
  float: right;
  width: 40%;
}

.discount_price b {
  display: inline-block;
  width: auto;
  margin-left: 10px;
}

.discount_price {
  margin: 0px;
  float: left;
  width: 100%;
  text-align: right;
  padding-right: 0px;
}

.product_ckot_content {
  position: relative;
}

.product_ckot_content>h6 {
  color: #000;
  text-transform: capitalize;
  display: inline-block;
  width: 100%;
  padding-right: 30px;
  font-weight: 500;
}

.product_ckot_content>h6 a {
  font-weight: 600;
  display: inline-block;
  overflow: hidden;
  max-height: 40px;
  min-height: 30px;
  white-space: break-spaces;
  text-overflow: ellipsis;
}

.product_ckot_content .btn-delete {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 16px;
  width: 30px;
  color: #333;
  /* border: 1px solid #ccc; */
  height: 30px;
  text-align: center;
  line-height: 29px;
  border-radius: 100%;
  box-shadow: 1px 0px 1px 0px rgb(0 0 0 / 40%);
}

h4.final_price {
  float: right;
  text-align: right;
  display: inline-block;
  text-transform: capitalize;
  margin-bottom: 0px;
}

.product_ckot_content .col span {
  text-transform: capitalize;
  display: inline-block;
  margin-bottom: 5px;
  color: #000;
}

.select_varient {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.select_varient select {
  width: 100%;
  margin: 0px auto;
  height: 34px;
  padding: 0px 5px;
  border-radius: 4px;
}

.sprater_box {
  float: left;
  width: 100%;
}

.sprater_box li {
  float: left;
  width: 100%;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #c0c4cc;
}

.sprater_box li:last-child {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.sprater_box li .check_box {
  float: left;
  width: auto;
}

.sprater_box li .product_item {
  float: right;
  width: 94%;
}

.mb20 {
  margin-bottom: 20px;
}


/*
=============================================
	Promo code 
=============================================
*/

.promo_codes {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.promo_codes input {
  float: left;
  width: 100%;
  border-radius: 4px;
}

.promo_codes button {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  color: #fff;
  padding: 5px 30px;
  border-radius: 4px;
}

.discription {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

.discription p {
  width: 100%;
  text-transform: capitalize;
  margin-bottom: 0px;
  padding: 5px 0px 0px;
  font-size: 12px;
}

.total_amounts {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.tprice {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}

.tprice span {
  display: inline-block;
  color: #000;
  text-transform: capitalize;
}

.tprice span:first-child {
  float: left;
}

.tprice span:last-child {
  float: right;
}

.total_amounts h4 {
  float: left;
  width: 100%;
  color: #000;
}

.total_amounts h4 span {
  float: right;
  font-weight: bolder;
}

.total_amounts h4 span.clr1 {
  margin-right: 10px;
}

.bg01 {
  width: 100%;
  display: inline-block;
  color: #fff;
  border-radius: 4px;
}

.border_box {
  font-weight: 500;
  display: inline-block;
  max-width: 70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 2px 6px;
  border-radius: 4px;
  border: 2px solid;
}

.total_amounts .border_box {
  font-weight: 600;
}

.tprice.clr span:last-child {
  margin-top: 4px;
}

.border_box i {
  float: left;
  font-size: 16px;
  margin-right: 5px;
  margin-top: 2px;
}

hr {
  float: left;
  width: 100%;
  height: auto;
  border-top: 1px solid #ccc;
  margin: 10px 0px;
}

.mob {
  display: none;
}

.dsk {
  display: block;
}

.overlay_border {
  border: 2px solid;
}

.product_show {
  float: left;
  width: 100%;
}

.high_demands .cart-rv {
  width: 100%;
}

.product_show .products:hover .overlay_button {
  visibility: visible;
  opacity: 1;
}

.add_item {
  font-size: 16px;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  color: #fff;
  text-align: center;
  line-height: 30px;
  display: inline-block;
  position: absolute;
  right: 5px;
  bottom: -5px;
}

.add_item {
  display: none;
}


/*
=============================================
	Bundle Detail page
=============================================
*/

.bundle_offers {
  float: left;
  width: 100%;
  padding: 0px 15px;
}

.bundle_slider {
  float: left;
  width: 100%;
}

.bundle_slider .slick-list.draggable {
  padding: 0px;
}

.product_group .item,
.bundle_slider .item {
  float: left;
  width: 100%;
  padding: 0px 30px;
  background: #fff;
  position: relative;
}

.bundle_slider div.slick-active:before {
  position: absolute;
  content: "+";
  top: 50%;
  right: 0px;
  font-size: 35px;
  color: #000;
  margin-top: -20px;
}

.bundle_slider .slick-active+.slick-active+.slick-active:before {
  content: "=";
}

.bundle_slider .slick-next {
  right: -350px;
}

.bundle_slider {
  width: 100%;
  float: left;
}

.product_group {
  width: 100%;
  float: right;
}

.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.product_group h5,
.bundle_slider h5 {
  font-weight: 500;
  color: #000;
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0px;
}

.product_group h4,
.bundle_slider h4 {
  color: #000;
  width: 100%;
  display: inline-block;
}

.product_group h4 b,
.bundle_slider h4 b {
  color: #000;
  font-weight: 700;
}

.product_group .item {
  padding: 0px 20px;
}

.total_bundle_price {
  float: left;
  width: 100%;
  padding: 10px 30px 20px;
  background: #fff;
  margin-bottom: 0px;
}

.total_bundle_price h4 {
  float: left;
  width: auto;
  font-size: 20px;
  padding: 0px 0px 0px;
}

.total_bundle_price h4 b {
  font-weight: 600;
}

.total_bundle_price h4 span {
  font-size: 14px;
  text-transform: uppercase;
}

.total_bundle_price h4 span del {
  margin-left: 15px;
  margin-right: 15px;
}

.total_bundle_price a {
  float: right;
  text-transform: capitalize;
}

.sprater_30 {
  float: left;
  width: 100%;
  margin: 30px 0px;
}

.image-variation {
  padding: 0px 0px;
  position: absolute;
  bottom: -20px;
  left: 0px;
  right: 0px;
  background: #fff;
}

.modal-open .modal {
  z-index: 999999;
}

.sprater_30 {
  display: none;
}

.slick-dotted.slick-slider {
  margin-bottom: 0px;
}

.x1_slider {
  float: left;
  width: 100%;
}

.x1_slider .mobile {
  display: none;
}
.x1_slider .slick-dots li button:before {
  border-radius: 100%;
  color: #fff;
  width: 12px;
  height: 12px;
  line-height: 12px;
  background: #fff !important;
}
.x1_slider .slick-dots li button{
  background: #fff !important;
}
.x1_slider .slick-dots li{
  float: none;
  display: inline-block;
  margin: 0px 2px;
}
.x1_slider .slick-dots {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  text-align: center;
}
.x1_slider .slick-dots {
  bottom: 22px;
}
.x1_slider .slick-dots li.slick-active button:before,
.x1_slider .slick-dots li.slick-active button{
  background: #dc0414 !important;
}
.rightside {
  float: right;
  width: auto;
  position: relative;
  right: -7px;
  text-transform: capitalize;
}
.rightside i {
  margin-left: 5px;
}

.menus_tabs {
  float: left;
  width: 100%;
  position: relative;
  z-index: 999999;
}

.menus_tabs a {
  float: left;
  width: 50%;
  text-transform: capitalize;
  text-align: center;
  background: #000;
  color: #fff;
  border-right: 1px solid #fff;
  display: inline-block;
}

.default_menus {
  float: left;
  width: 100%;
}

.buttons {
  float: left;
  width: 100%;
  border-bottom: 1px solid #ccc;
}

.btn_drawer {
  margin-top: 20px;
}

.buttons li {
  float: left;
  width: 50%;
  border-right: 1px solid #ccc;
}

.buttons li:last-child {
  border-right: none;
}

.buttons li a {
  display: inline-block;
  width: 100%;
  float: left;
  padding: 10px 0px;
  border-radius: 0px;
}

.buttons li.active a {
  color: #fff;
}

.fullsidebars {
  float: left;
  width: 100%;
}

.sidebar {
  position: fixed;
  top: 0;
  left: -100%;
  bottom: 0;
  background: #fff;
  transition: all 250ms;
}

body.overlap .sidebar.left {
  position: fixed;
  top: 0;
  left: 0 !important;
  bottom: 0;
  background: #fff;
}

.sidebar.left {
  width: 90%;
  left: -100% !important;
}

.sidebars>.sidebar {
  /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.64);*/
  position: fixed;
  padding: 0px;
  font-size: 2em;
  text-align: center;
  top: 0px;
  bottom: 0px;
  z-index: 99999;
}

.zeynep {
  background-color: #ffffff;
  color: #404143;
  top: 0;
  bottom: 0;
  position: fixed;
  overflow: hidden;
  overflow-y: scroll;
  z-index: 9999;
  height: 28vh;
  width: 100%;
  /*pointer-events: none;*/
  /*transform: translateX(-100%);*/
  /*-webkit-overflow-scrolling: touch;*/
  right: auto;
  left: 0;
  transform: translateX(0px) !important;
}

.zeynep:not(.no-transition),
.zeynep .submenu:not(.no-transition) {
  /* if transitions are not disabled */
  transition: all 250ms;
}

.zeynep-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  position: fixed;
  z-index: 9999;
  background-color: rgba(255, 255, 255, .82);
}

.zeynep-overlay.active {
  display: block;
}

.zeynep.opened {}

.zeynep.submenu-opened {
  overflow: hidden;
}

.zeynep .submenu {
  top: 0;
  bottom: 0;
  min-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  position: fixed;
  width: 100%;
  pointer-events: none;
  z-index: 9999;
  -webkit-overflow-scrolling: touch;
}

.zeynep .submenu.opened {
  left: 0;
  pointer-events: auto;
}

.zeynep .submenu.opened:not(.current) {
  overflow: hidden;
}

.zeynep ul {
  list-style-type: none;
  padding: 0;
  float: left;
  width: 100%;
  text-align: left;
  padding-left: 0px;
  /*-webkit-overflow-scrolling: touch;*/
}

.zeynep ul>li {
  display: block;
  float: left;
  width: 100%;
}

.treeview-menu li a,
.zeynep ul>li>a {
  color: inherit;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-decoration: none;
  transition: all 150ms;
  width: 100%;
  float: left;
  padding: 7px 15px;
  line-height: normal;
}

.zeynep ul>li:not(:last-child)>a {
  border-bottom: 1px solid #efefef;
}

.zeynep ul>li.has-submenu>a {
  font-weight: 600;
}

.zeynep ul li.has-submenu i.right {
  width: 10px;
  float: right;
  height: 10px;
  margin-top: 9px;
  box-sizing: border-box;
  border-top: 2px solid #000;
  border-left: 2px solid #000;
  transform-origin: center;
  margin-right: 2px;
  transform: translate(-50%, -50%) rotate(135deg) scale(0.7);
}


/* zeynepjs submenu styles */

.zeynep .submenu {
  background-color: #ffffff;
  left: 100%;
}

.sidebar-menu {
  text-align: left;
}

.zeynep .submenu-header {
  float: left;
  width: 100%;
}

.zeynep .submenu-header>a {
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 14px 30px;
  font-weight: bold;
  font-size: 15px;
  z-index: 1;
  transition: .05s background ease;
  color: #fff;
  width: 100%;
  float: left;
}

.zeynep .submenu-header>a i.lefts {
  color: #fff;
  display: block;
  text-decoration: none;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: -2px;
  margin-top: 11px;
  box-sizing: border-box;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform-origin: center;
  margin-left: 2px;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.zeynep .submenu>label {
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 0px;
  opacity: 1;
  padding-left: 0px;
  width: 100%;
  text-transform: capitalize;
  padding: 15px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
}

.accordion {
  position: relative;
  width: 100%;
  display: inline-block;
}

.ls_accodian {
  float: left;
  width: 100%;
  position: relative;
  text-align: left;
  padding: 0px 0px;
  border-bottom: 1px solid #efefef;
}

.ls_accodian h5 {
  margin-bottom: 0px;
  line-height: 24px;
  color: inherit;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  text-decoration: none;
  transition: all 150ms;
  width: 100%;
  float: left;
  padding: 7px 15px;
}

.collapse div {
  float: left;
  width: 100%;
  margin: 0px 0px 5px;
  padding: 0px 0px 0px 30px;
}

.collapse a {
  display: inline-block;
  font-size: 14px;
  text-transform: capitalize;
  text-align: left;
  padding: 0px 0px;
  float: left;
  margin-bottom: 7px;
  width: 100%;
}

.collapse span {
  font-size: 14px;
  float: left;
  width: 100%;
  line-height: 24px;
}

/*==========Landing page=================*/


/*
--------------------------------------
  About Us
---------------------------------------
*/

.fixed-blog{
  float: left;
  width: 100%;
  background: #fff;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}

.fixed-blog .term-content{
  float: right; 
  width: 50%;
  margin-bottom: 0px;
  text-align: left;
  
}
.bg_blog{
  float: left;
  width: 100%;
  position:relative;
}
.bg_blog img{
  width: 100%;
}
.bg_blog .term-content{
  position: absolute;
  top:0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.fixed-blog .bg-img{
  left: 0px;
  right: auto;
  top:0px;
  width: 50%;
  position: absolute;
  height: 100%;
}
.fixed-blog .bg-img div{
    background-repeat: no-repeat;
    background-position: 52.6vw;
    background-size: contain;
    background-attachment: fixed;
    margin: 0 auto;
}
.fixed-blog.rtl-column .bg-img{
  left: auto;
  right: 0px;
  height: 100vh;
}
.fixed-blog.ltr-column .term-content{
  right: 0px;
  padding: 0px 50px 0px 20px;
  margin: -120px 0 0px auto;
  top: 50%;
}
.fixed-blog.rtl-column .bg-img div{
  background-repeat: no-repeat;
  background-position: 97% top;
  background-size: inherit;
  background-attachment: fixed;
}
.fixed-blog.rtl-column .term-content{
  width: 50%;
  padding: 0px 20px 0px 50px;
  float: left;
  text-align: left;
  top:50%;
  margin-top: -100px;
}
.fullwidth .bg-img{
  width: 100%;
  height: 100vh;
}
.fixed-blog.fullwidth .bg-img div{
  width: 100%;
  background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
    background-attachment: fixed;
    margin: 0 auto;
}
.fullwidth .term-content{
  width: 80%;
  z-index: 9;
  text-align: center;
  top:50%;
  margin: -100px auto;
}
.term-content p{
  line-height: 30px;
}
.grid_style_2{
  float: left;
  width: 100%;
  background:#f9f9fb;
  margin-bottom: 30px;
}
.grid_style_2 figure{
  float: left;
  width: 100%;
}
.grid-style-content{
  float: left;
  width: 100%;
  text-align: center;
  padding: 44px 20px 41px;
}
.grid-style-content h4{
  text-transform: capitalize;
  width: 100%;
  margin-bottom: 12px;
  color: #000;
  font-weight: 600;
}
.grid-style-content h4 a{
  display: inline-block;
  font-weight: 400;
}
.grid-style-content p{
  width: 100%;
  margin-bottom: 0px;
}
.term-content h1{
  font-size: 30px;
}

.fixed-blog{
  float: left;
  width: 100%;
}
.vertical_ss{
  float: left;
  width: 100%;
  padding: 0px 15px;
}
.vertical_ss .item.col-xs-6{
  margin-bottom: 10px;
}
.vertical_ss .item.col-xs-6:last-of-type{
  margin-bottom: 0px;
}
.for_web_listing{
  display: block;
}
.for_mobile_listing{
  display: none;
}
.textslider {
  
}
.textslider .item{
  position: relative;
}
.contain{
  position: absolute;
  top: 50%;
  margin-top: -110px;
  z-index: 99;
}
.contain h5{
  margin-bottom: 11px;
  color: #000;
  font-weight: 500;
}
.contain h2{
  margin: 0px;
  color: #000;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 18px;
}
.contain p{
  margin:0px 0px 24px;
  display: inline-block;
  line-height: 24px;
}
.btn-normal-1{
  display: inline-block;
  padding: 8px 20px 10px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 10px;
  background: #dc0414;
  font-weight: 600;
}
.btn-normal-2{
  display: inline-block;
    padding: 8px 50px 8px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 39px;
    background: #dc0414;
    font-weight: 600;
}

.contain.align-left{
  width: 40%; 
  left: 20px;
  right: auto;
  text-align: left;
}
.contain.align-right{
  width: 40%; 
  right: 20px;
  left: auto;
  text-align: right;
}
.contain.align-center{
  width: 40%;
  margin:-110px auto; 
  right: 0px;
  left: 0px;
  text-align: center;
}
.align-spacial-l{
  width: 40%; 
  left: 20px;
  right: auto;
  text-align: left;
}
.clr-w h5,
.clr-w h2,
.clr-w p{
  color: #fff;
}


.animated-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 55%;
  z-index: 9; 
  background-image: url(extra-images/spacial_banner/left_layer.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.bg-2{
  background: #ffc300;
  color: #700226;
   box-shadow:6px 6px 0px rgb(0 0 0 / 20%);
}
.discount_box{
    width: 100px;
    height: 100px;
    position: absolute;
    right: 120px;
    bottom: 30px;
    border-radius: 100%;
    color: #700226;
    text-transform: capitalize;
    background: #f5c700;
    text-align: center;
    font-weight: 600;
    line-height: 22px;
    padding: 16px 0px;
    font-size: 20px;
    box-shadow:6px 6px 0px rgb(0 0 0 / 20%);
}
.discount_box h4{
    text-transform: capitalize;
    font-weight: bolder;
    color: #700226;
    margin: 0px;
    font-size: 30px;
    width: 100%;
    display: inline-block;
    line-height: 29px;
}
/*
=======================================================================
                  
                Spacial Animation left to right

=======================================================================
*/

.item.slick-slide.slick-current.slick-active .contain.align-spacial-l h5{
   -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;

   -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

   animation-delay: 0.8s;
   -webkit-animation-delay: 0.8s;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.item.slick-slide.slick-current.slick-active .contain.align-spacial-l h2{
   -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;

 -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

   animation-delay: 0.8s;
   -webkit-animation-delay:0.8s;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.item.slick-slide.slick-current.slick-active .contain.align-spacial-l p{
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;

   -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

   animation-delay: 0.8s;
   -webkit-animation-delay: 0.8s;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.item.slick-slide.slick-current.slick-active .contain.align-spacial-l a{
   animation-name: swingInX;
    backface-visibility: hidden;
    transform-origin: center top 0;

  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

   animation-delay: 0.8s;
   -webkit-animation-delay: 0.8s;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.item.slick-slide.slick-current.slick-active .animated-layer{
    -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;

  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.item.slick-slide.slick-current.slick-active .discount_box{
 -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
   -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
   animation-delay: 0.9s;
   -webkit-animation-delay: 0.9s;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
/*
=======================================================================               
                Simple Animation left to right
=======================================================================
*/
.item.slick-slide.slick-current.slick-active .contain.align-left h5{
   -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;

   -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

   animation-delay: 0.8s;
   -webkit-animation-delay: 0.8s;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.item.slick-slide.slick-current.slick-active .contain.align-left h2{
   -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;

 -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

   animation-delay: 0.8s;
   -webkit-animation-delay:0.8s;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.item.slick-slide.slick-current.slick-active .contain.align-left p{
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;

   -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

   animation-delay: 0.8s;
   -webkit-animation-delay: 0.8s;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.item.slick-slide.slick-current.slick-active .contain.align-left a{
   animation-name: swingInX;
    backface-visibility: hidden;
    transform-origin: center top 0;

  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

   animation-delay: 0.8s;
   -webkit-animation-delay: 0.8s;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
/*
=======================================================================             
                Simple Animation right to left
=======================================================================
*/
.item.slick-slide.slick-current.slick-active .contain.align-right h5{
   -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;

   -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

   animation-delay: 0.8s;
   -webkit-animation-delay: 0.8s;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.item.slick-slide.slick-current.slick-active .contain.align-right h2{
   -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;

 -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

   animation-delay: 0.8s;
   -webkit-animation-delay:0.8s;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.item.slick-slide.slick-current.slick-active .contain.align-right p{
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;

   -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

   animation-delay: 0.8s;
   -webkit-animation-delay: 0.8s;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.item.slick-slide.slick-current.slick-active .contain.align-right a{
   animation-name: swingInX;
    backface-visibility: hidden;
    transform-origin: center top 0;

  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

   animation-delay: 0.8s;
   -webkit-animation-delay: 0.8s;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
/*
=======================================================================               
                Simple Animation Center
=======================================================================
*/
.item.slick-slide.slick-current.slick-active .contain.align-center h5{
   -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;

   -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

   animation-delay: 0.8s;
   -webkit-animation-delay: 0.8s;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.item.slick-slide.slick-current.slick-active .contain.align-center h2{
   -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;

 -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

   animation-delay: 0.8s;
   -webkit-animation-delay:0.8s;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.item.slick-slide.slick-current.slick-active .contain.align-center p{
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;

   -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

   animation-delay: 0.8s;
   -webkit-animation-delay: 0.8s;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.item.slick-slide.slick-current.slick-active .contain.align-center a{
   animation-name: swingInX;
    backface-visibility: hidden;
    transform-origin: center top 0;

  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

   animation-delay: 0.8s;
   -webkit-animation-delay: 0.8s;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.ao_vertical_items .item.col-xs-6.slick-slide.slick-active:last-child{
  margin-bottom: 0px;
}

.myinput[type="checkbox"]:before {
  position: relative;
  display: block;
  width: 11px;
  height: 11px;
  border: 1px solid #808080;
  content: "";
  background: #FFF;
}

.myinput[type="checkbox"]:after {
  position: relative;
  display: block;
  left: 2px;
  top: -11px;
  width: 7px;
  height: 7px;
  border-width: 1px;
  border-style: solid;
  border-color: #B3B3B3 #dcddde #dcddde #B3B3B3;
  content: "";
  background-image: linear-gradient(135deg, #B1B6BE 0%, #FFF 100%);
  background-repeat: no-repeat;
  background-position: center;
}

.myinput[type="checkbox"]:checked:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #B1B6BE 0%, #FFF 100%);
}

.myinput[type="checkbox"]:disabled:after {
  -webkit-filter: opacity(0.4);
}

.myinput[type="checkbox"]:not(:disabled):checked:hover:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #8BB0C2 0%, #FFF 100%);
}

.myinput[type="checkbox"]:not(:disabled):hover:after {
  background-image: linear-gradient(135deg, #8BB0C2 0%, #FFF 100%);
  border-color: #85A9BB #92C2DA #92C2DA #85A9BB;
}

.myinput[type="checkbox"]:not(:disabled):hover:before {
  border-color: #3D7591;
}
.for_complaint,
.bg100{
  padding: 200px 0px;
}


/*
=============================================
  Scroll Category Global
=============================================
*/
.scroll_category{
  float: left;
  width: 100%;
}
.scroll_category .scroll_column{
  text-align: center;
  padding: 0px 19px;
}
/*.scroll_category {
  margin-bottom: 21px;
}*/
.scroll_column img{
  width: 100%;
  border-radius: 100%;
  width: 150px;
  margin-bottom: 7px;
}
.scroll_column h4{
  display: inline-block;
  font-weight: 600;
  color: #000;
  text-transform: capitalize;
  margin-bottom: 0px;
  width: 100%;
  white-space: wrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.scroll_column h4 a{
  display: inline-block;
  color: #000;
  font-size: 100%;
  font-weight: 600;
  font-size: 16px;
}
#category_slider .slick-arrow{
  background: transparent;
  border: none;
  box-shadow: none;
}
#category_slider .slick-arrow:before{
  font-size: 40px;
  color: #000;
}

.panding_80{
  padding: 30px 0px 20px;
}
/*
=============================================
 Global Products TABs Section
=============================================
*/
.swipe-tabs{
  float: left;
  width: 100%;
  
  margin-bottom: 15px;
  padding: 0px 5px 0px;
}
.swipe-tabs .slick-track{
  border-bottom: 2px solid #ccc;
}
.swipe-tabs .swipe-tab{
  display: inline-block;
  text-transform: capitalize;
  font-size: 16px;
  color: #000;
  position: relative;
  font-weight: 500;
  padding-bottom: 10px;
  margin-right: 35px;
}
.swipe-tabs .swipe-tab:before{
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0px;
  right: 0px;
  width: 100%;
  border-bottom: 2px solid #dc0414;
  visibility: visible;
  opacity: 0;
}
.swipe-tabs .swipe-tab:hover:before,
.swipe-tab.slick-slide.slick-current.slick-active.active-tab:before{
  opacity: 1;
  visibility: visible;
}

.swipe-tab.slick-slide.slick-current.slick-active.active-tab{
  font-weight: 600;
}
.brands_logos{
  float: left;
  width: 100%;
}
.brands_logos .item a{
  display: inline-block;
  padding: 0px 20px;
  width: 100%;
}
.flex-center{
  justify-content: center;
  justify-content: space-between;
}
.flex-center a{
      display: inline-block;
    flex: 1 1 1px;
    margin: 0px 7px;
}
.flex-center a:first-child{
  flex: 1.7;
}
.flex-center a img{
  width: 100%;
}
.text_flex{
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0px 0px;
  margin: 0 auto;
}
.text_flex .flex-col{
  flex: auto;
  width: auto;
}
.text_flex .flex-col h4{
  padding:10px 0px 0px;
  margin: 0px;
}
.display_flex.show_4 .col{
  flex: 0 1 218px;
  padding: 0px;
  margin: 0px -6px;
}
.flex-col .nav_linkss{
  margin-bottom: 0px;
  padding-top: 15px;
  margin-left: 0px;
}
.btn3-normal{
  display: inline-block;
  padding: 8px 30px;
  border: 2px solid #f15d22;
  color: #f15d22;
  border-radius: 4px;
}
.btn3-normal i{
  margin-left: 5px;
  font-size: 15px;
}
.btn3-normal:hover{
  background: #f15d22;
  color: #fff;
  border-color: #f15d22;
}
.column_sections{
  float: left;
  width: 100%;
}
.category_flex{
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0px 0px;
  margin: 0 auto;
  flex-wrap: wrap;
}
.landing .category_flex .gbproducts{
    flex: 0 0 180px;
    padding: 0px;
    width: 180px;
    margin: 0px 0px 15px;
    background: #fff;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.02);
}
.category_flex .gbproducts figure{
  float: left;
  width: 100%;
}
.product-slider {
  float: left;
  width: 100%;
}
.product-slider .slide{
  position: relative;
}
.category_flex .gbproducts.slick-slide{
  margin: 0px 10px 10px 0px;
}
div.for_mobile{
  display: none;
}
.tab_slider_for {
  float: left;
  width: 100%;
}
.tabcontent {
  display: none;
}
.tabcontent.active {
  display: flex;
}
/*.category_flex.small_slider .slick-track{
  display: flex !important;
  width: 100% !important;
}*/
.slider-s5 .gbproducts.slick-slide{
  margin: 0px 10px 20px 0px;
}
.tab_mobile{
  display: none;
}

.discount_present{
    color: #fff;
    background-color: #dc0414;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 4px 6px;
    display: inline-block;
    z-index: 4;
    font-size: 12px;
    border-radius: 4px;
    text-transform: capitalize;
}

.discount_present.target_icon{
  text-align: center;
  border-radius: 4px;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 6px!important;
  line-height: 12px;
  font-weight: 600;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-wrap: break-word;
  word-break: keep-all;
  border: 2px solid #dc0414;
  color: #dc0414;
  background-color: #fff;
  left: 2px;
  right: auto;
  top: auto;
  bottom: 4px;
}



.deals_banners{
  float: left;
  width: 100%;
}
.deals_banners .column{
  float: left;
  width: 100%;
  /*margin-bottom: 10px;*/
}
.deals_banners .column a{
  display: inline-block;
  width: 100%;
}
.deals_banners .column a img{
  width: 100%;
}

.mb50{
  margin-bottom: 50px;
}
.mb15{
  margin-bottom: 15px;
}
.gry_bg{
  background: rgba(0,0,0,0.03);
  padding: 20px 0px 20px 15px;
  border-radius: 0px;
  float: left;
  width: 100%;
}
.gry_bg .category_flex .gbproducts{
  flex: 0 0 173px;
  margin-bottom: 0px;

}
.hot_deals{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
.hot_deals .col-2x{
  flex:0 0 562px;
}
.flex-columns{
    display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex-columns .col-3x{
  flex: 0 0 273px;
}
.pr0{
  padding-right: 0px;

}
.hot_deals a{
  display: inline-block;
  width: 100%;
}
.hot_deals a img{
  width: 100%;
}
.p7{
  padding: 0px 7px;
}
.pl7{
  padding-left: 15px;
}
.flex-full-wd .col-3x{
  flex: 1 0 0;
}
.pro-grid{
  float: left;
  width: 100%;
}
.pro-grid a{
  display: inline-block;
  width: 100%;
}
.pro-grid a img{
  width: 100%;
}
.display_x3{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: -15px;
}
.x3-column{
  flex: 0 0 360px;
  background: #F5F5F5;
  margin-bottom: 15px;
}
.x3_mega{
  background: #F5F5F5;
  float: left;
  width: 100%;
  margin: 0px 5px;
}
.x3_mega h5,
.x3-column h5{
  margin-bottom: 0px;
  display: inline-block;
  width: 100%;
  text-transform: capitalize;
  color: #000;
  font-weight: 600;
  padding: 14px 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.slide_shows{
  float: left;
  width: 100%;
  padding: 0px 2px 0px 15px;
}
#x6-slider3,
#x6-slider2{
  float: left;
  width: 100%;
}
#x6-slider{
  float: left;
  width: 100%;
}
#x6-slider3 .gbproducts,
#x6-slider2 .gbproducts,
#x6-slider .gbproducts {
  margin: 0px 15px 0px 0px;
  padding: 0px;
  background: #fff;
  box-shadow: 0px 1px 4px rgba(0,0,0,0.02);
}
.effect1{
  overflow: hidden;

}
.effect1 img{
  transform: scale(1) rotate(0deg);
  transition: all 0.5s ease-in-out;
}
.effect1:hover img{
  transform: scale(1.6) rotate(15deg);
}

.brands_logos{
  float: left;
  width: 100%;
  
}
.bg-white{
  background: #fff;
}
.pt30{
  padding-top: 30px;
}
.pb20{
  padding-bottom: 20px;
}


.effect2{
  position: relative;
  float: left;
  width: 100%;
}
/* First lets set a background */
.effect2 a{
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-origin: content-box;
  background-size: cover;
  background-attachment: fixed;
  z-index: 1;
}
/* Now the same background, but with brightness filters*/
.lightning{
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-origin: content-box;
  background-size: cover;
  /*background-attachment: fixed;*/
  -webkit-filter: brightness(5);
  filter: brightness(5);
  -o-filter: brightness(5);
  -moz-filter: brightness(5);
  z-index: 1;
  -webkit-animation: flash ease-out 2s infinite;
  -moz-animation: flash ease-out 2s infinite;
  animation: flash ease-out 2s infinite;
  animation-delay: 0.2s;
}
@-webkit-keyframes flash {
  from { opacity: 0; } 
  92% { opacity: 0; }
  93% { opacity: 0.6; }
  94% { opacity: 0.2; }
  96% { opacity: 0.9; } 
  to { opacity: 0; }
}

@keyframes flash {
  from { opacity: 0; } 
    92% { opacity: 0; }
  93% { opacity: 0.6; }
    94% { opacity: 0.2; }
    96% { opacity: 1; } 
  to { opacity: 0; }
}
/*End! is that simple! */



/*-----------------*/
/***** Apollo *****/
/*-----------------*/

.image-effect1 {
  background: #3498db;
  position: relative;
  clear: both;
  margin: 0 auto;
  list-style: none;
  text-align: center;
}
.image-effect1 figure{
  overflow: hidden;
  background: #3085a3;
}
.image-effect1 img {
  opacity: 1;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale3d(1.05,1.05,1);
  transform: scale3d(1.05,1.05,1);
}

.image-effect1 .internal_content:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.9);
  content: '';
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform: scale3d(2,1.9,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
  transform: scale3d(2,1.9,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

.image-effect1 p {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 1.5em;
  padding: 0 1em;
  max-width: 250px;
  border-right: 4px solid #fff;
  text-align: right;
  opacity: 0;
  color: #fff;
  text-transform: capitalize;
  font-size: 16px;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  z-index: 99;
}
.image-effect1:hover img {
  opacity: 0.7;
  -webkit-transform: scale3d(1.3,1.3,1);
  transform: scale3d(1.3,1.3,1);
}

.image-effect1:hover .internal_content::before {
  -webkit-transform: scale3d(2,1.9,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
  transform: scale3d(2,1.9,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.image-effect1:hover p {
  opacity: 1;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
/*===============================================*/
.image-effect2{
  position: relative;
  clear: both;
  margin: 0 auto;
  list-style: none;
  text-align: center;
  overflow: hidden;
  float: left;
  width: 100%;
}
.image-effect2 figure{
  overflow: hidden;
  float: left;
  width: 100%;
  position: relative;
  z-index: 2;
}
.image-effect2 .internal_content {
  top: auto;
  bottom: 0;
  padding: 1em;
  height: 3.75em;
  background: #fff;
  color: #3c4a50;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
  position: absolute;
  width: 100%;
  z-index: 99;
}
.image-effect2 figure:before{
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #666;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  z-index: 1;
}
.image-effect2:hover figure:before{
  opacity: 0.45;
}
.image-effect2 figure img{
  transform: scale(1);
  transition: all 0.5s ease-in-out;
}
.image-effect2:hover figure img{
  transform: scale(1.2);
}
.image-effect2 .internal_content h2 {
  float: left;
  font-size: 18px;
  margin-bottom: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 60%;
  text-align: left;
}

.image-effect2 .internal_content p.icon-links a {
  float: right;
  color: #3c4a50;
  font-size: 1.4em;
}
.icon-links{
  float: right;
  width: 40%;
  margin: -2px;
  margin-bottom: 0px;
}
.image-effect2 figure:hover .internal_content p.icon-links a:hover,
.image-effect2 figure:hover .internal_content p.icon-links a:focus {
  color: #252d31;
}

.image-effect2 .internal_content p.description {
  position: absolute;
  bottom: 20em;
  padding: 10px;
  line-height: normal;
  color: #fff;
  text-transform: none;
  font-size: 16px;
  font-weight: 400;
  opacity: 0;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  -webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}

.image-effect2 .internal_content h2,
.image-effect2 .internal_content p.icon-links a {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,200%,0);
  transform: translate3d(0,200%,0);
}

.image-effect2 .internal_content p.icon-links a span::before {
  display: inline-block;
  padding: 8px 10px;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.image-effect2 h2 {
  display: inline-block;
}

.image-effect2:hover .internal_content p.description {
  opacity: 1;
}

.image-effect2:hover .internal_content,
.image-effect2:hover .internal_content h2,
.image-effect2:hover .internal_content p.icon-links a {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.image-effect2:hover.internal_content h2 {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.image-effect2:hover .internal_content p.icon-links a:nth-child(3) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.image-effect2:hover .internal_content p.icon-links a:nth-child(2) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.image-effect2:hover .internal_content p.icon-links a:first-child {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.slider-x5,
#fasion_slider{
  float: left;
  width: 100%;
}
#fasion_slider.slick-dotted.slick-slider.mb20{
  margin-bottom: 20px;
}
.glogo{
  display: none;
}


.mobile_footer{
 position: fixed;
 bottom: 0px;
 left: 0px;
 right: 0px;
 z-index: 9999;
 width: 100%;
 display: none;
 background: #fff;
}
.mobile_footer ul{
  float: left;
  width: 100%;
  text-align: center;
}
.mobile_footer ul li{
    display: inline-block;
    width: auto;
    margin: 0px 0px;
    float: left;
    width: 18%;
}
.mobile_footer ul li a{
  display: inline-block;
  font-size: 24px;
  border-radius: 100%;
  color: #000;
  line-height: 14px;
  padding: 12px 0px;
}
.mobile_footer ul li.center{
  width: 62px;
  height: 62px;
  border-radius: 100%;
  text-align: center;
  line-height: 62px;
  background: #fff;
  position: relative;
  top: -25px;
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
}
.mobile_footer ul li.center img{
  padding: 8px;
}
.mobile_footer ul li.center a{
  padding: 0px;
}
.mobile_footer ul li.home img{
width: 18px;
    top: 0px;
    position: relative;
}
.mobile_footer ul li span{
  font-size: 12px;
  display: inline-block;
  width: 100%;
  float: left;
}

.tab_content .mobile,
.hot_deals .mobile,
.mobile{
  display: none;
}
.tab_content .desktop,
.hot_deals .desktop,
.desktop{
  display: inline-block;
}
/*.desktop a{
  width: 100%;
}*/
.mobile.slick-initialized.slick-slider{
  float: left;
  width: 100%;
}
.category_flex.small_slider.desktop{
  display: flex;
}
.bg-fff{
  background: #fff;
}
.tiles-dots .slick-dots{
  position: absolute;
}
.global_btn{
  float: left;
  width: auto;
  background: #F05E24;
  color: #fff;
  border-radius: 5px;
}
.global_btn img{
    width: 12px;
    margin-right: 8px;
    float: left;
    margin-top: 2px;
}
.navigation>ul>li>a{
  padding: 9px 15px;
}

.displayflex,
.display_flex{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
.display_flex .col3{
  width: 17%;
  float: left;
  position: relative;
}
.display_flex .col7{
  float: right;
  width: 82%;
}
.displayflex .gbproducts{
  flex: 0 0 215px;
}
.navigation > ul > li:hover > a.global_btn{
  color: #fff;
}
.navigation > ul > li:hover > a.global_btn:before{
  display: none;
}



.main-container{
  float: left;
  width: 100%;
}
.swiper-slide{
  overflow: hidden;
}
.swiper-container{
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.swipe-tabs .swipe-tab{
  float: left;
  cursor: pointer;
  width: auto !important;
}
.swipe-tab.slick-slide.slick-current.slick-active.active-tab{

}

section .mb25{
  padding-bottom: 25px;
}
.section_heading h2 > span{
  float: right;
  width: auto;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  text-transform: capitalize;
  margin-left:15px;
  display: inline-block;
}
.pleft{
  float: left;
  width: auto;
}
.section_heading ul.flashsale_timer {
  position: relative;
  float: right;
  width: auto;
  bottom: 0px;
  margin-left: 10px;
  top: 4px;
}
.section_heading ul.flashsale_timer li{
  float: left;
  width: auto;
  position: relative;
  margin: 0px;
  padding: 0px;
  margin-right: 7px;
  padding-right: 7px;
}
.section_heading .flashsale_timer li span{
  width: 24px;
  height: 24px;
  display: inline-block;
  line-height: 24px;
  background: #000;
  font-size: 14px;
  border-radius: 4px;
}
.section_heading .flashsale_timer li:before{
    position: absolute;
    content: ":";
    top: 50%;
    right: -3px;
    bottom: 0px;
    font-size: 20px;
    color: #000;
    margin-top: -15px;
}
.flex_4x{
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.flex_4x .cols1{
  flex:1 0 135px;
  margin-bottom: 2px;
  border-right:1px solid #ececec;
  border-bottom: 1px solid #ececec;
}
.flex_4x2{
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.flex_4x2 .cols1{
  flex: 1 0 135px;
  margin-bottom: 2px;
  border-right:1px solid #ececec;
}
.flex_4x2 .cols1:last-of-type,
.flex_4x .cols1:last-of-type{
  border-right:none;
}

.cols1 a{
  display: inline-block;
  width: 100%;
  padding: 15px 15px 10px;
}
.cols1 h5{
  text-align: center;
  width: 100%;
  margin-bottom: 0px;
  text-transform: capitalize;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-top: 5px;
}

.x3_slider .x3-column{
  margin: 0px 10px;
}
.x3_slider{
  float: left;
  width: 100%;
}

.or-clr{

}
.centertxt{
  float: left;
  width: 100%;
  text-align: center;
  color: #dc0414;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 20px;
}
body div.padding0{
  padding: 0px !important;
}



.head_affilated{
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.head_affilated h3{
  float: left;
  width: auto;
  display: inline-block;
  color: #000;
  text-transform: capitalize;
  margin-bottom: 0px;
}
.head_affilated .pull-right{
  width: 40%;
}
.head_affilated .pull-right form{
  float: left;
  width: 100%;
}
.wedget_search_01{
    float: right;
    width: 56%;
    position: relative;
    margin-left: 0px;
}
.wedget_search_01 button{
  color: #fff;
  background: #DC0414;
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  font-size: 16px;
}
.selecter{
  float: left;
  width: 40%;
}
.wedget_search_01 input{
  width: 100%;
  border: 1px solid DC0414;
}

.status-row{
  display: flex;
  width: 42%;
  float: left;
}
.user_statics{
  justify-content: space-between;
  flex: 50%;
  flex-wrap: wrap;
  padding: 0px 15px 0px 0px;
}
.user_statics h4{
  text-transform: capitalize;
  display: inline-block;
  width: 100%;
  color: #000;
  margin-bottom: 15px;
}
.column_status{
  float: left;
  width: 100%;
}
.bg001{
  background: #EBFFF0;
}
.bg002{
  background: #DFEBFF;
}
.column_status{
  display: flex;
  width: 100%;
  border-radius: 4px;
  box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 16%);
}
.deta_cols {
  flex: 50%;
  padding: 20px 15px;
  position: relative;

}
.deta_cols:before{
  position: absolute;
  content: "";
  top: 15px;
  bottom: 15px;
  right: 50%;
  margin-right: -58px;
  border-right: 2px solid #707070;
}
.deta_cols:last-child:before{
  border-right: none;
}
.deta_cols  p{
  margin-bottom: 10px;
  width: 100%;
  color: #848484;
}
.deta_cols  h4{
  display: inline-block;
  width: 100%;
  margin-bottom: 0px;
  font-size: 27px;
  font-weight: bolder;
}
.deta_cols h4 sub{
  font-size: 13px;
  top: 0px;
}
.rating_blog{
 
}


.rating_blog{
  float: left;
  width: 23%;
  background: #fff;
  border-radius: 4px;
   box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 16%);
   margin: 37px 0px 0px;
}
.rating_blog h6{
  text-transform: capitalize;
  width: 100%;
  margin-bottom: 0px;
  padding: 10px 10px;
  border-bottom: 1px solid rgba(112,112,112,0.1);
}
.rating_blog h6 i{
  float: left;
  width: 20px;
  font-size: 16px;
  margin-right: 5px;
  margin-top: 2px;
}
.rating_content h5{
  text-transform: capitalize;
  margin-bottom: 0px;
  width: auto;
  float: left;
}
.rating_content{
  float: left;
  width: 100%;
  padding: 24px 10px;
}
.rating_content h5 span{
  display: inline-block;
  margin: 0px 5px;
  color: #DC0414;
}
.rating_content h5 span i{
  margin-right: 5px;
}
.rating_content .rating_starts{
  float: right;
  margin-bottom: 0px;
}
.rating_content .rating_starts ul{
  float: left;
  width:auto ;
  margin-top: 2px;
}
.rating_content .rating_starts ul li{
  float: left;
  width: auto;
  line-height: normal;
}
.rating_content .rating_starts li span{
  display: inline-block;
  font-size: 16px;
  color: #FF9A00;
}
.rating_content .rating_starts .result_rate{
  display: inline-block;
  text-transform: capitalize;
  margin-left: 10px;
  font-size: 12px;

}
.earning_box{
  float: right;
    width: 34%;
     box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 16%);
   margin: 37px 0px 0px;
   border-radius: 4px;
   
}
.earning_box ul.earning_status{
  float: left;
  width: 100%;
  position: relative;
}
.earning_box ul.earning_status li{
  float: left;
  width: 50%;
  padding: 10px 20px 10px;
  position: relative;
}
.earning_box ul.earning_status:before{
    position: absolute;
    content: "\e91a";
    font-family: 'icomoon';
    top: 50%;
    left: 0px;
    font-size: 40px;
    right: 25px;
    margin: -20px auto;
    text-align: center;
    opacity: 0.16;
}
.earning_box ul.earning_status:after{
  border-bottom: 1px solid rgba(112,112,112,0.25);
  position: absolute;
  content: "";
  left: 0px;
  right: 0px;
  top: 50%;
  margin-top: 0px;
}
ul.earning_status li h5{
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 5px;
  width: 100%;
  font-size: 13px;
  color: #000;
}
ul.earning_status li h3{
  display: inline-block;
  width: 100%;
  margin-bottom: 0px;
  line-height: 24px;
  font-weight: bold;
  color: #DC0414;
}
ul.earning_status li h3 sub{
  top: 0px;
  font-size: 13px;
}
.earning_box p{
  font-style: italic;
  color: #000;
   font-weight: 600;
  width: 48%;
  font-size: 12px;
  padding: 0px 0px 0px 0px;
  float: left;
  text-align: center;
}
.earning_box p b{
  color: #DC0414;
  display: inline-block;
  font-size: 100%;
  font-weight: 600;
}
.earning_box button{
  background: #dc0414;
  color: #fff;
  display: inline-block;
  border: none;
  border-radius: 4px;
  box-shadow: none;
}
.align_center_btn{
  float: right;
  width: 50%;
  text-align: center;
}

.filter_history{
  float: left;
  width: 100%;
  padding: 15px 60px;
  background: #fff;
}
.selector_options{
  float: left;
  width: 67%;
  position: relative;
}
.selector_options select{
  padding: 0px 30px;
  border-radius: 4px;
  height: 30px;
}
.selector_options span{
  position: absolute;
  top: 50%;
  left: 12px;
  margin-top: -8px;
}
.filter_history button{
  padding: 4.5px 15px;
  float: right;
}
.filter_history button i{
  margin-right: 5px;
}
.floating{
  float: left;
  width: 100%;
  padding: 0px 5px 15px;
}
.table_result_area{
  float: left;
  width: 100%;
  padding: 15px 0px 0px;
}
.table_result_area ul{
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
  width: 100%;
}
.table_result_area ul li{
  text-align: left;
  color: #000;
  font-weight: 500;
  text-transform: capitalize;
  margin-right: 15px;
  font-size: 16px;
}

.table_result_area li span{
  float: right;
  margin-left: 35px;
}
.table_result_area li span sub{
  top: 0px;
}
.current_status_blog{
      width: 65%;
    display: flex;
    float: left;
    margin: 90px 0px 0px;
    padding: 0px;
    justify-content: space-around;
}
.flex_small_columns{
  float: left;
    width: auto;
    justify-content: space-between;
    padding: 0px 0px 0px 0px ;
    margin: 0px 15px 0px 0px;
}
.flex_small_columns h6{
  text-transform: capitalize;
  color: #000;
  display: inline-block;
  margin-bottom: 10px;
}
.flex_small_columns input{
  width: 100%;
  box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 16%);
  float: left;
  background: #fff;
  font-weight: 600;
  color: #000;
}
.bgf5{
  background: #F5F5FD;
  padding: 10px 15px;
}
.graph_sheet{
  float: left;
  width: 100%;
}
.chartContainer{
  float: left;
  width: 100%;
  position: relative;
}