#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #FFF;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#FFF}#cboxCurrent{position:absolute;top:-20px;right:0;color:#FFF}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} @font-face{font-family:SFUHelveticaCondensedBlack;src:url("/files/system/fonts/SFUHelveticaCondensedBlack.ttf");font-weight:normal;} body,html{color:#333;font-family:Arial,sans-serif;font-size:14px;line-height:1.4em;} figure{margin:0px;padding:0px;position:relative } a, a:hover, a:focus { } h1,h2,h3,h4,h5,h6,.title-headdline{font-style:normal;font-weight:300;font-size:1.4em;line-height:1.2em;} body iframe,.fb_iframe_widget>span{max-width:100% !important } h1{font-size:26px;} body{margin-left:auto;margin-right:auto;display:block;top:0px !important;position:relative;min-height:100%;} body:after{clear:both;content:"";} .relative{position:relative;} #wrapper{position:relative;clear:both;overflow-x:hidden;} #wrapper:after{content:"";clear:both;display:block;} .text-left{text-align:left !important;} .relative{position:relative;} .overflow-hidden{overflow:hidden;} select[disabled=disabled],input[disabled=disabled]{background-color:#EBEBE4 } .block{display:block } .float_right{float:right;} .float_left{float:left;} table{border-width:1px;border-spacing:0px;border-style:none;border-color:gray;border-collapse:collapse;font-size:12px;width:100%;} th{background:#ddd;color:#222;padding:10px;text-align:left;border:1px solid #ccc;} td{padding:10px;border:1px solid #ccc;} tr:nth-child(2n){background:#eaeaea;} .table>h2,.table>h1{color:#800000;font-size:2em } .table>table{margin:10px auto;display:table;border-collapse:collapse;border-spacing:0px;border-color:gray;border:1px solid #666 } .table>table tr td{border:1px solid #DDD;padding:5px 10px } .table>table tr th{border:1px solid #DDD;padding:5px 10px;background-color:#F5F5F5 } .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style]{width:100% !important } .table-red tr:nth-child(2n){background:#f00;color:#FFF;} .table-red th, .table-red td{border-color:#F00 !important;} .border-none table, .border-none table th, .border-none table td, .border-none table tr{border-collapse:collapse;border-spacing:0px;border:none !important;background:none !important;} .padding-bs-0{padding-left:0px;padding-right:0px;margin-left:auto;margin-right:auto } .padding-bs-left{padding-right:0px } .mod_newsreader img, .ce_text img, #footer img, .img-reponsive img, figure img{max-width:100% !important;height:auto;} .invisible{display:none !important } #main{margin-bottom:0px;} #main>.inside:after{clear:both;content:"";display:block } .img-border{display:inline-block;margin-left:-4px;float:inherit;text-align:center;} .img-border img{border:1px solid #E8E8E8;} .overflow{overflow:hidden !important;display:block;position:relative;} #header .logo{padding-top:0px;padding-bottom:0px;position:relative;} #header .logo a{position:relative;} #header .logo a img{max-width:100%;height:auto;padding:10px 0px;} #container{padding-top:15px;margin-bottom:15px;margin-top:0px;} #container:after,#header:after{clear:both;content:"";display:block;} .slick-dots{display:none !important;} .div-padding{display:block;padding-top:30px;padding-bottom:30px;} .slider-home{display:block;margin-bottom:0px;font-size:18px;position:relative;} #footer{padding-bottom:0px;background:rgba(185, 185, 185, 0.4);} #footer:after{clear:both;content:"";display:block } #footer .footer-address{padding-bottom:10px;} #footer .footer-address h1, #footer .footer-address h2, #footer .footer-address h3{margin-top:0px } #footer .block-footer p{padding:0px;margin:0px 0px;line-height:1.2em;} #footer .copyright, #footer .copyright a{color:#FFF;font-size:12px;} #footer .copyright p{margin:0px;padding:10px 0px;} #footer.fixbottom{position:absolute;bottom:0px;width:100%;} #footer .footer-copyright{background:#d60637;border-top:1px solid #FFF;box-shadow:0px -1px 0px 0px #FFF;position:relative;} .footer-icon{padding:15px 0px 10px 0;position:relative;display:block;background:#b3002a;border-top:4px solid #d60637;margin-top:15px;} .footer-icon .line-top{padding-top:30px;} .footer-icon *{line-height:1.2em;color:#fff;} .break-line{border-top:1px solid #E6D600;border-bottom:1px solid #FFF9AA;margin-top:15px;} #top-link-block{bottom:70px;right:20px;position:fixed;z-index:900;opacity:0 } #top-link-block>a{background:url("/files/system/img/general/Back-Top.png") center top no-repeat;padding-top:30px;width:55px;display:block;text-align:center;text-indent:1000px;} .background-bre{padding:150px 0px 0px 0px;position:relative;background:url("/files/system/img/general/bg-bre.jpg") center center no-repeat;background-size:cover;} .background-bre .info-more{color:#FFF;font-size:1.8em;font-weight:bold;text-transform:none;line-height:1.2em;display:none;} .menu-brebrum{display:block;padding:0px;} .menu-brebrum span{display:inline-block;padding:1px;color:#a26a00;text-transform:uppercase;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:1.5em;} .menu-brebrum ul{list-style:none;margin:0px;display:inline-block;padding:0px 15px;background:#d60637;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;} .menu-brebrum ul li{display:inline-block;white-space:normal;font-size:0.8em;padding:5px 0px;} .menu-brebrum ul li:after{content:"0bb";display:inline-block;padding-left:10px;padding-right:10px } .menu-brebrum ul li.last:after{display:none } .menu-brebrum ul li a, .menu-brebrum ul li{color:#aa243c;} #left,#right{vertical-align:top;padding-top:0px;} #left>.inside,#right>.inside{position:relative;float:left;width:100% } #left>.inside:after,#right>.inside:after{content:"";display:block;clear:both } .block-menu{display:block;position:relative;margin-bottom:10px;padding-bottom:10px;border-bottom:5px solid #eaeaea;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;border-bottom-right-radius:25px;border-bottom-left-radius:25px;box-shadow:0px 3px 0px 0px #eaeaea;} #left .bg-none, #right .bg-none{box-shadow:none;padding:0px;border:none } #left>.inside img, #right>.inside img, .block-menu img{max-width:100% !important;height:auto !important } #left .block-menu>h1,.block-menu>h2{display:block;position:relative;line-height:1.2em;font-size:1.5em;text-transform:uppercase;margin:0px 0px 10px 0px;color:#d60637;font-weight:normal;text-align:left;border-bottom:1px solid #d60637;padding:15px 0px 10px 0px;} .block-menu>h2 span{display:block;} .block-menu>div{padding-left:10px;padding-right:10px } .block-menu>.marquee-wrap{margin-left:5px !important;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;} ..block-menu a{color:#d60637;} .fb_iframe_widget{display:block !important } .fb_iframe_widget iframe{max-width:100% !important;display:block;margin:0px auto;top:0px;} .fb_iframe_widget>span{width:100% } .background-none{background:none !important;border:none !important;box-shadow:none;} .block-menu.empty-none{border:none !important;box-shadow:none !important;background:none !important;padding-bottom:0px !important;} .padding-none{padding:0px !important;} .block-menu.block-ads img{display:block;margin:0px auto 5px auto } .block-video{display:block;position:relative;margin-bottom:0px;padding-bottom:10px;} .block-menu select, .block-video select{display:block;width:100%;margin:5px auto 0px auto;border:1px solid #DDD;height:34px;color:#000;} .block-menu iframe, .block-video iframe{max-width:100% !important;display:block;margin:0px auto;} .link-website-select option{padding:2px;text-align:center;} .contact-online-div .content-main .rows>div.icon-full .info{color:#949494;} .contact-online-div .content-main .hotline .title{color:#EF0000;padding-right:5px } .pagination{display:block;clear:both;} .pagination>p{display:block;border-bottom:3px double #e2e2e2;text-align:center;font-weight:bold;color:#000;padding-bottom:5px;} .pagination ul{list-style:none;padding:0px;margin:10px 0px;text-align:center } .pagination ul li{display:inline-block;white-space:normal;padding:5px } .pagination ul li a, .pagination ul li span{display:block;padding:2px 7px;background:none;color:#000;} .pagination ul li span, .pagination ul li a:hover{background:#d60637;color:#FFF;} .background-menu{background:#e5e5e5 url("/files/system/img/general/pattern_menu.png");position:relative;border-bottom:4px solid #d60637;} .skiptranslate{display:none !important;} #wrapper .hidden-wrapper{display:none;} .icon-search{vertical-align:top;padding-top:6px;padding-left:0px;} .icon-search .block-absolute-search{display:none;opacity:0;-webkit-transition:-webkit-transform 0.4s ease;-ms-transition:-ms-transform 0.4s ease;transition:transform 0.4s ease;position:fixed;z-index:9999;margin:0px !important;background:rgba(0, 0, 0, 0.85);left:0px;color:#FFF;top:0px;width:100%;height:100%;} .icon-search .block-absolute-search.active{display:block;opacity:1;} .icon-search .block-absolute-search>div{position:fixed;margin:0px !important;left:0px;top:0px;width:100%;height:100%;display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:-webkit-flex !important;display:flex !important;-webkit-flex-direction:row !important;-ms-flex-direction:row !important;flex-direction:row !important;-webkit-flex-wrap:wrap !important;-ms-flex-wrap:wrap !important;flex-wrap:wrap !important;-webkit-box-pack:center !important;-moz-box-pack:center !important;-webkit-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important;-webkit-box-align:center !important;-moz-box-align:center !important;-webkit-align-items:center !important;-ms-flex-align:center !important;align-items:center !important;} .icon-search .block-absolute-search>div div{position:relative;} .icon-search .block-absolute-search form{width:90%;max-width:500px;display:block;} .icon-search .block-absolute-search .close-search{position:fixed;top:15px;right:45px;z-index:9999;cursor:pointer;} .icon-search>span{font-size:1.5em;color:#d60637;display:inline-block;cursor:pointer;background:none;height:25px;width:25px;line-height:24px;text-align:center;} .block-search{margin-top:0px;position:relative;} .block-search div{display:block;margin:0px;padding:0px;vertical-align:top } .block-search input[type=text]{vertical-align:top;height:46px;width:100%;color:#000;border:1px solid #afafaf;outline:none !important;background:#FFF;padding-left:10px;padding-right:10px;} .block-search input[type=submit]{position:relative;vertical-align:top;text-indent:1000px;display:inline-block;width:40px;height:40px;border:none;margin:0px;padding:0px;line-height:30px;background:#ed1c24 url("/files/system/img/general/search-icon.png") center center no-repeat;margin-left:-30px;margin-top:0px;} .form-contact-div{padding-top:0px;padding-bottom:20px } .form-contact-div form{display:block;clear:both;} .form-contact-div form>div>div{display:block;position:relative;padding:5px 5px;vertical-align:top } .form-contact-div form>div>.submit_containe{display:block;text-align:right;margin-right:2% } .form-contact-div form>div>div>label.input-contact{display:inline-block;width:30%;padding-right:2%;vertical-align:top;text-align:right;position:relative;padding-top:10px;font-weight:normal;} .form-contact-div form>div>div>input.input-contact,.form-contact-div>form>div>div>textarea.input-contact{display:inline-block;width:66%;padding-left:1%;padding-right:1%;padding-top:5px;padding-bottom:5px;border:1px solid #C5C5C5;color:#000 !important;background:#FFF;} .form-contact-div form>div>div>.captcha_text{display:block;color:#AB0202;background-color:#F1F1F1;margin-right:2%;padding:10px;margin-left:30%;margin-top:5px } .form-contact-div form>div>div input.submit{background:#e8e8e8;border:1px solid #e0dfdf;padding:10px 30px;color:#000;} .form-contact-div form>div>div input.submit:hover{background:#d60637;border-color:#d60637;color:#FFF;} .form-contact-div form>div>div>label.input-contact .mandatory{color:#F00;display:inline-block;white-space:normal;padding-left:5px;position:absolute;} .form-contact-div form>div>div p.error{color:#F00;position:absolute;right:5%;} .form-contact-div form>div>div .filedQuestion{display:inline-block;width:67%;} .form-contact-div form>div>div .filedQuestion p.error{position:relative;right:inherit;top:0px;} .form-contact-div form>div>div .filedQuestion img{margin-bottom:5px;width:200px;height:54px;} .form-contact-div form>div>div .filedQuestion input.input-contact{margin:0px 5px;width:calc(100% - 215px);height:54px;vertical-align:top;border:1px solid #C5C5C5;color:#000 !important;background:#FFF;} .form-contact-div .btn{margin-top:15px;min-width:150px;font-size:1.2em;text-transform:uppercase;background:#0077e0;color:#FFF;border:1px solid #FFF;box-shadow:3px 3px 2px 0px #d6d6d6;} .form-contact-div abbr{color:#F00;} .ads-banner-scroll{top:0px;position:absolute;display:block;z-index:100;padding-top:35px;} .teaser-company .ce_text{margin-bottom:15px;} .teaser-company .ce_text h1{margin:0px;padding:0px;font-size:1.3em;font-weight:bold;margin-bottom:10px;color:#F00;} .teaser-company .ce_text>h2,.form-contact-div>h2{display:block;margin-top:0px;font-weight:bold;font-size:1.1em;color:#d60637;} .mod_article .pdf_link{text-align:right;padding-bottom:15px;} .reader-news .pdf_link{position:relative;right:15px;} .gallery-list{display:block;position:relative;max-width:1400px;margin:0px auto 15px 0px;} .gallery-list>h2,.gallery-list>h1{font-size:2em;margin:15px 0px;padding:0px;color:#f00;} .gallery-list ul{list-style:none;margin:0px;padding:0px;} .gallery-list ul li{float:inherit !important;display:inline-block;vertical-align:top;padding-left:2px;padding-right:2px;padding-bottom:4px;} .gallery-list ul li figure{position:relative;z-index:1;overflow:hidden;} .gallery-list.border-radius ul li{padding-right:15px;padding-left:15px;padding-bottom:30px;} .gallery-list.border-radius ul li figure{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;box-shadow:1px 1px 1px 0px #5a2f30;} .gallery-list.border-radius ul li figure a:after{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .gallery-list ul li figure a:after{opacity:0;position:absolute;z-index:2;width:140%;height:120%;top:-10%;left:-20%;text-align:center;content:"";box-shadow:0px 0px 0px 1px rgba(255, 255, 255, 0.18);border:8px solid rgba(255, 255, 255, 0.19);background:rgba(226, 226, 226, 0.38) url("/files/system/img/general/search-icon.png") center center no-repeat;color:#FFF;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 10.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .gallery-list ul li figure:hover a:after{width:90%;height:90%;left:5%;top:5%;opacity:1;} .gallery-list ul li span{display:block;padding:10px 0px 20px 0px;color:#353535;text-transform:uppercase;} .gallery-list ul li:hover span{color:#fe0018;} .gallery-list ul li a:hover, .gallery-list ul li a:focus{text-decoration:none;} .title-headdline, .list-news-scroll>h2, .list-products>h2, .list-products>h1, .list-products>.child>h2, .list-news-scroll h2.headline, .list-news-scroll .content-list-tab>h2{display:block;font-size:32px;color:#d60637;text-align:center;font-weight:bold;position:relative;margin-bottom:0px;line-height:1.2em;z-index:1;margin-top:0px;text-transform:uppercase;padding-bottom:10px;font-family:"SFUHelveticaCondensedBlack",Arial,sans-serif;} .title-headdline span, .list-news-scroll>h2 span, .list-products>h2 span, .list-products>h1 span, .list-products>.child>h2 span, .list-news-scroll h2.headline span, .list-news-scroll .content-list-tab > h2 span{position:relative;display:inline-block;padding:5px 0px 12px 0px;letter-spacing:0.6px;} .title-headdline span:after, .list-news-scroll>h2 span:after, .list-news-scroll>h1 span:after, .list-products>h2 span:after, .list-products>h1 spann:after, .list-products>.child>h2 span:after, .list-news-scroll .content-list-tab > h2 span:after{content:"";display:block;width:100%;height:40px;background:url("/files/system/img/general/title.png") no-repeat center;} .button-social{margin-top:3px;vertical-align:top;} .button-social>h2{margin-top:0px;} .button-social b{font-size:0.9em;color:#FFF } .button-social p{margin:0px;} .button-social a{margin-left:-3px;padding:10px 15px 10px 0px;font-size:2em;color:#d60637;display:inline-block;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;} .button-social a:last-child{border:none;} .button-social a:hover{color:#007cc5;text-decoration:none;} .col-md-inline:after,.col-lg-inline:after,.col-sm-inline:after,.col-xxs-inline:after{content:"";clear:both;display:block;} .tab-control-home h2.resp-accordion{text-transform:uppercase;} .block-languages{display:block;margin-top:0px;position:relative;z-index:802;margin:0px 15px;} .block-languages h2{display:inline-block;margin:0px;padding-right:10px;font-size:1em;font-weight:bold;vertical-align:top;padding-top:8px;} .block-languages ul{display:inline-block;margin:0px;padding:0px;vertical-align:top;overflow:hidden;} .block-languages ul li{display:inline-block;white-space:nowrap;vertical-align:top;} .block-languages ul li a, .block-languages ul li span{padding-left:37px;display:block;font-size:12px;height:20px;line-height:22px;margin:4px 0px 0px 3px;color:#FFF;text-align:left;text-indent:-1000px;padding-left:30px;} .block-languages ul li .lang-vi{background:url("/files/system/img/general/flag_vi.gif") left center no-repeat;background-size:32px 20px;} .block-languages ul li .lang-en{background:url("/files/system/img/general/flag_en.gif") left center no-repeat;background-size:32px 20px;} .suntory-alo-phone{background-color:transparent;cursor:pointer;height:80px;position:fixed;transition:visibility 0.5s ease 0s;width:80px;z-index:200000 !important;text-decoration:none !important;right:10px;} .suntory-alo-phone:first-child{bottom:130px;} .suntory-alo-phone:nth-child(2){bottom:200px;} .suntory-alo-phone:nth-child(3){bottom:270px;} .suntory-alo-phone:nth-child(4){bottom:340px;} .suntory-alo-ph-circle,.suntory-alo-ph-circle2{-webkit-animation:1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;animation:1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;background-color:transparent;border:2px solid rgba(30, 30, 30, 0.4);border-radius:100%;height:60px;left:15px;opacity:0.1;position:absolute;top:15px;transform-origin:50% 50% 0;transition:all 0.5s ease 0s;width:60px;} .suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle{border-color:#fe0018;opacity:1;} .suntory-alo-ph-circle-fill{-webkit-animation:2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;animation:2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;border:2px solid transparent;border-radius:100%;height:70px;left:10px;position:absolute;top:10px;transform-origin:50% 50% 0;transition:all 0.5s ease 0s;width:70px;} .suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill{background-color:rgb(8 8 8 / 90%);} .suntory-alo-ph-img-circle{text-align:center;border-radius:100%;height:50px;left:20px;opacity:1;position:absolute;top:20px;transform-origin:50% 50% 0;width:50px;} .suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle{background-color:#1182FC;} .suntory-alo-phone.suntory-alo-green.mess .suntory-alo-ph-img-circle{background-image:linear-gradient(90deg, #016bf5, #01a2f5);} .suntory-alo-phone.suntory-alo-green.call .suntory-alo-ph-img-circle{background-image:linear-gradient(90deg, #f00, #f00);} .suntory-alo-phone.suntory-alo-green.zalo .suntory-alo-ph-img-circle{background-image:linear-gradient(90deg, #0065f7, #0065f7);} .suntory-alo-phone.suntory-alo-green.map .suntory-alo-ph-img-circle{background-image:linear-gradient(90deg, #34a853, #34a853);} .suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle img{width:70%;} .suntory-alo-phone span{display:block;background:#cb0101;text-align:center;border:1px solid #FFF;font-size:1em;padding:5px;text-decoration:none !important;font-weight:bold;color:#fff;width:125px;margin:24px 0px 0px 50px;-webkit-border-top-right-radius:20px;-webkit-border-bottom-right-radius:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;position:relative;z-index:-1;} .suntory-alo-ph-img-circle i{display:flex;display:-ms-flex;justify-content:center;align-items:center;-ms-flex-align:center;width:50px;height:50px;} .suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle2{border-color:#0197d4;opacity:1;} .suntory-alo-ph-circle2{border-color:#0197d4;opacity:1;} @-webkit-keyframes suntory-alo-circle-anim { 0%{opacity:0.1;transform:rotate(0deg) scale(0.5) skew(1deg);} 30%{opacity:0.5;transform:rotate(0deg) scale(0.7) skew(1deg);} 100%{opacity:0.6;transform:rotate(0deg) scale(1) skew(1deg);} } @keyframes suntory-alo-circle-anim { 0%{opacity:0.1;transform:rotate(0deg) scale(0.5) skew(1deg);} 30%{opacity:0.5;transform:rotate(0deg) scale(0.7) skew(1deg);} 100%{opacity:0.6;transform:rotate(0deg) scale(1) skew(1deg);} } @-webkit-keyframes suntory-alo-circle-img-anim { 0%{transform:rotate(0deg) scale(1) skew(1deg);} 10%{transform:rotate(-25deg) scale(1) skew(1deg);} 20%{transform:rotate(25deg) scale(1) skew(1deg);} 30%{transform:rotate(-25deg) scale(1) skew(1deg);} 40%{transform:rotate(25deg) scale(1) skew(1deg);} 50%{transform:rotate(0deg) scale(1) skew(1deg);} 100%{transform:rotate(0deg) scale(1) skew(1deg);} } @keyframes suntory-alo-circle-img-anim { 0%{transform:rotate(0deg) scale(1) skew(1deg);} 10%{transform:rotate(-25deg) scale(1) skew(1deg);} 20%{transform:rotate(25deg) scale(1) skew(1deg);} 30%{transform:rotate(-25deg) scale(1) skew(1deg);} 40%{transform:rotate(25deg) scale(1) skew(1deg);} 50%{transform:rotate(0deg) scale(1) skew(1deg);} 100%{transform:rotate(0deg) scale(1) skew(1deg);} } @-webkit-keyframes suntory-alo-circle-fill-anim { 0%{opacity:0.2;transform:rotate(0deg) scale(0.7) skew(1deg);} 50%{opacity:0.2;transform:rotate(0deg) scale(1) skew(1deg);} 100%{opacity:0.2;transform:rotate(0deg) scale(0.7) skew(1deg);} } @keyframes suntory-alo-circle-fill-anim { 0%{opacity:0.2;transform:rotate(0deg) scale(0.7) skew(1deg);} 50%{opacity:0.2;transform:rotate(0deg) scale(1) skew(1deg);} 100%{opacity:0.2;transform:rotate(0deg) scale(0.7) skew(1deg);} } .header{background:#fff;-webkit-box-shadow:0px 5px 5px 0px rgb(148 145 148 / 37%);-moz-box-shadow:0px 5px 5px 0px rgb(148 145 148 / 37%);box-shadow:0px 5px 5px 0px rgb(148 145 148 / 37%);} .header.csticky{animation:slide-down 0.7s;-webkit-transition:height .4s ease, opacity .3s ease;-o-transition:height .4s ease, opacity .3s ease;transition:height .4s ease, opacity .3s ease;} .header.csticky .logo-header img{height:80px;} .header.csticky .header-top{margin-bottom:5px;} @keyframes slide-down { 0%{transform:translateY(-100%) } 100%{transform:translateY(0%) } } .header .container{display:-ms-flexbox;display:flex;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;} .logo-header{margin-right:auto;} .logo-header img{text-align:center;height:100px;transition:all 1s;} .header-right{display:flex;flex-wrap:wrap;flex-direction:column;} .header-top{display:flex;justify-content:right;margin-top:15px;color:#101010;margin-bottom:15px;transition:all 1s;} .header-top>p{margin:0;padding:0;} .header-top>p:not(:last-child){margin-right:10px;} .nb-home-about{padding:40px 0;} .nb-home-about>.container{display:flex;flex-wrap:wrap;align-items:center;} .left_about{padding-left:85px;position:relative;overflow:hidden;} .left_about::before{position:absolute;content:'';width:59px;height:426px;left:0;top:50%;transform:translateY(-50%);background:url("/files/system/img/general/welcom.png") no-repeat;} .title_about{position:relative;margin-bottom:35px;} .title_about p{color:#121212;font-size:25px;text-transform:capitalize;display:block;position:relative;margin-bottom:0;} .title_about p::before{position:absolute;content:'';width:100%;height:3px;left:0;bottom:10px;background:#101010;} .title_about p span{line-height:1;background:#fff;position:relative;padding-right:10px;} .title_about h3{color:#EA151E;font-size:35px;text-transform:uppercase;margin-bottom:0;} .des_about{color:#363636;font-size:14px;line-height:25px;margin-bottom:30px;} .more_about{width:145px;line-height:45px;background:#EA151E;text-transform:uppercase;font-size:13px;display:inline-block;text-align:center;color:#fff;border-radius:5px;margin-bottom:10px;} .about-right .content{padding:30px 30px 0 0;position:relative;margin-top:15px;} .about-right .content::before{position:absolute;content:'';width:calc(100% - 40px);height:calc(100% - 60px);top:0;right:0;background:url("/files/system/img/general/af_about.png") center;z-index:-1;} .nb-home-category{padding:45px 0;background:url("/files/system/img/general/bg_product.png") no-repeat center;background-size:cover;} .box_product_home ul{padding:0;list-style:none;max-width:870px;margin:0 auto;display:flex;flex-wrap:wrap;padding-bottom:145px;} .item_product_home{width:calc((100% - 12px)/3);margin:2px;background:#fff;clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);height:290px;margin-bottom:-145px;padding:40px 60px;position:relative;} .item_product_home:nth-child(1){margin-left:calc((100% + 6px)/3);} .item_product_home:nth-child(2){margin-left:calc((100% + 12px)/6);} .item_product_home .title{margin:15px 0 0;font-size:13px;text-transform:uppercase;font-weight:700;text-align:center } .item_product_home .title{line-height:25px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;color:#000;} .nb-home-why{background:url("/files/system/img/general/bg_why.png") no-repeat center;background-size:cover;padding:50px 0;} .col-why{margin:30px 0 } .item_why{display:flex;align-items:center;justify-content:space-between;} .img_why{width:90px;border-radius:50%;overflow:hidden;background:#d60637;display:flex;align-items:center;justify-content:center;height:90px;} .img_why img{width:auto !important;} .info_why{width:calc(100% - 110px);} .info_why h3{line-height:30px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;color:#fff;font-size:18px;font-weight:700;text-transform:uppercase;margin-bottom:5px;} .info_why span{color:#fff;font-size:14px;line-height:25px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;max-height:75px;} @media screen and (max-width:767.98px) { .header .container{padding:0!important;} .header .header-top{display:none;} .logo-header{width:100%;margin:auto;text-align:center;margin-bottom:5px;} .header-right{width:100%;} .logo-header img{height:60px;} .header.csticky .logo-header img{height:40px;display:none;} .left_about{padding-left:0;} .left_about::before{display:none;} .title_about h3{font-size:20px;} .item_product_home{padding:0;clip-path:none;margin-bottom:2px;height:auto;} .item_product_home{width:calc(50% - 4px);} .item_product_home:nth-child(1),.item_product_home:nth-child(2){margin-left:2px;} .item_product_home{padding:0;clip-path:none;margin-bottom:2px;height:auto} .item_product_home h3{padding:10px;margin-top:0} .box_product_home ul{padding-bottom:0} .col-why{margin:10px 0;} } @media screen and (min-width:768px) { .border-pic{border-bottom:5px solid #aa243c;} .align-right{text-align:right;} .inline-block{white-space:normal;display:inline-block;vertical-align:top;} .col-sm-center{text-align:center !important;} .col-sm-left{text-align:left !important;} .col-sm-right{text-align:right !important;} .col-sm-inline{display:inline-block !important;vertical-align:top !important;white-space:normal;float:none !important;margin-left:-3px;} .col-sm-align-center{vertical-align:middle !important;} .col-sm-block{display:block !important;} .col-sm-no-padding-left{padding-left:0px !important;} .col-sm-no-padding-right{padding-right:0px !important;} .col-sm-no-padding{padding-left:0px !important;padding-right:0px !important;} .col-sm-no-margin{margin-left:0px !important;} #header .block-search{margin-bottom:0px;vertical-align:top;display:block;margin-top:3px;} .block-search input[type=submit]{position:absolute;height:46px;width:60px;top:0px;right:0px;} .copyright{line-height:16px;vertical-align:top;} .copyright b{font-size:0.9em;color:#3C3800 } .copyright a{padding-left:5px;font-size:0.9em;color:#FFF } #header .icon_header a{padding:0px 5px;} .video-block{margin-bottom:25px;} .video-block.last{margin-bottom:0px;} .container-slider .ws-title{display:block;width:100%;padding-top:0px;margin-left:auto;margin-right:auto;background:rgba(0, 0, 0, 0.470588);} .container-slider .ws-title>span{width:100%;line-height:1em;background:none;text-align:center;color:#FFF;font-size:3em;} .container-slider .ws-title>div{margin-top:0px;font-size:1.5em;line-height:1em;background:none;color:#CCC;width:100%;text-align:center;} .tab-control-home .resp-tabs-list{text-align:center;overflow:hidden;padding-left:0;margin:0;padding:0;font-weight:bold;} .tab-control-home .resp-tabs-list li{background:none;display:inline-block;float:none;margin:0 30px 70px 30px;list-style:none;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;padding:30px 0 30px 0;border-radius:120px;color:#FFF;font-size:15px;position:relative;-moz-border-radius:120px;-webkit-border-radius:120px;line-height:normal;padding-top:70px;width:180px;height:180px;text-align:center;text-transform:uppercase;background-color:#05a7f1;vertical-align:top;border-top:3px solid #fab207 !important;} .tab-control-home .resp-tabs-list li:after{content:"";position:absolute;left:calc(50% - 1px);top:100%;margin-top:3px;height:70px;z-index:1;width:1px;background:rgba(255, 255, 255, .4);opacity:0;} .tab-control-home .resp-tabs-list li.resp-tab-active{padding:70px 0px 0px 0px !important;background:none;border:3px solid #FFF !important;color:#FFF;} .tab-control-home .resp-tabs-list li.resp-tab-active:after{opacity:1;} .tab-control-home .resp-tabs-container{background:none;border:none;border-top:1px solid rgba(255, 255, 255, .4);color:#FFF;} .tab-control-home .resp-tab-content{padding:30px 0px;border:none;} #header .block-languages{position:relative;z-index:100;text-align:center;padding-top:8px;padding-left:5px;margin-right:10px;} .block-languages ul li a, #header .block-languages ul li span{margin:0px 0px 0px 5px;text-indent:-1000px;padding-left:30px;} } @media screen and (min-width:992px) { .padding-top-md-15{padding-top:15px } .col-md-center{text-align:center !important;} .col-md-left{text-align:left !important;} .col-md-right{text-align:right !important;} .col-md-inline{display:inline-block !important;float:none !important;white-space:normal;float:none !important;margin-left:-3px;} .col-md-block{display:block !important;} .col-md-no-padding-left{padding-left:0px;} .col-md-no-padding-right{padding-right:0px;} .col-md-no-padding{padding-left:0px !important;padding-right:0px !important;} #header .slider-header.rsts-skin-default .rsts-caption{width:45% } .col-md-no-padding-left{padding-left:0px;} .col-md-no-padding-right{padding-right:0px;} } @media screen and (max-width:992px) and (min-width:768px) { .padding-top-sm-15{padding-top:15px } .col-sm-center{text-align:center;} .col-sm-only-no-padding-left{padding-left:0px;} .col-sm-only-no-padding-right{padding-right:0px;} .menu-brebrum{position:relative;} .header-hotline{font-size:1em;} .form-contact-div>form>div>div p.error, .form-person-div form>div>div>div p.error{color:#F00;position:absolute;right:5%;top:-10px } .icon-search{padding-top:10px;} #header .block-languages{position:absolute;top:5px;z-index:1000;left:10px;} } @media screen and (min-width:1200px) { .col-lg-center{text-align:center !important;} .col-lg-left{text-align:left !important;} .col-lg-right{text-align:right !important;} .col-lg-inline{display:inline-block !important;float:none !important;white-space:normal;float:none !important;margin-left:-3px;} .col-lg-block{display:block !important;} .col-lg-no-padding-left{padding-left:0px !important;} .col-lg-no-padding-right{padding-right:0px !important;} .col-lg-no-padding{padding-left:0px !important;padding-right:0px !important;} .col-lg-padding-left{padding-left:15px !important;} .col-lg-padding-right{padding-right:15px !important;} } @media screen and (max-width:767px) { .icon-search{position:absolute;top:-44px;padding-top:0px;left:15px;} .icon-search>span{width:32px;height:32px;line-height:32px;margin-top:6px;} .teaser-company .ce_text>h2{margin-top:10px;} #footer{padding-bottom:35px;} .padding-top-xs-15{padding-top:15px } .col-xs-center{text-align:center !important;} .col-xs-left{text-align:left !important;} .col-xs-right{text-align:right !important;} .col-xs-inline{display:inline-block !important;float:none !important;white-space:normal;float:none !important;vertical-align:top;margin-left:-3px;} .col-xs-block{display:block !important;} .col-xs-no-padding-left{padding-left:0px;} .col-xs-no-padding-right{padding-right:0px;} .col-xs-no-margin{margin-left:0px !important;} .col-xs-no-padding{padding-left:0px !important;padding-right:0px !important;} #footer .copyright{padding:0px 15px;} .slick-prev,.slick-next{display:none !important;} #left,#right{box-shadow:none;margin-top:0px;margin-bottom:10px } #left>.inside,#right>.inside{float:inherit } .block-search{margin-top:0px;margin-right:65px;margin-top:0px;margin-left:5px;} .block-search form{text-align:center } .block-search input[type=text]{background:#FFF;border:1px solid #cacaca;height:46px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;position:relative;z-index:1001;} .block-search input[type=submit]{position:absolute;z-index:1001;top:3px;right:3px;} .header-hotline-mobile{color:#f10000;padding:1px;position:fixed;bottom:0px;width:100%;left:0px;z-index:9999999999999999;} .header-hotline-mobile a{text-decoration:none;color:#FFF;display:inline-block;width:calc(33% - 2px);position:relative;padding:5px 0px;font-size:1em;box-shadow:0px 0px 0px 1px #d60637;background:#d60637;border-radius:0px;} .header-hotline-mobile a b{font-weight:normal;} .header-hotline-mobile i:before{font-size:14px;padding-right:5px;} .xs-margin-bottom{margin-bottom:15px;} .title-headdline, .list-news-scroll>h2, .list-products>h2, .list-products>h1, .list-products>.child>h2, .list-news-scroll h2.headline, .list-news-scroll .content-list-tab>h2{font-size:26px;} .background-bre{padding:0px 0px;} .form-contact-div form>div>div{text-align:center;} #header .block-languages{position:absolute;top:8px;left:20px;} } @media screen and (max-width:640px) { .col-xxs-center{text-align:center !important;} .col-xxs-left{text-align:left !important;} .col-xxs-right{text-align:right !important;} .col-xxs-inline{display:inline-block !important;float:none !important;vertical-align:top;} .col-xxs-block{display:block !important;} .hidden-xxs{display:none !important;} #top-link-block{display:none !important;} .copyright{font-size:0.9em;} .form-contact-div>h2{font-size:1.2em;margin-top:10px;} .form-contact-div>form>div>.submit_container{display:block;text-align:right;margin-right:2% } .form-contact-div>form>div>div>label.input-contact{display:block;padding-right:2%;width:98%;text-align:left;} .form-contact-div>form>div>div>input.input-contact,.form-contact-div>form>div>div>textarea.input-contact{display:block;width:98%;padding-left:0.5%;padding-right:0.5% } .form-contact-div>form>div>div>.captcha_text{display:block;color:#AB0202;background-color:#F1F1F1;margin-right:2%;padding:10px;margin-left:0%;margin-top:5px;width:98% } .form-contact-div>form>div>div p.error{position:relative;right:0px;top:inherit } .form-contact-div form>div>div .filedQuestion{display:block;width:auto;} .menu-brebrum span{font-size:2em;} .menu-brebrum ul li{font-size:0.8em;} .hotline-menu{font-size:1.3em;padding-top:1px;} .footer-icon *{font-size:14px !important;} } .image-us .title-headdline{color:#FFF;} .image-us .title-headdline span:after{background:#FFF;} .more-inside-menu{display:block;border-top:1px solid #CCC;background:#FFF;} .nav-header a.active{background:none } .nav-header{background:none;border:none;min-height:auto;margin:0px;} .nav-header li>ul{left:100%;margin-top:-1px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px;border-radius:0 6px 6px 6px;top:0 } .nav-header .navbar-brand{display:none;} @media screen and (min-width:768px) { .nav-header .hidden-sm-menu{display:none !important;} } @media screen and (min-width:992px) { .nav-header ul.level_1{padding:0px;margin:0px;} .nav-header .navbar{min-height:inherit;margin:0px;} .nav-header ul.level_1 li{position:relative;} .nav-header ul.level_1>li{padding:0px 13px;margin:0px;display:inline-block;vertical-align:top;} .nav-header ul.level_1>li.last:after{display:none;} .nav-header ul.level_1>li.first{margin-left:0px;} .nav-header ul.level_1>li.last{background:none;padding-right:0px;box-shadow:none;} .nav-header .invisible{display:none !important } .nav-header ul.level_1 a{z-index:11;padding:7px;color:#FFF;font-size:1.1em;display:block;} .nav-header ul.level_1 li li a{background:rgba(18, 18, 18, 0.58);margin-bottom:0px;border-bottom:1px solid #696969;-webkit-transition:all .30s ease;-moz-transition:all .30s ease;-ms-transition:all .30s ease;-o-transition:all .30s ease;transition:all .30s ease;} .nav-header ul.level_1>li>a, .nav-header ul.level_1>li>span{color:#1F1F1F;background:none;z-index:101;padding:10px 0px 10px 10px;text-transform:uppercase;font-weight:bold;position:relative;font-size:1em;-webkit-transition:all .30s ease;-moz-transition:all .30s ease;-ms-transition:all .30s ease;-o-transition:all .30s ease;transition:all .30s ease;} .nav-header ul.level_1 li>ul a{padding-top:6px;padding-bottom:6px;min-width:150px;} .nav-header ul.level_1 a.active, .nav-header ul.level_1 span.active, .nav-header ul.level_1 a:hover, .nav-header ul.level_1 a:focus, .nav-header ul.level_1 a.active, .nav-header .open>a, .nav-header .open>a:focus, .nav-header .open>a:hover, .nav-header ul.level_1>li:hover>a{background:#d60637;text-decoration:none;color:#FFF;} .nav-header ul.level_1 ul a.active, .nav-header ul.level_1 ul span.active, .nav-header ul.level_1 ul a:hover, .nav-header ul.level_1 ul a:focus, .nav-header ul.level_1 ul a.active, .nav-header ul.level_1 ul .open>a, .nav-header ul.level_1 ul .open>a:focus, .nav-header ul.level_1 ul .open>a:hover{background:rgba(18, 18, 18, 0.58);text-decoration:none;color:#ff0;border-radius:0;} .nav-header ul.level_1>li>a.active, .icon-home .nav-header ul.level_1>li>.icon-home{text-decoration:none;color:#fff !important;background:#d60637;} .nav-header ul.level_1>li>a.icon-home, .nav-header ul.level_1>li>span.icon-home{text-indent:-9999px;text-align:left;width:50px;position:relative;} .nav-header ul.level_1>li>a.icon-home:before, .nav-header ul.level_1>li>span.icon-home:before{font-family:"Font Awesome 5 Pro";content:"\f015";font-size:1.5em;text-align:center;text-indent:0px;height:100%;width:100%;padding:0px;position:absolute;left:0px;top:0px;display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:-webkit-flex !important;display:flex !important;-webkit-flex-direction:row !important;-ms-flex-direction:row !important;flex-direction:row !important;-webkit-flex-wrap:wrap !important;-ms-flex-wrap:wrap !important;flex-wrap:wrap !important;-webkit-box-pack:center !important;-moz-box-pack:center !important;-webkit-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important;-webkit-box-align:center !important;-moz-box-align:center !important;-webkit-align-items:center !important;-ms-flex-align:center !important;align-items:center !important;} .nav-header .navbar-brand{display:none } .nav-header .navbar-collapse{padding-left:0px;padding-right:0px } .nav-header li>ul{background-color:inherit;left:0px;top:0px;opacity:0;z-index:-9999;position:absolute;display:block;padding:0px;list-style:none;border:none;box-shadow:none;box-shadow:1px 1px 3px -2px #000;margin-bottom:0px;padding-bottom:0px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);} .nav-header li:hover>ul{display:block;z-index:9999;opacity:1;margin-top:0px;padding-top:0px;-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} .nav-header ul.level_1 ul>li:hover ul{top:0px;left:100%;} .nav-header ul.level_1>li:hover>ul{top:100%;left:1px;} .nav-header ul.level_1 ul li{position:relative } .nav-header .caret-icon{margin-left:0px;font-size:10px;float:right;margin-top:4px;} .nav-header ul.level_1 li li.submenu a, .nav-header ul.level_1 li li.submenu span{padding-right:40px;} .nav-header ul.level_1 li li.submenu a .caret-icon, .nav-header ul.level_1 li li.submenu span .caret-icon{font-size:10px;position:absolute;right:10px;top:10px;margin-top:0px;} .nav-header ul.level_1 >li>a .caret-icon, .nav-header ul.level_1 >li>span .caret-icon{margin-left:5px;margin-top:-3px;} .nav-header ul.level_1>li>a>.caret-icon:before{content:'\f0dd';} .nav-header ul.level_1>li>a .caret-icon, .nav-header ul.level_1>li>span .caret-icon{display:inline-block;vertical-align:top;} .nav-header .icon-tree{display:none;} .nav-header li.hidden-md-menu-child{display:none !important;} .nav-header .hidden-md-menu{display:none;} } @media screen and (max-width:992px) and (min-width:768px) { .nav-header .navbar-toggle{background:url("/files/system/img/general/resp_menu_btn.png") center center no-repeat;background-size:44px 44px;border-color:transparent;color:#FFF;position:relative;width:44px;height:44px;padding:0px;text-indent:-99999px;margin:2px 0px 2px 30px;display:block;} .nav-header .navbar-toggle:focus, .nav-header .navbar-toggle:hover{background-color:transparent;box-shadow:none } .nav-header .navbar-collapse{display:none !important;position:absolute;min-width:300px;text-align:left;top:99%;z-index:9999;} .nav-header .navbar-collapse.in{display:block !important;background:none;padding:0px;margin-bottom:15px;} .nav-header{float:left !important;display:block !important;position:relative;width:100%;} .nav-header .navbar-header{float:right;display:block;position:relative;} .nav-header ul a{color:#FFF;background:#aa243c;border-bottom:1px solid #111f4c;position:relative;} .nav-header ul span, .nav-header ul a.active, .nav-header ul a:hover, .nav-header .open>a, .nav-header .open>a:focus, .nav-header .open>a:hover{background:#FFF;color:#aa243c;border-color:#aa243c;} .nav-header ul a.dropdown-toggle, .nav-header ul span.dropdown-toggle{padding-right:50px !important;} .nav-header .dropdown-menu{position:relative;left:0px;width:100%;padding:0px;float:inherit;margin:0px;border:none;margin-bottom:0px;background:none;} .nav-header ul.level_1>li>a, .nav-header ul.level_1>li>span{padding-right:7px;padding-left:7px;text-transform:none;} .nav-header ul.level_1 ul a, .nav-header ul.level_1 ul span{padding:10px;} .nav-header .dropdown-submenu>.dropdown-menu{left:0px;margin-left:0px;} .nav-header .caret-icon{position:absolute;right:0px;width:40px;text-align:center;height:100%;z-index:1;background:rgba(202, 202, 202, 0.19);top:0px;display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:-webkit-flex !important;display:flex !important;-webkit-flex-direction:row !important;-ms-flex-direction:row !important;flex-direction:row !important;-webkit-flex-wrap:wrap !important;-ms-flex-wrap:wrap !important;flex-wrap:wrap !important;-webkit-box-pack:center !important;-moz-box-pack:center !important;-webkit-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important;-webkit-box-align:center !important;-moz-box-align:center !important;-webkit-align-items:center !important;-ms-flex-align:center !important;align-items:center !important;} .nav-header .navbar-collapse.in{right:0px;} } @media screen and (max-width:1330px) and (min-width:992px) { .nav-header ul.level_1>li>a, .nav-header ul.level_1>li>span{padding-left:15px;padding-right:15px;} } @media screen and (min-width:1330px) { .nav-header ul.level_1>li>a, .nav-header ul.level_1>li>span{padding-left:18px;padding-right:18px;} .nav-header .hidden-lg-menu{display:none !important;} } @media screen and (max-width:767px) { .nav-header{border:none;background:none;margin:0px;text-align:left;padding:0px;position:relative;background:#d60637;} .nav-header .navbar-collapse, .nav-header .navbar-form{margin-bottom:0px;padding:0px;border:none;margin-right:0px;margin-left:0px;background:#ae802d;} .nav-header .navbar-toggle{background:url("/files/system/img/general/resp_menu_btn.png") center center no-repeat;background-size:40px 40px;border-color:transparent;color:#FFF;position:relative;width:40px;height:40px;padding:0px;text-indent:-99999px;margin:1px 15px 1px 0px;top:0px;right:0px;z-index:999;} .nav-header .navbar-toggle span{display:none;} .nav-header .navbar-toggle:focus, .nav-header .navbar-toggle:hover{background-color:transparent;box-shadow:none } .nav-header a.active, .nav-header li>a:focus, .nav-header li>a:hover, .nav-header .open>a, .nav-header .open>a:focus, .nav-header .open>a:hover{background:none;color:#FFF;} .nav-header .navbar-toggle .icon-bar{background:#FFF } .nav-header .navbar-header{margin-right:0px;margin-left:0px } .nav-header .dropdown-menu{display:none;left:0px;background:none;border:none;position:relative;float:inherit;box-shadow:none;} .nav-header .open>.dropdown-menu{display:block;} .nav-header .dropdown-submenu>.dropdown-menu{left:0px;margin-top:0px;margin-left:5px;top:auto;} .nav-header .caret-icon{width:30px;height:30px;vertical-align:middle;position:absolute;right:0px;display:block;line-height:34px;text-align:center;font-size:10px;bottom:1px;color:#FFF;} .nav-header .icon-tree{display:none;} .nav-header li ul{padding-left:15px;} .nav-header li{position:relative !important;border-bottom:1px solid #FFF;} .nav-header li.last{border:none;box-shadow:none;} .nav-header li a{position:relative !important;background:none;color:#FFF;margin-bottom:1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:7px 10px;font-size:1em;} .nav-header .dropdown-submenu a, .nav-header .dropdown-menu a{white-space:normal;background:none;} }