@font-face {
    font-family: Raleway-regular;
    src: url(../font/Raleway-Regular.ttf);
}

@font-face {
    font-family: Raleway-semibold;
    src: url(../font/Raleway-Medium.ttf);
}
@font-face {
    font-family: Raleway-Bold;
    src: url(../font/Raleway-Bold.ttf);
}
@font-face {
    font-family: Raleway-ExtraBold;
    src: url(../font/Raleway-ExtraBold.ttf);
}
body{font-feature-settings: 'lnum'!important;}
.container{width:1000px;}
.navbar {
  margin-bottom: 0;
  background-color: #fff;
  transition: all 0.2s ease-out;
  border-color: transparent;
  margin-right: 40px;
  padding-top: 10px;
  width:100%;
  padding-bottom: 20px;
  box-shadow: 0px 3px 6px rgba(0, 0, 100, .2);
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #555;
    background-color: #e7e7e7;
    border-color: transparent;
}

.navbar-container {
  position: relative;
}
.navbar .logo{padding-left: 0px;}
.navbar .navbar-scroll-purple{
  display: none;
}
.navbar.navbar-scroll .navbar-scroll-purple{
  display: block !important;
}
.navbar-right {
  float: right !important;
  margin-top: -20px;
}
.navbar .navbar-nav li a {
  font-size: 16px;
  font-family: Raleway-regular;
  color:#585858;
  margin-top: 25px;
  padding: 20px;
/*  transition: all 0.2s ease-out;*/
}
.navbar .navbar-nav li a:hover{
  color:#7a1bbd;
  border-radius: 0px;
  }
  .navbar-scroll .navbar-nav li a:hover{
  color:#7a1bbd;
  }
.navbar-scroll {
  opacity: 1;
}

.navbar-header{
  display: none!important;
}
.dropdown-toggle.btn.active, .active1{
    box-shadow: none;
    font-family: Raleway-Bold!important;
    color: #7a1bbd!important;
}
.navbar-right .dropdown-menu{left: 0px;width: 400px;}
.navbar-right .dropdown-menu li{padding: 5px;}
.navbar-right .dropdown-menu li a{font-size: 14px;padding: 10px;font-family: Raleway-Bold;}
.dropdown-menu .submenu{list-style: none;padding-left: 20px;margin-top: 15px;}
.dropdown-menu .submenu li{height: 50px;}
.dropdown-menu .submenu li img{float: left;width: 9%;margin-top: -10px;}
.dropdown-menu .submenu li a{font-family: Raleway-semibold;}
.dropdown-menu .submenu li a:hover{background: white;padding: 0px 0px 0px 10px;transition: none!important;color: #585858!important;border-radius: 0px;text-decoration: none;cursor: auto;}

.dropdown-menu:hover .dropdown-menu > li > a{display:block!important;}
  .navabr .dropdown-menu > li > a:hover
    {
    background-color:#000000 !important;
    color: #fff !important;
    }
    .navbar .dropdown-menu
    {
    box-shadow: 0px 5px 10px gray;
    border:none;
    padding:0px;
    /*line-height:20px !important;*/
    margin:0px;
    }
    .navbar .dropdown-menu>li>a:hover{
    background-color: white;
color: #7a1bbd !important; border-radius: 0px;} 
    .navbar .dropdown-menu>li>a
    {
    padding: 9px 23px 9px 9px;
    margin-top: 0px;
    }
    .navbar .dropdown:hover .nav-button
    {
    border-radius:0px;
    }
/*
    .submenu{
    box-shadow: 0px 5px 10px gray;
    border:none;
    padding:0px;
    margin:0px;
    }
*/
    .submenu>li>a:hover{background-color: #dbdbdb; color:#fff;}
.navbar-scroll .col-md-2{padding-left:0px;}
.navbar-scroll{
  background-color:white;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 20px;
}

.navbar-scroll .logo {
    display:none;
}
.navbar-scroll-purple{
}
.navbar-scroll.navbar-right {
  float: right !important;
  margin-right: 100px;
  margin-top: -75px;
}
.navbar-scroll .navbar-nav>li>a {
    /*color: #585858 !important;*/
    font-size: 16px;
    padding: 20px !important;
    margin-top: 20px !important;
    transition: all 0.2s ease-out !important;
}
.navbar .button {
  font-family: Raleway-semibold;
  background-color:#7a1bbd;
  border: 1px solid #7a1bbd;
  font-size: 18px;
  color:#fff!important;
  padding: 5px 10px;
	border-radius: 5px;
	 transition: ease 0.2s;
}
.navbar .button:hover{color: #7a1bbd!important;cursor: pointer;border-radius: 5px!important;}
.navbar-scroll .button:hover{color: #7a1bbd!important;cursor: pointer;border-radius: 5px!important;}

.navbar-scroll .button {
  font-family: Raleway-semibold;
  background-color:#7a1bbd;
  border: 1px solid #7a1bbd;
  font-size: 18px;
  color:#fff!important;
  padding: 5px 10px;
}
p{
  font-family: Raleway-regular;
  line-height: 1.7;
  font-size: 16px;
}
h2{
  font-family: Raleway-semibold;
  font-size: 35px;		
}
h3{
  font-family: Raleway-semibold;
  font-size: 28px;
}
#banner{
margin-top: 95px;
margin-bottom: 90px;
padding-top: 70px;
background: url(../img/banner.jpg);
background-repeat: no-repeat;
background-size:cover;
height:550px;
}
#banner h1{
  font-family: Raleway-Bold;
  color:#470e7e;
  font-size: 44px;
  padding-bottom: 20px;
}
#banner .bg{
background-color: #dcacf0;
height: 15px;
width: 210px;
margin-top: -100px;
margin-bottom: 100px;
margin-left: 180px;}
#banner h3{
  color:#333;
  line-height: 1.4;
  padding-bottom: 20px;
}
#banner button{
  font-family: Raleway-semibold;
  background-color:#480f80;
  border: 1px solid #480f80;
  border-radius: 10px;
  font-size: 18px;
  color:#fff!important;
  padding: 10px 20px;
}
#intro{margin-bottom: 60px;}
#intro p{color:#333; text-align: center;}
#property{margin-bottom: 60px;}
#property h2{color:#470e7e; text-align:center;font-family: Raleway-Extrabold;}
#property .bg{background-color:#ffdd00; height: 15px; width: 140px; margin-left: 230px; margin-top: -30px;
margin-bottom: 60px;}
#property .property{margin:0px auto;}
#iestate{margin-bottom: 60px;}
#iestate h2{color:#470e7e; text-align:center;font-family: Raleway-Extrabold;}
#iestate .bg{background-color:#ffdd00; height: 15px; width: 125px; margin-left: 470px; margin-top: -30px;
margin-bottom: 60px;}
#iestate .icon{margin:0px auto;width: 45px;}
#iestate h4{color:#333; line-height: 1.4;text-align: center;font-size: 20px;font-family: Raleway-semibold;
padding-bottom: 20px;}
#iestate .hover{display:none;}
#iestate .active .hover{display: block; width: 45px; margin:0px auto;}
#iestate .active .icon{display: none;}
#iestate .active h4{color:#470e7e!important;}
#iestate ul li a{padding:15px 49px;}
#iestate .nav-tabs > li > a{border:none; border-bottom: 1px solid #cecece;}
#iestate .nav-tabs > li.active > a{border-bottom: 3px solid #470e7e;}
#iestate .nav-tabs{border:none;}
#iestate .hover-list{margin-top: 30px;}
#iestate .hover-list ul li{color:#333; font-family: Raleway-regular; font-size: 16px; line-height: 1.5; 
  padding-left: 10px;}
