*{
	margin:0;
	padding:0
}
.logo{
	text-align: center;
}
.logo img{
  height: 38px;
}
header{
	background: #000;
	padding:10px 0;
	 position: fixed;
	 width: 100%;
	z-index: 999;
}

.topmenu{
    position: fixed;
    z-index: 999;
   top: 54px;
    background: #222120;
    width: 100%;
}
.bkbtn{
     text-align: center;
    background: #444;
    height: 30px;
    line-height: 30px;
}
.bkbtn a{
    display: block;
}
.bkbtn a i{
   color: #ffb400;
    font-size: 18px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
/*    padding-left: 20px;*/
   
}
.bkbtn a i:hover{
   color: #ccc;
}
.topmenu .nav {
    background: #222120;
    position: fixed;
}
.topmenu .nav ul {
    margin: 0;
    padding: 0;
}
.topmenu .nav li {
    margin: 0 5px;
    padding: 0;
    list-style: none;
    display: inline-block;

    line-height: 30px;
}
.topmenu .nav a {
    padding: 3px 12px;
    text-decoration: none;
    color: #ccc;
    line-height: 100%;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: 'Lato';
}
.topmenu .nav a img{
	width: 15px;
	position: relative;
	top: -2px;
	left: -5px;
}
.topmenu .nav a:hover {
    color:  #ffb400;
}
.topmenu .nav a.current{
    color:  #ffb400;
}
.topmenu .nav .current a {
    background: #222120;
    color: #ffb400;
    border-radius: 5px;
    display: none;
}

/* right nav */
.topmenu .nav.right ul {
    text-align: right;
}

/* center nav */
.topmenu .nav.center ul {
    text-align: center;
}

@media screen and (max-width: 600px) {
    .topmenu .nav {
        position: relative;
         height: 30px;
    line-height: 30px;
    }   
    .topmenu .nav ul {
        width: 100%;
        padding: 5px 0;
        position: absolute;
        top: 0;
        left: 0;
        background: #222120;
        border-radius: 5px;
        box-shadow: 0 1px 2px rgba(0,0,0,.3);
    }
    .topmenu .nav li {
        display: none; /* hide all <li> items */
        margin: 0;
    }
    .topmenu .nav .current {
        display: block; /* show only current <li> item */
    }
    .topmenu .nav .current a {
        display: block; /* show only current <li> item */
        position: relative;
         height: 20px;
    line-height: 30px;
    }
    .topmenu .nav .current a i{
        position: absolute;
    }
    .topmenu .nav a {
        display: block;
        padding: 5px 5px 5px 32px;
        text-align: left;
    }
    .topmenu .nav .current a {
        background: none;
        color: #666;
    }

    /* on nav hover */
    .topmenu .nav ul:hover {
        background-image: none;
    }
    .topmenu .nav ul:hover li {
        display: block;
        margin: 0 0 5px;
    }
    .topmenu .nav ul:hover .current {
        background: url(images/icon-check.png) no-repeat 10px 7px;
    }

    /* right nav */
    .topmenu .nav.right ul {
        left: auto;
        right: 0;
    }

    /* center nav */
   .topmenu .nav.center ul {
        left: 50%;
        margin-left: -90px;
    }
    
}
.banner .carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
    overflow:hidden;
}
.banner .item.active img {
    transition: transform 5000ms linear 0s;
    /* This should be based on your carousel setting. For bs, it should be 5second*/
    transform: scale(1.05, 1.05);
}
.banner .carousel-fade .carousel-inner .active {
  opacity: 1;
}

.banner .carousel-fade .carousel-inner .active.left,
.banner .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.banner .carousel-fade .carousel-inner .next.left,
.banner .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.banner .carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .banner .carousel-fade .carousel-inner > .item.next,
    .banner .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .banner .carousel-fade .carousel-inner > .item.prev,
    .banner .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .banner .carousel-fade .carousel-inner > .item.next.left,
    .banner .carousel-fade .carousel-inner > .item.prev.right,
    .banner .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
.banner{
	padding-top: 80px;
}
.banner .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
   
}


.heading h1 {
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 40px;
    position: relative;
    color: #000;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 30px;
    text-transform: uppercase;
}
.heading h1::before {
    position: absolute;
    content: '';
    width: 10%;
    height: 2px;
    background: #ffb400;
    bottom: -10px;
    left: 0;
    z-index: 99;
}

