
 .no-margin {
     margin: 0 !important;
 }
 
   
 .products-list .product-layout .product-item-container .left-block .product-image-container {
     position: relative;
     display: block;
 }
   
 .products-list .product-layout .product-item-container .left-block .product-image-container .img-1,
 .products-list .product-layout .product-item-container .left-block .product-image-container .img-z {
     position: relative; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); transition: all 0.5s ease-in-out;
 }
   
 .products-list .product-layout .product-item-container .left-block .product-image-container .img-2 {
     position: absolute; z-index: 0; top: 0; left: 0; opacity: 0; width: 100%; display: block; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); transition: all 0.5s ease-in-out; }
   
 .products-list .product-layout .product-item-container:hover .left-block .product-image-container .img-1 {
     opacity: 0; transform-style: inherit; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); transition: all 0.5s ease-in-out; }
   
 .products-list .product-layout .product-item-container:hover .left-block .product-image-container .img-2 {	 
	opacity: 1; transform-style: inherit; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); transition: all 0.5s ease-in-out; }
 
	 .products-list .product-layout .product-item-container:hover .left-block .product-image-container .img-2 { padding-top: 2px; };
	
	 
 /*EFFECT SLIDERHOME*/
 
 @keyframes myeffect-slideshow {
     0% {
         opacity: 0;
         transform: translateY(-300px);
         -webkit-transform: translateY(-300px);
         -moz-transform: translateY(-300px);
         -ms-transform: translateY(-300px);
         -o-transform: translateY(-300px);
     }
     100% {
         opacity: 1;
         transform: translateY(0);
         -moz-transform: translateY(0);
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         -o-transform: translateY(0);
     }
 }
 
 @-webkit-keyframes myeffect-slideshow {
     0% {
         opacity: 0;
         transform: translateY(-300px);
         -webkit-transform: translateY(-300px);
         -moz-transform: translateY(-300px);
         -ms-transform: translateY(-300px);
         -o-transform: translateY(-300px);
     }
     100% {
         opacity: 1;
         transform: translateY(0);
         -moz-transform: translateY(0);
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         -o-transform: translateY(0);
     }
 }
 
 @-moz-keyframes myeffect-slideshow {
     0% {
         opacity: 0;
         transform: translateY(-300px);
         -webkit-transform: translateY(-300px);
         -moz-transform: translateY(-300px);
         -ms-transform: translateY(-300px);
         -o-transform: translateY(-300px);
     }
     100% {
         opacity: 1;
         transform: translateY(0);
         -moz-transform: translateY(0);
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         -o-transform: translateY(0);
     }
 }
 
 /* 1.BACK TOP TOP DEMO OPENCART
----------------------------------------------------- */
 
 .back-to-top {
     cursor: pointer;
     background-color: #777;
     color: #fff;
     width: 45px;
     bottom: 50px;
     padding: 5px 0;
     overflow: hidden;
     z-index: 40;
     position: fixed;
     display: inline;
     text-align: center;
     border-radius: 3px;
     opacity: 1;
     -webkit-transition: all 0.5s ease-in-out 0s;
     -moz-transition: all 0.5s ease-in-out 0s;
     transition: all 0.5s ease-in-out 0s;
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
     right: 20px;
 }
 
 .back-to-top.hidden-top {
     bottom: -100px;
     opacity: 0;
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transform: scale(0);
 }
 
 .back-to-top:hover {
     background-color: var(--color-two);
 }
 
 .back-to-top i {
     font-size: 32px;
     display: block;
     line-height: 18px;
 }
 
 .back-to-top span {
     display: block;
     line-height: 18px;
 }
 
 @media (max-width: 1199px) {
     .back-to-top {
         right: 15px;
     }
 }
 