#iestate .hover-list ul{list-style: none;}
#iestate .hover-list ul li::before {
  content: "\2022";
  color:#470e7e;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  font-size: 2em;
  margin-left: -1em;
  margin-top: -1em;
}
#tool{margin-bottom: 60px;}
#tool h2{color:#470e7e; text-align: center;font-family: Raleway-Extrabold;}
#tool .bg{background-color:#ffdd00; height: 15px; width: 100px; margin-left: 320px; margin-top:-30px;
margin-bottom: 50px;}
#tool .part1{float: right;}
/*#tool .part2{margin-left: 60px;}*/
#tool .second{padding-top: 30px;}
#tool img{border:1px solid #dbdbdb;}
#cta{background: url(../img/cta-banner.jpg); background-repeat: no-repeat; background-size:cover;
  padding:60px 0px; text-align: center; margin-bottom: 60px;}
#cta h2{color:#333; font-weight: 900; text-align: center; padding-bottom: 20px;}
#cta h4{color:#333; font-family: Raleway-semibold; font-size: 20px; text-align: center; padding-bottom: 30px;}
#cta button{background-color:#470e7e; color:#fff; padding:10px 40px; border:1px solid #470e7e;
  font-family: Raleway-semibold; font-size: 18px;border-radius: 5px;transition:ease 0.2s;border: 2px solid #470e7e;}
