.rental-search-bg{background: url(../images/leasing-search-bg.jpg) no-repeat center center; background-size: cover; height: 100vh;}
.rental-search-container{margin-top:150px; position: relative; z-index: 10;}
.rental-search-container h1 {font-size: 44px; color: #e73500; font-weight: 600; margin-top: 20px; margin-bottom: 10px;}
.rental-search-container .rental-tagline{font-size: 44px; color: #858585; font-weight: 100; margin-top: 0px; margin-bottom: 20px; line-height: 1.1;}
.rental-search-container .rental-tagline font{background: rgba(0,0,0,.5); padding: 0 5px; color: #fff;}
.rental-tagline{background: #f8f8f81a!important; color: #18161699 !important; font-weight: 300 !important;}
.rental-search-box{position: relative;}
.rental-search-box-div{width: 100%; border: 1px solid #e6e6e6; box-shadow: 0 6px 10px rgba(0,0,0,0.1); border-radius: 5px; background: #fff;}
.rental-search-box-div-select{border-right: 1px solid #e6e6e6;}
.rental-search-city-select{padding: 15px 10px; height: 85px;}
.rental-search-city-select label {font-size: 12px; color: #858585; margin-bottom: 8px;}
.rental-city-select .nice-select {margin-bottom: 0 !important; border: none !important; height: auto; line-height: initial; font-size: 16px; font-weight: 500; color: #858585 !important;}
.rental-city-select .nice-select:after{border-bottom: 2px solid #858585; border-right: 2px solid #858585; margin-top: -5px; width: 8px; height: 8px; right: 0;}
.rental-city-select .nice-select.open .list{margin-top: 22px; border-radius: 0 0 5px 5px !important; width: 255px; left: -25px;}

.rental-search-city-type{padding: 15px 10px; height: 85px;}
.rental-search-city-type label {font-size: 12px; color: #858585; margin-bottom: 8px;width: 100%;}
.rental-search-city-type input {width: 90%; border: none; color: #1a1a1a; font-size: 16px; font-weight: 500; outline: none !important; padding-right: 83px;}
.rental-search-city-type button {width: 110px; height: 85px; background: #f7f7f7; position: absolute; right: -23px; top: 0; border: 0; border-radius: 0 5px 5px 0; outline: none !important;}
.rental-search-city-type button img {width: 33px;}
.advanced-search{position: absolute; right: -23px; bottom: -27px; color: #e73500 !important; text-decoration: none !important; font-size: 12px; font-weight: 600;}
.advanced-search i{font-size: 14px; vertical-align: middle; margin-top: -2px; margin-right: 1px;}

.advanced-search-div{background: #fcfcfc; transition: 0.3s; -webkit-transform: perspective(1300px) rotateX(-90deg); transform: perspective(1300px) rotateX(-90deg); opacity: 0; position: relative; margin-top: -3px; border: 1px solid #e6e6e6; height: 85px; border-radius: 0 0 5px 5px; padding: 17px 30px 17px 10px;}
.advanced-search-margin{padding-left: 10px !important; padding-right: 10px !important;}
.advanced-search-box{background: #fff; border: 1px solid #dddddd; height: 50px;}
.advanced-search-box .nice-select{border-bottom: none !important; margin-bottom: 0 !important; font-size: 13px; font-weight: 600; color: #444444; line-height: 48px; padding: 0 10px;}
.advanced-search-box .nice-select:after{border-bottom: 2px solid #858585; border-right: 2px solid #858585; margin-top: -3px; width: 8px; height: 8px; right: 10px;}
.advanced-search-margin-btn{padding-left: 10px !important; padding-right: 10px !important;}
.advanced-search-box-btn button{width: 100%; height: 50px; background: #efefef; border: 1px solid #d8d8d8; color: #e73500; font-size: 15px; font-weight: 600;}
.advanced-search-box-btn button i{font-size: 17px; vertical-align: middle; margin-right: 2px; margin-top: -3px;}
.advanced-search-close{position: absolute; text-decoration: none !important; background: #b1b1b1; width: 22px; height: 22px; color: #fff !important; font-size: 27px; top: 0; right: 0; text-align: center; line-height: 22px;}
.advanced-search-div.open{-webkit-transform: perspective(1300px) rotateX(0); opacity: 1; transform: perspective(1300px) rotateX(0); opacity: 1;}

.rental-type-count{padding-top: 70px;}
.rental-type-count-box{background: #fff; padding: 25px; text-align: center;}
.rental-type-count-box img{width: 50px; box-shadow: none;}
.rental-type-count-box span{width: 60px; height: 3px; display: block; margin: 20px auto 15px; background: #7b64d0;}
.rental-type-count-box font{color: #858585; font-size: 16px; font-weight: 400; display: block; margin-bottom: 7px;}
.rental-type-count-box p{color: #1a1a1a; font-size: 24px; font-weight: 600;}
.rental-type-count div:nth-of-type(2) span{background: #4e9ec6 !important;}
.rental-type-count div:nth-of-type(3) span{background: #eda81f !important;}
.rental-type-count div:nth-of-type(4) span{background: #ff6b4d !important;}
.rental-type-count div:nth-of-type(5) span{background: #c564d0 !important;}
.rental-type-count div:nth-of-type(6) span{background: #eb446f !important;}
.rental-type-count .slick-prev{left: -23px; z-index: 9; width: 46px; height: 46px; background: #f7f7f7 !important; border-radius: 50%;}
.rental-type-count .slick-next{right: -23px; z-index: 9; width: 46px; height: 46px; background: #f7f7f7 !important; border-radius: 50%;}
.rental-type-count .slick-prev:before, .rental-type-count .slick-next:before{font-size: 30px;}

.rental-overview{background: #fdfdfd url(../images/rental-overview-bg.png) no-repeat bottom right; margin-top: 70px; padding: 70px 0;}
.rental-overview h2{font-size: 18px; color: #858585; font-weight: 400; margin-bottom: 20px;}
.rental-overview h2 font{display: block; font-size: 28px; color: #1a1a1a; margin-top: 5px;}
.rental-overview p{font-size: 12px; font-weight: 500; color: #1a1a1a; line-height: 24px; margin-bottom: 20px; text-align: justify;}
.rental-overview p:last-child{margin-bottom: 0;}

.top-rental-location-section{padding: 70px 0;}
.top-rental-location-section a { text-decoration: none; }
.top-rental-location-section h2{font-size: 18px; color: #858585; font-weight: 400; margin-bottom: 25px;}
.top-rental-location-section h2 font{display: block; font-size: 28px; color: #1a1a1a; margin-top: 5px;}
.top-rental-location-box{background: #fff; margin-left: -6px; margin-right: -6px; border: 1px solid #ecf1f5; box-shadow: 0px 4px 6px rgba(129, 129, 129, 0.08); padding: 20px 10px 15px 64px; position: relative;}
.top-rental-location-box span{background-image: linear-gradient(0deg, #fba286, #f2450f); text-align: center; width: 40px; height: 40px; border-radius: 50%; position: absolute; top: 22px; left: 12px;}
.top-rental-location-box span i{color: #fff; font-size: 22px; line-height: 40px;}
.top-rental-location-box h4{color: #858585; font-size: 14px; font-weight: 400; margin: 2px 0 5px 0;}
.top-rental-location-box p{color: #1a1a1a; font-size: 24px; font-weight: 600;}

.hot-rental-deals-section{background: #fdfdfd; padding: 50px 0;}
.hot-deals-slide{padding-left: 270px; position: relative;}
.hot-rental-deals-section h2{font-size: 18px; color: #858585; font-weight: 400; margin-bottom: 25px; position: absolute; left: 0; top: 35px;}
.hot-rental-deals-section h2 font{display: block; font-size: 28px; color: #1a1a1a; margin-top: 5px;}
.hot-rental-deals-section h2 font i{color: #e53300; display: inline-block; font-size: 30px;}

.hot-deals-box{background: #fff; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.06);}
.hot-deals-box a {text-decoration: none;}
.hot-deals-box-img{position: relative; width: 100%; height: 152px;}
.hot-deals-box-img:before{content: ""; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,1)); position: absolute; left:0; top: 40px; right: 0; bottom: 0;}
.hot-deals-box-img .month-price{position: absolute; right: 7px; bottom: 7px; color: #fff; text-align: right;}
.hot-deals-box-img .month-price span{font-size: 10px; font-weight: 400; display: block; margin-bottom: 1px;}
.hot-deals-box-img .month-price p{font-size: 16px; font-weight: 500;}
.hot-deals-box-img .month-price p i{font-weight: 300 !important; font-size: 15px; vertical-align: middle; margin-top: -3px;}
.hot-deals-box-img img{box-shadow: none; width: 100%; height: 100%;}
.hot-deals-box .hot-deals-box-detail{padding: 10px; min-height: 81px;}
.hot-deals-box .hot-deals-box-detail h4{color: #000; font-size: 14px; font-weight:600; line-height: 20px; margin-bottom: 3px;}
.hot-deals-box .hot-deals-box-detail p{font-size: 13px; font-weight: 400; color: #858585;}
.hot-deals-box .hot-deals-box-detail p i{margin-right: 2px;}
.hot-deals-slide .slick-slide{margin: 20px 12px !important;}
.hot-deals-slide .slick-prev{left: 0px; z-index: 9; width: 46px; height: 46px; background: #f7f7f7 !important; border-radius: 50%;}
.hot-deals-slide .slick-next{left: 55px; right: initial; z-index: 9; width: 46px; height: 46px; background: #f7f7f7 !important; border-radius: 50%;}
.hot-deals-slide .slick-prev:before, .hot-deals-slide .slick-next:before{font-size: 30px;}
.hot-deals-slide-btn{color: #e13c09; background: none; border: 1px solid #e13c09; font-size: 14px; font-weight: 500; border-radius: 7px; width: 194px; height: 50px; transition: 0.25s; margin: 92px auto; display: table;}
.hot-deals-slide-btn:hover{background: #e13c09; color: #fff;}
.hot-deals-slide-btn:hover a {text-decoration: none; color:#fff;}
.hot-deals-slide-btn a {text-decoration: none; color:#e13c09;}
.vie_mode a:hover{text-decoration: none !important;}

.why-aoc-section{padding: 70px 0 25px 0;}
.why-aoc-section h2{font-size: 18px; color: #858585; font-weight: 400; margin-bottom: 30px;}
.why-aoc-section h2 font{display: block; font-size: 28px; color: #1a1a1a; margin-top: 5px;}
.why-aoc-box{position: relative; padding-left: 87px; padding-top: 25px; margin-bottom: 65px;}
.why-aoc-box span{width: 75px; position: absolute; text-align: center; border-radius: 50%; top: 0; left: 0; height: 75px; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.15);}
.why-aoc-box span img{box-shadow: none; width: 45px; margin-top: 15px;}
.why-aoc-box p{font-size: 14px; font-weight: 500; color: #1a1a1a;}


.search-box-detail{background: #fff; position: absolute; width: 135%; border-top: none; border: 1px solid #ddd; max-height: 320px; overflow-y: auto;
z-index: 0; left: -32%; top:100%;}

.search_main_div{left: -68%; transform: translateY(16px); -webkit-transform: translateY(16px); -webkit-animation-name: example; -webkit-animation-duration:0.25s; animation-name: example;animation-duration: 0.25s;}

.search-box-detail h6{display: block; font-size: 13px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; color: #333 !important; background: #f9f9f9; padding:10px; font-weight: 600;}
.search-box-detail ul{margin: 7px 0 0 0; padding: 0 0 7px 0; list-style: none; font-size: 0;}
.search-box-detail ul li{display: inline-block;width: 33.33%; vertical-align: middle;}
.search-box-detail ul li a{text-decoration: none; display: block; transition: 0.25s; -webkit-transition: 0.25s; font-size: 12px; font-weight: 600; color: #1a0dab;border-radius: 6px; padding: 2px 10px; margin: 2px;}
.search-box-detail ul .li_seperator:first-child{display: none;}
.search-box-detail .search-package-ul{margin: 0; padding: 0; list-style: none; font-size: 0; border-bottom: none;}
.search-box-detail .search-package-ul li{display: block; width: 100%;}
.search-box-detail .search-package-ul li a{text-decoration: none; text-align: left; display: block; transition: 0.25s; -webkit-transition: 0.25s; font-size: 12px; color: #656565; border: none; border-bottom: 1px solid #ddd !important; border-radius: 0; padding: 10px; margin:0;}
.search-box-detail .search-package-ul li a .pck_sername {font-size: 13px; font-weight: 600; color: #1a0dab;}
.search-box-detail .search-package-ul li a .pck_disct {color: #f15922; font-weight: 600;}
.search-box-detail .search-package-ul li a .pck_distance_covered {color: #545454; text-decoration: none !important; font-size: 11px; text-align: left; margin-bottom: 0; text-shadow: none;}
.search-box-detail .search-package-ul li:last-child a{border-bottom: none !important;}
.search-close{background:rgba(0,0,0,.5); width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; position: fixed; display: none;}
.li_seperator{background: #ddd; height: 1px; margin: 5px 0}
.search-box-detail ul li a:hover{text-decoration: underline;}
.search-package-ul li a:hover{text-decoration: none !important;}
.search-box-detail .search-package-ul li a:hover .pck_sername {text-decoration: underline;}
.search-box-detail .search-package-ul li a:hover .pck_disct {text-decoration: underline;}
.search-box-detail .search-package-ul li:hover .pck_distance_covered{text-decoration: none !important;}
.src_full_width{width: 100% !important;}
.ui-autocomplete{ top: 361px !important; left: 0px !important; position: absolute !important; z-index: 10000 !important; right: 0 !important; margin: auto !important;}
.ui-widget-content{width: 1070px !important;}
.ui-autocomplete li:last-child a{border-bottom: none !important;}


@media screen and (min-width: 1200px){
.rental-search-box-div-select{width: 255px !important;}
.rental-search-city-type-width{width: 790px !important;}
}

@media screen and (max-width: 1199px){
.rental-search-city-type button{right: 0;}
.advanced-search{right: 0;}
.search-box-detail{width: 150%; left: -50%;}
.rental-city-select .nice-select.open .list{width: 312px;}
.ui-widget-content{width:940px !important;}
}

@media screen and (max-width: 991px){
.rental-city-select .nice-select.open .list{width: 239px;}
.rental-search-container .rental-tagline{font-size: 40px;}
.top-rental-location-box{margin-bottom: 15px;}
.ui-widget-content{width:720px !important;}
.ui-autocomplete{ top: 358px !important;}
}

@media screen and (max-width: 767px){
.rental-search-city-select{height: 65px; padding:10px 0;}
.rental-search-city-type{height: 65px; padding:10px 0;}
.rental-search-box-div-select{border-bottom: 1px solid #e6e6e6; border-right: none;}
.rental-search-city-select label, .rental-search-city-type label{margin-bottom: 4px;}
.rental-city-select .nice-select, .rental-search-city-type input{font-size: 14px;}
.rental-search-city-type button{border-radius: 0 0 5px 0; right: 0; height: 65px; width: 65px;}
.rental-search-city-type button img{width: 24px;}
.rental-search-container{margin-top: 120px; margin-bottom: -20px;}
.rental-search-container h1 {font-size: 24px;}
.rental-search-container .rental-tagline{font-size: 15px; font-weight: 400;}
.search-box-detail{width: 100%; left: 0;}
.rental-city-select .nice-select.open .list {width: 100%; left: 0px; margin-top: 15px;}
.advanced-search-div{height: auto; padding: 10px 30px 10px 10px;}
.advanced-search-margin, .advanced-search-margin-btn{padding-left: 0 !important; padding-right: 0 !important;}
.advanced-search-margin:nth-of-type(1) .advanced-search-box{border-right: none !important; border-bottom: none !important;}
.advanced-search-margin:nth-of-type(2) .advanced-search-box{border-bottom: none !important;}
.advanced-search-margin:nth-of-type(3) .advanced-search-box{border-right: none !important;}
.rental-type-count .slick-prev{left: 0;}
.rental-type-count .slick-next{right: 0;}
.rental-overview{margin-top: 50px; padding: 50px 0;}
.rental-overview h2, .top-rental-location-section h2, .hot-rental-deals-section h2, .why-aoc-section h2{font-size: 16px;}
.rental-overview h2 font, .top-rental-location-section h2 font, .hot-rental-deals-section h2 font, .why-aoc-section h2 font{font-size: 24px;}
.top-rental-location-section{padding: 50px 0;}
.hot-deals-slide{padding-left: 0;}
.hot-rental-deals-section h2{position: static;}
.hot-rental-deals-section h2 font i{transform: rotate(90deg); font-size: 26px; margin-left: 4px; vertical-align: middle;}
.hot-deals-slide .slick-prev{left: initial; right: 55px; top: -50px;}
.hot-deals-slide .slick-next{left: initial !important; right: 0; top: -50px;}
.top-rental-location-box{margin-left: -15px; margin-right: -15px;}
.hot-deals-slide .slick-slide{margin: 0px 0px 20px 0 !important;}
.why-aoc-section{padding: 50px 0 25px 0;}
.why-aoc-box{margin-left: -15px; margin-right: -15px;}
.why-aoc-box span{width: 60px; height: 60px;}
.why-aoc-box span img{width: 30px;}
.why-aoc-box {padding-left: 75px; padding-top: 18px; margin-bottom: 45px;}
.rental-search-city-type input{padding-right: 60px;}
.rental-type-count{padding-top: 50px;}
.ui-widget-content{width:auto !important;}
.ui-autocomplete{ top: 323px !important; left: 15px!important; right: 15px !important;}
.advanced-search-box .nice-select .option{font-size: 12px; padding-left: 7px;}
}