/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */

#topmenu{}

#topmenu div#maximenuck1236 ul.maximenuck{background: transparent;}
#topmenu div#maximenuck1236 ul.maximenuck li{padding: 8px 10px;max-height: 66px;}
#topmenu div#maximenuck1236 ul.maximenuck li span,
#topmenu div#maximenuck1236 ul.maximenuck li a{font-size: 16px; font-weight: 700; text-transform: uppercase;}
[data-id="maximenuck1236"] .mobilemenuck-item > .level1{background:#ffffff1a; }
[data-id="maximenuck1236"] .mobilemenuck-item > .level1:not(.headingck):hover, [data-id="maximenuck1236"] .mobilemenuck-item > .level1.open {background: #242424b8;}

.overlay_outer.four {
    width: 19.5% !important;
}

.ac-container2 input:checked~article.ac-large2 {
    height: auto;
}

.ac-container3 input:checked~article.ac-large3 {
    height: 330px;
}

#s5_phonenumber {
    color: #000000;
}
A
#s5_graybackground {
    /*background: #d7a626;*/
  display:none;
}

#s5_whiteground {
    background: #000000 !important;
}

.s5_botrow_left, .s5_botrow_right, .s5_toprow_left, .s5_toprow_right, #s5_top_row3_wrap, #s5_above_columns_inner, #s5_component_wrap, #s5_below_columns_wrap1, #s5_bottom_row2_wrap, .s5_paddingtopbot {
    padding-bottom: 80px;
    padding-top: 80px;
}


#s5_logo_wrap {
    float: left;
    cursor: pointer;
    margin-bottom: 15px;
    margin-top: 15px;
    margin-left: 59px;
}

#s5_component_wrap_inner h1 {
    font-size: 2.5em;
    margin-bottom: 10px;
    color: #000000;

}


#s5_component_wrap_inner h2 {
    font-size: 1.9em;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #cf9e2a;
}


#s5_component_wrap_inner h3 {
    font-size: 1.6em;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #ae8014;
}


#s5_component_wrap_inner h4 {
    font-size: 1.3em;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #ae8014;
}

#s5_bottom_row2_wrap {
    padding-bottom: 0px;
    padding-top: 0px;
}

.custombrownbg{
    color:#ffffff !important;
}

.homeselllist li{
  padding:15px 5px 2px 5px;
  text-align:center;
  margin-right:10px;
  width:125px;
  font-size:.9em;
  background:#c4942f;
  float:left;
  margin-bottom:20px;
}

.homebuylist li{
  padding:15px 2px 2px 2px;
  text-align:center;
  margin-right:10px;
  width:95px;
  font-size:.9em;
  background:#c4942f;
  float:left;
  margin-bottom:20px;
}

.homebuylist li:hover{
  background:#ffffff;
  cursor:pointer;
  transition: all 100ms ease-in 0s;
}
.homebuylist li:hover a{
  color:#000000 !important;
  font-weight:600;
  transition: all 100ms ease-in 0s;
}

.homebuylist a:hover{
  color:#000000 !important;
  text-decoration:none;
  transition: all 100ms ease-in 0s;
}


.homeselllist li:hover{
  background:#ffffff;
  cursor:pointer;
  transition: all 100ms ease-in 0s;
}
.homeselllist li:hover a{
  color:#000000 !important;
  font-weight:600;
  transition: all 100ms ease-in 0s;
}

.homeselllist a:hover{
  color:#000000 !important;
  text-decoration:none;
  transition: all 100ms ease-in 0s;
}

.homebuylist a{
  color:#ffffff !important;
}


.module_round_box.highlight2{
background: linear-gradient(to bottom, #a39b84 0%,#898989 100%) !important;
    color: #fff;
    padding: 40px 40px !important;
}
.module_round_box.highlight3{
background: linear-gradient(to bottom, #a39b84 0%,#898989 100%) !important;
    color: #fff;
    padding: 40px 40px !important;
}

.homeboxheading{
  font-size: 3em;
}

.testimonialname{
  font-size:2em;
  margin-left:20px;
}


#s5_highlightbackcolor{
 background: url(/images/bottom-right-logo.png) !important;
    background-position: bottom right !important;
    background-color: #261A03 !important;
    background-repeat: no-repeat !important;
}




.footerc{

  opacity: 0.3;
}

#s5_phonenumber{
  font-size:1.5em !important;
  float:right;margin-right:60px;margin-top:130px;
}

@media screen and (max-width: 590px){
  .homebuylist li, .homeselllist li{
    width:100%;

  }
  
  #s5_phonenumber{
      display:none;
    
  }

  #s5_logo_wrap{margin-left:20px;margin-right:20px;}
  
}

@media screen and (max-width: 980px) {

#batopimage{
  display:none !important;
}
  .slideInfoZone h3{
    display:none !important;
  }
  .slideInfoZone p{
    font-size:1.5em !important;
    line-height:35px !important;
  }
  .slideInfoZone{
    margin-top:-55px !important;
  }
  }