@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: 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 .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 56px;
}
.secondary-menu ul li a:hover{color:#7a1bbd;text-decoration: none;padding: 10px 56px;}
.secondary-menu ul li a:focus{color:#7a1bbd;text-decoration: none;border-bottom: 2px solid #7a1bbd;padding: 10px 56px;}

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: 120px;
padding-top: 80px;
background: url(../img/banner.jpg);
background-repeat: no-repeat;
background-size:cover;
height:550px;
}
#banner h1{
  font-family: Raleway-semibold;
  color:#470e7e;
  font-size: 52px;
  font-weight: 900;
  padding-bottom: 20px;
}
#banner .shade{
background-color: #dcacf0; 
height: 15px;
width: 140px;
margin-top: -110px;
margin-bottom: 100px;}
#banner h3{
  color:#333;
  line-height: 1.4;
  padding-bottom: 20px;
}
#banner .demo{
  font-family: Raleway-semibold;
  background-color:#480f80;
  border: 1px solid #480f80;
  border-radius: 5px;
  font-size: 18px;
  color:#fff!important;
  padding: 10px 20px;
}
#banner h4{color:#333; font-family: Raleway-regular; font-size: 18px; margin-left:-20px;}
#banner .arrow{margin-left:415px; margin-top: 20px;}
/*{animation-name: example; animation-iteration-count: 1;animation-timing-function: ease-in;
  animation-duration: 5s;position: relative;}
@keyframes example {
  0% {
    top: 50px;
  }
  100% {
    top: 90px;
  }
}*/
#iestate{margin-bottom: 60px;}
#iestate h3{color:#470e7e;padding-bottom: 20px; font-weight: 900;}
#iestate .bg{background-color:#ffdd00; height: 15px; width: 100px; margin-left: 105px; margin-top: -45px;
margin-bottom: 20px;}
#iestate p{color:#333; padding-right: 20px;}
#feature{margin-bottom: 60px;}
#feature h2{color:#470e7e; padding-bottom: 40px; text-align: center;font-family:Raleway-bold;}
#feature .prop-title{min-height: 71px;margin-top: 20px;}
#feature p{color:#470e7e; padding-bottom: 10px; font-family: Raleway-semibold; font-size: 18px;}
#feature .content{color:#333; line-height:1.7; font-size: 16px;}
#feature h4{text-align: center;}
#feature a {color:#470e7e; text-align: center!important; padding-top: 20px; font-family: Raleway-semibold; 
  font-size: 25px; text-decoration: none;}
#feature a:hover{text-decoration: none;}
#feature .bg{background-color:#ffdd00; height: 15px; width: 160px; margin-left: 405px; margin-top: -70px;
margin-bottom: 60px;}
#property{background-color:#f3f3f3; padding-bottom:60px; margin-bottom: 60px;}
#property h2{color:#470e7e; text-align: center;font-family: Raleway-bold;}
#property .bg{background-color:#ffdd00; height: 15px; width: 145px; margin-left: 300px; margin-top: -26px;
margin-bottom: 0px;}
#property img{margin:0px auto;}
#property p{color:#333; text-align: center;}
#property .row{padding-top:40px;}
#video{margin-bottom: 60px;}
#video h2{color:#470e7e; text-align: center;font-family: Raleway-bold;}
#video .bg{background-color: #ffdd00;height: 15px;width: 178px;margin-left: 246px;margin-top: -26px;margin-bottom: 50px;}
#video .part{border:2px solid #dbdbdb; margin:10px; }
#video .video{cursor:pointer;}
#video .align{margin:10px auto; border:2px solid #dbdbdb;}
#video .demo{
  font-family: Raleway-semibold;
  background-color:#480f80;
  border: 1px solid #480f80;
  font-size: 18px;
  color:#fff!important;
  padding: 10px 60px;
	border-radius: 5px;
  margin-top:30px;
}
#myvideo, #myvideo1{background: rgba(255, 255, 255, 0.9) none repeat scroll 0% 0%;}
#myvideo .modal-dialog,#myvideo1 .modal-dialog{width: 65%;}
#myvideo .modal-content, #myvideo1 .modal-content{background-color: transparent;box-shadow: none;border: 0px;}
#myvideo .modal-header, #myvideo1 .modal-header {border-bottom: 0px;}
#myvideo .modal-header .close, #myvideo1 .modal-header .close {margin-top: -20px;right: -40px;position: absolute;}
#myvideo .modal-header img,#myvideo1 .modal-header img{width: 25px;}
#highlight{margin-bottom: 60px;}
#highlight h2{color:#470e7e; text-align: center;font-family: Raleway-bold;}
#highlight .bg{background-color: #ffdd00;height: 15px;width: 130px;margin-left: 340px;margin-top: -26px;margin-bottom: 50px;}
#highlight .box{background-color: #fff; color:#333; box-shadow: 0px 15px 25px #dbdbdb; padding:20px; margin:20px;
height:180px; text-align: center; border-radius: 5px;}
#highlight h3{color:#470e7e; font-family: Raleway-Bold; font-size: 40px;}
#highlight p{color:#333;font-size: 18px;}
#amica{margin-bottom: 60px;}
#amica h2{color:#470e7e; text-align: center;font-family: Raleway-bold;}
#amica .bg{background-color:#ffdd00; height: 12px; width: 135px; margin-left: 250px; margin-top: -25px;
margin-bottom: 40px;}
#amica .am-box{background-color: #fff; box-shadow: 0 0 10px gray; padding-top:30px; padding-left: 20px;
 padding-right:20px; padding-bottom: 10px;}
