@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700,700i&display=swap');
:root{
    --primary-color: #0D2C88;
    --temporary-color: #001C71;
    --secodary-color: #EA0000;
    --white-color: #fff;
    --black-color: #000;
    --second-black:#111111;
}
body{
  font-family: 'Roboto', sans-serif;
}
.navbar-header{height: 50px;}
.nav>li>a:focus, .nav>li>a:hover {
  text-decoration: none;
  background-color: #fff0;
  
}
.nav>li>a:focus, .nav>li>a:focus {
    text-decoration: none;
    background-color: #fff0;
    
  }
  .nav>li>a:focus, .nav>li{
      border-bottom: 2px solid transparent;
  }

 .nav .active {
    text-decoration: none;
    background-color: #fff0;
    border-bottom: 2px solid var(--black-color);
  }
.main-navigation a{
  text-decoration: none;
}
.menu-item .sub_cat{height:24px;}
.main-navigation ul,
li.ui-menu-item,
ul {list-style: none;}
.all-category {
    display: flex;
    width: 150px;
    padding-left: 18px;
    justify-content: flex-start;
    align-items: center;
    background-color: var(--black-color);
}
.menu-item a{text-decoration: none;}
.menu-iteam-link {padding-bottom: 0;text-decoration: none}
.menu-main {-webkit-transition: opacity .2s ease;transition: opacity .2s ease}
.menu-main.w--open {border: 1px solid #f2f2f2}
.menu-iteam-link {
    display: flex;
    padding-top: 0;
    justify-content: center;
    align-items: center;
}
.main-navigation ul ul li:hover > a > h5 {color: var(--black-color);}
.menu-img {padding-top: 5px;margin-right: 10px}
.menu-arrows {margin-right: 0}
.menu {margin-top: 0px;padding: 0}
.category-name {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #092133;
    background: #f2f2f2;
    font-weight: 200;
    text-align: center;
    margin: 0;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc
}
.category-name > h5 {
    font-weight: 400;
    font-size: 15px;
    margin: 0;
}
.ui-menu .ui-menu-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
}
.ui-menu .ui-menu-item a {
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-direction: row;
    font-weight: 400;
    line-height: 1.6;
    vertical-align: middle;
    color: #333;
    font-size: 13px;
}

.UPTO {
  line-height: 55px;
  background-color: #bf3535;
  color: var(--white-color);
  padding: 0 10px;
}
.UPTO, .total_amt0 {
  font-size: 25px;
}
.UPTO, .offer {
  font-weight: 800;
}

.marginleft a {
    margin-left: 0;
}
.demo-cont,
.w-dropdown {
    position: relative;
}
ul.ui-autocomplete {
    background: var(--white-color);
    left: 0!important;
    top: 100%;
    overflow-y: auto;
    max-height: 400px;
    height: 100%;
    border: 1px solid #73a534;
    border-top: 0;
    width: 100%!important;
    padding: 0;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
}

