/* ========================================================================== #Transitions ========================================================================== */ #pjWrapperVacationRental .pjVrBtnPrimary, #pjWrapperVacationRental .pjVrProductImage img, #pjWrapperVacationRental .pjVrProductThumbs .thumbnail, #pjWrapperVacationRental .pjVrProductThumbs .thumbnail img, #pjWrapperVacationRental .pjVrNav a, #pjWrapperVacationRental .pjVrNavAccess a, #pjWrapperVacationRental .pjVrProduct, #pjWrapperVacationRental .pjVrProduct *, #pjWrapperVacationRental .pjVrPagination .pagination a, #pjWrapperVacationRental .pjVrCalendar .pjVrCalendarTrigger, #pjWrapperVacationRental .pjVrFormReservation .pjVrCalendar .btn-default, #pjWrapperVacationRental .pjVrFormSearch .pjVrBtnFor, #pjWrapperVacationRental .pjVrLanduage .pjVrLanduageToggle .fa, #pjWrapperVacationRental .pjVrFeatured, #pjWrapperVacationRental .pjVrFeaturedTitle, #pjWrapperVacationRental .pjVrFeatured .pjVrFeaturedContent, #pjWrapperVacationRental .pjVrFeatured .pjVrFeaturedContent *, #pjWrapperVacationRental .pjVrFeaturedImage img, #pjWrapperVacationRental .pjVrSliderFeatured .pjVrSliderPagination a { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } /* ========================================================================== #Validation ========================================================================== */ #pjWrapperVacationRental .help-block { margin: 0; } #pjWrapperVacationRental .has-error .help-block { margin: 5px 0 0; } /* ========================================================================== #Buttons ========================================================================== */ #pjWrapperVacationRental .pjVrBtnPrimary { text-transform: capitalize; } /* ========================================================================== #pjVrContainer ========================================================================== */ #pjWrapperVacationRental .pjVrContainer { padding-top: 15px; } /* ========================================================================== #pjVrCalendar ========================================================================== */ #pjWrapperVacationRental .pjVrCalendar .pjVrCalendarTrigger { background: #fff; cursor: pointer; } #pjWrapperVacationRental .pjVrGroupCalendar .pjVrCalendarTriggerTo { border-right: 0; border-left: 0; } #pjWrapperVacationRental .pjVrCalendar .pjVrCalendarInput[readonly] { background: #fff; } #pjWrapperVacationRental .pjVrCalendarInline .ui-datepicker-inline { max-width: 100%; } #pjWrapperVacationRental .pjVrCalendarInline .ui-datepicker { width: 100% !important; padding: 0; } #pjWrapperVacationRental .pjVrCalendarInline .ui-widget { font-size: 0.9em; } #pjWrapperVacationRental .pjVrCalendarInline .ui-datepicker table { font-size: .9em; } #pjWrapperVacationRental .pjVrCalendarInline .ui-datepicker table a { text-align: center; } #pjWrapperVacationRental .pjVrCalendarInline .ui-datepicker table .ui-state-disabled a { cursor: not-allowed; } #pjWrapperVacationRental .pjVrCalendarInlineWrapper .ui-datepicker-next, #pjWrapperVacationRental .pjVrCalendarInlineWrapper .ui-datepicker-prev { display: none; } /* ========================================================================== #pjVrHeader ========================================================================== */ #pjWrapperVacationRental .pjVrHeader { min-height: 0; margin-bottom: 0; padding: 10px 15px 0; border-width: 0 0 1px 0; border-radius: 0; } /* ========================================================================== #pjVrNav ========================================================================== */ #pjWrapperVacationRental .pjVrNav, #pjWrapperVacationRental .pjVrNavAccess { margin-bottom: -1px; } #pjWrapperVacationRental .pjVrNav a, #pjWrapperVacationRental .pjVrNavAccess a { padding: 10px 15px; text-transform: capitalize; } #pjWrapperVacationRental .pjVrNav a { border: 1px solid transparent; border-bottom: 0; } #pjWrapperVacationRental .pjVrNav .pjVrNavCurrent a { background: none; background: #fff; border-radius: 4px 4px 0 0; } #pjWrapperVacationRental .pjVrNavAccess .pjVrNavLogin{margin-right: 13px;} #pjWrapperVacationRental .pjVrNavAccess .pjVrNavCurrent a{ background: none; background: #fff; border-radius: 4px 4px 0 0; } /* ========================================================================== #pjVrLanduage ========================================================================== */ #pjWrapperVacationRental .pjVrLanduage .pjVrLanduageToggle { z-index: 1001; height: 40px; padding: 0 15px; border-color: transparent; border-bottom: 0; background: none; line-height: 40px; text-transform: capitalize; border-radius: 4px 4px 0 0; } #pjWrapperVacationRental .pjVrLanduage.open .pjVrLanduageToggle, #pjWrapperVacationRental .pjVrLanduage .pjVrLanduageToggle.active, #pjWrapperVacationRental .pjVrLanduage .pjVrLanduageToggle.focus, #pjWrapperVacationRental .pjVrLanduage .pjVrLanduageToggle:active, #pjWrapperVacationRental .pjVrLanduage .pjVrLanduageToggle:focus, #pjWrapperVacationRental .pjVrLanduage .pjVrLanduageToggle:hover { -webkit-box-shadow: none; box-shadow: none; } #pjWrapperVacationRental .pjVrLanduage.open .pjVrLanduageToggle { background: #fff; } #pjWrapperVacationRental .pjVrLanduage.open .pjVrLanduageToggle { border-color: #000; } #pjWrapperVacationRental .pjVrLanduage .pjVrLanduageToggle .fa { display: inline-block; vertical-align: middle; } #pjWrapperVacationRental .pjVrLanduage.open .pjVrLanduageToggle .fa { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } #pjWrapperVacationRental .pjVrLanduage.open .pjVrLanduageDropdown { top: 37px; right: 0px; border-color: #000; border-radius: 4px 0 4px 4px; } #pjWrapperVacationRental .pjVrLanduage .pjVrLanduageDropdown a { padding: 5px 10px; } #pjWrapperVacationRental .pjVrLanduage .pjVrLanduageDropdown .pjVrLanduageCurrent { background: #000; } /* ========================================================================== #pjVrFormSearch ========================================================================== */ #pjWrapperVacationRental .pjVrFormSearch { padding-bottom: 10px; } #pjWrapperVacationRental .pjVrFormSearch label { text-transform: capitalize; } #pjWrapperVacationRental .pjVrFormSearch select { cursor: pointer; } #pjWrapperVacationRental .pjVrFormSearch .pjVrFor { width: 100%; padding: 25px 0 15px; } #pjWrapperVacationRental .pjVrFormSearch .pjVrBtnFor { width: 50%; text-transform: capitalize; } #pjWrapperVacationRental .pjVrFormSearch .pjVrBtnFor:hover { z-index: auto; } #pjWrapperVacationRental .pjVrFormSearch .pjVrBtnForChecked, #pjWrapperVacationRental .pjVrFormSearch .pjVrBtnForChecked:hover { z-index: 2; } #pjWrapperVacationRental .pjVrFormSearch .form-group { margin-bottom: 0; padding-bottom: 15px; } #pjWrapperVacationRental .pjVrFormSearch .pjVrFormActions { padding: 25px 0 15px; } #pjWrapperVacationRental .pjVrFormSearch .pjVrGroupCalendar { padding: 25px 0 15px; } #pjWrapperVacationRental .pjVrFormSearch .pjVrGroupCalendar .pjVrCalendarTrigger { padding: 6px 8px; } #pjWrapperVacationRental .pjVrFormSearch .pjVrGroupCalendar .pjVrCalendarInput { padding: 0 6px; font-size: 13px; } /* ========================================================================== #pjVrProducts ========================================================================== */ #pjWrapperVacationRental .pjVrProduct { padding: 15px; border: 0; border-radius: 0; } #pjWrapperVacationRental .pjVrProductTitle { text-transform: uppercase; } #pjWrapperVacationRental .pjVrProductImageInner { overflow: hidden; } #pjWrapperVacationRental .pjVrProductImage img { width: 100%; } #pjWrapperVacationRental .pjVrProduct:hover .pjVrProductImage img { transform: scale(1.1); } #pjWrapperVacationRental .pjVrProductPrice, #pjWrapperVacationRental .pjVrProductType { margin-bottom: 0; padding-top: 10px; } #pjWrapperVacationRental .pjVrProductPrice strong { font-size: 30px; } #pjWrapperVacationRental .pjVrProductPrice small { font-size: 22px; } #pjWrapperVacationRental .pjVrProductType { text-transform: capitalize; } #pjWrapperVacationRental .pjVrProductType dt { font-size: 15px; font-weight: normal; } #pjWrapperVacationRental .pjVrProductType dd { font-size: 18px; font-weight: bold; } #pjWrapperVacationRental .pjVrProductMeta dl { margin-bottom: 0; } #pjWrapperVacationRental .pjVrProductMeta dt, #pjWrapperVacationRental .pjVrProductMeta dd { float: none; display: inline-block; vertical-align: middle; text-transform: capitalize; } #pjWrapperVacationRental .pjVrProductMeta dt { width: auto; min-width: 0; } #pjWrapperVacationRental .pjVrProductMeta dd { margin-left: 0; } #pjWrapperVacationRental .pjVrProductBadge { text-transform: capitalize; } #pjWrapperVacationRental .pjVrProductActions { padding-top: 10px; } /* ========================================================================== #pjVrPagination ========================================================================== */ #pjWrapperVacationRental .pjVrPagination .pagination a { text-transform: capitalize; } /* ========================================================================== #pjVrCustomMap ========================================================================== */ #pjWrapperVacationRental .pjVrCustomMap { width: 100%; height: 500px; padding-bottom: 15px; } .pjVrViewMap{ border-top: solid 1px #fff; width: 100%; height: 300px; position: relative; background-color: #E5E3DF; } .pjVrProductSectionBody{overflow: hidden;} #pjWrapperVacationRental .pjDrawSearch_Holder{ height: 440px !important; } #pjWrapperVacationRental .pjVrBtnClearMap{width: 200px;} .property-gm-img img{display:block; width: 99px;} /* ========================================================================== #Product Inner ========================================================================== */ #pjWrapperVacationRental .pjVrProductTitleLarge { margin: 0; padding: 15px 0px 10px 0px; text-transform: uppercase; } #pjWrapperVacationRental .pjVrProductAddress{margin-bottom: 14px;} #pjWrapperVacationRental .pjVrProductInnerBadge { margin-bottom: 0; padding: 25px 15px 0 0; font-size: 24px; line-height: 1.2; text-transform: uppercase; } #pjWrapperVacationRental .pjVrProductImageCurrent img { width: 100%; } #pjWrapperVacationRental .pjVrProductThumbs { padding: 15px 10px 0; } #pjWrapperVacationRental .pjVrProductThumbs .col-lg-2, #pjWrapperVacationRental .pjVrProductThumbs .col-md-2, #pjWrapperVacationRental .pjVrProductThumbs .col-sm-4, #pjWrapperVacationRental .pjVrProductThumbs .col-xs-4 { padding: 0 4px; } #pjWrapperVacationRental .pjVrProductThumbs .thumbnail { width: 99px; overflow: hidden; padding: 0; border-radius: 0; float: left; margin-left: 5px; margin-right: 5px; } #pjWrapperVacationRental .pjVrProductThumbs .thumbnail:hover img, #pjWrapperVacationRental .pjVrProductThumbs .pjVrProductThumbCurrent img { transform: scale(1.1); } #pjWrapperVacationRental .pjVrProductThumbs .thumbnail, #pjWrapperVacationRental .pjVrProductThumbs .thumbnail:hover { border: 2px solid transparent; background: none; } #pjWrapperVacationRental .pjVrProductInnerPrice { font-size: 30px; } #pjWrapperVacationRental .pjVrProductInnerPrice small { font-size: 24px; } #pjWrapperVacationRental .pjVrProductInnerType { font-size: 18px; text-transform: capitalize; } #pjWrapperVacationRental .pjVrProductInnerMeta { padding-top: 20px; } #pjWrapperVacationRental .pjVrProductInnerMeta .dl-horizontal { overflow: hidden; margin-bottom: 0; } #pjWrapperVacationRental .pjVrProductInnerMeta dt { float: left; width: auto; min-width: 0; font-weight: normal; } #pjWrapperVacationRental .pjVrProductInnerMeta dd { float: right; margin-left: 0; font-weight: bold; } #pjWrapperVacationRental .pjVrProductSectionHead { text-transform: uppercase; } #pjWrapperVacationRental .pjVrProductSectionBody .dl-horizontal dt { text-align: left; } #pjWrapperVacationRental .pjVrProductCustomMap { width: 100%;} #pjWrapperVacationRental .pjVrTablePrices { max-height: 210px; overflow: auto; } #pjWrapperVacationRental .pjVrTablePrices table { margin-bottom: 10px; } /* ========================================================================== #pjVrFormReservation ========================================================================== */ #pjWrapperVacationRental .pjVrFormReservation .control-label { text-align: left; } #pjWrapperVacationRental .pjVrFormReservation .pjVrCalendarTo .control-label { text-align: right; } #pjWrapperVacationRental .pjVrFormReservation .pjVrCalendar .btn-default:hover { background: none; } #pjWrapperVacationRental .pjVrFormReservation select { cursor: pointer; } #pjWrapperVacationRental .pjVrFormReservation .pjVrFormActions { padding-top: 15px; } /* ========================================================================== #pjVrModalRequest ========================================================================== */ #pjWrapperVacationRental .pjVrModalRequest .modal-title { text-transform: uppercase; } #pjWrapperVacationRental .pjVrModalRequest .modal-header .close { margin-top: -22px; } #pjWrapperVacationRental .pjVrModalRequest .modal-body label { text-transform: capitalize; } /* ========================================================================== #pjVrFormAccess ========================================================================== */ #pjWrapperVacationRental .pjVrFormAccessActions { padding-bottom: 15px; } #pjWrapperVacationRental .pjVrFormAccess .pjVrFormHead { padding-bottom: 15px; text-align: center; } #pjWrapperVacationRental .pjVrFormAccessActions .pjVrBtnPrimary { margin-bottom: 15px; } #pjWrapperVacationRental .pjVrFormAccessActions a { text-transform: capitalize; } /* ========================================================================== .pjVrViewMap ========================================================================== */ /* ========================================================================== .pjVrjQueryUI ========================================================================== */ .pjVrjQueryUI{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 13px; } .pjVrjQueryUI .ui-widget button { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size: 12px !important; } .pjVrjQueryUI{width: 226px; z-index: 1000 !important; } .pjVrjQueryUI td{width: 32px;} .pjVrjQueryUI td span, .pjVrjQueryUI td a{text-align: center !important;} /* ========================================================================== .Modal ========================================================================== */ .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.fade.in { opacity: 0.5; filter: alpha(opacity=50); } /* ========================================================================== #pjVrSliderFeatured ========================================================================== */ #pjWrapperVacationRental .pjVrSliderFeatured, #pjWrapperVacationRental .pjVrSliderFeatured .pjVrSliderClip { position: relative; overflow: hidden; } #pjWrapperVacationRental .pjVrSliderFeatured .pjVrSlides { overflow: hidden; } #pjWrapperVacationRental .pjVrSliderFeatured .pjVrSlide { float: left; width: 380px; padding: 0 10px; } #pjWrapperVacationRental .pjVrFeaturedTitle { position: relative; z-index: 2; text-transform: capitalize; text-align: center; } #pjWrapperVacationRental .pjVrFeaturedImage { overflow: hidden; width: 100%; height: 240px; } #pjWrapperVacationRental .pjVrFeaturedImage img { width: 100%; height: 100%; } #pjWrapperVacationRental .pjVrFeatured:hover .pjVrFeaturedImage img { transform: scale(1.1); } #pjWrapperVacationRental .pjVrFeatured { position: relative; overflow: hidden; text-decoration: none; } #pjWrapperVacationRental .pjVrFeatured .pjVrFeaturedContent { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; padding: 60px 15px 10px; background: rgba(0, 0, 0, .3); opacity: 0; } #pjWrapperVacationRental .pjVrFeatured:hover .pjVrFeaturedContent { opacity: 1; } #pjWrapperVacationRental .pjVrFeatured .pjVrFeaturedContent p { overflow: hidden; max-height: 100px; margin: 0; color: #fff; text-align: center; } #pjWrapperVacationRental .pjVrFeatured .pjVrFeaturedContent p, #pjWrapperVacationRental .pjVrFeatured .pjVrFeaturedMeta, #pjWrapperVacationRental .pjVrFeatured .pjVrFeaturedActions { transform: scale(0); } #pjWrapperVacationRental .pjVrFeatured:hover .pjVrFeaturedContent p, #pjWrapperVacationRental .pjVrFeatured:hover .pjVrFeaturedMeta, #pjWrapperVacationRental .pjVrFeatured:hover .pjVrFeaturedActions { transform: scale(1); } #pjWrapperVacationRental .pjVrFeaturedMeta { overflow: hidden; max-height: 85px; margin: 0; padding: 15px 0; text-align: center; } #pjWrapperVacationRental .pjVrFeaturedMeta li { padding: 5px 0; } #pjWrapperVacationRental .pjVrFeaturedMeta dl { display: inline-block; margin-bottom: 0; padding-right: 10px; } #pjWrapperVacationRental .pjVrFeaturedMeta dt, #pjWrapperVacationRental .pjVrFeaturedMeta dd { display: inline-block; float: none; width: auto; font-size: 16px; line-height: 1.2; vertical-align: middle; text-transform: capitalize; } #pjWrapperVacationRental .pjVrFeaturedMeta dt { text-align: left; } #pjWrapperVacationRental .pjVrFeaturedMeta dd { margin-left: 0; } #pjWrapperVacationRental .pjVrFeaturedActions { overflow: hidden; max-height: 50px; padding-bottom: 15px; text-align: center; } #pjWrapperVacationRental .pjVrSliderFeatured .pjVrSliderControls { padding-bottom: 15px; } #pjWrapperVacationRental .pjVrSliderFeatured .pjVrSliderPagination { text-align: center; } #pjWrapperVacationRental .pjVrSliderFeatured .pjVrSliderPagination a { overflow: hidden; display: inline-block; width: 14px; height: 14px; margin: 0 3px; border: 1px solid #000; background: #fff; white-space: nowrap; text-indent: 100%; border-radius: 50%; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3) inset; box-shadow: 0 0 3px rgba(0, 0, 0, .3) inset; } #pjWrapperVacationRental .pjVrSliderFeatured .pjVrSliderPagination .selected, #pjWrapperVacationRental .pjVrSliderFeatured .pjVrSliderPagination a:hover { background: #000; text-decoration: none; } /* ========================================================================== #Responsive ========================================================================== */ @media only screen and ( max-width: 990px ) { /* ========================================================================== #Product Inner ========================================================================== */ #pjWrapperVacationRental .pjVrProductTitleLarge { font-size: 24px; } } @media only screen and ( max-width: 767px ) { /* ========================================================================== #pjVrHeader ========================================================================== */ #pjWrapperVacationRental .pjVrNav, #pjWrapperVacationRental .pjVrNavAccess, #pjWrapperVacationRental .pjVrNav ul, #pjWrapperVacationRental .pjVrNavAccess ul, #pjWrapperVacationRental .pjVrNav li, #pjWrapperVacationRental .pjVrNavAccess li, #pjWrapperVacationRental .pjVrNav a, #pjWrapperVacationRental .pjVrNavAccess a { display: inline-block; height: 48px; margin: 0; } #pjWrapperVacationRental .pjVrNav a, #pjWrapperVacationRental .pjVrNavAccess a { padding: 0 15px; line-height: 48px; } #pjWrapperVacationRental .pjVrNavAccess { float: right; } #pjWrapperVacationRental .pjVrNav, #pjWrapperVacationRental .pjVrNavAccess { margin-bottom: -1px; } #pjWrapperVacationRental .pjVrLanduage { margin-top: -4px; } #pjWrapperVacationRental .pjVrLanduage .pjVrLanduageDropdown { display: none; position: absolute; right: 0; left: auto; height: auto; background: #fff; } #pjWrapperVacationRental .pjVrLanduage.open .pjVrLanduageDropdown { display: block; top: 39px; background: #fff; border: 1px solid; } #pjWrapperVacationRental .pjVrLanduage.open .pjVrLanduageDropdown li, #pjWrapperVacationRental .pjVrLanduage.open .pjVrLanduageDropdown a { display: block; float: none; height: auto; line-height: 1.2; } /* ========================================================================== #pjVrFormSearch ========================================================================== */ #pjWrapperVacationRental .pjVrFormSearch > form > .row > .col-xs-12 { width: 50%; } /* ========================================================================== #pjVrProducts ========================================================================== */ #pjWrapperVacationRental .pjVrProductImage img { width: auto; } #pjWrapperVacationRental .pjVrProductTitle, #pjWrapperVacationRental .pjVrProductPrice strong { font-size: 18px; } #pjWrapperVacationRental .pjVrProductPrice small { font-size: 14px; } #pjWrapperVacationRental .pjVrProductType dd { font-size: 15px; } /* ========================================================================== #Product Inner ========================================================================== */ #pjWrapperVacationRental .pjVrProductTitleLarge, #pjWrapperVacationRental .pjVrProductInnerBadge { padding: 10px 0 0; } #pjWrapperVacationRental .pjVrProductInnerBadge { font-size: 18px; text-align: left; } #pjWrapperVacationRental .pjVrProductInnerPrice { font-size: 22px; } #pjWrapperVacationRental .pjVrProductInnerPrice small { font-size: 18px; } } @media only screen and ( max-width: 500px ) { /* ========================================================================== #pjVrNav ========================================================================== */ #pjWrapperVacationRental .pjVrHeader { padding: 5px 0 0; } #pjWrapperVacationRental .pjVrNav a, #pjWrapperVacationRental .pjVrNavAccess a, #pjWrapperVacationRental .pjVrLanduage .pjVrLanduageToggle { padding: 0 5px; } } @media only screen and ( max-width: 480px ) { /* ========================================================================== #pjVrFormSearch ========================================================================== */ #pjWrapperVacationRental .pjVrFormSearch > form > .row > .col-xs-12 { width: 100%; } /* ========================================================================== #pjVrProducts ========================================================================== */ #pjWrapperVacationRental .pjVrProductImage img { width: 100%; } } @media only screen and ( max-width: 390px ) { /* ========================================================================== #pjVrHeader ========================================================================== */ #pjWrapperVacationRental .pjVrHeader { padding: 5px 5px 0; } #pjWrapperVacationRental .pjVrNavAccess li:last-of-type { display: none; } /* ========================================================================== #pjVrSliderFeatured ========================================================================== */ #pjWrapperVacationRental .pjVrSliderFeatured .pjVrSlide { width: 300px; } } @media only screen and ( max-width: 360px ) { /* ========================================================================== #pjVrFormReservation ========================================================================== */ #pjWrapperVacationRental .pjVrFormReservation .pjVrGroupCalendar .pjVrCalendarInput { padding: 0 6px; } }