body,html{color:#444; font-family: Arial, sans-serif; }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:#d00000}
body{max-width: 1400px; margin-right: auto; margin-left: auto; display: block;}
.flex{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;}
body iframe, .fb_iframe_widget >span{max-width: 100% !important}body:after{clear: both;content:"";}
#wrapper{position: relative; overflow-x: hidden;height: 100%;clear: both;}#wrapper:after{content:"";clear:both;display: block;}
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}
.border-none table, .border-none table th, .border-none table td{border-collapse:collapse;border-spacing:0px; border:none !important;}
.padding-bs-0{padding-left:0px;padding-right:0px;margin-left: auto; margin-right: auto}.padding-bs-left{padding-left:0px}.padding-bs-right{padding-right:0px}.mod_article p img, .mod_article p img, #footer img, .img-reponsive img,img.img-reponsive, 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;}.relative{position: relative;}.absolute{position: absolute; left:0px; top:0px; width: 100%;}.z-index-900{z-index: 900;}#container:after, #header:after{clear:both;content: "";display: block;}.slick-dots{display: none !important;}
@-webkit-keyframes rotatePhone {	20% {	 -webkit-transform: rotate3d(0,0,1,15deg);	 transform: rotate3d(0,0,1,15deg);	}	40% {	 -webkit-transform: rotate3d(0,0,1,-10deg);	 transform: rotate3d(0,0,1,-10deg);	}	60% {	 -webkit-transform: rotate3d(0,0,1,5deg);	 transform: rotate3d(0,0,1,5deg);	}	80% {	 -webkit-transform: rotate3d(0,0,1,-5deg);	 transform: rotate3d(0,0,1,-5deg);}	100% { -webkit-transform: rotate3d(0,0,1,0deg);	 transform: rotate3d(0,0,1,0deg);	}}
@keyframes rotatePhone {	20% {	 -webkit-transform: rotate3d(0,0,1,15deg);	 transform: rotate3d(0,0,1,15deg);	}	40% {	 -webkit-transform: rotate3d(0,0,1,-10deg);	 transform: rotate3d(0,0,1,-10deg);	}	60% {	 -webkit-transform: rotate3d(0,0,1,5deg);	 transform: rotate3d(0,0,1,5deg);	}	80% {	 -webkit-transform: rotate3d(0,0,1,-5deg);	 transform: rotate3d(0,0,1,-5deg);	}	100% {	 -webkit-transform: rotate3d(0,0,1,0deg);	 transform: rotate3d(0,0,1,0deg);	}}
@-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)} }
/* pagination */
.pagination {display: block;clear: both; }
.pagination > p{display: block; border-bottom: 3px double #DEDEDE; text-align: center; font-weight: bold;color:#717171;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:3px 7px;background: none;color:#333;}
.pagination ul li span, .pagination ul li a:hover{background: #333;color:#FFF;}
/* 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 15px;font-weight: normal; background-color: #542828; color: white;margin: 0px 0px 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:10px 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:5px; padding-bottom:5px; border:1px solid #C5C5C5}
.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: #eee; border:1px solid #C5C5C5; padding:10px 30px}
.form-contact-div form > div >div input.submit:hover, .form-person-div form > div >div > input:hover{background: #DDD;border-color: #CCC}
.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;}
.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;}
.form-contact-div form > div >div .filedQuestion input.input-contact{margin:5px;width: 100px;}
.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}
/* orders chung */
.news-orders input[type="text"], .news-orders input[type="password"], .news-orders input[type="email"], .news-orders textarea{border:1px solid #ddd;padding:10px}
.news-orders .woocommerce-info{color:#1A8E14;font-size:20px;text-transform:uppercase;margin-bottom:20px}
.news-orders .customer_details label{display:block;margin:0 0 5px}
.news-orders .customer_details .inline-block{display: inline-block}
.news-orders .customer_details .margin-bottom-0{margin-bottom: 0px}
.news-orders .customer_details .font-weight-none{font-weight: normal}
.news-orders .customer_details input[type="text"], .news-orders .customer_details textarea{margin-bottom:10px;width:100%}
.news-orders p.error{color:#F00}
.news-orders > h2{ position: relative; padding-bottom: 10px; margin-bottom: 20px; color: #.news-orders > h2; font-weight: bold; position: relative; font-size: 1.5em;}
.news-orders .headline{ font-size: 2em;color:#000}
.news-orders > h2:after{max-width: 250px; width:100%;content:"";bottom:0px;left:0px;border-bottom: 2px solid #ffcc29;display: block; position: absolute;}
/* gallery*/
.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;}
.gallery-list ul li.col-sm-inline, .gallery-list ul li.col-xs-inline, .gallery-list ul li.col-md-inline, .gallery-list ul li.col-lg-inline{margin-left: -4px;}
.gallery-list ul li a{text-align: center; text-decoration: none;}
.gallery-list ul li a span{display: block; padding:10px; margin-bottom: 10px; color: #000;}
.full-image ul li a span, .full-image ul li{padding:0px; margin:0px; }
.full-image ul li a span{display: none; }
.ads-banner-scroll{top:0px; position: absolute;display: block;z-index: 100;}
.ads-banner-scroll img{max-width: 100%;}
#top-link-block{ bottom: 55px;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: 55px;width: 55px;display: block;text-align: center;text-indent: 1000px;}
@media screen and (min-width: 768px) {
	.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;}
	.col-sm-no-padding-right{padding-right:0px;}
	.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%;}
	.absolute-sm{position: absolute;left:0px; top:0px; }
	.flex-sm{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;}
}
@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%;}
	.absolute-md{position: absolute;left:0px; top:0px; }
	.col-md-no-padding-left{padding-left:0px;}
	.col-md-no-padding-right{padding-right:0px;}
	.flex-md{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;}
}
@media screen and (max-width: 992px) and (min-width: 768px) {
	 .padding-top-sm-15{padding-top: 15px}
	 .col-sm-center{text-align: center;}
	 .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}
}
@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;}
	.col-lg-no-padding-right{padding-right:0px;}
	.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%;}
	.absolute-lg{position: absolute;left:0px; top:0px; }
}
@media screen and (max-width: 767px) {
	 .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;}
}
@media screen and (max-width: 767px) and (min-width: 641px) {
	.hidden-only-xs{display:none !important;}
}
@media screen and (max-width: 640px) {
 	.col-xxs-center{text-align:center !important;}
	 .col-xxs-left{text-align:left !important;}
	 .col-xxs-right{text-align:right !important;}
	 .col-xxs-inline{display:inline-block !important;float: none !important;}
	 .col-xxs-block{display:block !important;}
	 .hidden-xxs{display:none !important;}
	 #top-link-block{display: none !important;}
	 /* form-contact */
	 .form-contact-div > h2, .form-person-div > h2{font-size: 1.6em}
	 .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}
}
body{ font-size: 14px;background: url("/files/system/img/general/bg-body.jpg") left top repeat; }
html *{font-family: "Arimo", arial, sans-serif;line-height: 1.2em;}
#container{padding-top:15px;    background: rgba(255, 255, 255, 0.29);box-shadow: 0px 0px 5px -3px #000;}
.text-neo-top{ margin-top: -100px; display: block; padding-top: 100px;}
/*logo*/
#header .logo img{max-width: 100% !important;position: relative;z-index: 100;}
#header .logo a{display: inline-block;vertical-align: top;}
#header .logo{text-align: center;margin: 5px 0px;}

