/* main css written by : Abhishek Singh Solanki; */
@font-face {
    font-family: 'Heebo';
    src: url('../font/Heebo-Light.eot');
    src: url('../font/Heebo-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/Heebo-Light.woff2') format('woff2'),
        url('../font/Heebo-Light.woff') format('woff'),
        url('../font/Heebo-Light.ttf') format('truetype'),
        url('../font/Heebo-Light.svg#Heebo-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Heebo';
    src: url('../font/Heebo-Regular.eot');
    src: url('../font/Heebo-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/Heebo-Regular.woff2') format('woff2'),
        url('../font/Heebo-Regular.woff') format('woff'),
        url('../font/Heebo-Regular.ttf') format('truetype'),
        url('../font/Heebo-Regular.svg#Heebo-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Heebo';
    src: url('../font/Heebo-Medium.eot');
    src: url('../font/Heebo-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/Heebo-Medium.woff2') format('woff2'),
        url('../font/Heebo-Medium.woff') format('woff'),
        url('../font/Heebo-Medium.ttf') format('truetype'),
        url('../font/Heebo-Medium.svg#Heebo-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Heebo';
    src: url('../font/Heebo-Bold.eot');
    src: url('../font/Heebo-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/Heebo-Bold.woff2') format('woff2'),
        url('../font/Heebo-Bold.woff') format('woff'),
        url('../font/Heebo-Bold.ttf') format('truetype'),
        url('../font/Heebo-Bold.svg#Heebo-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Heebo';
    src: url('../font/Heebo-ExtraBold.eot');
    src: url('../font/Heebo-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../font/Heebo-ExtraBold.woff2') format('woff2'),
        url('../font/Heebo-ExtraBold.woff') format('woff'),
        url('../font/Heebo-ExtraBold.ttf') format('truetype'),
        url('../font/Heebo-ExtraBold.svg#Heebo-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}

*,*:before,*:after{box-sizing: border-box;}
body{font-family: "Heebo";margin: 0;padding: 0;font-size: 14px;}
button, input, optgroup, select, textarea {font-family: 'Heebo' !important;font-size: 100%;line-height: 1.15;margin: 0;}

/* anchor tag style */
a{text-decoration: none;color: #555;margin: 0;padding: 0;outline: none;}
a:hover,a:focus{text-decoration: none;color:#555;margin: 0;padding: 0;outline: none;}

/* input style */
input[type="text"],input[type="submit"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}

/* Select style */
select{-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;background: url(../images/down-arrow.png) no-repeat center right 0px;border: none;padding-right: 15px;}

/* ul style */
ul,ol{padding: 0;margin: 0;list-style: none;}

/* Paragraph */
p{margin: 0;}

/* LetterSpace */

.letterSpace1{letter-spacing: 3px;}

/* Image */
img{max-width: 100%;}

/* Cursor */
.cursorPointer{cursor: pointer;}

/* Font size */
.font10{font-size: 10px;}
.font11{font-size: 11px;}
.font12{font-size: 12px;}
.font13{font-size: 13px;}
.font14{font-size: 14px;}
.font15{font-size: 15px;}
.font16{font-size: 16px;}
.font17{font-size: 17px;}
.font18{font-size: 18px;}
.font19{font-size: 19px;}
.font20{font-size: 20px;}
.font21{font-size: 21px;}
.font22{font-size: 22px;}
.font23{font-size: 23px;}
.font24{font-size: 24px;}
.font25{font-size: 25px !important;}
.font26{font-size: 26px;}
.font27{font-size: 27px;}
.font28{font-size: 28px;}
.font29{font-size: 29px;}
.font30{font-size: 30px;}
.font32{font-size: 32px;}
.font34{font-size: 34px;}
.font36{font-size: 36px;}
.font38{font-size: 38px;}
.font40{font-size: 40px;}

/* Font Weight */
.font-weight-extrabold{font-weight: 800;}
.font-weight-medium{font-weight: 500;}

/* background-images */
.icons, .iconsPudo::before, .iconsPudo::after{background: url("../images/css_sprites.png") no-repeat top left;}
.iconsPudo::before, .iconsPudo::after{content: '';position: absolute;}

/* background colors */
.bgWhite{background:#fff;}
.bgBlack{background:#000;}
.bgPink{background:linear-gradient(to left, #03aa88, #0db7a5, #3ccf7e, #33c3a6);}
.bgLightBlue{background:#e6faff;}
.bgCream{background:#feeed4;}
.bgLightPink{background:#3acc8847;}
.bgNormalPink{background:#3acc881c;}
.bgFooter{background:#202020;}
.bgF7{background: #f7f7f7;}
.bg8B{background: #8b8b8b;}
.bg64{background: #00649c;}
.bgTriple5{background: #555;}
.bgEb{background: #ebebeb;}
.bgFbf5f8{background: #fbf5f8;}
.bgF6fbf5{background: #f6fbf5}
.bgTransparent{background: transparent;}

/* colors */
.colorWhite{color: #fff;}
.colorBlack{color: #000;}
.colorPink{color: #de0374;}
.colorGrey{color: #e9e9e9;}
.colorTriple5{color: #555;}
.colorTwoZero{color: #202020;}
.colorTriple9{color: #999;}
.colorTripleC{color: #ccc;}
.color6eb860{color: #6eb860;}
.colorTheme{color: #2cc78c;}

/* borders */
.border1{border: 1px solid #de0374;}
.border2{border: 1px solid #e4e4e4;}
.borderTop{border-top: 1px solid #e4e4e4;}
.borderRight{border-right: 1px solid #e4e4e4;}
.borderBottom{border-bottom: 1px solid #e4e4e4;}
.borderLeft{border-left: 1px solid #e4e4e4;}
.border64{border:1px solid #00649c;}
.border8B{border:1px solid #8b8b8b;}
.borderTriple5{border:1px solid #555;}
.borderEb{border:1px solid #ebebeb;}
.borderNone{border: none;}

/* placeholder color change */
::-webkit-input-placeholder {color:#555;}/* Chrome/Opera/Safari*/
::-moz-placeholder {color: #555;}/* Firefox 19+*/
:-ms-input-placeholder {color: #555;}/* IE 10+*/
:-moz-placeholder {color: #555;}/*Firefox 18-*/

/* Custom Checkbox */
.custom-control-input:checked ~ .custom-control-label::before {color: transparent;border-color: #ccc;background-color: transparent;}

/* -----------------------------------------------------------------Header-------------------------------------------------------------------- */

.btn-theme{background: linear-gradient(to left, #0db7a5, #3ccf7e 80%);color: #fff !important;}
.btn-theme:hover{background: white;color: #0fb8a3 !important;}
.btn-outline-theme{border: 2px solid #13baa1}
/*.headerBtn:hover {background: #de0374;color: #fff;}*/
.headerBtn {transition: all 0.5s;}

/* Custom Menu */

#menu ul {margin: 0;padding: 0;}  
#tm:checked + .main-menu {display: block;}
#menu input[type="checkbox"], #menu ul span.drop-icon {display: none;}
#menu li, #toggle-menu, #menu .sub-menu {border-style: solid;border-color: rgba(0, 0, 0, .05);}
#menu li, #toggle-menu {border-width: 0 0 1px;}
#menu .sub-menu {background-color: #fff;border-width: 1px 1px 0;margin: 0 1em;}
#menu .sub-menu li:last-child {border-width: 0;}
#menu li, #toggle-menu, #menu a {position: relative;display: block;color: #555;text-shadow: none;text-transform: uppercase;}
#menu, #toggle-menu {background-color: #fff;}
#toggle-menu, #menu a {padding: 1em;}
#menu a {transition: all .125s ease-in-out;-webkit-transition: all .125s ease-in-out;}
#menu a.headerBtn:hover {    background: linear-gradient(to left, #0db7a5, #3ccf7e 80%);color: #fff !important;}
#menu .sub-menu {display: none;}
#menu input[type="checkbox"]:checked + .sub-menu {display: block;}
#menu .sub-menu a:hover {color: #444;}
#toggle-menu .drop-icon, #menu li label.drop-icon {position: absolute;right: 1.5em;top: 1.25em;}
#menu label.drop-icon, #toggle-menu span.drop-icon {border-radius: 50%;width: 1em;height: 1em;text-align: center;background-color: rgba(0, 0, 0, .125);text-shadow: 0 0 0 transparent;color: rgba(255, 255, 255, .75);}
#menu .drop-icon {line-height: 1;}

.mt-100, .newsletter-main {
  margin-top: 100px;
}

.footerMenu ul {
    padding-left: 0px;
}
.more_info a {
    border: 1px solid #fff;
    padding: 2px 20px;
    border-radius: 25px;
}
.termsBlock .card {
    background: transparent;
    width: 100%;
    border: 2px solid gray !important;
    color: gray;
    background-color: white;
    border-radius: 8px !important;
    margin-bottom: 10px;
}
.card .card-header h2 button {
    padding-left: 35px;
    text-align: left;
    border: 0;
    background: transparent;
}
.termsBlock .card .card-header {
    padding: 0;
}
.card .card-header h2 button::before {
    content: "\f068";
    font-family: "FontAwesome";
    border: 1px solid #202020;
    border-radius: 50%;
    font-size: 12px;
    padding: 5px;
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
}
.termsBlock .card .card-body {
    padding: 12px;
}

.site_map li a {
    display: block;
    color: #000000f2;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 14px;
    position: relative;
    padding: 10px 31px;
    border-bottom: 1px dashed #9f9f9ff1;
    transition: 0.5s all;
    text-decoration: none;
}
.site_map li{
    width: 50%;
}
.site_map {
    display: flex;
    flex-wrap: wrap;
}
/* .site_map li:last-child a {
    border: 0;
} */
.site_map li a:hover{
    background-color: #fff;
    padding: 10px 40px;
}
.site_map li a::after {
    position: absolute;
    top: 52%;
    left: 10px;
    content: "\f101";
    font-family: "FontAwesome";
    transform: translateY(-50%);
    font-size: 14px;
    transition: 0.5s all;
}
.site_map li a:hover::after{
    left: 18px;
}
.site_map_modal button.close {
    font-size: 44px;
    font-weight: 300;
    opacity: 1;
    color: #df0877;
}

#about_us ul{
  list-style: inherit !important;
}

@media (max-width: 767px) {
  .mt-100, .newsletter-main {
    margin-top: 30px;
  }
  .site_map li{
        width: 100%;
    }
}

.newsletter-main .heading-page {
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .newsletter-main .heading-page {
    margin-bottom: 30px;
  }
}

.newsletter-main .heading-page .sub-heading {
  color: #303030;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 20px;
}

.btn-newsletter-submit{
    font-weight: 500 !important;
    text-transform: uppercase!important;
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important;
    padding-bottom: 0.5rem!important;
    padding-top: 0.5rem!important;
    border-radius: 0.25rem!important;
    border: 0 !important;
    font-size: 1rem !important;
}

@media (max-width: 767px) {
  .newsletter-main .heading-page .sub-heading {
    margin-bottom: 15px;
  }
}

.newsletter-main .heading-page h2 {
  color: #303030;
  font-weight: 600;
  font-size: 40px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .newsletter-main .heading-page h2 {
    margin-bottom: 15px;
    font-size: 30px;
  }
}

.newsletter-main .heading-page h2 span {
  color: #fb2f97;
}

.newsletter-main .heading-page p {
  color: #303030;
  margin-bottom: 20px;
  font-size: 18px;
}

.newsletter-main .heading-page .sub-heading {
  margin-bottom: 0;
}

.newsletter-main .newsletter-bg {
    background: #3acc881c;
    padding: 50px 0;
}

@media (max-width: 767px) {
  .newsletter-main .newsletter-bg {
    padding: 40px 20px;
  }
}

.newsletter-main .newsletter-bg .news-form .form-control {
  padding: 19px 10px;
  background-color: #fff;
  border: none;
}

.newsletter-main .newsletter-bg .news-form .input-group-text {
  padding: 0;
  border: none;
}

.newsletter-main .newsletter-bg .news-form .input-group-text button {
  color: #fff;
  /*background: #fb2f97;*/
  padding: 5px 30px;
}
@media only screen and (max-width: 64em) and (min-width: 52.01em) 
{
  #menu .sub-menu li {width: auto;}
}
@media only screen and (min-width: 52em) 
{
  #menu .main-menu {display: block;float:right;}
  #toggle-menu,   #menu label.drop-icon {display: none;}
  #menu ul span.drop-icon {display: inline-block;}
  #menu li {float: left;border-width: 0 1px 0 0;}
  #menu .sub-menu li {float: none;}
  #menu .sub-menu {border-width: 0;margin: 0;position: absolute;top: 100%;left: 0;width: 14em;z-index: 3000;}
  #menu .sub-menu,   #menu input[type="checkbox"]:checked + .sub-menu {display: none;}
  #menu .sub-menu li {border-width: 0 0 1px;}
  #menu .sub-menu .sub-menu {top: 0;left: 100%;}
  #menu li:hover > input[type="checkbox"] + .sub-menu {display: block;}
}
@media (min-width: 768px){
.footer_head {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}
.footer-main .footer-inner-left p {
    margin: 5px 0px;
}
.footer-form .form-group.my-5 {
    margin-bottom: 10px !important;
}
.footer-main .footer-inner-left {
    text-align: center;
}
}

/* --------------------------------------------------------------------Home-------------------------------------------------------------------- */

.slideBanner{position: relative;}
.portfoliBg {background-image: url(../images/home/greenbg.jpg);background-repeat: no-repeat;background-position: top center;background-color: transparent;border-radius: 5px;}
.owl-prev span::before {content: "\f060";font-family: "FontAwesome";color: #555;}
.owl-prev {box-shadow: 0 3px 3px rgba(0,0,0,0.2);width: 40px;height: 40px;border-radius: 50px;position: absolute;top: 50%;transform: translateY(-50%);left: -50px;background: #fff !important;}
.owl-prev span {color: #fff;}
.owl-next span::before {content: "\f061";font-family: "FontAwesome";color: #555;}
.owl-next {box-shadow: 0 3px 3px rgba(0,0,0,0.2);width: 40px;height: 40px;border-radius: 50px;position: absolute;top: 50%;transform: translateY(-50%);right: -50px;background: #fff !important;}
.owl-next span {color: #fff;}
.calToActionBox:hover::after {content: "";border-bottom: 4px solid;border-image: linear-gradient(to right, #03aa88, #0db7a5, #3ccf7e, #33c3a6) 1;position: absolute;width: 100%;left: 0;bottom: 0;overflow: hidden;}
.calToActionBox{position: relative;transition: all 0.5s;}
.calToActionBox:hover {box-shadow: 0 3px 3px rgba(0,0,0,0.3);}
.videoBg{background: url(../images/home/videobg.jpg)no-repeat center center;}
.latestBlogImgBlock {position: relative;}
.dateCaption {position: absolute;top: 25px;left: 0;padding: 3px 5px;}
.fa-caret-down::before {color: #555;}
.carousel-control-prev {z-index: 999;}
.carousel-control-next {z-index: 999;}
.srachBlock .form-group {position: relative;width: 100%;margin-bottom: 0px;}
.srachBlock .fa.fa-caret-down {position: absolute;right: 15px;top: 10px;}
.truncating {text-overflow: ellipsis;white-space: nowrap;max-width: 220px;overflow: hidden;}
.pcSearch:hover {background: #fff;color: #de0374;}
.pcSearch:hover {transition: all 0.5s;}
.carouslBtn:hover {background: #de0374;color: #fff;}
.carouslBtn:hover {transition: all 0.5s;}
/*.headerBtn:hover {background: #de0374 !important;color: #fff !important;}*/

/* video popup */

.videoBlock #fade {display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index: 1001;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);}
.videoBlock #light {display: none;position: fixed;top: 50%;left: 50%;max-width: 600px;max-height: 360px;margin-left: 0;margin-top: 0;border: 2px solid #FFF;background: #FFF;z-index: 1002;overflow: visible;transform: translate(-50%,-50%);}
.videoBlock #boxclose {float: right;cursor: pointer;color: #fff;border: 1px solid #AEAEAE;border-radius: 3px;background: #222222;font-size: 31px;font-weight: bold;display: inline-block;line-height: 0px;padding: 11px 3px;position: absolute;right: 2px;top: 2px;z-index: 1002;opacity: 0.9;}
.videoBlock .boxclose:before {content: "×";}
.videoBlock #fade:hover ~ #boxclose {display:none;}
.videoBlock .test:hover ~ .test2 {display: none;}

/* ----------------------------------------------------------------Listing--------------------------------------------------------------------- */

.listingFilter .srachBlock .form-group,.listingFilter .srachBlock .input-group {position: relative;width: 100%;margin-bottom: 0px;border-right: 1px solid #e4e4e4;}
.custom-control-input:checked + .custom-control-label::before {color: #fff;border-color: #de0374;background-color: #de0374;}
.custom-checkbox .custom-control-label::before {border-radius: 0;}
.listingViewDetailBtn:hover {background: linear-gradient(to left, #0db7a5, #3ccf7e 80%);color: #fff;}
.listingViewDetailBtn {transition: all 0.5s;}
.listingMakeAppBtn:hover {background: #fff;color: #de0374;}
.listingMakeAppBtn {transition: all 0.5s;}
.sendDetailBtn:hover {background: #de0374;color: #fff;}
.sendDetailBtn {transition: all 0.5s;}
.filterBtn a:hover {background: #de0374;color: #fff;}
.filterBtn a {transition: all 0.5s;}

/* -------------------------------------------------------------------Detail------------------------------------------------------------------- */

.detailBannerBlock{background: url(../images/detail/detailBanner.jpg)no-repeat center center;height: 475px;}
.tabingBlock ul li a.nav-link {color: #555;padding: 10px 20px;font-size: 13px;text-transform: uppercase;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: #de0374;background-color: transparent;border-bottom: 1px solid #de0374;border-radius: 0;}
.head::after {content: "";position: absolute;border-bottom: 1px solid #de0374;width: 50px;bottom: -5px;left: 0;}
.head {position: relative;}
.animitesBlock li {width: 33.33%;}
.tabingBlock ul li a.active{color: #de0374}
.applyForPropBtn:hover {background: #fff;color: #de0374;}
.applyForPropBtn {transition: all 0.5s;}
.propertyDetail .enquiryForm {	margin-top: 16px;}
.propertyDetail .callToAction img {	max-width: 35px;	margin-left: 20px;}

/* ---------------------------------------------------------------Blog Details------------------------------------------------------------------ */

.nextArticleBtn:hover {background: #fff;color: #00649c;}
.nextArticleBtn {transition: all 0.5s;}

/* ---------------------------------------------------------------Login Signup------------------------------------------------------------------ */

.loginSignupForm ul li a.nav-link {padding: 10px 50px;color: #555;background: #ebebeb;}
.loginSignupForm .nav-tabs .nav-item.show .nav-link, .loginSignupForm .nav-tabs .nav-link.active {color: #fff;background-color: #555;border-color: #555;font-weight: bold;}
.loginSignupForm .nav-tabs {border-bottom: none;}

/* ----------------------------------------------------------------About Us--------------------------------------------------------------------- */

.odd .badges {width: 30px;height: 30px;position: absolute;bottom: 20px;right: -13px;}
.even .badges {width: 30px;height: 30px;position: absolute;bottom: 20px;left: -13px;}
.aboutBanner img {position: absolute;width: 100%;left: 0;z-index: -1;height: 100%;}
.contentContainer {padding: 38px 0;}
.aboutBannerBlock {display: flex;align-items: center;overflow: hidden;justify-content: center;}
/*.aboutContactBtn:hover {background: #fff;color: #11b9a1 !important;}*/
.aboutContactBtn {transition: all 0.5s;}

/* ------------------------------------------------------------------Contact-------------------------------------------------------------------- */

.contactBannerBlock {display: flex;align-items: center;overflow: hidden;justify-content: center;}
.contactBanner img {position: absolute;width: 100%;left: 0;z-index: -1;height: 100%;}
.contentContainer {padding: 38px 0;}
.contactBlock form .form-group .form-control {border-bottom: 1px solid #e4e4e4 !important;border: none;}
/*.contactSendBtn:hover {background: #fff;color: #de0374;}*/
.contactSendBtn {transition: all 0.5s;}

/* --------------------------------------------------------------------Terms-Conditions--------------------------------------------------------- */

.termsBlock .nav-pills a {color: #202020;padding: 10px;border-left: 2px solid #fff;}
.termsBlock .nav-pills .nav-link.active, .termsBlock .nav-pills .show > .nav-link {color: #10b8a3;background-color: transparent;border-radius: 0;border-bottom: none;border-left: 2px solid;}
.termsBlock ul {list-style-type: disc;padding-left: 15px;margin: 20px 0;}
.termsBlock ul.list-unstyled {list-style: none !important;}
.card .card-header h2 button::before {content: "\f068";font-family: "FontAwesome";border: 1px solid #202020;border-radius: 50%;font-size: 12px;padding: 5px;position: absolute;left: 0;width: 25px;height: 25px;top: 20px;display: flex;align-items: center;justify-content: center;margin-left: 5px;}
.card .card-header h2 button.collapsed::before {content: "\f067";font-family: "FontAwesome";border: 1px solid #202020;border-radius: 50%;font-size: 12px;padding: 5px;margin-left: 5px;}
.termsBlock .card .card-header .btn-link:hover, .termsBlock .card .card-header .btn-link:focus {color: #10b8a3;text-decoration: none;}
.termsBlock .card,.termsBlock .card .card-header{background: transparent;border: none;padding: 5px 0;}
.card .card-header h2 button{padding-left: 35px;text-align: left;}
.chooseLocation .fa.fa-angle-down {position: absolute;right: 30px;top: 11px;}
.countriesChoose {position: relative;}

/* --------------------------------------------------------------Pay Rent Online Form----------------------------------------------------------- */

.payRentOnlineForm .payForm select {height: 45px;}
.payRentOnlineForm .payForm .form-group {position: relative;}
.payRentOnlineForm .payForm .form-group .fa.fa-angle-down {position: absolute;right: 15px;top: 45px;}
.customPayment form .input-group-prepend a {padding: 0 20px;}
.customPayment form input.form-control {height: 45px;}
.rentDetail .upcomingPayment .fa.fa-question-circle {color: #ccc;font-size: 16px;}
.payRentOnlineForm .callToAction img {max-width: 40px;margin-left: 20px;}
.payRentOnlineBtn:hover {background: #de0374;color: #fff;}
.payRentOnlineBtn {transition: all 0.5s;}

/* ---------------------------------------------------------------------Flor-------------------------------------------------------------------- */

ul.florBlock li {width: 18%;float: left;margin: 10px 1%;transition: all 0.5s;}
ul.florBlock li:hover {box-shadow: 0 0 5px rgba(0,0,0,0.2);}
ul.florBlock li img {width: 100%;}
.animitesFeature:hover p {color: #de0374;text-decoration: underline;}

/* --------------------------------------------------------------Application Form--------------------------------------------------------------- */

.makePayform input.form-control {height: 45px;}
.makePayform .custom-file .custom-file-label {height: 45px;line-height: 33px;color: #495057;background-color: #afafaf;border: 1px solid #ced4da;border-radius: .25rem;	color: #fff;border: 1px solid #afafaf;}
.makePayform .custom-file .custom-file-input:lang(en) ~ .custom-file-label::after {display: none;}
.maintenanceAppSubmitBtn:hover {background: #fff;color: #de0374;}
.maintenanceAppSubmitBtn {transition: all 0.5s;}

/* Customize File Button */

.upload-btn-wrapper {position: relative;overflow: hidden;display: inline-block;}
.btn {border: 2px solid gray;color: gray;background-color: white;padding: 8px 20px;border-radius: 8px;font-size: 20px;font-weight: bold;}
.upload-btn-wrapper input[type=file] {font-size: 100px;position: absolute;left: 0;top: 0;opacity: 0;}

/* --------------------------------------------------------------Maintenance Form-------------------------------------------------------------- */

.payForm form .form-group input.form-control {height: 45px;}
.maintenanceSubmitBtn:hover {background: #fff;color: #de0374;}
.maintenanceSubmitBtn {transition: all 0.5s;}

/* ---------------------------------------------------------------Tenant Module---------------------------------------------------------------- */

.dashboardBlock .nav a.nav-link {color: #202020;border-left: 2px solid #fff;border-radius: 0;}
.dashboardBlock .nav-pills .nav-link.active, .dashboardBlock .nav-pills .show > .nav-link {color: #de0374;background-color: transparent;border-bottom: none;border-left: 2px solid #de0374;border-radius: 0;}
.aboutHead::after {content: "";position: absolute;border-bottom: 1px solid #de0374;width: 40px;bottom: -10px;left: 0;}
.aboutHead {position: relative;}
.multipleSelection .custom-control-input:checked + .multipleSelection .custom-control-label::before {color: #fff;border-color: #de0374;background-color: #de0374;}
.multipleSelection .custom-control-label{display: flex;margin-bottom: 10px;}
.dateSection i.fa.fa-angle-down {position: absolute;right: 12px;top: 10px;}
.sendMaintenanceForm .form-group i.fa.fa-angle-down {position: absolute;right: 20px;top: 40px;}
.sendMaintenanceForm .form-group {position: relative;}

/* Custom File Upload */

.custom-file-upload-hidden {display: none;visibility: hidden;position: absolute;left: -9999px;}
.custom-file-upload {display: block;width: auto;font-size: 16px;margin-top: 30px;}
.custom-file-upload label {display: block;margin-bottom: 5px;}
.file-upload-wrapper {position: relative;margin-bottom: 5px;}
.file-upload-wrapper .file-upload-input {width: 400px;color: #de0374;font-size: 16px;padding: 11px 17px;border: none;background-color: transparent;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;float: left;border: 1px solid #dadada;}
.file-upload-wrapper .file-upload-input:hover, .file-upload-wrapper .file-upload-input:focus {background-color: #de0374;outline: none;color: #fff;}
.file-upload-wrapper .file-upload-button {cursor: pointer;display: inline-block;color: #de0374;font-size: 14px;text-transform: uppercase;padding: 11px 20px;border: none;margin-left: -1px;background-color: transparent;float: left;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;font-weight: 500;}
.file-upload-wrapper .file-upload-button:hover {background-color: transparent;}
.dashboardPayRentBtn:hover {background: #fff;color: #de0374;}
.dashboardPayRentBtn {transition: all 0.5s;}
.onlinePaymentBtn:hover {background: #fff;}
.onlinePaymentBtn {transition: all 0.5s;}
.uploadSubmitBtn:hover {background: #fff;}
.uploadSubmitBtn {transition: all 0.5s;}

/* -------------------------------------------------------------------Footer-------------------------------------------------------------------- */

.footerMenuBlock {width: 25%;}
footer .wrapper {border-top: 8px solid; border-image: linear-gradient(to right, #0db7a5, #3ccf7e 90%) 1;}
.footerImg{background: linear-gradient(to right, #03aa88, #3ccf7e 80%);}
.margin-100{margin: 100px 0}
.bg404{background: #e5f1f0;}
.padding-50{padding: 50px 0;}
.bg404 h3{margin-top: 40px;color: #097b6d;font-weight: bold;}
.bg404 img{width: 40%;margin-left: 7%;}

.skip-navigation {
    display: block;
    text-align: center;
}
a.skip {
    text-decoration: none;
    box-shadow: none;
    color: #0fb8a3;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    display: inline-block;
    padding-bottom: 20px;
    font-size: 16px;
}
.skip-navigation.top {
    position: absolute;
    bottom: 85px;
    left: 50%;
    z-index: 9999;
}

/* -----------------------------------------------------------------Media Query------------------------------------------------------------------ */

@media screen and (min-width:1200px)
{
    .portfolio {z-index: 99;position: relative;}
    .portfolio .container{position: relative;top: -110px;}
}
@media screen and (max-width:1199px)
{
    .menuBlock {position: fixed;right: -100%;height: 100%;background: #fff;top: 0;padding: 20px 30px;box-shadow: 0 0 3px rgba(0,0,0,0.5);z-index: 99;transition: all 0.5s;width: 320px;}
    .menuBlock.show{right: 0px;}
    .menuBlock ul {flex-direction: column;}
    .fa-navicon::before, .fa-reorder::before, .fa-bars::before,.fa-times-rectangle::before, .fa-window-close::before {font-size: 24px;color: #13baa1;}
}
@media screen and (max-width:991px)
{
    .footerMenuBlock {width: 25%;border-bottom: 1px solid #fff;margin-bottom: 10px;}
    .footerMenuBlock li i {
    margin-right: 5px !important;
}
    .appartmentHead .enquiryForm {margin-top: 20px;}
    .listingFilter .srachBlock form {flex-direction: column;padding-top: 50px;}
    .listingFilter .srachBlock {position: fixed;left: -100%;top: 0;background: #fff;height: 100%;z-index: 9;width: 320px;box-shadow: 0 0 3px rgba(0,0,0,0.5);transition: all 0.5s;}
    .listingFilter .srachBlock.show{left: 0px;}
    .listingFilter .srachBlock .closeSearch {position: absolute;top: 10px;right: 10px;cursor: pointer;}
}
@media screen and (min-width:992px)
{
    #menu .main-menu {display: flex;float: right;align-items: center;}
    #menu li:hover > input[type="checkbox"] + .sub-menu {display: block;border-top: 3px solid #10b9a3;}
    #menu li:hover > input[type="checkbox"] + .sub-menu::before {content: "";border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid transparent;border-bottom: 10px solid #11b9a3;position: absolute;top: -22px;left: 50%;transform: translateX(-50%);}
} 
@media screen and (min-width:832px)
{
  .closeMenu {display: none;}
}
@media screen and (max-width:831px)
{
  .menuPart .main-menu {position: fixed;top: 0;background: #fff;height: 100%;z-index: 1000;left: -100%;width: 320px;box-shadow: 0 0 5px rgb(0 0 0 / 50%);transition: all 0.5s;}
  #menu label.drop-icon, #toggle-menu span.drop-icon {border-radius: unset;width: auto;height: auto;text-align: center;background-color: transparent;text-shadow: none;color: #000;cursor: pointer;}
  #toggle-menu {display: inline-block;float: right;margin-top: -20px;}
  .menuPart.show .main-menu {left: 0;}
  .menuPart.show .closeMenu {position: absolute;z-index: 99;right: 10px;top: 10px;}
  .closeMenu {display: none;}
  .footerMenuBlock {
    width: 50%;}
} 
@media screen and (min-width:768px)
{
  .filterBlock {position: absolute;top: 50%;left: 50%;z-index: 9;transform: translate(-50%,-50%);text-align: center;color: #fff;width: 991px;max-width: 100%;}
  .enquiryForm{margin-top: 150px;}
  #pills-tab {position: sticky;top: 0;background: #fff;z-index: 9;}
}
@media screen and (max-width:767px)
{
  .srachBlock form {flex-direction: column;display: flex;align-items: start;flex: 1;padding-top: 50px;position: relative;}
  .srachBlock {position: fixed;left: -100%;top: -24px;width: 320px;box-shadow: 0 0 3px rgba(0,0,0,0.5);z-index: 999;height: 100%;transition: all 0.5s;}
  .srachBlock.show{left: 0px;  top: 0;}
  .closeSearch .fa.fa-window-close {position: absolute;top: 0;right: 0;}
  .srachBlock .form-group {border-bottom: 1px solid #ccc;}
  .srachBlock .input-group {border-bottom: 1px solid #ccc;}
  .filterBlock {text-align: center;margin-top: 20px;}
  .portfoliBg{background-image: none;background: linear-gradient(to right, #0db7a5, #3ccf7e 90%);}
  .owl-next {right: 10px;z-index: 99;top: 70px;}
  .owl-prev {left: 10px;z-index: 99;top: 70px;}
  .animitesBlock li {width: 50%;}
  .detailBannerBlock {height: 250px;}
  .blog .dateCaption {top: 5px;}
  .odd .badges {bottom: 0;right: 0;top: 0;left: 45px;}
  .even .badges {bottom: 20px;left: 45px;top: 0;right: 0;}
  .videoBlock #light {max-width: 100%;max-height: 100%;}
  .srachBlock.bgWhite.rounded.p-2.mb-xl-5.show .flex-nowrap.d-flex {
    display: block !important;
    margin-top: 20px;
    border-top: 1px solid #ccc;
}
div#v-pills-tabContent {
    margin-top: 20px;
}
}
@media screen and (max-width:575px)
{
  .tourVideos {text-align: center;margin: 10px 0;}
  .file-upload-wrapper {width: 100%;}
  .file-upload-wrapper .file-upload-input {width: 100%;}
  ul.florBlock li {width: 31.34%;}
  .prefredChoice .col-md-6.aos-init {
    text-align: center;
}
section.wrapper.termsBlock.py-5 {
    padding-top: 5px !important;
}
.aos-init {
    text-align: center;
}
.latestBlogImgBlock a {
    position: relative;
    display: block;
}
.dateCaption {
    position: absolute;
    top: 0;
    left: 12.5%;
    padding: 3px 5px;
}
.u-section-1 .u-text-1 {
    margin: 0 auto;
}
.u-section-1 .u-text-2 {
    margin: 0;
    text-align: center;
    margin-bottom: 10px;
}
p:not(.u-text-variant) {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}
.u-container-layout.u-container-layout-1 {
    padding-bottom: 0;
}
.latestBlogImgBlock img {
    width: 100%;
}
.dateCaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px 5px;
}
.socialMedia.text-center.mt-5 {
    margin-top: 15px !important;
}
.col-md-3.more_info {
    display: block !important;
}
.more_info p {
    margin: 0px;
    text-align: center;
}
.socialMedia p {
    margin-top: 10px !important;
}
.font40, .font36 {
    font-size: 24px;
}
.container.bgPink.portfoliBg {
    padding-bottom: 10px 0px 30px;
}
.portfoliBg .py-5 {
    padding-bottom: 0 !important;
    padding-top: 25px !important;
}
.container.bgPink.portfoliBg {
    padding: 10px 0px 30px;
}
.container.bgPink.portfoliBg .col-md-3.col-sm-6 {
    width: 50%;
}
.container.bgPink.portfoliBg .font18.colorWhite.font-weight-medium.text-uppercase {
    font-size: 14px !important;
}
.contactForm p {
    margin-top: 0 !important;
}
.contactForm .font24.colorTwoZero.font-weight-medium {
    text-align: center;
    margin-top: 20px;
}    
.contactForm .font24.colorTwoZero.font-weight-medium.mb-5 {
    margin-bottom: 5px !important;
    margin-top: 30px;
}
.addressBlock {
    text-align: center;
}
}
@media screen and (max-width:479px)
{
  .owl-prev {left: 10px;z-index: 99;top: 20%;}
  .owl-next {right: 10px;z-index: 99;top: 20%;}
  .latestSlider .owl-prev {left: 10px;z-index: 99;top: 45%;}
  .latestSlider .owl-next {right: 10px;z-index: 99;top: 45%;}
}
@media screen and (max-width:460px)
{
    .animitesBlock li {width: 100%;}
}