body {font-family: 'Ubuntu', sans-serif !important;} body.landing .container {margin: 0 auto!important;} .account.landing #content {min-height: auto !important;} .row-am {padding: 80px 0 !important;} header #mobile-wrapper #mobile-toggle:before {content: " ";background: url(../images/img/bars-icon.png) no-repeat center;position: absolute;width: 100%;height: 100%;background-size: 60% !important;top: 0;left: 0;} .modal-open #header {padding-right: 16px;} .account #header {background-color: transparent !important; height: 50px;} .main-slider .bx-controls-direction {display: block;} .main-slider .bx-wrapper .bx-pager {display: none;} .main-slider-form {max-width: 586px !important;} .main-slider-form .area-select {max-width: initial !important;display: inline-block;float: none !important;padding: 10px !important;border-radius: 0 !important;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;margin-top: 30px !important;} .css3-metro-dropdown {margin: 0 !important;} .account #area-selection .body {padding: 0;} .main-searchbar {display: flex;} #area-selection .css3-metro-dropdown {margin: 0 !important;} .css3-metro-dropdown::after {display: none;} .css3-metro-dropdown span {width: 296px;height: 50px !important;display: flex !important;align-items: center;justify-content: space-between;} .main-slider .bx-wrapper .bx-prev {background: url(../images/pre.png);} .main-slider .bx-wrapper .bx-next {background: url(../images/next.png);} .typewriter h2 { white-space: nowrap; overflow: hidden; } .typewriter h2:nth-child(1) { /*If you are having problems with text clipping change the width from 16em to a higher value*/ width: 7em; -webkit-animation: type 1s steps(30, end); animation: type 1s steps(30, end); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .typewriter h2:nth-child(2) { /*If you are having problems with text clipping change the width from 13.5em to a higher value*/ width: 17em; opacity: 0; -webkit-animation: type2 1.5s steps(30, end); animation: type2 1.5s steps(30, end); -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @keyframes type { 0% { width: 0; } 100% { border: none; } } @-webkit-keyframes type { 0% { width: 0; } 100% { border: none; } } @keyframes type2 { 0% { width: 0; } 1% { opacity: 1; } 100% { opacity: 1; border: none; } } @-webkit-keyframes type2 { 0% { width: 0; } 1% { opacity: 1; } 100% { opacity: 1; border: none; } } .counter ul {display: flex;justify-content: center;padding: 40px 0;margin: 0 !important;} .counter ul li {color: #fff;text-align: center;float: left;margin-right: 70px;} .counter h2 {color: #fff;font-size: 80px;font-weight: 600;margin-bottom: 10px !important;} .counter h2 sup {color: #fff;font-size: 40px;top: -0.9em;} .counter p {font-size: 22px;font-weight: 100;} .counter {background: url(../images/img/counter-banner.png) no-repeat center center !important;background-size: cover !important;} .investor-benefit {background: #eef5f9 !important;} .investor-benefit h2 {text-align: center;font-size: 40px;font-weight: 700;color: #000;margin-bottom: 30px !important;} .investor-benefit ul {} .investor-benefit ul li {list-style: none;float: left;width: 31%;text-align: center;background: #fff;margin-right: 3.5%;border-radius: 10px;padding: 40px 0;box-shadow: 0px 6px 5px -2px rgb(202 212 218);margin-bottom: 30px;} .investor-benefit ul li:nth-child(3n+3){margin-right: 0;} .investor-benefit ul li h4 {color: #000;font-size: 22px;font-weight: 600;} .investor-benefit ul li p {font-size: 16px;color: #62686a;padding: 0 60px;} .browse-properties {width: 216px !important;height: 50px !important;font-size: 18px;font-weight: 500;background: #73a743 !important;} .browse-properties:hover {background: #84c449 !important;} .main-slider .slider-text {margin: 12% auto 20px;max-width: 586px;position: relative;} .main-slider .slider-text h2 {font-size: 70px;font-weight: 700;color: #fff;line-height: 76px !important;padding: 0;margin-bottom: 10px !important;max-width: 550px;} .how-work {background: #fff !important;} .how-work .how-work-text {display: flex;align-items: center;justify-content: center;} .how-work .leftt {width: 50%;border-right: 2px solid #003048;border-style: dashed;height: 341px;} .how-work h2 {text-align: center;font-size: 40px;font-weight: 700;color: #000;margin-bottom: 30px !important;} .how-work ul {display: flex;align-items: center;justify-content: center;} .how-work ul li {list-style: none;float: left;width: 33.39%;text-align: center;display: grid;} .how-work .how-work-text ul li img {margin: auto;padding-bottom: 20px;} .how-work .how-work-text .leftt ul li h5 {background: #0682c0;color: #fff;font-size: 17px;font-weight: 500;padding: 5px;} .how-work .how-work-text .leftt ul li .borderr {border-left: 2px solid #0682c0;height: 50px;margin: 0 auto;} .how-work .rightt {width: 50%} .how-work .how-work-text ul li h4 {color: #000;font-size: 18px;font-weight: 600;background: #fff;border: 1px solid #0682c0;border-radius: 50%;width: 181px;height: 181px;display: flex;align-items: center;justify-content: center;margin: auto;} .how-work .how-work-text .rightt ul li h4 {border-color: #84c449;} .how-work ul li p {font-size: 16px;color: #62686a;padding: 0 60px;} .how-work .how-work-text .rightt ul li h5 {background: #84c449;color: #fff;font-size: 17px;font-weight: 500;padding: 5px;} .how-work .how-work-text .rightt ul li .borderr {border-left: 2px solid #84c449;height: 50px;margin: 0 auto;} .how-work .updownarrow {text-align: center;} .how-work .updownarrow i {font-size: 25px;} .how-work .updownarrow .uparrow {margin-right: 100px;} .how-work .property-close {font-size: 18px;background-color: #ff9800 !important;width: 15%;margin: auto;color: #fff;line-height: 42px;} .how-work .mobileupdown {display: none;} .how-work .tabupdown {display: none;} .row-am.investor {padding-top: 0 !important;} .investor {background: #fff !important;} .investor h2 {text-align: center;font-size: 40px;font-weight: 700;color: #000;margin-bottom: 30px !important;} .investor .investor-text {display: flex;justify-content: center;align-items: center;} .investor .leftt, .investor .rightt {width: 50%;} .investor .leftt ul li {margin-bottom: 40px;} .investor .leftt ul li h4 {color: #000;font-size: 30px;font-weight: 600;text-indent: initial;} .investor .leftt ul li p {color: #8c8c8c;font-size: 16px;font-weight: 400;text-indent: initial;} .investor .rightt {display: flex;justify-content: center;align-items: center;} .investor .rightt img {width: 60%;} .investor .leftt .btn-buy {font-size: 18px;line-height: 1.15;letter-spacing: 1.3px;font-weight: 500;padding: 16px 23px;background: #0770a4;color: #fff;border-radius: 5px;border: none;} .investor .leftt .btn-buy:hover {background: #000;} .investor .leftt .btn-buy a {color: #fff;} .contact-form {background: #fff !important;} .row-am.contact-form {padding-top: 0 !important;} .contact-form .main-contact-home {display: flex;align-items: center;} .contact-form .main-contact-home .rightt {padding-left: 30px;} .contact-form .main-contact-home .rightt, .contact-form .main-contact-home .leftt {width: 50%;} .contact-form .rightt h2 {font-size: 40px; font-weight: 600;color: #000;margin: 0;} .contact-form .rightt label {font-weight: 500;font-size: 16px;margin-bottom: 10px;} .contact-form .rightt .main-submit {display: flex;justify-content: space-between;} .contact-form .rightt .main-submit .submit-btn {width: 20%;} .contact-form .main-contact-home .leftt img {width: 100%;} .contact-form .rightt .im-main label {margin-bottom: 0;} .contact-form .rightt .im-main {display: flex;align-items: center;width: 100%;margin-left: 15px;} .contact-form .main-contact-home .form-check {display: flex;align-items: center;margin-left: 20px;} .contact-form .main-contact-home .form-check .form-check-input {display: block;height: 20px;margin-right: 10px;} .contact-form .main-contact-home .form-check .form-check-label {margin: 0;} footer .social-media ul li {width: 35px;height: 35px;line-height: 35px;text-align: center;border: 1px solid #fff;border-radius: 50%;float: left;margin: 0 0 0 5px;list-style: none;display: flex;align-items: center;justify-content: center;text-indent: 0px;} footer .social-media ul li:hover {background: #000;} footer .footer1 .social-media ul li a:hover {color: #fff} footer .footer1 .social-media ul {margin: 30px 0;} footer .footer1 .social-media ul li a {display: flex;} footer .footer1 .copyright {font-size: 15px;color: #bcbcbc;} footer .links {width: 25% !important;border:none;} footer .footer1{padding: 30px 0} footer .footer1 h4{font-size: 20px; font-weight: 700; margin: 0 0 20px; text-transform: uppercase; color: #fff;} footer .footer1 .links ul{margin: 0 ; padding: 0; list-style: none;} footer .footer1 .links ul li{line-height: 28px; font-size: 16px; list-style: none;color: #fff;text-indent: 0;} footer .footer1 .links ul li a{color: #bcbcbc;font-size: 15px;} footer .footer1 .links ul li a:hover {color: #000;} footer .footer1 .links ul li i {margin-right: 20px;} footer .footer1 .payment ul{margin: 0; padding: 0; list-style: none;} footer .footer1 .payment ul li{float: left; margin: 0 30px 30px 0; list-style: none;} /* property list map */ .left-map .rating {display: none !important;} .right-address .filter_wrapper {background: #0770a4;width: 100%;height: 55px;left: 0px;} .filter_wrapper {box-shadow: unset;position: absolute;top: 0px;right: 225px;width: auto;height: 0;background: transparent;} .loggedin .filter_wrapper{right: 425px;} .filter_wrapper .btnGroup {border: none;display: flex;} .filter_wrapper .btnGroup .btn {margin-top: 7px;padding: 0 10px;font-size: 20px;color: #fff;} .btnActive, .btnFacebook:active, a.btnActive {background: transparent;color: #000;} #basic_filter {height: 0;} .btnDefault:not(.btnActive) {background: transparent;} .loginfliter .filter_wrapper {right: 420px;} /*.store-info-wrapper .image .bx-wrapper .bx-controls-direction a{width: 37px;height: 37px;position: absolute;top: 50%;} .store-info-wrapper .image .bx-wrapper .bx-prev {background: url(../images/pre.png) no-repeat;left: 10px;} .store-info-wrapper .image .bx-wrapper .bx-next {background: url(../images/next.png) no-repeat;right: 10px;}*/ .shop_list_wrapper {background: #fff;} .shop_list_wrapper #content {background: transparent;height: auto;} .shop_list_wrapper .left-map {width: 43% !important;top: 60px;height: 92% !important;} .right-address {width: 56.9%;top: 45px;padding: 0 20px !important;} .shop_list_wrapper .row {margin: 0;} .store-info-row .image img {max-height: 315px;min-height: 315px;} .store-info-wrapper > div {height: 676px;} .sold-out-property {opacity: 0.5;} .store-info-row .not-expires-within-a-day.resale {background: #eda01a;} .store-info-row .not-expires-within-a-day.soldout {background: #f22121;} .store-info-row .not-expires-within-a-day {background: #00be40;padding: 4px 10px;font-size: 15px;font-weight: 500;text-transform: uppercase;margin-bottom: 0;} .store-info-row .image {border-radius: 10px 10px 0 0;height: 315px;} .store-info-row .image ul li h2 {position: absolute;top: auto;color: #fff;bottom: 5px;font-size: 25px;font-weight: 500;left: 20px;} .store-info-row {background: #fff;border: 1px solid #c5cfd5;border-radius: 10px;box-shadow: 0 0 5px #ccc;z-index: 0; min-height: 676px;position: relative;} .store-info-map > div {padding-left: 0 !important;} .store-info-map {padding: 0 !important;margin-top: 16px;} .store-info-wrapper .store_footer {display: flex;align-items: center;padding: 5px 20px;} .store-info-wrapper .store-info-row h4 {font-size: 20px;color: #000;font-weight: 600;} .store-info-wrapper .store-info-row h4 i {margin-right: 10px;color: #62686a;font-size: 17px;} .store-info-wrapper .store_footer .get_direction {color: #0280bf;text-decoration: underline;font-size: 15px;margin-left: 40px;} .store-info-wrapper .property-tour ul {margin: 0 20px;display: flex;align-items: center;justify-content: space-between;} .store-info-wrapper .property-tour ul .clearfix:before {display: none !important;} .store-info-wrapper .property-tour ul li {list-style: none;color: #62686a;font-size: 20px;line-height: 26px;} .store-info-wrapper .property-tour ul li {color: #000;} .store-info-wrapper .property-share ul {margin: 20px;margin-bottom: 20px !important;} .store-info-wrapper .property-share ul li {list-style: none;color: #000;font-size: 20px;margin-bottom: 10px;padding-left: 40px;position: relative;} .store-info-wrapper .property-share ul li i {position: absolute;left: 0;top: 0;} .store-info-wrapper .store-info-row .property-tour ul li h4 {color: #ffff;background: #0770a4;padding: 0px 10px;font-weight: 500;font-size: 18px;border-radius: 8px;} .store-info-wrapper .property-range {position: absolute;width: 100%;bottom: 20px;} .store-info-wrapper .property-range ul {margin: 0 20px;} .store-info-wrapper .property-range ul li {height: 30px;margin-top: 10px;} .store-info-wrapper .invested-range {background: #ccd5db;height: 12px;width: 100%;position: relative;display: block;} .store-info-wrapper .invested-range .range-value {position: absolute;top: 0;left: 0;background: #ff9800;height: 12px;} .store-info-wrapper .invested-range .range-text {display: flex;justify-content: space-between;} .store-info-wrapper .invested-range .range-text h5 {color: #000;font-size: 16px;font-weight: 500;margin-top: 20px;} .store-info-wrapper .invested-range .percentage {background-color: #ff9800;border-radius: 5px;box-shadow: 0 4px 5px rgb(0, 0, 0, 0.2);color: #fff;font-size: 12px;padding: 4px;position: absolute;top: -30px;left: 5px;transform: translateX(-50%);width: 40px;text-align: center;transition: left 0.4s linear;} .store-info-wrapper .invested-range .percentage::after {background-color: #ff9800;content: '';position: absolute;top: 15px;left: 50%;transform: translateX(-50%) rotate(45deg);height: 10px;width: 10px;z-index: -1;} .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {display: none !important;} .main-countdown ul {margin: 13px 20px;} .main-countdown ul li {display: inline-block;font-size: 22px;list-style-type: none;font-weight: 600;color: #000;padding-right: 7px;} .main-countdown ul li span {color: #000;} .property-list-footer .container {margin: 0 auto;max-width: 1300px;} .property-list-footer .footer1 {z-index: 999;} .main-property-grid {background: #fff !important;} .property-list-grid {position: relative;} .store-info-wrapper.grid {margin-top: 7px !important; display: flex; flex-wrap: wrap;} .main-property-grid .filter_wrapper {background: #0770a4;width: 100%;height: 56px;left: 0px;top: 0px;right: 0;} /* property details */ .g-recaptcha{transform:scale(0.75);-webkit-transform:scale(0.75);transform-origin:0 0;-webkit-transform-origin:0 0;} .account.landing #content {background: #eef5f9;} .row-am.proprty-detail {padding-top: 10px !important;padding-bottom: 8px !important;} .proprty-detail h2 {font-size: 40px;padding: 0;margin: 0;color: #000;font-weight: 500;border-bottom: 1px solid;border-radius: unset;padding-bottom: 10px;} .proprty-detail .detail-address {color: #000;font-size: 18px;margin-bottom: 20px;} .proprty-detail .detail-address i {margin-right: 10px;} .detail-address {margin-top: 20px !important;margin-bottom: 10px !important;} .detail-address a {color: #000;letter-spacing: 0.01em;font-weight: 500;padding: 0 15px;text-transform: capitalize;} /*.proprty-detail .main {display: flex;} .proprty-detail .main .slider-for {width: 83%;} .proprty-detail .main .slider-nav {width: 17%;margin: 0;} .proprty-detail .main .slider-nav img {width: 181px;margin: 0 0 20px 20px;} .proprty-detail .main .slider-nav .slick-track {display: grid;} .proprty-detail .main .slider-for img {width: 100% !important;object-fit: cover;margin: auto;} .proprty-detail .main .slick-next.slick-arrow{display: none;} .proprty-detail .main .slick-prev.slick-arrow{display: none;} .proprty-detail .main .slick-next.slick-arrow::before{display: none;} .proprty-detail .main .slick-prev.slick-arrow::before{display: none;} .proprty-detail .main .slick-list.draggable {padding: 0 !important;} .slick-track {margin: unset !important;} .proprty-detail .main .slider-nav .slick-dots {display: none !important;position: unset;}*/ /*USE CSS for Slider*/ .banner-content img {max-width: 100%;} .vehicle-detail-banner .car-slider-desc {max-width: 180px;margin: 0 auto;} .banner-slider .slider.slider-for {max-width: 80%;padding-right: 35px;} .banner-slider .slider.slider-nav {max-width: 20%;} .banner-slider .slider.slider-for, .banner-slider .slider.slider-nav {width: 100%;float: left;} .banner-slider .slider.slider-nav {height: 550px;overflow: hidden;} .slider-banner-image {height: 345px !important;} .banner-slider .slider.slider-nav {padding: 0;} .slider-nav .slick-slide.thumbnail-image .thumbImg{max-width: 100%;max-height: 100%;margin: 0 auto;border: 1px solid #EBEBEB;} .slider-banner-image img, .slider-nav .slick-slide.thumbnail-image .thumbImg img {height: 100%;width:100%;object-fit: cover;} .slick-vertical .slick-slide:active, .slick-vertical .slick-slide:focus, .slick-arrow:hover, .slick-arrow:focus {border: 0;outline: 0;} .slider-nav .slick-slide.slick-current.thumbnail-image .thumbImg {border: 2px solid #196DB6;} .slider-nav .slick-slide {text-align: center;} .slick-arrow {width: 100%;background-color: transparent;border: 0;background-position: center;background-repeat: no-repeat;font-size: 0;height: 18px;position: absolute;left: 0;right: 0;z-index: 99;} .slick-prev {top: 0;} .slick-next {bottom: 0;background-color: #fff;} .slick-vertical .slick-slide {margin: 2px 0;width: 100% !important;} .slider-nav .slick-list {height: auto !important;} .banner-slider .slider-for .slick-prev, .slick-next {width: 38px;height: 38px;} .banner-slider .slider-for .slick-prev.slick-arrow {background-image: url(../images/img/pre.png);left: 0;} .banner-slider .slider-for .slick-next.slick-arrow {background-image: url(../images/img/next.png);right: 35px;left: auto;width: 38px;height: 38px;} .slick-next:before {display: none;} .slick-prev:before {display: none;} .banner-slider .slider-nav .slick-prev, .slick-next {width: 38px;height: 38px;} .slider-nav .slick-prev.slick-arrow {background-image: url(../images/img/up.png);left: 40%;top: 22px;right: 0;} .slider-nav .slick-next.slick-arrow {background-image: url(../images/img/down.png);bottom: -20px;top: auto;left: 40%;right: 0;width: 38px;height: 38px;} /*End USE CSS for Slider*/ @media screen and (max-width : 991px) { .banner-slider .slider.slider-for, .banner-slider .slider.slider-nav {max-width: 100%;float: none;} .banner-slider .slider.slider-for {padding-right: 0;} .banner-slider .slider.slider-nav {height: auto;} .slider-banner-image {height: 500px;} .slider.slider-nav.thumb-image {padding: 10px 30px 0;} .slick-arrow {padding: 0;width: 30px;height: 30px;top: 50%;bottom: 0;transform: translateY(-50%) rotate(-90deg);} .slick-prev {left: 0;right: unset;} .slick-next {left: unset;right: 0;background-color: transparent;} .vehicle-detail-banner .car-slider-desc {max-width: 340px;} .bid-tag {padding: 10px 0 15px;} .slider.slider-nav.thumb-image {white-space: nowrap;} .thumbnail-image.slick-slide {padding: 0px 5px;min-width: 75px;display: inline-block;float: none;} } @media screen and (max-width : 800px) { .slider-banner-image {height: 400px;} .slider.slider-nav.thumb-image {padding: 0px 0px 0;margin: 10px 0px 0;} .slider-nav .slick-slide.thumbnail-image .thumbImg {max-width: 140px;height: 80px;} .slider-nav .slick-prev.slick-arrow {display: none !important;} .slider-nav .slick-next.slick-arrow {display: none !important;} .banner-slider .slider-for .slick-next.slick-arrow {right: 0;} .thumbnail-image.slick-slide {padding: 0px 5px;min-width: 75px;display: inline-block !important;float: none;width: 140px !important} } @media screen and (max-width: 580px) { .slider-banner-image {height:340px;} } @media screen and (max-width : 480px) { .slider-banner-image {height:280px;} } .row-am.proprty-detail-text {padding-top: 0 !important;} .proprty-detail-text .main-text {display: flex;justify-content: space-between;position: relative;} .proprty-detail-text .main-text .leftt {width: 72%;} .proprty-detail-text .main-text .rightt {width: 25%;} .proprty-detail-text .main-text .leftt .m-google {height: auto;} .proprty-detail-text .main-text .leftt .m-google .google-meet img {margin-bottom: 0;margin-right: 10px;} .proprty-detail-text .main-text .leftt .m-google .google-meet span {text-decoration: underline;} .proprty-detail-text .main-text .leftt .m-google li {color: #000;font-size: 18px;font-weight: 500;width: 33%;float: left;text-indent: 0;} .proprty-detail-text .main-text .leftt .m-google li span{color: #000;font-weight: 400;} .loan-amount .leftt {order: 2;width: auto !important;} .loan-amount .rightt {order: 1;width: 30% !important;} .leftt .investment-stati {margin-top: 30px;} .leftt .investment-stati h2 {color: #000;margin: 0;padding: 0;font-size: 20px;text-transform: uppercase;font-weight: 700;margin-bottom: 10px !important;line-height: 40px !important;} .leftt .investment-stati ul {background: #fff;border: 1px solid #c5cfd5;border-radius: 5px;padding: 20px; display: flex} .leftt .investment-stati ul li {float: left;text-align: center;width: -webkit-fill-available !important;border-right: 1px solid #cccccc;height: 125px;} .leftt .investment-stati ul li:last-child{border-right: none} .leftt .investment-stati ul li:nth-child(5n+6){border-right: none;} .leftt .investment-stati ul li img {margin-bottom: 5px;} .leftt .investment-stati ul li h4 {margin: 0;font-size: 18px;font-weight: 600;color: #000;} .leftt .investment-stati ul li p {font-size: 13px;text-transform: uppercase;color: #000;padding: 0 28px;line-height: 16px;} .leftt .offer-detail {margin-top: 30px;} .leftt .offer-detail h2 {color: #000;margin: 0;padding: 0;font-size: 20px;text-transform: uppercase;font-weight: 700;margin-bottom: 10px !important;line-height: 40px !important;} .leftt .offer-detail ul {background: #fff;border: 1px solid #c5cfd5;border-radius: 5px;padding: 40px;} .leftt .offer-detail ul li {border-bottom: 1px solid #cacaca;padding: 6px 15px;color: #000000cf;text-indent: 0;} .leftt .property-fact ul li:nth-child(5n+5) {border-bottom: none;} .leftt .offer-detail ul li span {float: right;color: #000;} .leftt .offer-detail ul .total-amount {border: none;background: #deeef7;font-weight: 600;color: #000;} .leftt .offer-detail ul .total-amount span {color: #000;} .leftt .offer-detail ul .textarea-content {padding: 5px 40px;} .leftt .offer-detail ul .textarea-content ul {border: none !important;padding: 0 !important;} .leftt .offer-detail ul .textarea-content ul li, .leftt .offer-detail ul .textarea-content ol li {border-bottom: none !important;} .leftt .offer-detail ul .loan-amount {display: flex;align-items: center;padding: 30px 0px;justify-content: space-between;} .leftt .offer-detail ul .loan-amount .leftt h4 {color: #000;font-size: 18px;margin: 0;font-weight: 600;} .leftt .offer-detail ul .loan-amount .rightt .loan-amount-box {background: #0280bf;color: #fff;height: 180px;width: 150px;display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: 20px;} .leftt .offer-detail ul .loan-amount .rightt .investors-box {background: #acdef7;color: #000;height: 140px;width: 150px;display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: 20px;} .leftt .offer-detail ul .loan-amount-parag {font-size: 14px;color: #000;line-height: 22px;margin-top: 20px;} .leftt .property-fact {margin-top: 30px;} .leftt .property-fact h2 {color: #000;margin: 0;padding: 0;font-size: 20px;text-transform: uppercase;font-weight: 700;margin-bottom: 10px !important;line-height: 40px !important;} .leftt .property-fact ul {background: #fff;border: 1px solid #c5cfd5;border-radius: 5px;padding: 40px;} .leftt .property-fact ul li {width: 100%;} .leftt .property-fact ul li div {position: relative;font-size: 16px;color: #000;font-weight: 600;} .leftt .property-fact ul li span {position: absolute;left: 380px;color: #000;font-weight: 400;} .leftt .property-dec {margin-top: 30px;} .leftt .property-dec h2 {color: #000;margin: 0;padding: 0;font-size: 20px;text-transform: uppercase;font-weight: 700;margin-bottom: 10px !important;line-height: 40px !important;} .leftt .property-dec .dec-text {background: #fff;border: 1px solid #c5cfd5;border-radius: 5px;padding: 30px;word-wrap: break-word;} .leftt .property-dec .dec-text p {color: #373737;font-size: 16px;line-height: 22px;margin-bottom: 20px;} .leftt .document {margin-top: 30px;} .leftt .document h2 {color: #000;margin: 0;padding: 0;font-size: 20px;text-transform: uppercase;font-weight: 700;margin-bottom: 10px !important;line-height: 40px !important;} .leftt .main-document {background: #fff;border: 1px solid #c5cfd5;border-radius: 5px;padding: 30px;} .leftt .document .document-text li {float: left;width: 50%;} .leftt .document .document-text li div {color: #000;} .leftt .document .document-text li i {margin-right: 10px;} .leftt .document .nav-tabs {border: 1px solid #c5cfd5;border-bottom: none;border-radius: 5px 5px 0 0;} .leftt .document .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border: none !important;color: #000;} .leftt .document .nav-tabs > li > a {border-radius: unset !important;color: #000;} .leftt .document .tab-content {border-radius: 0 0 5px 5px;border-color: #c5cfd5;} .leftt .property-manager {clear:both;} .leftt .property-manager h2 {color: #000;margin: 0;padding: 0;font-size: 20px;text-transform: uppercase;font-weight: 700;margin-bottom: 10px !important;line-height: 40px !important;padding-top: 30px;} .leftt .main-manager-text {display: flex;align-items: center;background: #fff;border: 1px solid #c5cfd5;border-radius: 5px;padding: 30px;justify-content: space-between;} .leftt .main-manager-text h4 {font-size: 18px;font-weight: 600;color: #000;margin-bottom: 2px;} .leftt .main-manager-text p {color: #000;line-height: 23px;} .leftt .main-manager-text h5 {color: #000;font-size: 20px;font-weight: 500;} .leftt .main-manager-text h5 i {color: #0280bf;border: 1px solid #0280bf;border-radius: 25px;padding: 6px;font-size: 12px;} .leftt .main-manager-text .invest-btn {width: 25%;height: 60px;background: #0280bf;font-size: 18px;font-weight: 500;display: flex;align-items: center;justify-content: center;border-radius: 5px;cursor: pointer;} .leftt .main-manager-text .invest-btn a {color: #fff;} .leftt .main-manager-text .invest-btn:hover {background: #000;} .rightt .invested {background: #fff;border: 1px solid #c5cfd5;border-radius: 5px;padding: 20px;height: 170px;} .rightt .invested h2 {margin: 0;padding: 0;color: #000;font-size: 30px;font-weight: 700;margin-bottom: 40px !important;} .rightt .invested h2 span {font-size: 20px;color: #000;} /*.rightt .invested .invested-range {background: #ccd5db;height: 7px;width: 100%;position: relative;display: block;} .rightt .invested .invested-range .range-value {position: absolute;top: 0;left: 0;background: #0280bf;height: 7px;} .rightt .invested .invested-range .range-text {display: flex;justify-content: space-between;} .rightt .invested .invested-range .range-text h5 {color: #000;font-size: 16px;font-weight: 500;margin-top: 20px;}*/ .rightt .invest-btn {height: 60px;background: #0280bf;font-size: 18px;font-weight: bold;display: flex;align-items: center;justify-content: center;border-radius: 5px;cursor: pointer;} .rightt .invest-btn a {color: #fff;} /* .rightt .invest-btn:hover {background: #0280bfb0;} */ #sidebar > div.invest-btn{ height: 60px;background: #FF5722;font-size: 18px;font-weight: bold;display: flex;align-items: center;justify-content: center;border-radius: 5px;cursor: pointer;margin-top: 20px; } /* #sidebar > div.invest-btn:hover{background: #ff9800;} */ .offer-detail .wrapper span {word-break: break-word;} #sidebar > div.invest-btn > span{ font-size: 20px; } .rightt .contact-details{background: #fff;border: 1px solid #c5cfd5;border-radius: 5px;padding: 20px;text-align: center;margin-top: 20px;} .rightt .contact-details ul li {display: flex;align-items: center;text-indent: 0;text-align: left;} .rightt .contact-details ul li h4 {font-size: 18px;color: #000;font-weight: 500;white-space: nowrap;} .rightt .contact-details .contact-text h4 {font-size: 30px;color: #000;margin-bottom: 20px;} .rightt .contact-details .contact-text h4 i {color: #0280bf;border: 1px solid #0280bf;border-radius: 25px;padding: 8px;font-size: 16px;} .rightt .contact-details .contact-text p {font-size: 18px;color: #000;padding: 0 50px;margin-bottom: 30px;} .rightt .contact-details .info {text-align: left;padding-left: 10px;} .rightt .contact-details ul li .company_address {position: relative;padding-left: 20px;} .rightt .contact-details ul li .company_address i {position: absolute;top: 8px;left: 0;} .progress-container, .progress {background-color: #ccd5db;position: relative;height: 12px;width: 100%;} .progress {background-color: #0280bf;width: 100%;transition: width 0.4s linear;border-radius: unset;} .percentage {background-color: #ff9800;border-radius: 5px;box-shadow: 0 4px 5px rgb(0, 0, 0, 0.2);color: #fff;font-size: 12px;padding: 4px;position: absolute;top: -30px;left: 0;transform: translateX(-50%);min-width: 40px;text-align: center;transition: left 0.4s linear;} .percentage::after {background-color: #ff9800;content: '';position: absolute;top: 15px;left: 50%;transform: translateX(-50%) rotate(45deg);height: 10px;width: 10px;z-index: -1;} .rightt .invested .range-text {display: flex;justify-content: space-between;} .rightt .invested .range-text h5 {color: #000;font-size: 16px;font-weight: 500;margin-top: 10px;} #sidebar {position: absolute;right: 0;width: 25%;} #sidebar.fixed {position: fixed;top: 12%;right: 126px;width: 20.7%;} .modal-open .modal {background: rgba(0,0,0,0.5);top: 0;} .modal-open .modal #commitment_form {margin-top: 0;} .modal-open .modal .modal-header {display: flex;justify-content: space-between;} .modal-open .modal .modal-dialog {top: 130px;} .modal-open .modal .modal-header .modal-title {font-size: 26px;font-weight: 500;} .modal-open .modal .modal-header .btn-close {background: no-repeat;border: none;color: #fff;font-size: 25px;font-weight: 500;cursor: pointer;} .modal-open .modal #commitment_form .btn-primary {margin: 0 20px;font-size: 18px;font-weight: 500;background: #84c449;border: none;} .modal-open .modal #commitment_form .btn-primary:hover {background: #78b83c} .modal-open .modal #commitment_form .btn-secondary {display: none;} .modal-open .modal #commitment_form label {font-weight: 500;font-size: 16px;margin-bottom: 10px;} .modal-open .modal #commitment_form input {font-size: 18px;height: 40px;} .modal-open .modal #commitment_form .form-group {clear: both;} #login h2 {color: #000 !important;font-weight: 500;} .modal #commitment_form .row {display: flex;flex-wrap: wrap;} /* register */ #create {padding-top: 80px;padding-bottom: 80px !important;} #create-account-title {padding: 0 !important;} #create-account-title h2 {color: #000 !important;font-weight: 500;padding: 0 !important;} #become-seller .modal-header .close {order: 2;} .investmentbtn-mobile{display: none} /* alpesh */ .main-slider .slider-text{text-align: center; max-width: 1320px;} .main-slider .slider-text h2{max-width: inherit; text-align: center; width: 100%; font-size: 60px; font-weight: 500;} .main-slider .slider-text h4{color: #FFF; font-size: 24px;} .account #area-selection .body .input{width: auto; margin-right: 5px; margin-left: 5px; font-size: 15px; /*border-radius: 40px;*/ } .account #area-selection .body .input.room{background: #FFF url(http://design.hire-webdeveloper.com/motel44/v2/images/down.png) no-repeat center right 10px; padding-right: 40px} .account #area-selection .body .input.location{background: #FFF url(http://design.hire-webdeveloper.com/motel44/v2/images/location.png) no-repeat center left 10px; padding-left: 40px; margin: 0;} /*.main-searchbar{display: block}*/ .main-slider-form{max-width: fit-content !important; } .main-slider-form input[type='submit']{width: 120px; /*border-radius: 40px;*/} /*.main-slider-form .area-select{border-radius: 50px !important}*/ /* #delivery-area-form.inner{position: fixed; top: auto; width: 100%; padding: 0 20px; background: #f1f1f1 !important; z-index: 100;} */ #delivery-area-form.inner { position: fixed; top: auto; width: 100%; padding: 0 20px; background: #f1f1f1 !important; z-index: 100; transition: transform 0.3s ease-in-out; } #delivery-area-form.inner .main-slider-form{margin: 0 auto; top: auto;} /* #delivery-area-form.inner .main-slider-form .area-select{margin: 0px 0 !important} */ #delivery-area-form.inner .main-searchbar{display: flex;} #delivery-area-form.inner .main-searchbar .input{width: auto; margin-right: 5px; } #delivery-area-form.inner .main-searchbar .input{width: auto; margin-right: 5px; margin-left: 5px; font-size: 15px; /*border-radius: 40px;*/ } #delivery-area-form.inner .main-searchbar .input.room{background: #FFF url(http://design.hire-webdeveloper.com/motel44/v2/images/down.png) no-repeat center right 10px; padding-right: 40px} #delivery-area-form.inner .main-searchbar .input.location{background: #FFF url(http://design.hire-webdeveloper.com/motel44/v2/images/location.png) no-repeat center left 10px; padding-left: 40px; margin: 0;} #delivery-area-form.inner .main-slider-form input[type='submit'] {width: 160px;} #delivery-area-form.inner .main-slider-form .area-select{background: transparent !important} .shop.list .wrapper.property-list-grid{padding: 40px 0 !important} .store-info-row{cursor: pointer; box-shadow: none; border: 1px solid #c5cfd5 !important; padding: 10px; display: flex; min-height: auto; justify-content: space-between; height: 100%;} .store-info-row .image{width: 300px; height: 300px; border-radius: 20px; margin: 0; padding: 0; background: #f5f5f5;} .store-info-row .image img{width: 300px; height: 300px; object-fit: cover;} .store-info-row .offer-top{left: 0; top: 0; border-radius: 10px;} .store-info-row .not-expires-within-a-day{border-radius: 10px;} .store-info-row .content{width: 80%;} .store-info-wrapper .store_footer{display: block; padding: 5px 0 5px 20px} .store-info-wrapper .store_footer .get_direction{float: none; margin: 0 0 15px;} .store-info-wrapper .store_footer .store_weblink {margin-left: 15px; } .store-info-wrapper > div{height: auto;} .store-info-wrapper .property-range{display: none} .store-info-wrapper .store-address{display: block; padding: 5px 0 0px 20px} .store-info-wrapper .store-address ul {margin: 0; padding: 0; list-style: none} .store-info-wrapper .store-address ul li{font-size: 15px; color: #000; line-height: 24px; margin: 2px; margin-left: 0;} .store-info-wrapper .store-address ul li i{margin-right: 8px;} .store-info-wrapper .star{color: #f6b26b; display: block; padding: 0 0 10px 21px} .store-info-wrapper .weblink{display: block; padding: 0 0 10px 21px} .store-info-wrapper .price{color: #0770a4; display: block; padding: 0 0 0 20px; font-size: 30px; font-weight: bold;} .store-info-wrapper strike{font-weight: normal; font-size: 20px; text-decoration: line-through;} /*.store-info-wrapper .text{display: block; margin: 15px -20px 0 20px; font-size: 14px; line-height: 21px; background: #84c449; color: #FFF; padding: 10px; border-radius: 10px 0 0 10px;}*/ .store-info-wrapper .text{display: block;margin: 0px,0px,15px,0px; font-size: 14px; line-height: 21px;} .store-info-wrapper .text span{display: block; color: #0770a4} .blue-btn{background: #0770a4; color: #FFF; line-height: 46px; height: 46px; border-radius: 8px; display: inline-block; margin: 0 20px; padding: 0 20px; text-transform: uppercase; font-size: 16px; font-weight: 600;} .blue-btn:hover{color: #FFF; background: #000} .sold-out{background: #ff0000 !important;} .read-btn{background: #ff0000; color: #FFF; line-height: 46px; height: 46px; border-radius: 8px; display: inline-block; margin: 0 20px; padding: 0 20px; text-transform: uppercase; font-size: 16px; font-weight: 600;} .read-btn:hover{color: #FFF; background: #000} .white-btn{background: #FFF; color: #0770a4; line-height: 44px; height: 46px; border-radius: 8px; display: inline-block; margin: 0 20px; padding: 0 20px; text-transform: uppercase; font-size: 16px; font-weight: 600; border: 2px solid #CCC} .white-btn:hover{color: #FFF; background: #000} .guests-input button {position: relative; width: 100%; margin: 0px; padding: 10px 16px; background-color: #fff; border: 1px solid #d8d8d8; border-radius: 2px; text-overflow: ellipsis; font-size: 17px; -webkit-transition: border-color 0.2s ease; transition: border-color 0.2s ease; text-align: left; color: #484848; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 50px; border-radius: 4px; width: 340px; margin-right: 5px;} .guests-input button {cursor: pointer;} .guests-input button:after, .guests-input button:before { content: " "; width: 10px; height: 2px; border-radius: 2px; background-color: #484848; position: absolute; top: 23px } .guests-input button:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 15px } .guests-input button:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 21px } .guests-input button.open:before { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .guests-input button.open:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .guests-input__options { position: absolute; width: 100%; background-color: #fff; -webkit-box-shadow: rgba(72, 72, 72, 0.2) 0px 15px 20px; box-shadow: rgba(72, 72, 72, 0.2) 0px 15px 20px; border-radius: 2px; overflow: hidden; height: 0; opacity: 0; -webkit-transition: all .1s linear; transition: all .1s linear } .guests-input__options.open { opacity: 1; height: 194px; border-radius: 10px; padding: 0 20px; } .guests-input__options>div { padding: 10px 0; text-align: right } .guests-input__options>div:first-child { padding-top: 35px } .guests-input__options>div:last-child { padding-bottom: 35px } .guests-input__ctrl { display: inline-block; border: 1px solid #484848; font-size: 20px; color: #484848; padding: 3px 8px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .2s ease; transition: all .2s ease; border-radius: 50%; width: 32px; height: 32px; text-align: center; line-height: 24px; } .guests-input__ctrl.disabled { color: #d8d8d8; border-color: #d8d8d8; cursor: default } .guests-input__value { display: inline-block; width: 100px; cursor: default; float: left; text-align: left; line-height: 32px; } .guests-input__value span { display: inline-block; padding-right: 5px } #guests-count-adults, #guests-count-children, #room-count-children{display: inline-block; text-align: center;} .clearfix{display: inline-block; width: 100%;} .account.landing #content{background: #FFF} #delivery-area-form.inner.detail{background: #FFF; position: relative; top: auto} .property-detail .banner{position: relative; display: inline-block; margin: 10px 0 40px;} .property-detail .banner img{width: 100%;} .property-detail .banner div{padding:1px;} .property-detail .banner .more{background: gray; position: absolute; right: 10px; bottom: 10px; color: #FFF; padding: 5px; border-radius: 5px;} .property-detail .tab{border-bottom: 1px solid #CCC; margin-bottom: 20px;} .property-detail .tab a{color: #000; font-size: 16px; padding: 0 10px; font-weight: bold; line-height: 36px; border-bottom: 3px solid transparent; display: inline-block;} .property-detail .tab a:hover, .property-detail .tab a.active{color: #0770a4; border-bottom: 3px solid #0770a4} .property-detail .overview{margin: 0 0 20px; float: left; width: 50%;} .property-detail .overview h4 {font-size: 22px; color: #000; font-weight: 600; margin: 0} .property-detail .overview .get_direction {float: none; margin: 0 0 15px; display: block} .property-detail .overview ul {margin: 0 0 20px; padding: 0; list-style: none;} .property-detail .overview ul li {font-size: 15px; color: #000; line-height: 24px;} .property-detail .overview ul li i {margin-right: 8px;} .property-detail .overview .star {color: #f6b26b; display: block; padding: 0 0 15px 0;} .property-detail .overview .price {color: #0770a4; display: block; padding: 0 0 15px 0; font-size: 30px; font-weight: bold;} .property-detail .overview strike {font-weight: normal; font-size: 20px; text-decoration: line-through; } .property-detail .overview .text {display: block; padding: 15px 0 0 0; font-size: 14px; line-height: 21px;} .property-detail .overview .blue-btn{margin: 0} .property-detail .popular-amenities{text-align: left; margin: 0 0 20px; float: right; width: 50%} .property-detail .popular-amenities h4{font-weight: bold; font-size: 22px; font-weight: 600; margin: 0 0 15px;} .property-detail .popular-amenities ul {margin: 0 0 20px; padding: 0; list-style: none; display: inline-block; width: 100%;} .property-detail .popular-amenities ul li {font-size: 15px; color: #000; line-height: 24px; float: left; width: 50%; line-height: 30px;} .property-detail .popular-amenities ul li i {margin-right: 8px; font-size: 20px;} .property-detail .popular-amenities .more{color: #0770a4; text-align: left} .property-detail .choose-room{margin: 0 0 20px; display: flex; flex-wrap: wrap;} .property-detail .choose-room h4{font-weight: bold; font-size: 22px; font-weight: 600; margin: 0 0 15px; width: 100%; min-height: 52px;} .landing.intro .property-detail .choose-room #change-area{margin: 0 0 20px; top: auto;} .landing.intro .property-detail .choose-room #area-selection{margin: 0 !important; padding: 0 !important; background: #FFF !important} .landing.intro .property-detail .box{border: 1px solid #CCC; border-radius: 20px; padding: 20px; width: 32%; margin: 0 2% 30px 0; text-align: left; float: left;} .landing.intro .property-detail .box:nth-child(3n+4){margin-right: 0} .landing.intro .property-detail .box h5{font-size: 18px; font-weight: bold; margin: 0 0 15px; color: #000} .landing.intro .property-detail .box ul{margin: 0 0 15px; padding: 0; list-style: none} .landing.intro .property-detail .box ul li{font-size: 16px; line-height: 26px;} .landing.intro .property-detail .box .more{color: #0770a4; text-align: left; font-size: 16px;} .landing.intro .property-detail .box .line{height: 1px; background: #CCC; width: 100%; margin: 15px 0} .landing.intro .property-detail .box p{font-size: 16px; line-height: 32px; color: #000; margin: 0} .landing.intro .property-detail .box form{font-size: 16px; line-height: 32px; color: #000} .landing.intro .property-detail .box form input[type="radio"]{display: inline-block; margin: 0; height: auto} .landing.intro .property-detail .box form span{float: right} .landing.intro .property-detail .box .blue-btn{margin: 0} .landing.intro .property-detail .box .bx-wrapper{margin: 0} .landing.intro .property-detail .box .bx-wrapper img{min-height: auto; border-radius: 20px; margin: 0 0 15px; max-height: 240px; object-fit: cover;} .about{margin: 0 0 20px; border-bottom: 1px solid #CCC; word-break: break-word;} .about h4{font-weight: bold; font-size: 22px; font-weight: 600; margin: 0 0 20px} .about ul{list-style-type: disc; margin: 0 20px 20px; padding: 0} .about ul li{list-style-type: disc; line-height: 26px;} .accessibility{margin: 0 0 40px; border-bottom: 1px solid #CCC; word-break: break-word;} .accessibility h4{font-weight: bold; font-size: 22px; font-weight: 600; margin: 0 0 20px} .accessibility ul{list-style-type: disc; margin: 0 20px 20px; padding: 0} .accessibility ul li{list-style-type: disc; line-height: 26px;} .policies{margin: 0 0 20px; border-bottom: 1px solid #CCC; word-break: break-word;} .policies h4{font-weight: bold; font-size: 22px; font-weight: 600; margin: 0 0 20px} .policies ul{list-style-type: disc; margin: 0 20px 20px; padding: 0} .policies ul li{list-style-type: disc; line-height: 26px;} .information{margin: 0 0 20px; border-bottom: 1px solid #CCC; word-break: break-word;} .information h4{font-weight: bold; font-size: 22px; font-weight: 600; margin: 0 0 20px} .good-know{margin: 0 0 20px; border-bottom: 1px solid #CCC; word-break: break-word;} .good-know h4{font-weight: bold; font-size: 22px; font-weight: 600; margin: 0 0 20px} .location{margin: 0 0 20px;} .location iframe{width: 100%;} p{font-size: 16px; line-height: 24px; color: #000; margin: 0 0 20px;} .modal.gallery .modal-dialog{max-width: 800px; width: 800px;} .modal.gallery .modal-header{background: #FFF; border-radius: 20px 20px 0 0} .modal.gallery .modal-header h4{color: #0770a4 !important} .modal.gallery .modal-header .close{color: #000; opacity: 1; text-shadow: none; width: 46px; height: 40px; background: #FFF; border-radius: 50%; font-size: 30px; line-height: 38px;position: absolute; right: 0;} .modal.gallery .modal-header .blue-btn{} .modal.gallery .modal-content{border-radius: 20px;} .modal.gallery .bx-wrapper{margin: 0} .modal.amenities .modal-dialog{max-width: 800px; width: 800px;} .modal.amenities .modal-header{background: #FFF; border-radius: 20px 20px 0 0} .modal.amenities .modal-header h4{color: #0770a4 !important} .modal.amenities .modal-header .close{color: #000; opacity: 1; text-shadow: none; width: 46px; height: 40px; background: #FFF; border-radius: 50%; font-size: 30px; line-height: 38px; position: absolute; right: 0} .modal.amenities .modal-header .blue-btn{} .modal.amenities .modal-content{border-radius: 20px;} .modal.amenities .modal-content ul{list-style-type: disc; margin: 0 20px 20px; padding: 0} .modal.amenities .modal-content ul li{list-style-type: disc; line-height: 26px;} .modal.amenities .modal-content ul.clearfix {margin: 0 0 20px; padding: 0; list-style: none; display: inline-block; width: 100%;} .modal.amenities .modal-content ul.clearfix li {font-size: 15px; color: #000; line-height: 24px; float: left; width: 50%; line-height: 30px; list-style: none;} .modal.amenities .modal-content ul.clearfix li i {margin-right: 8px; font-size: 20px;} .modal.amenities .bx-wrapper{margin: 0} .modal.property-amenities .modal-dialog{max-width: 800px; width: 800px;} .modal.property-amenities .modal-header{background: #FFF; border-radius: 20px 20px 0 0} .modal.property-amenities .modal-header h4{color: #0770a4 !important} .modal.property-amenities .modal-header .close{color: #000; opacity: 1; text-shadow: none; width: 46px; height: 46px;border-radius: 50%; font-size: 30px; line-height: 38px; position: absolute; right: 0} .modal.property-amenities .modal-header .blue-btn{} .modal.property-amenities .modal-body{border-radius: 20px;} .modal.property-amenities .modal-body h4{color: #000; font-size: 20px; font-weight: bold} .modal.property-amenities .modal-body h5{margin: 0 0 15px; font-weight: bold} .modal.property-amenities .modal-body h5 i{color: #000; margin-right: 10px; font-size: 20px;} .modal.property-amenities .modal-body ul{list-style-type: disc; margin: 0 0 20px 40px; padding: 0} .modal.property-amenities .modal-body ul li{list-style-type: disc; line-height: 26px;} .modal.property-amenities .modal-body ul.clearfix {margin: 0 0 20px; padding: 0; list-style: none; display: inline-block; width: 100%;} .modal.property-amenities .modal-body ul.clearfix li {font-size: 15px; color: #000; line-height: 24px; float: left; width: 50%; line-height: 30px; list-style: none;} .modal.property-amenities .modal-body ul.clearfix li i {margin-right: 8px; font-size: 20px;} .modal.property-amenities .modal-body .room-options{border: 1px solid #CCC; border-radius: 20px; padding: 20px;} .modal.property-amenities .modal-body .room-options ul{margin: 0 0 15px; padding: 0; list-style: none} .modal.property-amenities .modal-body .room-options ul li{font-size: 16px; line-height: 26px;} .modal.property-amenities .modal-body .room-options .more{color: #0770a4; text-align: left; font-size: 16px;} .modal.property-amenities .modal-body .room-options .line{height: 1px; background: #CCC; width: 100%; margin: 15px 0} .modal.property-amenities .modal-body .room-options p{font-size: 16px; line-height: 32px; color: #000; margin: 0} .modal.property-amenities .modal-body .room-options form{font-size: 16px; line-height: 32px; color: #000} .modal.property-amenities .modal-body .room-options form input[type="radio"]{display: inline-block; margin: 0; height: auto} .modal.property-amenities .modal-body .room-options form span{float: right} .modal.property-amenities .modal-body .room-options .blue-btn{margin: 0} .modal.property-amenities .galleryslider{margin: 0 0 20px;} .modal.property-amenities .bx-wrapper{margin: 0} .modal.reserve .modal-dialog{max-width: 800px; width: 800px;} .modal.reserve .modal-header{background: #FFF; border-radius: 20px 20px 0 0} .modal.reserve .modal-header h4{color: #0770a4 !important} .modal.reserve .modal-header .close{color: #000; opacity: 1; text-shadow: none; width: 46px; height: 46px; background: #FFF; border-radius: 50%; font-size: 30px; line-height: 38px; position: absolute; right: 0; margin-top: -10px;} .modal.reserve .modal-header .blue-btn{} .modal.reserve .modal-body{border-radius: 20px;} .modal.reserve .modal-body h4{color: #000; margin: 0 0 20px; font-size: 20px; font-weight: bold} .modal.reserve .modal-body h5{margin: 0 0 15px; font-weight: bold} .modal.reserve .modal-body .room-options{border: 1px solid #CCC; border-radius: 20px; padding: 20px; float: left; width: 48%;} .modal.reserve .modal-body .room-options:last-child{margin-left: 4%;} .modal.reserve .modal-body .room-options ul{margin: 0 0 15px; padding: 0; list-style: disc; padding-left: 15px;} .modal.reserve .modal-body .room-options ul li{font-size: 16px; line-height: 26px; position: relative; padding-left: 0px} .modal.reserve .modal-body .room-options ul li i{position: absolute; left: 0; top: 5px;} .modal.reserve .modal-body .room-options .more{color: #0770a4; text-align: left; font-size: 16px;} .modal.reserve .modal-body .room-options .line{height: 1px; background: #CCC; width: 100%; margin: 15px 0} .modal.reserve .modal-body .room-options form span{float: right} .modal.reserve .modal-body .room-options .blue-btn{margin: 0} .filter_wrapper .btnGroup .filter{color: #000; width: 70px; line-height: 40px; background: #FFFF; border-radius: 6px; padding: 0 10px; position: relative; top: 2px;} .filter_wrapper .btnGroup .filter i{margin-left: 4px;} .modal.filter-popup .modal-dialog{max-width: 600px; width: 600px;} .modal.filter-popup .modal-header{background: #FFF; border-radius: 20px 20px 0 0} .modal.filter-popup .modal-header h4{color: #0770a4 !important} .modal.filter-popup .modal-header .close{color: #000; opacity: 1; text-shadow: none; width: 46px; height: 46px; background: #FFF; border-radius: 50%; font-size: 30px; line-height: 38px; position: absolute; right: 0; top: 5px} .modal.filter-popup .modal-header .blue-btn{} .modal.filter-popup .modal-body{border-radius: 20px;} .modal.filter-popup .modal-body h4{color: #000; margin: 0 0 20px; font-size: 20px; font-weight: bold} .modal.filter-popup .modal-body form label{display: block; margin: 0 0 10px;} .modal.filter-popup .modal-body form .select{width: 100%; border: 1px solid #CCC; line-height: 46px; height: 46px; padding: 0 10px; margin: 0 0 15px;} .modal.filter-popup .modal-body ul li{list-style-type: disc; line-height: 26px;} .modal.filter-popup .modal-body ul.clearfix {margin: 0 0 20px; padding: 0; list-style: none; display: inline-block; width: 100%;} .modal.filter-popup .modal-body ul.clearfix li {font-size: 15px; color: #000; line-height: 24px; float: left; width: 50%; line-height: 30px; list-style: none;} .modal.filter-popup .modal-body ul.clearfix li i {margin-right: 8px; font-size: 20px;} .modal.filter-popup .modal-body ul.clearfix li input[type=checkbox]{display: inline-block; height: auto; margin-right: 5px;} .modal.filter-popup .modal-body .blue-btn{margin: 0} .range-slider {width: 100%; margin: auto; text-align: center; position: relative; height: 110px; position: relative} .range-slider span{display: flex; justify-content: space-between;} .range-slider span input[type=number]{border: 1px solid #CCC; width: 48%; text-align: left; padding: 0 10px; border-radius: 8px; font-size: 18px;} .range-slider svg, .range-slider input[type=range] {position: absolute; left: 0; bottom: 0; border: none;} input[type=number] {border: 1px solid #ddd; text-align: center; font-size: 1.6em; -moz-appearance: textfield;} input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;} input[type=number]:invalid, input[type=number]:out-of-range {border: 2px solid #ff6347;} input[type=range] {-webkit-appearance: none; width: 100%;} input[type=range]:focus {outline: none; } input[type=range]:focus::-webkit-slider-runnable-track {background: #2497e3;} input[type=range]:focus::-ms-fill-lower {background: #2497e3;} input[type=range]:focus::-ms-fill-upper {background: #2497e3;} input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; background: #2497e3; border-radius: 1px; box-shadow: none; border: 0; } input[type=range]::-webkit-slider-thumb { z-index: 2; position: relative; box-shadow: 0px 0px 0px #000; border: 1px solid #2497e3; height: 18px; width: 18px; border-radius: 25px; background: #a1d0ff; cursor: pointer; -webkit-appearance: none; margin-top: -7px; } input[type=range]::-moz-range-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; background: #2497e3; border-radius: 1px; box-shadow: none; border: 0; } input[type=range]::-moz-range-thumb { z-index: 2; position: relative; box-shadow: 0px 0px 0px #000; border: 1px solid #2497e3; height: 18px; width: 18px; border-radius: 25px; background: #a1d0ff; cursor: pointer; } input[type=range]::-ms-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; color: transparent; } input[type=range]::-ms-fill-lower, input[type=range]::-ms-fill-upper { background: #2497e3; border-radius: 1px; box-shadow: none; border: 0; } input[type=range]::-ms-thumb { z-index: 2; position: relative; box-shadow: 0px 0px 0px #000; border: 1px solid #2497e3; height: 18px; width: 18px; border-radius: 25px; background: #a1d0ff; cursor: pointer; } .checkout{padding: 40px 0; background: #FFF} .checkout .container{max-width: 1300px;} .checkout .left{width: 70%; float: left} .checkout .box{border: 1px solid #CCC; padding: 20px; margin: 0 0 20px; border-radius: 10px;} .checkout .box h3{font-size: 24px; font-weight: bold; margin: 0 0 20px;} .checkout .box .tag{margin: 0 0 20px; line-height: 30px} .checkout .box .tag span{display: inline-block; margin-right: 10px;} .checkout .box label{font-weight: 400; margin: 0 0 10px;} .checkout .box input[type=checkbox], .checkout .box input[type="radio"]{display: inline-block; margin: 0; height: auto;} .checkout .box .input{margin: 0 0 20px;} .checkout .box select{margin: 0 0 20px;} .checkout .box ul {margin: 0 0 20px; padding: 0; list-style: none; display: inline-block; width: 100%;} .checkout .box ul li {font-size: 15px; color: #000; line-height: 24px; line-height: 30px;} .checkout .box ul li i {margin-right: 8px; font-size: 20px;} .checkout .box .ul{list-style-type: disc; margin: 0 20px 20px; padding: 0} .checkout .box .ul li{list-style-type: disc; line-height: 26px;} .checkout .box.important-information .ul{margin: 0; padding: 0 0 0 20px;} .checkout .box .checkin{border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 15px 0; margin: 15px 0; line-height: 30px;} .checkout .box .blue-btn{margin: 0 0 20px} .checkout .right{width: 28%; float: right} .checkout .right .box{padding: 20px; margin: 0 0 20px; text-align: left; border-radius: 10px;} .checkout .right .box h4{font-weight: bold; font-size: 22px; font-weight: 600; margin: 0 0 15px;/*margin-top: revert;*/} .checkout .right .box h5{font-size: 18px; font-weight: bold; margin: 0 0 15px; color: #000} .checkout .right .box ul{margin: 0 0 15px; padding: 0; list-style: none} .checkout .right .box ul li{font-size: 16px; line-height: 26px;} .checkout .right .box .more{color: #0770a4; text-align: left; font-size: 16px;} .checkout .right .box .line{height: 1px; background: #CCC; width: 100%; margin: 15px 0} .checkout .right .box p{font-size: 16px; line-height: 26px; color: #000; margin: 0 0 20px} .checkout .right .box .bx-wrapper{margin: 0} .checkout .right .box .bx-wrapper img{min-height: auto; border-radius: 20px; margin: 0 0 15px; height: 210px; object-fit: cover;} .checkout .right .box.price-detail p span{float: right; font-weight: bold} .checkout .right .box.price-detail .total{font-size: 20px; font-weight: bold} .landing.intro .property-detail .box .room input[type="radio"]{margin: 0 10px 0 0 !important; height: auto;} .landing.intro .property-detail .box .room label{margin: 0; position: relative; top: -1px;} .landing.intro .property-detail .box .room p{ font-size: 18px; } .checkout .box .payment-icon{margin: 0 0 20px;} .checkout .right .box.contact{position: relative;} .checkout .right .box.contact ul{margin: 0; padding: 0; list-style: none} .checkout .right .box.contact ul li{position: relative; padding-left: 50px; height: 40px; margin: 10px 0 0; display: flex; align-items: center; word-break: break-word;} .checkout .right .box.contact ul li a{color: #000} .checkout .right .box.contact .icon{position: absolute; left: 0; top: 0; width: 40px !important; height: 40px; background: #febd69; border-radius: 50%; color: #FFF; text-align: center; line-height: 40px; } .checkout .right .box.contact .icon i{position: relative; left: 4px; top: 1px;} .checkout .right .box.contact span{display: block; font-weight: 600; margin: 0 0 8px; color: #0b71a2} .checkout .right .box.contact a{display: block; color: #0770a4; font-weight: bold; font-size: 18px;} header #top{height: 50px;} header #logo{margin-top: 5px;} header #header #top nav > ul > li{height: 50px;} header .store-changer-menu > ul > li > a{font-size: 16px;} .shop_title{font-size: 16px; padding: 5px 5px 0; line-height: initial;} .review_text, .review_text a, .review_text span{line-height: initial;} header #header #top nav > ul > li > a{padding: 0 15px; line-height: 50px;} header #shop-search-container{height: 50px;} header #shop-search-container{padding-top: 5px;} header #shop-search-container #searchSubmit{top: 5px} .filter_wrapper{height: 50px; padding: 3px 8px} #content{padding: 50px 0 160px} .checkout h2, .checkout h3{color: #0770a4; margin: 0 0 20px;} input, textarea, .button, select{font-size: 16px;} #content div.col-md-3 > img.product-detail-images{height: 170px;object-fit: cover;} .country { position: relative; margin: 0 auto 20px; width: 100%; } .country .select { height: 50px; border: 1px solid #b1b4b5; border-radius: 4px; background-color: #fff; padding: 0 15px; color: #000; font-size: 16px; width: 100%; line-height: 50px; } .country .select .flagstrap-icon { box-sizing: border-box; display: inline-block; margin-right: 10px; width: 16px; height: 11px; background-image: url("https://raw.githubusercontent.com/blazeworx/flagstrap/master/dist/css/flags.png"); background-repeat: no-repeat; background-color: #e3e5e7; } .country .select .flagstrap-icon.flagstrap-ad { background-position: -16px 0; } .country .select .flagstrap-icon.flagstrap-ae { background-position: -32px 0; } .country .select .flagstrap-icon.flagstrap-af { background-position: -48px 0; } .country .select .flagstrap-icon.flagstrap-ag { background-position: -64px 0; } .country .select .flagstrap-icon.flagstrap-ai { background-position: -80px 0; } .country .select .flagstrap-icon.flagstrap-al { background-position: -96px 0; } .country .select .flagstrap-icon.flagstrap-am { background-position: -112px 0; } .country .select .flagstrap-icon.flagstrap-an { background-position: -128px 0; } .country .select .flagstrap-icon.flagstrap-ao { background-position: -144px 0; } .country .select .flagstrap-icon.flagstrap-ar { background-position: -160px 0; } .country .select .flagstrap-icon.flagstrap-as { background-position: -176px 0; } .country .select .flagstrap-icon.flagstrap-at { background-position: -192px 0; } .country .select .flagstrap-icon.flagstrap-au { background-position: -208px 0; } .country .select .flagstrap-icon.flagstrap-aw { background-position: -224px 0; } .country .select .flagstrap-icon.flagstrap-az { background-position: -240px 0; } .country .select .flagstrap-icon.flagstrap-ba { background-position: 0 -11px; } .country .select .flagstrap-icon.flagstrap-bb { background-position: -16px -11px; } .country .select .flagstrap-icon.flagstrap-bd { background-position: -32px -11px; } .country .select .flagstrap-icon.flagstrap-be { background-position: -48px -11px; } .country .select .flagstrap-icon.flagstrap-bf { background-position: -64px -11px; } .country .select .flagstrap-icon.flagstrap-bg { background-position: -80px -11px; } .country .select .flagstrap-icon.flagstrap-bh { background-position: -96px -11px; } .country .select .flagstrap-icon.flagstrap-bi { background-position: -112px -11px; } .country .select .flagstrap-icon.flagstrap-bj { background-position: -128px -11px; } .country .select .flagstrap-icon.flagstrap-bm { background-position: -144px -11px; } .country .select .flagstrap-icon.flagstrap-bn { background-position: -160px -11px; } .country .select .flagstrap-icon.flagstrap-bo { background-position: -176px -11px; } .country .select .flagstrap-icon.flagstrap-br { background-position: -192px -11px; } .country .select .flagstrap-icon.flagstrap-bs { background-position: -208px -11px; } .country .select .flagstrap-icon.flagstrap-bt { background-position: -224px -11px; } .country .select .flagstrap-icon.flagstrap-bv { background-position: -240px -11px; } .country .select .flagstrap-icon.flagstrap-bw { background-position: 0 -22px; } .country .select .flagstrap-icon.flagstrap-by { background-position: -16px -22px; } .country .select .flagstrap-icon.flagstrap-bz { background-position: -32px -22px; } .country .select .flagstrap-icon.flagstrap-ca { background-position: -48px -22px; } .country .select .flagstrap-icon.flagstrap-catalonia { background-position: -64px -22px; } .country .select .flagstrap-icon.flagstrap-cd { background-position: -80px -22px; } .country .select .flagstrap-icon.flagstrap-cf { background-position: -96px -22px; } .country .select .flagstrap-icon.flagstrap-cg { background-position: -112px -22px; } .country .select .flagstrap-icon.flagstrap-ch { background-position: -128px -22px; } .country .select .flagstrap-icon.flagstrap-ci { background-position: -144px -22px; } .country .select .flagstrap-icon.flagstrap-ck { background-position: -160px -22px; } .country .select .flagstrap-icon.flagstrap-cl { background-position: -176px -22px; } .country .select .flagstrap-icon.flagstrap-cm { background-position: -192px -22px; } .country .select .flagstrap-icon.flagstrap-cn { background-position: -208px -22px; } .country .select .flagstrap-icon.flagstrap-co { background-position: -224px -22px; } .country .select .flagstrap-icon.flagstrap-cr { background-position: -240px -22px; } .country .select .flagstrap-icon.flagstrap-cu { background-position: 0 -33px; } .country .select .flagstrap-icon.flagstrap-cv { background-position: -16px -33px; } .country .select .flagstrap-icon.flagstrap-cw { background-position: -32px -33px; } .country .select .flagstrap-icon.flagstrap-cy { background-position: -48px -33px; } .country .select .flagstrap-icon.flagstrap-cz { background-position: -64px -33px; } .country .select .flagstrap-icon.flagstrap-de { background-position: -80px -33px; } .country .select .flagstrap-icon.flagstrap-dj { background-position: -96px -33px; } .country .select .flagstrap-icon.flagstrap-dk { background-position: -112px -33px; } .country .select .flagstrap-icon.flagstrap-dm { background-position: -128px -33px; } .country .select .flagstrap-icon.flagstrap-do { background-position: -144px -33px; } .country .select .flagstrap-icon.flagstrap-dz { background-position: -160px -33px; } .country .select .flagstrap-icon.flagstrap-ec { background-position: -176px -33px; } .country .select .flagstrap-icon.flagstrap-ee { background-position: -192px -33px; } .country .select .flagstrap-icon.flagstrap-eg { background-position: -208px -33px; } .country .select .flagstrap-icon.flagstrap-eh { background-position: -224px -33px; } .country .select .flagstrap-icon.flagstrap-england { background-position: -240px -33px; } .country .select .flagstrap-icon.flagstrap-er { background-position: 0 -44px; } .country .select .flagstrap-icon.flagstrap-es { background-position: -16px -44px; } .country .select .flagstrap-icon.flagstrap-et { background-position: -32px -44px; } .country .select .flagstrap-icon.flagstrap-eu { background-position: -48px -44px; } .country .select .flagstrap-icon.flagstrap-fi { background-position: -64px -44px; } .country .select .flagstrap-icon.flagstrap-fj { background-position: -80px -44px; } .country .select .flagstrap-icon.flagstrap-fk { background-position: -96px -44px; } .country .select .flagstrap-icon.flagstrap-fm { background-position: -112px -44px; } .country .select .flagstrap-icon.flagstrap-fo { background-position: -128px -44px; } .country .select .flagstrap-icon.flagstrap-fr { background-position: -144px -44px; } .country .select .flagstrap-icon.flagstrap-ga { background-position: -160px -44px; } .country .select .flagstrap-icon.flagstrap-gb { background-position: -176px -44px; } .country .select .flagstrap-icon.flagstrap-gd { background-position: -192px -44px; } .country .select .flagstrap-icon.flagstrap-ge { background-position: -208px -44px; } .country .select .flagstrap-icon.flagstrap-gf { background-position: -224px -44px; } .country .select .flagstrap-icon.flagstrap-gg { background-position: -240px -44px; } .country .select .flagstrap-icon.flagstrap-gh { background-position: 0 -55px; } .country .select .flagstrap-icon.flagstrap-gi { background-position: -16px -55px; } .country .select .flagstrap-icon.flagstrap-gl { background-position: -32px -55px; } .country .select .flagstrap-icon.flagstrap-gm { background-position: -48px -55px; } .country .select .flagstrap-icon.flagstrap-gn { background-position: -64px -55px; } .country .select .flagstrap-icon.flagstrap-gp { background-position: -80px -55px; } .country .select .flagstrap-icon.flagstrap-gq { background-position: -96px -55px; } .country .select .flagstrap-icon.flagstrap-gr { background-position: -112px -55px; } .country .select .flagstrap-icon.flagstrap-gs { background-position: -128px -55px; } .country .select .flagstrap-icon.flagstrap-gt { background-position: -144px -55px; } .country .select .flagstrap-icon.flagstrap-gu { background-position: -160px -55px; } .country .select .flagstrap-icon.flagstrap-gw { background-position: -176px -55px; } .country .select .flagstrap-icon.flagstrap-gy { background-position: -192px -55px; } .country .select .flagstrap-icon.flagstrap-hk { background-position: -208px -55px; } .country .select .flagstrap-icon.flagstrap-hm { background-position: -224px -55px; } .country .select .flagstrap-icon.flagstrap-hn { background-position: -240px -55px; } .country .select .flagstrap-icon.flagstrap-hr { background-position: 0 -66px; } .country .select .flagstrap-icon.flagstrap-ht { background-position: -16px -66px; } .country .select .flagstrap-icon.flagstrap-hu { background-position: -32px -66px; } .country .select .flagstrap-icon.flagstrap-ic { background-position: -48px -66px; } .country .select .flagstrap-icon.flagstrap-id { background-position: -64px -66px; } .country .select .flagstrap-icon.flagstrap-ie { background-position: -80px -66px; } .country .select .flagstrap-icon.flagstrap-il { background-position: -96px -66px; } .country .select .flagstrap-icon.flagstrap-im { background-position: -112px -66px; } .country .select .flagstrap-icon.flagstrap-in { background-position: -128px -66px; } .country .select .flagstrap-icon.flagstrap-io { background-position: -144px -66px; } .country .select .flagstrap-icon.flagstrap-iq { background-position: -160px -66px; } .country .select .flagstrap-icon.flagstrap-ir { background-position: -176px -66px; } .country .select .flagstrap-icon.flagstrap-is { background-position: -192px -66px; } .country .select .flagstrap-icon.flagstrap-it { background-position: -208px -66px; } .country .select .flagstrap-icon.flagstrap-je { background-position: -224px -66px; } .country .select .flagstrap-icon.flagstrap-jm { background-position: -240px -66px; } .country .select .flagstrap-icon.flagstrap-jo { background-position: 0 -77px; } .country .select .flagstrap-icon.flagstrap-jp { background-position: -16px -77px; } .country .select .flagstrap-icon.flagstrap-ke { background-position: -32px -77px; } .country .select .flagstrap-icon.flagstrap-kg { background-position: -48px -77px; } .country .select .flagstrap-icon.flagstrap-kh { background-position: -64px -77px; } .country .select .flagstrap-icon.flagstrap-ki { background-position: -80px -77px; } .country .select .flagstrap-icon.flagstrap-km { background-position: -96px -77px; } .country .select .flagstrap-icon.flagstrap-kn { background-position: -112px -77px; } .country .select .flagstrap-icon.flagstrap-kp { background-position: -128px -77px; } .country .select .flagstrap-icon.flagstrap-kr { background-position: -144px -77px; } .country .select .flagstrap-icon.flagstrap-kurdistan { background-position: -160px -77px; } .country .select .flagstrap-icon.flagstrap-kw { background-position: -176px -77px; } .country .select .flagstrap-icon.flagstrap-ky { background-position: -192px -77px; } .country .select .flagstrap-icon.flagstrap-kz { background-position: -208px -77px; } .country .select .flagstrap-icon.flagstrap-la { background-position: -224px -77px; } .country .select .flagstrap-icon.flagstrap-lb { background-position: -240px -77px; } .country .select .flagstrap-icon.flagstrap-lc { background-position: 0 -88px; } .country .select .flagstrap-icon.flagstrap-li { background-position: -16px -88px; } .country .select .flagstrap-icon.flagstrap-lk { background-position: -32px -88px; } .country .select .flagstrap-icon.flagstrap-lr { background-position: -48px -88px; } .country .select .flagstrap-icon.flagstrap-ls { background-position: -64px -88px; } .country .select .flagstrap-icon.flagstrap-lt { background-position: -80px -88px; } .country .select .flagstrap-icon.flagstrap-lu { background-position: -96px -88px; } .country .select .flagstrap-icon.flagstrap-lv { background-position: -112px -88px; } .country .select .flagstrap-icon.flagstrap-ly { background-position: -128px -88px; } .country .select .flagstrap-icon.flagstrap-ma { background-position: -144px -88px; } .country .select .flagstrap-icon.flagstrap-mc { background-position: -160px -88px; } .country .select .flagstrap-icon.flagstrap-md { background-position: -176px -88px; } .country .select .flagstrap-icon.flagstrap-me { background-position: -192px -88px; } .country .select .flagstrap-icon.flagstrap-mg { background-position: -208px -88px; } .country .select .flagstrap-icon.flagstrap-mh { background-position: -224px -88px; } .country .select .flagstrap-icon.flagstrap-mk { background-position: -240px -88px; } .country .select .flagstrap-icon.flagstrap-ml { background-position: 0 -99px; } .country .select .flagstrap-icon.flagstrap-mm { background-position: -16px -99px; } .country .select .flagstrap-icon.flagstrap-mn { background-position: -32px -99px; } .country .select .flagstrap-icon.flagstrap-mo { background-position: -48px -99px; } .country .select .flagstrap-icon.flagstrap-mp { background-position: -64px -99px; } .country .select .flagstrap-icon.flagstrap-mq { background-position: -80px -99px; } .country .select .flagstrap-icon.flagstrap-mr { background-position: -96px -99px; } .country .select .flagstrap-icon.flagstrap-ms { background-position: -112px -99px; } .country .select .flagstrap-icon.flagstrap-mt { background-position: -128px -99px; } .country .select .flagstrap-icon.flagstrap-mu { background-position: -144px -99px; } .country .select .flagstrap-icon.flagstrap-mv { background-position: -160px -99px; } .country .select .flagstrap-icon.flagstrap-mw { background-position: -176px -99px; } .country .select .flagstrap-icon.flagstrap-mx { background-position: -192px -99px; } .country .select .flagstrap-icon.flagstrap-my { background-position: -208px -99px; } .country .select .flagstrap-icon.flagstrap-mz { background-position: -224px -99px; } .country .select .flagstrap-icon.flagstrap-na { background-position: -240px -99px; } .country .select .flagstrap-icon.flagstrap-nc { background-position: 0 -110px; } .country .select .flagstrap-icon.flagstrap-ne { background-position: -16px -110px; } .country .select .flagstrap-icon.flagstrap-nf { background-position: -32px -110px; } .country .select .flagstrap-icon.flagstrap-ng { background-position: -48px -110px; } .country .select .flagstrap-icon.flagstrap-ni { background-position: -64px -110px; } .country .select .flagstrap-icon.flagstrap-nl { background-position: -80px -110px; } .country .select .flagstrap-icon.flagstrap-no { background-position: -96px -110px; } .country .select .flagstrap-icon.flagstrap-np { background-position: -112px -110px; } .country .select .flagstrap-icon.flagstrap-nr { background-position: -128px -110px; } .country .select .flagstrap-icon.flagstrap-nu { background-position: -144px -110px; } .country .select .flagstrap-icon.flagstrap-nz { background-position: -160px -110px; } .country .select .flagstrap-icon.flagstrap-om { background-position: -176px -110px; } .country .select .flagstrap-icon.flagstrap-pa { background-position: -192px -110px; } .country .select .flagstrap-icon.flagstrap-pe { background-position: -208px -110px; } .country .select .flagstrap-icon.flagstrap-pf { background-position: -224px -110px; } .country .select .flagstrap-icon.flagstrap-pg { background-position: -240px -110px; } .country .select .flagstrap-icon.flagstrap-ph { background-position: 0 -121px; } .country .select .flagstrap-icon.flagstrap-pk { background-position: -16px -121px; } .country .select .flagstrap-icon.flagstrap-pl { background-position: -32px -121px; } .country .select .flagstrap-icon.flagstrap-pm { background-position: -48px -121px; } .country .select .flagstrap-icon.flagstrap-pn { background-position: -64px -121px; } .country .select .flagstrap-icon.flagstrap-pr { background-position: -80px -121px; } .country .select .flagstrap-icon.flagstrap-ps { background-position: -96px -121px; } .country .select .flagstrap-icon.flagstrap-pt { background-position: -112px -121px; } .country .select .flagstrap-icon.flagstrap-pw { background-position: -128px -121px; } .country .select .flagstrap-icon.flagstrap-py { background-position: -144px -121px; } .country .select .flagstrap-icon.flagstrap-qa { background-position: -160px -121px; } .country .select .flagstrap-icon.flagstrap-re { background-position: -176px -121px; } .country .select .flagstrap-icon.flagstrap-ro { background-position: -192px -121px; } .country .select .flagstrap-icon.flagstrap-rs { background-position: -208px -121px; } .country .select .flagstrap-icon.flagstrap-ru { background-position: -224px -121px; } .country .select .flagstrap-icon.flagstrap-rw { background-position: -240px -121px; } .country .select .flagstrap-icon.flagstrap-sa { background-position: 0 -132px; } .country .select .flagstrap-icon.flagstrap-sb { background-position: -16px -132px; } .country .select .flagstrap-icon.flagstrap-sc { background-position: -32px -132px; } .country .select .flagstrap-icon.flagstrap-scotland { background-position: -48px -132px; } .country .select .flagstrap-icon.flagstrap-sd { background-position: -64px -132px; } .country .select .flagstrap-icon.flagstrap-se { background-position: -80px -132px; } .country .select .flagstrap-icon.flagstrap-sg { background-position: -96px -132px; } .country .select .flagstrap-icon.flagstrap-sh { background-position: -112px -132px; } .country .select .flagstrap-icon.flagstrap-si { background-position: -128px -132px; } .country .select .flagstrap-icon.flagstrap-sk { background-position: -144px -132px; } .country .select .flagstrap-icon.flagstrap-sl { background-position: -160px -132px; } .country .select .flagstrap-icon.flagstrap-sm { background-position: -176px -132px; } .country .select .flagstrap-icon.flagstrap-sn { background-position: -192px -132px; } .country .select .flagstrap-icon.flagstrap-so { background-position: -208px -132px; } .country .select .flagstrap-icon.flagstrap-somaliland { background-position: -224px -132px; } .country .select .flagstrap-icon.flagstrap-sr { background-position: -240px -132px; } .country .select .flagstrap-icon.flagstrap-ss { background-position: 0 -143px; } .country .select .flagstrap-icon.flagstrap-st { background-position: -16px -143px; } .country .select .flagstrap-icon.flagstrap-sv { background-position: -32px -143px; } .country .select .flagstrap-icon.flagstrap-sx { background-position: -48px -143px; } .country .select .flagstrap-icon.flagstrap-sy { background-position: -64px -143px; } .country .select .flagstrap-icon.flagstrap-sz { background-position: -80px -143px; } .country .select .flagstrap-icon.flagstrap-tc { background-position: -96px -143px; } .country .select .flagstrap-icon.flagstrap-td { background-position: -112px -143px; } .country .select .flagstrap-icon.flagstrap-tf { background-position: -128px -143px; } .country .select .flagstrap-icon.flagstrap-tg { background-position: -144px -143px; } .country .select .flagstrap-icon.flagstrap-th { background-position: -160px -143px; } .country .select .flagstrap-icon.flagstrap-tj { background-position: -176px -143px; } .country .select .flagstrap-icon.flagstrap-tk { background-position: -192px -143px; } .country .select .flagstrap-icon.flagstrap-tl { background-position: -208px -143px; } .country .select .flagstrap-icon.flagstrap-tm { background-position: -224px -143px; } .country .select .flagstrap-icon.flagstrap-tn { background-position: -240px -143px; } .country .select .flagstrap-icon.flagstrap-to { background-position: 0 -154px; } .country .select .flagstrap-icon.flagstrap-tr { background-position: -16px -154px; } .country .select .flagstrap-icon.flagstrap-tt { background-position: -32px -154px; } .country .select .flagstrap-icon.flagstrap-tv { background-position: -48px -154px; } .country .select .flagstrap-icon.flagstrap-tw { background-position: -64px -154px; } .country .select .flagstrap-icon.flagstrap-tz { background-position: -80px -154px; } .country .select .flagstrap-icon.flagstrap-ua { background-position: -96px -154px; } .country .select .flagstrap-icon.flagstrap-ug { background-position: -112px -154px; } .country .select .flagstrap-icon.flagstrap-um { background-position: -128px -154px; } .country .select .flagstrap-icon.flagstrap-us { background-position: -144px -154px; } .country .select .flagstrap-icon.flagstrap-uy { background-position: -160px -154px; } .country .select .flagstrap-icon.flagstrap-uz { background-position: -176px -154px; } .country .select .flagstrap-icon.flagstrap-va { background-position: -192px -154px; } .country .select .flagstrap-icon.flagstrap-vc { background-position: -208px -154px; } .country .select .flagstrap-icon.flagstrap-ve { background-position: -224px -154px; } .country .select .flagstrap-icon.flagstrap-vg { background-position: -240px -154px; } .country .select .flagstrap-icon.flagstrap-vi { background-position: 0 -165px; } .country .select .flagstrap-icon.flagstrap-vn { background-position: -16px -165px; } .country .select .flagstrap-icon.flagstrap-vu { background-position: -32px -165px; } .country .select .flagstrap-icon.flagstrap-wales { background-position: -48px -165px; } .country .select .flagstrap-icon.flagstrap-wf { background-position: -64px -165px; } .country .select .flagstrap-icon.flagstrap-ws { background-position: -80px -165px; } .country .select .flagstrap-icon.flagstrap-ye { background-position: -96px -165px; } .country .select .flagstrap-icon.flagstrap-yt { background-position: -112px -165px; } .country .select .flagstrap-icon.flagstrap-za { background-position: -128px -165px; } .country .select .flagstrap-icon.flagstrap-zanzibar { background-position: -144px -165px; } .country .select .flagstrap-icon.flagstrap-zm { background-position: -160px -165px; } .country .select .flagstrap-icon.flagstrap-zw { background-position: -176px -165px; } .country .select:after { content: ""; display: block; position: absolute; top: 18px; right: 20px; width: 8px; height: 5px; background: url("https://zinee91.dothome.co.kr/codepen/ico_updown3.png") no-repeat; } .country .select.open:after { background-position: 0 -5px; } .country .dropdown { display: none; position: absolute; top: 39px; left: 0; width: 100%; height: 225px; border: 1px solid #cfcfcf; border-top: 1px solid #a6a6a6; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); overflow-y: scroll; z-index: 1; } .country .dropdown .flagstrap-icon { box-sizing: border-box; display: inline-block; margin-right: 10px; width: 16px; height: 11px; background-image: url("https://raw.githubusercontent.com/blazeworx/flagstrap/master/dist/css/flags.png"); background-repeat: no-repeat; background-color: #e3e5e7; } .country .dropdown .flagstrap-icon.flagstrap-ad { background-position: -16px 0; } .country .dropdown .flagstrap-icon.flagstrap-ae { background-position: -32px 0; } .country .dropdown .flagstrap-icon.flagstrap-af { background-position: -48px 0; } .country .dropdown .flagstrap-icon.flagstrap-ag { background-position: -64px 0; } .country .dropdown .flagstrap-icon.flagstrap-ai { background-position: -80px 0; } .country .dropdown .flagstrap-icon.flagstrap-al { background-position: -96px 0; } .country .dropdown .flagstrap-icon.flagstrap-am { background-position: -112px 0; } .country .dropdown .flagstrap-icon.flagstrap-an { background-position: -128px 0; } .country .dropdown .flagstrap-icon.flagstrap-ao { background-position: -144px 0; } .country .dropdown .flagstrap-icon.flagstrap-ar { background-position: -160px 0; } .country .dropdown .flagstrap-icon.flagstrap-as { background-position: -176px 0; } .country .dropdown .flagstrap-icon.flagstrap-at { background-position: -192px 0; } .country .dropdown .flagstrap-icon.flagstrap-au { background-position: -208px 0; } .country .dropdown .flagstrap-icon.flagstrap-aw { background-position: -224px 0; } .country .dropdown .flagstrap-icon.flagstrap-az { background-position: -240px 0; } .country .dropdown .flagstrap-icon.flagstrap-ba { background-position: 0 -11px; } .country .dropdown .flagstrap-icon.flagstrap-bb { background-position: -16px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bd { background-position: -32px -11px; } .country .dropdown .flagstrap-icon.flagstrap-be { background-position: -48px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bf { background-position: -64px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bg { background-position: -80px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bh { background-position: -96px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bi { background-position: -112px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bj { background-position: -128px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bm { background-position: -144px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bn { background-position: -160px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bo { background-position: -176px -11px; } .country .dropdown .flagstrap-icon.flagstrap-br { background-position: -192px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bs { background-position: -208px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bt { background-position: -224px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bv { background-position: -240px -11px; } .country .dropdown .flagstrap-icon.flagstrap-bw { background-position: 0 -22px; } .country .dropdown .flagstrap-icon.flagstrap-by { background-position: -16px -22px; } .country .dropdown .flagstrap-icon.flagstrap-bz { background-position: -32px -22px; } .country .dropdown .flagstrap-icon.flagstrap-ca { background-position: -48px -22px; } .country .dropdown .flagstrap-icon.flagstrap-catalonia { background-position: -64px -22px; } .country .dropdown .flagstrap-icon.flagstrap-cd { background-position: -80px -22px; } .country .dropdown .flagstrap-icon.flagstrap-cf { background-position: -96px -22px; } .country .dropdown .flagstrap-icon.flagstrap-cg { background-position: -112px -22px; } .country .dropdown .flagstrap-icon.flagstrap-ch { background-position: -128px -22px; } .country .dropdown .flagstrap-icon.flagstrap-ci { background-position: -144px -22px; } .country .dropdown .flagstrap-icon.flagstrap-ck { background-position: -160px -22px; } .country .dropdown .flagstrap-icon.flagstrap-cl { background-position: -176px -22px; } .country .dropdown .flagstrap-icon.flagstrap-cm { background-position: -192px -22px; } .country .dropdown .flagstrap-icon.flagstrap-cn { background-position: -208px -22px; } .country .dropdown .flagstrap-icon.flagstrap-co { background-position: -224px -22px; } .country .dropdown .flagstrap-icon.flagstrap-cr { background-position: -240px -22px; } .country .dropdown .flagstrap-icon.flagstrap-cu { background-position: 0 -33px; } .country .dropdown .flagstrap-icon.flagstrap-cv { background-position: -16px -33px; } .country .dropdown .flagstrap-icon.flagstrap-cw { background-position: -32px -33px; } .country .dropdown .flagstrap-icon.flagstrap-cy { background-position: -48px -33px; } .country .dropdown .flagstrap-icon.flagstrap-cz { background-position: -64px -33px; } .country .dropdown .flagstrap-icon.flagstrap-de { background-position: -80px -33px; } .country .dropdown .flagstrap-icon.flagstrap-dj { background-position: -96px -33px; } .country .dropdown .flagstrap-icon.flagstrap-dk { background-position: -112px -33px; } .country .dropdown .flagstrap-icon.flagstrap-dm { background-position: -128px -33px; } .country .dropdown .flagstrap-icon.flagstrap-do { background-position: -144px -33px; } .country .dropdown .flagstrap-icon.flagstrap-dz { background-position: -160px -33px; } .country .dropdown .flagstrap-icon.flagstrap-ec { background-position: -176px -33px; } .country .dropdown .flagstrap-icon.flagstrap-ee { background-position: -192px -33px; } .country .dropdown .flagstrap-icon.flagstrap-eg { background-position: -208px -33px; } .country .dropdown .flagstrap-icon.flagstrap-eh { background-position: -224px -33px; } .country .dropdown .flagstrap-icon.flagstrap-england { background-position: -240px -33px; } .country .dropdown .flagstrap-icon.flagstrap-er { background-position: 0 -44px; } .country .dropdown .flagstrap-icon.flagstrap-es { background-position: -16px -44px; } .country .dropdown .flagstrap-icon.flagstrap-et { background-position: -32px -44px; } .country .dropdown .flagstrap-icon.flagstrap-eu { background-position: -48px -44px; } .country .dropdown .flagstrap-icon.flagstrap-fi { background-position: -64px -44px; } .country .dropdown .flagstrap-icon.flagstrap-fj { background-position: -80px -44px; } .country .dropdown .flagstrap-icon.flagstrap-fk { background-position: -96px -44px; } .country .dropdown .flagstrap-icon.flagstrap-fm { background-position: -112px -44px; } .country .dropdown .flagstrap-icon.flagstrap-fo { background-position: -128px -44px; } .country .dropdown .flagstrap-icon.flagstrap-fr { background-position: -144px -44px; } .country .dropdown .flagstrap-icon.flagstrap-ga { background-position: -160px -44px; } .country .dropdown .flagstrap-icon.flagstrap-gb { background-position: -176px -44px; } .country .dropdown .flagstrap-icon.flagstrap-gd { background-position: -192px -44px; } .country .dropdown .flagstrap-icon.flagstrap-ge { background-position: -208px -44px; } .country .dropdown .flagstrap-icon.flagstrap-gf { background-position: -224px -44px; } .country .dropdown .flagstrap-icon.flagstrap-gg { background-position: -240px -44px; } .country .dropdown .flagstrap-icon.flagstrap-gh { background-position: 0 -55px; } .country .dropdown .flagstrap-icon.flagstrap-gi { background-position: -16px -55px; } .country .dropdown .flagstrap-icon.flagstrap-gl { background-position: -32px -55px; } .country .dropdown .flagstrap-icon.flagstrap-gm { background-position: -48px -55px; } .country .dropdown .flagstrap-icon.flagstrap-gn { background-position: -64px -55px; } .country .dropdown .flagstrap-icon.flagstrap-gp { background-position: -80px -55px; } .country .dropdown .flagstrap-icon.flagstrap-gq { background-position: -96px -55px; } .country .dropdown .flagstrap-icon.flagstrap-gr { background-position: -112px -55px; } .country .dropdown .flagstrap-icon.flagstrap-gs { background-position: -128px -55px; } .country .dropdown .flagstrap-icon.flagstrap-gt { background-position: -144px -55px; } .country .dropdown .flagstrap-icon.flagstrap-gu { background-position: -160px -55px; } .country .dropdown .flagstrap-icon.flagstrap-gw { background-position: -176px -55px; } .country .dropdown .flagstrap-icon.flagstrap-gy { background-position: -192px -55px; } .country .dropdown .flagstrap-icon.flagstrap-hk { background-position: -208px -55px; } .country .dropdown .flagstrap-icon.flagstrap-hm { background-position: -224px -55px; } .country .dropdown .flagstrap-icon.flagstrap-hn { background-position: -240px -55px; } .country .dropdown .flagstrap-icon.flagstrap-hr { background-position: 0 -66px; } .country .dropdown .flagstrap-icon.flagstrap-ht { background-position: -16px -66px; } .country .dropdown .flagstrap-icon.flagstrap-hu { background-position: -32px -66px; } .country .dropdown .flagstrap-icon.flagstrap-ic { background-position: -48px -66px; } .country .dropdown .flagstrap-icon.flagstrap-id { background-position: -64px -66px; } .country .dropdown .flagstrap-icon.flagstrap-ie { background-position: -80px -66px; } .country .dropdown .flagstrap-icon.flagstrap-il { background-position: -96px -66px; } .country .dropdown .flagstrap-icon.flagstrap-im { background-position: -112px -66px; } .country .dropdown .flagstrap-icon.flagstrap-in { background-position: -128px -66px; } .country .dropdown .flagstrap-icon.flagstrap-io { background-position: -144px -66px; } .country .dropdown .flagstrap-icon.flagstrap-iq { background-position: -160px -66px; } .country .dropdown .flagstrap-icon.flagstrap-ir { background-position: -176px -66px; } .country .dropdown .flagstrap-icon.flagstrap-is { background-position: -192px -66px; } .country .dropdown .flagstrap-icon.flagstrap-it { background-position: -208px -66px; } .country .dropdown .flagstrap-icon.flagstrap-je { background-position: -224px -66px; } .country .dropdown .flagstrap-icon.flagstrap-jm { background-position: -240px -66px; } .country .dropdown .flagstrap-icon.flagstrap-jo { background-position: 0 -77px; } .country .dropdown .flagstrap-icon.flagstrap-jp { background-position: -16px -77px; } .country .dropdown .flagstrap-icon.flagstrap-ke { background-position: -32px -77px; } .country .dropdown .flagstrap-icon.flagstrap-kg { background-position: -48px -77px; } .country .dropdown .flagstrap-icon.flagstrap-kh { background-position: -64px -77px; } .country .dropdown .flagstrap-icon.flagstrap-ki { background-position: -80px -77px; } .country .dropdown .flagstrap-icon.flagstrap-km { background-position: -96px -77px; } .country .dropdown .flagstrap-icon.flagstrap-kn { background-position: -112px -77px; } .country .dropdown .flagstrap-icon.flagstrap-kp { background-position: -128px -77px; } .country .dropdown .flagstrap-icon.flagstrap-kr { background-position: -144px -77px; } .country .dropdown .flagstrap-icon.flagstrap-kurdistan { background-position: -160px -77px; } .country .dropdown .flagstrap-icon.flagstrap-kw { background-position: -176px -77px; } .country .dropdown .flagstrap-icon.flagstrap-ky { background-position: -192px -77px; } .country .dropdown .flagstrap-icon.flagstrap-kz { background-position: -208px -77px; } .country .dropdown .flagstrap-icon.flagstrap-la { background-position: -224px -77px; } .country .dropdown .flagstrap-icon.flagstrap-lb { background-position: -240px -77px; } .country .dropdown .flagstrap-icon.flagstrap-lc { background-position: 0 -88px; } .country .dropdown .flagstrap-icon.flagstrap-li { background-position: -16px -88px; } .country .dropdown .flagstrap-icon.flagstrap-lk { background-position: -32px -88px; } .country .dropdown .flagstrap-icon.flagstrap-lr { background-position: -48px -88px; } .country .dropdown .flagstrap-icon.flagstrap-ls { background-position: -64px -88px; } .country .dropdown .flagstrap-icon.flagstrap-lt { background-position: -80px -88px; } .country .dropdown .flagstrap-icon.flagstrap-lu { background-position: -96px -88px; } .country .dropdown .flagstrap-icon.flagstrap-lv { background-position: -112px -88px; } .country .dropdown .flagstrap-icon.flagstrap-ly { background-position: -128px -88px; } .country .dropdown .flagstrap-icon.flagstrap-ma { background-position: -144px -88px; } .country .dropdown .flagstrap-icon.flagstrap-mc { background-position: -160px -88px; } .country .dropdown .flagstrap-icon.flagstrap-md { background-position: -176px -88px; } .country .dropdown .flagstrap-icon.flagstrap-me { background-position: -192px -88px; } .country .dropdown .flagstrap-icon.flagstrap-mg { background-position: -208px -88px; } .country .dropdown .flagstrap-icon.flagstrap-mh { background-position: -224px -88px; } .country .dropdown .flagstrap-icon.flagstrap-mk { background-position: -240px -88px; } .country .dropdown .flagstrap-icon.flagstrap-ml { background-position: 0 -99px; } .country .dropdown .flagstrap-icon.flagstrap-mm { background-position: -16px -99px; } .country .dropdown .flagstrap-icon.flagstrap-mn { background-position: -32px -99px; } .country .dropdown .flagstrap-icon.flagstrap-mo { background-position: -48px -99px; } .country .dropdown .flagstrap-icon.flagstrap-mp { background-position: -64px -99px; } .country .dropdown .flagstrap-icon.flagstrap-mq { background-position: -80px -99px; } .country .dropdown .flagstrap-icon.flagstrap-mr { background-position: -96px -99px; } .country .dropdown .flagstrap-icon.flagstrap-ms { background-position: -112px -99px; } .country .dropdown .flagstrap-icon.flagstrap-mt { background-position: -128px -99px; } .country .dropdown .flagstrap-icon.flagstrap-mu { background-position: -144px -99px; } .country .dropdown .flagstrap-icon.flagstrap-mv { background-position: -160px -99px; } .country .dropdown .flagstrap-icon.flagstrap-mw { background-position: -176px -99px; } .country .dropdown .flagstrap-icon.flagstrap-mx { background-position: -192px -99px; } .country .dropdown .flagstrap-icon.flagstrap-my { background-position: -208px -99px; } .country .dropdown .flagstrap-icon.flagstrap-mz { background-position: -224px -99px; } .country .dropdown .flagstrap-icon.flagstrap-na { background-position: -240px -99px; } .country .dropdown .flagstrap-icon.flagstrap-nc { background-position: 0 -110px; } .country .dropdown .flagstrap-icon.flagstrap-ne { background-position: -16px -110px; } .country .dropdown .flagstrap-icon.flagstrap-nf { background-position: -32px -110px; } .country .dropdown .flagstrap-icon.flagstrap-ng { background-position: -48px -110px; } .country .dropdown .flagstrap-icon.flagstrap-ni { background-position: -64px -110px; } .country .dropdown .flagstrap-icon.flagstrap-nl { background-position: -80px -110px; } .country .dropdown .flagstrap-icon.flagstrap-no { background-position: -96px -110px; } .country .dropdown .flagstrap-icon.flagstrap-np { background-position: -112px -110px; } .country .dropdown .flagstrap-icon.flagstrap-nr { background-position: -128px -110px; } .country .dropdown .flagstrap-icon.flagstrap-nu { background-position: -144px -110px; } .country .dropdown .flagstrap-icon.flagstrap-nz { background-position: -160px -110px; } .country .dropdown .flagstrap-icon.flagstrap-om { background-position: -176px -110px; } .country .dropdown .flagstrap-icon.flagstrap-pa { background-position: -192px -110px; } .country .dropdown .flagstrap-icon.flagstrap-pe { background-position: -208px -110px; } .country .dropdown .flagstrap-icon.flagstrap-pf { background-position: -224px -110px; } .country .dropdown .flagstrap-icon.flagstrap-pg { background-position: -240px -110px; } .country .dropdown .flagstrap-icon.flagstrap-ph { background-position: 0 -121px; } .country .dropdown .flagstrap-icon.flagstrap-pk { background-position: -16px -121px; } .country .dropdown .flagstrap-icon.flagstrap-pl { background-position: -32px -121px; } .country .dropdown .flagstrap-icon.flagstrap-pm { background-position: -48px -121px; } .country .dropdown .flagstrap-icon.flagstrap-pn { background-position: -64px -121px; } .country .dropdown .flagstrap-icon.flagstrap-pr { background-position: -80px -121px; } .country .dropdown .flagstrap-icon.flagstrap-ps { background-position: -96px -121px; } .country .dropdown .flagstrap-icon.flagstrap-pt { background-position: -112px -121px; } .country .dropdown .flagstrap-icon.flagstrap-pw { background-position: -128px -121px; } .country .dropdown .flagstrap-icon.flagstrap-py { background-position: -144px -121px; } .country .dropdown .flagstrap-icon.flagstrap-qa { background-position: -160px -121px; } .country .dropdown .flagstrap-icon.flagstrap-re { background-position: -176px -121px; } .country .dropdown .flagstrap-icon.flagstrap-ro { background-position: -192px -121px; } .country .dropdown .flagstrap-icon.flagstrap-rs { background-position: -208px -121px; } .country .dropdown .flagstrap-icon.flagstrap-ru { background-position: -224px -121px; } .country .dropdown .flagstrap-icon.flagstrap-rw { background-position: -240px -121px; } .country .dropdown .flagstrap-icon.flagstrap-sa { background-position: 0 -132px; } .country .dropdown .flagstrap-icon.flagstrap-sb { background-position: -16px -132px; } .country .dropdown .flagstrap-icon.flagstrap-sc { background-position: -32px -132px; } .country .dropdown .flagstrap-icon.flagstrap-scotland { background-position: -48px -132px; } .country .dropdown .flagstrap-icon.flagstrap-sd { background-position: -64px -132px; } .country .dropdown .flagstrap-icon.flagstrap-se { background-position: -80px -132px; } .country .dropdown .flagstrap-icon.flagstrap-sg { background-position: -96px -132px; } .country .dropdown .flagstrap-icon.flagstrap-sh { background-position: -112px -132px; } .country .dropdown .flagstrap-icon.flagstrap-si { background-position: -128px -132px; } .country .dropdown .flagstrap-icon.flagstrap-sk { background-position: -144px -132px; } .country .dropdown .flagstrap-icon.flagstrap-sl { background-position: -160px -132px; } .country .dropdown .flagstrap-icon.flagstrap-sm { background-position: -176px -132px; } .country .dropdown .flagstrap-icon.flagstrap-sn { background-position: -192px -132px; } .country .dropdown .flagstrap-icon.flagstrap-so { background-position: -208px -132px; } .country .dropdown .flagstrap-icon.flagstrap-somaliland { background-position: -224px -132px; } .country .dropdown .flagstrap-icon.flagstrap-sr { background-position: -240px -132px; } .country .dropdown .flagstrap-icon.flagstrap-ss { background-position: 0 -143px; } .country .dropdown .flagstrap-icon.flagstrap-st { background-position: -16px -143px; } .country .dropdown .flagstrap-icon.flagstrap-sv { background-position: -32px -143px; } .country .dropdown .flagstrap-icon.flagstrap-sx { background-position: -48px -143px; } .country .dropdown .flagstrap-icon.flagstrap-sy { background-position: -64px -143px; } .country .dropdown .flagstrap-icon.flagstrap-sz { background-position: -80px -143px; } .country .dropdown .flagstrap-icon.flagstrap-tc { background-position: -96px -143px; } .country .dropdown .flagstrap-icon.flagstrap-td { background-position: -112px -143px; } .country .dropdown .flagstrap-icon.flagstrap-tf { background-position: -128px -143px; } .country .dropdown .flagstrap-icon.flagstrap-tg { background-position: -144px -143px; } .country .dropdown .flagstrap-icon.flagstrap-th { background-position: -160px -143px; } .country .dropdown .flagstrap-icon.flagstrap-tj { background-position: -176px -143px; } .country .dropdown .flagstrap-icon.flagstrap-tk { background-position: -192px -143px; } .country .dropdown .flagstrap-icon.flagstrap-tl { background-position: -208px -143px; } .country .dropdown .flagstrap-icon.flagstrap-tm { background-position: -224px -143px; } .country .dropdown .flagstrap-icon.flagstrap-tn { background-position: -240px -143px; } .country .dropdown .flagstrap-icon.flagstrap-to { background-position: 0 -154px; } .country .dropdown .flagstrap-icon.flagstrap-tr { background-position: -16px -154px; } .country .dropdown .flagstrap-icon.flagstrap-tt { background-position: -32px -154px; } .country .dropdown .flagstrap-icon.flagstrap-tv { background-position: -48px -154px; } .country .dropdown .flagstrap-icon.flagstrap-tw { background-position: -64px -154px; } .country .dropdown .flagstrap-icon.flagstrap-tz { background-position: -80px -154px; } .country .dropdown .flagstrap-icon.flagstrap-ua { background-position: -96px -154px; } .country .dropdown .flagstrap-icon.flagstrap-ug { background-position: -112px -154px; } .country .dropdown .flagstrap-icon.flagstrap-um { background-position: -128px -154px; } .country .dropdown .flagstrap-icon.flagstrap-us { background-position: -144px -154px; } .country .dropdown .flagstrap-icon.flagstrap-uy { background-position: -160px -154px; } .country .dropdown .flagstrap-icon.flagstrap-uz { background-position: -176px -154px; } .country .dropdown .flagstrap-icon.flagstrap-va { background-position: -192px -154px; } .country .dropdown .flagstrap-icon.flagstrap-vc { background-position: -208px -154px; } .country .dropdown .flagstrap-icon.flagstrap-ve { background-position: -224px -154px; } .country .dropdown .flagstrap-icon.flagstrap-vg { background-position: -240px -154px; } .country .dropdown .flagstrap-icon.flagstrap-vi { background-position: 0 -165px; } .country .dropdown .flagstrap-icon.flagstrap-vn { background-position: -16px -165px; } .country .dropdown .flagstrap-icon.flagstrap-vu { background-position: -32px -165px; } .country .dropdown .flagstrap-icon.flagstrap-wales { background-position: -48px -165px; } .country .dropdown .flagstrap-icon.flagstrap-wf { background-position: -64px -165px; } .country .dropdown .flagstrap-icon.flagstrap-ws { background-position: -80px -165px; } .country .dropdown .flagstrap-icon.flagstrap-ye { background-position: -96px -165px; } .country .dropdown .flagstrap-icon.flagstrap-yt { background-position: -112px -165px; } .country .dropdown .flagstrap-icon.flagstrap-za { background-position: -128px -165px; } .country .dropdown .flagstrap-icon.flagstrap-zanzibar { background-position: -144px -165px; } .country .dropdown .flagstrap-icon.flagstrap-zm { background-position: -160px -165px; } .country .dropdown .flagstrap-icon.flagstrap-zw { background-position: -176px -165px; } .country .dropdown .flagstrap-icon { vertical-align: middle; } .country .dropdown li { padding: 0 20px; line-height: 34px; font-size: 13px; font-weight: 400; color: #828282; cursor: pointer; } .country .dropdown li:first-child { margin-top: 12px; } .country .dropdown li:last-child { margin-bottom: 12px; } .country .dropdown li:hover { background: #dedede; color: #454545; } .country .dropdown li.open { display: block; } .process{position: relative; margin: 0 0 30px;} .process ul{list-style: none; margin: 0; padding: 0} .process ul li{list-style: none; width: 33%; float: left; text-align: center; position: relative} .process ul li:after{background: #CCC; width: 100%; position: absolute; left: 0; top: 16px; content: ''; height: 2px; left: 50%} .process ul li span{width: 34px; height: 34px; border-radius: 50%; background: #FFF; border: 1px solid #CCC; display: inline-block; line-height: 31px; position: relative; z-index: 1} .process ul li h4{font-size: 16px; font-weight: bold; color: #999;} .process ul li:last-child:after{display: none} .process ul li.active span{background: #0770a4; border: 1px solid #0770a4; color: #FFF} .process ul li.active h4{color: #0770a4} .process ul li.active:after{background: #0770a4} .confirmation{padding: 40px 0 !important; background: #FFF} .confirmation .container{max-width: 1300px;} .confirmation .left{width: 70%; float: left} .confirmation .box{border: 1px solid #CCC; padding: 20px 100px; margin: 0 0 20px; border-radius: 10px; text-align: center} .confirmation .box h3{font-size: 24px; font-weight: bold; margin: 0;} .confirmation .box h4{color: #0b71a2; font-size: 20px; font-weight: bold} .confirmation .booking{background: #f1f1f1; border: 1px dashed #CCC; border-radius: 10px; margin: 20px auto; padding: 20px 50px;} .confirmation .booking span{display: block; font-weight: bold; margin: 0 0 10px;} .confirmation ul li{text-align: left;} .confirmation ul li a{color: #84c449} .confirmation .white-btn, .confirmation .blue-btn{margin: 0 10px;} .store-info-wrapper .blue-btn{float: right; position: relative; top: -46px;} #delivery-area-form{/*display: flex;*/ align-items: center; flex-wrap: wrap;} #delivery-area-form .detail-address a{width: 50px; height: 50px;} div.details div.overview > div.detail-address{position: sticky; top: 50px; z-index: 10; margin: 2px; margin-top: 10px !important; line-height: 1.3;} .modal.filter-popup .modal-body form label {display: flex;align-items:center;} .modal.filter-popup .modal-body form label > input[type=checkbox] {margin: 0 9px 0 0;} .confirmation div.process-confirmation ul li{text-align:center;} .store-info-row > .content p {margin: 10px 0px 10px 0px;} .detail-search-form #area-selection{margin-top: 10px !important;} #room div.room-details > ul > li{line-height: 2;} /*#payment-card{height: auto; display: inline-block; width: 100%;}*/ #content div.right div.coupon-row{height: 45px;} /* old value 116 */ .shop_list_wrapper .left-map{top: 50px} .shop_list_wrapper .left-map{height: calc(100vh - 50px) !important} .shop_list_wrapper .right-address{margin-top: 116px; top: auto; min-height: calc(100vh - 386px) !important;} #content {padding: 50px 0 60px;} .property-detail .banner{margin: 90px 0 40px} .about .col-md-9 .about{width: 100% !important} .about .col-md-9 .about .col-md-9{width: 100% !important; padding: 0 !important} .accessibility .col-md-9 .about{width: 100% !important} .information .col-md-9 .about .col-md-9{width: 100% !important; padding: 0 !important} .information .col-md-9 .about{width: 100% !important} .accessibility .col-md-9 .about .col-md-9{width: 100% !important; padding: 0 !important} .good-know .col-md-9 .about{width: 100% !important} .good-know .col-md-9 .about .col-md-9{width: 100% !important; padding: 0 !important} .location .col-md-9 .about{width: 100% !important} .location .col-md-9 .about .col-md-9{width: 100% !important; padding: 0 !important} .bx-wrapper img{height: auto; min-height: auto;} #content div.right div.coupon-row .btn-warning{height: 50px; line-height: 50px; padding: 0 20px;} #content div.right div.coupon-row{height: auto; display: inline-block; width: 100%;} /*.checkout .left .box#important-info div{width: 100% !important;}*/ header #header{z-index: 101} .price-btn{text-align: center; width: 160px; position: absolute; right: 0; bottom: 20px;} .store-info-wrapper .price-btn .blue-btn{float: none; top: auto; margin: 0} .store-info-wrapper .price-btn .price{display: block; padding: 10px 0} .store-info-wrapper .price-btn span.tax{color:#0770a4; padding: 0;} .store-info-wrapper .price-btn div.price-text{color:#0770a4; padding: 0; margin-bottom: 10px;} .modal.property-amenities .modal-body ul.slick-slider{margin: 0} /*.modal.property-amenities .modal-body ul.slick-slider li{height: 500px; overflow: hidden}*/ .modal.property-amenities .modal-body ul.slick-slider img{width: 100%; height: 500px !important; object-fit: contain;} #home_slider .bx-wrapper ul li img{height: 700px; object-fit: cover;} .landing.intro #content{display: inline-block; height: auto; background: #FFF;} .property-amenities .slick-prev, .property-amenities .slick-next{width: 30px; height: 30px;} .property-amenities .slick-prev{left: 15px;} .property-amenities .slick-next{left: auto; right: 15px;} .landing.intro .property-detail .box .room-details .bx-wrapper .bx-viewport{min-height: 255px;} .checkout .box.important-information div{width: auto !important;} #contact-form div.rightt > h2.list-property-title{ font-size: 30px; } section.delivery-area-form-grid{ top: 16px !important;} header #header #top nav > ul > li:first-child a{display: flex} #call-us-phone-icon{color: white; transform: rotate(90deg); float: left; position: relative; left: -10px;} header #header #top nav .call-us-phone-box .call-us-phone-number, header #header #top nav .call-us-phone-box .call-us-phone-text{color: #FFF; display: block; text-align: left;line-height: 24px; margin-left: 20px;} header #header #top nav .call-us-phone-box .call-us-phone-number{font-size: 17px;} header #header #top nav .call-us-phone-box .call-us-phone-text{font-size: 14px;} .detail-heading{width: 90%; display: flex; align-content: center; align-items: center; justify-content : space-between;} .property-detail .banner div{margin: 0} div.store-address > ul > li > h4.list-location-text{ font-weight: 400; font-size: 15px; color: #000; line-height: 24px; margin: 2px; margin-left: 0;} #reserve div.modal-body.clearfix div.first-room-option > div.first-line{ margin-top : 42px; } #home_slider{position: relative} #home_slider:before {background: transparent; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: '';z-index: 1;} .main-slider .slider-text{position: relative; z-index: 1} .good-know .amenities-masonry div {top: 0 !important;} .amenities-masonry div h3 div{top: 0 !important; text-align: left;} .amenities-masonry div ul li div{top: 0 !important; text-align: left; width: auto !important;} header #logo span{position: relative; top: -2px; display: block;} header #logo {margin: 2px 0;} header #logo img { height: 20px !important; } header #logo { margin: 15px 0 !important; }