@charset "UTF-8";

@font-face {
font-family: 'Roboto Condensed';
src: url('../fonts/rc/RobotoCondensed-Regular.eot');
src: url('../fonts/rc/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/rc/RobotoCondensed-Regular.woff2') format('woff2'),
    url('../fonts/rc/RobotoCondensed-Regular.woff') format('woff'),
    url('../fonts/rc/RobotoCondensed-Regular.ttf') format('truetype'),
    url('../fonts/rc/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Roboto Condensed';
src: url('../fonts/rc/RobotoCondensed-Bold.eot');
src: url('../fonts/rc/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/rc/RobotoCondensed-Bold.woff2') format('woff2'),
    url('../fonts/rc/RobotoCondensed-Bold.woff') format('woff'),
    url('../fonts/rc/RobotoCondensed-Bold.ttf') format('truetype'),
    url('../fonts/rc/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}

html, body{width:100%; height:auto; min-height:100%;}
*{box-sizing:border-box; font-family:'Roboto Condensed', sans-serif; word-break:break-word;}
body{margin:0px; padding:0px; font-size:14px; line-height:1.5; font-weight:normal; font-style:normal; color:#323232; background-color:#fff;}
h1, h2, h3, h4, h5, h6{font-weight:bold; font-style:normal; line-height:1.2; position:relative; color:#323232; margin:0 0 15px;}
h1{font-size:28px;}
h2{font-size:20px; text-transform:uppercase; letter-spacing:2px; padding:20px 15px; margin:0; text-align:center;}
h3{font-size:18px;font-weight:normal;}
h4{font-size:16px;}
h5, h6{font-size:14px;}
a{color:#066ac2; outline:none !important; text-decoration:none; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}
a:hover, a:focus{color:#323232; text-decoration:none;}
input, button{outline:none !important; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}
ul, ol{padding-left:20px;}
img{max-width:100%;}

.glb-btn, .reverse-glb-btn{font-size:14px; line-height:normal; border-width:1px; border-style:solid; width:auto; padding:6px 18px; cursor:pointer; min-width:100px; display:inline-block; border-radius:40px; text-align:center; font-weight:normal; font-style:normal; outline:none !important; text-decoration:none; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}
.glb-btn{background:#066ac2; color:#fff; border-color:#066ac2;}
.glb-btn:hover, .glb-btn:focus{background:#fff; color:#066ac2; border-color:#066ac2;}
.reverse-glb-btn{background:#fff; color:#066ac2; border-color:#066ac2;}
.reverse-glb-btn:hover, .reverse-glb-btn:focus{background:#066ac2; color:#fff; border-color:#066ac2;}
.mpl-zero{padding:0;margin:0;list-style:none;}

fieldset{border:1px solid #dee2e6; padding:10px 15px 15px; margin:10px 0; font-weight:normal; font-style:normal;}
legend{background:#f3f3f3; border:1px solid #dee2e6; border-radius:5px; width:auto; padding:6px 15px; font-size:14px; font-weight:bold; font-style:normal}

.border-top-glb{border-top:1px solid #e6e6e6;}
.border-left-glb{border-left:1px solid #e6e6e6;}
.border-right-glb{border-right:1px solid #e6e6e6;}
.border-bottom-glb{border-bottom:1px solid #e6e6e6;}

.white-bg-outer{position:relative}
.max-width-60{max-width:60px}
.max-width-80{max-width:80px}
.max-width-100{max-width:100px}
.form-control{font-size:14px}
/*== Basic Styling CSS End ==*/

.scrollToTop{width:50px; height:50px; padding:10px; border-radius:100%; text-align:center; background:#000; font-weight:bold; font-style:normal; color:#fff;font-size:16px; line-height:1; text-decoration:none; position:fixed; bottom:25px; right:25px; display:none; z-index:99}
body.livechat .scrollToTop{bottom:90px;}
.scrollToTop i{display:flex; width:100%; height:100%; justify-content:center; align-items:center;}
.scrollToTop:hover{text-decoration:none; color:#fff}

/*== Header CSS Start Here ==*/
.header-bg{background:#fff; color:#000; font-size:14px; font-weight:normal; font-style:normal;}
.header-bg .container{display:flex; flex-wrap:wrap; justify-content:space-between; position:relative;}
.top-header-bg .container{display:flex; flex-wrap:wrap; justify-content:space-between; position:relative;}
.logo{padding:8px 0; margin-right:auto; display:flex; align-items:center;}
.logo a{display:block;}
.logo a img{max-height:80px;}
.logo .partner_logo{margin-right:10px;}
.logo .partner_logo img{max-width:180px;}
.main-menu-bg ul{list-style:none; line-height:normal;}
.main-menu-bg .main-ul li.nav-item > a{display:flex; align-items:center; padding:10px 15px; color:#323232; font-size:16px; line-height:normal; font-weight:normal; font-style:normal; position:relative;}
.main-menu-bg .main-ul li.nav-item > a + .child-trigger{color:#323232;}
.main-menu-bg .main-ul li.nav-item:hover > a, .main-menu-bg .main-ul li.nav-item > a.active, .main-menu-bg .main-ul li.nav-item:hover > a:focus{color:#066ac2;}
.main-menu-bg .main-ul li.nav-item:hover > a + .child-trigger, .main-menu-bg .main-ul li.nav-item > a.active + .child-trigger, .main-menu-bg .main-ul li.nav-item:hover > a:focus + .child-trigger{color:#066ac2;}
.main-menu-bg .main-ul ul li a{display:block; background-color:#fff; color:#323232; font-size:14px; line-height:normal; font-weight:normal; font-style:normal; padding:12px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#e6e6e6;}
.main-menu-bg .main-ul ul li a + .child-trigger{color:#323232;}
.main-menu-bg .main-ul ul li:hover > a, .main-menu-bg .main-ul ul li > a.active, .main-menu-bg .main-ul ul li:hover > a:focus{color:#066ac2; background-color:#fff; border-color:#e6e6e6;}
.main-menu-bg .main-ul ul li:hover > a + .child-trigger, .main-menu-bg .main-ul ul li > a.active + .child-trigger, .main-menu-bg .main-ul ul li:hover > a:focus + .child-trigger{color:#066ac2;}
.head-right{margin-left:auto;}
.head-right .navbar{height:100%;}
.head-right .navbar li{height:100%;}
.head-right .navbar li .nav-link{color:#323232; height:100%; display:flex; align-items:center; padding:10px 20px; font-style:normal;}
.head-right .navbar li:hover .nav-link{color:#066ac2;}
.head-right .navbar li .dropdown-menu{left:auto; right:0; margin:0; border-radius:0; border:0; border-top:1px solid #e6e6e6; min-width:200px; padding:0; background-clip:border-box; box-shadow:0 3px 5px rgb(0 0 0 / 20%);}
.head-right .navbar li .dropdown-menu a{padding:10px 20px; border-bottom:1px solid #e6e6e6; font-size:16px; font-style:normal; font-weight:normal;}
.head-right .navbar li .dropdown-menu a:hover{background:#fff; color:#066ac2;}
.head-right .navbar li.user-name-bg{background:#f0f0f0; padding:10px 20px; flex-wrap:wrap; border-bottom:1px solid #e6e6e6;}
.head-right .navbar li.user-name-bg span.welcome{font-size:12px; color:#999;}
.head-right .navbar li.user-name-bg span.welcome b{font-weight:bold; font-size:16px; width:100%; display:block; color:#000;}
.head-right .cart-counter{position:absolute; top:-6px; right:-6px; min-width:18px; height:18px; color:#fff; background:#333; padding:2px 5px; border-radius:50px; text-align:center; font-size:10px; line-height:1; display:flex; justify-content:center; align-items:center; font-style:normal;}
.menu-show .header-bg:after, .filter-open:after{content:""; position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:100;}
/*== Header CSS End Here ==*/

/*== Footer CSS Start Here ==*/
.footer-bg{font-size:14px; color:#000; background-color:#f4f5f7; background-image:url(../images/contact-pattern.png); background-repeat:repeat; background-position:center; padding:40px 0 0; font-weight:normal; font-style:normal;}
.footer-col h5, .footer-col h6, .footer-col a, .footer-col p{color:#323232;}
.footer-col a, .footer-col p {margin:0; font-size:14px; color:#000; text-transform:uppercase; display:block; padding:2px 0;}
.footer-col a:hover{color:#066ac2;}
.footer-col h4{margin-bottom:15px; font-weight:bold; text-transform:uppercase; letter-spacing:0.5px;}
.footer-col{padding-bottom:30px;}
.footer-col img{max-height:150px;}
.footer-social-icon ul{display:flex; justify-content:center; padding-bottom:30px;}
.footer-social-icon ul li{padding:0 10px;}
.footer-social-icon ul li a{display:block; border-radius:100%; text-align:center; font-size:20px; line-height:40px; color:#717171;}
.copyright-bg{background:#272727; color:#999; padding:10px 0; font-size:13px; font-style:normal; font-weight:normal; margin-top:30px;}
.copyright-bg p{margin:0;}
/*== Footer CSS End Here ==*/

/*== Home Slider CSS Start Here ==*/
.home-banner-bg{background:#066ac2;}
.home-banner-bg .owl-item .item{display:flex; justify-content:center; align-items:center;}
.home-banner-bg .owl-item .item img{width:auto; margin:0 auto;}
.home-banner-bg .owl-nav{position:absolute; top:50%; width:100%; display:flex; justify-content:space-between; padding:0 10px; margin-top:-15px; height:auto;}
.home-banner-bg .owl-dots{position:absolute; bottom:20px; text-align:center; display:flex; justify-content:center; width:100%; height:auto;}
.home-banner-bg .owl-dots > button span{background:#03285c; border-radius:5px; width:8px; height:8px; display:block; margin:0 4px; transition:all 0.5s ease;}
.home-banner-bg .owl-dots > button.active span{width:30px;}
body .home-banner-bg .owl-nav button.owl-prev, body .home-banner-bg .owl-nav button.owl-next{position:relative; font-size:16px; line-height:1; width:30px; height:30px; border:1px solid #fff; display:flex; justify-content:center; align-items:center; border-radius:100%; color:#fff; outline:none; box-shadow:none;}
.home-banner-bg .owl-nav button.owl-prev{padding-left:5px !important;}
.home-banner-bg .owl-nav button.owl-next{padding-right:5px !important;}
body .home-banner-bg .owl-nav button.owl-prev:hover, body .home-banner-bg .owl-nav button.owl-prev:focus, body .home-banner-bg .owl-nav button.owl-next:hover, body .home-banner-bg .owl-nav button.owl-next:focus{border-color:#fff;}
body .home-banner-bg .owl-nav button.owl-prev:before{content:''; display:block; width:10px; height:10px; border-left:1px solid #fff; border-top:1px solid #fff; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}
body .home-banner-bg .owl-nav button.owl-next:before{content:''; display:block; width:10px; height:10px; border-right:1px solid #fff; border-top:1px solid #fff; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
body .home-banner-bg .owl-nav button span{display:none;}
.multi-slider .owl-stage-outer .owl-stage{margin:0 auto;}
/*== Home Slider CSS End Here ==*/

/*== Featured and Categories CSS Start Here ==*/
.white-container-bg{background:#fff; box-shadow:0px 20px 50px 0px rgba(0,0,0,0.2); position:relative; min-height:260px;}
.glb-title{position:relative; text-align:center;}
.glb-title a.view-more-btn{position:absolute; top:50%; left:auto; right:15px; width:auto; margin:0 !important; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.categories-section .categories-box{padding-top:20px; padding-bottom:40px; border-left:1px solid #e6e6e6;}
.categories-section .categories-box:before{border-bottom:1px solid #e6e6e6; content:''; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:#e6e6e6;}
.categories-section .categories-box:after{content:''; position:absolute; top:0; right:-1px; width:1px; height:100%; background:#e6e6e6;}
.categories-box a{display:flex; align-items:center; justify-content:center; height:260px;}
.categories-box img{width:auto; max-width:240px; max-height:240px; display:block; margin:0 auto 20px; object-fit:contain;}
.featured-section{border-top:1px solid #e6e6e6;}
.featured-section .owl-item .item{border-right:1px solid #e6e6e6; padding:5px 15px 20px; position:relative; overflow:hidden;}
.featured-section .owl-item:first-child .item{border-left:1px solid #e6e6e6;}
.featured-section .owl-item .item img{max-width:240px; max-height:240px; object-fit:contain; margin:0 auto 20px;}
.product-text{text-align:center;}
.product-text h3{margin:0;}
.product-text a{font-weight:bold;}
.product-grid{position:relative;}
.add-to-cart{display:flex;}
.pc-item{width:335px;}
.ex-instock{max-width:60px; margin:0 auto;}
.product-grid .add-to-cart{position:absolute; left:0; right:0; bottom:0; width: 100%; height:60px; align-items:center; justify-content:center; visibility:hidden;}
.product-grid:hover .add-to-cart{visibility:visible;}
.product-grid a.product_img{width:100%; display:block; margin-bottom:20px;}
.product-grid img {transition:all 0.5s ease; max-width:240px; max-height:240px; margin:0 auto; display:block; object-fit:contain; width:100%;}
.product-grid:hover img{transform:scale(1.1);}
.product-grid .add-to-cart a{position:absolute; display:table; bottom:0; transition:all 0.3s;}
.add-to-cart a{color:#fff; background:#066ac2; border-radius:30px; padding:5px 20px 5px 6px; font-size:14px; cursor:pointer; border:1px solid #066ac2;}
.add-to-cart a:hover{border-color:#066ac2; color:#066ac2; background:#fff;}
.add-to-cart > a svg{background:#fff; width:30px; height:30px; text-align:center; border-radius:30px; color:#066ac2; padding:7px 4px; margin-right:8px;}
.add-to-cart > a:hover svg{background:#066ac2; color:#fff;}
.product-grid:hover .add-to-cart > a{bottom:100px; z-index:99;}
.featured-section .owl-nav{position:absolute; top:-59px; right:15px; border-radius:30px; border:1px solid #e6e6e6; display:flex;}
.featured-section .owl-carousel .owl-nav button.owl-next, .featured-section  .owl-carousel .owl-nav button.owl-prev{font-size:32px; line-height:1; text-align:center; width:50px; color:#999; font-weight:100; outline:none; min-height:36px; font-style:normal; display:flex; justify-content:center;}
.featured-section .owl-carousel .owl-nav button.owl-next:hover, .featured-section  .owl-carousel .owl-nav button.owl-prev:hover{color:#066ac2;}
.featured-section .owl-carousel .owl-nav button.owl-prev{border-right:1px solid #e6e6e6;}
.featured-section .owl-carousel .owl-nav button.owl-next span, .featured-section  .owl-carousel .owl-nav button.owl-prev span{display:block;}
/*== Featured and Categories CSS End Here ==*/

/*== Category Page CSS Start Here ==*/
.inner-heading-bg{background:#0972ce; text-align:center; padding:40px 0;}
.inner-heading-bg h1{color:#fff; text-transform:uppercase; word-break:break-word;}
.breadcrumbs-ul{padding:0; margin:0; list-style:none; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.breadcrumbs-ul li{color:#fff; font-weight:normal;}
.breadcrumbs-ul li a{display:block; padding:0 30px 0 0; color:#fff; position:relative; font-weight:normal;}
.breadcrumbs-ul li a:before{content:"\f138"; font-family:"bootstrap-icons"; position:absolute; top:0; right:9px; font-weight:400;}
.sidebar-filter{width:300px; min-width:300px; border-right:1px solid #e6e6e6;}
.filter-title .filter_box{display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #e6e6e6; text-transform:none; padding-right:15px;}
.uniform-category-grp{padding:20px; padding-right:10px; padding-bottom:10px; padding-left:15px;}
.uniform-category li{position:relative;}
.uniform-category li a{color:#323232; position:relative; display:block; padding:0 0 5px; font-weight:bold; text-transform:uppercase;}
.uniform-category > li > a{font-size:15px; padding:5px 0; padding-right:15px;}
.uniform-category li.form-check{padding-top:2px; padding-bottom:2px; font-size:14px; padding-left:0;}
.uniform-category .sub-category li input{margin-top:4px; margin-left:-10px;}
.uniform-category li.form-check .form-check-label{padding-left:10px;}
.uniform-category .child-trigger{position:absolute; width:30px; height:30px; top:0; right:-10px; display:flex; justify-content:center; align-items:center; z-index:1; cursor:pointer;}
.uniform-category .child-trigger i{display:block; transform:rotate(0deg); transition:all 0.5s ease;}
.uniform-category .child-trigger.child-open i{transform:rotate(-180deg);}
.uniform-category .sub-category{padding-left:10px;}
.uniform-category li li a{font-weight:normal;}
.uniform-category li a.active{color:#066ac2; font-weight:bold;}
.products-list-bar{min-height:65px; border-bottom:1px solid #e6e6e6; display:flex; justify-content:flex-end;}
.list-lenght{width:50%; min-width:50%; border-right:1px solid #e6e6e6; padding:5px 15px; display:flex; align-items:center;}
.list-lenght select.form-control{border:0; padding:0; outline:none; box-shadow:none !important;}
.products-list-bar .list-icon{display:flex;}
.products-list-bar .list-icon a{width:60px; border-left:1px solid #e6e6e6; display:flex; justify-content:center; align-items:center; font-size:20px; color:#323232;}
.products-list-bar .list-icon a.active, .products-list-bar .list-icon a:hover{color:#066ac2;}
.grid_view_cls ul, .standard_view_cls,.expanded_view_cls{display:flex; flex-wrap:wrap;}
.grid_view_cls ul li{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; padding:20px; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
.pagination-bg{position:relative; display:flex; justify-content:center; padding:20px 0 0;}
.pagination-bg:before{content:''; position:absolute; top:-1px; left:0; width:100%; height:1px; background:#e6e6e6;}
.pagination-bg ul{display:flex; justify-content:center; flex-wrap:wrap;}
.pagination-bg ul li{text-align:center; cursor:pointer; outline:0; display:flex; justify-content:center; align-items:center; width:40px; height:40px; margin:2px; border-radius:100%; overflow:hidden;}
.pagination-bg ul li a{border:1px solid #323232; border-radius:100%; display:flex; justify-content:center; align-items:center; width:100%; height:100%; padding:2px; color:#323232; border-radius:100%;}
.pagination-bg ul li a:hover, .pagination-bg ul li.active{background:#323232; color:#fff;}
.not-active{pointer-events:none; cursor:default; text-decoration:none; color:black;}
.disabled{opacity:.4; cursor:default !important; pointer-events:none;}
/*== Category Page CSS End Here ==*/

/** Standard View CSS @M 22/12/2020 **/
div.dataTables_wrapper div.dataTables_length select{border:1px solid #e6e6e6; height:30px; outline:0;}
div.dataTables_wrapper div.dataTables_paginate{margin-left:auto; min-width:280px;}
.dataTables_wrapper{display:flex; flex-wrap:wrap; width: 100%;}
table.table{width:100% !important; margin-bottom:0 !important;}
table.dataTable.nowrap td{white-space:normal!important}
.table select.form-control{min-width:80px}
.products-list-grp{width:100%; position:relative; padding-bottom:60px}
.detail-page-bg .products-list-grp{padding-top:15px}
.products-list-bg form{width:100%}
.load_more{position:absolute; bottom:0; left:0; width:100%; text-align:center; padding:10px}
.load_more a.glb-btn{width:280px}

.standard_view_cls table thead tr th, .expanded_view_cls table thead tr th{white-space:nowrap; min-width:80px; font-weight:600; font-size:14px;}
form#productKitForm table thead tr th.pc-qty, .standard_view_cls table thead tr th.pc-qty, .expanded_view_cls table thead tr th.pc-qty, .standard_view_cls table tbody tr td.pc-qty, .expanded_view_cls table tbody tr td.pc-qty{width:80px;}
.standard_view_cls table thead tr th.pc-size, .expanded_view_cls table thead tr th.pc-size, .standard_view_cls table tbody tr td.pc-size, .expanded_view_cls table tbody tr td.pc-size{ width:100px;}
.cart-grp .standard_view_cls table thead tr th{min-width:80px;}
.standard_view_cls table tbody tr td .form-control, .expanded_view_cls table tbody tr td .form-control{padding:4px 8px; line-height:1; height:28px; font-size:14px;}
.standard_view_cls a, .expanded_view_cls a{font-weight:500;}
.standard_view_cls table tbody tr td .form-group, .expanded_view_cls table tbody tr td .form-group{margin-bottom:0;}
.standard_view_cls > table thead tr th > table thead tr th, .standard_view_cls > table tbody tr td > table tbody tr td{width:100px;}

.inner_page_cls table thead tr th{white-space:nowrap; font-weight:600; font-size:14px;}
.inner_page_cls table tbody tr td .form-control{padding:4px 8px; line-height:1; height:28px; font-size:14px;}
.inner_page_cls table tbody tr td .form-group{margin-bottom:0;}

.expanded_view_cls table thead tr th{width:100px;}
.expanded_view_cls table thead tr th:first-child, .standard_view_cls > table thead tr th:last-child{width:auto;}
.expanded_view_cls table > tbody > tr > td:nth-child(2) table tr td{width:auto; min-width:80px; border-right:1px solid #dee2e6;}
.expanded_view_cls table > tbody > tr > td:nth-child(2) table tr td:first-child{border-left:1px solid #dee2e6;}
.expanded_view_cls table > tbody > tr > td:nth-child(2) table tr:first-child td{border-top:0;}
.standard_view_cls table tbody tr td[data-title="Amount"], 
.expanded_view_cls .table-responsive > table > tbody > tr > td:nth-child(3), form#productKitForm table tbody tr td[data-title="Price:"], form#productKitForm table tbody tr td[data-title="Amount:"]{white-space:nowrap;}

.inner_page_cls label{font-weight:bolder;}
.inner_page_cls .card-header{padding:0; min-height:42px;}
.inner_page_cls .card-header > span{padding:10px 15px; width:100%; display:flex; flex-wrap:wrap; cursor:pointer; position:relative; font-weight:bolder;}
.inner_page_cls .card-header > span[aria-expanded="false"]:before{content:"\f4a1"; font-family:"bootstrap-icons"; position:absolute; right:15px; color:#0972ce; font-size:20px; top:50%; transform:translateY(-50%); font-weight:normal;}
.inner_page_cls .card-header > span[aria-expanded="true"]:before{content:"\f2b2"; font-family:"bootstrap-icons"; position:absolute; right:15px; color:#0972ce; font-size:20px; top:50%; transform:translateY(-50%); font-weight:normal;}
.table-color-group > h5{position:relative; cursor:pointer; background:#f0f0f0; font-weight:normal;}
.table-color-group > h5:before{content:"\f4a1"; font-family:"bootstrap-icons"; color: #0972ce; font-size:20px; font-weight:normal; position:absolute; top:50%; transform:translateY(-50%); right:15px;}
.table-color-group > h5[aria-expanded="true"]:before{content:"\f2b2";}
.table-color-group fieldset > legend{font-size:14px;}
.table-color-group fieldset .row > div{margin-bottom:15px;}
.table-color-group fieldset .row > div:last-child{margin-bottom:0;}
/** End **/

/*==  Cart Page CSS  ==*/
.product_style_heading {background: transparent;}
.product_style_heading h4{color:#333; margin:0; padding:0 0 10px 0;}

/*== Contact Us CSS Here ==*/
.contact-us .address-info a{color:#323232;}

/*== Contact Us CSS End ==*/
.faq-card {padding: 8px 0;}
.faq-card p {margin: 0 0 6px;}
.faq-card ul {margin: 0 0 6px;}
.order_review_details_cls tbody tr td:first-child{width:73.7%;}
.sales_receipt_details_cls tbody tr td:first-child{width:68.9%;}
.package-list-grp{display:flex}
.package-left{background:#f3f9ff; border-right:1px solid #e6e6e6; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:280px; padding:20px}
.package-left img{display:block; clear:both; width:100%; max-width:120px; margin:0 auto 15px}
.package-right{padding:20px}
.item-sidebar{border:1px solid #E6E6E7; background:#f3f9ff; top:80px}
.item-sidebar ul li{display:flex; justify-content:space-between; padding:10px; border-bottom:1px solid #e6e6e6}
.item-sidebar ul li span{color:#e70808; font-weight:bold}
.all-package-item-bg table{margin-top:0!important}
.all-package-item-bg .item-img img{max-width:100px; padding-right:10px}
.cart_top_position{top:70px}
.terms-condition-bg h3,.privacy-policy-bg h3{font-weight:bold; margin-bottom:10px; padding-top:10px}
.categories-icon{display:flex; align-items:center; padding-left:15px; margin-right:auto;}
.categories-icon a{color:#000; font-size:16px; font-weight:bold}
.sticky-position-cls{top:10px}
.product-detail-right{padding-bottom:40px}
.cate-name{font-size:14px}
.product-detail-bg h2{text-transform:none; text-align:left; letter-spacing:normal; padding:0}
.product-price{font-size:28px; font-weight:bold; padding:10px 0 0}  
.product-id{padding-top:10px}
.product_txt_val ul{display:flex; list-style:none; padding:0; margin:0}
.product_txt_val ul li{width:35px; height:35px; border:1px solid #ccc; border-radius:50%; margin-right:8px; padding:3px}
.product_txt_val ul li a{width:100%; height:100%; display:block; border-radius:50%; position:relative}

.product_txt_val ul li .select_color_1{background:#000}
.product_txt_val ul li .select_color_2{background:#365572}
.product_txt_val ul li .select_color_3{background:#2c3663}
.product_txt_val ul li .select_color_4{background:#50102e}
.product_txt_val ul li.active a:before{content:''; position:absolute; top:9px; left:8px; width:12px; height:6px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg)}
.products-list-bg table .table-color-group td{padding:5px;}
.order-history-bg .form-group .glb-btn{min-width:80px}
.item-img,.products-list-bg .item-img{padding:5px; text-align:center; border:1px solid #eee; position:relative; margin-right:10px; height:110px; width:110px; max-width:100%; flex:0 0 auto}

table.mob_responsive tbody tr td .item-img img, .products-list-bg .item-img img{max-height:100%;}
a.quick_view{display:none;}
a.quick_view span{width:28px; height:28px; border-radius:50%; background:#fff; color:#0972ce; display:flex; justify-content:center; align-items:center; box-shadow:0 3px 7px rgb(0 0 0 / 50%);}

.products-list-bg .item-img:hover a.quick_view{width:100%; height:100%; display:flex; justify-content:center; align-items:center; left:0; right:0; background:rgba(255,255,255,0.4)}
.products-list-bg .item-img a{position:absolute; top:5px; right:5px; line-height:1}
.product_list_view{width:100%}

.size-price-grp .table-color-group table th, .size-price-grp table td{padding:4px 3px; font-size:13px; text-align:center;} 
.size-price-grp .table-color-group table th{border-bottom:0; background:rgba(0,0,0,0.4); color:#fff; min-width: auto;}
.size-price-grp .table-color-group table td .form-control{padding:0 5px; height:25px; margin:0 auto; min-width:50px; max-width:50px;}
.size-price-grp .table-color-group table td .pl_price_cls{font-weight:500; color:#00275d;}
.size-price-grp .table-color-group table td .inch_cls{margin-top:6px; font-weight:600; color:#00275d; width:max-content;}
.size-price-grp .table-color-group table th{border-top:0;}
.size-price-grp .table-color-group > h5[aria-expanded="true"]{border-bottom-width:1px; border-bottom-color:#dee2e6; border-style:solid;}
.size-price-grp .table-color-group table tr td:first-child{border-left:none;}
.size-price-grp .table-color-group table tr td:last-child{border-right:none;}
table .form-control{padding:4px 8px; line-height:1; height:28px; font-size:14px;}
.size-price-grp table.table{width:auto !important;}

.shipping_address_filter label{font-size:13px; font-weight:bold; margin-bottom:1px;}
.shipping_address_filter .form-control{height:30px; padding:0px 10px; font-size:13px;}
.shipping_address_filter button{font-size:13px;}

.modal.show .modal-header{position:relative;}
.modal.show button.close{position:absolute; top:-5px; right:-5px; background:#444; border-radius:50%; opacity:1; display:flex; align-items:center; justify-content:center; width:48px; height:48px; text-align:center; z-index:9; padding:0;}
.modal.show button.close:hover{opacity:1;}
.modal.show button.close svg{color:#fff; text-shadow:none;}
.modal .modal-content{border:8px solid rgb(0 0 0 / 0.10); border-radius:0;}
.modal .modal-content label{font-size:13px; font-weight:bold; margin-bottom:1px;}
.modal .modal-content .form-control{height:30px; padding:0px 10px; font-size:13px;}
.modal .modal-content button{font-size:13px;}

#sync1 .item{padding:0}
.detail-slider .owl-item .item img{margin:0 auto; object-fit:contain}
#sync2{margin-top:5px}
#sync2 .item{background:transparent; padding:5px; margin:5px 0; text-align:center; cursor:pointer; border:1px solid #ddd; height:60px; display:flex; align-items:center; justify-content:center}
#sync2 .synced .item{border-color:#999}
.navigation-thumbs .owl-item .item img{max-width:55px; max-height:55px; object-fit:contain; margin:0 auto}

/** Detail POPUP CSS @M 27/04/2021 **/
.navigation-thumbs .owl-nav{position:absolute; top:50%; transform:translateY(-50%); display:flex; align-items:center; justify-content:space-between; width:100%; height:0;}
.navigation-thumbs .owl-nav button{width:24px; height:24px; border-radius:30px; background:#dedede !important; color:#000 !important; display:flex; align-items:center; justify-content:center; font-size:24px !important;}
.navigation-thumbs .owl-nav button span{position:relative; top:-1px;}
.navigation-thumbs .owl-nav button.disabled{opacity:1;}
.navigation-thumbs .owl-nav button.disabled span{opacity:0.5;}
.navigation-thumbs .owl-nav button.owl-prev{left:-7px; position:relative;}
.navigation-thumbs .owl-nav button.owl-next{right:-7px; position:relative;}
.navigation-thumbs .owl-item{margin-right:7px !important; max-width:100% !important;}
#product_popup_view_modal .product-detail-left .detail-slider{border:1px solid #ddd;}
#product_popup_view_modal .owl-carousel .owl-stage{display:flex; align-items:center; justify-content:center;}
#product_popup_view_modal .product-detail-left li.item{list-style:none;}
/** End **/

/*== Sameer ==*/
.product-detail-left .owl-carousel .owl-stage{display:flex; align-items:center; justify-content:center;}
.product-detail-left .detail-slider .owl-stage-outer {border: 1px solid #ddd; }

/** DatePicker **/
.datepicker.dropdown-menu table.table-condensed{width:100%;}
.datepicker.dropdown-menu{border:1px solid rgba(0,0,0,0.05); padding:5px; z-index:111 !important;}
.datepicker.dropdown-menu th{padding:5px 2px; font-weight:700; font-size:13px; width:32px;}
.datepicker.dropdown-menu td{padding:5px 2px; font-weight:500; font-size:13px;}
.datepicker.dropdown-menu .datepicker-days table thead tr th.next, 
.datepicker.dropdown-menu .datepicker-months table thead tr th.next,
.datepicker.dropdown-menu .datepicker-years table thead tr th.next, 
.datepicker.dropdown-menu thead tr th.prev{font-size:0;}
.datepicker.dropdown-menu .datepicker-days table thead tr th.datepicker-switch{text-transform:uppercase; font-size:13px;}
.datepicker.dropdown-menu .datepicker-days table thead tr th.next:before, 
.datepicker.dropdown-menu .datepicker-months table thead tr th.next:before, 
.datepicker.dropdown-menu .datepicker-years table thead tr th.next:before{content:'\f21f'; font-family:'bootstrap-icons'; font-size:16px; vertical-align:middle; color:#006aa6;}
.datepicker.dropdown-menu .datepicker-days table thead tr th.prev:before, 
.datepicker.dropdown-menu .datepicker-months table thead tr th.prev:before, 
.datepicker.dropdown-menu .datepicker-years table thead tr th.prev:before{content:'\f21b'; font-family:'bootstrap-icons'; font-size:16px; vertical-align:middle; color:#006aa6;}
.datepicker.dropdown-menu .datepicker-days table thead tr:last-child th, 
.datepicker.dropdown-menu .datepicker-days table tbody tr td, 
.datepicker.dropdown-menu .datepicker-months table thead tr:last-child th, 
.datepicker.dropdown-menu .datepicker-months table tbody tr td,
.datepicker.dropdown-menu .datepicker-years table thead tr:last-child th, 
.datepicker.dropdown-menu .datepicker-years table tbody tr td{border:1px solid #f1f1f1; box-shadow:0px 8px 8px 0 rgb(191 191 191 / 10%);}
.datepicker.dropdown-menu .datepicker-months table thead tr th, .datepicker.dropdown-menu .datepicker-months table thead tr td, .datepicker.dropdown-menu .datepicker-years table thead tr th, .datepicker.dropdown-menu .datepicker-years table thead tr td{border:none !important;}
.datepicker.dropdown-menu .datepicker-months table tbody tr td > span, .datepicker.dropdown-menu .datepicker-years table tbody tr td > span{border-color:#f1f1f1; border-width:1px 1px 1px 0; border-style:solid; box-shadow:0px 8px 8px 0 rgb(191 191 191 / 10%); border-radius:0; margin:0; width:25%; height:45px; line-height:45px;}
.datepicker.dropdown-menu .datepicker-months table tbody tr td, .datepicker.dropdown-menu .datepicker-years table tbody tr td{padding:0; border-color:#f1f1f1; border-style:solid; border-width:0 0 0 1px;}
.datepicker td, .datepicker th{border-radius:0;}
.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover{background:transparent;}
.datepicker table tr td.active:hover, 
.datepicker table tr td.active:hover:hover, 
.datepicker table tr td.active.disabled:hover, 
.datepicker table tr td.active.disabled:hover:hover, 
.datepicker table tr td.active:active, 
.datepicker table tr td.active:hover:active, 
.datepicker table tr td.active.disabled:active, 
.datepicker table tr td.active.disabled:hover:active, 
.datepicker table tr td.active.active, 
.datepicker table tr td.active:hover.active, 
.datepicker table tr td.active.disabled.active, 
.datepicker table tr td.active.disabled:hover.active, 
.datepicker table tr td.active.disabled, 
.datepicker table tr td.active:hover.disabled, 
.datepicker table tr td.active.disabled.disabled, 
.datepicker table tr td.active.disabled:hover.disabled, 
.datepicker table tr td.active[disabled], 
.datepicker table tr td.active:hover[disabled], 
.datepicker table tr td.active.disabled[disabled], 
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td span.active:hover, 
.datepicker table tr td span.active:hover:hover, 
.datepicker table tr td span.active.disabled:hover, 
.datepicker table tr td span.active.disabled:hover:hover, 
.datepicker table tr td span.active:active, 
.datepicker table tr td span.active:hover:active, 
.datepicker table tr td span.active.disabled:active, 
.datepicker table tr td span.active.disabled:hover:active, 
.datepicker table tr td span.active.active, 
.datepicker table tr td span.active:hover.active, 
.datepicker table tr td span.active.disabled.active, 
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled, 
.datepicker table tr td span.active:hover.disabled, 
.datepicker table tr td span.active.disabled.disabled, 
.datepicker table tr td span.active.disabled:hover.disabled, 
.datepicker table tr td span.active[disabled], 
.datepicker table tr td span.active:hover[disabled], 
.datepicker table tr td span.active.disabled[disabled], 
.datepicker table tr td span.active.disabled:hover[disabled]{background-color:#006aa6;}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover{background-color: #006aa6; background-image:-moz-linear-gradient(top, #006aa6, #0483cc); background-image:-ms-linear-gradient(top, #006aa6, #0483cc); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#006aa6), to(#0483cc)); background-image:-webkit-linear-gradient(top, #006aa6, #0483cc); background-image: -o-linear-gradient(top, #006aa6, #0483cc); background-image: linear-gradient(top, #006aa6, #0483cc); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006aa6', endColorstr='#0483cc', GradientType=0); border-color:#006aa6 #006aa6 #0483cc; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
/** End **/

/** Manager Supervisor **/
.manager_sbox .card{margin-bottom:20px;}
.manager_sbox .card-header h3{font-weight:500;}
.manager_sbox, .manager_sbox .btn, .manager_sbox legend{font-size:14px;}
.manager_sbox form label{font-weight:700;}
.manager_sbox .dropdown-menu{padding:0; box-shadow:0 5px 13px 0 rgb(0 0 0 / 10%); border:1px solid #dcdcdc;}
.manager_sbox .dropdown-menu a{font-size:14px; padding:6px 15px; border-bottom:1px solid #efefef;}
.manager_sbox .dropdown-menu a:last-child{border-bottom:0;}
.manager_sbox table th, .manager_sbox table td{padding:7px .75rem;}
table.dataTable>tbody>tr.child ul.dtr-details{width:100%;}
form#OrderApprovalForm + .pagination-bg{padding:20px 0;}
/** End **/

.product-listing .alert-danger, #supervisor_msg .alert-danger{padding-left:.25rem; padding-right:.25rem;}
#scgQrO, .live_chat{position:fixed; bottom:20px !important; left:20px !important; right:inherit !important; width:auto; z-index:9;}
.size-price-grp .collapse{overflow-x:auto;}
.alert-message-bg .text-center.font-weight-bold > *{padding:15px;}
.alert-message-bg .text-center.font-weight-bold > *:last-child{border-bottom:1px solid #e6e6e6;}
.alert-message-bg .text-center.font-weight-bold > * + *{padding-top:0;}

em.invalid,label.error{color:#dc3545; font-size:13px; margin-top:3px; display:block;}
.split_heading{background:#0972ce; color:#fff;}
table.table tbody .split_heading{background:#0972ce; color:#fff; padding:6px .75rem;}
#related_address_modal table tr td{vertical-align:middle;}

.loader-bg{overflow:hidden; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; min-height:100vh; display:flex; justify-content:center; align-items:center; z-index:99999; background-color:rgba(0,0,0,0.7)}
.loader{border-radius:50%; width:50px; height:50px; margin:0; font-size:10px; position:relative; text-indent:-9999em; border:5px solid rgba(255,255,255,0.25); border-top-color:#fff; -webkit-animation:load8 1.1s infinite linear; animation:load8 1.1s infinite linear}
@-webkit-keyframes load8{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}
@keyframes load8{0%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg); transform:rotate(360deg);}}

.load_more{position:absolute; bottom:0; left:0; width:100%; text-align:center; padding:10px}
.load_more a.glb-btn{width:180px; display:flex; justify-content:center; margin:0 auto!important; align-items:center}
.load_more a.glb-btn i{font-size:21px; line-height:18px}

.split-td{background:#f1f1f1; color:#333; font-weight:bold; padding:5px 15px!important}
.filter-btn-grp{display:flex; justify-content:center; padding:8px 6px; border-top:1px solid #e6e6e6; height:60px; align-items:center}
.filter-btn-grp .glb-btn{margin:0 2px}

/** No Product Found **/
.no_product_found{padding:80px 0;}
.no_product_img img{opacity:0.4;}
.no_product_tagline > span{background:#edf3ff; border-radius:30px; font-size:19px; color:#444; padding:15px 40px; letter-spacing:2px; font-weight:600; display:inline-block; text-transform:uppercase; line-height:1; margin-top:10px;}
.page-not-found{background:#fafafa;}
/** End **/

#productCartForm{width:100%;}

/** Detail Page CSS **/
body .detail-page-bg .container{max-width:1140px !important;}
body .detail-page-bg .white-container-bg{background:transparent; box-shadow:none; margin:0; padding:20px 0;}
.qty-input{min-width:50px; padding-left:5px !important; padding-right:5px !important; text-align:center;}
h4.order-cong-title span{font-size:90%; background:#e6e6e6; padding:5px 12px; border-radius:30px; margin:2px; color:#004179; display:inline-block;}
.swal2-container .swal2-popup{width:320px !important;}
.swal2-container .swal2-popup .swal2-styled{margin:0 8px; padding:7px 20px;}
.swal2-icon-text{font-size:1.75em; align-self:center;}
.swal2-icon{margin-bottom:0 !important;}
.lazy-loader{width:20px; border-radius:50%; height:20px; position:relative; animation:lazy-loader-ani 1s linear alternate infinite; margin:-20px auto 0; z-index:10;}

@keyframes lazy-loader-ani{
0%{box-shadow:-60px 40px 0 2px #555, -30px 40px 0 0 rgba(0,0,0,0.2), 0 40px 0 0 rgba(0,0,0,0.2), 30px 40px 0 0 rgba(0,0,0,0.2), 60px 40px 0 0 rgba(0,0,0,0.2);}
25%{box-shadow:-60px 40px 0 0 rgba(0,0,0,0.2), -30px 40px 0 2px #555, 0 40px 0 0 rgba(0,0,0,0.2), 30px 40px 0 0 rgba(0,0,0,0.2), 60px 40px 0 0 rgba(0,0,0,0.2);}
50%{box-shadow:-60px 40px 0 0 rgba(0,0,0,0.2), -30px 40px 0 0 rgba(0,0,0,0.2), 0 40px 0 2px #555, 30px 40px 0 0 rgba(0,0,0,0.2), 60px 40px 0 0 rgba(0,0,0,0.2);}
75%{box-shadow:-60px 40px 0 0 rgba(0,0,0,0.2), -30px 40px 0 0 rgba(0,0,0,0.2), 0 40px 0 0 rgba(0,0,0,0.2), 30px 40px 0 2px #555, 60px 40px 0 0 rgba(0,0,0,0.2);}
100%{box-shadow:-60px 40px 0 0 rgba(0,0,0,0.2), -30px 40px 0 0 rgba(0,0,0,0.2), 0 40px 0 0 rgba(0,0,0,0.2), 30px 40px 0 0 rgba(0,0,0,0.2), 60px 40px 0 2px #555;}
}

.form-check-input{margin-top:0;}
table.mob_responsive tbody tr td[data-title="Price:"], 
table.mob_responsive tbody tr td[data-title="Total:"], 
.standard_view_cls table.table tbody tr td[data-title="Price"], 
.standard_view_cls table.table tbody tr td[data-title="Amount"], 
.standard_view_cls table.table tbody tr td[data-title="Price"], 
.standard_view_cls table.table tbody tr td[data-title="Amount"], 
.expanded_view_cls table > tbody > tr > td:nth-child(2) table tr td:nth-last-child(2){white-space:nowrap;}

.no-cart-product .col-lg-3{display:none;}
.no-cart-product .col-lg-9{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
.no-cart-product .no_product_found{max-width:360px; margin:0 auto;}
.no-cart-product .cart-continue{width:100%; max-width:250px; margin:25px auto 0;}
.no-cart-product .no_product_found{padding:20px 0;}

.captcha-area > div{transform:scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0;}
input::-ms-clear{display:none; height:0; width:0;}

/*== Media Query Start Here ==*/
@media only screen and (min-width: 1360px) {
.page-not-found > .container{max-width:1270px !important;}
.header-bg .container {max-width:1320px;}
}

@media only screen and (min-width:1200px){
/** Search Form CSS **/
.search_box{display:flex; align-items:center;}
.search_form{width:0; visibility:hidden; transition:all 0.5s ease; padding:0; position:absolute; right:100%; margin-right:0;}
.search_form.show{visibility:visible; width:217px; transition:all 0.5s ease; padding:0; position:absolute; right:100%; margin-right:-45px;}
.search_form.show + a.search_link{z-index:9; position:relative; border-left-color:transparent !important;}
.search_form .form-group{margin-bottom:0;}
.search_form .form-group input.form-control:focus, .search_form .form-group input.form-control:active{outline:0; box-shadow:none;}
.search_form .form-group input.form-control{border-width:0 0 1px 0; background:transparent; border-radius:0; padding:0 36px 0 0; border-color:#00275d; font-size:13px;}
/** End **/	
}

@media only screen and (min-width:1025px){
.mobile-bar, .main-menu-bg .show-mobile{display:none;}
.main-menu-bg{display:flex; align-items:center;}
.main-menu-bg .main-ul li.nav-item > a:before{content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#0972ce; opacity:0;}
.main-menu-bg .main-ul li.nav-item:hover > a:before{opacity:1;}
.main-menu-bg .main-ul li.nav-item > ul{position:absolute; top:100%; background:#f9f9f9; width:180px; left:0; list-style:none; display:none; z-index:10;}
.main-menu-bg .main-ul li.nav-item:hover > ul{display:block; box-shadow:0 8px 12px 2px rgb(72 72 72 / 15%);}
.main-menu-bg .main-ul li.nav-item > ul > li{flex:0 0 100%; max-width:100%; position:relative;}
.main-menu-bg .main-ul li.nav-item > ul ul{display:none; box-shadow:0 8px 12px 2px rgb(72 72 72 / 15%);}
.main-menu-bg .main-ul li > ul > li:hover > ul{position:absolute; top:0; left:100%; display:block; background:#f9f9f9; width:180px;}
.main-menu-bg .main-ul li.nav-item > .child-trigger{display:none;}
.main-menu-bg .main-ul ul li a{padding:8px 10px;}
.main-menu-bg .main-ul li.nav-item > ul li .child-trigger{position:absolute; top:6px; right:8px; transform:rotate(-90deg);}
.main-menu-bg .main-ul{display:flex; height:100%; justify-content:center;}
.main-menu-bg .main-ul li.nav-item{position:relative; display:flex;}
.main-menu-bg .main-ul li{line-height:normal;}
}

@media only screen and (max-width:1199px){
/** Search Form CSS **/
.head-right ul.navbar{position:static;}
.search_form {display: none; padding: 0; position: absolute; top: 100%; left: 0; right: 0; z-index: 9; box-shadow: 0 0 7px 1px rgb(0 0 0 / 5%); transition: all 0.5s ease;}
.search_form.show{display:block;}
.search_form .form-group{margin-bottom:0;}
.search_form .form-group input.form-control:focus, .search_form .form-group input.form-control:active{outline:0; box-shadow:none;}
.search_form .form-group input.form-control{border:1px solid #efefef; background:#fff; border-radius:0; padding:8px 15px; height:40px; font-size:13px;}
/** End **/	
}

@media only screen and (max-width:1024px){
ul.sub-menu{display:none; padding:0;}
.main-menu-bg{position:fixed; top:0; left:-305px; width:300px; height:100%; min-height:100vh; overflow:auto; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.5); -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; z-index:101;}
.child-trigger{position:absolute; top:0; right:0; width:40px; height:40px; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.child-trigger i{display:block; transform:rotate(0deg); transition:all 0.5s ease;}
.child-trigger.child-open i{transform:rotate(-180deg);}
.main-menu-bg.show{left:0;}
.main-menu-bg .closebar-bg{text-align:center; border-bottom:1px solid #eee; display:flex; justify-content:flex-end; align-items:center; padding:10px 15px;}
.main-menu-bg .main-ul{flex-wrap:wrap;}
.main-menu-bg .main-ul li{width:100%;}
.main-menu-bg .main-ul li a{border-bottom:1px solid #eee; padding:15px;}
.main-menu-bg .main-ul ul li a{padding-left:25px;}
.main-menu-bg .main-ul ul ul li a{padding-left:35px;}
}

@media only screen and (min-width:992px){
.white-container-bg{min-height:calc(100vh - 530px);}
.home-banner-bg .owl-nav{margin-top:-25px; padding:0 40px;}
body .home-banner-bg .owl-nav button.owl-prev, body .home-banner-bg .owl-nav button.owl-next{width:50px; height:50px; margin-top:-25px; border:1px solid rgba(255,255,255,0.2);}
.home-banner-bg .owl-nav button.owl-prev{padding-left:10px !important;}
.home-banner-bg .owl-nav button.owl-next{padding-right:10px !important;}
body .home-banner-bg .owl-nav button.owl-prev:before, body .home-banner-bg .owl-nav button.owl-next:before{width:16px; height:16px;}
.grid_view_cls ul li{-ms-flex:0 0 33.333333%; flex:0 0 33.3333333%; max-width:33.333333%; min-width:33.333333%;}
.list-lenght{-ms-flex:0 0 33.333333%; flex:0 0 33.3333333%; max-width:33.333333%; min-width:33.333333%;}
.products-list-bar .list-icon a{width:80px;}
.order_tracking_details_cls tbody tr td:first-child{width:83.3%;}
.manager_supervisor_sub_total tbody tr td:first-child{width:84.7%;}
.main-menu-bg .main-ul li.nav-item > ul{padding:0;}
.white-bg-outer{padding:50px 0;}
.close-filter svg{display:none;}
.sidebar-filter{width:240px; min-width:240px;}
.sidebar-filter + .products-list-grp{max-width:calc(100% - 240px); flex:0 0 calc(100% - 240px);}
.sidebar-filter form{position:sticky; top:65px;}
}

@media only screen and (max-width:991px){
.grid_view_cls ul li:nth-child(2n){border-right:0;}
.white-bg-outer{padding:20px 0;}
.sidebar-filter{display:block; position:fixed; background:#fff; top:0; left:-305px; height:100%; min-height:100vh; z-index:101; transition:all 0.5s ease; padding:0 0 20px;}
.sidebar-filter.open{left:0;}
.home-banner-bg{padding-bottom:0;}
.home-banner-bg .owl-dots{bottom:20px;}
.close-filter{display:flex; width:100%; padding:10px 15px; padding-right:0; cursor: pointer;}
.logo .partner_logo{display:none !important;}
.uniform-category-grp{height:calc(100vh - 110px); overflow:auto;}
.table-responsive table thead tr th{min-width:80px;}
}

@media only screen and (min-width:768px){
.page-not-found > .container-fluid, .page-not-found > .container-fluid > .row, .page-not-found > .container, .page-not-found > .container > .row{height:100%;}
.order-review-right{position:sticky; top:70px;}
.order-review-bottom{background:#fff; position:sticky; bottom:0;}
/** Supervisor CSS @M 28/04/2021 **/
table#TableSup thead tr th .d-flex, table#TableSup tbody tr td, table#TableSup tbody tr td > *, table#manager_supervisor_tbl thead tr th, table#manager_supervisor_tbl tbody tr td[data-title="Qty:"], table#manager_supervisor_tbl tbody tr td[data-title="Price:"], table#manager_supervisor_tbl tbody tr td[data-title="Total:"]{white-space:nowrap;}
/** End **/
}

/** Product Listing Description @Sameer 11/06/2021 **/
#ajaxRequestGrid table a.description{color:#007bff;}
/** End **/

@media only screen and (max-width:767px){
.glb-title h2{font-size:18px; letter-spacing:0; padding:10px 15px;}
.glb-btn, .reverse-glb-btn{min-width:80px; width:100%; margin-right:0 !important; margin-left:0 !important; margin:5px 0;}
#cartButtonID{width:100%;}
fieldset, fieldset.h-100{height:auto !important;}
.head-right .navbar li .nav-link{padding:10px 8px;}
.head-right .navbar li.mobile-bar a{border:0; padding-right:0;}
.featured-section .owl-nav{top:-46px; right:10px;}
.featured-section .owl-carousel .owl-nav button.owl-next, .featured-section .owl-carousel .owl-nav button.owl-prev {font-size:28px; width:32px; min-height:32px;}
.package-left{width:160px; padding:20px 10px;}
div.dataTables_wrapper div.dataTables_paginate{margin-top:20px; border-top:1px solid #e6e6e6; width:100%;}
.manager_sbox .glb-btn, .manager_sbox .reverse-glb-btn{margin-bottom:5px;}

/* Responsive Table View */	
table.mob_responsive{display:flex; max-width:100%; flex:0 0 100%; flex-wrap:wrap; border-top:0;}
table.mob_responsive thead{display:none;}
table.mob_responsive.thead_checkbox_status thead, table.mob_responsive.thead_checkbox_status thead tr, table.mob_responsive.thead_checkbox_status thead tr th{display:block; width:100%;}
table.mob_responsive.thead_checkbox_status thead tr th{display:none;}
table.mob_responsive.thead_checkbox_status thead tr th:first-child{display:block; border-width:1px 0 0 0; background:#efefef;}
table.mob_responsive.thead_checkbox_status thead tr th:first-child .form-check{padding-left:0; display:flex; align-items:center;}
table.mob_responsive.thead_checkbox_status thead tr th:first-child .form-check label:after{content:'Check All'; font-size:14px; display:inline; margin-left:8px;}
table.mob_responsive tbody tr{display:flex; max-width:100%; flex:0 0 100%; flex-wrap:wrap;}
table.mob_responsive tbody tr[id*=row]:nth-child(even), table.table.mob_responsive tbody tr[class*=bg-white]:nth-child(even){background:rgb(6 106 194 / 5%) !important;}
table.mob_responsive tbody tr[id*=row] td, table.table.mob_responsive tbody tr[class*=bg-white] td{width:100%; position:relative; border-left:none; border-right:none; border-bottom:none;}
table.mob_responsive tbody tr[id*=row] td:before, table.table.mob_responsive tbody tr[class*=bg-white] td:before{content:attr(data-title); width:100%; padding:.75rem .75rem .75rem 0; font-weight:bold;}
table.mob_responsive tbody tr.bg-light > td, table.mob_responsive tbody tr.bg-white > td{width:50%; border-top:1px solid #dee2e6 !important; border-left:0; border-bottom:0;}
table.mob_responsive tbody tr.bg-light > td:last-child, table.mob_responsive tbody tr.bg-white > td:last-child{border-right:0;}
#productCartForm table.mob_responsive tbody tr td[data-title="Qty:"]{display:flex;}
#productCartForm table.mob_responsive tbody tr td[data-title="Qty:"]:before{width:auto !important;}
#productCartForm table.mob_responsive tbody tr td[data-title="Qty:"] .form-group{display:flex; align-items:center;}
table.table tbody .split_heading{width:100%;}
/* End */
	
.add-to-cart {display:flex; flex-wrap:wrap; justify-content:center;}
.add-to-cart a{margin:5px 0 !important; width:100%; text-align:center; padding:6px 0; line-height:normal;}
.add-to-cart a svg{display:none;}
.order-review-bottom{display:flex; flex-wrap:wrap; justify-content:center;}
.order-review-bottom a{margin:5px 0 !important;}
.grid_view_cls .add-to-cart{display:none;}
.logo{max-width:30%;}
.product-detail-right{padding-top:40px;}
.media-youtube-video{position:relative; display:block; width:100%; padding:0; overflow:hidden;}
.media-youtube-video:before{display:block; content:""; padding-top:56.25%;}
.media-youtube-video iframe{position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; border:0;}
.featured-section .owl-item .item .add-to-cart, .featured-section .owl-item .item .add-to-cart .quick_view{position:static; visibility:visible;}
}

.hide_color_class{display:none !important;}
.footer-brand-logo ul li a img{max-height:80px; margin:10px 0;}
.footer-brand-logo ul li a{font-size:14px; font-weight:bold; padding-top:5px; display:block;}
.footer-brand-logo ul li{padding:0 10px;}

/** Admintool Header **/
.admintool_header{background:#f3f3f3; padding:15px 0; box-shadow:0 0 7px 0 rgb(0 0 0 / 30%);}
.admintool_header img{max-height:56px;}
.admintool_header a{color:#000; display:flex; justify-content:flex-end;}
.admintool_header a svg{margin-right:8px;}
.admintool_inner_box{padding:25px 0;}
.admintool_inner_box .left_box{padding:0 15px; max-width:100%; flex:0 0 100%;}
.admintool_inner_box .right_box{padding:0 15px; max-width:100%; flex:0 0 100%;}
.admintool_inner_box .left_box ul{padding:0; margin:0;}
.admintool_inner_box .left_box ul li{margin:0; padding:3px 0; list-style:none; width:100%;}
.admintool_inner_box .card{margin-bottom:20px;}
.admintool_inner_box .card-header{background:#f3f3f3; color:#000; font-weight:700;}
/** End **/

@media (min-width:768px){
.admintool_inner_box .left_box{max-width:300px; flex:0 0 300px;}
.admintool_inner_box .right_box{max-width:calc(100% - 300px); flex:0 0 calc(100% - 300px);}
table.table tbody#product_load > tr > td:first-child > div.d-flex, 
table.table tbody#product_load > tr > td:first-child > div.d-flex + div, 
table.table tbody#product_load > tr > td:first-child > div.d-flex + div + .product_custompage_link,
table.table tbody#product_load > tr > td:first-child > div.d-flex + .product_custompage_link, 
table.table tbody > tr > td[data-title="Item:"] div.d-flex{max-width:300px;}

/** Page Not Found CSS @M 29/10/2021 **/
.npf-cls{height:100vh;}
.npf-cls h1{font-size:56px; font-weight:500;}
.npf-cls p{font-size:20px;}
.npf-cls a.btn, .npf-cls a.btn:focus, .npf-cls a.btn:active, .npf-cls a.btn:hover{background:#fe980f; color:#fff; padding:10px 15px; border-radius:30px; cursor:pointer; font-size:18px; box-shadow:none; outline:0;}
.npf-cls a.btn:hover{background:#e37e2f;}
/** End **/
}

@media (max-width:767px){	
/** Page Not Found CSS @M 29/10/2021 **/
.npf-cls h1{font-size:46px; font-weight:500;}
.npf-cls p{font-size:20px;}
.npf-cls a.btn, .npf-cls a.btn:focus, .npf-cls a.btn:active, .npf-cls a.btn:hover{background:#fe980f; color:#fff; padding:10px 15px; border-radius:30px; cursor:pointer; font-size:18px; box-shadow:none; outline:0;}
.npf-cls a.btn:hover{background:#e37e2f;}
/** End **/		
	
.categories-box a{height:auto;}
.categories-box img{width:100%;}
.categories-section .categories-box{padding-top:15px; padding-bottom:15px;}   
.admintool_header a{justify-content:center; margin-top:18px;}
.modal .modal-dialog{padding: 20px 15px; margin: 0 auto;}
#tandcModel.modal .modal-footer > button{width:100%;}

/** Supervisor CSS @M 28/04/2021 **/
table#TableSup tbody tr td[data-title="checkbox:"]:before,table#TableSup tbody tr td[data-title="Action:"]:before{content:none;}
table#TableSup tbody tr td .form-check{padding-left:0;}
/** End **/

/** Mobile Footer CSS **/
.mob-footer{position:fixed; bottom:0; width:100%; z-index:99; border-top:3px solid #000;background: #eee;}
.mob-footer a{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; background:#eee; color:#666; padding:8px 5px; border-right:1px solid #d0d0d0;}
.mob-footer .row > div:last-child > a{border-right:none;}
.mob-footer a svg{width:25px; height:25px;}
.mob-footer a span{display:block; text-align:center; width:100%; margin-top:5px;}
.mob-footer a.active{background:#fff; color:#000;}
/** End **/
.white-bg-outer{padding-bottom:140px;}
.scrollToTop{bottom:80px; right:10px;}
body.livechat .scrollToTop{bottom:145px; right:25px;}
tr.order-review-mbox > td, tr.row__product_style_heading > td{width:100% !important;}
tr.order-review-mbox > td{order:1;}
tr.order-review-mbox > td.multiple-credit-card-cls{order:2; border-right:none !important;}
tr.order-review-mbox > td.multiple-credit-card-cls table.creadit_card_cus_ tbody tr td:first-child, tr.order-review-mbox > td.multiple-credit-card-cls table#card_holder_name_id tbody tr td:first-child{width:42%;}
tr.order-review-mbox > td.multiple-credit-card-cls table.creadit_card_cus_ tbody tr td:last-child, tr.order-review-mbox > td.multiple-credit-card-cls table#card_holder_name_id tbody tr td:last-child{width:calc(100% - 42%);}
#scgQrO, .live_chat{bottom:80px !important; left:10px !important; right:inherit !important;}
.live_chat .chat_icon img{width:70px; box-shadow:5px 5px 12px 0 rgba(0,0,0,0.25); border-radius:50%;}
#scgQrO > a img{display:none;}
#scgQrO > a{position:relative;}
#scgQrO > a:before{content:'';background:url(../images/chat-icon-online.png) no-repeat; width:70px; height:70px; display:block; background-size:100%; box-shadow:5px 5px 12px 0 rgba(0,0,0,0.25); border-radius:50%;}
body .sb-chat-btn{bottom:75px;}
.glb-title a.view-more-btn{position:inherit; right:inherit !important; width:calc(100% - 30px); margin-top:15px !important;}
}

.left-menu-bg ul li a{display:block; padding:5px 15px; color:#333; font-weight:bold; padding-right:20px;}
.left-menu-bg ul ul{padding-left:10px; display:none;}
.left-menu-bg ul ul li a{font-weight:normal;}
.left-menu-ul .child-trigger{position:absolute; width:30px; height:30px; top:0; right:-5px; display:flex; justify-content:center; align-items:center; z-index:1; cursor:pointer;}
.left-menu-ul .child-trigger i{display:block; transform:rotate(0deg); transition:all 0.5s ease;}
.left-menu-ul .child-trigger.child-open i{transform:rotate(-180deg);}
.table-color-group > h5.syo_cls:before{content:"\f2b2";}
.exzoom-bg .item img{display:block; margin:0 auto;}
body .exzoom .exzoom_nav .exzoom_nav_inner span.current{border:1px solid #999;}
body .exzoom .exzoom_btn a:hover{background:#999; color:#fff;}

/*== Quick Link Page CSS ==*/
ul.mob-quick-link{padding:0; margin:0; list-style:none;}
ul.mob-quick-link li a{display:block; color:#333; position:relative; padding:5px; padding-left:25px;}
ul.mob-quick-link li a:before{content:"\f138"; font-family:"bootstrap-icons"; position:absolute; top:5px; left:0; font-weight:400;}
/*== End Quick Link Page CSS ==*/

table.creadit_card_cus_ tbody tr td span.error{color:#ff0000; margin-left:3px;}
table.creadit_card_cus_, table#card_holder_name_id{width:100%;}
table#card_holder_name_id{margin:5px 0;}
table.creadit_card_cus_ tbody tr td, table#card_holder_name_id tbody tr td{padding-top:8px;}
table.creadit_card_cus_ tbody tr td:first-child, table#card_holder_name_id tbody tr td:first-child{width:42%; font-size:13px;}
table#card_holder_name_id tbody tr td input, table#card_holder_name_id tbody tr td .form-control, table.creadit_card_cus_ tbody tr td input, table.creadit_card_cus_ tbody tr td .form-control{border-radius:0; border-color:#ccc;}
table#card_holder_name_id tbody tr td input:focus, table#card_holder_name_id tbody tr td input:active, table#card_holder_name_id tbody tr td .form-control:focus, table#card_holder_name_id tbody tr td .form-control:active, table.creadit_card_cus_ tbody tr td input:focus, table.creadit_card_cus_ tbody tr td input:active, table.creadit_card_cus_ tbody tr td .form-control:focus, table.creadit_card_cus_ tbody tr td .form-control:active{box-shadow:none;}
td.multiple-credit-card-cls, td.multiple-credit-card-cls table tr td{vertical-align:middle;}

#tandcModel .modal-body{max-height:calc(100vh - 212px); overflow:auto;}

/*== Amintool CSS ==*/
.admintool_inner_box .dropdown-menu{padding:0;}
.admintool_inner_box .dropdown-menu .dropdown-item{border-bottom:1px solid #ccc; font-size:13px; padding:6px 15px;}
.admintool_inner_box .dropdown-menu .dropdown-item:last-child{border-bottom:none;}
/*== End Amintool CSS ==*/

#order_history_tbl_wrapper table.table{margin:0 !important;}
#order_history_tbl_wrapper table.table thead tr th{min-width:100px;}
#order_history_tbl_wrapper .pagination-bg{display:flex; max-width:100%; flex:0 0 100%; justify-content:center; align-items:center;}
#order_history_tbl_wrapper .dataTables_paginate{margin:auto; border:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; min-width:inherit;}
#order_history_tbl_wrapper .dataTables_paginate > span{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
#order_history_tbl_wrapper .dataTables_paginate a{min-width:40px; height:40px; border-radius:50%; margin:4px; padding:1px; background: #fff;display:inline-flex; justify-content:center; align-items:center; border:1px solid #004990; font-size:14px; color:#004990; cursor:pointer;}
#order_history_tbl_wrapper .dataTables_paginate a:hover, #order_history_tbl_wrapper .dataTables_paginate a.current, #order_history_tbl_wrapper .dataTables_paginate a.disabled{background:#004990; color:#fff;}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active){
.products-list-bar .list-icon a{height:64px;}
.cart_top_position{position:static !important;}
.cart-prod-detail{width:100%; max-width:200px;}
.categories-box a{text-align:center; justify-content:inherit;}
.home-banner-bg .owl-item .item, #sync2 .item{text-align:center; justify-content:inherit;}
.product-grid .add-to-cart a{left:50%; margin-left:-65px;}
.no_product_found{max-width:340px; margin:0 auto;}
.cart-continue{padding-top:25px;}
.search_form{top:33%;}
input[name="shipping_location_address"]{position:relative !important; margin-right:8px; margin-top:2px !important;}
input[name="edit_set_as_default"]{position:relative !important; margin-right:8px;}
.expanded_view_cls table > tbody > tr > td:nth-child(2) table tr td{width:auto; min-width:80px;}
.form-check-input{position:relative; margin-right:8px;}
.main-menu-bg .main-ul li, .head-right .navbar li{line-height:normal; height:auto;}
#order_history_tbl_wrapper .pagination-bg{display:block;}
#order_history_tbl_wrapper .dataTables_paginate{float:none;}
}

/*== Standard Mobile View Start ==*/
@media only screen and (min-width:768px){
td.show-mob{display:none;}
}

@media only screen and (max-width:767px){
body .products-list-grp .table.mob_responsive tbody tr td{text-align:left !important; border:0; padding-top:5px; padding-bottom:5px;}
body .products-list-grp .mob_responsive tbody tr td[data-title="Price:"]{text-align:center !important; justify-content:center;}
.products-list-grp .table.mob_responsive tbody tr td label{margin:0;}
body .products-list-grp .table.mob_responsive tbody tr td:before{content:attr(data-title); width:100px; padding:0; font-weight:bold; display:none;}
body .products-list-grp .mob_responsive tbody{width:100%;}
body .products-list-grp .mob_responsive tbody tr td.show-mob:before{display:block; padding:0;}
body .products-list-grp .mob_responsive tbody tr td.show-mob a{width:100%;}
body .products-list-grp .mob_responsive tbody tr td[data-title="Item:"], body .products-list-grp .mob_responsive tbody tr td[data-title="In Stock:"]{width:100%;}
body .products-list-grp .mob_responsive tbody tr td[data-title="Color:"],
body .products-list-grp .mob_responsive tbody tr td[data-title="Size:"],
body .products-list-grp .mob_responsive tbody tr td[data-title="Qty:"],
body .products-list-grp .mob_responsive tbody tr td[data-title="Price:"]{display:flex; align-items:center; width:25%; padding:5px;}
body .products-list-grp .mob_responsive tbody tr td[data-title="Color:"]{padding-left:12px;}
.products-list-grp .mob_responsive tbody tr td[data-title="Size:"] .form-group,
.products-list-grp .mob_responsive tbody tr td[data-title="Qty:"] .form-group,
.products-list-grp .mob_responsive tbody tr td[data-title="Color:"] .form-group{width:100%;}
.products-list-grp .mob_responsive tbody tr td .form-group .form-control{min-width:100%;}
.products-list-grp .mob_responsive tbody tr td[data-title="Size:"] p{margin:0; width:100%; text-align:center;}
.products-list-grp #productCollapsedForm .mob_responsive tbody tr td[data-title="Size:"] p{max-width:100%; flex:0 0 100%;}
body .products-list-grp .table.mob_responsive tbody tr td[data-title="In Stock:"]:before{display:inline-block;}
body .products-list-grp .table.mob_responsive tbody tr td[data-title="Total Amount:"]{width:100%;}
body .products-list-grp .table.mob_responsive tbody tr td[data-title="Total Amount:"]:before{display:inline-block;}
body .products-list-grp .table.mob_responsive tbody tr td.show-mob{width:100%; border-bottom:1px solid #ccc; margin-bottom:15px; padding-bottom:12px;}
.show-mob .glb-btn{margin:0;}
.products-list-grp{padding-bottom:0;}
.products-list-bar{min-height:48px;}
body .products-list-grp .table.mob_responsive tbody tr[id*='list-custom-field'] td{width:100%;}
body .products-list-grp .table.mob_responsive tbody tr[id*='list-custom-field'] td h5{padding-right:50px !important;}
}

.modal{overflow-y:auto;}
table#order_history_tbl thead tr th:first-child{min-width:100px;}
/*== Standard Mobile View End ==*/