@charset "utf-8"; 
.rootmenu > .rootmenu-list .halfmenu ul > li { clear:both;}
.rootmenu > .rootmenu-list .linksmenu ul > li { clear:both;}
.rootmenu > .rootmenu-list .halfmenu ul > li > a { width:100%; float:left;}
.rootmenu .sub-cat-name {display: inline-block;vertical-align: baseline;}
.rootmenu .main-category-name {text-align: center;display: inline-block;}
.rootmenu .main-category-icon {width: 18px;height: 18px;display: block;margin-right: 10px;/*margin-top: 5px;*/float: left;}
.rootmenu .main-category-icon img {width: 18px;height: 18px;}
.rootmenu {position: relative;font-size: 13px;padding: 0;margin: 0;width: 100%;z-index: 2;}
.rootmenu .clearfix:before {content: ""; display: table;}
.rootmenu .clearfix:after {content: ""; display: table; clear: both;}
.rootmenu .clearfix {zoom: 1;}
.rootmenu * { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  text-decoration: none;  -webkit-font-smoothing: antialiased;}
.rootmenu li {margin: 0px;}
.rootmenu > .rootmenu-list {margin: 0 auto 0 auto;width: 100%;padding: 0px;}
.rootmenu > .rootmenu-list > li {text-align: center;border-right: 1px solid;margin: 0px;padding: 0px;list-style: none;}
.rootmenu > .rootmenu-list > li:hover > a .homeicon {display: inline-block;width: 15px;height: 14px;background: url(../images/homeicon.png) 0px 0px no-repeat;text-indent: -99999px;}
.rootmenu .rootmenu-list li:hover a {text-decoration: none;}
.rootmenu > .rootmenu-list > li:first-child > a {-webkit-border-radius: 2px 0px 0px 0px;-moz-border-radius: 2px 0px 0px 0px;border-radius: 2px 0px 0px 0px;}
.rootmenu > .rootmenu-list > li:last-child > a {-webkit-border-radius: 2px 0px 0px 0px;-moz-border-radius: 2px 0px 0px 0px;border-radius: 2px 0px 0px 0px;}
.rootmenu > .rootmenu-list > li:last-child {border-right: 0px;}
.rootmenu > .rootmenu-list > li > a {display: block;line-height:15px;position: relative; text-decoration:none;}
.rootmenu > .rootmenu-list > li > a > .homeicon {display: inline-block;font-size: 18px;width: 15px;height: 14px;background: url(../images/homeicon.png) -15px 0px no-repeat;text-indent: -99999px;margin: 0 8px;}
.rootmenu > .rootmenu-list > li > a > em {display: none;}
.rootmenu > .rootmenu-list > li > a.active .homeicon {display: inline-block;width: 15px;height: 14px;background: url(../images/homeicon.png) 0px 0px no-repeat;text-indent: -99999px;}
.rootmenu > .rootmenu-list > li > .megamenu {width: 100%;text-align: left;margin: 0px;padding: 8px;position: absolute;left: 0; background: #fff;  /*border-top: 3px solid #097FB4; */-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);}
.rootmenu > .rootmenu-list > li > .megamenu .carousel-control.left {top: 38% !important;}
.rootmenu > .rootmenu-list > li > .megamenu .carousel-control.right {top: 38% !important;}
.rootmenu > .rootmenu-list > li > .megamenu .catlinksstyle {display: block;margin: 0;padding: 0px 0;font-size: 13px;}
.rootmenu > .rootmenu-list > li > .megamenu .catlinksstyle > li {color: #424242;display: block;line-height: 18px;}
.rootmenu > .rootmenu-list > li > .megamenu .catlinksstyle > li > span {font-size: 11px;}
.rootmenu > .rootmenu-list > li > .megamenu .catlinksstyle > li > a {padding: 8px 6px 5px 13px;font-weight: normal;display: block;background: url(../images/cat_arrow.png) 0px 10px no-repeat;background-size: 4px;}
.rootmenu > .rootmenu-list > li > .megamenu .catlinksstyle > li > a > .fa-caret-right {margin-right: 4px;}
.rootmenu > .rootmenu-list > li > .megamenu .carousel-caption {bottom: 0px;background-color: rgba(0,0,0,0.7);font-size: 13px;height: 31px;left: 0;padding: 7px 0;right:0; width: 100%;}
.rootmenu > .rootmenu-list > li .categoriesmenu {font-size: 13px;}
.rootmenu > .rootmenu-list > li .categoriesmenu .title,
.rootmenu > .rootmenu-list .halfmenu .title {background: none; border-bottom:0px solid #E8E8E8;padding:5px 5px 5px 0;font-size: 15px;text-transform: none;color: #3399cc;margin:0px;text-align: left;/*text-transform: uppercase;height: 32px;*/list-style: none;font-weight: 600;font-weight: bold;}

.rootmenu > .rootmenu-list .categoriesmenu ul {margin: 0px;padding: 0px;}
.rootmenu > .rootmenu-list .categoriesmenu ul > li {display: block;white-space: nowrap;text-align: left;margin-bottom: 0px !important; position:relative;}
.rootmenu > .rootmenu-list .categoriesmenu ul > li > a {font-weight: normal;line-height:18px;text-align: left;padding:9px 0px;border-right: 0 none;display: block;background-size: 4px;}
.rootmenu > .rootmenu-list .categoriesmenu ul > li > a > .fa-caret-right {margin-right: 10px;}
.rootmenu > .rootmenu-list .linksmenu {font-size: 13px;}
.rootmenu > .rootmenu-list .linksmenu ul {margin: 0px;padding: 0px;}
.rootmenu > .rootmenu-list .linksmenu ul > li {display: block;text-align: left;}
.rootmenu > .rootmenu-list .linksmenu ul > li > a {font-weight: normal;line-height: 18px;text-align: left;padding: 6px 10px;background-image: none;border-right: none;display: block;}
.rootmenu > .rootmenu-list .linksmenu ul > li > a > .fa-caret-right {margin-right: 10px;}
.rootmenu > .rootmenu-list .cat_img_as_icon {float: left;margin-right: 10px;}
.rootmenu > .rootmenu-list .linksmenu .cat-arrow,
.rootmenu > .rootmenu-list .categoriesmenu ul > li .cat-arrow{display: inline-block;height: 15px;margin-left: 11px;width: 15px;background-size: 4px;background: transparent;vertical-align: baseline;}
.rootmenu > .rootmenu-list .linksmenu .cat-arrow::before, .rootmenu > .rootmenu-list .categoriesmenu ul > li .cat-arrow::before {
    content: '';
    width: 5px;
    height: 5px;
    border: solid #999;
    border-width: 0 1px 1px 0;
    transform: rotate(-45deg);
    display: inline-block;
}
.rootmenu > .rootmenu-list .categoriesmenu ul > li .cat-arrow {	vertical-align: middle;}
.rootmenu > .rootmenu-list .contentmenu .title { border-bottom: 1px solid #CCC; padding: 15px 5px 9px 0;font-size: 15px;text-transform: none;font-weight: bold;color: #424242;margin-bottom: 7px; text-align: left; height: 50px; list-style: none;}
.rootmenu > .rootmenu-list .contentmenu .normaltextmenu {font-weight: normal;line-height: 23px;text-align: justify; color: #424242; font-size: 13px;}
.rootmenu > .rootmenu-list .product-thumbnail .title { border-bottom: 1px solid #CCC;padding: 9px 5px 9px 0px;font-size: 15px;text-transform: none;font-weight: bold;color: #424242;margin-bottom: 7px;text-align: left;height: 39px;list-style: none;}
.rootmenu > .rootmenu-list .product-thumbnail .normaltextmenu {font-weight: normal;line-height: 23px;text-align: justify;color: #424242;font-size: 13px;}
.rootmenu > .rootmenu-list .product-thumbnail img { width: 100%;}
.rootmenu > .rootmenu-list .brandsmenu .title {padding: 15px 5px 0px 0px;font-size: 15px;text-transform: none;font-weight: bold;color: #424242;margin-bottom: 0px; text-align: left;height: 39px;list-style: none;}
.rootmenu > .rootmenu-list .brandsmenu .normaltextmenu {font-weight: normal;line-height: 23px;text-align: justify;color: #424242;font-size: 13px;}
.rootmenu > .rootmenu-list .brandsmenu img {width: 100%;}
.rootmenu > .rootmenu-list .brandsmenu .logoicon {margin: 1% 0%;}
.rootmenu > .rootmenu-list .brandsmenu .logoicon img {width: 100%;border: solid 1px #e1e1e1;border-radius: 2px;}
.rootmenu > .rootmenu-list .tabmenu .tabimtag {width: 100%;display: block;}
.rootmenu > .rootmenu-list .tabmenu .tabimtag img {margin: 0 auto;vertical-align: middle;}
/*.rootmenu > .rootmenu-list .tabmenu .tabimgtext {text-align: center;line-height: 23px;}*/
.rootmenu > .rootmenu-list .tabmenu .mainmenuwrap {width: 100%;display: block;position: relative;}
.rootmenu > .rootmenu-list .tabmenu .vertical-menu {display: block;margin: 0px;padding: 0px;font-size:13px; line-height:20px;}
.rootmenu > .rootmenu-list .tabmenu .vertical-menu > li > a {display: block;border-bottom: solid 1px;padding: 11px 15px;line-height: 24px;font-weight:600;}
.rootmenu > .rootmenu-list .tabmenu .vertical-menu > li > a > span {float: right;}
.rootmenu > .rootmenu-list .tabmenu .vertical-menu > li > a:hover,
.rootmenu > .rootmenu-list .tabmenu .vertical-menu > li:hover>a {text-decoration: none;}
.rootmenu > .rootmenu-list .tabmenu .main_openactive01 .verticalopen {display: block;}
.rootmenu > .rootmenu-list .tabmenu .vertical-menu > li:hover .verticalopen {display: block;}
.rootmenu > .rootmenu-list .tabmenu .verticalopen {display: none;position: absolute;right: 0px;top: 0px;color: #000;}
.rootmenu > .rootmenu-list .tabmenu .vertical-menu .clearfix .verticalopen:first-child {display: block;}
.rootmenu > .rootmenu-list .tabmenu .cat-arrow {/*background: url(../images/cat_arrow.png) 0px 3px no-repeat;*/float: left;height: 15px;margin-bottom: 11px;width: 15px;background-size: 4px;background: transparent}
.rootmenu > .rootmenu-list .tabmenu .cat-arrow::before {
    content: '';
    width: 5px;
    height: 5px;
    border: solid #333;
    border-width: 0 1px 1px 0;
    display: inline-block;
    transform: rotate(-45deg);
}

.rootmenu .tabmenu02{ min-height:50px; padding:0px !important;}
.rootmenu .tabmenu02 .mainmenuwrap02{ width:100%; display:block; position:relative; }
.rootmenu .tabmenu02 .vertical-menu02{ display:block; padding:0px !important;font-size:12px;background: #097FB4;}
.rootmenu > .rootmenu-list > li > .tabmenu02 .mainmenuwrap02 > .vertical-menu02 > li{float: left; width: 16.20%; clear:none;}
.rootmenu .tabmenu02 .vertical-menu02 > li{ display:block;padding:9px 22px;  color:#424242; line-height:24px; font-weight:500; /*height:73px;*/ }
.rootmenu .tabmenu02 .vertical-menu02 > li.main_openactive02 .openactive02{display: block;}
.rootmenu .tabmenu02 .vertical-menu02 > li.main_openactive02 .verticalopen02{ display: block;}
.rootmenu .tabmenu02 .vertical-menu02 > li.main_openactive02 {background-color:#ffffff; color:#000000;border-bottom: 0px;}
.rootmenu .tabmenu02 .vertical-menu02 > li.main_openactive02 em {color: #000000;}
.rootmenu .tabmenu02 .vertical-menu02 > li.main_openactive02:hover {background-color:#ffffff; color:#005daa;border-bottom: 0px;}
.rootmenu .tabmenu02 .vertical-menu02 > li > a > span{ margin-right:13px; float:left;}
.rootmenu .tabmenu02 .vertical-menu02 > li > a > span > img{ width:50px; height:50px; }
.rootmenu .tabmenu02 .vertical-menu02 > li > a > em{ color:#FFFFFF; float:left; line-height:52px; font-style:normal; font-size:15px; font-weight:normal; text-transform:uppercase; text-align:center; width:100%;}
.rootmenu .tabmenu02 .root-col-1.verticalopen02{ display: none; position:absolute; right:0px; top:73px; background-color:#fff; color:#000; padding-top:15px; padding-bottom:5px;}
.rootmenu .tabmenu02 .verticalopen02 .root-col-4.clearfix {padding: 0px;}
.rootmenu .tabmenu02 .vertical-menu02 > li.main_openactive02:hover .verticalopen02{ display: block}
.rootmenu .tabmenu02 .vertical-menu02 .clearfix .verticalopen02:first-child{display:block;}
.rootmenu .tabmenu02 .title a {color: #666 !important;}
.rootmenu .tabmenu02 .ulliststy02 {list-style: none;padding: 0;margin: 0;}
.rootmenu .tabmenu02 .ulliststy02 li { width:100%; float:left; margin:4px 0;}
.rootmenu .tabmenu02 .ulliststy02 li a { letter-spacing:0.4px; color:#666;}

.rootmenu .topmenu02-categories li {margin: 5px 0px 3px 0px;}

.rootmenu > .rootmenu-list .empty_category > span {color: #f47d4e;font-size: 13px;position: absolute;right: 40%;top: 40%;}
.rootmenu > .rootmenu-list .view_all {float: right;margin: 9px 0px 0px 0px;}
.rootmenu > .rootmenu-list .halfmenu {width: 50%;text-align: left;margin: 0px;padding:0px;position: absolute;font-size: 13px;
 background: #fff; /*border-top: 3px solid #097FB4;*/-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);}
.rootmenu > .rootmenu-list .halfmenu ul {margin: 0px;padding: 0px;}
.rootmenu > .rootmenu-list .halfmenu ul > li {display: block;text-align: left;}
.rootmenu > .rootmenu-list .halfmenu ul > li > a { font-weight: normal; line-height: 18px; text-align: left; padding: 9px 0px; background-image: none; border-right: 0 none; display: block;}
.rootmenu > .rootmenu-list .halfmenu ul li .sub-cat-name {display: inline-block;vertical-align: base;}
.rootmenu > .rootmenu-list .halfmenu .cat-arrow { /*background: url(../images/cat_arrow.png) 3px center no-repeat;*/background-size: 4px; /*display: table-cell;margin: 10px;*/ height: 15px;  width: 15px;    display: inline-block;margin: 0 0 0 10px;background: transparent;}
.rootmenu > .rootmenu-list .halfmenu .cat-arrow::before {
    content: '';
    width: 5px;
    height: 5px;
    border: solid #999;
    border-width: 0 1px 1px 0;
    display: inline-block;
    transform: rotate(-45deg) translate(0px, -4px);
    -webkit-transform: rotate(-45deg) translate(0px, -4px);
    -moz-transform: rotate(-45deg) translate(0px, -4px);
    -ms-transform: rotate(-45deg) translate(0px, -4px);
    -o-transform: rotate(-45deg) translate(0px, -4px);
} 
.rootmenu > .rootmenu-list .halfmenu ul li img {float: left; margin-right: 10px;}
.rootmenu > .rootmenu-list .rootmenu .contacthalfmenu .title { border-bottom: 1px solid #CCC; padding: 9px 5px 9px 0px; font-size: 15px; text-transform: none; font-weight: bold; color: #424242; margin-bottom: 7px; text-align: left; height: 39px; list-style: none;}
.rootmenu > .rootmenu-list .normaltext { font-size: 13px; line-height: 23px; font-weight: normal; text-align: justify;}
.rootmenu > .rootmenu-list .contactdetail {list-style: none;margin: 0px;padding: 0px;}
.rootmenu > .rootmenu-list .contactdetail li {padding: 0px 0px;}
.rootmenu > .rootmenu-list .contactdetail li a {text-decoration: underline;color: #000;}
.rootmenu > .rootmenu-list .menu_form {width: 100%;display: block;}
.rootmenu > .rootmenu-list .menu_form .btnstyle01 {font-weight:600; text-transform: uppercase; color: #fff; font-size: 14px; height: 34px; cursor: pointer;}
.rootmenu > .rootmenu-list .menu_form input[type="text"] { width: 100%; border: 1px solid #e2e2e2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #000; font-size: 13px; padding: 8px 5px; margin-bottom: 8px;}
.rootmenu > .rootmenu-list .menu_form textarea { width: 100%;border: 1px solid #e2e2e2; border-radius: 5px; color: #000; font-size: 13px; padding: 8px 5px; margin-bottom: 8px; min-height: 122px;}
.rootmenu > .rootmenu-list .menu_form input[type="submit"] { min-width:75px; color: #ffffff; display: block; height:32px; float: right; border: solid 0px; margin-right: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px;  border-radius: 2px; background-color: #097fb4; text-transform:uppercase;}
.rootmenu > .rootmenu-list .menu_form input[type="button"] { min-width:75px; color: #ffffff; display: block; height:32px; float: right; border: solid 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;  background-color: #097fb4; text-transform:uppercase;}
.rootmenu > .rootmenu-list .rootmenu-submenu { position: absolute; min-width: 230px; z-index: 1000; margin: 0px; padding: 0px; font-size: 12px;  list-style: none;  background: #fff; /*border-top: 3px solid #097FB4;*/ -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);}
.rootmenu > .rootmenu-list .rootmenu-submenu li {margin: 0;padding: 0;position: relative;}
.rootmenu > .rootmenu-list .rootmenu-submenu li > a {font-weight: normal; text-align: left; border-bottom: 1px solid; display: block; line-height: 22px; padding: 8px 0px 8px 15px; text-transform: none; border-right: solid 0px #000; height: auto;}
.rootmenu > .rootmenu-list .rootmenu-submenu li > a > .fa-caret-right {margin-right: 4px;}
.rootmenu > .rootmenu-list .rootmenu-submenu li:hover>a {background-image: none;}
.rootmenu > .rootmenu-list .rootmenu-submenu > li {position: relative;margin: 0px;padding: 0px;}
.rootmenu > .rootmenu-list .rootmenu-submenu .cat-arrow {/*background: url(../images/cat_arrow.png) 0px 3px no-repeat;*/float: right;height: 15px;margin-bottom: 11px;width: 15px;background-size: 4px;    background: transparent;}
.rootmenu > .rootmenu-list .rootmenu-submenu .cat-arrow::before {
    content: '';
    width: 5px;
    height: 5px;
    border: solid #999;
    border-width: 0 2px 2px 0;
    transform: rotate(-45deg);
    display: inline-block;
}
.rootmenu > .rootmenu-list .rootmenu-submenu-sub > li {position: relative;}
.rootmenu > .rootmenu-list .rootmenu-submenu-sub > li > a { font-weight: normal; text-align: left; border-bottom: 1px solid #e2e2e2; display: block; line-height: 22px; padding: 8px 0px 8px 15px; text-transform: none;  border-right: solid 0px #000;height: auto;}
.rootmenu > .rootmenu-list .rootmenu-submenu-sub > li > a > .fa-caret-right {margin-right: 4px;}
.rootmenu > .rootmenu-list .rootmenu-submenu-sub > li:hover>a {background-image: none;text-decoration: none !important;}
.rootmenu > .rootmenu-list .rootmenu-submenu-sub-sub > li {position: relative;}
.rootmenu > .rootmenu-list .rootmenu-submenu-sub-sub > li > a { text-align: left; border-bottom: 1px solid #e2e2e2;display: block;line-height: 22px;padding: 8px 15px 8px 15px; text-transform: none; border-right: solid 0px #000; height: auto;font-weight: normal;}
.rootmenu > .rootmenu-list .rootmenu-submenu-sub-sub > li > a > .fa-caret-right {margin-right: 4px;}
.rootmenu > .rootmenu-list .rootmenu-submenu-sub-sub > li > a:hover {background-image: none;background-color: #fff;border-radius: 0px !important;color: #000;text-decoration: none !important;}
.rootmenu > .rootmenu-list .rootmenu-submenu-sub-sub > li:hover>a {background-image: none;background-color: #e2e2e2;color: #000;}

.rootmenu .dropdown-leftside {right: 0;}
.rootmenu .dropdown-leftside .rootmenu-submenu-sub {left:-100% !important; top:0px !important; width:100%;}
.rootmenu .dropdown-leftside .rootmenu-submenu-sub .rootmenu-submenu-sub-sub {left: -100% !important;top: 0 !important;width: 100%;}
.rootmenu .dropdown-leftside a.submenuarrow:after {border-color: transparent #525252 transparent transparent !important;left: 7px !important;}
.rootmenu .dropdown-leftside > li > a {padding: 8px 12px 8px 25px !important;}

.rootmenu > .rootmenu-list .productslist {display: block;padding: 15px;}
.rootmenu > .rootmenu-list .probox01 { width: 100%; display: block; padding: 18px; float: left; margin: 0px 0px 0px 0px; position: relative; background-color: #fff; border: solid 1px #f5f5f5;}
.rootmenu > .rootmenu-list .probox01imgwp {display: block;}
.rootmenu > .rootmenu-list .proimg {display: block;text-align: center;vertical-align: middle;}
.rootmenu > .rootmenu-list .proimg > a {display: block;text-align: center;}
.rootmenu > .rootmenu-list .proinfo {width: 100%;padding: 15px 0px 0px 0px;}
.rootmenu > .rootmenu-list .proname {width: 100%;display: block;color: #5e5e5e;font-size: 14px;text-align: center;}
.rootmenu > .rootmenu-list .proname a {display: block;color: #5e5e5e;font-weight: normal;}
.rootmenu > .rootmenu-list .proname a:hover {color: #f26100;text-decoration: underline;}
.rootmenu > .rootmenu-list .addtolinks {width: 100%;float: left;margin: 0px;padding: 10px 0 0 0;}
.rootmenu > .rootmenu-list .addtolinks a {color: #6c6c6c;font-size: 11px;text-decoration: underline;}
.rootmenu > .rootmenu-list .addtolinks a:hover {color: #f26100;text-decoration: none;}
.rootmenu > .rootmenu-list .addtolinks .add-to-wish {float: left;}
.rootmenu > .rootmenu-list .addtolinks .add-to-comp {float: right;}
.rootmenu > .rootmenu-list .pricebox {width: 100%;float: left;margin: 0px;padding: 10px 0 0 0;}
.rootmenu > .rootmenu-list .pricebox span {float: left;color: #5e5e5e;font-size: 14px;padding: 5px 0;font-weight: bold;}
.rootmenu > .rootmenu-list .pricebox span em {font-style: normal;color: #bebebe;font-size: 12px;}
.rootmenu > .rootmenu-list .addtocart-but { float: right;height: 30px;line-height: 30px;background: #ea8921;color: #fff; font-size: 13px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0 15px 0 10px;}
.rootmenu > .rootmenu-list .addtocart-but:hover { text-decoration:none;}
.rootmenu > .rootmenu-list .rootmenu-mobile { display: none; position: absolute; top: 0; right: 0; padding: 7px 12px 7px 12px; margin: 6px 7px 0px 7px; border-radius: 4px 4px 4px 4px; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) #002c4c;  border-image: none; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 2px rgba(0,0,0,0.3); color: #333333; cursor: pointer; font-size: 14px; line-height: 20px; text-align: center; text-shadow: 0 1px 1px rgba(255,255,255,0.75); vertical-align: middle; background-color: #424242;}
.rootmenu > .rootmenu-list .rootmenu-mobile:hover { box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 2px rgba(0,0,0,0.2); background-color: #252525; border-color: #000;}
.rootmenu > .rootmenu-list .rootmenu-mobile > .icon-bar { display: block; width: 18px; height: 2px; background-image: none; background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.25); box-shadow: 0 1px 0 rgba(0,0,0,0.25); margin-top: 3px;}
.rootmenu > .rootmenu-list .rootmenu-click { position: absolute; top: 0; right: 0; display: none; cursor: pointer; z-index: 100; height: 45px;}
.rootmenu > .rootmenu-list .rootmenu-click > .rootmenu-arrow { float: right; display: block; height: 23px; width: 25px; margin-top: 10px; margin-right: 8px; /*background: url(../images/down.png) no-repeat top left; */background-size: 25px;background: transparent}
.rootmenu > .rootmenu-list .rootmenu-submenu .rootmenu-click > .rootmenu-arrow::before, .rootmenu > .rootmenu-list .megamenu .rootmenu-click > .rootmenu-arrow::before, .rootmenu > .rootmenu-list .halfmenu .rootmenu-click > .rootmenu-arrow::before{    content: '';
    width: 5px;
    height: 5px;
    border: solid #333;
    border-width: 0 1px 1px 0;
    display: inline-block;
    transform: rotate(45deg);}
.rootmenu > .rootmenu-list .rootmenu-submenu .rootmenu-click > .rootmenu-arrow.rootmenu-rotate::before, .rootmenu > .rootmenu-list .megamenu .rootmenu-click > .rootmenu-arrow.rootmenu-rotate::before, .rootmenu > .rootmenu-list .halfmenu .rootmenu-click > .rootmenu-arrow.rootmenu-rotate::before, .rootmenu-arrow.rootmenu-rotate::before
{
    transform: rotate(225deg);
}
.rootmenu > .rootmenu-list > li > .rootmenu-click > .rootmenu-arrow {
    height: 25px !important;
    width: 25px !important;
    background: #fff !important;
    position: relative;
    top: 0;
    right: 0;
    cursor: pointer;
    padding-right: 0;
    margin: 10px 10px 0 0 !important;
}
.rootmenu > .rootmenu-list > li > .rootmenu-click > .rootmenu-arrow::before,
.rootmenu > .rootmenu-list > li > .rootmenu-click > .rootmenu-arrow::after {
    content: " ";
    position: absolute;
    top: 11px;
    margin-top: 0;
    width: 8px;
    height: 2px;
    display: inline-block;
    background-color: #444;
    -webkit-transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out;
    transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out;
    right: 50%;
    margin-right: -4px;
}
.rootmenu > .rootmenu-list > li > .rootmenu-click > .rootmenu-arrow::before {
    -webkit-transform: translateX(2px) rotate(-50deg);
    -moz-transform: translateX(2px) rotate(-50deg);
    -o-transform: translateX(2px) rotate(-50deg);
    -ms-transform: translateX(2px) rotate(-50deg);
    transform: translateX(2px) rotate(-50deg);
}
.rootmenu > .rootmenu-list > li > .rootmenu-click > .rootmenu-arrow::after {
    -webkit-transform: translateX(-2px) rotate(50deg);
    -moz-transform: translateX(-2px) rotate(50deg);
    -o-transform: translateX(-2px) rotate(50deg);
    -ms-transform: translateX(-2px) rotate(50deg);
    transform: translateX(-2px) rotate(50deg);
}
.rootmenu > .rootmenu-list > li > .rootmenu-click > .rootmenu-arrow.rootmenu-rotate::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.rootmenu > .rootmenu-list > li > .rootmenu-click > .rootmenu-arrow.rootmenu-rotate::after {

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.rootmenu > .rootmenu-list > li:nth-child(1) > a {
    border-top: 1px solid #ccc;
}

/*.rootmenu > .rootmenu-list .rootmenu-rotate { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}*/

.rootmenu > .rootmenu-list .rootmenu-text { width: 50%; position: absolute; top: 0px; left: 0px; color: #fff; line-height: 44px; text-indent: 15px; font-weight: normal; font-size: 20px; display: none; text-transform: none;}
.rootmenu > .rootmenu-list .rootmenu-addimg {width: 100%;display: block;}
.rootmenu > .rootmenu-list .rootmenu-addimg img {width: 100%;}
/*.rootmenu > .rootmenu-list .rootmegamenu_block img {width: 100%;}*/
.rootmenu > .rootmenu-list .root-col-6 {width: 16.66666666666667%;float: left;display: block;padding: 10px;}
.rootmenu > .rootmenu-list .root-col-5 {width: 20%;float: left;display: block;padding: 10px;}
.rootmenu > .rootmenu-list .root-col-4 {width: 25%;float: left;display: block;padding: 10px;}
.rootmenu > .rootmenu-list .root-col-3 {width: 33.33333333333333%;float: left;display: block;padding: 10px;}
.rootmenu > .rootmenu-list .root-col-2 {width: 50%;float: left;display: block;padding: 10px;}
.rootmenu > .rootmenu-list .root-col-1 {width: 100%;float: left;display: block;padding: 10px;}
.rootmenu > .rootmenu-list .root-col-70 {width: 66.66666666666667%;float: left;display: block;padding: 10px;}
.rootmenu > .rootmenu-list .root-col-75 {width: 75%;float: left;display: block;padding: 10px;}

.rootmenu > .rootmenu-list .root-sub-col-1 {width:8.33333333%;float: left;display: block;}
.rootmenu > .rootmenu-list .root-sub-col-2 {width:16.666666%;float: left;display: block;}
.rootmenu > .rootmenu-list .root-sub-col-3 {width:25%;float: left;display: block;}
.rootmenu > .rootmenu-list .root-sub-col-4 {width:33.33333333%;float: left;display: block;}
.rootmenu > .rootmenu-list .root-sub-col-5 {width:41.66666667%;float: left;display: block;}
.rootmenu > .rootmenu-list .root-sub-col-6 {width:50%;float: left;display: block;}
.rootmenu > .rootmenu-list .root-sub-col-7 {width:58.33333333%;float: left;display: block;}
.rootmenu > .rootmenu-list .root-sub-col-8 {width:66.66666667%;float: left;display: block;}
.rootmenu > .rootmenu-list .root-sub-col-9 {width:75%;float: left;display: block;}
.rootmenu > .rootmenu-list .root-sub-col-10 {width:83.33333333%;float: left;display: block;}
.rootmenu > .rootmenu-list .root-sub-col-11 {width:91.66666667%;float: left;display: block;}
.rootmenu > .rootmenu-list .root-sub-col-12 {width:100%;float: left;display: block;}

.rootmenu > .rootmenu-list .grid-item-1 {width: 100%;padding: 10px;}
.rootmenu > .rootmenu-list .grid-item-2 {width: 48%;padding: 10px;}
.rootmenu > .rootmenu-list .grid-item-3 {width: 32%;padding: 10px;}
.rootmenu > .rootmenu-list .grid-item-4 {width: 24%;padding: 10px;}
.rootmenu > .rootmenu-list .grid-item-5 {width: 19%;padding: 10px;}
.rootmenu > .rootmenu-list .grid-item-6 {width: 15%;padding: 10px;}
.rootmenu > .rootmenu-list .grid-item-70 {width: 65%;padding: 10px;}
.rootmenu > .rootmenu-list .grid-item-75 {width: 74%;padding: 10px;}
.rootmenu > .rootmenu-list #not_activated {background: #000 none repeat scroll 0 0;color: #ff0000;padding: 10px;}
.rootmenu > .rootmenu-list #menu_submit_loader {background: #097fb4 url("../images/category-loader.gif");border-radius: 10px;font-size: 0;height: 49px; width: 49px;}
.nav-sections-item-content > .rootmenu {display: block;}
.nav-sections-item-content > .page-main {display: block;}


/*TAG CSS*/
.rootmenu .roottag {position: absolute;right: 0;top: -10px;z-index: 100;}
.rootmenu .rootmenutag {height: 18px;line-height: 18px;text-align: center;font-size: 11px;color: #fff;border-radius: 2px;position: relative;font-family: Arial, Helvetica, sans-serif;font-weight: normal;padding: 1px 6px 1px 6px;	margin-left: 6px;text-transform: none;letter-spacing: -0.0px;font-style:normal;}
/*.top-sub-label{ float:left; line-height: 25px; }*/
/*END TAG CSS*/


/*Responsive Class*/
@media only screen and (min-width:769px){
    .rootmenu > .rootmenu-list .halfmenu ul .halfwidth-popup-sub-sub,
	.rootmenu > .rootmenu-list ul .level4-listing {background: #f6f6f6 none repeat scroll 0 0; border:1px solid #EDEDED; border-bottom: 2px solid #0092d7; box-shadow: 0 5px 5px #cccccc, 0 0 0 #cccccc inset; display: none; left:30%; margin: 0; min-width: 180px; padding: 0; position: absolute; z-index: 99; top:20px;}
    .rootmenu > .rootmenu-list .halfmenu ul li:hover .halfwidth-popup-sub-sub { display:block;}
    .rootmenu > .rootmenu-list .level3-listing li:hover .level4-listing { display:block;}
    .rootmenu > .rootmenu-list .halfmenu ul li { position:relative;}
    .rootmenu > .rootmenu-list .linksmenu ul .level3-popup,
    .rootmenu > .rootmenu-list .halfmenu ul .level3-popup {background: #f6f6f6 none repeat scroll 0 0;border:1px solid #EDEDED;border-bottom: 2px solid #0092d7;box-shadow: 0 5px 5px #cccccc, 0 0 0 #cccccc inset;display: none;      left:21%;margin: 0; min-width: 180px; padding: 0;position: absolute; z-index: 99; top:30px;}
    .rootmenu > .rootmenu-list .linksmenu ul > li:hover .level3-popup,
    .rootmenu > .rootmenu-list .halfmenu ul > li:hover .level3-popup { display:block;}
    .rootmenu > .rootmenu-list .linksmenu ul > li { position:relative;}
    .rootmenu .catproductimg{display: block;}
	.rootmenu .has-sub-cat { position:relative;}
	.rootmenu .has-sub-cat:after {-webkit-font-smoothing: antialiased;font-size:9px;line-height: inherit;color: inherit;content: '';font-family: 'luma-icons';vertical-align: middle;display: inline-block;font-weight: normal;overflow: hidden;speak: none;text-align: center; border: solid #fff9f9; border-width: 0 2px 2px 0; padding: 2px; transform: rotate(45deg) translate(0px, -3px);}
	.rootmenu > .rootmenu-list ul .level4-listing {padding: 5px 0;}
	.rootmenu > .rootmenu-list ul .level4-listing li a {padding: 7px 15px;}
	
	.rootmenu > .rootmenu-list .level4-popup {background: #f6f6f6 none repeat scroll 0 0;border:1px solid #EDEDED;border-bottom: 2px solid #0092d7;box-shadow: 0 5px 5px #cccccc, 0 0 0 #cccccc inset;display: none;      left:21%;margin: 0; min-width: 180px; padding: 0;position: absolute; z-index: 99; top:30px;}
    .rootmenu > .rootmenu-list .level3-popup li:hover .level4-popup { display:block;}

    /* .sticky .rootmenutag {top: 7px;} */
    .sticky .roottag .rootmenutag{top: 7px;}
}

@media only screen and (max-width:768px) { 
    .rootmenu .level3-popup{ display:none; padding-left: 20px !important; }
	.rootmenu .level4-popup{ display:none; padding-left: 20px !important; }
    .rootmenu .halfwidth-popup-sub-sub {display:none; padding-left: 20px !important; }
	.rootmenu > .rootmenu-list .halfmenu .cat-arrow { display:none !important;}
    .rootmenu > .rootmenu-list .linksmenu .cat-arrow { display:none !important;}
    .rootmenu .tabmenu02 .vertical-menu02 > li .verticalopen02{position:relative !important; display: block; opacity: 1 !important; visibility: visible !important; top: 0px; }
	.rootmenu > .rootmenu-list > li > .tabmenu02 .mainmenuwrap02 > .vertical-menu02 > li{ width: 100%;/* float: none !important;*/ background:#fff;}
	.rootmenu .tabmenu02 .verticalopen02 {display: block;position: relative;	right: 0px;	top: 0;}
	.rootmenu .tabmenu02 .vertical-menu02 > li > .verticalopen02 .root-col-4{ width:33.33% !important; margin:0px; padding:0px; }
    .rootmenu .roottag{ position:static; }
	.rootmenu > .rootmenu-list ul .level4-listing{ display:none; padding-left:20px;}
	.rootmenu > .rootmenu-list .categoriesmenu ul > li .cat-arrow { display:none !important;}
	.rootmenu > .rootmenu-list .level2-popup .rootmenu-click > .rootmenu-arrow {margin-top: 6px;margin-right: 0;}
	.rootmenu > .rootmenu-list .level3-listing .rootmenu-click > .rootmenu-arrow {margin-top: 6px;margin-right: 0;}
	
	.rootmenu > .rootmenu-list > li > a {padding: 10px !important; border-left: 1px solid #ccc !important;border-right: 1px solid #ccc !important;}
}


@media only screen and (min-width:769px){
   	.rootmenu > .rootmenu-list li.hover .contacthalfmenu {display: block;max-height: 500px;overflow: auto;}
    .rootmenu > .rootmenu-list li.hover .halfmenu {opacity: 1;visibility: visible;transform: translateY(0);}
    /*.rootmenu > .rootmenu-list > li > .rootmenu-submenu {opacity: 0;visibility: hidden;transform: translateY(35px);transition: all .3s ease;}
    .rootmenu > .rootmenu-list > li:hover > .rootmenu-submenu {opacity: 1;visibility: visible;transform: translateY(0);} 	*/
	.rootmenu > .rootmenu-list > li > .rootmenu-submenu {opacity: 0;visibility: hidden;transform: translateY(35px);transition: all .3s ease;height: 0; max-height: 0; overflow: hidden}
    .rootmenu > .rootmenu-list > li.hover > .rootmenu-submenu {opacity: 1;visibility: visible;transform: translateY(0);height: initial; max-height: initial; overflow: visible} 
    .rootmenu > .rootmenu-list > li.hover .megamenu {opacity: 1;visibility: visible;transform: translateY(0);}
    .rootmenu > .rootmenu-list .rootmenu-submenu .rootmenu-submenu-sub {min-width: 180px;position: absolute;left: 100%;top: 0px;margin: 0px;padding: 0px;border-bottom: solid 2px #097fb4;z-index: 99;opacity: 0;visibility: hidden;     transform: translateY(35px);transition: all .3s ease;}
    .rootmenu > .rootmenu-list .rootmenu-submenu .rootmenu-submenu-sub li:hover .rootmenu-submenu-sub-sub {list-style: none; margin: 0px; z-index: 100; opacity: 1; visibility: visible; transform: translateY(0);}
    .rootmenu > .rootmenu-list .rootmenu-submenu .rootmenu-submenu-sub .rootmenu-submenu-sub-sub {min-width: 180px; position: absolute; left: 100%;top: 0px;margin: 0px;padding: 0px;border-bottom: solid 2px #097fb4;opacity: 0;     visibility: hidden; transform: translateY(35px);transition: all .3s ease;}
    .rootmenu > .rootmenu-list .rootmenu-submenu .rootmenu-submenu-sub .rootmenu-submenu-sub-sub > li {position: relative;padding: 0px;margin: 0px;}
    .rootmenu > .rootmenu-list .rootmenu-submenu li:hover .rootmenu-submenu-sub {list-style: none; margin: 0px;opacity: 1;visibility: visible;transform: translateY(0);}
    .rootmenu > .rootmenu-list .mobilelink {display: none;}
    .rootmenu > .rootmenu-list .tabmenu .tabimtag img {max-height: 90px;max-width: 150px;}
    .rootmenu > .rootmenu-list .megamenu {opacity: 0;visibility: hidden;transform: translateY(35px);transition: all .3s ease;}
    .rootmenu > .rootmenu-list .halfmenu {opacity: 0;visibility: hidden;transform: translateY(35px);transition: all .3s ease;}
    .rootmenu .dropdown_left {position: relative;}
    .rootmenu .dropdown_left .halfmenu {right: 0;width: 600px !important;}
	
	.rootmenu .tabmenu .padding-zero { padding:0px !important;}
	.rootmenu .tabmenu .padding-zero .tabimgwpr { padding-top:0px !important;  padding-bottom:0px !important;}
}

@media only screen and (max-width:768px){
    .rootmenu {width: 100%; padding: 0px 0px 0px 0px !important; background-color: #fff;margin: 0px 0px;font-size: 14px !important;}
    .rootmenu > .rootmenu-list .root-col-6,
    .rootmenu > .rootmenu-list .root-col-5,
    .rootmenu > .rootmenu-list .root-col-4,
    .rootmenu > .rootmenu-list .root-col-3,
    .rootmenu > .rootmenu-list .root-col-2,
    .rootmenu > .rootmenu-list .root-col-1,
    .rootmenu > .rootmenu-list .root-col-70,
    .rootmenu > .rootmenu-list .root-col-75 {width: 100%; float: none; padding: 10px;}
    .rootmenu > .rootmenu-list .rootmenu-click {display: block; padding-left: 15px;}
    .rootmenu > .rootmenu-list .rootmenu-click02 {display: block;}
    .rootmenu > .rootmenu-list .rootmenu-mobile-open { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0; }
    .rootmenu > .rootmenu-list .verticalopen {position: relative !important;display: block !important;}
    .rootmenu > .rootmenu-list .tabmenu .tabimtag {height: auto !important;}
    .rootmenu > .rootmenu-list > li {text-align: left;border-right: 0px;}
    .rootmenu > .rootmenu-list > li > a > .homeicon {display: none !important;}
    .rootmenu > .rootmenu-list > li > a > em {display: block !important; font-style: normal;}
    .rootmenu > .rootmenu-list > li .megamenu {position: relative;top: 0px;left: 0px;padding: 8px;display: none;}
    .rootmenu > .rootmenu-list > li .megamenu .carousel .item img {width: 100%;}
    .rootmenu > .rootmenu-list .rootmenu-mobile {display: block;}
    .rootmenu > .rootmenu-list.mobile-sub {margin: 0px;padding: 0px;list-style: none;float: none;width: 100%;}
    .rootmenu > .rootmenu-list.mobile-sub > li {margin: 0px 0px 0px 0px !important;display: block;position: relative;}
    .rootmenu > .rootmenu-list.mobile-sub > li > a {display: block; color: #000 !important;padding: 5px 10px;line-height:24px; border-bottom: solid 1px #ccc;}
    .rootmenu > .rootmenu-list.mobile-sub > li > a.active {color: #000 !important;box-shadow: none;}
    .rootmenu > .rootmenu-list.mobile-sub > li:hover>a {background-color: #f5f5f5 !important;box-shadow: none;}
    .rootmenu > .rootmenu-list .rootmenu-submenu {position: static;width: 100%;padding: 0px;box-shadow: none;display: none;border-left: 1px solid #ccc;border-right: 1px solid #ccc;} 
    .rootmenu > .rootmenu-list .rootmenu-submenu:after {border-color: transparent transparent transparent transparent;border-style: none;}
    .rootmenu > .rootmenu-list .rootmenu-submenu .cat-arrow {display: none !important;}
    .rootmenu > .rootmenu-list .rootmenu-submenu li {margin: 0px 0px 0px 0px !important;position: relative;}
    .rootmenu > .rootmenu-list .rootmenu-submenu li a {display: block;color: #000;padding:7px 20px;background: #fff !important;border-bottom: solid 1px #ccc;}
    .rootmenu > .rootmenu-list .rootmenu-submenu li a.active {color: #000 !important;}
    .rootmenu > .rootmenu-list .rootmenu-submenu li:hover>a {background-color: #f5f5f5 !important;color: #000;}
    .rootmenu > .rootmenu-list .rootmenu-submenu-sub {width: 100%;position: static;left: 100%;top: 0;display: none;margin: 0px;padding: 0px;}
    .rootmenu > .rootmenu-list .rootmenu-submenu-sub li {margin: 0px 0px 0px 0px !important;padding: 0px;position: relative;}
    .rootmenu > .rootmenu-list .rootmenu-submenu-sub li a {display: block;color: #000;padding:5px 25px;background: #fff !important;border-bottom: solid 1px #ccc;font-weight: normal;}
    .rootmenu > .rootmenu-list .rootmenu-submenu-sub li a.active {color: #000 !important;}
    .rootmenu > .rootmenu-list .rootmenu-submenu-sub li:hover>a {background-color: #a5a5a5 !important;color: #fff;}
    .rootmenu > .rootmenu-list .rootmenu-submenu-sub-sub {width: 100%;position: static;left: 100%;top: 0;display: none;margin: 0px;padding: 0px;}
    .rootmenu > .rootmenu-list .rootmenu-submenu-sub-sub li {margin: 0px 0px 0px 0px !important;}
    .rootmenu > .rootmenu-list .rootmenu-submenu-sub-sub li a {display: block;color: #000;padding:5px 15px 5px 35px;background: #fff !important;border-bottom: solid 1px #ccc;font-weight: normal;}
    .rootmenu > .rootmenu-list .rootmenu-submenu-sub-sub li a.active {color: #000 !important;}
    .rootmenu > .rootmenu-list .rootmenu-submenu-sub-sub li:hover>a {background-color: #606060 !important;color: #fff;}
    .rootmenu > .rootmenu-list .rootmenu-text {display: block;}
    .rootmenu > .rootmenu-list .skip-link.skip-nav {display: none !important;}
    .rootmenu > .rootmenu-list .halfmenu {position: relative;width: 100%;top: 0px;display: none;}
    .rootmenu > .rootmenu-list .catproductimg img {width: 100%;}
    .rootmenu > .rootmenu-list .rootmenu .tabmenu .tabimtag img {width: 70%;}
    .nav-sections {background: #f0f0f0 !important;}
    .rw-navclose {position: fixed;top: 0;right: 0;padding: 10px;opacity: 0.7;background: #e3e3e3;}
    .nav-open .rw-navclose {display: block;}
}

@media only screen and (min-width:1024px) and (max-width:1199px) {
	.rootmenu .halfmenu { width:60%;}
}

@media only screen and (min-width:901px) and (max-width:1023px) {
    .rootmenu-list > li > a{ padding-left:10px; padding-right:10px; }
	.rootmenu .contacthalfmenu{ width:100%; }
	.rootmenu-list .rootmenu-submenu .rootmenu-submenu-sub{ right:65%; left:auto !important; }
	.rootmenu .halfmenu { width:65%;}
}

@media only screen and (min-width:769px) and (max-width:900px) {
    .rootmenu .contacthalfmenu{ width: 100%; }
    .rootmenu .linksmenu .root-col-5{width:33.33%  !important;}
    .rootmenu .contentmenu .root-col-4{width:50%  !important;}
    .rootmenu .product-thumbnail .root-col-4{width:50%  !important;}
    .rootmenu .brandsmenu .root-col-4{width:33.33%  !important;}
    .rootmenu .product-thumbnail .root-col-5 { width:33.33% !important;}
    /*.rootmenu .tabmenu .verticalopen { width:100%}*/
    .rootmenu .grid-item-1, .grid-item-2, .grid-item-3, .grid-item-4,
    .rootmenu .grid-item-5, .grid-item-6, .grid-item-70,
    .rootmenu .grid-item-75 {width:32% !important; float:none; padding:10px;}
    
    /*tabmenu02*/
    .rootmenu > .rootmenu-list > li > .tabmenu02 .mainmenuwrap02 > .vertical-menu02 > li{float: none;width: auto;clear: none;display: table-cell;background: inherit}
    .rootmenu .tabmenu02 .vertical-menu02 > li.main_openactive02 .verticalopen02{position: absolute !important;top: 70px;background: #fff;display: table !important;padding: 0 5px;     height: auto !important;}
    .rootmenu .tabmenu02 .vertical-menu02 > li.main_openactive02 .verticalopen02{display: block !important}
    .rootmenu .tabmenu02 .title{float: left;width: 100%; margin-left: 0 !important;margin-right: 0 !important; padding: 12px 0px 12px 0 !important;}
    .rootmenu > .rootmenu-list > li > .tabmenu02 .mainmenuwrap02 > .vertical-menu02 > li.main_openactive02 {background: #fff;}
    .rootmenu > .rootmenu-list .tabmenu02 .root-col-2{    padding: 0 10px 0 0;}
    .rootmenu .tabmenu02 .menu-right-08 .right-add-blok01 .shop-rang-img, .menu-right-08 .right-add-blok01 span{display: table-cell;    float: none;    padding-left: 5px;}
    .rootmenu .tabmenu02 .menu-right-08 .right-add-blok01{    padding: 0 0%;    margin: 0;    width: 100%;}
    .rootmenu .tabmenu02 .menu-right-sample02-col02.menu-right-sample02-listing .shop-rang-blok span {height: 50px;vertical-align: middle;    padding-left: 0;float: none;}
    .rootmenu .tabmenu02 .menu-right-08 .right-add-blok01 .shop-rang-img{padding-left: 0}
    .rootmenu .tabmenu02 .vertical-menu02 > li.main_openactive02 .verticalopen02 > div {background: #fff;}
    .rootmenu .tabmenu02 .shop-rang-blok span {margin: 0 !important;display: table-cell;height: 50px;vertical-align: middle;}
    .rootmenu .tabmenu02 .shop-rang-blok .shop-rang-img {display: table-cell;} 
    .rootmenu .menu-right-08 .menu-right-sample02-col01{    padding: 0 5px !important;    width: 64% !important;    margin-left: 1%;}
    .rootmenu .menu-right-08 .menu-right-sample02-col02{    padding-left: 1%;width: 34% !important;}
    .rootmenu .menu-right-04 .right-add-blok02 a, .menu-right-04 .right-add-blok01 a{margin-top: 10px}
    .rootmenu .tabmenu02 .vertical-menu02 > li.main_openactive02:hover{border-bottom: none}
}

@media (max-width:768px){
.rootmenu .tabmenu02 .vertical-menu02 > li{    padding: 9px 10px;}
.rootmenu .tabmenu02 .vertical-menu02 > li > a > em{    line-height: 22px;    text-align: left;    color: #000000;}
.rootmenu .tabmenu02 .vertical-menu02 > li.main_openactive02 .verticalopen02{    border-top: 1px solid #dddddd;padding-left: 0;padding-right: 0;margin-top: 10px;}
.rootmenu .tabmenu02 .root-sub-col-4, .rootmenu .tabmenu02 .root-sub-col-8 {float: left;width: 100% !important;}
.rootmenu .tabmenu02 .root-col-2 {float: left;width: 50%;}
.rootmenu .tabmenu02 .root-sub-col-8 .menu-right-sample02 > div {padding: 0;width: 100%;border: none;}
.rootmenu .tabmenu02 .menu-right-08 .right-add-blok01 {width: 100%;float: left;margin: 0%;padding: 0;}
.rootmenu .tabmenu02 .title{margin-left: 0; margin-right: 0}

}

@media only screen and (min-width:501px) and (max-width:768px) {
    .rootmenu .halfmenu{ position:relative; width: 100%; top:0px;}
    .rootmenu .contacthalfmenu{ position:relative; width: 100%; top:0px;}
    .rootmenu .tabmenu .verticalopen .root-col-6{ width:33.33%  !important; }
    .rootmenu .tabmenu .tabimgwpr {min-height:90px;}
    .rootmenu .vertical-menu .root-col-5 {width:33.33%  !important;}
    .rootmenu .tabmenu .tabimgtext {font-size: 11px !important;line-height:13px !important;}
    .rootmenu .product-thumbnail .root-col-5 { width:50% !important;}
    .rootmenu .linksmenu .root-col-4 { width: 50%  !important;}
    .rootmenu li {position: relative;}
    .rootmenu .grid-item-1, .grid-item-2, .grid-item-3, .grid-item-4, 
    .rootmenu .grid-item-5, .grid-item-6, .grid-item-70, 
    .rootmenu .grid-item-75 {width:47% !important; float:none; padding:10px;}
    .rootmenu .tabmenu02 .vertical-menu02 > li > .verticalopen02 .root-col-4{ width:50% !important;}
	
	.nav-sections, .rootmenu {background: #FFF !important;}
	.rootmenu-list > li > a.active {background: #F5F5F5 !important;}
	.rootmenu { font-weight:normal !important;}
	.rootmenu > .rootmenu-list .rootmenu-submenu li a:hover, .rootmenu > .rootmenu-list .rootmenu-submenu li:hover > a {background: #f5f5f5 !important;}
	.rootmenu > .rootmenu-list .empty_category > span {position: relative;right: 0;}
	.rootmenu > .rootmenu-list .tabmenu .vertical-menu > li > a {padding: 5px 15px;}
	.rootmenu > .rootmenu-list .product-thumbnail .root-col-5 { width:100% !important;margin: 1% 0 !important;} 
	.rootmenu > .rootmenu-list .halfmenu.dropdowntitle .rootmegamenu_block {padding: 0 20px 0 0 !important;}
}

@media only screen and (min-width: 200px) and (max-width:500px) { 
    .rootmenu .halfmenu{ position:relative; width: 100%; top:0px;}
    .rootmenu .contacthalfmenu{ position:relative; width: 100%; top:0px;}
    .rootmenu .tabmenu .verticalopen .root-col-6{ width:50%  !important; min-height: 217px; }
    .rootmenu .tabmenu .tabimgwpr {min-height:90px;}
    .rootmenu .vertical-menu .root-col-5 {width:33.33%  !important;}
    .rootmenu .tabmenu .tabimgtext {font-size: 11px !important;line-height:13px !important;} 
    .rootmenu li {position: relative;}
    .rootmenu .grid-item-1, .grid-item-2, .grid-item-3, .grid-item-4,
    .rootmenu .grid-item-5, .grid-item-6, .grid-item-70,
    .rootmenu .grid-item-75 {width:100% !important; float:none; padding:10px;}
    .rootmenu .tabmenu02 .vertical-menu02 > li > .verticalopen02 .root-col-4{ width:100% !important;}
    
    .rootmenu .tabmenu02 .vertical-menu02 > li > a > em {color: #000!important;}
    .rootmenu > .rootmenu-list .root-sub-col-1,
    .rootmenu > .rootmenu-list .root-sub-col-2,
    .rootmenu > .rootmenu-list .root-sub-col-3,
    .rootmenu > .rootmenu-list .root-sub-col-4,
    .rootmenu > .rootmenu-list .root-sub-col-5,
    .rootmenu > .rootmenu-list .root-sub-col-6,
    .rootmenu > .rootmenu-list .root-sub-col-7,
    .rootmenu > .rootmenu-list .root-sub-col-8,
    .rootmenu > .rootmenu-list .root-sub-col-9,
    .rootmenu > .rootmenu-list .root-sub-col-10,
    .rootmenu > .rootmenu-list .root-sub-col-11,
    .rootmenu > .rootmenu-list .root-sub-col-12 {width:100%;float: left;display: block;}
	
	.nav-sections, .rootmenu {background: #FFF !important;}
	.rootmenu-list > li > a.active {background: #F5F5F5 !important;}
	.rootmenu { font-weight:normal !important;}
	.rootmenu > .rootmenu-list .rootmenu-submenu li a:hover, .rootmenu > .rootmenu-list .rootmenu-submenu li:hover > a {background: #f5f5f5 !important;}
	.rootmenu > .rootmenu-list .empty_category > span {position: relative;right: 0;}
	.rootmenu > .rootmenu-list .tabmenu .vertical-menu > li > a {padding: 5px 15px;}
	.rootmenu > .rootmenu-list .product-thumbnail .root-col-5 { width:100% !important;margin: 1% 0 !important;} 
	.rootmenu > .rootmenu-list .halfmenu.dropdowntitle .rootmegamenu_block {border-right: 0px solid #ececec !important;padding:0px !important;}
}

.rootmenu > .rootmenu-list .product-thumbnail .root-col-5 { width:19%; border: 1px solid #e9e9e9;margin: 0 0.5%;} 

/* Extra CSS */
.rootmenu .tabmenu02 .title {background: none;border-bottom: 1px solid #CCC; padding: 15px 5px 12px 0;font-size: 15px; text-transform: none; font-weight:500;color: #666; margin: 0px 35px 10px 15px;text-align: left;height: 50px; list-style: none;letter-spacing: 1px;}


.rootmenu .menuheader {border-bottom: 1px dashed #d7d7d7;}
.rootmenu .menufooter {border-top: 1px dashed #d7d7d7;}
.rootmenu p { margin:0px;}
.rootmenu .title {font-size: 16px;color: #000;font-weight: 600;margin: 10px 0 15px 0;border-bottom: 1px solid #eaeaea;padding: 0 0 7px 0;text-transform: uppercase;}
.rootmenu .categoryblockcontent,
.rootmenu .main_categoryblockcontent{display: none;}

/*dropdowntitle menu*/
.rootmenu > .rootmenu-list .halfmenu.dropdowntitle .title {	border-bottom: 0px solid #CCC;padding: 0;font-size: 15px;text-transform: none;font-weight: bold;color: #424242;margin: 10px 0;text-align: center;list-style: none;}
.rootmenu > .rootmenu-list .halfmenu.dropdowntitle .title a {color: #000;font-size: 20px;font-weight: 600;}
.rootmenu > .rootmenu-list .halfmenu.dropdowntitle .rootmegamenu_block {border-right: 1px solid #ececec;padding:10px 30px 0 20px;}
.rootmenu > .rootmenu-list .halfmenu.dropdowntitle ul > li > a {padding: 5px 25px 5px 25px;}
.rootmenu > .rootmenu-list .halfmenu.dropdowntitle ul > li > a:hover {color: #424242;background: #f3f3f3;text-decoration: none;}
.rootmenu > .rootmenu-list .halfmenu.dropdowntitle ul .halfwidth-popup-sub-sub {background: #fff none repeat scroll 0 0;top: 28px;}
/*END dropdowntitle menu*/

/* Multi tabbing menu style*/
.rootmenu .fourcoltab{ overflow:hidden;  }
.rootmenu .fourcoltab .tabimtag{ width:100%; height:92px; display:block;}
.rootmenu .fourcoltab .tabimtag img{width:100%; vertical-align:middle; }
.rootmenu .fourcoltab .tabimgtext{ text-align:center; font-size:12px; line-height:23px;}
.rootmenu .fourcoltab .mainmenuwrap{ width:100%; display:block; position:relative; }
.rootmenu .fourcoltab .colultabone{margin:0px; padding:0px; font-size:12px; background-color:#f8f8f8;}
.rootmenu .fourcoltab .colultabone .colultabtwo{ background-color:#c7e1eb;}
.rootmenu .fourcoltab .colultabtwo{opacity:0; visibility:hidden; font-size: 12px; margin: 0; padding: 0; position:absolute; top:0px;}
.rootmenu .fourcoltab li > a > span{ float:left; margin:0 10px 0 0;}
.rootmenu .fourcoltab .colultabtwo .colultabthree{width:85%; opacity:0; visibility:hidden; font-size: 12px; margin: 0; padding: 0; position:absolute; left:15%; top:0px;}	
.rootmenu .fourcoltab .colultabone > li > a{ display:block; padding:9px 12px;  color:#fff; line-height:24px;}
.rootmenu .fourcoltab .colultabone > li .openactive{display:block;}
.rootmenu .fourcoltab .colultabone > li:hover .verticalopen{ display:block;}
.rootmenu .fourcoltab .verticalopen{min-height:184px; display:none; position:absolute; right:0px; top:0px; background-color:#fff; color:#000;   }
.rootmenu .fourcoltab .tabimgwpr {min-height:134px;}
.rootmenu .fourcoltab .colultabone .clearfix .verticalopen:first-child{display:block;}
.rootmenu .fourcoltab .colultabone .colultabtwo .colultabthree{ background-color:#82c3e7;}
.rootmenu .fourcoltab .colultabone .colultabtwo .colultabthree > li.main_openactive03_sub1 > a{ text-decoration:none; background-color:#ffffff; color:#000;}
.rootmenu .fourcoltab .colultabone > li > a:hover,
.rootmenu .fourcoltab .colultabone > li.main_openactive03 > a{ text-decoration:none; background-color:#c7e1eb; color:#2a2a2a;}
.rootmenu .fourcoltab .colultabone .colultabtwo > li > a:hover,
.rootmenu .fourcoltab .colultabone .colultabtwo > li.main_openactive03_sub1 > a { text-decoration:none; background-color:#82c3e7; color:#545454;}
.rootmenu .fourcoltab .colultabone .colultabtwo .colultabthree > li:hover > a,
.rootmenu .fourcoltab .colultabone .colultabtwo .colultabthree > li.main_openactive03_sub2 > a{ text-decoration:none; background-color:#ffffff; color:#000;}

.rootmenu .fourcoltab .colultabone > li > a{float:left;}

.rootmenu .fourcoltab.multitabcol_1 .colultabone > li > a{width:100%;}
.rootmenu .fourcoltab.multitabcol_2 .colultabone > li > a{width:50%;}
.rootmenu .fourcoltab.multitabcol_3 .colultabone > li > a{width:33%;}
.rootmenu .fourcoltab.multitabcol_4 .colultabone > li > a{width:15%;}

.rootmenu .fourcoltab.multitabcol_2 .colultabtwo > li > a{ width:100%;}
.rootmenu .fourcoltab.multitabcol_3 .colultabtwo > li > a{ width:50%;}
.rootmenu .fourcoltab.multitabcol_4 .colultabtwo > li > a{ width:17%;}

.rootmenu .fourcoltab.multitabcol_3 .colultabtwo .colultabthree > li > a{ width:100%;}
.rootmenu .fourcoltab.multitabcol_4 .colultabtwo .colultabthree > li > a{ width:20%;}

.rootmenu .fourcoltab .colultabtwo > li > a{display:block; padding:9px 12px;  color:#545454; line-height:24px;}
.rootmenu .fourcoltab li > a .verticalmenu-arrow{ float:right; margin-left:9px; margin-right:0px; margin-top: 5px; }
.rootmenu .fourcoltab .colultabtwo .colultabthree > li > a{ width:15%;  /*display:block;*/display: flex; padding:9px 12px;  color:#545454; line-height:24px;}
.rootmenu .fourcoltab .resultdiv{ width:80%; opacity:0; visibility:hidden;  margin: 0; padding:20px; position:absolute; left:20%; top:0px; background-color:#fff;z-index: 2;}
.rootmenu .fourcoltab .colultabone > li > a em {font-style: normal;}
.rootmenu .fourcoltab .colultabtwo > li > a em {font-style: normal;}
.rootmenu .fourcoltab .colultabtwo .colultabthree > li > a em {font-style: normal;}

.rootmenu .colultabonenofound{width:85%; background-color:#ededed; margin: 0; padding:20px; position:absolute; left:15%; top:0px; opacity:0; visibility:hidden;}
.rootmenu .colultabone li.main_openactive03 .colultabonenofound{opacity:1; visibility:visible;}
.rootmenu .colultabtwonofound{width:85%; background-color:#ededed; margin: 0; padding:20px; position:absolute; left:15%; top:0px; opacity:0; visibility:hidden;}
.rootmenu .colultabtwo li.main_openactive03_sub1 .colultabtwonofound{opacity:1; visibility:visible;}

/*.productbtmimg img{ width:100%;}*/
.rootmenu .resultdiv .productbtmname{display: block; padding: 10px 0 5px; text-align: center; width: 100%;}


@media only screen and (min-width:769px){
.rootmenu .fourcoltab.multitabcol_2 .colultabtwo{ width:50%; left:50%;}
.rootmenu .fourcoltab.multitabcol_3 .colultabtwo{ width:67%; left:33%;}
.rootmenu .fourcoltab.multitabcol_4 .colultabtwo{ width:85%; left:15%;}

.rootmenu .fourcoltab.multitabcol_3 .colultabtwo .colultabthree{width:50%; left:50%;}
.rootmenu .fourcoltab.multitabcol_4 .colultabtwo .colultabthree{width:83%; left:17%;}

.rootmenu .hover .fourcoltab .mainmenuwrap > .colultabone > li.main_openactive03 > .colultabtwo{opacity:1; visibility:visible;}
.rootmenu .hover .fourcoltab .mainmenuwrap > .colultabone > li > .colultabtwo > li.main_openactive03_sub1 > .colultabthree{opacity:1; visibility:visible;}
.rootmenu .hover .fourcoltab .mainmenuwrap > .colultabone > li > .colultabtwo > li .colultabthree > li.main_openactive03_sub2 > .resultdiv{opacity:1; visibility:visible;}
}
 
@media only screen and (max-width:768px) {
.rootmenu .fourcoltab .colultabone{width:100%; opacity:1; visibility:visible;    }
.rootmenu .fourcoltab .colultabtwo{width:100%; opacity:1; visibility:visible; display:none;}
.rootmenu .fourcoltab .colultabtwo .colultabthree{width:100%; opacity:1; visibility:visible; display:none;}
.rootmenu .fourcoltab .colultabtwo .colultabthree .resultdiv{ width:100%; opacity:1; visibility:visible; display:none;}
.rootmenu .fourcoltab li > a .verticalmenu-arrow{ display:none !important; }
.rootmenu .fourcoltab .colultabtwo{ position:static;}
.rootmenu .fourcoltab .colultabtwo .colultabthree	{ position:static;}
.rootmenu .fourcoltab .resultdiv{ position:static;}
.rootmenu .fourcoltab .colultabone > li > a{ width:100% !important; }
.rootmenu .fourcoltab .colultabtwo > li > a{ width:100% !important; }
.rootmenu .fourcoltab .colultabthree > li > a{ width:100% !important; }
.rootmenu .fourcoltab{ display:none;}
.rootmenu .fourcoltab.multitabcol_3 .colultabtwo{width: 100%;left: 0;}
}

/*.rootmenu .fourcoltab.multitabcol_4 .colultabone > li {
    width: 15%;
}
.rootmenu .fourcoltab.multitabcol_4 .colultabone > li a {
    width: 100% !important;
}
.rootmenu .fourcoltab.multitabcol_4 .colultabtwo > li {
    width: 20%;
}
.rootmenu .fourcoltab.multitabcol_4 .colultabtwo .colultabthree {
    width: 80%;
    left: 20%;
}
.rootmenu .fourcoltab.multitabcol_4 .colultabthree > li {
    width: 25%;
}
.rootmenu .fourcoltab.multitabcol_4 .resultdiv{    left: 25%;width: 75%;}*/



/*END multi tabbing menu style*/

/*Tab Menu style*/
.rootmenu .tabmenu .tabimtag{ width:100%; /*height:92px;*/ display:block;}
.rootmenu .tabmenu .tabimtag img {margin: 0 auto; vertical-align: middle;}
.rootmenu .tabmenu .tabimgtext{display: block; line-height: 23px; padding:0px 0; text-align: left; width: 100%; font-weight:700;}

.rootmenu .tabmenu .vertical-menu .tabimgwpr .tabbing_lev4{padding:0px 5px;}
.rootmenu .tabmenu .vertical-menu .tabimgwpr .tabbing_lev4 li{display: block; font-weight: normal; padding: 7px 0;}
.rootmenu .tabmenu .vertical-menu .tabimgwpr .tabbing_lev4 li a .fa{ margin-right:5px;}
.rootmenu .tabmenu .vertical-menu .tabimtag {margin: 0px !important;background: none;border-bottom: 0px solid #E8E8E8;padding: 5px 5px 5px 0;font-size: 15px;text-transform: none;color: #3399cc;text-align: left;text-transform: uppercase;/*height: 32px;*/list-style: none;font-weight: 600;font-weight: bold;}

.rootmenu .tabmenu .mainmenuwrap{ width:100%; display:block; position:relative; }
.rootmenu .tabmenu .vertical-menu{ display:block; margin:0px; padding:0px; font-size:12px;}
.rootmenu .tabmenu .vertical-menu > li > a{ display:block; border-bottom:solid 1px; padding:11px 15px; line-height:24px; font-weight:bold;}
.rootmenu .tabmenu .vertical-menu > li > a:hover{ text-decoration:none; background-color:#fff; color:#424242;}


.rootmenu .tabmenu .vertical-menu > li .openactive{display:block;}
.rootmenu .tabmenu .vertical-menu > li:hover .verticalopen{ display:block;}
.rootmenu .tabmenu .verticalopen{ display:none; position:absolute; right:0px; top:0px; color:#000;}
.rootmenu .tabmenu .vertical-menu .clearfix .verticalopen:first-child{display:block;}
.rootmenu .empty_category > span {color: #f47d4e;font-size: 13px; position: absolute;right: 40%;top: 40%;}
.rootmenu .tabmenu .verticalmenu-arrow{float:right; margin-left:6px; margin-right:0px;  margin-top: 5px;}
.rootmenu .tabmenu .tabmainimg{float:left; margin-right:8px;}
.rootmenu .tabmenu .tabmaintitle{float:left;}
/*END Tab Menu style*/

.rootmenu .content-only,
.rootmenu .content-only .root-col-1.clearfix {padding: 0px !important;margin: 0px !important;}
.nav-sections.sticky {z-index: 99999;}


.rootmenu-list > li{    vertical-align: middle;} 
.rootmenu > .rootmenu-list > li:first-child > a{padding: 15px 15px;}

/******  Vertical Menu  ******/
.rootmenu .rw-vertical-menu .verticalmenu02 {position: absolute;opacity: 0;visibility: hidden;/*display: table*/}
.rootmenu .rw-vertical-menu:hover .verticalmenu02 {opacity: 1;visibility: visible;transition: 0.3s all linear;}
.rootmenu .rw-vertical-menu  .verticalmenu02 > .vertical-list > li{position: initial;transition: 0.3s all linear;}
.rootmenu .rw-vertical-menu .verticalmenu02 > .vertical-list > li:hover {transition: 0.3s all linear;}
.rootmenu .rw-vertical-menu .verticalmenu02 .rootverticalmegamenu_block .normaltextmenu {max-height: 400px;overflow: auto;}
.rootmenu .rw-vertical-menu .verticalmenu02 .vertical-list .varticalmenu_main ul > li{text-align: left; position: relative}
.rootmenu .rw-vertical-menu .verticalmenu02 .vertical-list .varticalmenu_main ul ul > li { margin: 5px 0; display: inline-block; width: 100%; }
.rootmenu .rw-vertical-menu .verticalmenu02 a {color: #000; display: flex;align-items: flex-start; padding: 8px 0;} 
/* .rootmenu > .rootmenu-list > li.rw-vertical-menu > a::before {-webkit-font-smoothing: antialiased;font-size: 16px;line-height: inherit;color: inherit;content: '\e609';font-family: 'luma-icons';vertical-align: middle;display: inline-block;font-weight: normal;overflow: hidden;speak: none;text-align: center;margin-right: 10px;transition: 0.3s all linear;}  */
.rootmenu .rw-vertical-menu .verticalmenu02 > .vertical-list > li:hover a::after {margin-right: -5px;transition: 0.3s all linear;}
.rootmenu .rw-vertical-menu .verticalmenu02 .varticalmenu_main .vertical-listing-img{    display: table-cell;}
.rootmenu .rw-vertical-menu .verticalmenu02 .vertical-list .varticalmenu_main.v_halfmenu li a img{float: left; margin-right: 9px;}
.rootmenu > .rootmenu-list .v_halfmenu ul li .halfwidth-popup-sub-sub{padding-left: 5px; padding-right: 5px;}
.rootmenu .verticalmenu02>.vertical-list>li>a
.rootmenu .vertical-click i.fa {font-style: normal;}
.rootmenu .rw-vertical-menu  .main-category-icon {margin-top:5px}
.rootmenu .rw-vertical-menu .rw_allsubcat_icon {    float: left;}
.rootmenu .rw-vertical-menu .level3-name {padding: 0 !important;} 

.rootmenu .verticalmenu02 .desktop-vertical-click .fa-angle-right::before {-webkit-font-smoothing: antialiased;font-size: 10px;line-height: inherit;color: #999;/*content: '\e608';font-family: 'luma-icons';*/vertical-align: middle;display: inline-block;font-weight: normal;overflow: hidden;speak: none;text-align: center;margin-right: 0px;transition: 0.3s all linear;}
.rootmenu .verticalmenu02 .desktop-vertical-click .fa-angle-right::before { content: ''; width: 5px; height: 5px; border: solid #999; border-width: 0 2px 2px 0; transform: rotate(-45deg); } 

.rootmenu .vertical-click .fa-angle-down::before {-webkit-font-smoothing: antialiased;font-size: 10px;line-height: inherit;color: #999;/*content: '\e622';font-family: 'luma-icons';*/vertical-align: middle;display: inline-block;font-weight: normal;overflow: hidden;speak: none;text-align: center;margin-right: 0px;transition: 0.3s all linear;}
.rootmenu .vertical-click .fa-angle-down::before {
    content: '';
    width: 5px;
    height: 5px;
    border: solid #999;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main li a .fa-angle-right {font-style: inherit;display: table-cell;}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main li a .fa-angle-right + span {margin-left: 5px;padding-left: 5px;}
.rootmenu > .rootmenu-list .v_halfmenu .cat-arrow,
.rw-vertical-menu .cat-arrow{ background: url(../images/cat_arrow.png) 3px center no-repeat;background-size: 4px; /*display: table-cell;*/display: inline-block; height: 15px; margin: 5px; width: 15px;    vertical-align: middle;}
.rootmenu .rw-vertical-menu .verticalmenu02 .desktop-vertical-click{    right: 5px;transition: 0.3s all linear}
.rootmenu .rw-vertical-menu .verticalmenu02 > .vertical-list > li:hover .desktop-vertical-click {right: 0;transition: 0.3s all linear;}

.rootmenu i, .rootmenu em{font-style: normal}

 
/*responsive design*/
@media (min-width:769px){
    .rootmenu .rw-vertical-menu .verticalmenu02 {display: none}
    .rootmenu .rw-vertical-menu:hover .verticalmenu02 {display:block}
    .rootmenu .verticalmenu02>.vertical-list>li.rootverticalnav > a::after { content: ''; display: inline-block; position: absolute; right: -9px; top: 10px; left: auto; border-top: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0; visibility: hidden; transition: 0.3s all linear; transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px);    z-index: 1; } 
    .rootmenu .verticalmenu02>.vertical-list>li.rootverticalnav:hover > a::after { opacity: 1; visibility: visible; transition: 0.3s all linear; transform: translate(4px, 0px); -webkit-transform: translate(4px, 0px); -moz-transform: translate(4px, 0px); -ms-transform: translate(4px, 0px); -o-transform: translate(4px, 0px); } 
    .rootmenu .rw-vertical-menu .verticalmenu02 > .vertical-list > li:hover .desktop-vertical-click { opacity: 0; } 
    .rootmenu .verticalmenu02 .vertical-list .varticalmenu_main {    border-left: none !important; border-top: none !important; box-shadow: -1px 0 0 0px #fff;}
    .rootmenu .rw-vertical-menu .verticalmenu02 .desktop-vertical-click {display:none;}
    .rootmenu .rw-vertical-menu .verticalmenu02 .level3-popup {border-top: 1px solid #c5c5c5;margin-top: 5px;padding-top: 10px;}
}
@media (max-width:768px){
    .rootmenu .rw-vertical-menu .verticalmenu02{position: static;width: 100%;padding: 0px;display: none;opacity: 1;visibility: visible;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);}
    /*.rootmenu .rw-vertical-menu.hover .verticalmenu02,.rw-vertical-menu.hover .verticalmenu02 .vertical-list {display: block;padding: 0 !important}*/
    .rootmenu .rw-vertical-menu .verticalmenu02 > .vertical-list > li{position: relative}
    .rootmenu .verticalmenu02>.vertical-list>li>a::after,
    .rootmenu > .rootmenu-list .v_halfmenu .cat-arrow,
    .rootmenu .verticalmenu02 .vertical-list .varticalmenu_main li a .fa-angle-right{display: none !important}
    /*.rw-vertical-menu .verticalmenu02 .vertical-list ul li, .rw-vertical-menu .verticalmenu02 .vertical-list ul {border: 1px solid #ff0000;padding: 0 !important;margin: 0 !important;}*/
    .rootmenu .rw-vertical-menu .verticalmenu02 .vertical-list ul a {border-bottom: 1px solid #f6f6f6; /*border-top: 1px solid #f6f6f6;*/    margin-top: -1px;color: #000000;font-size: 12px !important;padding: 7px 20px;}
    .rootmenu .rw-vertical-menu div[class*="root-col-"] {padding: 0 !important;}
    .rootmenu .rw-vertical-menu .verticalmenu02 > .vertical-list > li{background: #ffffff;}
    /* .rootmenu .verticalmenu02>.vertical-list>li:first-child {border-top: 0px solid #f3f3f3;} */
    .rootmenu .verticalmenu02>.vertical-list>li>a,
    .rootmenu .verticalmenu02 .vertical-list .varticalmenu_main{border-top: none !important}
    .rootmenu .verticalmenu02 .vertical-list .varticalmenu_main {border: none !important;padding-left: 30px !important;}
    /* .rootmenu .verticalmenu02>.vertical-list>li:first-child>a{border-bottom:  1px solid #dadada !important;} */
    .rootmenu .all-category-wrapper .verticalmenu02 .vertical-list .varticalmenu_main.vertical_fullwidthmenu li a {padding: 4px 0 2px 0;text-align: left;line-height: 25px;display: block;text-decoration: none;}
    .rootmenu .verticalmenu02>.vertical-list>li>a {    border-bottom: 1px solid #e5e5e5;}
    .rw-vertical-menu .level3-popup .rootmenu-click > .rootmenu-arrow { background: url(../images/down.png) no-repeat top left;}
    .rw-vertical-menu .level3-popup .rootmenu-click > .rootmenu-arrow.rootmenu-rotate { transform: rotate(180deg);}
}

/*Vertical Menu 02*/
.rootmenu li.rw-vertical-menu.all-category-wrapper > a {text-transform: uppercase;padding-left: 30px !important;}
.rootmenu li.rw-vertical-menu.all-category-wrapper > a span {display: flex;width: 10px;height: 1px;background: #fff;position: absolute;top: 49%;left: 15px;}
.rootmenu li.rw-vertical-menu.all-category-wrapper > a span::before, .rootmenu li.rw-vertical-menu.all-category-wrapper > a span::after {content: '';width: 10px;height: 1px;  position: absolute;left: 0; top: -4px;background: #fff;}
.rootmenu li.rw-vertical-menu.all-category-wrapper > a span::after { top: auto;bottom: -4px;}
@media (max-width:768px) {
    .rootmenu li.rw-vertical-menu.all-category-wrapper > a span, .rootmenu li.rw-vertical-menu.all-category-wrapper > a span::before, .rootmenu li.rw-vertical-menu.all-category-wrapper > a span::after {background: #000;}
}
.rootmenu .verticalmenu02{width:250px;height:100%;border-radius:0;z-index:1;border:none;background-color:#fff;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.rootmenu .product-collateral .toggle-tabs li.current>span{z-index:1!important}
.rootmenu .verticalmenu02 .vertical-list{/*height:100%;*/display:block; padding: 0}
.rootmenu .verticalmenu02>.vertical-list>li{width:100%;display:block;float:none;position:relative;border-right:none;background-color:transparent;white-space:inherit}
.rootmenu .verticalmenu02>.vertical-list>li>a{padding:9px 15px 9px 17px;text-align:left;line-height:25px;position:static;display:block;text-decoration:none;border-top: none}

.rootmenu .verticalmenu02>.vertical-list>li>a .fa{color:#ccc;float:right;font-size:16px;margin-top:4px}
/* .rootmenu .verticalmenu02>.vertical-list>li:first-child{border-top:1px solid #f3f3f3} */
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main{border:1px solid rgba(0,0,0,.13); color:#666; display:none; position:absolute; top:0; padding:0; transform:none; opacity:1; visibility:visible;    background: #fff; overflow: auto}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.vhovertabmenu{min-height:370px}
.rootmenu .varticalmenu_main .megamenuverticalheader{border-bottom:1px solid #b6b6b6;display:block;font-size:13px;font-weight:700;padding:10px 15px;width:100%;color:#424242}
.rootmenu .varticalmenu_main .megamenuverticalfoooter{border-bottom:1px solid #b6b6b6;display:block;font-size:13px;font-weight:700;padding:10px 15px;width:100%;color:#424242;clear:left}
/*.verticalmenu02>.vertical-list>li:first-child>a {border-bottom: none;}*/
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main ul {padding: 0;}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main ul ul {padding: 10px;}
.rootmenu .verticalmenu02>.vertical-list>li> .desktop-vertical-click i{font-style: normal}
/*.verticalmenu02>.vertical-list>li> .desktop-vertical-click .fa-angle-right::after {-webkit-font-smoothing: antialiased;font-size: 9px;line-height: inherit;content: '\e608';font-family: 'luma-icons';vertical-align: middle; display: inline-block;font-weight: normal;overflow: hidden; speak: none;text-align: center;color: #000;float: right;margin-right: 00px;transition: 0.3s all linear}
*/
/*======= v_halfmenu =======*/
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_halfmenu li a{padding:4px 0 2px 0;text-align:left;line-height:25px;position:static;/*display:block;*/display: flex; text-decoration:none}
.rw_allsubcat_arrow {display: inline-block;}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main li a .fa{margin-right:8px}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_halfmenu li a:hover{text-decoration:underline}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_halfmenu .smlheader{border-bottom:1px solid #ccc;padding:0 5px 9px 0;font-size:15px;text-transform:none;font-weight:700;color:#424242;margin-bottom:7px;text-align:left;list-style:none}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_halfmenu .smlheader a{color:#424242}
.rootmenu .varticalmenu_main .vertical-listing-img>img{display:inline-block!important;vertical-align:middle}
.rootmenu .varticalmenu_main .vertical-listing-img{margin-right:9px}
.rootmenu .varticalmenu_main ul.rootmenulevel-3 li a:before{content:"\f105";font-family:fontawesome;margin-right:9px}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_halfmenu li a {    align-items: flex-start;    display: flex;}
/*.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_halfmenu li a .rw_allsubcat_arrow {padding: 8px 0;}
 .rootmenu > .rootmenu-list .v_halfmenu .cat-arrow, .rw-vertical-menu .cat-arrow { margin-top: 13px; margin-left: 5px;} */

/*======= END v_halfmenu =======*/	

/*======= v_halfmenu_right =======*/
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_halfmenu_right li a{padding:4px 0 2px 0;text-align:left;line-height:25px;position:static;display:block;text-decoration:none}.verticalmenu02 .vertical-list .varticalmenu_main.v_halfmenu_right li a:hover{text-decoration:underline}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_halfmenu_right .smlheader{border-bottom:1px solid #ccc;padding:0 5px 9px 0;font-size:15px;text-transform:none;font-weight:700;color:#424242;margin-bottom:7px;text-align:left;list-style:none}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_halfmenu_right .smlheader a{color:#424242}
/*======= END v_halfmenu_right =======*/ 
 
/*======= v_halfmenu_left =======*/
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_halfmenu_left li a{padding:4px 0 2px 0;text-align:left;line-height:25px;position:static;display:block;text-decoration:none}.verticalmenu02 .vertical-list .varticalmenu_main.v_halfmenu_left li a:hover{text-decoration:underline}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_halfmenu_left .smlheader{border-bottom:1px solid #ccc;padding:0 5px 9px 0;font-size:15px;text-transform:none;font-weight:700;color:#424242;margin-bottom:7px;text-align:left;list-style:none}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_halfmenu_left .smlheader a{color:#424242}
/*======= END v_halfmenu_left =======*/ 
 
/*======= v_fullwidthmenu =======*/
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_fullwidthmenu li a{padding:4px 0 2px 0;text-align:left;line-height:25px;position:static;display:block;text-decoration:none}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_fullwidthmenu li a:hover{text-decoration:underline}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_fullwidthmenu .smlheader{border-bottom:1px solid #ccc;padding:0 5px 9px 0;font-size:15px;text-transform:none;font-weight:700;color:#424242;margin-bottom:7px;text-align:left;list-style:none}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_fullwidthmenu .smlheader a{color:#424242}	
/*======= END v_fullwidthmenu =======*/ 
 
/*======= v_fullwidthmenu_right =======*/
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_fullwidthmenu_right li a{padding:4px 0 2px 0;text-align:left;line-height:25px;position:static;display:block;text-decoration:none}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_fullwidthmenu_right li a:hover{text-decoration:underline}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_fullwidthmenu_right .smlheader{border-bottom:1px solid #ccc;padding:0 5px 9px 0;font-size:15px;text-transform:none;font-weight:700;color:#424242;margin-bottom:7px;text-align:left;list-style:none}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_fullwidthmenu_right .smlheader a{color:#424242}	
/*======= END v_fullwidthmenu_right =======*/ 

/*======= v_fullwidthmenu_left =======*/
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_fullwidthmenu_left li a{padding:4px 0 2px 0;text-align:left;line-height:25px;position:static;display:block;text-decoration:none}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_fullwidthmenu_left li a:hover{text-decoration:underline}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_fullwidthmenu_left .smlheader{border-bottom:1px solid #ccc;padding:0 5px 9px 0;font-size:15px;text-transform:none;font-weight:700;color:#424242;margin-bottom:7px;text-align:left;list-style:none}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_fullwidthmenu_left .smlheader a{color:#424242}	
/*======= END v_fullwidthmenu_left =======*/ 
 
/*======= v-colwithright  =======*/
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v-colwithright li a{padding:4px 0 2px 0;font-size:13px;text-align:left;color:#666;line-height:25px;position:static;display:block;text-decoration:none}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v-colwithright li a:hover{text-decoration:underline}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v-colwithright .smlheader{border-bottom:1px solid #ccc;padding:5px 5px 9px 0;font-size:15px;text-transform:none;font-weight:700;color:#424242;margin-bottom:7px;text-align:left;list-style:none}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v-colwithright .smlheader a{color:#424242}	
/*======= END v-colwithright  =======*/ 

/*======= v-colwithleft   =======*/
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v-colwithleft li a{padding:4px 0 2px 0;font-size:13px;text-align:left;color:#666;line-height:25px;position:static;display:block;text-decoration:none}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v-colwithleft li a:hover{text-decoration:underline}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v-colwithleft .smlheader{border-bottom:1px solid #ccc;padding:0 5px 9px 0;font-size:15px;text-transform:none;font-weight:700;color:#424242;margin-bottom:7px;text-align:left;list-style:none}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v-colwithleft .smlheader a{color:#424242} 	
/*======= END v-colwithleft   =======*/ 

/*======= v-colwithleft   =======*/
.rootmenu .vmenu-probox01{display:block; padding:18px;float:left;  margin:0px 0px 0px 0px; position:relative; background-color:#fff; border:solid 1px #f5f5f5;  }
.rootmenu .vmenu-probox01imgwp{display:block; } 
.rootmenu .vmenu-proimg {display:block; text-align: center; vertical-align: middle; }
.rootmenu .vmenu-proimg > a{display: block; text-align:center;}
.rootmenu .vmenu-proinfo{width:100%; padding:15px 0px 0px 0px; font-family:Arial,Verdana; }
.rootmenu .vmenu-proname{ width:100%; display:block; font-family:Arial, Helvetica, sans-serif; color:#5e5e5e; font-size:14px; text-align:center; font-weight:bold;}
.rootmenu .vmenu-proname a{ display:block; color:#5e5e5e;}
.rootmenu .vmenu-proname a:hover{color:#f26100; text-decoration:underline;}
.rootmenu .vmenu-addtolinks { width:100%; float:left; margin:0px; padding:10px 0 0 0;}
.rootmenu .vmenu-addtolinks a { color:#6c6c6c; font-size:11px; text-decoration:underline;}
.rootmenu .vmenu-addtolinks a:hover{color:#f26100; text-decoration:none;}
.rootmenu .vmenu-addtolinks .add-to-wish { float:left;}
.rootmenu .vmenu-addtolinks .add-to-comp { float:right;}
.rootmenu .vmenu-pricebox { width:100%; float:left; margin:0px; padding:10px 0 0 0;}
.rootmenu .vmenu-pricebox span { float:left; color:#5e5e5e; font-size:14px; padding:5px 0; font-weight:bold;}
.rootmenu .vmenu-pricebox span em { font-style:normal; color:#bebebe; font-size:12px;}
.rootmenu .vmenu-addtocart-but { float:right; height:30px; line-height:30px; background:#ea8921; color:#fff; font-size:13px; font-weight:bold; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; padding:0 15px 0 10px;}
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main.v_productmenu img{width:100%;}
/*======= END v-colwithleft   =======*/ 
 
/*Tab Menu style*/
.rootmenu .verticalmenu02 .varticalmenu_main.vhovertabmenu .tabimtag{ width:100%; display:block;}
.rootmenu .verticalmenu02 .varticalmenu_main.vhovertabmenu .tabimtag img{width:100%; vertical-align:middle; max-height:120px;max-width:120px }
.rootmenu .verticalmenu02 .varticalmenu_main.vhovertabmenu .tabimgtext{ text-align:center; line-height:21px; font-weight:bold; height:40px;}
.rootmenu .verticalmenu02 .varticalmenu_main.vhovertabmenu .mainmenuwrap{ width:100%; display:block; position:relative; }
.rootmenu .verticalmenu02 .varticalmenu_main.vhovertabmenu .vertical-menu{ display:block; margin:0px; padding:0px; font-size:12px;}
.rootmenu .verticalmenu02 .varticalmenu_main.vhovertabmenu .vertical-menu > li > a{ width:25%; display:block; border-bottom:solid 1px; padding:9px 15px; line-height:25px; font-weight:bold;}
.rootmenu .verticalmenu02 .varticalmenu_main.vhovertabmenu .vertical-menu > li > a > span{ float:left;}
.rootmenu .verticalmenu02 .varticalmenu_main.vhovertabmenu .vertical-menu > li > a .tabmainimg{margin-right: 10px;}
.rootmenu .verticalmenu02 .varticalmenu_main.vhovertabmenu .vertical-menu > li > a:hover{ text-decoration:none; background-color:#fff; color:#424242;}
.rootmenu .verticalmenu02 .varticalmenu_main.vhovertabmenu .verticalopen{ width:75%; display:none; position:absolute; right:0px; top:0px; min-height:335px;}
.rootmenu .verticalmenu02 .varticalmenu_main.vhovertabmenu .vertical-menu .clearfix .verticalopen:first-child{display:block;}
/*END Tab Menu style*/
.rootmenu .verticalmenu02 .desktop-vertical-click {cursor: pointer;display: block;float: right;height: 43px;position: relative;right: 0;top: 10px;width: 25px;z-index: 100;}
.rootmenu .rootverticalmegamenu_block img{width:100%;}

.rootmenu .title_normal {
    display: flex;
    align-items: center;
    line-height: 23px;
    padding: 0px 0;
    text-align: left;
    width: 100%;
    font-weight: 700;
    flex-wrap: wrap;
}
.rootmenu > .rootmenu-list > li > .megamenu,
.rootmenu > .rootmenu-list .halfmenu{z-index: 101;}

/*added by designer*/
@media (min-width:769px){.rootmenu > .rootmenu-list > li:nth-child(1) > a {border-top: none;}}
.rootmenu > .rootmenu-list > li.rw-vertical-menu > a::before{line-height: 10px;}


.vertical-list img.rw_allsubcat_icon {vertical-align: middle;margin-right: 5px;}
span.rw_allsubcat_arrow:before {display: inline-block;content: '';width: 5px;height: 5px;border: solid #999;border-width: 0 2px 2px 0;transform: rotate(-45deg);margin-right: 10px;}

/*=====END Desktop CSS style=====*/

@media only screen and (min-width:230px) and (max-width:768px) {
.rootmenu .verticalmenu02 .varticalmenu_main.vhovertabmenu .verticalopen{ width:100% !important;} 
.rootmenu .verticalmenu02 .varticalmenu_main.vhovertabmenu .tabimtag{ height:auto !important;}
.rootmenu .tabimgwpr{ width:100% ; }
.rootmenu .verticalmenu02 .desktop-vertical-click { display:none}
.rootmenu .v_halfmenu_right img{ width:100%;}
.rootmenu .v_halfmenu_left img{ width:100%;}

.all-category-wrapper  .grid > div{position: relative}
}

@media only screen and (min-width:769px) and (max-width:900px) {
.rootmenu .tabimgwpr{ width:50% !important; }
.rootmenu .vmenu-probox01{ width:50% !important; }
}

/* Mobile rootmenuigation */
.rootmenu .verticalmenu-mobile{display:none;cursor:pointer;position:absolute;top:0;right:0;padding:7px 12px 7px 12px;margin:9px 7px 0 7px;color:#fff;border-radius:4px 4px 4px 4px;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) #002c4c;border-image:none;border-style:solid;border-width:1px;box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 1px 2px rgba(0,0,0,.3);color:#333;font-size:14px;line-height:20px;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,.75);vertical-align:middle;background-color:#424242}
.rootmenu .verticalmenu-mobile:hover{box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 2px rgba(0,0,0,.2);background-color:#252525;border-color:#000}
.rootmenu .verticalmenu-mobile>.icon-bar{display:block;width:18px;height:2px;background-image:none;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25);margin-top:3px}
/* Mobile rootmenuigation */

@media only screen and (min-width:769px){
.rootmenu .verticalmenu02 .vhovertabmenu .vertical-menu > li .openactive{display:block;}
.rootmenu .verticalmenu02 .vertical-list li:hover .varticalmenu_main{display:block;    max-height: 95vh;}
.rootmenu .verticalmenu02 .vhovertabmenu .vertical-menu > li:hover .verticalopen{ display:block;}
.rootmenu .verticalmenu-mobile-text{display:none;}
.rootmenu .vertical-click{ display:none;}
}

@media only screen and (min-width:230px) and (max-width:768px) {
.rootmenu .verticalmenu-mobile-text{width:60%;position:absolute;top:0px;left:0px;color:#fff;line-height:50px;text-indent:15px;font-weight:normal;font-size:17px; text-transform:none;}
/*(Span clicker)*/
.rootmenu .vertical-click{position:absolute;top:0;right:0;display:block;cursor:pointer;z-index:100;width:36px;height:43px}
.rootmenu .vertical-click i{display:block;float:right;margin:15px 15px 0 0;background-size:25px}
/*.rootmenu .verticalmenu02 .verticalmenu-rotate{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}*/
.rootmenu .vertical-click .fa-angle-down.verticalmenu-rotate::before{    transform: rotate(-135deg);}
/*(Span clicker)*/
.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main{position:relative;top:0;left:0;padding:8px;width:100%}
.rootmenu .verticalmenu02>.vertical-list>li{width:100%}.verticalmenu-mobile{display:block}
.rootmenu .verticalmenu02{margin:0;width:100%}
.rootmenu .verticalmenu02>.vertical-list>li{display:block;margin:0!important;position:relative}
.rootmenu .verticalmenu02>.vertical-list>li>a .fa{display:none}
.rootmenu .verticalmenu02 .vhovertabmenu .vertical-menu>li{position:relative}
.rootmenu .verticalmenu02 .vhovertabmenu .vertical-menu>li>a{width:100%!important}
.rootmenu .verticalmenu02 .vhovertabmenu .verticalopen{display:none;padding:8px;position:relative;width:568px;margin:0 auto}
.rootmenu .verticalmenu02 .vhovertabmenu .tabimtag{height:102px}
/*.verticalmenu02 .vertical-list .varticalmenu_main ul li a .fa {display:none !important;}*/		
}

@media (min-width:769px){
    .rootmenu > .rootmenu-list .v_halfmenu ul .halfwidth-popup-sub-sub,
	.rootmenu > .rootmenu-list ul .level4-listing{background: #f6f6f6 none repeat scroll 0 0; border:1px solid #EDEDED; border-bottom: 2px solid #0092d7; box-shadow: 0 5px 5px #cccccc, 0 0 0 #cccccc inset; display: none;/* left:30%;top:20px; */margin: 0; min-width: 180px; padding: 0; position: absolute; z-index: 99;left: 30%}
    .rootmenu > .rootmenu-list .v_halfmenu ul li:hover .halfwidth-popup-sub-sub {display:block;}
    .rwcustomlink-right { float: right !important;border-right: none !important; border-left: 1px solid;}
    .rwcustomlink-left { float: left !important;border-left: none !important; border-right: 1px solid;}
}

/*Category with product in tabing style*/
.rootmenu .categorywithproductmenu .htabproductbxleft{ width:38%; float:left;}
.rootmenu .categorywithproductmenu .htabproductbxright{ width:62%; float:left; padding-left:10px;}
.rootmenu .categorywithproductmenu .htabproductbxhead{border-bottom: 1px solid #e2e2e2; display: block; font-size: 13px; font-weight: bold; padding: 0 0 3px; width: 100%;}
.rootmenu .categorywithproductmenu .htabproductbxprice{width:100%; display:block; padding:9px 0px 7px 0px; font-weight:bold; }
.rootmenu .categorywithproductmenu .htabproductbxprice > span{ color:#7c7e7f; padding-right:6px; font-weight:normal; font-size:13px;  }
.rootmenu .categorywithproductmenu .htabproductbxprice > em{ font-style:normal; font-weight:bold; font-size:14px;}
.rootmenu .categorywithproductmenu .htabproductbxcartbtn{background-color: #3399cc; border: 0 none; border-radius: 2px; color: #fff; font-size: 12px; font-weight: bold; line-height: 18px;    margin:0px 0 0; padding: 3px 3px 5px;  width: 115px;}
.rootmenu .categorywithproductmenu .htabproductbxcartbtn:hover{background-color: #323232;}
/*END Tab Menu style*/


@media (max-width:768px){
.rootmenu .tabmenu02 .vertical-menu02 > li .verticalopen02{display: none}
.rootmenu .categorywithproductmenu .root-col-4{clear: both}
.categorywithproductmenu .verticalopen .root-col-3 { display: inline-block;border: 1px solid #d1d1d1;}
.rootmenu .categorywithproductmenu .htabproductbxleft{    width: auto;}
.categorywithproductmenu .verticalopen .root-col-3 img { height: 90px;    object-fit: contain;}


/*multi-tabbing-beta*/
.rootmenu .fourcoltab .colultabtwo {position: initial;width: 100%;clear: both;padding-left: 10px;}
.rootmenu .fourcoltab .colultabone > li.main_openactive03 > a, 
.rootmenu .fourcoltab .colultabone .colultabtwo,
.rootmenu .fourcoltab .colultabone .colultabtwo .colultabthree{background: #fff;}
.rootmenu .fourcoltab .colultabtwo .colultabthree{padding-left: 10px}
}

@media (max-width:540px){
.categorywithproductmenu .verticalopen .root-col-3 img{    width: 80px;}
}

/* Multi tabbing menu style*/
@media (max-width:768px){
.rootmenu > .rootmenu-list .dropdown_left .halfmenu .level4-listing{ display: none;}
}

/* Full Menu  */
@media (min-width:769px) and (max-width:1023px){
.rootmenu .megamenu.fullmenu .root-col-4 {width: 50%;}
}

.rootmenu .view-more {position: relative; /*display: flex;*/align-items: center !important;}
.rootmenu .view-more::before { -webkit-font-smoothing: antialiased;font-size: 9px;line-height: inherit;color: inherit; vertical-align: middle;display: inline-block; font-weight: normal;overflow: hidden;text-align: center;margin-right: 5px;content: '';width: 7px;height: 2px;background: #c05e2f;transition: 0.3s all ease-in-out;}
.rootmenu .view-more:hover::before {width: 14px;transition: 0.3s all ease-in-out;margin-right: 10px;}
.rootmenu .rootmenu-list li.view-more::before{display: none}
.position-relative {position: relative;}
.rwimageonly .title {text-align: center !important;}
.rwimageonly .catproductimg {text-align: center;}
.all-category-wrapper .level3-name {padding: 8px 0px;display: inline-block;}



/*social icon section*/
/* .rootmenu > .rootmenu-list > li.rw-social-links {width: 42px !important;height: 45px;background: url("../images/social-icons.png");background-repeat: no-repeat;} */
.rootmenu > .rootmenu-list > li.rw-social-links{
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rootmenu > .rootmenu-list > li.rw-social-links a {
    width: 40px;
    height: 40px;
    background: url("../images/social-icons.png");
    background-repeat: no-repeat;
    padding: 0 !important;
}
.rootmenu > .rootmenu-list > .rw-social-links .rw-twitter {background-position: -126px -44px;}
.rootmenu > .rootmenu-list > .rw-social-links .rw-youtube {background-position: -169px -44px;}
.rootmenu > .rootmenu-list > .rw-social-links .rw-vimeo {background-position: -85px -44px;}
.rootmenu > .rootmenu-list > .rw-social-links .rw-instagram {background-position: -43px -44px;}
.rootmenu > .rootmenu-list > .rw-social-links .rw-pinterest {background-position: -126px 0px;}
.rootmenu > .rootmenu-list > .rw-social-links .rw-skype { background-position: -43px 0px;}
.rootmenu > .rootmenu-list > .rw-social-links .rw-emailid {background-position: -211px -44px;}
.rootmenu > .rootmenu-list > .rw-social-links .rw-phone { background-position: -168px 0px;}
.rootmenu > .rootmenu-list > .rw-social-links .rw-fb {background-position: 0px 0px;}
.rw-social-links a span {font-size: 0;color: transparent;position: absolute;}

@media (max-width:768px){
    .rootmenu > .rootmenu-list > li.rw-social-links{
        background: #179BD7;
        max-width: 235px;
        overflow: scroll;
        width: 100%;
        justify-content: flex-start;
    }
    .rootmenu > .rootmenu-list > li.rw-social-links a{
        min-width: 40px;
        border: none;
    }
    .rootmenu > .rootmenu-list > li.rw-social-links{
        border: none;
    }
} 



/*new changes for tags - css added by designer*/
.rootmenu > .rootmenu-list .halfmenu ul > li > a, .rootmenu > .rootmenu-list .fullmenu ul > li > a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: initial;
}
.rootmenu > .rootmenu-list .linksmenu .cat-arrow::before, .rootmenu > .rootmenu-list .categoriesmenu ul > li .cat-arrow::before{transform: rotate(-45deg) translate(-1px, -4px);}



/**close button icon for responsive menu - side menu**/
.rw-navclose {display: none;}
.nav-open .rw-navclose { right: 14px; width: 20px; height: 30px; opacity: 1; border-radius: 0 10px 10px 0; top: 20px; transition: 0.3s all linear; visibility: visible; z-index: -1; left: auto;display: block; } 
.rw-navclose { left: 100%; } 
.nav-open .rw-navclose::before, .nav-open .rw-navclose::after { content: ''; width: 16px; height: 2px; background: #000; display: inline-block; border-radius: 5px; transform: rotate( 45deg ) translate(2px, 0px); } 
.nav-open .rw-navclose::after { transform: rotate( -45deg ) translate(14px, -12px); } 
.rw-navclose { display: block; transition: 0.3s all linear; opacity: 0; visibility: hidden; } 
@media (min-width:769px){.nav-open .rw-navclose{display: none;}}


/*close button for menu*/
.rw-dropdownclose::before, .rw-dropdownclose::after { content: ''; width: 16px; height: 2px; background: #000; display: inline-block; border-radius: 5px; transform: rotate(45deg) translate(6px, -4px); } 
.rw-dropdownclose::after { transform: rotate(-45deg) translate(17px, -7px); } 
.rw-dropdownclose { right: 0; width: 30px; height: 30px; opacity: 1; border-radius: 0 0 0 7px; top: 0px; transition: 0.3s all linear; visibility: visible; left: auto; position: absolute; display: inline-block; background: #ccc; z-index: 999; } 

/*temp - transition removed
@media (min-width:769px){
    .rootmenu > .rootmenu-list .halfmenu, .rootmenu > .rootmenu-list > li > .megamenu {transition: none;}
}
*/

/* 
@media (min-width:769px){
    .rootmenu > .rootmenu-list .halfmenu, .rootmenu > .rootmenu-list > li > .megamenu, .rootmenu > .rootmenu-list > li .categoriesmenu{height: 0;overflow: hidden;}
    .rootmenu > .rootmenu-list li.hover .halfmenu, .rootmenu > .rootmenu-list > li.hover .megamenu{    height: initial; overflow: visible;}
} */



@media (min-width:769px){
    .rootmenu > .rootmenu-list .halfmenu, .rootmenu > .rootmenu-list > li > .megamenu{
        opacity: 0;
        position: absolute;
        top: 100%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: center top;
        transform-origin: center top;
        transition: opacity .3s ease .35s,-webkit-transform .3s ease .35s;
        transition: opacity .3s ease .35s,transform .3s ease .35s;
        transition: opacity .3s ease .35s,transform .3s ease .35s,-webkit-transform .3s ease .35s;
    }
    .rootmenu > .rootmenu-list li.hover .halfmenu, .rootmenu > .rootmenu-list > li.hover .megamenu{
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

/**************************************************************************** menu slide feature - start *************************************************************/

.multitab-slide { background: #ffffff; display: flex; padding: 0; flex-direction: column; opacity: 0; position: absolute; top: 100%; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top; transform-origin: center top; transition: opacity .3s ease .35s,-webkit-transform .3s ease .35s; transition: opacity .3s ease .35s,transform .3s ease .35s; transition: opacity .3s ease .35s,transform .3s ease .35s,-webkit-transform .3s ease .35s; } 
.rootmenu > .rootmenu-list > li.hover .multitab-slide { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); display: block}
.multitab-slide ul { padding:0 } 
.multitab-slide a { padding: 12px 15px; background: #ffffff; color: #000; transition: background .2s, color .2s; position: relative; z-index: 1; width: 100%; text-align: left; border-bottom: 1px solid #e5e5e5;} 
.multitab-slide a .main-category-icon {margin-top: 0;}
 
@media (min-width: 769px) {
    .menu .link-with-subcat ~ ul { display: none; } 
    .multitab-slide li { display:flex } 
    .multitab-slide > li > .link-with-subcat:focus ~ ul { display: flex; transform-origin: top; animation: dropdown .2s ease-out; } 
    .multitab-slide > li > .link-with-subcat ~ ul:hover { display: flex; } 
    .multitab-slide > li:focus-within > .link-with-subcat ~ ul { display: flex; } 
    .multitab-slide > li > .link-with-subcat:focus,
    .multitab-slide > li:focus-within > .link-with-subcat,
    .multitab-slide > li:hover > a { background: #caefff; color: #ffffff; } 
    .multitab-slide > li > .link-with-subcat:focus:after,
    .multitab-slide > li:focus-within > .link-with-subcat:after,
    .multitab-slide > li { width: 100%; } 
    .multitab-slide > li > .link-with-subcat ~ ul ul { width: 100%; left: 100%; } 
    .multitab-slide li:hover > .link-with-subcat ~ ul { display: block; transform-origin: left; animation: flyout .2s ease-out; } 
    .multitab-slide li:hover > .link-with-subcat,
    .multitab-slide li:hover > a,
    .multitab-slide li:focus-within > a { background: #dceced; color: #000; } 
    .multitab-slide .link-with-subcat ~ ul:hover,
    .multitab-slide .link-with-subcat:hover { display: block; } 
    .multitab-slide .link-with-subcat ~ ul { position: absolute; top: 0; height: 100%; } 
    .mega-menu--flat > * { flex: 1; } 
}

@media all and (max-width: 768px) {
    .tabbing-sidebyside {background: #FFFFFF;text-transform: none;border-top: 3px solid;border-color: #0092d7;position: relative; width: 100%; top: 0px; display: none;}
    .rootmenu > .rootmenu-list > li.hover .tabbing-sidebyside {/*display: block;*/    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);}
    .multitab-slide ul {display: none;}
    .multitab-slide > li > .link-with-subcat ~ ul { /*display: flex; flex-direction: column;*/ background: #ffffff; position: relative; left: 0; top: 0;  width: 100%; transition: left .3s;padding-left: 30px; } 
    .multitab-slide > li > .link-with-subcat ~ ul > li > .link-with-subcat { font-size: 14px; } 
    .multitab-slide > li > .link-with-subcat ~ ul > li > .link-with-subcat ~ ul a { padding-left: 40px; } 
    .multitab-slide > li > .link-with-subcat ~ ul > li > .link-with-subcat ~ ul > li > .link-with-subcat ~ ul a { padding-left: 80px; } 
    .multitab-slide > li > .link-with-subcat ~ ul .link-with-subcat { color: #2a2a2a; } 
    /* .multitab-slide > li > .link-with-subcat ~ ul .link-with-subcat ~ ul { max-height: 0px; transform-origin: top; transform: scaleY(0); transition: max-height .1s; } */
    .mega-menu-content { padding: 20px 25px; } 
    .multitab-slide > li > .link-with-subcat:focus ~ ul { left: 0; } 
    .multitab-slide > li > .link-with-subcat ~ ul:hover,
    .multitab-slide > li > .link-with-subcat ~ ul:focus-within { left: 0; } 
    .multitab-slide > li > .link-with-subcat ~ ul .link-with-subcat:focus ~ ul { max-height: 500px; animation: dropdown .3s forwards; } 
    .multitab-slide > li > .link-with-subcat ~ ul li:focus-within > .link-with-subcat ~ ul { max-height: 500px; transform: scaleY(1); } 
    .multitab-slide a { display: inline-block; } 
}

@media all and (max-width: 768px) and (hover: none) {
    .multitab-slide > li > .link-with-subcat:hover ~ ul { left: 0; } 
    .multitab-slide > li > .link-with-subcat ~ ul:hover { left: 0; } 
    .multitab-slide > li > .link-with-subcat ~ ul .link-with-subcat:hover ~ ul { max-height: 500px; animation: dropdown .3s forwards; } 
    .multitab-slide > li > .link-with-subcat ~ ul .link-with-subcat ~ ul:hover { max-height: 500px; transform: scaleY(1); } 
}

@keyframes dropdown {
    0% { opacity: 0; transform: scaleY(0); } 
    50% { opacity: 1; } 
    100% { transform: scaleY(1); } 
}
@keyframes flyout {
    0% { opacity: 0; transform: scaleX(0); } 
    100% { opacity: 1; transform: scaleX(1); } 
}

/*custom css after adding html in menu files*/
.link-with-subcat:hover + ul { display: flex; flex-direction: column; } 
.menu.multitab-lvl2 { left: 100%; width: 100%; } 
@media (min-width:769px){
    .link-with-subcat::after { color: inherit; content: ''; vertical-align: middle; display: inline-block; overflow: hidden; text-align: center; border: solid #333; border-width: 2px 2px 0px 0; padding: 2px; transform: rotate(45deg) translate(0px, -3px); background: transparent !important; position: absolute; right: 20px; top: 48%; width: 0px !important; height: 0px; } 
    .multitab-slide.multitab-lvl1 { position: absolute; left: 0; top: 45px; width: 25%; } 
    .rootmenu>.rootmenu-list li.hover .multitab-slide { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); visibility: visible; } 
    .multitab-slide { opacity: 0; visibility: hidden; transform: scaleY(0); } 
}

@media (max-width:768px){
    .multitab-slide { position: relative; top: 0; left: 0; padding: 8px; display: none; } 
}

/**************************************************************************** menu slide feature - end *************************************************************/