li.ui-menu-item {
    border-bottom: 1px solid #d3d3d3;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}
li.ui-menu-item:last-child {background-color: #f7f6f2!important}
.w-dropdown {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    z-index: 900;
}
.header-category-text{font-weight: 300 !important;line-height: 30px;font-size: 19px;}
.link-text a.cat_active {color: #73a534;}
.link-text li {margin-left: 10px;}
.link-text a {color: #333;}
.link-text ul {padding-left: 10px;}
.product-name > a {color: var(--black-color);}
.main-navigation {clear: both;display: block;float: left;width: 100%;  font-family: 'Roboto', sans-serif;}
.main-navigation ul {margin: 0;padding: 0;}
.main-navigation .nav-menu {font-size: 0;}
.main-navigation a,
.main-navigation li {
    display: -webkit-box;
    display: -ms-flexbox;
    font-size: 16px;
}
.main-navigation li {
    float: left;
    display: flex;
    align-items: flex-start;
    -webkit-backface-visibility: hidden;
}
.main-navigation a {
    cursor: pointer;
    color: var(--white-color);
    display: flex;
    line-height: 25px;
    height: 52px;
}
.nav-menu > li:hover > ul {
    visibility: visible;
    opacity: 1;
    backface-visibility: visible;
    transform: translateY(0);
}
.nav-menu ul ul a {padding: 0 15px;}
.nav-menu ul ul ul a {padding: 4px 15px;}
.nav-menu ul a {padding: 0 15px;}
.main-navigation li.fa a {padding: 15px 10px 15px 25px;}
.main-navigation li.fa:before {position: absolute;left: 5px;top: 17px;}
.Category-image {height: 100%;width: 100%;}
.main-navigation .nav-menu li>ul>li>.sub-menu-2 {
    position: fixed;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: left;
    background-color: var(--white-color);
    padding-top: 10px;
    box-shadow: 16px 11px 33px -5px rgba(0, 0, 0, .5);
    height: 350px;
    width: 100%;
}
.new-Menu > ul > li > a {-webkit-box-orient: vertical}
.main-navigation .nav-menu li > ul > li:hover > .sub-menu-2 {
    opacity: 1;
    visibility: visible;
    backface-visibility: visible;
    transform: translateX(0);
    display: flex;
    align-items: flex-start;
}
.main-navigation .nav-menu li > ul > li > .sub-menu-3 {
    position: fixed;
    left: 250px;
    height: 100%;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: left;
    background-color: var(--white-color);
    padding-top: 10px;
    border-left: 1px solid #f2f2f2;
}
.main-navigation .nav-menu li > ul > li:hover > .sub-menu-3 {
    opacity: 1;
    visibility: visible;
    backface-visibility: visible;
    transform: translateX(0);
}
.main-navigation .nav-menu li > ul > li:focus > .sub-menu-3 {
  opacity: 1;
  visibility: visible;
  backface-visibility: visible;
  transform: translateX(0);
}
.main-navigation ul ul {-webkit-backface-visibility: hidden;}
.Hover-Drop,
.hide-scroll,
.main-navigation ul ul {visibility: hidden;opacity: 0;}
.menu-text {flex: 1;}
.sub-menu-1 > .menu-text {flex: 1;font-size: 13px;line-height: 16px;color: #333;}
.sub-menu-1 {
    box-shadow: -8px 5px 17px -5px rgba(0, 0, 0, .25);
}
.sub-menu-1 > .active > a {
    background-color: #f2f2f2;
}
.sub-menu-2 > .active > a,
.sub-menu-3 > li > a:hover {
    background-color: #e4e4e4;
}
.menu-image {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
}
sub-menu-2 > .menu-item {width: 250px;}
.sub-menu-2 > li > a > h5,
.sub-menu-3 > li > a > h5 {line-height: 8px;font-size: 13px;}
.sub-menu-2 {width: 60vw;padding-top: 20px;}
.main-navigation ul ul {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 100%;
    display: block;
    z-index: 99999;
    background: var(--white-color);
    left: 0;
}
.main-navigation .sub-menu,
.search-header-form-ul,
.vce-mega-menu-wrapper {-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .2);box-shadow: 0 3px 6px rgba(0, 0, 0, .2);}
.main-navigation ul ul ul {top: 0;}
.main-navigation ul ul a {
    text-align: left;
    font-weight: 500;
    font-size: 13px;
    display: flex;
    align-items: center;
    color: #333;
}
.sub-menu-1 > li > a {width: 276px;}
.sub-menu-2 > li > a,
.sub-menu-3 > li > a {width: 250px;}
.Category-Image {width: 100%;}
.sub-menu-1 > li {border-bottom: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;}
.main-navigation ul ul li:last-child {border-bottom: none;}
.main-navigation ul ul li > ul {left: 100%;}

/* ======= */

nav.navbar.gradient-color{
    background: var(--primary-color);
    box-shadow: 0px 4px 15px rgba(13, 44, 136, 0.15);
    border: none;
    border-radius: 0;
}
.product-sort {
    background: transparent;
    border: 0;
    box-shadow: none;
}
#nav-categories, div.filter-sidebar ul{
    background-color: #F2F5FF;
    padding: 10px 0px 10px 10px;
}
div.filter-sidebar .title span, .title.alone span, div.filter-sidebar .title, .title.alone{
    border: none;
}
div.filter-sidebar .title span{
    color: var(--white-color);
}
div.filter-sidebar .title {
    background-color: var(--temporary-color);
}
.title.alone, .mine-color, .btn-inner-search{
    background: var(--secodary-color);
}
.title.alone, div.filter-sidebar .title {
    height: 76px;
    display: flex;
    justify-content: space-between ;
    align-items: center;
    padding-inline: 12px;
    color: var(--white-color);
}
div#products-side div.product-list {
    padding: 7px;

}
.product-list .inner h2{
    /* height: inherit; */
    overflow: visible;
    margin: 40px 0 5px;
}
.product-list .inner h2 a .brand-name {
    padding-bottom: 5px;
}
div#products-side .product-sort.gradient-color {
    padding-inline: 0;
}
.bootstrap-select .dropdown-toggle:focus{
    outline: none !important;
}
.product-list .inner .img-container a img{
    transform: scale(1); 
    transition: all 0.4s;}
div.product-list:hover div.inner div.img-container a img {
   transform: scale(1.3);
}
.product-list .price .underline, .product-list .inner h2 a .brand-name {
    color: var(--black-color);
    font-size: 15px;
    font-weight: 600;
}
.product-list .price-discount, div.product-list .inner .quantity{
    font-size: 14px;
    font-weight: 500;
    color: #424242;
}
.add-to-cart.btn-add.more-blue {
    background: var(--second-black);
    box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
    border-radius: 4px;
    text-align: center;
    border: 2px solid transparent;
    transition: all 0.4s;
}
.add-to-cart.btn-add.more-blue:hover {
    background-color: transparent;
    color: var(--black-color);
    border: 2px solid var(--second-black);
}
.add-to-cart.btn-add:hover {
    background-color: transparent;
    border: 2px solid var(--secodary-color);
    color: rgb(0, 0, 0);
}
.filter-sidebar:nth-child(2) .title, .filter-sidebar:nth-child(3) .title, .filter-sidebar:nth-child(4) .title{
    height: 55px;
}
div#languages-bar .pull-right a.btn.btn-maroon.half-border:hover {
    color: #f0afaf;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: var(--secodary-color);
    border-color: var(--secodary-color);
}
.carousel-control {
    max-width: 50px;
}
.loginmodal-container .login-item{
    display: flex;
    align-items: center;
}
.loginmodal-container .login-item i{
    font-size: 16px;
    color: #B4B4B4;
    margin-left: -10%;
}
.loginmodal-container .login-pass i {
    margin-left: -11%;
}
.login-after{
    display: flex;
    justify-content: space-between;
}
.login-after .checkbox:hover{
    color: var(--primary-color);
}
.login-help a, .login-after .checkbox{
    color: #B4B4B4;
    transition: all 0.4s;
}
.login-help a:hover{
    color: var(--primary-color);
}

.add-to-cart.add-to-cart-disabled a.btn-marun.btn-add, .add-to-cart.add-to-cart-disabled a.btn-dark.btn-add{
    border: 2px solid transparent;
    padding: 10px;
}
.add-to-cart.add-to-cart-disabled a.btn-marun.btn-add{
    background-color: var(--secodary-color);
}
.add-to-cart.add-to-cart-disabled a.btn-dark.btn-add{
    background-color: var(--second-black);
}

form#userRegisterFrm input:focus-visible{
    outline: none;
}

@media (max-width:767px) {
    .main-navigation a{height: 49px;}
}