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{color:#fe6b1d;} 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;overflow-x:hidden;} #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:#01a956;color:#FFF;}.table-red th, .table-red td{border-color:#01a956 !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;} #main{margin-bottom:0px;}#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 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:0px;font-size:18px; margin-top:6px;} #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:#FFF;font-size:12px;} #footer .copyright p{margin:0px;padding:10px 0px;} #footer .footer-copyright{background:#008cd1;} .footer-icon{padding: 25px 0px 10px 0;position: relative;display: block;background: #0096e0;border-top: 10px solid #e4e4e4;} .footer-icon *{color:#FFF;} .footer-icon .dl-icon:before{ margin-right: 5px;display: inline-block;}  #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{} .menu-brebrum{display: block;padding-top: 10px;padding-bottom: 10px;  background: #e4e4e4; margin-bottom: 25px;} .menu-brebrum .info-more{ color: #FFF;font-weight: bold;font-size: 2em;} .menu-brebrum span{display: inline-block;padding:1px;color:#7d7d7d;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:#7d7d7d} #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;background: #FFF;} #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.4em;text-transform: uppercase;margin: 0px 0px 10px 0px;color: #000;font-weight: normal;padding:17px 0px 9px 0px;text-align: left;border-bottom: 2px solid #000;} #left .block-menu > h1:before, .block-menu > h2:before{content: "";position: absolute;bottom: -2px;left:0px;width: 60px;z-index: 1;background: #fe6b1d;height:2px;} .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;} .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:#000000;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:#01a956;}  .tp-caption.medium_bg_orange{ line-height: 1em !important;font-weight: normal;font-size: 30px !important;text-align: center;padding: 20px 25px !important;background: none !important;} .tp-caption.medium_bg_orange .teaser{display: block;color: #FFF !important;font-size: 52px;margin: 15px 0px 30px 0px;line-height: 80px !important;font-family: "Lobster";text-shadow: 0px 0px 1px #000;} .tp-caption.medium_bg_orange .teaser:before, .tp-caption.medium_bg_orange .teaser:after{content:"";border-top: 2px solid #ffffff82;display: block;margin-left: -30px;margin-right: -30px;} .tp-caption.medium_bg_orange a{ max-width: 100% !important;white-space: normal !important;display: inline-block;padding: 10px 30px;background: #0079e4;color: #FFF;font-size: 20px;line-height: 1em;border: 1px solid #369bf5;box-shadow: 0px 0px 0px 4px #0079e4;font-weight: bold;font-style: italic;} .skiptranslate {display: none !important;}  #wrapper .hidden-wrapper{display: none;}  .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:#01a956;} .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:#01a956;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{text-align:right;padding-bottom: 15px;} .reader-news .pdf_link{position:relative;right:15px;} .reader-news .back{display:block;} .reader-news .back a{text-align:center;display:inline-block;color:#FFF;padding:4px 10px;text-transform:uppercase;font-weight:normal;background::;border:none;} .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;} .gallery-list{display:block;position:relative;margin-bottom:15px;} .gallery-list > h2, .gallery-list > h1{font-size:2em;margin:15px 0px;padding:0px;color:#01a956;} .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:10px;padding:0px 5px;} .gallery-list ul li a{position: relative;display: block;} .gallery-list ul li a:hover{text-decoration: none;} .gallery-list ul li a span{ display: block;padding: 10px 0px;font-weight: bold;color: #000;} .gallery-list ul li a{overflow:hidden;position: relative;display: block;} .gallery-list ul li a:before, .gallery-list ul li a:after{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;z-index: 1000;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;} .gallery-list ul li a:before{ content:"";opacity: 0;width: 100%;height: 100%;position: absolute;left:0px;top:0px;background-color: rgba(77, 159, 211, 0.33);} .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 a:hover:before, .gallery-list ul li a:hover:after{opacity: 1;}  .tags-content{display: block;} .tags-content b{display: inline-block;margin-right: 15px;} .tags-content a{ background: #01a956;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 #01a956;} .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;}  .icon-search{position: relative;  margin-top: 5px;} .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 #5e1800;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:#e20000 url("/files/system/img/general/search-icon.png") center center no-repeat;margin-left: -30px; margin-top: 0px;}  .div-content-line-head {background: #0096e0 url("/files/system/img/general/bg-left.png") left center no-repeat; color:#FFF; position: relative;} .div-content-line-head:after{content:""; position: absolute; left: 100%; width: 100%; height:100%; top:0px; background: #0096e0;}  .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; z-index: 999; 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:70px; right: 15px;z-index: 9999;cursor: pointer;  font-size: 2em;} .icon-search > span{  font-size: 1.6em; color: #FFF; cursor: pointer; height: 30px; width: 30px; line-height: 24px; text-align: center;}  .title-headdline, .list-news-scroll > h2, .list-products > h2, .list-products > .child > h2{display:block;font-size:2em;color:#0096e0;text-align:center;font-weight:bold;position:relative;margin-bottom:20px;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 20px 0px;line-height: 1.2em;min-width: 50%;text-align: center;} .title-headdline span:after, .title-headdline span:before, .list-products > h2 span:after, .list-products > h2 span:before, .list-products > .child > h2 span:after, .list-products > .child > h2 span:before, .list-news-scroll > h2 span:after, .list-news-scroll h2 > span:before{ content: "";position: absolute;width: 50%;max-width: 200px;left:calc(50% + 15px);bottom:3px;height: 1px;border-top:1px dashed #707070;} .title-headdline span:after, .list-news-scroll > h2 span:after, .list-products > h2 span:after, .list-products > .child > h2 span:after{ right:calc(50% + 15px);left: initial;} .title-headdline:before, .list-news-scroll > h2:before, .list-products > h2:before, .list-products > .child > h2:before{ font-family: "fontdl";content: '\e81e';position: absolute;left: calc(50% - 10px);width: 20px;text-align: center;bottom: 0px;font-size: 20px;color: #0096e0;line-height: 10px;} .text-left{text-align: left !important;} .text-left:before{content: "" !important;} .text-left span{text-align: left !important;border-bottom: 1px dashed #707070;padding-bottom: 10px !important;} .text-left span:after, .text-left span:before{display: none;}  .bg-teaser{ position: relative;padding: 30px 0px 20px 0px;margin: 20px 0px 25px 0px;}  .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: 7px 4px 1px 0px; color:#FFF; font-size:1.5em;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:#00ce10;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;} .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;} @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: -2px !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;} #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: 5px;display: block;margin-left: 10px;} .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:#FFFFFF} .button-social{margin-left: 20px;} .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;} /*hotline*/ .contact-online-div .content-main .hotline .title{color:#EF0000;padding-right:5px} /*icon*/ } @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;} .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-translate{text-align:left;padding-left:15px} } @media screen and (max-width:1250px){.ads-banner-scroll{display:none} } @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;} .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-25{width: 20%;} } @media screen and (max-width:767px){ .teaser-company .ce_text > h2{margin-top:10px;}  #header{padding-top: 44px;} .div-content-line-head{min-height: 44px; padding-left: 60px; background-image: none; position: fixed; top: 0px; left:0px; right: 0px; z-index: 9998;} .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 !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} .header-hotline-mobile{color: #f10000; padding: 1px; position: fixed; bottom: 0px; right: 118px; left: 0px; z-index: 9999;} .header-hotline-mobile a{ text-decoration: none;color:#FFF;display: inline-block;width: calc(50% - 2px);position: relative;padding: 5px 0px;font-size: 1em;box-shadow: 0px 0px 0px 1px #fe6b1d;background: #fe6b1d;border-radius: 0px;} .header-hotline-mobile a b{font-weight: normal;} .header-hotline-mobile i:before{font-family: "fontdl";padding-right:5px;} .header-hotline-mobile .hotline i:before{content:"\E83D";} .header-hotline-mobile .sms i:before{content:"\E80D";} .header-hotline-mobile .location i:before{content:"\E81A";} .xs-margin-bottom{margin-bottom: 15px;} .icon-search {position: absolute;margin-top: 10px;left: 15px;z-index: 9999;} #header .block-languages{float: left;padding-left: 30px;} .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;} #header .logo img{max-height: 40px;} section.information{padding:25px 0px;} section.information h2{font-size: 1.4em;} section.information > p, section.information > ul li h3{font-size: 1em;font-weight: bold;} section.information > ul li p{font-size: 0.9em;} section.choose-me{font-size: 0.6em;} .title-headdline, .list-news-scroll > h2, .list-products > h2, .list-products > .child > h2{font-size: 1.2em !important;} .bg-teaser{margin: 0px;} } @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{border-bottom: 1px solid #CCC;margin-bottom: 15px;text-align: center;} .menu-brebrum ul li{font-size: 1em;} .hotline-menu{font-size: 1.3em;padding-top: 1px;} .icon-social-list .icon-list a span{font-size: 9px;} } .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; }  .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 .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; }  @-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);  } }
.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;} .csticky{background:#004121 !important;} @media screen and (min-width:768px){ 	.nav-header .hidden-sm-menu{display:none !important;} 	.csticky{text-align: center; background: #ffffff; border-bottom: 1px solid #dcdcdc;} } @media screen and (min-width:768px){ 	.nav-header ul.level_1{padding:0px;margin:0px; display: block; width: 100%;} 	.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; width: calc(12.5% - 1px); text-align: right; float: left; margin-right: 1px;} 	.nav-header ul.level_1 >li:after{content:""; position: absolute; display: block; top:30%; bottom:30%; right:1px; width: 0px;  border-left: 1px solid 1px solid rgba(233, 233, 233, 0.2);} 	.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:#081626;font-size:1em;display:block;} 	.nav-header ul.level_1 li li a{background:#FFF;margin-bottom:0px;border-bottom:1px solid #EEE; -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: #FFF; background: none; z-index: 101; text-shadow: 1px 1px 1px #000; padding: 0px 10px 0px 50%; margin-top: 2px; text-transform: uppercase; font-weight: bold; position: relative; font-size: 1.1em; min-height: 80px;display: flex; align-items: center; justify-content: center;} 	 	.nav-header ul.level_1>li>.lam{background: #009aa6;}   .nav-header ul.level_1>li>.cam{background: #da4b00;}   .nav-header ul.level_1>li>.luc{background: #04aa00;}   .nav-header ul.level_1>li>.xanhdatroi{background: #003bae;}   .nav-header ul.level_1>li>.hong{background: #e80052;} 	.nav-header ul.level_1>li>.vang{background: #bfb700;}   .nav-header ul.level_1>li>.tim{background: #430064;} 	.nav-header ul.level_1>li>.xanhngoc{background: #009ad1;}  	.nav-header ul.level_1>li>a:before, .nav-header ul.level_1>li>span:before{content:"";display: block; position: absolute; width: 40%; left:5%; top:0px; bottom:0px; background: url("/files/system/img/general/logo.png") center center no-repeat; background-size: contain;} 	.nav-header ul.level_1>li .icon-home:before{background-image: url("/files/system/img/general/i-home.png");} 	.nav-header ul.level_1>li .icon-about:before{background-image: url("/files/system/img/general/i-about.png");} 	.nav-header ul.level_1>li .icon-tour1:before{background-image: url("/files/system/img/general/i-tour1.png");} 	.nav-header ul.level_1>li .icon-tour2:before{background-image: url("/files/system/img/general/i-tour2.png");} 	.nav-header ul.level_1>li .icon-service:before{background-image: url("/files/system/img/general/i-service.png");} 	.nav-header ul.level_1>li .icon-news:before{background-image: url("/files/system/img/general/i-news.png");} 	.nav-header ul.level_1>li .icon-carrer:before{background-image: url("/files/system/img/general/i-carrer.png");} 	.nav-header ul.level_1>li .icon-contact:before{background-image: url("/files/system/img/general/i-contact.png");}  	.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: #135812 !important; 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:#00b55c;text-decoration:none;color:#FFF;} 	.nav-header ul.level_1 > li > a.active, .nav-header ul.level_1 > li > span{text-decoration:none;color:#FFF !important; background: #135812  !important;} 	.nav-header ul.level_1 > li > a.active:after, .nav-header ul.level_1 > li > span:after{content: ""; position: absolute; top:100%; left:-10px; right:-10px; height: 5px; display: block; background: #135812 !important; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} 	.nav-header ul.level_1 > li.last > a.active:after, .nav-header ul.level_1 > li.last > span:after{right:0px;} 	.nav-header ul.level_1 > li.first> a.active:after, .nav-header ul.level_1 > li.first > span:after{left:0px;} 	.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 > 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;} 	.products-menu-head ul.level_1>li>a{ font-size: 1em;  padding: 15px 8px !important; } 	.products-menu-head ul.level_1 > li > a:after{bottom: initial; top:-1px; height: 3px;} } @media screen and (max-width:992px) and (min-width:768px){ 	.nav-header ul.level_1>li>a, .nav-header ul.level_1>li>span{text-transform: none; font-size: 1em;text-shadow: 0px 1px 0px #000;} } @media screen and (max-width:1200px) and (min-width:992px){ } @media screen and (min-width:1200px){ 	.nav-header ul.level_1>li>a, .nav-header ul.level_1>li>span{} 	.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: fixed; top: 44px; z-index: 9999; left:0px; right:0px;} 	.nav-header .navbar-collapse, .nav-header .navbar-form{margin-bottom:0px;padding:0px;border:none;margin-right:0px;margin-left:0px; background: #f2f2f2;} 	.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:-42px 15px 0px 0px;} 	.nav-header .navbar-collapse, .nav-header .navbar-form{background: #007cba;} 	.nav-header .navbar-toggle span{display:none;} 	.nav-header .navbar-toggle:focus, .nav-header .navbar-toggle:hover{background-color:#0289cc;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:#e09f00;} 	.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:#000;} 	.nav-header .icon-tree{display:none;} 	.nav-header li{position:relative !important; border-bottom: 1px solid #0286c8;} 	.nav-header li.last{border:none; box-shadow: none;} 	.nav-header li a{position:relative !important;background:none;color:#FFF;margin-bottom:1px; font-weight: bold; -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;} }