@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: #dbdbdb;
  margin-right: 40px;
  padding-top: 10px;
  width:100%;
  padding-bottom: 0px;
  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 {
    box-shadow: none;
    font-family: Raleway-Bold;
    color: #7a1bbd;
}
.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: pointer;}

.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 .col-md-2, .navbar-scroll .col-md-2{padding-left:0px;}
.navbar-scroll{
  background-color:white;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 0px;
}

.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: 25px !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;
}

.secondary-menu {
    margin-top: 15px;
    border-top: 1px solid #dbdbdb;
	background: #f2f2f2;
}
.secondary-menu ul{
    list-style: none;
padding-left: 0px;
margin-bottom: 0px;
}
.secondary-menu ul li {
    display: inline-block;
    font-family: Raleway-regular;padding: 10px 0px 10px 5px;
}
.secondary-menu ul li a{
    color: black;padding: 10px 114px;
}
.secondary-menu ul li a:hover{color:#7a1bbd;text-decoration: none;padding: 10px 114px;}
.secondary-menu ul li a:focus{color:#7a1bbd;text-decoration: none;border-bottom: 2px solid #7a1bbd;padding: 10px 114px;}

p{
  font-family: Raleway-regular;
  line-height: 1.7;
  font-size: 16px;
}
h2{
  font-family: Raleway-Bold;
  font-size: 35px;
}
h3{
  font-family: Raleway-Bold;
  font-size: 28px;
}
#banner{
margin-top: 95px;
margin-bottom: 120px;
padding-top: 90px;
background: url(../img/banner.jpg);
background-repeat: no-repeat;
background-size:cover;
height:500px;
}
#banner h1{
  color:#470e7e; 
  font-size: 52px; 
  font-family: Raleway-Bold; 
  padding-bottom:20px;
}
#banner h3{
  color:#333;
  padding-bottom: 20px;
  line-height: 1.4;
}
#banner button{
  font-family: Raleway-semibold;
  background-color:#480f80;
  border: 1px solid #480f80;
  border-radius: 5px;
  font-size: 18px;
  color:#fff!important;
  padding: 10px 20px;
}
#banner .bg{background-color: #dcacf0; height: 15px;width: 160px;margin-top: -110px; margin-bottom: 100px;}
#iestate{margin-bottom: 60px;}
#iestate h3{color:#470e7e;padding-bottom: 20px; line-height: 1.3;}
#iestate .bg{background-color:#ffdd00; height: 15px; width: 95px; margin-top: -85px;
margin-bottom: 70px;}
#iestate p{color:#333; padding-right: 40px;}
#feature{margin-bottom: 60px;}
#feature h2{color:#470e7e; padding-bottom: 30px; text-align: center;}
#feature .bg{background-color:#ffdd00; height: 15px; width: 160px; margin-left: 405px; margin-top: -60px;
margin-bottom: 60px;}
#feature h3{color:#470e7e;padding-bottom: 20px;}
#feature p{color:#333;}
#feature .down{display:none;}
#feature .left-right{padding-bottom: 60px;}
#feature .box{background-color: #f6f8f7; border: 2px solid #dbdbdb; padding:10px 0px; height:90px;}
#feature .box .col-md-8{padding-left: 0px;}
#feature .box p{font-size: 14px; color:#333;}
#property{margin-bottom: 60px; background-color:#f7f7f7;padding-top:30px; padding-bottom: 60px;}
#property h2{color:#470e7e; text-align: center;}
#property .bg{background-color:#ffdd00; height: 15px; width: 130px; margin-left: 210px; margin-top: -30px;
margin-bottom: 40px;}
#property ul{padding-top: 10px;}
#property ul li{color:#333; font-family: Raleway-regular; font-size: 18px; line-height: 1.5; padding-left: 10px;}
#property ul{list-style: none;}
#property ul li::before {
  content: "\2022";
  color:#dcacf0 ;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  font-size: 2em;
  margin-left: -1em;
  margin-top: -1em;
}
#work{margin-bottom: 20px;}
#work h2{color:#470e7e; text-align: center;}
#work .bg{background-color:#ffdd00; height: 15px; width: 105px; margin-left: 490px; margin-top:-30px;}
#tool{margin-bottom: 60px;}
#tool h2{color:#470e7e; text-align: center;}
#tool .bg{background-color:#ffdd00; height: 15px; width: 100px; margin-left: 320px; margin-top:-30px;
margin-bottom: 50px;}
#tool img {border: 1px solid #dbdbdb;}
#tool .part1{float: right;}
/*#tool .part2{margin-left: 60px;}*/
#tool .second{padding-top: 30px;}
#cta{background: url(../img/cta-banner.jpg); background-repeat: no-repeat; background-size:cover; 
  padding-top:30px; padding-bottom: 60px; margin-bottom: 60px;}
