@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=EB+Garamond:wght@400;700&family=Montserrat:wght@400;500;600;700&display=swap');
@font-face {font-family:fftd;src: url(font/UTM-Androgyne.ttf);}
body{font-family: Montserrat;color: #333;background-color: #ffffff;background-image: url("/Design/pattern.jpg");background-position: left top;background-size: auto;background-repeat: repeat;background-attachment: scroll;font-weight: 500;}
:root {--main: #fabe32;--main-light: #ffd061;--main-focus:#f50000;--main-dark: #dd9d07;
       --second:#f50000;--second-light: #ff0000;--second-focus: #CD2D2D80;--second-dark: #c20000 ;
       --third:#345164;--text:#596277;--text-dark:#543c04;--light: #F7F7F7;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{/* ; */}
.ffb{font-family:ffb}.ffnb{font-family:ffnb}.fftd{font-family:fftd}
.color{color:var(--main)}.second{color:var(--seconbd)}.text{color:var(--text)}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none;color:inherit;}

.bg-main-dark{background-color: var(--main-dark) !important;}
.bg-primary{background-color: var(--main) !important;}
.bg-primary-dark{background-color: var(--main-dark) !important;}
.btn-square {width: 38px;height: 38px;}
.btn-square, .btn-sm-square, .btn-lg-square{padding: 0;display: flex;align-items: center;justify-content: center;font-weight: normal;}
.bg-light{background: #F8F8F8 !important}
.btn{/* border-radius:0; */font-weight: 500;/* text-transform: uppercase; */border-radius: 5px;}
.btn-outline-light:hover{/* background-color: var(--main); *//* border-color: var(--main); */color: var(--main);}
.btn-outline-primary{color: var(--main);border-color: var(--main);}
.btn-outline-primary:hover{background-color: var(--main);border-color: var(--main);}
.btn-outline-primary:active:focus,.btn-outline-primary:active,.btn-outline-primary:focus{box-shadow: 0 0 0 .25rem var(--main-focus);}
.btn-outline-secondary{color: var(--second);border-color: var(--second);}
.btn-outline-secondary:hover{background-color: var(--second);border-color: var(--second);}
.btn-outline-secondary:active:focus,.btn-outline-secondary:active,.btn-outline-secondary:focus{box-shadow: 0 0 0 .25rem var(--second-focus);}
.btn-primary{background-color:var(--main);border-color:var(--main)}
.btn-primary:hover{background-color:var(--main-light);border-color:var(--main-light)}
.btn-primary:active:focus,.btn-primary:active,.btn-primary:focus{box-shadow: 0 0 0 .25rem var(--main-focus);}
.btn-secondary{background-color:var(--second);border-color:var(--second)}
.btn-secondary:hover{background-color:var(--second-light);border-color:var(--second-light)}
.btn-secondary:active:focus,.btn-secondary:active,.btn-secondary:focus{box-shadow: 0 0 0 .25rem var(--second-focus);}
.form-control{/* border-radius:0; */}
.py-6 {padding-top: 6rem;padding-bottom: 6rem;}
.my-6 {margin-top: 6rem;margin-bottom: 6rem;}
.text-light{color:var(--light) !important}
.text-primary{color:var(--main) !important}
.text-second{color:var(--second) !important}
.fs18{font-size:18px}
.fw-m{font-weight:500 !important}
.mt-n4{margin-top: -1.5rem !important;}
.py-6 {padding-top: 6rem;padding-bottom: 6rem;}
.my-6 {margin-top: 6rem;margin-bottom: 6rem;}
@media (min-width: 768px){
  .py-md-6 {padding-top: 6rem !important;padding-bottom: 6rem !important;}
  .my-md-6 {margin-top: 6rem !important;margin-bottom: 6rem !important;}
  .pt-md-6 {padding-top: 6rem !important}
}
@media (min-width: 992px){
  .col-left{padding-left: calc(((100% - 960px) / 2) + .75rem);}
  .col-right{padding-right: calc(((100% - 960px) / 2) + .75rem);}
  .pb-lg-6{padding-bottom: 6rem !important;}
  .py-lg-6 {padding-top: 6rem !important;padding-bottom: 6rem !important;}
  .my-lg-6{margin-top: 6rem !important;margin-bottom: 6rem !important;}
}
@media (min-width: 1200px) {
  .col-left{padding-left: calc(((100% - 1140px) / 2) + .75rem);}
  .col-right{padding-right: calc(((100% - 1140px) / 2) + .75rem);}
}

@media (min-width: 1400px) {
  .col-left{padding-left: calc(((100% - 1320px) / 2) + .75rem);}
  .col-right{padding-right: calc(((100% - 1320px) / 2) + .75rem);}
}

@media (max-width: 576px){
  .d-xs-none{display:none !important}
}

.red,.titletb{color:red!important}
.clearfm *{margin:0;padding: 0;border:none;text-decoration:none;list-style:none;color:inherit;line-height:1.4;}
.overHide{overflow:hidden}

.background-white{background-color:#fff;padding:25px 4%;border:1px solid #eee}
.bncat{background-size:cover;height: 400px;display:flex;position:relative;background-position: center center;align-items: flex-end;background-image: url("/Design/bn-cat-02.jpg");}
.bncat:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background: #000;opacity: .2;pointer-events: none;}
.bncat .container{position:relative;margin-bottom: 25px;}
.bncat h1{color:var(--main);text-transform:uppercase;font-size: calc(1.3rem + .6vw);}
.bncat .text{color: #333;font-size:18px;margin-top: 30px;}
.boxes+.boxes{margin-top:50px;}
.boxes .contain{margin-top:20px}
.bread_crumb{padding: 8px 16px;background: var(--bs-light);display: inline-block;}
.breadcrumb{margin-bottom:0}
.breadcrumb-item.active{}
.breadcrumb-item+.breadcrumb-item::before{}

.center{text-align:center}

.detail{/* text-align:justify; */}
.detail table{width:100%}
.detail img{max-width:100% !important;cursor:zoom-in;height:auto !important;}
.detail a{}
.detail h1,.detail h2,.detail h3,.detail h4,.detail h5{}

.error{color:red}

.flex{display:flex}

.imgB{position:relative;overflow: hidden;}
.imgB .img{position: absolute;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;background-clip: border-box;overflow: hidden;transition:.5s;width: 100%;height: 100%;top: 0;left: 0;}
.imgB:hover .img{transform:scale(1.1);}
.imgA,.imgH,.imgW{overflow:hidden;position:relative;cursor:pointer}
.imgA img{height:auto !important;width:auto !important;max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:transform .3s;}
.imgH img{height:100%;min-width:100%;width:auto !important;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:transform .3s;object-fit: cover;}
.imgW img{width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:transform .3s;}
.imgW:hover img,.imgH:hover img,.imgA:hover img{transform:translateX(-50%) translateY(-50%) scale(1.1)}
.info{font-size: 14px;color: #979797;/* margin-bottom:15px; */overflow:hidden;display: flex;}
.info li{padding-right:20px}
.info > span{padding-right:20px;margin-bottom:5px}
.info > span+span{}
.info .date:before{content:"\f073";font-family:fontawesome;display:inline-block;margin-right:6px;}
.info .views:before{content:"\f06e";font-family:fontawesome;display:inline-block;margin-right:6px;}
.date:before{content:"\f073";font-family:fontawesome;display:inline-block;margin-right: 10px;}
.views:before{content: "\f007";font-family:fontawesome;display:inline-block;margin-right: 10px;font-weight: bold;}
.ifbv{display:flex;flex-flow: wrap;}
.ifbv >*{padding-right:20px}

.left{float:left;}.right{float:right}
.line1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.list-group{margin-bottom:20px}

.ma{margin:auto}
.mtop10{margin-top:10px !important;}.mtop20{margin-top:20px !important;}.mtop30{margin-top:30px !important;}.mtop40{margin-top:40px !important;}.mtop50{margin-top:50px !important;}

.pager{margin-top:20px;font-size:13px;}
.pager span,.pager a{background-color:#0d7aa3;display:inline-block;text-align:center;margin-right:3px;border-radius:4px;color:#fff;border:1px solid #0d7aa3;padding: 3px 10px 4px 10px;}    
.pager a:hover{background-color:#00A857;border-color:#00A857}
.pager span{background-color:#fff;color:#0d7aa3;border-color:#ddd;}

.bgwhite{background-color:#fff}
@media only screen
and (max-width :576px){
    .ifbv{flex-flow: wrap;row-gap: 5px;}
    .info .fb-like{padding-left:0;}
    .background-white{padding:25px 0}
    .boxes .contain{margin-top:15px;}
    .boxes+.boxes{margin-top:25px}
    .breadcrumb h2{display:none}
    .detail{font-size:15px}
    .detail h1{font-size:24px}.detail h2{font-size:22px}.detail h3{font-size:20px}.detail h4{font-size:18px}
  .detail img{width: auto !important;}
    .pdingm{padding:25px 0 !important}
    .bncat h2{font-size:18px}
    .bread_crumb{font-size:13px}
}

.ui-datepicker th,.ui-widget-header{font-weight:400!important}

.ui-widget-content,.ui-widget-header{color:#000!important;background:#fff!important}

.ui-widget-header{border:none!important}
.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{border:none!important;background:#fff!important;text-align:center;width:35px;height:35px;display:flex;align-items:center;justify-content:center}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{color:#424242!important}
.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{background:#186b6d!important;border:none!important;border-radius:50%}


#slideshow {position:relative;width:100%;z-index:1}
#slideshow::before {content: '';position: absolute;z-index: 10;bottom: -5px;height: 100px;width: calc(100% + 2000px);background: url(/Design/wave.svg) repeat-x;animation: wave 30s ease-in-out infinite;}
#slideshow::after {content: '';position: absolute;z-index: 10;bottom: -30px;height: 75px;width: calc(100% + 2000px);background: url(/Design/wave.svg) repeat-x;animation: wave-down 30s linear infinite;animation-delay: 3s;}
#slideshow img{width:100%;height:auto;float:left}
header{position:relative;}
.fix-menu{position: fixed !important;z-index: 9999 !important;width: 100%;top: 0;}
.midhead{}
.midhead .container{display:flex;justify-content: space-between}
.midh-l{order: 1;flex: 1;display: flex;align-items: center;gap: 25px;}
.midh-l >*{position:relative;padding-left:50px;font-size: 13px;}
.midh-l i{width:42px;height:42px;border:1px solid var(--main);border-radius:50%;display: flex;align-items: center;justify-content: center;color: var(--main);font-size: 20px;position:absolute;left:0;}
.midh-l i:hover{animation: pulse .8s infinite;}
.dch{max-width: 222px;}
.mailh span{display:block}
.dch i,.phoneh i{margin-right: 8px;}
.midh-r{order: 3;flex: 1;display: flex;align-items: center;justify-content: flex-end;/* gap: 80px; */}
.phoneh{/*font-family:Cinzel;*/color:var(--main);font-size: 18px; font-weight:600;margin: auto;}
.phoneh a{display:block}
.midh-r .btn{display:flex;align-items: center;gap: 6px;padding: 8px 37px;}
.logo{height: 65px;position: relative;order: 2;}
.logo img{height:100%}
.logo:before, .logo:after{content: "";position: absolute;top: 50%;width: 10px;height: 100%;transform: translateY(-50%);background-color: rgba(255,255,255,.75);z-index: 1;}
.logo:before{left: -5%;animation: light-left 2.5s infinite alternate linear;}
.logo:after{right: -5%;animation: light-right 2.5s infinite alternate linear;}


.nav_main{background:var(--main);}
.menu_main{display:flex;width: 100%;margin: auto;justify-content: center;position: relative;color: #fff;gap: 30px;}
.mnlic1{text-transform:uppercase;font-size:15px;font-family: Montserrat;font-weight: 600;}
.openmn{display:none}
.mnliac1{display:block;padding: 19px 0;position:relative;text-align: center;transition:.3s ease}
.mnlic1:hover .mnliac1{color:var(--second)}

.menusub{position: absolute;color: #777;opacity: 0;visibility: hidden;transition: .5s;top: 150%;background: #fff;}
.mnlic1:hover .menusub{top: 100%;visibility: visible;transition: .5s;opacity: 1;}
.menusub li a{display:block;padding: 10px 10px;font-weight: 500;text-transform: capitalize;}
.menusub li:hover a{background: var(--main);color: #fff;}
@media only screen and (min-width: 992px){
  
}
@media only screen and (min-width: 1200px){
  
}
@media only screen and (max-width: 1200px){
  .mailh{display:none}
}
@media only screen and (max-width: 992px){
  #ShowMenu{z-index: 10;animation: fadeInLeft 1s;}
  #ShowMenu.close:before{background-color:rgba(0,0,0,.6);position:fixed;width:100%;height:100%;top:0;border:0;left:0;content:"";}
  #ShowMenu.navbar-light .navbar-toggler{background:#fff;border-radius: 3px;}
  .midh-l{display:none;}
  .phoneh {display:none}
  .midh-r{flex:0 1 auto}
  .midh-r .btn{padding: 6px 6px;}
  .midh-r .btn i{display:none}

  .midhead{position:relative;top: auto;z-index: 999;}
  .midhead .container{box-shadow:none;padding: 0;padding-right: var(--bs-gutter-x, .75rem);padding-left: var(--bs-gutter-x, .75rem);align-items: center;}
  .logo{order: unset;}
  
  .lisearch{padding: 10px 15px;}
  .menu_main .searchbox{display:block;width: 100%;}
  .searchbox .form-control{height:35px;border-radius: 0;padding-left: 10px;font-size: 13px;}
  .searchbox .btn{width: 35px;font-size: 15px;line-height: 24px;}
  .menu_main .mheadl{display:block;font-size: 14px;}
  .mheadl >*{padding:10px 15px;border-top: 1px solid #ffffff2e;color:#fff}
  
  .nav_main {position:fixed;z-index:999;animation:none !important;overflow:scroll;top:0;height:100%;display:none;left:0;float:none;margin:0;width:250px;display:none}
  .nav_main .container{padding: 0;}
  .menu_main{display:block}
  .mnlic1{position:relative;margin:0;border-top: 1px solid #ffffff2e;font-size: 14px;}
  .mnliac1{padding:15px 2%;padding-left: 15px;width:calc(100% - 42.4px);color:#fff !important;text-align: left;}
  .mnliac1:before{display:none}
  .mnliac1 span{display:inline-block;padding:0}
  .mnlic1:hover .mnliac1 span{background:none}
  .mnliac1 span:before{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;display:none;top:auto;visibility:visible;transition:none;opacity:1;margin: 0;transform: none;border-radius: 0;}
  .mnlic1:hover .menusub{transform: none;background: #fff;}
  .menusub li+li{border-top:1px solid #eee;}
  .menusub li a{padding:15px 0;padding-left:6%;}
}
@media only screen
and (max-width :576px){
  /*#ShowMenu{position: absolute;left: 12px;}
  #ShowMenu.navbar-light .navbar-toggler{padding:4px 8px;}
  #ShowMenu .navbar-toggler-icon{a;width: 20px;height: 20px;}*/
  .midhead .container{/* justify-content: center; */}
  .logo{height: 70px; margin-left:20px}
  /*.lang{position:absolute;top:0;right:5px}
  .lang a+a{margin-left:5px}
  .lang img{height:15px}*/
  .mhead-r .btn span{display:none}
  .mhead-r .btn{width: 40px;height: 40px;border-radius:50%;font-size: 18px;justify-content: center;}
  #slideshow::before{height:40px}#slideshow::after{height:30px}
}

footer {background: #423a36;color: #c8c0b8;}
.rowf{text-align: center;}
.logof img{height: 80px;filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
.titf{font-size: 22px;font-family: 'EB Garamond';margin-bottom: 30px;font-weight: bold;text-transform: uppercase;color:#fff}
.mnf li{transition:.3s;margin-bottom:8px}
.mnf li:hover{color:var(--main)}
.botfoot{border-top: 1px solid #68615e;border-bottom: 1px solid #68615e;}
.rowbf{align-items:center}
.col1{font-family: 'EB Garamond';color: #fff;font-size: 18px;text-transform: uppercase;}

.mxhf{display:flex;gap:30px}
.mxhf a:hover{color:var(--main)}
.dkf{border-top:1px solid var(--main);display: flex;align-items: center;justify-content: space-between;padding-top: 40px;padding-bottom: 20px;}
.dkf .top{display: flex;align-items: center;}
.dkf .td{margin-left:16px;max-width:330px}
.dkf .td strong{display:block;font-size:28px;font-weight:500;color:var(--main)}
.form-dkf .form-control{background: #3b3430;border: none;border-radius: 5px;padding: 14px 1rem;}
.form-dkf .form-control::placeholder{color:#C7C7C7}
.form-dkf .btn{color:#fff;text-transform: uppercase;border-radius: 5px;line-height: 52px;padding: 0 10px;height: 52px;}

.foot{text-align: center;font-size: 15px;}
@media only screen
and (min-width :992px){
  .col-f1{order:2;border-left: 1px solid #68615e;border-right: 1px solid #68615e;}.col-f2{order:1}.col-f3{order:3}
  .col1{text-align:right}
}
@media only screen
and (max-width :992px){
  .col1{text-align:center}
  .mxhf{justify-content:center}
}

.tithome{text-align:center;margin-bottom: 30px;color: #000;line-height: 1.4;text-transform: uppercase;font-family: EB Garamond;font-weight: normal;font-size: calc(1.325rem + .9vw);}
.quote{text-align:center;margin: auto;margin-bottom: 30px;font-size: 14px;max-width: 1000px;font-weight: 700;font-family: EB Garamond;text-transform: uppercase;color: var(--main);}
.bghome:before{content:"";background: url(/Design/bg-tt.png) top center no-repeat;background-size: 100%;position: absolute;top: -49px;height: calc(100% + 49px);width: 100%;left: 0;pointer-events: none;}
.rowup .wow:nth-child(4n+2){animation-delay:.1s}
.rowup .wow:nth-child(4n+3){animation-delay:.2s}
.rowup .wow:nth-child(4n+4){animation-delay:.3s}
.rowup-3 .wow:nth-child(3n+2){animation-delay:.2s}
.rowup-3 .wow:nth-child(3n+3){animation-delay:.4s}
@media only screen 
and (max-width: 576px){
  .tithome{font-size: calc(1.325rem + .9vw);}
  .quote{display:none;font-size:15px}
}

/*textbn*/
.textbn{position: absolute;z-index: 2;color: #fff;text-align:center;font-size: 13px;font-weight: 500;bottom: 0;width: 100%;padding: 20px 0;}
.textbn .container{display:flex;justify-content: space-between;align-items: center;}
.textbn .item{position: relative;z-index: 2;}
.textbn .item:nth-child(2){flex: 1;}
.textbn .item:nth-child(2):before{content:"";border-bottom: 1px solid #fff;width:100px;height: 1px;position: absolute;top: 0;bottom: 0;margin: auto;}
.textbn .item:nth-child(2):after{content:"";border-bottom: 1px solid #fff;width:100px;height: 1px;position: absolute;top: 0;bottom: 0;margin: auto;}
.textbn .line{border-bottom:1px solid #fff;width:100px;}
.textbn h3{color:var(--main);margin: 0;font-size: 28px;font-weight: 500;}
@media only screen 
and (min-width: 992px){
  .textbn .item:nth-child(2):before,.textbn .item:nth-child(2):after{display:none}
}
@media only screen 
and (min-width: 1200px){
  .textbn .item:nth-child(2):before{left: calc((100% - 284px) / 8);display:block}
  .textbn .item:nth-child(2):after{right: calc((100% - 284px) / 8);display:block}
}
@media only screen 
and (max-width: 992px){
  .textbn{display:none}
}

/*booking*/
.booking{position:relative;z-index:2;height: 70px;}
.formbooking{align-items:center;background: #FFFFFF;border: 1px solid #DFB49C;border-radius: 50px 50px 5px 5px;padding: 20px 22px;margin-top: -70px;}
.formbooking label{color: var(--third);font-family: 'Montserrat';text-transform: uppercase;font-weight: 500;font-size: 18px;display: flex;align-items: center;justify-content: center;gap: 15px;}
.formbooking .form-control{font-size: 13px;border: none;background: none;text-align: center;margin-top: 5px;}
.formbooking .btn{font-family: 'Montserrat';font-size: 28px;text-transform: uppercase;font-weight: 700;border-radius: 20px;padding: 19px 0;width: 100%;}
#pix_pag_ul,#pix_pag{float:none;text-align:center;width:100%;left:0;right:0;display: none;}
#pix_pag_ul > li > .pix_thumb {height:35px;top:-17px;}
#pix_pag_ul > li > span{border-color:#ff4647;}
.ajax__calendar{z-index: 99999 !important;}
@media (min-width: 992px){
  .formbooking >*{width:20%}
  .formbooking .btn{font-size: 18px;}
}
@media (min-width: 1200px){
  .formbooking >*{flex:auto;width:auto}
  .formbooking .col-btnbk{margin-left: 20px;}
  .formbooking .col-fbk+.col-fbk:before{content:"";position:absolute;border-left: 1px solid #D7D7D7;height: 30px;top: 0;bottom: 0;margin: auto;}
  .formbooking .btn{font-size: 28px}
}
@media only screen 
and (max-width: 992px){
  .booking{height:auto}
}
@media only screen 
and (max-width: 576px){
  .formbooking{padding: 10px 5px;padding-top: 20px;}
  .formbooking label{font-size: 13px;gap: 5px;}
  .formbooking label img{height:13px}
  .formbooking .col-btnbk{text-align:center}
  .formbooking .btn{width:auto;margin: auto;font-size: 13px;padding: 5px 15px;border-radius: 5px;font-weight: 500;}
}

/*calendar*/
.ajax__calendar_container TD {text-align:center;}
.ajax__calendar{z-index:999}
.ajax__calendar .ajax__calendar_dayname {font-family:'segoe ui';color: #000 !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: #000;border: 1px solid #000  !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: #000 !important;color: #fff !important;border: 1px solid #000 !important;}
.ajax__calendar_title {color: #000 !important;font-size:14px;}
.ajax__calendar .ajax__calendar_footer {color: #000 !important;font-size:14px;}
.ajax__calendar .ajax__calendar_day:hover {background-color: #000  !important;color: #fff !important;border: 1px solid #000  !important;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color: var(--main) !important;color: #ffffff !important;border: 1px solid var(--main) !important;}

.tkhome{position: relative;}
.tkhome .pnbooking{margin-top: 30px;}
@media only screen 
and (max-width: 576px){
  .tkhome{height: auto;padding:10px 0}
  .tkhome .pnbooking{margin-top:0}
}

/*abouthome*/
.abouthome{}
.about-img{padding: 3rem;padding-right:0;position:relative;overflow:hidden}
.about-img:before{content:"";position: absolute;top: 0;left: -50%;width: 100%;height: 100%;background: var(--main);transform: skew(20deg);z-index: -1;}
.abouthome .link .btn{font-size: 13px;font-weight:600;padding:16px 30px;text-transform: uppercase;}
@media only screen 
and (max-width: 576px){
  .about-img{padding:1rem}
}

/*dvhome*/
.dvhome{background: #faf6f1;}
.rowdv .item{text-align: center;cursor: pointer;}
.rowdv i{height: 74px;width: 74px;color: var(--main);font-size: 36px;border: 1px solid #e4e1e1;line-height: 74px;border-radius: 50%;transition:.3s}
.rowdv i:hover{animation:pulse .8s infinite}
.rowdv .td{font-size: 20px;font-family: 'EB Garamond';font-weight: 700;color: #000;margin-top: 14px;}
.rowdv .item:hover .td{color:var(--main)}
.rowdv .item:hover i{background:var(--main);color:#fff;border-color:var(--main)}
.rowdv i.i1:before{content:"\f1b9"}
.rowdv i.i2:before{content:"\f5bb"}
.rowdv i.i3:before{content:"\f5c4"}
@media only screen 
and (min-width: 992px){
  .dvhome .quote{margin-bottom:50px}
}

/*dghome*/
.dghome{}
.owldg .item{text-align:center}
.owldg .nd{font-family: 'EB Garamond';font-size: 30px;color: #333;margin: auto;margin-bottom:20px;max-width: 1000px;}
.owldg .imgz{margin:auto;border-radius:50%;margin-bottom: 25px;}
.owldg .ten{font-family:'EB Garamond';font-weight: bold;color: #000;font-size: 21px;}
.owldg .mt{font-family: 'EB Garamond';color: var(--main);font-weight: bold;text-transform: uppercase;font-size: 13px;}
@media only screen 
and (max-width: 576px){
  .owldg .nd{font-size: 21px;}
}

/*albumhome*/
.albumhome{}
.rowab .imgz{padding:50%}

@media only screen 
and (min-width: 992px){
  .rowab .col-4:nth-child(3),.rowab .col-4:nth-child(4){width:50%}
  .rowab .col-4:nth-child(3) .imgz,.rowab .col-4:nth-child(4) .imgz{padding: 25%;}
}
@media only screen 
and (max-width: 576px){
  
}

/*form-booking*/
.form-booking-home{/*font-family:EB Garamond*/}
.form-booking-home .container{background: #faf6f1; padding:0}

.form-booking-home .contain-booking{padding:40px 30px; }
.form-booking-home .title{font-size:28px; font-weight:600; text-align:center; text-transform:uppercase; margin-bottom:40px}
.form-booking-home .detail{font-size:18px;}
.form-booking-home .detail h1{font-size:30px; margin-bottom: 24px}

.form-booking-home .row-booking{}
.form-booking-home .row-booking .form-label{font-size:14px; font-weight: 600;color:#333}
.form-booking-home .row-booking .form-control{height:50px; color:#333; border: 1px solid #5C6A76; border-radius:5px; background:rgba(255, 255, 255, 0.7569)}
.form-booking-home .row-booking .txtngayden{background:rgba(255, 255, 255, 0.7569) url(/Design/calen-l.png) 16px center no-repeat;}
.form-booking-home .row-booking .txtngaydi{background:rgba(255, 255, 255, 0.7569) url(/Design/calen-r.png) 16px center no-repeat;}
.form-booking-home .row-booking .txtGhiChu{height:122px}

.form-booking-home .ddl{position:relative;}
.form-booking-home .ddl .form-quantity{background:rgba(255, 255, 255, 0.7569) url(/Design/man.png) no-repeat center;line-height:2.5; align-content:center}
.form-booking-home .ddl .form-quantity i{font-style:normal;}
.form-booking-home .t-dates{padding:0;position:relative; height:100%; align-content:center}
.form-booking-home .form-control span{font-size:14px;font-weight:bold;color:#4f4f4f;display:inline-block;padding-right:5px;}
.form-booking-home .form-control small{font-size:14px;color:#3f3f3f;}
.form-booking-home .btnbk{text-align:center}
.form-booking-home .btnbk a{height:66px;line-height:2;display:flex; align-items:center; text-align:center; justify-content:center;background:#fff; color:var(--main);font-size:24px; font-weight:bold; border-radius:10px; width:394px; max-width:100%; margin:auto; margin-top:10px}
.form-booking-home .btnbk a:hover{background-color:#d0dbf0}
.form-booking-home .over-quantity{background:#fff;border-radius:0.25rem;position:absolute;width:91%;padding:15px;box-shadow:0 0 8px rgba(0,0,0,0.3);top:calc(100% + 8px);display:none;}
.form-booking-home .over-quantity:before{content:"";position:absolute;top:-16px;}
.form-booking-home .over-quantity .textbox{position:relative;border-bottom:1px solid #E0E2E4;padding:12px 0;padding-left:120px;}
.form-booking-home .over-quantity .textbox:last-child{border-bottom:0;}
.form-booking-home .over-quantity .txtQuantity{border:0;width:40px;font-size:22px;color:#0071C2;text-align:right;position:absolute;left:70px;top:6px;}
.form-booking-home .over-quantity .tinh{color:#0071C2;font-size:16px;cursor:pointer;text-align:center;text-align:center;display:inline-block;position:absolute;
                                    border:1px solid #0071C2;height:30px;width:30px;top:10px;line-height:1.8;}
.form-booking-home .over-quantity .tru{margin-right:10px;left:10px;line-height:1.2;}
.form-booking-home .over-quantity .cong{margin-left:10px;right:10px;}
.form-booking-home .over-quantity .name-attr{color:#333;}
.form-booking-home .row-booking .txtngayden, .form-booking-home .row-booking .txtngaydi, .form-booking-home .ddl .form-quantity {background-size: 20px auto;background-position:16px; padding-left:50px;}


.form-booking-home .btn{font-size:24px; font-family:Montserrat; padding: 14px 40px; border-radius:10px;}


.form-booking-home .col-img .owl-carousel, .form-booking-home .col-img .owl-carousel .owl-stage-outer, .form-booking-home .col-img .owl-carousel .owl-stage, .form-booking-home .col-img .owl-carousel .owl-item, .form-booking-home .col-img .owl-carousel .item, .form-booking-home .col-img .owl-carousel .img{height:100%}
.form-booking-home .col-img .owl-carousel .img{min-height:500px}

.form-booking-home .owlnav.owl-carousel .owl-nav button {color: #fff !important;font-size: 26px !important; opacity:.8}
.form-booking-home .owlnav.owl-carousel .owl-nav button:hover {color: #fff !important;;opacity:1}
.form-booking-home .owlnav.owl-carousel .owl-nav button:before {font-weight:bold}
.form-booking-home .owlnav.owl-carousel .owl-nav button.owl-prev {left:10px}
.form-booking-home .owlnav.owl-carousel .owl-nav button.owl-next {right:10px}

@media only screen
and (max-width :575.98px){
.form-booking-home .contain-booking{padding:40px 12px 24px; }

.form-booking-home .title{font-size:24px; margin-bottom:30px}
.form-booking-home .detail h1{font-size:22px;margin-bottom:20px}


.form-booking-home .ddl .form-quantity{background-position:10px;padding-left:40px}

.form-booking-home .btn{font-size:18px; padding: 8px 24px; border-radius:8px;}

.form-booking-home .col-img{padding:12px}
.form-booking-home .col-img .owl-carousel .img{min-height:500px}


}
/*form-booking end*/

/*newshome*/
.newshome{}
.litt{background: #fff;border: 5px solid #e9e9e9;}
.litt .imgz{padding: 36%;}
.litt .nd{padding: 15px;}
.litt .datebv{color:var(--main)}
.litt .td{font-size: 22px;font-family: 'EB Garamond';font-weight: bold;color: #000;height: 52.78px;}
.litt:hover .td{color:var(--main)}
.litt .link{margin-top:20px;display: inline-block;font-size: 15px;font-weight: 600;color: var(--main);}
.litt .link i{transition:.3s}
.litt .link:hover i{margin-left:10px}
@media only screen 
and (max-width: 576px){
  .litt{padding:0;border-radius: 0;}
  .litt .imgz{border-radius:0}
  .litt .datebv{display:none}
  .litt .nd{padding:5px}
  .litt .td{font-size:16px;font-weight:500;height: 38.38px;}
  .litt .link{display:none}
}

/*roomhome*/
.roomhome{position:relative;background: #fff;}
.liroom{background-color: #fafafa;border-radius: 10px;padding: 25px;}
.liroom .imgz{padding: 36%;border-radius: 10px;}
.liroom .nd{}
.liroom .td{font-size: 30px;margin: 0;font-family: 'EB Garamond';color: #000;margin-top: 14px;}
.liroom .price{color:#f35525;font-weight: bold;font-size: 20px;margin: 10px 0;}
.liroom .ulif{display:flex;margin: 15px 0;flex-wrap: wrap;gap: 20px;row-gap: 6px;color: #333;}
.liroom .link{text-align:center;border-top: 1px solid #eaeaea;margin-top: 30px;padding-top: 30px;}
.liroom .link .btn{border-radius:50px;padding: 7px 30px;}
@media only screen 
and (max-width: 992px){
  .rowsp .td a{min-width: auto;}
  .rowsp .bot{gap:10px}
}
@media only screen 
and (max-width: 576px){
  .rowsp .if{font-size:13px}
  .rowsp .if .ti2{margin: 0 12px;padding: 0 12px;}
  .rowsp .price{margin:10px 0}
  .rowsp .bot{margin-top:15px}
}

/*khac*/

.owlnav.owl-carousel .owl-nav button{border-radius:0;top:0;margin:0;height:100%;position: absolute;border:none;outline:none;/* transform: rotate(180deg) !important; */transition: .3s;color: var(--bs-gray) !important;font-size: 26px !important;/* opacity:0; */}
.owlnav .owl-nav button span{display:none}
.owlnav .owl-nav button.owl-prev{left: 0;}
.owlnav .owl-nav button.owl-next{right:0;}
.owlnav .owl-prev:before{content:"\f177";font-family: 'Font Awesome 5 Pro';font-weight:300;}
.owlnav .owl-next:before{content:"\f178";font-family: 'Font Awesome 5 Pro';font-weight:300}
.owlnav:hover .owl-nav button{/* transform:translateX(0) !important; *//* opacity:1; */}
.owlnav.owl-carousel .owl-nav button:hover{color:var(--main) !important}
.owldot .owl-dots{text-align:center;margin-top:20px}
.owldot .owl-dots button{outline:0}
.owldot .owl-dots span{display: block;width: 14px;height: 14px;margin: 5px;border-radius: 50%;border: 1px solid #9b9b9b;transition:.5s;}
.owldot .owl-dots button.active span{opacity:1;background:var(--main);border-color:var(--main)}
@media only screen 
and (max-width: 992px){
  .bghome:before{top: -26px;height: calc(100% + 26px);}
}
@media only screen 
and (max-width: 768px){
  .bghome:before{/* top: -23px; *//* height: calc(100% + 26px); */}
}
@media only screen 
and (max-width: 576px){
  .swiper-button-prev, .swiper-button-next{display:none}
  .bghome:before{top: -15px;height: calc(100% + 15px);}
}

/*sppage*/
.ulpp{overflow:hidden;margin-left:-15px;margin-right:-15px}
.ulpp li{float:left;width:25%;padding:15px}
@media only screen 
and (max-width: 980px){
.ulpp li{width:33.33333333333%}
}
@media only screen 
and (max-width: 750px){
.ulpp li{width:50%}
}
@media only screen 
and (max-width: 576px){
.ulpp li{width:100%}
}

/*roompage*/
.roompage{background:url(/Design/bg-services.png) fixed !important;background-size: 100% auto !important;margin: 0 !important;padding: 50px 0;}
.titproduct{font-size:40px;color:var(--main);text-transform:capitalize;border-bottom:1px solid #d6d6d6;padding-bottom:10px}
.fbdp{margin-top:15px;}
.ifdp{text-align: center;}
.giadp{color: var(--main);font-weight:bold;text-align: center;}
.giadp span{font-size:18px;font-style:italic}
.giadp .giacu{color:grey;text-decoration: line-through;}
.giadp .giamgia{display:inline-block;background: var(--main);color: #fff;padding: 5px 10px;border-radius: 5px;}
.cartdp{text-align: center;}
.cartdp i{font-size:30px;margin-right: 8px;}
.cartdp a{text-transform:uppercase;padding: 7px 30px;font-weight:bold;font-size:20px;}
.tidp .ti{border-top:1px solid #d6d6d6;margin-top:50px;padding-top:30px}
.tidp .td{font-size:30px;color: var(--main);margin-bottom: 20px;}
.ulti >*{display:flex;align-items:center}
.ulti .img{width:80px;}
.ulti img{height:40px;}
.ulti span{font-size:13px}
.imgdsroom{padding:40%}
.if-room{display:flex;flex-wrap: wrap;justify-content: center;gap: 14px;font-weight: bold;color: var(--main);max-width: 760px;margin: auto;}
.if-room .item{padding:8px 16px;border:1px solid var(--main);border-radius: 3px;}
.if-room img{height:20px}
.tidp{display: grid;grid-auto-rows: minmax(min-content,max-content);grid-template-columns: repeat(7,minmax(0,1fr));gap: 20px;max-width: 1000px;margin: auto;}
.tidp .item{text-align:center}
.tidp img{height:40px}
.tidp strong{display:block;font-weight: 500;margin-top:8px}
.row-ctdp .item{background: #ffffffa6;padding: 30px;box-shadow: 0px 0px 7px 3px #66778633;border-radius: 10px;height: 100%;}
.row-ctdp .td{font-family:fftd;color:var(--main);font-size: 22px;margin-bottom: 20px;}
@media only screen 
and (max-width: 576px){
.bncat{height:30vh}
.ifdp{flex-direction:column;align-items:unset;margin-top:0}
.cartdp{margin:0;margin-top:20px}
  .tidp{grid-template-columns: repeat(5,minmax(0,1fr));gap:0}
  .tidp strong{font-size:13px}
}

/*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;background:#fff;}
.flexslider .slides li{position:relative}
.flexslider .slides img{max-width:100%;max-height:100%;height:auto;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;}


.infodp{font-size:15px;padding:10px;border:1px dashed #b4b4b4;border-radius:5px;margin-top:10px}

.phonedp a{display:block;text-transform:uppercase;text-align:center;background:var(--main);color:#fff;padding:10px 0;border-radius:5px;font-family:avob}



.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:var(--main);}
.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:var(--main);}
.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: 576px){
.info_contain,.slider_contain{width:100%;float:none;padding-left: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: 0;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: 576px){
.ulctha{margin-right:-5px;margin-left:-5px}
.lictha{max-width:50%;padding-left:5px;padding-right:5px}
}

.inner_page{padding: 50px 0;background: #fff7f5;}
/*sidebar*/
.col-section{width:68%;float:left}
.col-side{width:30%;float:right;}
.boxside+.boxside{margin-top:30px;border-top:1px solid #d6d6d6;padding-top:30px}
.title-side{font-size:22px;font-family: 'Montserrat';text-transform:uppercase;color: var(--main);padding-bottom: 4px;position:relative;font-weight: bold;}
.title-side:before{content:"";position:absolute;border-bottom:2px solid #333;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}
.ulttside li .nd h4:hover{color:var(--main)}
.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}
.side_room .lhside{background: var(--second);color:#fff;padding:30px 20px;font-size:15px}
.lhside .contain{margin-top:10px}
.boxside .td{color: var(--second);font-weight:bold;font-size:22px;margin-bottom:20px}
.boxside .nd >*{/* line-height:1.6; */}
.boxside .nd >*+*{/* margin-top:15px; */}
.ulroomside .item{margin-top:15px}
.imgrside{padding:31%}
.ulroomside h3{font-size: 30px;margin: 0;font-family: 'EB Garamond';color: #000;margin-top: 3px;}
.ulroomside .giasp{color: #f35525;font-weight: bold;font-size: 20px;margin: 10px 0;}
@media only screen 
and (max-width: 576px){
.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:var(--main);border-bottom:1px solid rgba(255, 255, 255, 0.24);padding-bottom:10px;margin-bottom: 6px;}
.title-cat{font-size:18px;text-transform:uppercase;color:var(--main);padding:10px 0;position:relative;overflow:hidden;}
.title-cat:after{content:"";width:50px;border-top:2px solid var(--main);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-size:15px;margin-top:8px}
.ulbvs li h4:hover{color:var(--main)}
@media only screen 
and (max-width: 576px){

}

.cd-top{display:none}



.hotline-phone-ring-wrap{position:fixed;bottom: 10px;left:6px;z-index:999999}
.hotline-phone-ring-wrap.zalo{bottom:70px}.hotline-phone-ring-wrap.maps{bottom:130px}.hotline-phone-ring-wrap.whatapp{bottom:130px}.hotline-phone-ring-wrap.kakao{bottom:190px}
.hotline-phone-ring{position:relative;visibility:visible;background-color:transparent;width:60px;height:60px;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-circle{width:60px;height:60px;top:0;left:0;position:absolute;background-color:red;border-radius:100%;border:2px solid red;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;transform-origin:50% 50%;opacity:.5}
.zalo .hotline-phone-ring-circle{background-color:#0182ca;border-color:#0182ca;}
.maps .hotline-phone-ring-circle{background-color:#fff;border-color:#fff;}
.whatapp .hotline-phone-ring-circle{background-color:#1bd741;border-color:#1bd741;}
.kakao .hotline-phone-ring-circle{background-color:#FEE500;border-color:#FEE500;}
.hotline-phone-ring-circle-fill{width:50px;height:50px;top:5px;left:5px;position:absolute;background-color:red;border-radius:100%;border:2px solid transparent;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;transform-origin:50% 50%}
.zalo .hotline-phone-ring-circle-fill{background-color:#0182ca;}
.maps .hotline-phone-ring-circle-fill{background-color:#fff;}
.whatapp .hotline-phone-ring-circle-fill{background-color:#1bd741;}
.kakao .hotline-phone-ring-circle-fill{background-color:#FEE500;}
.hotline-phone-ring-img-circle{background-color:red;width:40px;height:40px;top:10px;left:10px;position:absolute;background-size:20px;border-radius:100%;border:2px solid transparent;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;transform-origin:50% 50%;display:flex;align-items:center;justify-content:center}
.zalo .hotline-phone-ring-img-circle{background-color:#0182ca;}
.maps .hotline-phone-ring-img-circle{background-color:#fff;}
.whatapp .hotline-phone-ring-img-circle{background-color:#1bd741;color: #fff;font-size: 25px;}
.kakao .hotline-phone-ring-img-circle{background-color:#FEE500;}

@-webkit-keyframes phonering-alo-circle-anim {
0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}
30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.6}
100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.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)}
}

@keyframes light-left {
0% {left: -5%;opacity: 0;}
50% {left: 50%;opacity: 1;}
100% {left: 105%;opacity: 0;}
}
@keyframes light-right {
0% {right: -5%;opacity: 0;}
50% {right: 50%;opacity: 1;}
100% {right: 105%;opacity: 0;}
}
@keyframes wave {
0% {
transform: translateX(0px);
}

70% {
transform: translateX(-2000px);
}
}
@keyframes wave-down {
0% {
transform: translate(0px);
}

20% {
transform: translate(-200px,20px);
}

40% {
transform: translate(-1000px,-20px);
}

70% {
transform: translate(-2000px,0px);
}
}