#slideshow {position:relative;width:100%;z-index:1}
#slideshow img{width:100%;height:auto;float:left}
#ShowMenu{display:none;}
header{}
.tophead{background:#252525;color:#fff;font-size:14px;/* font-family:new; */}
.tophead .container{padding: 5px 0;}
.tophl{margin-top:5px}
.mailh{margin-left:20px}
.phoneh:before{content:"\f879";font-family:fontawesome;font-weight:900}
.mailh:before{content:"\f0e0";font-family:fontawesome;font-weight:900}
.mxhh a{font-size:13px}
.mxhh a+a{margin-left:5px}
.mxhh a:hover{opacity:.7}
.mxhh i{margin:auto}
.mxhh .izalo{background:url(/Design/izl.png) no-repeat;width:18px;height:7px}
.lang{margin-top:5px;margin-left:20px}
.lang img{height:20px;float:left}

.fix-menu{position: fixed !important;z-index: 9999 !important;width: 100%;top: 0;}
.midhead{background: linear-gradient(130deg,#f3f3f6 37%,#fff 37%);}
.midhead .container{display:flex;justify-content: space-between;align-items: center;padding:10px 0}
.midhl{display:flex}
.logo{height: 90px;/* margin-top:17px; */}
.logo img{height:100%}
.tencty{font-family: 'new2';font-size: 27px;display: inline-block;background: linear-gradient(to right, #f83f3f 0%, #f86e3f 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-align: center;margin-left: 10px;letter-spacing: 2px;}
.tencty strong{display:block;font-size: 33px;text-transform: uppercase;letter-spacing: 0;}
.texth{text-align:center;font-family:avob;font-size:18px}
.texth strong{display:block;color:#ed1c24;font-size:22px}
.imgh img{height:85px}

.nav-main{background:#f83f3f;color:#fff}
.menu_main{display:flex;}
.mnlic1{font-size:14px;position:relative;flex: auto;text-transform:uppercase;}
.openmn{display:none}
.mnliac1{font-family: 'avob';font-size: 15px;display: block;height:50px;line-height:50px;text-align: center;}
.mnlic1:hover .mnliac1{color:#ffffffe6}
.mnlic1.havesub span{position:relative}
.mnlic1.havesub span:after{content:"\f107";font-family:fontawesome;margin-left:5px}
.menusub{position:absolute;z-index:2;background:#fff;opacity:0;color:#000;visibility: hidden;transition:.3s;top: 100px;padding:5px 0;box-shadow: 0px 2px 7px -3px #9a9a9a;}
.mnlic1:hover .menusub{opacity:1;top:50px;visibility:visible}
.menusub li{min-width:180px;}
.menusub li+li{border-top:1px solid #eee}
.menusub li a{display:block;padding: 6px 15px;font-family:rob}
.menusub li:hover a{color:#f83f3f}
@media only screen and (max-width: 1023px){
#ShowMenu{display:flex;float:right;z-index:998;color:#f83f3f}
#ShowMenu i{margin:auto;font-weight:900;position:relative;width: 50px;line-height:48px;border: 2px solid;font-size:26px;text-align:center;border-radius:4px;}
#ShowMenu span{font-family:rob;font-size:18px;display:inline-block;line-height:1.8;}
#ShowMenu.close i:before{content:"\f00d"}
#ShowMenu.close:before{background-color:rgba(0,0,0,.6);position:fixed;width:100%;height:100%;top:0;border:0;left:0;content:"";}
    .midhead{background:none}
    .midhead .container{flex-flow: wrap;}
    .texth,.imgh{display:none}
    .midhr{flex:100%;max-width:100%}
    .searchbox{max-width:100%}
    .midhead.scroll-to-fixed-fixed .searchbox{display:flex}
.nav_main .container{padding:5px 0}
.menu_main {position:fixed;z-index:999;overflow:scroll;top:0;background:#f83f3f;height:100%;display:none;left:0;float:none;margin:0;width:250px;display:none}
.mnlic1{position:relative;margin:0;border:0 !important;border-bottom:1px solid #ffffff2e !important}
    .mnlic1+.mnlic1{margin-left:0}
.mnliac1{padding:15px 2%;width:calc(100% - 42.4px);color:#fff !important;display: block;height: auto;line-height: unset;font-size: 16px;text-align: left;}
.mnliac1 span{display:inline-block;padding:0}
.mnlic1:hover .mnliac1 span{background:none}
.mnliac1:before,.mnlic1.havesub span:after{display:none}
.openmn{display:block;font-style: normal;position:absolute;right:2%;top:0;height: 50.8px;width:42.4px;display:flex;color:#fff}
.openmn:before{content:"\f324";font-family:fontawesome;margin:auto;font-weight:500;transition:transform .3s}
.havesub.active .openmn:before{transform:rotate(90deg)}
.menusub{position:relative;padding:0;border-radius:0;display:none;opacity: 1;top: 0;visibility: visible;}
    .mnlic1:hover .menusub{top:0}
.menusub li{/* color:#3f3f3f; */}
.menusub li+li{border-top:1px solid #eee;}
.menusub li a{padding:15px 0;padding-left:6%;}
}
@media only screen
and (max-width :467px){
.mxhh{display:none}
.tophl{margin-top:0;font-size:11px}
.logo{height: 60px;}
    .tencty{font-size:18px}
    .tencty strong{font-size:20px}
#ShowMenu i{width:35px;line-height:31px;font-size:16px}
.lang{margin-left:0;margin-top:0}
.lang img{height:16px}
}

footer {background:#333333;color:#fff;font-family:arial}
.topfoot .container{padding:62px 0 44px}
.logof{margin-bottom:30px;height:78px}
.logof img{height:100%;}
.tenctyf{background:linear-gradient(to right, #fff 0%, #fff 100%);-webkit-background-clip:text}
.tf1 .nd{margin-top:15px;font-size:15px;}
.titf{text-transform:uppercase;font-family:avob;font-size:20px;margin-top: 54px;margin-bottom: 15px;}
.iff{}
.iff >*{padding-left:30px;position:relative;font-size: 15px;/* height:32px; */box-sizing:border-box;}
.iff >*+*{margin-top:9px;}
.iff >*:before{content:"\f3c5";font-family:fontawesome;position:absolute;left:1px;font-weight:900}
.iff >*:nth-child(2):before{content:"\f879"}.iff >*:nth-child(3):before{content:"\f0e0"}.iff >*:nth-child(4):before{content:"\f26b";font-weight:500}.iff >*:nth-child(5):before{content:"\f26b";font-weight:500}
.ggf{height:283px}
.ggf,.fbf{margin-top:18px}
.foot{background:#000;font-size:14px;padding:12px 0}
.copyf{margin-top:8px}
.mxhf i{font-size: 41.14px;display:inline-block;margin:0 5px;color:#fff;margin-top: -9px;height:36px;}
.mxhf i:hover{color:#ffde2c}
@media only screen
and (max-width :1023px){

}
@media only screen
and (max-width :467px){
.foot{text-align:center}
.foot .left,.foot .right{float:none;margin:auto}
.mxhf{margin-top:10px !important}
    .titf{margin-top:0}
}

.tithome{text-align:center;text-transform:uppercase;font-size:26px;color:#f83f3f;font-family:new2;margin-bottom:10px}.tithome.b{margin-bottom:35px}
.titlehome{display: block;font-size: 70px;font-weight: bold;line-height: 1;z-index: -1;-webkit-text-stroke: 2px #97a598;color: transparent;text-transform: uppercase;white-space: nowrap;margin-bottom: 0px;font-family:arial}
.titcty{font-family:avob;text-transform:uppercase;color:#f83f3f;font-size:22px}
@media only screen 
and (max-width: 467px){
.tithome{font-size: 18px;}
.tithome.b{margin-bottom: 15px;}
.tithomep{font-size:15px}
}

/*booking*/
.booking{background:#f4f4f4}
.booking .container{padding:70px 0 55px}
.titbk{text-align:center;font-size:26px;font-family:avob;color:#3f3f3f;margin-bottom:20px}
.formbooking label{color:#f83f3f;font-size:13px}
.formbooking .form-control{font-size:13px}
.btnbk{text-align:center}
.btnbk .btn{text-transform:uppercase;font-family:avob;font-size:15px;padding: 11px 40px;background:#f83f3f;border-color:#f83f3f}
/*calendar*/
.ajax__calendar_container TD {text-align:center;}
.ajax__calendar{z-index:999}
.ajax__calendar .ajax__calendar_dayname {font-family:'segoe ui';color: #f83f3f !important;font-weight:bold;font-size: 13px;text-align:  center;margin-bottom: 5px;border: none !important;}
.ajax__calendar .ajax__calendar_day {text-align:center;font-weight:bold;padding: 8px 11px 7px 8px;color: #f83f3f;border: 1px solid #f83f3f  !important;margin-bottom: 3px;font-size: 13px;display: block;box-sizing: unset;}
.ajax__calendar .ajax__calendar_container {width: 294px !important;padding-bottom: 10px;background-color: #fff !important;border-radius: 4px !important;border: none !important;margin-top: 10px;}
.ajax__calendar_body,.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {width: 100% !important;height: 245px !important;}
.ajax__calendar_container TABLE {width:100%}
.ajax__calendar .ajax__calendar_other .ajax__calendar_day {font-weight:normal;border: 1px solid hsla(0, 0%, 100%, 0.5) !important;background-color: rgba(0, 37, 42, 0.1) !important;}
.ajax__calendar .ajax__calendar_today .ajax__calendar_day {background-color: #ffde2c !important;color: #f83f3f !important;border: 1px solid #f83f3f!important;}
.ajax__calendar_title {color: #f83f3f !important;font-size:14px;}
.ajax__calendar .ajax__calendar_footer {color: #f83f3f !important;font-size:14px;}
.ajax__calendar .ajax__calendar_day:hover {background-color: #f83f3f  !important;color: #ffde2c !important;border: 1px solid #002329  !important;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color: #f83f3f!important;color: #ffffff!important;border: 1px solid #f83f3f  !important;}
@media only screen 
and (max-width: 467px){
.titbk{font-size:16px}
}

/*abouthome*/
.abouthome{background:#f4f4f4;position:relative;overflow:hidden}
.gthomet{width: 46%;float:right;padding:40px 0;font-size:18px;text-align:justify}
.gthomet h2{font-size:26px;font-family:new2;text-transform:uppercase;text-align:center;color:#f83f3f;position:relative;padding-bottom:20px;margin-bottom:20px}
.gthomet h2:before{content:"";border-bottom:5px solid #ffde2c;position:absolute;bottom:0;width:107px;left:0;right:0;margin:auto}
.gthomet p+p{margin-top:5px}
.gthomeb{width: 49%;position:absolute;top:0;left:0;height:100%}
.gthomeb img{width:100%;height:auto;min-height:100%}
@media only screen 
and (max-width: 467px){
.gthomet{width:100%;font-size:15px}
.gthomeb{position:relative;width:100%;max-width:320px;margin:auto;margin-bottom:30px}
.gthomet h2{font-size:18px}
}

/*tintuchome*/
.tintuchome{}
.tintuchome .container{padding:50px 0}
.imgtt{padding: 36%;}
.litt h4{font-size:18px;margin-top:10px;}
.litt h4:hover{color:#f83f3f}
@media only screen 
and (max-width: 467px){
.litt h4{font-size:15px}
}

/**/
.gthome{background:url(/Design/bg-wave.png) no-repeat 50%;background-size:cover;font-family:arial;padding-top:50px}
.gthome .gt1 strong{font-family:avob}
.gthome .imgt img{width:100%}
.gthome .td{font-family:new2;text-transform:uppercase;font-size:22px}
.ulgt .top img{width:30px;margin-right:16px}
.ulgt h4{display:inline-block;font-size:14px;font-family:avob;color:#f83f3f}
.ulgt .nd{font-family:arial;font-size:15px;color:#000;margin-top:5px}

/*sphome*/
.sphome{}
.sphome .container{padding:50px 0}
.imgsp{padding: 36%;}
.lisp .nd{text-align:center}
.lisp h4{font-size:18px;margin-top:10px}
.lisp h4:hover{color:#f83f3f}
.giasp{color:red}
@media only screen 
and (max-width: 467px){
.lisp h4{font-size:15px}
}

/*dppage*/
.dppage{}
.dptop2{overflow:hidden}
.info_contain{width: 55%;float:right;box-sizing:border-box;padding-left:20px;}
.slider_contain {overflow: hidden;width: 45%;float:left;position:relative;}
.slider_contain .productPhotos{height: 398px !important;background:#fff;}
.flexslider .slides li{position:relative}
.flexslider .slides img{max-width:100%;max-height:100%;height:auto !important;left:50%;top:50%;transform: translateY(-50%) translateX(-50%);position: absolute;}
#carousel{margin-top:10px;}
#carousel .slides > li{height:100px;border:1px solid #d3d3d3;cursor:pointer;}

.titproduct{font-size:30px;color:#f83f3f;text-transform:uppercase;font-family:avob;}
.infodp{font-size:15px;padding:10px;border:1px dashed #b4b4b4;border-radius:5px;margin-top:10px}
.giadp{color:red;font-size:28px;font-family:avob}
.giadp span{color:#4f4f4f;font-family:avo;font-size:25px}
.phonedp a{display:block;text-transform:uppercase;text-align:center;background:#f83f3f;color:#fff;padding:10px 0;border-radius:5px;font-family:avob}
.cartdp a{display:block;text-transform:uppercase;text-align:center;background:red;color:#fff;padding:20px 0;border-radius:5px;}
.fbdp{margin-top:20px;overflow:hidden}
.fbdp >span{float:left}
.fbdp >span:last-child{float:right}

.ultabdp{margin:0;padding:0;position:relative;width:100%;background:#eeeeee;overflow:hidden;font-size:13px;border-radius:0 3px 0 0}
.ultabdp li{float:left;padding:12px 25px;color:#fff;box-sizing:border-box;text-transform:uppercase;;cursor:pointer;background:#b4b4b4}
.ultabdp li+li{border-left:1px solid #fff}
.ultabdp li.active,.ultabdp li:hover{color:#fff;background:#f83f3f;}
.ultabdp li h3{font-family:avo;font-size:18px}

.tab-over{background:#fff;position:relative;padding:20px;border:1px solid #eeeeee;border-top:0;border-radius:0 0 3px 3px}
.detailtab{min-height:300px}
.fb-comments{display:block !important;width: 100% !important}
#tab-review iframe,.fb-comments iframe{min-width:100% !important;width: 100% !important}

.titdps{text-transform:uppercase;background:#eeeeee;border-radius:0 3px 0 0}
.titdps span{display:inline-block;padding:12px 25px;color:#fff;background:#f83f3f;}
.uldp{overflow:hidden;/* padding-bottom: 18px; */}
.uldp li{width:49%;float:left;margin:0;margin-bottom:40px}
.uldp li:nth-child(2n+2){float:right}
@media only screen 
and (max-width: 467px){
.info_contain,.slider_contain{width:100%;float:none;padding-left:0}
.ulsp{margin-top:0}
.titproduct{/* display:none */}
.titproduct2{display:block}
.ultabdp li h3{font-size:15px}
}

/*aboutpage*/
.aboutpage{}
.ndgtp{overflow:hidden}
.ndgtp img{max-width:100%;height:auto !important}

/*photo-page*/
.photodetailp{}
#gallery .container{}
.ulctha{overflow:hidden;margin-right: -15px;margin-left: -15px;box-sizing:border-box;}
.lictha{max-width:33.33333333333%;width: 100%;padding-right: 15px;padding-left: 15px;box-sizing: border-box;}
.imgctha{margin-bottom:30px;}
.imgctha a{display:block;position:relative;}
.imgctha a:before{background: rgba(0, 0, 0, 0.5);position:absolute;position: absolute;top: 0;left: 0;bottom: 5px;right: 0;transition: all 300ms linear 0s;border-radius:10px;}
.imgctha a:after{content:"\f00e";font-size:20px;opacity:0;color:#fff;background:#ffffff42;width: 50px;height: 50px;box-sizing:border-box;padding: 12px;border:1px solid;display:inline-block;font-family:fontawesome;position:absolute;left: 0;right: 0;margin:auto;text-align:center;top:calc(40% - 20px);transition: all 300ms linear 0s;}
.imgctha:hover a:before{content:"";}
.imgctha:hover a:after{opacity:1;top:40%}
.imgctha img{width:100%;height:auto;border-radius:10px;}
@media only screen 
and (max-width: 467px){
.ulctha{margin-right:-5px;margin-left:-5px}
.lictha{max-width:50%;padding-left:5px;padding-right:5px}
}

.inner_page{margin:50px 0}
/*sidebar*/
.col-section{width:68%;float:left}
.col-side{width:30%;float:right;}
.boxside{background:#fff;}
.boxside+.boxside{margin-top:30px}
.title-side{font-size:22px;text-transform:uppercase;color:#3f3f3f;font-family:avob;padding-bottom:10px;position:relative}
.title-side:before{content:"";position:absolute;border-bottom:3px solid #f83f3f;bottom:0;width:50px}
.bnside{overflow:hidden}
.bnside img{width:100%;}
.ulttside li{overflow:hidden;margin-top:15px}
.imgside{height:80px;width:80px;}
.ulttside li .nd{display:flex;width:calc(100% - 90px);height:80px}
.ulttside li .nd >div{margin:auto 0}
.ulttside li .nd h4{font-size:16px;color:#3f3f3f}
.ulttside li .nd h4:hover{color:#f83f3f}
.dateside{color:#909092;font-size:14px}
.formside{position:relative}
.formside+.formside{margin-top:15px}
.formside span{display:inline-block;position:absolute;left:-17px;font-size:13px;height: 21px;top:0;bottom:0;margin:auto}
.formside .txt{width:100%;border:1px solid #f0e9ff;outline:0;padding: 12px 0 14px;padding-left:20px;font-family:avob;color:#000;}
.formside .txt::placeholder{color:#999}
.formside .btn{text-align:center;display:block;border:1px solid #19c642;border-radius:0;color:#19c642;padding: 16px 0;text-transform:uppercase}
.formside .btn:hover,.formside .btn:active{background:#19c642;color:#fff}
@media only screen 
and (max-width: 467px){
.col-section,.col-side{width:100%;float:none}
.col-side{display:none}
.dppage .col-side{display:block;margin-top:30px}
.dppage .col-side .boxside+.boxside{display:none}
}

.title-post{font-size:26px;margin:0;color:#000;border-bottom:1px solid #acacac;padding-bottom:10px;margin-bottom: 6px;}
.title-cat{font-size:18px;font-family:avob;text-transform:uppercase;font-weight:bold;color:#000;padding:10px 0;position:relative;overflow:hidden;}
.title-cat:after{content:"";width:50px;border-top:3px solid #f83f3f;position:absolute;bottom:0;left: 0;}
.ulbvs{margin-left:-1%;margin-right:-1%}
.ulbvs li{padding:1%}
.imgbvs{padding:40%;border-radius:7px}
.ulbvs li h4{font-family:avob;font-size:15px;margin:5px 0 10px}
.ulbvs li h4:hover{color:#f83f3f}
@media only screen 
and (max-width: 467px){

}
.hotline-phone-ring-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999999;
}
.hotline-phone-ring-wrap-zl {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999999;
}
.text-hotline
{
	color:#fff;
	font-size:20px;
}
.hotline-phone-ring {
  position: relative;
  visibility: visible;
  background-color: transparent;
  width: 110px;
  height: 110px;
  cursor: pointer;
  z-index: 11;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility .5s;
  left: 0;
  bottom: 0;
  display: block;
}
.hotline-phone-ring-zl {
  position: relative;
  visibility: visible;
  background-color: transparent;
  width: 110px;
  height: 110px;
  cursor: pointer;
  z-index: 11;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility .5s;
  right: 0;
  bottom: 0;
  display: block;
}
/*Mau sac qua lac*/
.hotline-phone-ring-circle {
  width: 110px;
  height: 110px;
  top: 0;
  left: 0;
  position: absolute;
  background-color: #E91E63;
  border-radius: 100%;
  border: 2px solid #1564a7;
  -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0.5;
}
.hotline-phone-ring-circle-zl {
  width: 110px;
  height: 110px;
  top: 0;
  right: 0;
  position: absolute;
  background-color: #0182ca;
  border-radius: 100%;
  border: 2px solid #1564a7;
  -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0.5;
}
/*mau sac qua lac*/
.hotline-phone-ring-circle-fill {
  width: 80px;
  height: 80px;
  top: 16px;
  left: 16px;
  position: absolute;
  background-color: #E91E63;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.hotline-phone-ring-circle-fill-zl {
  width: 80px;
  height: 80px;
  top: 16px;
  right: 16px;
  position: absolute;
  background-color: #0182ca;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
/*mau sac qua lac*/
.hotline-phone-ring-img-circle {
  background-color: #E91E63;
  width: 50px;
  height: 50px;
  top: 31px;
  left: 31px;
  position: absolute;
  background-size: 20px;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hotline-phone-ring-img-circle-zl {
  background-color: #0182ca;
  width: 50px;
  height: 50px;
  top: 31px;
  right: 31px;
  position: absolute;
  background-size: 20px;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hotline-phone-ring-img-circle .pps-btn-img {
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.hotline-phone-ring-img-circle .pps-btn-img img {
	width: 33px;
	height: 33px;
}
/*Mau sac khung dien thoai*/
.hotline-bar {
  position: absolute;
  background: #3578e5;
  height: 45px;
  width: 200px;
  line-height: 45px;
  border-radius: 3px;
  padding: 0 50px;
  padding-right: 20px;
  background-size: 100%;
  cursor: pointer;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  z-index: 9;
  border-radius: 50px !important;
  left: 52px;
  bottom: 31px;
}

.hotline-bar > a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  text-indent: 32px;
  letter-spacing: 1px;
  display: block;
  line-height: 45px;
  font-family: Arial;
}

.hotline-bar > a:hover,
.hotline-bar > a:active {
  color: #fff;
}

@-webkit-keyframes phonering-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    -webkit-opacity: 0.1;
  }
  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    -webkit-opacity: 0.5;
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    -webkit-opacity: 0.1;
  }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
}
@-webkit-keyframes phonering-alo-circle-img-anim {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
}

@media (max-width: 768px) {
  .hotline-bar {
    display: none;
  }
}