@font-face
	{
		font-family: semi-bold;
		src:url(../font/Raleway-SemiBold.ttf);
	}
	@font-face
	{
		font-family: medium;
		src:url(../font/Raleway-Medium.ttf);
	}
	@font-face
	{
		font-family: raleway;
		src:url(../font/Raleway-Regular.ttf);
	}
body
{
	font-family: medium;font-feature-settings: 'lnum';
}#video .modal-dialog {
    width: 65%;
}#video .modal-content {
    background-color: transparent;
    box-shadow: none;
    border: 0px;
}#video .modal-header {
    border-bottom: 0px;
}
#video .modal-header img{
    width: 25px;
}.new-bg-link a {
    color: #8942aa;
    float: left;
    font-size: 21px;margin-top: 20px;
    text-decoration: underline;
}
#video {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0% 0%;
}
.container
{
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}
#header_wrapper {
    position: fixed;
    z-index: 1000!important;
    width: 100%!important;
}
    .header_box, .hero_section, .logo, .white_pad{
    position: relative;
    }
    .logo {
    margin-top: 8px;
    z-index: 2;
    }
    .client_profile, .logo {
    float: left;
    }
    .navbar {
    border: 0 solid #fff;
    min-height: 40px;
    margin-bottom: 0;
}
.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
}
    .navStyle ul {
    padding: 0;
}
.navStyle ul, .social_links, .team_box ul {
    list-style: none;
}
.navStyle ul li {
    width: 100px!important;
    border-right: 2px solid #ccc;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #504f4f!important;
    background: 0 0;
}
.navbar-inverse .navbar-nav>li>a {
    color: #504f4f!important;text-align: center;
}
.navbar-nav {
   float: right; 
}
.nav > li > a{padding:15px 8px;}
.nav > li > .space-align{padding-top: 25px !important;}
.navStyle ul li a {
    display: block;    height: 70px;
    font-size: 12px;
    text-decoration: none;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.navStyle ul li a, a.read_more2 {
    transition: all .2s ease-in-out;
}
.banner-content{
    margin-top: 150px;
}
.nav-effect {
    background-color: rgba(255, 255, 255, .9);
    height: 70px;
    box-shadow: 0px 0px 3px #555;
}
.navStyle ul li.last-menu{border-right:0px;}
.navStyle ul li.last-menu a{background-color: #4eaa42;color:#fff!important;}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{
   background-color: #8942aa;
   color:#fff !important;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover
{
    background-color: transparent!important;
}
.navbar-inverse .navbar-toggle
{
    border:none!important;
}
.navbar-toggle
{
    margin-right: 0px!important;
}
.navStyle ul li a
{
    cursor: pointer;
}
@media (max-width: 767px){
  .navbar-inverse .navbar-toggle .icon-bar
  {background: rgba(193, 193, 193, .9);}
  #header_wrapper {
    background-color: rgba(255, 255, 255, .9);
height: 70px;
box-shadow: 0px 0px 3px #555;
    padding: 0;
    border-bottom: 1px solid #fff;
    padding-left: 2%!important;
    padding-bottom: 4px!important;
    padding-right: 4% !important;}
  .navbar-nav {
   float: left; }
  .navbar-toggle {
    margin-top: 20px;}
  .navStyle ul lis{
    margin: 0px!important;}
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border:0px;}
    .header_box .navbar-collapse{margin-top:0px;}
    .header_box.animated.fadeInDown .navbar-collapse{margin-top:10px!important;}
}
/*end of header*/
.banner
{
	margin-top:70px;
  background:url(../img/Business-Acurals-mgmt.jpg) no-repeat left;
  background-size: cover;
  height: 400px;
}
.banner h1
{
	color: #585758;
  font-size: 40px;
  font-family: semi-bold;
  line-height: 1.3;
  font-weight: 700;
	margin-top: 60px; 
}
.banner .btn{color: #fff;
font-size: 20px;
padding: 10px 20px;
border-radius: 2px;
font-family: semi-bold;
background-color: #4eaa42;font-size: 21px;
border: none;}
.banner p
{
    color: #585758;
    font-size: 16px;
    margin: 40px 0px 30px;
}
.banner p a{color: #8942aa!important;}
.equip-logo{
  margin-top: -30px;
  margin-left: 110px;
  padding-left: 10px;
}
.secound-menu.equip-logo{margin-top:-60px;}
#overview{background-color: #eaeaea;text-align: center;margin:60px 0px;padding:20px 0px 30px;}
#overview h2,#automate h2,#reinvent h2,
#virtual-demo h2,#customers h2,#success h2{color: #585758;font-family: semi-bold;}
#overview p,#reinvent p,#virtual-demo p,#success p,#automate p{color: #585758;font-size: 16px;margin-top:20px;line-height: 1.5;}
#automate,#reinvent,#virtual-demo,#customers,
#success{margin-bottom: 60px;}
.reinvent-grid-1{margin-top:40px;}
.reinvent-grid-1 .reinvent-content p {margin-top: -20px !important;margin-left: 50px;}
.reinvent-content ul li::marker{padding-top:10px;}
.reinvent-content ul{list-style-image: url('../img/point.png');}
.reinvent-grid-1 .reinvent-content img{margin-top:30px;}
.reinvent-grid-1 .reinvent-content {
    border: 1px solid #8942aa;
    box-shadow: 4px 8px 7px #d7d7d7;
    padding: 20px;  
    min-height: 330px;
    border-radius: 10px;
}
/*#reinvent-grid{background: url(../img/reinvent.png)no-repeat left;
  background-size: cover;height: 400px;margin-top:40px;}*/
/*#reinvent-grid p{color: #fff;}*/
#automate img,#customers img{margin: 0 auto;}
.key-grid-1 .key-content:hover{background-color: #fce2fd;}
.key-btn{margin-top:40px; text-align: center;}
.key-btn .btn,.video-section .btn{background: linear-gradient(to right,#51127f ,#d70a84);padding: 10px 20px;
border-radius: 5px;
font-family: semi-bold;color:#fff;
font-size: 21px;margin-right: 20px;
border: none;}
.success-grid{border:1px solid #8942aa;min-height: 280px;margin-top:40px;}
.success-head h3{background-color: #8942aa;margin:0px; color:#fff;padding:10px 0px;}
.video-section {margin-top:40px;}
.video-section .btn{margin-top: 10px;}
#customers img{margin-top:40px;}
.video-section .col-md-6{background-color: #e9e9e7;padding:30px 40px;min-height: 257px;}
#success img{margin:30px auto 40px;}
/*#insights{background: url(../img/tab-bg.jpg)no-repeat left;
  background-size: cover;}*/
#insights h2{margin:40px 0px;color:#585758;}
#insights{padding-bottom: 40px;}
#insights .tabs-left {
  border-bottom: none;
  border-right: 5px solid #8942aa;margin-top: 30px;
}
#insights .tabs-left>li {
  float: none;
 margin:0px;
  
}
#insights .tabs-left>li.active>a,
#insights .tabs-left>li.active>a:hover,
#insights .tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
  border:none;
  border-radius:0px;
  margin:0px;
}
#insights .tabs-left>li.active>a::after{content: "";
    position: absolute;
    top: 10px;
    right: -10px;
    border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
    display: block;
    width: 0;}
#insights .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{color: #8942aa!important;background-color: transparent;}
#insights .nav-tabs > li >a {font-size:21px!important;font-family: semi-bold;color:#585758!important;}
#insights hr{width: 80%;
float: left;margin:0px;}
#insights .nav > li > a:focus, .nav > li > a:hover{background-color: transparent;border:1px solid transparent;}
#insights h3{color:#8942aa;font-family: semi-bold;}
#insights .tab-content p{color:#585758;margin:20px 0px;font-size: 16px;line-height: 1.5;}
#insights .insights-content{border: 1px solid #808080;
    border-radius: 10px;
    min-height:240px;
    padding: 10px 20px;}
