/* ----------------External Font------------------------------------------------*/ @font-face { font-family: 'poppinsbold'; src: url('../../fonts/poppins-bold-webfont.eot'); src: url('../../fonts/poppins-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/poppins-bold-webfont.woff2') format('woff2'), url('../../fonts/poppins-bold-webfont.woff') format('woff'), url('../../fonts/poppins-bold-webfont.ttf') format('truetype'), url('../../fonts/poppins-bold-webfont.svg#poppinsbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinslight'; src: url('../../fonts/poppins-light-webfont.eot'); src: url('../../fonts/poppins-light-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/poppins-light-webfont.woff2') format('woff2'), url('../../fonts/poppins-light-webfont.woff') format('woff'), url('../../fonts/poppins-light-webfont.ttf') format('truetype'), url('../../fonts/poppins-light-webfont.svg#poppinslight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinsmedium'; src: url('../../fonts/poppins-medium-webfont.eot'); src: url('../../fonts/poppins-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/poppins-medium-webfont.woff2') format('woff2'), url('../../fonts/poppins-medium-webfont.woff') format('woff'), url('../../fonts/poppins-medium-webfont.ttf') format('truetype'), url('../../fonts/poppins-medium-webfont.svg#poppinsmedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinsregular'; src: url('../../fonts/poppins-regular-webfont.eot'); src: url('../../fonts/poppins-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/poppins-regular-webfont.woff2') format('woff2'), url('../../fonts/poppins-regular-webfont.woff') format('woff'), url('../../fonts/poppins-regular-webfont.ttf') format('truetype'), url('../../fonts/poppins-regular-webfont.svg#poppinsregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinssemibold'; src: url('../../fonts/poppins-semibold-webfont.eot'); src: url('../../fonts/poppins-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/poppins-semibold-webfont.woff2') format('woff2'), url('../../fonts/poppins-semibold-webfont.woff') format('woff'), url('../../fonts/poppins-semibold-webfont.ttf') format('truetype'), url('../../fonts/poppins-semibold-webfont.svg#poppinssemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'great_vibesregular'; src: url('../../fonts/greatvibes-regular-webfont.eot'); src: url('../../fonts/greatvibes-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/greatvibes-regular-webfont.woff2') format('woff2'), url('../../fonts/greatvibes-regular-webfont.woff') format('woff'), url('../../fonts/greatvibes-regular-webfont.ttf') format('truetype'), url('../../fonts/greatvibes-regular-webfont.svg#great_vibesregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansregular'; src: url('../../fonts/opensans-regular-webfont.eot'); src: url('../../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/opensans-regular-webfont.woff2') format('woff2'), url('../../fonts/opensans-regular-webfont.woff') format('woff'), url('../../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 400; src: url(https://themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot); src: url(https://themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot?#iefix) format("embedded-opentype"), url(https://themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff2) format("woff2"), url(https://themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff) format("woff"), url(https://themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf) format("truetype"); } /* Webkit */ ::-webkit-input-placeholder { color: #999; } /* Firefox 4-18 */ :-moz-placeholder { color: #999; } /* Firefox 19+ */ ::-moz-placeholder { color: #444; } /* IE10+ */ *:-ms-input-placeholder {color: #a9a5ae!important;} /*html {width: 100%;}*/ .clr {clear: both;} body{width: 100%;font-family: 'poppinsregular', sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; letter-spacing: 0.4px;} img{max-width: 100%; height: auto;} h5, h6 , h1 , h2 , h3 , h4 {font-weight: normal;font-family: 'poppinsregular', sans-serif; } select::-ms-expand{display:none;} select{ -webkit-appearance:none;} dl, dt, dd, ol, ul, li {margin: 0;padding: 0; list-style-type: none;} a:active , select , select:focus , a:focus , a:hover , input:focus , button:focus , textarea:focus {outline: none !important; text-decoration: none; } a , button{text-decoration: none;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; cursor: pointer;} option{ padding: 10px; } textarea {resize: none;} /* added by pooja to remove bootstrap default color apply to anchor tag starts*/ a {color: #363636;} /* added by pooja to remove bootstrap default color apply to anchor tag ends*/ /* added by pooja to make label normal starts*/ label {font-weight: normal;} /* added by pooja to make label normal ends*/ .help-block{font-size: 11px;margin-top: 0px;} /*****************************COMMON CSS START HERE*****************************/ /*logo-menu css*/ .logo-block{float: left} .header{padding: 5px 0px; z-index: 9999; position: relative; background: rgba(0,0,0,1); background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); } .min-menu.secound-menu{float: right;} .banner-img-block{display: none;} .sidenav {position: relative; z-index:99999; transition: 0.5s; float: right; padding: 10px 0;} .sidenav .min-menu li a{color: #fff;} .sidenav a:hover, .offcanvas a:focus{color: #222;} .sidenav .closebtn {position: absolute; top: 0px; left: 8px; font-size: 30px; display: none;} .sidenav .closebtn:hover{color: #ddd;} #main {transition: margin-left .5s;} .header .menu-icon{font-size:22px;cursor:pointer;display: none;float: right; position: relative; top: 17px; right: 0px; color: #ffffff;} .overlay{overflow: hidden;z-index: 99999;background:rgba(0,0,0,0.6);position: fixed;width: 100%;height: 100%;} .min-menu li {display:inline-block;position: relative; color: #ffffff;} .min-menu li a {font-size: 16px; text-decoration: none; color: #ffffff; display:block; transition: 0.3s; padding: 5px 17px 4px;} .min-menu.secound-menu li a{font-size: 14px; padding: 0;} .min-menu.secound-menu li.arb a, .sidenav .min-menu li.arb a{font-family: 'Droid Arabic Kufi' !important;} .min-menu.secound-menu li{margin: 0 0 10px 10px;} .inner-header .min-menu li a:hover, .min-menu li a:hover{color: #f2b11a;} .min-menu li.signup-block{display: none;} .min-menu li a.logi-link-block{background: #f2b11a; border: 1px solid #f2b11a; padding: 5px 17px 4px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;} .min-menu li a.logi-link-block:hover{background-color: transparent; color: #f2b11a;} .inner-logo{display:none;} .home-logo{display:none;} .home-head .home-logo{display:block;} /*logo menu css end here*/ /*inner header css starts here*/ .inner-header .inner-logo{display:block;} .inner-header .min-menu li, .inner-header .min-menu li a, .inner-header .header .menu-icon {color: #444444;} .inner-header .min-menu .signup-block a, .inner-header .min-menu .signup-block, .inner-header .min-menu li a.logi-link-block{color: #ffffff;} .inner-header .min-menu li a.logi-link-block:hover{color: #f2b11a;} .inner-header .min-menu li a.padding-right-no, .home-head .min-menu li a.padding-right-no{ padding-right: 0;} .inner-header .logo-block {padding: 20px 0;} .inner-header .header{-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.29);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.29);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.29); background: #ffffff!important;} .inner-header .menu-icon{top: 24px;} /*inner header css ends here*/ main{min-height: 450px; } .grey-bg{background: #f6f7f8;} .book-btn, .red-btn{ background: #c0202f; float: none; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; position: relative; min-height: 36px;/* display: block;*/ text-align: center; width: auto;} .book-btn:active{background: #c0202f;} .full{ width: 100%;color: #fff;} /*back to top btn css start here*/ .cd-top.cd-is-visible {opacity: 1; visibility: visible;} .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {transition: opacity 0.3s ease 0s, visibility 0s ease 0s;} .cd-top {background-color: #000000; background-image: url("../../images/front/up-arrow.png"); background-repeat: no-repeat; background-position: center 50%; border-radius: 100px;-moz-border-radius: 100px;-webkit-border-radius: 100px; bottom: 40px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); display: inline-block; height: 36px; opacity: 0; outline: medium none; overflow: hidden; position: fixed; right: 30px; text-indent: 100%; transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s; visibility: hidden; white-space: nowrap; width: 36px; z-index: 99;} /*back to top btn css end here*/ /* checkbox css start*/ .check-box [type="checkbox"]:not(:checked), .check-box [type="checkbox"]:checked {position: absolute;left: -9999px;visibility: hidden; } .check-box [type="checkbox"] + label {position: relative;padding-left: 30px;cursor: pointer;display: inline-block;height: 25px;line-height: 25px; font-size:13px;-webkit-user-select: none;-moz-user-select: none;-khtml-user-select: none;-ms-user-select: none;color: #272727;} .check-box [type="checkbox"].filled-in + label:after {border-radius: 4px; } .check-box [type="checkbox"].filled-in + label:before, .check-box [type="checkbox"].filled-in + label:after {content: '';left: 0;position: absolute; transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; z-index: 1; } .check-box [type="checkbox"].filled-in:not(:checked) + label:before {width: 0;height: 0;border: 3px solid transparent;left: 6px;top: 10px; -webkit-transform: rotateZ(37deg);transform: rotateZ(37deg);-webkit-transform-origin: 20% 40%;transform-origin: 100% 100%; } .check-box [type="checkbox"].filled-in:not(:checked) + label:after {height: 20px;width: 20px;background-color: transparent;border: 1px solid #aaaaaa; top: 2px;z-index: 0; } .check-box [type="checkbox"].filled-in:checked + label:before {top: 4px;left: 1px;width: 8px;height: 13px;border-top: 2px solid transparent; border-left: 2px solid transparent;border-right: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-transform: rotateZ(37deg); transform: rotateZ(37deg);-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%; } .check-box [type="checkbox"].filled-in:checked + label:after {top: 2px;width: 20px;height: 20px;border: 1px solid #26a59f;background-color: #26a59f; z-index: 0; } .check-box [type="checkbox"].filled-in:disabled:not(:checked) + label:before {background-color: transparent;border: 2px solid transparent; } .check-box [type="checkbox"].filled-in:disabled:not(:checked) + label:after {border-color: transparent;background-color: #BDBDBD; } .check-box [type="checkbox"].filled-in:disabled:checked + label:before {background-color: transparent; } .check-box [type="checkbox"].filled-in:disabled:checked + label:after {background-color: #BDBDBD;border-color: #BDBDBD; } /* checkbox css end*/ /*radio button css start*/ .label-radio {float: left; margin-right: 25px; line-height: 38px;color: #888888;} .radio-btns {padding-bottom: 20px;} .radio-btns .radio-btn{display: block;position: relative;float: left;} .radio-btns .radio-btn input[type=radio]{position: absolute;visibility: hidden;} .radio-btns .radio-btn label{font-family: 'poppinslight';font-weight: normal;color: #363636;display: block;position:relative;font-size: 16px;padding: 0px 25px 0px 27px;margin:7px auto 5px;z-index: 9;cursor: pointer;-webkit-transition: all 0.25s linear;} .radio-btns .radio-btn .check{display: block;position: absolute;border: 1px solid #363636;border-radius: 100%;height: 15px;width: 15px;top:11px;left: 0px;z-index: 5;transition: border .25s linear;-webkit-transition: border .25s linear;} .radio-btns .radio-btn .check::before {border-radius: 100%;content: "";display: block;height: 9px;left: 2px; margin:auto;position: absolute;top: 2px;transition: background 0.25s linear 0s;width: 9px;} .radio-btns input[type=radio]:checked ~ .check {border: 1px solid #f2b11a;} .radio-btns input[type=radio]:checked ~ .check::before{background: #f2b11a;} .radio-btns input[type=radio]:checked ~ label{color: #363636;} /*radio buttons css end*/ /* close button css end*/ .closeIcon { position: absolute; top: 0; right: 0; z-index: 99; width: 23px; height: 23px; background:url(../../images/front/close-icon.png) no-repeat center center #e1e1e1;} /* close button css end*/ /*****************************COMMON CSS ENDS HERE*****************************/ /*****************************HOME PAGE CSS START HERE*****************************/ /*banner section start here*/ .banner-block::before{content: ""; background-color: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .caption-block{position: relative; height: 686px; text-align: center;} .banner-text-block {padding-top: 50px;} .around-the-world{font-family: 'great_vibesregular'; font-size: 48px; color: #ffffff;} .banner-text-block h1 {color: #fff; font-family: 'poppinsmedium',sans-serif; font-size: 48px; margin: 10px 0 20px; color: #ffffff;} .banner-text-block p {color: #fff; font-size: 18px; line-height: 28px; color: #ffffff;} .caption-block .tabing-section{text-align: left; color: #333333;} .search-wrapper .location-search-block{margin: 0 12px 0 0;} .search-wrapper .location-search-block, .search-wrapper .location-search-block form{width: 380px; height: 40px; float: left;} .search-wrapper input {color: #9f9f9f; font-size: 14px; border: none; height: 100%; width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;padding: 0 10px; font-family: 'poppinslight';} .check-in-block form{height: 100%;} .search-wrapper .check-in-block{max-width: 130px; width: 100%; height: 40px; float: left; margin: 0 12px 0 0; position: relative;} .search-wrapper .check-in-block i{position: absolute; right: 6px; top: 11px; color: #9f9f9f; font-size: 18px;} .check-in-block.check-out-block{margin-left: 0;} #things_to_do .search-wrapper .check-in-block, #things_to_do .select-style.select-members-block{max-width: 150px;} .select-style {padding: 0; max-width:140px; width: 100%; min-height: 40px; background-position: right center; background-color: #fff; background-image: url('../../images/front/select-arrow.png'); background-repeat: no-repeat; float: left; font-family: 'poppinslight'; font-size: 14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 12px 0 0; } .search-wrapper .select-style { padding: 0px 0 0px 7px; } .select-style select {padding: 2px 0px 0px;width: 100%;border: none;box-shadow: none;background-color: transparent;background-image: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;/* height: 100%; */border-radius: 5px;height: 40px;color: #9f9f9f;} .select-style.select-members-block{max-width: 115px;} .search-btn { background-color: #f2b11a; border: 1px solid #f2b11a; color: #ffffff; font-size: 15px; height: 40px; border-radius: 5px; vertical-align: middle; max-width: 130px; width: 100%; text-align: center; padding: 0;} .search-btn span{background: url(../../images/front/search-icon.png) no-repeat 14px center;padding: 6px 12px 6px 38px;line-height: 26px; display: inline-block;border-radius: 5px; } .search-btn:hover, .search-btn:active {color: #fff; background-color: #3e80c2;border: solid 1px #3e80c2;} .homeSearchFrm .check-box{display: inline-block;margin:0 8px;} .homeSearchFrm .check-box label{color: #fff;} .homeSearchFrm .check-box [type="checkbox"].filled-in:not(:checked) + label::after{border: 1px solid #fff;background-color: #fff3;} /*tab second section start here*/ .location-search-block.second-tab-block, .search-wrapper .location-search-block.second-tab-block form{width: 405px;} /*banner section end here*/ /*features start*/ .dummypatch {height: 52px;} .features{ width: 100%; background: #f6f7f8; padding: 47px 0; position: relative; min-height: 271px;} .feature-list {position: relative;margin-top: -94px;width: 100%;max-width: 1140px;text-align: center;color: black;} .features-points {min-height: 271px;max-width: 255px;padding: 25px 10px;width: 100%;background: #fff;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;text-align: center;/* float: left; */display: inline-block;margin: 0 13px 15px;} .features-points img{ margin-bottom: 18px;} .features-points h4{ color: #3e80c2; font-size: 18px; } .features-points p{ color: #7f7e7e; font-size: 15px; line-height: 25px;max-height: 80px;overflow: hidden;min-height: 80px;} .features .container{ position: relative;} /*features ends*/ /*popular cities start*/ .popular-cities { padding: 40px 0; text-align: center;} .popular-cities h4 { color: #363636;font-family: 'poppinsLight',sans-serif; font-size: 30px; margin: 0 0 20px; text-align: center;} .popular-cities h4 span {color: #febf2b; font-family: 'poppinsLight',sans-serif; padding-left: 8px;} .popular-cities p {color: #676666;font-family: 'poppinsLight',sans-serif; font-size: 17px; line-height: 30px; margin: 0 auto; max-width: 780px; text-align: center; width: 100%; padding-bottom: 36px;} .country-img { margin: 0px 0 30px; position: relative;border-radius: 5px;} .country-img.big{} .country-img.small { width: 263px; min-width: 263px; max-width: 263px; height: 154px;max-height: 154px;} .country-img.small img {width: 100%;} .country-img img{ border-radius: 5px;height: 100%;} .gradpatch {position: absolute; width: 100%; height: 100%; top: 0; left: 0; color:#fff; z-index: 999; border-radius: 5px; vertical-align: baseline;} .yellow-bg .gradpatch {background: rgba(254,191,43,0.4); background: -moz-linear-gradient(top, rgba(254,191,43,0.4) 35%, rgba(254,191,43,0.45) 86%, rgba(163,123,28,0.45) 91%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(35%, rgba(254,191,43,0.4)), color-stop(86%, rgba(254,191,43,0.45)), color-stop(91%, rgba(163,123,28,0.45)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(254,191,43,0.4) 35%, rgba(254,191,43,0.45) 86%, rgba(163,123,28,0.45) 91%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(254,191,43,0.4) 35%, rgba(254,191,43,0.45) 86%, rgba(163,123,28,0.45) 91%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(254,191,43,0.4) 35%, rgba(254,191,43,0.45) 86%, rgba(163,123,28,0.45) 91%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(254,191,43,0.4) 35%, rgba(254,191,43,0.45) 86%, rgba(163,123,28,0.45) 91%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf2b', endColorstr='#000000', GradientType=0 );} .blue-bg .gradpatch {background: rgba(62,128,194,0.28); background: -moz-linear-gradient(top, rgba(62,128,194,0.28) 35%, rgba(62,128,194,0.48) 74%, rgba(0,0,0,0.98) 99%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(35%, rgba(62,128,194,0.28)), color-stop(74%, rgba(62,128,194,0.48)), color-stop(99%, rgba(0,0,0,0.98)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(62,128,194,0.28) 35%, rgba(62,128,194,0.48) 74%, rgba(0,0,0,0.98) 99%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(62,128,194,0.28) 35%, rgba(62,128,194,0.48) 74%, rgba(0,0,0,0.98) 99%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(62,128,194,0.28) 35%, rgba(62,128,194,0.48) 74%, rgba(0,0,0,0.98) 99%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(62,128,194,0.28) 35%, rgba(62,128,194,0.48) 74%, rgba(0,0,0,0.98) 99%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e80c2', endColorstr='#000000', GradientType=0 );} .green-bg .gradpatch {background: rgba(38,165,159,0.48); background: -moz-linear-gradient(top, rgba(38,165,159,0.48) 35%, rgba(38,165,159,0.48) 74%, rgba(0,0,0,0.98) 99%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(35%, rgba(38,165,159,0.48)), color-stop(74%, rgba(38,165,159,0.48)), color-stop(99%, rgba(0,0,0,0.98)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(38,165,159,0.48) 35%, rgba(38,165,159,0.48) 74%, rgba(0,0,0,0.98) 99%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(38,165,159,0.48) 35%, rgba(38,165,159,0.48) 74%, rgba(0,0,0,0.98) 99%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(38,165,159,0.48) 35%, rgba(38,165,159,0.48) 74%, rgba(0,0,0,0.98) 99%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(38,165,159,0.48) 35%, rgba(38,165,159,0.48) 74%, rgba(0,0,0,0.98) 99%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26a59f', endColorstr='#000000', GradientType=0 );} .sea-green-bg .gradpatch {background: rgba(38,165,159,0.12); background: -moz-linear-gradient(top, rgba(38,165,159,0.12) 0%, rgba(38,165,159,0.28) 35%, rgba(38,165,159,0.2) 74%, rgba(0,0,0,0.97) 99%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,165,159,0.12)), color-stop(35%, rgba(38,165,159,0.28)), color-stop(74%, rgba(38,165,159,0.2)), color-stop(99%, rgba(0,0,0,0.97)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(38,165,159,0.12) 0%, rgba(38,165,159,0.28) 35%, rgba(38,165,159,0.2) 74%, rgba(0,0,0,0.97) 99%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(38,165,159,0.12) 0%, rgba(38,165,159,0.28) 35%, rgba(38,165,159,0.2) 74%, rgba(0,0,0,0.97) 99%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(38,165,159,0.12) 0%, rgba(38,165,159,0.28) 35%, rgba(38,165,159,0.2) 74%, rgba(0,0,0,0.97) 99%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(38,165,159,0.12) 0%, rgba(38,165,159,0.28) 35%, rgba(38,165,159,0.2) 74%, rgba(0,0,0,0.97) 99%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26a59f', endColorstr='#000000', GradientType=0 );} .red-bg .gradpatch{background: rgba(192,32,48,0.53); background: -moz-linear-gradient(top, rgba(192,32,48,0.53) 0%, rgba(192,32,48,0.4) 74%, rgba(0,0,0,0.98) 99%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(192,32,48,0.53)), color-stop(74%, rgba(192,32,48,0.4)), color-stop(99%, rgba(0,0,0,0.98)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(192,32,48,0.53) 0%, rgba(192,32,48,0.4) 74%, rgba(0,0,0,0.98) 99%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(192,32,48,0.53) 0%, rgba(192,32,48,0.4) 74%, rgba(0,0,0,0.98) 99%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(192,32,48,0.53) 0%, rgba(192,32,48,0.4) 74%, rgba(0,0,0,0.98) 99%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(192,32,48,0.53) 0%, rgba(192,32,48,0.4) 74%, rgba(0,0,0,0.98) 99%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c02030', endColorstr='#000000', GradientType=0 );} .country-img .package-details{position: absolute; bottom: 8px; right: 10px; color: #e0e0e0; font-size: 14px; text-align: right;} .country-img .package-details .package-name{color: #fff; font-size: 22px; display: block; text-align: right; line-height: 26px;} .width50 {width: 50%;} .width100 {width: auto; left: 10px;} .country-img .package-numbers{position: absolute; bottom: 5px; left: 10px; width: auto; color: #fff; font-size: 18px; text-align: left;} /*popular cities end*/ /*top offers section start here*/ .top-offers-container{background: #f8f8f8; padding: 45px 0;} .top-offers-block{text-align: center; margin-bottom: 33px;} .top-offers-block h1{font-size: 30px; color: #363636; font-family: 'poppinslight'; margin-top: 0px;} .top-offers-block h1 span{color: #febf2b;} .top-offers-block p{font-size: 17px; color: #676666; font-family: 'poppinslight'; max-width: 740px; width: 100%; margin: 0 auto; line-height: 24px;} /*Note : also used as parent css of grid view used on inner page starts here*/ .offer-plan-block{border-radius: 3px; overflow: hidden; background: #ffffff; box-shadow: 0 2px 1px rgba(219, 219, 219, 0.9); margin-bottom: 30px;} .plan-image{width: 100%; height: 182px; overflow: hidden;background: #f3f3f3; position: relative;} .plan-image img{width: 100%; min-height: 182px; } .plan-image .no-img-found {min-height: 120px; height: 120px; left: 0; right: 0; margin: 0 auto; width: 120px; position: absolute;top: 50%;transform: translateY(-50%);} .plan-content-block{padding: 8px 12px 12px;} .plan-content-block h5{font-size: 16px; color: #2d3e52; margin-top: 0; margin-bottom: 5px;} .plan-content-block p{font-size: 13px; color: #7e7e7e;height: 33px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;-moz-line-clamp:2;} .rating-block{border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; padding: 3px 0;} .stars-block, .details-btn{float: left;} .stars-block i{color: #969696; font-size: 16px; vertical-align: text-top;} .stars-block .star-acti{color: #ff7200;} .review-count{float: right; color: #a8a8a8; font-size: 12px; margin-top: 2px;} .price-block-details{margin-top: 20px;} .price-block{float: right; font-size: 18px; font-family: 'arial'; color: #f8981d; font-weight: 700; line-height: 25px; margin-top: 3px;} .btn-details{background: #26a59f; border: 1px solid #26a59f; color: #ffffff; height: 30px; padding: 5px 20px; display: block; border-radius: 3px;} .btn-details:hover{background-color: transparent; color: #26a59f} /*Note : also used as parent css of grid view used on inner page ends here*/ /*top offers section ends here*/ /* testimonial css start here*/ #quote-carousel {padding: 0 10px 30px 10px; margin-top: 45px;} #quote-carousel .carousel-control {background: none; color: #5d5c5c; font-size: 16px; font-family: 'poppinslight'; text-shadow: none; margin-top: 30px;} #quote-carousel .carousel-indicators {right: 50%; top: auto; bottom: 220px; margin-right: -19px;} #quote-carousel .carousel-indicators li {width: 80px; height: 80px; margin: 5px -15px; cursor: pointer; border-radius: 50px; opacity: 0.4; transition: all 0.4s; border: none; vertical-align: middle;} #quote-carousel .carousel-indicators li img{height: 100%; width: 100%; border-radius: 50%;} #quote-carousel .carousel-indicators .active {width: 100px; height: 100px; border-radius: 100px; opacity: 1; z-index: 9; position: relative;} #quote-carousel .carousel-inner {min-height: 300px;} #quote-carousel .item blockquote {border-left: none; margin: 0;} /*#quote-carousel .item blockquote p:before {content: "\f10d"; font-family: 'Fontawesome'; float: left; margin-right: 10px;}*/ #quote-carousel .item{margin: 160px 0 0; color: #5d5c5c; font-size: 16px; font-family: 'poppinslight';} #quote-carousel .carousel-control{bottom: auto; top: 70px;} #quote-carousel .carousel-control.left{left: 200px; z-index: 999; width: 42px;} #quote-carousel .carousel-control.right{right: 200px; z-index: 999; width: 42px;} #quote-carousel .quote-mark{background: #febf2b; color: #ffffff; height: 40px; width: 40px; border: 4px solid #ffffff; font-size: 16px; display: block; position: absolute; bottom: -18px; border-radius: 50%; left: 32%; text-indent: 0; padding-top: 3px; display: none;} #quote-carousel .carousel-indicators .active .quote-mark{display: block;} #quote-carousel .carousel-indicators li .quote-mark img{width: auto; height: auto; border-radius: 0;} #quote-carousel .item small{font-size: 16px; font-size: 16px; font-family: 'poppinsmedium'; font-style: italic; color: #febf2b;} #quote-carousel .item small span{color: #757575;} /* testimonial css end here*/ /* Looking for the Best Service Provider block start here*/ .main-block-app-down{padding: 45px 0 0; background-image: url(../../images/front/bg-block-app.png); background-repeat: no-repeat; background-position: bottom center; background-color: #f8f8f8;} .content-down-add{font-size: 30px; color: #363636; margin: 0px 0 15px; line-height: 45px; max-width: 420px; width: 100%;} .content-down-add span{color: #febf2b;} .best-service-listing ul li{margin-bottom: 15px;} .best-service-listing ul li span{font-size: 18px; color: #6a6a6a; font-family: 'poppinslight'; margin-left: 30px; display: block;} .best-service-listing ul li i{color: #3e80c2; float: left; font-size: 16px; margin-top: 4px;} .app-link-send span{font-size: 16px; color: #363636; font-family: 'poppinslight';} .input-block-email{margin-top: 25px; max-width: 440px; width: 100%; height: 40px; position: relative;} .input-block-email input{height: 100%; width: 100%; border: 1px solid #e3e3e3; padding: 0 145px 0 15px;} .input-block-email button{position: absolute; right: 0; top: 0; color: #ffffff; background: #3e80c2; font-size: 14px; height: 100%; border: none; padding: 0 20px;} .btn-playstore button{padding: 0; border: none; background-color: none; margin: 0 18px 0 0 ;} .btn-playstore button:last-child{margin-right: 0;} .btn-playstore button:hover{opacity: 0.7;} .btn-playstore{margin-top: 30px;} /*Looking for the Best Service Provider block end here*/ /* footer block start here*/ .footer-main-block{background: #243642;} .footer-col-block{padding: 40px 0;} .more-txt-block{color: #febf2b; font-size: 13px; display: inline-block;} .p-txt-footer{margin-bottom: 5px; color: #ffffff; font-size: 12px;line-height: 20px;} .footer-col-head{font-size: 18px; color: #febf2b; text-transform: uppercase; margin-bottom: 10px;font-family: 'poppinsmedium';} .down-arrow{display: none;} .points-footer li{ color: #ffffff; } .points-footer li a{color: #ffffff; font-size: 14px; margin-bottom: 11px; transition: 0.5s; display: inline-block;} .points-footer li a:hover{color: #febf2b; margin-left: 5px;} .menu_name.points-footer.btn-footer ul.contact-homelink li{padding-left: 24px;margin-bottom: 15px; position: relative;font-size: 14px;} .menu_name.points-footer.btn-footer ul li span{position: absolute;left: 0px;font-size: 16px;display: inline-block;margin-top: 2px;} .subscri-block-new{height: 40px;border: 1px solid #fff; position: relative; border-radius: 25px; overflow: hidden;} .subscri-block-new input{color: #ffffff; font-size: 14px; background-color: transparent; border: 0px; height: 100%; width: 100%; border-radius: 25px; padding: 0 40px 0 15px;} .subscri-block-new *::-moz-placeholder{color: #fff;} .subscri-block-new button.sent-btns {background-color: #fff; border-radius: 50%; height: 30px; position: absolute; right: 4px; top: 4px; width: 30px; font-size: 16px; padding: 0; border: none;} .footer-col-head.tile-joints{margin: 20px 0;} ul.social-footer{margin: 20px 0 0px;} ul.social-footer li{display: inline-block; margin-right: 5px; margin-bottom: 10px;} ul.social-footer li a{display: block;width: 40px;height: 40px; border: 2px solid #ccc; border-radius: 50%;text-align: center; padding-top: 6px; color: #fff;} ul.social-footer li a:hover{background-color: #55acee;border: 1px solid #55acee; color: #fff;} .copyright-block{text-align: center; color: #c9c9c9; font-size: 15px; border-top: 1px solid #3b4750; margin-top: 55px; padding: 15px 0;} .copyright-block a{color: #febf2b;} .copyright-block a:hover{color: #ccc;} iframe{width: 100%;} /*new css added on 31/07/2017 as per design change*/ .links-tick li{ padding-left: 25px; position: relative;font-size: 13px;} .links-tick li::before{position: absolute; width: 13px; height: 13px; font-size: 15px; left: 5px; top: 0px; content: '\f00c'; font-family: 'fontAwesome'; } /* footer block End here*/ /*****************************HOME PAGE CSS END HERE*****************************/ /*******************************login page starts here***************************/ /*.login-wrapper {background-image: url(../images/login-banner.jpg);background-repeat: no-repeat;background-position: left center;height: 840px;}*/ .login-banner-block {max-width: 385px;padding: 150px 0;width: 100%;} .login-banner-block h1 {color: #5eaeed;font-family:'poppinsSemibold',sans-serif;font-size: 44px;margin: 25px 0 40px; text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.4);} .login-banner-block p {color: #ffffff; margin-bottom: 40px;font-size: 14px;line-height: 24px;} .login-banner-block h5 {color: #ffffff;letter-spacing: 0.4px;font-family: 'poppinsMedium',sans-serif;font-size: 15px;} .login-banner-block h5 a {color: #5eaeed;} .login-section {background-color: #ffffff;margin: 0 auto;max-width: 510px;padding: 110px 0 0 20px;position: relative;text-align: center; width: 100%; height: 840px;} .login-section h1 {color: #272727;font-family: 'poppinsLight',sans-serif;font-size: 34px;margin: 0 0 20px;} .login-section > h5 {color: #272727;font-family: 'poppinsLight',sans-serif;font-size: 14px;margin: 0;} .login-tabs {margin: 40px 0 0;} .responsive-tabs.login-tabs.tabs > nav ul li {float: left;font-size: 16px;width: 50%;} .responsive-tabs.login-tabs.tabs > nav ul li a{letter-spacing: 0.4px;text-transform: uppercase; font-size: 16px;} .responsive-tabs.login-tabs.tabs > nav ul li a span {display: inline-block;padding-right: 10px;vertical-align: top;} .responsive-tabs.tabs > nav ul li.active:first-child a {color: #db1c24;} .responsive-tabs.tabs > nav ul li.active:last-child a {color: #eca819;} .login-tabs.responsive-tabs.tabs > div.content {padding: 25px 0;} .form-group {margin-bottom: 20px;position: relative;text-align: left;} .check-box > p {float: left;} .forget-pw {color: #db1c24;font-size: 13px;float: right;font-family: 'poppinsLight',sans-serif;border-bottom: 1px solid #db1c24;} .forget-pw:hover {color: #eca819;border-bottom: 1px solid #eca819;} .login-btn {margin: 10px 0 35px;} .login-btn > a {background-color: #eca819;color: #ffffff;display: block;font-size: 14px;text-transform: uppercase;letter-spacing: 0.4px;padding: 14px 0;} .or-block {position: relative;} .or-block > span {background-color: #dfdfdf;display: block;height: 1px;width: 100%;} .or-block > p {background-color: #ffffff;color: #424343;font-size: 14px;left: 0;margin: 0 auto;position: absolute;right: 0;text-align: center;top: -9px;width: 65px;} .fb {border: 1px solid #4e71a7;color: #4e71a7;display: inline-block;font-size: 14px;height: 40px;padding: 9px 0;float: left;width: 46%;} .fb:hover {background-color: #4e71a7;color: #fff;transition: 0.3s;} .google-p {border: 1px solid #e44120;color: #e44120;display: inline-block;font-size: 14px;float: right;height: 40px;padding: 9px 0; width: 46%;} .google-p:hover {background-color: #e44120;color: #fff;transition: 0.3s;} .social-btns {margin: 30px 0 0;} .login-tabs .content h5 {color: #272727;font-family: 'poppinsLight',sans-serif;margin-top: 50px;} .login-tabs .content h5 a{color: #db1c24;padding-left: 6px;} .error {color: #ff204a;font-family: 'poppinsLight',sans-serif;font-size: 12px;position: absolute;} .success-msg {background-color: #dff0d8;border: 1px solid #cde5c3;color: #496c3a;padding: 15px;position: absolute;text-align: left; top: 35px;width: 95%;} .error-msg {background-color: #f8e2e3;border: 1px solid #eac2c3;color: #7d3c3f;padding: 15px;position: absolute;text-align: left; top: 35px;width: 95%;} .login-bg {background-color: #ffffff;padding: 0;} .check-box > p {float: left;text-align: left;} /*******************************login page end here***************************/ /*input box effect start*/ .input-box {font-size:14px;padding:0;display:block;height: 40px;width: 100%;border:none;border-bottom:1px solid #d1d1d1;color: #272727; font-family: 'open_sansregular';} .input-box-half{font-size:14px;padding:0;display:inline-block;height: 40px;width: 47%;margin-right: 2%;border:none;border-bottom:1px solid #d1d1d1;color: #272727;} .input-box-half.right{margin-left: 2%; margin-right: 0; width: 47%; float: right; } input.input-box:focus { outline:none; } /*input.input-box:focus ~ label, input.input-box:valid ~ label {top:-20px;font-size:14px;color:#6ac403;}*/ input.input-box:invalid{ outline: none; box-shadow: none; } input.input-box:invalid + label{ } .bar { position:relative; display:block; width:100%; } .bar:before, .bar:after, .bar:before, .bar:after{content:'';height:1px; width:0;bottom:1px; position:absolute;background:#db1c24; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;} .bar:before {left:50%;} .bar:after {right:50%; } input.input-box:focus ~ .bar:before, input.input-box:focus ~ .bar:after, .text-area:focus ~ .bar:before, .text-area:focus ~ .bar:after {width:50%;} input.input-box:focus ~ .highlight, .text-area:focus ~ .highlight {-webkit-animation:inputHighlighter 0.3s ease;-moz-animation:inputHighlighter 0.3s ease; animation:inputHighlighter 0.3s ease;} @-webkit-keyframes inputHighlighter { from { background:#5264AE; } to { width:0; background:transparent; } } @-moz-keyframes inputHighlighter { from { background:#5264AE; } to { width:0; background:transparent; } } @keyframes inputHighlighter { from { background:#5264AE; } to { width:0; background:transparent; } } /*input box effect end*/ /* login/signup checkbox css ends*/ .login-section .check-box [type="checkbox"].filled-in:checked + label:after {top: 2px;width: 20px;height: 20px;border: 2px solid #eca819;background-color: #eca819; z-index: 0; } .login-section .check-box [type="checkbox"].filled-in:not(:checked) + label:after {height: 20px;width: 20px;background-color: transparent;border: 2px solid #5a5a5a; top: 2px;z-index: 0; } .login-section .check-box [type="checkbox"].filled-in + label:after {border-radius: 0px; } /* login/signup checkbox css start*/ /********************************************signup page start*******************************************/ .signup-back {position: fixed; width: 50%;; top: 0; left: 0; height: 100vh;} .signup-back.sign-back2 img, .login-section.login2 {height: 960px;} .signup-back.sign-back2 img{height: 100vh; width: 100%;} /*steps buttons starts */ .login-btn-next {margin: 10px 0 35px; width: 48%; float: right;} .login-btn-next > a {background-color: #eca819;color: #ffffff; border: solid 1px #eca819; display: block;font-size: 14px;text-transform: uppercase;letter-spacing: 0.4px;padding: 14px 0;} .login-btn-back {margin: 10px 4% 35px 0; width: 48%; float: right; } .login-btn-back > a {background-color: #fff; border: solid 1px #eca819; color: #eca819;display: block;font-size: 14px;text-transform: uppercase;letter-spacing: 0.4px;padding: 14px 0;} /*steps buttons ends */ /****************************************************signup page end***************************************/ /*******************************Listing page starts here***************************/ .page-name,.breadcrumb { width: 50%;} .breadcrumb-section{background: #fbfbfb; padding: 6px 0;} .page-name h2, .page-name h1{font-size: #363636; font-size: 16px; padding: 0; margin: 0; line-height: 28px;} .breadcrumb { margin-bottom: 0; background-color: transparent; text-align: right;padding: 4px 0;} .breadcrumb > li + li::before { padding: 0 10px; color: #363636; content: "\f101 "; font-family: 'FontAwesome';} .breadcrumb > .breadcrumb-item.active {color: #f2b11a;} .breadcrumb > .breadcrumb-item {color: #363636; font-size: 12px;} .breadcrumb > .breadcrumb-item:hover, .breadcrumb > .breadcrumb-item:focus {color: #363636;} .listing-section { padding: 20px 0 30px; } /*leftbar start here*/ .leftbar {-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18);-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18);box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; } .leftbar h2 {background-color: #e2e4e6;color: #363636;font-family: 'poppinsmedium',sans-serif;font-size: 18px;line-height: 20px;margin: 0;padding:10px 17px;text-transform: uppercase;border-radius: 5px 5px 0 0;} .cat-panel{padding: 20px 0;} .side-category {padding:0 18px 20px;} .side-category h4 {color: #3e80c2;font-family: 'poppinsmedium',sans-serif;font-size: 16px;margin: 0 0 20px;text-transform: uppercase; cursor: pointer; border-bottom: solid 1px #e1e1e1; padding-bottom: 5px;} .side-category h4 span {float: right;} .side-category .sub-menu li {padding: 0px 0 6px;} .side-category .sub-menu ul a {color: #363636;font-family: 'poppinsLight',sans-serif;font-size: 15px;} .side-category .sub-menu ul a:hover {color: #febf2b;} .price-slider {margin: 25px 8px 0;} .side-category .sub-menu li i {font-size: 20px;padding-right: 10px;} .amount-no {margin-top: 12px;} .side-category .sub-menu ul li label {color: #5a5a5a;font-family: 'poppinsLight',sans-serif;font-size: 15px;} .icon-list { padding-left: 30px; position: relative; line-height: 28px;} .icon-list.accomodation::after{position: absolute; left: 0; top: -3px; width: 20px; height: 20px; display: block; content: '\f236';font-family: 'Fontawesome'; line-height: 20px; color: #f2b11a; font-size: 16px; text-align: center;} .icon-list.things-to-do::after{position: absolute; left: 0; top: -1px; width: 20px; height: 20px; display: block; content: '\f0b1';font-family: 'Fontawesome'; line-height: 20px; color: #f2b11a; font-size: 16px; text-align: center;} .icon-list.packages::after{position: absolute; left: 0; top: -1px; width: 20px; height: 20px; display: block; content: '\f0b1';font-family: 'Fontawesome'; line-height: 20px; color: #f2b11a; font-size: 16px; text-align: center;} .icon-list.coupon::after{position: absolute; left: 0; top: -3px; width: 20px; height: 20px; display: block; content: '\f06b';font-family: 'Fontawesome'; line-height: 20px; color: #f2b11a; font-size: 16px; text-align: center;} .icon-list.transportation::after{position: absolute; top: -2px; width: 20px; height: 20px; display: block; content: '\f207';font-family: 'Fontawesome'; line-height: 20px; color: #f2b11a; font-size: 16px; text-align: center;} /*leftbar ends here*/ /* new css as per design change on 29/07/2017*/ /*Filter & search section css starts here*/ .filter-search { margin-bottom: 17px;} .font-set{font-size: 12px; color: #363636; letter-spacing: 0.7px;} .font-set small{color: #8e8b8b;font-size: 11px; display: block;} .travel-from, .travel-destination, .icon-exchange { display: table-cell; vertical-align: middle; padding: 0 5px;} .modify-search{ color: #8e8b8b; font-size: 12px; background: #fff; border: solid 1px #a6a3a3; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .modal-backdrop.in{z-index: 9999;} .modify-search-modal { z-index: 99999;} .close-sort, .sort-heading, .sort-search-btn { display: none;} /*Filter & search section css ends here*/ /*sorting strip start here*/ .sorting-strip {-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18);-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18);box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; width: 100%;float: left;} .hide-large { display: none;} .sorting-strip .select-style {padding: 0; max-width: 181px; width: 181px; height: 40px; background-position: center right; background-color: #fff; background-image: url('../../images/front/select-arrow.png'); background-repeat: no-repeat; float: left; font-family: 'poppinslight'; font-size: 14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 0px 0 0; } .sorting-strip .select-style select{ padding: 4px 7px 3px;} .sorting-block-w .sorting-block { border-right: solid 1px #e6e6e6; float: left;min-height: 40px;} .sorting-block-w .sorting-block:last-child {border-right: 0 none;} .sorting-block-w .sort-by .sorting-block:last-child {border-right: solid 1px #e6e6e6;} .view-blocks {color: #a6a3a3;font-size: 25px;float: left; width: 99px;text-align: center;line-height: 40px;/*! padding-top: 5px; */font-size: 22px;} .view-blocks:hover, .view-blocks.active{color: #fff; background: #3e80c2;} .sorting-block:last-child .view-blocks:hover, .sorting-block:last-child .view-blocks{border-radius:0 5px 5px 0;} .view-blocks a.active {color: #ed3e2b; } .sorting-block > span {color: #363636;font-family: 'poppinsLight',sans-serif;font-size: 14px;text-transform: uppercase;} .modify-search-modal .location-search-block{ width: 100%; margin: 0 0 10px; } .modify-search-modal .location-search-block input{ border: solid 1px #efefef;} .modify-search-modal .check-in-block, .modify-search-modal .select-style{border: solid 1px #efefef; width: 49%; max-width: 49%; margin: 0 1% 10px 0; border-radius: 5px;} .modify-search-modal .check-out-block, .modify-search-modal .select-members-block{border: solid 1px #efefef; width: 49%; max-width: 49%; margin: 0 0 10px 1%; padding: 0;border-radius: 5px;} .modify-search-modal .search-wrapper .select-style{ padding: 0 10px;} .modify-search-modal .select-members-block .select-style select{ padding: 4px 10px 5px;} /*sorting strip ends here*/ /*list view start here*/ .listing-block { margin: 15px 0;} /*package-block styling css start here*/ /*//Note: old css commented 29/07/2017/.package-block {border-radius: 5px; background: #ffffff; position: relative; height: 203px; overflow-x: hidden; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18);-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18);box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18); margin-bottom: 18px;}*/ /* new css as per design change starts here*/ .package-block {border-radius: 5px; background: #ffffff; position: relative; height: 203px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18);-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18);box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18); margin-bottom: 18px;} /* new css as per design change ends here*/ .package-block:hover {-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.28);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.28);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.28); transition: all ease-in-out 0.3s;} /*package-block styling css ends here*/ /*package-image start here*/ .package-image img{ border-radius: 5px 0 0 5px; height: 203px; display: block; max-width: 100%; height: auto;} .package-image{ width: 271px; position: absolute; left: 0; top:0;min-height: 203px; max-height: 203px; overflow-y: hidden; background:#F3F3F3 none repeat scroll 0 0;} /*.hotel-logo-no {background:#F3F3F3 none repeat scroll 0 0;height: 115px; overflow: hidden; position: relative;text-align: center;width: 100%;}*/ .package-image .no-img-found {height: auto; left: 25%; position: absolute;top: 50%;width: auto; transform: translateY(-50%);min-height: auto;min-width: auto;} /*package-image ends here*/ /*package-details start here*/ /*//Note: old css commented 29/07/2017/ .package-details-info{width: 653px; float: left; ! margin-left: -53px; } .package-details-info { -ms-transform: skew(20deg, 0deg);-webkit-transform:skew(20deg, 0deg);transform: skew(20deg, 0deg);background:#fff; width:673px;z-index:20;padding:10px 75px 0px 0px;font-size:20px;position:absolute;right:-56px;height: 203px;} .rotate-content-details { -ms-transform: skew(-20deg, 0deg);-webkit-transform:skew(-20deg, 0deg);transform: skew(-20deg, 0deg); height: 153px; padding: 0 0 0 50px;margin-top: -15px;}*/ .package-details-info h2{ color: #3e80c2; font-size: 18px; padding: 0; width: 100%; display: block; min-height: 20px;} .package-details-info h2 a {color: #3e80c2;} .package-details-info h2 a:hover {color: #363636;} .package-name-det {max-width: 430px;overflow: hidden;white-space: nowrap;display: block;text-overflow: ellipsis;float: left; margin-right: 10px; font-family: 'poppinsmedium'; letter-spacing: 0.6px;} /*note - stars-block carries parent css from home page css section*/ .package-block .stars-block {width:105px; display: inline-block;float: left;line-height: 14px; margin-top: 2px;} .package-block .stars-block i{font-size: 14px;vertical-align: baseline;} .ratings {font-size: 14px; color:#febf2b;display: block;float: left;line-height: 19px; width: 95px;} .package-location {font-size: 12px; color: #929292; padding-left: 15px; position: relative;margin-bottom: 10px; line-height: 19px;max-width: 530px; overflow: hidden; white-space: nowrap; display: block; text-overflow: ellipsis; width: 100%;} .package-location::before { content: '\f041';font-family: 'Fontawesome'; line-height: 20px; color: #b2b2b2; font-size: 16px; position: absolute; top: 0; left:0; height: 19px;} .package-des{ color: #6b6c6d; font-family: 'poppinslight'; font-size: 15px; max-height: 43px; min-height: 43px; overflow-y: hidden; margin-bottom: 15px!important;width: 100%;} /*//Note: old css commented 29/07/2017/.package-price{ color: #363636; font-size: 20px;width: 100%;}*/ .package-applicable {color: #b2b2b2; font-size: 14px;} .des-points { background: #f5f5f5; min-height: 35px;} /*//Note: old css commented 29/07/2017/ .des-points .rotate-content-details { height: 35px; padding: 0px 12px 0 20px; margin-top: 0;} .listing-set { padding:6px 0; width: 434px; float: left; } .des-points .listing-set li{ float: left; font-size: 13px; color: #646464; margin: 0 10px 0 0; font-family: 'poppinslight'; max-width: 30%; }*/ .disabled-point { opacity: 0.3; -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none;} .package-block .book-btn { background: #c0202f; float: right; color: #fff; border-radius: 5px 0; -webkit-border-radius:5px 0; -moz-border-radius: 5px 0; width: 120px; position: relative; min-height: 35px;transition: none; margin-top: 1px;} /*//Note: old css commented 29/07/2017/ .package-block .book-btn::before{ content:''; background: url(../images/btn-corner.png) no-repeat left top; width: 14px; height: 33px; position: absolute; top: -1px; left: -14px; transition: none; }*/ .package-icon { float: left; margin-right: 5px;} .list-name {display: block; vertical-align: middle; margin-left: 27px; line-height: 23px;} .book-btn:hover, .book-btn:focus, .book-btn.focus, .package-block:hover .book-btn, .red-btn:hover, .red-btn:focus{ color: #fff; background: #26a59f; } .book-btn:hover::before,.package-block:hover .book-btn::before , .position-abs:hover .book-btn::before{background: url(../../images/front/btn-corner-hover.png) no-repeat left top;} .book-btn, .red-btn{position:relative;overflow:hidden;transform:translate3d(0,0,0)} .book-btn:after, .red-btn:after, .package-block .book-btn:after {content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#000 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10,10);opacity:0;transition:transform .5s,opacity 1s} .book-btn:active:after, .red-btn:active:after, .package-block .book-btn:active:after {transform:scale(0,0);opacity:.2;transition:0s} /* new css as per design change starts here*/ /*new package-details css start here*/ .package-details-info { background:#fff; width:617px;z-index:20;padding:10px 0px 0px 0px;font-size:20px;position:absolute;right:0px;height: 203px;} .rotate-content-details {height: 153px; padding: 0 30px;margin-top: -15px;} .listing-set { padding:6px 0; width: 100%; float: left; height: 34px; overflow: hidden;} .listing-set li{ float: left; font-size: 13px; color: #646464; margin: 0 10px 10px 0; font-family: 'poppinslight'; max-width: 30%; } .des-points .rotate-content-details { height: 35px; padding: 0px; margin-top: 0;} .package-block .book-btn::before{ display: none; } .package-price{ color: #363636; font-size: 20px;width: 100%; float: left; box-sizing: border-box; max-width: 493px; padding-left: 30px; margin-top: 5px;} /*new package-details css ends here*/ /* new css as per design change ends here*/ /*package-details ends here*/ /*list view ends here*/ /*grid view starts here*/ .grid-block{ margin: 27px 0 0;} /*Note: parent css of this grid view of package list is mentioned in home page css section*/ .grid-block .offer-plan-block:hover { -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.28);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.28);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.28); transition: all ease-in-out 0.3s; } .grid-block .offer-plan-block:hover .btn-details{background: #26a59f; color: #fff; } .grid-block .offer-plan-block .btn-details{background: #c0202f; border: none 0; color: #fff; } /*grid view starts here*/ /*paging start here*/ .paging {margin: 25px 0;} .no-margin-bottom {margin-bottom: 0;} .paging ul {text-align: right;} .paging ul li {background-color: #fff;/*! border-radius: 50%; *//*! -moz-border-radius: 50%; *//*! -webkit-border-radius: 50%; */display: inline-block;height: 29px;margin-left: 6px;text-align: center;width: 29px;-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);} .paging li a {color: #26a59f;display: inline-block;font-size: 16px;padding: 5px 0;vertical-align: top;} .paging li:hover, .paging li.active {transition: 0.3s; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);} .paging li:hover, .paging li.active {color: #fff;transition: 0.3s; background: #26a59f;} .paging li:hover a, .paging li.active a, .paging li:hover, .paging li.active {color: #fff;transition: 0.3s;} .paging ul li i {font-size: 18px;} /*paging ends here*/ /*******************************Listing page ends here***************************/ /*******************************Listing Detail starts here***************************/ .details-page {position: relative;} .breadcrumb-transparent{position: absolute; width: 100%; background: rgba(255,255,255,0.2); color: #fff;top: 0;left: 0;right: 0;margin: 0 auto; z-index: 3;} .breadcrumb-transparent .breadcrumb > .breadcrumb-item a{ color: #f2b11a;} .breadcrumb-transparent .breadcrumb > .breadcrumb-item.active, .details-page .breadcrumb > li + li::before, .breadcrumb-transparent .breadcrumb > li + li::before{ color: #fff;} .inner-bannerimg{position: relative;max-height: 280px; overflow-y: hidden} .inner-bannerimg img{width: 100%; } .inner-bannerimg::before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); content: ''; z-index: 2;} .listing-details { position: relative; z-index: 3;} /*css for overview-details starts here*/ .overview-details {max-width:751px; width: 100%; margin-top: -96px; float: left; margin-bottom: 30px;} /*note - structure of tab / accordian is mentioned in responsivetabs.css*/ .tab-cont {padding: 27px 0 0;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); border-radius:0 0px 5px 5px; -webkit-border-radius: 0 0px 5px 5px; -moz-border-radius: 0 0px 5px 5px; background: #fff; min-height: 400px;} .tab-cont h2{ margin: 0 0 0px; padding: 0px 20px 15px; font-size: 18px; color: #363636; font-family: 'poppinsregular'; border-bottom: solid 1px #e9e9e9;} .tab-text { padding: 17px 20px 24px; font-family: 'poppinslight'; font-size: 14px; color: #666666; line-height: 24px;} .tab-text p{ padding-bottom: 0; margin-bottom: 0;} .tab-text ul { } .rooms-facilities li{ float: left; width: 33%; margin: 0px 0 15px; box-sizing: border-box; padding-right: 5px;} .rooms-facilities li span { display: inline-block; vertical-align: middle; font-size: 14px; font-family: 'poppinslight'; color: #363636;} .rooms-facilities li span.facility-icon{width: 41px; height: 36px; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius: 5px; margin-right: 14px;} .facility-parking span.facility-icon{background: url(../../images/front/facilities-sprint.png) no-repeat 0 0 #f5f5f5;} .facility-laundry span.facility-icon{background: url(../../images/front/facilities-sprint.png) no-repeat -41px 0 #f5f5f5;} .facility-wifi span.facility-icon{background: url(../../images/front/facilities-sprint.png) no-repeat -82px 0 #f5f5f5;} .facility-breakfast span.facility-icon{background: url(../../images/front/facilities-sprint.png) no-repeat -123px 0 #f5f5f5;} .facility-television span.facility-icon{background: url(../../images/front/facilities-sprint.png) no-repeat -164px 0 #f5f5f5;} .facility-swimming span.facility-icon{background: url(../../images/front/facilities-sprint.png) no-repeat 0 -37px #f5f5f5;} .facility-playstation span.facility-icon{background: url(../../images/front/facilities-sprint.png) no-repeat -41px -37px #f5f5f5;} .facility-dvd span.facility-icon{background: url(../../images/front/facilities-sprint.png) no-repeat -82px -37px #f5f5f5;} .facility-gym span.facility-icon{background: url(../../images/front/facilities-sprint.png) no-repeat -123px -37px #f5f5f5;} .facility-kitchen span.facility-icon{background: url(../../images/front/facilities-sprint.png) no-repeat -164px -37px #f5f5f5;} .margin-top-15px {margin-top: 15px;} .allowed-facilities li, .not-allowed-facilities li{ float: left; width: 25%; box-sizing: border-box;margin: 0px 0 15px; } .allowed-facilities span{ padding: 5px 0 5px 24px; background: url(../../images/front/allowed-icon.png) no-repeat left center; line-height: 24px;} .not-allowed-facilities span{ padding: 5px 0 5px 24px; background: url(../../images/front/not-allowed-icon.png) no-repeat left center; line-height: 24px;} .map-frame {padding:0 20px 20px;} .tab-text-new {padding: 0px 20px 28px;} .tab-text-new .demo-gallery{margin: 0px -5px;} .demo-gallery li { width: 25%; margin:0px; float: left; } .demo-gallery li a{margin: 5px; border: 1px solid #ccc;display: block;border-radius: 3px;} .demo-gallery li img{ width:100%; height: 148px; margin: auto;} .no-images{background:#F3F3F3 none repeat scroll 0 0;height: 215px; width: 215px; overflow: hidden; position: relative;text-align: center; margin: 0 auto 15px; display: block;} .no-images-available { margin: 15px 0 0;} .no-images .no-img-found {height: auto; left: 0; right: 0; margin: 0 auto; position: absolute;top: 50%;width: auto; transform: translateY(-50%);} .no-data-message {color: #363636;font-family: 'poppinsmedium'; } .review li{border-bottom: solid 1px #e9e9e9; padding: 0 0 18px; margin-bottom: 18px;} .review-image {display: table-cell; min-width: 97px; vertical-align: top;} .review-image img{width: 79px; height: 79px; overflow: hidden; border: solid 4px #ededed; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;} .review-details {display: table-cell; width:100%; vertical-align: top;} .review-details h4{ color: #2b3a39; font-size: 14px; margin: 0; font-family: 'poppinsmedium';} .review-details p{color: #565656; font-family: 'poppinslight'; line-height: 22px;} .review-details a{ color: #26a59f;font-family: 'poppinsregular'; font-size: 13px;} .review .stars-block {display: block; float: none; } .review .stars-block i{ font-size: 14px; } .review li:last-child{ border-bottom: none 0; margin-bottom: 0;} .no-data-message {background: #f3f3f3; border: dashed 2px #e9e9e9; padding: 10px 20px;} .tab-cont-border{ background: #fff; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 25px 0;} .green-heading {color: #26a59f; font-family: 'poppinsmedium'; font-size: 18px; font-weight: normal; margin: 18px 0;} .form-fields .input-box{ border-top: none 0; border-right: none 0; border-left: none 0; border-bottom: solid 1px #cdcdcd; margin-bottom: 20px; font-family: 'poppinslight'; padding: 0 10px; transition: all ease-in-out 0.3s;} .form-fields .text-area-input { border-top: none 0; border-right: none 0; border-left: none 0; border-bottom: solid 1px #cdcdcd; width: 100%; margin-bottom: 20px; font-family: 'poppinslight'; height: 101px; padding: 8px 10px 0 10px; transition: all ease-in-out 0.3s;} .form-fields .input-box:focus, .form-fields .text-area-input:focus { border-bottom: solid 1px #26a59f; } /*new css added as per design change starts*/ .passenger-list.table-responsive { border: none 0;} .passenger-list .table > tbody > tr > td{ border-top: none 0;} .passenger-list .table {width: 100%; display: table;} .passenger-list .table-row{ display: table-row; width: 100%;} .passenger-list .table-row.heading {background: #f5f5f5;} .passenger-list .table-cell{display: table-cell; vertical-align: middle; padding: 10px; text-align: center; color: #6f6e6e; border-bottom: solid 1px #f0f0f0; border-top: none 0;} .passenger-list .heading .table-cell{ color: #c0202f;} /*new css added as per design change ends*/ /*css for overview-details ends here*/ /*package booking summary start here*/ .package-summary {max-width:355px; width: 100%; margin-top: -46px; margin-bottom: 30px;float: right;} .summary-info{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); margin-bottom: 30px; } .package-summary-label {background: #26a59f; color: #fff; padding: 13px 0; font-size: 18px; margin: 0; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; line-height: 20px; font-family: 'poppinsmedium'; letter-spacing: 0.10px;} .package-booking{ padding: 20px;} .hotel-logo{height: 115px;} .hotel-logo img{ height: 115px; overflow-y: hidden;} .hotel-logo-no {background:#F3F3F3 none repeat scroll 0 0;height: 115px; overflow: hidden; position: relative;text-align: center;width: 100%;} .hotel-logo-no .no-img-found {height: auto;max-width: 80px; left: 0; right: 0; margin: 0 auto; position: absolute;top: 50%;width: auto; transform: translateY(-50%);} /*note - stars-block carries parent css from home page css section*/ .package-summary .stars-block{ margin: 12px auto 8px; display: block; float: none;} .booking-price {font-family: 'poppinssemibold'; color: #3e80c2; font-size: 21px; line-height: 22px;} .booking-price span{font-family: 'poppinsregular'; color: #878787; font-size: 14px; text-transform: capitalize;line-height: 22px; display: inline-block; margin-top: -2px;vertical-align: top;} .summary-info hr.mar15px{ margin: 15px 0;} .booking-details { padding-top: 15px;} .date-field input{ border-top: none 0; border-right: none 0; border-bottom: solid 1px #d7d7d7; border-left: none 0; transition: all ease-in-out 0.3s; padding-left: 25px; position: relative; background-color: transparent; height: 25px; font-size: 14px; width: 100%; margin-bottom: 25px;} .date-field input:focus { border-bottom: solid 1px #26a59f; } .date-field i { /*font-family: 'Fontawesome'; content: '\f073'; */ left: 17px; top: 5px; height: 22px; width: 25px; position: absolute; color: #26a59f; } .guest-count {margin-bottom: 25px;} .guest-label { min-width: 50px; display: table-cell; vertical-align: middle;} .guest-info {min-width: 100%; display: table-cell; border-bottom: solid 1px #d7d7d7; vertical-align: middle;} .guest-btn { border: none 0; background: transparent; float: left; padding: 0; width: 25px; height: 24px; color: #26a59f; font-size: 14px;} .guest-input { border: none 0; width: 40px; float: left; text-align: center; margin: 0;height: 24px;} .guest-label-name, .guest-label-count { margin-bottom: 20px;} .less-btm { margin: 0 0 10px;} .total-amt-label, .total-amt-price{ font-size: 15px; color: #26a59f; font-family: 'poppinsmedium'; margin-bottom: 20px; } /*package booking summary ends here*/ /*need help box start here*/ .need-help-box{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); padding: 24px;} .need-help-box p{font-size: 20px; font-family: 'poppinsmedium'; margin: 17px 0 13px; color: #363636; line-height: 20px; } .need-help-box p span{ color: #ffc91b; } .need-help-box h2 {font-family: 'poppinsmedium'; color: #c0202f; padding: 0; margin: 0 0 5px; font-size: 25px; line-height: 25px; } .need-help-box small{font-family: 'poppinsmedium';color: #363636; line-height: 14px; font-size: 14px; } /*need help box ends here*/ .similar-accomodation-head{ border-bottom: solid 1px #cdcdcd; padding: 0 0 8px 35px; margin:0 0 21px; font-size: 17px; position: relative;} .similar-accomodation-head::before { font-family: 'Fontawesome'; content:'\f236'; color: #26a59f; position: absolute; width: 24px; height: 10px; left: 0; top: -3px; font-size: 20px;} /*******************************Listing Detail page ends here***************************/ /*******************************Booking Process page starts here***************************/ .booking-process {padding: 42px 0 39px;} .booking-process .package-summary, .booking-process .overview-details{margin-top: 0;} /*Step Section starts*/ /*Note : old css as per changes*/ /*.cart-section-block {margin: 0 auto 43px; max-width: 100%; text-align: center; width: 100%;text-align: center;position: relative;} .cart-section-block::before {background: #d6d4d4;content: "";display: block;height:2px;left:0px;right: 0;margin:0 auto;position: absolute;text-align: center;top:23px;width:68%;} .cart-step-one {display: inline-block; position: relative; width: 32.0%;padding: 0 0 43px; } .step-one {background: #d6d4d4; border-radius: 50%; display: inline-block; height: 50px; padding-top: 0px; text-align: center; width: 50px; line-height: 50px;} .step-active {background: #3e80c2; } .num-step {color: #363636; font-family: 'poppinsregular'; font-size: 18px;display: block;} .step-active .num-step{color: #ffffff;} .num-step-hide {display: none;} .step-tick {display: block; margin-top: 14px;} .name-step {bottom: -33px; color: #545454; font-family: 'poppinsregular'; font-size: 14px; left: 0px; position: absolute;} .name-step-confirm {top:60px; left:0px; position: absolute;display: block;color: #545454; font-family: 'poppinsregular'; font-size: 15px;width: 100%; line-height: normal;} .step-tick > img {width: 22px;}*/ /*steps process*/ .process-bx {min-height: 84px;margin-bottom: 29px;} .plan-detail.left2.post-intvs-rit{width: 200px;left: -70px;} .plan-detail.left1.post-intvs{width: 200px;left: -60px;} .normal_step {background: #d6d4d4 ;border-radius: 50%; color: #434343; font-family: 'poppinsmedium',sans-serif;font-size: 21px;height: 100%;padding: 2px;text-align: center;width: 100%;} .plan-detail {left: -30px;position: absolute;width: 124px;} .active_step {background: #3e80c2;} .step_bor{/*border: 5px solid rgba(0, 0, 0, 0.05);*/ border-radius: 50%;height: 46px;margin: 0 auto;position: relative;top: 0;width: 46px; line-height: 46px;} .step_process{ display: inline-block;height: 10px;max-width: 60px;min-height: 54px;position: relative;text-align: center;width: 100%;} .center-row {float: none;text-align: center;} .active-step.step_bor {/*border-color:rgba(252, 87, 92, 0.2)*/} .bg_i {margin: -7px -10px;background: url(../../images/front/process-steps.jpg) repeat-x scroll 0 3px rgba(0, 0, 0, 0);display: inline-block; vertical-align: middle;width: 34%;} .bg_i.active {background: url(../../images/front/process-steps-active.jpg) repeat-x scroll 0 3px rgba(0, 0, 0, 0);} .active.step_title {color: #3e80c2;} .active_step.normal_step {color: #fff;} .process_steps {margin: 106px auto 0 -4px;min-height: 91px;} .step_title {color: #434343;font-family: 'poppinsmedium',sans-serif;font-size: 14px;letter-spacing: 0.4px;line-height: 18px; margin-top: 6px;} .center-row {text-align: center;} .process-tick {vertical-align: middle;} /*step process end */ /*Step Section ends*/ /*review booking section starts*/ .review-booking{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11);} .review-booking-head{border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; background: #3e80c2; padding: 15px 22px; font-family: 'poppinsmedium', sans-serif; color: #fff; font-size: 20px; letter-spacing: 0.8px; width: 100%;} .back-btn-review-book{ float: right; font-family: 'poppinslight', sans-serif; font-size: 16px; color: #fff;} .back-btn-review-book .btn-back{ color: #fff; background: transparent; padding: 0; margin: 0; line-height: 16px; border: none 0; font-size: 16px; display: inline-block; } .review-booking-details {background: #fff; padding: 20px;border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; width: 100%; } /*review booking section ends*/ /*******************************Booking Process page ends here***************************/ /*******************************User layout common css starts here***************************/ /*User After login menu css start*/ /*note : parent css in common css*/ .logout-icon {position: relative; padding-left:24px!important; display: block; line-height: 24px;} .logout-icon::before{ content: '\f08b'; font-family:'Fontawesome'; position: absolute; left: 0; top: 0px; width: 20px; font-size: 20px;} .header-home .logout-icon::before{ color: #fff;} .inner-header .logout-icon::before{color: #a0a0a0;} .profile-icon {position: relative; padding-left:28px!important; display: block; line-height: 24px;} .header-home .profile-icon {background: url(../../images/front/profile-icon-white.png) no-repeat left center; } .inner-header .profile-icon{background: url(../../images/front/profile-icon.png) no-repeat left center; } /*User After login menu css ends*/ /*User page css start*/ .dashboard {position: relative;} .user-details {z-index: 3;position: relative; margin-bottom: 30px;} .inner-bannerimg.less-height{max-height: 280px;} /*sidebar css start*/ .user-side-menu { margin-top: -52px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .sidebar-heading{background: #3e80c2;color: #ffffff;font-size:15px;padding:14px 20px; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; font-family: 'poppinsmedium', sans-serif; font-weight: normal; text-transform: uppercase;} .plus-icon {float: right;padding-top: 13px;} .submenu{text-indent:10px !important;} .sub-me.sub_menu a {text-indent: 20px !important;} .sub-me .sub_menu1 .has-sub > a{text-indent: 30px !important;} #cssmenu1{-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;} #cssmenu1 > ul{ background:#f9f9f9;} #cssmenu1 li:last-child a, #cssmenu1 li:last-child{border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-bottom: none 0; } .side-icon #cssmenu1 li {background-image: none;} .side-icon .last.active > a {background-image: none;} #cssmenu1 > ul > li > a:hover, #cssmenu1 > ul > li > a.active {color:#eca819; text-decoration: none; background: url(../../images/front/minus-sign.png) no-repeat 12px center #fff9ea;} #cssmenu1 li li a:hover, #cssmenu1 li li a.active {color:#eca819; text-decoration: none; background: #fff9ea;} .last.active > a {color: #30bb50 !important;} .last .act{color: #30bb50 !important;} #cssmenu1 li a{ font-size:15px; color:#222222; padding:15px 15px 15px 22px; display:block;border-bottom:1px solid #ddd; line-height: normal;} #cssmenu1 > ul > li > a{ position: relative; background: url(../../images/front/minus-sign.png) no-repeat 8px center; } #cssmenu1 li li a { border-bottom: none 0; padding:11px 15px 11px 25px;} #cssmenu1 li ul{border-bottom:1px solid #ddd;} #cssmenu1 .plus-icon{ padding-top: 3px;} /*sidebar css end*/ /*User pages basic layout starts here*/ .user-detail-panel {position: relative; margin-top: -52px;} .user-layout { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11);} .user-layout.noshadow{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .user-layout-head {background: #f5f5f5;color: #3e80c2;font-size:15px;padding:14px 20px; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; font-family: 'poppinsmedium', sans-serif; font-weight: normal; text-transform: uppercase;border-bottom: solid 1px #fff;} .user-layout-details { border-top: solid 1px #e5e5e5; padding: 28px 27px 24px;border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;background: #fff;} .user-layout-details .red-btn{min-width: 115px;} /*User pages basic layout ends here*/ /*user details form start*/ .input-float-label{ position: relative; padding-bottom: 20px; width: 100%;margin-bottom: 10px;} .input-float-label > label { position: absolute;top: 8px; bottom: 0; left: 0;width: auto;transition: 0.2s; color: #888888; font-size: 14px;z-index: 1; font-family: 'open_sansregular';} .input-float-label textarea.input-box ~ label {top: 8px;} .input-float-label .input-box:focus + label {top: 0px;}/* .input-float-label .input-box:focus {border-bottom: solid 1px #26a59f;} */ .input-float-label .input-box{height: 40px; transition: all ease-in-out 0.1s;} .input-float-label .input-box-half{height: 40px; transition: all ease-in-out 0.1s;} .input-float-label textarea.input-box{ padding: 10px 0 0;} .input-float-label .input-box:invalid{ outline: none; box-shadow: none; } .input-float-label.css.active label{top:-8px;font-size:12px;color:#888888;} .input-float-label input.input-box:focus ~ label, /*.input-float-label input.input-box:valid ~ label, .input-float-label textarea.input-box:valid ~ label, .input-float-label textarea.input-box:focus ~ label,*/ .input-float-label.select-style label, .default label{top:-8px;font-size:12px;color:#888888;} .input-float-label.select-style { max-width: 100%; background-position: right 15px;} .input-float-label .bar:before,.input-float-label .bar:after,.input-float-label .bar:before, .input-float-label .bar:after{background:#26a59f; height: 2px;bottom: 0px; z-index: 999;} select.input-box:focus ~ .bar:before, input.input-box:focus ~ .bar:after, textarea:focus ~ .bar:before, textarea:focus ~ .bar:after {width:50%;} select.input-box:focus ~ .highlight, .textarea:focus ~ .highlight {-webkit-animation:inputHighlighter 0.3s ease;-moz-animation:inputHighlighter 0.3s ease; animation:inputHighlighter 0.3s ease;} @-webkit-keyframes inputHighlighter { from { background:#5264AE; } to { width:0; background:transparent; } } @-moz-keyframes inputHighlighter { from { background:#5264AE; } to { width:0; background:transparent; } } @keyframes inputHighlighter { from { background:#5264AE; } to { width:0; background:transparent; } } .input-float-label .select2{border-bottom: solid 1px #d1d1d1; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius:0;height: 40px; /*! padding-bottom: 20px; */ text-indent: -2px;} @media all and (-webkit-min-device-pixel-ratio:0) { .input-float-label .select2{text-indent: 0px;} } .error-message {font-size: 12px; color: #dc0000; position: absolute; bottom: 0;} .upload-image {padding-bottom: 20px; position: relative;margin-bottom: 20px;} /*user details form ends*/ /*******************************User layout common css ends here***************************/ /*******************************User Dashboard page starts here***************************/ /*profile statistics css start*/ .profile-stats { background: #fff; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom: 30px; display: block;} .profile-stats .profile-stats-head{color: #363636;font-size:15px;padding:14px 20px; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; font-family: 'poppinsmedium', sans-serif; font-weight: normal; text-transform: uppercase; border-bottom: solid 1px #e5e5e5;} .profile-stats .profile-stats-summary{padding: 42px 19px 54px;} .profile-stats .profile-stats-img{ width: 111px; height: 111px; overflow: hidden; margin: 0 auto 13px;} .profile-stats .profile-stats-img img{border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius: 50%; width: 111px; height: 111px; } .profile-stats-info h4{ font-family: 'poppinsregular', sans-serif; font-size: 16px; color: #363636; margin: 0 0 5px; line-height: 14px;} .profile-stats-info .email-profile{ color: #a9a9a9; font-size: 14px; font-family: 'poppinslight', sans-serif; margin-bottom: 15px;} .profile-stats-info .progress-bar { width: 100%; background: #e2e2e2; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; height: 7px; border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; margin-bottom: 5px;display: block;} .profile-stats-info .progress-bar .progress-highlight{background: #5eaeed; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; padding: 0 0 7px; display: block;} .profile-stats-info .prof-complete{font-family: 'poppinsmedium', sans-serif; font-size: 18px; color: #db1c24; } .profile-stats-info .prof-complete small{ font-size: 12px; color: #6e6e6e;font-family: 'poppinslight', sans-serif; } .profile-stats-info .prof-status{font-family: 'poppinsregular', sans-serif; color: #6e6e6e; font-size: 14px; margin-bottom: 0px;} .profile-stats-info .prof-status span{color: #5eae17; } /*profile statistics css ends*/ /*blocks css start*/ .block-box {background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding:14px 21px 45px;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); margin-bottom: 30px;} .block-box .block-box-head{ text-transform: uppercase; font-size: 16px; color: #363636; line-height: normal; position: relative; height: 30px; margin-bottom: 15px;} .block-box .icon-block{position: absolute; top: -5px; right: -10px;} .block-box .block-value span{ display: inline-block; vertical-align: middle; } .block-box .block-value .value{ font-family: 'poppinslight', sans-serif; font-size: 50px; line-height: 45px; position: relative; margin-top: 8px; margin-right: 10px;} .block-box .block-value .value small{font-size: 14px; position: absolute; bottom:-20px; left: 0; line-height: 14px; color: #a9adb1; } .block-box .value-label{font-family: 'poppinslight', sans-serif; font-size: 16px; color: #a9a9a9; } .value-label strong{font-weight: normal; display: block; line-height: 18px;} .value.bookings{color: #eca819;} .value.accomodation{color: #26c6da;} .value.things{color: #16a085;} .value.transportation{color: #db1c24;} .value.events{color: #26c6da;} .value.coupons{color: #78c435;} /*blocks css ends*/ /*******************************User Dashboard page ends here***************************/ .heading-2{ margin: 0 -28px 25px; padding:15px 27px 8px; font-size: 16px; color: #363636; font-family: 'poppinsmedium'; border-bottom: solid 1px #e9e9e9; text-transform: uppercase;} /*******************************User Accomodaton list page starts here***************************/ /*note parent css to this patch is mentioned in listing page css was not able to use same css as wanted to keep view button out of div which was not acquirable with those css*/ /*note old css commented on 01.08.2017 .user-layout-details .package-block{ box-shadow: none; overflow: visible;height: 156px; margin-bottom: 30px;} .user-layout-details .package-image {max-width: 225px; max-height: 156px; min-height: 156px; } .user-layout-details .package-image img{ min-height: 156px; height: 156px;} .user-layout-details .package-details-info{ width: 591px; position: relative; margin-left: 204px;height: 156px;} .user-layout-details .package-details-info::before{content: ''; width:28px; -ms-transform: skew(10deg, 0deg);-webkit-transform: skew(10deg, 0deg); transform: skew(10deg, 0deg); left:-13px; padding: 0;background: #fff;height: 100%;position: absolute;} .user-layout-details .package-details-info, .user-layout-details .rotate-content-details{-ms-transform: skew(0deg, 0deg);-webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); right:0; padding: 0; } .user-layout-details .package-details-info > .rotate-content-details{ height: 121px; margin-top: 0; margin-left: 19px; font-size: 14px;} .user-layout-details .package-details-info > .rotate-content-details h2{margin: 0; color: #c0202f;} .user-layout-details .package-name-det { max-width: 360px;} .user-layout-details .package-details-info > .rotate-content-details h2 small{color: #6f6e6e; font-size: 15px; font-weight: normal; font-family: 'poppinslight', sans-serif; margin-left: 11px; } .user-layout-details .package-details-info .booking-details { padding-top: 20px;} .user-layout-details .package-details-info .booking-details .book-info{ margin-bottom: 15px;font-family: 'poppinslight', sans-serif; letter-spacing: 0.5px; font-size: 14px;} .user-layout-details .package-details-info .booking-details .book-info span{font-family: 'poppinsregular', sans-serif; font-weight: normal; letter-spacing: 1.4px; width: 130px; display: inline-block; font-size: 14px;} .user-layout-details .des-points::before {content: ''; width:5px; -ms-transform: skew(10deg, 0deg);-webkit-transform: skew(10deg, 0deg); transform: skew(10deg, 0deg); left:-2px; padding: 0;background: #f5f5f5;height: 100%;position: absolute; } .user-layout-details .des-points .listing-set {width: 454px; margin-left: 24px;padding: 8px 0;} .user-layout-details .des-points .listing-set li{ max-width: 50%; margin-right: 18px; font-size: 13px; color: #434040;} .user-layout-details .des-points{ width: 100%; position: absolute;z-index: 9;bottom: 0; float: left;} .user-layout-details .package-block .book-btn{ margin-right: -27px;}*/ /*new css added on 01.08/2017 as per design change css starts here*/ .user-layout-details .package-block{ box-shadow: none; overflow: visible;height: 156px; margin-bottom: 30px;} .user-layout-details .package-image {max-width: 225px; max-height: 156px; min-height: 156px; } .user-layout-details .package-image img{ min-height: 156px; height: 156px;} .user-layout-details .package-image img.no-img-found{ min-height: auto; height: auto;min-width: auto; width: auto;} .user-layout-details .package-details-info{ width: 591px; position: relative; margin-left: 204px;height: 156px;} .user-layout-details .package-details-info, .user-layout-details .rotate-content-details{-ms-transform: skew(0deg, 0deg);-webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); right:0; padding: 0; } .user-layout-details .package-details-info > .rotate-content-details{ height: 121px; margin-top: 0; margin-left: 19px; font-size: 14px;} .user-layout-details .package-details-info > .rotate-content-details h2{margin: 0; color: #c0202f;} .user-layout-details .package-name-det { max-width: 360px;} .user-layout-details .package-details-info > .rotate-content-details h2 small{color: #6f6e6e; font-size: 15px; font-weight: normal; font-family: 'poppinslight', sans-serif; margin-left: 11px; } .user-layout-details .package-details-info .booking-details { padding-top: 20px;} .user-layout-details .package-details-info .booking-details .book-info{ margin-bottom: 15px;font-family: 'poppinslight', sans-serif; letter-spacing: 0.5px; font-size: 14px;} .user-layout-details .package-details-info .booking-details .book-info span{font-family: 'poppinsregular', sans-serif; font-weight: normal; letter-spacing: 1.4px; width: 130px; display: inline-block; font-size: 14px;} .user-layout-details .des-points .listing-set {width: 454px; margin-left: 24px;padding: 8px 0;} .user-layout-details .des-points .listing-set li{ max-width: 50%; margin-right: 18px; font-size: 13px; color: #434040;} .user-layout-details .des-points{ width: 100%; position: absolute;z-index: 9;bottom: 0; float: left;} .user-layout-details .package-block .book-btn{ margin-right: -27px;} .user-layout-head.with-dropdown{ padding-right: 242px; position: relative;} .layout-head-dropdown { width: 202px; position: absolute; top: 9px; right: 15px; height: 32px; } .layout-head-dropdown .select-style{ width: 100%; max-width:100%; margin: 0; height: 32px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.22); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.22); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.22); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; min-height: 32px;} .layout-head-dropdown .select-style select{padding: 5px;height: 100%;} /*new css added on 01.08/2017 as per design change css ends here*/ /*******************************User Accomodaton list page ends here***************************/ /***************************User Story board list page starts here****************************/ /*note parent css to this patch is mentioned in listing page css was not able to use same css as wanted to change content settings*/ .user-layout-regular { padding: 30px 0; background: #f6f7f8;} .user-layout-regular .package-des{ color: #6b6c6d; font-size: 13px; min-height: 94px; max-height: 94px; line-height: 24px;} .user-layout-regular .package-name-det{ color: #26a59f; max-width: 100%;font-family: 'poppinsregular', sans-serif;} /*note old css on 31/07/2017 .user-layout-regular .category{ font-size: 14px; color: #858585;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}*/ /*new css added on 31/07/2017 starts*/ .user-layout-regular .category{ font-size: 14px; color: #858585;max-width: 528px; float: left; padding: 8px 20px 8px 30px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .user-layout-regular .category span{color: #363636;} .user-layout-regular .rotate-content-details{ height: 148px; margin-top: -10px;} .user-layout-regular .des-points .rotate-content-details{ height: 35px; margin-top: 0;} .icon-bg-btn.red-btn{ background: #c0202f; color: #fff; border-radius: 0 0 5px 0; -webkit-border-radius:0 0 5px 0; -moz-border-radius:0 0 5px 0; } .icon-bg-btn i{font-size: 18px;} .icon-bg-btn{ background: #fefefe;} /***************************User Story board list page ends here****************************/ /***********************User story edit page starts here ************************/ /*new profile image upload demo start*/ .profile-img-block {position: relative; width: 175px;} .pro-img {display: block;height: 145px;width: 175px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius; 5px; } .pro-img img {height: 100% ; width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;border: dashed 1px #cdcdcd;} .update-pic-btns {margin: 10px 0 0;position: absolute;width: 175px; height: 145px; top: 0; left:0; z-index: 999;} .attachment_upload {height: 145px;left: 0;opacity: 0; top: 0; position: absolute;top: 0;width: 175px; } .pro-img {border-radius: 0 5px 0 0;} /*new profile image upload demo end*/ .input-float-label textarea.input-box.height30px {height: 55px; padding-bottom: 5px;} .pro-img-doc {display: block;height: 80px;width: 80px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius; 5px; } .pro-img-doc img {height: 100%;width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;border: dashed 1px #cdcdcd;} /*css changed as per new design requirement starts here*/ .profile-img-block {position: relative;/* width: 80px; */} .pro-img {display: block;height: 145px;width: 175px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius; 5px; } .pro-img img {height: 100%;width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius; 5px;border: dashed 1px #cdcdcd;} .update-pic-btns {margin: 0;position: absolute;width: 80px; height: 80px; top: 0; left:0; z-index: 999;} .attachment_upload {height: 80px;left: 0;opacity: 0; top: 0; position: absolute;top: 0;width: 80px; } .pro-img {border-radius: 0 5px 0 0;} /*new profile image upload demo end*/ .input-float-label textarea.input-box.height30px {height: 55px; padding-bottom: 5px;} .pro-img-doc {display: block;height: 80px;width: 80px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius; 5px; } .pro-img-doc img {height: 100%;width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius; 5px;border: dashed 1px #cdcdcd;} /*css changed as per new design requirement ends here*/ /***********************User story edit page ends here ************************/ /***********************Accomodation detail page starts here ************************/ .less-top-pad {padding-top: 10px; padding-bottom: 55px;} .less-top-pad .heading-2{ text-transform: capitalize; padding-bottom: 3px; padding-right: 100px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;position: relative;} .close-icon{ position: absolute; right: 28px;top: 16px;} .edit-icon {position: absolute; right: 60px;top: 17px;} .btn-icon-head { border: none 0; background: transparent; padding: 0 0px; line-height: 20px; font-size: 20px; display: block; color: #6f6e6e; cursor: hand; cursor: pointer; top: -10px;} .btn-icon-head.gold i{ color: #f2b11a;} .label-name { display: table-cell; min-width: 132px; vertical-align: top; color: #363636; font-family: 'poppinsmedium', sans-serif; } .label-details { display: table-cell; min-width: 100%; vertical-align: top; color: #6f6e6e; font-size: 14px; font-family: 'poppinsregular', sans-serif; word-break: break-all;} .accomodation-description {font-family: 'poppinslight', sans-serif; color: #666666;} .marbtm{ margin-bottom: 14px; } .position-abs{ position: absolute; right: 0; bottom: 0;} .less-top-pad .book-btn { border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; width: auto; min-height: 35px;transition: none!important;} .less-top-pad .book-btn::before{ content:''; background: url(../../images/front/btn-corner.png) no-repeat left top; width: 14px; height: 33px; position: absolute; top: -1px; left: -14px; transition: none; } /***********************Accomodation detail page ends here ************************/ /*process step 1 page start*/ .inner-bannerimg.steps-banner {max-height: 250px;} .listing-details.process-block {margin-top: -159px;} .listing-details.process-block .step_title{ color: #fff;} .process-block .cart-section-block {margin: 0 auto 20px;} .process-block .overview-details, .process-block .package-summary {margin-top: 0;} .process-block .review-booking-head {padding: 9px 20px;} .process-block .process-steps .name-step-confirm{color: #fff;} /*note old css on 31/07/2017 .process-block .cart-step-one{width: 25%;} .process-block .cart-step-one.middle {width: 49%;} .process-block .cart-section-block::before { width: 79%;}*/ .step-package .booking-price {color: #363636;font-size: 16px;} .step-package .location {color: #737373;font-family: 'poppinslight',sans-serif;font-size: 13px;text-align: center;} .step-package .location i {color: #26a59f;} .step-package .check-in {border-bottom: 1px solid #eeeeee;margin-bottom: 10px;} .step-package .check-in label {color: #515151;display: inline-block;font-family: 'poppinsmedium',sans-serif;font-size: 14px;margin: 0; width: 82px;} .step-package .check-in p {color: #646464;display: inline-block;font-family: 'poppinslight',sans-serif;font-size: 14px;margin: 0;} .check-in-wrapper {margin-bottom: 30px;} .input-wrapper {padding-bottom: 20px;position: relative;} .input-wrapper .input-box {margin: 0;padding: 0;} /*process step 1 page end*/ /*process step 2 page start*/ .gender-select select {color: #363636; padding: 4px 0 3px;} .select-style.gender-select{background-image: url("../../images/front/select-arrow-black.png"); background-position: right 20px;} .btn.red-btn.icn-btn i {font-size: 18px;padding: 0 0 0 20px;vertical-align: top;} .red-btn.icn-btn {height: 36px;padding: 7px 5px;width: 140px;margin-top: 40px;} /*note old css on 31/07/2017 .process-block.step-2 .cart-section-block::after {background: #3e80c2;content: "";display: block;height: 2px;left: 160px;margin: 0 auto;position: absolute;right: auto;text-align: center;top: 23px;width: 34%;}*/ /*process step 2 page start*/ /*process step 3 page start*/ /*note old css on 31/07/2017 .process-block.step-3 .cart-section-block::before {background: #3e80c2;}*/ .red-btn.icn-btn.large-btn {width: 187px;margin-top: 10px;} .red-btn.icn-btn.large-btn i {padding-left: 6px;} .bank-det-title {color: #363636;font-family: 'poppinsmedium',sans-serif;font-size: 18px;margin: 0 0 20px;} .bank-details-strip {margin-bottom: 15px;} .bank-details .label-name {min-width: 230px;font-size: 15px;} .bank-details .label-details {font-size: 15px;} .bank-details {padding-left: 26px;} .bank-details .radio-btns input[type="radio"]:checked ~ .check::before {background: #26a59f;} .bank-details .radio-btns input[type="radio"]:checked ~ .check {border: 1px solid #26a59f;} .bank-details .radio-btns {padding: 0;} /*process step 3 page end*/ /***********************Transaction page starts here ************************/ .top-bottom-padding{padding:20px 0;} .transactions-table.table-responsive { border: none 0; max-width: 100%; overflow-x: auto;} .transactions-table .table > tbody > tr > td{ border-top: none 0;} .transactions-table .table {width: 100%; display: table;} .transactions-table .table-row{ display: table-row; width: 100%;} .transactions-table .table-row:nth-child(odd) { background:#f9f9f9; } .transactions-table .table-row.heading {background: #f5f5f5;} .transactions-table .table-cell{display: table-cell; vertical-align: middle; padding: 10px; text-align: left; color: #6f6e6e; border-top: none 0; font-family: 'poppinslight',sans-serif; font-size: 13px;} .transactions-table .table-cell.success {color: #33aa27;} .transactions-table .heading .table-cell{ color: #222222; padding: 10px; font-size: 13px; background: #fff; text-transform: uppercase; border-bottom: solid 1px #e2e5e7;} .description { max-width: 305px; display: inline-block;text-overflow: ellipsis; overflow-x: hidden; white-space: nowrap} .transactions-table div.table-cell::before{display: none;} div.table-cell::before{display: none;} .transactions-table div.table-cell:first-child {padding: 15px 20px;} .icon-btn {background: transparent;border: none 0;padding: 10px 5px;display: inline-block;} .icon-btn i{ font-size: 17px; color: #6f6e6e; transition: all ease-in-out 0.3s; } .icon-btn:hover i{ font-size: 17px; color: #eca819; } /***********************Transaction page ends here ************************/ /*About Us Start Here*/ .bg-white-section-about{padding: 40px 0 0px; background-color: #fff;} .travel-title-about{font-size: 32px; font-family: 'poppinsregular'; margin-bottom: 10px; margin-top: -10px;} .travel-title-about span{font-family: 'poppinsmedium'; color: #febf2b; font-size: 36px;} .abt-p{font-size: 14px; color: #7f7e7e; letter-spacing: 0.7px; font-family: 'poppinslight'; line-height: 24px; margin-bottom: 30px;} .about-imgs {box-shadow: 2px 2px 8px rgba(51, 51, 51, 0.27);} .img-icon-abut{float: left;} .content-icon-abut{margin-left: 70px;} .book-with-us-secn{margin-bottom: 30px;} .title-abt-h1{font-size: 16px; color: #363636; font-family: 'poppinsregular';} .txt-p-abts-icn{font-size: 13px; color: #7f7e7e; font-family: 'poppinslight';} .why-book-withus-section{padding: 40px 0 0;} .abt-two-section-book{margin-bottom: 10px; margin-top: 30px;} .about-next-travel-section{background: #222a2c url(../images/travel-bg-bnr.png) no-repeat center bottom; color: #fff; min-height: 510px; height: 100%; padding: 5% 0 3%;} .text-travel-section-abt{font-size: 32px; font-family: 'poppinsregular'; margin-bottom: 3px;} .text-travel-section-abt span{font-family: 'poppinsmedium'; color: #febf2b; display: inline-block; font-size: 40px;} .abt-off-next-tvl{font-family: 'poppinsmedium'; font-size: 15px; line-height: 27px; margin-bottom: 20px;} ul.next-trvl li{display: block; margin-bottom: 15px; font-size: 16px; font-family: 'poppinslight';} ul.next-trvl li .sent-icn{display: block; float: left; font-size: 16px; margin-left: 0;} ul.next-trvl li span{display: block; margin-left: 35px;} .booknow-btn{margin-top: 40px; max-width: 140px; width: 100%;} .booknow-btn .btn-details{background-color: #f2b11a; border: 1px solid #f2b11a; color: #fff; text-align: center; padding: 12px 10px 10px; height: auto; line-height: normal; border-radius: 5px;} .booknow-btn .btn-details:hover{background-color: transparent; border: 1px solid #f2b11a; color: #f2b11a;} .testimonial-section-whte{background-color: #fff;} .img-aboutsbook {text-align: center;} /*About Us End Here*/ /* How It Work Start Here */ .travel-planning-tatls{font-size: 30px; font-family: 'poppinslight'; color: #363636; margin-bottom: 20px;} .travel-planning-tatls span{font-family: 'poppinsmedium'; color: #3e80c2;} .t-howit-wrk-txt{font-size: 14px; color: #7f7e7e; font-family: 'poppinslight'; line-height: 26px;} .booknow-btn.space-hw-wrk{margin-top: 20px; margin-bottom: 30px;} .how-it-images{margin-bottom: 60px;} .left-contnt-space{margin-left: 40px; min-height: 420px; height: 100%;} .col-xs-12.col-sm-5.col-md-5.col-lg-5.float-right-class{float: left !important;} .col-xs-12.col-sm-7.col-md-7.col-lg-7.float-left-class { float: right !important; } /* How It Work End Here */ /* Travel Story Page Start Here */ .image-section-blog{position: relative; background-color: #000;} .calendr-left-tp{width: 50px;background-color: #fff; position: absolute; left: 20px; top: 0px;z-index: 1;} .date-countsday{background-color: #f2b11a; font-size: 20px; font-family: 'poppinsbold'; text-align: center; padding: 6px 5px 5px; color: #fff;} .month-jan{font-size: 14px; color: #363636; font-family: 'poppinsmedium'; text-align: center; padding: 3px 2px;} .content-blogss{background-color: #fff; padding:10px 20px 15px; margin-bottom: 30px;} .title-blog-img{font-size: 20px; color: #246eb9; font-family: 'poppinsmedium'; margin-bottom: 10px;} .trvls-stry{float: left; display: block; background-image: url(../../images/front/all-img.png); background-repeat: no-repeat; width: 30px; height: 22px;} .trvls-stry.icn-trvl-sty-one {background-position: 0 0;} .trvls-stry.icn-trvl-sty-two {background-position: -48px 0;} .trvls-stry.icn-trvl-sty-tree {background-position: -101px 0;} .icon-section-users{display: inline-block; margin-right: 5px;} .trvls-name{margin-left: 30px; display: block; color: #3e80c2; font-size: 14px; font-family: 'poppinsregular';padding-top: 1px;} .p-txtagency{font-size: 14px; color: #626262; margin-top: 8px; line-height: 24px;} .readmorelink{font-size: 14px; color: #c0202f; font-family: 'poppinsmedium'; display: block; text-align: right;margin: 20px 0 0;} .readmorelink:hover{color: #363636;} .travel-large-img{width: 50%; opacity: 0.8;} .trvl-str-bg{height: 100px; position: absolute; width: 100%; bottom: 0px; z-index: 1; background: -moz-linear-gradient(top, rgba(0,0,0,0) 3%, rgba(0,0,0,0) 8%, rgba(0,0,0,0.83) 96%, rgba(0,0,0,0.83) 97%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 3%,rgba(0,0,0,0) 8%,rgba(0,0,0,0.83) 96%,rgba(0,0,0,0.83) 97%); background: linear-gradient(to bottom, rgba(0,0,0,0) 3%,rgba(0,0,0,0) 8%,rgba(0,0,0,0.83) 96%,rgba(0,0,0,0.83) 97%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d4000000',GradientType=0 ); } .blog-input-form{position: relative;} .blog-right-sectionss{background-color: #fff; padding: 30px 20px; margin-bottom: 30px;} .inputsbox{ border: 1px solid #e4e3e3; height: 40px; width: 100%; padding:0 10px;} .search-btns-icn{width: 30px; height: 30px; background-image: url(../../images/front/all-img.png); background-repeat: no-repeat; background-position: -151px 1px; display: block; right: 6px; top: 5px; position: absolute;} .blog-right-sectionss .blog-input-form .inputsbox {padding: 0px 35px 0px 10px;} .search-btns-icn:hover{opacity: 0.5;} .categories-txt-title{color: #4d4d4d; text-transform: uppercase; font-size: 15px; font-family: 'poppinssemibold'; margin-top: 30px; margin-bottom: 10px;} .circle-blog-point{width: 15px; height: 15px; border-radius: 50%; background-color: #26a59f; border: 3px solid #bde4e2; display: block; float: left;} .blog-txt-cirl{font-size: 16px; color: #363636; margin-left: 10px;} ul.trvl-list li{display: block; margin-bottom: 8px;} .border-dash-class{height: 2px; border-bottom: 1px dashed #c6c4c4; margin: 30px 0; } .recent-posts-txt{color: #26a59f; font-family: 'poppinsmedium'; text-transform: uppercase; margin-bottom: 20px; font-size: 15px;} .recent-jpgs{float: left; width: 60px; height: 60px; box-shadow: 1px 1px 6px 1px rgba(51, 51, 51, 0.22); border: 3px solid #fff; border-radius: 3px;} .recent-txts{margin-left: 70px;} .p-txt-blg{font-size: 14px; color: #363636; font-family: 'poppinsmedium';} .p-dates{color: #8d8d8d; font-style: italic;} .recent-box{margin-bottom: 20px; border-bottom: 1px solid #efefef; padding-bottom: 20px;} .recent-box:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0;} .blog-main-page{margin-top: 30px;} /* Travel Story End Here */ /* Travel Story Details Page Start Here */ .white-blog-detailbx{background-color: #fff; box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 30px; margin-bottom: 30px;} .reply-links-details a{display: block; color: #26a59f; font-size: 15px; font-family: 'poppinsmedium';} .reply-links-details a:hover{color: #363636;} /* Travel Story Details Page End Here */ /*Contact Us Page Start Here*/ .send-message-section{background-color: #fff; box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.11); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 20px; margin-bottom: 30px;} .send-message-section h3{font-size: 20px; font-family: 'poppinsmedium'; font-weight: normal;margin: 0 0 20px;} .contact-right-section{background-image: url(../../images/front/detail-banner1.jpg); background-repeat: repeat; position: relative;padding: 20px; border-radius: 5px; overflow: hidden; margin-bottom: 20px;} .contact-right-section:after{content: ''; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.63);} .contact-title-us{font-size: 20px; font-family: 'poppinsmedium'; color: #fff; margin-bottom: 20px;} .snt-sectns{ font-size: 16px; color: #d1d1d1; float: left; } .cnt-us-txt-agr{margin-left: 30px;font-size: 14px; color: #d1d1d1;} .aftr-appear{position: relative; z-index: 1; min-height: 310px; } .info-cont-txt{margin-bottom: 15px;} .cnt-travls{margin-top: 30px;} .map-block{margin-bottom: 30px;} /*Contact Us Page End Here*/ /* FAQ Accordian css start*/ a:hover, a:focus{text-decoration: none;} #faq_acc,#faq_acc ul,#faq_acc li,#faq_acc a {position: relative; margin: 0;list-style-type: none;padding: 0;} #faq_acc a {line-height: 1.3;} #faq_acc > ul > li {margin: 0 0 10px 0; list-style: outside none none;} #faq_acc > ul > li:last-child {margin: 0;} #faq_acc > ul > li > a {background: #fff ;border: 1px solid #d8d8d8;border-radius: 2px;color:#08213D;display: block;font-size: 16px;padding:8px 12px;} #faq_acc > ul > li > a > span {display: block;} .has-sub.active > a:focus{text-decoration: none!important;} #faq_acc > ul > li > a:hover {text-decoration: none!important;} #faq_acc > ul > li.active {border-bottom: none; } #faq_acc > ul > li.active > a {border-bottom: medium none;} #faq_acc > ul > li.has-sub > a span {background: url("../../images/front/arrow_ftr.png");line-height:28px; padding-left: 40px;background-position: left 6px;background-repeat: no-repeat;} .active1 {color: #3498db !important;font-size: 14px !important;color: #3498db !important;} #faq_acc > ul > li.has-sub.active > a span {background: url("../../images/front/arrow_ftr-down.png");line-height: 28px;outline: medium none;color:#26A59F!important;background-position: left 6px;background-repeat: no-repeat;} .faq-text {color: #848383;font-size: 14px;padding-left: 30px;padding-top: 10px;line-height: 22px;} #faq_acc .has-sub > ul {background:#F4F4F4;display: none;padding:0px 35px 10px;border: 1px solid #d8d8d8;border-top: none;} #faq_acc {margin-bottom: 22px;} .keyword_bx > div:last-child {margin-bottom: 0 !important;} .contact-right-section p{color: #fff;margin-bottom: 20px;} .free-quote-btn a{display: inline-block; background: #f2b11a; border: 1px solid #f2b11a; padding: 5px 17px 4px; border-radius: 5px; -moz-border-radius: 5px; color: #fff; -webkit-border-radius: 5px;font-size: 14px;} .free-quote-btn a:hover{background-color: #fff; color: #333;} .contact-right-section.faq-auto-hid .aftr-appear{min-height: auto;} /*FAQ Accordian css end*/ /*terms conditions page start*/ .terms-condi-main-block{margin: 50px 0} .welcome-to-travel{margin: 0 0 30px 0;} .welcome-to-travel h1{color: #26a59f;font-family: 'poppinsmedium',sans-serif;font-size: 22px; /*text-transform: uppercase;*/ margin-bottom: 20px; } .terms-margin-botto {color: #272727;font-family: 'poppinslight',sans-serif;font-size: 16px; line-height: 24px; margin-bottom: 23px;} .terms-margin-botto.add{color: #272727;font-family: 'poppinslight',sans-serif;font-size: 16px; line-height: 24px; max-width: 200px; font-style: italic;} .cookies-block{margin: 0 0 30px 0;} .cookies-block h1{color: #26a59f;font-family: 'poppinsmedium',sans-serif;font-size: 22px; /*text-transform: uppercase;*/ margin-bottom: 20px;} .yellow-circle{color: #eca818; font-size: 16px; line-height: 25px; margin-right: 10px; float: left;} .text-bullet {display: block; margin-left: 25px;} .boolet-text{color: #272727;font-family: 'poppinsmedium',sans-serif;font-size: 16px; line-height: 25px;} .cookies-block ul li{color: #272727;font-family: 'poppinslight',sans-serif;font-size: 16px; line-height: 24px; margin-left: 17px; list-style-type: decimal; margin-bottom: 15px;} .cookies-block ul li ul li{margin-bottom: 5px;} .cookies-block .boolet-text-block ul li{list-style-type: none; margin-bottom: 0;} /*terms conditions page end*/ /***************Blog Details starts here********************/ .blog-block { margin-top: 30px; } .blog-details {display: inline-block; width: 100%; max-width: 770px;} .blog-image {position: relative; width: 100%; /*! max-height: 428px; */ padding: 15px 15px 0; background: #fff; float: left;} /*.blog-image::before { position: absolute; width: 100%; top: 0; right:0; background: rgba(0,0,0,0.5); content:''; height: 100%;}*/ /*note parent css of gallery in listing details page*/ /*demo gallery images*/ .blog-image .demo-gallery {text-align: center;} .blog-image .demo-gallery li{ width: 32%; display: inline-block; float: none;margin: 0;} /*demo gallery images*/ .blog-image .blog-date-div{position: absolute; width: 52px; height: 66px; top: 0; left: 22px;} .blog-date-div .date{ width: 50px; height: 50px; line-height: 55px; background: #f2b11a; color: #fff; display: block; text-align: center; font-size: 22px; font-weight: bold;} .blog-date-div .month {background: #fff;display: block;width: 50px; color: #363636; text-align: center; line-height: 24px; font-size: 13px;} .blog-content { background: #fff; padding: 30px 21px; margin-bottom: 29px;} .blog-head-section h3{font-family: 'poppinmedium',sans-serif; color: #246eb9; font-size: 21px; letter-spacing: 0.6px; padding: 0 0 5px; margin: 0; text-transform: capitalize;} .blog-summary { color: #2891d1; } .blog-summary li { display: inline-block; vertical-align: middle; line-height: 20px; font-size: 13px; color: #2891d1; margin-right: 10px;} .blog-summary li img{ float: left; margin-right: 6px; } .blog-content-section { padding: 15px 0; color: #363636; line-height: 24px; } .blog-content-section p{} .blog-foot {} .blog-tags { color: #2891d1; font-size: 14px; line-height: 24px; vertical-align: middle;} .blog-social-links{ display: inline-block; text-align: right; vertical-align: middle;} .blog-social-links .blog-social-icons {width: 28px; height: 28px;display: inline-block; text-align: center; line-height: 28px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: none 0; } .blog-social-links .facebook{ background: #3b5998; color: #fff; font-size: 14px; } .blog-social-links .insta{ background: #6c27b3; color: #fff; font-size: 14px; } .blog-social-links .twitter{ background: #55acee; color: #fff; font-size: 14px; } .blog-social-links .googleplus{ background: #dc4e41; color: #fff; font-size: 14px; } .blog-right {background: #ffffff; padding: 31px 22px; width: 331px; float: right; } .blog-right h2{font-family: 'poppinmedium',sans-serif; color: #363636; font-size: 15px; text-transform: uppercase; font-weight: bold; padding-bottom: 10px;} .blog-right .categories li{ padding-left: 31px; font-size: 15px; line-height: 22px; background: url(../../images/front/bullet-icon.png) no-repeat left top; padding-bottom: 6px;} .blog-right .categories li:hover a{color: #2891d1;} .blog-right .categories, .blog-right .recent-posts { padding-bottom: 20px; border-bottom: dashed 1px #c6c4c4;} .blog-right .recent-posts { float: left; width: 100%;} .blog-right .recent-posts h2{ color: #26a59f;} .blog-right .recent-post-block:hover a{color: #26a59f; } .blog-right .post-date {font-style: italic; color: #8d8d8d; font-family: 'poppinregular',sans-serif; font-size: 14px; display: block;} .blog-right .recent-post-block img { float: left; margin-right: 12px;} .blog-right .recent-post-block { width: 100%; float: left; color: #363636; margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px #ededed;} .blog-right .recent-post-block:last-child{ border-bottom: none 0; margin-bottom: 0;} .blog-right .search-bar {position: relative; width: 100%; } .blog-right .search-bar{ width: 100%; border: solid 1px #e4e3e3; height: 41px;} .blog-right .search-bar input{ border: none 0; height: 39px; padding: 4px 44px 4px 4px; width: 100%; box-sizing: border-box;} .blog-right .search-bar .search-icon {background: url(../../images/front/search-icon-grey.png) no-repeat center center; width: 41px; height: 38px; padding: 0; position: absolute; top: 0; right: 0px; } .blog-right .search-bar{ color:#aaa7af } /***************Blog Details ends here********************/ /**************Owner Accomodation details edit pages css starts here*****************/ /*Note: all parent css are defined in user pages*/ /*steps process*/ .process-bx.big-box{min-height: 84px;margin-bottom: 29px;} .big-box .plan-detail {left: -15px;position: absolute;width: 94px;} .big-box .active_step {background: #3e80c2;} .big-box .step_bor{ border-radius: 50%;height: 42px;margin: 0 auto;position: relative;top: 0;width: 42px; line-height: 42px;} .big-box .step_process{ display: inline-block;height: 10px;max-width: 60px;min-height: 54px;position: relative;text-align: center;width: 100%;} .big-box .center-row {float: none;text-align: center;} .big-box .active-step.step_bor {/*border-color:rgba(252, 87, 92, 0.2)*/} .big-box .bg_i {width: 7%; background: url(../../images/front/dashed-line.png) repeat-x scroll 0 3px rgba(0, 0, 0, 0);} .big-box .bg_i.active {background: url(../../images/front/process-steps-active.jpg) repeat-x scroll 0 3px rgba(0, 0, 0, 0);} .big-box .normal_step{ color: #c0202f; font-size: 16px;} .big-box .active.step_title {color: #3e80c2;} .big-box .active_step.normal_step {color: #fff; font-size: 16px;} .big-box .process_steps {margin: 106px auto 0 -4px;min-height: 91px;} .big-box .step_title {color: #434343;font-family: 'poppinsmedium',sans-serif;font-size: 12px;letter-spacing: 0.4px;line-height: 18px; margin-top: 6px;} .big-box .center-row {text-align: center;} .big-box .process-tick {vertical-align: middle;} @media all and (max-width:767px){ .bg_i{width:22%;} } /*step process end */ .accomodation .radio-btn{ display: block; width: 100%;} .accomodation .label-radio { line-height: 18px; } .margin-bottom-20px{ margin-bottom: 10px;} .margin-right {margin-right: 15px;} .location-marker { margin: 0 0 15px; color: #363636; font-family: 'poppinregular',sans-serif; font-size: 16px; } /******** switch css starts here************/ .switch {display: inline-block; height: 28px; position: relative; width:80px;vertical-align: middle;margin-bottom: 0;} .switch input {display: none;} .relative-position {position: relative; padding-top: 10px;padding-bottom: 22px;margin-bottom: 12px;} .switch-label { display: block; position: absolute; top: -8px;} .slider {background-color: #eceeee; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 5px; top: 0; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); letter-spacing: 0.6px;} .slider::before { bottom: 2px; content: ""; height: 24px; left: 2px; position: absolute; transition: all 0.4s ease 0s; width: 24px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); background: url(../../images/front/checkbox-handle.png) no-repeat left top;} .switch input:checked + .slider {background-color: #f2b11a;} .switch input:checked + .slider::before {transform: translateX(46px); -webkit-transform: translateX(46px);} .slider.round {border-radius: 34px;} .slider.round::before {border-radius: 50%;} .on-button {color: #fff; font-size: 14px; font-weight: normal; line-height: 28px; margin: 11px 0 0 13px; padding: 8px 7px;opacity: 0; text-shadow: 1px 1px 3px rgba(150, 150, 150, 1); -webkit-text-shadow: 1px 1px 3px rgba(150, 150, 150, 1); -moz-text-shadow: 1px 1px 3px rgba(150, 150, 150, 1);} .switch input:checked + .slider .on-button {opacity: 1;} .off-button {color: #d0d0d0; font-size: 14px; font-weight: normal; line-height: 28px; margin: 10px 0 0 -15px; opacity: 1; text-shadow: 1px 1px 1px #def, 0 0 0 #000, 1px 1px 1px #def;} .switch input:checked + .slider .off-button {opacity: 0;} .switch-label{ color: #888888; font-size: 12px; } /******** switch css starts here************/ .default label.redtext { font-size: 13px; color: #c0202f;} .facility-options { display: inline-block; vertical-align: middle; font-size: 14px; font-family: 'poppinslight'; color: #363636; margin-bottom: 30px;width: 100%;} .facility-options .facility-icon{width: 41px; height: 36px; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius: 5px; margin-right: 24px; background: #f5f5f5;display: inline-block; vertical-align: middle;} .facility-options .facility-name{display: inline-block;vertical-align: middle; width: 149px;} .small-input { max-width: 53px; display: inline-block; vertical-align: middle; margin-left: 20px;} .small-input input{ height: 30px;} .small-input .bar:before,.small-input .bar:after,.small-input .bar:before, .small-input .bar:after{background:#26a59f; height: 2px;bottom: 0px; z-index: 999;} .allowed-list li{ display: inline-block; vertical-align: top;width: 24%; padding-right: 1%; box-sizing: border-box; margin-bottom: 10px;} .allowed-list li .check-box [type="checkbox"] + label, .not-allowed-list li .check-box [type="checkbox"] + label {display: inline-block; min-height: 20px; height: auto; line-height: 20px;} .not-allowed-list li{ display: inline-block; vertical-align: top;width: 24%; padding-right: 1%; box-sizing: border-box; margin-bottom: 10px;} /*not allowed checkbox css start*/ /*Note: parent css in common css*/ .not-allowed-list .check-box [type="checkbox"].filled-in + label:after {border-radius: 4px; } .not-allowed-list .check-box [type="checkbox"].filled-in + label:before, .not-allowed-list .check-box [type="checkbox"].filled-in + label:after {content: '';left: 0;position: absolute; transition: all ease-in-out 0.3s; z-index: 1; } .not-allowed-list .check-box [type="checkbox"].filled-in:not(:checked) + label:before {width: 0;height: 0;border: 0px solid transparent;left: 0px;top: 0px; -webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);-webkit-transform-origin: 20% 40%;transform-origin: 100% 100%; } .not-allowed-list .check-box [type="checkbox"].filled-in:not(:checked) + label:after {height: 20px;width: 20px;background-color: transparent;border: 1px solid #c22736; top: 0px;z-index: 0; } .not-allowed-list .check-box [type="checkbox"].filled-in:checked + label:before {top: 0px;left: 0px;width: 20px;height: 20px;border-top: 0px none; border-left: 0px none;border-right: 0px none;border-bottom: 0px none;-webkit-transform: rotateZ(0deg); transform: rotateZ(0deg);-webkit-transform-origin: 20% 40%;transform-origin: 100% 100%; background: url(../../images/front/not-allowed-icon.png) no-repeat center center;} .not-allowed-list .check-box [type="checkbox"].filled-in:checked + label:after {top: 0px;width: 20px;height: 20px;border: 1px solid #c22736;background-color: #c22736; z-index: 0; } /* not allowed checkbox css end*/ .posrel{ position: relative;} .has-icon-right{ padding-right: 30px; } .icon-sec{ position: absolute; right: 8px; top: 8px; color: #c0202f; font-size: 15px; } /**************Owner Accomodation details edit pages css ends here*****************/ .not-visible{ display: none;} @media all and (max-width:1199px){ .min-menu li.hide-desktop { display: none;} /*dashboard css starts*/ .profile-stats .profile-stats-summary { padding: 35px 19px;} /*dashboard css ends*/ /*radio button css*/ .radio-btns { margin-bottom: 15px;} /*radio button css*/ /*Home page css starts here*/ /*banner filer block*/ .search-wrapper .location-search-block, .search-wrapper .location-search-block form{max-width: 180px;} #things_to_do .search-wrapper .location-search-block{max-width:272px;} /*testimonial block start here*/ #quote-carousel .item p{height: 90px; overflow: hidden;} /*testimonial block end here*/ /*features start*/ .features-points {min-height: 271px;max-width: 205px;} /*features ends*/ /*popular cities start*/ .country-img.small {width: 100%;min-width: 100%;max-width: 100%; height: 124px;max-height: 124px;} .country-img .package-details .package-name, .country-img .package-numbers { font-size:16px; line-height: 18px} .country-img .package-numbers{bottom: 8px;} /*popular cities ends*/ /*Home page css ends here*/ /*listing page css starts here*/ /*package-details start here*/ /*Note: old css added 01/08/2017*/ .modify-search-modal .location-search-block{ width: 100%; margin: 0 0 10px; max-width: 100%; } .modify-search-modal .location-search-block input{ border: solid 1px #efefef;} .modify-search-modal .check-in-block, .modify-search-modal .select-style{border: solid 1px #efefef; width: 49%; max-width: 49%; margin: 0 1% 10px 0; border-radius: 5px;} .modify-search-modal .check-out-block, .modify-search-modal .select-members-block{border: solid 1px #efefef; width: 49%; max-width: 49%; margin: 0 0 10px 1%; padding: 0;border-radius: 5px;} .modify-search-modal .select-members-block .select-style select{ padding: 4px 10px 5px;} .sorting-strip .select-style {max-width: 143px;width: 143px;} .package-block{ height: 228px;} /*Note: old css commented 29/07/2017/ .package-details-info { width: 548px;}*/ .package-details-info { width: 488px;} .rotate-content-details {height: 178px;} .package-block .book-btn {/*width: 100%;margin-top: 2px;*/border-radius: 0 0 5px 0;} .package-image{ width: 304px; position: absolute; left: 0; top:0; min-height: 228px; max-height: 228px; overflow-y: hidden;} .package-image img{min-height: 228px; } .package-image .no-img-found {height: auto; left: 20%;} .package-image .no-img-found.story-board{left: 25%;} .package-name-det { max-width: 300px; } .package-des{max-height: 63px; min-height: 63px;} .package-price{ max-width: 363px;} /*Note: old css commented 29/07/2017/ .des-points .rotate-content-details {padding-left: 25px;}*/ .package-location{max-width: 491px;} .sorting-block:last-child .view-blocks, .sorting-block:last-child .view-blocks:hover { width: 41px;} /*package-details ends here*/ /*listing page css ends here*/ /*listing details page css starts here*/ .overview-details{max-width:60%;} .rooms-facilities li { width: 50%;} .allowed-facilities li, .not-allowed-facilities li { width: 50%;} .package-summary {max-width:35%;} .demo-gallery li { width: 32%; margin: 1px;} /*listing details page css ends here*/ /***************************User Accomodaton list page starts here****************************/ .user-layout-details{ padding-left: 15px; padding-right: 15px; } .user-layout-details .heading-2 { margin: 0 -15px 25px; padding: 15px 15px 8px;} .user-layout-details .package-details-info {width: 338px;} .user-layout-details .package-details-info .booking-details { padding-top: 10px;/*! display: none; */} .user-layout-details .package-details-info .booking-details .book-info{ margin-bottom: 8px;} .user-layout-details .package-block .book-btn {margin-right: 0px;} .user-layout-details .des-points {position: relative;/*! float: none; */width: 100%;/*! margin-top: 12px; */} .user-layout-details .package-details-info > .rotate-content-details{ height: auto; margin-left: 0; padding-left: 20px;} .user-layout-details .des-points .listing-set{ width: 100%; max-width: 100%; margin: 0 0px;padding: 10px 18px; height: auto} .user-layout-details .des-points .listing-set li {margin: 3px 0 3px; width: 100%; max-width: 100%;} .user-layout-details .des-points, .des-points .rotate-content-details{ height: auto; min-height: auto;} .user-layout-details .package-block{ height: 266px; } .user-layout-details .package-name-det { max-width: 100%; width: 100%; display: block;} .user-layout-details .des-points .rotate-content-details {padding-left: 0px;} .user-layout-details .package-details-info{ height: 231px; margin-left: 0;float: right;margin-top: 0;} .user-layout-details .package-image {max-width: 351px;max-height: 265px;min-height: 265px;overflow: hidden;} .user-layout-details .package-image img{max-height: 266px;min-height: 266px;width: auto;max-width: 255px;min-width: 351px;} .user-layout-details .package-block .book-btn{ width: 100%;} .user-layout-details .package-details-info::before, .user-layout-details .package-block .book-btn::before, .user-layout-details .des-points::before{ display: none;} .user-layout-details .package-details-info > .rotate-content-details h2 small{ margin-left: 0; display: block; width: 100%; margin-top: 5px; float: left;} /***************************User Accomodaton list page ends here****************************/ /***************************User Story board list page starts here****************************/ .user-layout-regular .package-details-info .rotate-content-details {min-height: 173px; margin-right: 10px;} .user-layout-regular .category{ max-width: 258px;} .user-layout-regular .des-points .rotate-content-details {min-height: 35px; /*padding-left: 25px;*/ margin-right: 0px;} .user-layout-regular .package-details-info { width: 368px;} .user-layout-regular .listing-set {width: 330px;} .user-layout-regular .package-block .book-btn{margin:-1px 0 0;} /*.user-layout-regular .package-block .book-btn { margin: 0 7px; }*/ .user-layout-regular .package-des{ max-height: 114px; min-height: 114px;} /***************************User Story board list page ends here****************************/ /*process step 1 page start*/ .listing-details.process-block {margin-top: -150px;} .process-block .cart-section-block {margin: 0 auto 10px;} .process-bx { min-height: 84px; margin-bottom: 20px;} .big-box .bg_i { display: none;} .big-box .step_process {display: inline-block;height: 10px;max-width: 11.5%;} .big-box .plan-detail{ left: 0; width: 100%;} /*process step 1 page end*/ /*process step 2 page start*/ .process-block.step-2 .cart-section-block::after {left: 135px;} /*process step 2 page start*/ /*Our transactions starts here*/ .icon-btn {background: transparent;border: none 0;padding: 10px 3px;display: inline-block;} /*Our transactions ends here*/ /***************Blog Details starts here********************/ .blog-details{ width: 65%; } .blog-right{ width: 30%; } .blog-tags { margin-bottom: 15px;} /***************Blog Details ends here********************/ /***************Owner accomodations edit page css starts here********************/ .small-input {max-width: 171px;margin-top: 6px;margin-left: 10px;} .facility-options .facility-name {width: 187px;} .facility-options .switch{ margin-top: 10px;} .allowed-list li{ display: inline-block; vertical-align: middle;width: 32%; padding-right: 1%; box-sizing: border-box; margin-bottom: 10px;} .not-allowed-list li{ display: inline-block; vertical-align: middle;width: 32%; padding-right: 1%; box-sizing: border-box; margin-bottom: 10px;} /***************Owner accomodations edit page css ends here********************/ } @media all and (max-width:1100px){ /*Top Menu css start here*/ .sidenav {height: 100%; width: 0; position: fixed; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; min-width: auto; padding: 0;} .sidenav .closebtn{display: block; z-index: 1; color: #ffffff;} .banner-img-block{height: 150px; width: 100%; background-size: cover; margin-bottom: 2px; text-align: center; padding-top: 49px;display: block; position: relative; background-image:url(../../images/front/top-bg.jpg); background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;} .banner-img-block img{z-index: 1; position: relative;} .header .menu-icon{display: block;} .min-menu.secound-menu{display: none;} .min-menu li{display: block; border-bottom: 1px solid #272727; margin-left: 0;} .min-menu li a{color: #cfcfcf; padding: 8px 10px; font-size: 14px;} .min-menu li a:hover, .inner-header .min-menu li a:hover{color: #f2b11a!important;} .min-menu li a.logi-link-block{background: none; border: none; padding: 8px 10px;} .min-menu li.signup-block{display: block;} .min-menu li:last-child{border-bottom: none;} .inner-header .min-menu li, .inner-header .min-menu li a{ color: #fff;} .sidenav .min-menu li a.profile-icon { padding-left: 34px!important; background-position: 10px center; background-size:auto 18px; color: #e5e5e5;} .sidenav .min-menu li a.logout-icon { padding-left: 34px!important; color: #e5e5e5;} .sidenav .min-menu li a.logout-icon::before { left: 10px; top: 8px;} .min-menu li.hide-desktop { display: block;} /*Top Menu css End here*/ } /*footer css start here*/ @media all and (min-width:992px){ .menu_name {display: block !important;transition: 0 !important;height: auto !important;} } /*footer css end here*/ @media all and (max-width:991px){ /*footer css start here*/ .menu_name, .cssmenu {display: none;} .copyright-block{margin-top: 0;} .footer-col-block{padding-bottom: 0;} .footer-content-block{margin-bottom: 20px;} .down-arrow{float: right; font-size: 20px; transition: 0.5s; display: block;} .footer_heading.footer-col-head.active .down-arrow{transform: rotate(-180deg);} .footer-col-head{cursor: pointer; margin-bottom: 5px;} .footer-menu-main{margin-bottom: 15px;} /*footer css end here*/ /*banner tabbing section start here*/ .search-wrapper .location-search-block form{max-width: none; width: 100%!important;} .search-wrapper .location-search-block, .search-btn, .search-wrapper .check-in-block, .select-style, .select-style.select-members-block, #things_to_do .search-wrapper .check-in-block, #things_to_do .select-style.select-members-block, #things_to_do .search-wrapper .location-search-block{max-width: none; margin: 0 0 10px 0; width: 100%;} .search-wrapper .location-search-block input{height: 95%;} .modify-search-modal .check-in-block, .modify-search-modal .select-style{ max-width: 100%; width: 100%;} /*banner tabbing section end here*/ /*banner section start here*/ .banner-block{height: 947px !important;} .caption-block{height: 833px;} .caption-block .responsive-tabs.responsive-tabs-initialized{margin-top: 10px;} .banner-text-block{padding-top: 20px;} /*banner section end here*/ /*Looking for the Best Service Provider block start here*/ .app-down-img{display: none;} /* added by pooja to remove space from desktop view and apply only on devices form 991*/ .main-block-app-down { padding: 45px 0;} /* added by pooja to remove space from desktop view and apply only on devices form 991*/ /*Looking for the Best Service Provider block end here*/ /*features start*/ .features-points { min-height: 271px; max-width: 47%; margin: 0 1% 15px;} .feature-list { margin: 0;} /*features ends*/ /*popular cities start*/ .country-img img {width: 100%;} .country-img.small { height: 203px; max-height: 203px;} /*popular cities ends*/ /*login page start*/ /*.login-wrapper {background-position: -250px center;} */ .google-p, .fb {width: 98%;font-size: 13px; margin: 0 1% 10px; letter-spacing: normal;} /*login page end*/ /*listing page css starts here*/ .page-name,.breadcrumb { width: 100%; float: none; padding:0; text-align: left;} .leftbar h2 { padding: 10px 17px;} .breadcrumb {padding: 0px 0 8px;} .cat-panel { display: none;} /*package-details start here*/ /*Filter & search section css starts here*/ .filter-search { margin-top: 17px;} /*Filter & search section css ends here*/ .sorting-block:last-child .view-blocks, .sorting-block:last-child .view-blocks:hover { width: 40px;} .sorting-strip { margin-top: 18px;} .sorting-strip .select-style {max-width: 149px;width: 149px;} /*package-details ends here*/ /*listing page css ends here*/ /*listing details page css starts here*/ .breadcrumb-transparent {position: relative;} .breadcrumb-transparent, .breadcrumb-transparent .breadcrumb > .breadcrumb-item.active, .breadcrumb-transparent .breadcrumb > li + li::before{color: #363636; } .overview-details{max-width:100%; float: none; margin-top: 30px;} .package-summary {max-width:100%; float: none; margin-top: 30px;} .details-page .breadcrumb { width: 100%;float: none;padding: 0px 0 8px;} /*listing details page css ends here*/ /* user dashboard page starts here*/ .user-side-menu{margin-top: 0; margin-bottom:10px;} .user-detail-panel{margin-top: 0; } .user-details { padding: 30px 0 0;} /* user dashboard page ends here*/ /***************************User Accomodaton list page starts here****************************/ .user-layout-details .package-details-info { width: 441px;} .package-image .no-img-found.story-board { left: 20%;} /***************************User Accomodaton list page ends here****************************/ /***************************User Story board list page starts here****************************/ .user-layout-regular .package-details-info { width: 500px;} .user-layout-regular .category { max-width: 412px; } .user-layout-head{padding: 8px 20px;} .user-layout-regular{padding: 20px 0 30px 0;} /***************************User Story board list page ends here****************************/ /*process step 1 page start*/ .process-block .cart-step-one.middle {width: 48%;} /*process step 1 page end*/ /*process step 2 page start*/ .process-block.step-2 .cart-section-block::after {left: 100px;} /*process step 2 page start*/ /***************Blog Details starts here********************/ .blog-details{ width: 100%; float: none; } .blog-right{ width: 100%; float: none; } /***************Blog Details ends here********************/ } @media all and (max-width:767px){ /*banner section start here*/ .caption-block .responsive-tabs.responsive-tabs-initialized{margin: 10px;} .banner-text-block{padding-top: 20px;} .banner-text-block p{height: 80px; overflow: hidden; font-size: 16px;} .around-the-world, .banner-text-block h1{font-size: 30px; margin-bottom: 10px;} /*banner section end here*/ /*testimonial block start here*/ #quote-carousel .item p{height: 110px; overflow: hidden;} #quote-carousel .carousel-control.left{left: 20px; z-index: 999; width: 42px; margin-top: 0;} #quote-carousel .carousel-control.right{right: 20px; z-index: 999; width: 42px; margin-top: 0;} #quote-carousel .item{margin: 90px 0 0;} #quote-carousel .carousel-indicators li{height: 60px; width: 60px;} #quote-carousel .carousel-indicators .active{height: 80px; width: 80px;} #quote-carousel .carousel-indicators{bottom: 260px;} #quote-carousel .quote-mark{height: 35px; width: 35px; font-size: 12px;} .top-offers-block h1{width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} /*testimonial block end here*/ /*top offers section start here*/ .offer-plan-block{max-width: 260px; width: 100%; margin: 0 auto 30px; } /*Looking for the Best Service Provider block start here*/ .content-down-add{font-size: 25px; line-height: 39px;} /*Looking for the Best Service Provider block ends here*/ /*popular cities start*/ .country-img, .country-img.small {max-width: 345px; margin: 0 auto 15px; width: 345px; min-width: 345px;} /*popular cities ends*/ /*login page start*/ .login-wrapper{height: 680px;} .login-banner-block{padding: 30px 0;max-width: 100%;} .login-banner-block h1{font-size: 35px;margin: 25px 0 20px;} .login-banner-block h5{font-size: 13px;} .success-msg, .error-msg{width: 100%;} .login-bg {padding: 0 15px;} .login-section{padding: 110px 0 0;} .google-p, .fb {float: none;font-size: 13px;width: 100%; margin: 0 0 10px;} .login-tabs.responsive-tabs .accordion-title.active a {border-bottom: 1px solid #db1c24;color: #db1c24;font-size: 16px;text-transform: uppercase;} .login-tabs.responsive-tabs .accordion-title a {color: #272727;font-size: 16px;text-transform: uppercase;} .login-wrapper {background-position: 0;} .signup-back {display: none;} .signup-back, .signup-back img {height: 700px;width: 100%; } .login-tabs {margin: 40px 0;} .login-section {max-width: 100%;} .signup-back.sign-back2 img{height: auto; width: 100%;} .sign-login-bg { background: url(../../images/front/login-banner.jpg) no-repeat left top; background-size: cover;} /*login page end*/ /*listing page css starts here*/ /*package-image start here*/ .package-image { position: relative; max-width:271px;min-height: 173px;max-height: 173px;overflow: hidden; margin: 40px auto 20px; border-radius: 0;} .package-image img{border-radius: 0; min-height: 203px;} .package-image .no-img-found {height: auto; left: 0; right: 0; margin: 0 auto;} /*package-image start here*/ /*Filter & search section css starts here*/ /*.font-set:first-child { width: 100%; margin-bottom: 8px; }*/ /*.font-set { width: 70%; margin-bottom: 8px; }*/ /*.font-set:last-child { width: 30%; margin-bottom: 8px;}*/ .travel-from { padding-left: 0;} /*Filter & search section css ends here*/ /*package-details start here*/ .sorting-block { width: 25%; border-bottom: solid 1px #e6e6e6; border-right: none 0;} .sorting-block .select-style{ width: 100%; max-width: 100%;} .sorting-block.icon-block{ width: 40px;} .sorting-block:nth-child(4){/*! border-right: none 0; */} .sorting-block:nth-last-child(3), .sorting-block:nth-last-child(2), .sorting-block:nth-last-child(1){ /*! border-bottom: none 0; */} .sorting-block:last-child .view-blocks, .sorting-block:last-child .view-blocks:hover { border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0;} .package-block{ height: auto; float: left; width: 100%;} .package-details-info {-ms-transform: skew(0deg, 0deg);-webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); width: 100%; padding: 0px;font-size: 20px; overflow: visible;position: relative;right: 0;height: auto;} .rotate-content-details {-ms-transform: skew(0deg, 0deg);-webkit-transform: skew(0deg, 0deg);transform: skew(0deg, 0deg);height: auto;padding: 0 20px;margin-top: 0px;} .des-points .rotate-content-details{padding: 0 0px; height: auto; } /*listing page css starts here*/ /*package-details start here*/ .hide-large { display: block; position: fixed; bottom: 0px; width: 100%; left: 0; z-index: 99999;} .hide-large .modify-search{ display: block; width: 50%; float: left; border: none 0; border-radius: 0; background: #3e80c2; height:44px; color: #fff; line-height: 44px; box-sizing: border-box; padding: 0; box-shadow: none;font-size: 15px;} .hide-580{display: none;} .space-stick-div { padding-bottom: 44px;} .sorting-block { width: 100%;} .sorting-block .select-style{ width: 100%; max-width: 100%;} .sorting-block:nth-child(2){/*! border-right: none 0; */} .sort-by {position: fixed; width: 100%; height:100%; height: 100vh; bottom: 0; left: 0; background: #fff; z-index: 99999; display: none; } .close-sort { display: block; background: transaprent; border: none 0; float: right; font-size: 14px; position: absolute;top: 10px; right : 10px;} .sort-heading{ display: block; font-size: 18px; padding: 10px 10px 5px; border-bottom: solid 1px #efefef; } .sort-by .sorting-block{ border: solid 1px #efefef!important; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; margin:5px 1%; width: 98%;} .sort-by .sorting-block:last-child{ margin-bottom: 44px;} .sort-by .sorting-block select{ padding: 8px; box-sizing: border-box;} .sort-search-btn{display: block;position: fixed; bottom: 0; left: 0; width: 100%; background: #3e80c2; color: #fff; z-index: 9999; } .sort-search-btn .close-sort{display: block;width: 100%; color: #fff; text-align: center; padding: 10px 0; } .modal.fade.modify-search-modal .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%);} .modal.fade.modify-search-modal.in .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out;-o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, 0%); -ms-transform: translate(0, 0%); -o-transform: translate(0, 0%); transform: translate(0, 0%);} .modify-search-modal .modal-dialog { height: 100%; margin: 0; border-radius: 0; } .modify-search-modal .modal-content { margin: 0; border-radius: 0; height: 100%; height: 100vh; bottom: 0; box-shadow: none;} .sorting-strip { margin-top: 0px;} /*package-details start here*/ /*listing page css rnds here*/ /*Note: old css commented 29/07/2017/ .listing-set {width: 100%; float: left; 100%; padding: 0 20px;}*/ /*new css added on 29/07/2017 starts*/ .listing-set {width: 100%; float: left; 100%; overflow: visible; height: auto;} .listing-set li{ max-width: 50%; width: 50%; margin:5px 0;} /*new css added on 29/07/2017 ends*/ .des-points {height: auto; min-height: auto; float: left; width: 100%; margin-top: 10px;} /*.des-points .listing-set li{ max-width: 50%; width: 50%; margin:5px 0;}*/ .book-btn::before{ display: none;} .position-abs .book-btn::before {display: block;} .package-name-det{ max-width: 100%;} .package-location { max-width: 100%;} /*package-details ends here*/ /*listing page css ends here*/ /*listing details page css starts here*/ div.table-row{ width: 100%;} div.table-cell:last-child{ margin-bottom: 10px;} .passenger-list div.table-cell::before{display: inline-block;} .passenger-list .table-cell{ display: block; text-align: left; width: 100%;} .passenger-list .table-cell.passenger-no { background: #f5f5f5;} .passenger-list .table-cell::before{margin-right: 12px; font-weight: bold;} /*listing details page css ends here*/ /* About Us Page Start Here */ .about-imgs img{width: 100%;} .travel-title-about{font-size: 20px;} .travel-title-about span{font-size: 24px;} .abt-p{font-size: 13px;line-height: 21px;} .about-next-travel-section{background: #222a2c none; min-height: auto; height: 100%; padding: 5% 0 5%;} .text-travel-section-abt{font-size: 20px;} .text-travel-section-abt span{font-size: 26px;} .abt-off-next-tvl{ font-size: 14px; line-height: 22px;} ul.next-trvl li{font-size: 15px;} /* About Us Page End Here */ /* How It Work Start Here */ .how-it-images{text-align: center;} .left-contnt-space{margin-left: 0; text-align: center; min-height: auto;} .booknow-btn.space-hw-wrk{margin: 20px auto 50px;} .travel-planning-tatls{text-align: center;} .t-howit-wrk-txt{text-align: center;} .how-it-images {margin-bottom: 20px;} /* How It Work End Here */ /* Travel Story Start Here */ .title-blog-img{font-size: 17px; font-family: 'poppinssemibold';} .p-txtagency{line-height: 21px; font-size: 13px;} /* Travel Story End Here */ /***************************User Accomodaton list page starts here****************************/ .user-layout-details .package-image{min-height: 156px; max-height: 156px; width: 35%; height: 156px; max-width: 35%; float: left;margin: 0;/*! min-width: 208px; */border-radius: 5px 0 0 5px;-webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px;} .user-layout-details .package-image img{min-height: 156px; width: 100%; height: 156px; max-width: 100%;min-width: auto;/*! overflow: hidden; */} .user-layout-details .package-block { height: auto;float: left;width: 100%;} .user-layout-details .package-details-info { height: auto; float: right; width: 65%;/*! margin-left: 208px; */} .user-layout-details .package-details-info > .rotate-content-details{ width: 100%;padding: 0 5%;} .user-layout-details .package-details-info .booking-details{ display: none;} .user-layout-details .des-points{ margin-top: 22px;} .user-layout-details .des-points .listing-set{padding:5px 18px ;} /***************************User Accomodaton list page ends here****************************/ /***************************User Story board list page starts here****************************/ .user-layout-regular .package-image{width: 35%;float: left;margin: 0;/*! min-width: 208px; */border-radius: 5px 0 0 5px;-webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px;} .user-layout-regular .package-image .no-img-found.story-board{width: 102px; left: 0%;} .user-layout-regular .package-image img{ width: 100%; max-width: 100%;min-width: auto;/*! overflow: hidden; */} .user-layout-regular .package-block { height: auto;float: left;width: 100%;} .user-layout-regular .package-details-info { height: auto; float: right; width: 65%;/*! margin-left: 208px; */} .user-layout-regular .package-details-info > .rotate-content-details{ width: 100%;padding: 0 5%;margin-top: -5px;} .user-layout-regular .package-details-info .booking-details{ display: none;} .user-layout-regular .des-points{ margin-top: 0;} .user-layout-regular .des-points .listing-set{padding:10px 18px; width: 100%;} .user-layout-regular .package-block .book-btn{margin: 0;} .user-layout-regular .package-details-info .rotate-content-details{ min-height: 122px; height: 122px;} .user-layout-regular .des-points .rotate-content-details{ padding: 0; min-height: 36px !important; height: 36px !important;} .user-layout-regular .package-des {max-height: 74px; min-height: 74px;} .user-layout-regular .category { max-width: 302px; padding: 8px 20px 8px 20px;} /***************************User Story board list page ends here****************************/ /*process step 1 page start*/ .process-block .cart-step-one, .process-block .cart-step-one.middle {width: 32%;} .process-block .process-steps .name-step-confirm {color: #545454;} .process-block .package-summary.step-package, .process-block .overview-details {margin-top: 0;} .process-block .cart-section-block::before {width: 68%;} .listing-details.process-block {margin-top: 35px;} .process-block .process-steps {margin-bottom: 35px;} .process-bx.big-box {min-height: auto;margin-bottom: 20px;} .big-box .plan-detail { display: none;} .listing-details.process-block .step_title { color: #363636;} .listing-details.process-block .step_title.active{color: #3e80c2;} /*process step 1 page end*/ /*process step 2 page start*/ .red-btn.pull-right.icn-btn {float: none !important;} .red-btn.icn-btn{margin-top: 10px;} .process-block.step-2 .cart-section-block::after {left: 18%;width: 32%;} /*process step 2 page end*/ /*process step 3 page start*/ .bank-details {padding-left: 0;} .step-3 .back-btn-review-book {display: block;float: none;} /*process step 3 page end*/ /*user Transactions page css starts here*/ .transactions-table div.table-row{ width: 100%; margin-bottom: 10px;} .transactions-table div.table-cell{ display: block; text-align: left; width: 100%; padding: 10px 15px; border-bottom: solid 1px #efefef;} .transactions-table div.table-cell:first-child { background: #f5f5f5;} .transactions-table div.table-cell::before{ margin-right: 12px; color: #222222; padding: 0px; font-size: 13px; text-transform: uppercase; display: inline-block;} .transactions-table div.table-row:nth-child(odd) {background: #fff;} .transactions-table .description{ max-width: 100%; white-space: normal; overflow: visible; display: block;} /*user Transactions page css ends here*/ .allowed-list li{ display: inline-block; vertical-align: middle;width: 49%; padding-right: 1%; box-sizing: border-box; margin-bottom: 10px;} .not-allowed-list li{ display: inline-block; vertical-align: middle;width: 49%; padding-right: 1%; box-sizing: border-box; margin-bottom: 10px;} } @media all and (max-width:625px){ .user-layout-regular .category {max-width: 69%;} } @media all and (max-width:604px){ /***************Owner accomodations edit page css starts here********************/ .small-input {max-width: 58%;margin-top: 6px;margin-left: 10px;width: 80%;} .facility-options .facility-name {width: 70%;} .facility-options .switch{ margin-top: 10px;} /***************Owner accomodations edit page css ends here********************/ } @media all and (max-width:580px){ .not-visible{ margin-top: 15px; padding-top: 15px; display: block; clear: both; } /*listing details page css starts here*/ .rooms-facilities li,.allowed-facilities li, .not-allowed-facilities li { float: left; width: 100%;} .demo-gallery li { width: 32%; margin:2px; float: left; } .demo-gallery li img{ width: 100%; height: 112px;} /*listing details page css ends here*/ /*user accomodation details start here*/ .label-name,.label-details { display: block; min-width: 100%; color: #363636; } /*user accomodation details ends here*/ /*user accomodation start here*/ .user-layout-head.with-dropdown{ padding-right: 15px; position: relative;} .layout-head-dropdown { width: 100%; position: relative; top: 0; right: 0; height: 32px; margin-top: 8px; margin-bottom: 8px;} .layout-head-dropdown .select-style{ width: 100%; max-width:100%; margin: 0; height: 32px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .layout-head-dropdown .select-style select{padding: 0 10px;box-sizing: border-box;height: 32px;} /*user accomodation start here*/ } @media all and (max-width:512px){ /*listing page css starts here*/ .package-block .book-btn {width: 100%;border-radius: 0 0 5px 5px;} /*listing page css ends here*/ } @media all and (max-width:500px){ /***************************User Accomodaton list page starts here****************************/ .user-layout-details .package-image, .user-layout-details .package-details-info{ float: none; width: 100%; } .user-layout-details .package-image {min-width: 100%; margin-bottom: 15px; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;} .user-layout-details .package-block{ width: 100%; max-width:none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: block; margin: 0 auto 25px;float: none;} .user-layout-details .listing-set strong { display: block; } .user-layout-details .package-block .book-btn { border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;} /***************************User Accomodaton list page ends here****************************/ /***************************User story list page starts here****************************/ .user-layout-regular .package-image, .user-layout-regular .package-details-info{ float: none; width: 100%; } .user-layout-regular .package-image.height-152px { height: 152px;} .user-layout-regular .package-image {min-width: 100%; margin-bottom: 15px; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; min-height: auto; max-height: auto;} .user-layout-regular .package-block{ width: 100%; max-width: 300px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: block; margin: 0 auto 25px;float: none;} .user-layout-regular .listing-set strong { display: block; } .user-layout-regular .package-block .book-btn { border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;} .user-layout-regular .category { max-width: 100%; padding: 8px 15px;} .icon-bg-btn{ width: 50%; background: #fefefe;} /***************************User story list page ends here****************************/ /************************************ process starts ************************************/ .plan-detail {left: -20px;position: absolute;width: 94px;} /************************************* process ends *************************************/ } @media all and (max-width:480px){ .input-float-label > label { font-size: 13px;} .user-layout-details .red-btn { width: 100%; margin-bottom: 10px;} .user-layout-details .red-btn.margin-right{margin-right: 0;} /*features start*/ .features-points { min-height: auto; max-width: 98%; padding: 25px 20px;width: 100%; margin: 0 1% 15px;} /*features ends*/ /*popular cities start*/ .country-img, .country-img.small {max-width: 280px; margin: 0 auto 15px; width: 280px; min-width: 280px;height: 170px;max-height: 170px;} /*popular cities ends*/ /*listing details page css starts here*/ .demo-gallery li { width: 48%; margin:2px; float: left; } .demo-gallery li img{ width: 100%; height: 112px;} .review-image{ display: block; margin: 0 auto 10px;text-align: center;} .review-image img{} .review-details {display: block; text-align: center;} /*listing details page css ends here*/ /*radio button css*/ .label-radio { float: none; display: block; margin-bottom: 0px;} /*radio button css*/ /*note parent css of gallery in listing details page*/ /*demo gallery images*/ .blog-image .demo-gallery {text-align: center;} .blog-image .demo-gallery li{ width: 49%; display: inline-block; float: none;margin: 0;} /*demo gallery images*/ .allowed-list li{ display: inline-block; vertical-align: middle;width: 100%; padding-right: 0%; box-sizing: border-box; margin-bottom: 10px;} .not-allowed-list li{ display: inline-block; vertical-align: middle;width: 100%; padding-right: 0%; box-sizing: border-box; margin-bottom: 10px;} .big-box .step_process { min-height: 34px; width: 28px;} .big-box .step_bor { width: 28px; height: 28px; line-height: 28px;} } @media all and (max-width:380px){ /*listing page css starts here*/ /*package image css starts*/ .package-image { margin: 20px auto 0px;} /*package image css ends*/ /*package-details start here*/ /*.des-points .listing-set li{ max-width: 100%; width: 100%; margin:5px 0;}*/ .listing-set li{ max-width: 100%; width: 100%; margin:5px 0;} /*package-details ends here*/ /*listing page css ends here*/ /*listing details page css starts here*/ .demo-gallery li { width: 98%; margin:2px; float: left; text-align: center;} .demo-gallery li img{ width: 172px; height: 112px; margin: 0 auto;} /*listing details page css ends here*/ } @media all and (max-width:368px) { /*listing page css starts here*/ /*package image css starts*/ .package-image { margin: 0px auto 0px; width: 100%;max-width:100%;height: auto; max-height: auto;} .package-image img{width: 100%; height: auto; min-height: auto;border-radius: 5px 5px 0 0;} /*package image css ends*/ /*listing page css ends here*/ /*note parent css of gallery in listing details page*/ /*demo gallery images*/ .blog-image .demo-gallery li{ width: 100%; display: inline-block; float: none;margin: 0 0 5px;} /*demo gallery images*/ }