body,html{color:#444; font-family: Arial, sans-serif; font-size: 14px;}figure{margin:0px; padding:0px;position: relative}h2, h3, h4 {font-size: 14px; line-height: 20px;font-weight: bold;}a,a:hover,a:focus{color:#bf0000;}
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;}
body:after{clear: both;content:"";}.relative{position: relative;}
#wrapper{position: relative; clear: both;}
#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: #F00 !important;}
.border-none table, .border-none table th, .border-none table td, .border-none table tr{border-collapse:collapse;border-spacing:0px; border:none !important;background: none !important;}
.padding-bs-0{padding-left:0px;padding-right:0px;margin-left: auto; margin-right: auto}
.padding-bs-left{padding-right:0px}.mod_article img, .mod_article img, #footer img, .img-reponsive img, figure img{max-width: 100% !important; height:auto !important}
.invisible{display: none !important}
#main{margin-bottom: 0px;}#main > .inside:after{clear: both;content: "";display: block}
.img-border {display: inline-block;margin-left: -4px;float: inherit;text-align: center;}.img-border img{border:1px solid #E8E8E8;}
.overflow{overflow: hidden !important; display: block;position: relative;}
#header{  }
#container{padding-top: 10px;  }
#container:after, #header:after{clear:both;content: "";display: block;}
.header-flash{color:transparent;}
.slick-dots{display: none !important;}
.text-neo-top{    margin-top: -100px;    display: block;    padding-top: 100px;}
/*logo*/
.teaser-bottom{position: relative;display: block; margin-bottom: 15px;}
.teaser-bottom > h2{display: block; border-left: 3px solid #ce0000; padding:20px 12px;font-size: 1.5em; color:#000; margin-bottom: 15px; margin-top: 0px; }
.teaser-bottom > div{padding-left: 15px;}

.icon-home{position: relative; margin: 0px 0px 15px 0px; }
.icon-home *, .icon-home *:after, .icon-home *:before{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.icon-home span{position: relative;border:1px solid #DDD; padding:5px 10px; display: block; font-size: 1em; cursor: pointer;}
.icon-home span:hover{background: #ce0000; border-color: #b90000; color: #FFF; }
.icon-home span:before{background: url("/files/system/img/general/icon-thanhcongdat.png") left top no-repeat;content:"";display: inline-block; vertical-align: middle; width: 47px; height: 47px; margin-right: 8px;}
.icon-home.quanty  span:before{background-position: 0px -47px;}
.icon-home.service  span:before{background-position: -47px -47px;}
.icon-home.prices  span:before{background-position: 0px 0px;}
.icon-home.support  span:before{background-position: -47px 0px;}
.icon-home span:after{    font: normal normal normal 14px/1 FontAwesome;content:"\f164"; position: absolute; right:-1px; bottom:-1px; background: #ce0000; padding: 8px; color: #FFF; font-size: 12px;}
.icon-home span:hover:after{background: #FFF;color:#ce0000;}

.skiptranslate {display: none !important;}

.skiptranslate {display: none !important;}
/*block-language*/
.block-languages{display: block;margin-top: 0px;}
.block-languages h2{display: inline-block;margin: 0px;padding-right: 5px;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 3px; color:#444;text-align: left;}
.block-languages ul li .lang-vi{background: url("/files/system/img/general/flag_vi.gif") left center no-repeat;background-size: 32px 20px;}
.block-languages ul li .lang-en{background: url("/files/system/img/general/flag_en.gif") left center no-repeat;background-size: 32px 20px;}
.block-languages ul li .lang-ja{background: url("/files/system/img/general/flag_ja.gif") left center no-repeat;background-size: 32px 20px;}

.slider-home{display: block; margin-bottom: 0px;font-size: 18px; }
 .head-background{position: relative;  background: #efefef;}
/* block-search */
.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: 30px;width: 100%;color:#000;border: 1px solid #FFF;outline: none !important;background: #FFF;padding-left: 10px;padding-right: 10px;}
.block-search input[type=submit]{position: relative;vertical-align: top;text-indent: 1000px; display: inline-block;width:40px; height:40px;border:none;margin: 0px; padding:0px;line-height: 30px;background:#3e3e3e   url("/files/system/img/general/search-icon.png") center center no-repeat;margin-left: -30px; margin-top: 0px;}
.block-search input[type=submit]:focus, .block-search input[type=submit]:hover{animation-name: animateLac;animation-duration: 1s}
/*footer*/
#footer {padding-bottom: 2px;}
#footer .footer-background{padding-top:15px;background: rgb(64, 64, 64);    color: #FFF;}
#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 .footer-address, #footer .footer-address a{}
#footer .block-footer p{padding:0px;margin: 0px 0px;line-height: 1.2em;}
#footer .copyright, #footer .copyright a{color: #777777;font-size: 1em;text-transform: uppercase;}
#footer .copyright p{margin: 0px; padding:10px 0px;}
#footer h1, #footer h2{    font-size: 1.2em; line-height: 32px; font-weight: bold;     text-transform: uppercase; background: none; color:#FFF; padding:5px 0px;}
#footer.fixbottom{position: absolute;bottom: 0px;width: 100%;}
#footer .footer-copyright{ background: rgb(82, 81, 81); }
#footer .title-footer{font-size: 1em; margin: 0px; text-transform: none; padding-top: 0px; line-height: 1em; padding-bottom: 10px;}

.break-line {      border-top: 1px solid #E6D600;    border-bottom: 1px solid #FFF9AA;  margin-top: 15px;}

#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;padding-top: 30px;width: 55px;display: block;text-align: center;text-indent: 1000px;}

.button-social{    margin-top: 0px; vertical-align: top;}
.button-social b{font-size: 0.9em;color: #FFF}
.button-social p{margin:0px;}
.button-social a{font-size: 2em;margin-left: -3px; padding: 5px 10px; font-size: 1.5em; color: #FFF; display: inline-block; border-right: 1px solid #505050;    -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 {background: #ce0000; color:#FFF; text-decoration: none;}

/* brebrum */
.background-bre{background:rgb(232, 232, 232); padding: 0px; }
.menu-brebrum{display: block;padding-top: 0px;padding-bottom: 0px;}
.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.5em; text-shadow: 0px 0px 1px #000;}

.menu-brebrum ul{list-style: none; margin: 0px; padding:0px;  }
.menu-brebrum ul li{display: inline-block;white-space: normal;    font-size: 0.9em;    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:#525252;}
/* Left - Right */
#left, #right{vertical-align: top;}
#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;}
#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: 1em;text-transform: uppercase;margin: 0px 0px 10px 0px;  color: #000000;  font-weight: bold; padding: 14px 5px 14px 15px;text-align: left}
#left .block-menu, #right .block-menu{background: #F5F5F5;}
.block-menu > h2{color: #FFF;    background: #123a7e;  }
.block-menu > h2 span{display: block;}
.block-menu > div{padding-left:10px; padding-right:10px}
#left .fb_iframe_widget, #right .fb_iframe_widget{display: block !important}
#left .fb_iframe_widget >span, #right .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;}

.block-menu.block-ads img{display: block;margin: 0px auto 5px auto}
 /* link */
 .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 */
 .contact-online-div .content-main .rows>div.icon-full .info{color: #949494;}

/*hotline*/
.contact-online-div .content-main .hotline .title{color:#EF0000;padding-right:5px}
/*icon*/
.block-menu-absolute{display:block;min-height: 200px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;position:fixed !important;width:200px;top:calc(50% - 80px);left:-200px;z-index:1000;height:auto;background:#FFF;color:#000;padding:10px;    border: 1px dotted #123a7e;}
.block-menu-absolute > h2{display:block;background:url("/files/system/img/general/support.png") left top no-repeat !important;position:fixed;height:100%;left:0px;width:46px;height: 158px; z-index: 1001;}
.block-menu-absolute > h2 span{display:none;}
.block-menu-absolute:hover{left:46px;}
/* pagination */
.pagination {display: block;clear: both; }
.pagination > p{display: block; border-bottom: 3px double #e2e2e2; text-align: center; font-weight: bold;color:#123a7e;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: #123a7e;color:#FFF;}
/* menu nav */
.nav-header.navbar-default a.active{background: none}
.more-inside-menu{display: block; text-align: right;}
.nav-header.navbar-default 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.fixed-top-active{text-align: center !important;position: fixed !important;width: 100% !important;left:0px !important;top:0px !important;z-index: 1001 !important; max-height: 80%;}
.nav-header.navbar-default  .navbar-brand{display: none;}
/*
.fixed-top-active{position: fixed !important;top:0px !important;left:0px !important;width:100% !important;z-index: 999 !important;max-height: 100%;padding:0px;}
*/
/* banner page */
.banner-page img {margin-bottom: 10px;max-width: 100% !important; height:auto !important}
/* thong ke truy cap */
.thong-ke-truy-cap .content-main{display: block; max-width: 300px; margin: 0px auto; }
.thong-ke-truy-cap .content-main > div{display: block;text-align: left;margin: 3px 0px;}
.thong-ke-truy-cap .content-main > div >div{display: inline-block}
.thong-ke-truy-cap .content-main > div >.title{min-width: 120px; padding-left:25px; font-size: 0.9em;background: url("/files/system/img/general/icon-statistic.png") left top no-repeat}
.thong-ke-truy-cap .content-main > div >.value{min-width: 0px}
.thong-ke-truy-cap .content-main > div.visitor_useronline > .title{background-position: 0px -2px}
.thong-ke-truy-cap .content-main > div.visitor_visitstoday > .title{background-position: 0px -42px}
.thong-ke-truy-cap .content-main > div.visitor_visitstotal > .title{background-position: 0px -82px}
.thong-ke-truy-cap .content-main > div.visitor_hitstoday > .title{background-position: 0px -122px}
.thong-ke-truy-cap .content-main > div.visitor_hitstotal > .title{background-position: 0px -162px}

/* dlh_googlemap */
.dlh_googlemap {max-width: 100% !important;display: block}
/* form-contact */
.form-contact-div, .form-person-div{padding-top:0px; padding-bottom: 20px}
.form-contact-div > h2, .form-person-div > h2{display: block;float: left; padding: 8px 12px;font-weight: normal;       background-color: #ce0000;   color: white;margin: 10px 0px;}
.form-contact-div  form{display: block;clear: both;}
.form-contact-div  form > div >div, .form-person-div form > div >div > div{display: block;position: relative;padding:12px 5px;vertical-align: top}
.form-contact-div  form > div >.submit_container, .form-person-div > form > div >.submit_container{display: block;text-align: right;margin-right: 2%}
.form-contact-div  form > div >div>label.input-contact, .form-person-div form > div >div > div label{display: inline-block;width:30%;padding-right:2%;vertical-align: top;text-align: right;position: relative;padding-top:10px;}
.form-contact-div  form > div >div>input.input-contact, .form-contact-div > form > div >div>textarea.input-contact, .form-person-div form > div >div > div input.text, .form-person-div form > div >div > div select{display: inline-block;width:66%;padding-left:1%;padding-right:1%;padding-top:8px; padding-bottom:8px; border:1px solid #C5C5C5; color:#000 !important;background: #FFF;}
.form-contact-div  form > div >div>.captcha_text {display: block; color: #AB0202;background-color: #F1F1F1;margin-right: 2%; padding: 10px;margin-left: 30%;margin-top: 5px}
.form-contact-div  form > div >div input.submit, .form-person-div form > div >div > input.submit{background: #404040; border:1px solid #404040; padding:10px 30px;    color: #FFF; }
.form-contact-div  form > div >div input.submit:hover, .form-person-div form > div >div > input:hover{background: #ce0000;border-color: #ce0000; color:#FFF;}
.form-contact-div  form > div >div >label.input-contact .mandatory, .form-person-div form > div >div > div label .mandatory{color:#F00;display: inline-block;white-space: normal;padding-left: 5px;position: absolute;}
.form-contact-div  form > div >div p.error, .form-person-div form > div >div > div p.error{color:#F00;position: absolute;right: 5%;}
.form-contact-div  form > div >div .filedQuestion{display: inline-block; width:67%;}
.form-contact-div  form > div >div .filedQuestion p.error{position: relative;right: inherit;    top: 0px;}
.form-contact-div  form > div >div .filedQuestion img{margin-bottom: 5px; width: 200px; height: 54px;}
.form-contact-div  form > div >div .filedQuestion input.input-contact{margin:0px 5px;width: calc(100% - 215px);height: 54px;     vertical-align: top; border:1px solid #C5C5C5; color:#000 !important;background: #FFF;}
.form-person-div.error-p-top form > div >div > div p.error{right:0px; top:-10px; left:31%}
.form-person-div .widget-upload > div{display: inline-block;width:66%;margin-left:34%;padding-right:1%;padding-top:8px; padding-bottom:8px}
.form-person-div .widget-upload > div img{margin-bottom: 20px;display: block}
.form-person-div .widget-upload > div .input-file{display: block; padding: 10px;margin: 10px 0px;background: #EEE;overflow: hidden}
.form-person-div .widget-upload > div .info-input-file{display: block; color:#B9B9B9}
.form-person-div form > div >div > .widget-upload p.error{position: relative;display: inline-block;width:66%;padding-left:1%;right:0px;top:0px;padding-right:1%;padding-top:8px; padding-bottom:8px}
.form-contact-div .btn{margin-top: 15px; min-width: 150px; font-size: 1.2em; text-transform: uppercase; background: #0077e0; color: #FFF; border: 1px solid #FFF; box-shadow: 3px 3px 2px 0px #d6d6d6;}
.form-contact-div abbr{color:#F00;}
.str_wrap{overflow:hidden;zoom:1;position:relative;-moz-user-select:none;-khtml-user-select:none;user-select:none;white-space:nowrap}
.str_move{white-space:nowrap;position:absolute;top:0;left:0;cursor:move}
.str_move_clone{display:inline-block;display:inline;zoom:1;vertical-align:top;position:absolute;left:100%;top:0}
.str_vertical .str_move_clone{left:0;top:100%}
.str_down .str_move_clone{left:0;bottom:100%}
.str_vertical .str_move, .str_down .str_move{white-space:normal;width:100%}
.str_static .str_move, .no_drag .str_move, .noStop .str_move{cursor:inherit}
.str_wrap img{max-width:none !important}

.ads-banner-scroll{top:0px; position: absolute;display: block;z-index: 100;padding-top:35px;}

@-webkit-keyframes animateLac{0%{-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg)} 50%{-ms-transform: rotate(50deg); -webkit-transform: rotate(50deg); transform: rotate(50deg)} 100%{-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg)} }
 @-moz-keyframes animateLac{0%{-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg)} 50%{-ms-transform: rotate(50deg); -webkit-transform: rotate(50deg); transform: rotate(50deg)} 100%{-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg)} }

.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, .news-list-ul > h2, .news-related > h2{display: block;float: left; margin-top: 0px;font-weight: bold; }
#right.teaser-company .news-list-ul > h2{background: red;    color: #FFF;    display: block;    padding: 3px 10px;    margin-top: 10px;}
.teaser-company .ce_text > h2{background: #ce0000;padding:8px 12px;color:#FFF;margin-top: 10px;}
.teaser-company .ce_text .content{display: block;clear: both;}
.teaser-company .ce_text .content h3{ margin-top: 10px; margin-bottom: 5px;}

/* main */
.mod_article .pdf_link{text-align: right}
.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: #ce0000;    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: #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: 10px;padding:0px 5px;}
.headline-maximage .link, .headline-maximage .control-image{display: none;}
.nav-header.navbar-default{background: none;}
#footer h2.title-headdline, h2.title-headdline{font-family: sans-serif; display: block;font-size: 1.5em;color:#000;background: url("/files/system/img/general/bg-title.png") center center no-repeat;min-height: 50px; text-align: center; font-weight: bold; position: relative; margin-bottom: 15px;    line-height: 1.2em;overflow:hidden; z-index: 1; margin-top: 0px;}
h2.title-headdline > span{position: relative;display: inline-block;padding: 12px; text-transform: uppercase;}

#header .more-inside-menu {position: relative;padding: 5px 0px; z-index: 100; background-image: -ms-linear-gradient(top, #CACACA 0%, #DADAD9 41%, #676767 100%); background-image: -moz-linear-gradient(top, #CACACA 0%, #DADAD9 41%, #676767 100%); background-image: -o-linear-gradient(top, #CACACA 0%, #DADAD9 41%, #676767 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CACACA), color-stop(41, #DADAD9), color-stop(100, #676767)); background-image: -webkit-linear-gradient(top, #CACACA 0%, #DADAD9 41%, #676767 100%); background-image: linear-gradient(to bottom, #CACACA 0%, #DADAD9 41%, #676767 100%);} 
#header .more-inside-menu > div{position: relative;  }
@media screen and (min-width: 768px) {
	 /* Header */
	 .book-now{    position: absolute; bottom: 0px; z-index: 100; background: rgba(0, 0, 0, 0.64); width: 100%;padding-top: 15px; padding-bottom: 15px;}
	 .book-now > h2, .book-now > form{max-width: 1200px; margin: 0px auto;display: block;}
	 .align-right{text-align: right;}
	 .inline-block{white-space: normal;display: inline-block;vertical-align: top;}
	 
	 #header .fixed-top{position: fixed !important;z-index: 999; top:0px; left:0px;width: 100%;    border-bottom: 1px solid #e2e2e2;}
	 #header .fixed-top .logo > div{display: block; max-width: 80%;}
	 #header .head-background  .more-inside{background: none;position: relative;}
	 #header .logo a{color:#FFF; }
	 .more-inside-menu{text-align: left;}	 
	 .header-hotline span{font-size: 1.4em;margin-top: 5px;}
	 .header-hotline a{font-size: 1.4em;}
	.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;}
	.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;}
	.content-2column{border-left:1px solid #EEE;}
	.content-2column-right{border-right:1px solid #EEE;}
	.col-sm-20{width: 20%;}
	.col-sm-60{width: 60%;}
	.col-sm-80{width: 80%;}
	.col-sm-40{width: 40%;}
	.col-sm-push-20{left:20%;}
	.col-sm-push-40{left:40%;}
	.col-sm-push-60{left:60%;}
	.col-sm-pull-20{right:20%;}
	.col-sm-pull-40{right:40%;}
	.col-sm-pull-60{right:60%;}
	 #header .more-inside-header > div{vertical-align: top}
	 #header .block-search{margin-bottom: 0px;vertical-align: top;display: inline-block;width: calc(100% - 90px);  margin-top: 5px;    -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; overflow: hidden; z-index: 1;}
	 .block-search input[type=submit]{position: absolute;height: 28px; width: 30px;top:1px;right:1px; -webkit-border-top-right-radius: 25px; -webkit-border-bottom-right-radius: 25px; -moz-border-radius-topright: 25px; -moz-border-radius-bottomright: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px;}
	 .more-inside-right > .more-inside{padding:5px 0px 5px 0px;}
	 .block-languages{padding-left: 5px;}
	 .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}
	 #header .icon_header a{padding:0px 5px;}
	 /*menu*/
	 .nav-header.navbar-default{min-height: auto;position: relative; display: block;border: none;margin-bottom: 0px;border-radius: 0px; z-index: 800;}
	 #header .more-inside-menu > .container{position: relative;}
	 #header .more-inside-menu > .container:after{content:"";clear: both;display: block;}
	 .nav-header.navbar-default .hidden-sm-menu{display: none;}
	 .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;}
}
@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;}
	.col-md-block{display:block !important;}
	.col-md-20{width: 20%;}
	.col-md-80{width: 80%;}
	.col-md-60{width: 60%;}
	.col-md-40{width: 40%;}
	.col-md-push-20{left:20%;}
	.col-md-push-40{left:40%;}
	.col-md-push-60{left:60%;}
	.col-md-pull-20{right:20%;}
	.col-md-pull-40{right:40%;}
	.col-md-pull-60{right:60%;}
	.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;}
	
	 /*menu*/
	 .nav-header.navbar-default ul.level_1{padding: 0px; margin: 0px; }
	 .nav-header.navbar-default .navbar{    min-height: inherit;    margin: 0px;}
	 .nav-header.navbar-default ul.level_1 li{position: relative;}
	 .nav-header.navbar-default ul.level_1 >li{padding: 0px; margin: 0px;display: inline-block;  margin-left: -3px;  border-right: 1px solid #969696;    box-shadow: 1px 0px 0px 0px #eaeaea; }
	 .nav-header.navbar-default ul.level_1 >li.first{margin-left: 0px;}
	 .nav-header.navbar-default ul.level_1 >li.last{background: none;padding-right: 0px;box-shadow: none; border:none;}
	 .nav-header.navbar-default{}
	 .nav-header.navbar-default .invisible{display: none !important}
	 .nav-header.navbar-default ul.level_1 a{z-index: 11;padding:7px;color:#FFF; font-size: 1em; display: block;}
	 .nav-header.navbar-default ul.level_1 li li a{background: rgba(0, 0, 0, 0.54);  margin-bottom: 0px;    border-bottom: 1px solid rgba(0, 0, 0, 0);}
	 .nav-header.navbar-default ul.level_1>li>a, .nav-header.navbar-default ul.level_1>li>span{color:#000;    background: none; z-index:101;   padding:10px;text-transform:uppercase;font-weight: bold;position:relative;font-size: 1em; }
	 .nav-header.navbar-default ul.level_1 li>ul a{padding-top: 6px;padding-bottom: 6px;min-width: 150px;} 
	 .nav-header.navbar-default ul.level_1 a.active, .nav-header.navbar-default ul.level_1 span.active, .nav-header.navbar-default ul.level_1 a:hover, .nav-header.navbar-default ul.level_1 a:focus, .nav-header.navbar-default ul.level_1 a.active, .nav-header.navbar-default .open>a, .nav-header.navbar-default .open>a:focus, .nav-header.navbar-default .open>a:hover, .nav-header.navbar-default ul.level_1 > li:hover >a{       background: #ce0000; text-decoration: none; color: #ffffff; transform: scale(1.2); box-shadow: 2px 2px 2px 0px #000;}
	 .nav-header.navbar-default ul.level_1 ul a.active, .nav-header.navbar-default ul.level_1 ul span.active, .nav-header.navbar-default ul.level_1 ul a:hover, .nav-header.navbar-default ul.level_1 ul a:focus, .nav-header.navbar-default ul.level_1 ul a.active, .nav-header.navbar-default ul.level_1 ul .open>a, .nav-header.navbar-default ul.level_1 ul .open>a:focus, .nav-header.navbar-default ul.level_1 ul .open>a:hover{background: #ce0000; text-decoration: none;    color: #FFF;  transform: scale(1);  }
	 .nav-header.navbar-default ul.level_1 > li > a.active, .icon-home .nav-header.navbar-default ul.level_1 > li > .icon-home{   text-decoration: none; background: #ce0000;    color: #FFF !important; transform: scale(1.2); box-shadow: 2px 2px 2px 0px #000;}
	 .nav-header.navbar-default ul.level_1> li > a.icon-home, .nav-header.navbar-default ul.level_1> li > span.icon-home{text-indent:-9999px;text-align:left;width:50px;position:relative;}
	 .nav-header.navbar-default ul.level_1> li > a.icon-home:before, .nav-header.navbar-default ul.level_1> li > span.icon-home:before{font:normal normal normal 14px/1 FontAwesome;content:"\f015";font-size:1.5em;text-align:center;text-indent:0px;height:100%;width:100%;padding:0px;position:absolute;left:0px;top:0px;display: -webkit-box !important;    display: -moz-box !important;    display: -ms-flexbox !important;    display: -webkit-flex !important;    display: flex !important;    -webkit-flex-direction: row !important;    -ms-flex-direction: row !important;    flex-direction: row !important;    -webkit-flex-wrap: wrap !important;    -ms-flex-wrap: wrap !important;    flex-wrap: wrap !important;    -webkit-box-pack: center !important;    -moz-box-pack: center !important;    -webkit-justify-content: center !important;    -ms-flex-pack: center !important;    justify-content: center !important;    -webkit-box-align: center !important;    -moz-box-align: center !important;    -webkit-align-items: center !important;    -ms-flex-align: center !important;    align-items: center !important;}
	 .nav-header.navbar-default .navbar-brand{display: none}
	 .nav-header.navbar-default .navbar-collapse{padding-left:0px; padding-right: 0px}
	 .nav-header.navbar-default li>ul{background-color: inherit;position: absolute;display: none;padding:0px;list-style: none;border: none;box-shadow: none;   box-shadow: 2px 1px 5px 0px #000;    margin-bottom: 0px;    padding-bottom: 0px}
	 #header .logo{vertical-align: middle;position: relative;}
	 #header .logo img{max-height: 60px;}
	 #header .csticky .logo img{max-height: 40px;}
	 .nav-header.navbar-default li:hover > ul{display: block;margin-top:0px;padding-top:0px;}
	 .nav-header.navbar-default ul.level_1 ul>li:hover ul{ top:0px;}
	 .nav-header.navbar-default ul.level_1>li:hover>ul{top:100%;left:0px;}
	 .nav-header.navbar-default ul.level_1 ul li{position: relative}
	 .nav-header.navbar-default .caret-icon{margin-left: 5px;}
	 .nav-header.navbar-default .icon-tree{display: none;}
	 .nav-header.navbar-default li.hidden-sm-menu-child{display: none !important;}
	 .nav-header.navbar-default .hidden-md-menu{display: none;}

	 #header .slider-header.rsts-skin-default .rsts-caption{ width: 45%}
	 
	 .menu-nav-header.navbar-default{font-size: 0.9em; }
	 .menu-nav-header.navbar-default ul.level_1>li a, .menu-nav-header.navbar-default ul.level_1>li span{text-transform: uppercase !important; font-size: 0.95em;}
	 .menu-nav-header.navbar-default ul.level_1>li a:after, .menu-nav-header.navbar-default ul.level_1>li span:after{display: none !important;}
	 .menu-nav-header.navbar-default ul.level_1>li>a, .menu-nav-header.navbar-default ul.level_1>li>span{color:#183c70; }
	 .menu-nav-header.navbar-default ul.level_1 >li, .menu-nav-header.navbar-default ul.level_1 >li.last{border-color: #eab200;}

	 .menu-top-block{display: block; }
	 .menu-top-block ul{display: inline-block; position: relative;list-style: none; padding:2px 0px; margin: 0px;}
	 .menu-top-block ul li{display: inline-block;vertical-align: top;}
	 .menu-top-block ul a, .menu-top-block ul span{display: block;padding:1px 5px;font-size: 0.9em;color:#333;border-right:1px solid #CCC;}
	 .menu-top-block ul a.last, .menu-top-block ul span.last{border:none;}
	 
	 .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}
	 .block-languages h2{display: none;}
	 .col-sm-center{text-align: center;}
	 .col-sm-only-no-padding-left{padding-left:0px;}
	 .col-sm-only-no-padding-right{padding-right:0px;}
	 .menu-brebrum{position: relative;}
	 .header-hotline{font-size: 1em;}
	 /* contact-form */
	 .form-contact-div > form > div >div p.error, .form-person-div form > div >div > div p.error{color:#F00;position: absolute;right: 5%;top: -10px}
	 /* Header translate google */
	 .header-translate{text-align: left;padding-left: 15px}
	 /* nav top main */
	.nav-header.navbar-default .navbar-toggle{display: inline-block;margin:5px 0px 5px 10px;float: inherit;background: #3e3e3e;     border-color: #3e3e3e; padding: 4px 10px; color:#FFF;}
	 .nav-header.navbar-default .navbar-collapse{display: none !important; position: absolute;    min-width: 500px;    text-align: left;top:99%;}
	 .nav-header.navbar-default .navbar-collapse.in{display: block !important;    background: none;padding:0px;margin-bottom: 15px;}
	 .nav-header.navbar-default .navbar-header{float: inherit;display: block;    position: relative; }
	 .nav-header.navbar-default ul a{    color: #fff; background: rgba(35, 35, 35, 0.74); border-bottom: 1px solid #616161; position: relative;}
	 .nav-header.navbar-default ul span, .nav-header.navbar-default ul a.active{background:#c70000;  border-color:#c70000;  color: #FFF;}
	 .nav-header.navbar-default ul a.dropdown-toggle, .nav-header.navbar-default ul span.dropdown-toggle{padding-right:50px !important;}
	 .nav-header.navbar-default .open>a, .nav-header.navbar-default .open>a:focus, .nav-header.navbar-default .open>a:hover{background:#c70000;color:#FFF;border-color: #c70000;}
	 .nav-header.navbar-default .dropdown-menu{position: relative;left:0px;width:100%;padding: 0px;  float:inherit;  margin: 0px;    border: none;margin-bottom: 0px;background: none;}
	 .nav-header.navbar-default ul.level_1>li>a, .nav-header.navbar-default ul.level_1>li>span{    padding-right: 7px;    padding-left: 7px;text-transform: none;font-size: 0.85em;}
	 .nav-header.navbar-default ul.level_1 ul a,  .nav-header.navbar-default ul.level_1 ul span{padding:10px;}
	 .nav-header.navbar-default .dropdown-submenu>.dropdown-menu{left:0px;margin-left: 0px;}
	  .nav-header.navbar-default .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;}
	 #header .more-inside-menu{margin-bottom: 0px;}
	 .block-right-header > div > div{position: relative; z-index: 801;}
	 .nav-header.navbar-default .navbar-collapse.in{left: 0px;}
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
	 /* block-search */
	 .block-search{margin-top: 0px;position: relative;top:0px;text-align: center;right: auto;}
	 .block-search form{text-align: center}
	 .nav-header.navbar-default ul.level_1>li>a, .nav-header.navbar-default ul.level_1>li>span{padding-left: 15px; padding-right: 15px; font-weight: normal; text-transform: none;}
}
@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;}
	.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-20{width: 20%;}
	.col-lg-80{width: 80%;}
	.col-lg-60{width: 60%;}
	.col-lg-40{width: 40%;}
	.col-lg-push-20{left:20%;}
	.col-lg-push-40{left:40%;}
	.col-lg-push-60{left:60%;}
	.col-lg-pull-20{right:20%;}
	.col-lg-pull-40{right:40%;}
	.col-lg-pull-60{right:60%;}
	.nav-header.navbar-default ul.level_1>li>a, .nav-header.navbar-default ul.level_1>li>span{padding-left: 18px; padding-right: 18px; font-weight: normal;}
	.nav-header.navbar-default .hidden-lg-menu{display: none;}
}
@media screen and (max-width: 767px) {
	#header{background: none;}
	#header .more-inside-menu{background: none;}
	#header .more-inside-menu > div{    margin-bottom: 0px;}
	#footer{padding-bottom: 0;}
	 #header .bg-header > div{background: none}
	 .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;}
	 .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;}
	 #header .header-logan{margin: 0px;padding: 0px 0px;text-align: center;}
	 #header .logo{text-align: center;}
	 #header .logo a{color:#FFF;}
	 .header-address{padding-bottom: 10px}
	 .header-hotline-mobile{color: #f10000; padding: 1px;position: fixed;bottom: 0px; width: 100%; left:0px;z-index: 1001;}
	 .header-hotline-mobile a{ text-decoration: none;color:#FFF; display: inline-block; width: 49%; position: relative; padding: 5px 0px; font-size: 1em; box-shadow: 0px 0px 0px 1px #ce0000; background: #ce0000;border-radius: 0px;}
	 .header-hotline-mobile a b{font-weight: normal;}
	 .header-hotline-mobile i:before{font:normal normal normal 14px/1 FontAwesome;padding-right:5px;font-size: 1.2em;}
	 .header-hotline-mobile .hotline i:before{content:"\f095"; -webkit-animation: fadeCome linear 1s infinite;animation: fadeCome linear 1s infinite;}
	 .header-hotline-mobile .sms i:before{content:"\f003";}
	 @-webkit-keyframes fadeCome{0%{opacity: 1;} 50%{opacity: 0;} 100%{opacity: 1;} }
	 @-moz-keyframes fadeCome{0%{opacity: 1;} 50%{opacity: 0;} 100%{opacity: 1;} }
	 #header .icon_header{margin-bottom: 15px;}
	 /*#header{margin-top: 51px}*/
	 #header .block-languages {display: block;margin-bottom: 0px;color: #585858;clear: both;}
	 .block-languages{text-align: center;}
	 .button-social{margin-top: 5px; display: block; font-size: 1em; color: #c11601;}
	 
	 .button-social p{margin-bottom: 0px;}
	 .float_right{float:inherit;}.float_left{float: inherit;}
	 #footer .copyright{padding:0px 15px;}
	 .slick-prev, .slick-next{display: none !important;}
	 /*menu*/
	 .nav-header.navbar-default{border:none;background: none;margin-bottom: 5px; margin-top: -47px;text-align: left; }
	 .nav-header.navbar-default .navbar-collapse, .nav-header.navbar-default .navbar-form{background-color:none;margin-bottom: 0px;padding-top: 10px;border:none;    margin-right: 0px;    margin-left: 0px;}
	 .nav-header.navbar-default .navbar-toggle{ background: url("/files/system/img/general/resp_menu_btn.png") left top no-repeat;background-size: 48px 48px;border-color: transparent;color:#FFF;float: left;width: 48px; height:48px;padding:0px;text-indent: -99999px;margin: 0px;margin-left: 5px;margin-right: 10px;}
	 .nav-header.navbar-default .navbar-toggle span{display: none;}
	 .nav-header.navbar-default .navbar-toggle:focus, .nav-header.navbar-default .navbar-toggle:hover{ background-color: inherit; box-shadow: none}
	 .nav-header.navbar-default a{color:#232323;font-size:1.2em;}
	 .nav-header.navbar-default a.active, .nav-header.navbar-default li>a:focus, .nav-header.navbar-default li>a:hover, .nav-header.navbar-default .open>a, .nav-header.navbar-default .open>a:focus, .nav-header.navbar-default .open>a:hover{        background: #ce0000;    color: #FFF;}
	 .nav-header.navbar-default .navbar-toggle .icon-bar{background:#FFF}
	 .nav-header.navbar-default .navbar-header{margin-right: 0px;margin-left: 0px}
	 .nav-header.navbar-default .dropdown-menu{display: none;left:0px; background: none;border: none;position: relative;float: inherit}
	 .nav-header.navbar-default .open >.dropdown-menu{display: block;}
	 .nav-header.navbar-default .dropdown-submenu>.dropdown-menu { left: 0px; margin-top: 0px;margin-left: 5px;top: auto;}
	 .nav-header.navbar-default .caret-icon {width: 30px;height: 30px;vertical-align: middle;position: absolute;right: 0px;display: block;line-height: 34px;text-align: center;font-size: 1.2em;bottom: 1px;color: #292929;}
	 .nav-header.navbar-default .icon-tree{display: none;}
	 .nav-header.navbar-default li{position: relative !important;}
	 .nav-header.navbar-default li a{position: relative !important;    background: none;  color: #232323;margin-bottom: 1px;-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;padding: 7px 10px;font-size: 1em;}
	 .nav-header.navbar-default .dropdown-submenu a, .nav-header.navbar-default .dropdown-menu a{white-space: normal;background: none;}
	 /* left right */
	 #left, #right{box-shadow: none;margin-top: 0px; margin-bottom: 10px}
	 #left>.inside, #right>.inside{float: inherit}
	 #footer .form-newletter{padding:4px 15px;}
	 /* block-search */
	 .block-search{ margin-top: 0px;margin-left: 60px;margin-top: 4px;margin-right: 5px;  width: calc(100% - 145px);}
	 .block-search form{text-align: center}
	 .block-search input[type=text]{background: rgba(255, 255, 255, 0.65);   color: #000;  border: 1px solid #c5c5c5; height:46px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;position: relative;z-index: 1001;}
	 .block-search input[type=submit]{    position: absolute;    z-index: 1001;    top: 3px;    right: 3px;}
	 /* Header translate google */
	 .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}
	 .teaser-company .ce_text > h2{float: inherit;}
	 .wrap-center-rotate div.items{ padding:15px;}
	 .block-right-header{padding-bottom: 5px;    position: absolute;    top: 5px;    right: 10px;}
}
@media screen and (max-width: 640px) {
 	h2.title-headdline{font-size: 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;}
	 /* header */
	 #header .hotline-top{font-size: 0.7em}
	 /* footer */
	 .copyright{font-size: 0.9em;}
	 /* news */
	 .list-1column .float_above{float: inherit}
	 /* nav */
	 .nav-header.navbar-default{text-align: left;min-height: auto;}
	 /* reader news */
	 .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}
	 /* form-contact */
	 .form-contact-div > h2, .form-person-div > h2{font-size: 1.2em}
	 .form-contact-div > form > div >.submit_container, .form-person-div > form > div >.submit_container {display: block;text-align: right;margin-right: 2%}
	 .form-contact-div > form > div >div>label.input-contact, .form-person-div form > div >div > div label{display: block;padding-right:2%;width:98%;     text-align: left;}
	 .form-contact-div > form > div >div>input.input-contact, .form-contact-div > form > div >div>textarea.input-contact, .form-person-div form > div >div > div input.text, .form-person-div form > div >div > div select{display: block;width:98%;padding-left:0.5%;padding-right:0.5%}
	 .form-contact-div > form > div >div>.captcha_text {display: block; color: #AB0202;background-color: #F1F1F1;margin-right: 2%; padding: 10px;margin-left: 0%;margin-top: 5px;width:98%}
	 .form-contact-div > form > div >div p.error, .form-person-div form > div >div > div p.error {position: relative;right: 0px;top: inherit}
	 .form-person-div .widget-upload > div{display: block;width:auto;margin:0px}
	 .form-person-div form > div >div > .widget-upload p.error{display: block; width:auto;margin: 0px}
	 .form-person-div .widget-upload > div img{display: block;margin: auto}
	.form-contact-div  form > div >div .filedQuestion{display: block; width: auto; }
	 .pgwSlider .ps-caption b{font-size: 1.2em}

	 .mix-list .col-sm-clear{display: block;height:0px;}
	 .book-now > h2{font-size: 1.2em;padding-bottom: 0px;}
	 .book-now .formbody > div, .book-now > h2{display: block;margin-left:10px; margin-right:10px;margin-bottom: 1px;}
	 .book-now .formbody > div input, .book-now .formbody > div select{display: block;width: 100%;}
	 .menu-brebrum span{font-size: 2em;}
}
@media screen and (min-width: 640px) {-
	.div-table{display: table;width: 100%;}
	.block-home{display: table-cell;}
}

.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;
}

@-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);
    }
}