#insights .btn{background:linear-gradient(to right,#51127f ,#750d7e);color: #fff!important;}
#cta-banner{background:url(../img/cta-banner.jpg)no-repeat left;
  background-size: cover;height: 300px;padding:50px 0px;color:#fff;}
  #cta-banner h2{line-height: 1.5;}
#cta-banner .btn{background-color: #ffd35d;padding: 10px 20px;
border-radius: 5px;
font-family: semi-bold;
color: #585758;
font-size: 21px;
margin-top: 20px;
border: none;}

.main-footer{background-color: #282727;color:#fff;padding:40px 0px;line-height:1.5;}
footer p a,footer p{font-size: 16px!important;color:#fff;}
 footer a:hover{color:#fff;}
 a:hover{text-decoration: none!important;}
footer h3{font-family: semi-bold;margin-bottom: 20px;}
.sub-footer{background-color:#000;color:#fff;padding:20px 0px 10px;}
.sub-footer .credits1{float: right;}
#e-section {background: #e6e6e6;padding: 35px;color: #51117f;}
#e-section h3{font-family: semi-bold;font-weight: 700;margin-top: 10px;}
#e-section .e-button.btn.btn-default {background: transparent;border: 2px solid #521280;padding: 10px 50px;
color: #521280;font-size: 16px;font-family: semi-bold;}
#e-section .e-button.btn.btn-default:hover {background: #521280;border: 2px solid #521280;padding: 10px 50px;color: #fff;}
.float.ff{display: none;}
.float.ff {position: relative;}
.float-btn {position: fixed;right: -48px;transform: rotate(90deg);top: 300px;z-index: 1000;}
.float-btn a{background: #05b405;padding: 13px 40px;font-family: 'semi-bold';border-radius: 0px;font-size: 16px;}
@media (min-width: 992px) and (max-width: 1199px)
{
    .container{
    width: 960px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;}
    .navStyle ul li{width: 85px!important;}
    .navStyle ul li a{font-size:11px;}
    .nav > li > a{padding:15px 0px;}
    .navStyle ul li.last-menu a{padding-top:25px;}
    .key-grid-1 .key-content{min-height: 420px;}
    .secure-grid .secure-content{min-height: 240px;}
    .video-section img{height: 255px;}
    .reinvent-grid-1 .reinvent-content{height: 350px;}
    .reinvent-grid-1 .col-md-4{min-width:35%;}.video-section .col-md-6 img {
    width: 170px;
    height: auto;
}
    .reinvent-grid-1 .col-md-2.mobile-view{width:15%!important;}
}
@media (min-width: 768px) and (max-width: 991px)
{
    .container{
    width: 750px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;}
    h3{font-size: 21px!important;}
   p{font-size:14px!important;}
    .logo img{width:75px;padding-left: 5px;}
    .logo .aspire-logo{width:70px;}
    .navStyle ul li a{font-size:10px;}
    .nav > li > a {padding: 15px 0px;}
    .navStyle ul li{width:68px!important;}
    .equip-logo{margin-top: -25px;margin-left: 75px;}
    .key-grid-1 .key-content{padding: 20px 10px;min-height: 400px;}
    .secure-grid .secure-content{min-height: 250px;}
    .video-section .col-md-6{min-height: 248px;padding: 10px 20px;}
    .banner{height:auto;}
    .tab-view{display: none;}.video-section .col-md-6 img {width: 150px;}
	.video-section .btn {padding: 5px 10px;font-size: 16px;}
}
@media (min-width: 320px) and (max-width: 767px)
{
    .container{
    width: 310px;
    margin: 0 auto;
    padding-left: 15px;
		padding-right: 15px;}.banner p{margin-top:60px;}
	.banner h1{margin-top:40px;}
    #video .modal-dialog {
    width: 95%;}.video-section .btn {margin: 10px auto;}
	.banner .btn{margin:15px 0px;}
    .navStyle ul li,.navbar-nav{width: 100%!important;border-right:0px;}
    .navStyle ul li a{height: auto;}
    .navbar-inverse .navbar-nav > li > a{text-align: left!important;}
    .nav > li > .space-align{padding-top:15px!important;}
    .nav.navbar-nav{background: rgba(193, 193, 193, .9)!important;margin-top:0px;}
    .banner{margin-top:20px;height:auto;}
    .key-grid-1,.secure-grid,.oracle-grid{margin-top:0px;}
    .key-grid-1 .col-md-3,.oracle-grid .col-md-4{margin-top:20px;}
    .mobile-view{display: none;}
    .secure-grid .col-md-4{margin-top:60px;}
    .key-btn .btn{margin-bottom: 20px;}
    #cta-banner{height: auto;}
    #reinvent-grid{height: auto;padding-bottom: 40px;}
    .sub-footer,.sub-footer p,.sub-footer .credits1{text-align: center;float: none;}
    .reinvent-grid-1 .col-md-4{margin-top:30px;}
    .reinvent-grid-1 .reinvent-content{min-height: auto;}
	#e-section{display: none;}
	.float.ff{display: block!important;}
}