@charset "UTF-8";
/* CSS Document */

/*Latest CSS*/
@font-face{font-family:'GothamLight'; src:url('./Fonts/GothamLight.otf'); font-style:normal}
@font-face{font-family:'GothamBold'; src:url('./Fonts/GothamBold.otf'); font-style:normal}


html, body {margin:0px; padding:0px; font-family:'GothamLight', sans-serif; font-size:16px; color:#484848; background:#ffffff;}

h1, h2, h3, b {font-family:'GothamBold', sans-serif; text-align:center;}

.fullWidthDiv {display:block;width:100%; padding:40px 0px;clear:both;overflow:hidden;}
.maxWidthDiv {margin:0px auto; width:100%; max-width:1200px; padding:0px 10px; overflow:hidden; box-sizing:border-box;}



.fullWidthDiv.logoPatch {padding:0px; background:#29292a;}
.logoDiv {float:left; width:100%; max-width:100px; padding:10px 0px;}
.logoDiv img {display:block; width:100%;}



.sideMenu {position:fixed; right:-71px; bottom:47%; visibility:visible; border-radius:0px 0px 3px 3px; border:1px solid #f7972f; background:#F7971F; color:#fff; font-size:14px; padding:7px 20px; transform:translateY(-50%) rotate(90deg); z-index:9999;}
.sideMenu:link {text-decoration:none; color:#fff;}
.sideMenu:visited {text-decoration:none; color:#fff;}



.fullWidthDiv .mainBanner {background:#eee;padding:0px;position:relative;overflow:hidden; width: 75%; float: left}
.fullWidthDiv.mainBanner .maxWidthDiv {position:absolute;top: 50%;right: 5%;/* margin-left:-600px; */overflow:visible;transform: translateY(-50%);}
.fullWidthDiv .formW{width: 22%;float: right;padding: 0 0; box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 63%);-webkit-box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 63%);margin: 1%;}

.bannerP{ padding: 0 !important}

h1.bannerText {position:absolute;margin:0px;float:left;padding:0px;font-size: 3vw;color:#fff;text-align:left;text-transform: inherit;bottom:0px;text-shadow:0px 0px 35px #000;}


/*.mainSlider .slick-slide img {display:block; width:100%; height:auto;}
.mainSlider .slick-prev {left:0px; z-index:1;}
.mainSlider .slick-next {z-index:1;}
.mainSlider .slick-dots {top:100px; left:100px;}*/
.slider {width:50%; margin:100px auto;}
.slick-track {display:flex !important;}
.slick-slide {margin:0px; height:100% !important;}
.slick-slide img {width:100%; height:100%;}
.slick-prev:before, .slick-next:before {color:black;}
.slick-slide {transition:all ease-in-out .3s; opacity:1;}
.slick-dots {bottom:15px !important;}
.slick-dotted.slick-slider {margin-bottom:0px !important;}

.slick-dots li {margin:0px 2px !important;}
.slick-dots li button:before {font-size:12px !important; color:#fff !important; opacity:1 !important;}
.slick-dots li.slick-active button:before {opacity:1 !important; color:#f7972f !important;}




.destSlider {position:relative;}
.destSlider h1.carText {margin:-72px 0px 0px 0px; padding:10px 0px; width:100%; color:#fff; z-index:200;background:rgb(0,0,0); background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); overflow:hidden;}
.destSlider .slick-dots {bottom:-50px !important; position:initial;}
.destSlider .slick-dots li button:before {font-size:12px !important; color:#eee !important; opacity:1 !important;}
.destSlider .slick-dots li.slick-active button:before {opacity:1 !important; color:#f7972f !important;}
.destSlider .slick-next {right:15px !important; z-index:1;}
.destSlider .slick-prev {left:15px !important; z-index:1;}








.formContainer {/* float:right; */width: 85%;/* max-width: 300px; */padding: 10px;/*background:rgba(0, 0, 0, 0.5);*/background:#fff;box-sizing:border-box;border-radius:3px;font-size: 0.9vw;text-align: center;margin: 1% auto;/* position: absolute; *//* top: 50%; */right: 5%;/* margin-left:-600px; *//* overflow:visible; *//* transform: translateY(-50%); */ }

.formContainer b {display:block;}

.formContainer p{ font-size: 0.9vw}
.TC{ font-size: 0.6vw}

.formInputCont {display:block;margin-top: 2.5%;width:100%;padding: 1% 10px;/* font-size: 2vw; */background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;overflow: hidden;}

input{color: #484848 !important;font-size: 0.9vw;}
select{color: #484843 !important;font-size: 0.9vw;}
::placeholder {
 color: #484848;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #484848
}

::-ms-input-placeholder { /* Microsoft Edge */
color: #484848
}

.formInputCont .form-control {
 display:block;
 clear:both;
 margin:0px;
 width:100%;
 padding: 1% 0px;
 font-family:'GothamLight', sans-serif;
 border:0px;
 outline:0px;
 /* background:transparent; */
 box-sizing:border-box;
 }

.formCTACont {display:block;clear:both;padding:15px 0px 0px 0px;overflow:hidden;width: 100%;}
.formCTACont .submitCTA {font-weight:600;display:inline-block;float:left;padding: 3% 12px;background:#00b5e0;border:0px;outline:0px;font-family:'GothamBold', sans-serif;font-size: 1vw;color:#fff;border-radius:4px;cursor:pointer;width: 100%;}
.formCTACont .clearCTA {display:inline-block;float:right;padding:8px 12px;background:transparent;border:0px;outline:0px;font-family:'GothamBold', sans-serif;font-size:14px;color:#999;text-decoration:underline;cursor:pointer;}

.form-disc {font-size: 0.6vw;}

.form-disc p{ float: left}
.form-disc p:nth-child(1){ width: 20px;}
.form-disc p:nth-child(2){width: 85%;text-align: left;font-size: 0.7vw;}





.fullWidthDiv.lightGreyBG {background:#f9f9f9;}


.pageNav {display:flex; justify-content:center; clear:both; padding-bottom:40px; text-align:center;}
.pageNav .link {display:inline-flex; margin:0px 12px; border:1px solid #f7972f; background:#f7971f; font-size:14px; font-weight:600; padding:20px 20px; border-radius:5px; align-items:center;}
.pageNav .link:link {text-decoration:none; color:#fff;}
.pageNav .link:visited {text-decoration:none; color:#fff;}


b.normalTxt {display:block; clear:both; padding:10px 20px;}
b.normalTxt.addPaddingB {padding-bottom:40px;}




.parent2Div {display:block; clear:both;}
.parent2Div .childDiv {float:left; display:table; width:50%; min-height:150px; padding:15px; box-sizing:border-box;}
.parent2Div .childDiv .contentDiv {display:table-cell; vertical-align:middle; padding:40px 40px 40px 90px; font-size:14px; background: url("../images/Tick.svg") no-repeat #fff; background-size:50px; background-position:left 30px center; border-radius:3px; border:solid 1px #fff; transition:all 0.75s ease;}
.parent2Div .childDiv .contentDiv:hover {border:solid 1px #f7971f; box-shadow:0 0 20px 0 rgb(0 0 0 / 20%); cursor:default;}


h1 {margin:0px; padding:0px; font-size:36px; color:#00b5e0;}
h2 {margin:0 0 10px 0;padding:0px;/*font-size:24px;*/font-size: 1vw;}
h3 {margin:0px; padding:10px 0px 40px 0px; font-size:16px;}




.CTADiv {display:flex; justify-content:center; clear:both; padding:40px 0px 0px 0px; font-family:'GothamBold', sans-serif; text-align:center;}
.CTADiv .link {display:inline-block; margin:0px 12px; border:1px solid #f7972f; background:#f7971f; font-size:14px; font-weight:600; padding:20px 20px; border-radius:5px; color:#fff;}
.CTADiv .link:link {text-decoration:none; color:#fff;}
.CTADiv .link:visited {text-decoration:none; color:#fff;}




.contDestinations {display:block; width:100%; overflow:hidden; border-radius:5px;}

.rowDiv {display:block; clear:both;}

.contDestinations .childDiv {float:left; width:33.3333%; min-height:260px; display:flex;}
.contDestinations .childDiv .textDiv {display:inline-flex; width:100%; align-items:center; justify-content:center; font-size:18px; text-align:center; color:#fff; background:rgba(15, 173, 213, 0.9); opacity:0; transition:all 0.5s ease; cursor:default;}
.contDestinations .childDiv:hover .textDiv {opacity:1;}


.contDestinations .childDiv.div01 {background:url("https://www.clubmahindra.com/operation/bliss-senior/images/img1.jpeg") no-repeat; background-size:cover;}
.contDestinations .childDiv.div02 {background:url("https://www.clubmahindra.com/operation/bliss-senior/images/img2.jpeg") no-repeat; background-size:cover;}
.contDestinations .childDiv.div03 {background:url("https://www.clubmahindra.com/operation/bliss-senior/images/img3.jpeg") no-repeat; background-size:cover;}
.contDestinations .childDiv.div04 {background:url("https://www.clubmahindra.com/operation/bliss-senior/images/img4.jpeg") no-repeat; background-size:cover;}
.contDestinations .childDiv.div05 {background:url("https://www.clubmahindra.com/operation/bliss-senior/images/img5.jpeg") no-repeat; background-size:cover;}
.contDestinations .childDiv.div06 {background:url("https://www.clubmahindra.com/operation/bliss-senior/images/img6.jpeg") no-repeat; background-size:cover;}



.fullWidthDiv.mobileOnly {display:none;}



.parent3Div {display:block; clear:both;}
.parent3Div .childDiv {float:left; display:table; width:33.33%; min-height:100px; box-sizing:border-box;}
.parent3Div .childDiv .contentDiv {display:table-cell; vertical-align:middle; padding:10px 10px 10px 90px; font-size:14px; background-size:70px; background-repeat:no-repeat; background-position:left 10px center; transition:all 0.75s ease;}
.parent3Div .childDiv .contentDiv:hover {background-repeat:no-repeat; cursor:default;}

.parent3Div .childDiv.div01 .contentDiv {background-image: url("../images/icon01.png");}
.parent3Div .childDiv.div01 .contentDiv:hover {background-image: url("../images/icon01hover.png");}

.parent3Div .childDiv.div02 .contentDiv {background-image: url("../images/icon02.png");}
.parent3Div .childDiv.div02 .contentDiv:hover {background-image: url("../images/icon02hover.png");}

.parent3Div .childDiv.div03 .contentDiv {background-image: url("../images/icon03.png");}
.parent3Div .childDiv.div03 .contentDiv:hover {background-image: url("../images/icon03hover.png");}

.parent3Div .childDiv.div04 .contentDiv {background-image: url("../images/icon04.png");}
.parent3Div .childDiv.div04 .contentDiv:hover {background-image: url("../images/icon04hover.png");}

.parent3Div .childDiv.div05 .contentDiv {background-image: url("../images/icon05.png");}
.parent3Div .childDiv.div05 .contentDiv:hover {background-image: url("../images/icon05hover.png");}

.parent3Div .childDiv.div06 .contentDiv {background-image: url("../images/icon06.png");}
.parent3Div .childDiv.div06 .contentDiv:hover {background-image: url("../images/icon06hover.png");}







.fullWidthDiv.footerBG {padding:10px 0px; font-size:13px; color:#868688; background:#29292a;}
.fullWidthDiv.footerBG .maxWidthDiv {overflow:visible;}

.fullWidthDiv.footerBG .secLeft {float:left; padding-top:12px;}

.fullWidthDiv.footerBG .secLeft a {margin-left:10px;}
.fullWidthDiv.footerBG .secLeft a:link {text-decoration:underline; color:#868688;}
.fullWidthDiv.footerBG .secLeft a:visited {text-decoration:underline; color:#868688;}


.fullWidthDiv.footerBG .secRight {float:right;}

.socIcon {display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent;}
.socIcon:hover {-webkit-animation-name: hvr-hang-sink, hvr-hang;
    animation-name: hvr-hang-sink, hvr-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;}



/* Hang */

@keyframes hvr-hang {
  0% {-webkit-transform: translateY(8px); transform: translateY(8px);}
  50% {-webkit-transform: translateY(4px); transform: translateY(4px);}
  100% {-webkit-transform: translateY(8px); transform: translateY(8px);}
}
@-webkit-keyframes hvr-hang-sink {
  100% {-webkit-transform: translateY(8px); transform: translateY(8px);}
}
@keyframes hvr-hang-sink {
  100% {-webkit-transform: translateY(8px); transform: translateY(8px);}
}

/*.start-btn {margin:0px auto; text-transform:uppercase; color:#1f1d1e; background:#ffc04f; border:#ffc04f solid 3px; margin:20px 0; font-family:'GothamLight', sans-serif; font-weight:700; border-radius:10px; padding:10px 20px; font-size:22px; width:auto; cursor:pointer; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;}
.start-btn:hover{-webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; background:white; color:#333;}*/












@media only screen and (max-width: 1200px) and (min-width: 1001px) {
    .formInputCont {
            margin-top: 2px;
            font-size: 8px;
    }

}



@media only screen and (max-width: 1000px) {
    	.fullWidthDiv.mainBanner .maxWidthDiv {/* margin-left:0px; */left:0px;right:10px;}

}



@media only screen and (max-width: 1000px) {
	.fullWidthDiv.mainBanner .maxWidthDiv {/* position:static; */background:#fff;overflow:hidden;position: relative;top: 0;transform: translateY(0px);}
	h1.bannerText {position:static; display:block; clear:both; width:100%; padding:20px 0px; font-size:30px; color:#000; text-align:center; text-shadow:0px 0px 0px #fff;}
	.formContainer {float:none;display:block;clear:both;margin:0px auto;width: 100%;}
    .fullWidthDiv .mainBanner { width: 100%; height: auto;}
    .fullWidthDiv .formW{ width: 95%; height: auto;margin: 20px auto; float: none;}
    h2 { font-size: 20px}
    input { font-size:14px}
   select{ font-size:14px}
   .form-disc{ font-size:14px}
  .form-disc p:nth-child(2){ font-size:12px}
  .TC{ font-size:10px}
   .formCTACont .submitCTA { font-size:16px}
    .formContainer p{ font-size: 18px}
    .formInputCont{ padding: 5PX 10px}
    .formInputCont .form-control{ padding: 5PX 10px}
}



@media only screen and (max-width: 800px) {
	.fullWidthDiv {padding:30px 0px;}
	.slick-dots {bottom:5px !important;}
	.slick-dots li {width:10px !important;}
	.slick-dots li button:before {font-size:8px !important;}
	.pageNav {padding-bottom:20px;}
	b.normalTxt.addPaddingB {padding-bottom:20px;}
	.parent2Div .childDiv {width:100%; min-height:120px; padding:5px 15px;}
	.contDestinations .childDiv {width:50%; min-height:200px;}
	.parent3Div .childDiv {width:50%; min-height:90px;}

	h1 {font-size:24px;}
}



@media only screen and (max-width: 768px) {

}



@media only screen and (max-width: 600px) {
	.logoDiv {float:none; margin:0px auto;}
	h1.bannerText {font-size:20px;}
	.pageNav .link {margin:0px 2px; padding:20px 5px;}
	.parent3Div .childDiv {width:100%; min-height:80px;}
	.parent3Div .childDiv .contentDiv {padding:5px 5px 5px 90px; background-size:60px;}
	.fullWidthDiv.mobileOnly {display:block;}
	.fullWidthDiv.deskOnly {display:none;}

	.fullWidthDiv.footerBG .secLeft {float:none; display:block; padding:12px 0px; text-align:center;}
	.fullWidthDiv.footerBG .secRight {float:none; display:block; margin:0px auto; text-align:center;}
	.formContainer {font-size: 3.5vw;}
}



@media only screen and (max-width: 470px) {
	.contDestinations .childDiv {width:100%; min-height:250px;}

}