#cta h2{color:#333; text-align: center;}
#cta h3{color:#333; text-align: center; font-size: 28px; font-family: Raleway-semibold; 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;}	
.secondary-menu ul li {width: 100%;text-align: center;font-size: 13px;padding: 0px 0px 2px 5px;}
.secondary-menu ul li a ,.secondary-menu ul li a:hover,.secondary-menu ul li a:focus{padding: 0px;}
  #banner{margin-top:88px; margin-bottom: 60px;}
  #banner .bg{margin-top: -90px; margin-bottom: 80px; width:115px;}
  #banner h1{font-size: 35px;}
  #banner h3{font-size: 23px;}
  #iestate .bg{margin-top: -125px; margin-bottom: 120px;}
  #feature .bg{margin-left: 60px;}
  #feature .down{display:block;}
  #feature .left{display:none;}
  #feature .left-right{padding-bottom:0px;}
  #feature .box{margin:10px auto;}
  #property .bg{width: 120px; margin-left: 65px; margin-top: -109px; margin-bottom: 130px;}
  #work{margin-bottom: 0px;}
  #work .bg{margin-left: 150px;}
  #tool .bg{width: 90px; margin-left: 0px; margin-top: -30px; margin-bottom: 60px;}
  #tool .partner{margin:10px auto;}
  #tool .second {padding-top: 0px;}
  #tool .part1{float: none;margin: 10px auto;}
  #tool .part2{margin-left: 0px; margin:10px auto;}
  #work .bg{margin-left: 150px;}
	.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;}
	.secondary-menu ul li a,.secondary-menu ul li a:hover,.secondary-menu ul li a:focus{padding: 10px 70px;}
  #banner{margin-top: 85px;padding-top: 50px; height:550px;}
  #banner .bg{margin-top: -110px; margin-bottom: 100px;}
  #banner h1{font-size: 48px;}
  #iestate .bg{margin-top: -90px; margin-bottom: 90px;}
  #feature .bg{margin-left: 280px;}
  #feature .down{display:none;}
  #feature .box{height:135px;padding:10px 0px; width:150px;}
  #feature .box p{margin-left: -10px;}
  #property .bg{margin-left: 90px;width:120px;}
  #work{margin-bottom: 0px;}
  #work .bg{margin-left: 370px;}
  #tool .bg{margin-left: 200px; width:100px;}
  #tool .part1{margin-left: 130px;}
	#footer .social{width:23%;}
  #foot{text-align: center;}
}

@media(min-width: 992px) and (max-width: 1199px)
{
  .container{
    width:960px;
  }
  .mobile{
  display: none;
  }
	.secondary-menu ul li a,.secondary-menu ul li a:hover,.secondary-menu ul li a:focus{padding: 10px 105px;}
  #feature .bg{margin-left: 385px;}
  #feature .down{display:none;}
  #property .bg{margin-left: 190px;}
  #work{margin-bottom: 0px;}
  #work .bg{margin-left: 470px;}
  #tool .bg{margin-left: 300px;}
}