@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-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 img { display: inline-block; max-width:100%;} .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; padding:0px 10px;} .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: #1f2533; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; }
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:#0079bf;} 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:#ff0000;color:#FFF;}.table-red th, .table-red td{border-color:#ff0000 !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-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 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;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:#FFF;font-size:12px;} #footer .copyright p{margin:0px;padding:10px 0px;} #footer .footer-copyright{ background: #005182; padding: 13px 0px;} .footer-icon{padding: 25px 0px 30px 0;position: relative;display: block;background: #0075bb; } .footer-icon *{color:#FFF;} .footer-icon .dl-icon:before{ margin-right: 5px;display: inline-block;} .footer-icon h3{ display: block; margin: 40px 0px 10px 0px; text-align: center; font-size: 2em; font-weight: bold;} .footer-icon h4{font-size: 17px; text-align: center; display: block; margin-bottom: 30px;} .footer-icon .icon{ margin-top: 20px; margin-bottom: 20px;} .footer-icon .dl-icon{font-size: 3.2em; position: absolute; left: 0px;} .footer-icon .icon span{padding: 0px 0px 0px 55px; display: block;}  .bg-footer-contact{display: block; background: #EEE; text-align: center; padding:25px 0px; } .bg-footer-contact *{line-height: 1.4em;} .bg-footer-contact h4 {text-transform: uppercase; font-size: 24px; font-weight: bold; } .bg-footer-contact .clink-ka {height: 4px; display: block; background: url("/files/system/img/general/ntn.png") no-repeat center; } .bg-footer-contact .main-here {display: block; font-size: 15px; } .bg-footer-contact .main-here .ct-cent { display: block; font-size: 1.2em; font-weight: normal; } .bg-footer-contact .main-here .land-hotline {display: block; margin: 12px 4px; } .bg-footer-contact .main-here .land-hotline a { padding: 5px 20px; background: #1565c0; border-radius: 4px; font-size: 36px; color: #ffffff; display: inline-block; border: 4px solid #0079bf; font-weight: bold; text-decoration: none; }  #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{background: url("/files/system/img/general/bg-bre.jpg") center center no-repeat; background-size: cover;padding: 50px 0px;margin-bottom: 5px;} .menu-brebrum{display: block;padding-top: 0px;padding-bottom: 0px;} .menu-brebrum .info-more{ color: #FFF;font-weight: bold;font-size: 2em; line-height: 1.2em; margin-bottom: 10px;} .menu-brebrum span{display: inline-block;padding:1px;color:#FFF;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: "0bb";display: inline-block;padding-left: 10px;padding-right: 10px} .menu-brebrum ul li.last:after{display: none} .menu-brebrum ul li a, .menu-brebrum ul li{color:#FFF} #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 10px 15px;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.3em; text-transform: uppercase; margin: 0px 0px 10px 0px; color: #1565c0; font-weight: normal; padding: 5px 0px 5px 0px; text-align: left; border-bottom: 1px solid #0079bf;} .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';} .bloblock-video > h2 span:before{content: '\f040';} .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;} .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:#ff0000;}  .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;}  .background-header{ position: relative;} .header-logan{background: #FFF;}  #wrapper .hidden-wrapper{display: none;}  .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{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: 80px; left: 0px; opacity: 0.1; position: absolute; top: 0px; transform-origin: 50% 50% 0; transition: all 0.5s ease 0s; width: 80px;} .suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle{border-color: #fe0018; opacity: 1;} .suntory-alo-zalo.suntory-alo-green .suntory-alo-ph-circle{ border-color: #0477bc} .suntory-alo-ph-circle-fill{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: rgba(0, 175, 242, 0.9);} .suntory-alo-ph-img-circle{animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim; text-align: center; border: 2px solid transparent; 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: #fe0018;font-size: 16px;line-height: 35px;font-weight: bold;color: #fff;} .suntory-alo-zalo.suntory-alo-green .suntory-alo-ph-img-circle{ background: #0477bc} .suntory-alo-phone span{  display: block; background: #cb0101; text-align: center;  border: 1px solid #FFF; font-size: 1.2em; padding: 5px; text-decoration: none !important; font-weight: bold; color: #fff; width: 135px; 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-zalo span{ background: #0477bc} .suntory-alo-ph-img-circle i{animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim; font-size: 20px; line-height: 36px; padding-left: 0px; color: #fff;} @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-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-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{ margin-top: 0px; vertical-align: top; padding: 0px 0px 0px 0px; } .button-social b{font-size: 0.9em;color: #FFF} .button-social p{margin:0px;} .button-social a{ margin-right: -3px; padding: 3px 5px; white-space: nowrap; text-align: center; width: 30px; height: 30px; text-decoration: none; font-size: 2em; color: #eaeaea; 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:first-child{margin-right: -2px;} .button-social a:last-child{border:none;} .button-social a img{max-width:100%;}  .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:#ff0000;} .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:#ff0000;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;margin-top: 20px;} .reader-news .back a{text-align:center;display:inline-block;color:#FFF;padding:4px 10px;text-transform:uppercase;font-weight:normal;background:#0079bf; 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;}  .div-teaser-top{background: #eaeaea url("/files/system/img/general/bg-teaser.png") left top repeat; } .bg-teaser{ position: relative;padding: 30px 0px 20px 0px;margin: 20px 0px 25px 0px; background: url("/files/system/img/general/news-bg.jpg") center center no-repeat; background-size: cover;} .bg-news{padding:40px 0px; } .bg-products{} .teaser-summary{text-align: center; font-style: italic; font-size: 1.1em; margin-top: 10px; color: #262626; font-weight: 300; margin-bottom: 30px; background: url("/files/system/img/general/dot1.png") top left no-repeat,url("/files/system/img/general/dot2.png") bottom right no-repeat; padding: 5px 45px; }  .gallery-list{display:block;position:relative;margin-bottom:15px; } .gallery-list > h2, .gallery-list > h1{font-size:2em;margin:15px 0px;padding:0px;color:#ff0000;} .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;} .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: #ff0000;} .gallery-list ul li a:before, .gallery-list ul li a:after{-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;background-color: rgba(0, 0, 0, 0.11);} .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{background-color:transparent; box-shadow: 0px 0px 0px 3px #FFEB3B;}  .icon-search{position: relative;  margin-top: 3px;} .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 #ff0000;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:#ff0000 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: 9999; margin:0px !important;background: rgba(0, 0, 0, 0.85);left:0px;  color: #FFF; top:0px; width:100%; height: 100%;} .icon-search .block-absolute-search.active{display: block; opacity: 1;} .icon-search .block-absolute-search > div{position: fixed; margin:0px !important;left:0px; top:0px; width:100%; height: 100%;display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; -webkit-box-pack: center !important; -moz-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-align: center !important; -moz-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important;} .icon-search .block-absolute-search 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: #FFF; cursor: pointer; height: 25px; width: 25px; line-height: 24px; text-align: center;}  .tags-content{display: block;} .tags-content b{display: inline-block;margin-right: 15px;} .tags-content a{ background: #717171;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 #717171;} .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:1.6em;color:#1565c0;text-align:center;font-weight:bold;position:relative;margin-bottom:30px;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, .list-products > h2 span:after, .list-products > .child > h2 span:after, .list-news-scroll > h2 span:after{ content: "";position: absolute;width:226px;left:calc(50% - 113px);top:calc(100% - 12px);height: 20px; background: url("/files/system/img/general/bg-title.png") center center no-repeat;} .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;}  .menu-home ul{list-style: none; display: block; margin:0px; padding:0px;} .menu-home ul li{margin-bottom: 30px;} .menu-home a{display: block; text-decoration: none;} .menu-home figure{display: inline-block; position: relative; overflow:hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #dedede;} .menu-home a:hover figure{border-color:#0079bf;} .menu-home span{display: block; font-weight: bold; padding: 10px 0px;} .menu-home i{color: #777; display: inline-block; padding-left: 6px; font-style: normal; font-weight: normal;}  .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: #0079bf; border-bottom: 1px solid #1582be;} .head-banner-top .head-info{ font-size: 1em; line-height: 30px; font-weight: bold; color: #FFF; white-space: nowrap;} .head-banner-top .head-info i{ padding-left: 15px; color: #ff6969; padding-right: 5px; display: inline-block;} @media screen and (min-width:768px){ #left{box-shadow: 40px 0px 0px -39px #e1e1e1;} #right{box-shadow: -40px 0px 0px -39px #e1e1e1;} .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;} #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; color: #FFF; 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:#FFFFFF} .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} #header .block-search{margin-top: 5px; margin-right:15px;} #header .block-search input[type=text]{height: 32px; min-width: 250px;} #header .block-search input[type=submit]{height: 32px;} .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 #FFFFFF;-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:#1565c0; 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.2em; color:#000000;} .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: #f00; 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;} #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} .icon-search > span{margin-top: 0px;} #header .block-search input[type=text]{min-width: 200px;} } @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: -3px !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 .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 !important;vertical-align:top !important;white-space:normal;float:none !important;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;z-index: 9999;  top: 5px;} #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;} .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{text-align: center; } .background-bre{padding:20px 0px;} .menu-brebrum ul li{font-size: 1em;} .hotline-menu{font-size: 1.3em;padding-top: 1px;} }
.more-inside-menu{display: block;  border-top: 1px solid #CCC; background: #FFF; } .nav-header a.active{background:none} .nav-header{ background: none; border: none; min-height: auto; margin:0px;} .nav-header li>ul{left:100%;margin-top:-1px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px;border-radius:0 6px 6px 6px;top:0} .nav-header .navbar-brand{display:none;} @media screen and (min-width:768px){ 	.nav-header .hidden-sm-menu{display:none !important;} } @media screen and (min-width:992px){ 	.nav-header ul.level_1{padding:0px;margin:0px;} 	.nav-header .navbar{min-height:inherit;margin:0px;} 	.nav-header ul.level_1 li{position:relative;} 	.nav-header ul.level_1 >li{padding:0px;margin:0px;display:inline-block;margin-left:-3px;} 	.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:#1565c0;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: #1565c0; background: none; z-index: 101; padding: 15px 0px 15px 10px; text-transform: none; font-weight: normal; position: relative; font-size: 1.2em; } 	.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:#1565c0 ; background: #EEE;} 	.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:#EEE ;text-decoration:none;color:#000;} 	.nav-header ul.level_1 > li > a.active, .icon-home .nav-header ul.level_1 > li > .icon-home{text-decoration:none;color:#1565c0  !important; } 	/*background: #2695d2;}*/ 	.nav-header ul.level_1 > li > a:hover, .icon-home .nav-header ul.level_1 > li > .icon-home:hover{text-decoration:none;color:red  !important; } 	 	.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; width: calc(100% + 30px);} 	.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;} 	.nav-header ul.level_1 li>ul a:hover {color:red;} } @media screen and (max-width:992px) and (min-width:768px){ 	.nav-header .navbar-toggle{background: #1565c0 url("/files/system/img/general/resp_menu_btn.png") center center no-repeat; background-size: 44px 44px; border-color: transparent; color: #FFF; position: relative; width: 44px; height: 44px; padding: 0px; text-indent: -99999px; margin: 5px 0px; display: block;} 	.nav-header .navbar-toggle:focus, .nav-header .navbar-toggle:hover{background-color:#2695d2 ;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: #1565c0; 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: red ; border-color: #2695d2 ;} 	.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>li>a:hover, .nav-header ul.level_1>li>span:hover{color:red } 	.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: 6px; padding-right: 6px;} } @media screen and (min-width:1330px){ 	.nav-header ul.level_1>li>a, .nav-header ul.level_1>li>span{padding-left:8px;padding-right:8px;} 	.nav-header .hidden-lg-menu{display:none !important;} } @media screen and (max-width:767px){ 	.nav-header{border:none;background:none;margin:0px;text-align:left; padding:0px;  position: relative; background: #1565c0;} 	.nav-header .navbar-collapse, .nav-header .navbar-form{margin-bottom:0px;padding:0px;border:none;margin-right:0px;margin-left:0px; background: #eaeaea;} 	.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:5px 15px 5px 0px;} 	.nav-header .navbar-toggle span{display:none;} 	.nav-header .navbar-toggle:focus, .nav-header .navbar-toggle:hover{background-color:#2695d2 ;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:#2695d2 ;} 	.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 #f1f1f1;} 	.nav-header li.last{border:none; box-shadow: none;} 	.nav-header li a{position:relative !important;background:none;color:#000;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;} }