MAINHACK

Viewing / Editing File: style.css

body{width: 100%; background:#fff ; padding: 0; margin: 0; font-family: "Palanquin", sans-serif; }
a{text-decoration: none !important; border: none; outline: none; outline: none; font-family: "Palanquin", sans-serif;font-family: "Palanquin", sans-serif; transition: all 600ms ease-in-out;}
h1, h2, h3, h4, h5, h6, p{ padding: 0; margin: 0; font-family: "Palanquin", sans-serif; }
ul{ padding: 0; margin: 0; }
li{ list-style: none; border: none; outline: none; font-family: "Palanquin", sans-serif; }
*{padding: 0;margin: 0;}
/*.container{ width: 1370px; }*/

/*.goog-te-gadget-icon {
  display:none;
}

.goog-te-gadget-simple {
    background-color: #037aa2 !important;
    border:0 !important;
    font-size: 10pt;
   font-weight:800;
    display: inline-block;
    padding:10px 10px !important;
    cursor: pointer;
    zoom: 1;
}

.goog-te-gadget-simple  span {
   color:#fff !important; font-weight: 400; font-size: 16px; line-height: 18px;

}*/

.header{ width: 100%; position: sticky; top: 0; left: 0; right: 0; background: #313a49/*001125*/; display: block; padding: 10px 0; margin: 0; z-index: 999; border-bottom: 2px solid #ccc; }
.header .logo{ width: 100%; padding: 0; margin: 0 auto; display: block; }
.header .logo img{ width: 100%; }
.header .menu{ width: 100%; text-align: center;  padding: 35px 0 0; margin: 0; /*border-top: 1px solid #dfdfdf;*/ /*border-bottom: 1px solid #dfdfdf;*/ }
.header .menu ul.sf-menu{  padding: 0; display: inline-block; }
/*.header-bottom-block .menu ul.sf-menu a { font-family: 'Open Sans', sans-serif; position: relative; display: block; text-align: center; background: none; border-radius: 30px; transition: .5s; color: #037aa2; border: none; padding: 0 10px; margin: 0; font-size: 17px; line-height: 20px; font-weight: bold; }*/
.sf-menu li { display: block; float: left; padding: 0 5px; margin: 0; border-right: 1px solid #b4b4b4; }
.sf-menu li:nth-child(2){ border-right: none; }
.sf-menu li ul li { padding: 0 !important; margin: 0 !important; float: none; text-align: left; border: none; }

.header .log-in{ float: right; width: 100%; display: inline-block; text-align: center; padding: 27px 0 0; }

.header .log-in .dropdown { position: relative; display: inline-block; width: 100%; text-align: right; } 
.header .log-in .dropdown .dropbtn{border: none; outline: none; text-decoration: none; font-size: 15px; vertical-align: text-top; padding: 0; color: #fff; line-height: 9px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: 400; display: block; width: 100%; background: none; text-align: right; }
.header .log-in .dropdown .dropbtn i.fa{ width: 30px; height: 30px; border-radius: 50px; padding: 5px; background-color: #f14902; color: #e7f3f7; font-size: 17px; line-height: 19px; margin: 0 0 0 10px; text-align: center; }
.header .log-in .dropdown .dropbtn:hover { transition: all 300ms ease-in-out;  }
.header .log-in .dropdown .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); z-index: 1; transition: color 0.25s ease-in-out, border-radius: 4px 0px 4px 4px; background-color: #333; left: 0px; }

.header .log-in .dropdown-content ul.log-sing { margin: 0; list-style-type: none; z-index: 100; width: 100%; float: left; padding: 4px 0 10px; border-top: 2px solid #f14902; }

.header .log-in .dropdown-content ul.log-sing li { float: left !important; width: 100%; text-align: left !important; }
.header .log-in .dropdown-content ul.log-sing li a { width: 100%; display: block; line-height: 32px; color: #f14902; font-size: 13px; text-decoration: none; border-radius: 0px !important; padding: 0 0 0 20px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: bold; text-transform: uppercase; }

.header .log-in .dropdown-content ul.log-sing li a i { margin-right: 15px; font-size: 14px; line-height: 30px; color: #f14902; }
.header .log-in .dropdown .dropdown-content a:hover {background: #000; transition: all 300ms ease-in-out; color: #fff; }
.header .log-in .dropdown:hover .dropdown-content { display: block; }

/*Login Start*/
.log-in-block{ width: 100%; position: relative; background: #ffffffe0; padding: 60px 0; margin: 0; display: block;  }
.log-in-block .log-in-box-content{ width: 60%; display: block; margin: 0 auto; background: #fff; border: 1px solid #ccc; border-radius: 10px; overflow: hidden; box-shadow: 0 0 5px #ccc; }
.log-in-block .log-in-box-content p{ font-size: 16px; line-height: 24px; color: #6b6b6b; padding: 0 15px 20px; margin: 0; text-align: justify; }
.log-in-block .log-in-box-content p a{ color: #00a4e4; transition: all 500ms ease-in-out; }
.log-in-block .log-in-box-content p a:hover{ color: #f14902; transition: all 500ms ease-in-out; }

.log-in-block .log-in-box-content .log-left{ width: 50%; float: left; padding: 20px 0; margin: 0; }
.log-in-block .log-in-box-content .log-left form{ width: 90%; display: block; padding: 0; margin: 0 auto; }
.log-in-block .log-in-box-content .log-left form h4{ font-size: 24px; line-height: 28px; color: #000; padding: 0 0 5px; margin: 0; font-weight: 400; }
.log-in-block .log-in-box-content .log-left form p{ font-size: 16px; line-height: 24px; color: #6b6b6b; padding: 0 0 15px; margin: 0; }
.log-in-block .log-in-box-content .log-left form p a{ color: #00a4e4; transition: all 500ms ease-in-out; }
.log-in-block .log-in-box-content .log-left form p a:hover{ color: #f14902; transition: all 500ms ease-in-out; }
.log-in-block .log-in-box-content .log-left form .fill-form{ width: 100%; border-radius: 6px; border: 1px solid #ccc; padding: 0; margin: 15px 0 ; overflow: hidden; }
.log-in-block .log-in-box-content .log-left form .fill-form i{ width: 13%; float: left; padding: 7px 6px; margin: 0; color: #a4a4a4; font-size: 18px; border-right: 1px solid #ccc; text-align: center; height: 35px; }
.log-in-block .log-in-box-content .log-left form .fill-form input{ width: 87%; border: none; background: none; outline: none; font-size: 16px; line-height: 20px; color: #5d5d5d; padding: 6px; margin: 0; height: 35px; }
.log-in-block .log-in-box-content .log-left form .fill-form select{ width: 87%; border: none; background: none; outline: none; font-size: 16px; line-height: 0; color: #5d5d5d; padding: 6px; margin: 0; height: 35px; }
.log-in-block .log-in-box-content .log-left form .fill-form select option{  }
.log-in-block .log-in-box-content .log-left form .checkbox{ width: 50%; border: none; padding: 0; margin: 0; display: inline-block; }
.log-in-block .log-in-box-content .log-left form .checkbox input{ width: 9%; float: left; position: relative; top: 5px; height: auto; }
.log-in-block .log-in-box-content .log-left form .checkbox a{ width: 86%; float: right; font-size: 15px; line-height: 20px; color: #5d5d5d; padding: 0; margin: 0; }
.log-in-block .log-in-box-content .log-left form .forget{ width: 50%; border: none; padding: 0; margin: 0; float: right; text-align: right; }
.log-in-block .log-in-box-content .log-left form .forget a{ font-size: 15px; line-height: 20px; color: #00a4e4; padding: 0; margin: 0; }
.log-in-block .log-in-box-content .log-left form .forget a:hover{ color: #f14902; transition: all 500ms ease-in-out; }
.log-in-block .log-in-box-content .log-left form .log-in-btn{ width: 100%; padding: 0; border: none; border-radius: 0; margin: 30px 0 0; }
.log-in-block .log-in-box-content .log-left form .log-in-btn input[type="submit"]{ width: 100%; background: #f14902; color: #fff; padding: 10px; text-align: center; outline: none; border: none; font-size: 16px; font-weight: bold; line-height: 18px; margin: 0; display: inline-block; transition: all 400ms ease-in-out; text-transform: uppercase; }
.log-in-block .log-in-box-content .log-left form .log-in-btn input[type="submit"]:hover{ letter-spacing: 2px; transition: all 400ms ease-in-out; }

.log-in-block .log-in-box-content .log-right{ width: 49%; display: inline-block; padding: 10px; }
.log-in-block .log-in-box-content .log-right img{ width: 100%; }

/*Preference*/
.preference{ width: 100%; position: relative; display: block; background: url(../images/preference-banner.png) no-repeat top left; background-size: cover; padding: 60px 0; margin: 0; z-index: 9; }

.preference .list-preference{ width: 70%; display: block; margin: 0 auto; background: #ffffff4f; border: 1px solid #ccc; border-radius: 10px; overflow: hidden; box-shadow: 0 0 5px #ccc;  padding: 15px;}
.preference .list-preference form{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.preference .list-preference form h4{ font-size: 24px; line-height: 28px; color: #000; padding: 0 0 5px; margin: 0; font-weight: 400; }
.preference .list-preference form p{ font-size: 16px; line-height: 24px; color: #6b6b6b; padding: 0 0 15px; margin: 0; }
.preference .list-preference form .list-preference-block{ width: 33%; float: left; padding: 20px 0; margin: 0; display: inline-block; }
.preference .list-preference form .list-preference-block p{ font-size: 17px; line-height: 20px; font-weight: 400; padding: 0 0 14px; margin: 0; color: #001125; }
.preference .list-preference form .list-preference-block input#age{ font-size: 14px; line-height: 16px; width: 90%; padding: 6px 10px; margin: 0 9px 0 0; height: 35px; background: #fff; border: 1px solid #ccc; outline: none; color: #000; }
.preference .list-preference form .list-preference-block input#age:nth-child(3){ margin: 0; }
.preference .list-preference form .list-preference-block label{ font-size: 14px; line-height: 18px; color: #525252; font-weight: 400; }
.preference .list-preference form .list-preference-block input#location{ font-size: 14px; line-height: 16px; width: 90%; padding: 6px 10px; margin: 0 9px 0 0; height: 35px; background: #fff; border: 1px solid #ccc; outline: none; color: #000; }
.preference .list-preference form .list-preference-block select{ font-size: 14px; line-height: 16px; width: 90%; padding: 6px 10px; margin: 0 9px 0 0; height: 35px; background: #fff; border: 1px solid #ccc; outline: none; color: #000; }
.preference .list-preference form .checkbox-block{ width: 50%; float: left; }
.preference .list-preference form .checkbox-block label{ width: 40%; font-size: 14px; height: 22px; }
.preference .list-preference form .checkbox-block a{ font-size: 14px; line-height: 16px; color: #525252; margin: 0; width: 40%; }
.preference .list-preference form .checkbox-block label i{ padding: 0 5px 0 10px; /*color: #f14902;*/ }
.preference .list-preference form .textarea-block{ width: 50%; }
.preference .list-preference form .textarea-block textarea{ font-size: 14px; line-height: 16px; width: 92% !important; padding: 6px 10px; margin: 0 9px 0 0;  background: #fff; border: 1px solid #ccc; outline: none; color: #000; height: 140px; }
.preference .list-preference form .preference-textarea-block{ width: 65%; }
.preference .list-preference form .preference-textarea-block textarea{ font-size: 14px; line-height: 16px; width: 92% !important; padding: 6px 10px; margin: 0 9px 0 0;  background: #fff; border: 1px solid #ccc; outline: none; color: #000; height: 60px; }

.preference .list-preference form .list-img-block{ width: 50%; float: left; }
.preference .list-preference form .list-gallery-img-block{ width: 100%; }
.preference .list-preference form .list-gallery-img-block input[type="file"]{ width: 32%; float: left; padding: 10px 0; margin: 0; }

.preference .list-preference form .preference-btn { width: 100%; padding: 0; border: none; border-radius: 0; margin: 0; text-align: center; }
.preference .list-preference form .preference-btn input[type="submit"] { width: 26%; background: #f14902; color: #fff; padding: 10px; text-align: center; outline: none; border: none; font-size: 16px; font-weight: bold; line-height: 18px; margin: 0; display: inline-block; transition: all 400ms ease-in-out; text-transform: uppercase;}
.preference .list-preference form .preference-btn input[type="submit"]:hover{ letter-spacing: 2px; transition: all 400ms ease-in-out; }

/*Banner Start*/
/*.banner{ width: 100%; position: relative; display: block; overflow: hidden; background: #00202f; padding: 0; margin: 0;  }
.banner img{ width: 100%; }*/

/*Banner Text Dec*/
/*.banner .banner-text{ width: 100%; position: absolute; content: ""; bottom: 130px; padding: 20px 0; margin: 0; z-index: 9; }
.banner .banner-text .text-dec{ width: 100%; padding: 0 0 0 15px; margin: 0; text-align: center; }
.banner .banner-text .text-dec h5{  font-size: 24px; line-height: 26px; color: #fff; padding: 0 0 15px; margin: 0; font-weight: bold; letter-spacing: 2px; }
.banner .banner-text .text-dec h1{  font-size: 80px; line-height: 90px; color: #fff; padding: 0; margin: 0; font-weight: 400;   font-family: "Tapestry", serif; letter-spacing: 2px; }
.banner .banner-text .text-dec h1 span{ color: #fff; }
.banner .banner-text .text-dec p{ font-size: 20px; line-height: 26px; color: #fff; padding: 30px 0 0 0; margin: 0;  letter-spacing: 2px; }

.banner .banner-text .text-dec a{ position: relative; display: inline-block; padding: 16px 22px; margin: 30px 30px 0 0; color: #fff; text-transform: uppercase; transition: 0.5s; overflow: hidden;  font-weight: bold; width: 18%; text-align: center; letter-spacing: 1px; border: 1px solid #feca36; }
.banner .banner-text .text-dec a.active{ background: #feca36; color: #000; }
.banner .banner-text .text-dec a:hover{ background: #3e7c01; color: #fff; box-shadow: 0 0 5px #3e7c01, 0 0 15px #3e7c01, 0 0 30px #3e7c01, 0 0 50px #3e7c01;  letter-spacing: 4px; }
.banner .banner-text .text-dec a.active:hover{ background: #feca36; color: #fff; box-shadow: 0 0 5px #feca36, 0 0 15px #feca36, 0 0 30px #feca36, 0 0 50px #feca36;  letter-spacing: 2px; }*/

/*Banner Start*/
.banner{ width: 100%; position: relative; display: block; overflow: hidden; background: #00202f; padding: 0; margin: 0;  }
.banner img{ width: 100%; }

/*Banner Text Dec*/
.banner .banner-text{ width: 100%; position: absolute; content: ""; bottom: 100px; padding: 20px 0; margin: 0; z-index: 9; text-align: center; }
.banner .banner-text .text-dec{ width: 100%; padding: 0 0 0 15px; margin: 0;   }
.banner .banner-text .text-dec h5{  font-size: 24px; line-height: 26px; color: #000; padding: 0 0 15px; margin: 0; font-weight: bold; }
.banner .banner-text .text-dec h1{  font-size: 80px; line-height: 90px; color: #313a49; padding: 0; margin: 0; font-weight: bold; text-shadow: 2px 2px 0px #fff; }
.banner .banner-text .text-dec h1 span{ color: #313a49; }
.banner .banner-text .text-dec p{ font-size: 20px; line-height: 26px; color: #313a49; padding: 20px 0; margin: 0;  }
.banner .banner-text .text-dec form{ width: 100%; display: inline-block; padding: 0; margin: 0; }
.banner .banner-text .text-dec form .search-form{ width: 50%; display: inline-block; padding: 0; margin: 0;  }
.banner .banner-text .text-dec form .search-form input[type="text"]{ width: 78%; padding: 6px 10px; margin: 0; font-size: 16px; line-height: 18px; color: #000; border: none; background: #fff; outline: none; border: 1px solid #ccc; height: 40px; float: left; }
.banner .banner-text .text-dec form .search-form input[type="submit"]{ width: 22%; background: #f14902; color: #fff; padding: 10px; text-align: center; outline: none; border: none; font-size: 16px; font-weight: bold; line-height: 18px; text-transform: uppercase; height: 40px; }

.banner .banner-text .text-dec .search-room{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.banner .banner-text .text-dec .search-room ul{ padding: 10px 0 0; margin: 0; display: inline-block; width: 100%; }
.banner .banner-text .text-dec .search-room ul li{ display: inline-block; font-size: 16px; line-height: 18px; color: #313a49; font-weight: bold; padding: 0 15px; margin: 0 0 30px; width: 32%; }
.banner .banner-text .text-dec .search-room ul li a{ font-weight: bold; background: #f14902; color: #fff; padding: 8px 0; margin: 0; display: inline-block; border: 4px solid #fff; box-shadow: 0 0 10px #f14902; font-size: 20px; line-height: 22px; border-radius: 30px; width: 100%; transition: all 400ms ease-in-out; }
.banner .banner-text .text-dec .search-room ul li a:hover{ letter-spacing: 2px; transition: all 400ms ease-in-out; }

.banner .banner-text .text-dec .find-city{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.banner .banner-text .text-dec .find-city ul{ padding: 10px 0 0; margin: 0; display: inline-block; }
.banner .banner-text .text-dec .find-city ul li{ display: inline-block; float: left; font-size: 16px; line-height: 18px; color: #313a49; font-weight: bold; padding: 0 10px 0 0; margin: 0; }
.banner .banner-text .text-dec .find-city ul li a{ font-weight: 400; color: #313a49; padding: 0; margin: 0; }
.banner .banner-text .text-dec .find-city ul li i{ font-size: 16px; line-height: 22px; }

/*Inner-banner*/
.inner-banner{ width: 100%; position: relative; display: block; background:#000; padding: 0; margin: 0; }
.inner-banner img{ width: 100%; }
.inner-banner h1{ position: absolute; content: ""; top: 90px; left: 0; right: 0; font-size: 80px; line-height: 90px; color: #313a49; padding: 0; margin: 0; font-weight: bold; text-shadow: 2px 2px 0px #fff; text-align: center; }

/*About Start*/
.about{ width: 100%; position: relative; display: block; background: url(../images/agreement-banner.png) no-repeat top left; background-size: cover; padding: 30px 0; margin: 0; z-index: 9; }
.about h2{ font-size: 40px; line-height: 46px; font-weight: bold; padding: 100px 0 0; margin: 0; color: #313a49; }
.about h2 span{ font-weight: bold; color: #f14902; }
.about p{ font-size: 16px; line-height: 26px; color: #001125; padding: 10px 0 0; margin: 0; text-align: justify; }

.about a.about-btn { width: 25%; background: #f14902; color: #fff; padding: 10px; text-align: center; outline: none; border: none; font-size: 16px; font-weight: bold; line-height: 18px; margin: 30px 0 0; display: inline-block; transition: all 400ms ease-in-out; text-transform: uppercase; }
.about a.about-btn:hover{ letter-spacing: 2px; transition: all 400ms ease-in-out; }

.about .about-image{ width: 100%;  padding: 15px; margin: 0; border: 1px solid #ccc; }
.about .about-image img{ width: 100%; }

/*inner-about*/
.inner-about{ width: 100%; position: relative; display: block; background: #fff; padding: 60px 0 30px; margin: 0; }
.inner-about .inner-about-dec{ width: 100%; padding: 0; margin: 0; }
.inner-about .inner-about-dec h2{ font-size: 40px; line-height: 46px; font-weight: bold; padding: 40px 0 0; margin: 0; color: #313a49; }
.inner-about .inner-about-dec h2 span{ font-weight: bold; color: #f14902; }
.inner-about .inner-about-dec p{ font-size: 18px; line-height: 26px; color: #001125; padding: 10px 0 0; margin: 0; text-align: justify; }
.inner-about .inner-about-img{ width: 100%; padding: 0; margin: 0; border: 1px solid #ccc; overflow: hidden; border-radius: 40px 0 0 100px; box-shadow: 0 0 5px #ccc; }
.inner-about .inner-about-img img{ width: 100%; }

/*Mission*/
.mission{ width: 100%; position: relative; display: block; background: #fff; padding: 30px 0; margin: 0; }
.mission .mission-block-image{ width: 100%; background: #fff; border-radius: 200px 200px 0 0;overflow: hidden; border: 1px solid #ccc; padding: 90px 15px; margin: 0; box-shadow: 0 0 5px #ccc; }
.mission .mission-block-image img{ width: 100%; }
.mission .mission-block-dec{ width: 100%; padding: 100px 0 0; margin: 0; }
.mission .mission-block-dec h2{ font-size: 40px; line-height: 46px; font-weight: bold; padding: 40px 0 0; margin: 0; color: #313a49; }
.mission .mission-block-dec h2 span{ font-weight: bold; color: #f14902; }
.mission .mission-block-dec p{ font-size: 18px; line-height: 26px; color: #001125; padding: 10px 0 0; margin: 0; text-align: justify; }
.mission .mission-block-image-right{ width: 100%; background: #fff; border-radius: 200px 0 0 200px;overflow: hidden; border: 1px solid #ccc; padding: 0; margin: 80% 0 0; box-shadow: 0 0 5px #ccc; }
.mission .mission-block-image-right img{ width: 100%; }

/*Vision*/
.vision{ width: 100%; position: relative; display: block; background: #fff; padding: 30px 0 60px; margin: 0; }
.vision .vision-block-image{ width: 100%; background: #fff; border-radius: 100px 0 100px 0;overflow: hidden; border: 1px solid #ccc; padding: 15px; margin: 0; box-shadow: 0 0 5px #ccc; }
.vision .vision-block-image img{ width: 100%; }
.vision .vision-block-dec{ width: 100%; padding: 60px 0 0; margin: 0; }
.vision .vision-block-dec h2{ font-size: 40px; line-height: 46px; font-weight: bold; padding: 40px 0 0; margin: 0; color: #313a49; }
.vision .vision-block-dec h2 span{ font-weight: bold; color: #f14902; }
.vision .vision-block-dec p{ font-size: 18px; line-height: 26px; color: #001125; padding: 10px 0 0; margin: 0; text-align: justify; }

/*Banner Video Start*/
.video-about-block{ width: 100%; position: relative; display: block; overflow: hidden; background: #00202f; padding: 0; margin: 0; height: 500px; }
.video-about-block video{ width: 100%; opacity: 0.5; padding: 0; margin: 0; }

/*Banner Text Dec*/
.video-about-block .about-text{ width: 100%; position: absolute; content: ""; top: 30%; padding: 20px 0; margin: 0; }
.video-about-block .about-text .text-dec{ width: 100%; padding: 0; margin: 0 auto; /*border-left: 5px solid #feca36;*/ text-align: center; display: block; }
.video-about-block .about-text .text-dec h2{ font-size: 40px; line-height: 46px; font-weight: bold; padding: 0; margin: 0; color: #fff; }
.video-about-block .about-text .text-dec h2 span{ font-weight: bold; color: #f14902; } 
.video-about-block .about-text .text-dec p{ font-size: 16px; line-height: 26px; color: #fff; padding: 10px 0 0; margin: 0;  }

.video-about-block .about-text .text-dec a { width: 35%; border: 1px solid #fff; color: #fff; padding: 10px; text-align: center; outline: none; font-size: 16px; font-weight: bold; line-height: 18px; margin: 30px 15px; display: inline-block; transition: all 400ms ease-in-out; }
.video-about-block .about-text .text-dec a.active { width: 27%; background: #f14902; color: #fff; padding: 10px; text-align: center; outline: none; border: 1px solid #fff; font-size: 16px; font-weight: bold; line-height: 18px; margin: 15px; display: inline-block; transition: all 400ms ease-in-out; }
.video-about-block .about-text .text-dec a:hover{ background: #f14902; color: #fff; letter-spacing: 1.2px; transition: all 400ms ease-in-out; }
.video-about-block .about-text .text-dec a.active:hover{ letter-spacing: 1.2px; transition: all 400ms ease-in-out; }

/*Agreement Start*/
.agreement{ width: 100%; position: relative; display: block; background: url(../images/agreement-banner.png) no-repeat top left; background-size: cover; padding: 30px 0; margin: 0; }
.agreement .agreement-image{ width: 100%;  padding: 15px; margin: 0; border-radius: 0 200px 200px 0; overflow: hidden; border: 1px solid #ccc; }
.agreement .agreement-image img{ width: 100%; border-radius: 0 200px 200px 0; }

.agreement .agreement-dec{ width: 80%;  padding: 20px 0 0; margin: 0; float: right; }
.agreement .agreement-dec h2{ font-size: 40px; line-height: 46px; font-weight: bold; padding: 0; margin: 0; color: #313a49; }
.agreement .agreement-dec h2 span{ font-weight: bold; color: #f14902; }
.agreement .agreement-dec p{ font-size: 16px; line-height: 26px; color: #001125; padding: 10px 0 0; margin: 0; text-align: justify; }
.agreement .agreement-dec a.agreement-btn { width: 30%; background: #f14902; color: #fff; padding: 10px; text-align: center; outline: none; border: none; font-size: 16px; font-weight: bold; line-height: 18px; margin: 30px 0 0; display: inline-block; transition: all 400ms ease-in-out; text-transform: uppercase; }
.agreement .agreement-dec a.agreement-btn:hover{ letter-spacing: 2px; transition: all 400ms ease-in-out; }

/*flatmates Start*/
.flatmates{ width: 100%; position: relative; display: block; background: #fff; padding: 30px 0; margin: 0; }
.flatmates h2{ font-size: 40px; line-height: 46px; font-weight: bold; padding: 0 0 30px; margin: 0; color: #313a49;  text-align: center; }
.flatmates h2 span{ font-weight: bold; color: #f14902; }
.flatmates #flatmates-slider .item{ margin: 0 15px; }
.flatmates .properties-block-box-content{ width: 100%; padding: 10px; margin: 0; background: #ffffff8c; text-align: center; transition: all 600ms ease-in-out; box-shadow: 3px 3px 6px #bfc3cfc7,-3px -3px 6px #fff; }
.flatmates .properties-block-box-content:hover{ background: linear-gradient(to bottom right,#f2f2f2,#e5e6eb8c); -webkit-box-shadow: 3px 3px 6px #bfc3cf,-3px -3px 6px #fff; transition: all 400ms ease-in-out; }
.flatmates .properties-block-box-content .zender-avatar{ width: 100%; padding: 0; margin: 0; }
.flatmates .properties-block-box-content .zender-avatar img{ width: 25%; border-radius: 100px; }
.flatmates .properties-block-box-content .properties-block-dec{ width: 100%; padding: 0; margin: 0; }
.flatmates .properties-block-box-content .properties-block-dec h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 0; margin: 0; color: #001125; text-align: center; }
.flatmates .properties-block-box-content .properties-block-dec p{ font-size: 16px; line-height: 24px; color: #001125; padding: 0 0 20px; margin: 0; }
.flatmates .properties-block-box-content .properties-block-dec p i{ font-size: 16px; margin: 0 10px 0 0; }
.flatmates .properties-block-box-content .properties-block-dec ul{ padding: 10px 0; margin: 0; width: 100%; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; }
.flatmates .properties-block-box-content .properties-block-dec ul li{ font-size: 20px; line-height: 24px; display: inline-block; color: #535353; padding: 0 20px ; font-weight: bold; }
.flatmates .properties-block-box-content .properties-block-dec ul li span{ display: block; font-size: 14px; font-weight: 400; }
.flatmates .properties-block-box-content .properties-block-contact{ width: 100%; padding: 0; margin: 0; }
.flatmates .properties-block-box-content .properties-block-contact ul{ padding: 10px 0; margin: 0; width: 100%; }
.flatmates .properties-block-box-content .properties-block-contact ul li{ font-size: 16px; line-height: 18px; display: inline-block; color: #535353; padding: 0 20px ; font-weight: bold; }
.flatmates .properties-block-box-content .properties-block-contact ul li a{ color: #f14902; }
.flatmates .properties-block-box-content .properties-block-contact ul li i{ font-size: 14px; padding: 0 10px 0 0; }

/*Property List*/
.properties{ width: 100%; position: relative; display: block; background: #fff; padding: 30px 0; margin: 0; }
.properties h2{ font-size: 40px; line-height: 46px; font-weight: bold; padding: 0 0 30px; margin: 0; color: #313a49;  text-align: center; }
.properties h2 span{ font-weight: bold; color: #f14902; }
.properties #properties-slider .item{ margin: 0 15px; }
.properties .properties-list-block-box{ width: 100%; padding: 15px; margin: 0 0 30px; text-align: center; background: #ffffff8c; transition: all 600ms ease-in-out; box-shadow: 3px 3px 6px #bfc3cfc7,-3px -3px 6px #fff; }
.properties .properties-list-block-box:hover{ background: linear-gradient(to bottom right,#f2f2f2,#e5e6eb8c); -webkit-box-shadow: 3px 3px 6px #bfc3cf,-3px -3px 6px #fff; transition: all 400ms ease-in-out; }
.properties .properties-list-block-box .flatmate-images{ width: 100%; padding: 0; margin: 0; }
.properties .properties-list-block-box .flatmate-images img{ width: 100%; }

.properties .properties-list-block-box .properties-list-dec{ width: 100%; padding: 0; margin: 0; }
.properties .properties-list-block-box .properties-list-dec h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 5px 0 0; margin: 0; color: #001125; text-align: center; }
.properties .properties-list-block-box .properties-list-dec p{ font-size: 16px; line-height: 24px; color: #001125; padding: 0 0 20px; margin: 0; }
.properties .properties-list-block-box .properties-list-dec p i{ font-size: 16px; margin: 0 10px 0 0; }
.properties .properties-list-block-box .properties-list-dec ul{ padding: 10px 0; margin: 0; width: 100%; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; }
.properties .properties-list-block-box .properties-list-dec ul li{ font-size: 20px; line-height: 24px; display: inline-block; color: #535353; padding: 0 20px ; font-weight: bold; }
.properties .properties-list-block-box .properties-list-dec ul li span{ display: block; font-size: 14px; font-weight: 400; }

.properties .properties-list-block-box .properties-view-btn{ width: 100%; padding: 0; margin: 0; }
.properties .properties-list-block-box .properties-view-btn a.view-btn{ font-size: 16px; line-height: 18px; display: inline-block; color: #fff; background: #f14902; padding: 10px 0; font-weight: bold; width: 40%; margin: 10px 0 0; transition: all 400ms ease-in-out; }
.properties .properties-list-block-box .properties-view-btn a.view-btn:hover{ letter-spacing: 2px; transition: all 400ms ease-in-out; }

/*Property List*/
.properties-list{ width: 100%; position: relative; display: block; background: #fff; padding: 30px 0; margin: 0; }
.properties-list h2{ font-size: 40px; line-height: 46px; font-weight: bold; padding: 0 0 30px; margin: 0; color: #313a49;  text-align: center; }
.properties-list h2 span{ font-weight: bold; color: #f14902; }

.properties-list .list-filter{ width: 100%; padding: 15px; margin: 0 0 30px; border: 1px solid #ccc; box-shadow: 0 0 5px #ccc; }
.properties-list .list-filter form{ width: 100%; padding: 0; margin: 0; }
.properties-list .list-filter form h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 0 0 10px; margin: 0; color: #001125; text-align: center; text-transform: uppercase; }
.properties-list .list-filter form .list-filter-block{ width: 100%; padding: 10px 0; margin: 0; display: inline-block; }
.properties-list .list-filter form .list-filter-block p{ font-size: 16px; line-height: 18px; font-weight: bold; padding: 0 0 10px; margin: 0; color: #001125; }
.properties-list .list-filter form .list-filter-block input#age{ font-size: 14px; line-height: 16px; width: 48%; padding: 6px 10px; margin: 0 9px 0 0; height: 30px; background: #fff; border: 1px solid #ccc; outline: none; color: #000; float: left; }
.properties-list .list-filter form .list-filter-block input#age:nth-child(3){ margin: 0; }
.properties-list .list-filter form .list-filter-block label{ font-size: 14px; line-height: 16px; color: #525252; margin: 0 0 0 5px; }
.properties-list .list-filter form .list-filter-block select{ font-size: 14px; line-height: 16px; width: 100%; padding: 6px 10px; margin: 0 9px 0 0; height: 35px; background: #fff; border: 1px solid #ccc; outline: none; color: #000; float: left; }
.properties-list .list-filter form .list-filter-block input#price{ font-size: 14px; line-height: 16px; width: 48%; padding: 6px 10px; margin: 0 9px 0 0; height: 30px; background: #fff; border: 1px solid #ccc; outline: none; color: #000; float: left; }
.properties-list .list-filter form .list-filter-block input#price:nth-child(3){ margin: 0; }
.properties-list .list-filter form .list-filter-block label a{ font-size: 14px; line-height: 16px; color: #525252; margin: 0 10px 0 0; }
.properties-list .list-filter form .list-filter-block input[type="checkbox"]{ margin: 0; }

.properties-list ul.team-preference{ width: 100%; display: block; text-align: right; padding: 0; margin: 0 0 30px; }
.properties-list ul.team-preference li{ text-align: right; display: inline-block; width: 15%; margin: 0 0 0 30px; }
.properties-list ul.team-preference li a{ 
  background: #f14902;
  color: #fff;
  padding: 10px;
  text-align: center;
  outline: none;
  border: 1px solid #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  margin: 0;
  display: inline-block;
  transition: all 400ms ease-in-out; width: 100%; }
 .properties-list ul.team-preference li a:hover{ letter-spacing: 2px; transition: all 400ms ease-in-out; }

.properties-list .properties-list-block-box{ width: 100%; padding: 15px; margin: 0 0 30px;  text-align: center; background: #ffffff8c; transition: all 600ms ease-in-out; box-shadow: 3px 3px 6px #bfc3cfc7,-3px -3px 6px #fff; }
.properties-list .properties-list-block-box:hover{ background: linear-gradient(to bottom right,#f2f2f2,#e5e6eb8c); -webkit-box-shadow: 3px 3px 6px #bfc3cf,-3px -3px 6px #fff; transition: all 400ms ease-in-out; }

.properties-list .properties-list-block-box .zender-avatar{ width: 100%; padding: 0; margin: 0; }
.properties-list .properties-list-block-box .zender-avatar img{ width: 25%; border-radius: 100px; }
.properties-list .properties-list-block-box .flatmate-images{ width: 100%; padding: 0; margin: 0; }
.properties-list .properties-list-block-box .flatmate-images img{ width: 100%; }

.properties-list .properties-list-block-box .properties-list-dec{ width: 100%; padding: 0; margin: 0; }
.properties-list .properties-list-block-box .properties-list-dec h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 5px 0 0; margin: 0; color: #001125; text-align: center; }
.properties-list .properties-list-block-box .properties-list-dec p{ font-size: 16px; line-height: 24px; color: #001125; padding: 0 0 20px; margin: 0; }
.properties-list .properties-list-block-box .properties-list-dec p i{ font-size: 16px; margin: 0 10px 0 0; }
.properties-list .properties-list-block-box .properties-list-dec ul{ padding: 10px 0; margin: 0; width: 100%; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; }
.properties-list .properties-list-block-box .properties-list-dec ul li{ font-size: 20px; line-height: 24px; display: inline-block; color: #535353; padding: 0 20px ; font-weight: bold; }
.properties-list .properties-list-block-box .properties-list-dec ul li span{ display: block; font-size: 14px; font-weight: 400; }
.properties-list .properties-list-block-box .properties-list-contact{ width: 100%; padding: 0; margin: 0; }
.properties-list .properties-list-block-box .properties-list-contact ul{ padding: 10px 0; margin: 0; width: 100%; }
.properties-list .properties-list-block-box .properties-list-contact ul li{ font-size: 16px; line-height: 18px; display: inline-block; color: #535353; padding: 0 20px ; font-weight: bold; }
.properties-list .properties-list-block-box .properties-list-contact ul li a{ color: #f14902; }
.properties-list .properties-list-block-box .properties-list-contact ul li i{ font-size: 14px; padding: 0 10px 0 0; }

.properties-list .properties-list-block-box .properties-view-btn{ width: 100%; padding: 0; margin: 0; }
.properties-list .properties-list-block-box .properties-view-btn a.view-btn{ font-size: 16px; line-height: 18px; display: inline-block; color: #fff; background: #f14902; padding: 10px 0 ; font-weight: bold; width: 30%; margin: 10px 0 0; transition: all 400ms ease-in-out; }
.properties-list .properties-list-block-box .properties-view-btn a.view-btn:hover{ letter-spacing: 2px; transition: all 400ms ease-in-out; }
/*populer-city*/
.search-populer-city{ width: 100%; position: relative; display: block; background: #fff; padding: 60px 0 30px; margin: 0 }
.search-populer-city form{ width: 100%; display: inline-block; padding: 0; margin: 0; text-align: center; }
.search-populer-city form .search-form{ width: 50%; display: inline-block; padding: 0; margin: 0;  }
.search-populer-city form .search-form input[type="text"]{ width: 78%; padding: 6px 10px; margin: 0; font-size: 16px; line-height: 18px; color: #000; border: none; background: #fff; outline: none; border: 1px solid #ccc; height: 40px; float: left; }
.search-populer-city form .search-form input[type="submit"]{ width: 22%; background: #f14902; color: #fff; padding: 10px; text-align: center; outline: none; border: none; font-size: 16px; font-weight: bold; line-height: 18px; text-transform: uppercase; height: 40px; }

.populer-city{ width: 100%; position: relative; display: block; background: #fff; padding: 30px 0; margin: 0; }
.populer-city .populer-city-box{ width: 100%; padding: 0; margin: 0 0 30px; border: 1px solid #ccc; box-shadow: 0 0 5px #ccc; }
.populer-city .populer-city-box img{ width: 100%; height: 200px; }
.populer-city .populer-city-box h4{ font-size: 20px; line-height: 24px; padding: 10px 0; text-align: center; color: #fff; background: #f14902; border-top: 3px solid #fff; font-weight: bold; text-transform: uppercase; }

/*Single Property Block Start*/
/*.single-property{ width: 100%; position: relative; display: block; background: #fff; padding: 60px 0; margin: 0; }
.single-property .single-property-left-block{ width: 100%; border: 1px solid #ccc; border-radius: 10px; text-align: center; padding: 15px; margin: 0 0 30px; }

.single-property .single-property-left-block .single-property-profile{ width: 100%; padding: 0; margin: 0; }
.single-property .single-property-left-block .single-property-profile img{ width: 100%; }
.single-property .single-property-left-block .single-property-avatar{ width: 100%; padding: 0; margin: 0; }
.single-property .single-property-left-block .single-property-avatar img{ width: 22%; border-radius: 100px; position: absolute; top: 155px; left: 45px; border: 2px solid #fff; padding: 2px; content: ""; }
.single-property .single-property-left-block .single-property-avatar-name{ width: 100%; padding: 0; margin: 0; }
.single-property .single-property-left-block .single-property-avatar-name h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 10px 0 0; margin: 0; color: #001125; text-align: center; }
.single-property .single-property-left-block .single-property-avatar-name h5{ font-size: 16px; line-height: 24px; font-weight: bold; padding: 4px 0; margin: 15px 0 5px; color: #ffffff; text-align: center; border: 1px solid #ccc; background: #313a49; font-weight: 400; }
.single-property .single-property-left-block .single-property-avatar-name h5 span{ font-size: 18px; line-height: 22px; color: #ffffff; padding: 0 0 0 10px; margin: 0; }
.single-property .single-property-left-block .single-property-avatar-name .avatar-details{ width: 100%; padding: 0; margin: 0; }
.single-property .single-property-left-block .single-property-avatar-name .avatar-details ul{ padding: 0; margin: 0; }
.single-property .single-property-left-block .single-property-avatar-name .avatar-details li{ font-size: 16px; line-height: 18px; display: inline-block; color: #535353; padding: 0 0 5px; font-weight: bold; width: 100%;  }
.single-property .single-property-left-block .single-property-avatar-name .avatar-details li b{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 10px 0 0; margin: 0; color: #001125; text-align: center; }
.single-property .single-property-left-block .single-property-avatar-name .avatar-details li i{ font-size: 14px; padding: 0 10px 0 0; }
.single-property .single-property-left-block .single-property-avatar-name .avatar-details li a{ background: none; padding: 0; margin: 0; color: #f14902; }

.single-property .single-property-left-block .single-property-avatar-name ul{ padding: 0; margin: 0; }
.single-property .single-property-left-block .single-property-avatar-name ul li{ font-size: 16px; line-height: 18px; display: inline-block; color: #535353; padding: 0 20px ; font-weight: bold;  }
.single-property .single-property-left-block .single-property-avatar-name ul li a{ color: #fff; background: #f14902; padding: 8px 30px; display: inline-block; margin: 10px 0; }
.single-property .single-property-left-block .single-property-avatar-name ul li i{ font-size: 14px; padding: 0 10px 0 0; }
.single-property .properties-view-list{ width: 100%; border: 1px solid #ccc; border-radius: 10px; text-align: center; padding: 10px; margin: 0; }

.single-property .single-property-right-block{ width: 100%; border: 1px solid #ccc; border-radius: 10px; padding: 10px; margin: 0; }
.single-property .single-property-right-block .properties-location{ width: 100%; padding: 15px 0; margin: 0; border-bottom: 1px solid #ccc; }
.single-property .single-property-right-block .properties-location h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 10px 0 5px; margin: 0; color: #313a49; }

.single-property .single-property-right-block .properties-basic-info{ width: 100%; padding: 30px 0; margin: 0; border-bottom: 1px solid #ccc; }
.single-property .single-property-right-block .properties-basic-info h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 0; margin: 0; color: #313a49; }
.single-property .single-property-right-block .properties-basic-info ul{ padding: 10px 0; margin: 0; width: 100%; }
.single-property .single-property-right-block .properties-basic-info ul li{ font-size: 20px; line-height: 24px; display: inline-block; color: #535353; padding: 0 40px 0 0; font-weight: bold; }
.single-property .single-property-right-block .properties-basic-info ul li span{ display: block; font-size: 14px; font-weight: 400; }
.single-property .single-property-right-block .properties-basic-info ul li i{ font-size: 18px; padding: 0 6px 0 0; }
.single-property .single-property-right-block .properties-owner{ width: 100%; padding: 20px 0; margin: 0; }
.single-property .single-property-right-block .properties-owner h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 0; margin: 0; color: #313a49; }
.single-property .single-property-right-block .properties-owner h5{ font-size: 16px; line-height: 24px; font-weight: bold; padding: 0; margin: 0; color: #f14902; }

.single-property .single-property-right-block .properties-description{ width: 100%; padding: 30px 0; margin: 0; border-bottom: 1px solid #ccc; }
.single-property .single-property-right-block .properties-description h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 0; margin: 0; color: #313a49; }
.single-property .single-property-right-block .properties-description p{ font-size: 16px; line-height: 24px; color: #313a49; padding: 10px 0 0; margin: 0; text-align: justify; }

.single-property .single-property-right-block .avatar-interest{ width: 100%; padding: 30px 0; margin: 0; border-bottom: 1px solid #ccc; }
.single-property .single-property-right-block .avatar-interest h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 0; margin: 0; color: #313a49; }
.single-property .single-property-right-block .avatar-interest ul{ padding: 10px 0; margin: 0; width: 100%;  }
.single-property .single-property-right-block .avatar-interest ul li{ font-size: 16px; line-height: 18px; display: inline-block; color: #535353; padding: 0 30px 0 0; font-weight: bold; }
.single-property .single-property-right-block .avatar-interest ul li i{ padding: 0 10px 0 0; }

.single-property .single-property-right-block .avatar-more-details{ width: 100%; padding: 30px 0 0; margin: 0; }
.single-property .single-property-right-block .avatar-more-details ul{ padding: 0; margin: 0; width: 100%; }
.single-property .single-property-right-block .avatar-more-details ul li{ font-size: 16px; line-height: 18px; color: #535353; padding: 0 0 5px 0; font-weight: 400;  } 
.single-property .single-property-right-block .avatar-more-details ul li b{ font-size: 18px; line-height: 24px; }
.single-property .single-property-right-block .avatar-more-details ul li.details-ans{ padding: 0 0 30px; }

.single-property{ width: 100%; position: relative; display: block; background: #fff; padding: 60px 0; margin: 0; }
.single-property .single-property-left-block{ width: 100%; border: 1px solid #ccc; border-radius: 10px; text-align: center; padding: 15px; margin: 0 0 30px; }

.single-property{ width: 100%; position: relative; display: block; background: #fff; padding: 60px 0; margin: 0; }
.single-property .single-property-box{ width: 100%; border: 1px solid #ccc; text-align: center; padding: 15px; margin: 0 auto ; background: #f0eded; position: relative; }

.single-property .single-property-box .single-property-profile{ width: 100%; padding: 0; margin: 0; position: relative; }

.single-property .single-property-box .single-property-profile .gallery-box{ position: relative; width: 100%; padding: 0; margin: 0; float: left;  overflow: hidden; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.single-property .single-property-box .single-property-profile .gallery-box img.pho-gall { width: 100%;  }

.single-property .single-property-box .single-property-avatar{ width: 19%; position: absolute; content: ""; top: 375px; left: 60px; border: 2px solid #fff; padding: 0; border-radius: 130px; overflow: hidden; z-index: 99; box-shadow: 0 0 5px #ccc; }
.single-property .single-property-box .single-property-avatar img{ width: 100%;  }
.single-property .single-property-box .single-property-avatar-name{ width: 80%; padding: 15px 0; margin: -88px auto;  background: #f0eded; border: 2px solid #fff; position: relative; border-radius: 0 100px 100px 0; z-index: 9; }
.single-property .single-property-box .single-property-avatar-name h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 10px 0 0; margin: 0; color: #001125; text-align: center; }
.single-property .single-property-box .single-property-avatar-name h5{ font-size: 16px; line-height: 24px; padding: 4px 0; margin: 0 auto; color: #ffffff; text-align: center; border: 1px solid #ccc; background: #009926; font-weight: 400; position: absolute; bottom: -18px; left: 0; display: block; right: 0; width: 35%; box-shadow: 0 0 5px #ccc; }
.single-property .single-property-box .single-property-avatar-name h5 span{ font-size: 18px; line-height: 22px; color: #ffffff; padding: 0 0 0 10px; margin: 0; }
.single-property .single-property-box .single-property-avatar-name .avatar-details{ width: 100%; padding: 0; margin: 0; }
.single-property .single-property-box .single-property-avatar-name .avatar-details ul{ padding: 0; margin: 0; }
.single-property .single-property-box .single-property-avatar-name .avatar-details li{ font-size: 16px; line-height: 18px; display: inline-block; color: #535353; padding: 0 0 5px; font-weight: bold; width: 100%;  }
.single-property .single-property-box .single-property-avatar-name .avatar-details li b{ font-size: 24px; line-height: 28px; font-weight: bold; padding: 10px 0 0; margin: 0; color: #001125; text-align: center; }
.single-property .single-property-box .single-property-avatar-name .avatar-details li i{ font-size: 14px; padding: 0 10px 0 0; }
.single-property .single-property-box .single-property-avatar-name .avatar-details li a{ background: none; padding: 0; margin: 0; color: #f14902; }

.single-property .single-property-box .single-property-avatar-name ul{ padding: 0; margin: 0; }
.single-property .single-property-box .single-property-avatar-name ul li{ font-size: 16px; line-height: 18px; display: inline-block; color: #535353; padding: 0 20px ; font-weight: bold;  }
.single-property .single-property-box .single-property-avatar-name ul li a{ color: #fff; background: #f14902; padding: 8px 30px; display: inline-block; margin: 10px 0; }
.single-property .single-property-box .single-property-avatar-name ul li i{ font-size: 14px; padding: 0 10px 0 0; }
.single-property .properties-view-list{ width: 100%; border: 1px solid #ccc; border-radius: 10px; text-align: center; padding: 10px; margin: 0; }

.single-property .single-property-right-block{ width: 100%; border: 1px solid #ccc; border-radius: 10px; padding: 10px; margin: 0; }
.single-property .single-property-box .properties-location{ width: 100%; padding: 15px 0; margin: 0; border-bottom: 1px solid #ccc; }
.single-property .single-property-box .properties-location h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 10px 0 5px; margin: 0; color: #313a49; }

.single-property .single-property-box .properties-location p{ font-size: 16px; line-height: 24px; color: #313a49; padding:0 0 15px; margin: 0; }
.single-property .single-property-box .properties-location p i{ font-size: 16px; margin: 0 10px 0 0; }
.single-property .single-property-box .properties-location p a{ color: #f14902; font-size: 16px; line-height: 18px; }
.single-property .single-property-box .properties-about{ width: 100%; padding: 15px 0; margin: 0; border-bottom: 1px solid #ccc; }
.single-property .single-property-box .properties-about h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 10px 0 5px; margin: 0; color: #313a49; }
.single-property .single-property-box .properties-about p{ font-size: 16px; line-height: 24px; color: #313a49; padding:0 0 10px; margin: 0; text-align: justify; }

.single-property .single-property-box .properties-basic-info{ width: 100%; padding: 30px 0; margin: 0; border-bottom: 1px solid #ccc; }
.single-property .single-property-box .properties-basic-info h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 0; margin: 0; color: #313a49; }
.single-property .single-property-box .properties-basic-info ul{ padding: 10px 0; margin: 0; width: 100%; }
.single-property .single-property-box .properties-basic-info ul li{ font-size: 20px; line-height: 24px; display: inline-block; color: #535353; padding: 0 40px 0 0; font-weight: bold; }
.single-property .single-property-box .properties-basic-info ul li span{ display: block; font-size: 14px; font-weight: 400; }
.single-property .single-property-box .properties-basic-info ul li i{ font-size: 18px; padding: 0 6px 0 0; }
.single-property .single-property-box .properties-owner{ width: 100%; padding: 20px 0; margin: 0; }
.single-property .single-property-box .properties-owner h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 0; margin: 0; color: #313a49; }
.single-property .single-property-box .properties-owner h5{ font-size: 16px; line-height: 24px; font-weight: bold; padding: 0; margin: 0; color: #f14902; }

.single-property .single-property-box .properties-description{ width: 100%; padding: 105px 15px 15px; margin: 0;  background: #fff; }
.single-property .single-property-box .properties-description h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 0; margin: 0; color: #313a49; }
.single-property .single-property-box .properties-description p{ font-size: 17px; line-height: 24px; color: #13171e; padding: 10px 0 0; margin: 0; text-align: justify;  }

.single-property .single-property-box .apartment-details{ width: 100%; padding: 15px; margin: 10px 0; background: #fff; }
.single-property .single-property-box .apartment-details h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 0; margin: 0; color: #313a49; }
.single-property .single-property-box .apartment-details ul{ padding: 10px 0; margin: 0; width: 100%; }
.single-property .single-property-box .apartment-details ul li{ font-size: 20px; line-height: 24px; display: inline-block; color: #535353; padding: 0 40px 0 0; font-weight: bold; }
.single-property .single-property-box .apartment-details ul li span{ display: block; font-size: 14px; font-weight: 400; }
.single-property .single-property-box .apartment-details ul li i{ color: #f14902; font-size: 18px; padding: 0 15px 0 0; }
.single-property .single-property-box .apartment-details ul li b{ color: #f14902; font-size: 18px; padding: 0 6px 0 0; }

.single-property .single-property-box .profile-available{ width: 100%; padding: 10px; margin: 10px 0;  background: #fff; }
.single-property .single-property-box .profile-available form{ padding: 0; margin: 0; width: 100%; display: inline-block; }
.single-property .single-property-box .profile-available form label{ font-size: 16px; line-height: 24px; color: #313a49; padding: 0 10px 0 0; margin: 0; }
.single-property .single-property-box .profile-available form input{ border: 1px solid #ccc; background: none; outline: navajowhite; height: 35px; color: #000; padding: 5px; }

/*.single-property .single-property-box .avatar-interest{ width: 100%; padding: 10px; margin: 10px 0;  background: #fff; }
.single-property .single-property-box .avatar-interest h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 0; margin: 0; color: #313a49; }
.single-property .single-property-box .avatar-interest ul{ padding: 10px 0; margin: 0; width: 100%; text-align: left; }
.single-property .single-property-box .avatar-interest ul li{ font-size: 16px; line-height: 26px; display: inline-block; color: #13171e; padding: 0 30px 0 0; font-weight: bold;  }
.single-property .single-property-box .avatar-interest ul li i{ padding: 0 10px 0 0; color: #535353;}*/

.single-property .single-property-box .avatar-preferences{ width: 100%; padding: 10px; margin: 10px 0;  background: #fff; }
.single-property .single-property-box .avatar-preferences h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 0; margin: 0; color: #313a49; }
.single-property .single-property-box .avatar-preferences ul{ padding: 10px 0; margin: 0; width: 100%; }
.single-property .single-property-box .avatar-preferences ul li{ font-size: 16px; line-height: 26px; display: inline-block; color: #13171e; padding: 0 30px 0 0; font-weight: bold; width: 15%; text-align: center; }
.single-property .single-property-box .avatar-preferences ul li img{ width: 70%; display: block; margin: 0 auto; }
/*.single-property .single-property-box .avatar-more-details{ width: 100%; padding: 10px; margin: 10px 0; background: #fff; }
.single-property .single-property-box .avatar-more-details h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 0; margin: 0; color: #313a49; }
.single-property .single-property-box .avatar-more-details ul{ padding: 0; margin: 0; width: 100%; text-align: left; }
.single-property .single-property-box .avatar-more-details ul li{ font-size: 16px; line-height: 18px; color: #777676; padding: 5px 0; font-weight: 400; margin: 0;   } 
.single-property .single-property-box .avatar-more-details ul li b{ font-size: 18px; line-height: 24px; color: #535353; }
.single-property .single-property-box .avatar-more-details ul li span{ display: block; font-size: 16px; line-height: 24px; }*/

.single-property .single-property-right-block{ width: 100%; border: 1px solid #ccc; border-radius: 10px; padding: 10px; margin: 0; box-shadow: 0 0 5px #ccc; }
.single-property .single-property-right-block .properties-location{ width: 100%; padding: 15px 0; margin: 0; border-bottom: 1px solid #ccc; }
.single-property .single-property-right-block .properties-location h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 10px 0 5px; margin: 0; color: #313a49; }

.single-property .single-property-right-block .properties-location p{ font-size: 16px; line-height: 24px; color: #313a49; padding:0 0 15px; margin: 0; }
.single-property .single-property-right-block .properties-location p i{ font-size: 16px; margin: 0 10px 0 0; }
.single-property .single-property-right-block .properties-location p a{ color: #f14902; font-size: 16px; line-height: 18px; }
.single-property .single-property-right-block .properties-location ul{ padding: 0; margin: 0; display: inline-block; width: 100%; }
.single-property .single-property-right-block .properties-location ul li{ display: inline-block; font-size: 16px; line-height: 18px; margin: 0 30px 0 0; }
.single-property .single-property-right-block .properties-location ul li a{ color: #f14902; font-size: 16px; line-height: 18px; font-weight: bold; }
.single-property .single-property-right-block .properties-location ul li i{ font-size: 16px; margin: 0 10px 0 0; color: #313a49; }
.single-property .single-property-right-block .properties-about{ width: 100%; padding: 15px 0; margin: 0; border-bottom: 1px solid #ccc; }
.single-property .single-property-right-block .properties-about h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 10px 0 5px; margin: 0; color: #313a49; }
.single-property .single-property-right-block .properties-about p{ font-size: 16px; line-height: 24px; color: #313a49; padding:0 0 10px; margin: 0; text-align: justify; }

/*Flatmate Preferences*/
.flatmate-preferences{
    /*width: 100vmin;
    height: 100vh;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 20px;*/
    width: 100%; position: relative; display: block; background: #fff; padding: 30px 0; margin: 0; text-align: center;
}

.flatmate-preferences a.preferences-btn{ 
    background: #f14902;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    outline: none;
    border: 1px solid #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin: 15px;
    display: inline-block;
    transition: all 400ms ease-in-out; width: 20%; text-transform: uppercase; }

.flatmate-preferences a.preferences-btn:hover{ letter-spacing: 2px; transition: all 400ms ease-in-out; }

.flatmate-preferences .flatmate-preferences-box-content{
    height: 250px;
    width: 100%;
    position: relative;
    margin: 0 0 30px; 
}
.flatmate-preferences .flatmate-preferences-box-content input[type="checkbox"]{
    -webkit-appearance: none;
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    border-radius: 10px;
    cursor: pointer;
    border: 3px solid transparent;
    outline: none;
    box-shadow: 15px 15px 25px rgba(2,28,53,0.05);
    border: 2px solid #e5e9f4;
}
.flatmate-preferences .flatmate-preferences-box-content input[type="checkbox"]:after{
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f111";
    font-size: 22px;
    top: 10px;
    left: 10px;
    color: #e2e6f3;
}
.flatmate-preferences .flatmate-preferences-box-content input[type="checkbox"]:hover{
    transform: scale(1.08);
}
.flatmate-preferences .flatmate-preferences-box-content input[type="checkbox"]:checked{
    border: 2px solid #478bfb;
}
.flatmate-preferences .flatmate-preferences-box-content input[type="checkbox"]:checked:after{
    font-weight: 900;
    content: "\f058";
    color: #478bfb;
}
.flatmate-preferences .flatmate-preferences-box-content label{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    height: 80%;
    width: 100%;
    position: absolute;
    bottom: 0;
    cursor: pointer;
}
.flatmate-preferences .flatmate-preferences-box-content label img{ width: 50%; filter: drop-shadow(0 0 20px #e5e9f4); }
.flatmate-preferences .flatmate-preferences-box-content label .fas{
    font-size: 60px;
    color: #2c2c51;
}
.flatmate-preferences .flatmate-preferences-box-content input[type="checkbox"]:checked + label .fas{
    animation: grow 0.5s;
}
@keyframes grow{
    50%{
        font-size: 80px;
    }
}
.flatmate-preferences .flatmate-preferences-box-content label h6{
    
    font-size: 18px;
    font-weight: 500;
    color: #585858;
}

/*Apartment*/
.apartment{ width: 100%; position: relative; display: inline-block; background: #fff; padding: 30px 0; margin: 0;  }
.apartment .apartment-image-box{ width: 56%; float: left; padding: 0; margin: 0; }
.apartment .apartment-image-box video{ width: 100%; }
.apartment .apartment-box-content{ width: 35%; float: left; padding: 80px 0 0; }
.apartment .apartment-box-content h2{ font-size: 40px; line-height: 46px; font-weight: bold; padding: 0; margin: 0; color: #313a49; }
.apartment .apartment-box-content h2 span{ font-weight: bold; color: #f14902; }
.apartment .apartment-box-content p{ font-size: 16px; line-height: 26px; color: #001125; padding: 10px 0 0; margin: 0; text-align: justify; }
.apartment .apartment-box-content a { width: 50%; border: 1px solid #f14902; color: #001125; padding: 10px; text-align: center; outline: none; font-size: 16px; font-weight: bold; line-height: 18px; margin: 30px 30px 0 0; display: inline-block; transition: all 400ms ease-in-out; }
.apartment .apartment-box-content a.active { width: 38%; background: #f14902; color: #fff; padding: 10px; text-align: center; outline: none; border: none; font-size: 16px; font-weight: bold; line-height: 18px; margin: 30px 30px 0 0; display: inline-block; transition: all 400ms ease-in-out; }
.apartment .apartment-box-content a:hover{ background: #f14902; color: #fff; letter-spacing: 1.2px; transition: all 400ms ease-in-out; }
.apartment .apartment-box-content a.active:hover{ letter-spacing: 1.2px; transition: all 400ms ease-in-out; }

/*Apartment Preferences*/
.apartment-preferences{ width: 100%; position: relative; display: block; background: url(../images/preference-banner.png) no-repeat top left; background-size: cover; padding: 60px 0; margin: 0; z-index: 9;}
.apartment-preferences .list-apartment h2{  font-size: 40px; line-height: 46px; font-weight: bold; padding: 0 0 30px; margin: 0; color: #313a49; text-align: center; }
.apartment-preferences .list-apartment h2 span{ font-weight: bold; color: #f14902; }

.apartment-preferences .list-apartment .apartment-preferences-block{ width: 100%; text-align: center; }
.apartment-preferences .list-apartment .apartment-preferences-block .apartment-preferences-box-content{ height: 250px; width: 20%; position: relative; margin: 0 0 30px; display: inline-block; margin: 0 15px; }
.apartment-preferences .list-apartment .apartment-preferences-block .apartment-preferences-box-content input[type="radio"]{ -webkit-appearance: none; position: relative; height: 100%; width: 100%; background-color: #ffffff; border-radius: 10px; cursor: pointer; border: 3px solid transparent; outline: none; box-shadow: 15px 15px 25px rgba(2,28,53,0.05); border: 2px solid #e5e9f4; }
.apartment-preferences .list-apartment .apartment-preferences-block .apartment-preferences-box-content input[type="radio"]:after{ position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f111"; font-size: 22px; top: 10px; left: 10px; color: #e2e6f3; display: none; }
.apartment-preferences .list-apartment .apartment-preferences-block .apartment-preferences-box-content input[type="radio"]:hover{
    transform: scale(1.08); }
.apartment-preferences .list-apartment .apartment-preferences-block .apartment-preferences-box-content input[type="radio"]:checked{ border: 2px solid #15b36a; }
.apartment-preferences .list-apartment .apartment-preferences-block .apartment-preferences-box-content input[type="radio"]:checked:after{ font-weight: 900; content: "\f058"; color: #478bfb; }
.apartment-preferences .list-apartment .apartment-preferences-block .apartment-preferences-box-content label{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; height: 80%; width: 100%; position: absolute; bottom: 0; cursor: pointer; }
.apartment-preferences .list-apartment .apartment-preferences-block .apartment-preferences-box-content label img{ width: 78%; filter: drop-shadow(0 0 6px #f149027d); border-radius: 10px; }
.apartment-preferences .list-apartment .apartment-preferences-block .apartment-preferences-box-content label .fas{ font-size: 60px; color: #2c2c51; }
.apartment-preferences .list-apartment .apartment-preferences-block .apartment-preferences-box-content input[type="radio"]:checked + label .fas{ animation: grow 0.5s; }
@keyframes grow{
    50%{
        font-size: 80px;
    }
}
.apartment-preferences .list-apartment .apartment-preferences-block .apartment-preferences-box-content label h6{ font-size: 18px; font-weight: 500; color: #585858; }

.apartment-preferences .list-apartment{ width: 90%; display: block; margin: 0 auto; background: #fff; border: 1px solid #ccc; border-radius: 10px; overflow: hidden; box-shadow: 0 0 5px #ccc; padding: 15px; text-align: left; }
.apartment-preferences .list-apartment form{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.apartment-preferences .list-apartment form h4{ font-size: 24px; line-height: 28px; color: #000; padding: 0 0 5px; margin: 0; font-weight: 400; }
.apartment-preferences .list-apartment form p{ font-size: 16px; line-height: 24px; color: #6b6b6b; padding: 0 0 15px; margin: 0; text-align: left; }
.apartment-preferences .list-apartment form .apartment-location-block{ width: 100%; padding: 10px 0;  margin: 0; display: inline-block; }
.apartment-preferences .list-apartment form .apartment-location-block p{ font-size: 17px; line-height: 20px; font-weight: 400; padding: 0 0 14px; margin: 0; color: #001125; }
.apartment-preferences .list-apartment form .apartment-location-block input{ width: 23%; float: left; height: 35px; padding: 6px 10px; margin: 0 9px 0 0; outline: none; border: 1px solid #ccc; background: #fff; }
.apartment-preferences .list-apartment form .apartment-location-block select{ width: 23%; float: left; height: 35px; padding: 6px 10px; margin: 0 9px 0 0; outline: none; border: 1px solid #ccc; background: #fff; }
/*.apartment-preferences .list-apartment form .apartment-location-block input[type="radio"]{ width: auto; height: auto; padding: 0; margin: 0 5px 0 0; float: none; }
.apartment-preferences .list-apartment form .apartment-location-block label{ padding: 0 20px 0 0; font-size: 14px; line-height: 16px; color: #525252; font-weight: 400; }*/
.apartment-preferences .list-apartment form .apartment-location-block textarea{ padding: 10px 15px; font-size: 14px; line-height: 16px; color: #525252; font-weight: 400; width: 100%; height: 150px; outline: none; border: 1px solid #ccc; }

.apartment-preferences .list-apartment form .apartment-location-block .apartment-location-box-content{ height: 50px; width: 23%; position: relative; margin: 0 0 30px; display: inline-block; margin: 0 15px 0 0; float: left; }
.apartment-preferences .list-apartment form .apartment-location-block .apartment-location-box-content input[type="radio"]{ -webkit-appearance: none; position: relative; height: 100%; width: 100%; background-color: #f3f4f6; border-radius: 10px; cursor: pointer; border: 3px solid transparent; outline: none; }
.apartment-preferences .list-apartment form .apartment-location-block .apartment-location-box-content input[type="radio"]:after{ position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f111"; font-size: 22px; top: 10px; left: 10px; color: #e2e6f3; display: none; }
.apartment-preferences .list-apartment form .apartment-location-block .apartment-location-box-content input[type="radio"]:hover{
     background: #e9ebee; }
.apartment-preferences .list-apartment form .apartment-location-block .apartment-location-box-content input[type="radio"]:checked{ background: #15b36a; color: #fff; }
.apartment-preferences .list-apartment form .apartment-location-block .apartment-location-box-content input[type="radio"]:checked:after{ font-weight: 900; content: "\f058"; color: #478bfb; }
.apartment-preferences .list-apartment form .apartment-location-block .apartment-location-box-content label{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; height: 0; width: 100%; position: absolute; bottom: 22px; cursor: pointer; }
.apartment-preferences .list-apartment form .apartment-location-block .apartment-location-box-content label .fas{ font-size: 60px; color: #2c2c51; }
.apartment-preferences .list-apartment form .apartment-location-block .apartment-location-box-content input[type="radio"]:checked + label .fas{ animation: grow 0.5s; }
@keyframes grow{
    50%{
        font-size: 80px;
    }
}
.apartment-preferences .list-apartment form .apartment-location-block .apartment-location-box-content label h6{ font-size: 14px; font-weight: 500; color: #393838; text-align: center; }

.apartment-location-box-content [for="Accommodation1"]{  }
.apartment-location-box-content [id="Apartment"]:checked + label{color: #fff;will-change: font-size;animation: heart 1s cubic-bezier(.17, .89, .32, 1.49);}

.apartment-location-box-content [for="Furnished1"]{  }
.apartment-location-box-content [id="Furnished"]:checked + label{color: #fff;will-change: font-size;animation: heart 1s cubic-bezier(.17, .89, .32, 1.49);}

.apartment-location-box-content [for="public1"]{  }
.apartment-location-box-content [id="public"]:checked + label{color: #fff;will-change: font-size;animation: heart 1s cubic-bezier(.17, .89, .32, 1.49);}
.apartment-location-box-content [for="Vegetarian1"]{  }
.apartment-location-box-content [id="Vegetarian"]:checked + label{color: #fff;will-change: font-size;animation: heart 1s cubic-bezier(.17, .89, .32, 1.49);}
.apartment-location-box-content [for="government-timing1"]{  }
.apartment-location-box-content [id="government-timing"]:checked + label{color: #fff;will-change: font-size;animation: heart 1s cubic-bezier(.17, .89, .32, 1.49);}

.apartment-preferences .list-apartment form .apartment-rent-block{ width: 33%; float: left; padding: 10px 0; margin: 0; display: inline-block;  }
.apartment-preferences .list-apartment form .apartment-rent-block p{ font-size: 17px; line-height: 20px; font-weight: 400; padding: 0 0 14px; margin: 0; color: #001125; }
.apartment-preferences .list-apartment form .apartment-rent-block input{ font-size: 14px; line-height: 16px; width: 90%; padding: 6px 10px; margin: 0 9px 0 0; height: 35px; background: #fff; border: 1px solid #ccc; outline: none; color: #000; }
.apartment-preferences .list-apartment form .apartment-rent-block select{ font-size: 14px; line-height: 16px; width: 90%; padding: 6px 10px; margin: 0 9px 0 0; height: 35px; background: #fff; border: 1px solid #ccc; outline: none; color: #000; }

.apartment-preferences .list-apartment form .apartment-check-block { width: 100%; float: left; padding: 10px 0; margin: 0; display: inline-block;  }
.apartment-preferences .list-apartment form .apartment-check-block p{ font-size: 17px; line-height: 20px; font-weight: 400; padding: 0 0 14px; margin: 0; color: #001125; }
.apartment-preferences .list-apartment form .apartment-check-block .apartment-check-block-content{
    height: 150px;
    width: 15%;
    position: relative;
    margin: 0 15px 0 0; display: inline-block; float: left;
}
.apartment-preferences .list-apartment form .apartment-check-block .apartment-check-block-content input[type="checkbox"]{
    -webkit-appearance: none;
    position: relative;
    height: 100%;
    width: 100%;
    
    border-radius: 10px;
    cursor: pointer;
    border: 3px solid transparent;
    outline: none;
    z-index: 99;
    border: 2px solid #ccc;
}
.apartment-preferences .list-apartment form .apartment-check-block .apartment-check-block-content input[type="checkbox"]:after{
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f111";
    font-size: 22px;
    top: 10px;
    left: 10px;
    color: #e2e6f3;
}

.apartment-preferences .list-apartment form .apartment-check-block .apartment-check-block-content input[type="checkbox"]:checked{
    border: 2px solid #15b36a;
}
.apartment-preferences .list-apartment form .apartment-check-block .apartment-check-block-content input[type="checkbox"]:checked:after{
    font-weight: 900;
    content: "\f058";
    color: #15b36a;
}
.apartment-preferences .list-apartment form .apartment-check-block .apartment-check-block-content label{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 0;
    width: 100%;
    position: absolute;
    bottom: 60px;
    cursor: pointer;
}
.apartment-preferences .list-apartment form .apartment-check-block .apartment-check-block-content label img{ width: 50%; filter: drop-shadow(0 0 20px #e5e9f4); }
.apartment-preferences .list-apartment form .apartment-check-block .apartment-check-block-content label .fas{
    font-size: 60px;
    color: #2c2c51;
}
.apartment-preferences .list-apartment form .apartment-check-block .apartment-check-block-content input[type="checkbox"]:checked + label .fas{
    animation: grow 0.5s;
}
@keyframes grow{
    50%{
        font-size: 80px;
    }
}
.apartment-preferences .list-apartment form .apartment-check-block .apartment-check-block-content label h6{
    
    font-size: 14px;
    font-weight: 500;
    color: #585858; text-align: center;
}

.apartment-preferences .list-apartment form .upload-photo-block{ width: 100%; float: left; padding: 10px 0; margin: 0; display: inline-block; }
.apartment-preferences .list-apartment form .upload-photo-block p{ font-size: 17px; line-height: 20px; font-weight: 400; padding: 0 0 14px; margin: 0; color: #001125; }
.apartment-preferences .list-apartment form .upload-photo-block .upload-photo-box{ width: 100%; border: 2px dashed #ccc; padding: 60px 15px; display: inline-block; }
.apartment-preferences .list-apartment form .upload-photo-block .upload-photo-box input[type="file"]{ width: 32%;
  float: left;
  padding: 10px 0;
  margin: 0; }
.apartment-preferences .list-apartment form .upload-photo-block h6{ font-size: 14px; line-height: 16px; color: #ccc; padding: 10px 0; margin: 0; }
.apartment-preferences .list-apartment form .upload-photo-block h6 strong{ color: #7f7f7f; }

.apartment-preferences .list-apartment form .apartment-btn{ width: 100%; padding: 0; border: none; border-radius: 0; margin: 0; text-align: center; }
.apartment-preferences .list-apartment form .apartment-btn input[type="submit"] { width: 15%; background: #f14902; color: #fff; padding: 10px; text-align: center; outline: none; border: none; font-size: 16px; font-weight: bold; line-height: 18px; margin: 15px 0; display: inline-block; transition: all 400ms ease-in-out; text-transform: uppercase; }
.apartment-preferences .list-apartment form .apartment-btn input[type="submit"]:hover { letter-spacing: 2px; transition: all 400ms ease-in-out; }

/*Looking Properties*/
.looking{  width: 100%; position: relative; display: inline-block; background: #fff9e6; padding: 30px 0; margin: 0; }

.looking .looking-properties-dec{ width: 100%;  padding: 100px 0 0; margin: 0; float: right; }
.looking .looking-properties-dec h2{ font-size: 40px; line-height: 46px; font-weight: bold; padding: 0; margin: 0; color: #313a49; }
.looking .looking-properties-dec h2 span{ font-weight: bold; color: #f14902; }
.looking .looking-properties-dec p{ font-size: 16px; line-height: 26px; color: #001125; padding: 10px 0 0; margin: 0; text-align: justify; }
.looking .looking-properties-dec a.properties-btn { width: 36%; background: #f14902; color: #fff; padding: 10px; text-align: center; outline: none; border: none; font-size: 16px; font-weight: bold; line-height: 18px; margin: 30px 0 0; display: inline-block; transition: all 400ms ease-in-out; text-transform: uppercase; }
.looking .looking-properties-dec a.properties-btn:hover{ letter-spacing: 2px; transition: all 400ms ease-in-out; }
.looking .looking-properties-image{ width: 100%; padding: 0; margin: 0; }
.looking .looking-properties-image img{ width: 100%; }

/*blog*/
.blog{ width: 100%; position: relative; display: block; background: url(../images/blog-banner.png) no-repeat; background-size: cover; padding: 30px 0 50px; margin: 0; }
.blog h2{ font-size: 40px; line-height: 46px; font-weight: bold; padding: 0 0 30px; margin: 0; color: #313a49; text-align: center; }
.blog h2 span{ font-weight: bold; color: #f14902; }
.blog .blog-box{ width: 100%; padding: 0; margin: 0; background: #fff; overflow: hidden; border: 1px solid #ccc; overflow: hidden; }
.blog .blog-box img{ position: relative; width: 100%; }
.blog .blog-box h5{ position: absolute; content: ""; top: 215px; right: 30px;  font-size: 16px; line-height: 22px; color: #fff; background: #f14902; padding: 10px 30px;  font-weight: bold; border: 2px solid #fff; }
.blog .blog-box .blog-box-dec{ width: 100%; padding: 10px 20px 30px; margin: 0; background: #fff;  }
.blog .blog-box .blog-box-dec h6{  font-size: 14px; line-height: 20px; color: #f14902; padding: 20px 0 5px; margin: 0; }
.blog .blog-box .blog-box-dec h6 span{ color: #f14902; font-size: 24px; }
.blog .blog-box .blog-box-dec h3{ font-size: 18px; line-height: 25px; color: #313a49; padding: 20px 0 0; margin: 0; font-weight: bold;  }
.blog .blog-box .blog-box-dec p{  font-size: 16px; line-height: 26px; color: #001125; padding: 14px 0; margin: 0; text-align: justify; }
.blog .blog-box .blog-box-dec a{ display: inline-block;  font-size: 16px; line-height: 18px; color: #fff; background: #f14902; padding: 10px 0; letter-spacing: 1; width: 50%; text-align: center; transition: all 400ms ease-in-out; font-weight: bold; text-transform: uppercase; }
.blog .blog-box .blog-box-dec a:hover{ letter-spacing: 2px; transition: all 400ms ease-in-out; background-image: #f14902; }

/*Blog Single Page*/
.blog-single{ width: 100%; position: relative; display: block; background: url(../images/agreement-banner.png) no-repeat top left; background-size: cover; padding: 30px 0; margin: 0; }
.blog-single .blog-single-page-content{ width: 100%; padding: 15px; margin: 0; border: 1px solid #ccc; }
.blog-single .blog-single-page-content img{ width: 100%; }
.blog-single .blog-single-page-content h3{ font-size: 24px; line-height: 30px; color: #313a49; padding: 20px 0 0; margin: 0; font-weight: bold; }
.blog-single .blog-single-page-content p{ font-size: 16px; line-height: 26px; color: #001125; padding: 14px 0; margin: 0; text-align: justify; font-weight: bold; }

.blog-single .blog-all-content{ width: 100%; padding: 10px; margin: 0 0 30px; border: 1px solid #ccc; }
.blog-single .blog-all-content img{ width: 100%; }
.blog-single .blog-all-content h3{ font-size: 18px; line-height: 25px; color: #313a49; padding: 10px 0 0; margin: 0; font-weight: bold;  }

/*Why Choose*/
.whychoos { position: relative; width: 100%; display: block; padding: 30px 0 60px; margin: 0 0; background: #fff; }
.whychoos .why-box { width: 100%; padding: 0; margin: 0; border-radius: 20px 0 60px 0; }
.whychoos .why-box img { width: 30%; margin: 20px auto 0; display: block; border-radius: 50px 100px 50px 0; }
.whychoos .why-box h3 { color: #000000f5; text-align: center; font-size: 20px; line-height: 25px; padding: 10px 0; }
.whychoos .why-box p { text-align: center; font-size: 16px; line-height: 24px; color: #535353; padding: 0; margin: 0; }

/*Contact Us*/
.contact{ width: 100%; display: block; position: relative; background: #fff; padding: 60px 0; margin: 0; }
.contact .contact-box{ width: 50%; display: block; margin: 0 auto; border: 1px solid #ccc; border-radius: 10px; box-shadow: 0 0 5px #ccc; background: url(../images/apartment-image.png) no-repeat top left; background-size: cover; }
.contact .contact-box .contact-form{ width: 100%; padding: 15px; margin: 0 0 30px; }
.contact .contact-box .contact-form h3{  font-size: 24px; line-height: 30px; color: #fff; background: #313a49; text-align: center; padding: 10px 0; margin: 0; font-weight: bold; text-transform: capitalize;  }
.contact .contact-box .contact-form form{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.contact .contact-box .contact-form form .fill-box{ width: 47%; float: left; padding: 20px 0 0; margin: 0 8px; }
.contact .contact-box .contact-form form .fill-box label{ width: 100%; display: inline-block;  font-size: 14px; line-height: 16px; color: #000; padding: 0 0 10px; margin: 0; }
.contact .contact-box .contact-form form .fill-box input{ width: 100%; display: inline-block;  font-size: 16px; line-height: 18px; color: #000; border: 1px solid #ccc; outline: none; padding: 10px; margin: 0; height: 35px;  }
.contact .contact-box .contact-form form .message{ width: 96%; padding: 20px 0 0; margin: 0 10px; }
.contact .contact-box .contact-form form .message textarea{ width: 100% !important; display: inline-block; height: 130px;  font-size: 16px; line-height: 16px; color: #000; padding: 10px; margin: 0; border: 1px solid #ccc; outline: none; }
.contact .contact-box .contact-form form .button{ width: 100%; }
.contact .contact-box .contact-form form .fill-box input[type="submit"]{  width: 50%; background: #f14902; color: #fff; padding: 10px; text-align: center; outline: none; border: none; font-size: 16px; font-weight: bold; line-height: 18px; display: inline-block; transition: all 400ms ease-in-out; text-transform: uppercase; display: block; margin: 0 auto; height: auto; }
.contact .contact-box .contact-form form .fill-box input[type="submit"]:hover { letter-spacing: 2px; transition: all 400ms ease-in-out; }
.contact .contact-box .discount-dec{ width: 100%; padding: 15px; margin: 0; }
.contact .contact-box .discount-dec h3{  font-size: 24px; line-height: 30px; color: #fff; background: #313a49; text-align: center; padding: 10px 0; margin: 0; font-weight: bold; text-transform: capitalize;  }
.contact .contact-box .discount-dec ul{ padding: 30px 0 0; margin: 0; }
.contact .contact-box .discount-dec ul li{ padding: 0; margin: 0; text-align: center; font-size: 16px; line-height: 18px; color: #313a49; }
.contact .contact-box .discount-dec ul li a{ display: inline-block; color: #313a49; font-size: 16px; line-height: 18px; padding: 0; margin: 0 0 10px; transition: all 500ms ease-in-out; font-weight: bold; }
.contact .contact-box .discount-dec ul li a:hover{ color: #f14902; transition: all 500ms ease-in-out; }
.contact .contact-box .discount-dec ul li i{ color: #313a49; padding: 0 10px 0 0; }

/*Terms Conditions*/
.terms{ position: relative; width: 100%; display: block; padding: 60px 0; margin: 0 0; background: #fff; }
.terms .terms-dec{ width: 100%; padding: 0; margin: 0; }
.terms .terms-dec p{ font-size: 18px; line-height: 26px; color: #001125; padding: 10px 0 0; margin: 0; text-align: justify; }
.terms .terms-img{ width: 100%; padding: 0; margin: 0; }
.terms .terms-img img{ width: 100%; }

/*normal custom css */

/*.pageloadPupup{}
.pageloadPupup .modal-dialog { width: 1000px; margin:20px auto; background: #fc5249; overflow: hidden; border-radius: 15px;}
.pageloadPupup .modal-content{background: #fff; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 16px;}
.pageloadPupup .modal-header{background: #fff;
padding: 15px 0 10px;}
.pageloadPupup .modal-header img{width: 10%; margin: 0 auto; display: block;}
.modal-header .close { margin-top: -15px; margin-right: 15px; }
.close {float: right;font-size: 30px;font-weight: bold;line-height: 1;color: #00000080;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: 1;}
.pageloadPupup .modal-body .service-modal-block{ width: 100%; padding: 0; margin: 0; }
.pageloadPupup .modal-body .service-modal-block .service-content-image{ width: 100%; padding: 0; margin: 0; }
.pageloadPupup .modal-body .service-modal-block .service-content-image img{ width: 100%; }
.pageloadPupup .modal-body .service-modal-block .service-modal-content{ width: 100%; padding: 0; margin: 0; }
.pageloadPupup .modal-body .service-modal-block .service-modal-content h3{ font-size: 30px; line-height: 34px; color: #037aa2; padding: 0; margin: 0; }
.pageloadPupup .modal-body .service-modal-block .service-modal-content p{ font-size: 16px; line-height: 26px; color: #404040; padding: 10px 0; margin: 0; text-align: justify; }

.pageloadPupup .modal-body .service-modal-block .service-modal-content ul{ padding: 0; margin: 0; }
.pageloadPupup .modal-body .service-modal-block .service-modal-content ul li{font-size: 16px; line-height: 26px; color: #404040; padding: 5px 0; text-align: justify; }
.pageloadPupup .modal-body .service-modal-block .service-modal-content ul li b{  font-size: 14px; line-height: 20px; }
.pageloadPupup .modal-footer button{ font-family: 'Raleway', sans-serif; display: inline-block; outline: 0; font-size: 14px; line-height: 18px; padding: 10px 0; width: 20%; text-transform: uppercase; margin: 0; color: #fff; border-radius: 30px; font-weight: bold; box-shadow: 0px 0 5px #00000082; transition: all 500ms ease-in-out; background: #055d8a; }
.pageloadPupup .modal-footer button:hover{ background: #d70647; transition: all 500ms ease-in-out; }*/

/*normal ccustom css */

.pageloadPupup{}
.pageloadPupup .modal-dialog { width: 1000px; margin:30px auto; background: #fc5249; overflow: hidden; border-radius: 15px;}
.pageloadPupup .modal-content{background: #fff; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 16px; background: #fff;}
.pageloadPupup .modal-header{background: #fff;
padding: 15px 0 10px;}
.pageloadPupup .modal-header img{width: 16%; margin: 0 auto; display: block;}
.modal-header .close { margin-top: -15px; margin-right: 15px; }
.close {float: right;font-size: 30px;font-weight: bold;line-height: 1;color: #00000080;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: 1;}
.pageloadPupup .modal-body{ width: 100%; display: inline-block; padding: 20px 0; margin: 0; }
.pageloadPupup .modal-body .modal-images{ width: 100%; padding: 10px 10px 0; margin: 0; border: 1px solid #ccc; }
.pageloadPupup .modal-body .modal-images ul{ padding: 0; margin: 0; }
.pageloadPupup .modal-body .modal-images ul li{ padding: 0; margin: 0 0 10px; }
.pageloadPupup .modal-body .modal-images ul li img{ width: 100%; }
.pageloadPupup .modal-body .modal-enquary{ width: 100%; padding: 0; margin: 0 auto; display: block; /*background: #00000094;*/ border: 1px solid #ccc; /*box-shadow: 0 0 10px #353535;*/ overflow: hidden; }
.pageloadPupup .modal-body .modal-enquary h3{ font-family: 'Raleway', sans-serif; font-size: 24px; line-height: 30px; color: #fff; background: #037aa2; text-align: center; padding: 10px 0; margin: 0; font-weight: bold; text-transform: capitalize; border-bottom: 3px solid #34bedb; }
.pageloadPupup .modal-body .modal-enquary form{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.pageloadPupup .modal-body .modal-enquary form .modal-enquary-form{ width: 46%; float: left; padding: 0; margin: 8px; }
.pageloadPupup .modal-body .modal-enquary form .modal-enquary-form label{ width: 100%; font-size: 16px; line-height: 18px; color: #000; padding: 0 0 10px; margin: 0;  }
.pageloadPupup .modal-body .modal-enquary form .modal-enquary-form input{ width: 100%; font-size: 16px; line-height: 18px; color: #000; padding: 8px 10px; margin: 0; outline: none; background: none; border: 1px solid #ccc;  }
.pageloadPupup .modal-body .modal-enquary form .modal-enquary-form select{ width: 100%; font-size: 16px; line-height: 18px; color: #000; padding: 8px 10px; margin: 0; border: 1px solid #ccc; /*border-radius: 6px;*/ outline: none; }
.pageloadPupup .modal-body .modal-enquary form .requirements{ width: 100%; padding: 0; margin: 10px; }
.pageloadPupup .modal-body .modal-enquary form .requirements label{ width: 100%; font-size: 16px; line-height: 18px; color: #000; padding: 0 0 10px; margin: 0;  }
.pageloadPupup .modal-body .modal-enquary form .requirements textarea{ width: 96%; height: 100px; font-size: 16px; line-height: 18px; color: #000; padding: 10px; margin: 0; border: 1px solid #ccc; /*border-radius: 6px*/; outline: none; background: none; }

.pageloadPupup .modal-body .modal-enquary form .checkbox{ width: 100%; }
.pageloadPupup .modal-body .modal-enquary form .checkbox input{ width: 5%; float: left; position: absolute; content: ""; top: 2px; }
.pageloadPupup .modal-body .modal-enquary form .checkbox a{ font-size: 16px; line-height: 18px; color: #000; padding: 0 0 0 30px; margin: 0; }
.pageloadPupup .modal-body .modal-enquary form .enquary-btn{ width: 100%; padding: 0; margin: 0 0 30px; }
.pageloadPupup .modal-body .modal-enquary form .enquary-btn input[type="submit"]{ width: 30%; font-size: 16px; line-height: 18px; color: #fff; text-transform: uppercase; padding: 10px 0; margin: 0 auto; transition: all 300ms ease-in-out; display: block; background: #037aa2; border-radius: 0;}
.pageloadPupup .modal-body .modal-enquary form .enquary-btn input[type="submit"]:hover{ letter-spacing: 2px; transition: all 300ms ease-in-out; }

/*Footer Start*/
.footer{ width: 100%; position: relative; display: block; background: url(../images/footer-banner-2.png) no-repeat top left; background-size: cover; padding: 30px 0; margin: 0; border-radius: 320px 0 0 0; }
.footer .footer-about{ width: 100%; padding: 0; margin: 0; }
.footer .footer-about .footer-logo{ width: 85%; padding: 0 0 20px; margin: 0; }
.footer .footer-about .footer-logo img{ width: 100%; }
.footer .footer-about h4{ font-size: 24px; line-height: 28px; color: #fff; padding: 0 0 10px; margin: 0; }
.footer .footer-about form{ width: 100%; padding: 0; margin: 0 0 30px; }
.footer .footer-about form .search-email{ width: 100%; padding: 0; margin: 0; }
.footer .footer-about form .search-email input{ width: 70%; float: left; font-size: 18px; line-height: 20px; color: #fff; padding: 10px; margin: 0; background: none; border: 1px solid #048C98; outline: none; }
.footer .footer-about form .search-email button{ width: 30%; font-size: 18px; line-height: 22px; color: #fff; padding: 10px 0; margin: 0; background: #048C98; outline: none; border: none; transition: all 400ms ease-in-out; }
.footer .footer-about form .search-email button:hover{ background: #017882; transition: all 400ms ease-in-out; }
.footer .footer-about ul.footer-social{ padding: 0; margin: 0; }

.footer .footer-about ul.footer-social li{ display: inline-block; padding: 0; margin: 0 10px 0 0; }
.footer .footer-about ul.footer-social li a{ font-size: 20px; background: #f14902; display: inline-block; width: 40px; height: 40px; color: #fff; padding: 10px 0; transition: all 400ms ease-in-out; text-align: center; border: 1px solid #fff; }
.footer .footer-about ul.footer-social li a:hover{   background: ; transition: all 400ms ease-in-out; }
.footer .footer-about ul.footer-social li a i{ color: #fff; padding: 0; }

.footer .footer-about ul{ padding: 0; margin: 0; }
.footer .footer-about ul li{ padding: 0; margin: 0; }
.footer .footer-about ul li i{ color: #fff; padding: 0 10px 0 0; }
.footer .footer-about ul li a{ font-size: 16px; line-height: 18px; display: inline-block; color: #fff; padding: 6px 0; transition: all 400ms ease-in-out; text-align: center; transition: all 400ms ease-in-out; }
.footer .footer-about ul li a:hover{ color: #f14902; transition: all 400ms ease-in-out; }
.footer .footer-about p{ font-size: 16px; line-height: 21px; display: inline-block; color: #fff; padding: 0 0 30px; margin: 0; text-align: justify; }
.footer .footer-about p i{ color: #fff; padding: 0 10px 0 0; }
.footer .footer-about p span{ font-size: 18px; color: #a99974; background: linear-gradient(to right, #ac9c8f 0%, #9b9b9b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; padding: 0 10px 0 0; font-weight: 500; }
.footer .footer-about ul li span{ font-size: 18px; background: linear-gradient(to right, #ac9c8f 0%, #9b9b9b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
 padding: 0 10px 0 0; font-weight: 500; }
 .footer .footer-about a.footer-apartment-btn{ width: 80%; background: #f14902; color: #fff; padding: 10px 0; text-align: center; outline: none; border: none; font-size: 16px; font-weight: bold; line-height: 18px; margin: 0; display: inline-block; transition: all 400ms ease-in-out; }
 .footer .footer-about a.footer-apartment-btn:hover{ letter-spacing: 1.2px; transition: all 400ms ease-in-out; }
.footer h4{ font-size: 24px; line-height: 28px; color: #fff; padding: 0 0 10px; margin: 0; }
.footer .map{ width: 100%; height: 252px; padding: 10px; border: 1px solid #f14902; margin: 0; }
.footer .map iframe{ width: 100%; height: 100%; }

.footer .footer-block ul{ padding: 0; margin: 0; border-bottom: 1px dotted #c9b22d; border-top: 1px dotted #c9b22d; width: 90%; margin: 20px auto; }
.footer .footer-block ul li{ margin: 15px 5px; display: inline-block; padding: 0px 20px; border-right: 1px solid #cccccc57; }
.footer .footer-block ul li:nth-child(7){ border-right: none; }
.footer .footer-block ul li a{ font-size: 16px; line-height: 18px; display: inline-block; color: #fff; padding: 0; transition: all 400ms ease-in-out; text-align: center; transition: all 400ms ease-in-out; }
.footer .footer-block ul li a:hover{ color: #8ed813; transition: all 400ms ease-in-out; }

.footer .footer-block ul li i{ font-size: 18px; color: #fff; padding: 0 10px 0 0; }
.footer .footer-block ul.footer-contact{ padding: 0; margin: 0; border-bottom: none; border-top: none; width: 100%; }
.footer .footer-block ul.footer-contact li{ display: inline-block; padding: 0; margin: 0 30px 0 0; border-right: none; }
.footer .footer-block ul.footer-contact li a{ font-size: 16px; line-height: 18px; display: inline-block; color: #fff; padding: 0; transition: all 400ms ease-in-out; text-align: center; transition: all 400ms ease-in-out; }
.footer .footer-block ul.footer-contact li a:hover{ color: #8ed813; transition: all 400ms ease-in-out; }

/*Copyright Start*/
.copyright{ width: 100%; position: relative; background: #101318; padding: 10px 0; margin: 0; text-align: center;     border-top: 1px solid #f14902; }
.copyright p{ font-size: 16px; line-height: 18px; display: inline-block; color: #fff; padding: 0; margin: 0; }
.copyright p span{ padding: 0 0 0 10px; }
.copyright p a{ color: #ec3136; transition: all 400ms ease-in-out; }
.copyright p a:hover{ color: #f00; transition: all 400ms ease-in-out; }

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: style.css

Server Info

System Features

User Info