#amica .quote1{transform: rotate(180deg);}
#amica .test{cursor:pointer;}
#amica .alko-logo{margin-top: -30px;}
#amica .row{padding-bottom: 20px;}
#amica p{color:#333; text-align: center; font-size: 14px;}
#amica hr.line{width:120px;left:50%; border:1px solid #333;}
#amica h4{color:#333; font-family: Raleway-semibold; text-align: center; font-size: 16px;}
#amica .p1{text-align: right;}
#amica a{color:#470e7e; text-align: right;font-family: Raleway-semibold; font-size: 16px; padding-top: 10px;
 text-decoration: none;}
#industry{margin-bottom: 60px;}
#industry h2{color:#470e7e; text-align: center;font-family: Raleway-Bold;}
#industry .bg{background-color:#ffdd00; height: 12px; width: 145px; margin-left: 225px; margin-top: -25px;
margin-bottom: 40px;}
#industry .row{margin-bottom: 30px;}
#hover:hover{cursor: pointer;}
#industry .box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8 {background-color: #fff; border:1px solid #333;
 padding:20px 20px; height:200px;}
#industry .box2, .box8{padding:10px 20px;}
#industry .box2 .click{margin-top: -15px;}
#industry .box8 .click{margin-top: -15px;}
#industry p{color:#333;}
#industry .click{float:right;}
#resource{margin-bottom: 90px;}
#resource h2{color:#470e7e; text-align: center;font-family: Raleway-Bold;}
#resource .bg{background-color:#ffdd00; height: 15px; width: 160px; margin-left: 405px; margin-top: -26px;
margin-bottom: 0px;}
#resource .row{margin-top: 30px;}
#resource p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#resource .content{padding-top:15px;}
#resource .second {padding-bottom: 60px;}
#resource .third {padding-bottom: 30px;}
#resource .title{color:#470e7e; font-family: Raleway-semibold; font-size: 16px;padding-bottom: 10px;}
#resource .read{color:#470e7e; font-family: Raleway-semibold; font-size: 16px; text-align:right;}
#resource .a-button{background-color:#470e7e; color:#fff; padding:10px 40px; border:1px solid #470e7e; 
   font-family: Raleway-semibold; font-size: 18px;border-radius: 5px; text-decoration: none;}
