@import url('https://fonts.googleapis.com/css2?family=Proza+Libre:wght@500;600;700&display=swap');
.introducer{position:absolute;top:-35px;}
.booking-wrapper .form-control{border-right:0;box-shadow:none}
.booking-wrapper input[type="text"],.booking-wrapper input[type="tel"],.booking-wrapper input[type="email"],.booking-wrapper select{background:#fff;height:46px;font-weight:normal;color:#333;font-size:14px;}
.booking-wrapper .dropdown-menu{width: 100%;min-width:400px;border-radius: 0;padding: 0;}
.booking-wrapper .dropdown-menu .form-control{border-right:1px solid #ccc;}
.booking-wrapper label{font-weight:normal!important;color:#333;margin:0;font-size:12px;}
.booking-wrapper .dropdown-menu li .form-group{padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid #e8e8e8;position:relative;}
.booking-wrapper .dropdown-menu li .btn{color:#ed2a2a;background:#fff;border:1px solid #ddd;box-shadow:none;font-size:15px;border-radius:1px;font-size:20px;padding:0;width:30px;height:30px;line-height:22px;display:inline-block;padding-bottom: 4px;}
.booking-wrapper .dropdown-menu li .btn:hover,.booking-wrapper .dropdown-menu li .btn:focus,.booking-wrapper .dropdown-menu li .btn:active{color:#333!important;}
.booking-wrapper .dropdown-menu li .form-group.thelast{border:0;margin-bottom:0;padding-bottom:0;}
.booking-wrapper .dropdown-menu li input{font-weight:normal;color:#333;height:36px;}
.booking-wrapper .dropdown-menu li .transs{width:30px;padding:4px;cursor:pointer;text-align:center;font-size:20px;cursor:none;}
.booking-wrapper .dropdown-menu li .transs:focus{outline:none!important;cursor:none!important;}
.booking-wrapper .dropdown-menu li .transs,.booking-wrapper .dropdown-menu li .transs:focus,.booking-wrapper .dropdown-menu li .transs:active,.booking-wrapper .dropdown-menu li .transs:hover{border:none;box-shadow:none;}
.booking-benefits li a{display:flex;justify-content:center;align-items:center;}
.booking-benefits li a i{margin-right:10px;}
@media(max-width:1199px){
    .booking-benefits li{font-size:14px;}
}
@media(max-width:991px){
    .booking-benefits li{font-size:13px;}
    .booking-benefits li a{flex-flow: column;text-align:center;}
}
@media(min-width:1200px){
.owl-slider-header .owl-nav{width:100%;max-width:1110px!important;bottom:110px;}
.owl-slider-header .owl-dots{width:100%;max-width:800px!important;left:50%;transform:translateX(-50%);text-align:right;}
.owl-slider-header .owl-dots{text-align:right;}
}
@media(min-width:992px) and (max-width:1199px){
.owl-slider-header .owl-nav{bottom:110px!important;}
.owl-slider-header .owl-nav .owl-prev{left:auto;right:60px;}
.owl-slider-header .owl-nav .owl-prev:hover{background:#fff;}
.owl-slider-header .owl-nav .owl-next{right:0;}
.owl-slider-header .owl-dots{text-align:right;}
}
@media(max-width:991px){
.owl-slider-header .owl-nav{bottom:50%;}
.owl-slider-header .owl-nav .owl-prev{left:0;}
.owl-slider-header .owl-nav .owl-next{right:0;}
.owl-slider-header .owl-dots{position:absolute;bottom:80px;width:100%;max-width:auto;left:50%;transform:translateX(-50%);text-align:center;}
}
.owl-slider-header .owl-nav{position:absolute;height:1px;width:100%;max-width:930px;left:50%;transform:translateX(-50%);}
.owl-slider-header .owl-nav .owl-prev,.owl-slider-header .owl-nav .owl-next{-moz-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s;width:40px;height:40px;line-height:40px;display: block;font-size: 20px;background:#fff!important;color: #444;text-align: center;position:absolute;}
.owl-slider-header .owl-nav .owl-prev span,.owl-slider-header .owl-nav .owl-next span{-moz-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s;;}
.owl-slider-header .owl-nav .owl-prev{right:60px;}
.owl-slider-header .owl-nav .owl-prev:hover{background:#fff;}
.owl-slider-header .owl-nav .owl-next{right:0;}
.owl-slider-header .owl-nav .owl-next:hover{background:#fff;}
.owl-slider-header:hover .owl-nav .owl-next,.owl-slider-header:hover .owl-nav .owl-prev{opacity:1;}
.owl-slider-header .owl-dots{position:absolute;bottom:80px;width:100%;max-width:600px;left:50%;transform:translateX(-50%);}
.owl-slider-header .owl-dot span{display:inline-block;width:15px;height:15px;border-radius:50%;background:#fff;margin:0 8px;}
.owl-slider-header .owl-dot.active span{background:#fdeda9;}

.owl-slider-header .item{height:440px;position:relative;overflow:hidden;background-position:center;background-size:cover}
.owl-slider-header .item>.container{position:relative}
.owl-slider-header .item:before{content:"";position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.2)}
.owl-slider-header .item .box{position:absolute;width:100%;color:#fff;top:50%;right:0;left:0;z-index:99;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.owl-slider-header .item .box.box-bottom{top:90%;-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.owl-slider-header .item .desc{text-shadow:0 0 10px #000}
.owl-slider-header .item .title{font-size:32px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);text-transform:none;font-weight:bold;margin:5px 0;font-family:"Proza Libre",sans-serif;/*font-family:"Playfair Display",serif;*/}
.owl-slider-header .item .title span{color:#f39e1d}
.owl-slider-header .item .btn{margin-top:15px;background: #fff;color: #333 !important;font-weight: 400;}
@media(min-width:768px) {
.owl-slider-header .item{height:600px}
.owl-slider-header .item .desc{display:block;font-size:16px}
.owl-slider-header .item .title{font-size:46px;text-transform:uppercase}
.owl-slider-header .item .btn{margin-top:40px}
}
@media(min-width:992px) {
.owl-slider-header .item{height:740px}
.owl-slider-header .item .desc{display:block;font-size:16px}
.owl-slider-header .item .title{font-size:46px;text-transform:uppercase}
.owl-slider-header .item .btn{margin-top:25px}
}
@media(min-width:1200px) {
.owl-slider-header .item{height:800px}
.owl-slider-header .item .desc{font-size:18px;font-weight:500;}
.owl-slider-header .item .title{font-size:48px;line-height: 52px;}
}
@media(max-width:767px) {
.owl-slider-header .item .btn{font-size:13px;}
.owl-slider-header .owl-dots{bottom:20px;}
}
@media(max-width:575px) {
.owl-slider-header .item .title img{width:110px;}
.owl-slider-header .item .desc{display:none;}

}
.owl-slider-header .owl-nav div span{color:#fff}
.owl-slider-header .owl-nav .owl-page span{background:#fff}
.owl-slider-gallery{background-color:#fff}
@media(min-width:768px) {
.owl-slider-gallery .item{height:450px;background-position:center;background-size:cover}
.owl-slider-gallery .item img{display:none}
}
@media(min-width:1200px) {
.owl-slider-gallery .item{height:600px}
}
.owl-slider-gallery .owl-nav .owl-pagination{bottom:auto;top:20px;text-align:right;right:40px}
.owl-slider-gallery .owl-nav>div{-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;-moz-transform:translateY(-50%) scale(2);-ms-transform:translateY(-50%) scale(2);-o-transform:translateY(-50%) scale(2);-webkit-transform:translateY(-50%) scale(2);transform:translateY(-50%) scale(2)}
.owl-slider-gallery .owl-nav .owl-next{right:50px}
.owl-slider-gallery .owl-nav .owl-prev{left:50px}
.owl-rooms{margin-top:-20px}
@media(min-width:480px) {
.owl-rooms{width:auto;margin-left:-15px;margin-right:-15px}
.owl-rooms .item{padding:0 10px}
}
.booking{padding-top:0}
.booking.booking-inner{padding-bottom:0}
@media(min-width:992px) {
.booking.booking-inner{margin-top:-70px;z-index:1;position:relative;color:#fff}
.booking.booking-inner .booking-wrapper{position:relative}
.booking.booking-inner .booking-wrapper:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0}
}
@media(max-width:991px) {
.booking.booking-inner{position:relative;z-index: 1;background:#ceb071;color:#fff}
.booking.booking-inner .booking-wrapper{padding:15px 15px 5px;color:#fff}
.introducer{position:relative!important;text-align:center;margin:0;width:100%;margin-bottom:-30px;}
}
@media(max-width:767px) {
.introducer{position:relative!important;text-align:center;margin:0;width:100%;top:10px;margin-bottom:0px;}
}
.booking.booking-light-theme .booking-wrapper{border-bottom:1px solid #ddd}
.booking.booking-default-theme{padding-bottom:0;color:#fff;background-color:#00486c}
.booking.booking-default-theme .section-header .title{color:#fff;text-align:center}
.booking .section-header{padding-top:15px;padding-bottom:0;background-color:transparent}
.booking .section-header span{font-size:100%;color:inherit}
.booking .booking-wrapper{padding:15px;font-family:"Montserrat",sans-serif;font-weight:200}
@media(min-width:992px) {
.booking .booking-wrapper .guests .qty-result-text{font-size:80px;line-height:50px}
}
.booking .booking-wrapper .guests input::-webkit-outer-spin-button,.booking .booking-wrapper .guests input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.booking .booking-wrapper .guests .guest-list{display:none;background-color:#fff;position:fixed;z-index:99999;margin:0;padding:0;-moz-box-shadow:0 0 10px rgba(0,0,0,.5);-webkit-box-shadow:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 10px rgba(0,0,0,.5);left:0;right:0;width:100%;top:0}
.booking .booking-wrapper .guests .guest-list li{color:#3a3d45;padding:0;list-style-type:none;padding:10px 0}
.booking .booking-wrapper .guests .guest-list li.header,.booking .booking-wrapper .guests .guest-list li.footer{background-color:#00486c;color:#fff;padding:20px 15px}
.booking .booking-wrapper .guests .guest-list li.header .qty-apply,.booking .booking-wrapper .guests .guest-list li.footer .qty-apply{font-size:70%;padding:4px;border:1px solid #006a9f;cursor:pointer;float:right;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%}
.booking .booking-wrapper .guests .guest-list li div{font-size:large;float:left}
.booking .booking-wrapper .guests .guest-list li div:nth-child(1){width:20%;padding-left:10px}
.booking .booking-wrapper .guests .guest-list li div:nth-child(2){width:40%}
.booking .booking-wrapper .guests .guest-list li div:nth-child(2) span{font-size:18px;padding:3px 10px;display:inline-block;font-weight:300}
.booking .booking-wrapper .guests .guest-list li div:nth-child(2) span small{display:block;font-weight:200}
.booking .booking-wrapper .guests .guest-list li div:nth-child(3){width:40%;text-align:right;padding-right:10px;padding-top:5px}
.booking .booking-wrapper .guests .guest-list li div>span{font-size:70%}
.booking .booking-wrapper .guests .guest-list li .qty-amount{width:50px;height:50px;line-height:50px;text-align:center;border:2px solid #ddd;border-radius:100%;font-weight:500}
.booking .booking-wrapper .guests .guest-list li .qty-btn{border:2px solid #ddd;border-radius:100%;font-size:20px;width:40px;height:40px;line-height:30px;margin-left:7px;outline:none;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}
.booking .booking-wrapper .guests .guest-list li .qty-btn:hover{background-color:#00486c;color:#fff;border-color:#00486c}
@media(min-width:768px) {
.booking .booking-wrapper .guests .guest-list{position:absolute;width:auto;min-width:350px;left:0;top:93px}
}
@media(min-width:992px) {
.booking .booking-wrapper .guests .guest-list{top:108px}
}
.booking .booking-wrapper .btn{display:block;padding:20px;width:100%;font-size:150%;text-transform:none}
.booking .booking-wrapper .btn small{display:block;font-size:50%}
@media(min-width:992px) {
.booking .booking-wrapper .btn{margin-top:5px}
}
@media(max-width:767px) {
.booking .booking-wrapper .btn{margin-top:15px}
.booking-wrapper .dropdown-menu{min-width: auto;}
}

.stretcher-wrapper{padding-bottom:0;border-top:1px solid #eee}
.stretcher-wrapper.stretcher-wrapper-noheader{padding-top:0}
.stretcher-wrapper .section-header{background-color:#fff;position:relative}
.stretcher-wrapper .section-header:before{content:'';position:absolute;border-width:20px 20px 0;border-style:solid;border-color:#fff transparent;bottom:-15px;left:50%;z-index:2;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.stretcher-wrapper .stretcher{position:relative;width:100%;height:auto;overflow:hidden;font-size:0;margin:0;padding:0}
.stretcher-wrapper .stretcher .stretcher-item{position:relative;background-size:cover;background-position:center;display:block;width:100%;height:30vh;overflow:hidden;-moz-transition:width .5s;-o-transition:width .5s;-webkit-transition:width .5s;transition:width .5s}
.stretcher-wrapper .stretcher .stretcher-item>a{position:absolute;width:100%;height:100%;-moz-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);z-index:99}
.stretcher-wrapper .stretcher .stretcher-item:hover>a{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.stretcher-wrapper .stretcher .stretcher-item.more{background-color:#333;position:relative;height:100px}
.stretcher-wrapper .stretcher .stretcher-item.more a{position:absolute;width:100%;height:100%}
.stretcher-wrapper .stretcher .stretcher-item.more .more-icon{font-size:70px;color:#fff;position:absolute;left:50%;top:50%;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.stretcher-wrapper .stretcher .stretcher-item.more .more-icon,.stretcher-wrapper .stretcher .stretcher-item.more .more-icon span{-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}
.stretcher-wrapper .stretcher .stretcher-item.more .more-icon span{display:inline-block}
.stretcher-wrapper .stretcher .stretcher-item.more .more-icon span:before,.stretcher-wrapper .stretcher .stretcher-item.more .more-icon span:after{position:absolute;left:50%;top:50%;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;white-space:nowrap}
.stretcher-wrapper .stretcher .stretcher-item.more .more-icon span:before{content:attr(data-title-show);opacity:0;font-size:16px}
.stretcher-wrapper .stretcher .stretcher-item.more .more-icon span:after{content:attr(data-title-hide);opacity:1}
.stretcher-wrapper .stretcher .stretcher-item.more:hover .more-icon span:before{opacity:1}
.stretcher-wrapper .stretcher .stretcher-item.more:hover .more-icon span:after{opacity:0}
@media(min-width:992px) {
.stretcher-wrapper .stretcher .stretcher-item.more,.stretcher-wrapper .stretcher .stretcher-item.more.inactive{width:8%}
.stretcher-wrapper .stretcher .stretcher-item.more.active{width:28%}
.stretcher-wrapper .stretcher .stretcher-item.more.more{height:100%}
}
.stretcher-wrapper .stretcher .stretcher-item.inactive,.stretcher-wrapper .stretcher .stretcher-item.active{width:100%}
@media(min-width:992px) {
.stretcher-wrapper .stretcher .stretcher-item{width:23%;height:100%;display:inline-block}
.stretcher-wrapper .stretcher .stretcher-item.inactive{width:18%}
.stretcher-wrapper .stretcher .stretcher-item.active{width:38%}
}
.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo{background-color:rgba(0,0,0,.5);opacity:1;position:absolute;width:100%;height:100%;-moz-transition:opacity .2s;-o-transition:opacity .2s;-webkit-transition:opacity .2s;transition:opacity .2s;font-size:initial;color:#fff}
.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo img,.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo .text{position:absolute;left:50%;top:50%;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo .text{text-align:center}
.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo .text .f-icon{font-size:100px}
.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo .text .text-intro{display:block}
.stretcher-wrapper .stretcher .stretcher-item:hover .stretcher-logo{opacity:0}
.stretcher-wrapper .stretcher .stretcher-item figure{background-color:rgba(0,0,0,.5);color:#fff;position:absolute;z-index:9;font-size:initial;padding:20px 10px;width:100%;left:0;bottom:0;-moz-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}
.stretcher-wrapper .stretcher .stretcher-item figure figcaption{white-space:normal;font-size:13px}
.stretcher-wrapper .stretcher .stretcher-item figure h4{margin-bottom:0}
@media(min-width:992px) {
.stretcher-wrapper .stretcher .stretcher-item figure{padding:20px 30px}
}
.stretcher-wrapper .stretcher .stretcher-item:hover figure{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
@media(min-width:992px) {
.stretcher-wrapper .stretcher{height:500px;white-space:nowrap}
.stretcher-wrapper.stretcher-wrapper-frontpage .stretcher{height:100vh}
.stretcher-wrapper.stretcher-wrapper-frontpage .stretcher .stretcher-item figure{bottom:20%;-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);overflow:hidden;padding:50px 30px}
.stretcher-wrapper.stretcher-wrapper-frontpage .stretcher .stretcher-item:hover figure{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}

.testiwrapper{display:table;border:2px solid #b58e3e;margin:0 auto;padding:20px;position:relative}
.testiwrapper:after{position:absolute;font-family:'flaticon';font-size:40px;color:#b58e3e;content:"\f174";top:30px;left:30px;right:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.testiwrapper.odd:after{right:10px;left:auto;}
.testiwrapper .title,.testiwrapper .description{display:table-cell;width:50%;vertical-align:middle}
.testiwrapper .title{width:40%;}
.testiwrapper .description{width:60%;}
.testiwrapper .description{font-size:14px}
.testiwrapper .title{font-size:24px;font-weight:500;line-height:28px;text-align:center;text-transform:uppercase;padding:0 20px 0 0}
.testiwrapper .odd .title{padding:0 0 0 20px}
.testiwrapper .title small{display:block;font-size:18px;text-align:right}
.testiwrapper .odd .title small{text-align:left}
.testiwrapper .border-radius{border-radius:30px}

.shareme{z-index:5;padding:3px 15px;color:#023c6c;font-weight:400;border-radius:20px;line-height:24px;text-align:center;cursor:pointer;display:inline-block}
.shareme .reveal{transition:all ease-in-out .5s;}
.shareme a {display:inline-block;margin-bottom:3px;z-index:5;padding:5px;color:#fff;border-radius:50%;width:30px;height:30px;line-height:16px;text-align:center;cursor:pointer;font-size:15px;font-weight:normal}
.shareme a:hover,.shareme a:focus,.shareme a:active{color:#fff!important;}

@media(max-width:767px){
.shareme{position:absolute;top:-30px;z-index:5;color:#023c6c;font-weight:500;line-height:24px;text-align:center;cursor:pointer;right:0;}
.shareme .reveal{position:absolute;left: 50%;transform: translateX(-50%);top:35px;opacity:0;visibility:hidden;transition:all ease-in-out .5s;}
.shareme:hover .reveal{opacity:1;visibility:visible;}
}

.heightBan{height: 80vh;min-height: 700px;}
.heightBan::before {content: "";position: absolute;width: 100%;height: 100%;background-color: rgba(0,38,57,.3);}
.heightBan .box{color:#fff;}
@media(max-width:991px) {
.heightBan{height:50vh;min-height:500px}
}
@media(max-width:767px) {
.heightBan{height:50vh;min-height:400px}
.rating {bottom:10% !important;}
}
@media(max-width:575px) {
.heightBan .box{padding-bottom:5%;text-align:center;}
.rating {display:none;bottom:10% !important;}
}

.rating{position:absolute;bottom:25%;}
.starcontainer{border-top:2px solid #fff;}
.morerating{border-top:8px solid #b58e3e;}
.bordertop,.hotelAddress{position:relative;padding-top:10px;border-top:1px solid #eee3cc}
.hotelAddress div{padding-left:30px;}
.hotelAddress div i{position:absolute;left:0;font-size:20px;top:50%;transform:translateY(-50%);}

.hygiene i{right:0px;}
.gphotos{max-height:335px;overflow:auto;}
.gphotos ul li{display:inline-block;width:49%;}

.facilitiee ul li{display:inline-block;width:49%;font-weight:400;font-size:15px;display:inline-flex;align-items:center;}
.facilitiee ul li i{font-size:24px;margin-right:10px;}

/*video button*/
.watch-video{width:207px;height:65px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;margin-top:10px}
.play-btn{width:65px;height:100%;border-radius:0}
.watch-video .video-txt{height:100%;-webkit-box-flex:1;-ms-flex:auto 1 1;flex:auto 1 1;background-color:#fff;color:#3c3b3b;font-weight:400;font-size:13px;line-height:1.5;position:relative;padding:12px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.video-inner-txt{color:#000;font-weight:500}
.on-btn-hover{position:absolute;opacity:0;left:0;right:0;top:0;bottom:0;visibility:hidden;-webkit-transition:.6s ease;-webkit-transition:.3s ease;transition:.3s ease;line-height:1.6;-webkit-transform:translateY(20%);transform:translateY(20%);z-index:99;padding:12px 20px}
.watch-video:hover .on-btn-hover{opacity:1;visibility:visible;-webkit-transform:translateY(0%);transform:translateY(0%)}
.video-txt::before,.play-btn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);background-color:#f6f5f5;-webkit-transition:-webkit-transform .6s ease;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;z-index:9}
.play-btn::before{background-color:rgba(255,255,255,.1)}
.play-btn::after{position:absolute;content:"";border:0;background:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;width:0;border-color:transparent transparent transparent #fff;-webkit-transition:100ms all ease;transition:100ms all ease;cursor:pointer;border-style:solid;border-width:12px 0 12px 20px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-left:3px}
.watch-video:hover .video-txt::before,.watch-video:hover .play-btn::before{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.default-info{-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}
.watch-video:hover .video-txt .span{display:none}
.video-txt span{line-height:1.6}
.watch-video:hover .default-info{-webkit-transform:translateY(-120%);transform:translateY(-120%);opacity:0}
@media(max-width:1440px) {
.watch-video{width:176px;height:60px;margin-top:30px}
.watch-video .video-txt,.on-btn-hover{padding:12px 10px}
.play-btn{width:56px}
}
@media(max-width:1024px) {
.watch-video .video-txt{font-size:10px}
.watch-video{width:142px;height:48px}
.watch-video .video-txt,.on-btn-hover{padding:10px 10px}
.play-btn{width:45px}
.video-txt span{line-height:1.3}
.video-inner-txt{margin-bottom:2px}
}
@media only screen and (max-width:575px) {
.watch-video{margin:0 auto;margin-top:20px}
.text-left .watch-video{margin:0;margin-top:20px}

}