/* ############################################################################# */ /* ############### Home section Start Here ############### */ /* ############################################################################ */ /* ########### Logo animation Start ########### */ .logo_wrapper img.logoEnquire { display: none;} .gallery_tab_DataTO_enquiry_tab .logo_wrapper img.logoEnquire { display: block; } .gallery_tab_DataTO_enquiry_tab .logo_wrapper img.logohome { display: none;} @-webkit-keyframes logo-b { 0% { top: 12vw; width: 666px; } 100% { top: 0; width: 209px; } } .home .logo_wrapper a { display: block; top: 0; width: 209px; height: auto; display: block; position: absolute; -webkit-animation: logo-b 1.3s cubic-bezier(.22,.61,.36,1); /* Safari 4+ */ -moz-animation: logo-b 1.3s cubic-bezier(.22,.61,.36,1); /* Fx 5+ */ -o-animation: logo-b 1.3s cubic-bezier(.22,.61,.36,1); /* Opera 12+ */ animation: logo-b 1.3s cubic-bezier(.22,.61,.36,1); } /* ########### Logo animation End ########### */ /* ########### Nav menu animation Start ########### */ @-webkit-keyframes navMenuItems { 0% { opacity: 0; } 100% { opacity: 1; } } .mainNavmenu li a { opacity: 0; -webkit-animation: navMenuItems 0.2s linear forwards; /* Safari 4+ */ -moz-animation: navMenuItems 0.2s linear forwards; /* Fx 5+ */ -o-animation: navMenuItems 0.2s linear forwards; /* Opera 12+ */ animation: navMenuItems 0.2s linear forwards; animation-delay: 1.5s; } .gallery_tab_DataTO_enquiry_tab .mainNavmenu li a.active { color: #ffffff; } .gallery_tab_DataTO_enquiry_tab .mainNavmenu li a:hover { color: #ffffff; } /* ########### Nav menu animation Start ########### */ /* ########### Enquire tab active menu animation Start ########### */ /* @-webkit-keyframes navMenuOpacity { 0% { opacity: 1; } 15% { opacity: 0; } 85% { opacity: 0; } 100% { opacity: 1; } } .removeMenuTransiton .header { opacity: 1; -webkit-animation: navMenuOpacity 0.5s linear forwards; -moz-animation: navMenuOpacity 0.5s linear forwards; -o-animation: navMenuOpacity 0.5s linear forwards; animation: navMenuOpacity 0.5s linear forwards; animation-delay: 1.3s; } */ /* ########### Enquire tab active menu animation End ########### */ /* ########### Tabbing section opacity animation starts ########### */ /* section#gallery_tab.heightFullcover.activeTab { z-index: 0; } */ .heightFullcover { overflow: hidden; height: 100vh; width: 100%; position: fixed; top: 0; /* opacity: 0; visibility: hidden; z-index: 1; */ -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } section#gallery_tab.heightFullcover { height: calc(100vh - 225px); margin-top: 175px; overflow: visible;} .heightFullcover, .Data_home-tab .heightFullcover, .Data_availability_tab .heightFullcover, .Data_gallery_tab .heightFullcover { opacity: 0; visibility: hidden; z-index: 0; position: absolute; top: 0;} .Data_home-tab .heightFullcover.activeTab, .Data_availability_tab .heightFullcover.activeTab, .Data_enquiry_tab .heightFullcover.activeTab { opacity: 1; visibility: visible; z-index: 1;} @-webkit-keyframes heightFullcoverZindex { 0% { z-index: 1; } 100% { z-index: 1; } } .gallerySection.heightFullcover.activeTab, .Data_gallery_tab .heightFullcover.activeTab { opacity: 1; visibility: visible; z-index: 1; -webkit-animation: heightFullcoverZindex 1.5s linear forwards; /* Safari 4+ */ -moz-animation: heightFullcoverZindex 1.5s linear forwards; /* Fx 5+ */ -o-animation: heightFullcoverZindex 1.5s linear forwards; /* Opera 12+ */ animation: heightFullcoverZindex 1.5s linear forwards; animation-delay: 1.5s; } .gallerySection.heightFullcover.activeTab { -webkit-transition: none;-o-transition: none;transition: none; } /* ########### Tabbing section opacity animation End ########### */ /* ########### homepage data section opacity animation starts ########### */ /* first time page site load hommePageData animation start */ @-webkit-keyframes hommePageData { 0% { opacity: 0; } 100% { opacity: 1; } } .hommePageData { opacity: 0; -webkit-animation: hommePageData 0.2s linear forwards; /* Safari 4+ */ -moz-animation: hommePageData 0.2s linear forwards; /* Fx 5+ */ -o-animation: hommePageData 0.2s linear forwards; /* Opera 12+ */ animation: hommePageData 0.2s linear forwards; animation-delay: 1.2s; } /* first time page site load hommePageData animation End */ /* availabilityToHome data section opacity animation starts */ @-webkit-keyframes availabilityToHomePageData { 0% { opacity: 0; } 100% { opacity: 1; } } .Data_home-tab.availability_tab_DataTO_home-tab .hommePageData { opacity: 0; -webkit-animation: availabilityToHomePageData 1s linear forwards; /* Safari 4+ */ -moz-animation: availabilityToHomePageData 1s linear forwards; /* Fx 5+ */ -o-animation: availabilityToHomePageData 1s linear forwards; /* Opera 12+ */ animation: availabilityToHomePageData 1s linear forwards; animation-delay: 0.3s; } /* availabilityToHome data section opacity animation End */ /* ########### homepage data section opacity animation End ########### */ /* ########### Home bottom waves animation start ########### */ .bottomWave { height: 100vw; } /* waves animation 2 Start */ /* .homeBottomWave2 { opacity: 0;} */ .bottomWave .homeBottomWave2 { position: absolute; bottom: -240vw; width: 133vw; left: -3vw; z-index: 2; } .homeBottomWave2 img.homeBottom2 { width: 150vw; } @-webkit-keyframes homeBottomWaveAnimation2 { 0% { bottom: -220vw; left: -25vw; opacity: 1; width: 133vw; } 100% { bottom: -220vw; left: -3vw; opacity: 1; width: 133vw; } } .home-tab .homeBottomWave2 { -webkit-animation: homeBottomWaveAnimation2 1.5s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: homeBottomWaveAnimation2 1.5s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: homeBottomWaveAnimation2 1.5s cubic-bezier(.46,.03,.52,.96) forwards; animation: homeBottomWaveAnimation2 1.5s cubic-bezier(.46,.03,.52,.96) forwards; } /* waves animation 2 End */ /* waves animation 3 Start */ .bottomWave .homeBottomWave3 { position: absolute; bottom: -115vw; width: 130vw; left: -6.2vw; z-index: 1; } @-webkit-keyframes homeBottomWaveAnimation3 { 0% { bottom: -105vw; left: -6.2vw; width: 130vw; } 100% { bottom: -105vw; left: -6.2vw; width: 130vw; } } .home-tab .homeBottomWave3 { -webkit-animation: homeBottomWaveAnimation3 1.5s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: homeBottomWaveAnimation3 1.5s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: homeBottomWaveAnimation3 1.5s cubic-bezier(.46,.03,.52,.96) forwards; animation: homeBottomWaveAnimation3 1.5s cubic-bezier(.46,.03,.52,.96) forwards; } @-webkit-keyframes homeToGalleryBottomWaves3Img { 0% { width: 150vw; } 100% { width: 150vw; } } .home-tab .homeBottomWave3 img.homeBottomWaveAnimated { width: 150vw; position: relative; -webkit-animation: homeToGalleryBottomWaves3Img 1.2s linear forwards; /* Safari 4+ */ -moz-animation: homeToGalleryBottomWaves3Img 1.2s linear forwards; /* Fx 5+ */ -o-animation: homeToGalleryBottomWaves3Img 1.2s linear forwards; /* Opera 12+ */ animation: homeToGalleryBottomWaves3Img 1.2s linear forwards; -webkit-animation-delay:0.5s; animation-delay: 0.5s; } /* waves animation 3 End */ .availability_tab_To_gallery_tab .homeBottomWave2, .availability_tab_To_gallery_tab .homeBottomWave3, .gallery_tab_To_availability_tab .homeBottomWave2, .gallery_tab_To_availability_tab .homeBottomWave3, .gallery_tab_To_home-tab .homeBottomWave3, .enquiry_tab_To_gallery_tab .homeBottomWave2, .enquiry_tab_To_gallery_tab .homeBottomWave3{ display: none; } .Data_home-tab .enquiryBg { display: none;} .availability_tab_To_gallery_tab .enquiryBg, .gallery_tab_To_availability_tab .enquiryBg, .home-tab_To_gallery_tab .enquiryBg { opacity: 0; } .gallery_tab_To_home-tab .enquiriesBgMid_Box, .prevparent_availability_tab .enquiriesBgMid_Box { display: none; } .prevparent_availability_tab.home-tab_To_enquiry_tab .enquiriesBgMid_Box, .prevparent_availability_tab.gallery_tab_To_enquiry_tab .enquiriesBgMid_Box { display: block; opacity: 1; } /* enquiries waves showing animation start */ .gallery_tab_To_home-tab .enquiriesBgFull_Box { bottom: -99.5vw; opacity: 0; -webkit-animation: enquiriesBgFullBoxOpacity 0.25s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: enquiriesBgFullBoxOpacity 0.25s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: enquiriesBgFullBoxOpacity 0.25s cubic-bezier(.46,.03,.52,.96) forwards; animation: enquiriesBgFullBoxOpacity 0.25s cubic-bezier(.46,.03,.52,.96) forwards; animation-delay: 0.1s } @-webkit-keyframes enquiriesBgFullBoxOpacity { 0% { opacity: 0; bottom: -99.5vw; } 100% { opacity:1; bottom: -99.5vw; } } /* enquiries waves showing animation End */ .floorplanPage_To_gallery_tab { display: none; } .hideEnquiriesBgMid_Box .enquiriesBgMid_Box { display: none;} .prevparent_gallery_tab.enquiry_tab_To_availability_tab .enquiriesBgFull_Box { display: none;} .prevparent_availability_tab.home-tab.enquiry_tab_To_home-tab .enquiriesBgMid_Box { display: none;} .prevparent_availability_tab.home-tab + #home-tab + #enquiry_tab { display: none; } /* ########### Home bottom waves animation End ########### */ /* ########### Home men/women and LadyWithDog animation Start here ########### */ /* homepage men with women animation start here */ .menWomenBox { position: absolute; bottom: 0; width: 100vw; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 3;} img.menAndWomen, img.ladyWithDog { width: 100%; } .menAndWomenImg { position: absolute; width: 16vw; bottom: -3px; -webkit-transform: translateX(-7.8vw); -ms-transform: translateX(-7.8vw); transform: translateX(-7.8vw); -webkit-animation: menLadyLeftToRight 1.6s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: menLadyLeftToRight 1.6s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: menLadyLeftToRight 1.6s cubic-bezier(.46,.03,.52,.96) forwards; animation: menLadyLeftToRight 1.6s cubic-bezier(.46,.03,.52,.96) forwards; } @-webkit-keyframes menLadyLeftToRight { 0% { -webkit-transform: translateX(-7.8vw); -ms-transform: translateX(-7.8vw); transform: translateX(-7.8vw); } 100% { -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } } /* homepage men with women animation End here */ /* homepage LadyWithDog animation start here */ .ladyWithDogImg { position: absolute; width: 18.5vw; bottom: 0; -webkit-transform: translateX(90vw); -ms-transform: translateX(90vw); transform: translateX(90vw); -webkit-animation: LadyWithDogRightToleft 1.6s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: LadyWithDogRightToleft 1.6s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: LadyWithDogRightToleft 1.6s cubic-bezier(.46,.03,.52,.96) forwards; animation: LadyWithDogRightToleft 1.6s cubic-bezier(.46,.03,.52,.96) forwards; } @-webkit-keyframes LadyWithDogRightToleft { 0% { -webkit-transform: translateX(90vw); -ms-transform: translateX(90vw); transform: translateX(90vw); } 100% { -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } } /* homepage LadyWithDog animation End here */ /* availability_tab to hmoe_tab men with women animation start here */ .home-tab.gallery_tab_To_home-tab .menAndWomenImg, .home-tab.availability_tab_To_home-tab .menAndWomenImg { position: absolute; width: 16vw; bottom: -3px; -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); -webkit-animation: availabilityTabToHomeTabMenLadyLeftToRight 0.7s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: availabilityTabToHomeTabMenLadyLeftToRight 0.7s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: availabilityTabToHomeTabMenLadyLeftToRight 0.7s cubic-bezier(.46,.03,.52,.96) forwards; animation: availabilityTabToHomeTabMenLadyLeftToRight 0.7s cubic-bezier(.46,.03,.52,.96) forwards; } @-webkit-keyframes availabilityTabToHomeTabMenLadyLeftToRight { 0% { -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } 100% { -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } } /* availability_tab to hmoe_tab men with women animation End here */ /* availability_tab to hmoe_tab LadyWithDog animation start here */ .home-tab.gallery_tab_To_home-tab .ladyWithDogImg, .home-tab.availability_tab_To_home-tab .ladyWithDogImg { position: absolute; width: 18.5vw; bottom: 0; -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); -webkit-animation: availabilityTabToHomeTabLadyWithDogRightToleft 0.7s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: availabilityTabToHomeTabLadyWithDogRightToleft 0.7s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: availabilityTabToHomeTabLadyWithDogRightToleft 0.7s cubic-bezier(.46,.03,.52,.96) forwards; animation: availabilityTabToHomeTabLadyWithDogRightToleft 0.7s cubic-bezier(.46,.03,.52,.96) forwards; } @-webkit-keyframes availabilityTabToHomeTabLadyWithDogRightToleft { 0% { -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } 100% { -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } } /* availability_tab to hmoe_tab LadyWithDog animation End here */ /* ########### Home men/women and LadyWithDog animation End here ########### */ /* ########### Home to enquiry wave animation Start here ########### */ /* availability to home bottomWave 3 starts */ .home-tab_To_enquiry_tab .homeBottomWave2 { bottom: -220vw; left: -3vw; -webkit-animation: HomeTabToEnquiryTabBottomWaves2 1s linear forwards; /* Safari 4+ */ -moz-animation: HomeTabToEnquiryTabBottomWaves2 1s linear forwards; /* Fx 5+ */ -o-animation: HomeTabToEnquiryTabBottomWaves2 1s linear forwards; /* Opera 12+ */ animation: HomeTabToEnquiryTabBottomWaves2 1s linear forwards; } @-webkit-keyframes HomeTabToEnquiryTabBottomWaves2 { 0% { bottom: -220vw; left: -3vw; } 100% { bottom: -140vw; left: -3vw; } } /* availability to home bottomWave 3 End */ /* enquiry tab to availability Tab home bottomWave 3 starts */ .enquiry_tab_To_home-tab .homeBottomWave2 { bottom: -140vw; left: -3vw; -webkit-animation: EnquiryTabToHomeTabBottomWaves2 1.5s linear forwards; /* Safari 4+ */ -moz-animation: EnquiryTabToHomeTabBottomWaves2 1.5s linear forwards; /* Fx 5+ */ -o-animation: EnquiryTabToHomeTabBottomWaves2 1.5s linear forwards; /* Opera 12+ */ animation: EnquiryTabToHomeTabBottomWaves2 1.5s linear forwards; } @-webkit-keyframes EnquiryTabToHomeTabBottomWaves2 { 0% { bottom: -140vw; left: -3vw; } 100% { bottom: -220vw; left: -3vw; } } /* enquiry tab to availability Tab home bottomWave 3 End */ /* home To enquiry bottomWave 3 starts */ .availability_tab_To_enquiry_tab .homeBottomWave2 { bottom: -115vw; } /* availability to home bottomWave 3 End */ .enquiry_tab_DataTO_home-tab .heightFullcover { -webkit-transition: all 2.2s linear; -moz-transition: all 2.2s linear; -o-transition: all 2.2s linear; transition: all 2.2s linear; } /* ########### Home to enquiry wave animation End here ########### */ /* ############################################################################# */ /* ############### Home section End Here ############### */ /* ############################################################################ */ /* ############################################################################# */ /* ############### availability section starts ############### */ /* ############################################################################ */ /* availability data opacity starts */ @-webkit-keyframes AllPageDataVisible { 0% { opacity: 0; } 100% { opacity: 1; } } .availabilitySection.activeTab .availabilityBox { opacity: 0; -webkit-animation: AllPageDataVisible 1s linear forwards; /* Safari 4+ */ -moz-animation: AllPageDataVisible 1s linear forwards; /* Fx 5+ */ -o-animation: AllPageDataVisible 1s linear forwards; /* Opera 12+ */ animation: AllPageDataVisible 1s linear forwards; animation-delay: 0.7s; } /* availability data opacity End */ img.availabilityBg_Curve { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: right; object-position: right; } /* availability background animation starts */ @-webkit-keyframes availabilityBgAnimate { 0% { left: -100vw; } 100% { left: -40%; } } .availability_tab .availabilityBg { position: fixed; top: 0; bottom: 0; z-index: -1; width: 100%; height: 100%; left: -100vw; -webkit-animation: availabilityBgAnimate 0.7s linear forwards; /* Safari 4+ */ -moz-animation: availabilityBgAnimate 0.7s linear forwards; /* Fx 5+ */ -o-animation: availabilityBgAnimate 0.7s linear forwards; /* Opera 12+ */ animation: availabilityBgAnimate 0.7s linear forwards; animation-delay: 0.5s; } /* availability background animation End */ /* availability To Hometab background animation Start */ @-webkit-keyframes availabilityToHOmeTabBgAnimate { 0% { left: -40%; } 100% { left: -100vw; } } .availability_tab_To_home-tab .availabilityBg { position: fixed; top: 0; bottom: 0; z-index: -1; width: 100%; height: 100%; left: -40%; -webkit-animation: availabilityToHOmeTabBgAnimate 0.7s linear forwards; /* Safari 4+ */ -moz-animation: availabilityToHOmeTabBgAnimate 0.7s linear forwards; /* Fx 5+ */ -o-animation: availabilityToHOmeTabBgAnimate 0.7s linear forwards; /* Opera 12+ */ animation: availabilityToHOmeTabBgAnimate 0.7s linear forwards; } /* availability To Hometab background animation End */ /* availability bottomWave 2 starts */ .home-tab_To_availability_tab .homeBottomWave2 { bottom: -220vw; left: -3vw; -webkit-animation: homeToAvailabilityBottomWaves2 1s linear forwards; /* Safari 4+ */ -moz-animation: homeToAvailabilityBottomWaves2 1s linear forwards; /* Fx 5+ */ -o-animation: homeToAvailabilityBottomWaves2 1s linear forwards; /* Opera 12+ */ animation: homeToAvailabilityBottomWaves2 1s linear forwards; } @-webkit-keyframes homeToAvailabilityBottomWaves2 { 0% { bottom: -220vw; left: -3vw; } 100% { bottom: -240vw; left: -3vw; } } /* availability bottomWave 2 End */ /* availability bottomWave 3 starts */ .home-tab_To_availability_tab .homeBottomWave3 { bottom: -115vw; left: -2.2vw; -webkit-animation: homeToAvailabilityBottomWaves3 1s linear forwards; /* Safari 4+ */ -moz-animation: homeToAvailabilityBottomWaves3 1s linear forwards; /* Fx 5+ */ -o-animation: homeToAvailabilityBottomWaves3 1s linear forwards; /* Opera 12+ */ animation: homeToAvailabilityBottomWaves3 1s linear forwards; } @-webkit-keyframes homeToAvailabilityBottomWaves3 { 0% { bottom: -115vw; left: -6.2vw; } 100% { bottom: -115vw; left: -6.2vw; } } /* availability bottomWave 3 End */ /* availability to home bottomWave 2 starts */ .availability_tab_To_home-tab .enquiriesBgMid_Box { display: none;} .availability_tab_To_home-tab .homeBottomWave2 { bottom: -240vw; left: -3vw; -webkit-animation: availabilityTabTohomeTabBottomWaves2 1s linear forwards; /* Safari 4+ */ -moz-animation: availabilityTabTohomeTabBottomWaves2 1s linear forwards; /* Fx 5+ */ -o-animation: availabilityTabTohomeTabBottomWaves2 1s linear forwards; /* Opera 12+ */ animation: availabilityTabTohomeTabBottomWaves2 1s linear forwards; } @-webkit-keyframes availabilityTabTohomeTabBottomWaves2 { 0% { bottom: -240vw; left: -3vw; } 100% { bottom: -220vw; left: -3vw; } } /* availability to home bottomWave 2 End */ /* availability to home bottomWave 3 starts */ .availability_tab_To_home-tab .homeBottomWave3 { bottom: -115vw; left: -2.2vw; -webkit-animation: availabilityTabTohomeTabBottomWaves3 1s linear forwards; /* Safari 4+ */ -moz-animation: availabilityTabTohomeTabBottomWaves3 1s linear forwards; /* Fx 5+ */ -o-animation: availabilityTabTohomeTabBottomWaves3 1s linear forwards; /* Opera 12+ */ animation: availabilityTabTohomeTabBottomWaves3 1s linear forwards; animation-delay: } @-webkit-keyframes availabilityTabTohomeTabBottomWaves3 { 0% { bottom: -115vw; left: -6.2vw; } 100% { bottom: -115vw; left: -6.2vw; } } /* availability to home bottomWave 3 End */ /* availability tab to enquire tab data opacity animation start */ @-webkit-keyframes availabilityTabDataTOEnquiryTabTableOpacity { 0% { opacity: 1; visibility: visible; z-index: 2; } 100% { opacity: 0; visibility: hidden; z-index: 0; } } .availability_tab_DataTO_enquiry_tab .availabilitySection.heightFullcover { opacity: 1; visibility: visible; z-index: 2; -webkit-animation: availabilityTabDataTOEnquiryTabTableOpacity 0.5s linear forwards; /* Safari 4+ */ -moz-animation: availabilityTabDataTOEnquiryTabTableOpacity 0.5s linear forwards; /* Fx 5+ */ -o-animation: availabilityTabDataTOEnquiryTabTableOpacity 0.5s linear forwards; /* Opera 12+ */ animation: availabilityTabDataTOEnquiryTabTableOpacity 0.5s linear forwards; animation-delay: 0.2; } /* availability tab to enquire tab data opacity animation End */ /* ########### availability men/women and LadyWithDog animation Start here ########### */ img.menAndWomen, img.ladyWithDog { width: 100%; } /* Home to availability men with women animation start here */ .availability_tab.home-tab_To_availability_tab .menAndWomenImg { position: absolute; width: 16vw; bottom: -3px; -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } @-webkit-keyframes menLadyRightToLeft { 0% { -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } 100% { -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } } .availability_tab.home-tab_To_availability_tab .menAndWomenImg { -webkit-animation: menLadyRightToLeft 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: menLadyRightToLeft 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: menLadyRightToLeft 2.5s cubic-bezier(.46,.03,.52,.96) forwards; animation: menLadyRightToLeft 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } /* Home to availability men with women animation End here */ /* Home to availability LadyWithDog animation start here */ .availability_tab.home-tab_To_availability_tab .ladyWithDogImg { position: absolute; width: 18.5vw; bottom: 0; -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } @-webkit-keyframes LadyWithDogLeftToRight { 0% { -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } 100% { -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } } .availability_tab.home-tab_To_availability_tab .ladyWithDogImg { -webkit-animation: LadyWithDogLeftToRight 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: LadyWithDogLeftToRight 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: LadyWithDogLeftToRight 2.5s cubic-bezier(.46,.03,.52,.96) forwards; animation: LadyWithDogLeftToRight 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } /* Home to availability LadyWithDog animation End here */ /* availability To GalleryTab men with women animation start here */ .availability_tab.gallery_tab_To_availability_tab .menAndWomenImg { position: absolute; width: 16vw; bottom: -3px; -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); -webkit-animation: menLadyhideToshowAndHide 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: menLadyhideToshowAndHide 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: menLadyhideToshowAndHide 2.5s cubic-bezier(.46,.03,.52,.96) forwards; animation: menLadyhideToshowAndHide 2.5s cubic-bezier(.46,.03,.52,.96) forwards; /* -webkit-animation-delay: 0.7s; animation-delay: 0.7s; */ } @-webkit-keyframes menLadyhideToshowAndHide { 0% { -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } 100% { -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } } /* availability To GalleryTab men with women animation End here */ /* availability To GalleryTab LadyWithDog animation start here */ .availability_tab.gallery_tab_To_availability_tab .ladyWithDogImg { position: absolute; width: 18.5vw; bottom: 0; -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); -webkit-animation: LadyWithDogHideToShowAndHide 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: LadyWithDogHideToShowAndHide 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: LadyWithDogHideToShowAndHide 2.5s cubic-bezier(.46,.03,.52,.96) forwards; animation: LadyWithDogHideToShowAndHide 2.5s cubic-bezier(.46,.03,.52,.96) forwards; /* -webkit-animation-delay: 0.7s; animation-delay: 0.7s; */ } @-webkit-keyframes LadyWithDogHideToShowAndHide { 0% { -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } 100% { -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } } /* availability To GalleryTab LadyWithDog animation End here */ /* ########### availability men/women and LadyWithDog animation End here ########### */ /* ########################################################################### */ /* ############### availability section End ############### */ /* ########################################################################## */ /* ########################################################################### */ /* ############### availability Floor plan Start ############### */ /* ########################################################################## */ /* floor plan close animation End here */ #floorplanPage.activeTab.hideFloorPlan { opacity: 0 !important; visibility: hidden !important; display: none !important;} .floorplanPage_To_home-tab .enquiriesBgMid_Box { display: none;} .floorplanPage_To_home-tab .enquiriesBgFull_Box { bottom: -99.5vw; -webkit-transition: none; -o-transition: none; transition: none;} .floorplanPage_To_home-tab .availabilityBg, .floorplanPage_To_gallery_tab .availabilityBg, .floorplanPage_To_enquiry_tab .availabilityBg { display: none; } .floorplanPage_To_gallery_tab ~ section#availability_tab, .floorplanPage_To_home-tab ~ section#availability_tab, .floorplanPage_To_enquiry_tab ~ section#availability_tab { display: none; } .floorplanPage_To_home-tab ~ section#home-tab { opacity: 1; visibility: visible; } .floorplanPage_To_gallery_tab .bottomWave, .floorplanPage_To_enquiry_tab .enquiriesBgMid_Box { top: -5vw;} .floorplanPage_To_home-tab .bottomWave .homeBottomWave2 { bottom: -220vw; } .floorplanPage_To_gallery_tab .menWomenBox { display: none; } .floorplanPage_To_home-tab ~ section#floorplanPage { display: none; } .floorplanPage_To_home-tab ~ .homepageSection, .floorplanPage_To_home-tab ~ .homepageSection .hommePageData { opacity: 1; -webkit-animation: none; animation: none; -webkit-transition: none; -o-transition: none; transition: none; z-index: 1; visibility: visible;} .floorplanPage_To_gallery_tab ~ section#floorplanPage { display: none; } .floorplanPage_To_enquiry_tab ~ section#floorplanPage { display: none; } .floorplanPage_To_enquiry_tab ~ section#enquiry_tab { opacity: 1; -webkit-animation: none; animation: none; -webkit-transition: none; -o-transition: none; transition: none; visibility: visible; z-index: 1;} .floorplanPage_To_enquiry_tab .bottomWave .homeBottomWave2 { bottom: -140vw;} .floorplan_To_enquiryPage a[href="#enquiry_tab"].active { color: #FFFFFF !important; } .floorplan_To_enquiryPage a:hover { color: #FFFFFF !important; } .floorplan_To_enquiryPage img.logohome { display: none; } .floorplan_To_enquiryPage img.logoEnquire { display: block; } /* floor plan close animation End here */ @-webkit-keyframes floorplanDataHIde { 0% { opacity: 0; } 100% { opacity: 1; } } #floorplanPage.activeTab .floorplan { opacity: 0; -webkit-animation: floorplanDataHIde 0.5s linear forwards; /* Safari 4+ */ -moz-animation: floorplanDataHIde 0.5s linear forwards; /* Fx 5+ */ -o-animation: floorplanDataHIde 0.5s linear forwards; /* Opera 12+ */ animation: floorplanDataHIde 0.5s linear forwards; animation-delay: 0.5s; } /* hide floor plan when click on availability menu animation start */ @-webkit-keyframes floorplanHideAnimation { 0% { opacity: 1; } 80% { opacity: 0; display: none; visibility: hidden; } 100% { opacity: 0; display: none; visibility: hidden; } } .hideFloorPlanAnimation .mapData, .hideFloorPlanAnimation .floorSeeAvailiability, .hideFloorPlanAnimation .slick-arrow, .hideFloorPlanAnimation .slideRightSide { opacity: 1; -webkit-animation: floorplanHideAnimation 0.5s linear forwards; /* Safari 4+ */ -moz-animation: floorplanHideAnimation 0.5s linear forwards; /* Fx 5+ */ -o-animation: floorplanHideAnimation 0.5s linear forwards; /* Opera 12+ */ animation: floorplanHideAnimation 0.5s linear forwards; animation-delay: 0s; } @-webkit-keyframes sliderCountHideAnimation { 0% { opacity: 1; color: #EDDDCE; -webkit-transform: translateX(0vw) scale(1, 1); -ms-transform: translateX(0vw) scale(1, 1); transform: translateX(0vw) scale(1, 1); } 80% { opacity: 0; color: #000000; -webkit-transform: translateX(25vw) scale(0.03, 0.03); -ms-transform: translateX(25vw) scale(0.03, 0.03); transform: translateX(25vw) scale(0.03, 0.03); } 100% { opacity: 0; display: none; visibility: hidden; } } .hideFloorPlanAnimation .sliderCount { opacity: 1; -webkit-animation: sliderCountHideAnimation 0.77s linear forwards; /* Safari 4+ */ -moz-animation: sliderCountHideAnimation 0.77s linear forwards; /* Fx 5+ */ -o-animation: sliderCountHideAnimation 0.77s linear forwards; /* Opera 12+ */ animation: sliderCountHideAnimation 0.77s linear forwards; animation-delay: 0s; } /* hide floor plan when click on availability menu animation End */ /* ########### floorPlan To Hometab men/women and LadyWithDog animation End here ########### */ /* floorPlan To Hometab men with women animation start here */ .floorplanPage_To_home-tab .menAndWomenImg { position: absolute; width: 16vw; bottom: -3px; -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); -webkit-animation: floorplanTabToHomeTabMenLadyShow 2.1s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: floorplanTabToHomeTabMenLadyShow 2.1s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: floorplanTabToHomeTabMenLadyShow 2.1s cubic-bezier(.46,.03,.52,.96) forwards; animation: floorplanTabToHomeTabMenLadyShow 2.1s cubic-bezier(.46,.03,.52,.96) forwards; } /* floorPlan To Hometab men with women animation End here */ /* floorPlan To Hometab LadyWithDog animation start here */ .floorplanPage_To_home-tab .ladyWithDogImg { position: absolute; width: 18.5vw; bottom: 0; -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); -webkit-animation: floorplanTabToHomeTabladyWithDogShow 2.1s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: floorplanTabToHomeTabladyWithDogShow 2.1s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: floorplanTabToHomeTabladyWithDogShow 2.1s cubic-bezier(.46,.03,.52,.96) forwards; animation: floorplanTabToHomeTabladyWithDogShow 2.1s cubic-bezier(.46,.03,.52,.96) forwards; } /* floorPlan To Hometab LadyWithDog animation End here */ /* floorPlan To GalleryTab men with women animation start here */ .floorplanPage_To_gallery_tab .menAndWomenImg { position: absolute; width: 16vw; bottom: -3px; -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); -webkit-animation: floorplanPageToGalleryTabMenLadyhideToshowAndHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: floorplanPageToGalleryTabMenLadyhideToshowAndHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: floorplanPageToGalleryTabMenLadyhideToshowAndHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; animation: floorplanPageToGalleryTabMenLadyhideToshowAndHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; } @-webkit-keyframes floorplanPageToGalleryTabMenLadyhideToshowAndHide { 0% { -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } 100% { -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } } /* floorPlan To GalleryTab men with women animation End here */ /* floorPlan To GalleryTab LadyWithDog animation start here */ .floorplanPage_To_gallery_tab .ladyWithDogImg { position: absolute; width: 18.5vw; bottom: 0; -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); -webkit-animation: floorplanPageToGalleryTabLadyWithDogHideToShowAndHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: floorplanPageToGalleryTabLadyWithDogHideToShowAndHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: floorplanPageToGalleryTabLadyWithDogHideToShowAndHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; animation: floorplanPageToGalleryTabLadyWithDogHideToShowAndHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; } @-webkit-keyframes floorplanPageToGalleryTabLadyWithDogHideToShowAndHide { 0% { -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } 100% { -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } } /* floorPlan To GalleryTab LadyWithDog animation End here */ /* floorPlan To Enquiry_tab men with women animation start here */ .floorplanPage_To_enquiry_tab .menAndWomenImg { position: absolute; width: 16vw; bottom: -3px; -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); -webkit-animation: floorplanPageToEnquiryTabMenLadyRightToleft 2.1s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: floorplanPageToEnquiryTabMenLadyRightToleft 2.1s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: floorplanPageToEnquiryTabMenLadyRightToleft 2.1s cubic-bezier(.46,.03,.52,.96) forwards; animation: floorplanPageToEnquiryTabMenLadyRightToleft 2.1s cubic-bezier(.46,.03,.52,.96) forwards; } @-webkit-keyframes floorplanPageToEnquiryTabMenLadyRightToleft { 0% { -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } 100%{ -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } } /* floorPlan To Enquiry_tab men with women animation End here */ /* floorPlan To Enquiry_tab LadyWithDog animation start here */ .floorplanPage_To_enquiry_tab .ladyWithDogImg { position: absolute; width: 18.5vw; bottom: 0; -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); -webkit-animation: floorplanPageToEnquiryTabLadyWithDogLeftToRight 2.1s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: floorplanPageToEnquiryTabLadyWithDogLeftToRight 2.1s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: floorplanPageToEnquiryTabLadyWithDogLeftToRight 2.1s cubic-bezier(.46,.03,.52,.96) forwards; animation: floorplanPageToEnquiryTabLadyWithDogLeftToRight 2.1s cubic-bezier(.46,.03,.52,.96) forwards; } @-webkit-keyframes floorplanPageToEnquiryTabLadyWithDogLeftToRight { 0% { -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } 100%{ -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw);; } } /* floorPlan To Enquiry_tab LadyWithDog animation End here */ /* ########### floorPlan To Hometab men/women and LadyWithDog animation End here ########### */ /* ########### availiability to enquiry tab section start animation ########### */ /* availability to home bottomWave 2 starts */ .availability_tab_To_enquiry_tab .homeBottomWave2 { bottom: -240vw; } /* availability to home bottomWave 2 End */ /* availability to home bottomWave 3 starts */ .availability_tab_To_enquiry_tab .homeBottomWave3 { bottom: -115vw; left: -6.2vw; -webkit-animation: availabilityTabToEnquiryTabBottomWaves3 1s linear forwards; /* Safari 4+ */ -moz-animation: availabilityTabToEnquiryTabBottomWaves3 1s linear forwards; /* Fx 5+ */ -o-animation: availabilityTabToEnquiryTabBottomWaves3 1s linear forwards; /* Opera 12+ */ animation: availabilityTabToEnquiryTabBottomWaves3 1s linear forwards; animation-delay: 1s; } @-webkit-keyframes availabilityTabToEnquiryTabBottomWaves3 { 0% { bottom: -115vw; left: -6.2vw; } 100% { bottom: -22vw; left: -6.2vw; } } /* availability to home bottomWave 3 End */ /* enquiry tab to availability Tab home bottomWave 3 starts */ .enquiry_tab_To_availability_tab .homeBottomWave3 { bottom: -22vw; left: -6.2vw; -webkit-animation: EnquiryTabToavailabilityTabBottomWaves3 1s linear forwards; /* Safari 4+ */ -moz-animation: EnquiryTabToavailabilityTabBottomWaves3 1s linear forwards; /* Fx 5+ */ -o-animation: EnquiryTabToavailabilityTabBottomWaves3 1s linear forwards; /* Opera 12+ */ animation: EnquiryTabToavailabilityTabBottomWaves3 1s linear forwards; } @-webkit-keyframes EnquiryTabToavailabilityTabBottomWaves3 { 0% { bottom: -22vw; left: -6.2vw; } 100% { bottom: -115vw; left: -6.2vw; } } /* enquiry tab to availability Tab home bottomWave 3 End */ /* ########### availiability to enquiry tab section End animation ########### */ /* ########################################################################### */ /* ############### availability Floor plan End ############### */ /* ########################################################################## */ /* ####################################################################### */ /* ############### Gallery section Start ############### */ /* ####################################################################### */ /* Home to gallerytab bottomWave 2 animation starts */ @-webkit-keyframes homeToGalleryBottomWaves2 { 0% { bottom: -240vw; left: -3vw; } 100% { bottom: -240vw; left: -3vw; } } .home-tab_To_gallery_tab.wavebottomTohide .homeBottomWave2 { bottom: -240vw; left: -3vw; -webkit-animation: homeToGalleryBottomWaves2 1s linear forwards; /* Safari 4+ */ -moz-animation: homeToGalleryBottomWaves2 1s linear forwards; /* Fx 5+ */ -o-animation: homeToGalleryBottomWaves2 1s linear forwards; /* Opera 12+ */ animation: homeToGalleryBottomWaves2 1s linear forwards; } /* Home to gallerytab bottomWave 2 animation End */ /* Home to gallerytab bottomWave 3 animation starts */ @-webkit-keyframes homeToGalleryBottomWaves3 { 0% { bottom: -115vw; left: -2.2vw; } 100% { bottom: -115vw; left: -2.2vw; } } .home-tab_To_gallery_tab.wavebottomTohide .homeBottomWave3 { bottom: -115vw; left: -2.2vw; -webkit-animation: homeToGalleryBottomWaves3 1s linear forwards; /* Safari 4+ */ -moz-animation: homeToGalleryBottomWaves3 1s linear forwards; /* Fx 5+ */ -o-animation: homeToGalleryBottomWaves3 1s linear forwards; /* Opera 12+ */ animation: homeToGalleryBottomWaves3 1s linear forwards; } /* Home to gallerytab bottomWave 3 animation End */ /* GalleryTab to homeTab waves animation 2 Start */ @-webkit-keyframes GalleryToHomeBottomWaveAnimation2 { 0% { bottom: -220vw; left: -3vw; opacity: 1; width: 133vw; } 100% { bottom: -220vw; left: -3vw; opacity: 1; width: 133vw; } } .home-tab.gallery_tab_To_home-tab .homeBottomWave2 { bottom: -220vw; width: 133vw; left: -3vw; -webkit-animation: GalleryToHomeBottomWaveAnimation2 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: GalleryToHomeBottomWaveAnimation2 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: GalleryToHomeBottomWaveAnimation2 2.5s cubic-bezier(.46,.03,.52,.96) forwards; animation: GalleryToHomeBottomWaveAnimation2 2.5s cubic-bezier(.46,.03,.52,.96) forwards; } /* GalleryTab to homeTab waves animation 2 End */ /* GalleryTab to homeTab waves animation 3 Start */ @-webkit-keyframes GalleryToHomeBottomWaveAnimation3 { 0% { bottom: -105vw; left: -6.2vw; width: 130vw; } 100% { bottom: -105vw; left: -6.2vw; width: 130vw; } } .home-tab.gallery_tab_To_home-tab .homeBottomWave3 { bottom: -105vw; width: 130vw; left: -6.2vw; -webkit-animation: GalleryToHomeBottomWaveAnimation3 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: GalleryToHomeBottomWaveAnimation3 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: GalleryToHomeBottomWaveAnimation3 2.5s cubic-bezier(.46,.03,.52,.96) forwards; animation: GalleryToHomeBottomWaveAnimation3 2.5s cubic-bezier(.46,.03,.52,.96) forwards; } /* GalleryTab to homeTab waves animation 3 End */ /* Gallerytab TO EnquiryTab bottomWave 2 animation starts */ @-webkit-keyframes galleryTabToEnquiryTabBottomWaves2 { 0% { bottom: -140vw; left: -3vw; } 100% { bottom: -140vw; left: -3vw; } } .gallery_tab_To_enquiry_tab .homeBottomWave2 { bottom: -140vw; left: -3vw; -webkit-animation: galleryTabToEnquiryTabBottomWaves2 0.1s linear forwards; /* Safari 4+ */ -moz-animation: galleryTabToEnquiryTabBottomWaves2 0.1s linear forwards; /* Fx 5+ */ -o-animation: galleryTabToEnquiryTabBottomWaves2 0.1s linear forwards; /* Opera 12+ */ animation: galleryTabToEnquiryTabBottomWaves2 0.1s linear forwards; } .gallery_tab_DataTO_enquiry_tab .gallery { display: none; } /* Gallerytab TO EnquiryTab bottomWave 2 animation End */ .home-tab_To_gallery_tab .homeBottomWave2, .home-tab_To_gallery_tab .homeBottomWave3 { display: none; } /* ########### Home to GalleryTab men/women and LadyWithDog animation Start here ########### */ /* Home to GalleryTab men with women animation start here */ .gallery_tab .menAndWomenImg { display: none;} /* Home to GalleryTab men with women animation End here */ /* Home to GalleryTab LadyWithDog animation Start here */ .gallery_tab .ladyWithDogImg { display: none;} /* Home to Gallery LadyWithDog animation End here */ /* enquiryTab To GalleryTab Wave animation End here */ .enquiry_tab_To_gallery_tab .enquiriesBgFull_Box { display: none;} /* enquiryTab To GalleryTab Wave animation End here */ /* ########### Home to GalleryTab men/women and LadyWithDog animation End here ########### */ /* ########### availability To GalleryTab men/women and LadyWithDog animation End here ########### */ /* availability To GalleryTab men with women animation start here */ .gallery_tab.availability_tab_To_gallery_tab .menAndWomenImg { position: absolute; width: 16vw; bottom: -3px; -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); -webkit-animation: menLadyhideToshowAndHide 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: menLadyhideToshowAndHide 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: menLadyhideToshowAndHide 2.5s cubic-bezier(.46,.03,.52,.96) forwards; animation: menLadyhideToshowAndHide 2.5s cubic-bezier(.46,.03,.52,.96) forwards; /* -webkit-animation-delay: 0.7s; animation-delay: 0.7s; */ } @-webkit-keyframes menLadyhideToshowAndHide { 0% { -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } 100% { -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } } /* availability To GalleryTab men with women animation End here */ /* availability To GalleryTab LadyWithDog animation start here */ .gallery_tab.availability_tab_To_gallery_tab .ladyWithDogImg { position: absolute; width: 18.5vw; bottom: 0; -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); -webkit-animation: LadyWithDogHideToShowAndHide 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: LadyWithDogHideToShowAndHide 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: LadyWithDogHideToShowAndHide 2.5s cubic-bezier(.46,.03,.52,.96) forwards; animation: LadyWithDogHideToShowAndHide 2.5s cubic-bezier(.46,.03,.52,.96) forwards; /* -webkit-animation-delay: 0.7s; animation-delay: 0.7s; */ } @-webkit-keyframes LadyWithDogHideToShowAndHide { 0% { -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } 100% { -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } } /* availability To GalleryTab LadyWithDog animation End here */ /* ########### availability to GalleryTab men/women and LadyWithDog animation Start here ########### */ /* ####################################################################### */ /* ############### Gallery section End ############### */ /* ####################################################################### */ /* ####################################################################### */ /* ############### Enquiries section Start ############### */ /* ####################################################################### */ .enquiryBg { height: 100vh; position: fixed; top: 0; bottom: 0; width: 100%; z-index: 3;} .enquiriesBgFull_Box { bottom: -115vw; left: -4.44vw; position: absolute; width: 150vw; } .enquiriesBgFull_Box img.enquiriesBg_full { width: 127vw; } .enquiriesBgMid_Box { left: -8.7vw; position: absolute; width: 157vw; } .enquiriesBgMid_Box img.enquiriesBg_mid { width: 156.5vw; } .prevparent_home-tab.enquiry_tab_To_availability_tab .enquiriesBgFull_Box { display: none; } /* ############ enquirie page data showing animation starts ############ */ .home-tab_DataTO_enquiry_tab .logo_wrapper img.logohome { display: none; } .home-tab_DataTO_enquiry_tab .logo_wrapper img.logoEnquire { display: block; } /* availability to enquiry data section start */ @-webkit-keyframes HomeDataToEnquiryData { 0% { opacity: 1; } 100% { opacity: 0; } } .home-tab_DataTO_enquiry_tab .hommePageData { opacity: 1; -webkit-animation: HomeDataToEnquiryData 1s linear forwards; /* Safari 4+ */ -moz-animation: HomeDataToEnquiryData 1s linear forwards; /* Fx 5+ */ -o-animation: HomeDataToEnquiryData 1s linear forwards; /* Opera 12+ */ animation: HomeDataToEnquiryData 1s linear forwards; animation-delay: 0.5s; } /* availability to enquiry data section start */ /* availability to enquiry data section start */ @-webkit-keyframes availabilityDataToEnquiryData { 0% { opacity: 0; } 70% { opacity: 0; } 100% { opacity: 1; } } .home-tab_DataTO_enquiry_tab .enquiriesBox, .gallery_tab_DataTO_enquiry_tab .enquiriesBox, .availability_tab_DataTO_enquiry_tab .enquiriesBox { opacity: 0; -webkit-animation: availabilityDataToEnquiryData 1s linear forwards; /* Safari 4+ */ -moz-animation: availabilityDataToEnquiryData 1s linear forwards; /* Fx 5+ */ -o-animation: availabilityDataToEnquiryData 1s linear forwards; /* Opera 12+ */ animation: availabilityDataToEnquiryData 1s linear forwards; } .availability_tab_DataTO_enquiry_tab .enquiriesBox { animation-delay: 1.2s;} /* availability to enquiry data section start */ /* ############ enquirie page data showing animation End ############ */ /* ########### enquiry_tab backgroundwaves section start here ########### */ /* enquiry_tab_To_gallery_tab enquiries_Backgorund_Mid animation start */ .gallery_tab_To_enquiry_tab .enquiriesBgMid_Box { opacity: 1; top: -5vw; -webkit-transition: none; -o-transition: none; transition: none; } @-webkit-keyframes enquiryTabToGalleryBgMid { 0% { top: 100vw; -webkit-transition: none; -o-transition: none; transition: none; opacity: 0; } 20% { top: -5vw; opacity: 1; } 100% { top: -5vw; opacity: 1; } } /* enquiry_tab_To_gallery_tab enquiries_Backgorund_Mid animation End */ /* availability_tab availabilityBg stop animation start */ .gallery_tab_To_availability_tab .availabilityBg, .availability_tab_To_gallery_tab .availabilityBg { opacity: 1; left: -40%; -webkit-transition: none; -o-transition: none; transition: none; -webkit-animation: none;animation: none; } @-webkit-keyframes enquiryTabToGalleryBgMid { 0% { left: -40vw; -webkit-transition: none; -o-transition: none; transition: none; -webkit-animation: none;animation: none; opacity: 0; } 20% { left: -40%; opacity: 1; } 100% { left: -40%; opacity: 1; } } .availability_tab_To_gallery_tab .availabilityBg { display: none; } /* availability_tab availabilityBg stop animation End */ /* enquiry_tab_To_availability_tab availabilityBg_Curve show animation start */ @-webkit-keyframes enquiryTabToAvailabilityTabBgCurveAppear { 0% { left: -100vw; } 100% { left: -40%; } } .availability_tab.enquiry_tab_To_availability_tab .availabilityBg img.availabilityBg_Curve { left: -100vw; -webkit-animation: enquiryTabToAvailabilityTabBgCurveAppear 0.5s linear forwards; /* Safari 4+ */ -moz-animation: enquiryTabToAvailabilityTabBgCurveAppear 0.5s linear forwards; /* Fx 5+ */ -o-animation: enquiryTabToAvailabilityTabBgCurveAppear 0.5s linear forwards; /* Opera 12+ */ animation: enquiryTabToAvailabilityTabBgCurveAppear 0.5s linear forwards; } /* enquiry_tab_To_availability_tab availabilityBg_Curve show animation End */ /* availability_tab_To_enquiry_tab availabilityBg_Curve show animation start */ @-webkit-keyframes availabilityTabToEnquiryTabBgCurveDisAppear { 0% { left: -40vw; } 100% { left: -100vw; } } .enquiry_tab.availability_tab_To_enquiry_tab .availabilityBg { position: fixed; top: 0; bottom: 0; z-index: -1; width: 100%; height: 100%; left: -40vw; -webkit-animation: availabilityTabToEnquiryTabBgCurveDisAppear 0.7s linear forwards; /* Safari 4+ */ -moz-animation: availabilityTabToEnquiryTabBgCurveDisAppear 0.7s linear forwards; /* Fx 5+ */ -o-animation: availabilityTabToEnquiryTabBgCurveDisAppear 0.7s linear forwards; /* Opera 12+ */ animation: availabilityTabToEnquiryTabBgCurveDisAppear 0.7s linear forwards; animation-delay: 0.5s; } /* availability_tab_To_enquiry_tab availabilityBg_Curve show animation End */ /* enquiry_tab_To_gallery_tab enquiries_Backgorund_Mid animation start */ @-webkit-keyframes enquiryTabToAvailabilityBgMid { 0% { top: -5vw; } 100% { top: 100vw; } } .enquiry_tab_To_availability_tab .enquiriesBgMid_Box { top: -5vw; -webkit-animation: enquiryTabToAvailabilityBgMid 1s linear forwards; /* Safari 4+ */ -moz-animation: enquiryTabToAvailabilityBgMid 1s linear forwards; /* Fx 5+ */ -o-animation: enquiryTabToAvailabilityBgMid 1s linear forwards; /* Opera 12+ */ animation: enquiryTabToAvailabilityBgMid 1s linear forwards; } /* enquiry_tab_To_gallery_tab enquiries_Backgorund_Mid animation End */ /* enquiry_tab_To_gallery_tab enquiries_Backgorund_Mid animation End */ @-webkit-keyframes enquiryTabToGalleryBgMid { 0% { top: -5vw; } 100% { top: 100vw; } } .enquiry_tab_To_gallery_tab .enquiriesBgMid_Box { top: -5vw; -webkit-animation: enquiryTabToGalleryBgMid 0.5s linear forwards; /* Safari 4+ */ -moz-animation: enquiryTabToGalleryBgMid 0.5s linear forwards; /* Fx 5+ */ -o-animation: enquiryTabToGalleryBgMid 0.5s linear forwards; /* Opera 12+ */ animation: enquiryTabToGalleryBgMid 0.5s linear forwards; } /* enquiry_tab_To_gallery_tab enquiries_Backgorund_Mid animation End */ /* enquiry_tab_To_gallery_tab enquiries_Backgorund_Full animation End */ .enquiry_tab_To_gallery_tab .enquiriesBgFull_Box { bottom: -93vw; -webkit-animation: enquiryTabToGalleryBgFull 0.3s linear forwards; /* Safari 4+ */ -moz-animation: enquiryTabToGalleryBgFull 0.3s linear forwards; /* Fx 5+ */ -o-animation: enquiryTabToGalleryBgFull 0.3s linear forwards; /* Opera 12+ */ animation: enquiryTabToGalleryBgFull 0.3s linear forwards; } @-webkit-keyframes enquiryTabToGalleryBgFull { 0% { bottom: -93vw; } 100% { bottom: -115vw; } } .prevparent_availability_tab.enquiry_tab_To_gallery_tab .enquiriesBgFull_Box { bottom: 0vw; -webkit-animation: prevparentAvailabilityEnquiryTabToGalleryBgFull 0.7s linear forwards; /* Safari 4+ */ -moz-animation: prevparentAvailabilityEnquiryTabToGalleryBgFull 0.7s linear forwards; /* Fx 5+ */ -o-animation: prevparentAvailabilityEnquiryTabToGalleryBgFull 0.7s linear forwards; /* Opera 12+ */ animation: prevparentAvailabilityEnquiryTabToGalleryBgFull 0.7s linear forwards; animation-delay: 0.5s; } @-webkit-keyframes prevparentAvailabilityEnquiryTabToGalleryBgFull { 0% { bottom: 0vw; } 100% { bottom: -115vw; } } /* enquiry_tab_To_gallery_tab enquiries_Backgorund_Full animation End */ /* home-tab_To_enquiry_tab enquiries_Backgorund_Mid animation Start */ .home-tab_To_enquiry_tab .enquiriesBgFull_Box { opacity: 0;} @-webkit-keyframes HomeTabToEnquiryTabBgMid { 0% { top: 30vw; width: 130vw; } 10% { top: 20.5vw; width: 135vw; } 100% { top: -5vw; width: 157vw; } } .home-tab_To_enquiry_tab .enquiriesBgMid_Box { top: 30vw; width: 130vw; -webkit-animation: HomeTabToEnquiryTabBgMid 0.3s cubic-bezier(0, 0.17, 1, 0.99) forwards; /* Safari 4+ */ -moz-animation: HomeTabToEnquiryTabBgMid 0.3s cubic-bezier(0, 0.17, 1, 0.99) forwards; /* Fx 5+ */ -o-animation: HomeTabToEnquiryTabBgMid 0.3s cubic-bezier(0, 0.17, 1, 0.99) forwards; /* Opera 12+ */ animation: HomeTabToEnquiryTabBgMid 0.3s cubic-bezier(0, 0.17, 1, 0.99) forwards; } /* home-tab_To_enquiry_tab enquiries_Backgorund_Mid animation End */ /* enquiry_tab_To_home-tab enquiries_Backgorund_Mid animation Start */ @-webkit-keyframes enquiryTabToHomeTabBgMid { 0% { top: -5vw; width: 157vw; opacity: 1; } 65% { top: 40vw; width: 150vw; opacity: 1; } 75% { top: 40vw; width: 150vw; opacity: 0; } 100% { top: 40vw; width: 150vw; opacity: 0; } } .enquiry_tab_To_home-tab .enquiriesBgMid_Box { top: -5vw; opacity: 1; width: 157vw; -webkit-animation: enquiryTabToHomeTabBgMid 0.66s ease-in forwards; /* Safari 4+ */ -moz-animation: enquiryTabToHomeTabBgMid 0.66s ease-in forwards; /* Fx 5+ */ -o-animation: enquiryTabToHomeTabBgMid 0.66s ease-in forwards; /* Opera 12+ */ animation: enquiryTabToHomeTabBgMid 0.66s ease-in forwards; animation-delay: 0.1s; } /* enquiry_tab_To_home-tab enquiries_Backgorund_Mid animation End */ /* enquiry_tab to home-tab wave animation start */ @-webkit-keyframes enquiryTabToHomeEnquiriesBgFull_Box { 0% { bottom: -97vw; } 100% { bottom: -100vw; } } .enquiry_tab_To_home-tab .enquiriesBgFull_Box { bottom: -98vw; -webkit-animation: enquiryTabToHomeEnquiriesBgFull_Box 0.5s linear forwards; /* Safari 4+ */ -moz-animation: enquiryTabToHomeEnquiriesBgFull_Box 0.5s linear forwards; /* Fx 5+ */ -o-animation: enquiryTabToHomeEnquiriesBgFull_Box 0.5s linear forwards; /* Opera 12+ */ animation: enquiryTabToHomeEnquiriesBgFull_Box 0.5s linear forwards; } @-webkit-keyframes enquiryTabToHomeBgFull_Width { 0% { width: 143vw; } 100% { width: 127vw; } } .enquiry_tab_To_home-tab .enquiriesBgFull_Box img.enquiriesBg_full { width: 143vw; -webkit-animation: enquiryTabToHomeBgFull_Width 0.7s linear forwards; /* Safari 4+ */ -moz-animation: enquiryTabToHomeBgFull_Width 0.7s linear forwards; /* Fx 5+ */ -o-animation: enquiryTabToHomeBgFull_Width 0.7s linear forwards; /* Opera 12+ */ animation: enquiryTabToHomeBgFull_Width 0.7s linear forwards; transition-delay: 0.1s; } .enquiry_tab_DataTO_home-tab .home-tab.enquiry_tab_To_home-tab .enquiriesBgFull_Box { bottom: -99.5vw; animation: none; -webkit-transition: none; -o-transition: none; transition: none;} .enquiry_tab_DataTO_home-tab .home-tab.enquiry_tab_To_home-tab .enquiriesBgFull_Box img.enquiriesBg_full { width: 127vw; animation: none;} .enquiry_tab_DataTO_home-tab .availabilityBg { display: none; } /* enquiry_tab to home-tab wave animation End */ /* enquiry_tab to home-tab hommePageData animation start */ @-webkit-keyframes hommePageData { 0% { opacity: 0; } 100% { opacity: 1; } } .Data_home-tab.enquiry_tab_DataTO_home-tab .hommePageData { opacity: 0; -webkit-animation: hommePageData 0.5s linear forwards; /* Safari 4+ */ -moz-animation: hommePageData 0.5s linear forwards; /* Fx 5+ */ -o-animation: hommePageData 0.5s linear forwards; /* Opera 12+ */ animation: hommePageData 0.5s linear forwards; animation-delay: 0.2s; } /* enquiry_tab to home-tab hommePageData animation EnD */ /* availability_tab_To_enquiry_tab enquiries_Backgorund_Full animation End */ .availability_tab_To_enquiry_tab .enquiriesBgMid_Box { opacity: 0; } @-webkit-keyframes availabilityTabToenquiryTabBgFull { 0% { bottom: -115vw; } 25% { bottom: -99.5vw; } 50% { bottom: -99.5vw; } 100% { bottom: 0vw; } } .prevparent_gallery_tab .availability_tab_To_enquiry_tab .enquiriesBgFull_Box, .availability_tab_To_enquiry_tab .enquiriesBgFull_Box { bottom: -115vw; -webkit-animation: availabilityTabToenquiryTabBgFull 2s cubic-bezier(0.29, 0.09, 1, 1) forwards; /* Safari 4+ */ -moz-animation: availabilityTabToenquiryTabBgFull 2s cubic-bezier(0.29, 0.09, 1, 1) forwards; /* Fx 5+ */ -o-animation: availabilityTabToenquiryTabBgFull 2s cubic-bezier(0.29, 0.09, 1, 1) forwards; /* Opera 12+ */ animation: availabilityTabToenquiryTabBgFull 2s cubic-bezier(0.29, 0.09, 1, 1) forwards; } /* availability_tab_To_enquiry_tab enquiries_Backgorund_Full animation End */ /* enquiry_tab_To_availability_tab enquiries_Backgorund_Full animation End */ @-webkit-keyframes enquiryTabToAvailabilityTabBgFull { 0% { bottom: 0vw; } 100% { bottom: -115vw; } } .enquiry_tab_To_availability_tab .enquiriesBgFull_Box { bottom: 0vw; -webkit-animation: enquiryTabToAvailabilityTabBgFull 1s linear forwards; /* Safari 4+ */ -moz-animation: enquiryTabToAvailabilityTabBgFull 1s linear forwards; /* Fx 5+ */ -o-animation: enquiryTabToAvailabilityTabBgFull 1s linear forwards; /* Opera 12+ */ animation: enquiryTabToAvailabilityTabBgFull 1s linear forwards; } /* enquiry_tab_To_availability_tab enquiries_Backgorund_Full animation End */ /* ########### enquiry_tab background waves section End here ########### */ /* ############# enquiryTab men/women and LadyWithDog animation Start here ############# */ /* Home_tab to enquiry_tab men with women animation start here */ .enquiry_tab.home-tab_To_enquiry_tab .menAndWomenImg { position: absolute; width: 16vw; bottom: -3px; -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); -webkit-animation: homeTabToEnquiryTabMenLadyRightToLeftAndStay 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: homeTabToEnquiryTabMenLadyRightToLeftAndStay 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: homeTabToEnquiryTabMenLadyRightToLeftAndStay 2.5s cubic-bezier(.46,.03,.52,.96) forwards; animation: homeTabToEnquiryTabMenLadyRightToLeftAndStay 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } @-webkit-keyframes homeTabToEnquiryTabMenLadyRightToLeftAndStay { 0% { -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } 100% { -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } } /* Home_tab to enquiry_tab men with women animation End here */ /* Home_tab to enquiry_tab LadyWithDog animation start here */ .enquiry_tab.home-tab_To_enquiry_tab .ladyWithDogImg { position: absolute; width: 18.5vw; bottom: 0; -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); -webkit-animation: homeTabToEnquiryTabLadyWithDogLeftToRightAndStay 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: homeTabToEnquiryTabLadyWithDogLeftToRightAndStay 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: homeTabToEnquiryTabLadyWithDogLeftToRightAndStay 2.5s cubic-bezier(.46,.03,.52,.96) forwards; animation: homeTabToEnquiryTabLadyWithDogLeftToRightAndStay 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } @-webkit-keyframes homeTabToEnquiryTabLadyWithDogLeftToRightAndStay { 0% { -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } 100% { -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } } /* Home_tab to enquiry_tab LadyWithDog animation End here */ /* enquiry_tab To Home_tab men with women animation Star here */ .home-tab.enquiry_tab_To_home-tab .menAndWomenImg { position: absolute; width: 16vw; bottom: -3px; -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); -webkit-animation: enquiryTabTohomeTabMenLadyLeftToRightStay 0.7s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: enquiryTabTohomeTabMenLadyLeftToRightStay 0.7s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: enquiryTabTohomeTabMenLadyLeftToRightStay 0.7s cubic-bezier(.46,.03,.52,.96) forwards; animation: enquiryTabTohomeTabMenLadyLeftToRightStay 0.7s cubic-bezier(.46,.03,.52,.96) forwards; } @-webkit-keyframes enquiryTabTohomeTabMenLadyLeftToRightStay { 0% { -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } 100% { -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } } /* enquiry_tab To Home_tab men with women animation End here */ /* enquiry_tab To Home_tab LadyWithDog animation Start here */ .home-tab.enquiry_tab_To_home-tab .ladyWithDogImg { position: absolute; width: 18.5vw; bottom: 0; -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); -webkit-animation: enquiryTabTohomeTabLadyWithDogRightToleftStay 0.7s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: enquiryTabTohomeTabLadyWithDogRightToleftStay 0.7s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: enquiryTabTohomeTabLadyWithDogRightToleftStay 0.7s cubic-bezier(.46,.03,.52,.96) forwards; animation: enquiryTabTohomeTabLadyWithDogRightToleftStay 0.7s cubic-bezier(.46,.03,.52,.96) forwards; } @-webkit-keyframes enquiryTabTohomeTabLadyWithDogRightToleftStay { 0% { -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } 100% { -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } } /* enquiry_tab To Home_tab LadyWithDog animation End here */ /* enquiry_tab To availability_tab men with women animation start here */ .availability_tab.enquiry_tab_To_availability_tab .menAndWomenImg { position: absolute; width: 16vw; bottom: -3px; -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); -webkit-animation: enquiryTabToAvailabilityTabMenLadyshowToHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: enquiryTabToAvailabilityTabMenLadyshowToHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: enquiryTabToAvailabilityTabMenLadyshowToHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; animation: enquiryTabToAvailabilityTabMenLadyshowToHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; } @-webkit-keyframes enquiryTabToAvailabilityTabMenLadyshowToHide { 0%{ -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } 100% { -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } } /* enquiry_tab To availability_tab men with women animation End here */ /* enquiry_tab To availability_tab LadyWithDog animation start here */ .availability_tab.enquiry_tab_To_availability_tab .ladyWithDogImg { position: absolute; width: 18.5vw; bottom: 0; -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); -webkit-animation: enquiryTabToavailabilityTabLadyWithDogShowTOHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: enquiryTabToavailabilityTabLadyWithDogShowTOHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: enquiryTabToavailabilityTabLadyWithDogShowTOHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; animation: enquiryTabToavailabilityTabLadyWithDogShowTOHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; } @-webkit-keyframes enquiryTabToavailabilityTabLadyWithDogShowTOHide { 0%{ -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } 100% { -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } } /* enquiry_tab To availability_tab LadyWithDog animation End here */ /* availability_tab To enquiry_tab men with women animation start here */ .enquiry_tab.availability_tab_To_enquiry_tab .menAndWomenImg { position: absolute; width: 16vw; bottom: -3px; -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); -webkit-animation: availabilityTabToenquiryTabMenLadyhideToshow 2.9s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: availabilityTabToenquiryTabMenLadyhideToshow 2.9s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: availabilityTabToenquiryTabMenLadyhideToshow 2.9s cubic-bezier(.46,.03,.52,.96) forwards; animation: availabilityTabToenquiryTabMenLadyhideToshow 2.9s cubic-bezier(.46,.03,.52,.96) forwards; } @-webkit-keyframes availabilityTabToenquiryTabMenLadyhideToshow { 0% { -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } 100%{ -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } } /* availability_tab To enquiry_tab men with women animation start here */ /* availability_tab To enquiry_tab LadyWithDog animation start here */ .enquiry_tab.availability_tab_To_enquiry_tab .ladyWithDogImg { position: absolute; width: 18.5vw; bottom: 0; -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); -webkit-animation: availabilityTabToenquirytabLadyWithDogHideToShow 2.9s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: availabilityTabToenquirytabLadyWithDogHideToShow 2.9s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: availabilityTabToenquirytabLadyWithDogHideToShow 2.9s cubic-bezier(.46,.03,.52,.96) forwards; animation: availabilityTabToenquirytabLadyWithDogHideToShow 2.9s cubic-bezier(.46,.03,.52,.96) forwards; } @-webkit-keyframes availabilityTabToenquirytabLadyWithDogHideToShow { 0% { -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } 100%{ -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } } /* availability_tab To enquiry_tab LadyWithDog animation End here */ /* gallery_tab To enquiry_tab men with women animation start here */ .enquiry_tab.gallery_tab_To_enquiry_tab .menAndWomenImg { position: absolute; width: 16vw; bottom: -3px; -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); -webkit-animation: gallerytabToenquirytabMenLadyhideToshow 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: gallerytabToenquirytabMenLadyhideToshow 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: gallerytabToenquirytabMenLadyhideToshow 2.5s cubic-bezier(.46,.03,.52,.96) forwards; animation: gallerytabToenquirytabMenLadyhideToshow 2.5s cubic-bezier(.46,.03,.52,.96) forwards; } @-webkit-keyframes gallerytabToenquirytabMenLadyhideToshow { 0% { -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } 100%{ -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } } /* gallery_tab To enquiry_tab men with women animation start here */ /* gallery_tab To enquiry_tab LadyWithDog animation start here */ .enquiry_tab.gallery_tab_To_enquiry_tab .ladyWithDogImg { position: absolute; width: 18.5vw; bottom: 0; -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); -webkit-animation: gallerytabToenquirytabLadyWithDogHideToShow 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: gallerytabToenquirytabLadyWithDogHideToShow 2.5s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: gallerytabToenquirytabLadyWithDogHideToShow 2.5s cubic-bezier(.46,.03,.52,.96) forwards; animation: gallerytabToenquirytabLadyWithDogHideToShow 2.5s cubic-bezier(.46,.03,.52,.96) forwards; } @-webkit-keyframes gallerytabToenquirytabLadyWithDogHideToShow { 0% { -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } 100%{ -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } } /* gallery_tab To enquiry_tab LadyWithDog animation End here */ /* From gallery tab to other tab show data without animation start here */ .gallery_tab_DataTO_availability_tab .gallery, .gallery_tab_DataTO_home-tab .gallery { display: none;} .home-tab_DataTO_gallery_tab .hommePageData { display: none;} .gallery_tab_DataTO_home-tab .homepageSection.heightFullcover { -webkit-animation: none; animation: none; opacity: 1; visibility: visible; z-index: 1; -webkit-transition: none; -o-transition: none; transition: none; } .gallery_tab_DataTO_home-tab .hommePageData { -webkit-animation: none; animation: none; opacity: 1; } .gallery_tab_DataTO_enquiry_tab .heightFullcover.activeTab { -webkit-animation: none; animation: none; opacity: 1; visibility: visible; z-index: 1; -webkit-transition: none; -o-transition: none; transition: none; } .gallery_tab_DataTO_enquiry_tab .enquiriesBox { -webkit-animation: none; animation: none; opacity: 1; } .enquiry_tab_DataTO_gallery_tab .enquiriesSection.heightFullcover { -webkit-animation: none; animation: none; -webkit-transition: none; -o-transition: none; transition: none; opacity: 0;} .enquiry_tab_DataTO_gallery_tab .enquiriesSection .enquiriesBox { -webkit-animation: none; animation: none; opacity: 0;} .gallery_tab_DataTO_availability_tab .availabilitySection.heightFullcover.activeTab { -webkit-animation: none; animation: none; opacity: 1; visibility: visible; z-index: 1; -webkit-transition: none; -o-transition: none; transition: none; } .gallery_tab_DataTO_availability_tab .availabilitySection.activeTab .availabilityBox { -webkit-animation: none; animation: none; opacity: 1; } .availability_tab_DataTO_gallery_tab .availabilitySection.heightFullcover { -webkit-animation: none; animation: none; -webkit-transition: none; -o-transition: none; transition: none; opacity: 0;} .availability_tab_DataTO_gallery_tab .availabilitySection.activeTab .availabilityBox { -webkit-animation: none !important; animation: none !important; opacity: 0 !important;} /* From gallery tab to other tab show data without animation end here */ /* PreveParent availability_tab to enquiry_tab To availability_tab men with women animation start here */ .prevparent_availability_tab.availability_tab.enquiry_tab_To_availability_tab .menAndWomenImg { position: absolute; width: 16vw; bottom: -3px; -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); -webkit-animation: prevparentAvailabilityTabEnquiryTabToAvailabilityTabMenLadyshowToHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: prevparentAvailabilityTabEnquiryTabToAvailabilityTabMenLadyshowToHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: prevparentAvailabilityTabEnquiryTabToAvailabilityTabMenLadyshowToHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; animation: prevparentAvailabilityTabEnquiryTabToAvailabilityTabMenLadyshowToHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; } @-webkit-keyframes prevparentAvailabilityTabEnquiryTabToAvailabilityTabMenLadyshowToHide { 0%{ -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } 100% { -webkit-transform: translateX(4.5vw); -ms-transform: translateX(4.5vw); transform: translateX(4.5vw); } } /* PreveParent availability_tab to enquiry_tab To availability_tab men with women animation End here */ /* PreveParent availability_tab to enquiry_tab To availability_tab LadyWithDog animation start here */ .prevparent_availability_tab.availability_tab.enquiry_tab_To_availability_tab .ladyWithDogImg { position: absolute; width: 18.5vw; bottom: 0; -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); -webkit-animation: prevparentAvailabilityTabEnquiryTabToavailabilityTabLadyWithDogShowTOHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; -moz-animation: prevparentAvailabilityTabEnquiryTabToavailabilityTabLadyWithDogShowTOHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; -ms-animation: prevparentAvailabilityTabEnquiryTabToavailabilityTabLadyWithDogShowTOHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; animation: prevparentAvailabilityTabEnquiryTabToavailabilityTabLadyWithDogShowTOHide 2.1s cubic-bezier(.46,.03,.52,.96) forwards; } @-webkit-keyframes prevparentAvailabilityTabEnquiryTabToavailabilityTabLadyWithDogShowTOHide { 0%{ -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } 100% { -webkit-transform: translateX(77vw); -ms-transform: translateX(77vw); transform: translateX(77vw); } } /* PreveParent availability_tab to enquiry_tab To availability_tab LadyWithDog animation End here */ /* ############# enquiryTab men/women and LadyWithDog animation End here ############# */ /* ####################################################################### */ /* ############### Enquiries section End ############### */ /* ####################################################################### */