.heading h1::after {

    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #585858;
    bottom: -10px;
    left: 0;

}
.pdt{
    padding-top: 7em;
}
.overviews{
   
}
.bgwhite{
    background: #fff!important;
}
.paracnt p{
	color:#333;
	text-align: left;
	font-family: 'Lato';
	font-weight: 400;
	font-size:16px;
	line-height: 22px;
}
.paracnt a{
    color:#ffb400;
    text-decoration: none;
    font-weight: 600;
     font-family: 'Lato';
}
.paracnt a:hover{
    color: #333
}
.paracnt h2{
	margin: 0;
	font-size: 18px;
	 font-family: 'Lato';
	 padding-bottom: 10px;
	 font-weight: 600;
}
.paracnt ul li{
	list-style: none;
	line-height: 32px;
	color:#666;
	text-align: left;
	font-family: 'Lato';
	font-weight: 400;
	font-size:16px;
	line-height: 32px;
}

.plan .carousel-control.left{
	background: none;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #000;
	opacity: 1;
	font-size: 18px;
	background: #ffb400;
	left: -60px;
	top: 40%;

}
.plan .carousel-control.right{
	background: none;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #000;
	opacity: 1;
	font-size: 18px;
	background: #ffb400;
	right: -60px;
	top: 40%;
}
.plan img{
	border: 1px solid #ccc;
}
.box1{
	margin: 20px 0;

}
.box1 img{
	width:70px;

}
.box1 h5 {
    font-size: 14px;
    font-weight: 600;
    color:#333;font-family: 'Lato';

}
.box1 p{
	color: #666;
	text-align: left;
	font-family: 'Lato';
	font-weight: 400;
	font-size:16px;
	line-height: 22px;
}
.paracnt p b.color{
	color: #ffb400;
}
.pdb{
   height: 40px;
}
.paracnt h3{
   margin: 0;
    font-size: 18px;
    font-family: 'Lato';
    padding-bottom:20px;
    font-weight: 400;
    line-height: 28px;
}
.update img{
	margin-bottom: 20px;
/*	border: 1px solid #ccc;*/
}
.fancybox-skin{
	background: none!important;
	box-shadow: none!important;
}

.footer_menu {

    background: #000;

}

.footer_left_menu {
    width: 100%;
    text-align: left;
}

.footer_left_menu_anch {
   
    font-family: 'Lato';
    font-weight: 400;
    font-size: 0.980em;
    color: #666666;
    padding-right: 12px;
    padding-left: 12px;
    position: relative;
}

    .footer_left_menu_anch:hover, .footer_left_menu_anch:focus {
        text-decoration: none;
        color: #666666;
    }

    .footer_left_menu_anch::after {
        content: "|";
        right: 0px;
        position: absolute;
        padding: 0px;
        margin: 0px;
    }

.footer_copy_right_text {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    display: inline-block;
    font-family: 'Lato';
    font-weight: 400;
    font-size: 0.980em;
    color: #666666;
    padding-left: 15px;
}

.footer_right_menu {
    width: 100%;
    text-align: right;
}

.footer_right_menu_anch {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 0.980em;
    color: #666666;
    padding-right: 12px;
    padding-left: 12px;
    position: relative;
}

    .footer_right_menu_anch:hover, .footer_left_menu_anch:focus {
        text-decoration: none;
        color: #666666;
    }

    .footer_right_menu_anch::after {
        content: "|";
        right: 0px;
        position: absolute;
        padding: 0px;
        margin: 0px;
    }

    .footer_right_menu_anch:nth-last-child(1) {
        padding-right: 5px;
        padding-left: 5px;
    }

    .footer_right_menu_anch:nth-last-child(2) {
        padding-right: 5px;
        padding-left: 5px;
    }

    .footer_right_menu_anch:nth-last-child(3) {
        padding-right: 5px;
        padding-left: 5px;
    }

    .footer_right_menu_anch:nth-last-child(4) {
        padding-right: 5px;
        padding-left: 5px;
    }

    .footer_right_menu_anch:nth-last-child(5) {
        padding-right: 5px;
    }

.fon_aw_icon {
    color: #666666;
}

.footer_right_menu_anch:nth-last-child(1).footer_right_menu_anch:after {
    content: "";
}

.footer_right_menu_anch:nth-last-child(2).footer_right_menu_anch:after {
    content: "";
}

.footer_right_menu_anch:nth-last-child(3).footer_right_menu_anch:after {
    content: "";
}

