@import 'menu-m.css';@import 'html5reset-m.css';@import 'header-m.css';@import 'forms-m.css';@import 'sitemap.css';@import 'innerpage-m.css';html body{width:100%;max-width:1920px;margin:auto}a{text-decoration:none;color:#666}li{list-style:none}::-moz-selection{background:#e2ba25;color:#fff;text-shadow:none}::selection{background:#e2ba25;color:#fff;text-shadow:none}html{background-color:#d8d8d8}.wrapper{width:990px;margin:0 auto;background:#fff;height:1900px}.top-wrapper{height:85px;margin:0 auto;position:relative;z-index:5}.top-wrapper .tw-top{width:100%;padding:8px 0 0;margin:0 auto}.top-wrapper .selector{background:#000!important}.top-wrapper div.selector span{color:#f3c828}.top-wrapper div.selector select{width:100%;padding:5px;color:#fff;font-family:helvetica,serif!important;border:0}.main-wrapper{margin:0 auto}.topnav{height:180px;border:1px red solid;font-family:ropa sans,sans-serif}.topnav option{background:#000;color:#fff;border:0;padding:2px}.logo{float:left;width:90px;margin:8px 0 0 66px}.submenu{font-family:ropa sans,sans-serif;color:#111010;font-size:10px;width:155px;float:right;margin:5px -100% 0 0;font-weight:700}.submenu li{display:inline;padding:0 2px 0 0}.submenu li a{color:#000}.sm{width:118px;height:16px;margin:10px 0 0;padding:1px 5px 1px 6px;background:#000}.sm li{display:inline;padding:0 4px 0 0}.language{width:70px;height:16px;margin:5px 0 0;padding:1px 5px 1px 6px;float:right;border:0}.region{width:55px;margin:5px 0 0;padding:0 5px 1px 6px;float:right;border:0}h1{font-family:ropa sans,sans-serif}h2{font-family:ropa sans,sans-serif}h3{font-family:helvetica,serif;font-size:13.3px;line-height:18px}h4{color:#a75a00;font-size:16px;font-weight:700;font-family:helvetica,serif;line-height:23px}.mainmenu{background:url(../images/main-menu-bg-ms.png)no-repeat 50% 0;height:125px;background-size:100% 100%}header{margin:0 auto;position:relative;z-index:1;height:calc(100% - 160px)}.spacer{clear:both;height:1px}.midwrapper{height:373px;background:url(../images/midwrapper-bg.png)top no-repeat;position:relative;z-index:2;margin:-190px 0 0}.midwrapper .selector{background:#f3c828!important;padding:5px;-moz-border-radius:5px;border-radius:5px;color:#fff!important}.midwrapper .list_carousel{margin:0 auto;width:960px}.midwrapper .list_carousel ul{margin:0;padding:0;list-style:none;display:block}.midwrapper .list_carousel li{width:213px;padding:0 13px;margin:0!important;display:block;float:left;height:327px}.midwrapper .list_carousel.responsive{width:auto;margin-left:0}.midwrapper .clearfix{float:none;clear:both}.midwrapper .prev{float:left;margin:-180px 0 0 -10px;background:url(../images/prev.png)no-repeat top;width:10px;height:30px}.midwrapper .next{float:right;margin:-180px -13px 0 0;background:url(../images/next.png)no-repeat top;width:10px;height:30px}.midwrapper .pager{float:left;width:300px;text-align:center}.midwrapper .pager a{margin:0 5px;text-decoration:none}.midwrapper .pager a.selected{text-decoration:underline}.midwrapper .timer{background-color:#999;height:6px;width:0}.midwrapper .caroufredsel_wrapper{width:960px!important;margin:0 auto!important}.midwrapper #foo3{line-height:15px}.midwrapper #foo3 h1{font-family:ropa sans,sans-serif;padding:35px 0 10px;font-size:18px;text-transform:uppercase;font-weight:400}.midwrapper #foo3 .t1{color:#be673c!important}.midwrapper #foo3 .t2{color:#9567a8}.midwrapper #foo3 .t3{color:#6fcaf2}.midwrapper #foo3 .t4{color:#8fa867}.midwrapper #foo3 p{color:#888;font-family:open sans,sans-serif;font-size:11px;padding:25px 0;font-weight:300}.midwrapper #foo3 div.selector{display:block;font-family:helvetica,serif!important}.midwrapper #foo3 div.selector span{color:#fff}.midwrapper #foo3 div.selector select{width:100%;padding:5px;color:#fff;font-family:helvetica,serif!important;border:0}.bottomwrapper{height:300px;margin:0 auto}.bottomwrapper .bw-box{width:300px;float:left;padding:15px}.bottomwrapper .bw-box h1{color:#f5c828;font-size:18px;font-family:open sans,sans-serif;padding:0 0 5px}.bottomwrapper .bw-box h2{color:#979696;font-size:14px;font-family:open sans,sans-serif;font-weight:400}.bottomwrapper .bw-box p{color:#666;font-size:11px;font-family:helvetica,serif;padding:20px 0 10px;line-height:16px}.bottomwrapper .bw-box p a{color:#231f20}.nobg{background:0 0!important}.toleft{float:left}.toright{float:right}.bottomwrapper .bw-box li{list-style:none!important}.bottomwrapper .bw-box li a{color:#999;text-decoration:underline}.bottomwrapper .bw-box .co-pro{height:57px;background:#fff url(../images/view-corporate-profile.png)0 no-repeat;padding:0 0 0 70px;background-position:5%;line-height:56px;-moz-border-radius:5px;border-radius:5px;width:215px}.bottomwrapper .bw-box .gr-his{height:57px;background:url(../images/view-group-history.png)0 no-repeat;padding:0 0 0 70px;background-position:5%;line-height:56px;-moz-border-radius:5px;border-radius:5px;width:215px}.bottomwrapper .bw-box .ldsh{height:57px;background:#fff url(../images/view-leadership.png)0 no-repeat;padding:0 0 0 70px;background-position:5%;line-height:56px;-moz-border-radius:5px;border-radius:5px;width:215px}.bottomwrapper .bw-box .news{height:185px;padding:12px 0 0}.bottomwrapper .bw-box .news h1{font-weight:300;color:#444;font-size:11px;font-family:helvetica,serif;line-height:14px;float:left;width:235px;padding:0!important}.bottomwrapper .bw-box .news p{font-size:9px;color:#888;margin:0;float:left;width:235px;padding:5px 0 0!important;line-height:12px}.bottomwrapper .bw-box .news li{border-bottom:1px dotted #bdbdbd;padding:0 0 15px;margin:10px 0 3px;float:left;display:block}.bottomwrapper .bw-box .news .date{background:url(../images/news.png)no-repeat;width:55px;height:47px;float:left;margin:0 10px 10px 0;color:#666;font-size:9px;line-height:14px;text-align:center;padding:8px 0 0}.bottomwrapper .bw-box .news .date em{color:#fff;font-size:24px;display:block;font-style:normal}.bottomwrapper .bw-box nav li{display:inline;color:#666;padding:0 3px 0 0;font-family:helvetica,serif;font-size:10px}.bottomwrapper .bw-box nav li a{color:#666}.bottomwrapper .bw-box .hm-banner-a{margin:0 0 35px;float:right}.bottomwrapper .bw-box .hm-banner-b{margin:0 0 0;float:right}.brands-wrapper{height:142px;background:url(../images/brands-bg.png)repeat-x top;margin:35px 0 0}.brands-wrapper .list_carousel{margin:0 auto;width:940px;padding:30px 0 0}.brands-wrapper .list_carousel ul{margin:0;padding:0;list-style:none;display:block}.brands-wrapper .list_carousel li{background:url(../images/brands-box-a.png)no-repeat #fff;width:90px;height:90px;padding:0 13px;margin:0!important;display:block;float:left}.brands-wrapper .list_carousel.responsive{width:auto;margin-left:0}.brands-wrapper .clearfix{float:none;clear:both}.brands-wrapper .prev{float:left;margin:-55px 0 0 -10px;background:url(../images/brands-prev.png)no-repeat top;width:10px;height:30px}.brands-wrapper .next{float:right;margin:-55px -13px 0 0;background:url(../images/brands-next.png)no-repeat top;width:10px;height:30px}.brands-wrapper .pager{float:left;width:300px;text-align:center}.brands-wrapper .pager a{margin:0 5px;text-decoration:none}.brands-wrapper .pager a.selected{text-decoration:underline}.brands-wrapper .timer{background-color:#999;height:6px;width:0}.brands-wrapper .caroufredsel_wrapper{width:940px!important;margin:0 auto!important}.brands-wrapper #foo9{line-height:15px}.brands-wrapper #foo9 h1{font-family:ropa sans,sans-serif;padding:35px 0 10px;font-size:16px;text-transform:uppercase}.brands-wrapper #foo9 .t1{color:#be673c!important}.brands-wrapper #foo9 .t2{color:#9567a8}.brands-wrapper #foo9 .t3{color:#6fcaf2}.brands-wrapper #foo9 .t4{color:#8fa867}.brands-wrapper #foo9 p{color:#888;font-family:ropa sans,sans-serif;font-size:13px;padding:25px 0}.brands-wrapper #foo9 div.selector{display:block;font-family:helvetica,serif!important}.brands-wrapper #foo9 div.selector select{width:100%;padding:5px;background:#fff}footer{background:url(../images/footer-bg.jpg)repeat-x top;height:80px;max-width:1920px;width:100%;background-color:#f6f6f6}footer section{}footer .sitemap{float:left}footer h1{color:#959595;font-size:16px;padding:0 0 15px;font-family:helvetica,serif!important;font-weight:400}footer h2{color:#fcce29;font-size:13px;padding:10px 0;font-family:helvetica,serif!important;font-weight:400}footer h4{color:#666;font-size:18px;font-family:helvetica,serif!important}footer p{color:#666;font-size:7.5px;font-family:ropa sans,sans-serif;margin:5px 0 0}footer .ftr-box{float:right;width:200px;margin:0 0 0 30px;height:320px}footer .ftr-box .button{background:#000!important;color:#f9cd2d;-moz-box-shadow:0 0 2px #ccc;box-shadow:0 0 2px #ccc;-moz-border-radius:5px;border-radius:5px;text-transform:capitalize!important;border:1px #f9cd2d solid}footer .ftr-btm{}footer .ftr-btm ul{}footer .ftr-btm .social li{background:url(../images/ftr-btm-seperator.png)no-repeat 100% 0;float:right;padding:8px 15px;height:22px}footer .ftr-btm li{display:inline}footer .ftr-btm p{}footer label{color:#959595;display:block;font-family:helvetica,serif!important;padding:15px 0 5px;font-weight:300;font-size:11px}footer input{width:96%}footer textarea{width:96%}footer .button{margin:10px 0}footer h5{color:#f5c828;font-size:18px;font-family:open sans,sans-serif;padding:0 0 5px}footer h6{color:#979696;font-size:14px;font-family:open sans,sans-serif;font-weight:300}footer .subscribe{border-bottom:1px dotted #ccc;padding:0 0 30px;margin:0 0 30px;font-weight:300}footer .subscribe li{display:inline;color:#666;padding:0 3px 0 0;font-family:helvetica,serif;font-size:10px}.brands-wrapper .list_carousel footer li{float:none!important;background:0 0;height:auto;width:auto;padding:0}.brands-wrapper .list_carousel footer .socialmedia li{float:left!important;padding:0 3px 0 0}.brands-wrapper .list_carousel footer .social li{float:right!important;padding:8px 15px;height:22px}.brands-wrapper .list_carousel footer .termslist li{display:inline}footer .subscribe a{color:#666}footer .socialmedia{border-bottom:0 dotted #ccc}footer .socialmedia li{display:inline;color:#666;padding:0 3px 0 0;font-family:helvetica,serif;font-size:10px;list-style:none}.gallery div{width:140px;float:left;padding:20px}.clearBoth{clear:both}.search-box{float:right;margin:35px 28px 0 0}.search-box .srch li{display:inline}.search-box .button{background:#cba51c;border-radius:2px;height:14px!important;font-size:13px;padding:2px 5px;z-index:1}.search-box span{margin:0!important;padding:0!important}.search-box input{background:#fff!important;height:10px!important;width:110px}.termslist{font-family:ropa sans,sans-serif;color:#958f8f;float:right;font-size:8.5px;width:152px;margin:5px -100% 0 0}} .termslist ul{ } .termscon ol {margin-left:20px} .termscon ol li{margin-bottom:12px} .termscon ol li{font-family:'Helvetica',serif; color:#666666 !important; font-weight:300 !important; font-size:13px; line-height:25px; padding-left:14px; list-style-type:lower-alpha !important} .termscon h3{color:#a75a00 !important;} .termscon ol li ol li {list-style-type:lower-roman !important} .disclaimer{font-family:'Helvetica',serif; color:#666666 !important; font-weight:300 !important; font-size:11px; line-height:16px; padding-left:14px; list-style-type:lower-alpha !important} .disclaimer p{margin-top:10px;} #uniform-ContentPlaceHolderDefault_content_main_InsideDetailedContents_ctl00_Contact_23_bt_submit .button span { background:#000!important; color:#f9cd2d ; -moz-box-shadow: 0 0 2px #ccc; box-shadow: 0 0 2px #ccc; -moz-border-radius: 5px; border-radius: 5px; text-transform:capitalize!important; border:1px #f9cd2d solid} .lang-display {position:relative} .lang-display a { color: #454444; text-align: right; display: block; font-family: 'Ropa Sans',sans-serif; position: absolute; top: 0px; font-weight: bold; right:17px; font-size:16px; z-index: 99; } .FooterHSATable { height:50px; margin: -40px 22% 0 0; } .FooterSocialTable_C { float: right; width: 35px; height: 35px; margin: 0 0 15px; } .FooterSocialTable_R { margin: 7px 17% 0 0; } video { pointer-events: none; height: calc(100vh - 191px); width:100%; object-fit: cover; margin: 0 0 -4px 0; } .featuredlist img { height: 165px; } #brands-logo img { height: 120px; width: 120px; } #newsletter{ position: absolute; right: 49px; height: 430px; width: 230px; text-align: center; background: linear-gradient(153deg,#e0dede 57%,#e4e4e4 50%); padding-top: 100px; } #newsletter h4{ line-height: 23px; font-size: 30px; color: #957731; font-family: 'Helvetica',serif; background-size: 100% 3px; padding: 50px 0 16px 0px; margin: 0 -50px 0px -50px; font-weight: bold; } #mob_vi{ display:none; } #history-images{ width: 360px; } .history-year{ font-size: 65px; font-family: 'Helvetica',serif; font-weight: bolder; padding-bottom: 10px; } #history-title{ font-size: 15px; font-family: 'Helvetica',serif; font-weight: bold; } #history-txt{ font-size: 15px; font-family: 'Helvetica',serif; font-weight: 600; width:380px; line-height: 24px; } .timeline-container { justify-content: center; padding-bottom: 5px; padding-left: 20%; padding-top: 70px; } .timeline-container .vertical-scrollable-timeline { width: 600px; list-style-type: none; position: relative; } .timeline-container .vertical-scrollable-timeline .list-progress { width: 8px; height: 100%; background-color: #bb8d0a; position: absolute; left: 48px; top: 0; overflow: hidden; } .timeline-container .vertical-scrollable-timeline .list-progress .inner { position: absolute; right: 0; bottom: 0; height: 100%; background-color: #c5c3cb; width: 100%; } .timeline-container .vertical-scrollable-timeline li { position: relative; padding: 10px 0px 50px 158px; } .timeline-container .vertical-scrollable-timeline li:last-child { margin-bottom: 0; } .timeline-container .vertical-scrollable-timeline li h2 { font-size: 25px; margin-bottom: 10px; font-weight: 600; color: #000; } .timeline-container .vertical-scrollable-timeline li p { line-height: 1.5; color: #000; } .timeline-container .vertical-scrollable-timeline li p:last-child { margin-bottom: 0; } .timeline-container .vertical-scrollable-timeline li .icon-holder { position: absolute; left: 18px; top:0; width: 65px; height: 65px; display: flex; justify-content: center; align-items: center; background-color: #c5c3cb; border-radius: 50%; z-index: 1; transition: 0.4s all; } .timeline-container .vertical-scrollable-timeline li .icon-holder::before { content: ""; width: 42px; height: 42px; border: 4px solid #fff; position: absolute; background-color: #c5c3cb; border-radius: 50%; z-index: -1; transition: 0.4s all; } .timeline-container .vertical-scrollable-timeline li .icon-holder i { font-size: 25px; color: #fff; } .timeline-container .vertical-scrollable-timeline li::before { content: ""; position: absolute; height: 100%; width: 8px; background-color: transparent; left: 48px; z-index: 0; } .timeline-container .vertical-scrollable-timeline li:last-child::before { width: 58px; left: 48px; background-color: #fff; } .timeline-container .vertical-scrollable-timeline li.active .icon-holder { background-color: #bb8d0a; } .timeline-container .vertical-scrollable-timeline li.active .icon-holder::before { background-color: #bb8d0a; } .timeline-container .vertical-scrollable-timeline li.active .history-year { color: #bb8d0a; } #testable { vertical-align: bottom; }