ibody{

  font-family: 'CircularStd-Book', sans-serif;
  background: #fff;
  font-size: 14px;
  line-height: 1.4;
  color: #363856;
}
h1,h2,h3,h4,h5,h6{font-weight: 700;line-height: 1.5em;}
p{

  color: #000;
  font-size: 12px;
  line-height: 1.5em;


}

@font-face {
  font-family: "CircularStd-Black";
  src:url('../fonts/CircularStd-Black.ttf');
}
@font-face {
    font-family: "CircularStd-Book";
    src:url('../fonts/CircularStd-Book.ttf');
}


/*13/11/20*/
span.select2-selection__arrow {
    padding: 30px 20px;
}
span.select2-selection.select2-selection--single {
    width: 100%;
    padding: 8px;
    border: 1px solid #d0cdcd;
}
span#select2-search_key-rl-container {
    padding-left: 5px;
    line-height: 18px;
}
span.select2-selection__arrow {
    top: -5px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 40px !important;
}



/*end 13/11*/



/*header*/
nav.navbar.navbar-expand-lg.navbar-light.bg-black span.sidemenu-over {
    margin: 20px auto;
}
span.sidemenu-over {
    display: table-caption;
    color: #fff;
    font-size: 20px;
    line-height: 14px;
    margin: 10px auto;
    cursor: pointer;
}
span.menu {
    /*text-transform: uppercase;*/
    font-size: 12px;
    padding: 0;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  text-align: left;
  /*padding-left: 30px;*/
  z-index: 1;
  top: 0;
  left: 0;
  /*background-color: #111;*/
  background: url(../img/follow.png);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f4ac21;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 20px;
  margin-left: 50px;
  color: #f4ac21 !important;
}
.sidenav .follow-us {
    position: absolute;
    bottom: 0;
}
.sidenav .follow-us ul {
    display: flex;
    padding: 0 20px;
    margin: 0;
    list-style-type: none;
}

.sidenav .follow-us ul li {
    /*margin-right: -25px;*/
    margin-right: 0px;
}

.sidenav .follow-us ul li a {
    padding: 10px;
}

/*menu*/
.dropdown-menu.side-menu.show {
   background-color: hsla(0,0%,8%,.97);
   width: 350px;
   height: auto;
   z-index: 1000;
   position: absolute;
   left: 0;
}
.dropdown-menu.side-menu.show a {
   color: #fff;
   border-bottom: 1px solid #222;
   padding: 20px;
}
.dropdown-menu.side-menu.show a:hover {
   background: #f4ac21;
}
ul.navbar-nav.mobile-sidemenu {
   display: none;
}

/*end menu*/