.footer_right_menu_anch:nth-last-child(4).footer_right_menu_anch:after {
    content: "";
}

.footer_right_menu_anch:nth-last-child(5).footer_right_menu_anch:after {
    content: "";
}

.fon_aw_icon {
    color: #666666;
}

.fot_er_click .wrap_arrowbox .inner_arrowbox .face_arrowbox {
    border: 1px solid #9ea0a5;
}

.fot_er_click .inn_clik_move_arow {
    color: #9ea0a5;
}
.pdt10{
	padding:10px;
}
.pdt20{
	padding: 20px;
}
/*.overviews img{
	border: 
}
*/
.intelligenthomes ul li{
	cursor: pointer;
	display: inline-block;
	padding:5px 18px;
	background: #ffb400;
	margin: 8px 5px;
	color: #000;
	border: 3px solid #ffffff75;
	border-radius: 30px;
}

.intelligenthomes ul li.red{
	color: #ffb400;
}
.box1 img{
	transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
.box1:hover img{
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
}
.img img{
	margin: auto;
}
/*.map{
	padding:10px 10px 5px 10px;
	background: #666;
}
*/


.sidebar-contact{
  position:fixed;
  z-index: 999;
  top:30%;
  right:-300px;
  width:300px;
  height:auto;
  padding:20px;
  background:#fff;
  box-shadow: 0 20px 50px rgba(0,0,0,.5);
  box-sizing:border-box;
  transition:0.5s;
}
.sidebar-contact.active{
  right:0;
}
.sidebar-contact input,
.sidebar-contact textarea,
.sidebar-contact select{
  width:100%;
  border: 1px solid #000;
 font-family: 'Lato';
  height:36px;
  padding:5px;
  margin-bottom:10px;
  box-sizing:border-box;
  outline:none;
  text-transform: uppercase;
  font-size:12px;
  color: #000;
}
.sidebar-contact input::placeholder,
.sidebar-contact textarea::placeholder{
     color: #000!important;
}
.sidebar-contact h2{
  margin:0 0 20px;
  padding:0;
  font-size: 25px;
    font-weight: 600;
    color:#000;
    font-family: 'Lato';
    text-align: center;
}
.sidebar-contact textarea{
  height:60px;
  resize:none;
}
.sidebar-contact input[type="submit"]{
  background:#000;
  color:#fff;
  cursor:pointer;
  border:none;
  font-size:16px;
  border-radius: 5px;
  text-transform: normal
}

}
.sidebar-contact input[type="submit"]:hover {
 background: #333;
 color:#fff;
 border: 1px solid #333;
}
.sidebar-contact .toggle{
  position:absolute;
  height:50px;
  width:50px;
  text-align:center;
  cursor:pointer;
  background:#000;
  border: 3px solid #ccc;
  top:0px;
  left:-50px;
  line-height:42px;
}
.sidebar-contact .toggle:before{
  content:'\f003';
  font-family:fontAwesome;
  font-size:30px;
  color:#fff;
}
.toggle.active:before{
  content:'\f00d';
}
@media(max-width:768px)
{
  .sidebar-contact{
    width:100%;
    height:100%;
    left:-100%;
  }
  .sidebar-contact .toggle{
    top:50%;
    transform:translateY(-50%);
    transition:0.5s;
  }
  .sidebar-contact.active .toggle
  {
    top:0;
    right:0;
    transform:translateY(0);
  }
  .sidebar-contact .scroll{
    width:100%;
    height:100%;
    overflow-y:auto;
  }
  
}
.broucherbtn button{
    position: fixed;
    top: 45%;
    right: 0;
    z-index: 999;
    background: #fff;
    border: none;
    padding:10px;
}

