.news-orders select, .news-orders input[type="text"], .news-orders input[type="password"], .news-orders input[type="email"], .news-orders textarea{border:1px solid #ddd;padding:10px } .news-orders .woocommerce-info{color:#1A8E14;font-size:20px;text-transform:uppercase;margin-bottom:20px } .news-orders .customer_details label{display:block;margin:0 0 5px } .news-orders .customer_details .inline-block{display:inline-block } .news-orders .customer_details .margin-bottom-0{margin-bottom:0px } .news-orders .customer_details .font-weight-none{font-weight:normal } .news-orders .customer_details input[type="text"], .news-orders .customer_details textarea{margin-bottom:10px;width:100% } .news-orders p.error, .news-orders abbr{color:#F00 } .news-orders>h2{position:relative;padding-bottom:10px;margin-bottom:20px;color:#d30000;font-weight:bold;position:relative;font-size:1.5em;} .news-orders .headline{font-size:1.5em;color:#5e1a71 } .news-orders>h2:after{max-width:250px;width:100%;content:"";bottom:0px;left:0px;border-bottom:1px solid #c1c1c1;display:block;position:absolute;} .news-orders .book-now-submit{text-align:right;margin-bottom:15px;} .news-orders span.input-group{position:relative;} .news-orders span.input-group:after{content:"";position:absolute;z-index:1;right:7px;top:50%;width:25px;height:26px;margin-top:-13px;font-family:'fontdl';content:"";text-align:center;} .news-orders span.group-billing-date:after{content:"\F271";} .news-orders span.group-billing-email:after{content:"\E80D";} .news-orders span.group-billing-name:after{content:"\E813";} .news-orders span.group-billing-phone:after{content:"\E83D";} .news-orders span.group-billing-address:after{content:"\E81A";} .news-orders span.group-billing-promotion:after{content:"\E81E";} .cart-button{position:relative;z-index:9999;} .cart-button>.content{display:none;background:#F7F6F6;padding:10px;} .cart-button>.content.empty{display:none !important;} .cart-button>.content .item{display:block;text-align:left;border-bottom:1px solid #ECECEC;box-shadow:0px 1px 0px 0px #FFF;margin-bottom:5px;} .cart-button>.content .item:after{content:"";clear:both;display:block;} .cart-button>.content .item img{float:left;margin:3px 10px 3px 0px;} .cart-button>.content .item .headline{display:block;color:#4E4E4E;font-weight:normal;} .cart-button>.content .item span{display:block;font-size:0.8em;color:#C5B2B4;text-align:right;} .cart-button>.content .total{display:block;text-align:center;color:#BD1B29;font-size:1.2em;margin:10px 0px;} .cart-button>.content .orders-button{display:block;} .cart-button>.content .orders-button a{display:block;text-align:center;background:#5F7979;color:#FFF;text-decoration:none;padding:10px 5px;} .cart-button>.content .orders-button a:hover{background:#fa0000;} .cart-button>span{display:block;cursor:pointer;font-size:1em;color:#543112;padding:14px 0px;text-align:center;} .cart-button>span i{display:inline-block;width:19px;height:19px;text-indent:-1000px;position:relative;overflow:hidden;background:url("/files/system/img/general/i-cart.png") center center no-repeat;margin-bottom:3px;} .cart-button>span b{display:inline-block;vertical-align:top;line-height:18px;padding:2px 8px;margin-left:5px;background:#e03920;color:#FFF;-moz-border-radius:4px;border-radius:4px;} .cart-order-list{position:relative;display:block;} .cart-order-list>h2{display:block;font-size:1.5em;color:#BD1B29;} .cart-order-list input[type=text]{width:50px;height:30px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding-left:5px;padding-right:5px;text-align:right;color:#444;} .cart-order-list .total h2{color:#BD1B29;font-size:1.5em;} .cart-order-list .control .btn{margin:15px 5px;} .cart-order-list .table-responsive{background:#FFF;color:#444;} .cart-order-list .table-responsive .table{margin-bottom:0;} .cart-order-list .table-responsive .table a{font-weight:bold;font-size:1.2em;color:#000;} .cart-order-list select{height:30px;display:inline-block;width:120px;max-width:99%;color:#444;} .send-mail-cart .items .total h2{display:block;margin:0px 0px 15px 0px;padding:10px;background:#e20000;color:#FFF;font-size:1.5em;text-align:center;} .send-mail-cart .item:after{content:"";clear:both;display:block;} .send-mail-cart .items{background:rgba(247, 247, 247, 0.82);color:#444;} .send-mail-cart .item{padding:5px;border-bottom:1px dotted #DCDCDC;} .send-mail-cart .item a{float:left;margin-right:10px } .send-mail-cart .item .name{display:block;color:#BD1B29;} .send-mail-cart .item .prices{display:block;color:#757575;font-size:0.8em;} .send-mail-cart .payment{display:block;margin-bottom:15px;padding:0;} .send-mail-cart h2.h-payment{margin-bottom:10px;padding:10px 20px;background:#FFF;font-size:1.2em;color:#000;font-weight:bold;text-align:left;} .send-mail-cart .payment .method{padding:0px 10px;} .send-mail-cart .payment label{font-weight:normal;display:block;position:relative;overflow:hidden;} .send-mail-cart .payment input{margin-right:10px;float:left;} .send-mail-cart .payment .active label, .send-mail-cart .payment label:hover{font-weight:bold;} .send-mail-cart .payment .info-payment{display:none;margin-left:20px;color:#777;padding:10px;border:1px solid #CCC;} .send-mail-cart .payment .active .info-payment{display:block;} @media screen and (min-width:768px) { .cart-button>span{display:inline-block;padding:1px 7px;margin-left:5px;-moz-border-radius:4px;border-radius:4px;margin-top:12px;} .cart-button:hover>div.content{display:block;position:absolute;min-width:250px;right:0px;} .rTable{display:table;width:100%;} .rTableRow{display:table-row;} .rTableHeading{display:table-header-group;background-color:#ddd;} .rTableCell,.rTableHead,.rTableRow-bottom{padding:5px 10px;border-bottom:1px dashed #d8d8d8;} .rTableHead{padding-top:15px;padding-bottom:15px;color:#444;} .rTableCell,.rTableHead{display:table-cell;} .rTableRow-bottom{display:block;} .rTableHeading{display:table-header-group;background-color:#ddd;font-weight:bold;} .rTableFoot{display:table-footer-group;font-weight:bold;background-color:#ddd;} .rTableBody{display:table-row-group;} .rTable:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .rstt{width:50px;text-align:center;} .rimage{width:125px;text-align:center;} .rdongia{width:100px;text-align:right;} .rsoluong{width:100px;text-align:right;} .rgiamgia{width:100px;text-align:right;} .rthanhtien{width:120px;text-align:right;} .rxoa{width:50px;text-align:center;} } @media screen and (min-width:768px) and (max-width:991px) { .cart-button>span{margin-top:12px;} .icon-search>span{margin-top:1px !important;} } @media screen and (max-width:767px) { .cart-button{margin-top:10px;} .cart-button:hover>.content,.cart-button>.active{display:block;position:absolute;right:0px;min-width:320px;z-index:1000;} .cart-button>span{display:inline-block;padding:5px 0px;-moz-border-radius:4px;border-radius:4px;} .rTableRow{padding:15px 15px 15px 100px;border-bottom:1px dashed #d8d8d8;position:relative;z-index:1;} .rTableRow:after{content:"";position:absolute;top:0px;left:85px;right:0px;bottom:0px;z-index:-1;background:#f3f3f3;} .rimage{position:absolute;top:10px;left:10px;} .rdongia,.rgiamgia{font-size:0.9em;color:#555;} .rxoa{position:absolute;left:20px;bottom:20px;z-index:5;} .rsoluong{margin-top:10px;position:relative;display:block;background:#eaeaea;text-align:center;} .rsoluong input{background:none !important;border:none;text-align:center;display:inline-block !important;vertical-align:top;height:40px !important;font-weight:bold;color:#777 !important;width:40% !important;} .rsoluong .pre, .rsoluong .next{content:"";display:inline-block;width:27%;text-align:center;font-weight:bold;height:40px;line-height:40px;cursor:pointer;vertical-align:top;} } @media screen and (max-width:600px) { .cart-button:hover>.content,.cart-button>.active{display:block;position:fixed;top:33px;right:0px;left:0px;min-width:320px;z-index:1000;} .cart-order-list .control .btn{margin:5px;} } .cart-button>.content .item{display:flex;} .cart-button>.content .item .item-info{width:85%;} .cart-button>.content .item .item-btn{color:#020202;width:15%;text-align:right;align-self:center;} .cart-button>.content .item:after{content:"";clear:both;display:block;} .cart-button>.content .item img{float:left;margin:3px 10px 3px 0px;} .cart-button>.content .item .headline{display:block;color:#4E4E4E;font-weight:normal;} .cart-button>.content .item span{display:block;font-size:0.8em;color:#020202;text-align:right;} .cart-button>.content .total{display:block;text-align:center;color:#BD1B29;font-size:1.2em;margin:10px 0px;} .container-slider{display:table;zoom:1;position:relative;width:100%;max-width:100%;margin:0px auto 0px;z-index:90;text-align:left;font-size:10px;text-shadow:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} * html .container-slider{width:640px } .container-slider .ws_images ul{position:relative;width:10000%;height:100%;left:0;list-style:none;margin:0;padding:0;border-spacing:0;overflow:visible;} .container-slider .ws_images ul li{position:relative;width:1%;height:100%;line-height:0;overflow:hidden;float:left;padding:0 0 0 0 !important;margin:0 0 0 0 !important;} .container-slider .ws_images{position:relative;left:0;top:0;height:100%;max-width:100%;vertical-align:top;border:none;overflow:hidden;} .container-slider .ws_images ul a{width:100%;height:100%;display:block;color:transparent;} .container-slider img{max-width:none !important;} .container-slider .ws_images .ws_list img,.container-slider .ws_images>div>img{width:100%;border:none 0;max-width:none;padding:0;margin:0px !important;} .container-slider .ws_images>div>img{} .container-slider .ws_images iframe{position:absolute;z-index:-1;} .container-slider .ws-title>div{display:inline-block !important;} .container-slider a{text-decoration:none;outline:none;border:none;} .container-slider .ws_bullets{float:left;position:absolute;z-index:70;} .container-slider .ws_bullets div{position:relative;float:left;font-size:0px;} .container-slider .ws_bullets a{line-height:0;} .container-slider .ws_script{display:none;} .container-slider .ws_effect{position:static;width:100%;height:100%;} .container-slider .ws_photoItem{border:2em solid #fff;margin-left:-2em;margin-top:-2em;} .container-slider .ws_cube_side{background:#A6A5A9;} .container-slider.ws_gestures{cursor:-webkit-grab;cursor:-moz-grab;cursor:move;} .container-slider.ws_gestures.ws_grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:move;} .container-slider .ws_bullets a{position:relative;display:inline-block;margin:0 2px;padding:5px;width:0;border-radius:50%;background:rgba(0, 0, 0, 0);-webkit-box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px #fff;} .container-slider .ws_bullets a.ws_selbull{background:#fff;padding:6px;-webkit-box-shadow:none;box-shadow:none;} .container-slider a.ws_next,.container-slider a.ws_prev{position:absolute;font:3.2em "ws-ctrl-bootstrap";z-index:60;color:#fff;overflow:hidden;width:15%;height:100%;top:0;opacity:.5;} .container-slider a.ws_next{left:85%;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x;} .container-slider a.ws_prev{left:0;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x;} .container-slider a.ws_next:after,.container-slider a.ws_prev:after{position:absolute;display:block;top:50%;margin-top:-20px;left:0;right:0;text-align:center;vertical-align:middle;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.6);} .container-slider a.ws_next:after{content:'\e801';} .container-slider a.ws_prev:after{content:'\e800';} .container-slider a.ws_next:hover,.container-slider a.ws_prev:hover{opacity:0.9;} .container-slider .ws_playpause{position:absolute;font:3.2em "ws-ctrl-bootstrap";top:50%;left:50%;margin-top:-0.5em;margin-left:-0.3125em;color:#fff;opacity:0.5;text-shadow:0 1px 2px rgba(0,0,0,0.6);text-decoration:none;z-index:59;} .container-slider .ws_playpause:hover{opacity:0.9;} .container-slider .ws_playpause:after{display:block;text-align:center;} .container-slider .ws_pause:after{content:'\e803';} .container-slider .ws_play:after{content:'\e802';} .container-slider .ws_bullets{bottom:20px;right:0%;} .container-slider .ws_bullets div{left:-50%;} .container-slider .ws_bulframe span{visibility:visible;opacity:1;position:absolute;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #fff;bottom:-10px;margin-left:-7px;left:43px;} .container-slider .ws-title{position:absolute;background:none;font:2.4em 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#fff;text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);bottom:50px;top:auto;opacity:1;text-align:center;width:100%;padding-left:20%;padding-right:20%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:50;} .container-slider .ws-title div{margin-top:0.5em;font-size:0.542em;} .container-slider a.ws_next,.container-slider a.ws_prev,.container-slider .ws_playpause{display:none;} * html .container-slider a.ws_next,* html .container-slider a.ws_prev{display:block} .container-slider:hover a.ws_next,.container-slider:hover a.ws_prev,.container-slider:hover .ws_playpause{display:block} .container-slider .ws_images>ul{animation:wsBasic 12s infinite;-moz-animation:wsBasic 12s infinite;-webkit-animation:wsBasic 12s infinite;} @keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} } @-moz-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} } @-webkit-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} } .container-slider .ws_bullets a img{text-indent:0;display:block;bottom:15px;left:-43px;visibility:hidden;position:absolute;border:1px solid #fff;max-width:none;} .container-slider .ws_bullets a:hover img{visibility:visible;} .container-slider .ws_bulframe div div{height:48px;overflow:visible;position:relative;} .container-slider .ws_bulframe div{left:0;overflow:hidden;position:relative;width:85px;background-color:#fff;} .container-slider .ws_bullets .ws_bulframe{display:none;bottom:19px;margin-left:2px;overflow:visible;position:absolute;cursor:pointer;border:3px solid #fff;} .container-slider .ws_bulframe div div{height:auto;} @media all and (max-width:760px){.container-slider .ws_fullscreen{display:block;}} @media all and (max-width:400px){.container-slider .ws_controls,.container-slider .ws_bullets,.container-slider .ws_thumbs{display:none}} .contact-online-div .content-main,.contact-online-div .content-main .rows{display:block;position:relative;} .contact-online-div.center{text-align:center;} .contact-online-div .content-main .rows>div.icon-full > a,.contact-online-div .content-main .rows>div.icon-full > .info-contact,.contact-online-div .content-main .rows>div{display:inline-block;vertical-align:top;} .contact-online-div .icon-full>a{display:inline-block;min-width:30px;text-align:right;white-space:nowrap;} .contact-online-div .rows a img{vertical-align:middle;} .contact-online-div .content-main h1, .contact-online-div .content-main h2, .contact-online-div .content-main h3, .contact-online-div .content-main h4{margin:0px;} .contact-online-div .content-main .rows>div.icon-full,.contact-online-div .content-main,.contact-online-div .content-main .rows{display:block;position:relative;} .contact-online-div .content-main .rows{padding:3px 10px;} .contact-online-div .content-main .rows.block{border-bottom:1px dotted #E2E2E2;} .contact-online-div .content-main .rows.last{border:none;} .contact-online-div .content-main .rows>div.icon-full .info{color:#024D6B;font-size:90%;} .contact-online-div .content-main .rows>div.icon-full .info-contact,.contact-online-div .content-main .rows>div.title{font-weight:bold;padding-left:5px;min-width:40px;text-align:left;} .contact-online-div .content-main .rows.hotline-title .title_full{color:#DB0000;font-size:3em;text-align:center;display:block;text-shadow:2px 0px 2px #4B4F52;font-weight:bold;} .contact-online-div .content-main .rows.inline-block{width:48%;display:inline-block;padding:1px;text-align:center;} .contact-online-div .content-main .rows.center{text-align:center;} .contact-online-div .content-main .rows.inline-block .icon-full>a{width:inherit;padding-left:5px;} .contact-online-div .content-main .rows.inline{display:inline-block;text-align:left;padding:5px 10px;vertical-align:top;} .contact-online-div .content-main .rows.inline-block >div.icon-full .info-contact{padding-left:5px;min-width:inherit;} .contact-online-div .content-main .hotline{font-size:1.2em;font-weight:bold;line-height:1.5em;} .contact-online-div .content-main .hotline .title{color:#000;} .contact-online-div .content-main .icon-chat{display:inline-block;min-width:30px;text-align:right;} .contact-online-div .content-main .icon-chat a{display:block;margin-bottom:1px;} .contact-online-div .content-main .rows p{margin:0px;padding:0px;} .contact-online-div .content-main .rows a{text-decoration:none;} .list-news-scroll{display:block;padding-bottom:0px;} .list-news-scroll:after{content:"";clear:both;display:block;} .list-news-scroll.background{background:#E4E4E4;} .list-news-scroll .content, .list-news-teaser .content{display:block;clear:both;position:relative;} .block-float .content{clear:inherit;} .list-news-scroll .layout_latest{max-width:100%;position:relative;} .list-news-scroll .layout_latest:after{content:"";display:block;clear:both;float:inherit !important;} .list-news-scroll .layout_latest>div{display:block;padding:1px;position:relative;} .list-news-scroll .layout_latest>div.teaser{padding-top:0px;text-align:justify;} .list-news-scroll .layout_latest>div.clearfix{padding:0px;} .list-news-scroll .layout_latest h2, .list-news-teaser .layout_latest h2{font-size:1em;margin-top:0px;} .list-news-scroll .layout_latest h2 a{font-size:1.4em;color:#753600;display:block;font-weight:500;position:relative;margin-bottom:10px;line-height:1.2em;overflow:hidden;z-index:1;margin-top:0px;padding-bottom:0px;} .list-news-scroll .layout_latest h2 a:hover, .list-news-scroll .layout_latest:hover h2 a{text-decoration:none;color:#f60e20;} .list-news-scroll .layout_latest .teaser{font-size:1em;color:#6f6f6f;font-style:italic;} .list-news-teaser .layout_latest:after{display:block;content:"";clear:both} .list-news-scroll .layout_latest figure a{text-align:center;position:relative;overflow:hidden;display:inline-block;z-index:1;} .list-news-scroll .layout_latest figure a{overflow:hidden;position:relative;display:block;} .list-news-scroll .layout_latest .ce_control{text-align:center;padding-bottom:15px} .list-news-scroll .layout_latest .ce_control a{background:#fbb514;color:#FFF;text-decoration:none;padding:5px 30px;margin:5px auto;display:inline-block;text-transform:uppercase;font-size:0.9em;} .list-news-scroll .layout_latest .ce_control a:hover{background:#e10e00;} .list-news-scroll .layout_latest .ce_control .views{font-size:0.8em;color:#8C8C8C} .list-news-scroll .layout_latest .tooltip-img{z-index:1000;max-width:100%;opacity:0;position:fixed} .list-news-scroll .headline a.more{font-size:12px;text-transform:none;text-decoration:none;text-align:right;} .list-news-scroll .headline span i{padding-right:5px;display:none !important;} .list-news-scroll .headline a.more{float:right;margin:0px;margin-top:14px;top:0px;padding:1px 10px;background:#EEE;color:#1d1d1d;position:relative;z-index:10;} .list-news-scroll .headline a.more:hover{background:#016cca;color:#FFF;} .list-news-scroll .padding-bottom{padding-bottom:30px;} .list-news-scroll .layout_latest .fast-view{position:absolute;opacity:0;z-index:100;left:0px;top:0px;text-align:center;width:100%;height:100%;-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;} .list-news-scroll .layout_latest figure:hover>.fast-view{opacity:1;} .list-news-scroll .layout_latest .fast-view a{cursor:pointer;display:inline-block;width:80px;height:80px;background:rgba(241, 241, 241, 0.81);color:#4c4c4c;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden;border:2px solid #FFF;text-decoration:none;} .list-news-scroll .layout_latest .fast-view i{display:block;font-size:2em;margin-bottom:5px;} .list-news-scroll .layout_latest .fast-view span{display:block;font-size:0.8em;} .news-list .layout_latest{text-align:left;padding:10px;margin-top:8px;} .news-list .layout_latest p.info{text-align:right;font-weight:bold;} .news-list .layout_latest .teaser{line-height:1.4em;position:relative;overflow:hidden;font-style:italic;} .news-list .layout_latest figure{float:left;margin-right:15px;margin-bottom:5px;max-width:40%;position:relative;z-index:9;} .news-list .layout_latest h2{font-weight:normal;margin-bottom:15px;margin-top:0px;} .news-list .layout_latest h2 a{text-align:left;font-size:1.2em;text-transform:none;font-weight:bold;} .news-list .layout_latest .more{text-align:right;padding-top:15px;} .news-list .layout_latest .more>span{display:inline-block;padding:3px 10px;background:#EAEAEA;color:#00135D} .news-list .layout_latest .more i{padding-right:5px;color:#0b3a00;} .news-list .layout_latest .more a{color:#909090;text-transform:none;font-size:0.9em;} .block-color .layout_latest h2{margin-top:15px;} .block-color .layout_latest{padding-bottom:30px;} .news-reader-product, .news-reader-product .layout_full{display:block;position:relative;margin-bottom:20px;} .news-reader .layout_full>h1, .news-reader-product .layout_full>h1{font-size:1.8em;margin-bottom:20px;margin-top:0px;color:#000;} .news-reader .layout_mansory .content-albums{display:block;position:relative;margin-bottom:20px;} .news-reader .layout_mansory .content-albums .item{display:block;margin-bottom:6px;box-shadow:0px 0px 0px 1px #dedede;border:2px solid #FFF;} .news-reader .layout_mansory .content-albums>div{padding-left:3px;padding-right:3px;} .news-reader .layout_mansory .content-albums:after{content:"";clear:both;display:block;} .news-reader .owl-carousel{margin-top:15px;} .news-related{margin-bottom:15px;} .news-list-ul .content, .news-related .content{display:block;clear:both;padding-left:15px;} .news-list-ul .content .layout_simple, .news-related .content .layout_simple{display:list-item;position:relative;} .news-list-ul .content .layout_simple:after, .news-list-ul ul{content:"";display:block;clear:both;} .news-list-ul .content .layout_simple .headline{margin-left:75px;display:block;} .news-list-ul .content .layout_simple time{position:absolute;left:0px;} p.empty{display:block;clear:both;text-align:center;} .news-related a{color:#11a4be;} .related-content{display:block;margin:15px 0px;padding:15px;background:#f5f5f5;} .owl-controls .owl-page, .owl-controls .owl-buttons div{position:absolute;z-index:10;display:block;top:calc(50% - 20px);opacity:0.4;width:0px;height:0px;border-bottom:20px solid transparent;border-top:20px solid transparent;} .owl-controls .owl-page, .owl-controls .owl-buttons div:hover{opacity:0.8;} .owl-controls .owl-page, .owl-controls .owl-buttons div.owl-prev{left:-10px;border-right:20px solid #000;} .owl-controls .owl-page, .owl-controls .owl-buttons div.owl-next{right:-10px;border-left:20px solid #000;} .list-news-simple{border:1px solid #177dd7;margin-bottom:15px;} .list-news-simple>h2{display:block;background:#177dd7;color:#FFF;margin:0px 0px 25px 0px;padding:10px;font-size:1.2em;font-weight:bold;} .list-news-simple>h2:before{font-family:"fontdl";content:'\e838';display:inline-block;margin-right:10px;} .list-news-simple ul li{padding-left:20px;position:relative;padding-bottom:15px;} .list-news-simple ul li:before{font-family:"fontdl";content:'\e806';position:absolute;left:5px;top:0px;font-size:7px;color:#177dd7;} .list-news-simple ul li a{color:#f00;} @media screen and (min-width:768px){ .list-news-product .layout_latest figure, .news-reader-product .layout_full .image_container_div{} .list-news-scroll .layout_latest{display:inline-block;float:inherit;vertical-align:top;} .news-list .layout_latest{display:block;margin-left:0px;} .list-news-scroll .mix-list .layout_latest{display:none;} .list-news-scroll .mix-list .layout_latest{width:calc(25% - 3px);} .news-list .layout_latest p.info{float:right;margin-left:15px;background:#d0d0d0;color:#FFF;padding:5px;font-weight:normal;} .list-products>.layout_latest .tooltip-hover.active{display:block;} .one-items-list>div h2 a, .one-items-list>div .teaser{text-align:center !important;} .list-news-scroll .simple-list-news{min-height:320px;} } @media screen and (min-width:992px){ .md-mix-list .mix-list .layout_latest{width:calc(33.25% - 3px);} } @media screen and (max-width:768px){ .list-news-scroll .layout_latest{display:block;} .list-news-scroll .layout_latest figure{text-align:center;float:inherit;width:100%;} .list-news-scroll.news-list .layout_latest figure{text-align:left;float:left;} .list-news-scroll.block-float .layout_latest figure{text-align:left;float:left;} .list-news-scroll .layout_latest .tooltip-inner, .list-news-scroll .layout_latest .tooltip{display:none} .list-products{text-align:center;} .list-news-scroll .mix-list .layout_latest{width:calc(33.3% - 2px);} .headline-maximage .content{position:relative;bottom:inherit;} .news-home-list{right:10px;} .news-list-ul>h2,.news-related>h2{float:inherit;} .news-home-list h2{display:block;} .icon-h2{padding-left:15px;padding-right:15px;} .icon-h2>.more{right:15px;} .list-news-scroll .simple-list-news{border:none;} .news-list .layout_latest .teaser{overflow:inherit;} } @media screen and (max-width:640px){.list-news-scroll>h2, .list-news-teaser>h2, .list-news-scroll h2.headline{font-size:1.4em;} .reader-news .pdf_link{display:block;position:relative;text-align:right;} .list-news-scroll h2.headline span:after{background:none;} .list-news-scroll .mix-list .layout_latest{width:calc(50% - 2px);} } @media screen and (max-width:500px){.news-home-list{position:relative;bottom:inherit;right:inherit;} .news-home-list ul{display:block;max-width:100%;} .icon-h2>.more{position:relative;top:0px;margin:10px auto;display:block;max-width:130px;text-align:center;} } @media screen and (max-width:420px){.list-news-scroll .layout_latest figure{text-align:center;float:inherit;} .list-news-scroll.news-list .layout_latest figure{text-align:center;float:inherit;} .list-news-scroll.block-float .layout_latest figure{text-align:left;float:left;} .mix-list .layout_latest{width:100%;display:block;} .block-color .slick-initialized .layout_latest div.content .teaser{display:block;} } @charset "UTF-8";.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0;}.slick-list:focus{outline:none;}.slick-loading .slick-list{background:#fff url("../../system/modules/news/assets/img/ajax-loader.gif") center center no-repeat;}.slick-list.dragging{cursor:pointer;cursor:hand;}.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.slick-track{position:relative;left:0;top:0;display:block;}.slick-track:before,.slick-track:after{content:"";display:table;}.slick-track:after{clear:both;}.slick-loading .slick-track{visibility:hidden;}.slick-slide{float:left;height:100%;min-height:1px;display:none;}[dir="rtl"] .slick-slide{float:right;}.slick-slide figure{display:block;width:100% !important;}.slick-slide img{display:inline-block;max-width:100% !important;height:auto !important;}.slick-slide.slick-loading img{display:none;}.slick-slide.dragging img{pointer-events:none;}.slick-initialized .slick-slide{display:block;margin:10px;}.slick-loading .slick-slide{visibility:hidden;}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}@font-face{font-family:"slick";src:url("../../system/modules/news/assets/fonts/slick.eot");src:url("../../system/modules/news/assets/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../../system/modules/news/assets/fonts/slick.woff") format("woff"), url("../../system/modules/news/assets/fonts/slick.ttf") format("truetype"), url("../../system/modules/news/assets/fonts/slick.svg#slick") format("svg");font-weight:normal;font-style:normal;}.slick-prev,.slick-next{position:absolute;display:block;height:100%;width:30px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;top:0%;margin-top:0px;padding:0;border:none;outline:none;}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:none;background:none;color:transparent;}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:0.6;}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:0.25;}.slick-prev:before,.slick-next:before{width:30px;left:0px;position:absolute;height:94px;top:50%;margin-top:-47px;opacity:0.15;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{color:#FFF;}.slick-prev{left:0px;text-align:left;}[dir="rtl"] .slick-prev{left:auto;right:-25px;}.slick-prev:before{content:"";background:url("/files/system/img/general/icon-p.png") left center no-repeat;}[dir="rtl"] .slick-prev:before{content:"";background:url("/files/system/img/general/icon-p.png") left center no-repeat;}.slick-next{right:0px;text-align:right;}[dir="rtl"] .slick-next{left:-25px;right:auto;}.slick-next:before{content:"";background:url("/files/system/img/general/icon-n.png") right center no-repeat;}[dir="rtl"] .slick-next:before{content:"";background:url("/files/system/img/general/icon-n.png") right center no-repeat;}.slick-dots{position:absolute;bottom:-45px;list-style:none;display:block;text-align:center;padding:0;width:100%;}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer;}.slick-dots li button{border:0;background:transparent;display:block;height:20px;width:20px;outline:none;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer;}.slick-dots li button:hover, .slick-dots li button:focus{outline:none;}.slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity:1;}.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:"slick";font-size:6px;line-height:20px;text-align:center;color:black;opacity:0.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.slick-dots li.slick-active button:before{color:black;opacity:0.75;} #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:'body';font-style:normal;font-weight:normal;src:url("/assets/fonts/normal.ttf") format('truetype');} @font-face{font-family:'body';font-style:normal;font-weight:bold;src:url("/assets/fonts/bold.ttf") format('truetype');} @font-face{font-family:'body';font-style:italic;font-weight:normal;src:url("/assets/fonts/italic.ttf") format('truetype');} @font-face{font-family:'body';font-style:italic;font-weight:bold;src:url("/assets/fonts/bold-italic.ttf") format('truetype');} body,html{color:#333;font-family:"Roboto","Arial",sans-serif;font-size:14px;font-weight:300;line-height:1.3em;} figure{margin:0px;padding:0px;position:relative } a,a:hover,a:focus{color:inherit;} 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;background:#FFF;position:relative;min-height:100%;overflow-x:hidden;} body:after{clear:both;content:"";} .relative{position:relative;} #wrapper{position:relative;clear:both;display:block;margin-left:auto;margin-right:auto;} #wrapper:after{content:"";clear:both;display:block;} .text-left{text-align:left !important;} .relative{position:relative;} 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:#f60e20;color:#FFF;} .table-red th, .table-red td{border-color:#f60e20 !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 !important } .invisible{display:none !important } .no-relative{position:static;} .block-iframe iframe{display:block;} #main{margin-top:20px;} #main>.inside:after{clear:both;content:"";display:block } .overflow{overflow:hidden !important;display:block;position:relative;} #header .logo{padding-top:5px;padding-bottom:5px;position:relative;z-index:1 } #header .logo img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;} #header .logo a{position:relative;} .header-top{background:#b00;} #container{margin-bottom:10px;} #container:after,#header:after{clear:both;content:"";display:block;} .slick-dots{display:none !important;} .div-padding-top{display:block;padding-top:40px;} .div-partner{display:block;padding-top:40px;padding-bottom:40px;} .slider-home{display:block;margin-bottom:-70px;font-size:18px;position:relative;overflow:hidden;} #footer{padding-bottom:0px;} #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:#825229;font-size:12px;} #footer .copyright p{margin:0px;padding:10px 0px;} #footer .footer-copyright{background:#402107;padding:15px 0px;} .footer-icon{padding:20px 0;position:relative;display:block;background:#48270b;} .footer-icon *{color:#dccfc3;} .footer-icon .dl-icon:before{margin-right:5px;display:inline-block;} #footer .block-video>div{width:500px !important;max-width:100%;display:block;margin:0px auto;} #top-link-block{bottom:30px;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;background-size:60%;padding-top:30px;width:55px;display:block;text-align:center;text-indent:1000px;} .background-bre{background:#48270b;padding:80px 0px 20px 0px;margin-bottom:5px;} .menu-brebrum{display:block;padding-top:0px;padding-bottom:0px;} .menu-brebrum .info-more{color:#ab5914;font-weight:normal;font-size:1.6em;line-height:1.2em;margin-bottom:2px;display:block;} .menu-brebrum span{display:inline-block;padding:1px;color:#734218;text-transform:uppercase;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:1.1em;} .menu-brebrum ul{list-style:none;margin:0px;padding:0px;} .menu-brebrum ul li{display:inline;white-space:normal;font-size:1em;padding:8px 0px;} .menu-brebrum ul li:after{content:"\bb";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:#734218 } #left,#right{vertical-align:top;padding-top:10px;} #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:0px 15px;} #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.2em;text-transform:uppercase;margin:0px 0px 10px 0px;color:#ab5914;font-weight:500;padding:5px 0px 5px 0px;text-align:left;border-bottom:2px solid #ab5914;} .block-menu>h2{line-height:36px;} .block-menu>h2 span:before{font-family:'fontdl';content:'\e82d';margin-right:10px;font-size:1em;display:inline-block;font-weight:normal;} .contact-online>h2 span:before{content:'\f03d';} .news-left>h2 span:before{content:'\e831';} .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 ul{padding-left:20px;} .block-menu ul a{color:#48270b;} .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;margin-top:15px;border-top:3px double #e2e2e2;} .pagination>p{display:none;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:none;color:#f60e20;} .skiptranslate{display:none !important;} .background-header{position:relative;background:url("/files/system/img/general/bg-header.jpg") center bottom no-repeat;background-size:cover;} .line-header{background:#543112;color:#FFF;} .mod_banner{margin-bottom:30px;} #wrapper .hidden-wrapper{display:none;} .suntory-alo-phone{background-color:transparent;cursor:pointer;height:60px;position:fixed;transition:visibility 0.5s ease 0s;width:60px;z-index:99!important;text-decoration:none !important;} .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:50px;left:15px;opacity:0.1;position:absolute;top:15px;transform-origin:50% 50% 0;transition:all 0.5s ease 0s;width:50px;} .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:50px;left:15px;position:absolute;top:15px;transform-origin:50% 50% 0;transition:all 0.5s ease 0s;width:50px;} .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:40px;left:20px;opacity:1;position:absolute;top:20px;transform-origin:50% 50% 0;width:40px;} .suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle{background-color:#1182FC;} .suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle img{width:100%;border-radius:100%;} .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:40px;height:40px;} .suntory-alo-phone.suntory-alo-green .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);} } .button-social{font-size:1.5em;padding:10px 0px;margin-right:15px;} .button-social a{font-size:20px;padding:5px;line-height:28px;text-align:center;} .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:#f60e20;} .teaser-company .ce_text>h2,.form-contact-div>h2{display:block;font-weight:normal;font-size:1.5em;} .teaser-company .ce_text>h2 span, .form-contact-div>h2 span{background:#f60e20;padding:8px 12px;color:#FFF;margin-top:0px;font-weight:normal;display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .mod_article .pdf_link{display:none;text-align:right;padding-bottom:15px;} .reader-news .pdf_link{position:relative;right:15px;} .reader-news .back{display:block;margin-top:15px;} .reader-news .back a{text-align:center;display:inline-block;color:#FFF;padding:8px 20px;text-transform:uppercase;font-weight:normal;background:#ab5914;border:none;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;} .reader-news .reader-2column .content-teaser-text>h1{font-size:1.2em;font-weight:bold;} .news-related{display:block;} .news-related .content{display:block;clear:both;} .div-teaser-top{padding:30px 0px 30px 0px;margin-bottom:0px;} .bg-color{background-color:#48270b;color:#FFF;} .bg-logan>h1{margin-top:70px;height:149px;padding:0px;background:url("/files/system/img/general/slogan.png") center center no-repeat;background-size:contain;text-align:center;} .bg-logan>h1 span{position:relative;top:50%;transform:translateY(-50%);font-weight:bold;font-size:1.2em;} .hotline-top>div{display:inline-block;width:190px;text-align:left;text-decoration:none;padding:10px 0px;} .hotline-top img{float:left;margin-right:10px;} .hotline-top span{position:relative;overflow:hidden;font-size:18px;color:#f60e20;display:block;} .hotline-top span b{font-size:16px;color:#000;} .hotline-top>div:after{content:"";clear:both;display:block;} .logo-right{padding-top:10px;padding-bottom:10px;} .link-teaser a{display:inline-block;width:180px;line-height:44px;text-decoration:none;text-align:center;font-size:16px;color:#fff;border:1px solid #fff;-moz-border-radius:26px;-ms-border-radius:26px;-webkit-border-radius:26px;border-radius:26px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;z-index:1000;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;} .link-teaser a:hover{background:rgba(255, 255, 255, 0.5);color:#d6284c;} .block-home-child{padding-top:15px;padding-bottom:15px;position:relative;overflow:hidden;box-shadow:0 0 5px #ccc;margin-bottom:15px;} .block-home-child>h2{margin:0px;display:block;} .block-home-child>h2 span{border-bottom:1px solid #fff;text-align:center;line-height:60px;display:block;} .padding-top-teaser{display:block;padding-top:20px;} .gallery-list{display:block;position:relative;margin-bottom:0px;padding-top:2px;} .gallery-list>h2,.gallery-list>h1{font-size:2em;margin:15px 0px;padding:0px;color:#f00;} .gallery-list img{max-width:100%;} .gallery-list ul{list-style:none;margin:0px;padding:0px;} .gallery-list ul li{float:inherit !important;display:inline-block;vertical-align:top;margin-bottom:2px;padding:0px;margin-left:-1px !important;} .padding-list ul li{padding:15px;} .gallery-list ul li a{position:relative;display:block;} .gallery-list ul li a:hover{text-decoration:none;} .gallery-list span{display:block;padding:10px 0px;font-weight:normal;color:#00667b;font-size:1.2em;} .gallery-list ul li a:before, .gallery-list ul li a:after, .gallery-list ul li figure{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;z-index:1000;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;} .gallery-list ul li a:before{content:"";opacity:1;width:100%;height:100%;position:absolute;left:0px;top:0px;} .gallery-list ul li a:after{width:30px;opacity:0;height:30px;position:absolute;font-family:"fontdl";content:"\E837";text-align:center;line-height:30px;color:#FFF;top:calc(50% - 15px);left:calc(50% - 15px);z-index:1001;font-size:25px;} .gallery-list ul li:hover figure{background-color:transparent;box-shadow:0px 0px 0px 3px #95633a;} .footer-icon h3{font-size:1.2em;font-weight:bold;margin:10px 0px;border-bottom:3px solid #331902;} .footer-icon h3 span{background:#b96e00;display:inline-block;padding:8px 30px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-top-left-radius:10px;border-top-right-radius:10px;} .footer-menu nav{min-height:auto;} .footer-menu ul{list-style:none;padding:0px;margin:0px;} .footer-menu ul li{display:inline-block;vertical-align:top;padding-bottom:5px;} .footer-menu ul li:after{content:"/";display:inline-block;padding:0px 10px;} .footer-menu ul li.last:after{display:none;} .footer-menu ul li a{font-size:1.1em;} .footer-menu ul li a, .footer-menu ul li a font{color:#7cad87;text-transform:uppercase;display:inline-block;} .footer-menu ul li a:hover font{color:#FFF;} .block-languages{display:block;margin-top:4px;position:relative;z-index:802;margin-right: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, #header .block-languages ul li span{padding-left:37px;display:block;font-size:12px;height:20px;line-height:22px;margin:10px 0px 10px 2px;color:#FFF;text-align:left;text-indent:-1000px;padding-left:35px;} .block-languages ul li .lang-vi{background:url("/files/system/img/general/flag_vi.png") left center no-repeat;background-size:32px 20px;} .block-languages ul li .lang-en{background:url("/files/system/img/general/flag_en.png") left center no-repeat;background-size:32px 20px;} .icon-search{position:relative;margin-top:8px;} .icon-search .block-absolute-search>div div{position:relative;} .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 #f60e20;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:46px;height:46px;position:absolute;top:0px;right:0px;border:none;margin:0px;padding:0px;line-height:30px;background:#f60e20 url("/files/system/img/general/search-icon.png") center center no-repeat;margin-left:-30px;margin-top: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:999999;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 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.6em;color:#543112;cursor:pointer;height:25px;width:25px;line-height:24px;text-align:center;} .border-home-item{position:relative;padding-top:180px;margin-bottom:15px;} .border-home-item figure{position:absolute;left:calc(50% - 90px);top:0px;width:180px;height:180px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden;z-index:1;} .border-home-item h3{color:#a12620;} .border-home-item .content{color:#636363;font-style:italic;} .block-news-home{background:url("/files/system/img/general/home_news_bg.jpg") left top repeat;position:relative;z-index:1;} .block-news-home:after{content:"";height:250px;position:absolute;bottom:0px;left:0px;right:0px;z-index:-1;background:#FFF;} .block-news-home .list-news-scroll .layout_latest{padding-bottom:15px;} .block-news-home .list-news-scroll .layout_latest>div{background:#fff;border:1px solid #ebebeb;text-align:left;} .block-news-home .list-news-scroll .layout_latest > div .content{padding:35px;} .block-news-home .list-news-scroll .layout_latest > div h2 a{color:#484848;} .block-news-home .list-news-scroll .layout_latest .ce_control a{background:url("/files/system/img/general/bg-more.png") left bottom no-repeat;width:164px;text-align:center;color:#c44a17;padding:0px 0px 20px 0px;} .block-news-home .list-news-scroll .layout_latest .ce_control{text-align:right;} .block-news-home .link-more a{padding:10px 20px;display:inline-block;background:#FFF;border:1px solid #5a5a5a;text-transform:uppercase;font-weight:bold;} .block-news-home .link-more a:hover{color:#FFF;background:#c44a17;border-color:#c44a17;text-decoration:none;} .tags-content{display:block;} .tags-content b{display:inline-block;margin-right:15px;} .tags-content a{background:#8f6139;display:inline-block;padding:0px 5px;line-height:25px;color:#fff;padding-right:15px;margin-bottom:5px;margin-right:5px;position:relative;} .tags-content a:hover{text-decoration:none;color:#FFF;} .tags-content a:before{content:'';height:0px;width:0px;position:absolute;top:0px;left:-10px;border-top:13px solid transparent;border-bottom:12px solid transparent;border-right:10px solid #8f6139;} .tags-content a:after{content:'';height:0px;width:0px;position:absolute;top:0px;right:0px;border-top:13px solid transparent;border-bottom:12px solid transparent;border-right:10px solid #FFF;} .title-headdline,.list-news-scroll>h2,.list-products>h2,.list-products>.child>h2{display:block;font-size:22px;color:#fff;background:url("/files/system/img/general/bg-title.png") center center no-repeat;background-size:auto 100%;text-align:center;font-weight:bold;position:relative;margin-bottom:30px;min-height:70px;padding-top:15px;line-height:1.2em;z-index:1;margin-top:0px;text-transform:uppercase;padding-bottom:0px;} .title-headdline span, .list-news-scroll>h2 span, .list-products>h2 span, .list-products>.child>h2 span{position:relative;display:block;padding:0px 0px 10px 0px;line-height:1.2em;min-width:50%;text-align:center;} .text-left{text-align:left !important;} .text-left span{text-align:left !important;border-bottom:1px dashed #707070;padding-bottom:10px !important;} .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;} .bg-gray{background:#FFF;padding-top:15px;padding-bottom:15px;margin-bottom:15px;} .slider-content-image{margin-top:0px;padding:0px;} .slider-content-image .lSSlideOuter .click-views-zoom{left:0px;top:0px;bottom:0px;right:0px;display:block;} .head-banner-top{background:#fbda00;} .head-banner-top .head-info{font-size:1em;line-height:30px;font-weight:normal;color:#000;white-space:nowrap;} .head-banner-top .head-info i{padding-left:15px;color:#f00;padding-right:5px;display:inline-block;} @media screen and (min-width:768px) { .background-menu{display:block;padding-bottom:1px;position:static;} .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 !important;} .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-float-left{float:left !important;} #header .more-inside-header>div{vertical-align:top } .more-inside-right>.more-inside{padding:5px 0px 5px 0px;} #header .block-search{margin-bottom:0px;vertical-align:top;display:block;margin-top:3px;} .icon-search>span{margin-top:1px;display:block;margin-left:10px;margin-right:15px;font-size:1.5em;} .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 } .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;} .contact-online-div .content-main .hotline .title{color:#EF0000;padding-right:5px } #header .block-search{margin-top:5px;margin-right:15px;} .block-menu-control nav{margin-bottom:0px;display:block;border:none;position:relative;} .block-menu-control ul{list-style:none } .block-menu-control>h2 span:before{content:'\e82d';} .block-menu-control ul.level_1{margin:0px;padding:0px;list-style:none;} .block-menu-control ul.level_1 li{position:relative;} .block-menu-control ul.level_1 ul{padding:0px;list-style:none;display:block;position:relative;margin:0;} .block-menu-control ul.level_1 li a{position:relative;display:block;padding:10px 10px;font-size:1em;padding-right:15px;border-bottom:1px dotted #e4e4e4;color:#7d7d7d;box-shadow:0px 1px 0px 0px #FFF;-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;} .block-menu-control ul.level_1>li>a, .block-menu-control nav>ul>li>span{color:#f60e20;font-weight:normal;position:relative;padding:10px 10px;margin-bottom:3px;font-size:1.2em;text-transform:uppercase;} .block-menu-control ul.level_2>li>a{font-size:1.1em;color:#00667b;} .block-menu-control ul.level_1>li.submenu>a:before, .block-menu-control nav>ul>li.submenu>span:before{font-family:'fontdl';content:'\e814';position:absolute;right:10px;top:10px;font-size:9px;} .block-menu-control ul.level_1>li>a i, .block-menu-control nav>ul>li>span i{padding:0px 10px 0px 0px;min-width:30px;} .block-menu-control ul.level_1>li ul li.submenu>a:before, .block-menu-control nav>ul>li ul li.submenu>span:before{content:"\25b6";display:block;position:absolute;right:10px;font-size:10px;top:8px;} .block-menu-control ul.level_1 li a:hover{text-decoration:none;color:#fbb514;padding-left:20px;} } @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;vertical-align:top !important;white-space:normal;float:none !important;margin-left:-3px !important;} .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;} .col-md-float-left{float:left !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;} .block-home-child{height:480px;} #header .logo{margin-top:-40px;} } @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;} .col-sm-only-float-left{float:left !important;} .menu-brebrum{position:relative;} .header-translate{text-align:left;padding-left:15px } #header .block-search input[type=text]{min-width:200px;} .footer-icon h3{font-size:20px;} .bg-logan>h1{background-size:cover;} } @media screen and (max-width:1250px) { .ads-banner-scroll{display:none } } @media screen and (min-width:1330px) { .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;vertical-align:top !important;white-space:normal;float:none !important;margin-left:-4px !important;} .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;} .col-lg-float-left{float:left !important;} .col-lg-25{width:20%;} } .menu-mobile{display:none;} @media screen and (max-width:1200px) and (min-width:992px) { } @media screen and (max-width:767px) { .teaser-company .ce_text>h2{margin-top:10px;} #header .bg-header>div{background:none } .padding-top-xs-15{padding-top:15px } .div-padding-top{padding-top:20px;} .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;vertical-align:top;white-space:normal;float:none;margin-left:-3px !important;} .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-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 } #footer .form-newletter{padding:4px 15px;} .header-translate{padding-top:5px;padding-bottom:10px;text-align:center;padding-left:0px } .header-translate>div{display:inline-block } .goog-te-menu-frame{width:100% !important } .xs-margin-bottom{margin-bottom:15px;} .icon-search{position:absolute;margin-top:10px;left:15px;top:0px;} .header-top{height:40px;position:fixed;left:0px;top:0px;right:0px;z-index:9999;} .tp-caption.medium_bg_orange .teaser{max-width:100% !important;white-space:normal !important;line-height:1.2em !important;} .tp-caption.medium_bg_orange{max-width:100% !important;white-space:normal !important;} .title-headdline,.list-news-scroll>h2,.list-products>h2,.list-products>.child>h2{font-size:1.4em !important;} .bg-logan>h1{background-size:cover;font-size:1.2em;} } @media screen and (max-width:640px) { h2.title-headdline,h1.title-headdline{font-size:1.2em;} .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;} .news-reader-product .layout_full .headline-image>.image_container_div{margin:10px;float:inherit } .news-reader-product .layout_full .headline-image>.image_container_div figure img{height:auto !important;max-width:100% !important } .list-news-scroll .headline a.more{float:inherit;display:block;text-align:left;margin-top:10px } .pgwSlider .ps-caption b{font-size:1.2em } .menu-brebrum span{font-size:1em;} .menu-brebrum{text-align:center;} .menu-brebrum .info-more{font-size:1.1em;margin-bottom:2px;font-weight:normal;} .menu-brebrum ul li{font-size:0.9em;} .hotline-menu{font-size:1.3em;padding-top:1px;} .suntory-alo-phone span{display:none;} } .logo-right figure img{padding-right:5px;} .container-slider .ws_images .ws_list img, .container-slider .ws_images>div>img{width:95%;padding-left:5% } @media only screen and (max-width: 767.98px) { .button-social,.icon-search{display:none;} .nav-header.menu-mobile{display:block;position:absolute;width:100%;z-index:9;} .nav-header.menu-mobile .navbar-toggle{float:left;} .menu-desktop{display:none;} } .proprice-group{display:inline-block;width:100%;border:1px solid #CCC;border-radius:4px;position:relative;padding:0.9rem 1rem 0.3rem;margin:10px 0 1rem;} .proprice-group .manufacture{font-weight:bold;text-transform:uppercase;color:#000;font-size:13px;line-height:18px;position:absolute;left:1rem;top:-1rem;background:#FFF;display:inline-block;padding:5px 5px;margin:0;} .hd-input-choose{padding-left:0;padding-right:0;display:flex;flex-wrap:wrap;} .hd-input-choose [type="checkbox"]:checked, .hd-input-choose [type="checkbox"]:not(:checked), .hd-input-choose [type="radio"]:checked, .hd-input-choose [type="radio"]:not(:checked){position:absolute;left:-9999px;width:0;height:0;visibility:hidden;} .hd-input-choose .checkbox-tools:checked + label, .hd-input-choose .checkbox-tools:not(:checked)+label{position:relative;display:inline-block;width:calc(50% - 10px);padding:7px;font-size:14px;line-height:20px;letter-spacing:1px;margin:0 auto;margin-left:5px;margin-right:5px;margin-bottom:10px;text-align:center;overflow:hidden;cursor:pointer;color:#d70018;} .hd-input-choose .checkbox-tools:not(:checked)+label{background-color:#f0eff3;} .hd-input-choose .checkbox-tools:checked+label{background-color:transparent;border:1px solid #d70018;} .hd-input-choose .checkbox-tools:not(:checked)+label:hover{border:1px solid #d70018;color:#d70018;} .hd-input-choose .checkbox-tools:checked+label::before{position:absolute;content:'\e810';font-family:"fontdl";font-size:10px;line-height:16px;color:#FFF;top:0;left:0;width:15px;height:15px;background:#d70018;} .hd-input-choose .checkbox-tools:checked + label .uil, .hd-input-choose .checkbox-tools:not(:checked) + label .uil{font-size:24px;line-height:24px;display:block;padding-bottom:10px;} .hd-input-choose .checkbox-tools:not(:checked)+label{background-color:#f0eff3;color:#333;border:1px solid rgba(0, 0, 0, .09);} .pro-img-boxitem{display:flex;text-align:start;align-items:center;} .pro-img-boxitem img{width:50px;height:auto;object-fit:contain;object-position:center;background-color:#fff;} .pro-img-boxitem-des{clear:both;display:block;padding-top:0.15rem;font-size:16px;font-weight:700;color:#000;padding-left:0.5rem;width:calc( 100% - 30px);} .pro-img-boxitem-des b{display:block;clear:both;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:700;} .btn-order{margin-top:10px;display:flex;} .btn-order .add-to-cart{flex-direction:row;position:relative;overflow:visible;outline:0;background:rgba(225, 0, 0, 80%);color:#fff;border:1px solid #791517;box-shadow:0 1px 1px 0 rgb(0 0 0 / 3%);min-width:80px;max-width:250px;font-size:16px;height:48px;padding:0 20px;text-overflow:ellipsis;-webkit-line-clamp:1;box-sizing:border-box;border-radius:2px;display:flex;align-items:center;justify-content:center;text-transform:capitalize;cursor:pointer;text-decoration:none;margin-right:15px;} .nb-svg-icon.icon-add-to-cart{margin-right:10px;color:#fff;stroke:#fff;font-size:1.25rem;display:inline-block;width:1em;height:1em;fill:currentColor;position:relative;} .btn-buy-now{color:#f8d700 !important;position:relative;overflow:visible;outline:0;background:#d70018;min-width:80px;max-width:250px;font-size:16px;height:48px;padding:0 20px;text-overflow:ellipsis;-webkit-line-clamp:1;flex-direction:column;box-sizing:border-box;box-shadow:0 1px 1px 0 rgb(0 0 0 / 9%);border-radius:2px;border:0;display:flex;align-items:center;justify-content:center;text-transform:capitalize;cursor:pointer;display:none;} .msgshow{background:#F5F5F5;padding:20px;border:4px solid #C7C7C7;position:fixed;bottom:0;right:0;display:none;z-index:10020 !important;} .detail-products .infomation>.control span.number-minus{margin-left:10px;} .detail-products .infomation>.control span{display:inline-block;border:1px solid #ccc;padding:4px 10px;font-weight:bold;font-size:1.2em;color:#000;cursor:grab;} .detail-products .infomation>.control .product-number{background:transparent;width:60px;display:inline-block;margin-right:0;margin-left:0;text-align:center;border:1px solid #ccc;height:30px;} .msg-add-to-cart{display:none;position:fixed;z-index:9999;top:50%;left:50%;transform:translate(-50%, -50%);width:500px;height:300px;background:transparent;} .msg-add-to-cart .msg-content{background:rgba(119, 119, 119, 0.8);padding:15px;text-align:center;padding:7% 0;} .msg-add-to-cart .msg-content .msg-image{width:80px;height:80px;margin-left:auto;margin-right:auto;margin-bottom:30px;border-radius:50%;background:#63ab4d;position:relative;} .msg-add-to-cart .msg-content .msg-image::before{content:'\e810';font-family:"fontdl";color:#fff;font-size:2em;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);} .msg-add-to-cart .msg-content .msg-text{color:#fff;font-size:1.5em;} .btn-back-order{background-color:#0a7cff;border-color:#0a7cff;} .btn-update-order,.btn-update-order:hover{background-color:#FFD700;border-color:#FFD700;color:#fff;} .btn-back-order,.btn-back-order:hover{color:#fff;} .btn-order-order{background-color:#f00;border-color:#f00;color:#fff!important;} .cart-order-list.news-orders{max-width:1080px;margin:auto;} .btn-green{background-color:#047804!important;border-color: :#047804!important;} .btn-red{color:#fff!important;background-color:red!important;border-color: :red!important;} .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:5px 0px 0px 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;margin:0px;display:inline-block;margin-left:-3px;} .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:1em;display:block;} .nav-header ul.level_1 li li a{background:#543112;margin-bottom:0px;border-bottom:1px solid #6b421e;-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;} .nav-header ul.level_1>li>a, .nav-header ul.level_1>li>span{color:#543112;background:none;z-index:101;padding:4px 0px 5px 10px;text-transform:uppercase;font-weight:bold;position:relative;font-size:1em;} .nav-header ul.level_1>li>a:after, .nav-header ul.level_1>li>span:after{display:block;margin:0px auto;content:"";height:3px;width:0;opacity:0;top:10px;position:inherit;background:#e03920;-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;} .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:none;text-decoration:none;color:#e03920;} .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:#f5c969;text-decoration:none;color:#543112;} .nav-header ul.level_1>li>a.active, .icon-home .nav-header ul.level_1>li>.icon-home{text-decoration:none;color:#e03920 !important;background:none;} .nav-header ul.level_1>li>a.active:after, .nav-header ul.level_1>li>span:after, .nav-header ul.level_1>li>a:hover:after, .nav-header ul.level_1>li:hover>a:after{width:100%;opacity:1;} .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:"fontdl";content:"\E81C";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:#f60e20 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:38px;padding:0px;text-indent:-99999px;margin:5px 0px 0px 0px;display:block;} .nav-header .navbar-toggle:focus, .nav-header .navbar-toggle:hover{background-color:#f60e20;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;display:block;position:relative;} .nav-header .navbar-header{float:right;display:block;position:relative;} .background-top>div{padding:5px 15px;} .nav-header ul a{color:#000;background:#FFF;border-bottom:1px solid #e2e2e2;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:#f60e20;border-color:#f60e20;} .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:10px;} } @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:9px;padding-right:9px;} } @media screen and (min-width:1330px) { .nav-header ul.level_1>li>a, .nav-header ul.level_1>li>span{padding-left:10px;padding-right:10px;} .nav-header .hidden-lg-menu{display:none !important;} } @media screen and (max-width:767px) { .nav-header{border:none;margin:0px;text-align:left;padding:0px;position:relative;} .nav-header .navbar-collapse, .nav-header .navbar-form{margin-bottom:0px;padding:0px;border:none;margin-right:0px;margin-left:0px;background:#543112;} .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:0px 15px 0px 0px;} .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:#ffd400;} .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:#CCC;} .nav-header .icon-tree{display:none;} .nav-header li{position:relative !important;border-bottom:1px solid #4a2f17;} .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;} }