/* font family */
@font-face 
{
font-family: raleway-bold;
src: url(../fonts/Raleway-Bold.ttf);
}
@font-face 
{
font-family: raleway-regular;
src: url(../fonts/Raleway-Regular.ttf);
}
@font-face 
{
font-family: raleway-semibold;
src: url(../fonts/Raleway-SemiBold.ttf);
}
body{
font-family: raleway-regular;
font-feature-settings: 'lnum' !important;
}.container.header_box.animated.fadeInDown .premium-logo {
    border-left: 1px solid #fff;
}	.premium-logo {
    height: 60px;
    margin-top: -50px;
    margin-left: 110px;
    border-left: 1px solid #fff;
    padding-left: 10px;
}.container.header_box .premium-logo {
    border-left: 1px solid #333;
}
.container
{
max-width:960px;
margin:auto;
}
a:hover{
text-decoration: none;
}
p,
span,
a,
h2,
button,
h3,
h4,
h5,li {
font-family: Raleway-regular;
}
h1{
font-size: 30px;
color: #522596;
font-family: Raleway-Bold;
}
.banner
{
background:url("../images/asset_banner.jpg");
background-size:cover;
padding: 25px 0px 40px;
}
.banner h1 {
color: #fff;
margin-top: 120px;
font-family: raleway-bold;
font-weight: 700;
font-size:46px;
}
.btn-demo
{
padding: 10px 30px;
color: #fff !important;
border:2px solid rgb(255, 178, 0);
border-radius:8px;
background-color: rgb(255, 178, 0);
margin-top:5px;
width:263px;
font-weight: 600;
font-size:18px;
text-align:center;
font-family: raleway-semibold;
border:2px solid rgb(255, 178, 0);
}
.btn-demo:hover
{
background:none !important;
border:2px solid rgb(255, 178, 0);
}
/* ends of banner */
/*------------banner ---------------*/
#header_wrapper {
padding: 20px 0;
position: fixed;
z-index: 1000!important;
width: 100%!important;
}
.first-menu
{
width:140px;
}
.logo {
float: left;
margin-top: 8px;
/*z-index: 2;*/
}
.navbar-inverse {
background-color: transparent;
border-color: transparent;
margin-bottom: 0px;
float: right;
width: 776px;
margin-top: 8px;
}
.navbar-inverse .navbar-nav>li>a{
padding: 8px;
font-size: 15px;
margin-top: 20px;
color:#fff;
text-align:left;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a[href="#section8"]:focus{
  color: #fff !important;
    background-color: #080808 !important;
    border-radius: 0px;
height: 36px;
}

.dropdown-menu > li > a:hover
{
background-color:#000000 !important;
color: #fff !important;
}
.dropdown-menu
{
  box-shadow: none;
  border:none;
  border-radius:0px;
  padding:0px;
  line-height:30px !important;
  margin:0px;
}
.dropdown-menu>li>a
{
  padding: 6px 12px;
}

.dropdown:hover .nav-button
{
  background: #000000;
  border-radius:0px;
}
.btn.active{
  box-shadow: none;
}
.nav-effect .dropdown:hover .nav-button

{
  background: #000000;
  color:#fff !important;
  border-radius:0px;
}
.navbar-inverse.nav-effect .navbar-nav>li>a:focus{
      color: #444;
      border: 0;
}
.banner .navbar {
margin-bottom: 25px;
}
.nav-effect {
background-color: rgba(255, 255, 255, 0.95);
padding: 0px 0px 10px !important;
box-shadow: 0px 6px 9px #0000004d;
border-radius: 0px;
margin-top:0px;
}
@media (min-width: 320px) and (max-width:767px){
  .premium-logo {
    height: 50px;
    margin-left: 170px;
}
}
.nav-effect .navbar-nav>li>a:hover,
.nav-effect a[href="#section8"]:focus,
.nav-effect .navbar-nav>dropdown>a:hover
{
  background-color: #000000 !important;
  color:#fff !important;
  }
.nav-effect .dropdown>a .nav-button:hover
{
  color:#fff !important;
}
.navbar-inverse.nav-effect .navbar-right a,
.navbar-inverse.nav-effect .btn-primary {
color: #444;
}
.navbar-inverse.nav-effect  .navbar-nav>.open>a:focus{
  color: #fff;
}
.nav-effect .navbar-nav a:hover,
.nav-effect .navbar-nav a[href="#section8"]:focus {
background-color:#000000 !important;
color:#fff !important;
}
.nav-effect #myNavbar .nav-button:hover{
 color:#fff!important;
}
.open>a, .open>a:focus, .open>a:hover
{
background: #fff;
color:rgb(20, 19, 19);
border-radius:0px;
}
.dropdown-toggle.btn.nav-button {
cursor: default;
}
.navbar-inverse .navbar-nav .open .active{
  color: #fff !important;
}
/* contact us form */

