header.dark blockquote {color: #fff;}
header.light blockquote {color: #000;}
header.light {background-color: #fff;}
nav {position: relative;}

.navmenu{width: calc(100% - 340px);display: inline-flex;vertical-align: top;flex-direction: column;align-items: flex-end;padding-top: 0px;float: right;}

.innerMenu{display: flex;align-items: center;justify-content: flex-end;gap: 35px;}
.top-nav{margin: 7px 198px 0 0;padding: 0;list-style: none;display: flex;gap: 20px;}
.top-nav li{position: relative;font-size: 16px;position: relative;display: flex;align-items: center;justify-content: center;}
.top-nav li a{padding-left:30px; color: #4B4748;}
.top-nav li a i{position: absolute;left: 0;top: -3px;width: 30px;height: 30px;}
.top-nav li a i:before{font-size: 30px;position: absolute;color: #737373;left: 50%; top  : 50%; transform:translate(-50%, -50%)}
.top-nav li a:hover,
.top-nav li a:hover i::before{color: #010C97;}

.top-nav li .search-input{position: relative;padding: 0;}
.top-nav li .search-input input{border: 0; border-bottom: solid 1px #AFAFAF; width: 120px;font-size: 16px;font-family: 'Noto Sans', sans-serif;}
.top-nav li .search-input input:focus{outline: none;}
.top-nav li .search-input .fc-search{background: url('/resources/images/icons/fc-search.svg') no-repeat; width: 16px; height: 16px;top: 6px; right: 0px; left:inherit}
.top-nav li .search-input:hover  .fc-search{filter: invert(14%) sepia(100%) saturate(4167%) hue-rotate(238deg) brightness(59%) contrast(124%);}
/* .top-nav .search-input{opacity: 1; width: 170px;top: 0;position: absolute;right: 0;z-index:0;} */

/* .top-nav .search-input.view{} */


.enquireBtn{display: block;width: 157px;}
.enquireBtn a{font-size: 14px;display: flex;align-items: center;justify-content: center;gap: 10px;padding: .6rem .75rem;}
/* .enquireBtn a i{position: absolute; top:5px; left: 0;} */


ul.main-nav {list-style-type: none;padding: 0;font-size: 0;margin: 0px 0 0 0;width: auto;transition: all 0.5s ease;display: flex;gap:48px; vertical-align: top;}
header.fixedHeader {box-shadow: 0px 0px 15px 2px #0000001a;background-color: #232a35;}
/* header.fixedHeader ul.main-nav {margin-left: 60px;} */
ul.main-nav > li {position: relative;transition: all 0.5s ease;}
ul.main-nav > li > a {display: block;color: #fff;font-size: 16px;font-weight: 400;box-sizing: border-box;text-align: center;padding: 30px 0px 15px;}
ul.main-nav > li > a:after{transition:all 0.5s ease;}
ul.main-nav > li.active > a:after, 
ul.main-nav > li:hover > a:after {content:'';position: absolute;bottom: -1px;left:0;width: 100%;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border-color: #e7e7e7 transparent transparent transparent;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    display: block;
    height: 0;
    left: 50%;
    margin-left: -7px;
    top: 0;
    width: 0;}
ul.main-nav > li:hover > a,
ul.main-nav > li.active > a{color: #f5f5f5;}

ul.main-nav > li .products ul.sub-menu-lists > li > ul > li {padding-left: 0;}
.sub-menu-head {font-size: 20px;font-weight: 600;font-family: 'Montserrat';margin-top: 30px;}
.ic {position: fixed;cursor: pointer;display: inline-block;right: 10px;width: 32px;height: 24px;text-align: center;top: 0;outline: 0;}
.ic.close {opacity: 0;font-size: 0;font-weight: 300;color: #b55d28;top: 8px;height: 40px;display: none;outline: 0;z-index: 9;}
.ic.menu {top: 25px;z-index: 20;}
header.fixedHeader.dark .ic.menu {
    /* top: 36px; */
}
header.fixedHeader.dark .ic.menu.open {/* top: 36px; */}
.ic.menu .line {height: 4px;width: 100%;display: block;margin-bottom: 6px;}
.ic.menu .line-last-child {margin-bottom: 0;}
.row-zero > .subnav-inside {background: #F7F7F7;padding: 20px !important;color: #231F20;max-width: 280px;margin-left: auto;}
.subnav-inside h4 {color: #492311;font-size: 20px;font-weight: 600;font-family: 'Montserrat';line-height: 25px;position: relative;display: inline-block;padding-right: 15px;}
.subnav-inside h4:after{content: '';position: absolute;right: 0;top: -3px;display: block;width: 5px;height: 30px;background: #B55D28;transform: skewX(-15deg);}
.subnav-inside  p {margin-bottom: 20px;}
ul.main-nav > li > .sub-menu-block .left-menu {padding: 20px;margin: 0;list-style: none;display: flex;gap: 51px;flex-wrap: wrap;justify-content: flex-start;}
.left-menu ul{/* margin: 0; */padding: 0;list-style: none;}
																	   
.left-menu ul > li > a{color: #492311;display: flex;flex-direction: row;width: 100%;font-size: 15px;justify-content: space-between;align-items: center;min-height: 32px;gap: 40px;}
.codeNum{font-size:13px; color:#231f2099;}
.left-menu ul > li > a.active,
.left-menu ul > li > a:hover{color: #B55D28;}
.left-menu > li > ul {border-bottom:solid 1px #C7C7C7;padding-bottom: 8px;}


ul.main-nav > li > .sub-menu-block .left-menu > li {min-width:160px;}
ul.main-nav > li > .sub-menu-block .left-menu h3{font-size:16px;font-weight: 700;margin-bottom: 8px;padding-bottom: 12px;border-bottom: solid 1px #C7C7C7;}
ul.main-nav > li > .sub-menu-block .left-menu h3 a{color:#492311; display: block;}
ul.main-nav > li > .sub-menu-block .left-menu h3 a.active,
ul.main-nav > li > .sub-menu-block .left-menu h3 a:hover{color: #B55D28;}
ul.main-nav > li > .sub-menu-block .left-menu h3 small{font-size: 14px; display: block; font-weight: 400;}
ul.main-nav > li > .sub-menu-block .left-menu > .row > div {padding: 1rem 1rem 0 1.7rem;}

ul.main-nav > li > .sub-menu-block {visibility: hidden;background-color: #F7F7F7;position: absolute;margin: 15px auto;width: calc(100% - 25px);
max-width: max-content;min-width: 190px;height: max-content;color: #2E2E2E;left: 0;box-sizing: border-box;z-index: 1;font-size: 14px;opacity: 0;
-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);-ms-transform: rotateX(90deg);transform: rotateX(90deg);-webkit-transform-origin: top center;
-ms-transform-origin: top center;transform-origin: top center;padding: 0;border: 0;-webkit-box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 7%);-moz-box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 7%);box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 7%);list-style: none;display: flex;flex-direction: column;justify-content: flex-start;}
ul.main-nav > li:hover > .sub-menu-block {visibility: visible;opacity: 1;-webkit-transform: rotateX(0);-moz-transform: rotateX(0);-ms-transform: rotateX(0);transform: rotateX(0);}
ul.main-nav > li > .sub-menu-block > * {-webkit-transition-property: opacity;-moz-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;opacity: 0;z-index: 1;}
ul.main-nav > li:hover > .sub-menu-block > * { opacity: 1; }
ul.main-nav > li > .sub-menu-block > li > a{display:flex;padding: 10px 20px;justify-content:flex-start;align-items:center;color: #2E2E2E;}
ul.main-nav > li > .sub-menu-block > li > ul:before{content:'';/* font-family:'FontAwesome'; */left: -1px;top: 12px;position:absolute;/* font-size:20px; */opacity:0;/* color: #fff; */transition:ease 0.5s all;border-top: 7px solid transparent;border-right: 7px solid transparent;border-left: 7px solid #0e78c6;border-bottom: 7px solid transparent;z-index: 1;}
ul.main-nav > li > .sub-menu-block > li > a > i{margin-right: 10px;min-width: 40px;background-position: center;background-repeat: no-repeat;transition:ease 0.5s all;}
ul.main-nav > li > .sub-menu-block > li + li > a {border-top:solid 1px #cdcdcd80;}


ul.main-nav > li > .sub-menu-block li .sub-menu-inner{display: none;}
ul.main-nav > li > .sub-menu-block li:hover .sub-menu-inner, ul.main-nav > li > .sub-menu-block li.active .sub-menu-inner{display: flex;flex-direction: column;flex-wrap: wrap;justify-content: flex-start;position: absolute;left: 242px;top: 0;background: #fff;height: auto;min-width: max-content;padding: 3px 0 3px 15px;margin: 0;animation: fadeIn;animation-duration: 0.5s;-webkit-box-shadow: 4px 5px 5px 0px rgb(0 0 0 / 7%);-moz-box-shadow: 4px 5px 5px 0px rgb(0 0 0 / 7%);box-shadow: 4px 5px 5px 0px rgb(0 0 0 / 7%);border: solid 1px #0E78C6;z-index: 0;}
ul.main-nav > li > .sub-menu-block li.active .sub-menu-inner > li,
ul.main-nav > li > .sub-menu-block li:hover .sub-menu-inner > li{display: flex;position: relative;}
ul.main-nav > li > .sub-menu-block li.active .sub-menu-inner > li > a,
ul.main-nav > li > .sub-menu-block li:hover .sub-menu-inner > li > a{display:flex;padding: 7px 10px;justify-content:flex-start;align-items:center;color: #4B4748;width: 100%;font-size: 14px;font-weight: 200;}
ul.main-nav > li > .sub-menu-block li.active .sub-menu-inner > li > a:before,
ul.main-nav > li > .sub-menu-block li:hover .sub-menu-inner > li > a:before{content:'';background: hsl(345 3% 29% / .45);width:5px;height:5px;border-radius:100%;position:absolute;left:-2px;}
ul.main-nav > li > .sub-menu-block li.active > .sub-menu-inner > li.active > a,
ul.main-nav > li > .sub-menu-block li:hover > .sub-menu-inner > li:hover > a{color: #0E78C6;}
ul.main-nav > li > .sub-menu-block li.active > .sub-menu-inner > li.active > a:before,
ul.main-nav > li > .sub-menu-block li:hover > .sub-menu-inner > li:hover > a:before{background: #0E78C6;}


@media only screen and (max-width: 990px) {
    .ic.menu {display: block;}
    .main-nav.menu-open{width: 100%;gap: 0;margin: 0;}
    ul.menu-open .subnav-arrow {position: absolute;width: 40px;height: 40px;right: 0;top: 0;display: flex;justify-content: center;align-content: center;z-index: 9;}
    ul.menu-open .subnav-arrow:before {content: '';position: absolute;right: 15px;top: 23px;border-top: 7px solid transparent;border-left: 7px solid #f7f7f7;border-bottom: 7px solid transparent;}
    ul.menu-open .subnav-arrow.open:before {content: '';border-top: 7px solid #f7f7f7;border-left: 7px solid transparent;border-right: 7px solid transparent;top: 28px;}
    ul.menu-open .sub-menu-list.active > .subnav-arrow:before{border-left:7px solid #fff}
    ul.menu-open .sub-menu-list.active .subnav-arrow.open:before{border-top:7px solid #fff;border-left: 7px solid transparent;}
    ul.menu-open ul.sub-menu-block li .subnav-arrow:before {content: '';position: absolute;right: 17px;top: 13px;border-top: 7px solid transparent;border-left: 7px solid #2f2f2f;border-bottom: 7px solid transparent;}
    ul.menu-open ul.sub-menu-block li.active .subnav-arrow:before {content: '';border-top: 7px solid #010c97;border-left: 7px solid transparent;border-right: 7px solid transparent;top: 20px;}
    
    
    ul.main-nav > li:hover > a:before {display: none;}
    header.dark .ic.menu .line {background-color: #cd9f58;transition: all 0.5s ease;}
    header.light .ic.menu .line {background-color: #000;}
    .ic.menu:hover {opacity: 1;}
    .menu-open ~ .ic.close {opacity: 1;z-index: 21;}
    .ic.menu.open .line:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);margin-top: 10px;transition: all 0.5s ease;}
    .ic.menu.open .line:nth-child(2) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);margin-top: -10px;transition: all 0.5s ease;}
    .ic.menu.open .line:nth-child(3) {transform: translateY(0);opacity: 0;}
    .ic.close:focus {opacity: 0;}
    nav {background-color: transparent;}
    ul.main-nav {z-index: 2;margin: 92px 0 0 0;padding: 0;position: fixed;right: 0;top: 0;width: 0;background-color:#232a35;height: 100%;overflow: auto;-webkit-transition-property: width;-moz-transition-property: width;-o-transition-property: width;transition-property: width;-webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;transition-duration: 0.6s;flex-direction: column;gap: 0;border-top: solid 1px #4a23111a;}
    .menu-open {width: 100%;background-color: #FFF;}
    .subnav-inside {display: none;}
    ul.main-nav > li.search{position: absolute;top: 0;}
    ul.main-nav > li.search a{left:0;top: 0px;right: inherit;}
    .menu-open > li > .sub-menu-block .left-menu {padding: 0;}
    .menu-open > li > .sub-menu-block .left-menu > .row > div {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding: 0.5rem 2rem;}
    ul.main-nav > li > a:after {display: none;}
    ul.main-nav > li:first-child {border-radius: 0;}
    ul.main-nav > li {display: block;border-bottom: solid 1px #4a23111a;position: relative;text-align: left;}
    ul.main-nav > li > a {/* font-weight: 500; */display: inline-block;margin: 0 auto;text-align: left;padding-left: 30px;}
    ul.main-nav > li > a > i{width: 50px;left: 40px;transform: translate(-50%, -50%);}
    ul.main-nav > li > a .fc-offers{left:23px}
    ul.main-nav > li > a .fc-howitworks{left:23px}
    ul.main-nav > li.sub-menu-list{margin-right:0;}
    ul.main-nav > li.sub-menu-list > a{display:block;}
    ul.main-nav > li ul.sub-menu-lists > li a {color: #eee;font-size: 14px;}
    ul.main-nav > li.sub-menu-list.active > a{background: transparent;color: #ffffff;}
    .sub-menu-head {font-size: 16px;}
    ul.main-nav > li:hover {background-color: transparent;}
    ul.main-nav.menu-open > li > .sub-menu-block {position: relative;visibility: visible;opacity: 1;-webkit-transform: rotateX(0);-moz-transform: rotateX(0);-ms-transform: rotateX(0);transform: rotateX(0);margin: 0 0 15px 0;height: auto;max-width: 100%;width: 100%;display: none;}
    ul.main-nav.menu-open > li > .sub-menu-block li{position: relative;opacity: 1;}
    .sub-menu-block {padding: 0 30px 30px 30px;}
    .banners-area {padding-bottom: 0;}
    .banners-area div {margin-bottom: 15px;}
    .banners-area {border-top: 1px solid #444;}
    .navbar-brand{z-index: 1;}
    
    ul.main-nav > li > .sub-menu-block > li:hover > a:before{display: none;}
    ul.main-nav > li > .sub-menu-block li:hover .sub-menu-inner{display:none;}
    ul.main-nav.menu-open > li > .sub-menu-block.active{display: flex;width:auto;margin-left: 30px;margin-right: 30px;}
    ul.main-nav > li > .sub-menu-block li.active .sub-menu-inner{display: flex;flex-direction: column;position: relative;left: 0;min-width: auto;width: 100%;height: 306px;}
    ul.main-nav > li > .sub-menu-block > li.active > a{background:rgba(0,0,0,.06); /* color:#C01E45; */}
    

    .main-nav.menu-open {margin-top:0px !important;padding-top: 30px;}
    }
    @media only screen and (min-width: 991px) {
    .ic.menu {display: none;}
    ul.main-nav > li > .sub-menu-block > li:hover > a,
    ul.main-nav > li > .sub-menu-block > li.active > a{background: rgba(0,0,0,.06);
        color: #2e2e2e;}
    /* ul.main-nav > li > .sub-menu-block > li.active > ul:before, */
    ul.main-nav > li > .sub-menu-block > li:hover > ul:before{opacity:1;}
    ul.main-nav > li > .sub-menu-block > li:hover i,
    ul.main-nav > li > .sub-menu-block > li.active i{filter: invert(100%) sepia(5%) saturate(133%) hue-rotate(21deg) brightness(121%) contrast(100%);}
    }
    
    @media only screen and (max-width: 599px) {
        ul.main-nav > li > a {padding: 15px 0 15px 25px;}
        ul.main-nav > li:hover > a:after {display: none;}
        header.fixedHeader .navmenu ul.main-nav > li > a {
            padding: 15px 0 15px 25px !important;}
    }
    @media only screen and (max-width: 576px) {
        ul.main-nav > li > .sub-menu-block li.active .sub-menu-inner{height: 100%;}
    }