.enquiryformhome {
    padding:0 30px;
}
.enquiryformhome input{
    width: 100%;
    margin-bottom: 15px;
    padding: 5px;
    color: #000!important;
     height: 35px;
         font-family: 'Lato';
     border: 1px solid #333;
}
.enquiryformhome input::placeholder{
    font-family: 'Lato';
    color: #000!important;
    text-transform: uppercase;
    font-size: 12px;
}
.enquiryformhome select{
    width: 100%;
    margin-bottom: 10px;
    padding: 5px;
    height: 35px;
     text-transform: uppercase;
    font-size: 12px;
        font-family: 'Lato';
     border: 1px solid #333;
}
.enquiryformhome option{
    font-family: 'Lato'; 
}
.enquiryformhome textarea{
    width: 100%;
    margin-bottom: 10px;
    padding: 5px;
    height: 150px;
       border: 1px solid #333;
}
.enquiryformhome textarea::placeholder{
    font-family: 'Lato';
    color: #000!important;
    text-transform: uppercase;
    font-size: 12px;
}
.modal-header{
    border-radius: 0!important;
}
.modal-content{
      border-radius: 0!important; 
      width: 450px;
      margin:113px auto;
        box-shadow: 0 0 5px 5px #ffffff45;
}
.enquiryformhome button{
    width: 100%;
    margin-bottom: 10px;
    padding: 5px;
    background: #000;
    width: 120px;
    color: #fff;
    border:none;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px;
    font-family: 'Lato';
    border: 1px solid #000;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
.enquiryformhome button:hover{
    background: #333;
    color: #fff;
     border: 1px solid #333;
}
h1.modal-title{
    margin:0;
    font-size: 18px;
    font-weight: 400;
    color: #000;
      font-family: 'Lato';
    text-align: center;
}
.enquiryformhome h2{
    font-size:20px;
    font-weight:400;
    color: #000;
        font-family: 'Lato';
}
.enquiryformhome p {
      font-family: 'Lato';
      font-size: 16px;
      color: #666;
}
.modal-header .close{
    color: #fff!important;
    opacity: 1;
    background: #ffb400;
    width: 25px;
    height: 25px;
    line-height: 25px;
/*    border-radius: 100%;*/
}
.rightsidebar{
    width: 100%;
    position: absolute;  
}
.rightsidebar a{
    color: #000;
    text-shadow:5px 5px 5px 15px #000;
    -webkit-text-shadow:5px 5px 5px 15px #000;
    -moz-text-shadow:5px 5px 5px 15px #000;

}
.rightsidebar a button{

    width: 230px;
    position: fixed;
    z-index: 999;
    right: -180px;
    top:45%;
   background: rgba(255,255,255,.75);
    border: none;
/*    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;*/
  /*  padding: 5px;*/
    display: block;
    color: #000;font-family: 'Lato';
    font-size:14px;
    text-align: left;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
.rightsidebar a button:focus{
        border: none;
        outline:none;
    }
.rightsidebar a button img{
    background: #ccc;
    /*border-radius: 100%;*/
    padding: 3px;
    width:50px;
}
.rightsidebar a button:hover{
 right: 0;
    }
.rightsidebar a button.btn2{
    position: fixed;
    z-index: 9999;
      right: -135px;
    top: 38%;
   background: rgba(255,255,255,.75);
    border: none;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    padding: 5px;
    display: block;
    color: #000;font-family: 'Lato';
    font-size:16px;
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,.2);
    -webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,.2);
    -mox-box-shadow: 2px 2px 2px 2px rgba(0,0,0,.2);
      transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
.rightsidebar a button.btn2:hover{
 right: 0;
}
.plan .carousel-control {
    position: absolute;
    z-index: 999;
}
.location .nav-tabs{
    margin: auto;
  margin-bottom: 20px;
  border: none;
 width: 30%;

}
.location .nav-tabs > li > a{
  color: #000;
 padding: 5px 22px;
  background:#ccc;
  border-radius: 20px;
  display: block;
  font-size: 18px;
  font-family: 'Lato', sans-serif;
  border: none;
}
.location .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
  padding: 5px 22px;
  background: #ffb400 !important;
  border-radius: 30px;
   color: #000;
   border: none;
}




.sidebar-contact1 input, .sidebar-contact1 textarea, .sidebar-contact1 select {
    width: 100%;
    border: 1px solid #ccc;
    font-family: 'Lato';
    height: 36px;
    padding: 5px;
    margin-bottom: 10px;
    box-sizing: border-box;
    outline: none;
    text-transform: uppercase;
    font-size: 12px;
    color: #000;
    font-weight:700;
}
.modal-header h2{
    color: #ffb400;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
}


.btn110{
        width: 100%;
    background: #ffb913;
    color: #000;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1px;
    border-radius: 0;
    border: 1px solid #ffb913;
    padding: 6px;
}



@media(max-width:640px) and (min-width:340px){
    .modal-content {
    border-radius: 0!important;
    width: 100%;
    margin: 120px auto;
    box-shadow: 0 0 5px 5px #ffffff45;
}
    .plan .carousel-control.right {
    display: none;
}
}