h4
{
  color:rgb(255, 178, 0);
  font-size:25px;
  padding-bottom:15px;
  border-bottom:1px solid rgb(72, 72, 72);
}
#modal-content {
  background-color: rgba(0,0,0,0.2) !important;
}
.modal-background
{
background-color: rgba(24, 23, 23, 0.7);
}
.modal-form {
  max-width: 400px!important;
  margin: 30px auto;
}
.nav-button{
  border:0px;
}
/* ends of modal content */

.challenge-title h1
{
padding-top:40px;
color: #AA04E7;
font-family: raleway-bold;
font-weight:500;
font-size:42px;
}
/* modal content */ 
.modal-body img
{
height:100%;
width:100%;
}
/* asset provosion */
.asset-provision img,
.it-inventory img,
.contract-management img
{
margin-top:40px;
}
.challenges-header h1
{
color: #522596;
margin-top:35px;
font-size:30px;
font-family: raleway-bold;
}
.asset-provision .asset-header,
.it-inventory .inventory-header,
.contract-management .contract-header
{
font-size:18px;
font-family: raleway-regular;
padding-top:20px;
font-weight:bold;
}
.asset-provision > p,
.it-inventory > p,
.contract-management > p
{
font-family: raleway-regular;
font-size:16px;
padding-top:15px;
line-height:24px;
}
.contrac-image,
.asse-image,
.invent-image
{
margin-bottom:30px;
cursor:pointer;
}
/* ends of asset provision */
/* it asset */
.it-asset-header h1
{
color: #522596;
font-size:30px;
font-family: raleway-bold;
margin-top:60px;
}
/* ends of it asset */
/* card content */
.card-item
{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin-top:72px;
width:100%;
height:140px;
background-color: white;
border-bottom:5px solid #AA04E7;
}
.card-item p
{
padding:28px;
font-size:16px;
color:#4D4D4F;
line-height:24px;
font-family: raleway-regular;
}
/* ends of card content */
/* asset management */
.asset-management h1,
.inventory-management h1,
.contract-manage h1
{
color: #522596;
font-size:24px;
margin-top:0px;
}
.asset-management p,
.inventory-management p,
.contract-manage p
{
color:#4D4D4F;
font-size: 16px;
text-align:left;
line-height:24px;
font-family: raleway-regular;
}
.asset-management,
.inventory-management,
.contract-manage
{
margin-top:70px; 
}
.asset-management button:hover,
.inventory-management button:hover,
.contract-manage button:hover,
.asset-management button:focus,
.inventory-management button:focus,
.contract-manage button:focus
{
text-decoration:none;
color:#AA04E7;
background:none;
border:2px solid #AA04E7;
}
.btn-button
{
background-image: linear-gradient(rgb(163, 22, 245) 20%,rgb(183, 23, 241) 80%);
border-radius:8px;
padding: 12px 40px 12px 40px!important;
border:none;
color:#ffffff;
font-size:18px;
border:2px solid #AA04E7;
font-family: raleway-semibold;
}
/* ends of asset management */
/* solution banner */
.solutions-banner
{
background:url("../images/strip.jpg"); 
background-size:cover;
margin-top:50px;
height:190px;
background-repeat: no-repeat;
}
.solutions-banner h1
{
font-family: raleway-bold;
font-size:35px;
text-align:center;
padding-top:20px;
color:#ffffff;
}
/* solutions */
/* about us content */
.card-content h1
{
color: #522596;
font-size:30px;
font-family: raleway-bold;
padding-top:12px;
padding-left:23px;
}
.card-content 
{
box-shadow: 2.5px 4.33px 68px rgba(62, 62, 62, 0.27);
margin-top:48px;
padding-left:0px;
padding-right:0px;
height:100%;
background-color: white;
margin-bottom:25px!important;
}
.card-content p,
.card-content 
{
padding:23px;
padding-top:15px;
padding-bottom:45px !important;
font-size:16px;
color:#4D4D4F;
line-height:24px;
font-family: raleway-regular;
}
.card-content .btn-button
{
padding:12px 80px 12px 80px !important;
}
.card-content button:hover,
.card-content button:focus
{
text-decoration:none;
color:#AA04E7;
background:none;
border:2px solid #AA04E7;
}
.about-us
{
margin-top:40px;
}
.about-us img
{
padding-top:130px;
margin-right:0px;
}
.about-us .col-md-7
{
padding-right:0px;
}
.about-us .col-md-5
{
padding-left:0px;
}
/* ends of about us */
/* footer content */
.footer
{
background-color: #14121d;
margin-top:50px;
padding: 30px 0px 5px;
}
.copy-rights{
margin-top: 20px;
}
.footer .logo img
{
width:173px;
height:78px;
}
.footer .solutions
{
color:#ffffff;
font-family: raleway-semibold;
font-size:19px;
}
.footer .solutions h6
{
color:#ffffff;
font-family: raleway-regular;
font-size:20px;
}
.footer .solutions > p > a
{
line-height:20px;
color:#89898a;
font-family: raleway-regular;
font-size:14px;
list-style:none;
text-align:center;
margin-bottom:0px;
text-decoration:none;
}
.footer .solutions > p
{
margin-bottom:5px;
line-height:20px;
}
.footer .email,.footer .telephone,.footer .address{
display: inline-flex;
margin: 10px 0px 10px 0;
}
.contact-us h6
{
font-size:20px;
color:#FFFFFF;
}
.contact-us img
{
margin-right:0px;
width:20px;
height:20px;
}
.telephone .tel-number
{
  margin-left:5px;
}
.address p,
.telephone>p,
.email p
{
margin-left:15px;
padding:0px;
color:#89898a;
font-size:14px;
line-height:20px;
margin-bottom:0px;
}
.telephone img,
.email img,.footer .address img
{
margin-top:5px;
}
.email p > a,
.telephone p > a
{
color: #89898a !important;
text-decoration:none;
}
.card-content > p > a:hover,
.card-content > p > a:focus
{
text-decoration:none;
border:none;
color:rgb(102, 102, 245);
}
.copy-rights p
{  
color: #89898a;
font-size: 16px;
margin-bottom: 0;
align-items: center;
height: 40px;
display: inline-flex;
}
.copy-rights a
{
text-decoration:none;
}
.btn-contact button
{
position:fixed;
display:inline-block;
bottom: 30px;
right: 0px;
font-size: 14px;
width: 164px;
background:rgb(52,175,35);
border-radius:8px;
padding:8px 10px 8px 10px;
opacity: 0.75;
border:2px solid rgb(52,175,35);
}
.btn-contact button:hover
{
background:rgb(52,175,35) !important;
opacity:1;
color:#fff;
box-shadow: 0px 6px 9px #00000057;
border:2px solid rgb(52,175,35);
}
.social-line.list-inline{
display: inline-flex;
}
.social-line.list-inline li img {
width: 30px;
height: 30px;
margin: 2px;
}
@media only screen and (min-width:768px) and (max-width:991px)
{
.banner
{
padding: 5px 0px 40px;
}
.first-menu
{
max-height: 100%;
width:120px;
}
#header_wrapper {
padding: 8px 0;
}
.banner h1 {
margin-top: 100px;
font-size: 36px;
}
.challenge-title h1
{
padding-top:30px;
font-size:30px;
} 
/* asset provosion */
.challenges-header h1
{
margin-top:25px;
font-size:24px;
}
.asset-provision .asset-header,
.it-inventory .inventory-header,
.contract-management .contract-header
{
height:93px;
}
.asset-provision > p,
.it-inventory > p,
.contract-management > p
{
font-size:14px;
padding-top:0px;
}
/* ends of asset provision */
/* it asset */
.it-asset-header h1
{
font-size:24px;
}
/* ends of it asset */
/* card content */
.card-item
{
margin-top:52px;
height:186px;
}
.card-item p
{
font-size:14px;
}
/* ends of card content */
/* asset management */
.asset-management
{
margin-top:80px; 
}
.asset-management h1,
.inventory-management h1,
.contract-manage h1
{
font-size:20px;
}
.asset-management p,
.inventory-management p,
.contract-manage p
{
font-size:14px;
line-height:21px;
}
/* ends of asset management */
/* inventory management */
.inventory-management,
.contract-manage
{
margin-top:50px; 
}
/* ends of inventory management */
/* solution banner */
.solutions-banner h1
{
font-size:24px;
}
/* solutions */
/* about us content */
.card-content 
{
margin-left: -41px;
}
.card-content p
{
padding:10px;
font-size:14px;
}
.card-content h1
{
padding-left:10px;
font-size:22px;
}
.card-content .btn-button
{
margin-top:0px;
}
.about-us
{
margin-top:20px;
}
.about-us img
{
padding-top:140px;
}
.copy-rights img
{
margin-top:10px;
}
.btn-contact button
{
bottom: 37px;
font-size:13px !important;
width:150px !important;
padding: 4px 0px 4px 0px !important;
}
/* ends of about us */
.footer .logo img {
width: 153px;
height: 78px;
}
.footer .solutions > p > a {
line-height: 14px;
}
}
@media only screen and (max-width:767px)
{
.banner
{
padding: 20px 0px 25px;
}
.banner h1 
{
margin-top: 65px;
font-size:30px;
}
.banner .btn-warning {
margin-top: 10px;
} 
.navbar-toggle
{
width:auto;
background-color: transparent !important;
margin-top:13px;
}
.iconbar
{
background-color:#855aa6 !important;
}
.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
border-color: rgba(51, 51, 51, 0);
background-color: rgba(51, 51, 51, 0);
}
.first-menu
{
margin:auto;
width:85px;
}
.secound-menu
{
margin:auto;
width:95px;
}
.nav-effect {
background: rgba(255, 255, 255, 0.95) !important;
padding: 0px 0px 10px !important;
box-shadow: 0px 6px 9px #0000004d;
border-radius: 0px;
margin-top:0px;
}
#header_wrapper .logo {
padding-left: 15px;
position: absolute;
top: 0;
}
.navbar-nav .open .dropdown-menu>li>a {
line-height: 14px;
font-size:12px;
color:#fff !important;
padding: 10px 25px;
}
.dropdown-toggle.btn.nav-button{
  cursor: pointer;
}
.nav-effect .open .dropdown-menu>li>a {
  line-height: 14px;
  font-size:12px;
  color:#444 !important;
  }
  .nav-effect .open .dropdown-menu>li>a:hover {
    line-height: 14px;
    font-size:12px;
    color:#fff !important;
    }
    #header_wrapper #myNavbar .dropdown-toggle.btn.nav-button :focus {
      color: #fff !important;
    }
