@font-face {
	font-family: 'Conv_HelveticaNeueLTStd-BdCn_0';
	src: url('../resources/fonts/HelveticaNeueLTStd-BdCn_0.eot');
	src: local('☺'), url('../resources/fonts/HelveticaNeueLTStd-BdCn_0.woff') format('woff'), url('../resources/fonts/HelveticaNeueLTStd-BdCn_0.ttf') format('truetype'), url('../resources/fonts/HelveticaNeueLTStd-BdCn_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_HelveticaNeueLTStd-MdCn_0';
	src: url('../resources/fonts/HelveticaNeueLTStd-MdCn_0.eot');
	src: local('☺'), url('../resources/fonts/HelveticaNeueLTStd-MdCn_0.woff') format('woff'), url('../resources/fonts/HelveticaNeueLTStd-MdCn_0.ttf') format('truetype'), url('../resources/fonts/HelveticaNeueLTStd-MdCn_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');

html{ font-size: 14px }
body{font-family: 'Open Sans', sans-serif;}
section {padding:25px 0; position: relative;}

.topnavbar{background: #004a8f;z-index: 9;}
footer{width: 100%;background-color: #004a8f;padding:15px 0px;}
footer p{color: #d9dcdd;font-size:12px;display: inline-block;margin: 0 auto;text-align: center;}
.backbtn{margin-bottom: 1rem;}
.backbtn a{text-decoration: none;font-weight: 600;}
.backbtn a img{vertical-align: inherit;padding-right: 5px;width: 20px;}
.bannerimg{position: relative;margin-bottom: 2rem;}
.bannerimg .bg{width: 100%;border-radius: 20px;box-shadow: 0 0 5px rgb(0 0 0 / 20%);}
.bannerimg .logo{position: absolute;left: 10px;top: 10px;border-radius: 15px;background: #fff;padding: 2px 15px;box-shadow: 0 0 15px rgb(0 0 0 / 20%);}
.titled{font-size: 14px !important;font-weight: 600 !important;margin-bottom: 0.8rem !important;}
.offerdet{margin-bottom: 2.5rem;}
.offerdet h2{font-size: 18px;font-weight: 600;}
.offerdet h2 span{color: #004a8f;}
.offerdet ul{padding-left: 0;margin-bottom: 2rem;}
.offerdet ul li{display: inline-block;width: fit-content;}
.offerdet ul li:first-child{border-right: 1px solid #333;padding-right: 10px;margin-right: 10px;}
.detailTabs ul li:first-child{padding-right: 0;margin-right: 0;border-right: 0;}
.bluebtn{background: #0E7AFE;color: #fff;text-decoration: none;width: 100%;display: block;padding: 10px 10px;text-align: center;font-size: 16px;font-weight: 600;border-radius: 10px;margin: 0 auto 1rem;}
.bluebtn:hover{color: #fff;}
.whitebtn{border: 1px solid #0E7AFE; color: #0E7AFE;text-decoration: none;width: 100%;display: block;padding: 10px 10px;text-align: center;font-size: 16px;font-weight: 600;border-radius: 10px;margin: 0 auto 1rem;}
.whitebtn:hover{color: #0E7AFE;}
.bookbox{margin-bottom: 1rem;}
.booking{margin-bottom: 2rem;}
.bookbox div{display: inline-block;vertical-align: middle;}
.bookbox div img{width: 30px;}
.bookbox div:first-child{width: 30px;margin-right: 5px;}
.bookbox div.text{width: 80%}
.bookbox div.text p{font-size: 12px;color: #868686;margin-bottom: 2px;}
.bookbox div.text h4{font-size: 14px;color: #004a8f;margin-bottom: 2px;font-weight: 600;}
.bookbox div.text h4 span{color: #868686;}
.promocode .coupon{position: relative;}
.promocode .coupon input{background: #F8F8FF; border: 1px dashed #333333; border-radius: 9px;margin: 0 auto 2rem;width: 100%;font-size: 22px;font-weight: 600;padding: 10px 15px 10px 10px;cursor: pointer;}

.promocode .coupon input:focus{outline: none;}
.promocode .coupon p{margin-bottom: 0;}
.promocode .copyicon{width: 35px;position: absolute;right: 15px;top: 10px;background: #333;padding: 7px 9px;border-radius: 60px;}
.promocode .bluecopied{background: #0E7AFE}
.promocode .copyicon img{width: 90%;}
.tnc p{font-size: 16px;font-weight: 600;}
.homepg{background: #F5F5F5;}
.homeoffrbx{margin-bottom: 2rem;position: relative; z-index: 1;box-shadow: 0 0 10px rgb(0 0 0 / 20%);border-radius: 20px;}
.homeoffrbx .banner img{width: 100%;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.homeoffrbx .Hbtxt{background: #fff;padding: 20px;border-radius: 20px;margin-top: -30px;position: relative;  z-index: 3;}
.homeoffrbx .Hbtxt .logo{text-align: center;margin-bottom: 20px;}
.homeoffrbx .Hbtxt .logo img{margin-top: -80px;background: #fff;padding: 30px 10px;border-radius: 100px;box-shadow: 0 0 5px rgb(0 0 0 / 10%);}
.homeoffrbx .Hbtxt h2{color: #004A90;font-weight: 600;font-size: 28px;}
.homeoffrbx .Hbtxt h4{font-weight: 600;font-size: 18px;margin-bottom: 1.5rem;}
.homepg .bluebg{background: url(../resources/images/home_bg.png) no-repeat;margin-top: -5px;background-size: cover;height: 100vh;position: relative;}
.homepg .bluebg .Mbnr{margin-top: 20px;}
.homepg .bluebg .Mbnr img{width: 100%;}
.homepg .bluebg .cardz img{width: 40%;display: block;margin-left: auto;margin-top: -70px;}
.HMcontent{color: #fff;margin-top: 2rem;}
.HMcontent h4{font-size: 24px;margin-bottom: 10px;font-weight: normal;}
.HMcontent h2{font-size: 26px;font-weight: 600;margin-bottom: 2.5rem;}
.seeoffr{position: absolute;bottom: 12%;left: 0;margin: auto;right: 0;}
.seeoffr .see{text-align: center;font-size: 18px;color: #fff;}
.seeoffr .Go a{text-decoration: none;}
.seeoffr .Go a p{background: #000;padding: 10px;border-radius: 50px;color: #fff;text-decoration: none;}
.seeoffr .Go{text-align: center;background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);border-radius: 50px;width: 60px;padding: 10px 10px 20px;margin: 0 auto;}
#offerlist{padding-top: 30px;}
.promocode .disable p{opacity: 0.5;}
.availon{font-size: 14px;margin-bottom: 5px;}
.preloader {background: #002d5c url('../resources/images/loader.gif') no-repeat center center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: 50px; z-index: 99999;}
.homepg .bluebg .Mbnr, .homepg .bluebg .cardz, .HMcontent h4, .HMcontent h2, .seeoffr{opacity: 0;}
.promocode p{font-size: 18px;color: #333;font-weight: 600;margin-bottom: 2rem;}
.nobold{font-weight: normal !important;}
.bannerimg .GVP{    width: 110px;padding: 0px 10px;}
.homeoffrbx .Hbtxt .logo .GVP{width: 110px;padding: 10px 10px;}
.detailTabs .nav{border: 1px solid #ccc;border-radius: 5px;}
.detailTabs li .nav-link{color: #333;border-right: 1px solid #ccc;border-radius: 0;padding: 0.2rem 1rem;}
.detailTabs li:last-child .nav-link{border-right: 0;}
.detailTabs .nav-link.active{border-radius: 5px;font-weight: 600;box-shadow: 0 0 5px rgb(0 0 0 / 20%);background: #0E7AFE;}
.detailTabs .tab-content{margin: 20px 0 3rem;min-height: 100px;}
.detailTabs .tab-content h4{font-weight: 600;font-size: 17px;}
.detailTabs .tab-content h4 span{color: #004a8f;}
.offerinside .offerdet .calldet{font-size: 16px;font-weight: 600;}
.copied {display: none; position:fixed; bottom: 40%; left: 0; right: 0; margin: auto; color:#000;  background-color: #fff; border-radius: 5px;  box-shadow: 0 3px 15px #b8c6db;  -moz-box-shadow: 0 3px 15px #b8c6db;  -webkit-box-shadow: 0 3px 15px #b8c6db;  z-index: 99999;  font-size: 16px;width: fit-content;padding: 15px 40px;}



/*.bluebtn:hover, .bluebtn:focus {
  -webkit-animation: bluebtn 1s;
          animation: bluebtn 1s;
  box-shadow: 0 0 0 0.5em rgba(255, 255, 255, 0);text-decoration: none;
}
@-webkit-keyframes bluebtn {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

@keyframes bluebtn {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

.bluebtn {
  --color: #0E7AFE;
  --hover: #0E7AFE;
}

.whitebtn:hover, .whitebtn:focus {
  -webkit-animation: whitebtn 1s;
          animation: whitebtn 1s;
  box-shadow: 0 0 0 0.5em rgba(255, 255, 255, 0);text-decoration: none;
}
@-webkit-keyframes whitebtn {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

@keyframes whitebtn {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

.whitebtn {
  --color: #0E7AFE;
  --hover: #0E7AFE;
}*/

@keyframes fadeInz {
	from {
		opacity: 0;
		transform: translate3d(0, -20%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}


.arrowbounce {padding-top: 10px; -webkit-animation: bounce2 1s ease infinite alternate;}
@-webkit-keyframes bounce2 {
  0% {
      text-shadow:
                  0 5px 0 #ccc,
                  0 2px 3px rgba(0, 0, 0, 1);  
  }
  100% {
    transform:translateY(-20px);
    text-shadow:  0 20px 0 #black,
                  0 0px 20px rgba(0, 0, 0, .8);
  }
}




@media(min-width: 1440px){
	footer{position: fixed;bottom: 0;}
	.homepg footer{position: initial;}
	.backbtn{margin-bottom: 2rem;}
	.backbtn a{font-size: 16px;}
	.offerinside .offerdet .callout{font-size: 26px;margin-bottom: 1.5rem;}
	.offerinside .offerdet .calldet{font-size: 18px;}
	.offerinside .booking, .offerinside .promocode, .offerinside .tnc{margin-bottom: 3rem !important;}
}


@media(min-width: 990px){
 .offerinside .titled, .offerinside .tnc .availon{font-size: 16px !important;}
 .offerinside .bookbox div.text h4, .offerinside .tnc p, .detailTabs .tab-content h4{font-size: 18px}
 .offerinside .offerdet h2, .offerinside .promocode p{font-size: 20px;}
 .detailTabs li .nav-link{font-size: 16px;}
 .detailTabs .tab-content p{font-size: 16px;}
}

@media(min-width: 768px){
	.v-mob{display: none !important;}
	.v-desk{display: block !important;}
	.bannerimg .logo{left: auto;right: 1.8rem;}
	.bannerimg{padding: 0 1rem;}
	.ctadiv a{display: inline-block;width: 48%;}
	.ctadiv.center{text-align: center;}
	.ctadiv a:first-child{margin-right: 10px;}
	.promocode .coupon{margin: 10px 0 20px;width: 290px;}
	.offerdet{min-height: 170px;}
	.homeoffrbx .Hbtxt{min-height: 410px;position: relative;}
	.homeoffrbx .cta{position: absolute;width: 90%;left: 50%;transform: translate(-50%, -10%);bottom: 10px;}
	.homepg .promocode .coupon{width: 100%;}
	.homepg .bluebg .cardz img{margin: 60px 0 20px 0;width: 160px;}
	.homepg .HMcontent h4{margin-bottom: 10px;}
	.homeoffrbx .oftxt{min-height: 100px;}
	.homeoffrbx .Hbtxt .logo{margin-bottom: 10px;}
	.homepg .bluebg{background: url(../resources/images/home_bg_desk.png) no-repeat;height: auto;background-size: cover;}
	.seeoffr{position: inherit;margin-top: -100px;}
	.HMcontent{margin-top: 0;}
	.homepg .bluebg .Mbnr img{width: 90%;display: block;margin-left: auto;}
	.HMcontent h4{font-size: 26px;}
	.HMcontent h2{font-size: 34px;}
	.seeoffr .see{display: none;}
	.seeoffr .Go a p{font-size: 12px;}
	.seeoffr .arrowbounce{width: 15px;}
	.seeoffr .Go{padding: 10px 10px 15px;}
	.desktxt{padding-left: 10%;}
}


@media(max-width:767px){
	.v-desk{display: none !important;}
	.v-mob{display: block !important;}
}

@media(max-width:580px){
	.topbannez{width: 70%;margin: 0 auto;}

}

@media(max-width:420px){
	.topbannez{width: 80%;}
	.HMcontent h2{word-break: break-all;}
}

@media(max-width:360px){
	.topbannez{width: 90%;}
}