#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;}
#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;}
.logo1{box-shadow: 0px 3px 6px #dbdbdb;margin: 0 auto;}
.float_ebook {position: fixed;bottom: -172px;left: 0px;width: 500px;margin: 0px auto;background: #eceaea;border-radius: 0px 6px 0px 0px;z-index: 9;padding: 20px 20px 30px 45px; display: none;}
.float_ebook img {margin-top: 12px; border: 1px solid #ccc;}
.float_ebook p {color: #444 !important;}
.float_ebook .row { position: relative;}
.float_ebook .close {position: absolute;right: 4px;top: -24px;width: 15px;opacity: 0.5;border: 0px;height: 15px;}
.float_ebook .close:hover {opacity: 1;}
.float_ebook .btn-success {width: 100%; text-align: center;background-color: #7a1bbd;border-color: #7a1bbd;font-family: Raleway-regular;}

@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;
border-radius: 0;
  }
	.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: white;padding: 0px 0px 0px 10px;transition: none!important;color: #333!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{padding-top: 0px; height:771px;margin-bottom: 80px; margin-top: 88px;}
	#banner h1{margin-top: 95px;}
  #banner .shade{margin-top: -170px; margin-bottom: 145px;}
  #banner .demo{margin-bottom: 30px;}
  #banner h4{margin-left: -30px;}
  #banner .arrow{margin:0px auto;}
  #feature .bg{margin-left: 60px;}
  #feature a{font-size: 23px;}
  #property .bg{margin-left: 0px; margin-top: -69px; margin-bottom: 20px;}
  #property .p-icon, .p-icon1 {margin:0px auto;}
  #property p{text-align: center;}
  #video .bg {margin-left: 40px; margin-top: -110px; margin-bottom: 100px;}
  #video .part, .video{margin:20px auto;}
  #video .demo{margin-left: 0px;}
  #myvideo .modal-header .close,#myvideo1 .modal-header .close {right: -15px;}
  #myvideo .modal-dialog, #myvideo1 .modal-dialog {width: 85%;margin: 23px auto;}
  #amica .test{margin-top: 30px;}
  #amica .bg{margin-left: 15px; margin-top: -65px; margin-bottom: 60px;}
	#highlight .bg{margin-left: 0px;}
  #industry{margin-bottom: 0px;}
  #industry .bg{width: 135px; margin-left:0px; margin-top:-160px; margin-bottom: 140px;}
  #industry .box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8 {margin:20px auto;}
  #resource .bg{margin-left: 60px;}
  #resource .col-xs-12{padding-left: 0px;}
  #resource .a-button{margin:0px auto;}
  #cta button{margin:0px auto;}
	.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;}
.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;font-size: 13px;}
}

@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 {padding: 10px 23px;}
	.secondary-menu ul li a:hover{padding: 10px 23px;}
.secondary-menu ul li a:focus{padding: 10px 23px;}
  #banner{padding-top: 20px; height:645px; margin-top: 85px;}
  #banner .shade{margin-top: -170px; margin-bottom: 160px;}
  #banner .arrow{margin-top: 0px;margin-left: 300px;}
  #banner .demo{margin-bottom: 10px;}
  #iestate .right-img{margin-top: 60px;}
  #feature .bg{margin-left: 280px;}
  #property .bg{margin-left: 170px;}
  #property p{font-size: 14px;}
  #video .demo{margin:30px auto;}
  #video .bg{width: 160px; margin-left: 200px; margin-top: -70px; margin-bottom: 80px;}
  #highlight .bg{margin-left: 215px;}
  #highlight .right{margin-top: 0px;}
  #highlight .box{padding:10px; margin:10px 0px; height:150px;}
  #highlight h3{font-size: 25px;}
  #amica .test{margin-top: 60px;}
  #amica .bg{margin-left: 130px;}
  #industry{margin-bottom: 0px;}
  #industry .bg{width: 130px; margin-left: 225px; margin-top:-83px; margin-bottom: 80px;}
  #industry .box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8 {height:230px;}
  #industry .box6, .box7 {padding:5px 10px;}
  #resource .bg{margin-left: 280px;}
  #resource .case{height: 160px; width:230px;}
  #resource .second{padding-bottom: 83px;}
  #resource .third{padding-bottom: 50px;}
	#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 {padding: 10px 51px;}
	.secondary-menu ul li a:hover{padding: 10px 51px;}
.secondary-menu ul li a:focus{padding: 10px 51px;}
  #resource .case{height: 180px; width:280px;}
  #feature .bg{margin-left: 385px;}
  #property .bg{margin-left: 280px;}
  #highlight .bg{margin-left: 320px;}
  #amica .bg{margin-left: 235px;}
  #industry .bg{margin-left: 200px;}
  #industry .box6 .click{margin-top: -15px;}
  #industry .box7 .click{margin-top: -15px;}
  #industry{margin-bottom: 0px;}
  #resource .bg{margin-left: 385px;}
}