#header_wrapper {
background: linear-gradient(rgba(136, 16, 205), rgba(136, 16, 205));
padding: 6px 0;
border:none;
}
.logo.first-menu {
height: 50px !important;
margin: 0px;
width:100px;
}
.logo2.secound-menu {
height: 50px !important;
margin-top: 0px;
width:100px;
}
.nav>li>a {
margin-top: 0px;
padding-left: 15px;
font-size: 12px;
border:none;
line-height:17px;
}
/* ends of banner */
/* modal content */
.modal-dialog {
width: 100%;
margin: 15% auto;
} 
.challenge-title h1
{
padding-top:15px;
font-size:26px;
}  
/* asset provosion */
.asset-provision img,
.it-inventory img,
.contract-management img
{
margin-top:20px;
}
.challenges-header h1
{
margin-top:35px;
}
.asset-provision .asset-header,
.it-inventory .inventory-header,
.contract-management .contract-header
{
padding-top:10px;
}
/* ends of asset provision */
/* it asset */
.it-asset-header h1
{
margin-top:40px;
font-size:18px;
}
/* ends of it asset */
/* card content */
.card-item
{
margin-top:32px;
margin-bottom:0px;
height:auto;
}
.card-item p
{
margin-bottom:0px;
line-height:21px;
font-size:14px;
padding:15px;
}
#modal-content{
  width:100%!important;
  height:auto;
}
/* ends of card content */
/* asset management */
.asset-management,
.inventory-management,
.contract-manage
{
margin-top:50px; 
}
.asset-management h1,
.inventory-management h1,
.contract-manage h1
{
font-size:18px;
}
/* ends of asset management */
/* solution banner */
.solutions-banner {
margin-top: 0px;
}
.solutions-banner h1
{
font-size:24px;
padding-top: 20px;
}
.btn-warning{
margin-top: 15px;
}
/* solutions */
/* about us content */
.card-content 
{
margin-top: 28px;
margin-left: 0px;
padding-left:10px;
padding-right:10px;
width:100%;
}
.about-us .col-md-5
{
padding-left:15px;
}
.about-us
{
margin-top:25px;
}
.about-us img
{
display:none;
}
.footer{
text-align: center;
padding-bottom: 20px;
margin-top: 15px;
}
.footer .solutions,.footer .contact-us
{
margin-left:0px;
}
.footer .contact-us
{
margin-top: 20px;
}
address img
{
margin-right:0px;
width:10px;
}
.footer .solutions h6 {
margin-top:24px;
}
.copy-rights
{
border-top: 1px solid #5a5959;
padding-top: 10px;
}
.footer .logo img{ 
margin: auto;
text-align:center;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus{
height: auto;
}
.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
border-color: rgba(51, 51, 51, 0);
background-color: rgba(51, 51, 51, 0);
}
#header_wrapper button[aria-expanded="true"]{
height: 34px;
}
#header_wrapper button[aria-expanded="true"] span:nth-child(2){
display: none;
}
#header_wrapper button[aria-expanded="true"] span:nth-child(1) {
transform: rotate(40deg);
margin-top: -2px !important;
}
#header_wrapper button[aria-expanded="true"] span:nth-child(3) {
transform: rotate(-45deg);
margin-top: -2px !important;
}
.btn-contact 
{
position:fixed;
display:inline-block;
bottom: 20px;
right: 20px;
}
.btn-contact button {
font-size: 12px !important;
width: 125px !important;
padding: 6px 5px 5px 5px;
bottom:40px;
right:0px;
z-index:9999;
opacity: 0.8;
}
.card-content h1 {
font-size: 24px;
padding-left: 15px;
padding-top: 0px;
margin-bottom: 0px;
}
.card-content p, .card-content{
padding: 15px !important;
}
.card-content {
padding-bottom: 30px !important;
margin-top: 15px;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff !important;
    background-color: #080808;
}
.navbar-inverse .navbar-nav>li>a{
  margin-top: 0px;
  font-size: 13px;
}

/* ends of about us */
}