/*===========
Body Css Rule
=============*/

body{
    font-family: Roboto,Arial,Helvetica,sans-serif;
    font-size: 17px !important;
    background:#fff !important;
    background-color:#fff !important;
    color: #414141 !important;
    min-width:auto;
    font-style: normal;
    font-weight: 300;
    line-height: 1.444;
}
/*==================
Container Css Starts
====================*/
.container-max{
    max-width: 1170px;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: auto;
}
.white-bg{
  background-color: #fff !important;
}
.off-white-bg,
.grey-bg{
  background-color: #faf6f7 !important;
}
.border-top-bg{
  border-top: 1px solid #000000 !important;
}
.shadow-bg-container .row{
  margin:0;
  }
.border-bottom-bg{
  border-bottom: 1px solid #000000 !important;
}
@media(max-width:640px){
  .shadow-bg-container .row{
    margin-left:-8px;
    margin-right:-8px;
  }
}
/*================
Container Css Ends
==================*/

/*=========================
Headings Of Sections Starts
===========================*/
h1,h2,h3,h4,h5,h6{
  font-family: "Google Sans",Roboto,Arial,Helvetica,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
p{
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.625;
}
.custom-heading-h2  h2{
  font-size: 5rem;
  line-height: 10rem;
  font-weight: 300;
}
.custom-heading-h3  h3{
  font-size: 3.8rem;
  line-height: 1.36364;
  font-weight: 400;
}
@media (max-width: 640px){
.custom-heading-h2 h2{
  font-size: 3rem;
  margin: 0;
  line-height: 4rem;
}
.custom-heading-h3  h3{
  font-size: 2.8rem;
  margin: 0;
}
}

/*============================================
HOMEPAGE CUSTOM SHADOW FIELDS FOR CONSTRUCTION
PROJECTS AND PROPERTY VALUTATION CSS STARTS
==============================================*/
.custom-shadow-field {
    padding: 0 !important;
    box-shadow: 0 0 15px 1px #e3e3e3;
    border-radius: 4px;
  }
  .custom-shadow-field .apex-item-text{
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }
  .custom-shadow-field .t-Form-itemText--post{
    background-color: #fff  !important;
    cursor: pointer;
  }

  .custom-shadow-field .apex-item-textarea, .custom-shadow-field .apex-item-text, .custom-shadow-field .apex-item-select,
  .custom-shadow-field.t-Form-fieldContainer--postTextBlock .t-Form-itemText--post, .custom-shadow-field.t-Form-fieldContainer--preTextBlock .t-Form-itemText--pre{
    background-color: #fff  !important;  
  }
  .custom-shadow-field .t-Form-itemText--post{
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    box-shadow: none;
    border: 1px solid #dfdfdf;
    border-left:0;
  }
  .custom-shadow-field .focus-border{
    border: 1px solid #ec2230 !important;
    border-left: 0 !important;  
  }
  .custom-shadow-field .t-Form-label{
    font-size: 1.6rem;
    color: #737373  !important;
  }
  .custom-shadow-field .t-Form-itemText .fa{
    font-weight: bold;
  }
  .custom-inner-field{
    margin-right: 0 !important;
  }
  @media(max-width:480px){
    .custom-shadow-field .t-Form-label{
      font-size: 1.2rem;
    }
  }
  /*============================================
  HOMEPAGE CUSTOM SHADOW FIELDS FOR CONSTRUCTION
  PROJECTS AND PROPERTY VALUTATION CSS ENDS
  ==============================================*/


/*===========================
PROPERTY VALUATION CSS STARTS
=============================*/
  
.property-valuation-bg{
    max-width: 768px;
    margin: 0 auto;
    float: none;
    height: 96vh;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.property-valuation-bg .property-valuation-form {
    display: none;
    float: none;
    width: 375px * 2;
    margin:0 auto;
}
.property-valuation-form .valuation-bed .t-Form-itemText--pre{
    margin-top: 4px;
    padding: 8px 15px;
    background-color: #fff !important;
}
.property-valuation-form .prop-type .apex-item-group--rc input+label{
    font-size: 1.8rem;
    line-height: 2;
    font-weight: 500;  
    background-color: #fff !important;
}
.property-valuation-form .valuation-bed .apex-item-group--rc input+label,
.property-valuation-form .prop-deal .apex-item-group--rc input+label{
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 500;  
    background-color: #fff !important;
}
.property-valuation-form .apex-item-group--rc input:checked + label{
    background-color: #ec2230 !important;
}
.property-valuation-form .prop-deal .apex-item-group--rc input+label{
    padding-left: 35px;
    padding-right: 35px;
}
.property-valuation-form .t-Form-inputContainer span.display_only{
    width: 100%;
    text-align: center;
  
}
.property-valuation-form .t-Form-inputContainer span.display_only h3{
  font-size: 4rem; 
  line-height: 5rem;
  font-weight: 400;
}
#P1_LOCATION_error_placeholder{
    height: 25px;
    text-align: center;
}
@media(max-width:768px){
.property-valuation-bg .property-valuation-form{
      width: 95%;
}
.property-valuation-form .prop-deal .apex-item-group--rc input+label {
      padding-left: 30px;
      padding-right: 30px;
}
}
@media(max-width:640px){
.property-valuation-form .valuation-bed .t-Form-itemWrapper{
      display: block;
}
.property-valuation-form .valuation-bed .t-Form-itemText--pre{
      width: 100%;
      border-radius:4px;
      display: flex;
      flex-direction: column;
      box-shadow: none;
}
.property-valuation-form .valuation-bed .apex-item-option{
      width: 25% !important;
}
.property-valuation-form .t-Form-inputContainer span.display_only h3{
      font-size: 3rem;
      line-height: 4rem;
}
.property-valuation-form .apex-grid-nbsp{
      display: none;
}
}
@media(max-width:480px){
.property-valuation-form .valuation-bed .apex-item-group--rc input+label,
.property-valuation-form .prop-deal .apex-item-group--rc input+label,
.property-valuation-form .prop-type .apex-item-group--rc input+label{
      font-size: initial;
      line-height: initial;
      font-weight: initial;
}
.property-valuation-form .prop-type .apex-item-group--rc input+label .fa{
      font-size: 1.6rem;
}
}
@media(max-width:380px){
.property-valuation-form .prop-type .apex-item-group--rc input+label .fa{
      display: none;
}
}
  
/*=========================
PROPERTY VALUATION CSS ENDS
===========================*/

/*====================
AREA AGENTS CSS STARTS
======================*/

/*===============
Banner CSS Starts
=================*/
.sticky.fixed{
  position: fixed;
  top: 0;
  z-index: 999;
  background: #fff;
  padding-top: 6px;
  box-shadow:  0 4px 2px -2px #d8d8d8;
}
.sticky.fixed >div{
  margin-bottom: 0 !important;
}
.banner-bg{
  width: 100%;
  min-height: 520px;
  position: relative;
  float: left;
  background:rgba(0,0,0,1) url("/assets/top-agencies/images/dubai-banner.png") no-repeat bottom center;
  border-bottom: 1px solid rgba(48, 48, 48,1) !important;;
}
.banner-bg{
  color: rgba(144,147,154,1) !important;;
}
.banner-bg h3{
  color: rgba(144,147,154,1) !important;;
}
.logo{
  padding: 45px 0 0 0;
  position: relative;
  z-index: 99;
}
.logo img{
  width: 100%;
  max-width: 372px;
  background: rgba(0,0,0,1) !important;
  position: relative;
  z-index: 99;
}
.logo:before{
  content:'';
  border-top: 1px solid rgba(48, 48, 48,1) !important;;
  width: 40%;
  position: absolute;
  left: 0;
  top: 80px;
  z-index: 8;
}
.logo:after{
  content:'';
  border-top: 1px solid rgba(48, 48, 48,1) !important;;
  width: 40%;
  position: absolute;
  right: 0;
  top: 80px;
  z-index: 8;
}
@media(max-width:992px){
  .banner-bg {
      height: 100%;
  }
}

/*============================Banner List CSS Starts==========================*/
.banner-list{
  border-top: 1px solid rgba(144,147,154,1) !important;;
  padding-top: 15px;
}
.banner-list .t-MediaList{
  background-color: transparent;
  border-color: transparent;
  box-shadow:none;
}
.banner-list .t-MediaList-body{
  padding: 16px 0 16px 16px;
}
.banner-list .t-MediaList-title{
  color: rgba(144,147,154,1) !important;;
  font-size: 2.2rem;
  font-weight: 600;
}
.banner-list .t-MediaList-desc{
  color: rgba(144,147,154,1) !important;;
}
.banner-list a.t-MediaList-itemWrap:hover{
 background-color: transparent;
}
.banner-list .t-MediaList-icon{
  background-color: transparent;
}
.banner-list .t-Icon{
  background-size: 100%;
  width: 75px;
  height: 75px;
  background-repeat: no-repeat;
  background-position: 0 50%;
}
.banner-list .search{
  background-image: url(/assets/dubai-top-agents/images/search.png);
}
.banner-list .compare{
  background-image: url(/assets/dubai-top-agents/images/compare.png);
}
.banner-list .connect{
  background-image: url(/assets/dubai-top-agents/images/connect.png);
}
.banner-list .rate{
  background-image: url(/assets/dubai-top-agents/images/rate.png);
}


/*=================
Timeline CSS Starts
===================*/

/*===============
Header CSS Starts
=================*/
.t-Header,
.t-Body-title{
    display: none;
}
.t-Body-main{
    margin-top: 0 !important;
}
/*Default Footer CSS Starts*/
.t-Footer,
.t-Footer-body{
    padding: 0;
    margin: 0;
    border-top: 0px !important;
}
.t-Footer-top,
.t-Footer-apex{
    display: none;
}
/*Default Footer CSS Ends*/
.shadow-bg .row{
  margin:0;
}
.custom-tabs h2{
  line-height: 3;
  padding-left: 15px;
  color: rgba(0,0,0,1) !important;
}
.custom-tabs .t-Timeline{
  background-color: rgba(144,147,154,1) !important;;
  height: auto;
}
.custom-tabs .t-Timeline li{
  border-bottom: 0px;
  margin:0 15px 15px 15px;
  box-shadow: 0px 0px 15px 2px  rgba(0,0,0,.075) !important;;
  border-radius: 5px;
  padding: 10px 0;
}
.agents-timeline-bg .t-Timeline-avatar{
  width: 100%;
  height: 100%;
  max-width: 200px;
  border-radius: 0 !important;
  box-shadow: none !important; 
}
.agents-timeline-bg h3{
  font-size: 3rem;
  font-weight: bold;
  color: #ec2230 !important;
}
.agents-timeline-bg h4,
.agents-timeline-bg h5{
  font-size: 1.6rem;
  color: #989494 !important;
  font-weight: 400;
  margin-top: 0;
}
.agents-timeline-bg h4{
  font-size: 2rem;
}
.agents-timeline-bg .t-Timeline-item{
  background-color: rgba(255,255,255,1) !important;
  padding: 32px;
  margin-bottom: 32px;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  box-shadow: 0 0 10px 2px #d8d8d8;
}
.agents-timeline-bg .t-Timeline-username h4{
  font-size: 2rem;
}
.agents-timeline-bg .t-Timeline-typename h4{
  font-size: 2.8rem;
  font-weight: 500;
  color: #000 !important;;
}
.agents-timeline-bg .t-Timeline-typename h5{
  color: rgba(144,147,154,1) !important;;
}

.agents-timeline-bg .t-Timeline-user{
  width: 20%;
  position: relative;
  padding: 0;
}
.agents-timeline-bg .t-Timeline-user:after,
.agents-timeline-bg .t-Timeline-typeWrap:after,
.agents-tc:after,
.agents-ag:after{
  content: '';
  width: 1px;
  height: 75%;
  background: #d8d8d8 !important;;
  position: absolute;
  right: 5px;
  top: 25px;
}
.agents-timeline-bg .t-Timeline-typeWrap:after{
  right: 0;
}
.agents-timeline-bg .t-Timeline-userinfo {
  padding: 15px 0;
  text-align: left;
  display: none;
}
.agents-timeline-bg .t-Timeline-typeWrap{
  width: 30%;
  float: left;
  padding:0 4px 0 4px;
  text-align: center;
}
.agents-timeline-bg .t-Timeline-desc{
  width:17%;
  float: left;
  padding: 55px 0 0 10px;
}
.agents-timeline-bg .t-Timeline-title{
  width: 53%;
  float: left;
  padding:0;
}
.agents-timeline-bg .t-Timeline-type{
  padding: 30px 0;
  background: transparent;
}
.agents-timeline-bg .t-Timeline-type .t-Icon{
  display: none;
}
.agents-timeline-bg .t-Timeline-body{
  padding: 0;
  display: block;
}
.agents-tc,
.agents-ag{
  width: 50%;
  float: left;
  position: relative;
  text-align: center;
  padding: 25px 0;
}
.agents-timeline-bg .t-Timeline-overview{
  border-top: 1px solid #d8d8d8 !important;;
  margin: 32px 0 16px 0;
  padding: 16px 0 0 0;
  line-height: 3rem;
  font-size: 1.6rem;
  color: #000 !important;;
}
@media(max-width:1170px){
  .agents-timeline-bg .t-Timeline-user {
      width: 100%;
      float: left;
      margin-bottom: 10px;
      text-align: center;
  }
  .agents-timeline-bg .t-Timeline-userinfo{
      text-align: center;
  }
  .agents-timeline-bg .t-Timeline-avatar {
      margin: 0 auto 20px;
      float: none;
  }
  .agents-timeline-bg .t-Timeline-user:after{
      content: '';
      width: 100%;
      height:1px;
      right: 0px;
      top: auto;
      bottom: 0;
}
}
@media(max-width:768px){
  .agents-timeline-bg .t-Timeline-avatar{
      max-width: 155px;
      margin: 0 auto 10px;
  }
  .custom-tabs h2{
      line-height: 1.5;
      font-size: 3rem;
  }
  .agents-timeline-bg .t-Timeline-content,
  .agents-timeline-bg .t-Timeline-desc {
      display: block;
      width: 100%;
      float: left;
      padding: 0;
      border-top: 1px solid rgba(48, 48, 48,1) !important;;
  }
  .agents-timeline-bg .t-Timeline-typeWrap{
      width: 100%;
      padding: 0;
  }
  .agents-timeline-bg .t-Timeline-typeWrap:after,
  .agents-timeline-bg .t-Timeline-user:after,
  .agents-ag:after {
      visibility: hidden;
   }
  .agents-tc {
      width: 50%;
      float: left;
      position: relative;
  }
  .agents-tc:after{
      top: 15px;
      right: 0;
  }
  .agents-ag{
      width: 50%;
      position: relative;
  }
  .agents-timeline-bg .t-Timeline-title{
      width: 100%;
      overflow: visible;
      padding: 0;
      margin: 0;
      border-top: 1px solid rgba(48, 48, 48,1) !important;;
  }
  .agents-timeline-bg .t-Timeline-desc{
      padding: 20px 0 0 0;
      text-align: center;
  }
  .agents-timeline-bg .t-Timeline-desc .t-Button--stretch:last-child{
      margin-bottom: .8rem;
  }
  .agents-timeline-bg .t-Timeline-overview{
      margin: 16px 0 16px 0;
  }
}
@media(max-width:480px){
  .agents-timeline-bg .t-Timeline .t-Icon{
      display: block;
  }
  .agents-timeline-bg .t-Timeline .t-Timeline-username{
      width: 100%;
      text-align: center;
  }
  .agents-timeline-bg .t-Timeline .t-Timeline-date {
      width: 100%;
      text-align: center;
  }
  .custom-tabs .t-Timeline li{
      margin-top: 10px;
  }
  .agents-timeline-bg .t-Timeline .t-Timeline-content {
      padding: 0;
  }
  .agents-timeline-bg .t-Timeline .t-Timeline-desc{
      padding: 24px 8px 8px;
      text-align: center;
  }
}
/*===============
Timeline CSS Ends
=================*/
/*==================
AREA AGENTS CSS ENDS
====================*/


/*COPYRIGHTS CSS STARTS*/
.copyright{
    width: 100%;
    position: absolute;
    bottom: 0;
    font-weight: 400;
    color:#737373 !important;
}
/*COPYRIGHTS CSS ENDS*/