.header-logan{position: relative;display: block;}
.header-logan img{width: 100%;}

.block-teaser-home{position: relative;display: block;}
.block-teaser-home:after{position: relative;display: block;content: ""; clear: both;}
.block-teaser-home > h2{display: block; position: relative;margin: 0px 0px 10px 0px !important;padding:0px !important; font-size: 1em !important; }
.block-teaser-home > h2 span{position: relative; display: inline-block; background: #960600; color: #FFF; font-size: 1.2em; line-height: 1.2em; padding: 8px 15px; border-radius: 2px; text-align: center; max-width: 100%;}
.block-teaser-home{padding-bottom: 15px !important;padding-top: 15px !important;background: #EEE url("/files/system/img/general/bg-teaser.jpg") left top repeat; }

.map-home > h2{display: block; text-align: center; font-size: 2em; text-transform: uppercase; background:#800000;color: #FFF; margin: 0px !important; padding:10px 15px;}

.block-teaser-home-background{background: #000; color:#FFF;margin-bottom: 15px; display: block; padding-top:15px; padding-bottom: 15px;}

.block-menu-absolute{display: block; -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: 300px; bottom: 15%; right: -290px; z-index: 900; height: auto; background:#fff; color: #000; padding: 10px; border-left: 10px solid #d80000; }
.block-menu-absolute:before{content:"";background: url("/files/system/img/general/support-online.png") center center no-repeat; width: 50px; height: 45px; position: absolute; left:-60px; top:0px;}
.block-menu-absolute > h2{display: block; margin-left: -10px !important; margin-right: -10px !important; margin-top: -10px !important; padding: 10px; font-size: 1.2em !important; text-align: center;background: #d80000  !important;}
.block-menu-absolute:hover{right:0px;}
.header-marquee{padding-top: 10px;    color: #FFF;}

.slider-home{display: block;font-size: 18px; }
.head-background{position: relative; background: #000; }
.bg-header-menu{position: relative;display: block;background: #002A7A;}
.header-slider{display: block; position: relative;}
.header-slider:after{content:"";display: block;}
/* 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: 37px;width: 100%;color:#000;background:#FFF;border: none;outline: none !important;padding-left: 10px;padding-right: 10px;font-style: italic}
.block-search input[type=submit]{position: relative;vertical-align: top;text-indent: 1000px; display: inline-block;width:26px; height:26px;border:none;margin: 0px; padding:0px;line-height: 30px;background: 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}

.button-social{line-height: 1em;color: #9A9999;margin-top: 3px;vertical-align: top;padding-left:15px; padding-right: 15px;}
.button-social b{font-size: 0.9em;color: #FFF}
.button-social p{margin:0px;}
.button-social a{padding-left:5px;font-size: 2em;color: #FFF;display: inline-block;}
.button-social a:hover {animation-name: animateLac;animation-duration: 1s}

.form-newletter{padding-bottom: 10px;}
.form-newletter > h2{font-size: 1.2em; text-transform: uppercase;}
.form-newletter input.text{background: #FFF;color:#000;}
.form-newletter input.submit{ color: #FFF; background: #b30000 ; }
.form-newletter input.text, .form-newletter input.submit{border:none;height:30px;padding-left:10px; padding-right: 10px;}

/*footer*/
#footer .footer-background{padding-top:15px; background: #085ad8; 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: #3f8bff;}
#footer .copyright p{margin: 0px; padding:4px 0px;}
#footer h1, #footer h2{margin: 0px; line-height: 1em; margin-bottom: 15px; margin-top: 10px;}
#footer .block-footer > h1, #footer .block-footer > h2 { border-bottom: 1px solid #0049b9;box-shadow: 0px 1px 0px 0px #1970f5; padding-bottom: 10px; margin-bottom: 15px;     margin-top: 0px;}
#footer.fixbottom{position: absolute;bottom: 0px;width: 100%;}
#footer .footer-copyright{ background: #004dc3;    font-size: 0.9em;padding-top: 5px; padding-bottom: 5px; }

/* brebrum */
.background-bre{    background: #d6e0ef;    margin-bottom: 0px;}
.menu-brebrum{display: block;padding-top: 15px;padding-bottom: 15px;}
.menu-brebrum span{display: inline-block;padding:1px;color:#0b3850;text-transform: uppercase;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.menu-brebrum ul{list-style: none; margin: 0px; padding:0px; }
.menu-brebrum ul li{display: inline;white-space: normal; font-size: 0.9em;}
.menu-brebrum ul li:after{content: "\bb"; display: inline; padding-left: 10px;padding-right: 10px}
.menu-brebrum ul li.last:after{display: none}
.menu-brebrum ul li a, .menu-brebrum ul li{color:#9b9c9c}
/* 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;background: #EEE;}
#left .bg-none, #right .bg-none{box-shadow:none; padding: 0px; border:none}
#left>.inside img, #right>.inside img, .block-menu img{max-width: 100% !important; height: auto !important}
#left .block-menu > h1, .block-menu > h2{display: block;position: relative;line-height: 1.2em;font-size: 1.2em;text-transform: uppercase;margin: 0px 0px 10px 0px; color: #000000; font-weight: bold; padding: 8px 5px 8px 25px;text-align: left}
#left .block-menu, #right .block-menu{  margin-top: 5px;}
.block-menu > h2{color: #000; background: #e4e4e4;  }
.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-border{border: 1px solid #dee9f0;    padding: 1px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

.block-menu-control{padding-bottom: 0px;margin-top: 0px; margin-bottom: 15px;    background: #EEE;}
.block-menu-control nav{margin-bottom: 0px;border:none;}
.block-menu-control ul{list-style: none}
.block-menu-control > h2{background: #c70000;color:#FFF;}
.block-menu-control ul.level_1{ margin: 0px;padding:0px;list-style: none;}
.block-menu-control ul.level_1 li{display: block; position: relative;}
.block-menu-control ul.level_1 ul{background: #cddce3;padding:0px;list-style: none;position: absolute;margin-left: 90%;left:0px; top:0px; opacity: 0; z-index: -1; -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;}
.block-menu-control ul.level_1 li:hover > ul{opacity: 1; margin-left: 100%; z-index: 999;}
.block-menu-control ul.level_1 li li a{display: block;white-space: nowrap;padding: 10px  15px 10px 30px;position: relative;display: block;border-bottom: 1px solid #bccbd2; color: #0b3850; box-shadow: 0px 1px 0px 0px #ebf4f9;}
.block-menu-control ul.level_1>li>a, .block-menu-control nav > ul>li>span{position: relative;display: block;font-weight: normal;border-bottom: 1px solid #e4e4e4; color: #0b3850; box-shadow: 0px 1px 0px 0px #FFF;padding:10px 5px 10px 25px;}
.block-menu-control ul.level_1>li a:before, .block-menu-control nav > ul>li span:before{content: "\25b6";left:10px; top:10px; font-size: 0.6em;   position: absolute;}
.block-menu-control ul.level_1 li.last>a{border-bottom: none;box-shadow: none;}
.block-menu-control ul.level_1 li:hover > a{text-decoration: none;background-color: #085ad8; color:#FFF;}

/* ads */
.block-menu.block-ads img{display: block;margin: 0px auto 5px auto}
 /* link */
 .block-menu select {display: block; width:100%;margin: 5px auto 0px auto;border:1px solid #DDD;height:34px;}
 .block-menu iframe{max-width: 97% !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}

/* 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%;}

.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: #542828;padding:8px 12px;color:#FFF;margin-top: 0px;}
.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;}
.reader-news .back{display: block;}
.reader-news .back a{ text-align: center;display: inline-block; color: #131313;padding:4px 10px;text-transform: uppercase;}
.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;}
.rsts-skin-default .rsts-nav{text-align: center !important;}

 #header .more-inside-menu{    position: relative; z-index: 100;  background: #085ad8;}
@media screen and (min-width: 768px) {
	 /* Header */
	 #header .fixed-top{position: fixed;z-index: 999; top:0px; left:0px;width: 100%;}
	 #header .head-background .more-inside{background: none;position: relative;}
	 #header .logo a{color:#FFF; }
	 .more-inside-menu{text-align: left;}	 
	 .block-languages ul li a, .block-languages ul li span{position: relative;}
	 #header .more-inside-header > div{vertical-align: top}
	 #header .block-search{margin-bottom: 0px;vertical-align: top;display: block; margin-top: 8px;}
	 .block-search input[type=submit]{position: absolute;top:3px;right:20px;	}
         .block-search input[type=text]{    -webkit-border-radius: 27px;    -moz-border-radius: 27px;    border-radius: 27px;height: 30px;}
	 .more-inside-right > .more-inside{padding:5px 0px 5px 0px;}
	 .copyright{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;background: none;border: none;margin-bottom: 0px;border-radius: 0px; z-index: 800;padding-right: 15px;}
	
	 #header .more-inside-menu > .container{position: relative;}
	 .nav-header.navbar-default .hidden-sm-menu{display: none;}
         .fixed-top-menu{position:fixed !important; top:0px !important; left:0px !important; width:100% !important; z-index:900 !important;}

	 .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) {
	 /*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 #0049b9;    box-shadow: 1px 0px 0px 0px #1972f9;}
	 .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-right: none;}
	 .nav-header.navbar-default .invisible{display: none !important}
	 .nav-header.navbar-default ul.level_1 a{z-index: 11;padding:10px 7px;color:#FFF; font-size: 1em; display: block;-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;}
	 .nav-header.navbar-default ul.level_1 li li a{background: #085ad8; margin-bottom: 0px; border-bottom: 1px solid #004fca;}
	 .nav-header.navbar-default ul.level_1>li>a, .nav-header.navbar-default ul.level_1>li>span{color:#FFF; background: none; z-index:101; padding:15px 10px; text-transform:none;font-weight: bold;position:relative;font-size: 1em; }
	 .nav-header.navbar-default ul.level_1 li>ul a{padding-top: 8px;padding-bottom: 8px;min-width: 200px;} 
	 .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,
	 .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: #c70000; text-decoration:none;color:#FFF;}
	 .nav-header.navbar-default ul.level_1 > li > a.active, .icon-home .nav-header.navbar-default ul.level_1 > li > .icon-home{ background: #c70000;text-decoration: none; color: #FFF; }
	 .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 ul li.hidden-md-menu{display: none !important; }
	 .nav-header.navbar-default .navbar-collapse{padding-left:0px; padding-right: 0px}
	 .nav-header.navbar-default li>ul{background-color: inherit;position: absolute;z-index: -1000;display: none;opacity: 0;padding:0px;list-style: none;border: none;box-shadow: none; box-shadow: 1px 1px 5px -2px #000; margin-bottom: 0px; margin-top: 30px;-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;}
	 .nav-header.navbar-default li:hover > ul{display: block;margin-top:0px;padding-top:0px;opacity: 1;z-index: 1000;}
	 .nav-header.navbar-default ul.level_1 ul>li:hover ul{ top:0px;margin-bottom: 0px;}
	 .nav-header.navbar-default ul.level_1>li:hover>ul{top:100%;left:0px; margin-top: 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%}
}
@media screen and (max-width: 992px) and (min-width: 768px) {
	 .block-languages h2{display: none;}
	 .menu-brebrum{position: relative;}
	 .header-hotline{font-size: 1em;}
	 /* Header translate google */
	 .header-translate{text-align: left;padding-left: 15px}
	 /* nav top main */
	.nav-header.navbar-default .navbar-toggle{display: inline-block;margin:4px 5px;padding: 10px;float: inherit;    background: #e60000;    color: #FFF;    border-color: #c77e31;}
	 .nav-header.navbar-default .navbar-collapse{position: absolute; width: 200px;left:0px;   top: 100%;padding:0px;margin-bottom: 15px;background: #085ad8;}
	 .nav-header.navbar-default .navbar-collapse.collapse{display: none !important;}
	 .nav-header.navbar-default .navbar-collapse.in{display: block !important; }
	 .nav-header.navbar-default{text-align: left;}
	 .nav-header.navbar-default .navbar-header{float: inherit;display: block; position: relative; }
	 .nav-header.navbar-default ul a{color:#FFF;background:none; border-bottom: 1px solid #024fc5;position: relative;}
	 .nav-header.navbar-default ul span, .nav-header.navbar-default ul a.active, .nav-header.navbar-default .open>a, .nav-header.navbar-default .open>a:focus, .nav-header.navbar-default .open>a:hover{background:#e60000;color:#FFF;border-color: #004fc7;}
	 .nav-header.navbar-default .dropdown-menu{position: relative;left:0px;width:100%;padding: 0px; float:inherit; margin: 0px; border: none;margin-bottom: 5px;background: none;}
	 .nav-header.navbar-default ul.level_1>li>a, .nav-header.navbar-default ul.level_1>li>span{ padding-right: 4px; padding-left: 4px;text-transform: uppercase;}
	 .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;}
}
@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{font-weight: normal; padding-left:4px; padding-right:4px;text-transform: uppercase;}
}
@media screen and (min-width:1200px){
	.nav-header.navbar-default ul.level_1>li>a, .nav-header.navbar-default ul.level_1>li>span{padding-left: 10px; padding-right: 10px;text-transform: uppercase;}
	.nav-header.navbar-default .hidden-lg-menu{display: none;}
}
@media screen and (max-width: 767px) {
	#footer{padding-bottom: 35px;}
	 #header .bg-header > div{background: none}
	 #header .logo{text-align: center;}
	 #header .logo a{color:#FFF;}
	 .header-address{padding-bottom: 10px}
	 .header-hotline{color: #f10000; padding: 1px;position: fixed;bottom: 0px; width: 100%; left:0px;z-index: 1001;}
	 .header-hotline a{ text-decoration: none;color:#FFF; display: inline-block; width: 32%; position: relative; padding: 5px 0px; font-size: 1em; box-shadow: 0px 0px 0px 1px #c70000; background: #a20000;border-radius: 0px;}
	 .header-hotline a b{font-weight: normal;}
	 .header-hotline i:before{font:normal normal normal 14px/1 FontAwesome;padding-right:5px;}
	 .header-hotline .hotline i:before{content:"\f095";}
	 .header-hotline .sms i:before{content:"\f003";}
	 .header-hotline .location i:before{content:"\f041";}

	 #header .icon_header{margin-bottom: 15px;}
	 .block-languages{text-align: center;}
	 .button-social{margin-top: 5px; display: block; font-size: 1em; color: #3C3800;}
	 .button-social a{font-size: 2em;}
	 .button-social p{margin-bottom: 0px;}
	 .float_right{float:inherit;}.float_left{float: inherit;}
	 .block-icon-div .float_left{float: left;}
	 .more-inside-menu{padding: 5px 0px;}
	 #footer .copyright{padding:0px 15px;}
	 .form-newletter input.text{ background: #f9f9f9;}
	 .slick-prev, .slick-next{display: none !important;}
	 /*menu*/
	 .nav-header.navbar-default{border:none;margin-bottom: 0px;background: none; margin-top: -48px;text-align: left; }
	 .nav-header.navbar-default .navbar-collapse, .nav-header.navbar-default .navbar-form{background-color: inherit;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_while.png") left top no-repeat;background-size: 48px 48px;border-color: transparent;color:#FFF;float: right;width: 48px; height:48px;padding:0px;text-indent: -99999px;margin: 0px;margin-left: 5px;margin-right: 5px;}
	 .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:#969696;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: #c50000; 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: #F7F7F7;}
	 .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: #FFF;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-right: 60px;margin-top: 0px;margin-left: 5px;}
	 .block-search form{text-align: center}
	 .block-search input[type=text]{background: #FFF;height:46px;border: none;-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: 10px; right: 20px;}
	 /* 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;}
}
@media screen and (max-width: 767px) and (min-width: 641px) {
	.hidden-only-xs{display: none !important;}
}
@media screen and (max-width: 640px) {
	 /* footer */
	 .copyright{font-size: 0.9em;}
	 .header-logan .logan h2{font-size: 1.5em;padding:5px 10px;}
	 .header-logan .logan h3{font-size: 1em;padding:5px 10px;}
	 /* news */
	 .list-1column .float_above{float: inherit}
	 .form-newletter input.submit{margin-top: 5px;}
	 /* 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}
	 .pgwSlider .ps-caption b{font-size: 1.2em}
	 .mix-list .col-sm-clear{display: block;height:0px;}
}

.suntory-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 80px;
    position: fixed;
    transition: visibility 0.5s ease 0s;
    width: 80px;
    z-index: 200000 !important;
    text-decoration: none !important;
}

.suntory-alo-ph-circle,.suntory-alo-ph-circle2 {
    -webkit-animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;
    animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border-radius: 100%;
    height: 60px;
    left: 15px;
    opacity: 0.1;
    position: absolute;
    top: 15px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 60px;
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {
    border-color: #fe0018;
    opacity: 1;
}

.suntory-alo-ph-circle-fill {
    -webkit-animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;
    animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 70px;
    left: 10px;
    position: absolute;
    top: 10px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 70px;
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {
    background-color: rgb(8 8 8 / 90%);
}

.suntory-alo-ph-img-circle {
    text-align: center;
    border-radius: 100%;
    height: 50px;
    left: 20px;
    opacity: 1;
    position: absolute;
    top: 20px;
    transform-origin: 50% 50% 0;
    width: 50px;
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {
    background-color: #1182FC;
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle img {
    width: 70%;
}

.suntory-alo-phone span {
    display: block;
    background: #cb0101;
    text-align: center;
    border: 1px solid #FFF;
    font-size: 1em;
    padding: 5px;
    text-decoration: none !important;
    font-weight: bold;
    color: #fff;
    width: 125px;
    margin: 24px 0px 0px 50px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative;
    z-index: -1;
}

.suntory-alo-ph-img-circle i {
    display: flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
    -ms-flex-align: center;
    width: 50px;
    height: 50px;
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle2 {
    border-color: #0197d4;
    opacity: 1;
}

@-webkit-keyframes suntory-alo-circle-anim {
    0% {
        opacity: 0.1;
        transform: rotate(0deg) scale(0.5) skew(1deg);
    }

    30% {
        opacity: 0.5;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }

    100% {
        opacity: 0.6;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@keyframes suntory-alo-circle-anim {
    0% {
        opacity: 0.1;
        transform: rotate(0deg) scale(0.5) skew(1deg);
    }

    30% {
        opacity: 0.5;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }

    100% {
        opacity: 0.6;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@-webkit-keyframes suntory-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@keyframes suntory-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@-webkit-keyframes suntory-alo-circle-fill-anim {
    0% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }

    50% {
        opacity: 0.2;
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    100% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
}

@keyframes suntory-alo-circle-fill-anim {
    0% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }

    50% {
        opacity: 0.2;
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    100% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
}