/*General*/
body {color: #666;font-family: Poppins, Arial;font-weight: 400; font-size:16px;}
input, textarea{font-family: Poppins, Arial;}
select{font-family: Poppins, Arial;}
p{}
strong, b{color: #666;}
a,a:link,a:visited{color: #395b77; font-weight:500;}
a:hover,a:active{color: #2c465b; font-weight:600;}
.button1,a.button1,.button1:link,.button1:visited,a.button1:link,a.button1:visited{color:#395b77; border-radius:5px; background:#fff;font-family: Poppins, Arial;font-weight: 500; border:2px solid #395b77;}
.button1:hover,.button1:active,a.button1:hover,a.button1:active{color:#fff; background:#395b77; border-radius:5px;}
.button2,a.button2,.button2:link,.button2:visited,a.button2:link,a.button2:visited{color:#fff; border-radius:5px; background:#395b77;font-family: Poppins, Arial;font-weight: 500; border:2px solid #395b77;}
.button2:hover,.button2:active,a.button2:hover,a.button2:active{color:#fff; background:#2b455a; border-radius:5px;border:2px solid #2b455a;}
.button3,a.button3,.button3:link,.button3:visited,a.button3:link,a.button3:visited{}
.button3:hover,.button3:active,a.button3:hover,a.button3:active{}
h1{font-size: 36px;font-family: Poppins, Arial;line-height: 40px;font-weight:500;color:#1c1c1c;}
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active{font-size: 30px;font-family: Poppins, Arial;line-height: 34px;font-weight:500;color:#1c1c1c;}
h3{font-size: 24px;font-family: Poppins, Arial;line-height: 28px;font-weight:500;color:#1c1c1c;}
h4{font-size: 22px;font-family: Poppins, Arial;line-height: 26px;font-weight:500;color:#1c1c1c;}
h5{font-size: 20px;font-family: Poppins, Arial;line-height: 24px;font-weight:500;color:#1c1c1c;}
h6{font-size: 18px;font-family: Poppins, Arial;line-height: 22px;font-weight:500;color:#1c1c1c;}
.ulContent{}
.ulContent li{background: url(/data/cms/images/bullet-subpage.png) no-repeat 7px 6px;background-size: 6px;}
.olContent{}
.olContent li{}
.tblContent{}
.tblContent th{background:#395b77;}
.tblContent td{}
.tblContent tr:nth-child(odd){background:#fff;}
.tblContent tr:nth-child(even){background:#f5f5f5;}
.mstTagline{font-family:Poppins, Arial; font-size:60px; color:#000; font-weight:500;}
.mstTagline2{font-family:Poppins, Arial; font-size:24px; color:#000; font-weight:600;}
.mstTaglineSub{}
.mstTaglineSub2{}
#TB_title {background-color:#395b77;}
.event-title h3 {font-size:16px;}
.event-title a:hover {text-decoration: none;}
.spnActive {color:#395b77;}

/*Supersized Masthead*/
.bodyPage1 #supersized{height:750px;} /*Homepage*/
.divMastheadBackgroundContainer{height:750px;}
.bodyPage #supersized{height:370px;} /*Subpage*/
.divMastheadBackgroundContainerSub{height:370px;}
#supersized {top:120px; min-height:unset;}
.bodyPage1 #supersized img {height:auto !important; width:100% !important;}

#divGroupSpeed{content:"slow"; }/*Category slide speed. selection= slow :: medium :: fast*/

/*For mobile view*/
@media only screen and (max-width:700px) {
    body {font-size:14px;}
    input, textarea{}
    select{}
    p{}
    strong, b{}
    a,a:link,a:visited{}
    a:hover,a:active{}
    .button1,a.button1,.button1:link,.button1:visited,a.button1:link,a.button1:visited{}
    .button1:hover,.button1:active,a.button1:hover,a.button1:active{}
    .button2,a.button2,.button2:link,.button2:visited,a.button2:link,a.button2:visited{}
    .button2:hover,.button2:active,a.button2:hover,a.button2:active{}
    .button3,a.button3,.button3:link,.button3:visited,a.button3:link,a.button3:visited{}
    .button3:hover,.button3:active,a.button3:hover,a.button3:active{}
    h1{font-size:32px; line-height:36px;}
    h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active{font-size:26px; line-height:30px;}
    h3{font-size:20px; line-height:24px;}
    h4{font-size:18px; line-height:22px;}
    h5{font-size:16px; line-height:20px;}
    h6{font-size:14px; line-height:18px;}
    .ulContent{}
    .ulContent li{}
    .olContent{}
    .olContent li{}
    .tblContent{}
    .tblContent th{}
    .tblContent td{}
    .tblContent tr:nth-child(odd){}
    .tblContent tr:nth-child(even){}
    .mstTagline{font-size:800%; line-height:1.2;}
    .mstTagline2{font-size:400%; line-height:1.2;}
    .mstTaglineSub{}
    .mstTaglineSub2{}
}
/*End General*/

/*Top Menu*/
/*Desktop View*/
@media only screen and (min-width:960px) {
    #divAdjustTopMenu {content: "0";} /* Auto adjust top menu. OFF:"0"   ON:"1" */    
    .topMenuItem,a.topMenuItem,a.topMenuItem:link,a.topMenuItem:visited{font-size: 16px;color: #395b77;font-family: Poppins, Arial; font-weight:600; border-bottom:3px solid transparent; height:40px; box-sizing:border-box;}/*1st level menu*/
    .topMenuItemSel,a.topMenuItemSel,a.topMenuItemSel:visited,a.topMenuItemSel:link,a.topMenuItemSel:hover,a.topMenuItemSel:active,a.topMenuItem:hover,a.topMenuItem:active{font-size: 16px;color: #395b77;font-family: Poppins, Arial; font-weight:600; border-bottom:3px solid #395b77; border-top: none; text-decoration:none; height:40px; box-sizing:border-box;}/*1st level menu hover effect*/
    .spanTopMenuSplitter{height: 0;width: 0;margin: 0 25px;}
    #nav-two{margin-left: 30px;}/*2nd level menu. Position*/
    #nav-two li{background: #395b77; font-weight:600; font-size:13px;}/*2nd level menu*/
    #nav-two li a, #nav-two li a:link {color:#fff; font-weight:600;}
    #nav-two li:hover,#nav-two li a:hover,#nav-two li.sel,#nav-two li.sel a:link,  #nav-two li.sel a:visited, #nav-two li.sel a:hover, #nav-two li.sel a:active{color:#fff; background:#253a4c; font-weight:600;}/*2nd level menu hover effect*/
    #nav-three li a, #nav-three li a:visited, #nav-three li a:link{}/*3rd level menu*/
    #nav-three li a:hover,#nav-three li a:active,#nav-three li.sel{}/*3rd level menu hover effect*/
    .hypCart{}
    .divLoginItem{}
    .hypLoginItem, a.hypLoginItem, a.hypLoginItem:visited, a.hypLoginItem:link{}
    a.hypLoginItem:hover, a.hypLoginItem:active{}
}
/*End Top Menu*/

/*Side Menu*/
.sidr{}/*background*/
.sidebar-nav-toggle span{background:#395b77;}/*Side menu icon. color*/
.topMenuItemMobile,a.topMenuItemMobile,a.topMenuItemMobile:visited,a.topMenuItemMobile:link{color:#395b77; font-size:14px; font-weight:600;}/*1st level menu*/
.topMenuItemMobileSel,a.topMenuItemMobile:active,a.topMenuItemMobile:hover,a.topMenuItemMobileSel:visited,a.topMenuItemMobileSel:link,a.topMenuItemMobileSel:hover,a.topMenuItemMobileSel:active{color:#fff; font-size:14px; background:#395b77; font-weight:600;}/*1st level menu hover effect*/
.hypTopSubMenu,a.hypTopSubMenu,a.hypTopSubMenu:link,a.hypTopSubMenu:visited{}/*2nd level menu*/
.hypTopSubMenuSel,a.hypTopSubMenuSel,a.hypTopSubMenu:hover,a.hypTopSubMenu:active,a.hypTopSubMenuSel:link,a.hypTopSubMenuSel:visited,a.hypTopSubMenuSel:hover,a.hypTopSubMenuSel:active{}/*2nd level menu hover effect*/
.hypTopSubMenuLv2, a.hypTopSubMenuLv2, a.hypTopSubMenuLv2:link, a.hypTopSubMenuLv2:visited{}/*3rd level menu*/
.hypTopSubMenuLv2Sel,a.hypTopSubMenuLv2Sel,a.hypTopSubMenuLv2:hover,a.hypTopSubMenuLv2:active,a.hypTopSubMenuLv2Sel:link,a.hypTopSubMenuLv2Sel:visited,a.hypTopSubMenuLv2Sel:hover,a.hypTopSubMenuLv2Sel:active{}/*3rd level menu hover effect*/
.divSocialLinkContainer{}/*Social icon menu*/
.hypSwitchDesktop.a.hypSwitchDesktop, a.hypSwitchDesktop:link, a.hypSwitchDesktop:visited{font-size:14px; padding:7px 20px; color:#395b77; font-weight:500;}/*Switch desktop menu*/
a.hypSwitchDesktop:hover, a.hypSwitchDesktop:active{color:#395b77;}/*Switch desktop menu hover effect*/
.divCopyText{ font-size:12px; color:#fff; font-weight:500;}/*Copyright Text. font*/
.divCartContainer{}
.divSideMenu .hypCart,.divSideMenu a.hypCart,.divSideMenu a.hypCart:link,.divSideMenu a.hypCart:visited{}
.divSideMenu a.hypCart:hover,.divSideMenu a.hypCart:active{}
.divLoginContainer{}
.topLogin,a.topLogin,a.topLogin:visited,a.topLogin:link,.topRegister,a.topRegister,a.topRegister:visited,a.topRegister:link{}
a.topLogin:hover,a.topLogin:active,a.topRegister:hover,a.topRegister:active{}
.divSideMenu .divLoginItem{}
.divSideMenu .hypLoginItem,.divSideMenu a.hypLoginItem,.divSideMenu a.hypLoginItem:visited,.divSideMenu a.hypLoginItem:link{}
.divSideMenu a.hypLoginItem:hover,.divSideMenu a.hypLoginItem:active{}
/*End Side Menu*/

/*Bottom Menu*/
.btmMenuItem,a.btmMenuItem,a.btmMenuItem:visited,a.btmMenuItem:link{color:#666; font-size:12px; font-family: Poppins, Arial; font-weight:500;padding:0 25px;}/*Bottom Menu*/
a.btmMenuItem:hover,a.btmMenuItem:active,.btmMenuItemSel,a.btmMenuItemSel,a.btmMenuItemSel:visited,a.btmMenuItemSel:link,a.btmMenuItemSel:hover,a.btmMenuItemSel:active{color:#fff;font-size:12px; font-weight:500; text-decoration:none; padding:0 25px;}/*Bottom Menu hover effect*/
.hypDesktopView, a.hypDesktopView, a.hypDesktopView:visited, a.hypDesktopView:link{}
a.hypDesktopView:active,a.hypDesktopView:hover{}
/*End Bottom Menu*/

/*Breadcrumb*/
.divBreadCrumb {padding:12px 0;}
.hypBreadCrumb, a.hypBreadCrumb, a.hypBreadCrumb:link, a.hypBreadCrumb:visited{color:#666; font-size:16px;}
a.hypBreadCrumb:hover,a.hypBreadCrumb:active,.hypBreadCrumbSelected,a.hypBreadCrumbSelected,a.hypBreadCrumbSelected:visited,a.hypBreadCrumbSelected:link,a.hypBreadCrumbSelected:hover,a.hypBreadCrumbSelected:active{}
.divBreadCrumbMobile{padding:8px 15px 8px; background:#f4f4f4;}/*Mobile View adjustment*/
/*End Breadcrumb*/

/*Product*/
.divIndProdItem {border:none;}/*padding:border:margin:width*/
.divProdItemImg{padding:0;}/*padding*/
.divProdImgInn{}/*image border*/
.hypProdDName, a.hypProdDName:link, a.hypProdDName:visited, a.hypProdDName:hover, a.hypProdDName:active{font-size: 16px;font-family: Poppins, Arial;font-weight:400; color:#666;} /*productName. font*/
.hypProdDCode{}/*productCode. font*/
.divProdItemDetail{}/*padding*/
#divProdListingPerRow{ content:"4";}/*Default 4. Adjust product listing alignment.*/
.btnThumb {height:20px; top:25px; left:0px;} /*Recommended Icon. set position.*/
.btnNew {height:20px; top:0px; left:0px;} /*New Icon. set position.*/
.btnThumb img, .btnNew img {height:20px;}
.divFacebookLike2 {margin-top:10px;}
.divProdAddToCart {display:none;}

.divIndProdItemNewRec{}/*New & Recommend Product. width:margin*/
#divNewRecProdListingPerRow{ content:"5";}/*Default 5. Adjust new & recommended product listing alignment.*/

.divIndProdItemRel{}/*Individual Product Page Recommend Product. Width*/

.divIndRecommendItem{}/*Homepage recommended product. Width*/
#divRecProdListingPerRow{content:"4";}/*Default 4. Adjust Homepage Recommended product listing alignment.*/

.divProductPrice{font-size: 16px;font-family: Poppins, Arial;font-weight:400; color:#666;}/*price font*/
.divPriceStrike{}/*original price with strike off*/
.divIndProdPrice{} /*Individual product page. Price font*/

.divGroupHeader{border-bottom: 1px solid #ddd;background: none;padding: 10px 20px;color: #1c1c1c; font-size: 24x; font-family:Poppins, Arial; line-height: 28px; font-weight:500;}/*background:font*/
.divGroupDNameSub{padding: 5px 0px; margin:0 20px; border-bottom:1px dotted #ddd;}/*Category Lvl1.border*/
.hypGrpNameCat{}/*font*/
.divGroupDNameSubLv2Title{}/*Category Lvl2.border*/
.hypGrpNameCatLv2{}/*font*/

.pricerange-filter .button{} /*price range filter button design. background:font*/
.pricerange-filter .ui-widget-header{} /*price range scroll*/

/*For mobile view*/
@media only screen and (max-width:700px) {
    .divIndProdItem{}/*padding:border:margin:width*/
    .divProdItemImg{}/*padding*/
    .divProdImgInn{padding:unset;}/*image border*/
    .hypProdDName, a.hypProdDName:link, a.hypProdDName:visited, a.hypProdDName:hover, a.hypProdDName:active{font-size:14px;} /*productName. font*/
    .hypProdDCode{}/*productCode. font*/
    .divProdItemDetail{padding-top:10px;}/*padding*/
    .btnThumb {} /*Recommended Icon. set position.*/
    .btnNew {} /*New Icon. set position.*/

    .divProductPrice{font-size:14px;}/*price font*/
    .divPriceStrike{}/*original price with strike off*/
    .divIndProdPrice{} /*Individual product page. Price font*/
}
/*End Product*/

.divTopBigRightTop {display:none;}
.imgLogo {height:65px !important; width:auto !important;}
.hypQuickContact span, .hypQuickEmail span {display:none;}
#materialIconsQuickTel:after, #materialIconsQuickEmail:after {content:"";}
.hypQuickContact {background: url(/data/cms/images/btn-top-panel-phone-30Wx30H.png) no-repeat center top;}
.hypQuickEmail {background: url(/data/cms/images/btn-top-panel-email-30Wx30H.png) no-repeat center top;}
.hypQuickContact, .hypQuickEmail,.hypQuickContact:hover, .hypQuickEmail:hover{ width:30px; height:30px; padding-right: 5px;display:inline-flex;align-items: unset;background-size:30px;}
.hypQuickContact:hover, .hypQuickEmail:hover {background-position:center bottom; text-decoration:none;}
.divSocialMedia {position:relative !important; right:unset !important;}
.spanQuickContactNo img { width: 30px; padding: 0px 5px 0 0;}
.divFacebookPage {padding-right:0px;}
.divFbIcon {width:30px; height:30px; background-size:30px;}
.divFacebookCont {width:80px; margin-top:6px;}
.divBottomMenu a:first-child {padding-left:0;}
ul#slide-list li{background:url('/data/cms/images/pagination-home-masthead.png?v=1.0') no-repeat center top; background-size:8px;}
ul#slide-list li:hover{background:url('/data/cms/images/pagination-home-masthead.png?v=1.0') no-repeat center bottom 12.5px;background-size:8px;}
ul#slide-list li.current-slide a,ul#slide-list li.current-slide a:hover{background:url('/data/cms/images/pagination-home-masthead.png?v=1.0')no-repeat center bottom 12.5px;background-size:8px;}
.divSSPaging {bottom:35px;}
ul#slide-list li, ul#slide-list li a {width:20px; height:20px; padding:0;}
ul#slide-list {float:unset;}
.hypEmail, a.hypEmail:link, a.hypEmail:visited {color: #395b77;}
a.hypEmail:hover, a.hypEmail:active{color:#2c465b;}
.divEnquiryForm {border-left: 1px solid #ddd; padding-left: 50px;}
.enquiry-form .field-label {width: 150px;}
.recaptcha .errmsgEnquiry {padding-left:150px;}
.divGroupOuter {border: 1px solid #ddd;}
.divProdItemDName {height:auto;}
.hypAsk i, .divSocialShareBtnIcon i, .spanArticleSplitter {color: #395b77;}
.hypGrpNameCat , a.hypGrpNameCat:link, a.hypGrpNameCat:visited{color:#666;}
a.hypGrpNameCat:hover, a.hypGrpNameCat:active, .hypGrpNameCatSel, a.hypGrpNameCatSel:link, a.hypGrpNameCatSel:visited, a.hypGrpNameCatSel:hover, a.hypGrpNameCatSel:active {color:#395b77; }
.PaginationBtm, .btnPagination, .btnPaginationSel, a.btnPagination:link, a.btnPagination:visited {color: #666;}
a.btnPagination:hover, a.btnPagination:active, .btnPaginationSel, a.btnPaginationSel:link, a.btnPaginationSel:visited, a.btnPaginationSel:hover, a.btnPaginationSel:active {color:#395b77;}
.divProdIcons img, .divProdIcons div {height:20px !important;}
.hypShare, .hypAsk, .hypAsk:visited, .hypAsk:link, .hypAsk:hover, .hypAsk:active {border:unset !important; font-weight:400 !important; background:transparent !important; font-size:12px !important; color:#191919 !important;}
.divSocialShareBtnIcon {font-size:14px;}
.divWhatsappEmail > div {flex: 1;}
.divIndProdItemNewRec:hover .divProdImgInn, .divIndProdItem:hover .divProdImgInn {outline:none;}
.divRelProdImgInner img.potrait {height:100%; width:auto;}
a.hypWhatsapp, a.hypWhatsapp:hover, a.hypWhatsapp:active {color:#191919; font-weight:400;}
#main {background:none !important;}

/*Others*/
/*Apply in desktop view only*/
@media only screen and (min-width:960px){
.divMiddleCtnRight{width: 100%;max-width: 100%!important;}
}
/*Apply in mobile view only*/
@media only screen and (max-width:700px){
.imgLogo {height:35px !important; width:auto !important;}
.divSearchBtn.divSearch { display: flex;align-items: center; justify-content: flex-end;}
#materialIconsSearch:after {color: #395b77;padding: 0 15px 0 0;}
#materialIconsQuickTel:after {content:"call"; ;color:#395b77; padding: 0 0 0 10px; font-family: 'Material Icons';}
.divMenuFloatMobile {position: fixed;width: 100%;z-index: 100;top: 0px;left: 0px;}
.hypQuickContact, .hypQuickContact:hover {background: none;width: auto;height: auto;}
.divNavigator {display: block !important; bottom:20px;}
.divNavigator .divPrototype{width: 8px; height: 8px;}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av{background: url('/data/cms/images/pagination-home-masthead.png?v=1.0') no-repeat;}
.jssorb21 div { background-position: 0px 0px; background-size:8px;}
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: 0px -24.7px; background-size:8px;}
.jssorb21 .av { background-position: 0px -24.7px; background-size:8px;}
.divSideMenu {top:50px !important;}
.ulTopMenu, .ulSubMenu {font-family: Poppins, Arial;font-weight: 500;}
.pnlShowMenuIcon i, .pnlShowSubMenuIcon i{color:#395b77;font-size: 20px;}
.topMenuItemMobileSel + .pnlShowMenuIcon i, .topMenuItemMobileSel + .pnlShowSubMenuIcon i, .menuLevelSel + .pnlShowMenuIcon i,  .menuLevelSel + .pnlShowSubMenuIcon i{color: #fff;}
.ulSubMenu li a.hypTopSubMenu {background:#253a4c; color:#4d7ca4; font-size:14px; font-weight:600; font-family: Poppins, Arial;}
.hypTopSubMenuSel, a.hypTopSubMenuSel, a.hypTopSubMenu:hover, a.hypTopSubMenu:active, a.hypTopSubMenuSel:link, a.hypTopSubMenuSel:visited, a.hypTopSubMenuSel:hover, a.hypTopSubMenuSel:active {color:#fff!important;}
a.menuLevel:hover, a.menuLevel:active, .menuLevelSel {background:#395b77;color:#fff!important;}
.divSocialLinkContainer{padding:10px 20px 2px;}/*Social icon menu*/
.divSideMenu .divCopyText {color:#395b77; font-weight:600;}
.divCopyrightContainer {padding:10px 20px;}
.hypBreadCrumb, a.hypBreadCrumb, a.hypBreadCrumb:link, a.hypBreadCrumb:visited {font-size:14px;}
.divEnquiry {padding: 0 15px 40px;}
a.event-pagination.selected, .hypAsk i, .divSocialShareBtnIcon i, .lnkbtnProdArticle, a.lnkbtnProdArticle:link, a.lnkbtnProdArticle:visited, .spanArticleSplitter {color: #395b77;}
a.lnkbtnProdArticle:hover, a.lnkbtnProdArticle:active {color:#2c465b;}
.divEventList, .divIndEvent, .divProductGroup, .divIndProduct {padding: 0 15px;}
.divEventImgInner img {height:auto; width:100%;}
.divEventImgInner img.potrait {position:absolute; min-width:unset; width:auto;height:100%; top:50%; left:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
a.event-arrow:hover,  a.event-arrow:active{text-decoration:none;}
.divProductGroup, .divIndProduct {padding: 0 15px;}
.divGroupOuter, .divProductGroup, .divCartContent {padding-bottom:40px;}
.divGroupOuter {border:none;}
.divGroupDNameSub {padding:0; margin:0; border-bottom:none;}
.hypGrpNameCat, a.hypGrpNameCat:link, a.hypGrpNameCat:visited, a.hypGrpNameCat:hover, a.hypGrpNameCat:active {color: #666; padding:12px 5px;display:block; margin:0px 15px; border-bottom: 1px solid #395b77;}
 a.hypGrpNameCat:hover, a.hypGrpNameCat:active {color: #395b77;}
.divProdItemImgInner img {width:100% !important; height:auto !important; top: 50% !important; left: 50% !important;}
.divProdItemImgInner img.potrait, .divIndProdImgInner img.potrait {height:100% !important; width !important; top: 50% !important; left: 50% !important;}
.divListHeader {padding:0 15px;}
.divNewProd img, .divRecProd img, .divNewProd, .divRecProd {height:20px;}
.hypAsk {font-weight:400 !important; border:none !important; font-size:12px !important;}
.hypRelProdDName, a.hypRelProdDName:link, a.hypRelProdDName:visited, a.hypRelProdDName:hover, a.hypRelProdDName:active {font-size: 14px;font-family: Poppins, Arial;font-weight:400; color:#666;}
}