e/****************reset css starts here*****************/ h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset,figure { margin:0; padding:0; outline:none; font-weight:normal; border:0 } form, fieldset { float:left; width:100% } img { border:0 none; max-width: 100%; height: auto;vertical-align: middle} a,input,select { text-decoration:none; border:0; outline:0;border-radius:0;box-shadow:none;-webkit-appearance:none;} ul { list-style:none; } .clear { clear:both;} /****************body*****************/ body, html{height: 100%;} body{font-family: 'Gotham-Book'; color: #231f20;font-size: 14px;} *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0px; padding: 0px;} a{color:#363636;} #wrapper {position: relative;display: block;width: 100%;min-height: 100%;} /* layout section start here */ .layout{max-width: 100%;margin: 0 auto; padding:0 80px;} /*header*/ .top-header { background: #282425; color: #fff; float: left; width: 100%; padding: 10px 200px; font-size: 16px; display:none; } .top-header .left-links { float: left; } .top-header .right-links{ float: right; font-size:12px; } .top-header .right-links a{margin:0 2px;} .top-header .right-links a:hover{text-decoration:underline;} .top-header a { color: #fff; } .top-header a:hover {} .bottom-header { padding: 20px 200px; float: left; width: 100%; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; } .header {float: left;width: 100%;position: fixed;top: 0;left: 0; z-index: 999;background: #fff;border-bottom:1px solid #ccc;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;} .logo { float: left;width: 260px; height:83px; transition: all 1s; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;} .header.small .bottom-header { padding: 10px 200px; } .header.small .logo{ width: 200px; height:64px;} .header.small .header_right { margin-top: 16px; } .header_left {float: left;} .search_outer{float: left;margin-right: 30px;} .search_outer .res_btn{float: left;} .apt_size{float: left;position: relative;} .apt_size select.res_btn{background: url(../images/select_icon.png) no-repeat right center;padding-right: 30px;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius:0px!important;box-shadow:none!important; margin:0;} .borderLN{border-left: 0px!important} .header_right{float: right; margin-top: 22px;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; } .menu{float: left; } .menu li{float: left;} .menu li a{font-family: 'Gotham-Book';font-size: 16px;line-height: 37px;padding: 0 5px;margin:0 5px;color: #231f20;text-transform: uppercase;display: block;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;} .menu li:last-child a {padding-right: 0; margin-right: 0;} .menu li a:hover, .menu li.current-menu-item a{color:#2caaa3;} .res_btn{font-family: 'Gotham-Book';font-size: 16px;line-height: 37px;height: 37px;padding: 0 10px;color: #000;display: block; border: 1px solid #a0a2a5;float: right;text-transform: uppercase;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;} .header_right .res_btn:hover{background:#2caaa3;color:#fff;} .res_btn.input_search{background: url(../images/search_icon.png) no-repeat center center;width: 38px;cursor: pointer;border-left: 0px; margin-top:0;} .menu_icon {display: none} header .header_right li:last-child{padding-left:8px;} header .header_right li:last-child a{display:inline-block; border:1px solid #231f20; padding:8px 10px;vertical-align: top;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;line-height:20px;} header .header_right li:last-child a:hover{ background:#231f20; color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;} header .header_right .menu-mainmenu-container{display:inline-block;} /*main Section*/ .main_container{float: left;width: 100%} .body_container{float: left;width: 100%} #content { float:left; width:100%;margin-top: 123px;} /*slider container*/ .slider_outer{float: left; width: 100%;position: relative;} .slider_sec.owl-carousel .owl-next, .slider_sec.owl-carousel .owl-prev{position: absolute;top: 50%;margin-top: -42px;width: 35px;height: 84px;text-indent: -99999px;} .slider_sec.owl-carousel .owl-prev{background: url(../images/left_arrow.png) no-repeat center center;left: 50px} .slider_sec.owl-carousel .owl-next{background: url(../images/right_arrow.png) no-repeat center center;right: 50px} .slider_sec.owl-carousel .owl-prev.disabled,.slider_sec.owl-carousel .owl-next.disabled{display:none} .slider_sec.owl-carousel .owl-dots{width: 100%; text-align: center;bottom:40px;position: absolute;z-index: 99} .slider_sec.owl-carousel .owl-dots .owl-dot{width: 17px;height: 17px;margin: 0 7px;display: inline-block;background: #d1d3d4;border-radius: 50%;-ms-border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;} .slider_sec.owl-carousel .owl-dots .owl-dot.active{background: #2caaa3;} .slider_sec.owl-carousel .owl-item img{width:auto} .slider_sec.owl-carousel .owl-item .slider_fig img{width:100%} .slider_content{max-width:1160px;width:100%;margin:0 auto;} .slider_container{position:absolute;top:50%;left:0;width:100%;transform: translate(0, -50%);-moz-transform: translate(0, -50%); -o-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-webkit-transform: translate(0, -50%); text-align: center;} .slider_container h2{font-family: 'FrontageCondensed-Regular';font-size: 22px; color: #fff; margin-bottom:10px;} .slider_container h3{font-family: 'FrontageCondensed-Regular';font-size: 60px; color: #FDFAE2; margin: 10px 0; font-weight:bold;} .slider_container p{font-family: 'Gotham-Book';font-size: 18px;line-height: 30px;color: #fff;padding-bottom:17px;} .slider_container a{font-family: 'Gotham-Book';font-size: 16px; padding:10px 16px;color: #3a3a3c;display: inline-block;background:#FFC600;text-transform: uppercase;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s; border-radius: 100px;line-height:20px;} .slider_container a:hover{background:#FDFAE2;} .slider_left{width:100%;float:left;/*max-width:586px;*/ margin-top: 20px;} .slider_right{width: 32%;float:right} .slider_right ul { position: relative; float: left; width: 100%; } .slider_right ul:after { position: absolute; left: 0; top: 50%; height: 4px; background: #34a8a1; content: ""; width: 100%; display: block; margin-top: 6px;} .slider_right ul:before { position: absolute; left: 50%; top: 7px; width: 4px; background: #34a8a1; content: ""; height: 100%; display: block; margin-left: -13px; } .slider_right li { letter-spacing: -13px; float: left; width:180px; font-family: 'FrontageCondensed-Regular'; font-size: 100px; color: #fff; } .slider_right li:last-child { font-size: 85px; line-height:90px; padding: 16px 0 0 6px; } .slider_right li span { position: absolute; font-size: 30px; letter-spacing: normal; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); left: 113px; bottom: 32px; } .slider_right.five_digit{ width:47%;} .slider_right.five_digit li{ width:270px;} .slider_right.five_digit li span{ left:200px;} .slider_right.four_digit{ width:40%;} .slider_right.four_digit li{ width:230px;} .slider_right.four_digit li span{ left:159px;} .slider_outer .slider_sec .item:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} .item_img_list {background: #eeeeee;float: left; width: 100%;} .item_img_list .leftSide{ float:left; width:25%;} .item_img_list .leftSide .item{ float:left; width:100%; height:840px;} .item_img_list .rightSide{ float:left; width:75%;} .item_img_list .item{ width:33.33333333%; float:left;border-right: 2px solid #fff;border-bottom: 2px solid #fff; height:420px;} /*info-area*/ .info-area { float: left; width: 100%; background: #FDFAE2; overflow: hidden; display:table; } .info-area .info-left { float: left; width:100%; padding: 37px 20px; background: #3a3a3c; } .info-area .info-right { width: 65%; padding: 0 100px 0 50px; position: relative;vertical-align: middle;display: table-cell; } .info-area .info-right p { color: #3a3a3c; font-size: 20px; line-height: 30px; padding:0;} .info-area .info-left img { margin: 0 auto; display: block; max-width: 370px; } .info-area .info-right a { position: absolute; right: -60px; top: 60px; color: #fff; background: #282425; font-family: 'FrontageCondensed-Regular'; font-size: 20px; padding: 13px 34px; line-height: 20px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .main_container.home-page{ padding-top:0 !important;} /*Discription container*/ .discription_outer{float: left; width: 100%} .discription_left{float: left; width: 65%; position:relative;} .discription_left img{width: 100%} .discription_left .overlay{ position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; text-align:center; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; background:rgba(0,0,0,0.5); opacity:0;} .discription_left .overlay h2{font-family: 'Gotham-Book'; color:#fff; font-size:30px; line-height:35px; padding-bottom:20px;} .discription_left .overlay a.read-more{font-family: 'Gotham-Book'; background:#fff; font-size:16px; line-height:20px; color:#231f20; display:inline-block; text-transform:uppercase; padding:10px 20px; border:1px solid #fff;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;} .discription_left .overlay a.read-more:hover{ color:#fff; background:none;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;} .discription_left .overlay .outer{ -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; left: 0; right: 0; padding: 0 30px;} .discription_left:hover .overlay{ opacity:1;} .discription_right{float: right; width: 35%;padding-left: 60px;padding-right: 60px;padding-top: 45px;} .discription_right p{font-family: 'Gotham-Book';font-size: 16px;line-height: 22px;color: #231f20;padding-top: 20px} /*Box container*/ .box_outer{float: left;width: 100%;background: #3a3a3c;} .box_sec{float: left;width: 100%;text-align: center;} .box_sec li{ float: left; width: 33.33%;} .box_sec li img { width: 100%; height: auto; } .box_sec li a{display: block; overflow:hidden;} .box_sec li a span{display: inline-block;font-family: 'FrontageCondensed-Regular';font-weight: bold;font-size: 100px;line-height: 138px;height: 160px;color: #fff;} /*.box_sec li a.live_icon span{background: url(../images/live_icon.png) no-repeat left center;padding-left: 123px}*/ .box_sec li a.eat_icon {background: #3a3a3c;border-left-color:#fff;border-left-width:1px;border-left-style:solid;border-right-color:#fff;border-right-width:1px;border-right-style:solid;} /*.box_sec li a.eat_icon span{background: url(../images/eat_icon.png) no-repeat left center;padding-left: 111px} .box_sec li a.expl_icon span{background: url(../images/expl_icon.png) no-repeat left center;padding-left: 97px}*/ .box_sec li img{ -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -ms-transition: all 1s ease; /* IE 9 */ -o-transition: all 1s ease; /* Opera */ transition: all 1s ease; } .box_sec li:hover img { -webkit-transform:scale(1.25); /* Safari and Chrome */ -moz-transform:scale(1.25); /* Firefox */ -ms-transform:scale(1.25); /* IE 9 */ -o-transform:scale(1.25); /* Opera */ transform:scale(1.25); } /*Contact container*/ .contact_outer{float: left;width: 100%;background: #f1f1f2;padding: 70px 0;} .contact_sec{float: left;width: 100%;padding: 0 70px 0 80px;position:relative;} .contact_sec .ConactTxt{position:absolute;left:0;background: url(../images/contact_txt.png) no-repeat left center;width:77px;height:295px;} .contact_sec h2{font-family: 'FrontageCondensed-Regular';font-weight: bold;font-size: 80px;line-height: 70px;letter-spacing: -5px;text-transform: uppercase;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg); position:absolute; left:0; top:0; margin:115px 0 0 -125px;} .contact_sec .submitBtn{position:absolute;right:0;top:6px;} .contact_sec .submitBtn input[type="submit"]{/*background: url(../images/submitBtn.png) no-repeat right center;width:56px;height:273px;*/cursor:pointer;background: #231f20;font-family: 'Conv_Gotham-Bold';color: #fff;font-size: 30px;line-height: 35px;text-transform: uppercase;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);padding: 10px 77px;position: absolute;right: 0;top: 0;margin: 110px -120px 0 0;} .contact_sec .submitBtn input[type="submit"]:hover{opacity:.8} .inpTxtLOuter{float:left; width:66.66%} .inpTxt{width:50%;padding: 6px 15px;position:relative;} .inpTxt.full{width:100%;} .inpTxt .error_star{position:absolute;right:23px;top:13px;font-family: 'Gotham-Book';font-size: 17px;color: #231f20;} .inpTxt select,.inpTxt input,.inpTxt textarea{width:100%;border:1px solid #353435;font-family: 'Gotham-Book';font-size: 17px;line-height:35px;height:45px;background:none;padding: 5px 35px 5px 10px;color: #231f20;text-transform:uppercase;border-radius:0px!important;box-shadow:none!important;} .inpTxt.left{float:left} .inpTxt.right{float:right} .inpTxt.textArea{float:right; width:33.33%;min-width:33.33%;max-width:33.33%} .inpTxt.textArea textarea{min-height: 217px;max-height:217px;min-width:100%;max-width:100%; margin:0; resize:none;} .inpTxt select{background: url(../images/select_iconB.png) no-repeat right center;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius:0px!important;box-shadow:none!important;} .contact_outer .inpTxt input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #231f20; opacity:1; } .contact_outer input::-moz-placeholder { /* Firefox 19+ */ color: #231f20; opacity:1; } .contact_outer input:-ms-input-placeholder { /* IE 10+ */ color: #231f20; opacity:1; } .contact_outer input:-moz-placeholder { /* Firefox 18- */ color: #231f20; opacity:1; } .contact_outer textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #231f20; opacity:1; } .contact_outer textarea::-moz-placeholder { /* Firefox 19+ */ color: #231f20; opacity:1; } .contact_outer textarea:-ms-input-placeholder { /* IE 10+ */ color: #231f20; opacity:1; } .contact_outer textarea:-moz-placeholder { /* Firefox 18- */ color: #231f20; opacity:1; } .inpTxt label.error{display:none!important;} .inpTxt input.error, .inpTxt select.error { border: 1px solid #F00; } .inpTxtLOuter.full{width:100%;} .gform_wrapper ul {float: left; width: 54%;} .gform_wrapper ul li.gfield {float: left;width: 50%; padding: 6px 15px;} .gform_wrapper ul li.gfield {position: relative;} .gform_wrapper .gfield_required {position: absolute;right: 25px; bottom: 26px;} .inpTxtLOuter select, .inpTxtLOuter input, .inpTxtLOuter textarea {width: 100%; border: 1px solid #353435; font-family: 'Gotham-Book' !important; font-size: 17px !important; line-height: 35px; height: 45px; background: none; padding: 5px 35px 5px 10px !important;color: #231f20; text-transform: uppercase; border-radius: 0px !important; box-shadow: none !important; color: #231F20;} .gform_wrapper ul li.gfield:first-child { width:100%;} .page-template-template-contact .gform_wrapper ul li.gfield:last-child { padding-right: 0; } .gform_wrapper ul li.gfield:last-child { position: absolute; right: 0; width: 46%; padding: 6px 0 6px 30px; padding-right: 0px; } .inpTxtLOuter select { background: url(../images/select_iconB.png) no-repeat right center; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px !important; box-shadow: none !important; } .inpTxtLOuter textarea { min-height: 217px; max-height: 217px; min-width: 100%; max-width: 100%; resize: none; } .gform_footer.top_label { float: left; width: 100%; } .contact_sec input[type="submit"] { background: #231f20; width: 122px; height: 37px; margin-top: 13px; cursor: pointer; float: right; color: #fff; font-family: 'Conv_Gotham-Bold'; text-align: center; font-size: 14px !important; padding: 0 !important; } .validation_error { float: left; width: calc(100% - 14px); margin: 8px 0 8px 14px; text-align: center; padding: 12px 0; background: rgba(255,0,0,0.5); color: #fff; } .gfield_description.validation_message { display: none; } .gform_wrapper ul li.gfield.gfield_error input, .gform_wrapper ul li.gfield.gfield_error select { border: 1px solid #ff0000; } /*Footer*/ .footer{float: left; width: 100%} .footer_top{float: left; width: 100%; padding:60px 0 50px 0;} .footerT{float: left; width: 100%;padding:0 200px 0 130px;} .footerT .footerT_left{float: left;width: 33%;padding-top: 45px;padding-left: 80px;padding-right: 50px;} .footerT .footer_logo{float: left; width: 100%;} .social_icons{float: left; width: 100%;clear: both;padding-top: 12px;} .social_icons li{float: left;} .social_icons li a{padding-right: 10px;} .social_icons li a img{width: 36px;height: 36px} .social_icons li span{float: left;font-family: 'Gotham-Book';font-size: 18px;line-height: 36px;color: #231f20;} .footer_top {} .footer_top .widget { width: 33.33%; float: left; padding: 0px 70px; text-align: center; } .footer_top img { max-width: 300px; margin-bottom: 20px; } .footer_top .footer-left { text-align: left; } .footer_top h3 { font-family: 'FrontageCondensed-Regular'; font-size: 40px; margin-bottom: 30px; } .footer_top p { font-size: 18px; } .footer_top li a { font-size: 18px; text-transform: uppercase; color: #231f20; } .footer_top li a:hover { text-decoration:underline;} /*.footer_top li a.email {font-size: 15px;word-wrap: break-word;}*/ footer .contact_sec{ padding-left:0; padding-right:0;} footer .contact_sec input{color: #231f20;} footer .contact_sec input::-webkit-input-placeholder, footer .contact_sec textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #231f20; opacity:1; } footer .contact_sec input::-moz-placeholder, footer .contact_sec textarea::-moz-placeholder { /* Firefox 19+ */ color: #231f20; opacity:1; } footer .contact_sec input:-ms-input-placeholder, footer .contact_sec textarea:-ms-input-placeholder { /* IE 10+ */ color: #231f20; opacity:1; } footer .contact_sec input:-moz-placeholder, footer .contact_sec textarea:-moz-placeholder { /* Firefox 18- */ color: #231f20; opacity:1; } /*Thumbs Sec*/ .footerT .thumb_sec{float: left;width: 67%;} .footerT .thumb_sec li{float: left;width: 25%;} .footerT .thumb_sec li img{float: left;width: 100%;} .sl-overlay{background: #000;} .sl-wrapper .sl-navigation button{color: #fff} .sl-wrapper .sl-close{background: url(../images/close_icon.png) no-repeat center center;background-size: 20px;color: transparent;} .sl-wrapper .sl-counter{color: #fff;font-family: 'Gotham-Book';} /*Footer Bottom*/ .footer_bottom{float: left; width: 100%;padding: 20px 200px;background: #231f20;} .footer_bottom p{font-family: 'Gotham-Book';font-size: 12px;color: #fff;float:left; padding:0;} .footer_bottom p strong{font-family: 'Conv_Gotham-Bold'; color: #fff; } .footer_bottom p a { } .footer_bottom p span{margin-left:10px;padding-left:10px;border-left:1px solid #fff;} .footer_bottom_right{float:right; width:310px;} .footer_bottom_right p{letter-spacing:8px} .footer_bottom_right p img{margin-top: -3px;} /*Inner Page*/ .live_outer{float:left; width:100%;background: url(https://www.liveheightsjc.com/wp-content/uploads/2024/11/download-7.png) no-repeat center top;background-size: 100% 1000px;position: relative;min-height: 1000px;} .live_outer h3{font-family: 'Gotham-Book';font-size: 70px;color: #fff;} .live_outer p{font-family: 'Gotham-Book';font-size: 27px;line-height:33px;color: #3a3a3c;padding:20px 0 30px;} .live_outer .anBtn{font-family: 'Gotham-Book';font-size: 14px;line-height: 24px;padding: 6px 20px;color: #fff;display: inline-block; border: 1px solid #fff;text-transform: uppercase;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;} .live_left{width:45%;float:left;padding:40px 50px;position: absolute;top: 0;} .live_right{width:45%;float:right;text-align:right;padding:40px 50px;position: absolute;bottom: 0;right: 0;color:#3c3c3a!important;} .live_right h3{font-family: 'FrontageCondensed-Regular';font-weight: bold; font-size:100px; letter-spacing:-5px;color:#3c3c3a!important;} .live_outer .anBtn:hover{background: #2caaa3;border-color: #2caaa3} .live_outer .live_right .anBtn:hover{background: #282828;border-color: #282828} /*.live_outer .live_container{max-width: 1652px;margin: 0 auto;position: relative;min-height:1000px;background:#2caaa3;overflow: hidden;width: 100%;} .live_triangle_topleft {width: 0;position:absolute;left: 0;top:0;height: 0;border-top: 1000px solid #231f20;border-right: 1650px solid transparent;max-width: 100%;}*/ /*Contact Page*/ .contact_us{ background:#fff;padding-bottom: 100px; padding-top:40px;} .contact_us .page-title {padding-bottom: 30px; text-align: center;} .contact-banner {float: left;width: 100%;padding-bottom: 25px;} .contact-banner img { width: 100%;} .contact_us .title{ padding-left:16px;} .contact_us .contact_sec{ padding:0;} .contact_us .contact_sec h2{font-family: 'FrontageCondensed-Regular';font-weight: bold; font-size:70px; line-height:75px; letter-spacing:-5px; text-transform:uppercase; padding-bottom:20px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg); position:static; margin:0 0 0 -10px;} .contact_us p{ padding-bottom:20px;font-family: 'Gotham-Book';font-size:20px;line-height:30px;color: #231f20;} .contact_us .submitBtn{ position:static; float:left; width:100%; padding:30px 15px 0 0;} .contact_us .submitBtn input[type="submit"]{ float:right; height:auto; width:auto; background:#231f20;font-family: 'Conv_Gotham-Bold'; color:#fff; font-size:30px; line-height:35px; text-transform:uppercase; padding:10px 70px 8px 70px; position:static;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg); margin:0;} #map.contactMap{width:100%; float:left; height:750px;} .contact-footer{float:left; width:100%; padding-bottom:60px;} .contact-footer .box{float:left; width:33.33%; min-height:180px; text-align:center;} .contact-footer .box h3{font-family: 'FrontageCondensed-Regular';font-size: 40px;margin-bottom: 30px;} .contact-footer .box li{ margin-bottom:15px;} .contact-footer .box li a{font-size: 18px;text-transform: uppercase;color: #231f20;} .contact-footer .box.box-1 { padding-right: 190px; text-align:left;} .contact-footer .box.box-1 img{max-width:380px;} .contact-footer .box.box-1 a.ins-link{color: #231f20; font-size:18px; margin-top:20px; display:inline-block;} .page-template-template-contact footer .footer_top{display:none;} /*Blog Page*/ p{font-family: 'Gotham-Book';font-size: 16px;line-height: 22px;color: #231f20;padding-bottom:15px;} .blog .blog-title{ float:left; width:100%; background:#FDFAE2; padding:13px 0 15px 0; text-align:center; position:relative;} .blog-title .left-arrow a{ background:url(../images/left_arrow.png) no-repeat left center; height:35px; background-size:35px; display:inline-block; position:absolute; left: 50px;top: 19px;font-size:20px; color:#fff;padding: 6px 0 0 30px;font-weight: bold;} .blog-title .right-arrow a{ background:url(../images/right_arrow.png) no-repeat right center; height:35px; background-size:35px; display:inline-block; position:absolute; right:50px; top:19px;font-size:20px;color:#fff;padding:6px 30px 0 0;font-weight: bold;} .blog .blog-title h2{ /*color:#fff;font-family: 'Conv_Gotham-Bold'; font-size:40px; line-height:45px;*/ font-family: 'FrontageCondensed-Regular';font-size:40px;color:#3c3c3a ;margin: -5px 0 0;font-weight: bold;line-height: 46px;letter-spacing: -4px;} .blog .blog-content{ float:left; width:100%; padding:40px 80px;} .blog .blog-btn{float:left; width:100%; padding:40px 80px 40px 80px;} .blog .blog-btn a{ font-size:25px; line-height:30px;font-family: 'Conv_LaborUnion-Regular'; text-transform:uppercase; color:#fff;} .previous-post a{ background:url(../images/greenleftArrow.svg) no-repeat left center; float:left; padding:5px 0 5px 35px;} .next-post a{ background:url(../images/greenrightArrow.svg) no-repeat right center; float:right; padding:5px 35px 5px 0;} .blog .blog-content h2{font-family: 'Conv_Gotham-Bold'; font-size:40px; line-height:45px; text-transform:uppercase; padding-bottom:20px;} .blog .blog-content h3{font-family: 'Conv_Gotham-Bold'; font-size:30px; line-height:40px; padding-bottom:20px;} .blog .blog-content h4{font-family: 'Conv_Gotham-Bold'; font-size:18px; line-height:28px; padding-bottom:20px;} .blog .blog-content h5{font-family: 'Conv_Gotham-Bold'; font-size:15px; line-height:24px; padding-bottom:20px;} .blog .blog-content ul, .blog .blog-content ol{ margin:10px 0; padding:0 0 0 24px;} .blog .blog-content ul{list-style:unset;} .blog .blog-content li{font-family: 'Gotham-Book';font-size: 16px;line-height: 22px;color: #231f20;padding-bottom: 15px;} .blog .blog-content a{ color:#2caaa3; text-decoration:none;} .blog .blog-content a:hover{ text-decoration:underline;} .blog.property {padding-bottom: 70px;float: left; width: 100%;} .single .blog .blog-btn a{color: #231f20;} /*Blog List*/ .blog-list{ float:left; width:100%; background:#231f20; margin-bottom:5px; padding:50px 80px; position:relative; border-bottom:5px solid #fff;} .blog-list-container{ float:left; width:100%; padding:80px 0 0; background:#231f20;} .blog-list h2{color:#fff;font-family: 'Conv_Gotham-Bold'; font-size:25px; line-height:30px; padding-bottom:10px;} .blog-list p{font-size:16px; line-height:22px;font-family: 'Gotham-Book'; color:#fff;} .blog-list a.read-more{font-size:16px; line-height:22px;font-family: 'Gotham-Book'; color:#fff; display:inline-block; text-transform:uppercase; border:1px solid #fff; padding:10px 25px;position: absolute;right: 80px;bottom: 35px;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;} .blog-list a.read-more:hover{ background:#fff; color:#231f20; border-color:#231f20;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;} /*Property*/ .property .contact_outer{ background:#fff;} .ameniries{ float:left; width:100%; padding-top:100px;} .ameniries .left{ float:left; width:50%; padding-right:100px;} .ameniries .left figure{ margin-bottom:40px;} .ameniries .left .btn-group{ float:left; width:100%; padding-top:50px;} .ameniries .left .btn-group a{ color:#231f20; text-transform:uppercase;font-size:16px; line-height:22px;font-family: 'Gotham-Book'; display:inline-block; border:1px solid #231f20; padding:10px 25px;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s; margin-right:30px;} .ameniries .left .btn-group a:last-child{ margin-right:0;} .ameniries .left .btn-group a:hover{ color:#fff; border-color:#fff; background:#231f20;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;} .ameniries .right{ float:left; width:50%; padding-left:100px;} .ameniries .listLeftSide{float:left; width:100%; margin-top:20px;} .ameniries .listLeftSide h2{font-family: 'FrontageCondensed-Regular';letter-spacing: -3px; font-size:30px; line-height:30px; padding-bottom:15px;} .ameniries .listLeftSide h3{font-family: 'Gotham-Book'; font-size:18px; line-height:25px; display:inline-block;} .ameniries .listLeftSide .box{ float:left; width:100%;} .ameniries .listLeftSide .residence.box{ margin-bottom:70px;} .ameniries .listLeftSide ul{ border-top:2px solid #3c3c3a;} .ameniries .listLeftSide li{ float:left; width:50%; /*height:65px;*/ padding:15px 15px; border-bottom:2px solid #3c3c3a;border-right:2px solid #3c3c3a;} .ameniries .listLeftSide li:nth-child(even){ border-right:none;} .ameniries .listLeftSide figure{ display:inline-block; padding:0 20px; max-width:90px;} .additional-fees{ float:left; width:100%; padding-top:20px;} .ameniries .left .slider_right {float: left;width:100%; margin-bottom:30px;} .ameniries .left .slider_right ul{max-width:190px;} .ameniries .left .slider_right li{color:#000; font-size:60px; letter-spacing: -9px;width: 50%;line-height: 50px; height:55px;} .ameniries .left .slider_right ul::before {left: 104px;top: 7px;width: 1px; height:93%;} .ameniries .left .slider_right ul::after {height: 1px;left: 6px;width: 88%; margin-top:1px;} .ameniries .left .slider_right li:first-child{text-align: right;padding-right: 15px;} .ameniries .left .slider_right li:last-child{font-size: 32px;letter-spacing: -5px;padding: 0;} .ameniries .left .slider_right li:nth-child(3){font-size: 38px;letter-spacing: -5px;text-align: right;padding-right: 30px;} .ameniries .left .slider_right li span{font-size: 16px;letter-spacing: -2px;left: 62px;bottom: 0;} /*Location*/ .main_container .location{ background:#231f20; float:left; width:100%;} .location .top{ float:left; width:100%; text-align:center; line-height:0;padding:40px 0 40px 80px;} .location .top .filter{ display:inline-block; font-family: 'Gotham-Book'; color:#fff; font-size:30px; line-height:35px;vertical-align: top;padding:5px 35px 0 0; position:relative;} .location .top .filter:before{ background:url(../images/filter.svg) no-repeat center center; background-size:cover; height:60px; width:60px; content:""; position:absolute; left: -85px;top: -10px;} .location .top .search{ display:inline-block; background:#fff url(../images/search.svg) no-repeat center center; width:45px; height:45px;background-size: 22px;border-radius: 100%;margin-left: 10px;} .location .tabs{ display:inline-block;} .location .tab-links{ float:left; width:100%;} .location .tab-links li { display:inline-block; padding:0 10px;list-style:none;} .location .tab-links a { display:inline-block;font-family: 'Gotham-Book'; color:#231F20; font-size:18px; line-height:25px; text-transform:uppercase; background:#fff; transition:all linear 0.15s; padding:10px 30px; } .tab-links a:hover { background:#2da9a3; text-decoration:none; color:#fff;} .location .tab-links li.active a, .location .tab-links li.active a:hover { background:#2da9a3; color:#fff; } .location .tab { display:none;} .location .tab.active { display:block;} .location .loc-detail{ float:left; width:100%; padding-bottom:100px;} .location .loc-detail ul{ float:left; width:100%; border-top:3px solid #fff;} .location .loc-detail li{ float:left; width:25%; border-bottom:3px solid #fff; border-right:3px solid #fff; color:#fff; padding:130px 10px 30px 20px;} .location .loc-detail li:nth-child(4n){ border-right:none;} .location .loc-detail li h3{font-family: 'Conv_Gotham-Bold'; font-size:18px; line-height:25px; padding-bottom:10px;} .location .loc-detail li h4{font-family: 'Conv_Gotham-Bold'; font-size:16px; line-height:25px; text-transform:uppercase;} .location .loc-detail li p{ color:#fff;} .location .loc-detail li sup{ font-size:10px;} /* Availability */ .availability-detail{ float:left; width:100%; padding:0 50px 50px 50px;} .availability-outer{ padding-top:30px;} .availability-top{ float:left; width:100%; padding:0 50px 20px;} .availability-top h2{ float:left; font-size:32px; line-height:38px; color:#363636; font-family: 'BaskervillePro';font-weight:normal; font-style:normal; padding-top:15px;} .availability-top p{ float:right; font-size:16px; line-height:20px; text-transform:uppercase; letter-spacing:3px; color:#363636; padding-top:27px;} .availability-top p span{font-weight: bold; font-style: normal;} .tab-content table{ width:100%; margin-top:5px;border-collapse: collapse; border-spacing: 0;} .tab-links li { list-style:none; float:left; width:20%; padding-right:5px;text-align:center} .tab-links li:last-child{ padding-right:0;} .tab-links a {transition:all linear 0.15s; font-size:22px; line-height:30px; color:#363636; display:block;background:#f4f4f5; padding:8px 0; text-transform:capitalize;} .tab-links a:hover {text-decoration:none; } .tab-links li.active a, .tab-links li a:hover { background:#363636; color:#fff;} .tabs .tab-content { float:left; width:100%;} .tab-content .tab { display:none; } .tab-content .tab.active {display:block;} .tab-content table thead{ background:#363636; color:#fff;} .tab-content table thead th{ font-size:18px; line-height:26px; padding:15px 0;} .tab-content table td{ font-size:16px; line-height:22px; text-align:center; padding:15px 0; border-bottom:2px solid #363636; width:16.6%;} .tab-content table td a span{ font-weight:bold;} .tab-content table td.blank{ width:50px;} .tab-content table tr:last-child td{ border-bottom:none;} .tab-content table.mobile {display: none;} p.desclaimer {font-size: 12px;} .tab-links.mobile{ display:none;} .availability .thumb_outer {float: left; width: 100%; text-align: center; padding: 20px 0;} .availability .thumb_outer h2{font-family: 'FrontageCondensed-Regular';font-weight: bold;font-size: 50px;line-height: 70px;letter-spacing: -5px;text-transform: uppercase;} .bed-tab{display:none; position:relative;min-height: 400px;} #all.bed-tab {display: block;} .looking_explore_more_jersey_city_Sec{background: url(../images/looking_explore_more_jersey_city_Sec_bg.jpg) no-repeat center center; background-size: cover; float:left; width:100%;padding:30px 200px;} .looking_explore_more_jersey_city_Sec .box{ float:left; width:40%;} .looking_explore_more_jersey_city_Sec h2{ color:#fff;font-family: 'Conv_Gotham-Bold';font-size:30px; line-height:40px;} .looking_explore_more_jersey_city_Sec img{max-width: 220px;} .looking_explore_more_jersey_city_Sec .anBtn{ background:#fff; color:#231f20;font-family: 'Gotham-Book'; font-size:18px; line-height:24px;padding: 10px 20px; border:2px solid #fff;float: right;} .looking_explore_more_jersey_city_Sec .anBtn:hover{ background:none; color:#fff;} .looking_explore_more_jersey_city_Sec .box.last {padding: 25px 0 0;} /* New Availability */ .availability{ float:left; width:100%;} .availability-search{ float:left; width:100%;} .availability-search .top{ float:left; width:100%; text-align:center;padding: 30px 15px; background: #231f20} .top .filter{ display: inline-block;font-family: 'Gotham-Book';font-size: 26px;line-height: 30px;vertical-align: top;padding: 10px 25px 0 0;position: relative;color: #fff;} .top .filter:before { background: url(../images/filter.svg) no-repeat center center; background-size: cover; height: 55px; width: 55px; content: ""; position: absolute; left: -75px; top:-3px;} .availability-form{ display:inline-block; width:auto; float:none;} .availability-form .input-group, .availability-form .submit-group{ display:inline-block;} .availability-form .more-filters{ display:inline-block; position:relative;} .availability-form .more-filters a{ display:inline-block; padding:15px 45px; background:#fff;font-size:16px; line-height:20px; text-transform:uppercase;} .availability-form select{float:none; display:inline-block; font-size:16px; line-height:22px; text-transform:uppercase; border:none;background:#fff url(../images/select_icon.png) no-repeat right center;-webkit-appearance: none;-moz-appearance: none;appearance: none; height:auto; padding:15px 40px 15px 30px; background-position:95% center;} input#date {font-size:16px; line-height:22px; text-transform:uppercase; border:none; width: 190px; text-align: center;padding:13px 20px 17px 20px;height: auto;display: inline-block;float: none;} @media screen and (-webkit-min-device-pixel-ratio:0) { /* this will target only Mac Safari and Chrome browsers */ input#date{height:52px;} } .availability-form .search{ cursor:pointer; background:#fff url(../images/search.svg) no-repeat center center; width:45px; height:45px; background-size:22px; border-radius:100%; margin-left:10px;text-indent: -999999px;} .location-address{ float:left; width:100%; background:#fff; margin-top:3px; position:relative; z-index:1;} .location-address ul{float:left; width:100%; background:#fff;} .location-address li{float: left;width: 25%;border-bottom: 3px solid #fff;border-right: 3px solid #fff;color: #fff;padding: 130px 10px 30px 20px; position:relative;min-height:620px;} .location-address li.halfrow{ width:50%;min-height: 640px;padding: 260px 10px 30px 20px;} .location-address li .bg-color {position: absolute; top: 0;left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);} .location-address li:nth-child(4n) { border-right: none;} .location-address h3{ font-family: 'Conv_Gotham-Bold'; font-size:20px; line-height:26px; margin-bottom:5px;position:relative;} .location-address h3 a{color:#fff;position:relative;} .location-address h3 a:hover{text-decoration:underline;} .location-address h4{font-family: 'Conv_Gotham-Bold'; font-size:18px; line-height:24px;position:relative;} .location-address p{ color:#fff; font-size:18px; line-height:24px; margin-bottom:5px;position:relative;} .location-address .star{ background:url(../images/star-icon.svg) no-repeat center center; height:30px; width:30px; background-size:cover; display:inline-block; position:absolute; right:65px; top:50%; margin-top:-10px; z-index:9;} .location-address .anBtn{ color:#fff; text-transform:uppercase; text-decoration:none; border:1px solid #fff; padding:8px 20px;display: inline-block;margin: 20px 6px 0 0;font-family: 'Gotham-Book';font-size: 18px;position:relative;} .location-address .anBtn:hover{ background:#2caaa3; border-color:#2caaa3;} input#date::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #231f20; opacity:1; } input#date::-moz-placeholder { /* Firefox 19+ */ color: #231f20; opacity:1; } input#date:-ms-input-placeholder { /* IE 10+ */ color: #231f20; opacity:1; } input#date:-moz-placeholder { /* Firefox 18- */ color: #231f20; opacity:1; } .no-data{ position:absolute; left:0; top:0; right:0; text-align:center; padding:165px 0 0;} .no-data h3{ display:inline-block; background:#2caaa3; color:#fff; text-transform:uppercase; padding:10px 30px;} /*404*/ .pageerror h2{font-size:32px; line-height:38px; color:#363636; font-family: 'BaskervillePro';font-weight:normal; font-style:normal;} .pageerror h1{font-family: 'FrontageCondensed-Regular';font-weight: bold; font-size:70px; line-height:75px; letter-spacing:-5px; text-transform:uppercase; padding-bottom:20px;} .pageerror p, .pageerror li{padding-bottom: 20px;font-family: 'Gotham-Book';font-size: 20px;line-height: 30px;color: #231f20;} .pageerror a{ text-decoration:underline;} .pageerror a:hover{text-decoration:none;} #fullPart {float: left; width: 100%; padding:70px 200px;} /* responsive css */ @media (max-width: 2560px) { .location-address li{min-height: 295px;} .bed-tab{min-height:240px;} .no-data{padding:115px 0 0;} } @media (max-width: 2100px) { .item_img_list .leftSide .item{height:620px;} .item_img_list .item{ height:310px;} } @media (max-width: 1599px) { .bottom-header{padding:20px 100px;} .header.small .bottom-header{padding:10px 100px;} .top-header{ padding:10px 100px;} .header .logo{width: 200px; height:64px;} .header_right { margin-top: 13px; } .header.small .header_right { margin-top: 5px; } .header.small .logo{width: 150px;margin-top: 0; height:48px;} .info-area .info-right p { font-size: 16px;} .res_btn {font-size: 12px;} .search_outer {margin-right: 10px;} .slider_sec.owl-carousel .owl-prev {left: 10px;} .slider_sec.owl-carousel .owl-next {right: 10px;} .live_outer p{font-size: 18px;line-height:28px;color:3c3c3a;} /*.live_outer .anBtn{font-size: 18px;line-height: 37px;}*/ .footerT .footerT_left {padding-top: 33px;} .social_icons li span {font-size: 13px;} .box_sec li a span{ font-size:60px; line-height:120px; height:130px;} .live_right h3{ font-size:80px;} .footer_top h3 { font-size: 30px; margin-bottom: 25px; } #content{margin-top:104px;} .footerT{padding:0 100px 0 30px;} .footer_bottom{padding:20px 100px;} /*Property*/ .ameniries .left{ padding-right:50px;} .ameniries .right{ padding-left:50px;} .ameniries .listLeftSide h3{ font-size:16px;} .mapfilter .wrap {padding: 0 15px;} .mapfilter li a {font-size: 20px;} .mapfilter h2 span{font-size:14px; line-height:24px;} .mapfilter h3{font-size:14px; line-height:24px; padding:0 0 0 10px;} #totalmap #map{height:680px;} .looking_explore_more_jersey_city_Sec{padding:30px 104px;} .looking_explore_more_jersey_city_Sec h2{font-size:30px; line-height:42px;} .looking_explore_more_jersey_city_Sec .anBtn{font-size:20px;} .looking_explore_more_jersey_city_Sec .box.last {padding: 18px 0 0;} .contact-footer .box.box-1{padding-right:50px;} } @media (max-width: 1300px){ .slider_content {padding: 0 70px;} .res_btn {font-size: 11px;} .footer_top .widget { padding:0px 20px 0 30px; } .slider_right{ width:280px;} .slider_right li{ font-size:74px; width:140px;} .slider_right li:last-child{ font-size:64px; line-height:74px;} .slider_right li span{ font-size:26px; left:74px; bottom: 20px;} .slider_right.five_digit{ width:390px;} .slider_right.five_digit li{ width:190px; font-size:74px;} .slider_right.five_digit li span{ left:135px; bottom:19px;} .slider_right.five_digit li:last-child{ padding:8px 0 0 6px; font-size:66px; line-height:77px;} .slider_right.four_digit{ width:320px;} .slider_right.four_digit li{ width:158px;} .slider_right.four_digit li span{ left:98px;} .slider_right.four_digit li:last-child{ line-height:60px;} /*Blog*/ .footer_bottom { padding: 20px 30px; } .blog .blog-title h2{font-size: 35px;line-height: 40px;} .looking_explore_more_jersey_city_Sec {padding: 30px 64px;} } @media (max-width: 1279px) { .layout{ padding:0 30px;} .top-header { padding: 10px 20px; font-size: 13px; } .bottom-header { padding: 20px; } .header.small .bottom-header { padding: 10px 20px; } .res_btn {font-size: 10px;line-height: 28px;height: 28px;padding: 0 5px;} .slider_container p{ font-size:18px; line-height:24px;} .slider_left { width: 55%; } .slider_sec.owl-carousel .owl-next, .slider_sec.owl-carousel .owl-prev {width: 19px;background-size: 100%!important;} .discription_left {width: 55%;} .discription_right {width: 45%;padding-left: 30px;padding-right: 30px;padding-top: 25px;} .discription_right figure {max-width: 50%} .discription_right p {font-size: 13px;line-height: 20px;} .box_sec li a span {font-size: 45px;} .contact_outer {padding: 30px 0;} .contact_sec {padding: 0 57px 0 80px;} .inpTxt {padding: 6px;} .footerT{padding:0 20px 0 0;} .footerT .footerT_left {padding-left: 30px;padding-top: 15px;} .footer_logo img{max-width: 160px;} .footer_bottom {padding: 20px 30px;} .footer_bottom p {font-size: 11px;line-height: 30px;} .footer_bottom p span {margin-left: 5px;padding-left: 5px;} .live_outer {background-size: 100% 650px;min-height: 650px;} .live_left,.live_right {padding: 20px 20px;} .live_outer p {font-size: 13px;line-height: 18px;padding: 10px 0;color:3c3c3a!important;} .live_right h3{ font-size:72px;} .info-area .info-right { padding:0 80px 0px 30px; } .info-area .info-right p { font-size: 16px; line-height: 24px; } .footer_top h3 { font-size: 27px; } .footer_top img { max-width: 225px; } .footer_top p { font-size: 16px; } .footer_top li a { font-size: 16px; } /*Contact Page*/ .contact_us .contact_sec h2{ font-size:45px; line-height:40px;} .contact_us .submitBtn input[type="submit"]{ padding:8px 50px 6px 50px; font-size:22px; line-height:30px;} .inpTxtLOuter select, .inpTxtLOuter input, .inpTxtLOuter textarea {font-size: 14px !important;} .gform_wrapper ul li.gfield:last-child { padding: 6px 0 6px 12px;} .gform_wrapper ul li.gfield {padding: 6px;} .contact-footer{ padding-top:30px; padding-bottom:30px;} .contact-footer .box h3{font-size:30px; margin-bottom:20px;} .contact-footer .box li a, .contact-footer .box.box-1 a.ins-link{font-size:16px;} /*Blog*/ .blog .blog-title h2{font-size: 30px;line-height: 35px;} .blog .blog-btn a{ font-size:20px; line-height:25px;} /*Property*/ .ameniries .left{ padding-right:25px;} .ameniries .right{ padding-left:25px;} .ameniries .right figure{ max-width:70px;padding: 0 10px;} .ameniries .listLeftSide h3{ font-size:15px;} .ameniries .listLeftSide h2{ font-size:25px; line-height:25px;} /*Location*/ .location .tab-links a{ font-size:14px; line-height:22px;} .location .top .filter{ font-size:24px; padding:5px 20px 0 0;} .location .top .filter::before{height: 52px;width: 55px;left: -81px;top: -4px;} .location .tab-links li{ padding:0 5px;} /* Availability */ .location-address li{ width:50%;} .location-address li:nth-child(4n){ border-right:3px solid #fff;} .location-address li:nth-child(2n){ border-right:none;} .availability-outer{ padding-top:0;} .availability-top{ padding:20px 50px;} .availability-detail{ padding-bottom:0;} .availability-top h2{ font-size:24px;} .availability-top p{ font-size:12px; line-height:20px;} .tab-links a{ font-size:16px;} .tab-content table thead th{ font-size:14px;} .tab-content table td{ font-size:14px; line-height:20px; border-bottom-width:1px;} .current-availability{ padding:0 0 40px 0;} .current-availability, .current-availability .fp-tableCell{ height:auto !important;} .availability-detail { padding:0 20px 40px; } .availability-form select{font-size:13px;} input#date{font-size:13px;line-height: 19px;padding: 14px 20px 16px 20px;} .ui-selectmenu-button.ui-button{font-size:13px;line-height: 19px;} .ui-menu .ui-menu-item-wrapper{font-size:16px; line-height:24px;} .location-address li.halfrow {min-height: 295px; padding: 130px 10px 30px 20px;} @media screen and (-webkit-min-device-pixel-ratio:0) { /* this will target only Mac Safari and Chrome browsers */ input#date{height:49px;} } .availability-form .more-filters a{font-size:13px;padding: 12px 30px;} .top .filter{font-size:22px;} .top .filter::before {height: 42px;width: 42px;left: -55px;top: 3px;} .looking_explore_more_jersey_city_Sec {padding: 30px 33px;} .looking_explore_more_jersey_city_Sec h2 {font-size: 22px; line-height: 33px; padding: 5px 0 0;} .looking_explore_more_jersey_city_Sec .anBtn {font-size: 18px;} .looking_explore_more_jersey_city_Sec .box.last {padding: 8px 0 0;} .bed-tab{min-height:200px;} #finalstatus{min-height:230px!important;} .mapfilter{padding:30px 0;} .mapfilter li{padding:0 50px;} .mapfilter h2{font-size:22px;} .mapfilter li a {font-size: 18px;line-height: 20px;} .mapfilter li::before { width:30px; height:30px;} #fullPart{padding:40px 20px;} .item_img_list .item{height:208px;} .item_img_list .leftSide .item{height:416px;} .blog-title .right-arrow a{right: 30px;background-size: 15px;top: 13px;} .blog-title .left-arrow a{left: 30px;background-size: 15px;top: 13px;} } @media (max-width: 1023px) { .header .bottom-header { padding: 10px 20px; } .header_right , .header.small .header_right { margin-top: 7px; } .header.small .logo, .header .logo {width: 150px; height: 48px;} .menu{margin-right: 0} .menu li a{font-size: 13px; } .header_left {float: right;} .info-area{display:unset;} .info-area .info-left { width: 100%; } .info-area .info-right { padding: 30px 20px 30px; width: 100%; text-align: center; float: left; display: unset;} .info-area .info-right a { position: static; padding: 7px 20px 12px;transform: rotate(0deg); -webkit-transform: rotate(0deg); display:inline-block; margin:15px 0 0;} .slider_container h3 {font-size: 35px;line-height: 40px; text-align:center;} .discription_left {width: 50%;} .discription_left img{min-height: 330px;} .discription_left .overlay h2{ font-size:24px; line-height:30px;} .discription_left .overlay a.read-more{ font-size:14px; line-height:18px; padding:8px 15px;} .discription_right {width: 50%;padding: 15px 20px 0 20px;} .contact_outer {padding: 20px 0;} .box_sec li a span {font-size: 35px;line-height: 75px;height: 80px;} .inpTxt select, .inpTxt input, .inpTxt textarea {font-size: 12px;} .footerT .footerT_left {padding-left: 20px;padding-right: 20px;} .social_icons{ padding-top:0;} .social_icons li a img{max-width: 30px;} .social_icons li span {line-height: 26px;} .footer_bottom {padding: 20px;text-align: center;} .footer_bottom p{float: none} .footer_bottom_right{ float:left; width:100%;} .footer_bottom_right img{ max-width:280px;} .live_outer {background-size: 100% 750px;min-height: 750px;} .live_outer h3{font-size:45px;} .live_right h3{ font-size:55px;} #content { margin-top: 68px; } .footer_top{ padding:50px 0;} .slider_container h2 { text-align: center; } .slider_left { width: 100%; text-align: center; margin-bottom: 10px; } .slider_right { float: none; margin: 0 auto; } .footer_top .widget { padding: 0 6px 10px; width:100%; } .footer_top h3 { font-size: 20px; } footer .inpTxtLOuter{ width:100%;} .footerT{padding:0 20px 0 13px;} /*Contact Page*/ .contact_us .contact_sec h2{ font-size:40px; line-height:30px;} .contact_us .contact_sec .submitBtn{ width:100%; padding-right:6px; margin:0;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);} #map.contactMap{height:540px;} /*Blog List*/ .blog-list{ padding:50px 205px 50px 50px;} .blog-list a.read-more{ right:50px;} /*Property*/ .ameniries .left{ padding-right:0; width:100%; margin-bottom:40px;} .ameniries .right{ padding-left:0; width:100%;} .ameniries .listLeftSide .residence.box{ margin-bottom:40px;} /*Blog*/ .blog-title .left-arrow a, .blog-title .right-arrow a{width:75px;height: 30px;} /*Location*/ .location .top{ padding:25px 0 25px 60px;} .location .loc-detail{ padding-bottom:50px;} .location .loc-detail li{ width:50%;} .location .loc-detail li:nth-child(2n){ border-right:none;} .location .tab-links a{ padding:10px 15px; font-size:12px;} .location .top .filter{ font-size:20px; padding:5px 10px 0 0;} .location .top .filter::before{ height:45px; width:45px; left:-60px; top:0;} /* Availability */ .top .filter{ font-size:20px; line-height:25px; padding:10px 5px 20px 0;} .top .filter::before{ height:35px; width:35px; left:-45px;} .availability-form select{ font-size:14px; line-height:20px; padding:12px 30px 12px 20px; background-position:98% center;} .availability-form .more-filters a{ font-size:14px; line-height:19px; padding:12px 26px;} .availability-form .search{ height:40px; width:40px; background-size:20px;} input#date {font-size: 14px;line-height: 18px; padding:11px 30px 13px 20px;} .ui-selectmenu-button.ui-button{padding: 12px 40px 12px 20px;font-size: 14px;line-height: 18px;} @media screen and (-webkit-min-device-pixel-ratio:0) { /* this will target only Mac Safari and Chrome browsers */ input#date{height:44px;} } .looking_explore_more_jersey_city_Sec {padding: 30px 24px;} .looking_explore_more_jersey_city_Sec h2 br {display: none;} .looking_explore_more_jersey_city_Sec h2 {font-size: 20px;line-height: 28px; padding: 3px 0 0;} .looking_explore_more_jersey_city_Sec .box.last{padding:5px 0 0;} .looking_explore_more_jersey_city_Sec .anBtn {font-size: 14px; line-height: 20px;} .mapfilter h2 {background-size: 35px;padding: 12px 0 12px 50px;margin-right: 15px;font-size: 20px;} .mapfilter li {padding: 0 20px 0 45px;} .item_img_list .item{height:180px;} .item_img_list .leftSide .item{height:360px;} } @media (max-width: 767px) { .layout{ padding:0 15px;} .outer_wrapper{left: 0;position: relative;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;} .outer_wrapper.active{left: -200px;} .outer_wrapper.active .header{left: -200px;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;} .top-header { font-size: 10px; } .header.small .logo, .header .logo{max-width: 100px;margin: 0!important; height:32px;} .header_left {float: left;padding-top: 39px;} .menu{ width:100%;} .menu_icon {width: 33px;height: 33px;background: url(../images/menu_icon.png) no-repeat center center;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;display: block;position: absolute;top: 10px;right: 22px;cursor: pointer;z-index:999;} .menu_icon.active {background: url(../images/menu_icon_close-w.png) no-repeat center center;top: 15px;right: 15px;} .header_right{position: fixed;background: #fff;right: -2000px;width:100%;border-left: 1px solid #a0a2a5;top: 0;padding: 10px;z-index: 99;height: 100%;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;} .header_right.active{right: 0;} .header_right .res_btn{width: 100%;text-align: center} .menu li,.menu li a{width: 100%;padding: 0;margin: 0;line-height: 30px;text-align: center} .header_right { margin: 0; padding: 65px 0 0 0; background: #2caaa3; } .menu li a{ font-size: 16px; padding: 5px 20px; text-align: left; color: #fff;border-bottom: 1px solid #fff; } .menu li a:hover, .menu li.current-menu-item a { background: #282425; color: #fff; } header .header_right li:last-child a{border:none; line-height:30px; padding:5px 20px;} header .header_right li:last-child{padding:0;} header .header_right .menu-mainmenu-container{ width:100%;} .header_right, .header.small .header_right{ margin-top:0;} .res_btn{float: left;} .slider_content {padding: 0 10px;} .header-outer .item{height:380px!important;} .slider_sec.owl-carousel .owl-next, .slider_sec.owl-carousel .owl-prev{display: none} .slider_sec.owl-carousel .owl-dots {bottom: 5px;} .slider_sec.owl-carousel .owl-dots .owl-dot{width: 10px;height: 10px;margin: 0 4px;} .slider_container h2 {font-size: 20px;line-height: 25px;} .slider_container h3 {font-size: 30px;line-height: 30px;} .slider_container p {font-size: 14px;line-height: 18px;padding-bottom: 7px;} .slider_container a{font-size: 11px; } .slider_left{ max-width:100%;} .slider_right{display:none;} .discription_left,.discription_right {float: left;width: 100%} .discription_left img{min-height: 10px;} .discription_right{padding-left:10px;padding-right:10px} .box_sec li a span{font-size: 20px;line-height: 60px;height: 60px;} .box_sec li a.live_icon span, .box_sec li a.eat_icon span, .box_sec li a.expl_icon span {padding-left: 45px;background-size: 35px;} .contact_outer {padding: 20px 0;} .blog.property{ padding-bottom:30px;} .contact_sec{padding: 0;} .inpTxtLOuter {width: 100%;} .inpTxt.textArea {width: 100%;min-width: 100%;max-width: 100%;} .inpTxt.textArea textarea {min-height: 160px;max-height: 160px;} .contact_sec h2{ position:static; margin:0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);font-size: 40px;line-height: 30px; padding-bottom:20px;} .contact_sec .submitBtn input[type="submit"]{ font-size:18px; line-height:25px; padding:6px 35px 5px 35px; position:static; margin:0 0 0 6px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);} /*.slider_container {top: 10px;transform: translate(0, 0);-moz-transform: translate(0, 0);-o-transform: translate(0, 0);-ms-transform: translate(0, 0);-webkit-transform: translate(0, 0);}*/ .contact_sec .ConactTxt{margin: -130px 0 -120px 50px;background-size: 100%;width: 33px;position: static;} .contact_sec .submitBtn{float: left;position: static;} .footer{ padding-top:0;} .footerT .footerT_left {padding-bottom: 15px;} .footerT .footerT_left,.footerT .thumb_sec{width: 100%} .footer_bottom p {font-size: 11px;line-height: 20px;padding: 5px 0;} .top-header .right-links{width:100%; text-align:center;} #content { margin-top: 52px; } .live_outer {background: none;min-height: 10px;} .live_left {width: 100%;float: left;padding: 20px;position: relative;background: #282828} .live_right {width: 100%;float: left;padding: 20px;position: relative;background: #2caaa3} .live_outer h3 {font-size: 30px;} .live_right h3{ font-size:36px;} /*Contact Page*/ .contact_us{ padding-bottom:40px; padding-top:40px;} .contact_us .title{ padding-left:5px;} .contact_us h2{ font-size:35px; line-height:30px;} .contact_us .submitBtn input[type="submit"]{ font-size:18px; line-height:25px; padding:6px 35px 5px 35px;} #map.contactMap{height:240px;} .gform_wrapper ul {width: 100%;} .gform_wrapper ul li.gfield:last-child {padding: 6px 0 6px 0; position: static; width: 100%;} .gform_wrapper ul li.gfield {width: 100%; padding: 6px 0;} .contact-footer .box{ width:100%; min-height:auto;} .contact-footer .box.box-1{ padding-right:0; text-align:center; margin-bottom:20px;} .contact-footer .box.box-1 img{ max-width:200px;} /*Blog*/ .blog .blog-title h2{font-size: 20px;line-height: 25px;padding: 0 25px;} .blog .blog-content{ padding:40px 15px;} .blog .blog-btn{ padding:0 15px 40px 15px;} .blog .blog-btn a{ font-size:16px; line-height:20px;} .previous-post a{ padding:5px 0 5px 25px;} .next-post a{ padding:5px 25px 5px 0;} .blog-title .left-arrow a{width: 13px;height: 23px;left: 8px;top: 16px;} .blog-title .right-arrow a{width: 13px;height: 23px;right: 8px;top: 16px;} /*Blog List*/ .blog-list-container{ padding:30px 0;} .blog-list{ padding:25px;} .blog-list a.read-more{ position:static;} /*property*/ .ameniries{ padding-top:60px;} .ameniries .left .btn-group a{font-size: 14px; padding:6px 15px;line-height: 20px; margin-right:15px;} .ameniries .listLeftSide h2{ font-size:20px; line-height:25px; padding-bottom:10px;} /*Location*/ .location .top{ padding:10px 0 25px 0; position:relative;} .location .tab-links li{ width:100%; padding:0;} .location .tab-links a{ width:100%;} .location .top .search{position: absolute;right: 10px;top: 14px; margin:0; height:40px; width:40px;} .location .top .filter{ float:left; padding:5px 10px 15px 60px;} .location .top .filter::before{ left:10px;} .location .loc-detail li{ width:100%; border-right:none;} .box_sec li { width: 100%; } .footer_top h3 { font-size: 23px; } .footer_top { padding-top: 46px; } .footer_top .widget { padding: 0 20px 20px; text-align: center; width: 100%; } /* Availability */ .availability-search{ position:relative;} .availability-form .input-group, .availability-form .more-filters{ width:50%; float:left; padding:0 5px; margin-bottom:10px;} .availability-form select, .availability-form .more-filters a{ float:left; width:100%; margin:0;} .top .filter{ float:left; padding:5px 0 15px 55px;} .top .filter::before{ left:10px;} .availability-form .submit-group{ position:absolute; top:30px; right:20px;} .location-address li{ width:100%; border-right:none;padding: 20px 10px 30px 20px;min-height: auto;} .location-address li.halfrow{width:100%;} .tab-links.desktop{display:none;} .tab-links.mobile{display:block;} .tab-content table.desktop, .availability-detail .tab-links.desktop{ display:none;} .availability-detail .tab-links.mobile{ display:block;} .tab-content table.mobile{ display:block;} .tab-content tr { border: 1px solid #ccc; } .tab-content table td.blank{ display:none;} .tab-content table.mobile tbody tr:nth-child(odd) {background: #E6E7E8;} .tab-content table.mobile td{ border-bottom:none;} .tab-content tr{ border:none;} .tab-content table thead th{font-size:12px;} .tab-content table td {font-size: 10px;line-height: 16px;} .looking_explore_more_jersey_city_Sec .box {float: left;width: 100%; text-align: center;padding: 0 0 20px;} .looking_explore_more_jersey_city_Sec img {max-width: 245px; display: inline-block;} .looking_explore_more_jersey_city_Sec .anBtn{float:none; display:inline-block;} .mapfilter h2{display:block;} .mapfilter ul{margin:10px 0 0;} .mapfilter li{float:left; width:100%; margin:15px 0;} .no-data{ padding:40px 0 0;} .no-data h3{ font-size:14px;} .ui-selectmenu-button.ui-button{width:100%!important;} .blog-title .left-arrow a, .blog-title .right-arrow a{font-size:0;} .item_img_list .leftSide{ width:100%;} .item_img_list .rightSide{width:100%;} .item_img_list .item{border-right:0; height:200px;} .item_img_list .leftSide .item{border-right:0; height:200px;} .availability .thumb_outer h2{font-size: 30px;line-height: 40px;letter-spacing: -2px;} .bed-tab { min-height: 140px; } .mapfilter .wrap {max-width: 190px;} } @media (max-width: 479px) { .box_sec li a.live_icon span, .box_sec li a.eat_icon span, .box_sec li a.expl_icon span{padding: 0;background: none} .inpTxt {width: 100%;} .apt_size select.res_btn{padding-right: 20px;background-size: 13px;} .res_btn.input_search {width: 30px;background-size: 10px;padding: 0;} .header_left .res_btn{float: left;font-size: 7px;line-height: 22px; height: 22px;} .social_icons li a {padding-right: 5px;} .slider_left {width: 100%;} .slider_right{display: none} .slider_sec.owl-carousel .owl-item .slider_fig img {min-height: 195px;} .footer_bottom_right p {letter-spacing: 4px;} .top-header .right-links{ font-size:10px;} .top-header .right-links a{margin:0 1px;} /*Blog*/ .blog .blog-btn a{ font-size:15px;} /*property*/ .ameniries .listLeftSide li{ width:100%;} .ameniries .listLeftSide li:nth-child(odd){ border-right:none;} .availability-form .input-group, .availability-form .more-filters{width:100%;} input#date{width:100%;text-align: left;} .item_img_list .item{height:100px;} .item_img_list .leftSide .item{height:150px;} } @media (max-width: 359px) { .top-header{padding:10px;} } @media not all and (min-resolution:.001dpcm){ @supports (-webkit-appearance:none) { .ameniries .left .slider_right li { line-height:58px; } .ameniries .left .slider_right li span{ bottom:-4px; } .slider_right.four_digit li span{ bottom:40px; } }} @supports (overflow:-webkit-marquee){ .ameniries .left .slider_right li { line-height:58px; } .ameniries .left .slider_right li span{ bottom:-4px; } .slider_right.four_digit li span{ bottom:40px; } }