.top_header .row {
  width: 100%;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-light {
  text-align: center;
}
ul.sign_in_links {
  list-style-type: none;
  display: inline-flex;
  margin: 10px;
  float: right;
}
ul.sign_in_links li:first-child {
  border-right: 1px solid #fff;
}
ul.sign_in_links li a {
  padding-right: 30px; 
}
ul.sign_in_links li a {
  padding: 0px 10px;
  color: #fff;
  font-size: 16px;
}




a.nav-link.dropdown-toggle.menu-pre:after {
  display: none;
}
a.nav-link.dropdown-toggle.menu-pre {
  color: #fff !important;
  padding: 10px;
}
a.nav-link.dropdown-toggle.menu-pre:hover{
  color: #fff;
}

a.nav-link.dropdown-toggle.menu-pre i{font-size: 24px;}
ul.navbar-nav {
  text-align: center;
}

/*lang dropdown*/
.dropdown-menu.lang.show {
  background: #0f0e0e;
}
.dropdown-menu.lang.show a {
  padding: 10px;
  font-size: 14px;
}


/*slider*/

nav.navbar.navbar-expand-lg.navbar-light {
  text-align: center;
  background: transparent;
  position: absolute;
  top: 0;
  z-index: 999;
  width: 100%;
}
.carousel-indicators li{

  width: 10px;
  height: auto;
  border-top: none;
  border-radius: 50%;
  background: #8a8474 !important;
}
.carousel-indicators li.active{

  background: #fff !important;
}
/*.carousel-item {


    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(img/slider.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 650px;
    width: 100%;
    }*/

    .carousel-item{

      height: 100vh;
      /*background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(../img/slider.jpg);*/
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;


    }

    .carousel-inner {
      position: relative;
      width: 100%;
      height: 100vh;
      overflow: hidden;
    }
    .carousel-caption {
      position: absolute;
      top: 60%;
      left: 5%;
      width: 50%;
      z-index: 10;
      padding-top: 20px;
      padding-bottom: 20px;
      color: #363856;
      text-align: left;
    }


    a{
      text-decoration: none !important;
    }
    a.ppty_btn {
      color: #fff;
      background: #f4ac21;
      padding: 7px 35px;
      border-radius: 50px;
      font-size: 12px;
      font-family: 'Karla', sans-serif;
      text-transform: uppercase;
    }
    input.form-control.submit:hover{
      background: #fff;
      color: #f4ac21;
    }
    .editorial_btn a:hover {background: #1c1d18;}
    .carousel-caption h3 {
      margin-top: 25px;
      font-size: 24px;
      font-family: 'Karla', sans-serif;
      color: rgb(255, 255, 255);
      font-weight: bold;
      line-height: 1.5;
    }
    .carousel-caption h4 {
      color: rgb(244, 172, 33);
      font-size: 22px;
    }
    .carousel-caption p {
      font-size: 16px;
      color: rgb(255, 255, 255);
    }

    .carousel_fixed_part {
      /*position: absolute;
        float: right;
        right: 80px;
        bottom: 0;
        background-image: url(../img/bg0.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 420px;
        height: auto;
        padding: 30px;
        border-radius: 3px;*/
        background-image: linear-gradient(180deg, #ffffff00, #000000de);
        position: absolute;
    float: right;
    right: 80px;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    background-repeat: no-repeat;
    background-size: cover;
    width: 420px;
    height: 100%;
    padding-top: 6rem !important;
    padding: 30px;
    border-radius: 3px;
    }
    a.carousel-control-prev {
      background: #000;
      width: 65px;
      height: 100px;
      position: absolute;
      top: 40%;
      left: 0px;
    }
    a.carousel-control-next{

      background: #000;
      width: 65px;
      height: 100px;
      position: absolute;
      top: 40%;
      right: 0px;


    }

    /*radio*/
    /* Customize the label (the container) */
    .container.check_radio {
      display: block;
      position: relative;
      padding-left: 35px;
      margin-bottom: 12px;
      cursor: pointer;
      font-size: 16px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      color: #fff;
    }

    /* Hide the browser's default radio button */
    .container.check_radio input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }

    /* Create a custom radio button */
    .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 20px;
      width: 20px;
      background: transparent !important;
      border: 3px solid #f4ac21;
      border-radius: 50%;
    }

    /* On mouse-over, add a grey background color */
    .container.check_radio:hover input ~ .checkmark {
      background-color: #ccc;
    }

    /* When the radio button is checked, add a blue background */
    .container.check_radio input:checked ~ .checkmark {
      background-color: #2196F3;
    }

    /* Create the indicator (the dot/circle - hidden when not checked) */
    .checkmark:after {
      content: "";
      position: absolute;
      display: none;
    }

    /* Show the indicator (dot/circle) when checked */
    .container.check_radio input:checked ~ .checkmark:after {
      display: block;
    }

    /* Style the indicator (dot/circle) */
    .container.check_radio .checkmark:after {
      top: 3px;
      left: 3px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #f4ac21;
    }
    .carousel_fixed_part .header_part h4 {
      color: rgb(254, 254, 254);

      font-size: 25px;
    }
    .carousel_fixed_part .header_part h4 span {
      font-weight: normal;
    }
    .header_part {
      border-bottom: 1px solid #ccc;
      padding-bottom: 20px;
      padding-top: 20px;
    }
    .tabable.tab_Section ul li{margin-right: 30px;}
    .tabable.tab_Section ul li a {
      font-size: 16px;
      color: #fff;
    }
    .tabable.tab_Section ul {
      border-bottom: none;
    }

    .tabable.tab_Section ul li a.active {
      color: #f4ac21;
      border-bottom: 1px solid #f4ac21;
      padding-bottom: 5px;
      width: 55px;
    }
    .tabable.tab_Section {
      padding: 30px 0px;
    }
    input.form-control.st {
      background: #0f0e0e00;
      border: 1;
      border-radius: 10px;
      height: 60px;
      font-size: 10pt;
      margin-bottom: 20px;
      color: #cecccc;
    }
    select.form-control.st {
       height: 50px;
       font-size: 14px;
       color: rgb(153, 153, 153);
   }
   textarea.form-control.st {
       background: #0f0e0e00;
       border: 1;
       border-radius: 10px;
       font-size: 10pt;
       height: 100px;
       margin-bottom: 20px;
       color: #cecccc;
       padding: 20px;
   }
   input.form-control.submit {
       height: 60px;
       border-radius: 10px;
       color: #fff;
       background: #f4ac21;
       border: none;
   }

   /*real estate*/
   section.real-estate .col-md-2 {
    padding-left: 0;
    padding-right: 0;
}

section.real-estate {
   padding: 100px 0px;
}
.real_caption {
   position: absolute;
   top: 70%;
   left: 20%;
   width: 100%;
   color: #fff;
}
.real_caption i {
   background: #f4ac21;
   padding: 6px 8px;
   border-radius: 50%;
   font-size: 10pt;
   position: relative;
   /* left: -100px; */
   right: 80px;
   top: 0px;
}
.real_estate_body img {
    width: 100%;
    height: 273px;
    padding: 21px;
    border-radius: 25px;
}

.real_estate_body img:hover {
   opacity: 0.5;
   transition: 2s;
}
.real_caption h6 {
   font-size: 8pt;
   width: 110px;
}
.title_section {
   text-align: left;
   padding-bottom: 30px;
   /*padding-left: 35px;*/
}
.title_section h6 {
   font-size: 30px;
   color: rgb(0, 0, 0);
}
.title_section a {
   font-size: 18px;

   color: rgb(244, 172, 33);
   float: right;
}

/*international*/
section.real-estate.bg-gray {
   background: #f2f2f2;
}

/*editorial*/
.editorial_img-wrapper img {
   width: 100%;
}
h1.rotate_header {
   font-size: 90pt;
   font-family: 'Raleway', sans-serif;
   color: #e5e5e5;
   text-transform: uppercase;
   position: absolute;
   top: 125%;
   left: 0;
   margin-left: -70px;
   transform: rotate(270deg);
   transform-origin: 0 0;
}
.editorial_head,.editorial_body {
   padding-left: 130px;
   padding-bottom: 30px;
}
.editorial_head{padding-bottom: 10px;}
.editorial_head h4 {
   font-size: 34pt;
   color: #000;
   line-height: 45px;
}
.editorial_head p {
   font-size: 14px;
   color: #f4ac21;
   padding-top: 20px;
   font-weight: 700;
}
.editorial_head .line {
   border-top: 1px solid #e5e5e5;
   width: 100px;
   position: relative;
   float: right;
   right: 5%;
   top: -30px;
}
.editorial_body h6 {
   font-size: 24px;
   color: #000;
}
.editorial_body p {
   color: #364253;
   font-size: 10pt;
   text-align: justify;
   line-height: 20px;
}
.editorial_btn a {
   background: #f5ad21;
   color: #fff;
   font-size: 12pt;
   padding: 20px 40px;
   border-radius: 10px;
}
.editorial_btn {
   padding-left: 130px;
}
.edit_quot {

   border-radius: 2px;
   background-color: rgb(241, 175, 48);
   box-shadow: 0px 20px 35px 0px rgba(0, 0, 0, 0.25);
   position: absolute;
   top: 40%;
   right: 62%;
   width: 250px;
   height: 280px;
   /*z-index: 76;*/
}
.edit_quot span img {
   width: 70px;
   height: 60px;
}
.edit_quot p {
   font-size: 16px;

   color: rgb(255, 255, 255);
   line-height: 2;
   text-align: left;
   margin-top: -30px;
   padding: 0px 20px;
}
.editorial_img-wrapper {
   position: relative;
   left: 20%;
}

/*bg-main*/
section.real-estate.bg-img {
   background-image: url(../img/bgmain.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
   padding: 0px;
}
.inner_bg_list h6 {
   color: #fff;
   font-size: 24pt;
   border-bottom: 1px solid #2a2a2a;
   padding-top: 30px;
}
.inner_bg_list p {
   padding-top: 20px;
   font-size: 12pt;
   color: #fff;
}
.inner_bg_list ul {
   margin: 0;
   padding: 0px 15px;
   color: #f5ad21;
}
.inner_bg_list ul li a {
   color: #fff;
   line-height: 30px;
   font-size: 14px;
}

a.seemore_btn {
   color: #f5ad21;
   font-size: 12pt;
}
a.seemore_btn:hover {
   border-bottom: 1px solid #ccc;
}
.see_more{margin-top: 30px;}
.inner_bg_list {
   padding-top: 50px;
   padding-bottom: 50px;
}
.text-white{

   color: #fff;
}
.inner_bg_list.scnd_list {
   position: relative;
   left: 15%;
}
.inner_bg_list.scnd_list h6 {
   border-bottom: 1px solid #cd9e3a;
}
.overlay {
   position: absolute;
   bottom: 100%;
   left: 32px;
   right: 0;
   top: 5px;
   background-color: #f4ac21;
   overflow: hidden;
   width: 72%;
   height: 0;
   border-radius: 5px;
   opacity: 0.7;
   transition: .5s ease;
}
.real_estate_body:hover .overlay{

   bottom: 0;
   height: 204px;
}

/*footer*/

.footer_list h5 {
   font-size: 24px;
   color: #000;
   padding-bottom: 0px;
}
.footer-line {
   border-bottom: 2px solid #e8b341;
   width: 50px;
}
.footer_list p {
   margin-top: 30px;
   margin-bottom: -10px;
   font-size: 14px;
}
ul.footer_links {
   padding: 30px 20px;
   color: #e8b341;
}
ul.footer_links li  {
   padding-bottom: 20px;
}
ul.footer_links li a {
   color: #000;
}
ul.footer_links.sty_none {
   list-style-type: none;
   padding: 30px 0px;
}
.container-fluid.footer_bottom {
   padding-top: 15px;
   padding-bottom: 6px;
   border-bottom: 12px solid #e8b341;
}
footer section.real-estate {
   padding-bottom: 0;
}


/*inner page*/
.header_part.inner {
   border: 0;
   padding: 10px 0px;
}
.carousel_fixed_part.inner-page.mobile-none {
   padding: 20px 30px;
   height: auto;
}
.form_section.inner_form input.form-control.st,.form_section.inner_form input.form-control.submit {
   height: 50px;
}
.carousel-item.inner-page {
   /*background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(../img/innerslider.jpg);*/
   background-size: cover;
   background-repeat: no-repeat;
}
.radio_section.inner-page label {
   font-size: 14px;
}
.header_part.inner h4 {
   font-size: 24px;
}
.slider_attached {
   background: url(../img/inners1.png);
   position: relative;
   bottom: 40px;
   width: 100%;
   background-size: cover;
   background-repeat: no-repeat;
}
.slider_attached i {
   color: rgb(244, 172, 33);
   font-size: 18px;
}
.slider_attached i.fa.fa-chevron-right {
   font-size: 14px;
   color: rgba(255, 255, 255, 0.502);
   padding: 0px 10px;
}
.slider_attached i:hover {
   color: #fff;
}
.slider_attached ul {
   margin: 0;
   padding: 10px 40px;
   list-style-type: none;
   display: inline-flex;
}
.slider_attached ul li a {
   font-size: 14px;
   color: rgba(255, 255, 255, 0.502);
}

ul.inner_btn_list {
   list-style-type: none;
   float: right;
}
ul.inner_btn_list li a {
   float: inherit;
}
a.pre-btn {
   font-size: 25px;
   color: rgb(0, 0, 0);
   font-weight: 700;
   margin-right: 30px;
}
ul.inner_btn_list i {
   background: #f4ac21;
   color: #fff;
   padding: 20px;
   border-radius: 5px;
}
section.real-estate.inner_page_sec{

   padding: 80px 100px;
   padding-bottom: 0;
}
section.real-estate.inner_page_sec .title_section p {
   color: rgba(0, 0, 0, 0.502);
   font-size: 14px;
}

/*custom check box*/
.container.check_box {
   display: block;
   position: relative;
   padding-left: 35px;
   margin-bottom: 12px;
   cursor: pointer;
   font-size: 13px;
   color: #fff;
}

/* Hide the browser's default checkbox */
.container.check_box input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
}
/* Create a custom checkbox */
.checkmark.check_box {
   position: absolute;
   top: 0;
   left: 0;
   height: 25px;
   width: 25px;
   background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container.check_box:hover input ~ .checkmark.check_box {
   background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container.check_box input:checked ~ .checkmark.check_box {
   background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark.check_box:after {
   content: "";
   position: absolute;
   display: none;
}

/* Show the checkmark when checked */
.container.check_box input:checked ~ .checkmark.check_box:after {
   display: block;
}

/* Style the checkmark/indicator */
.container.check_box .checkmark:after {
   left: 7px;
   top: 4px;
   width: 5px;
   height: 10px;
   border: solid #f4ac21;
   border-width: 0 3px 3px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}
span.checkmark.check_box {
   border-radius: 2px;
}

/*inner content*/
.button_sec button.btn.btn-warning {
   color: #fff;
   padding: 10px 40px;
   background: #f4ac21;
}
.button_sec button.btn.btn-warning:hover,ul.inner_btn_list i:hover,input.form-control.calc.sub:hover{
   background: #fff;
   color: rgba(0, 0, 0, 0.502);
   border: 1px solid #f4ac21;
   transition: 0.5s;
}
.overview_Sec {
   padding-top: 50px;
}
.overview_Sec p {
   color: rgb(54, 66, 83) !important;
   line-height: 2;
   text-align: left;
   font-size: 16px;
}
.inner_content_wrapper {
   border-width: 1px;
   border-color: rgb(215, 215, 215);
   border-style: solid;
   border-radius: 10px;
   padding: 50px 40px;
   margin-bottom: 50px;
}
.amenities_list ul li a {
   color: rgb(54, 66, 83);
}
.title_section.loc_map p i {
   color: rgb(244 172 33);
   margin-right: 15px;
   font-size: 20px;
}
.location-map iframe {
   border-radius: 5px;
}
.latest_prop img{

   width: 100%;
}
.prop_content h4 {
   color: rgb(0, 0, 0);
   font-weight: bold;
   font-size: 14px;
   margin-bottom: 0;

}
.prop_content h5 {
   color: rgb(244, 172, 33);
   font-weight: bold;
   font-size: 14px;
   margin-bottom: 0;
}
.prop_content h6 {
   color: rgb(54, 66, 83);
   font-weight: bold;
   font-size: 14px;
   margin-bottom: 0;

}
.prop_content {
   white-space: nowrap;
}
.latest_prop {
   margin-bottom: 30px;
}
input.form-control.calc {
   height: 50px;
   font-size: 14px;
   color: rgb(153, 153, 153);
}
.calculator_field span {
   position: relative;
   right: 10%;
   bottom: 33px;
   color: rgb(153, 153, 153);
   float: right;
}
.title_section.calc h6 {
   white-space: nowrap;
}
input.form-control.calc.sub {
   background: #f4ac21;
   border: none;
   color: #fff;
}
.near_content h6 {
   color: rgb(54, 66, 83);
   line-height: 2;
   font-size: 14px;
   font-weight: normal;
}

/*listing-page*/
.listing_img_wrapper img {
   width: 100%;
   height: 360px;
   border-bottom-left-radius: 10px;
   border-top-left-radius: 10px;
   object-fit: cover;
}
.listing_content_wrapper {
   padding: 30px 0px;
}

.listing_img_wrapper span.favorite i {
   position: absolute;
   right: 30px;
   top: 20px;
   color: rgb(244, 172, 33);
   font-size: 20px;
}
.listing_content_wrapper .heading h4 {
   color: #000;
   font-size: 30px;
   color: rgb(0, 0, 0);
}
.listing_content_wrapper .heading h6 {
   color: rgba(0, 0, 0, 0.502);
}
.listing_body p {
   color: rgb(54, 66, 83) !important;
   text-align: left;
   font-size: 14px;
   text-transform: lowercase;
}
.listing_body h5 {
   font-size: 14px;
}
.listing_body h5 span a{

  color: #f4ac21;

}
.listing_property_section {
   border-width: 1px;
   border-color: rgb(215, 215, 215);
   border-style: solid;
   border-radius: 10px;
   margin-bottom: 30px;
}
.listing_property_section:hover {
   box-shadow: 0px 20px 35px 0px rgba(0, 0, 0, 0.25);
}
.button_sec.listing_footer {
   margin-top: 20px;
}
.pagination {
   text-align: center;
   margin: 20px 50px;
}
ul.pagination li:first-child a {
   border: 1px solid rgb(215, 215, 215);
   padding: 10px 30px;
   border-radius: 0 !important;
   margin-right: 10px;
   color: black;
}
ul.pagination li:last-child a {
   border: 1px solid rgb(215, 215, 215);
   padding: 10px 30px;
   border-radius: 0 !important;
   margin-left: 10px;
   color: black;
}
ul.pagination li a {
   border: none;
   color: #000;
   margin-right: 15px;
}
ul.pagination li a.page-link:hover,ul.pagination li.active a.page-link {
   background: none;
   border-bottom: 2px solid #f4ac21;
   color: #f4ac21;
}
.line-bottom {
   border-bottom: 2px solid #f4ac21;
   width: 480px;
}


/*login*/

nav.navbar.navbar-expand-lg.navbar-light.bg-black {
   background: #000;
   position: fixed;
   height: 80px;
   background-color: hsla(0,0%,8%,.97);
   border-bottom: 1px solid #383838;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-black a.nav-link.dropdown-toggle.menu-pre{

  padding: 10px;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-black ul.sign_in_links{

  margin: 0;
  padding: 15px 0px;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-black img.logo_img {
   width: 30%;
}
.slider_attached.inner-header {
   position: inherit;
   margin-top: 100px;
   background: none;
}
.slider_attached.inner-header ul{

  padding: 10px 0px;



}
.slider_attached.inner-header ul li a,.slider_attached.inner-header i.fa.fa-chevron-right{

  color: #000;
}
.carousel_fixed_part.login_form {
   position: relative;
   left: 0;
   top: 0;
   width: auto;
   float: none;
}
.carousel_fixed_part.login_form label,.carousel_fixed_part.login_form p {
   color: #dcd4d4;
}

/*my account*/
.new-search a {
   color: #000;
}
.new-search  {margin-bottom: 20px;}
.edit_fields hr {
   color: #f4ac21 !important;
   border-top: 2px solid;
}
i.fa.fa-trash.acc {
   position: relative;
   bottom: 35px;
   float: right;
   font-size: 20px;
}
ul.account_listings {
   display: block;
   list-style-type: none;
   padding: 0;
}
ul.account_listings li a i {
    padding-right: 10px;
    padding-left: 10px;
}

ul.account_listings li a {
   color: #000;
}
ul.account_listings li {
   background: #ccc;
   line-height: 40px;
   padding-left: 10px;
   border-bottom: 1px solid #aba8a8;

}
ul.account_listings li:first-child i.fa.fa-close.acc-close{right: -30px;}
i.fa.fa-close.acc-close {
   float: right;
   position: relative;
   top: 3px;
   right: 0px;
   border-left: 1px solid #9c9898;
   padding: 10px;
}
.account-settings {
   background: #131313;
   color: #fff;
   padding: 30px;
   margin-bottom: 20px;
}
.account-settings .line {
   position: relative;
   top: 0;
   left: 0;
   padding-bottom: 15px;
   border-color: #f4ac21;
   border-width: 2px;
}
.account-settings p {
   color: #ccc;
}


/*agency listing*/
.agency_listing_bg {
   background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(../img/innerslider.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   margin-top: 80px;
   width: 100%;
   height: 300px;
}
.agency_head h5 {
   font-size: 30px;
   font-family: 'Karla', sans-serif;
   color: rgb(255, 255, 255);
   font-weight: bold;
   line-height: 1.5;
   padding-bottom: 30px;
}


select.international {
   padding: 1rem;
   border: .1rem solid #d6d6d6;
   background: #fff;
   outline: none;
   width: 100%;
}
input.form-control.agency {
   border: .1rem solid #d6d6d6;
   background: #fff;
   outline: none;
   border-radius: 0;
   font-size: 14px;
   height: 50px;
}
.agency_form input.form-control.calc.sub {
   border-radius: 0;
}
.agency_content {
   padding-top: 50px;
}
.button_sec.agency button {
   padding: 5px 10px !important;
}
.button_sec.agency {
   float: right;
}
.agency_img img {
   width: 100%;
   height: 210px;
}
.agency_img {
   border: 1px solid #ccc;
   height: 210px;
}
.listing_agency_section {
   border: 1px solid rgb(215, 215, 215);
   padding: 20px;
   margin-bottom: 30px;
   border-radius: 10px;

}
.agency_content_wrapper h4 {
   font-size: 24px;
   color: rgb(0, 0, 0);
}
.agency_content_wrapper h6 {
   color: rgba(0, 0, 0, 0.502);
}
.agency_footer h6 span {
   color: #000;
}
.agency_footer {
   border-top: 2px solid #f4ac21;
   margin-top: 50px;
   padding-top: 20px;
}
span.favorite.agency i {
    color: #fff;
    font-size: 20px;
    position: relative;
    top: 3px;
}
span.favorite.agency {
   background: #f4ac21;
   
   padding: 12px 10px;
   border-radius: 50%;
}
span.favorite.agency i:hover {
   color: #f4ac21;
   transition: 1s;
}
span.favorite.agency:hover {
   background: none;
   transition: 1s;

}
ul.agency_list li a {
   color: rgb(54, 66, 83);
   line-height: 2;
   font-size: 14px;
   font-weight: normal;
}
ul.agency_list {
   list-style-type: none;
   padding: 0;
   margin: 0;
}
.title_section.agency {
   padding-bottom: 0;
}
.inner_content_wrapper.agency {
   padding: 20px;
   border-radius: 0;
}
ul.agency_list li a:hover {
   color: #f4ac21;
}
section.real-estate.agency_listing .title_section p {
   color: rgba(0, 0, 0, 0.502);
   font-size: 14px;
}

/*agency details*/

.agency_link a {
   color: rgba(0, 0, 0, 0.502);
   font-size: 14px;
   text-decoration: underline !important;
}
.agency_link {
   padding-top: 30px;
}
.agency_link a:hover {
   color: #f4ac21;
}
.button_sec.agency-detail {
   padding-top: 20px;
}
.contact_agency {
   background: #fff;
   padding: 10px 20px;
   border: 1px solid rgb(215, 215, 215);
   border-radius: 10px;
}
.radio_section.agency-detail label.container.check_radio{
   font-size: 12px;
   color: rgb(153, 153, 153);
   white-space: nowrap;
}
.contact_agency label.container.check_box {

   color: rgb(153, 153, 153);

}
textarea.form-control.calc {
   font-size: 14px;
}

/*edit profile*/
section.edit {
   background: #000;
   margin-top: -20px;
}
section.edit .slider_attached.inner-header ul li a,section.edit .slider_attached.inner-header i.fa.fa-chevron-right {
   color: #ccc;
}
section.edit .slider_attached.inner-header ul {
   padding: 30px 0px;
}
section.edit .title_section h6 {
   font-size: 30px;
   color: rgb(254 254 254);
}
.edit_profile {
   border: 1px solid rgb(215, 215, 215);
   padding: 30px;
   background: #fff;
   margin-bottom: 30px; 
   border-radius: 5px;
}
.edit_profile input.form-control.calc.sub{

  width: 50%;
  margin: 0px auto;
}
.edit_title {
   font-size: 18px;
   color: #000;
   margin-bottom: 20px;
}
a.close-acc:hover {
   color: #000;
}
a.close-acc {
   color: #f4ac21;
}
.edit_right_part .head-sec h5,.footer_Sec h5 {
   color: #ccc;
   font-size: 14px;
   font-weight: normal;
}
.edit_right_part .head-sec h4 {
   color: #fff;
   font-size: 18px;
}
.footer_Sec {
   padding-top: 30px;
}
.edit_btn a button.btn.btn-default {
   background: #fff;
   color: rgba(0, 0, 0, 0.502);
   border: 1px solid #f4ac21;
   width: 60%;
   margin: 20px auto;
}
.edit_btn a button.btn.btn-default:hover{

  background: #f4ac21;
  color: #fff;
  transition: 2s;
}
.edit_btn a button.btn.btn-warning:hover{

  background: #fff;
  color: rgba(0, 0, 0, 0.502);
  border: 1px solid #f4ac21;


}
.edit_btn a button.btn.btn-warning {
   background: #f4ac21;
   border: none;
   color: #fff;
   width: 60%;
}

/*8/7*/

.editorial_head {
    margin-top: -90%;
}
.footer_main_list {
    width: 100%;
    margin: 0px auto;
    padding: 0px 100px;
}

/*8/8*/
section.real-estate.inner_page_sec.listing,.listing-title-sec {
    padding: 20px 100px;
}
.agency-form {
    padding: 0px 50px;
}
section.real-estate.agency_listing {
    padding: 20px 100px;
}
.agency-detail-section {
    padding: 20px 100px;
}
.login-section {
    padding: 0px 100px;
}
section.edit-profile-sec {
    padding-top: 20px;
}

.contact-section {
    padding: 0px 100px;
}
.contact-section .nav-fill .nav-item {
    -ms-flex: auto;
    flex: auto;
    text-align: center;
    border: 2px solid #f4ac21;
    margin: 20px;
    padding: 12px 20px;
    text-transform: uppercase;
    color: #f4ac21;
    font-weight: 900;
}
.contact-section a.nav-item.nav-link.active{background:#f4ac21; color:#fff}



/*end 7/8*/




/*25-09*/
label.required::after {
    content: " *";
    color: red;
    font-weight: bold;
    padding-left: 5px;
}
img.logo_img {
    width: 30%;
}
.login-content input.form-control.st{

      background: #efefef;
      color: #222;
    }
    ol.carousel-indicators.camera a {
    background: #000;
    padding: 10px;
    position: relative;
    bottom: 30px;
    color: rgba(255, 255, 255, 0.502);
    font-size: 20px;
}
ol.carousel-indicators.camera a i{


  color: rgba(255, 255, 255, 0.502);
    font-size: 20px;


}
.heart-icon {
    position: absolute;
    right: 20%;
    top: 20px;
    z-index: 99999;
}
.heart-icon  i{

     color: rgb(244, 172, 33);
    font-size: 18px;

}
.heart-icon  i:hover{

     color: #fff;
     }

     .listing_similar {
    border: 1px solid #efefef;
  }
  .listing_similar .listing_content_wrapper {
    padding: 20px;
}
.listing_content_wrapper .heading h6.listing_ylw {
    color: #f4ac21;
}
.listing_similar .button_sec.listing_footer {
    display: flex;
}
.listing_similar .button_sec button.btn.btn-warning {
    margin-right: 10px;
}
.listing_simr_innr {
    padding: 15px 100px;
}
a.carousel-control-next.formatc {
    right: 33%;
}
  /****************************************************/
.button_secNew{width:100%; float:left;}
.button_secNew button{color:#7b7a7a; border:none; background:none}
.inner_content_wrapper_New{width:100%; float:left}
/*.newDetLeft p {
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 10px;
}
*/
.button_secNew a {
    float: right;
    color: #f4ac21;
    text-decoration: underline !important;
}
.button_secNew {
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 20px;
}
.detaiInleft ul{list-style:none; margin-bottom:0px}
.amenities_list ul li a img {
    margin-right: 10px;
}
.detaiInleft {
   
}
.inner_content_wrapper_New {
    width: 100%;
    float: left;
    border-top: 1px solid #d1d1d1;
    padding-top: 20px;
}
.visImg img{
  max-width:100%;
  margin-bottom:30px;
  height: 190px;
  object-fit: fill;
}
a.pre-btn span {
    color: #7b7a7a;
    font-size: 15px;
}
.amenities_list ul li a {
    font-size: 14px;
}
/*******************************************************/  @media only screen and (max-width: 1024px)


{
  .row.mediumRow {
    flex-direction: column;
}

.mediumRow .col-md-12.col-lg-8 {
    max-width: 100% !important;
}

.mediumRow .col-md-12.col-lg-4 {
    max-width: 100% !important;
}

.mediumRow .col-md-12.col-lg-4 .inner_btn_list {
    width: 100%;
    padding-left: 0px;
}

}
      
    
/*end 25-09*/





/*media query*/

@media only screen and (max-width: 768px)

{

    /*new 25-09*/


  .listing_simr_innr {
    padding: 0;
  }
  .listing_similar .button_sec button.btn.btn-warning {
      width: 100% !important;
  }
  .listing_similar .button_sec.listing_footer {
      display: block;
  }
  /*end 25-09*/


    nav.navbar.navbar-expand-lg.navbar-light.bg-black span.sidemenu-over {
    margin: 10px auto;
}
.login-section {
    padding: 20px;
}

    /*sidemenu*/
    span.sidemenu-over{

        font-size: 16px;
    }
    span.sidemenu-over span.menu{

        font-size: 8px;
    }

    /*7/6*/

    .editorial_head, .editorial_body,.editorial_btn{

        padding-left: 0;
    }
    .inner_bg_list h6{

        font-size: 22px;
    }
    .real_caption h6 {
        font-size: 14pt;
        width: 200px;
    }
    section.real-estate .footer_area {
        margin-top: -70px;
    }
    .footer_list {
        padding-left: 10px;
    }
    .footer_main_list{

        padding: 0px 30px;
    }
    .editorial_head {
        margin-top: -50px;
    }

    /*8/8*/
    section.real-estate.inner_page_sec.listing,.listing-title-sec {
        padding: 0;
    }
    .agency-detail-section {
        padding: 0px 20px;
    }
    .listing_content_wrapper .heading h4{

        font-size: 24px;
    }
    .login-section {
        padding: 0px 20px;
    }
    .form_section input.form-control.st, .form_section input.form-control.submit {
        height: 50px;
    }


    /*end 7/6*/




    .title_section a {
      font-size: 12pt;
      float: none;

  }
  .title_section h6 {
      font-size: 15pt;
  }
  .title_section {
      text-align: center;
  }
  .real_caption i {left: 0;right: 0;float: right;}
  .real_caption{width: 60%;}
  .editorial_btn a{padding: 20px;}
  .editorial_head h4 {
      font-size: 20pt;
  }
  h1.rotate_header {
      font-size: 80pt;
      top: 98%;
      left: 0;
      margin-left: -33px;
  }
  .editorial_head p {
      font-size: 12px;
  }
  .editorial_img-wrapper {
      position: relative;
      left: 0;
      top: 50px;
  }
  .edit_quot {

      position: absolute;
      top: 40%;
      right: 0;
      width: 100%;
      height: auto;
  }
  .edit_quot p {
      font-size: 15px;
  }

  ul.float-right {
      float: none !important;
  }
  .inner_bg_list.scnd_list {
      position: relative;
      left: 0;
  }

  img.logo_img {
      width: 50%;
  }
  ul.sign_in_links{

      margin: 0;
  }
  .top_header .row {
      width: auto;
  }
  ul.sign_in_links li a {
      padding: 0 5px;
      margin-left: 10px;
      float: right;
      white-space: nowrap;
      font-size: 12px;
  }
  ul.sign_in_links li a img {
      width: 100%;
      margin-right: 5px;
  }
  .navbar-light .navbar-toggler {
      border-color: none !important;
      color: #fff !important;
  }
  .mobile-none{

      display: none;
  }
  .carousel-inner{

      height: auto;
  }
  .carousel-caption {
      top: 30%;
      left: 0;
      width: 100%;
      text-align: center;
  }
  .carousel-item{

      height: 370px;

  }
  .carousel-caption h3{

      font-size: 16px;
  }

  .editorial_img-wrapper img {
      width: 100%;
      padding-bottom: 60px;
  }
  .overlay {
      display: none;
  }

  /*inner-page*/
  .slider_attached {
      background: url(../img/inners1.png);
      position: relative;
      bottom: 155px;
      height: 0;
      margin-bottom: 50px;
  }
  .slider_attached ul{

      display: block;
  }
  .slider_attached ul li a {
      font-size: 12px;
  }
  section.real-estate.inner_page_sec {
      padding: 0;
  }
  ul.inner_btn_list{

      padding: 0;
      float: none;
  }
  ul.inner_btn_list i{

      padding: 15px;
  }
  .button_sec button.btn.btn-warning {

      width: 100%;
      margin-bottom: 10px;
  }

  /*listing page*/
  .title_section.listing_page {
      text-align: left;
  }
  .listing_property_section {
      border: none;
  }
  .listing_img_wrapper img{border-radius: 0;}
  .pagination{

     margin: 20px 0px;
 }
 ul.pagination li:first-child a,ul.pagination li:last-child a{

     padding: 5px;
     margin: 0;
 }
 ul.pagination li a{

     margin-right: 0;
 }
 .listing_content_wrapper {
  padding: 30px;
}
.line-bottom {
  width: 330px;
}
.slider_attached.inner-header.listing ul {
  display: none;
}

/*login*/
nav.navbar.navbar-expand-lg.navbar-light.bg-black{

 height: 60px;
}
.slider_attached.inner-header ul {
  display: flex;
}
.carousel_fixed_part.login_form {
  margin-bottom: 30px;
}

/*agency listing*/
.slider_attached.agency {
  display: none;
}
.agency_listing_bg{

 margin-top: 60px;
 height: auto;
}
.agency_content {
  padding-top: 0;
}
section.real-estate.agency_listing {
   padding: 20px !important;
}
.agency-form {
    padding: 20px;
}
.agency_content_wrapper {
   padding-top: 20px;
}
ul.agency_list {
   text-align: center;
}

/*agency details*/
.agency_link {
   padding-top: 0;
   padding-bottom: 20px;
}

/*edit-profile*/
.edit_profile input.form-control.calc.sub {
   width: 100%;
}
.edit_btn a button.btn.btn-warning {
    
   width: 80%;
   margin-bottom: 20px;
}
.edit_btn a button.btn.btn-default{

  width: 80%;
}
.edit_right_part {
   text-align: center;
}

/*my account*/

section.edit {
   background: #000;
   margin-top: -40px;
}
i.fa.fa-trash.acc {
   bottom: 44px;
}
.account-settings .line{

  right: 0;
  margin: 0px auto;
}
ul.account_listings li a i {
   padding: 0px 5px !important;
}
ul.account_listings li a {
   font-size: 12px;
}
ul.account_listings li {
    line-height: 30px;
}


/*menu*/
ul.navbar-nav.mobile-sidemenu {
   background-color: hsla(0,0%,8%,.97);
   height: auto;
   z-index: 999;
   padding-bottom: 60px;
   position: absolute;
   display: block;
   width: 260px;
   text-align: left;
   left: 0; 
}
ul.navbar-nav.mobile-sidemenu li a {
   color: #fff;
   border-bottom: 1px solid #222;
   padding: 20px;
}
ul.navbar-nav.mobile-sidemenu.inner-header {
    top: 52px;
    left: 0;
}




}

 /*13/11*/

@media only screen and (device-width: 768px)

{
   
    .top_header .row {
        width: 100%;
    }
    .listing_similar img {
    width: 100% !important;
    height: 100% !important;
}
}
@media only screen and (max-width: 1440px)

    {
    a.carousel-control-next.formatc {
        right: 35% !important;
    }
    .carousel_fixed_part.inner-page.mobile-none{
        
        bottom: 70px;
    }
  }
  
  @media only screen and (device-width: 1024px)
  {
        a.carousel-control-next.formatc {
            right: 50% !important;
        }
    }
    
    
    /*end 13/11*/
    
@media only screen and (min-width: 1920px)

{
    h1.rotate_header {
        font-size: 120pt;
        top: 105%;
    }
    .editorial_head,.editorial_body,.editorial_btn {
        margin-left: 20%;
    }
    .editorial_head h4 {
        font-size: 40pt;
        line-height: 70px;
    }
    .editorial_head p {
        font-size: 20px;
    }
    .editorial_body h6 {
        font-size: 30px;
    }
    .editorial_body p {
        font-size: 14pt;
        line-height: 28px;
    }
    .real_caption i {
        right: 110px;
    }
    .real_caption{

        left: 15%;
    }
    .real_caption i {
        background: #f4ac21;
        width: 50px;
        height: 50px;
        padding: 15px 17px;
        border-radius: 50%;
        font-size: 15pt;
        position: relative;
        top: 0px;
    }
    .carousel_fixed_part{

        width: 500px;
        height: 70%;
    }
    .carousel-caption{

        top: 78%;
    }
    .title_section h6{

        padding-left: 15px;
    }
    .title_section a{

        padding-right: 15px;
    }
    .real_caption h6 {
        font-size: 20px;
        width: 210px;
    }
    .editorial_head {
        margin-top: -60%;
    }
    .editorial_head .line{

        right: 0%;
    }
    img.edit_img {
        bottom: -90px !important;
    }
    .editorial_btn a {
        padding: 30px 60px;
        font-size: 16pt;
    }
    .editorial_btn {
        margin-top: 30px;
    }

    nav.navbar.navbar-expand-lg.navbar-light.bg-black img.logo_img {
        width: 15%;
    }
    p,body{
        font-size: 14pt !important;
        line-height: 28px !important;
    }

    .prop_content h4,.prop_content h5,.prop_content h6,.near_content h6 {
        font-size: 14pt;
    }
    section.real-estate.inner_page_sec {
        padding: 80px 150px;
    }
    section.real-estate.inner_page_sec .title_section p{

        padding-left: 15px;
    }
    section.real-estate.inner_page_sec .container-fluid {
        width: 85% !important;
    }

    .header_part{

        padding: 40px 20px;
    }
    .form_content_sect{

        padding: 40px 20px;
    }
    .radio_section {
    margin: 30px 10px;
}
    .form_section input.form-control.st{

        margin-bottom: 40px;
    }
    .carousel_fixed_part.inner-page.mobile-none {
        padding: 20px 30px;
        height: 78%;
    }
    
}

.img-fluid {
    width: 417px !important;
    height: 230px !important;
}





.ad-selection-lightbox .societe {
    font-size: 14px;
    display: block;
    font-family: Source Sans Pro,sans-serif;
    text-align: center;
    line-height: 1.1;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
}
.ad-selection-lightbox .clickphone {
    display: none;
    color: #ddaa3a;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 10px;
}
.clickphone a {
    color: #ddaa3a !important
}
.header_part:after {
    content: "";
    display: block;
    /*position: absolute;*/
    bottom: 10px;
    left: 0;
    border-bottom: 2px solid #333;
    width: 100%;
}




/*13/11/2020*/
.carousel_fixed_part.login_form {
    
    height: 100%;
}