#cta button:hover{border: 2px solid #470e7e;color:#470e7e;background: transparent;}
.logo1{box-shadow: 0px 3px 6px #dbdbdb;margin: 0 auto;}
#footer{margin-bottom: 60px;}
#footer h4{color:#333; font-family: Raleway-semibold; font-size: 20px;}
#footer p{color:#333;}
#footer a{color:#333; text-decoration: none;}
#footer .social{border-radius: 50px; box-shadow: 0px 3px 6px #dbdbdb; text-decoration: none; margin-top: 15px;}
#footer .social:hover{text-decoration: none;}
#foot{background-color: #f1f1f1; padding:25px 0px 10px; display: block; font-family: Raleway-regular;}
#foot a{color:#333; padding:3px; font-size: 14px; text-decoration: none;}
#foot p{font-size:14px;}
#foot a:hover{text-decoration: none; color:#333;}

@media(min-width: 320px) and (max-width: 767px)
{
  .container{
    width:310px;
  }
  .navbar-header{
  display: block!important;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    background-color: white;}
  .navbar .col-md-2 .logo{
    display:none!important;
  }
  .navbar-header .navbar .col-md-2 .logo{
    display:block;
  }
  .navbar .col-md-2 .navbar-scroll-purple{
    display:none!important;
  }
  .navbar .col-md-10{
    margin-top: 0px;
  }
  .navbar-header .logo{
    display: block;
  }
  .mobile{
  display: block;
  }
  .navbar-right {
    float:left!important;
    margin-top: 5px;
  }
  .navbar .navbar-nav li a {
    font-size: 16px;
    font-family: Raleway-regular;
    color: #585858;
    margin-top: 10px;
    transition: all 0.2s ease-out;
    padding: 10px;
    text-align: left;
    line-height: 30px !important;
  }
  .navbar .navbar-nav li a:hover{
  color: #7a1bbd;
  }
  .navbar-right .dropdown-menu li a{font-size: 14px;padding: 10px;font-family: Raleway-Bold;}
  .dropdown-menu .submenu li a{font-family: Raleway-semibold;}
  .dropdown-menu .submenu li a:hover{background: #fff;padding: 0px 0px 0px 10px;transition: none!important;
    color: #77777!important;border-radius: 0px;}
  .navbar-scroll .navbar-nav li a:hover{
  color:#7a1bbd!important;
  }
  .navbar-scroll .navbar-nav > li > a {
    /*color: #585858 !important;*/
    opacity: 1 !important;
    font-size: 16px;
    font-family: Raleway-regular;
    margin-top: 0px;
    line-height: 0px !important;
    padding: 10px;
    transition: all 0.2s ease-out !important;
  }
  .navbar-scroll .button{color:#fff !important;}
	.dropdown-menu .submenu li img {margin-top: 3px;}
  #banner{margin-top: 88px; padding-top:0px; height:600px;}
  #banner .bg{margin-left: 0px; margin-top: -150px; margin-bottom:150px;}
  #property .bg{margin-left: 70px; margin-top: -105px; margin-bottom: 100px;}
  #iestate .bg{margin-left: 120px;}
  #iestate .nav-tabs > li > a{border:none; border-bottom: none;}
  #tool .bg{margin-left: 5px; margin-top: -30px; margin-bottom: 60px;}
  #tool .partner{margin:10px auto;}
  #tool .part1, .part2{margin:10px auto!important;float: none;}
  #tool .second{padding-top: 0px;}
	.logo1{width:54%;}
  #footer .col-xs-12{text-align: center;}
  #footer .logo{margin:0px auto;}
  #foot a{text-align: center; display:block;}
  #foot .copy-right{text-align: center; display:block;}
}
@media(min-width: 768px) and (max-width: 991px)
{
  .container{
    width:750px!important;
  }
  .mobile{
  display: none;
  }
  .navbar .navbar-nav li a {font-size: 16px; padding:15px;}
  .navbar-right {
    float: right !important;
    margin-right: 0px;
    margin-top: -20px;
  }
  .navbar.navbar-scroll .navbar-scroll-purple {
    display: block !important;
  }
  .navbar .navbar-nav li a:hover{
  color:#7a1bbd;
  }
  .navbar-scroll .navbar-nav li a:hover{
  color:#7a1bbd!important;
  }
  .navbar .navbar-nav > li > a{font-size: 16px;padding:15px!important;}
  #banner{margin-top: 85px; padding-top:60px; height:600px;}
  #banner .bg{margin-left: 0px;}
  #property .bg{margin-left: 110px;}
  #iestate .bg{margin-left: 340px;}
  #iestate .active h4{color:#470e7e!important;}
  #iestate h4{font-size: 15px;}
  #iestate ul li a{padding:15px 35px;}
  #tool .bg{margin-left: 200px;}
  #tool .part1{margin-left: 135px;}
  #foot{text-align: center;}
  #footer .social{width:23%;}
}
@media(min-width: 992px) and (max-width: 1199px)
{
  .container{
    width:960px;
  }
  .mobile{
  display: none;
  }
  #banner .bg{margin-left: 180px; margin-top: -100px; margin-bottom: 100px;}
  #property .bg{margin-left: 215px;}
  #iestate .bg{margin-left: 450px;}
  #tool .bg{margin-left: 305px;}
  #iestate ul li a {padding: 15px 42px;}
}