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: 70%; 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;*/ display: block ruby; }
.header .menu ul.sf-menu{  padding: 0; }
/*.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: 190px; 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; right: 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; }
.header .log-in .dropdown h5{ text-align: right;
    font-size: 16px;
    width: 83%;
    float: left;
    color: #fff; padding:7px 0 0; }

/*Login Start*/
.log-in-block{ width: 100%; position: relative; background: #ffffffe0; padding: 60px 0; margin: 0; display: block; background: url(../images/preference-banner.png) no-repeat top left; background-size: cover; }
.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%; }

/*Notiofication*/
.notification{ 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; }
.notification .notification-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; padding: 15px; height: 400px; }
.notification .notification-box-content h2{ font-size: 40px; line-height: 46px; font-weight: bold; padding: 0 0 30px; margin: 0; color: #313a49; text-align: center; }
.notification .notification-box-content h2 span{ font-weight: bold; color: #f14902; }
.notification .notification-box-content p{ font-size: 16px; line-height: 24px; color: #6b6b6b; padding: 100px 0 0; margin: 0; text-align: center; }

/*Profile*/
.my-profile{ 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; }
.my-profile .profile-block{ width: 60%; display: block; margin: 0 auto; background: #fff; border: 1px solid #ccc; border-radius: 10px; overflow: hidden; box-shadow: 0 0 5px #ccc; padding: 15px; }
.my-profile .profile-block h2{ font-size: 40px; line-height: 46px; font-weight: bold; padding: 0 0 30px; margin: 0; color: #313a49; text-align: center; }
.my-profile .profile-block h2 span{ font-weight: bold; color: #f14902; }
.my-profile .profile-block form{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.my-profile .profile-block form .profile-fillup{ width: 46%; float: left; padding: 20px 0; margin: 0 10px; display: inline-block; }
.my-profile .profile-block form .profile-fillup p{ font-size: 16px; line-height: 24px; color: #6b6b6b; padding: 0 0 15px; margin: 0; }
.my-profile .profile-block form .profile-fillup 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; }
.my-profile .profile-block form .image-profile{ width: 100%; text-align: center; padding: 0; margin: 0; }
.my-profile .profile-block form .image-profile img{ width: 15%; border-radius: 60px; border: 2px solid #ccc; }
.my-profile .profile-block form .image-profile a{ padding: 0; margin: 0 0 0 15px; }
.my-profile .profile-block form .image-profile a i{ font-size: 16px; line-height: 18px; color: #f14902; }
.my-profile .profile-block form .profile-fillup a{ padding: 0; margin: 0; }
.my-profile .profile-block form .profile-fillup a i{ font-size: 16px; line-height: 18px; color: #f14902; }
.my-profile .profile-block form .profile-fillup .gender-content{ height: 40px; width: 30%; position: relative; margin: 0 0 30px; display: inline-block; margin: 0 10px 0 0; float: left; }
.my-profile .profile-block form .profile-fillup .gender-content input[type="radio"]{-webkit-appearance: none; position: absolute; height: 100%; width: 100%; background-color: #f3f4f6; border-radius: 10px; cursor: pointer; border: 3px solid transparent; outline: none; opacity:0;  }
.my-profile .profile-block form .profile-fillup .gender-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; }
.my-profile .profile-block form .profile-fillup .gender-content input[type="radio"]:hover{
     background: #e9ebee; }
.my-profile .profile-block form .profile-fillup .gender-content input[type="radio"]:checked{ background: #f14902; color: #fff; }
.my-profile .profile-block form .profile-fillup .gender-content input[type="radio"]:checked:after{ font-weight: 900; content: "\f058"; color: #478bfb; }
.my-profile .profile-block form .profile-fillup .gender-content label{ display: flex; flex-direction: column; align-items: center; justify-content: center; height:100%; width: 100%; cursor: pointer; background:#f3f4f6; padding:10px; border-radius:6px; }
.my-profile .profile-block form .profile-fillup .gender-content label span{ font-size: 12px;  font-weight: 400; }
.my-profile .profile-block form .profile-fillup .gender-content label .fas{ font-size: 60px; color: #2c2c51; }
.my-profile .profile-block form .profile-fillup .gender-content input[type="radio"]:checked + label .fas{ animation: grow 0.5s; }
.my-profile .profile-block form .profile-fillup .gender-content input[type="radio"]:checked + label{ background:#f14902; color: #fff; }
@keyframes grow{
    50%{
        font-size: 80px;
    }
}
.my-profile .profile-block form .profile-fillup .gender-content label h6{ font-size: 14px; font-weight: 500; color: #393838; text-align: center; }

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

.my-profile .profile-block form .profile-btn { width: 100%; display: block; margin: 0 ; padding: 0; text-align: center; }
.my-profile .profile-block form .profile-btn input[type="submit"]{ width: 30%; background: #f14902; color: #fff; padding: 10px 0; 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; }

.my-profile .profile-block form .profile-btn input[type="submit"]:hover{ transition: all 400ms ease-in-out; letter-spacing: 2px; }
.my-profile .profile-block .delete-profile{ width: 100%; padding: 40px 0 20px; margin: 0;  }
.my-profile .profile-block .delete-profile p{ font-size: 16px; line-height: 24px; color: #6b6b6b; padding: 0 0 15px; margin: 0; }
.my-profile .profile-block .delete-profile a{ font-size: 16px; line-height: 18px; color: #f14902; }
.my-profile .profile-block .delete-profile a i{ padding: 0 10px 0 0; }
/*Profile Popup */

.pageloadPupup{}
.pageloadPupup .modal-dialog { width: 800px; margin:90px 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: #313a49;
padding: 15px 0 10px;}
.pageloadPupup .modal-header img{width: 16%; margin: 0 auto; display: block;}
.modal-header .close { margin-top: -15px; margin-right: 15px; color: #fff; }
.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 .choose-profile{ width: 100%; text-align: center; padding: 15px; }
.pageloadPupup .modal-body .choose-profile form{ width: 100%; padding: 0; margin: 0; }
.pageloadPupup .modal-body .choose-profile form h2{ font-size: 40px; line-height: 46px; font-weight: bold; padding: 0 0 30px; margin: 0; color: #313a49; text-align: center; }
.pageloadPupup .modal-body .choose-profile form h2  span{ font-weight: bold;
  color: #f14902;
}
.pageloadPupup .modal-body .choose-profile form h3{ font-size: 30px; line-height: 36px; font-weight: bold; padding: 0 0 15px; margin: 0; color: #f14902; text-align: center; }
.pageloadPupup .modal-body .choose-profile form .choose-profile-block-content{ height: 115px; width: 15%; position: relative; margin: 0 15px 15px; display: inline-block; text-align: center; }
.pageloadPupup .modal-body .choose-profile form .choose-profile-block-content input[type="radio"]{ -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; border-radius: 80px; }
.pageloadPupup .modal-body .choose-profile form .choose-profile-block-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; }

.pageloadPupup .modal-body .choose-profile form .choose-profile-block-content input[type="radio"]:checked{
    border: 2px solid #f14902;
}
.pageloadPupup .modal-body .choose-profile form .choose-profile-block-content input[type="radio"]:checked:after{ font-weight: 900; content: "\f058"; color: #f14902; }
.pageloadPupup .modal-body .choose-profile form .choose-profile-block-content label{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; height: 0; width: 100%; position: absolute; bottom: 48px; cursor: pointer; }
.pageloadPupup .modal-body .choose-profile form .choose-profile-block-content label img{ width: 90%; filter: drop-shadow(0 0 20px #e5e9f4); border-radius: 80%; }
.pageloadPupup .modal-body .choose-profile form .choose-profile-block-content label .fas{
    font-size: 60px;
    color: #2c2c51;
}
.pageloadPupup .modal-body .choose-profile form .choose-profile-block-content input[type="radio"]:checked + label .fas{
    animation: grow 0.5s;
}
@keyframes grow{
    50%{
        font-size: 80px;
    }
}
.pageloadPupup .modal-body .choose-profile form .choose-profile-block-content label h6{
    
    font-size: 14px;
    font-weight: 500;
    color: #585858; text-align: center;
}
.pageloadPupup .modal-body .choose-profile form .profile-change-btn{ width: 100%; padding: 0; margin: 0; }
.pageloadPupup .modal-body .choose-profile form .profile-change-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; }
.pageloadPupup .modal-body .choose-profile form .profile-change-btn input[type="submit"]:hover{ letter-spacing: 1.5px; transition: all 400ms ease-in-out; }
.pageloadPupup .modal-body .choose-profile form .profile-change-btn a{ width: 30%; background: #ccc; color: #313a49; 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; }
.pageloadPupup .modal-body .choose-profile form .profile-change-btn a i{ color: #f14902; }

.pageloadPupup .modal-body .choose-profile form .inputtypefile{ position: relative; text-align: center;}
.pageloadPupup .modal-body .choose-profile form .inputtypefile input{ position: absolute; top: 15px; left: 0; right: 0; margin: 0 auto; width: 30%; font-size: 15px; padding: 7px 0; opacity: 0; cursor: pointer;}

.pageloadPupup .modal-body .choose-profile form .edit-name{ width: 35%;
  padding: 15px 0;
  margin: 0 15px; display: inline-block; }
.pageloadPupup .modal-body .choose-profile form .edit-name p{ font-size: 16px;
  line-height: 24px;
  color: #6b6b6b;
  padding: 0 0 15px;
  margin: 0; text-align: left; }
.pageloadPupup .modal-body .choose-profile form .edit-name input{ 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; }
.pageloadPupup .modal-body .choose-profile form .edit-name-btn{ width: 100%; padding: 0; margin: 0; }
.pageloadPupup .modal-body .choose-profile form .edit-name-btn input[type="submit"]{ width: 20%; background: #f14902; color: #fff; padding: 10px; text-align: center; outline: none; border: none; font-size: 16px; font-weight: bold; line-height: 18px; margin: 15px; display: inline-block; transition: all 400ms ease-in-out; text-transform: uppercase; }
.pageloadPupup .modal-body .choose-profile form .edit-name-btn input[type="submit"]:hover{ letter-spacing: 2px; transition: all 400ms ease-in-out; }
.pageloadPupup .modal-body .choose-profile form .edit-name-btn input#cancle[type="submit"]{ background: #313a49; }

.pageloadPupup .modal-body .choose-profile form .edit-name-btn input[type="reset"]{ width: 20%; background: #313a49; color: #fff; padding: 10px; text-align: center; outline: none; border: none; font-size: 16px; font-weight: bold; line-height: 18px; margin: 15px; display: inline-block; transition: all 400ms ease-in-out; text-transform: uppercase; }
.pageloadPupup .modal-body .choose-profile form .edit-name-btn input[type="reset"]:hover{ letter-spacing: 2px; transition: all 400ms ease-in-out; }

/*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: 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%; }

/*Chat*/
.main-panel{ width: 100%; position: relative; padding: 60px 0; margin: 0; display: block; background: url(../images/preference-banner.png) no-repeat top left;
    background-size: auto; background-size: cover; }
.main-panel  h4{ font-size: 40px; line-height: 46px; font-weight: bold; padding: 0; margin: 0; color: #313a49; text-align: center; }
.main-panel  h4 span{ font-weight: bold; color: #f14902; }
.main-panel form{width: 100%; display: block; margin: 0 auto; padding: 30px 0; }
.main-panel input[type="text"]{ width: 95%; border: 1px solid #ccc; background: #fff; outline: none; padding: 10px; margin: 0 10px 30px; float: left; color: #000; height: 80px; } 
 .main-panel input{ width: 46%; border: 1px solid #ccc; background: #fff; outline: none; padding: 10px; margin: 0 8px 30px; display:inline; color: #000; }
  
.main-panel input[type="button"] { 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: 0 auto; display: block; transition: all 400ms ease-in-out; text-transform: uppercase; }

.main-panel #display{ width: 80%; padding: 30px 0; margin: 0; float: right; }
.main-panel #display .right{ width: auto; color: #f14902; border: 1px solid #ccc; background: #f1f1f1; padding: 15px; border:2px solid #ccc; border-radius: 13px; }
.main-panel #display .left{ width: auto; color: #313a49; border: 1px solid #ccc; background: #f1f1f1; padding: 15px; border:2px solid #ccc; border-radius: 13px; }
.main-panel #display .left span.name_span{ dispaly:block;  width: 100%; float:left; font-size: 14px; color: #008de2; font-weight:bold; }
.main-panel #display .left span.name_span2{ dispaly:block;  width: 100%; color: #313a49; }

/*Chat History*/
.chat-history{ width: 100%; position: relative; display: block; background: url(../images/agreement-banner.png) no-repeat top left; background-size: cover; padding: 30px 0; margin: 0; }
.chat-history h2{ font-size: 40px; line-height: 46px; font-weight: bold; padding: 0 0 30px; margin: 0; color: #313a49; text-align:center; }
.chat-history h2 span{ font-weight: bold; color: #f14902; }

.chat-history .chat-history-block {
  border: 2px solid #dedede;
  background-color: #f1f1f1;
  border-radius: 5px;
  padding: 10px;
  margin: 10px auto;
  width: 50%;
}

.chat-history .darker {
  border-color: #ccc;
  background-color: #ddd;
}

.chat-history .chat-history-block::after {
  content: "";
  clear: both;
  display: table;
}

.chat-history .chat-history-block img {
  float: left;
  max-width: 60px;
  width: 100%;
  margin-right: 20px;
  border-radius: 50%;
}

.chat-history .chat-history-block p{ font-size: 18px; line-height: 26px; color: #001125; padding: 10px 0; margin: 0; text-align: justify; }

.chat-history .chat-history-block img.right {
  float: right;
  margin-left: 20px;
  margin-right:0;
}

.time-right {
  float: right;
  color: #aaa;
}

.time-left {
  float: left;
  color: #999;
}

/*card*/
.card-block-box{ width: 100%; position: relative; display: block; background: url(../images/preference-banner.png) no-repeat top left; background-size: cover; padding: 60px 0; margin: 0; }
.card-block-box .card{ width: 100%; }
.card-block-box .card table thead{ background: #313a49;
  color: #fff; }
.card-block-box .card table thead tr{ }
.card-block-box .card table thead tr th{ padding: 10px 15px;
  color: #fff;
  font-size: 16px;
  font-weight: bold; text-align: center; }

.card-block-box .card table tbody{ background: #f1f1f1; }
.card-block-box .card table tbody tr{}
.card-block-box .card table tbody tr td{ padding: 10px 15px;
  color: #000;
  font-size: 16px; text-align: center; }
.card-block-box .card table tbody tr td a{ background: #f14902;
  color: #fff;
  padding: 6px 0;
  text-align: center;
  outline: none;
  border: none;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  margin: 0 auto;
  display: block;
  transition: all 400ms ease-in-out;
  text-transform: uppercase; width: 80%; }
.card-block-box .card table tbody tr td a:hover{ background: #d14003; transition: all 400ms ease-in-out; }

/*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: 10px; margin: 0; border: 1px solid #f14902; overflow: hidden; border-radius: 40px 0 0 100px; box-shadow: 0 0 5px #ccc; }
.inner-about .inner-about-img img{ width: 100%; border-radius: 30px 0 0 90px; }

/*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 #f14902; padding: 15px; margin: 0; box-shadow: 0 0 5px #ccc; }
.mission .mission-block-image img{ width: 100%; border-radius: 200px 200px 0 0; }
.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 #f14902; padding: 10px; margin: 225px 0 0; box-shadow: 0 0 5px #ccc; }
.mission .mission-block-image-right img{ width: 100%; border-radius: 200px 0 0 200px; }

/*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 #f14902; padding: 10px; margin: 0; box-shadow: 0 0 5px #ccc; }
.vision .vision-block-image img{ width: 100%; border-radius: 90px 0 90px 0; }
.vision .vision-block-dec{ width: 100%; padding: 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; height: 220px; }
.properties .properties-list-block-box .flatmate-images img{ width: 100%; height: 220px; }

.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; height: 60px; 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 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 .list-filter form .list-filter-block .list-filter-box-content{ height: 50px; width: 100%; position: relative; display: inline-block; margin: 0 0 15px; float: left; }
/*.properties-list .list-filter form .list-filter-block .bedroom{ height: 50px; width: 17%; position: relative; display: inline-block; margin: 0 5px 0 0; float: left;  }*/
.properties-list .list-filter form .list-filter-block .list-filter-box-content input[type="radio"]{ -webkit-appearance: none; position: absolute; height: 100%; width: 100%; border-radius: 10px; cursor: pointer; border: 3px solid transparent; outline: none; opacity:0; }
.properties-list .list-filter form .list-filter-block .list-filter-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; }
.properties-list .list-filter form .list-filter-block .list-filter-box-content input[type="radio"]:hover{
     background: #e9ebee; }
.properties-list .list-filter form .list-filter-block .list-filter-box-content input[type="radio"]:checked{  color: #fff; }
.properties-list .list-filter form .list-filter-block .list-filter-box-content input[type="radio"]:checked:after{ font-weight: 900; content: "\f058"; color: #478bfb; }
.properties-list .list-filter form .list-filter-block .list-filter-box-content label{ display: flex; flex-direction: column; align-items: center; justify-content: center; height:100%; width: 100%; cursor: pointer; background:#f3f4f6; padding:10px; border-radius:6px; }
.properties-list .list-filter form .list-filter-block .list-filter-box-content label span{ font-size: 12px;  font-weight: 400; }
.properties-list .list-filter form .list-filter-block .list-filter-box-content label .fas{ font-size: 60px; color: #2c2c51; }
.properties-list .list-filter form .list-filter-block .list-filter-box-content input[type="radio"]:checked + label .fas{ animation: grow 0.5s; }
.properties-list .list-filter form .list-filter-block .list-filter-box-content input[type="radio"]:checked + label{ background:#f14902; }
@keyframes grow{
    50%{
        font-size: 80px;
    }
}
.properties-list .list-filter form .list-filter-block .list-filter-box-content label h6{ font-size: 14px; font-weight: 500; color: #393838; text-align: center; }

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

.range_container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
}
.range_container p{ font-size: 16px; line-height: 18px; font-weight: bold; padding: 0 0 10px; margin: 0; color: #001125; }
.sliders_control {
  position: relative;
  padding: 15px 0;
}

.form_control {
  position: relative;
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  line-height: 16px;
  color: #525252; font-weight: bold;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  pointer-events: all;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #c6c6c6;
  cursor: pointer;
}

input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  pointer-events: all;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #c6c6c6;
  cursor: pointer;
}

input[type="range"]::-webkit-slider-thumb:hover {
  background: #f7f7f7;
}

input[type="range"]::-webkit-slider-thumb:active {
  box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
  -webkit-box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
}

input[type="number"] {
  color: #8a8383;
  width: 50px;
  height: 30px;
  font-size: 14px;
  border: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  opacity: 1;
}

input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  height: 3px;
  width: 100%;
  position: absolute;
  background-color: #c6c6c6;
  pointer-events: none;
}

#fromSlider {
  height: 0;
  z-index: 1;
}

.properties-list .list-filter form .list-filter-block .filter-check-block-content{
    height: 100px;
    width: 45%;
    position: relative;
    margin: 0 0 10px 0; display: inline-block; float: left;
}
.properties-list .list-filter form .list-filter-block .filter-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;
    
}
.properties-list .list-filter form .list-filter-block .filter-check-block-content input[type="checkbox"]:after{
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f111";
    font-size: 16px;
    top: 30px;
    left: 0px;
    color: #e2e6f3; 
}

.properties-list .list-filter form .list-filter-block .filter-check-block-content input[type="checkbox"]:checked{
    /*border: 2px solid #f14902;*/
}
.properties-list .list-filter form .list-filter-block .filter-check-block-content input[type="checkbox"]:checked:after{
    font-weight: 900;
    content: "\f058";
    color: #f14902;
}
.properties-list .list-filter form .list-filter-block .filter-check-block-content label{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    height: 0;
    width: 100%;
    position: absolute;
    bottom: 85px;
    cursor: pointer;
}
.properties-list .list-filter form .list-filter-block .filter-check-block-content label img{ width: 50%; filter: drop-shadow(0 0 20px #e5e9f4); }
.properties-list .list-filter form .list-filter-block .filter-check-block-content label .fas{
    font-size: 60px;
    color: #2c2c51;
}
.properties-list .list-filter form .list-filter-block .filter-check-block-content input[type="checkbox"]:checked + label .fas{
    animation: grow 0.5s; color: #fff;
}
@keyframes grow{
    50%{
        font-size: 80px;
    }
}
.properties-list .list-filter form .list-filter-block .filter-check-block-content label h6{
    
    font-size: 13px;
    font-weight: 500;
    color: #585858; text-align: center;
}
.filter-check-block-content [id="flatmate-preference1"]:checked + label {color: #fff; will-change: font-size;animation: heart 1s cubic-bezier(.17, .89, .32, 1.49);}

.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: 17%; margin: 0 0 0 30px; }
.properties-list ul.team-preference li a{ 
  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: 0;
  display: inline-block;
  transition: all 400ms ease-in-out; width: 100%; }
 .properties-list ul.team-preference li a:hover{ letter-spacing: 1.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; height:250px; }
.properties-list .properties-list-block-box .flatmate-images img{ width: 100%; height:250px; }

.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; height: 60px; 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; }

.populer-city .populer-city-box-2{ width: 100%; padding: 0; margin: 0 0 30px; border: 1px solid #ccc; box-shadow: 0 0 5px #ccc; cursor: no-drop; }
.populer-city .populer-city-box-2 img{ width: 100%; height: 200px; opacity: 1; transition: .5s ease; backface-visibility: hidden; }
.populer-city .populer-city-box-2 .middle{ transition: .5s ease; opacity: 0; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; width: 100%; }
.populer-city .populer-city-box-2:hover img { opacity: 0.3; }  
.populer-city .populer-city-box-2:hover .middle { opacity: 1; }
.populer-city .populer-city-box-2 h5{ color: #000; font-size: 30px; font-weight: bold; }

/*Single Property Block Start*/

.single-property{ width: 100%; position: relative; display: block; background: url(../images/inner-banner-7.png) no-repeat top left; background-attachment: fixed; padding: 60px 0; margin: 0; background-size: cover; }
.single-property .single-property-box{ width: 90%; border: 1px solid #ccc; text-align: center; padding: 10px 10px 0; margin: 0 auto ; background: #ececec; position: relative; box-shadow: 0 0 5px #009926; }

.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%; height: 400px; 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%; height: 400px;  }

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

.single-property .single-property-box .avater-profile-block{ width:100%; position:relative; margin: -80px 0 0;  }
.single-property .single-property-box .avater-profile-block .single-property-avatar{ width: 19%; position: relative;  top: 0; left: 60px; border: 2px solid #fff; padding: 0; border-radius: 130px; overflow: hidden; z-index: 99; box-shadow: 0 0 5px #009926; margin: 0 0 -180px; }
.single-property .single-property-box .avater-profile-block .single-property-avatar img{ width: 100%;  }
.single-property .single-property-box .avater-profile-block .single-property-avatar-name{ width: 88%; padding: 15px 0; margin: -79px auto; background: #ececec; border: 2px solid #ffffff; position: relative; border-radius: 100px; z-index: 9; box-shadow: 0 0 15px #ffffff; }
.single-property .single-property-box .avater-profile-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-box .avater-profile-block .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 #009926; }
.single-property .single-property-box .avater-profile-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-box .avater-profile-block .single-property-avatar-name .avatar-details{ width: 100%; padding: 0; margin: 0; }
.single-property .single-property-box .avater-profile-block .single-property-avatar-name .avatar-details ul{ padding: 0; margin: 0; }
.single-property .single-property-box .avater-profile-block .single-property-avatar-name .avatar-details li{ font-size: 16px; line-height: 18px; display: inline-block; color: #313a49; padding: 0 0 5px; font-weight: bold; width: 100%;  }
.single-property .single-property-box .avater-profile-block .single-property-avatar-name .avatar-details li p{ font-size: 16px;
  line-height: 24px;
  color: #313a49;
  padding: 0 0 15px;
  margin: 0; font-weight: 400; }
.single-property .single-property-box .single-property-avatar-name .avatar-details li.ajay-type{ width: auto; margin: 0 10px; }
.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: #313a49; 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; border: none; width: auto; }

.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 10px ; font-weight: bold; width: 24%; }
.single-property .single-property-box .single-property-avatar-name ul li a{ color: #fff; background: #f14902; padding: 8px 0; display: inline-block; margin: 10px 0; border: 1px solid #fff; transition: all 400ms ease-in-out; width: 100%; }
.single-property .single-property-box .single-property-avatar-name ul li a:hover{ letter-spacing: 1.2px; transition: all 400ms ease-in-out; }
.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: 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-preferences-up{ width: 100%; padding: 105px 15px 15px; margin: 0 0 10px;  background: #fff; }
.single-property .single-property-box .avatar-preferences-up h4{ font-size: 20px; line-height: 24px; font-weight: bold; padding: 0; margin: 0; color: #313a49; }
.single-property .single-property-box .avatar-preferences-up ul{ padding: 10px 0; margin: 0; width: 100%; }
.single-property .single-property-box .avatar-preferences-up ul li{ font-size: 15px; line-height: 26px; display: inline-block; color: #13171e; padding: 0 15px 0 0; font-weight: bold; width: 15%; text-align: center; }
.single-property .single-property-box .avatar-preferences-up ul li img{ width: 54%; display: block; margin: 0 auto; }

.single-property .single-property-box .avatar-preferences{ width: 100%; padding: 15px; 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: 14px; line-height: 26px; display: inline-block; color: #13171e; padding: 0 9px; font-weight: bold; width: 17%; text-align: center; margin: 0 0 15px; }
.single-property .single-property-box .avatar-preferences ul li img{ width: 45%; display: block; margin: 0 auto; }

/*Flatmate Preferences*/
.flatmate-preferences{
    width: 100%; position: relative; display: block; background: #fff; padding: 30px 0; margin: 0; text-align: center; 
}

.flatmate-preferences form input[type="submit"]{ 
    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 form input[type="submit"]: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 form .flatmate-preferences-box-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;
}
.flatmate-preferences form .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 form .flatmate-preferences-box-content input[type="checkbox"]:checked{
    border: 2px solid #f14902;
}
.flatmate-preferences form .flatmate-preferences-box-content input[type="checkbox"]:checked:after{
    font-weight: 900;
    content: "\f058";
    color: #f14902;
}
.flatmate-preferences form .flatmate-preferences-box-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;
}
.flatmate-preferences form .flatmate-preferences-box-content label img{ width: 50%; filter: drop-shadow(0 0 20px #e5e9f4); }
.flatmate-preferences form .flatmate-preferences-box-content label .fas{
    font-size: 60px;
    color: #2c2c51;
}
.flatmate-preferences form .flatmate-preferences-box-content input[type="checkbox"]:checked + label .fas{
    animation: grow 0.5s;
}
@keyframes grow{
    50%{
        font-size: 80px;
    }
}
.flatmate-preferences form .flatmate-preferences-box-content label h6{
    
    font-size: 14px;
    font-weight: 500;
    color: #585858; text-align: center;
}

/*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 0; text-align: center; outline: none; font-size: 16px; font-weight: bold; line-height: 18px; margin: 0; display: inline-block; transition: all 400ms ease-in-out; }
.apartment .apartment-box-content a.active { width: 38%; background: #f14902; color: #fff; padding: 10px 0; 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/inner-banner-7.png) no-repeat top left; background-size: cover; padding: 60px 0; margin: 0; z-index: 9; background-attachment: fixed; }
.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 #f14902; }
.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: absolute; height: 100%; width: 100%; background-color: #f3f4f6; border-radius: 10px; cursor: pointer; border: 3px solid transparent; outline: none; opacity:0; }
.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: #f14902; 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; height:100%; width: 100%; cursor: pointer; background:#f3f4f6; padding:10px; border-radius:6px; }
.apartment-preferences .list-apartment form .apartment-location-block .apartment-location-box-content label span{ font-size: 12px;  font-weight: 400; }
.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; }
.apartment-preferences .list-apartment form .apartment-location-block .apartment-location-box-content input[type="radio"]:checked + label{ background:#f14902; }
@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 [id="Apartment"]:checked + label span{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 16px 15px 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 #f14902;
}
.apartment-preferences .list-apartment form .apartment-check-block .apartment-check-block-content input[type="checkbox"]:checked:after{
    font-weight: 900;
    content: "\f058";
    color: #f14902;
}
.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 .photo-box-block{ width: 32%;
  float: left; padding:15px; margin: 15px 0;}

.apartment-preferences .list-apartment form .upload-photo-block .upload-photo-box .photo-box-block img{ width :100%; height:200px;}
.apartment-preferences .list-apartment form .upload-photo-block .upload-photo-box input[type="file"]{ width:48%;
  padding: 10px 0;
  margin: 0; float:left; }
.apartment-preferences .list-apartment form .upload-photo-block .upload-photo-box .photo-box-block input[type="file"]{ width:100%;
  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%; }

/*Footer Start*/
.footer{ width: 100%; position: relative; display: block; background: url(../images/preference-banner.png) no-repeat top left; background-size: cover; padding: 0; margin: 0; } 
.footer .footer-block-box{ 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-block-box .footer-about{ width: 100%; padding: 0; margin: 0; }
.footer .footer-block-box .footer-block{ width: 100%; padding: 0 0 18px; margin: 0; display: block; text-align: center; }
.footer .footer-block-box .footer-block .footer-logo{ width: 20%; display: block; margin: 0 auto; padding: 0; }
.footer .footer-block-box .footer-block .footer-logo img{ width: 100%; }
.footer .footer-block-box .footer-block h4{ font-size: 24px; line-height: 28px; color: #fff; padding: 0 0 10px; margin: 0; }
.footer .footer-block-box .footer-block p{ font-size: 16px; line-height: 21px; display: inline-block; color: #fff; padding: 0 0 20px; margin: 0;  }

.footer .footer-block-box .footer-block ul{ padding: 0; margin: 0; border-bottom: 1px dotted #c9b22d; border-top: 1px dotted #c9b22d; width: 100%; margin: 20px auto; }
.footer .footer-block-box .footer-block ul li{ margin: 15px 0; display: inline-block; padding: 0px 20px; border-right: 1px solid #cccccc57; }
.footer .footer-block-box .footer-block ul li:nth-child(8){ border-right: none; }
.footer .footer-block-box .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-box .footer-block ul li a.partner-login{ font-size: 16px; line-height: 18px; display: inline-block; color: #f14902; padding: 0; transition: all 400ms ease-in-out; text-align: center; transition: all 400ms ease-in-out; font-weight: bold; text-transform: uppercase; }
.footer .footer-block-box .footer-block ul li a:hover{ color: #8ed813; transition: all 400ms ease-in-out; }

.footer .footer-block-box .footer-block ul li i{ font-size: 18px; color: #fff; padding: 0 10px 0 0; }
.footer .footer-block-box .footer-block ul.footer-contact{ padding: 0; margin: 0; border-bottom: none; border-top: none; width: 100%; }
.footer .footer-block-box .footer-block ul.footer-contact li{ display: inline-block; padding: 0; margin: 0 30px 0 0; border-right: none; }
.footer .footer-block-box .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-box .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; }

/*//-------------------TAB / All Mobile Responsiv view SUJOY-------------------//*/

@media(max-width:786px) {

.header .log-in { float: right; width: 100%; padding: 27px 50px 0 0; }
.header .logo { width: 70%; padding: 0; margin: 0; }
.banner .banner-text { width: 100%; bottom: 28px; padding: 20px 0; margin: 0; }
.banner .banner-text .text-dec h1 { font-size: 60px; line-height: 70px; }
.banner .banner-text .text-dec .search-room ul li { font-size: 16px; line-height: 18px; padding: 0 15px; margin: 0 0 0px; width: 40%; }
.banner .banner-text .text-dec .search-room ul li a { padding: 8px 0; margin: 0; border: 2px solid #fff; box-shadow: 0 0 7px #f14902; font-size: 16px; line-height: 20px; width: 100%; }
.banner .banner-text .text-dec p { font-size: 18px; line-height: 24px; color: #313a49; padding: 15px 0; margin: 0; }
.flatmates h2 { font-size: 30px; line-height: 40px; font-weight: bold; padding: 0 0 20px; }
.flatmates .properties-block-box-content .properties-block-dec h4 { font-size: 18px; line-height: 24px; font-weight: bold; padding: 10px 0 0; }
.flatmates .properties-block-box-content .properties-block-dec p { font-size: 14px; line-height: 24px; padding: 0 0 20px; margin: 0; min-height: 60px; }
.flatmates .properties-block-box-content .properties-block-dec ul li span { font-size: 12px; }
.flatmates .properties-block-box-content .properties-block-dec ul li { font-size: 18px; line-height: 24px; padding: 0 20px; }
.flatmates .properties-block-box-content .properties-block-contact ul li { font-size: 14px; line-height: 18px; padding: 0; }
.video-about-block .about-text .text-dec h2 { font-size: 30px; line-height: 40px; padding: 0; margin: 0; }
.video-about-block .about-text .text-dec p { font-size: 14px; line-height: 24px; color: #fff; padding: 10px 0 0; margin: 0; }
.video-about-block .about-text .text-dec a.active { width: 27%; padding: 8px 0; font-size: 14px; line-height: 18px; margin: 0 15px; }
.video-about-block .about-text .text-dec a { width: 35%; padding: 8px 0; font-size: 14px; line-height: 18px; margin: 30px 15px; }
.video-about-block { width: 100%; padding: 0; margin: 0; height: 375px; }
.video-about-block .about-text { width: 100%; position: absolute; content: ""; top: 17%; padding: 20px 0; margin: 0; }
.properties h2 { font-size: 30px; line-height: 40px; padding: 0 0 20px; margin: 0; }
.properties .properties-list-block-box .flatmate-images img { width: 100%; height: 140PX; }
.properties .properties-list-block-box { width: 100%; padding: 10px; margin: 0 0 30px; }
.properties .properties-list-block-box .flatmate-images { width: 100%; padding: 0; margin: 0; height: 140PX; }
.properties .properties-list-block-box .properties-list-dec h4 { font-size: 18px; line-height: 24px; padding: 10px 0 0; margin: 0; }
.properties .properties-list-block-box .properties-list-dec p { font-size: 14px; height: 60px; line-height: 20px; color: #001125; padding: 0 0 20px; margin: 0; min-height: 60px; }
.properties .properties-list-block-box .properties-list-dec ul li span { display: block; font-size: 12px; font-weight: 400; }
.properties .properties-list-block-box .properties-list-dec ul li { font-size: 18px; line-height: 24px; display: inline-block; color: #535353; padding: 0 14px; font-weight: bold; }
.properties .properties-list-block-box .properties-view-btn a.view-btn { font-size: 14px; line-height: 18px; padding: 8px 0; width: 52%; margin: 10px 0 0; }
.apartment .apartment-box-content { width: 40%; float: left; padding: 0; }
.apartment .apartment-box-content h2 { font-size: 30px; line-height: 40px; padding: 0; margin: 0; }
.apartment .apartment-box-content p { font-size: 14px; line-height: 24px; padding: 8px 0 0; margin: 0; }
.apartment .apartment-box-content a.active { width: 67%; padding: 8px 0; font-size: 14px; line-height: 18px; margin: 20px 0; }
.apartment .apartment-box-content a { width: 67%; padding: 8px 0; font-size: 14px; line-height: 18px; margin: 0; }
.properties .properties-list-block-box .properties-list-dec p i { font-size: 13px; margin: 0 5px 0 0; }
.whychoos .why-box h3 { font-size: 16px; line-height: 20px; padding: 10px 0; }
.whychoos .why-box p { font-size: 14px; line-height: 22px; padding: 0; margin: 0; }

.footer .footer-block-box { width: 100%; padding: 30px 0; margin: 0; border-radius: 210px 0 0 0; }
.footer .footer-block-box .footer-block .footer-logo { width: 22%; margin: 0 auto; padding: 0; }
.footer .footer-block-box .footer-block ul { padding: 0; margin: 0; width: 90%; margin: 15px auto; }
.footer .footer-block-box .footer-block ul li { margin: 10px 0; padding: 0px 15px; }
.footer .footer-block-box .footer-block ul li:nth-child(5) { border-right: none; }
.footer .footer-block-box .footer-block ul li a { font-size: 13px; line-height: 16px; padding: 0; }
.footer .footer-block-box .footer-block ul li a.partner-login { font-size: 14px; line-height: 16px; padding: 0; }
.footer .footer-block-box .footer-block h4 { font-size: 20px; line-height: 24px; padding: 0 0 10px; margin: 0; }
.footer .footer-block-box .footer-block p { font-size: 14px; line-height: 24px; padding: 0 0 15px; margin: 0; }
.footer .footer-block-box .footer-block ul.footer-contact li a { font-size: 14px; line-height: 18px; }
.footer .footer-block-box .footer-block ul li i { font-size: 14px; padding: 0 8px 0 0; }
.copyright p { font-size: 12px; line-height: 16px; }
.flatmates .properties-block-box-content .properties-block-dec p i { font-size: 13px; margin: 0 10px 0 0; }

.inner-banner img { width: 100%; height: 163px; }
.inner-banner h1 { position: absolute; content: ""; top: 48px; left: 0; right: 0; font-size: 60px; line-height: 70px; }
.inner-about .inner-about-dec h2 { font-size: 30px; line-height: 40px; font-weight: bold; padding: 0; margin: 0; color: #313a49; }
.inner-about .inner-about-dec p { font-size: 14px; line-height: 24px; color: #001125; padding: 10px 0 0; margin: 0; }
.mission .mission-block-image { padding: 10px; margin: 0; }
.mission .mission-block-dec h2 { font-size: 30px; line-height: 40px; padding: 0; margin: 0; }
.mission .mission-block-dec { width: 100%; padding: 0; margin: 0; }
.mission .mission-block-dec p { font-size: 14px; line-height: 24px; padding: 10px 0 0; margin: 0; }
.mission .mission-block-image-right { padding: 10px; margin: 90px 0 0; }
.vision .vision-block-dec h2 { font-size: 30px; line-height: 40px; padding: 0; margin: 0; }
.vision .vision-block-dec p { font-size: 14px; line-height: 24px; color: #001125; padding: 10px 0 0; margin: 0; }
.vision { width: 100%; background: #fff; padding: 20px 0 10px; margin: 0; }
.mission { width: 100%; background: #fff; padding: 20px 0; margin: 0; }
.terms .terms-dec p { font-size: 14px; line-height: 24px; color: #001125; padding: 10px 0 0; margin: 0; }
.contact .contact-box { width: 70%; display: block; margin: 0 auto; }
.contact .contact-box .contact-form h3 { font-size: 20px; line-height: 26px; color: #fff; background: #313a49; text-align: center; padding: 8px 0; }
.contact .contact-box .contact-form form .fill-box input { font-size: 14px; line-height: 16px; padding: 8px; margin: 0; height: 32px; }
.contact .contact-box .contact-form form .fill-box { width: 46%; float: left; padding: 20px 0 0; margin: 0 8px; }
.contact .contact-box .contact-form form .message { width: 96%; padding: 20px 0 0; margin: 0 8px; }
.contact .contact-box .contact-form form .message textarea { width: 100% !important; height: 106px; font-size: 14px; line-height: 16px; padding: 8px; margin: 0; }
.contact .contact-box .contact-form form .button {
  width: 100%;
}
.contact .contact-box .contact-form form .fill-box input[type="submit"] { width: 50%; padding: 8px 0; font-size: 14px; line-height: 18px; }
.contact .contact-box .discount-dec h3 { font-size: 20px; line-height: 26px; padding: 8px 0; }
.contact .contact-box .contact-form { width: 100%; padding: 15px; margin: 0 0 15px; }
.contact .contact-box .discount-dec ul li a { font-size: 14px; line-height: 18px; padding: 0; margin: 0 0 10px; }
.contact .contact-box .discount-dec ul li i { padding: 0 7px 0 0; font-size: 13px; }
.inner-about { width: 100%; position: relative; display: block; background: #fff; padding: 30px 0; margin: 0; }
.log-in-block .log-in-box-content .log-left form h4 { font-size: 20px; line-height: 24px; padding: 0 0 5px; margin: 0; }
.log-in-block .log-in-box-content .log-left form p { font-size: 14px; line-height: 22px; padding: 0; margin: 0; }
.log-in-block .log-in-box-content { width: 65%; }

.log-in-block .log-in-box-content .log-left form .fill-form input { font-size: 14px; line-height: 20px; padding: 6px; margin: 0; height: 35px; }
.log-in-block .log-in-box-content .log-left form .fill-form i { padding: 10px 6px; margin: 0; font-size: 14px; height: 35px; }
.log-in-block .log-in-box-content .log-left form .checkbox a { width: 86%; font-size: 12px; line-height: 18px; }
.log-in-block .log-in-box-content .log-left form .checkbox input { width: 10%; top: 3px; height: auto; }
.log-in-block .log-in-box-content .log-left form .forget a { font-size: 13px; line-height: 18px; }
.log-in-block .log-in-box-content .log-left form .log-in-btn input[type="submit"] { padding: 8px 0; font-size: 14px; line-height: 18px; }
.log-in-block .log-in-box-content .log-left form .log-in-btn { padding: 0; margin: 15px 0 0; }
.log-in-block .log-in-box-content .log-left form p a { font-size: 13px; }

#error-nwl{ font-size: 10px; position: relative; top: -13px; left: 32px; height: 0; }
.log-in-block .log-in-box-content p { font-size: 14px; line-height: 22px; padding: 0 15px 20px; margin: 0; }
.search-populer-city { width: 100%; padding: 30px 0 0; margin: 0; }
.search-populer-city form .search-form input[type="text"] { width: 78%; padding: 6px 10px; font-size: 14px; line-height: 16px; height: 35px; float: left; }
.search-populer-city form .search-form input[type="submit"] { width: 22%; padding: 10px 0; font-size: 14px; line-height: 16px; height: 35px; }
.populer-city .populer-city-box img { width: 100%; height: 170px; }
.populer-city .populer-city-box h4 { font-size: 18px; line-height: 22px; padding: 8px 0; border-top: 3px solid #fff; }
.flatmate-preferences .flatmate-preferences-box-content { height: 150px; width: 100%; position: relative; margin: 0 0 30px; }
.flatmate-preferences form .flatmate-preferences-box-content label h6 { font-size: 16px; }
.flatmate-preferences form input[type="submit"] { padding: 8px 0; font-size: 14px; line-height: 16px; margin: 0; width: 30%; }
.properties-list ul.team-preference li a { padding: 8px 0; font-size: 14px; line-height: 16px; margin: 0; }
.properties-list ul.team-preference li { width: 22%; margin: 0 0 0 20px; }
.properties-list .properties-list-block-box .properties-list-dec h4 { font-size: 18px; line-height: 24px; padding: 5px 0 0; margin: 0; }
.properties-list .properties-list-block-box .properties-list-dec p { font-size: 15px; height: 58px; line-height: 22px; padding: 0 0 20px; margin: 0; }
.properties-list .properties-list-block-box .properties-list-dec ul li { font-size: 18px; line-height: 22px; padding: 0 20px; }
.properties-list .properties-list-block-box .properties-list-dec ul li span { font-size: 13px; }
.header .log-in .dropdown h5 { font-size: 14px; width: 83%; padding: 6px 0 0; }
.main-panel input[type="button"] { width: 30%; padding: 8px 0; font-size: 14px; line-height: 18px; }
.main-panel h4 { font-size: 30px; line-height: 40px; padding: 0; margin: 0; }
.main-panel input[type="text"] { width: 95%; padding: 0 10px; margin: 0 10px 30px;; height: 80px; font-size: 14px; }
.main-panel #display .right { padding: 10px; border: 1px solid #ccc; border-radius: 10px; font-size: 12px; }
.main-panel { padding: 30px 0; }
.card-block-box { padding: 30px 0; margin: 0; }
.card-block-box .card table thead tr th { padding: 8px 15px; font-size: 14px; }
.card-block-box .card table tbody tr td { padding: 8px 15px; font-size: 14px; }
.card-block-box .card table tbody tr td a { padding: 6px 0; font-size: 10px; line-height: 12px; margin: 0 auto; width: 108%; }
.header .log-in .dropdown .dropbtn i.fa { width: 30px; height: 30px; padding: 5px; font-size: 15px; line-height: 19px; margin: 0 0 0 10px; }
.apartment-preferences .list-apartment h2 { font-size: 30px; line-height: 40px; padding: 0 0 15px; margin: 0; }
.apartment-preferences .list-apartment .apartment-preferences-block .apartment-preferences-box-content { height: 150px; width: 25%; margin: 0 10px; }
.apartment-preferences .list-apartment .apartment-preferences-block .apartment-preferences-box-content label h6 { font-size: 15px; line-height: 20px; }
.apartment-preferences .list-apartment .apartment-preferences-block .apartment-preferences-box-content label { gap: 6px; height: 89%; width: 100%; }
.apartment-preferences .list-apartment .apartment-preferences-block .apartment-preferences-box-content label img {
  width: 83%; }
.apartment-preferences .list-apartment form .apartment-location-block p { font-size: 16px; line-height: 20px; padding: 0 0 8px; }
.apartment-preferences .list-apartment form .apartment-location-block .apartment-location-box-content { height: 80px; width: 23%; margin: 0 12px 0 0; }
.apartment-preferences .list-apartment form .apartment-location-block .apartment-location-box-content:nth-child(5){ margin: 0; }
.apartment-preferences .list-apartment form .apartment-location-block .apartment-location-box-content label { height: 100%; width: 100%; padding: 5px; font-size: 13px; text-align: center; }
.apartment-preferences .list-apartment form .apartment-location-block .apartment-location-box-content label span { font-size: 10px; font-weight: 400; padding: 4px 0; }
.apartment-preferences .list-apartment form .apartment-location-block input { width: 23%; height: 35px; padding: 6px 10px; margin: 0 9px 0 0; font-size: 14px; }
.apartment-preferences .list-apartment form .apartment-location-block select { width: 23%; height: 35px; padding: 6px 10px; margin: 0 9px 0 0; font-size: 14px; }
.apartment-preferences .list-apartment form .apartment-location-block .furnishing-box { height: 40px; }
.apartment-preferences .list-apartment form .apartment-rent-block p { font-size: 16px; line-height: 20px; padding: 0 0 8px; }
.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; }
.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; }
.apartment-preferences .list-apartment form .apartment-check-block .apartment-check-block-content { height: 110px; width: 15%; margin: 0 10px 10px 0; }
.apartment-preferences .list-apartment form .apartment-check-block p { font-size: 16px; line-height: 20px; padding: 0 0 8px; }
.apartment-preferences .list-apartment form .apartment-check-block .apartment-check-block-content input[type="checkbox"]::after { font-size: 17px; top: 5px; left: 5px; }
.apartment-preferences .list-apartment form .apartment-check-block .apartment-check-block-content label h6 { font-size: 12px; line-height: 16px; }
.apartment-preferences .list-apartment form .apartment-check-block .apartment-check-block-content label { gap: 5px; bottom: 46px; }
.apartment-preferences .list-apartment form .upload-photo-block p { font-size: 16px; line-height: 20px; padding: 0 0 8px; }
.apartment-preferences .list-apartment form .upload-photo-block .upload-photo-box { width: 100%; padding: 40px 15px; }

.apartment-preferences .list-apartment form .upload-photo-block .upload-photo-box input[type="file"] { display: block; width: 48%; float: left; padding: 10px; font-size: 14px; }
.apartment-preferences .list-apartment form .upload-photo-block h6 { font-size: 13px; line-height: 16px; color: #ccc; padding: 10px 0; margin: 0; }
.apartment-preferences .list-apartment form .apartment-location-block textarea { padding: 10px 15px; font-size: 14px; line-height: 16px; width: 100%; height: 110px; }
.apartment-preferences .list-apartment form .apartment-btn input[type="submit"] { width: 18%; padding: 8px 0; font-size: 14px; line-height: 18px; margin: 15px 0; }
.apartment-preferences .list-apartment form .upload-photo-block .upload-photo-box .photo-box-block img { width: 100%; height: 160px; }
.apartment-preferences .list-apartment form .upload-photo-block .upload-photo-box .photo-box-block { width: 50%; float: left; padding: 15px; margin: 15px 0; }
.apartment-preferences .list-apartment form .upload-photo-block .upload-photo-box .photo-box-block input[type="file"] { width: 100%; padding: 10px 0; margin: 0; font-size: 14px; }
.apartment-preferences .list-apartment form .upload-photo-block .upload-photo-box .photo-box-block { width: 50%; float: left; padding: 15px; margin: 0; }
.single-property .single-property-box .single-property-profile .gallery-box img.pho-gall { width: 100%; height: 350px; }
.single-property .single-property-box .single-property-profile .gallery-box { width: 100%; height: 368px; }
.single-property .single-property-box .single-property-avatar-name .avatar-details li b { font-size: 20px; line-height: 24px; padding: 10px 0 0; margin: 0; }
.single-property .single-property-box .avater-profile-block .single-property-avatar-name .avatar-details li { font-size: 14px; line-height: 18px; padding: 0 0 5px; }
.single-property .single-property-box .single-property-avatar-name .avatar-details li i { font-size: 13px; padding: 0 5px 0 0; }
.single-property .single-property-box .single-property-avatar-name ul li { font-size: 14px; line-height: 16px; width: 28%; padding: 0; }
.single-property .single-property-box .single-property-avatar-name ul li i { font-size: 12px; padding: 0 7px 0 0; }

.single-property .single-property-box .avater-profile-block .single-property-avatar-name h5 { font-size: 14px; line-height: 20px; padding: 4px 0; margin: 0 auto; bottom: -18px; left: 0; right: 0; width: 41%; }
.single-property .single-property-box .avater-profile-block .single-property-avatar-name { width: 88%; padding: 10px 0; margin: 10px auto; }
.single-property .single-property-box .single-property-avatar-name ul li a { padding: 8px 0; margin: 0; }
.single-property .single-property-box .avater-profile-block .single-property-avatar { width: 15%; top: 11px; left: 60px; margin: 0 0 -111px; }
.single-property .single-property-box .avatar-preferences-up h4 { font-size: 18px; line-height: 24px; }
.single-property .single-property-box .avatar-preferences-up { width: 100%; padding: 73px 15px 15px; margin: -58px 0 10px; background: #fff; }
.single-property .single-property-box .avatar-preferences-up h4 { font-size: 18px; line-height: 24px; }
.single-property .single-property-box .avatar-preferences-up ul li { font-size: 13px; line-height: 30px; padding: 0 9px; width: 20%; margin: 0 0 15px; }
.single-property .single-property-box .avatar-preferences-up ul { padding: 10px 0; margin: 15px 0; width: 100%; }
.single-property .single-property-box .properties-description h4 { font-size: 18px; line-height: 24px; padding: 0; margin: 0; }
.single-property .single-property-box .properties-description { padding: 15px; margin: 0; font-size: 14px; line-height: 24px; }
.single-property .single-property-box .apartment-details h4 { font-size: 18px; line-height: 24px; }
.single-property .single-property-box .apartment-details ul li span { font-size: 12px; }
.single-property .single-property-box .apartment-details ul li { font-size: 18px; line-height: 24px;; padding: 0 30px 0 0; margin: 0 0 10px; }
.single-property .single-property-box .apartment-details ul li i { font-size: 16px; padding: 0 10px 0 0; }
.single-property .single-property-box .avatar-preferences h4 { font-size: 18px; line-height: 24px; }
.single-property .single-property-box .avatar-preferences ul li { font-size: 13px; line-height: 30px; padding: 0 9px; width: 20%; margin: 0 0 15px; }
.single-property .single-property-box .avatar-preferences ul { padding: 10px 0; margin: 15px 0; width: 100%; }
.properties-list .list-filter form h4 { font-size: 18px; line-height: 24px; padding: 0 0 10px; }
.properties-list .list-filter { width: 100%; padding: 10px; margin: 0 0 30px; }
.properties-list .list-filter form .list-filter-block select { font-size: 13px; line-height: 16px; padding: 6px 10px; margin: 0 9px 0 0; height: 35px; }
.properties-list .list-filter form .list-filter-block { padding: 5px 0; margin: 0; }
.properties-list .list-filter form .list-filter-block p { font-size: 14px; line-height: 16px; padding: 0 0 10px; margin: 0; }
.properties-list .list-filter form .list-filter-block .filter-check-block-content { height: 100px; width: 100%; margin: 0 0 10px 0; }
.properties-list .properties-list-block-box .flatmate-images img { width: 100%; height: 190px; }
.properties-list .properties-list-block-box .flatmate-images { width: 100%; padding: 0; margin: 0; height: 190px; }
.properties-list .properties-list-block-box .properties-view-btn a.view-btn { font-size: 14px; line-height: 18px; padding: 8px 0; width: 51%; }
.my-profile .profile-block h2 {
  font-size: 30px;
  line-height: 40px;
  padding: 0 0 20px; }
.my-profile .profile-block form .profile-fillup p { font-size: 14px; line-height: 18px; padding: 0 0 6px; margin: 0; }
.my-profile .profile-block form .profile-fillup input { font-size: 13px; line-height: 16px; width: 100%; padding: 6px 10px; margin: 0 9px 0 0; height: 35px; }
.my-profile .profile-block { width: 70%; padding: 10px; }
.my-profile .profile-block form .profile-fillup {
  padding: 15px 0;
  margin: 0 9px;
}
.my-profile .profile-block form .profile-fillup a i {
  font-size: 14px;
  line-height: 18px;
}
.my-profile .profile-block form .profile-fillup .gender-content { height: 34px; width: 30%; margin: 0 0 30px; margin: 0 7px 0 0; float: left; }
.my-profile .profile-block form .profile-fillup .gender-content label { padding: 8px 0; font-size: 14px; }
.my-profile .profile-block form .profile-btn input[type="submit"] { width: 30%; padding: 8px 0; font-size: 14px; line-height: 18px; margin: 10px 0; height: auto; }
.pageloadPupup .modal-body .choose-profile form h2 { font-size: 30px; line-height: 40px; padding: 0 0 15px; margin: 0; }
.pageloadPupup .modal-body .choose-profile form .profile-change-btn a { width: 27%; padding: 8px 0; font-size: 14px; line-height: 18px; margin: 15px 0; }
.pageloadPupup .modal-body .choose-profile form .profile-change-btn input[type="submit"] { width: 15%; padding: 8px 0; font-size: 14px; line-height: 18px; margin: 0; }
.pageloadPupup .modal-dialog { width: 745px; margin: 60px auto; border-radius: 15px; }
.pageloadPupup .modal-body .choose-profile form .choose-profile-block-content { height: 106px; width: 15%; margin: 0 15px 15px; }
.pageloadPupup .modal-body .choose-profile form .choose-profile-block-content label { gap: 5px; height: 0; width: 100%; position: absolute; bottom: 44px; }

}
@media(max-width:768px) {

.header .log-in { float: right; width: 100%; padding: 15px 50px 0 0; }
.banner .banner-text .text-dec h1 { font-size: 50px; line-height: 60px; }
.header .log-in .dropdown .dropbtn { font-size: 14px; }
.banner .banner-text { width: 100%; bottom: 40px; padding: 0; margin: 0; }
 .video-about-block { width: 100%; padding: 0; margin: 0; height: 365px; }

}

@media(max-width:760px) {
    /*///chek 700///*/
.header .logo { width: 62%; padding: 0; margin: 0; }
.banner img { width: 100%; height: 300px; }
 .header .log-in .dropdown .dropbtn { font-size: 13px; }
.header .log-in .dropdown-content ul.log-sing li a { width: 100%; line-height: 30px; font-size: 12px; }
.flatmates .properties-block-box-content .zender-avatar img { width: 18%; border-radius: 100px; }
.flatmates .properties-block-box-content .properties-block-dec h4 { font-size: 20px; line-height: 24px; font-weight: bold; padding: 10px 0 0; }
.flatmates .properties-block-box-content .properties-block-dec p i { font-size: 14px; margin: 0 10px 0 0; }
 .flatmates .properties-block-box-content .properties-block-dec p { font-size: 15px; line-height: 24px; padding: 0 0 20px; margin: 0; min-height: auto; }
.flatmates .properties-block-box-content .properties-block-dec ul li span { font-size: 14px; }
.flatmates .properties-block-box-content .properties-block-dec ul li { font-size: 20px; line-height: 24px; padding: 0 20px; }
.flatmates .properties-block-box-content .properties-block-contact ul li { font-size: 16px; line-height: 18px; padding: 0; }
.video-about-block { width: 100%; padding: 0; margin: 0; height: 335px; }
 .video-about-block .about-text { width: 100%; position: absolute; content: ""; top: 9%; padding: 20px 0; margin: 0; }
.properties .properties-list-block-box .flatmate-images img { width: 100%; height: 290PX; }
 .properties .properties-list-block-box .flatmate-images { width: 100%; padding: 0; margin: 0; height: 290px; }
   .properties .properties-list-block-box .properties-list-dec h4 { font-size: 20px; line-height: 24px; padding: 10px 0 0; margin: 0; }
 .properties .properties-list-block-box .properties-list-dec p { font-size: 15px; line-height: 24px; color: #001125; padding: 0 0 15px; margin: 0; min-height: auto; height: auto; }
  .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-list-dec ul li { font-size: 20px; line-height: 24px; display: inline-block; color: #535353; padding: 0 14px; font-weight: bold; }
  .properties .properties-list-block-box .properties-view-btn a.view-btn { font-size: 14px; line-height: 16px; padding: 8px 0; width: 20%; margin: 10px 0 0; }
 .apartment .apartment-image-box { width: 100%; float: left; padding: 0; margin: 0; }
 .apartment .apartment-box-content { width: 100%; float: left; padding: 30px 30px 0; }
 .apartment .apartment-box-content a.active { width: 34%; padding: 8px 0; font-size: 14px; line-height: 16px; margin: 20px 0; }
  .apartment .apartment-box-content a { width: 37%; padding: 8px 0; font-size: 14px; line-height: 16px; margin: 0 0 0 20px; }
 .whychoos .why-box { width: 100%; padding: 0; margin: 0; border-radius: 20px 0 60px 0; height: 190px; }
 .whychoos .why-box img { width: 24%; margin: 20px auto 0; }
  .properties .properties-list-block-box { width: 100%; padding: 10px; margin: 0 0 10px; }
  .whychoos .why-box img { width: 24%; margin: 0 auto; }
 .whychoos .why-box h3 { font-size: 18px; line-height: 20px; padding: 10px 0; }
 .whychoos .why-box p { font-size: 15px; line-height: 22px; padding: 0; margin: 0; }
 .populer-city .populer-city-box img {
    width: 100%;
    height: 195px;
  }
.flatmate-preferences form .flatmate-preferences-box-content label { gap: 5px; height: 0; width: 100%; bottom: 69px; } 
.properties-list ul.team-preference li {
    width: 24%;
    margin: 0 0 0 20px;
  } 
 .properties-list .properties-list-block-box .properties-list-dec p { font-size: 15px; height: auto; line-height: 22px; padding: 0 0 20px; margin: 0; }
 .properties-list .list-filter form .list-filter-block .filter-check-block-content { height: 100px; width: 50%; margin: 0 0 10px 0; }
 .properties-list .properties-list-block-box .properties-view-btn a.view-btn { font-size: 14px; line-height: 18px; padding: 8px 0; width: 44%; }
 .single-property .single-property-box .avatar-preferences ul li { font-size: 13px; line-height: 30px; padding: 0 7px; width: 25%; margin: 0 0 15px; }
 .single-property .single-property-box .avater-profile-block .single-property-avatar { width: 17%; top: 13px; left: 55px; margin: 0 0 -111px; }
.single-property .single-property-box .avatar-preferences-up { width: 100%; padding: 73px 15px 15px; margin: -65px 0 10px; background: #fff; } 
 .single-property .single-property-box .gallery-box img.pho-gall { width: 100%; height: 300px; }
.single-property .single-property-box .gallery-box {
  position: relative; width: 100%; height: 300px; } 
   .single-property .single-property-box .single-property-avatar-name ul li { font-size: 14px; line-height: 16px; width: 28%; padding: 0; margin: 0 5px; }
.single-property .single-property-box .apartment-details ul li { font-size: 17px; line-height: 24px; padding: 0 2px 0 0; margin: 0 0 10px; width: 24%; }
.single-property .single-property-box .avatar-preferences-up ul { padding: 10px 0; margin: 6px 0; width: 100%; }
 .log-in-block .log-in-box-content { width: 70%; }
  .apartment-preferences .list-apartment .apartment-preferences-block .apartment-preferences-box-content { height: 150px; width: 30%; margin: 0 10px; }
.apartment-preferences .list-apartment .apartment-preferences-block .apartment-preferences-box-content label h6 { font-size: 15px; line-height: 22px; }
.apartment-preferences .list-apartment .apartment-preferences-block .apartment-preferences-box-content label img { width: 85%; filter: drop-shadow(0 0 3px #f149027d); }
 .apartment-preferences .list-apartment form .apartment-check-block .apartment-check-block-content { height: 110px; width: 18%; margin: 0 11px 10px 0; }
.apartment-preferences .list-apartment form .upload-photo-block .upload-photo-box .photo-box-block img { width: 100%; height: 150px; }
.my-profile .profile-block { width: 75%; padding: 10px; }
.my-profile .profile-block form .image-profile a i { font-size: 14px; line-height: 18px; }
.pageloadPupup .modal-dialog { width: 650px; margin: 60px auto; background: #fc5249; overflow: hidden; border-radius: 15px; }
.pageloadPupup .modal-body .choose-profile form .choose-profile-block-content { height: 94px; width: 15%; margin: 0 15px 15px; }
.pageloadPupup .modal-body .choose-profile form .choose-profile-block-content label { gap: 5px; height: 0px; width: 100%; bottom: 38px; }
 .pageloadPupup .modal-body .choose-profile form .profile-change-btn a { width: 32%; padding: 8px 0; font-size: 14px; line-height: 18px; margin: 15px 0; }
.pageloadPupup .modal-body .choose-profile form .profile-change-btn input[type="submit"] { width: 18%; padding: 7px 0; font-size: 14px; line-height: 18px; margin: 0; }
.pageloadPupup .modal-header img { width: 23%; margin: 0 auto; }

}

@media(max-width:699px) {
    /*///chek 600///*/

.header .logo { width: 74%; padding: 0; margin: 0; }
.banner .banner-text .text-dec h1 { font-size: 40px; line-height: 42px; }
.banner .banner-text .text-dec p { font-size: 17px; line-height: 24px; color: #313a49; padding: 10px 0; margin: 0; }
 .banner .banner-text .text-dec .search-room ul li a { padding: 8px 0; margin: 0; border: 2px solid #fff; box-shadow: 0 0 7px #f14902; font-size: 14px; line-height: 16px; width: 100%; }
 .banner .banner-text .text-dec .search-room ul li { font-size: 16px; line-height: 18px; padding: 0 10px; margin: 0 0 0px; width: 40%; }
 .banner .banner-text .text-dec .search-room ul li a:hover{ letter-spacing: 1.2px; }
.banner .banner-text .text-dec { width: 100%; padding: 0; margin: 0; }
.banner .banner-text { width: 100%; bottom: 55px; padding: 0; margin: 0; }
.flatmates .properties-block-box-content .properties-block-dec h4 { font-size: 18px; line-height: 24px; font-weight: bold; padding: 10px 0 0; }
 .flatmates .properties-block-box-content .properties-block-dec p { font-size: 14px; line-height: 24px; padding: 0 0 20px; margin: 0; min-height: auto; }
.flatmates .properties-block-box-content .properties-block-dec ul li { font-size: 18px; line-height: 24px; padding: 0 20px; }
.video-about-block { width: 100%; padding: 0; margin: 0; height: auto; }
 .video-about-block .about-text { width: 100%; position: absolute; content: ""; top: 25px; padding: 0; margin: 0; }
.video-about-block .about-text .text-dec p { font-size: 13px; line-height: 22px; padding: 10px 0 0; margin: 0; }
.video-about-block .about-text .text-dec a.active { width: 27%; padding: 8px 0; font-size: 13px; line-height: 16px; margin: 0 10px; }
.video-about-block .about-text .text-dec a { width: 40%; padding: 8px 0; font-size: 13px; line-height: 16px; margin: 20px 10px 0; }
 .properties .properties-list-block-box .flatmate-images { width: 100%; padding: 0; margin: 0; height: 320px; }
 .properties .properties-list-block-box .flatmate-images img { width: 100%; height: 320PX; }
.properties .properties-list-block-box .properties-list-dec h4 { font-size: 18px; line-height: 24px; padding: 10px 0 0; margin: 0; }
  .properties .properties-list-block-box .properties-list-dec p { font-size: 14px; line-height: 24px; color: #001125; padding: 0 0 15px; margin: 0; min-height: auto; height: auto; }
.properties .properties-list-block-box .properties-list-dec ul li { font-size: 18px; line-height: 24px; padding: 0 14px; }
.properties .properties-list-block-box .properties-view-btn a.view-btn { font-size: 13px; line-height: 16px; padding: 8px 0; width: 25%; margin: 10px 0 0; }
.apartment .apartment-box-content p { font-size: 13px; line-height: 22px; padding: 8px 0 0; margin: 0; }
.apartment .apartment-box-content a.active { width: 34%; padding: 8px 0; font-size: 13px; line-height: 16px; margin: 20px 0; }
.apartment .apartment-box-content a { width: 37%; padding: 8px 0; font-size: 13px; line-height: 16px; margin: 0 0 0 20px; }
.apartment .apartment-box-content h2 { font-size: 26px; line-height: 34px; padding: 0; margin: 0; }
.properties h2 { font-size: 26px; line-height: 34px; padding: 0 0 20px; margin: 0; }
 .video-about-block .about-text .text-dec h2 { font-size: 26px; line-height: 34px; padding: 0; margin: 0; }
.flatmates h2 { font-size: 26px; line-height: 34px; font-weight: bold; padding: 0 0 20px; }
.whychoos .why-box p { font-size: 13px; line-height: 22px; padding: 0; margin: 0; }
.whychoos .why-box img { width: 26%; margin: 0 auto; }
.whychoos .why-box h3 { font-size: 17px; line-height: 20px; padding: 10px 0 5px; }
.whychoos .why-box { width: 100%; padding: 0; margin: 0; border-radius: 20px 0 60px 0; height: 170px; }
.footer .footer-block-box .footer-block .footer-logo { width: 25%; margin: 0 auto; padding: 0; }
.footer .footer-block-box .footer-block ul li { margin: 10px 0; padding: 0px 9px; }
 .footer .footer-block-box .footer-block ul li a { font-size: 12px; line-height: 14px; padding: 0; }
.footer .footer-block-box .footer-block p { font-size: 13px; line-height: 22px; padding: 0 0 10px; margin: 0; }
.footer .footer-block-box .footer-block h4 { font-size: 18px; line-height: 22px; padding: 0 0 10px; margin: 0; }
.footer .footer-block-box .footer-block ul.footer-contact li a { font-size: 13px; line-height: 16px; }
.footer .footer-block-box .footer-block ul li i { font-size: 12px; padding: 0 6px 0 0; }
 .copyright p { font-size: 10px; line-height: 12px; }
.footer .footer-block-box .footer-block ul li a.partner-login { font-size: 13px; line-height: 16px; padding: 0; }

.inner-about .inner-about-dec h2 { font-size: 26px; line-height: 34px; font-weight: bold; padding: 0; margin: 0; }
.inner-about .inner-about-dec p { font-size: 13px; line-height: 22px; color: #001125; padding: 10px 0 0; margin: 0; }
  .inner-banner img { width: 100%; height: 150px; }
.inner-banner h1 { top: 35px; left: 0; right: 0; font-size: 40px; line-height: 70px; }
.inner-about .inner-about-img { width: 100%; padding: 10px; margin: 30px 0 0; }
 .mission .mission-block-image { padding: 10px; margin: 0 0 30px; }
.mission .mission-block-dec h2 { font-size: 26px; line-height: 34px; padding: 0; margin: 0; }
.mission .mission-block-dec p { font-size: 13px; line-height: 22px; padding: 10px 0 0; margin: 0; }
.mission .mission-block-image-right { padding: 10px; margin: 0 0 30px; }
.vision .vision-block-dec h2 { font-size: 26px; line-height: 34px; padding: 0; margin: 0; }
.vision .vision-block-dec p { font-size: 13px; line-height: 22px; color: #001125; padding: 10px 0 0; margin: 0; }
.vision { width: 100%; background: #fff; padding: 20px 0 30px; margin: 0; }
.terms { position: relative; width: 100%; display: block; padding: 30px 0; margin: 0 0; background: #fff; }
 .terms .terms-dec p { font-size: 13px; line-height: 22px; color: #001125; padding: 10px 0 0; margin: 0; }
.contact .contact-box .contact-form form .fill-box input { font-size: 12px; line-height: 16px; padding: 8px; margin: 0; height: 30px; }
.contact .contact-box .contact-form form .message textarea { height: 80px; font-size: 12px; line-height: 16px; padding: 8px; margin: 0; }
.contact .contact-box { width: 76%; display: block; margin: 0 auto; }
 .contact .contact-box .contact-form form .fill-box input[type="submit"] { width: 45%; padding: 8px 0; font-size: 12px; line-height: 16px; }
.contact .contact-box .contact-form h3 { font-size: 18px; line-height: 24px; padding: 8px 0; }
.contact .contact-box .discount-dec h3 { font-size: 18px; line-height: 24px; padding: 8px 0; }
.contact .contact-box .discount-dec ul { padding: 15px 0 0; margin: 0; }
.contact { width: 100%; padding: 30px 0; margin: 0; }

.header .log-in .dropdown h5 {
    font-size: 13px;
    width: 80%;
    padding: 6px 0 0;
  }
.search-populer-city form .search-form input[type="text"] { width: 78%; padding: 6px 10px; font-size: 13px; line-height: 16px; height: 30px; float: left; }
.search-populer-city form .search-form { width: 64%; display: inline-block; padding: 0; margin: 0; }
.search-populer-city form .search-form input[type="submit"] { width: 22%; padding: 7px 0; font-size: 13px; line-height: 16px; height: 30px; }
.populer-city .populer-city-box h4 { font-size: 16px; line-height: 20px; padding: 8px 0; border-top: 3px solid #fff; }
.populer-city .populer-city-box img { width: 100%; height: 180px; }
.flatmate-preferences form .flatmate-preferences-box-content label img {
  width: 55%;
  filter: drop-shadow(0 0 20px #e5e9f4);
}
.flatmate-preferences form input[type="submit"] { padding: 8px 0; font-size: 13px; line-height: 16px; margin: 0; width: 33%; }
.properties-list ul.team-preference li a { padding: 8px 0; font-size: 13px; line-height: 16px; margin: 0; }
.properties-list ul.team-preference { padding: 0; margin: 0 0 20px; }
 .properties-list .properties-list-block-box .properties-list-dec p { font-size: 14px; height: auto; line-height: 22px; padding: 0 0 20px; margin: 0; }
.properties-list .properties-list-block-box .properties-list-dec p i { font-size: 13px; margin: 0 5px 0 0; }
.properties-list .properties-list-block-box .properties-list-contact ul li { font-size: 15px; line-height: 18px; padding: 0 15px; }
.properties-list .properties-list-block-box .properties-list-contact ul li i { font-size: 13px; padding: 0 5px 0 0; }
.single-property .single-property-box .single-property-profile .gallery-box img.pho-gall { width: 100%; height: 300px; }
.single-property .single-property-box .single-property-profile .gallery-box { width: 100%; height: 300px; }
.single-property .single-property-box .single-property-avatar-name .avatar-details li b { font-size: 18px; line-height: 20px; padding: 0; margin: 0; }
.single-property .single-property-box .avater-profile-block .single-property-avatar-name h5 { font-size: 13px; line-height: 16px; padding: 4px 0; margin: 0 auto; bottom: -18px; left: 0; right: 0; width: 46%; }
.single-property .single-property-box .avater-profile-block .single-property-avatar-name h5 span { font-size: 16px; line-height: 19px; color: #ffffff; padding: 0 0 0 5px; margin: 0; }
.single-property .single-property-box .avater-profile-block .single-property-avatar-name .avatar-details li { font-size: 14px; line-height: 18px; padding: 0 0 3px; }
 .single-property .single-property-box .avater-profile-block .single-property-avatar-name { width: 88%; padding: 10px 0 16px; margin: 10px auto; }
.single-property .single-property-box .single-property-avatar-name ul li { font-size: 13px; line-height: 16px; width: 30%; padding: 0; margin: 0 5px; }
.single-property .single-property-box .single-property-avatar-name ul li i { font-size: 11px; padding: 0 5px 0 0; }
.single-property .single-property-box .single-property-avatar-name ul li a { padding: 6px 0; margin: 0; }
.single-property .single-property-box .avater-profile-block { width: 100%; position: relative; margin: -45px 0 0; }
.single-property .single-property-box .avatar-preferences-up h4 { font-size: 16px; line-height: 22px; }
  .single-property .single-property-box .properties-description h4 { font-size: 16px; line-height: 22px; padding: 0; margin: 0; }

.single-property .single-property-box .apartment-details h4 { font-size: 16px; line-height: 22px; }
 .single-property .single-property-box .apartment-details ul li { font-size: 16px; line-height: 22px; padding: 0 2px 0 0; margin: 0 0 10px; width: 24%; }
.single-property .single-property-box .apartment-details ul li i { font-size: 15px; padding: 0 5px 0 0; }
.single-property .single-property-box .avatar-preferences h4 { font-size: 16px; line-height: 22px; }
.single-property .single-property-box .avatar-preferences ul { padding: 10px 0; margin: 10px 0; width: 100%; }
.single-property .single-property-box .avatar-preferences ul li { font-size: 12px; line-height: 26px; padding: 0 5px; width: 24%; margin: 0 0 15px; }
.single-property .single-property-box .avatar-preferences-up ul { padding: 10px 0; margin: 10px 0; width: 100%; }
.single-property .single-property-box .avatar-preferences-up ul li { font-size: 12px; line-height: 26px; padding: 0 5px; width: 24%; margin: 0 0 15px; }

}
@media(max-width:640px) {

.single-property .single-property-box .avater-profile-block .single-property-avatar {
    width: 17%;
    top: 3px;
    left: 47px;
    margin: 0 0 -111px;
  }

.single-property .single-property-box .avater-profile-block {
  width: 100%;
  position: relative;
  margin: -39px 0 0;
}
    
}

@media(max-width:580px) {
    /*///chek 490///*/

.header .log-in { float: right; width: 100%; padding: 15px 30px 0 0; }
.header .log-in .dropdown h5 { text-align: right; font-size: 10px; width: 77%; float: left; color: #fff; padding: 7px 0 0; }
.header .logo { width: 96%; padding: 0; margin: 0; }
.banner .banner-text .text-dec .search-room ul li a { padding: 8px 0; margin: 0; border: 2px solid #fff; box-shadow: 0 0 7px #f14902; font-size: 13px; line-height: 16px; width: 100%; }
 .flatmates .properties-block-box-content .properties-block-contact ul li { font-size: 15px; line-height: 18px; padding: 0; }
.flatmates .properties-block-box-content .properties-block-contact ul li i { font-size: 13px; padding: 0 5px 0 0; }
.video-about-block .about-text .text-dec p { font-size: 13px; line-height: 19px; padding: 5px 0 0; margin: 0; }

.video-about-block .about-text .text-dec a.active { width: 32%; padding: 8px 0; font-size: 12px; line-height: 16px; margin: 0; }
 .video-about-block .about-text .text-dec a { width: 45%; padding: 8px 0; font-size: 12px; line-height: 16px; margin: 20px 10px 0; }
.video-about-block .about-text { width: 100%; position: absolute; content: ""; top: 20px; padding: 0; margin: 0; }

.properties .properties-list-block-box .flatmate-images img { width: 100%; height: 265PX; }
.properties .properties-list-block-box .flatmate-images { width: 100%; padding: 0; margin: 0; height: 265px; }
 .properties .properties-list-block-box .properties-view-btn a.view-btn { font-size: 12px; line-height: 16px; padding: 8px 0; width: 25%; margin: 10px 0 0; }
.apartment .apartment-box-content a.active { width: 38%; padding: 8px 0; font-size: 12px; line-height: 16px; margin: 20px 0; }
.apartment .apartment-box-content a { width: 38%; font-size: 12px; line-height: 16px; }
.footer .footer-block-box .footer-block ul li { margin: 5px 0; padding: 0px 8px; }
.footer .footer-block-box .footer-block ul li a {
    font-size: 11px;
    line-height: 14px;
    padding: 0;
  }

.footer .footer-block-box .footer-block ul li:nth-child(5) {
    border-right: 1px solid #cccccc57;
  }

.footer .footer-block-box .footer-block ul li:nth-child(4) {
    border-right: none;
  }
 .contact .contact-box {
    width: 94%;
    display: block;
    margin: 0 auto;
  }

}

@media(max-width:480px) {
    /*///chek 440///*/

.header .logo { width: 100%; padding: 0; margin: 0; }
.banner .banner-text .text-dec h1 { font-size: 35px; line-height: 40px; }

.banner img { width: 100%; height: 270px; }
.banner .banner-text .text-dec .search-room ul li { font-size: 16px; line-height: 18px; padding: 0 4px; margin: 0 0 0px; width: 44%; }
.video-about-block .about-text { width: 100%; position: absolute; content: ""; top: 10px; padding: 0; margin: 0; }
 .video-about-block .about-text .text-dec a { width: 45%; padding: 8px 0; font-size: 10px; line-height: 12px; margin: 15px 10px 0; }
.video-about-block .about-text .text-dec a.active { width: 32%; padding: 8px 0; font-size: 10px; line-height: 12px; margin: 0; }
.apartment .apartment-box-content a.active { width: 38%; padding: 8px 0; font-size: 11px; line-height: 12px; margin: 15px 0; }
.apartment .apartment-box-content a { width: 40%; font-size: 11px; line-height: 12px; }
.whychoos .why-box p { font-size: 12px; line-height: 16px; padding: 0; margin: 0; }
.whychoos .why-box { width: 100%; padding: 0; margin: 0; border-radius: 20px 0 60px 0; height: 145px; }
.whychoos { padding: 20px 0; margin: 0 0; }
.video-about-block .about-text .text-dec p { font-size: 12px; line-height: 19px; padding: 5px 0 0; margin: 0; }
 .apartment .apartment-box-content p { font-size: 12px; line-height: 22px; padding: 8px 0 0; margin: 0; }
 .footer .footer-block-box .footer-block p { font-size: 12px; line-height: 22px; padding: 0 0 10px; margin: 0; }
.footer .footer-block-box .footer-block h4 { font-size: 16px; line-height: 18px; padding: 0 0 10px; margin: 0; }
.footer .footer-block-box { width: 100%; padding: 30px 0 10px; margin: 0; border-radius: 162px 0 0 0; }
.contact .contact-box { width: 100%; display: block; margin: 0 auto; }
.contact .contact-box .contact-form form .fill-box { float: left; padding: 15px 0 0; margin: 0 7px; }
.contact .contact-box .discount-dec ul li a { font-size: 13px; line-height: 16px; padding: 0; margin: 0 0 10px; }
 .contact .contact-box .discount-dec ul li i { padding: 0 7px 0 0; font-size: 11px; }

}

@media(max-width:430px) {
    /*///chek 400///*/

.banner .banner-text .text-dec .search-room ul li a { padding: 8px 0; margin: 0; border: 2px solid #fff; box-shadow: 0 0 7px #f14902; font-size: 11px; line-height: 12px; width: 100%; }
.header .log-in .dropdown .dropbtn { font-size: 11px; }
.flatmates .properties-block-box-content .properties-block-dec h4 { font-size: 16px; line-height: 22px; font-weight: bold; padding: 10px 0 0; }
 .flatmates .properties-block-box-content .properties-block-dec p { font-size: 12px; line-height: 22px; padding: 0 0 15px; margin: 0; min-height: auto; }
.flatmates .properties-block-box-content .properties-block-dec ul li span { font-size: 12px; }
.flatmates .properties-block-box-content .properties-block-dec ul li { font-size: 16px; line-height: 22px; padding: 0 10px; }
.flatmates .properties-block-box-content .properties-block-dec p i { font-size: 12px; margin: 0 5px 0 0; }
.flatmates .properties-block-box-content .properties-block-contact ul li { font-size: 13px; line-height: 16px; padding: 0; }
.flatmates .properties-block-box-content .properties-block-contact ul li i { font-size: 11px; padding: 0 5px 0 0; }
.video-about-block .about-text .text-dec p { font-size: 12px; line-height: 16px; padding: 3px 0 0; margin: 0; }
.video-about-block .about-text .text-dec a { width: 50%; padding: 5px 0; font-size: 10px; line-height: 12px; margin: 10px 10px 0; }
 .video-about-block .about-text .text-dec a.active { width: 32%; padding: 5px 0; font-size: 10px; line-height: 12px; margin: 0; }
.properties .properties-list-block-box .flatmate-images img { width: 100%; height: 240PX; }
.properties .properties-list-block-box .flatmate-images { width: 100%; padding: 0; margin: 0; height: 240px; }
.properties .properties-list-block-box .properties-list-dec h4 { font-size: 16px; line-height: 22px; padding: 10px 0 0; margin: 0; }
.properties .properties-list-block-box .properties-list-dec p { font-size: 12px; line-height: 22px; color: #001125; padding: 0 0 15px; margin: 0; min-height: auto; height: auto; }
.properties .properties-list-block-box .properties-list-dec ul li span { display: block; font-size: 12px; font-weight: 400; }
.properties .properties-list-block-box .properties-list-dec ul li { font-size: 16px; line-height: 22px; padding: 0 10px; }
.properties .properties-list-block-box .properties-list-dec p i { font-size: 12px; margin: 0 5px 0 0; }
 .properties .properties-list-block-box .properties-view-btn a.view-btn { font-size: 10px; line-height: 16px; padding: 5px 0; width: 30%; margin: 10px 0 0; }
.apartment .apartment-box-content a.active { width: 42%; padding: 8px 0; font-size: 10px; line-height: 12px; margin: 15px 0; }
.apartment .apartment-box-content a { width: 45%; font-size: 10px; line-height: 12px; }
.footer .footer-block-box .footer-block ul li a { font-size: 10px; line-height: 14px; padding: 0; }
.footer .footer-block-box .footer-block ul li a.partner-login { font-size: 11px; line-height: 16px; padding: 0; }
 .footer .footer-block-box .footer-block p { font-size: 11px; line-height: 20px; padding: 0 0 10px; margin: 0; }
.footer .footer-block-box .footer-block ul.footer-contact li a { font-size: 12px; line-height: 16px; }
.footer .footer-block-box .footer-block ul li i { font-size: 10px; padding: 0 5px 0 0; }
.copyright p { font-size: 9px; line-height: 11px; }
.header .log-in .dropdown .dropbtn i.fa { width: 26px; height: 26px; padding: 3px; font-size: 13px; line-height: 19px; margin: 0 0 0 5px; text-align: center; }
.contact .contact-box .contact-form form .fill-box { float: left; padding: 15px 0 0; margin: 0 7px; width: 45%; }
.contact .contact-box .contact-form form .message { width: 94%; padding: 15px 0 0; margin: 0 8px; }
.contact .contact-box .contact-form form .button { width: 100%; }
.contact .contact-box .contact-form form .fill-box input[type="submit"] { width: 48%; padding: 8px 0; font-size: 11px; line-height: 15px; }
.inner-banner img { width: 100%; height: 140px; }
 .terms .terms-dec p { font-size: 12px; line-height: 22px; color: #001125; padding: 10px 0 0; margin: 0; }
.inner-about .inner-about-dec p { font-size: 12px; line-height: 22px; color: #001125; padding: 10px 0 0; margin: 0; }
.mission .mission-block-dec p { font-size: 12px; line-height: 22px; padding: 10px 0 0; margin: 0; }
.vision .vision-block-dec p { font-size: 12px; line-height: 22px; color: #001125; padding: 10px 0 0; margin: 0; }

}

@media(max-width:399px) {
    /*///chek 385///*/

.banner .banner-text .text-dec .search-room ul li { font-size: 16px; line-height: 18px; padding: 0 4px; margin: 0 0 0px; width: 47%; }
.banner .banner-text .text-dec p { font-size: 15px; line-height: 24px; color: #313a49; padding: 10px 0; margin: 0; }
.banner .banner-text .text-dec .search-room ul { padding: 0; margin: 0; display: inline-block; width: 100%; }
 .banner .banner-text { width: 100%; bottom: 40px; padding: 0; margin: 0; }
.flatmates h2 { font-size: 22px; line-height: 26px; font-weight: bold; padding: 0 0 20px; }
 .video-about-block .about-text .text-dec h2 { font-size: 22px; line-height: 26px; padding: 0; margin: 0; }
.video-about-block .about-text .text-dec p { font-size: 10px; line-height: 16px; padding: 3px 0 0; margin: 0; }
.video-about-block .about-text { width: 100%; position: absolute; content: ""; top: 17px; padding: 0; margin: 0; }
.properties h2 { font-size: 22px; line-height: 26px; padding: 0 0 15px; margin: 0; }
 .properties .properties-list-block-box .flatmate-images img { width: 100%; height: 215PX; }
 .properties .properties-list-block-box .flatmate-images { width: 100%; padding: 0; margin: 0; height: 215px; }
.apartment .apartment-box-content h2 { font-size: 22px; line-height: 26px; padding: 0; margin: 0; }
.whychoos .why-box img { width: 30%; margin: 0 auto; }
.inner-banner h1 { top: 35px; left: 0; right: 0; font-size: 35px; line-height: 50px; }
.inner-about .inner-about-dec h2 { font-size: 22px; line-height: 26px; font-weight: bold; padding: 0; margin: 0; }
.inner-about { width: 100%; position: relative; display: block; background: #fff; padding: 15px 0; margin: 0; }
.mission .mission-block-dec h2 { font-size: 22px; line-height: 26px; padding: 0; margin: 0; }
.vision .vision-block-dec h2 { font-size: 22px; line-height: 26px; padding: 0; margin: 0; }

}

@media(max-width:380px) {
    /*///chek 375///*/

.banner .banner-text .text-dec h1 {
    font-size: 30px; line-height: 32px; }
.header .logo img { width: 120%; }
.banner img { width: 100%; height: 230px; }
.apartment .apartment-box-content a.active { width: 45%; padding: 8px 0; font-size: 10px; line-height: 12px; margin: 15px 0; }

.footer .footer-block-box .footer-block ul { padding: 0; margin: 0; width: 100%; margin: 15px auto; }
.footer .footer-block-box { width: 100%; padding: 30px 0 10px; margin: 0; border-radius: 118px 0 0 0; }

}

@media(max-width:365px) {
    /*///chek 320///*/
.header .logo { width: 100%; padding: 0px; margin: 7px 0; }

.header .log-in { float: right; width: 100%; padding: 0; }
.header .logo img { width: 130%; }
 .banner .banner-text .text-dec .search-room ul li a { padding: 6px 0; margin: 0; border: 2px solid #fff; box-shadow: 0 0 7px #f14902; font-size: 9px; line-height: 11px; width: 100%; }
.banner .banner-text .text-dec .search-room ul li { font-size: 16px; line-height: 18px; padding: 0 4px; margin: 0 0 0px; width: 49%; }
.banner .banner-text .text-dec p { font-size: 14px; line-height: 20px; color: #313a49; padding: 10px 0; margin: 0; }
.banner .banner-text .text-dec h1 { font-size: 26px; line-height: 29px; }
.banner img { width: 100%; height: 210px; }
.flatmates { width: 100%; position: relative; display: block; background: #fff; padding: 15px 0; margin: 0; }
.flatmates .properties-block-box-content .properties-block-dec p { font-size: 12px; line-height: 22px; padding: 0 0 15px; margin: 0; min-height: 50px; }
.flatmates .properties-block-box-content .zender-avatar img { width: 22%; border-radius: 100px; }
.flatmates .properties-block-box-content .properties-block-dec h4 { font-size: 16px; line-height: 22px; font-weight: bold; padding: 5px 0 0; }
.video-about-block .about-text { width: 100%; position: absolute; content: ""; top: 5px; padding: 0; margin: 0; }
 .video-about-block .about-text .text-dec p { font-size: 9px; line-height: 14px; padding: 3px 0 0; margin: 0; }
.video-about-block .about-text .text-dec a.active { width: 37%; padding: 4px 0; font-size: 9px; line-height: 12px; margin: 0; }
.video-about-block .about-text .text-dec a { width: 54%; padding: 4px 0; font-size: 9px; line-height: 12px; margin: 10px 10px 0; }
.properties { width: 100%; padding: 15px 0; margin: 0; }
  .properties .properties-list-block-box .flatmate-images img { width: 100%; height: 190PX; }
.properties .properties-list-block-box .flatmate-images { width: 100%; padding: 0; margin: 0; height: 190px; }
.properties .properties-list-block-box .properties-view-btn a.view-btn { font-size: 9px; line-height: 14px; padding: 4px 0; width: 36%; margin: 10px 0 0; }
.apartment .apartment-box-content p { font-size: 11px; line-height: 22px; padding: 4px 0 0; margin: 0; }
.apartment .apartment-box-content a.active { width: 45%; padding: 5px 0; font-size: 9px; line-height: 12px; margin: 10px 0; }
.apartment .apartment-box-content a { width: 48%; font-size: 9px; line-height: 12px; margin: 0 0 0 10px; padding: 4px 0; }
.whychoos .why-box h3 { font-size: 14px; line-height: 18px; padding: 7px 0 5px; }
.whychoos .why-box p { font-size: 10px; line-height: 14px; padding: 0; margin: 0; }

.whychoos .why-box { width: 100%; padding: 0; margin: 0; border-radius: 20px 0 60px 0; height: 115px; }

.footer .footer-block-box .footer-block .footer-logo { width: 30%; margin: 0 auto; padding: 0; }
.footer .footer-block-box { width: 100%; padding: 15px 0 0px; margin: 0; border-radius: 118px 0 0 0; }
.footer .footer-block-box .footer-block ul li { margin: 3px 0; padding: 0px 5px; line-height: 0; }
.footer .footer-block-box .footer-block ul li a { font-size: 9px; line-height: 14px; padding: 0; }
.footer .footer-block-box .footer-block ul li a.partner-login { font-size: 10px; line-height: 16px; padding: 0; }
 .footer .footer-block-box .footer-block p { font-size: 10px; line-height: 18px; padding: 0 0 10px; margin: 0; }
.footer .footer-block-box .footer-block ul.footer-contact li a { font-size: 11px; line-height: 14px; }
.footer .footer-block-box .footer-block ul.footer-contact li { display: inline-block; padding: 0; margin: 0 5px 0; border-right: none; }

.contact .contact-box .contact-form form .fill-box { float: left; padding: 15px 0 0; margin: 0; width: 100%; }
.contact .contact-box .contact-form form .message { width: 100%; padding: 15px 0 0; margin: 0; }
.contact .contact-box .contact-form form .fill-box input[type="submit"] { width: 56%; padding: 8px 0; font-size: 10px; line-height: 13px; }
.contact .contact-box .contact-form h3 { font-size: 16px; line-height: 22px; padding: 6px 0; }
.contact .contact-box .discount-dec h3 { font-size: 16px; line-height: 22px; padding: 6px 0; }
.inner-banner img { width: 100%; height: 110px; }
.inner-banner h1 { top: 30px; left: 0; right: 0; font-size: 32px; line-height: 50px; }
.inner-about .inner-about-dec p { font-size: 11px; line-height: 22px; color: #001125; padding: 10px 0 0; margin: 0; }
.mission .mission-block-dec p { font-size: 11px; line-height: 22px; padding: 10px 0 0; margin: 0; }
.mission .mission-block-image-right {
  border-radius: 208px 0 0 208px; }
.vision .vision-block-dec p { font-size: 11px; line-height: 22px; color: #001125; padding: 10px 0 0; margin: 0; }
 .terms .terms-dec p { font-size: 11px; line-height: 22px; color: #001125; padding: 10px 0 0; margin: 0; }

}

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: style.css

Server Info

System Features

User Info