/*  ul,
 ol {
     list-style: none;
     margin: 0;
     padding: 0;
 } */

 
 
 /* 3.TOP PANEL (RIGHT FIXED PANEL)
----------------------------------------------------- */
 
 @media (min-width: 1200px) {
     header.navbar-compact {
         position: fixed;
         width: 100%;
         background: #fff;
         z-index: 900;
         box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
     }
     .navbar-compact .compact-hidden {
         display: none !important;
     }
     .navbar-compact .header-center {
         padding: 30px 0;
         transition: 0.3s all ease 0s;
     }
     .navbar-compact .header-bottom {
         margin: 0 !important;
     } 
     .navbar-switcher {
         text-align: center;
         float: right;
         display: none;
         width: 45px;
         height: 45px;
         margin-bottom: -47px;
         background: var(--color-two) !important;
         padding: 6px 7px;
         border-radius: 0 0 3px 3px;
         cursor: pointer;
         color: #fff;
     }
     .navbar-switcher .i-active,
     .navbar-switcher.active .i-inactive {
         display: none;
     }
     .navbar-switcher.active .i-active,
     .navbar-switcher .fa-caret-down {
         display: inline;
         font-size: 1.8em;
         line-height: 1.5em;
     } 
     header .navbar-switcher {
         display: block;
     }
 }
 /* 4.LARY LOADER
--------------------------------------- */
 
 .mfp-iframe-scaler iframe {
     background: white url(../image/theme/lazy-loader.gif) no-repeat center center;
 }
 
 .lazy {
     display: block;
     position: relative;
     overflow: hidden;
     background: transparent url(../image/theme/lazy-loader.gif) no-repeat center center;
 }
 
 .loadeding {
     background: white url(../image/theme/lazy-loader.gif) no-repeat center center;
     height: 100%;
     position: absolute;
     z-index: 2;
     top: 0;
     left: 0;
     right: 0;
     opacity: 1;
 }
 
 .loaded .loadeding {
     background: none;
     height: auto;
     opacity: 0;
     display: none;
 }
 
 @media (min-width: 1200px) {
     .lazy.lazy-loaded {
         background: none;
         height: auto;
     }
     .lazy img {
         transition: 1s all ease;
         opacity: 0;
         -webkit-backface-visibility: hidden;
     }
     .lazy.lazy-loaded img {
         opacity: 1;
     }
 }
 /* Overlay pattern 
--------------------------------------- */
 
 body.no-bgbody {
     background-image: none;
 }
 
 
 /* Preloading Screen
--------------------------------------- */
 
 #loader-wrapper {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1000;
     display: none;
 }
 
 #loader {
     display: block;
     position: relative;
     left: 50%;
     top: 50%;
     width: 150px;
     height: 150px;
     margin: -75px 0 0 -75px;
     border-radius: 50%;
     border: 3px solid transparent;
     border-top-color: #3498db;
     z-index: 1001;
     animation: spin 2s linear infinite;
 }
 
 #loader:before {
     content: "";
     position: absolute;
     top: 5px;
     left: 5px;
     right: 5px;
     bottom: 5px;
     border-radius: 50%;
     border: 3px solid transparent;
     border-top-color: #e74c3c;
     animation: spin 3s linear infinite;
 }
 
 #loader:after {
     content: "";
     position: absolute;
     top: 15px;
     right: 15px;
     left: 15px;
     bottom: 15px;
     border-radius: 50%;
     border: 3px solid transparent;
     border-top-color: #f9c922;
     animation: spin 1.5s linear infinite;
 } 
  
 
 .divider {
     clear: both;
     height: 40px;
 }
 
 .alert {
     border-radius: 0;
 }
 
 .alert .fa {
     font-size: 20px;
     vertical-align: middle;
     margin-right: 10px;
 }
 
 .tab-content {
     padding: 15px 15px 10px;
     margin-bottom: 20px;
     z-index: 2;
     border: 1px solid #ddd;
     border-top: 0px;
 }
      
  
 
 div.required .control-label:before {
     content: '* ';
     color: #F00;
     font-weight: bold;
 }

 /*******************************************************************
******                SO Framework: Sass Menu                 ******
********************************************************************/
 
 div.horizontal ul.megamenu>li {
     float: left;
 }
 
 div.horizontal ul.megamenu .sub-menu .title-submenu,
 div.horizontal ul.megamenu li .sub-menu .content .static-menu a.main-menu {
     text-transform: uppercase;
     color: #222222;
     border-bottom: 1px solid #ddd;
     font-size: 13px;
     font-weight: bold;
     padding-bottom: 5px;
     margin-bottom: 5px;
 }
 
 div.horizontal ul.megamenu .sub-menu .image-link {
     color: #333333;
 }
 
 div.horizontal ul.megamenu .sub-menu .image-link:hover {
     color: var(--color-two);
 }
 
 div.horizontal .image-link .thumbnail {
     position: relative;
     overflow: hidden;
     border-radius: 0;
     background: #333;
     padding: 0;
 }
 
 div.horizontal .image-link .btn {
     position: absolute;
     top: -100px;
     left: calc(50% - 50px);
     padding: 7px 12px;
     background: #676767;
     color: #fff;
     text-transform: capitalize;
     border-radius: 0;
     border-color: #676767;
     background: var(--color-two);
     border-color: var(--color-two);
     -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s;
     border-radius: 2px;
 }
 
 div.horizontal .image-link .btn:hover {
     background: var(--color-two);
     border-color: var(--color-two);
     color: #fff;
 }
 
 div.horizontal .image-link .btn:hover {
     background: #676767;
     border-color: #676767;
 }
 
 div.horizontal .image-link:hover .thumbnail {
     border: 1px solid #999;
 }
 
 div.horizontal .image-link:hover .thumbnail img {
     opacity: 0.7;
 }
 
 div.horizontal .image-link:hover .btn {
     top: calc(50% - 25px);
 }
 
 div.horizontal .image-link .figcaption {
     font-size: 13px;
     text-align: center;
     font-weight: 600;
     text-transform: uppercase;
 }
 
 div.horizontal ul.megamenu .sub-menu .content {
     border-top: 3px solid var(--color-two);
 }
 
 div.horizontal ul.megamenu .sub-menu a {
     color: #666;
     line-height: 24px;
     display: block;
     padding: 3px 0;
 }
 
 div.horizontal ul.megamenu .sub-menu a:hover {
     color: var(--color-two);
 }
 
 header .so-megamenu .navbar-header {
     color: white;
 }
  
 .list-product {
     padding: 0;
 }
 
 .list-product .image {
     margin-right: 15px;
 }
 
 .list-product .caption h4 {
     margin: 0;
     /* [4] */
     /* [6] */
     /* [6] */
     /* [7] */
     font-size: 14px;
     /* [8] */
     font-size: 1.4rem;
     /* [8] */
 }
 
 .megamenuToogle-wrapper .container>div {
     float: left;
     margin: 3px 10px 0px 0px;
 }
 /* +----------------------------------------------------+
		TABLE OF CONTENTS
	+----------------------------------------------------+

	[1]		Header Wrapper
	[2]		Content Wrapper
	[3]		Footer Wrapper
	
*/
 /* ************************************************************************************************
STRUCTURE
************************************************************************************************ */
 
 @media (max-width: 1024px) {
     .no-res {
         width: 1190px;
     }
 }
 
 .wrapper-boxed,
 .wrapper-iframed,
 .wrapper-rounded {
     max-width: 1200px;
     margin: 0 auto;
     background: #fff;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 }
 
 .wrapper-boxed header.navbar-compact,
 .wrapper-iframed header.navbar-compact,
 .wrapper-rounded header.navbar-compact {
     width: auto;
 }
 
 .wrapper-iframed {
     margin: 20px auto;
 }
 
 .wrapper-rounded {
     margin: 20px auto;
     border-radius: 10px;
     overflow: hidden;
 }
 /**************************************************************
	  Header Wrapper
**************************************************************/
 
 .header-top {
     background: #eee;
 }
 
 .header-center {
     padding: 35px 0;
 }
 
 .header-bottom {
     background: #666666;
     min-height: 45px;
     /* margin-bottom: 15px; */
 }
 /**************************************************************
	  Content Wrapper
**************************************************************/
 
 #content {
     margin-bottom: 30px;
 }
 
 #content:before,
 #content:after {
     content: " ";
     display: table;
 }
 
 #content:after {
     clear: both;
 }
 /************************************************************************************************
    FOOTER DEFFAULT
*************************************************************************************************/
 
 footer { 
     color: #666; 
 }
 
 footer a {
     color: #444;
 }
 
 footer .module {
     margin: 0;
 }
 
 footer .module h3.modtitle,
 footer .module h3.footer-title {
     font-size: 18px !important;
     font-weight: bold;
     border: none;
     color: #222 !important;
     text-transform: uppercase;
     margin: 0 0 15px 0 !important;
     line-height: inherit;
     height: auto;
 }
 
 footer .footer-top {
     background-color: #222;
     height: 70px;
 }
 
 footer .footer-center {
     padding-bottom: 30px;
     padding-top: 25px;
     background-color: #eee;
 }
 
 footer .footer-center .module h3.modtitle:before {
     display: none;
 }
 
 footer .footer-center .module .footer-logo {
     margin-bottom: 7px;
     margin-top: -3px;
 }
 
 footer .footer-center .module ul.menu li a {
     position: relative;
     padding-left: 10px;
 }
 
 footer .footer-center .module ul.menu li a:before {
     content: "\f101";
     top: 2px;
     line-height: 100%;
     vertical-align: middle;
     font-family: FontAwesome;
     position: absolute;
     left: 0;
 }
 
 footer .footer-center .module ul.menu li a:hover {
     color: var(--color-two);
 }
 
 footer .footer-center .footer-links p {
     line-height: 20px;
 }
 
 footer .footer-center .contact-address li {
     color: #444444;
     padding: 0 0 5px 25px;
     position: relative;
     z-index: 1;
     line-height: 18px;
 }
 
 footer .footer-center .contact-address span {
     font-size: 15px;
     position: absolute;
     color: white;
     text-align: center;
     color: var(--color-two);
     left: 0px;
     margin-right: 10px;
 }
 
 footer .footer-center .contact-address>li:nth-child(2) {
     padding-top: 7px;
 }
 
 footer .footer-center .contact-address>li:nth-child(2) span {
     margin-top: -1px;
 }
 
 footer .footer-center .contact-address>li:last-child {
     padding-top: 8px;
 }
 
 footer .footer-center .contact-address a:hover {
     color: var(--color-two);
 }
 
 footer .footer-center .payment-list li {
     display: inline;
 }
 
 footer .box-footer {
     min-height: 181px;
     border-right: 1px solid #ddd;
 }
 
 footer .box-footer .module {
     margin: 0;
 }
 
 footer .box-footer.box-account,
 footer .box-footer.box-information {
     padding-left: 30px;
 }
 
 footer .box-footer.box-account ul li,
 footer .box-footer.box-information ul li {
     line-height: 32px;
 }
 
 footer .box-footer:last-child {
     border-right: 0;
     padding-left: 30px;
 }
 
 footer ul.payment-method {
     padding-top: 25px;
     border-bottom: 0;
 }
 
 footer ul.payment-method li {
     display: inline-block;
     margin-right: 7px;
 }
 
 footer ul.payment-method li img:hover {
     opacity: 0.8;
 }
 
 footer .footer-bottom {
     background: transparent;
     border-top: 2px solid #ddd;
     padding: 6px 0;
 }
 
 footer .social_block {
     margin-bottom: 0;
     background: #3a3a3a;
 }
 
 footer .social_block ul {
     padding: 0 15px;
 }
 
 footer .social_block ul.social-block li {
	display: inline-block;
     float: left;
     margin: 0 7px;
     text-align: center;
 }
 
 footer .social_block ul.social-block li a {
     color: #fff;
     line-height: 70px;
     width: 30px;
     display: inline-block;
 }
 
 footer .social_block ul.social-block li a:hover {
     color: var(--color-two);
 }
 
 footer .social_block ul.social-block li a i {
     font-size: 16px;
 }
 
 footer .news-letter {
     overflow: hidden;
     padding-top: 0px;
     float: right;
     color: #fff;
     padding-right: 0;
 }
 
 footer .news-letter .title-block {
     max-width: 400px;
     min-height: 50px;
     display: inline-block;
     padding: 3px 0 0px 0px; 
     margin-left: 23px;
 }
 
 footer .news-letter .page-heading {
     font-size: 16px;
     text-transform: uppercase;
     font-weight: 600;
     color: #fff;
     margin: 2px 2px 0;
 }
 
 footer .news-letter .pre-text {
     margin: 0;
     line-height: 12px; 
 }
 
 footer .news-letter .block_content {
     float: right;
     padding-top: 7px;
 }
 
 footer .news-letter .block_content form {
     margin: 0px;
 }
 
 footer .news-letter .block_content form .form-group {
     margin: 0px;
     overflow: hidden;
 }
 
 footer .news-letter .block_content .input-box {
     float: left;
 }
 
 footer .news-letter .block_content .input-box input {
     border-radius: 0;
     height: 40px;
     padding: 5px 15px;
     background: #fff;
     color: #999; 
     float: left;
     width: 270px;
     height: 36px;
     transition: 0.3s all ease 0s;
     border: solid 1px #eee;
     border-right: none;
 }
 
 footer .news-letter .block_content .subcribe {
     float: left;
 }
 
 footer .news-letter .block_content .subcribe button {
     border-radius: 0;
     height: 36px;
     float: left;
     text-transform: uppercase; 
     transition: 0.3s all ease 0s;
     font-weight: 500;
     text-transform: uppercase;
     background-color: var(--color-two);
     border-color: var(--color-two);
     color: #fff;
 }
 
 footer .news-letter .block_content .subcribe button:hover {
     background-color: #da1719;
     border-color: #da1719;
 } 


 /* 	+----------------------------------------------------+
		TABLE OF CONTENTS
	+----------------------------------------------------+

	[1]		BLOCK MODULE STYLE
	[2]		BLOCK LIST ITEM
	[3]		BLOCK MENU CATEGORY
	[4]		BLOCK FILTER SHOP BY
	[5]		BLOCK TAGS
	[6]		BLOCK LANGUAGE
	[7]		BLOCK CURRENCY
	[8]		BLOCK BREADCRUMB
	[9]		BLOCK LATEST PRODUCT
*/
 /*============MODULE DEFAULT ==================*/
 
 .module {
     margin-bottom: 30px;
 }
 
 .module:before,
 .module:after {
     content: " ";
     display: table;
 }
 
 .module:after {
     clear: both;
 }
 
 .module h3.modtitle {
     position: relative;
     border-bottom: 3px solid;
     border-color: var(--color-two);
     font-size: 100%;
     padding: 0;
     margin: 0px 0px -1px 0px;
     height: 40px;
 }
 
 .module h3.modtitle:before {
     content: "";
     border: 1px solid #ddd;
     display: inline-block;
     height: 100%;
     width: 100%;
     position: absolute;
     z-index: -1;
     top: 3px;
     left: 0;
     right: 0;
 }
 
 .module h3.modtitle:after {
     display: none;
 }
 
 .module h3.modtitle>span {
     display: inline-block;
     font-size: 16px;
     text-transform: uppercase;
     position: relative;
     color: #fff;
     line-height: 39px;
     padding: 0 18px;
     background-color: var(--color-two);
	 min-width: 200px;
 }
 
 .module h3.modtitle>span:before {
     content: "";
     display: inline-block;
     position: absolute;
     top: 0px;
     width: 0;
     height: 0;
     border-bottom: 40px solid var(--color-two);
     right: -20px;
     border-right: 20px solid transparent;
 }
 
 .list-item {
     list-style: none;
     padding: 0;
 }
 
 .list-item li {
     margin-bottom: 3px;
 }
 
 .list-item li:before {
     font-family: "FontAwesome";
     margin-right: 10px;
     display: inline-block;
     content: "\f105";
 }
 
 .list-item li a {
     color: #666;
 }
 
 .list-item li a:hover {
     color: var(--color-two);
 } 
 
 .menu-category .modcontent {
     border: 1px solid #ddd;
     padding: 0 20px;
 }
 
 .menu-category .list-group>li {
     border-bottom: 1px dotted #E4E4E4;
     margin: 0;
     position: relative;
 }
 
 .menu-category .list-group>li span.button-view {
     display: block;
     position: absolute;
     right: 0;
     top: 5px;
     cursor: pointer;
     z-index: 10;
     text-align: center;
     width: 30px;
     height: 30px;
     line-height: 30px;
     font-size: 14px;
 }
 
 .menu-category .list-group>li a {
     color: #333333;
     padding: 10px 0;
     display: block;
 }
 
 .menu-category .list-group>li a:hover {
     color: var(--color-two);
 }
 
 .menu-category .list-group>li a:hover+.button-view {
     color: var(--color-two);
 }
 
 .menu-category .list-group>li .active,
 .menu-category .list-group>li .active+.button-view {
     color: var(--color-two);
 }
 
 .menu-category .list-group>li .active+.button-view:before {
     content: '\f147';
 }
 
 .menu-category .list-group>li li {
     padding: 0 10px;
     position: relative;
     list-style: none;
 }
 
 .menu-category .list-group>li li a {
     padding: 5px 0;
 }
 
 .menu-category .list-group>li li a:before {
     content: '';
     padding: 0 5px;
     font-family: "FontAwesome";
     content: "\f105";
     margin-left: -10px;
     transition: all 400ms ease;
     opacity: 0;
 }
 
 .menu-category .list-group>li li a:hover:before {
     opacity: 1;
     margin: 0;
 }
 /*============BLOCK FILTER SHOP BY ==================*/
 
 .filter-shopby,
 .filter-row {
     border: 1px solid #e6e6e6;
     padding: 20px;
 }
 
 .filter-shopby .table_layout,
 .filter-row .table_layout {
     display: block;
 }
 
 .filter-shopby .table_cell,
 .filter-row .table_cell {
     margin-bottom: 10px;
     padding-bottom: 20px;
     border-bottom: #ddd 1px dotted;
     display: block;
 }
 
 .filter-shopby legend,
 .filter-row legend {
     border: none;
     font-size: 14px;
     margin: 0;
     text-transform: uppercase;
     color: #444;
     font-weight: 700;
 }
 
 .filter-shopby .checkboxes_list>li:not(:last-child),
 .filter-row .checkboxes_list>li:not(:last-child),
 .filter-shopby .simple_vertical_list li:not(:last-child),
 .filter-row .simple_vertical_list li:not(:last-child) {
     margin-bottom: 5px;
 }
 
 .filter-shopby .color_btn,
 .filter-row .color_btn {
     position: relative;
     padding-left: 32px;
 }
 
 .filter-shopby .color_btn:after,
 .filter-row .color_btn:after {
     display: none !important;
 }
 
 .filter-shopby .color_btn::before,
 .filter-row .color_btn::before {
     content: "" !important;
     padding: 1px;
     background-clip: content-box !important;
     border: 1px solid #eaeaea;
     -webkit-transition: border-color .3s ease;
     transition: border-color .3s ease;
     width: 18px;
     height: 18px;
     z-index: 2;
 }
 
 .filter-shopby .filter_reset,
 .filter-row .filter_reset {
     text-transform: uppercase;
     cursor: #444;
     font-weight: 700;
 }
 
 .filter-shopby .color_btn.green::before,
 .filter-row .color_btn.green::before {
     background: #269300;
 }
 
 .filter-shopby .color_btn.yellow::before,
 .filter-row .color_btn.yellow::before {
     background: #fccd36;
 }
 
 .filter-shopby .color_btn.red::before,
 .filter-row .color_btn.red::before {
     background: #ff0000;
 }
 
 .filter-shopby .color_btn.blue::before,
 .filter-row .color_btn.blue::before {
     background: #018bc8;
 }
 
 .filter-shopby .color_btn.grey::before,
 .filter-row .color_btn.grey::before {
     background: #b2b2b2;
 }
 
 .filter-shopby .color_btn.orange::before,
 .filter-row .color_btn.orange::before {
     background: #ff7b1a;
 }
 
 .filter-shopby input[type="checkbox"]:checked+.color_btn::before,
 .filter-row input[type="checkbox"]:checked+.color_btn::before {
     border-color: #333;
 }
 
 .filter-row {
     padding: 0;
 }
 
 .filter-row .table_layout {
     display: table;
     width: 100%;
     table-layout: fixed;
 }
 
 .filter-row .table_row {
     display: table;
     width: 100%;
 }
 
 .filter-row .table_cell {
     display: table-cell;
     padding: 19px;
     border-right: 1px solid #e6e6e6;
 }
 
 .filter-row .table_cell:last-child {
     border-right: none;
 }
 
 .filter-row .bottom_box {
     padding: 15px 19px;
 }
 
 .ui-slider {
     height: 6px;
     background: #ea3a3d;
     max-width: 220px;
 }
 
 .ui-slider .ui-slider-handle {
     display: block;
     width: 18px;
     height: 18px;
     background: #fff;
     border: 2px solid #ea3a3d;
     cursor: pointer;
     top: -7px;
 }
 
 .ui-slider .ui-slider-handle,
 .ui-slider .ui-slider-handle::before {
     border-radius: 50%;
 }
 
 .range {
     margin: 10px 0 20px;
 }
 
 .range>* {
     display: inline;
     border: 1px solid #ddd;
     padding: 10px;
 }
 
 .checkboxes_list {
     color: #666;
 }
 
 .simple_vertical_list input[type="radio"],
 .simple_vertical_list input[type="checkbox"],
 .checkboxes_list input[type="radio"],
 .checkboxes_list input[type="checkbox"] {
     display: none;
 }
 
 .simple_vertical_list input[type="radio"]+label,
 .simple_vertical_list input[type="checkbox"]+label,
 .checkboxes_list input[type="radio"]+label,
 .checkboxes_list input[type="checkbox"]+label {
     position: relative;
     width: auto !important;
     margin: 0 17px 0 0 !important;
     padding-left: 32px;
     cursor: pointer;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     user-select: none;
 }
 
 .simple_vertical_list input[type="radio"]+label::before,
 .simple_vertical_list input[type="checkbox"]+label::before,
 .checkboxes_list input[type="radio"]+label::before,
 .checkboxes_list input[type="checkbox"]+label::before {
     content: "";
     display: block;
     text-align: center;
     font-family: 'FontAwesome';
     position: absolute;
     color: #fff;
     top: 0px;
     z-index: 1;
     left: 1px;
 }
 
 .simple_vertical_list input[type="radio"]+label::after,
 .simple_vertical_list input[type="checkbox"]+label::after,
 .checkboxes_list input[type="radio"]+label::after,
 .checkboxes_list input[type="checkbox"]+label::after {
     content: "";
     display: block;
     text-align: center;
     font-family: 'FontAwesome';
     position: absolute;
     top: 5px;
     width: 12px;
     height: 12px;
     color: inherit;
     background: #999;
     border-radius: 0;
     left: 0;
 }
 
 .simple_vertical_list input[type="checkbox"]+label::before,
 .checkboxes_list input[type="checkbox"]+label::before {
     font-size: 10px;
 }
 
 .simple_vertical_list input[type="radio"]+label::before,
 .checkboxes_list input[type="radio"]+label::before {
     border-radius: 50%;
 }
 
 .simple_vertical_list input[type="radio"]+label:empty,
 .checkboxes_list input[type="radio"]+label:empty {
     width: 22px !important;
     padding-left: 0px;
     margin: 0px !important;
 }
 
 .simple_vertical_list input[type="checkbox"]:checked+label::before,
 .checkboxes_list input[type="checkbox"]:checked+label::before {
     content: '\f00c';
 }
 
 .simple_vertical_list input[type="radio"]:checked+label::before,
 .checkboxes_list input[type="radio"]:checked+label::before {
     content: "\f10c";
 }
 
 .tags_cloud li {
     display: inline-block;
     margin: 0 4px 4px 0;
 }
 
 .button_grey {
     padding: 6px 15px;
     display: inline-block;
     color: #676767;
     background: #f1f1f1;
     text-transform: capitalize;
     border-radius: 3px;
     border: none;
 }
 
 .button_grey:hover {
     color: white;
     background: var(--color-two);
 }
 
 .button_submit {
     background: var(--color-two);
     color: white;
     margin-right: 5px;
 }
 
 .header-top ul.dropdown-menu {
     min-width: 120px;
     margin: 0;
     border-radius: 0;
 }
 
 .header-top ul.dropdown-menu li a {
     color: #666;
 }
 
 .header-top ul.dropdown-menu li:hover a {
     color: var(--color-two);
 }
 
 @media (max-width: 767px) {
     .collapsed-block .tabBlockTitle {
         margin: 6px 0px;
         line-height: 20px;
     }
     .collapsed-block .tabBlockTitle .expander {
         margin: 0 10px;
         color: #333333;
         font-size: 14px;
     }
     .collapsed-block .tabBlock {
         display: none;
     }
 }
 /*=====================BLOCK BREADCRUMB =====================*/
 
 .breadcrumb { padding: 0px 15px; margin-bottom: 0px; list-style: none; background-color: transparent; border-radius: 0; border-bottom: 1px solid #eee; color: #444;  }
 ol.breadcrumb {  margin: 0 !important; }

 .breadcrumb li {
     position: relative;
     margin-right: 3px;
	 padding-right: 0;
 }
 
 .breadcrumb li a {
     color: #666;
 }
 
 .breadcrumb li:last-child a {
     color: var(--bs-gray);
 }
 
 .breadcrumb li+li:before {
     content: "\f105";
     font-family: fontawesome;
     color: #444;
     padding: 0 10px 0 5px;
 }
 
 .breadcrumb>li:after {
    display: none;
}
 .breadcrumb>li {
     display: inline-block;
 }


.breadcrumb { padding: 13px 15px 0; margin-bottom: 15px; list-style: none; background-color: transparent; border-radius: 0; border-bottom: 0px solid #eee; color: #444; overflow-wrap: normal; text-wrap: auto; white-space: nowrap; overflow: hidden; overflow-x: auto; }
.breadcrumb > li { overflow: hidden; flex-wrap: wrap-reverse; text-wrap-style: balance; max-width: 800px; background-color: #fff; line-height: 1.2; font-size: 13px; }


@media (max-width: 991px) {
	.breadcrumb { padding: 10px 15px 0; margin-bottom: 11px;  }
}


.getstarted { background-color: #d10505 !important;}

 /*==========================BLOCK CART ======================*/
 
 .shopping_cart {
     padding: 0;
 }
 
 .shopping_cart .btn-group {
     display: block;
     z-index: 5;
 }
 
 .shopping_cart a.top_cart {
     display: block;
     position: relative;
     box-shadow: none !important;
     text-decoration: none !important;
 }
 
 .shopping_cart a.top_cart .shopcart .title {
     color: #444;
     font-weight: bold;
     text-transform: uppercase;
 }
 
 .shopping_cart a.top_cart .shopcart .text-shopping-cart {
     color: #999;
     margin-bottom: 0;
     white-space: nowrap;
 }
 
 .shopping_cart .shoppingcart-box {
     padding: 15px;
     border-radius: 0;
     border-top: 3px solid var(--color-two);
     min-width: 300px;
 }
 
 @media (min-width: 1200px) {
     .shopping_cart .shoppingcart-box:before {
         content: "";
         height: 1px;
         width: 1px;
         border-style: solid;
         border-bottom: 10px solid var(--color-two);
         border-left: 10px solid transparent;
         border-right: 10px solid transparent;
         border-top: transparent;
         position: absolute;
         top: -10px;
         right: 129px;
     }
 }
 
 .shopping_cart .shoppingcart-box .added_items {
     margin-bottom: 10px;
 }
 
 .shopping_cart .shoppingcart-box .table-striped>tbody>tr:nth-of-type(odd) {
     background: #fff;
 }
 
 .shopping_cart .shoppingcart-box .table-striped a {
     color: #666;
     font-weight: bold;
 }
 
 .shopping_cart .shoppingcart-box .table-striped a.fa-edit {
     display: none;
 }
 
 .shopping_cart .shoppingcart-box .table-striped a:hover {
     color: var(--color-two);
 }
 
 .shopping_cart .shoppingcart-box .table-striped a.fa-delete {
     width: 20px;
     height: 20px;
     background: #d6d6d6;
     border-radius: 3px;
     text-align: center;
     line-height: 19px;
     color: #000;
 }
 
 .shopping_cart .shoppingcart-box .table-striped a.fa-delete:hover {
     background: var(--color-two);
     color: #fff;
     text-decoration: none;
 }
 
 .shopping_cart .shoppingcart-box a.btn {
     color: #fff;
     background: #444;
     border-color: #444;
 }
 
 .shopping_cart .shoppingcart-box a.btn i {
     margin-right: 5px;
 }
 
 .shopping_cart .shoppingcart-box a.btn:hover {
     border: 1px solid var(--color-two);
     background: var(--color-two);
     color: #fff;
 }
 
 .shopping_cart .table-bordered {
     border-left: 0;
     border-right: 0;
 }
 
 .shopping_cart .table>tbody>tr {
     margin: 10px 0;
 }
 
 .shopping_cart .table>tbody>tr:first-child>td {
     border-top: 0;
 }
 
 .shopping_cart .table>tbody>tr>td,
 .shopping_cart .table>tbody>tr>th,
 .shopping_cart .table>tfoot>tr>td,
 .shopping_cart .table>tfoot>tr>th,
 .shopping_cart .table>thead>tr>td,
 .shopping_cart .table>thead>tr>th {
     vertical-align: middle;
 }
 
 .shopping_cart .table-bordered>tbody>tr>td,
 .shopping_cart .table-bordered>tbody>tr>th,
 .shopping_cart .table-bordered>tfoot>tr>td,
 .shopping_cart .table-bordered>tfoot>tr>th,
 .shopping_cart .table-bordered>thead>tr>td,
 .shopping_cart .table-bordered>thead>tr>th {
     border: 0;
 }
 
 .latest-product .product-latest-item {
     margin-bottom: 20px;
 }
 
 .latest-product .product-latest-item:last-child {
     margin: 0;
 }
 
 .latest-product .media .media-left {
     float: left;
     border: 1px solid #ddd;
     padding: 0;
     margin-right: 20px;
 }
 
 .latest-product .media .media-body h4 {
     margin-top: 0;
 }
 
 .latest-product .media .media-body h4 a {
     font-size: 15px;
     color: #444;
     font-weight: normal;
 }
 
 .latest-product .media .media-body h4 a:hover {
     color: var(--color-two);
 }
 
 .latest-product .media:hover .media-left {
     border-color: var(--color-two);
 }
 /*============ MODULE MEGAMENU HORIZOL  ==================*/
 
 .container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu .menu ul ul li {
     line-height: 30px;
 }
 
 .container-megamenu.horizontal .title-feature,
 .container-megamenu.horizontal ul.megamenu .title-submenu,
 .container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu a.main-menu,
 .container-megamenu.horizontal ul.megamenu .subcategory a.title-submenu {
     line-height: 100%;
     text-transform: uppercase;
     font-weight: bold;
     border-bottom: 1px solid #ddd;
     color: #000;
     padding-bottom: 10px;
     margin-bottom: 8px;
     font-size: 13px;
 }
 
 .container-megamenu.horizontal .content-feature li a,
 .container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu .menu ul ul li a,
 .container-megamenu.horizontal ul.megamenu .sub-menu .content .hover-menu .menu ul a.main-menu {
     line-height: 26px;
     font-size: 14px;
     font-weight: 300;
     color: #666;
 }
 
 .container-megamenu.horizontal .content-feature li a:hover,
 .container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu .menu ul ul li a:hover,
 .container-megamenu.horizontal ul.megamenu .sub-menu .content .hover-menu .menu ul a.main-menu:hover {
     color: var(--color-two);
 }
 
 .container-megamenu.horizontal ul.megamenu>li>a strong img {
     position: absolute;
     top: -15px;
     right: 30px;
 }
 /*============ MODULE MEGAMENU VERTICAL  ==================*/
 
 .container-megamenu.vertical a {
     color: #666;
     font-size: 13px;
     display: block;
 }
 
 .container-megamenu.vertical a:hover {
     color: var(--color-two);
 }
 
 .container-megamenu.vertical #menuHeading {
     margin-top: 0;
     height: 45px;
     cursor: pointer;
 }
 
 .container-megamenu.vertical #menuHeading .megamenuToogle-wrapper {
     background-color: var(--color-two);
     height: 45px;
     cursor: pointer;
     -webkit-transition: 0.1s all ease 0s;
     -moz-transition: 0.1s all ease 0s;
     transition: 0.1s all ease 0s;
     border-radius: 0;
 }
 
 .container-megamenu.vertical #menuHeading .megamenuToogle-wrapper .container {
     font-size: 18px;
     text-transform: uppercase;
     font-weight: bold;
     padding: 0 0 0 60px !important;
     line-height: 45px;
 }
 
 .container-megamenu.vertical #menuHeading .megamenuToogle-wrapper .container:before {
     width: 45px;
     height: 45px;
     content: "";
     display: inline-block;
     position: absolute;
     top: 0;
     background: url("../image/theme/icons/title_vmenu.png") no-repeat;
     background-position: center center;
     background-color: #da1719;
     left: 0;
 }
 
 .container-megamenu.vertical #menuHeading .megamenuToogle-wrapper .container>div {
     margin: 3px 9px 0 0;
     float: left !important;
     display: none;
 }
 
 .container-megamenu.vertical .vertical-wrapper {
     width: 100%;
     background: white;
     position: relative;
     border-top: 0;
     display: none;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul li {
     border-top: 0;
     min-height: 37px;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul li>a {
     color: #444;
     border-bottom: 0;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul li>a:hover {
     color: var(--color-two);
 }
 
 .container-megamenu.vertical .vertical-wrapper ul li>a strong {
     font-weight: bold;
 }
 
 .container-megamenu.vertical .arrow-circle {
     position: relative;
     top: 12px;
     right: 12px;
 }
 
 .container-megamenu.vertical .vertical-wrapper {
     border: none;
     margin: 0;
     padding: 0;
     box-shadow: none;
     border-radius: 0;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .sub-menu .content .img-banner img {
     width: 100%;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .sub-menu .content .img-banner {
     padding-right: 15px;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu>li .sub-menu .content .banner {
     margin-top: -21px;
     margin-bottom: -22px;
     margin-right: -21px;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content .static-menu .menu ul {
     margin: 0;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu>li>a img {
     height: auto;
     margin: 0;
     margin-right: 10px;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu>li {
     margin: 0;
     /*border: none;
     background: #222;*/
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu>li b.fa {
     float: right;
     line-height: 22px;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu>li>a {
     padding: 9px 15px 8px 12px;
     font-size: 11px;
     text-transform: uppercase;
     margin: 0;
     /*color: #fff;*/
     line-height: 24px;
     background: transparent /*#222*/;
     border-radius: 0;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu>li>a strong i {
     font-size: 9px;
     padding-right: 5px;
     color: #999;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu>li.active>a,
 .container-megamenu.vertical .vertical-wrapper ul.megamenu>li:hover>a {
     background: #444 !important;
     color: #fff;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu>li.active>a i,
 .container-megamenu.vertical .vertical-wrapper ul.megamenu>li:hover>a i {
     color: #fff;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .title-submenu {
     color: #444;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .fa-caret-right {
     float: right;
     margin-top: 5px;
     color: #999;
     padding: 0;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style1 .content {
     padding: 20px 0 0 20px;
     overflow: hidden;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style1 .content .col-sm-4 {
     padding: 0;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style1 .content .col-sm-4 img {
     margin-top: 45px;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style1 .content>.border {
     border: none;
     padding: 0;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style1 .content .row:nth-child(3) {
     padding: 12px 0px;
     background: #eee;
     margin: 0 -20px;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style2 .content {
     padding-right: 0;
     padding-bottom: 0;
     padding-top: 0;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style2 .content .static-menu .menu ul li {
     padding: 0;
     line-height: 26px;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style2 .content .static-menu .menu ul li a.main-menu {
     margin: 0 0 10px;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style2 .content .static-menu .menu>ul {
     margin-top: 20px;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style2 .content .static-menu .menu>ul ul li {
     padding: 1px 0;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style2 .content .static-menu .menu>ul>li {
     margin: 0 0 20px;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style2 .content .static-menu .menu>ul>li:last-child {
     margin: 0;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style3 .content>.border {
     border: none;
     padding: 0;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style3 .content .image-position {
     position: absolute;
     bottom: 30%;
     right: -20px;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content {
     padding: 0;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu>ul {
     padding: 0;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu>ul>li {
     padding: 0 15px;
     position: relative;
     border-bottom: 1px solid #ddd;
     line-height: 26px;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu>ul>li:last-child {
     border: none;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu>ul>li>a {
     line-height: 37px;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu>ul>li b {
     line-height: 37px;
     font-size: 16px;
     margin: 0 20px;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu>ul>li:hover>a {
     color: var(--color-two);
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu>ul>li ul {
     padding: 0;
     top: 0;
     margin: 0;
     /*box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);*/
     border: 1px solid #e6e6e6;
     left: 100%;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu>ul>li ul:before,
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu>ul>li ul:after {
     display: none;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu>ul>li ul li {
     line-height: 22px;
     padding: 0 15px;
     border-bottom: 1px solid #ddd;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu>ul>li ul li:last-child {
     border: none;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu>ul>li ul li>a {
     font-weight: normal;
     line-height: 37px;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content {
     box-shadow: 3px 1px 4px 0 rgba(0, 0, 0, 0.1);
     border: 1px solid #e6e6e6;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content .hover-menu a:before {
     display: none;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content .hover-menu a:hover:before {
     color: var(--color-two);
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content .static-menu .menu ul li a.main-menu {
     color: #000;
     font-size: 13px;
     margin: 0 0 10px;
     display: block;
     font-weight: bold;
     text-transform: uppercase;
     border: none;
     padding: 0;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content .static-menu .menu ul ul {
     padding: 0;
     margin: 0;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content .static-menu .menu ul ul li {
     padding: 0;
     font-size: 14px;
     line-height: 30px;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content .static-menu .menu ul ul li a {
     font-size: 14px;
     font-weight: 300;
     color: #444;
     display: block;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content .static-menu .menu ul ul li:before {
     display: none;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu li .sub-menu .content .static-menu .menu ul ul li:hover a {
     color: var(--color-two);
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore {
     text-align: left;
     background: url("../image/theme/icons/bg_border_more.png") #222 repeat-x;
     background-position: top left;
     padding: 13px 10px;
     color: #fff;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore span.more-view {
     font-weight: normal;
     color: #fff;
 }
 
 .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore:hover {
     background-color: #5e5e5e;
 }  
 /*--------------BLOG CATEGORY ---------------------*/
 
 .blog-category {
     border-radius: 0;
     border: 0;
     box-shadow: none;
 }
 
 .blog-category .box-content {
     margin-bottom: 30px;
 }
 
 .blog-category .box-content ul {
     margin-bottom: 0;
 }
 
 .blog-category ul li.list-group-item {
     border-radius: 0;
     border: 0;
     border-bottom: 1px dotted #E4E4E4;
     margin: 0;
     padding: 10px 0;
 }
 
 .blog-category ul li.list-group-item a {
     border-radius: 0;
     border: 0;
     padding: 0;
     color: #666;
 }
 
 .blog-category ul li.list-group-item a:hover {
     color: var(--color-two);
 }
 /*============SIMPLE BLOG ==================*/
 
 .blog-header {
     margin-bottom: 10px;
 }
 
 .blog-header h3 {
     font-weight: bold;
     text-transform: uppercase;
     margin: 0;
 }
 
 .blog-listitem.list .left-block,
 .blog-listitem.list .right-block {
     padding: 0;
 }
 
 .blog-listitem.grid .itemBlogImg.left-block {
     display: block;
     position: relative;
 }
 
 .blog-listitem.list .blog-item .itemBlogImg .article-image {
     margin: 0;
 }
 
 .blog-listitem {
     margin: 0 -15px;
 }
 
 .blog-listitem .blog-item {
     float: left;
     width: 100%;
     padding: 15px 0;
 }
 
 .blog-listitem .blog-item .itemBlogImg .article-image {
     margin-bottom: 10px;
     position: relative;
     z-index: 1;
 }
 
 .blog-listitem .blog-item .itemBlogImg img {
     border: 0;
     padding: 0;
     border-radius: 0;
     width: 100%;
 }
 
 .blog-listitem .blog-item .itemBlogContent .article-title h4 {
     margin: 0px 0px 8px;
 }
  
 .blog-listitem .blog-item .itemBlogContent .article-title h4 a {
    font-size: 16px;
    font-size: clamp(16px, 2vw, 20px);
    color: #707070;
    letter-spacing: -0.025em; font-family: var(--font-head);
}
 
 .blog-listitem .blog-item .itemBlogContent .article-title h4 a:hover {
     color: var(--color-two);
 }
 
 .blog-listitem .blog-item .itemBlogContent .see-more {
     font-size: 14px;
     color: var(--color-two);
     display: block;
     text-align: left;
 }
 
 .blog-listitem .blog-item .itemBlogContent .see-more b {
     font-weight: 400;
 }
 
 .blog-listitem .blog-item .itemBlogContent .see-more:hover {
     text-decoration: underline;
 }
 
 .blog-listitem .blog-item .itemBlogContent .see-more .fa-angle-right {
     float: none;
     padding-left: 8px;
 }
 
 .blog-listitem .blog-item .itemBlogContent .article-sub-title {
     border: 0;
     margin-bottom: 0;
     display: inline;
 }
 
 .blog-listitem .blog-item .itemBlogContent .article-sub-title .article-date {
     font-size: 11px;
     color: #999;
 }
 
 .blog-listitem .blog-item .itemBlogContent .article-sub-title .article-date i {
     margin-right: 5px;
 }
 
 .blog-listitem .blog-item .itemBlogContent .article-description {
     padding: 8px 0;
 }
 
 .blog-listitem .blog-item .itemBlogContent .blog-meta {
     float: left;
     border: 0;
     margin: 0;
     color: #999;
     line-height: 10px;
 }
 
 .blog-listitem .blog-item .itemBlogContent .blog-meta>span {
     padding: 0 10px;
     line-height: 15px;
     font-weight: normal;
     font-size: 11px;
 }
 
 .blog-listitem .blog-item .itemBlogContent .blog-meta>span.comment_count {
     padding-left: 0;
     border-right: 1px solid #E5E5E5;
 }
 
 .blog-listitem .blog-item .itemBlogContent .blog-meta>span.comment_count a {
     color: var(--color-two);
     line-height: 10px;
 }
 /*============ARTICLE INFO==================*/
 
 div.article-info {
     border: 0;
 }
 
 div.article-info .article-title {
     font-size: 20px;
     font-weight: normal;
     color: #444;
 }
 
 div.article-info .article-title h1 {
     font-size: 16px;
     margin-top: 0;
     font-weight: bold;
 }
 
 div.article-info .article-sub-title {
     display: inline-block;
     width: 100%;
     margin-bottom: 20px;
 }
 
 div.article-info .article-sub-title span {
     font-weight: bold;
     border-right: 1px solid #E5E5E5;
     display: block;
     float: left;
     font-size: 11px;
     color: #999;
     line-height: 11px;
     padding: 0 11px;
     font-weight: normal !important;
 }
 
 div.article-info .article-sub-title span.bullet {
     display: none;
 }
 
 div.article-info .article-sub-title span.article-author {
     padding-left: 0;
 }
 
 div.article-info .article-sub-title span.article-author a {
     font-size: 11px;
     color: #999;
     font-weight: normal;
 }
 
 div.article-info .article-sub-title span.article-comment {
     border-right: 0;
 }
 
 div.article-info .article-sub-title .article-share {
     display: none;
 }
 
 div.article-info .article-image {
     clear: both;
 }
 
 div.article-info .article-image img {
     border: 0;
     border-radius: 0;
     padding: 0;
     height: auto;
 }
 
 div.article-info .article-description {
     font-size: 13px;
 }
 
 div.article-info .related-comment {
     border-radius: 0;
     border: 0;
     border-top: 1px solid #ddd;
     padding-top: 15px;
     box-shadow: none;
 }
 
 div.article-info .related-comment .panel-body {
     padding: 0;
     border: 0;
 }
 
 div.article-info .related-comment .panel-body .form-group #comments {
     padding: 0;
     border: 0;
     overflow: hidden;
 }
 
 div.article-info .related-comment .panel-body .form-group #comments h2#review-title {
     margin: 0 0 30px;
     padding: 0;
     font-weight: bold;
     text-transform: uppercase;
     font-size: 14px;
 }
 
 div.article-info .related-comment #button-comment {
     background: var(--color-two);
     border-color: var(--color-two);
 }
 
 div.article-info .related-comment #button-comment:hover {
     background: #444;
     border-color: #444;
 }
 
 div.article-info #comment-list h5 {
     display: none;
 }
 
 div.article-info #comment-list a {
     color: var(--color-two);
     text-decoration: underline;
 }
 
 div.article-info .itemFullText {
     text-align: justify;
 }
 /*****************************************************************************
******                     SO Framework: Sass Garenal                   ******
******************************************************************************/
 /* 1. EFFECT ALL
-------------------------------*/
 
 .btn-inverse {
     color: #ffffff;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
     background-color: #363636;
     background-image: linear-gradient(to bottom, #444444, #222222);
     background-repeat: repeat-x;
     border-color: #222222 #222222 #000000;
 }
 
 .btn-inverse:hover,
 .btn-inverse:active,
 .btn-inverse.active,
 .btn-inverse.disabled,
 .btn-inverse[disabled] {
     background-color: #222222;
     background-image: linear-gradient(to bottom, #333333, #111111);
 }
 /* 2. STYLE OWL
------------------------------*/
 /* 3. STYLE ALL SITE
-------------------------------*/
 
 
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
     font-family: inherit;font-family: var(--font-head);
     font-weight: 500;
     line-height: 1.1;
 }
 /* Override the bootstrap defaults */
 
/*   h2 { font-size: 20px; } h3 { font-size: 18px; } h4 { font-size: 15px; } h5 { font-size: 12px; } h6 { font-size: 10.2px; } */
h1 { font-size: 25px; }

 ul.menu,
 ul.blank,
 .htmlcontent-home,
 .menu-category .list-group,
 .menu-category .list-group>li ul,
 .filter-shopby .checkboxes_list,
 .filter-row .checkboxes_list,
 .filter-shopby .simple_vertical_list,
 .filter-row .simple_vertical_list,
 .tags_cloud, 
 ul.contact-address,
 ul.product-options {
     list-style: none;
     padding: 0;
 }
 
 option {
     padding: 2px 5px;
     border-width: 1px;
 }
 
 .alert ol li {
     list-style-type: decimal;
     margin: 0 0 5px 15px;
 }
 
 img {
     max-width: 100%;
 }
 
 .align-center {
     display: table;
     margin: 0 auto;
 }
 
/*  .text-danger {
     color: #fff;
     display: inline-block;
     background-color: #a94442;
     padding: 0 5px;
     margin: 5px 0;
     border-radius: 3px;
     font-size: 11px;
 } */
 
 a,
 .btn-link {
     color: #666;
     color: #2a2a2a;
 }
 
 /* a:hover, */
 .btn-link:hover {
     color: var(--color-two);
     text-decoration: none;
 }
 
 a,
 a:visited,
 a:active,
 a:link,
 a:focus {
     cursor: pointer;
     text-decoration: none;
     outline: none;
 }
 
 .btn.active,
 .btn:active {
     box-shadow: none !important;
 }
 
 .input-group-btn>.btn {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
 }
 
 ol {
     counter-reset: item;
     /* list-style-type: none; */
     margin: 0 0 0 15px;
 }
 
 em {
     font-style: normal;
 }
 
 .fancybox-outer,
 .fancybox-inner {
     text-align: center;
 }
 
 .fancybox-outer .wishlist_product_view,
 .fancybox-inner .wishlist_product_view {
     margin-bottom: 15px;
 }
 
 .list-inline {
     display: inline-block;
 }
 
 .zoomContainer {
     overflow: hidden;
 }
 
 .img-thumbnail.pull-left {
     margin-right: 30px;
 }
 
 .img-thumbnail.pull-right {
     margin-left: 30px;
 }
 
 .selector {
     display: inline-block;
     position: relative;
     height: 30px;
     padding-right: 30px;
 }
 
 .selector span {
     display: none;
 }
 
 .selector select {
     position: absolute;
     height: 100%;
     width: 100%;
     border-radius: 0;
     box-shadow: none;
     top: 0px;
     left: 0px;
     font-size: 13px;
     color: #999;
     padding: 5px 7px;
     border: solid 1px #e6e6e6;
 }
 
 .selector select:focus {
     box-shadow: none;
     outline: none;
     border-color: #e6e6e6;
 }
 
 .selector:after {
     content: "\f0d7";
     margin: 0;
     height: 28px;
     width: 28px;
     text-align: center;
     color: #666;
     position: absolute;
     top: 1px;
     right: 1px;
     background: #fff;
     pointer-events: none;
     line-height: 25px;
     /* font-size: 12px; */
 }
 
 .margin-zero {
     margin: 0;
 }
 
 .col-xs-15,
 .col-sm-15,
 .col-md-15,
 .col-lg-15 {
     position: relative;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px;
 }
 
 .col-xs-15 {
     width: 20%;
     float: left;
 }
 
 @media (min-width: 768px) {
     .col-sm-15 {
         width: 20%;
         float: left;
     }
 }
 
 @media (min-width: 992px) {
     .col-md-15 {
         width: 20%;
         float: left;
     }
 }
 
 @media (min-width: 1200px) {
     .col-lg-15 {
         width: 20%;
         float: left;
     }
 }
 /* 4. FORM
-----------------------------------------------------------------*/
 
 .inline {
     display: inline-block;
 }
 
 legend {
     font-size: 18px;
     padding: 7px 0px;
 } 
 
 select.form-control,
 textarea.form-control,
 input[type="text"].form-control,
 input[type="password"].form-control,
 input[type="datetime"].form-control,
 input[type="datetime-local"].form-control,
 input[type="date"].form-control,
 input[type="month"].form-control,
 input[type="time"].form-control,
 input[type="week"].form-control,
 input[type="number"].form-control,
 input[type="email"].form-control,
 input[type="url"].form-control,
 input[type="search"].form-control,
 input[type="tel"].form-control,
 input[type="color"].form-control {
     /* font-size: 12px; */
     border-radius: 0;
 }
 
 .input-group .input-group-addon {
     /* font-size: 12px; */
     height: 30px;
 }
 
 .dropdown-menu {
     font-size: inherit;
 }
 
 textarea,
 input[type="text"],
 input[type="password"],
 input[type="datetime"],
 input[type="datetime-local"],
 input[type="date"],
 input[type="month"],
 input[type="time"],
 input[type="week"],
 input[type="number"],
 input[type="email"],
 input[type="url"],
 input[type="search"],
 input[type="tel"],
 input[type="color"],
 .uneditable-input {
     border-radius: 0;
 }
 
 .btn {
     border-radius: 0;
 }
 
 .btn-default.active,
 .btn-default.focus,
 .btn-default:active,
 .btn-default:focus,
 .btn-default:hover,
 .open>.dropdown-toggle.btn-default {
     background: var(--color-two);
     border-color: var(--color-two);
     color: white;
 }
 
 .buttonGray {
     padding: 7px 12px;
     background: #676767;
     color: #fff;
     text-transform: capitalize;
     border-radius: 0;
     border-color: #676767;
 }
 
 .buttonGray:hover {
     background: var(--color-two);
     border-color: var(--color-two);
     color: #fff;
 }
 
 .submit {
     margin: 1em 0;
 }
 
 select,
 textarea {
     color: #666;
 }
 
 textarea {
     height: auto;
     resize: none;
 }
 
 .alert-danger,
 .alert-success {
     display: inline-block;
     width: 100%;
     border-radius: 0;
 }
 
 .filter_group input {
     display: none;
 }
 
 .filter_group [type=checkbox]+span:before {
     content: "\f00c";
     font-family: FontAwesome;
     width: 18px;
     padding-left: 2px;
     line-height: 16px;
     height: 18px;
     border: 1px solid #dddddd;
     border-radius: 3px;
     position: absolute;
     top: 3px;
     left: 0;
     /* font-size: 12px; */
     color: #ffffff;
 }
 
 .filter_group [type=checkbox]:checked+span:before {
     color: #333333;
 }
 /* 5. TABLE
-----------------------------------------------------*/
 
 .table thead>tr>th {
     background: #eee;
 }
 
 table.std th,
 table.std td {
     vertical-align: middle;
     border: #ccc;
     padding: 10px;
     text-align: center;
 }
 
 table.std th {
     white-space: nowrap;
     background: #f5f5f5;
 }
 
 table.std tfoot td {
     color: #333;
     text-align: right;
     white-space: nowrap;
 }
 
 table.std {
     background: #fdfdfd;
     border-spacing: 0;
     vertical-align: middle;
     border: #ccc;
     width: 100%;
 }
 
 table th {
     border: #ccc;
     color: #7a7a7a;
     font-size: 13px;
     font-weight: bold;
     padding: 10px;
     text-align: left;
     vertical-align: middle;
     text-transform: uppercase;
 }
 
 .delivery_option table td {
     text-align: center;
 }
 
 table tfoot td {
     text-align: right;
 }
 
 table.table-bordered thead>* {
     background-color: rgba(51, 51, 51, 0.1);
     font-weight: bold;
 }
 
 .no-margin {
     margin: 0 !important;
 }
 
 .sidebar-menu .box-category-menu {
     z-index: 2;
 }
 
 .label-mega {
     background: #ee3b27;
 }
 
 .carousel-inner>.item>a>img,
 .carousel-inner>.item>img,
 .img-responsive,
 .thumbnail a>img,
 .thumbnail>img {
     margin: 0 auto;
 }
 
 #button-review {
     margin-top: 12px;
     padding: 7px 12px;
     margin-right: 10px;
     background: gray;
     color: #fff;
     text-transform: capitalize;
     border-radius: 0;
     border-color: gray;
 }
 
 #button-review:hover {
     background: var(--color-two);
     border-color: var(--color-two);
 }
 
 .product-search .checkbox-inline {
     display: block;
 }
 /* 	+----------------------------------------------------+
		TABLE OF CONTENTS
	+----------------------------------------------------+

	[1]		Page Faq
	[2]		Page About us
	[3]		Page Contact
	[4]		page 404 
	
*/
 
 #map-canvas {
     height: 600px;
 }
 
 ul.yt-accordion {
     margin: 0;
     padding: 0;
     list-style: none;
 }
 
 ul.yt-accordion li.accordion-group {
     margin-bottom: 1px;
 }
 
 ul.yt-accordion li.accordion-group h3.accordion-heading {
     margin: 0;
     cursor: pointer;
     background-color: #f4f4f4;
     position: relative;
     z-index: 2;
 }
 
 ul.yt-accordion li.accordion-group h3.accordion-heading span {
     padding: 10px;
     font-size: 16px;
     display: block;
     margin-left: 40px;
     line-height: 24px;
 }
 
 ul.yt-accordion li.accordion-group h3.accordion-heading .fa {
     margin: 0px;
     font-family: verdana;
     font-size: 17px;
     width: 40px;
     background: #A0A0A0;
     color: white;
     text-align: center;
     line-height: 40px;
     vertical-align: top;
     position: absolute;
     z-index: 5;
     top: 0;
     bottom: 0;
 }
 
 ul.yt-accordion li.accordion-group .accordion-inner {
     border: 1px solid #f4f4f4;
     padding: 10px 15px;
     background: #E6E6E3;
 }
 
 ul.yt-accordion li.accordion-group h3.accordion-heading .fa-plus-square:before {
     content: "+";
 }
 
 ul.yt-accordion li.accordion-group h3.accordion-heading.active .fa-plus-square:before {
     content: "-";
 }
 
 ul.yt-accordion li.accordion-group h3.accordion-heading:hover {
     color: white;
     background: #8E8E8E;
 }
 
 ul.yt-accordion li.accordion-group h3.accordion-heading:hover .fa {
     background: #666;
 }
 
 .about-us .about-title {
     font-size: 18px;
     color: #444;
     font-weight: bold;
     margin-bottom: 20px;
 }
 
 .about-us .name-member {
     font-size: 116.67%;
     font-weight: bold;
 }
 
 .about-us .job-member {
     margin: 7px 0 5px;
     font-style: italic;
 }
 
 .about-us .job-member:before,
 .about-us .job-member:after {
     content: "---";
     margin: 0 5px;
 }
 
 .about-us .social-member {
     list-style: none;
 }
 
 .about-us .social-member .social-icon {
     display: inline-block;
     margin: 0 3px;
 }
 
 .about-us .social-member .social-icon a {
     display: inline-block;
     color: #fff;
     font-size: 16px;
     width: 30px;
     height: 30px;
     text-align: center;
     line-height: 30px;
     border-radius: 50%;
     border-radius: 50%;
 }
 
 .about-us .social-member .social-icon a span {
     display: none;
 }
 
 .about-us .social-member .social-icon a:hover {
     background-color: var(--color-two) !important;
 }
 
 .about-us .social-member .social-icon.rss a {
     background-color: #f8bc2e;
 }
 
 .about-us .social-member .social-icon.facebook a {
     background-color: #39599f;
 }
 
 .about-us .social-member .social-icon.twitter a {
     background-color: #45b0e3;
 }
 
 .about-us .social-member .social-icon.google a {
     background-color: #1872bf;
 }
 
 .about-us .des-member.des-client {
     max-width: 950px;
     margin: 0 auto;
     font-style: italic;
     margin-bottom: 10px;
 }
 
 .about-us .member-info {
     text-align: center;
     padding-top: 15px;
 }
 
 .about-us .client-say-content {
     text-align: center;
 }
 
 .about-us .client-say-content .client-say-slider {
     padding-top: 15px;
 }
 
 .about-us .client-say-content .client-say-slider .owl2-dots {
     position: absolute;
     left: 0;
     top: -23px;
     width: 100%;
 }
 
 .about-us .client-say-content .client-say-slider .owl2-dots span {
     width: 16px;
     height: 16px;
     background-color: #d9d9d9;
     border: none;
     margin: 0 2px;
     opacity: 1;
     display: block;
     border-radius: 50%;
     -webkit-border-radius: 50%;
 }
 
 .about-us .client-say-content .client-say-slider .owl2-dots .owl2-dot {
     display: inline-block;
 }
 
 .about-us .client-say-content .client-say-slider .owl2-dots .owl2-dot.active span {
     background-color: #929292;
 }
 
 .about-us .client-say-content .client-say-slider .owl2-dots .owl2-dot span:hover {
     background-color: #929292;
 }
 
 .about-us .about-us-center {
     text-align: center;
 }
 
 .about-us .about-us-center .content-description {
     padding-top: 25px;
     clear: both;
     margin-bottom: 30px;
 }
 
 .about-us .client-logo-content {
     border-bottom: 1px dashed #e7e7e7;
     border-top: 1px dashed #e7e7e7;
     padding-bottom: 10px;
     text-align: center;
 }
 
 .about-us .client-logo-content .about-title {
     background: #fff none repeat scroll 0 0;
     display: inline-block;
     margin: 0;
     padding: 0 10px;
     position: relative;
     text-align: center;
     top: -19px;
 }
 
 .about-us .owl2-controls .owl2-nav div {
     color: #fff;
     border-radius: 50%;
     position: absolute;
     top: 29%;
     overflow: visible;
     display: inline-block;
     width: 34px;
     height: 34px;
     text-indent: -9999px;
     margin: 0 3px;
     background-color: #A6A6A8;
     border-radius: 50%;
     -webkit-border-radius: 50%;
 }
 
 .about-us .owl2-controls .owl2-nav div:hover {
     background-color: var(--color-two);
 }
 
 .about-us .owl2-controls .owl2-nav div.owl2-next {
     right: -19px;
 }
 
 .about-us .owl2-controls .owl2-nav div.owl2-prev {
     left: -19px;
 }
 
 .about-us .owl2-controls .owl2-nav div:before {
     width: 100%;
     height: 100%;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     background-color: #a6a6a7;
     line-height: 32px;
     top: 1px;
 }
 
 .about-us .owl2-controls .owl2-nav div:hover:before {
     background-color: var(--color-two);
 }
 
 .about-us .client-logo-slider {
     padding: 0 25px;
 }
 
 .about-us .client-logo-slider img {
     width: auto;
     display: inline-block;
 }
 
 .about-us .about-image-slider {
     max-width: 570px;
     margin: 0 auto;
 }
 
 .about-us .about-image-slider .owl2-controls .owl2-nav div {
     top: 50%;
     margin-top: -15px;
     border: none !important;
     border-radius: 0;
     -webkit-border-radius: 0;
     overflow: hidden;
     border-radius: 3px;
     -webkit-border-radius: 3px;
 }
 
 .about-us .about-image-slider .owl2-controls .owl2-nav div:before {
     border-radius: 0;
     -webkit-border-radius: 0;
     background-color: transparent;
     color: #c8c8c8;
 }
 
 .about-us .about-image-slider .owl2-controls .owl2-nav div.owl2-next {
     right: 10px;
 }
 
 .about-us .about-image-slider .owl2-controls .owl2-nav div.owl2-prev {
     left: 10px;
 }
 
 .about-us .about-image-slider .owl2-controls .owl2-nav div:hover {
     border-color: var(--color-two);
 }
 
 .about-us .about-image-slider .owl2-controls .owl2-nav div:hover:before {
     color: #fff;
 }
 
 .about-us .skills-value {
     padding-top: 52px;
 }
 
 .about-us .skills-value .label-skill {
     font-weight: bold;
 }
 
 .about-us .about-us-content .description-about {
     padding: 20px 0;
 }
 
 .about-us .content-faq {
     position: relative;
     top: -15px;
 }
 
 .about-us .content-faq .panel {
     box-shadow: none;
     -webkit-box-shadow: none;
     border-bottom: 1px solid #e7e7e7;
     border-radius: 0;
     -webkit-border-radius: 0;
     margin: 0;
 }
 
 .about-us .content-faq .panel .panel-title {
     font-size: 100%;
     font-weight: bold;
 }
 
 .about-us .content-faq .panel .panel-title a {
     display: block;
     padding: 15px 0 15px 25px;
     position: relative;
 }
 
 .about-us .content-faq .panel .panel-title a:after {
     transform: rotate(135deg);
     content: "";
     width: 4px;
     height: 4px;
     position: absolute;
     left: 6px;
     top: 50%;
     margin-top: 6px;
     background-color: var(--color-two);
 }
 
 .about-us .content-faq .panel .panel-title a:before {
     background-color: var(--color-two);
     content: "-";
     width: 16px;
     height: 16px;
     display: inline-block;
     position: absolute;
     left: 0px;
     top: 50%;
     margin-top: -8px;
     border-radius: 2px;
     -webkit-border-radius: 2px;
     color: #fff;
     text-align: center;
     line-height: 16px;
 }
 
 .about-us .content-faq .panel .panel-title a.collapsed:after {
     background-color: #737373;
 }
 
 .about-us .content-faq .panel .panel-title a.collapsed:before {
     background-color: #737373;
     content: "?";
 }
 
 .about-us .content-faq .panel .panel-body {
     padding: 0 0 13px;
 }
 
 .about-us .owl2-theme .owl2-controls .owl2-nav>div:before {
     display: inline-block;
     text-indent: 0;
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0px;
     top: 1px;
     color: #fff;
     font-size: 18px;
     line-height: 32px;
     text-align: center;
     border-radius: 50%;
     -webkit-border-radius: 50%;
 }
 
 .about-us .owl2-theme .owl2-controls .owl2-nav>div.owl2-prev:before {
     content: "\f104";
     font-family: FontAwesome;
 }
 
 .about-us .owl2-theme .owl2-controls .owl2-nav>div.owl2-next:before {
     content: "\f105";
     font-family: FontAwesome;
 }
 
 .about-demo-1 .about-image,
 .about-demo-1 .about-info {
     margin-bottom: 40px;
 }
 
 .about-demo-1 .what-client-say {
     margin-bottom: 60px;
 }
 
 .about-demo-1 .line-hori {
     text-align: center;
     position: relative;
     z-index: 3;
 }
 
 .about-demo-1 .line-hori>span {
     background: white;
     display: inline-block;
     position: relative;
     z-index: 10;
     padding: 0 20px;
 }
 
 .about-demo-1 .line-hori:before {
     position: absolute;
     content: "";
     border-bottom: 1px dashed #ccc;
     top: 50%;
     left: 0;
     height: 1px;
     width: 100%;
     z-index: 3;
 }
 
 .about-demo-2 .our-team {
     margin-bottom: 60px;
 }
 
 .about-demo-3 .about-image,
 .about-demo-3 .about-info {
     margin-bottom: 30px;
 }
 
 .info-contact .name-store h3 {
     padding: 7px 0px;
     margin-top: 10px;
 }
 
 .info-contact .icon {
     float: left;
     padding-right: 15px;
 }
 
 .info-contact .icon .fa {
     font-size: 20px;
 }
 
 .info-contact .comment {
     line-height: 24px;
 }
 
 .contact-form legend {
     border-bottom: 0;
 }
 /*******************************************************************************
******                 SO Framework: Sass ProductList                     ******
********************************************************************************/
 /*============ BOX SALE,NEW ==============*/
 


 
 .product-options label {
     padding: 0;
     color: #666;
 }
 
 .product-options .label {
     font-weight: normal;
     font-size: 11px;
 }
 
 .product-options .radio {
     position: relative;
     z-index: 2;
     text-transform: capitalize;
     cursor: pointer;
 }
 
 .product-options .radio .fa {
     display: none;
 }
 
 .product-options .active .fa {
     display: block;
 }
 
 .product-options .fa {
     position: absolute;
     top: 0;
     z-index: 2;
     width: 22px;
     height: 22px;
     color: white;
     line-height: 22px;
     text-align: center;
     left: 0;
 }
 /*============ BOX RATE ==============*/
 
 .rating,
 .ratings {
     font-size: 13px;
     margin-bottom: 5px;
	 display: none;
 }
 
 .rating span.fa-stack .fa-star-o:before,
 .ratings span.fa-stack .fa-star-o:before {
     content: "\f006";
     color: #eca330;
 }
 
 .rating span.fa-stack .fa-star.fa-stack-1x,
 .ratings span.fa-stack .fa-star.fa-stack-1x {
     z-index: 1;
 }
 
 .rating span.fa-stack .fa-star.fa-stack-1x:before,
 .ratings span.fa-stack .fa-star.fa-stack-1x:before {
     content: "\f005";
     color: #eca330;
 }
 
 span.fa-stack {
     width: 14px;
     height: 14px;
     line-height: 14px;
 }
 
 span.fa-stack .fa-star-o:before {
     content: "\f006";
     color: #eca330;
 }
 
 span.fa-stack .fa-stack-2x {
     font-size: 1em;
 }
 
 span.fa-stack .fa-star.fa-stack-2x {
     position: relative;
     z-index: 1;
 }
 
 span.fa-stack .fa-star.fa-stack-2x:before {
     content: "\f005";
     color: #eca330;
 }
 
 .price {
     margin: 0 0 10px 0;
     line-height: 24px;
     color: #e74c3c;
     font-size: 16px;
     font-weight: 600;
	 
 }
 
 .price .price-old {
     line-height: 20px;
     padding: 0 5px;
     display: inline-block;
     text-decoration: line-through;
     color: #999;
      font-size: 13px; 
     font-weight: normal; 
	 font-family: var(--font-main);
 }
 
 .price .price-new,
 .price span.price {
     color: #e74c3c;
     font-size: 15px; 
	 font-family: var(--font-main);
 }
 /*-----------Block Sub Category------------------*/
 
 .refine-search .thumbnail {
     margin: 0 0 10px;
 }
 
 .refine-search a {
     color: #666;
 }
 
 .refine-search a:hover {
     color: var(--color-two);
 }
 /*-----------Lastet Products---------------------*/
 
 .latest-product .modcontent {
     border: 1px solid #ddd;
     padding: 20px;
 }
 /*====================TODAY'S DEALS ====================*/
 
 .countdown_box {
     position: absolute;
     top: 50%;
     margin-top: -28px;
     left: 50%;
     width: 170px;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     -webkit-transform: scale(1) translateX(-50%);
     -moz-transform: scale(1) translateX(-50%);
     -ms-transform: scale(1) translateX(-50%);
     -o-transform: scale(1) translateX(-50%);
     transform: scale(1) translateX(-50%);
 }
 
 .countdown_box .countdown_inner {
     display: table;
     background: #676767;
     width: 100%;
     text-align: center;
 }
 
 .countdown_box .title {
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
     color: #fff;
     padding: 8px;
     display: none;
 }
 
 .countdown_box .time-item {
     display: inline-block;
     color: #fff;
     /* font-size: 12px; */
     border-right: 1px solid rgba(255, 255, 255, 0.2);
     width: 25%;
 }
 
 .countdown_box .time-item .num-time {
     font-size: 14px;
     font-weight: 700;
     background: rgba(255, 255, 255, 0.06);
 }
 
 .countdown_box .time-item .num-time,
 .countdown_box .time-item .name-time {
     padding: 0 10px;
 }
 
 .countdown_box .time-item:last-child {
     border: none;
 }
 /*-----------Block Product Filter----------------*/
 
 h2.title-category {
     border-bottom: 1px solid #e6e6e6;
     margin: 0 0 30px;
     padding: 0 0 10px 0;
 }
 
 .filters-panel {
     margin-top: 3px/*30px*/;
     margin-bottom: 15px;
     padding: 5px 5px 3px;
     border-bottom: 1px solid #ddd;
 }
 
/* .filters-panel .form-control {
     height: 28px;
 }*/
 
 .filters-panel .list-view {
     text-align: left;
 }
 
 .filters-panel .list-view button.btn {
     border-radius: 0;
     padding: 3px 7px;
     /* color: #666; */
     color: #a7a7a7;
 }
 
 .filters-panel .list-view button.btn.active {
     background: var(--color-two);
     color: #fff;
     border-color: var(--color-two);
     box-shadow: none;
 }
 
 .filters-panel .list-view button.btn.active:hover {
     background: var(--color-two);
     color: #fff;
 }
 
 .filters-panel .list-view button.btn:hover {
     color: var(--color-two);
     background: transparent;
     border-color: var(--color-two);
 }
 
 .filters-panel .list-view button.btn:focus {
     border-radius: 0;
     border-color: var(--color-two);
     outline: none;
 }
 
 .filters-panel .list-view .fa {
     font-size: 14px;
 }
 
 .filters-panel.product-filter-bottom {
     margin-top: 15px;
 }
 
 .filters-panel .box-pagination ul {
     margin: 0;
     height: 28px;
 }
 
 .filters-panel select {
     border-radius: 0;
 }
 
 .box-pagination {
     line-height: 100%;
 }
 
 .box-pagination .pagination>li span,
 .box-pagination .pagination>li a {
     color: #444;
     padding: 0;
     width: 28px;
     height: 28px;
     line-height: 26px;
     text-align: center;
     border-radius: 0;
     margin-left: 3px;
     background: #fff;
 }
 
 .box-pagination .pagination>li>a:focus,
 .box-pagination .pagination>li>a:hover,
 .box-pagination .pagination>li>span:focus,
 .box-pagination .pagination>li>span:hover,
 .box-pagination .pagination>.active>a,
 .box-pagination .pagination>.active>a:focus,
 .box-pagination .pagination>.active>a:hover,
 .box-pagination .pagination>.active>span,
 .box-pagination .pagination>.active>span:focus,
 .box-pagination .pagination>.active>span:hover {
     background: #fff;
     color: var(--color-two);
     border-color: var(--color-two);
 }
 
 .short-by-show .form-group {
     margin-right: 10px;
 }
 
 .mfp-iframe-holder .mfp-close {
     right: 0;
     left: auto;
 }
  
 
 .products-list .product-layout {
     overflow: hidden; min-height: 340px; overflow: hidden;
 }
 
 .products-list .product-layout .product-item-container .left-block .countdown_box .countdown_inner {
     background: transparent;
     box-shadow: none;
 }
 
 .products-list .product-layout .product-item-container .left-block .countdown_box .countdown_inner .time-item {
     padding: 1px 0;
     background: #444;
     border: none;
     margin-right: 2px;
     width: 23.5%;
 }
 
 .products-list .product-layout .product-item-container .left-block .countdown_box .countdown_inner .time-item .num-time {
     font-size: 14px;
     color: #fff;
     margin: 0;
     border: none;
     height: 18px;
     line-height: 20px;
     font-weight: bold;
 }
 
 .products-list .product-layout .product-item-container .left-block .countdown_box .countdown_inner .time-item .name-time {
     font-size: 10px;
     color: #fff;
     margin: 0;
     height: 20px;
     line-height: 20px;
     text-transform: uppercase;
 }
 
 .products-list .product-layout .product-item-container .left-block .quickview {
     cursor: pointer;
     display: block;
     text-align: center;
     background: var(--color-two);
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
     color: #777676;
     font-size: 13px;
     height: 36px;
     line-height: 36px;
     left: 50%;
     margin-top: -16px;
     margin-left: -16px;
     padding: 0;
     position: absolute;
     top: 50%;
     width: 36px;
     border-radius: 0;
 }
 
 .products-list .product-layout .product-item-container .left-block .quickview:hover {
     background-color: #ac1214;
     color: #fff;
     border-color: var(--color-two);
 }
 
 .products-list .product-layout .product-item-container .button-group {
     position: relative;
     z-index: 9; overflow: visible;
 }
 
 .products-list .product-layout .product-item-container .button-group button.addToCart,
 .products-list .product-layout .product-item-container .button-group button.wishlist,
 .products-list .product-layout .product-item-container .button-group button.compare {
     float: left;
     margin-right: 5px;
     background-color: #999;
     border: 1px solid #ddd;
 }
 
 .products-list .product-layout .product-item-container .button-group button.addToCart:hover,
 .products-list .product-layout .product-item-container .button-group button.wishlist:hover,
 .products-list .product-layout .product-item-container .button-group button.compare:hover {
     background-color: var(--color-two);
     border-color: var(--color-two);
 }
 
 .products-list .product-layout .product-item-container .button-group button.addToCart {
     background: #999 url("../image/theme/icons/icon_cart.png") no-repeat center center;
 }
 
 .products-list .product-layout .product-item-container .button-group button.wishlist {
     background: #999 url("../image/theme/icons/icon_wishlist.png") no-repeat center center;
 }
 
 .products-list .product-layout .product-item-container .button-group button.compare {
     background: #999 url("../image/theme/icons/icon_compare.png") no-repeat center center;
 }
 
 .products-list .product-layout .product-item-container .button-group .quickview {
     width: 30px;
     height: 30px;
     text-indent: -99999px;
     background: #999 url("../image/theme/icons/icon_quickview.png") no-repeat center center;
 }
 
 .products-list .product-layout .product-item-container:hover .countdown_box {
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transform: scale(0);
 }
  
 .products-list.grid .product-layout .product-item-container {
     padding: 5px;
     margin: 15px 0;
     position: relative;
     border: 1px solid transparent;
     overflow: hidden; 
 }
 
@media (min-width: 1200px) {
	.products-list.grid .product-layout .product-item-container { min-height: 360px; }
}

 .products-list.grid.module .product-layout .product-item-container{ height: auto;}
  
 .products-list.grid .product-layout .product-item-container iframe {
     width: 100%;
 }
  
 .products-list.grid .product-layout .product-item-container .quickview {
     opacity: 1;
     position: absolute;
     top: 105px/*140px*/;
     margin: 0;
     background-color: #999;
     -webkit-transition: all 0.9s ease-in-out;
     -moz-transition: all 0.9s ease-in-out;
     transition: all 0.9s ease-in-out;
     opacity: 0;
     right: 7px;
	 
 }
  
 .products-list.grid .product-layout .product-item-container .left-block {
     position: relative;
     width: 100%;
     float: left;
 }
  
 .products-list.grid .product-layout .product-item-container .left-block .countdown_box .countdown_inner .time-item {
     background: rgba(0, 0, 0, 0.7);
 }
  
 .products-list.grid .product-layout .product-item-container .right-block {
     float: left;
     margin-top: 20px;
     width: 100%;
 }
  
 .products-list.grid .product-layout .product-item-container .right-block .caption {
     padding: 0 10px 10px;
 }
  
 .products-list.grid .product-layout .product-item-container .right-block .caption h4 a {
     font-size: 15px;
     color: #444;
     font-weight: normal; font-family: var(--font-main); line-height: 1.5;
 }
  
 .products-list.grid .product-layout .product-item-container .right-block .caption .ratings {
     margin: 5px 0 5px 0;
 }
  
 .products-list.grid .product-layout .product-item-container .button-group button {
     width: 30px;
     height: 30px;
     background-color: var(--color-new);
     text-indent: -99999px;
     background-repeat: no-repeat;
     background-position: center center;
     position: absolute;
     margin-right: 0 !important;
     border-color: var(--color-new);
     opacity: 0;
 }
  
 .products-list.grid .product-layout .product-item-container .button-group button:hover {
     border-color: var(--color-two);
 }
  
 .products-list.grid .product-layout .product-item-container .button-group button.addToCart {
     top: 98px;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     right: 0px; z-index: 99 !important;
 }
  
 .products-list.grid .product-layout .product-item-container .button-group button.wishlist {
     width: 30px;
     height: 30px;
     top: 130px;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     right: 0px; z-index: 99 !important;
 }
  
 .products-list.grid .product-layout .product-item-container .button-group button.compare {
     width: 30px;
     height: 30px;
     top: 105px;
     -webkit-transition: all 0.7s ease-in-out;
     -moz-transition: all 0.7s ease-in-out;
     transition: all 0.7s ease-in-out;
     right: 7px;
	  display: none;
 }
  
 .products-list.grid .product-layout .product-item-container .button-group .name-cart {
     text-transform: uppercase;
     display: none;
 }
  
 .products-list.grid .product-layout .product-item-container .label-new {
     top: 8px;
     right: 8px;
 }
  
 .products-list.grid .product-layout .product-item-container .label-sale {
     top: 8px;
     left: 8px;
 }
  
 .products-list.grid .product-layout .product-item-container:hover {
     border: 1px solid #aaa; box-shadow: none;
	  border-color: transparent; box-shadow: 0px 10px 50px -5px rgba(48,70,109,.15);
 }
 
 .owl-carousel .owl-item .product-item-container,
 .products-list.grid .product-layout .owl-carousel .owl-item .product-item-container {
    margin-left: 5px !important; margin-right: 5px !important;
 }
 
 .owl-carousel .owl-item .product-item-container:hover,
 .products-list.grid .product-layout .owl-carousel .owl-item .product-item-container:hover {
    border-color: transparent; box-shadow: 0px 10px 50px -5px rgba(48,70,109,.15);
 }
  
 .products-list.grid .product-layout .product-item-container:hover .button-group button {
     opacity: 1;
 }
  
 .products-list.grid .product-layout .product-item-container:hover .quickview {
     background-color: #999;
     opacity: 1;
	 display: none;
 }
  
 .products-list.grid .product-layout .product-item-container:hover .quickview:hover {
     background-color: var(--color-two);
 }
 
 .products-list.list .product-layout .product-item-container {
     float: left;
     width: 100%;
     margin: 15px 0;
     overflow: hidden;
 }
 
 .products-list.list .product-layout .product-item-container .left-block {
     border: 0px solid #ddd;
     padding: 0;
 }
 
 .products-list.list .product-layout .product-item-container .left-block .quickview {
     top: 0;
     opacity: 0;
 }
 
 .products-list.list .product-layout .product-item-container .left-block .product-image-container,
 .products-list.list .product-layout .product-item-container .left-block .countdown_box {
     padding: 10px;
 }
 
 .products-list.list .product-layout .product-item-container .countdown_box {
     width: 100%;
 }
 
 .products-list.list .product-layout .product-item-container .label-new {
     top: 10px;
     right: 10px;
     left: auto;
 }
 
 .products-list.list .product-layout .product-item-container .label-sale {
     top: 10px;
     left: 10px;
     right: auto;
 }
 
 .products-list.list .product-layout .product-item-container .right-block .caption {
     padding: 10px 10px 0;
 }

.products-list.list .product-layout .product-item-container .right-block .caption h4 { 
	margin-top: 0; font-size: 15px; line-height: 1.3; font-family: var(--font-main); font-weight: 400; }
	
.products-list.list .product-layout .product-item-container .right-block .caption h4 a:hover {
color: var(--color-gray) !important
}

 @media screen and (max-width: 767px) {
 .products-list.list .product-layout .product-item-container .caption h4 {
    font-size: 15px !important; font-weight: 300; line-height: 1.2;
 }
}
 
 .products-list.list .product-layout .product-item-container .right-block .description {
     padding: 0;
 }
 
 .products-list.list .product-layout .product-item-container .right-block .button-group {
     margin: 20px 0 0 0;
     padding: 0 10px;
 }
 
 .products-list.list .product-layout .product-item-container .button-group {
     display: inline-block;
     margin: 0 26px; margin: 0 10px;
 }
 .products-list.list .product-layout .product-item-container .ptags {
    text-align: center;
 }
 .products-list.list .product-layout .product-item-container .button-group { 
    margin: 0 auto;text-align: center;justify-content: center;align-content: center;align-self: center;align-items: center;display: flex;  
}
 .products-list.list .product-layout .product-item-container .button-group .name-cart {
     text-transform: uppercase;
     display: block;
 }
 
 .products-list.list .product-layout .product-item-container .button-group .quickview {
     display: none;
 }
 
 .products-list.list .product-layout .product-item-container .button-group button {
     height: 30px;
 }
 
 .products-list.list .product-layout .product-item-container .button-group button.addToCart {
     background-position: 8px center;
     font-weight: normal;
     padding: 0px 15px;
     color: #fff;
     border-color: #999;
 }
 
 .products-list.list .product-layout .product-item-container .button-group button.addToCart i {
     display: none;
 }
 
 .products-list.list .product-layout .product-item-container .button-group button.addToCart:hover {
     border-color: var(--color-two);
 }
 
 @media (min-width: 1200px) {
     .products-list.list .product-layout .product-item-container .button-group button.addToCart {
         padding: 0px 12px 0px 30px;
     }
 }
 
 .products-list.list .product-layout .product-item-container .button-group button.wishlist {
     width: 30px;
     text-indent: -99999px;
     background-repeat: no-repeat;
     background-position: center center;
     border-color: #999;
     float: right;
 }
 
 .products-list.list .product-layout .product-item-container .button-group button.wishlist:hover {
     border-color: var(--color-two);
 }
 
 .products-list.list .product-layout .product-item-container .button-group button.compare {
     width: 30px;
     text-indent: -99999px;
     background-repeat: no-repeat;
     background-position: center center;
     border-color: #999;
	  display: none;
 }
 
 .products-list.list .product-layout .product-item-container .button-group button.compare:hover {
     border-color: var(--color-two);
 }
 
 .products-list.list .product-layout .product-item-container:hover .left-block {
     border-color: #aaa;
 }
 
 .products-list.list .product-layout .product-item-container:hover .left-block .quickview {
     top: 46%;
     opacity: 1;
     z-index: 1;
     -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s;
     background-color: var(--color-two);
     color: #fff;
     border-color: var(--color-two);
 }
 
 .products-list.list .product-layout .product-item-container:hover .left-block .quickview:hover {
     background-color: #444;
     border-color: #444;
 }
 
 .products-list.list .product-layout .product-item-container:hover .left-block .countdown_box {
     transform: scale(0);
 }
 
 .products-list.list .product-layout .product-item-container:hover .left-block .product-image-container.second_img .img_0 {
     top: 0;
     opacity: 1;
     z-index: 0;
 }
 
 .products-list.list .product-layout .product-item-container:hover .right-block .caption h4 a {
     color: var(--color-two);
     color: var(--color-gray);
 }
 /*============PRODUCT INFO ==================*/
 
 .product-view .content-product-left.class-honizol .thumb-video {
     bottom: 190px;
 }
 .product-view ol, .product-view ul,
 .main-guts ol, .main-guts ul,
 .media-inner ol, .media-inner ul {list-style: inside; }
 .media-inner li, .main-guts li, .product-view li { margin-left: 10px; }
 .media-inner li p, .main-guts li p{ display: contents; }
 .left-content-product {
     margin-bottom: 30px;
 }
 
 .left-content-product .content-product-left .large-image {
     cursor: pointer;
     display: block;
     padding: 1px;
     overflow: hidden;
     position: relative;
     border: 1px solid #e6e6e6;
 }
 
 .left-content-product .content-product-left .large-image img {
     background: #fff;
 }
 
 .left-content-product .content-product-left .large-image .label-sale {
     left: 25px;
 }
 
 .left-content-product .content-product-left .thumb-video {
     margin-top: -50px;
     bottom: 40px;
     position: absolute;
     z-index: 950;
     font-size: 32px;
     right: 40px;
     z-index: 540;
 }
  
 .left-content-product .content-product-right .title-product h1 {
     font-size: 20px;
     margin: 0 0 10px;
     font-weight: 600;
     line-height: 1.35;
 }
 
 @media screen and (max-width: 767px) {
 	.left-content-product .content-product-right .title-product h1 { font-size: 16px;  font-weight: 500;  }
 }

 .left-content-product .content-product-right .box-review .ratings {
     display: inline-block;
     margin-right: 20px;
 }
 
 .left-content-product .content-product-right .box-review a {
     color: #666;
 }
 
 .left-content-product .content-product-right .box-review a:hover {
     color: var(--color-two);
 }
 
 .left-content-product .content-product-right .product-box-desc {
     border-top: 1px solid #eee;
     border-bottom: 1px solid #eee;
     padding: 11px 0 20px;
 }
 
 .left-content-product .content-product-right .product-box-desc .inner-box-desc {
     position: relative;
 }
 
 .left-content-product .content-product-right .product-box-desc .inner-box-desc:before {
     content: "";
     width: 4px;
     background: var(--color-two);
     height: 100%;
     position: absolute;
     left: -20px;
     top: 0; display: none;
 }
 
 .left-content-product .content-product-right .product-box-desc span {
     font-weight: bold;
 }
 
 .left-content-product .content-product-right .product-box-desc .brand a {
     color: #666;
 }
 
 .left-content-product .content-product-right .product-box-desc .brand a:hover {
     color: var(--color-two);
 }
 
 .left-content-product .content-product-right .product_page_price .price-new {
     font-size: 22px;
 }
 
 .left-content-product .content-product-right .product_page_price .price-tax {
     color: #333;
     font-size: 16px;
 }
 
 .left-content-product .content-product-right .box-review {
     margin-bottom: 5px;
 }
 
 .left-content-product .content-product-right .product-label {
     overflow: hidden;
 }
 
 .left-content-product .content-product-right .product-label .price {
     font-size: 24px;
     font-weight: 600;
     margin-bottom: 5px;
	 display: block !important;
	 clear: both !important;
 }
 
 @media (min-width: 1200px) {
     /*.left-content-product .content-product-right .product-label .price {
         float: left;
     }*/
 }
 
 .left-content-product .content-product-right .product-label .stock {
     margin-bottom: 10px; display: block;
 }
 
 .left-content-product .content-product-right .product-label .stock .status-stock {
     color: #00abf0;
 }
 
 .left-content-product .content-product-right .product-label .stock .status-stock:before {
     content: "\f046";
     font-family: FontAwesome;
     display: inline-block;
     color: #00abf0;
     margin-right: 5px;
     margin-left: 10px;
 }
 
 .left-content-product .content-product-right #product {
     float: left;
     width: 100%;
     margin-top: 10px;
 }
 
 .left-content-product .content-product-right #product h3 {
     margin-top: 0;
 }
 
 .left-content-product .content-product-right #product .image_option_type label.control-label {
     margin-right: 10px;
     margin-top: 3px;
 }
 
 .left-content-product .content-product-right #product .product-options .img-thumbnail {
     width: 22px;
     height: 22px;
     border-radius: 0;
     padding: 1px;
 }
 
 .left-content-product .content-product-right #product .box-checkbox label {
     width: 100%;
 }
 
 .left-content-product .content-product-right #product .box-date {
     padding-left: 0;
 }
 
 .left-content-product .content-product-right #product .box-date label {
     margin-right: 10px;
     width: 80px;
 }
 
 .left-content-product .content-product-right #product .box-date input {
     width: 200px;
 }
 
 .left-content-product .content-product-right #product .box-date input,
 .left-content-product .content-product-right #product .box-date button {
     border-radius: 0;
     position: relative;
     z-index: 0;
     margin-left: 0;
 }
 
 .left-content-product .content-product-right #product .box-date .input-group-btn {
     float: left;
 }
 
 .left-content-product .content-product-right #product .box-date button:hover {
     background: var(--color-two);
     color: #fff;
 }
 
 .left-content-product .content-product-right .box-info-product {
     float: left;
     width: 100%;
 }
 
 .left-content-product .content-product-right .box-info-product .quantity .quantity-control {
     float: left;
     margin: 0;
     position: relative;
     padding: 0 10px 0 0;
 }
 
 .left-content-product .content-product-right .box-info-product .quantity .quantity-control label {
     float: left;
     margin: 0;
     line-height: var(--height-cart-field);
     padding-right: 8px;
 }
 
 .left-content-product .content-product-right .box-info-product .quantity .quantity-control input.form-control {
     float: left;
     height: var(--height-cart-field);
     min-height: 30px;
     line-height: 28px;
     margin: 0;
     padding: 0 10px;
     width: 65px;
     border: 1px solid #ddd;
     border-radius: 0;
     z-index: 0;
     box-shadow: none;
     text-align: center;
     margin-right: 17px;
 }
 
 .left-content-product .content-product-right .box-info-product .quantity .quantity-control span {
     border: 0 none;
     color: white;
     float: left;
     font-size: 10px;
     font-weight: normal;
     border-radius: 0;
     cursor: pointer;
     line-height: 16px;
     margin-left: 5px;
 }
 
 .left-content-product .content-product-right .box-info-product .quantity .quantity-control span.product_quantity_up,
 .left-content-product .content-product-right .box-info-product .quantity .quantity-control span.product_quantity_down {
     background: none repeat scroll 0 0 var(--color-two);
     padding: 0 4px; font-size: 13px;
	 height: calc(var(--height-cart-field) / 2);
     line-height: calc(var(--height-cart-field) / 2);
     position: absolute; top: 0;  width: 18px; right: 14px; font-weight: 700;
 } 
 
 .left-content-product .content-product-right .box-info-product .quantity .quantity-control span.product_quantity_down { 
     top: calc(var(--height-cart-field) / 2); 
     height: calc(var(--height-cart-field) / 2);
     line-height: calc(var(--height-cart-field) / 2); 
 }
 
 .left-content-product .content-product-right .box-info-product .quantity .quantity-control span:hover {
     background: var(--color-one) !important;
 }
 
 .left-content-product .content-product-right .box-info-product .cart {
     float: left;
     overflow: hidden;
     margin-right: 5px;
 }
 
 .left-content-product .content-product-right .box-info-product .cart a {
     /* font-size: 12px; */
     font-weight: bold;
     text-transform: uppercase;
 }
 
 .left-content-product .content-product-right .box-info-product .cart a i {
     margin-right: 5px;
 }
 
 .left-content-product .content-product-right .box-info-product .cart input {
     color: #fff;
     height: var(--height-cart-field);
     line-height: var(--height-cart-field);
     padding: 0 15px 0 30px;
     font-weight: 700;
     font-size: 13px;
     border-radius: 0;
     background: #999 url(../image/theme/icons/icon_cart.png) no-repeat;
     background-position: 8px center;
     text-transform: uppercase;
	 background-color: var(--color-two);
 }
 
 .left-content-product .content-product-right .box-info-product .cart input:hover {
     background-color: var(--color-two);
     background-color: var(--color-sale);
 }
 
 .left-content-product .content-product-right .box-info-product .add-to-links li {
     display: inline-block;
     padding: 0;
 }
 
 .left-content-product .content-product-right .box-info-product .add-to-links li.wishlist a {
     margin-left: 3px;
 }
 
 .left-content-product .content-product-right .box-info-product .add-to-links ul li a {
     height: var(--height-cart-field);
     width: 30px;
     line-height: var(--height-cart-field);
     text-align: center;
     padding: 0;
     transition: none;
     display: inline-block;
     background-color: var(--color-two);
     color: #fff;
 }
 
 .left-content-product .content-product-right .box-info-product .add-to-links ul li a.text {
     display: none;
 }
 
 .left-content-product .content-product-right .box-info-product .add-to-links ul li a:hover {
     border-color: var(--color-sale);
     background: var(--color-sale);
     color: #fff;
 }
 
 .left-content-product .content-product-right .box-info-product .share {
     margin-top: 10px;
 }
 
 .thumb-vertical-outer {
     width: 100px;
     position: relative;
     padding: 18px 0;
     float: left;
     margin-right: 15px;
 }
 
 .thumb-vertical-outer .lSAction {
     display: none !important;
 }
 
 .thumb-vertical-outer .thumbnail {
     border-color: #e6e6e6;
 }
 
 .thumb-vertical-outer .btn-more {
     display: block;
     text-align: center;
     position: absolute;
     font-size: 20px;
     cursor: pointer;
     margin-left: -10px;
     left: 50%;
     color: #666;
 }
 
 .thumb-vertical-outer .btn-more:hover {
     color: var(--color-two);
 }
 
 .thumb-vertical-outer .btn-more.prev-thumb {
     top: -5px;
 }
 
 .thumb-vertical-outer .btn-more.next-thumb {
     bottom: -5px;
 }
 
 .thumb-vertical-outer .prev {
     margin-bottom: 5px;
 }
 
 .thumb-vertical-outer .prev,
 .thumb-vertical-outer .next {
     cursor: pointer;
 }
 
 .thumb-vertical-outer .prev.disabled,
 .thumb-vertical-outer .next.disabled {
     visibility: hidden;
 }
 
 .thumb-vertical-outer .prev .fa,
 .thumb-vertical-outer .next .fa {
     font-size: 16px;
     display: block;
     text-align: center;
 }
 
 .thumb-vertical-outer ul.thumb-vertical {
     padding: 0;
     margin: 0;
     list-style: none;
 }
 
 .thumb-vertical-outer ul li {
     cursor: pointer;
     margin-bottom: 10px;
 }
 
 .thumb-vertical-outer ul li .thumbnail {
     border-radius: 0;
     padding: 0;
     margin: 0;
 }
 
 .thumb-vertical-outer ul li .thumbnail img {
     padding: 0px;
     transition: all 0.3s ease;
     position: relative;
 }
 
 .thumb-vertical-outer ul li .thumbnail:hover {
     border-color: var(--color-two);
 }
 
 .thumb-vertical-outer ul li .thumbnail.active {
     border-color: var(--color-two);
 }
 /*----------------------PRODUCT TABS ---------------*/
 
 .producttab .tabsslider {
     margin-bottom: 30px;
     padding: 0;
     z-index: 1;
 }
 
 .producttab .tabsslider .nav-tabs li {
     margin-bottom: 0;
 }
 
 .producttab .tabsslider .nav-tabs li a {
     font-size: 16px;
     font-weight: 600;
     text-transform: uppercase;
     border-radius: 0px;
     margin: 0px;
     border: 1px solid #ddd;
     border-bottom: 0;
     margin-right: -1px;
     padding: 8px 40px;
     position: relative;
     background: #fff;
     color: #444;
 }
 
 .producttab .tabsslider .nav-tabs li.active a,
 .producttab .tabsslider .nav-tabs li:hover a {
     background: var(--color-two);
     color: #fff;
 }
 
 .producttab .tabsslider .nav-tabs li.active a:before,
 .producttab .tabsslider .nav-tabs li:hover a:before {
     content: "";
     width: 100%;
     height: 3px;
     background: var(--color-two);
     left: 0;
     position: absolute;
     top: 0;
     -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s;
     z-index: 9;
 }
 
 .producttab .tabsslider .nav-tabs li.active a:after {
     content: "";
     width: 100%;
     height: 1px;
     background: #fff;
     left: 0;
     position: absolute;
     bottom: -1px;
     z-index: 9;
 }
 
 .producttab .tabsslider .tab-content {
     padding: 20px;
     display: block;
     margin: 0;
     border: solid 1px #e3e1e1;
     margin-top: -1px;
 }
 
 .producttab .tabsslider ul.des-custom {
     margin-bottom: 10px;
 }
 
 .producttab .tabsslider ul.des-custom li:before {
     content: '\f00c';
     font-family: FontAwesome;
     font-size: 14px;
     display: inline-block;
     text-align: center;
     font-size: 13px;
     color: var(--color-two);
     margin-right: 5px;
 }
 
 .producttab .tabsslider .data-table tr td {
     padding: 10px;
     border: 1px solid #e9e9e9;
     vertical-align: middle;
 }
 
 .producttab .tabsslider.vertical-tabs {
     border: 1px solid #e6e6e6;
     padding: 0;
     border-bottom: 1px solid #ddd;
 }
 
 .producttab .tabsslider.vertical-tabs ul.nav-tabs {
     border-bottom: medium none;
     margin: 0;
     min-height: 180px;
     padding: 0;
 }
 
 .producttab .tabsslider.vertical-tabs ul.nav-tabs li {
     border-bottom: 1px solid #ddd;
     clear: both;
     position: relative;
     width: 100%;
     display: block;
 }
 
 .producttab .tabsslider.vertical-tabs ul.nav-tabs li a {
     border: 0;
     border-radius: 0;
     text-transform: uppercase;
     font-weight: bold;
     font-size: 16px;
     margin: 0;
     -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s;
     color: #666;
 }
 
 .producttab .tabsslider.vertical-tabs ul.nav-tabs li a:hover {
     background: transparent;
 }
 
 .producttab .tabsslider.vertical-tabs ul.nav-tabs li:before {
     content: "";
     width: 5px;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s;
     z-index: 999;
 }
 
 .producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover {
     border-left-color: var(--color-two);
 }
 
 .producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover a {
     color: var(--color-two);
 }
 
 .producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover a:before {
     display: none;
 }
 
 .producttab .tabsslider.vertical-tabs ul.nav-tabs li:hover:before {
     background-color: var(--color-two);
 }
 
 .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active {
     border-left-color: var(--color-two);
 }
 
 .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active:before {
     background-color: var(--color-two);
 }
 
 .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active a {
     background: transparent;
     color: var(--color-two);
 }
 
 .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active a:before,
 .producttab .tabsslider.vertical-tabs ul.nav-tabs li.active a:after {
     display: none;
 }
 
 .producttab .tabsslider.vertical-tabs ul.nav-tabs li:first-child {
     border-top: 0;
 }
 
 .producttab .tabsslider.vertical-tabs .tab-content {
     border: 0;
     border-left: 1px solid #e6e6e6;
     min-height: 180px;
 }
  
 
 .related {
     clear: both;
 }
 
 .zoomContainer {
     z-index: 90;
 }
 
 .image_option_type .selected-option {
     padding-left: 0;
     display: inline;
     text-transform: capitalize;
 }
 
 .image_option_type .radio input[type=radio].image_radio {
     display: none;
 }
 
 .image_option_type .radio {
     padding-left: 0;
     display: inline;
 }
 
 .product-description .product-options img.icon-color {
     width: 20px;
     padding: 0;
 }
 
 .product-options label {
     padding: 0;
     color: #666;
 }
 
 .product-options .label {
     font-weight: normal;
     font-size: 11px;
 }
 
 .product-options .radio {
     position: relative;
     z-index: 2;
     text-transform: capitalize;
     cursor: pointer;
 }
 
 .product-options .radio .fa {
     display: none;
 }
 
 .product-options .active .fa {
     display: block;
 }
 
 .product-options .fa {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2;
     width: 22px;
     height: 22px;
     color: white;
     line-height: 22px;
     text-align: center;
 }
 
 .slider-products .content-aside {
     width: 100%;
     padding: 0;
 }
 
 .slider-products .four-block {
     padding: 0;
 }
 
 .slider-products .policy-detail {
     box-shadow: none;
 }
 
 .slider-products .policy-detail .banner-policy {
     padding: 0;
 }
 
 .slider-products .policy-detail .banner-policy .policy {
     float: none;
     width: 100%;
     /* font-size: 12px; */
     border: none;
     border-bottom: 1px solid white;
     padding: 25px 10px;
 }
 
 .banner-policy {
     background-color: #eee;
     text-transform: uppercase;
 }
 
 .banner-policy .policy {
     border-bottom: 1px solid #fff;
     line-height: 19px;
     padding: 20px 10px;
 }
 
 .banner-policy .policy a {
     color: #444;
     font-weight: bold;
 }
 
 .banner-policy .policy a span {
     margin-right: 10px;
 }
 
 .banner-policy .policy a:hover {
     color: var(--color-two);
 }
 
 .banner-policy .policy.policy1 a span {
     background: url("../image/theme/icons/policy_1.png") no-repeat;
     background-position: center 0;
     width: 48px;
     height: 36px;
     font-size: 0;
     float: left;
 }
 
 .banner-policy .policy.policy1 a:hover span {
     background: url("../image/theme/color/red/policy_1.png") no-repeat;
     background-position: center 0;
 }
 
 .banner-policy .policy.policy2 a span {
     background: url("../image/theme/icons/policy_2.png") no-repeat;
     background-position: center 0;
     width: 53px;
     height: 35px;
     font-size: 0;
     float: left;
 }
 
 .banner-policy .policy.policy2 a:hover span {
     background: url("../image/theme/color/red/policy_2.png") no-repeat;
     background-position: center 0;
 }
 
 .banner-policy .policy.policy3 a span {
     background: url("../image/theme/icons/policy_3.png") no-repeat;
     background-position: center 0;
     width: 34px;
     height: 34px;
     font-size: 0;
     float: left;
 }
 
 .banner-policy .policy.policy3 a:hover span {
     background: url("../image/theme/color/red/policy_3.png") no-repeat;
     background-position: center 0;
 }
 
 .banner-policy .policy.policy4 a span {
     background: url("../image/theme/icons/policy_4.png") no-repeat;
     background-position: center 0;
     width: 34px;
     height: 34px;
     font-size: 0;
     float: left;
 }
 
 .banner-policy .policy.policy4 a:hover span {
     background: url("../image/theme/color/red/policy_4.png") no-repeat;
     background-position: center 0;
 }
 
 .slider-products .banner-policy .policy.policy1 a span,
 .slider-products .banner-policy .policy.policy2 a span,
 .slider-products .banner-policy .policy.policy3 a span,
 .slider-products .banner-policy .policy.policy4 a span {
     width: 53px;
 }
  
 .upsell.products-list.module {
     margin: 0;
 }
 
 .related.products-list.module h3.modtitle:before,
 .upsell.products-list.module h3.modtitle:before {
     display: none;
 }
  
 .related.products-list.module .upsell-products, 
 .upsell.products-list.module .upsell-products {
     box-shadow: 0 0 1px #868585 inset;
     -webkit-box-shadow: 0 0 1px #868585 inset;
     -moz-box-shadow: 0 0 1px #868585 inset;
     margin-top: 30px;
 }
 
/*  .related.products-list.module .product-layout .product-item-container,
 .upsell.products-list.module .product-layout .product-item-container {
     border-color: transparent;
     margin: 0 !important;
 } */
 
 .related.products-list.module .product-layout .product-item-container:hover,
 .upsell.products-list.module .product-layout .product-item-container:hover {
     border-color: #aaa;
     z-index: 99;
     position: relative;
 }
 
 .related.products-list.module .owl2-nav div,
 .upsell.products-list.module .owl2-nav div {
     display: inline-block;
     width: 36px;
     height: 36px;
     background-repeat: no-repeat;
     background-position: center center;
     overflow: hidden;
     font-family: FontAwesome;
     font-size: 0;
     color: #c0c0c0;
     position: absolute;
     top: 50%;
     margin-top: -18px;
     -webkit-transition: 0.2s;
     -moz-transition: 0.2s;
     transition: 0.2s;
     cursor: pointer;
     background-color: #fff;
     border: 1px solid #ddd;
     transition: all 0.3s ease 0s;
     transform: scale(1);
     text-align: center;
 }
 
 .related.products-list.module .owl2-nav div:hover,
 .upsell.products-list.module .owl2-nav div:hover {
     background: var(--color-two);
     color: #fff;
     border-color: var(--color-two);
 }
 
 .related.products-list.module .owl2-nav div.owl2-prev,
 .upsell.products-list.module .owl2-nav div.owl2-prev {
     left: -18px;
 }
 
 .related.products-list.module .owl2-nav div.owl2-prev:before,
 .upsell.products-list.module .owl2-nav div.owl2-prev:before {
     content: "\f104";
     line-height: 35px;
     padding: 10px;
     font-size: 28px;
 }
 
 .related.products-list.module .owl2-nav div.owl2-next,
 .upsell.products-list.module .owl2-nav div.owl2-next {
     right: -18px;
 }
 
 .related.products-list.module .owl2-nav div.owl2-next:before,
 .upsell.products-list.module .owl2-nav div.owl2-next:before {
     content: "\f105";
     line-height: 35px;
     padding: 10px;
     font-size: 28px;
 }
   
  

 

/* ============================================================================== 
/*	@FOCUS LABEL - V0
/* ------------------------------------------------------------------------------ */

.account-form .form-group{position:relative;margin-bottom:0}
.account-form .form-group label{position:absolute;top:12px;left:15px;font-size:13px;color:#9097a7;pointer-events:none;-webkit-transition:0.3s;transition:0.3s; padding-top: 0; font-weight: 400;}
.account-form .form-group .show-pass{position:absolute;top:12px;right:10px;font-size:14px;-webkit-transition:0.5s;transition:0.5s; border: none; /* background-color: gray; */}
/* .account-form .form-group input{padding:10px 15px;font-size:14px;margin-bottom:20px;border-radius:5px;outline:none;background:transparent} */
.account-form .form-group input,
.account-form .form-group select { padding: 10px 15px; font-size: 14px; margin-bottom: 4px; border-radius: 5px; outline: none; background: transparent; height: 50px; }
.account-form .form-group input:focus ~ label,.account-form .form-group input:valid ~ label{top:-12px;left:10px;background-color:#FFF;padding:2px;font-size:12px}
.account-form .forgot-item{margin-bottom:20px;text-align:right}
.account-form .forgot-item p{font-weight:700} 

.show_hide_password { position: relative;}
.show_hide_password .show-pass { position: absolute; top: 17px; right: 15px; background: transparent; color: #7b7b7b; font-size: 12px; cursor: pointer; }
.user-form .form-group{position:relative;margin-bottom:5px}
.user-form .form-group label{ font-size:13px; pointer-events:none;-webkit-transition:0.3s;transition:0.3s; padding-top: 0; font-weight: 400;}
/* .user-form .form-group label {position: absolute;top: 12px;left: 15px;font-size: 13px;color: #9097a7;pointer-events: none;-webkit-transition: 0.3s;transition: 0.3s;padding-top: 0;font-weight: 400;margin-bottom: 0 !important;padding-bottom: 0 !important;line-height: 1;} */
.user-form .form-group .show-pass{position:absolute;top:17px;right:10px;font-size:14px;-webkit-transition:0.5s;transition:0.5s; border: none; }
.user-form .form-group input{padding:10px 15px;font-size:14px;margin-bottom:2px;border-radius:5px;outline:none;background:transparent}
/* .user-form .form-group input:focus ~ label,.user-form .form-group input:valid ~ label{top:-12px;left:10px;background-color:#FFF;padding:2px;font-size:12px} */
/* .user-form .form-group input:focus ~ label, .user-form .form-group input:valid ~ label {top: -7px;left: 10px;background-color: #FFF;padding: 2px;font-size: 12px;} */
.user-form .forgot-item{margin-bottom:20px;text-align:right}
.user-form .forgot-item p{font-weight:700} 

/* ============================================================================== 
/*	@FOCUS LABEL - V1
/* ------------------------------------------------------------------------------ */

.form-focus{height:50px;position:relative}
.form-focus .focus-label{font-size:16px;font-weight:400;opacity:.4;pointer-events:none;position:absolute;-webkit-transform:translate3d(0,22px,0) scale(1);-ms-transform:translate3d(0,22px,0) scale(1);-o-transform:translate3d(0,22px,0) scale(1);transform:translate3d(0,22px,0) scale(1);transform-origin:left top;transition:240ms;left:12px;top:-8px;z-index:1;color:#888;margin-bottom:0}
.form-focus.focused .focus-label{opacity:1;font-weight:300;top:-23px;font-size:12px;z-index:1;color:#888}
.form-focus .form-control:-webkit-autofill~.focus-label,.form-focus .form-control:focus~.focus-label{opacity:1;font-weight:300;top:-23px;font-size:12px;z-index:1}
.form-focus .form-control{height:50px;padding:21px 12px 6px}
.form-focus .form-control::-webkit-input-placeholder{color:transparent;transition:240ms}
.form-focus .form-control:focus::-webkit-input-placeholder{transition:none}
.form-focus.focused .form-control::-webkit-input-placeholder{color:#bbb}
.form-focus.select-focus .focus-label{opacity:1;font-weight:300;top:-23px;font-size:12px;z-index:1}
.form-focus.select-focus .form-control { height: 50px; padding: 24px 12px 6px; font-size: 13px; }
/* .form-focus .select2-container .select2-selection--single{border:1px solid #e3e3e3;height:50px} */
.form-focus .select2-container .select2-selection{border:1px solid #e3e3e3;min-height:50px}
.form-focus .select2-container--default .select2-selection--single .select2-selection__arrow{height:48px;right:7px}
.form-focus .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#ccc transparent transparent;border-style:solid;border-width:6px 6px 0;height:0;left:50%;margin-left:-10px;margin-top:-2px;position:absolute;top:50%;width:0}
.form-focus .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #ccc;border-width:0 6px 6px}
.form-focus .select2-container .select2-selection--single .select2-selection__rendered{padding-right:30px;padding-left:12px;padding-top:15px}
.form-focus .select2-container--default .select2-selection--single .select2-selection__rendered{color:#676767;font-size:14px;font-weight:400;line-height:38px}
.form-focus .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#fc6075}
.form-focus .select2-container .select2-selection .select2-selection__clear { font-size: 2em !important;}




/* ============================================================================== 
/*	@Switch Slider
/* ------------------------------------------------------------------------------ */
.check_slider { position: relative; display: block; min-height: 20px; } .check_slider * { padding: 0; margin: 0; } .check_slider input { margin: 0px; margin-top: 1px; cursor: pointer; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; z-index: 1; top: 0px; left: 0px; background: red; width: 0px; height: 0px; } .check_slider .s_label { position: relative; padding-left: 46px; display: inline-block; padding-top: .2em; font-size: 99%; font-weight: 400; line-height: 1; text-align: left; white-space: nowrap; vertical-align: baseline; } .check_slider .s_label:before, .check_slider .s_label:after { position: absolute; color: #fff; box-sizing: border-box; font-family: 'FontAwesome', sans-serif; font-size: 12px; line-height: 20px; background-color: #888; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: background-color 0.3s, left 0.3s; } .check_slider input:checked+.s_label:before { background-color: rgb(100, 189, 99); content: "\f00c"; padding-left: 0px; text-indent: 5px; } .check_slider input:checked+.s_label:after { left: 21px; } .check_slider .s_label:before { content: "\f00d"; padding-left: 23px; left: 0px; top: 0px; height: 20px; width: 40px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .check_slider .s_label:after { content: ""; letter-spacing: 20px; background: #fff; left: 1px; top: 1px; height: 18px; width: 18px; } .check_slider { margin-top: 5px; margin-bottom: 5px; padding:0; }

div.radio_group > .check_slider { display:inline-block !important; /* float: left; */ }


/* ============================================================================================= */
/* @begin :: FORMS - VALIDATION
/* --------------------------------------------------------------------------------------------- */


input.radio,input[type=checkbox],input[type=radio]{display:inline-block;padding:0 10px 0 10px!important;margin-top:0!important;height:20px;margin-left:0;width:30px!important}
input.error,select.error,textarea.error{border:1px solid red!important;background:#fef7f7!important}
input.txtright.error,select.error{background-position:3px 50%!important;padding-left:17px}
input[type=checkbox].error,input[type=radio].error{padding-left:80px!important;width:30px!important;margin:0!important;display:inline-block!important;background:red!important}
input[type=checkbox].error:after,input[type=radio].error:after{content:"!";display:block;color:red}
label.label-checkbox input.error{color:red!important}
label.error,span.error{font-size:11px;color:red!important;display:none;font-weight:400;background:0 0;text-transform:none;padding-top:0;padding-bottom:0;border:none}
div.errorBox{background-color:#fee;color:#400;border:2px #844 solid;padding:10px;margin:5px 0;text-align:center;display:none}
input#nah_snd{float:left;visibility:hidden!important;margin:0!important;padding:0!important;height:0!important;width:0!important}
.form-mimic{border-width:1px;border:1px solid #e9ebee;border-left-width:3px;border-top-width:0;border-right-width:0;border-radius:0;box-shadow:none;height:auto;padding-top:6px;padding-bottom:6px;color:#90949c;font-size:100%}
.form-mimic:hover{background-color:#f7f7f7}
label.required:before {content: "* ";color:#f00; font-weight:bold; } 
.form-control { height: auto; min-height: calc(1.9em + 1.35rem + 2px); border-color: #dbdbdb;  }
.form-field-wrap { border: 1px solid #dbdbdb; color: #90949c; height: auto !important; min-height: calc(1.9em + 0.85rem + 2px); margin-bottom: 5px !important; /* line-height: calc(1.9em + 0.75rem + 2px);  */}

.btn-primary, .btn-success { color: #FFFFFF !important;}
.form-row{ margin-right: 0; margin-left: 0;}

div.error{background:#fff3f3;border:2px solid #f66;margin:10px 0;text-align:center;height:auto;color:#900;font-weight:400;letter-spacing:.05em;height:auto;padding:15px 0;min-height:25px;overflow:hidden;display:none}
div.is_success{background:#ddffb3;border:2px solid #8ec051;margin:10px 0;text-align:center;height:auto;color:#14af00;font-weight:400;letter-spacing:.05em;height:auto;padding:15px 0;min-height:25px;overflow:hidden;display:none}



/*-------------------------------------------------------------------------------------------------------
@ NOTIFICATION ALERTS
-------------------------------------------------------------------------------------------------------*/
.notify-wrap {
	position:relative;width:100%;max-width:650px;margin:0 auto;
}
.notify-box{
	width:100%;background:#FFFF99;padding:8px;font-weight:normal; color:#222;line-height: 1.15;border:1px #FFCC66 solid;clear:both;
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
	-webkit-box-shadow: 0px 1px 3px #aaa;-moz-box-shadow: 0px 1px 3px #aaa;box-shadow: 0px 1px 3px #aaa;
	text-align:center;position: fixed;top:50px;z-index: 1000;max-width:650px;
}
.notify-box p {
	padding:0; margin:0;
}




 /************************************************************************************************
    HTML BANNER-1 HOME PAGE
*************************************************************************************************/
 
 .banner-sn-1 {
     display: block;
     overflow: hidden;
     width: 100%;
 }
 
 .banner-sn-1 .img-1 {
     float: left;
 }   
    


 @media screen and (max-width: 1023px) {
 body, button, input, select, textarea { line-height: 1.5em;font-size: 14px; } 
 }

 @media screen and (max-width: 767px) {
 .left-content-product .content-product-right .box-info-product .quantity .quantity-control input.form-control { width: 60px; } 
 .left-content-product .content-product-right .box-info-product .cart input { padding: 0 12px 0 12px;font-weight: 500;font-size: 13px;border-radius: 0;background-image: none; }
 .module h3.modtitle>span {  font-size: 15px;  }
 .widget-collection-carousel h3.name-cate .btn-collection { font-size: 13px;}
 }

 