@font-face { font-family: 'Majesti'; src: url('../fonts/Majesti-Banner-Light.eot'); src: url('../fonts/Majesti-Banner-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Majesti-Banner-Light.woff2') format('woff2'), url('../fonts/Majesti-Banner-Light.woff') format('woff'), url('../fonts/Majesti-Banner-Light.otf') format('truetype'), url('../fonts/Majesti-Banner-Light.svg#latolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'TradeGothicLTStd'; src: url('../fonts/TradeGothicLTStd-Light.eot'); src: url('../fonts/TradeGothicLTStd-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/TradeGothicLTStd-Light.woff2') format('woff2'), url('../fonts/TradeGothicLTStd-Light.woff') format('woff'), url('../fonts/TradeGothicLTStd-Light.ttf') format('truetype'), url('../fonts/TradeGothicLTStd-Light.svg#latolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TradeGothicLTStd-Light'; src: url('../fonts/TradeGothicLTStd-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/TradeGothicLTStd-Light.otf') format('opentype'), url('../fonts/TradeGothicLTStd-Light.woff') format('woff'), url('../fonts/TradeGothicLTStd-Light.ttf') format('truetype'), url('../fonts/TradeGothicLTStd-Light.svg#TradeGothicLTStd-Light') format('svg'); font-weight: normal; font-style: normal; } ::-webkit-input-placeholder { color:#fff; font-weight:bold; } :-moz-placeholder { /* Firefox 18- */ color:#fff; font-weight:bold; } ::-moz-placeholder { /* Firefox 19+ */ color:#fff; font-weight:bold; } :-ms-input-placeholder { color: #fff; font-weight:bold; } *{ margin:0px; padding:0px;} body{ font-size:15px; letter-spacing:0.2px; font:px/em/cm; font-weight:normal; overflow-x:hidden!important;} p{ font-family:'TradeGothicLTStd-Light'; font-size:15px; line-height:30px;color:#585757; padding-right:15px!important; padding-left:15px!important;} a, a:hover{ text-decoration:none;color:#585757;font-family:'TradeGothicLTStd';} h1,h2,h3,h4,h5,h6{ font-family:'Majesti'; font-weight:bold;} li{font-family:'TradeGothicLTStd-Light'; font-size:15px;color:#585757; } .row{ padding:0px; margin:0px;} .container-fluid{padding:0px;} .vertical-center{position: absolute; top:50%; left: 0%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%);} .banner-main hr{border-bottom:#FFF solid 0.2px; width:46%; padding:0px; margin:2px auto 2px auto; line-height:0px;} .bg-video{background:url(../images/banner.jpg) 100% 100%; background-size:cover; height:100vh; width:100%;} .bg-about{background:url(../images/about-bannner.jpg) 100% 100%; background-size:cover; height:100vh; width:100%;} .bg-gallery{background:url(../images/gallery-bannner.jpg) 100% 100%; background-size:cover; height:100vh; width:100%;} .bg-accomodation{background:url(../images/accomodation-banner.jpg) 100% 100%; background-size:cover; height:100vh; width:100%;} .bg-safari{background:url(../images/safari-banner.jpg) 100% 100%; background-size:cover; height:100vh; width:100%;} .bg-history{background:url(../images/tab-banner-3.jpg) 100% 100%; background-size:cover; height:100vh; width:100%;} .bg-contact{background:url(../images/contact-banner.jpg) 100% 100%; background-size:cover; height:100vh; width:100%;} .bg-book-now{background:url(../images/book-now-banner.jpg) 100% 100%; background-size:cover; height:100vh; width:100%;} .bg-location{background:url(../images/tab-banner-6.jpg) 100% 100%; background-size:cover; height:100vh; width:100%;} #background { position: static; top: 50%; left: 50%; width: 100%; min-height: 100%; height: auto; z-index: -100; background:url(../images/video-bg.png) no-repeat; background-size: cover; } .container h1 { color: white; } video{ height:100%;} .video-transparent{ position:absolute; z-index:1; width:100%; height:100vh; top:-30%; background: rgba(255, 0, 0, 0.5);} .logo{ position:absolute; top:15px; left:20px; z-index:1;} #menu-button{width:70px; z-index:99999!important; position:fixed; top:30px; right:30px; height:70px; padding:25px 25px 25px 25px; background:#822b1c; cursor:pointer; animation-name:flip; backface-visibility: visible!important; animation-duration: 0.8s; animation-fill-mode: both;} #menu-button:hover .menu-line{background-color:#fff; width:100%!important} #menu-button .menu-line{background-color:#fff; height:3px; margin-bottom:4px; transition:all cubic-bezier(.18,1,.21,1) .9s} #main-nav.active #menu-button #first-line{width:100%;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)} #menu-button #first-line{width:50%;} #main-nav.active #menu-button #second-line{width:100%;-moz-opacity:0;-khtml-opacity:0;opacity:0} #menu-button #second-line{width:83%;-moz-opacity:1;-khtml-opacity:1;opacity:1} #menu-button #third-line{width:70%} .open-nav {position:fixed; z-index:99; background:#000; width:100%; height:100%; display:none;} .open-nav-1 ul {padding:7% 0% 20% 20%; width:70%;} .open-nav-1 li{line-height:65px; list-style-type:none; animation-name:fadeInUp; backface-visibility: visible!important;animation-duration: 2s; animation-fill-mode: both;} .open-nav-1 li a{color:#FFF; font-size:35px; line-height:0px; padding-top:28px; font-family:'Majesti';} .open-nav-1 li a:hover{ color:#F00;} .nav-bg-1{ background:url(../images/about-bannner.jpg) 0px -50px; width:100%; background-size:cover; height:100vh; position:fixed; -webkit-transition: all 5s ease; -moz-transition: all 5s ease; -o-transition: all 5s ease; -ms-transition: all 5s ease;transition: all 5s ease; animation-name:; backface-visibility: visible!important;animation-duration: 1.5s; animation-fill-mode: both;} .nav-bg-2{background:url(../images/gallery-bannner.jpg) 0px -50px; width:100%; background-size:cover; opsacity:0; height:100vh; position:fixed; z-index:10; -webkit-transition: all 5s ease; -moz-transition: all 5s ease; -o-transition: all 5s ease; -ms-transition: all 5s ease;transition: all 5s ease; animation-name:; backface-visibility: visible!important;animation-duration: 1.5s; animation-fill-mode: both; delayin:100s!important;} .nav-bg-3{background:url(../images/tab-banner-3.jpg) 0px -50px;width:100%; background-size:cover; height:100vh; position:fixed; z-index:10; -webkit-transition: all 5s ease; -moz-transition: all 5s ease; -o-transition: all 5s ease; -ms-transition: all 5s ease;transition: all 5s ease;animation-name:; backface-visibility: visible!important;animation-duration: 1.5s; animation-fill-mode: both; delayin:100s!important;} .nav-bg-4{background:url(../images/safari-banner.jpg) 0px -50px;width:100%; background-size:cover; height:100vh; position:fixed; z-index:10; -webkit-transition: all 5s ease; -moz-transition: all 5s ease; -o-transition: all 5s ease; -ms-transition: all 5s ease;transition: all 5s ease;animation-name:; backface-visibility: visible!important;animation-duration: 1.5s; animation-fill-mode: both; delayin:100s!important;} .nav-bg-5{background:url(../images/accomodation-banner.jpg) 0px -50px;width:100%; background-size:cover; height:100vh; position:fixed; z-index:10; -webkit-transition: all 5s ease; -moz-transition: all 5s ease; -o-transition: all 5s ease; -ms-transition: all 5s ease;transition: all 5s ease;animation-name:; backface-visibility: visible!important;animation-duration: 1.5s; animation-fill-mode: both; delayin:100s!important;} .nav-bg-6{background:url(../images/tab-banner-6.jpg) 0px -50px;width:100%; background-size:cover; height:100vh; position:fixed; z-index:10; -webkit-transition: all 5s ease; -moz-transition: all 5s ease; -o-transition: all 5s ease; -ms-transition: all 5s ease;transition: all 5s ease; animation-name:; backface-visibility: visible!important;animation-duration: 1.5s; animation-fill-mode: both; animation-delay:0.6s!important;} .nav-bg-7{background:url(../images/book-now-banner.jpg) 0px -50px;width:100%; background-size:cover; height:100vh; position:fixed; z-index:10; -webkit-transition: all 5s ease; -moz-transition: all 5s ease; -o-transition: all 5s ease; -ms-transition: all 5s ease;transition: all 5s ease; animation-name:; backface-visibility: visible!important;animation-duration: 1.5s; animation-fill-mode: both; animation-delay:0.6s!important;} .nav-bg-8{background:url(../images/contact-banner.jpg) 0px -50px;width:100%; background-size:cover; height:100vh; position:fixed; z-index:10; -webkit-transition: all 5s ease; -moz-transition: all 5s ease; -o-transition: all 5s ease; -ms-transition: all 5s ease;transition: all 5s ease; animation-name:; backface-visibility: visible!important;animation-duration: 1.5s; animation-fill-mode: both; animation-delay:0.6s!important;} .one-tab {animation-name:fadeInUp; backface-visibility: visible!important;animation-duration: 2s; animation-fill-mode: both; animation-delay:0.2s!important;} .two-tab {animation-name:fadeInUp; backface-visibility: visible!important;animation-duration: 2s; animation-fill-mode: both; animation-delay:0.3s!important;} .three-tab {animation-name:fadeInUp; backface-visibility: visible!important;animation-duration: 2s; animation-fill-mode: both; animation-delay:0.4s!important;} .four-tab {animation-name:fadeInUp; backface-visibility: visible!important;animation-duration: 2s; animation-fill-mode: both; animation-delay:0.5s!important;} .five-tab {animation-name:fadeInUp; backface-visibility: visible!important;animation-duration: 2s; animation-fill-mode: both; animation-delay:0.6s!important;} .six-tab {animation-name:fadeInUp; backface-visibility: visible!important;animation-duration: 2s; animation-fill-mode: both; animation-delay:0.7s!important;} .seven-tab {animation-name:fadeInUp; backface-visibility: visible!important;animation-duration: 2s; animation-fill-mode: both; animation-delay:0.8s!important;} .eight-tab {animation-name:fadeInUp; backface-visibility: visible!important;animation-duration: 2s; animation-fill-mode: both; animation-delay:0.9s!important;} .cross{cursor:pointer; background:none; position:fixed; left:0px; top:0px; width:100px; height:100px; padding:17px;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; animation-name:flip; backface-visibility: visible!important; animation-duration: 0.8s; animation-fill-mode: both;} .cross:hover{background:#FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;transition: all 0.5s ease;} .cross.active #first-line{margin-top:30px;width:100%;-webkit-transform:rotate(130deg);-ms-transform:rotate(130deg);transform:rotate(130deg);-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease;transition: all 0.7s ease;} .cross.active #third-line{width:100%;margin-top:-24px;-webkit-transform:rotate(-130deg);-ms-transform:rotate(-130deg);transform:rotate(-130deg);-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease;transition: all 0.7s ease;} .cross.active #second-line{width:100%;-moz-opacity:0;-khtml-opacity:0;opacity:0} .cross #main-nav div{ margin:10px 0px;} .banner-main{display:block; height:100vh; position:absolute; top:30%;bottom:0%; left:0%; right:0%; width:100%; vertical-align:middle; animation-name:fadeInUp; backface-visibility: visible!important; animation-duration: 2s; animation-fill-mode: both;} .banner-main h1{display:block; position:relative;text-shadow: 1px 1px 1px rgba(70, 70, 70, 0.67); color:#FFF; text-align:center; font-size:60px; padding:0px 0px 10px 0px;} .banner-main h1:after{content: ""; position: relative; display:block; margin:auto; text-align:center; height:3px; border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; top:10px; width:35%;} .banner-main img{display:block; vertical-align: middle; display: inline-block; position: relative; top: 0; bottom:0%; margin:auto} .banner-main p{ color:#FFF;text-shadow: 1px 1px 1px rgba(70, 70, 70, 0.67); font-size:15px; padding:5px 30px 10px 30px;} .banner-main span img{ padding-top:30px; cursor:pointer; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease;transition: all 0.7s ease; animation-name:bounceInUp; backface-visibility: visible!important;animation-duration: 3s; animation-delay:0s; animation-fill-mode: both; } .banner-main span img:hover{ padding-top:40px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease;transition: all 0.7s ease;} .section-2{ text-align:center; padding:4% 0%;} .section-2 img{display:block;} .heading-banner-2{text-align: center;} .heading-banner-2 h2 i{position:absolute; margin:auto; text-align:center; margin-left:-170px; top:-10px; display:inline-block;} .heading-banner-2 h2{text-align: center; position: relative;font-size:40px;} .heading-banner-2 span{ display: inline-block;position: relative; line-height: 0!important;font-size:40px;} .heading-banner-2 span:before, .heading-banner-2 span:after { content: ""; position: absolute; height: 3px; border-bottom: 1px solid #000; border-top: 1px solid #000; bottom: 0px; width: 100px;} .heading-banner-2 span:before { right: 100%; margin-right:5px;} .heading-banner-2 span:after { left: 100%; margin-left:5px;} .heading-banner-2 p{ padding:20px 0px 0px 0px;} .heading-banner-3{display:block; height:100vh; position:absolute; top:0%!important; padding:3% 0%!important;bottom:0%; left:0%; right:0%; vertical-align:middle; } .heading-banner-3 h2{color:#FFF; font-size:70px;} .heading-banner-3 h2 b{ font-size:40px; display:block;} .heading-banner-3 p{ color:#FFF;} .heading-banner-3 span:before, .heading-banner-3 span:after { content: ""; position: absolute; height: 3px; border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; bottom: 0px; width: 100px;} .sec-3 {position:relative; z-index:1;} .sec-3 p{ text-align:justify;} .sec-3 b{ display:inline-block; font-weight:normal; color:#478845; width:145px; padding-left:29px;} .sec-3 ul{ margin-top:25px;} .sec-3 ul li{ list-style:none; line-height:30px; text-align:left;} .sec-3 ul li:nth-child(1):before{position:absolute; content:url(../images/icon/icon-1.png); left:15px; margin-top:5px;} .sec-3 ul li:nth-child(2):before{position:absolute; content:url(../images/icon/icon-2.png); left:15px; margin-top:5px;} .sec-3 ul li:nth-child(3):before{position:absolute; content:url(../images/icon/icon-3.png); left:15px; margin-top:5px;} .sec-3 ul li:nth-child(4):before{position:absolute; content:url(../images/icon/icon-4.png); left:15px; margin-top:5px;} .sec-3 ul li:nth-child(5):before{position:absolute; content:url(../images/icon/icon-5.png); left:15px; margin-top:5px;} .sec-3 ul li:nth-child(6):before{position:absolute; content:url(../images/icon/icon-6.png); left:15px; margin-top:5px;} .sec-3-main{ position:relative; z-index:1; margin-top:-100px; background:url(../images/sec-3-bg-bottom.png) no-repeat; background-size:cover; width:100%; height:246px;} .section-4{padding:0% 0%; height:100%; display:table; position:relative;} .section-4-row{ display:table-row; height:100%;} .section-4-one{ position:relative; display:table-cell; vertical-align:top; padding:0px; height:100%;} .section-4-1{padding:1% 3%; position:relative; height:100%; vertical-align:top; display:table-cell;} .section-4-1-1{position:absolute; width:100%; vertical-align:bottom; padding:0px; bottom:0; display:table-cell} .section-4-1-1 img{width:100%; padding:0px; position:relative; bottom:0px; } .section-4-2{position:relative; bottom:0px; padding:0px; display:table-cell; vertical-align:top;} .section-4-2 img{ width:100%;} .section-5{ background:#f8f5e6; padding:5% 0 8% 0%;} .section-5 .row{ margin-top:40px;} .thumb{ margin:auto; text-align:center; width:100%; } .thumb-view { margin:0px; height:100%; cursor:pointer; position:relative;padding:0;overflow:hidden; border-right:solid 1px #f8f5e6 ;border-bottom:solid 1px #f8f5e6;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.5s ease; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease;transition: all 0.7s ease; } .thumb-view img{ width:100%} .thumb-view:hover{ -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);filter: grayscale(0%); -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease;transition: all 0.7s ease;} .thumb-hover {position:absolute;bottom:-100%;height:90%;width:90%;margin-left:5%;transition:all ease-in-out .4s; background:none; padding:6px 10px 10px 10px;} .thumb-view:hover .thumb-hover {transition: all ease-in-out .5s; bottom:5%;-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);filter: grayscale(0%); -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease;transition: all 0.7s ease; } .thumb-hover h2{ color:#FFF; text-align:left;} .thumb-hover a{ color:#FFF; position:absolute; left:10px; bottom:10px;} .thumb-view2 { margin:0px; height:100%; cursor:pointer; position:relative;padding:0;overflow:hidden;border-right:solid 1px #f8f5e6 ;border-bottom:solid 1px #f8f5e6;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.5s ease; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease;transition: all 0.7s ease; } .thumb-view2:hover{ -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);filter: grayscale(0%); -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease;transition: all 0.7s ease;} .thumb-view2 img{ width:100%} .thumb-hover2 {position:absolute;top:-100%;height:90%;width:90%;margin-left:5%;transition:all ease-in-out .4s;background:none; padding:6px 10px 10px 10px;} .thumb-view2:hover .thumb-hover2 {transition: all ease-in-out .5s; top:5%} .thumb-hover2 h2{ color:#FFF; text-align:left;} .thumb-hover2 a{ color:#FFF; position:absolute; left:10px; bottom:10px;} .section-tiger{ overflow:hidden; background-size:cover; width:100%; z-index:1; height:100vh; position:relative;} .section-tiger-color{ background:url(../images/tiger-3.jpg) no-repeat; background-size:cover; width:100%; height:100vh;transition: all ease-in-out .4s; padding-top:40%; z-index:2; position:relative;} .section-tiger-color .text{ top:20%; position:absolute; } footer{ background:#434343; padding:2% 0%; color:#FFF;} footer h3{ padding:5px 0px; font-size:18px; font-weight:normal;} footer b{ border:#FFF solid 1px; padding:5px 10px; font-weight:normal;} footer b:nth-child (1){ border-right:none!important;} footer ul{ text-align:right; margin-top:15px;} footer ul li{float:none; display:inline-block; margin-right:15px; list-style:none;} footer ul li a{ color:#FFF!important;} .footer i{ text-align:right; margin-top:1px;} .fa-facebook{color:#FFF!important; font-size:20px; padding:0px 5px;} .fa-linkedin{color:#FFF!important; font-size:20px; padding:0px 5px;} .fa-twitter{color:#FFF!important; font-size:20px; padding:0px 5px;} .fa-instagram{color:#FFF!important; font-size:20px; padding:0px 10px 0px 5px;} footer ul li a:hover{ text-decoration:underline; color:#FFF;} .footer-social{ float:right; margin:40px 0px 0px 0px; display:block; width:100%; text-align:right} .footer{ padding-top:50px;} .footer p{ display:block; width:100%; text-align:right; color:#FFF; padding-right:10px!important; font-size:14px;} footer a:hover{ text-decoration:underline;} .accom-sec-2{} .accom-sec-2 .container{ padding:0% 0% 10% 0%;} .accom-sec-2 .container p{ padding-top:9%;} .accom-sec-2-2 img{ margin-top:-80px;} .accom-sec-2 ul { padding-left:20px} .accom-sec-2 ul li{ font-size:15px; margin:7px 0px; line-height:26px; text-align:left; list-style-image:url(../images/accom-li-icon.png);} .accom-sec-2-3{margin-top:-97px;} .safari-sec-3{ background:url(../images/safari-sc-bg.jpg) no-repeat 100% 100%; background-size:cover; height:500px; position:relative} .safari-ul li b{ display:inline-block; font-weight:normal; width:130px; padding-left:5px;} .safari-sec-3 h2{ font-size:40px;} .safari-sec-4{ background:#f8f5e6; margin-top:-107px; position:relative;z-index:9;} .safari-sec-5{ background:#f8f5e6; margin:0% auto% 0% auto%; position:relative;z-index:9;} .safari-table{ display:table; margin-top:40px;} .safari-table-row{ display:table-row; } .safari-table-cell{ display:table-cell; border-bottom:#333 solid 1px; width:150px;} .safari-table-cell:nth-child(1){border-bottom:#333 solid 1px;} .bandhav-vilas-sec-2{ background:#822b1c; padding:5% 0%;} .bandhav-vilas-sec-2-sec-1 h3{ font-size:18px; color:#FFF; font-weight:normal;} .bandhav-vilas-sec-2-sec-1 h3 span{ font-size:30px; color:#FFF; font-weight:bold;} .bandhav-vilas-sec-2-sec-1 ul{ padding-top:40px; display:table-cell;} .bandhav-vilas-sec-2-sec-1 ul li{ color:#FFF; line-height:30px; list-style-type:none; font-size:14px; display:inline-block; width:100%;} .bandhav-vilas-sec-2-sec-1 ul li img{ padding-right:10px;} .bandhav-vilas-sec-2-sec-2 img{ margin:1px; padding:0px; display:inline-block; width:198px; height:195px;} .bandhav-vilas-sec-2-sec-2-1{left:4%; position:relative;} .contact-info{text-align:center; padding:40px 50px; } .contact-info h2{ margin-bottom:30px; font-size:40px;} .contact-info p{ padding:10px 0px;} .contact-info hr{ background:#822b1c; height:1px; width:30%; margin:30px auto;} .contact-info ul li{ list-style-type:none; margin:8px 0px;} .contact-form{ background:url(../images/contact-img-1.jpg) no-repeat; padding:2% 0% 6% 5%; background-size:cover; height:100vh} .contact-form input{ background:none; border:#FFF solid 2px; color:#ffffff; padding:15px; margin:20px 0px; width:80%;} .contact-form textarea{ background:none; border:#FFF solid 2px; color:#ffffff; padding:15px; margin:20px 0px; height:200px; width:80%;} .contact-form button{ background:none; border:#FFF solid 3px; padding:15px 20px; display:table; color:#FFF;} .book-now-bg{height:160px; position:absolute; bottom:0px; padding-top:4%; width:100%; background:rgba(33,33,33,0.8); padding-left:10%;} .book-now-area{ } .book-now-area input{ background:none!important; border:2px solid #FFF; border-radius:0px; } .book-now-area i{ color:#FFF; position:absolute; right:25px; top:11px;} .form-control{ background-color:none!important;margin:auto;} .book-now-area button{ background:none; border:2px solid #FFF; color:#FFF; padding:4px 10px;} .navbar-fixed-top, .navbar-fixed-bottom{ z-index:10;} .location-image img{top:-80px; position:relative;} .rooms-slide {position:relative;margin-top:0px;overflow:hidden; margin:auto; width:75%;border:solid 1px #FC0; transition:all 0.5s ease-in-out} .rooms-slide .text-wrap {position:absolute; bottom:0px; padding:15px; color:#646464; text-align:justify; background:rgba(255,255,255,1);height:100%;width:300px;top:0;left:0;z-index:2;transition:all 0.5s ease-in-out;} .rooms-slide .text-wrap h2{color:#c9aa5d; line-height:28px; font-size:27px; padding-bottom:5px;} .rooms-slide .img-backdrop {position:absolute;background:rgba(0,0,0,0.5); text-align:center; color:#FFFFFF;height:100%;width:100%;z-index:1;top:0;left:0;transition:all 0.5s ease-in-out} .rooms-slide .img-backdrop h3 {text-align:center; vertical-align:middle; display:block;position: relative; top: 45%; left:68%; transform: translateX(-50%) translateY(-50%); transition: all 0.8s ease 0s;} .rooms-slide:hover .img-backdrop h3 { text-align:center; vertical-align:middle; display:block;position: relative; top: 45%; left:68%; transform: translateX(-50%) translateY(-50%); transition: all 0.8s ease 0s;} .rooms-slide .text-wrap span{ font-size:16px; padding:0px 10px 0px 0px;color:#c9aa5d; text-transform:uppercase;} .rooms-slide .text-wrap a{ margin:0px 4px; border:solid #fff 1px; color:#646464; line-height:15px; padding:0px 10px 3px 10px; background:#FFFFFF; font-size:25px;} .rooms-slide .text-wrap b{ padding:0px 10px; border:solid #fff 1px; line-height:15px; padding:1px 10px 3px 10px; color:#646464; font-weight:normal; background:#FFFFFF; font-size:25px;} .rooms-slide:hover .text-wrap a{ border:solid #999999 1px;transition:all 0.5s ease-in-out } .rooms-slide:hover .text-wrap b{ border:solid #999999 1px;transition:all 0.5s ease-in-out } .rooms-slide .text-bottom{ vertical-align: bottom; position:absolute; bottom:20px;} .book-total{ background: rgba(130, 43, 28, .90); height:60px; padding:10 30px; border:#999999 solid 1px; border-right:none;border-left:none;} .book-total1{padding:0% 20%;} .book-total1 p{line-height:60px; color:#FFFFFF; font-size:16px; display:inline-block;} .book-total span{ font-size:25px; color:#FFFFFF; float:right;line-height:30px; } .book-total span i{ font-size:23px; padding:0 2px;line-height:60px;} .book-total1 button{ background:none; padding:1px 11px; border:solid 1px #FFFFFF; position:relative; margin-left:10px; bottom:4px; font-size:15px; color:#FFFFFF;} .book-total1 button:hover{background:#822b1c;} .booking-strip-mian{text-align:center; margin:30px auto 20px auto; padding-bottom:0px; width:80%;background:#eeeeee; border:#dbdbdb solid 1px;} .booking-strip{ background:#eeeeee; margin:0px auto 30px auto; text-align:center;} .booking-strip i{ font-size:18px; color:#666666;} .booking-strip a{ font-family:'Lato-Light';} .booking-strip p{ margin:0px; font-size:16px; margin-top:10px; } .plus a{ font-size:20px; background:#FFFFFF; padding:2px 8px; border:#999999 solid 1px; border-radius:15px; color:#666666;} .booking-strip span{ padding:2px 10px; font-size:16px;} .cross2{ position:relative; top:23px; width:12px;} .cross2:hover{background:none;} .booking-strip-mian div{ padding:0px!important;} .page-colm-1 div{ border-right:#CCCCCC solid 1px; text-align:center; } .page-colm-1 h4{ font-size:20px; line-height:15px; padding:15px 0px 10px 0px;color:#7e2718;} .page-colm-1 button{ background:#666666; border:none; color:#FFFFFF; padding:3px 10px; margin:20px 0px 0px 0px; vertical-align:middle; width:auto;} .page-colm-1 button:hover{ background:#822b1c;} .page-colm-2 h5{ font-size:20px; border-bottom:#CCCCCC solid 1px; margin:0px; line-height:15px; padding:15px 0px 25px 0px;color:#646464; text-align:center;} .page-colm-2{ padding-top:60px; } .page-colm-2 div{ border-right:#CCCCCC solid 1px; text-align:center; } .page-colm-2 h4{ font-size:20px; line-height:15px; padding:15px 0px 10px 0px;color:#7e2718;} .total-amount{ text-align:right; font-size:20px; border-top:#CCCCCC solid 1px; margin-top:50px; padding:15px 30px 15px 0px;} .total-amount span {color:#7e2718;} .booking-page-2{ text-align:center; border-bottom:#CCCCCC solid 1px; padding:10px 0px;} .form-control{ border-radius:0px;} .form-group{margin-bottom:9px;} .submit-btn{ border:#FFFFFF solid 3px; margin:15px 0px 70px 0px; color:#999999; background:#CCCCCC; font-size:18px; border-radius:0px; margin-right:15px; padding:2px 20px; } .submit-btn:hover{ background:#fff; border: #822b1c 3px solid; color:#822b1c;} .sub-form h2{ text-align:center; font-size:20px; padding:10px 0px; margin-bottom:15px; border-bottom:#CCCCCC solid 1px;} .sub-form .colom-1{ padding-top:19px; } .form-group button{ background:#822b1c; color:#FFFFFF;border: #822b1c 1px solid;} .form-group span{ padding:10px 0px; line-height:15px; text-align:left; } .controls{ font-size:14px; font-family:"Droid Sans", Arial, Helvetica, sans-serif; font-weight:normal!important;} #main-nav.background .nav-links{display:inline-block;width:auto;position:absolute;left:72px;height:72px;} #main-nav.background .nav-links h5{display:inline-block;width:auto;height:72px;margin:0 30px;line-height:72px;color:#898989;vertical-align:top;float:left;} .menu-line{background-color:#9f8f68;height:2px;margin-bottom:0} #main-nav.active #menu-button .menu-line{background-color:#9f8f68;height:2px;margin-bottom:0;} /*gallery start here*/ .da-thumbs { list-style: none; position: relative; margin: 20px auto; padding: 0; } .da-thumbs li { float: left; margin: 5px; background: #fff; padding: 8px; position: relative; box-shadow: 0 1px 3px rgba(0,0,0,0.32); } .da-thumbs li a, .da-thumbs li a img { display: block; position: relative; width:100%; height:auto; } .da-thumbs li a { overflow: hidden; } .da-thumbs li a div { position: absolute; background: #333; background: rgba(0,0,0,0.5); width: 100%; height: 100%; } .da-thumbs li a div span { display: block; padding: 10px 0; margin: 40px 20px 20px 20px; text-transform: uppercase; font-weight: normal; color: rgba(255,255,255,0.9); text-shadow: 1px 1px 1px rgba(0,0,0,0.2); border-bottom: 1px solid rgba(255,255,255,0.5); box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3); } .gallery-icon img{ width:30px!important;height:30px!important; top:50%; margin-top:-15px; margin-left:-15px; position:absolute; left:50%; animation-name:fadeInUp; backface-visibility: visible!important;animation-duration: .3s; animation-fill-mode: both; animation-delay:0.3s!important;} .gallery-icon i{font-size:43px; color:#FFF; top:50%; margin-top:-20px; margin-left:-15px; position:absolute; left:49%; animation-name:fadeInUp; backface-visibility: visible!important;animation-duration: .3s; animation-fill-mode: both; animation-delay:0.3s!important;} /*gallery video*/ .fancybox-type-iframe .fancybox-nav { width: 60px; } .fancybox-type-iframe .fancybox-nav span { visibility: visible; opacity: 0.5; } .fancybox-type-iframe .fancybox-nav:hover span { opacity: 1; } .fancybox-type-iframe .fancybox-next { right: -60px; display:none!important; } .fancybox-type-iframe .fancybox-prev { left: -60px; display:none!important; } /*.video-gallery-1 .fancybox-prev, .fancybox-next{ display:none!important;} .video-gallery-1 .fancybox-next, .fancybox-prev{ display:none!important;}*/ /*gallery video*/ /*gallery end here*/ .gallaryHover .col-md-3 { padding-right: 2px; padding-left: 2px;} @media (min-width:320px) and (max-width:768px){ .da-thumbs { width:100%;} .contact-form{ height:100%; padding:8% 0 10% 5%;} .bandhav-vilas-sec-2-sec-2-1 img{width:100%; height:100%} .bandhav-vilas-sec-2-sec-2-2 img{width:100%; height:100%} .bandhav-vilas-sec-2-sec-2-1{ left:0px;} .bandhav-vilas-sec-2-sec-1 ul{display:block;} .safari-table-cell{ display:table-cell; padding-left:10px;border-bottom:#333 solid 1px; width:auto;} .logo img{ width:130px; height:82px;} footer .container{ width:100%; padding-top:30px;} footer .footer-sec-1{text-align:center; padding:0px;} footer .footer-sec-1 b{display:block;} footer ul{ text-align:center!important; margin:10px auto; padding-top:15px} .footer i{ text-align:center; margin-top:1px;} .footer-social{ float:none; margin:40px 0px 0px 0px; display:block; width:100%; text-align:center} .footer p{ display:block; width:100%; text-align:center; color:#FFF;} .container{ padding-left:0px; padding-right:0px;} .heading-banner-2 h2 i{ left:0px; margin-left:0px; width:100%; overflow:hidden;} h1{ font-size:30px!important;} h2{ font-size:30px!important;} .heading-banner-3 h2 b{ font-size:27px;} .section-tiger {height:auto;} .section-4-1-1 {position:relative;} .section-4{height:100%; display:block; position:relative;} .section-4-row{ display:block; height:100%;width:100%} .section-4-2,.section-4-one{ display:block; padding:0px; height:100%;width:100%} .section-4-1{ padding-right:2%; padding-left:2%;} .open-nav-1 li a{ font-size:27px;} .open-nav-1 ul{ padding:30% 0 20% 13%; width:100%;} .open-nav-1 li{line-height:47px;} .nav-bg-1{ background:url(../images/about-bannner.jpg) -160px 0px;width:100%; background-size:cover; height:100vh; position:fixed; -webkit-transition: all 5s ease; -moz-transition: all 5s ease; -o-transition: all 5s ease; -ms-transition: all 5s ease;transition: all 5s ease; animation-name:; backface-visibility: visible!important;animation-duration: 1.5s; animation-fill-mode: both;} .nav-bg-2{ background:url(../images/tab-banner-2.jpg) -160px 0px;width:100%; background-size:cover; height:100vh; position:fixed; -webkit-transition: all 5s ease; -moz-transition: all 5s ease; -o-transition: all 5s ease; -ms-transition: all 5s ease;transition: all 5s ease; animation-name:; backface-visibility: visible!important;animation-duration: 1.5s; animation-fill-mode: both;} .nav-bg-3{ background:url(../images/tab-banner-3.jpg) -160px 0px;width:100%; background-size:cover; height:100vh; position:fixed; -webkit-transition: all 5s ease; -moz-transition: all 5s ease; -o-transition: all 5s ease; -ms-transition: all 5s ease;transition: all 5s ease; animation-name:; backface-visibility: visible!important;animation-duration: 1.5s; animation-fill-mode: both;} .nav-bg-4{ background:url(../images/safari-banner.jpg) -160px 0px;width:100%; background-size:cover; height:100vh; position:fixed; -webkit-transition: all 5s ease; -moz-transition: all 5s ease; -o-transition: all 5s ease; -ms-transition: all 5s ease;transition: all 5s ease; animation-name:; backface-visibility: visible!important;animation-duration: 1.5s; animation-fill-mode: both;} .nav-bg-5{ background:url(../images/accomodation-banner.jpg) -160px 0px;width:100%; background-size:cover; height:100vh; position:fixed; -webkit-transition: all 5s ease; -moz-transition: all 5s ease; -o-transition: all 5s ease; -ms-transition: all 5s ease;transition: all 5s ease; animation-name:; backface-visibility: visible!important;animation-duration: 1.5s; animation-fill-mode: both;} .nav-bg-6{ background:url(../images/tab-banner-6.jpg) -160px 0px;width:100%; background-size:cover; height:100vh; position:fixed; -webkit-transition: all 5s ease; -moz-transition: all 5s ease; -o-transition: all 5s ease; -ms-transition: all 5s ease;transition: all 5s ease; animation-name:; backface-visibility: visible!important;animation-duration: 1.5s; animation-fill-mode: both;} .nav-bg-7{ background:url(../images/book-now-banner.jpg) -160px 0px;width:100%; background-size:cover; height:100vh; position:fixed; -webkit-transition: all 5s ease; -moz-transition: all 5s ease; -o-transition: all 5s ease; -ms-transition: all 5s ease;transition: all 5s ease; animation-name:; backface-visibility: visible!important;animation-duration: 1.5s; animation-fill-mode: both;} .nav-bg-8{ background:url(../images/contact-banner.jpg) -160px 0px;width:100%; background-size:cover; height:100vh; position:fixed; -webkit-transition: all 5s ease; -moz-transition: all 5s ease; -o-transition: all 5s ease; -ms-transition: all 5s ease;transition: all 5s ease; animation-name:; backface-visibility: visible!important;animation-duration: 1.5s; animation-fill-mode: both;} .cross{cursor:pointer; background:none; position:fixed; left:0px; top:0px; width:85px; height:85px; padding:10px 17px 17px 17px;} .banner-main span img{ padding-top:0px;} .banner-main span img:hover{ padding-top:5px;} .section-tiger-color{ background:url(../images/tiger-3.jpg) no-repeat center; background-size:cover; width:100%; height:auto!important;transition: all ease-in-out .4s; padding-top:10%!important; z-index:2; position:relative;} .section-tiger-color .text {position:relative;} .heading-banner-3{height:100%!important;} .accom-sec-2 .container{ padding:0% 0% 10% 0%;} .accom-sec-2 .container p{ padding-top:0%;} .accom-sec-2-2 img{ margin-top:0px;} .accom-sec-2 ul { padding-left:20px} .accom-sec-2 ul li{ line-height:35px; text-align:left; list-style-image:url(../images/accom-li-icon.png);} .accom-sec-2-3{margin-top:0px;} .safari-table{ margin:auto;} .accom-sec-2 h2{ text-align:center;} .safari-sec-4{ margin-top:0px;} .book-now-bg{padding-left:0%!important; } .book-now-area div{ margin:3px 0px; text-align:center; padding-left:2%!important; } .cross2{ width:100%; padding:15px; margin:5px auto 25px auto;} .rooms-slide {height:auto;transition:all 0.5s ease-in-out} .rooms-slide .text-wrap {position:relative;} .rooms-slide:hover img {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1);transition:all 0.5s ease-in-out} .rooms-slide .text-wrap span{ position:relative; top:-9px;} .rooms-slide .text-wrap { text-align:center; width:100%;} .rooms-slide .text-wrap p{ padding-bottom:35px;} .rooms-slide .text-wrap a{ border:solid #999999 1px; font-size:20px!important; } .rooms-slide .text-wrap b{ border:solid #999999 1px; font-size:19px!important; } .book-total1{padding:0% 3%; text-align:center;} .book-total1 p{line-height:25px; color:#FFFFFF; font-size:15px; display:inline-block;} .book-total span{ font-size:22px; color:#FFFFFF; float:right;line-height:10px; } .book-total span i{ font-size:23px; padding:0 2px;line-height:10px;} .book-total1 button{ padding:10px 15px;} .book-total{ height:auto;} .location-image img{top:10px; position:relative;} } @media (min-width:768px) and (max-width:991px){ .video-responsive-top{ top:8%!important; position:absolute;} .video-responsive-top h1{ font-size:45px!important;} .banner-main{display:block; height:100vh; position:absolute; top:20%;bottom:0%; left:0%; right:0%; width:100%; vertical-align:middle; animation-name:fadeInUp; backface-visibility: visible!important; animation-duration: 2s; animation-fill-mode: both;} .location-image img{top:10px; position:relative;} .accom-sec-2-2 img{ margin-top:0px;} .open-nav-1 ul{width:70%;} .book-total1{ padding:0 10%;} .bandhav-vilas-sec-2-sec-1 ul{display:block;} .section-5 .container{width:100%;} footer .container{ width:100%;} footer ul{ text-align:center;} .footer i{ text-align:center; margin-top:1px;} .footer-social{ float:none; margin:40px 0px 0px 0px; display:block; width:100%; text-align:center} .footer p{ display:block; width:100%; text-align:center; color:#FFF;} footer .footer-sec-1{text-align:center; padding:0px;} .safari-sec-4{ width:100%;} .safari-sec-5{ width:100%;} .bandhav-vilas-sec-2 .container{ width:100%;} .bandhav-vilas-sec-2-sec-2-1{left:20px; position:relative; text-align:center} .bandhav-vilas-sec-2-sec-2-2{left:0px; position:relative; text-align:center} .book-now-bg .container{ width:100%;} .book-now-bg{ padding-top:7%;} .contact-form{ height:100%; padding:8% 0 10% 5%;} } @media (min-width:992px) and (max-width:1280px){ .bandhav-vilas-sec-2 .container{ width:100%;} .bandhav-vilas-sec-2 .bandhav-vilas-sec-2-sec-1{ margin:auto; text-align:center;} .bandhav-vilas-sec-2-sec-2-1{ margin:auto; text-align:center;} .contact-form{ height:100%; padding:8% 0 10% 5%;} .video-responsive-top{ top:22%!important; position:absolute;} .video-responsive-top h1{ font-size:45px!important;} } @media (min-width:1500px){ .banner-main{ top:32%;} .banner-main hr{ border-bottom:#FFF solid 0.2px; width:30%;} .sec-3-main{ background-position:0px 0px; width:100%; background-size:cover; height:400px; position:relative;} .book-now-bg{padding-top:3%!important;} }