.active, .carousel, .carousel-inner, .fill, .item, body, html { height: 100% }
.about-menu-holder ul, .header-contact ul, .icon-holder ul, .main-content ul, .menu-slide .menu-items ul, .project-slider-content .button-holder ul, ul.floorplan-icon-holder { list-style: none; }
.md-label, .project-slider-content h5 { font-family: 'Roboto', sans-serif; }
a { text-decoration: none!important; outline: 0!important; }
.transition { -webkit-transition: all ease-out .5s; -moz-transition: all ease-out .5s; -o-transition: all ease-out .5s; transition: all ease-out .5s; }
.adjust { margin-bottom: 7px; }
.header-menu { padding:0px 0 0px 0px; float: left; }
.header-menu ul { margin: 0; padding: 0; }
.header-menu ul li { display: inline-block; padding: 0 12px; }
.header-menu ul li:last-child { padding-right: 0; }
.main-menu { position: absolute; left: 0; right: 0; z-index: 12; }
.logo, .projects-dropdown { position: relative; }
.logo { float: left; height: 95px; width: 167px; top: 0; }
.menu-holder { float: right; margin: 0px 0; }
.menu, .projects-dropdown { cursor: pointer; float: left;  }
.logo-small, .projects-dropdown .fa.fa-chevron-down, .projects-menu { display: inline-block; vertical-align: middle; }
.projects-menu { padding-left: 20px; padding-right: 25px; }
.projects-menu h4 { font-size: 16px; text-transform: uppercase; color: #191919; margin: 0; }
.projects-menu p { font-size: 12px; color: #979797; }
.menu {  }
.menu:hover .fa-bars { color: #f3a445; }
.menu .fa.fa-bars { font-size: 30px; line-height: 28px; }
.down-arrow { display: inline-block; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; z-index: 2; }
.menu-slide { position: fixed; top: 0; right: -280px; bottom: 0; width: 275px; background-color: #272727; z-index: 100; padding: 30px 25px; box-shadow: -2px 2px 4px rgba(0, 0, 0, .1); }
.menu-in { right: 0; }
.menu-slide .close-button { margin-bottom:20px; cursor: pointer; display: inline-block; }
.menu-slide .menu-items>ul>li { border-bottom: 1px solid #af9843; }
.menu-slide .menu-items>ul>li>a { padding: 15px 0; display: block; font-size: 16px; line-height: 15px; color:#af9843; background: none;}
.menu-slide .menu-items>ul>li>a .fa { float: right; font-size: 16px; }
.menu-slide .menu-items>ul>li.active>a, .menu-slide .menu-items>ul>li>a:active, .menu-slide .menu-items>ul>li>a:focus, .menu-slide .menu-items>ul>li>a:hover { color: #f3a445; }
.sub-menu { margin-bottom: 10px!important; display: none; }
.menu-slide .menu-items .sub-menu li a .fa { font-size: 18px; color: #393939; margin-right: 12px; }
.menu-slide .menu-items .sub-menu li a { color: #b2b2b2; font-family: font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; padding: 5px; display: block; }
.menu-slide .menu-items .sub-menu li a:hover { color: #ba561a; }
.project-drop-content { padding: 25px; }
.menu-fixed .project-drop-content { padding: 15px 25px; }
.header-menu ul li .fa { display: none; }
.menu-slide .menu-items>ul>li.active>a, .menu-slide .menu-items>ul>li>a:active, .menu-slide .menu-items>ul>li>a:focus, .menu-slide .menu-items>ul>li>a:hover { color: #dd3333; }
.sub-menu { margin-bottom: 10px!important; display: none; }
.menu-slide .menu-items .sub-menu li a .fa { font-size: 18px; color: #393939; margin-right: 12px; }
.menu-slide .menu-items .sub-menu li a { color: #393939; font-family: font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 400; padding: 5px; display: block; }
.menu-slide .menu-items .sub-menu li a:hover { color: #dd3333; }
.project-drop-content { padding: 25px; }
.menu-fixed .project-drop-content { padding: 15px 25px; }
.header-menu ul li .fa { display: none; }




@media (min-width:768px) and (max-width:991px) {
.header-contact, .header-menu { padding: 12px 0; }
.header-contact ul li { padding: 0 12px; }
.menu-holder { margin: 0; }
.menu, .project-drop-content { padding: 0px  ; }
}
@media screen and (max-width:800px){
  .main-menu { top: 25px; right: 15px;}
  .menu .fa.fa-bars { font-size: 35px; line-height: 0px; color:#ffffff;}
  .main-menu.menu-fixed { top: 0; }
}
@media screen and (max-width:767px) {
.header-contact ul li, .header-menu ul li { padding: 0 5px; }
.header-contact, .header-menu { text-align: center; float: none; padding: 0px 0; }
.header-contact { border-top: 1px solid #323232; border-right: none; }
.main-menu.menu-fixed { top: 0; }
.menu, .project-drop-content {  }
.menu { line-height: 0; }
.menu-fixed .logo-blak { width: 100% }
.menu-fixed .logo { height: 45px; padding: 5px 0; }
}
@media screen and (max-width:800px) {
  .main-menu { }

}
@media screen and (max-width:479px) {
.header-contact ul li, .header-menu ul li { padding: 0 5px; }
.header-contact, .header-menu { text-align: center; float: none; padding: 10px 0; }
.header-contact { border-top: 1px solid #323232; border-right: none; }
.logo { box-sizing: content-box; height: 50px; padding: 15px 0; width: 115px; }
.menu-fixed .logo-blak { width: 100% }
.menu-fixed .logo { height: 45px; padding: 5px 0; }
}
@media screen and (max-width:369px) {
.header-contact ul li, .header-menu ul li { padding: 0 5px; }
.header-contact, .header-menu { text-align: center; float: none; padding: 10px 0; }
.header-contact { border-top: 1px solid #323232; border-right: none; }
.main-menu.menu-fixed { top: 0; }
.logo { box-sizing: content-box; height: 50px; padding: 15px 0; width: 115px; }
.menu-fixed .logo-blak { width: 100% }
.menu-fixed .logo { height: 45px; padding: 5px 0; }
.menu-fixed .project-drop-content {  }
}
 @media only screen and (min-device-width:320px) and (max-device-width:480px) {
 #ls_chatFrameDiv {
 display: none;
}
}

.header-menu ul { list-style: none; position: relative; float: left; margin: 0; padding: 0; z-index: 1; margin-top: 20px;}
.header-menu ul a {
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  display: block;
  color: #af9843;
  text-decoration: none;
  font-weight:500;
  font-size: 15px;
  padding: 5px 0px 10px 0px;
  transition: all 0.3s ease;
   	 -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
  margin: 0px;
position: relative; }


.header-menu ul a:after {
      content: '';
      position: absolute;
      left: 0;
      top: 100%;
      margin: 0px;
      width: 0%;
      height: 2px;
      background: #dd3333;
      -webkit-transition: all 0.6s;
      -moz-transition: all 0.6s;
      -ms-transition: all 0.6s;
      -o-transition: all 0.6s;
      transition: all 0.6s
  }
.header-menu ul a:hover:after {
      width: 100%
  }
.header-menu ul a:hover {
  color: #dd3333 ;

}


.active > a{ background: #7ecb27; color: #ffffff !important; }
.header-menu ul li { position: relative; float: left; margin: 0; padding: 0px 0px; margin-left: 30px;}
.header-menu ul li:last-child{ border: none;}
.header-menu ul li.current-menu-item { background: #ddd }
.header-menu ul ul { display: none; position: absolute; top: 100%; left: 0; background: #fff; padding: 0 }
.header-menu ul ul li { float: none; width: 220px;    border: none; padding: 0px; }
.header-menu ul ul a { line-height: 120%; padding: 6px 15px }
.header-menu ul ul ul { top: 0; left: 100% }
.header-menu ul li:hover > ul { display: block }
.left_mobile_menu { display: none; }
.header-menu { display: block; }
.midmenu { display: none; }
.midmenushow { display: block; }
@media only screen and (max-width:800px) {
.left_mobile_menu { display: block; }
.header-menu { display: none; }
}


@media screen and (max-width:800px) {
.active > a{color: #7ecb27 !important; }
}

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

}