﻿@charset "utf-8";
/* CSS Document */
@font-face {
 font-family: 'mulilight';
 src: url('muli-light-webfont.woff2') format('woff2'),  url('muli-light-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
@font-face {
    font-family: 'helmetregular';
    src: url('helmet-regular-webfont.woff2') format('woff2'),
         url('helmet-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #00adef;
}

::selection {
    color: #fff;
    background: #00adef;
}
body{ background:#eeedf6 url(../images/bg.jpg) no-repeat top center; }
.innerback{background:#100d43; padding:20px 30px 35px; margin-top:40px;}
.loginform{ border:1px solid #fff; padding:25px; margin-top:15px; margin-bottom:0px;}
.sidepanel{ border:1px solid #fff; padding:25px; margin-top:0px; margin-bottom:0px;}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
	color:#262262;
}
.loginform label{ color: #fff; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color:#00adef;
}
.navbar-brand{ padding: 0px; }
.navbar-brand img{ width: 155px; }
.quickheader {background: #f15a29; height:5px;}
.specialbg{ background: #262262; }

header{ border-bottom:1px solid #f1f1f1; background:#fff; position:fixed; width:100%; z-index:1;}
.quickcontact ul li {
	color:#fff;
	font-size:16px;
	font-family: 'helmetregular';
}
ul.quicknav li a {
	color:#fff;
	background:url(../images/quickdevider.png) no-repeat right 0;
	text-decoration:none;
	padding:0 10px 0 8px;
	font-family: 'helmetregular';
	font-size: 18px;
	text-transform: uppercase;
}
ul.quicknav li a:hover {
	text-decoration:none;
}
.sliderbg {
/*background:rgba(0, 0, 0, 0) linear-gradient(to right, #262262 0%, #00adef 100%) repeat scroll 0 0;*/ padding:30px 0 0px;
}
img {
	max-width:100%;
}
.navbar-light .navbar-toggler {
	border:none;
}
button:focus {
	outline:none;
}
.bg-light {
	background-color: inherit !important;
}
.sliderbg h2 {
	font-family: 'helmetregular';
	color:#100d49;
	text-align:center;
	padding-top:100px;
	font-size:54px;
}
.sliderbg p{font-family: 'mulilight'; margin-top:25px; color: #100d49;}
a.bannerlogin{ border:1px solid #fff; color:#fff; text-decoration:none;  padding: 10px 40px; margin-top:50px; display:inline-block; text-transform:uppercase;}
a.bannerlogin:hover{color:#fff; text-decoration:none; box-shadow:none;}

.graybg{ background: #e0deed; }

.welcome {
	padding:50px 0; background: #fff;
}
.welcome h1 {
	font-family: 'helmetregular';
	text-align:center;
	font-size: 44px;
	color:#262262;
	margin-top:50px;
	text-transform: uppercase;
}
.welcome p {
	font-family: 'mulilight';
	color:#7a7a7a;
	text-align:justify;
	line-height:30px;
	font-size: 19px;
}

.readmore {
	text-align:center;
	border:1px solid #100d49;
	color:#5f5f5f;
	padding:5px 50px;
	margin-top:30px;
	display:inline-block;
	border-radius:100px;
	box-shadow:2px 4px 2px 1px #f1f1f1;
	text-transform: uppercase;
}
.readmore:hover {
	text-align:center;
	border:1px solid #ccc;
	color:#000;
	text-decoration:none;
}


.associated h2{
	font-family: 'helmetregular';
	text-align:left;
	font-size:40px;
	color:#100d49;
	margin-top:100px;
	text-transform: uppercase;
}
.associated p{
	font-family: 'mulilight';
	color:#000;
	text-align:justify;
	line-height:30px;
	font-size: 19px;
}

.values h3{font-family: 'helmetregular';
	font-size:40px;
	color:#262262;
	margin-top:60px;
	background:url(../images/hori-devider.png) no-repeat center bottom;
	padding:0 0 10px 0;
	margin-bottom: 25px;
	text-transform: uppercase;
}
	
.values h4{font-family: 'helmetregular';
	font-size:24px;
	color:#48007f;
	text-align:center;
	background:url(../images/hori-small-devider.png) no-repeat center bottom;
	padding:0 0 20px 0;
	text-transform: uppercase;
}

.values p{
	font-family: 'mulilight';
	color:#000000;
	text-align:center;
	line-height:30px;
	font-size: 20px;
}

.special{ text-align:center; background:#f15a29; padding-bottom:25px;}
.special h5{ color:#fff; font-family: 'helmetregular'; font-size:24px; text-align:center; border-bottom:1px solid #fff; padding:20px; text-transform: uppercase;}
.special p{ margin-top:25px; text-align:center;}
.special a{ margin-top:30px; display:inline-block; color:#fff; padding:5px 15px; border:1px solid #fff;}
.special a:hover{ text-decoration:none; border:1px solid #fff;}
.allsection h1 {
	font-family: 'helmetregular';
	font-size:40px;
	text-align:center;
	font-size: 40px;
	color:#262262;
	text-align:center;
	width:100%;
	margin-top:50px;
	margin-bottom:20px;
	text-transform: uppercase;
}
.allsection p {
	font-family: 'mulilight';
	color:#7a7a7a;
	text-align:center;
	line-height:30px;
}












.software {
	background:#fff;
	margin-top:100px;
	padding:20px;
}
.software h3 {
	font-family: 'mulilight';
	color:#7a7a7a;
	font-family: 'helmetregular';
	text-shadow:2px 2px 2px #ccc;
	text-align:center;
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
}
.software p {
	font-family: 'mulilight';
	color:#7a7a7a;
	text-align:justify;
}
.allbutton {
	background: #ff0000; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ff0000 0%, #f58220 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ff0000 0%,#f58220 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ff0000 0%,#f58220 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#f58220',GradientType=1 );
	border:none;
	border-radius:0px;
	font-family: 'helmetregular';
	border:1px solid #fff;
}
.allbutton:hover {
	border:1px solid #ccc;
	background:none;
	color:#7a7a7a;
}

.allservices {
	background:#0e0e0e;
	padding:30px 0;
}
.allservices h3 {
	color:#fff;
	text-align:center;
	font-family: 'helmetregular';
	font-size:22px;
}
.allservices p {
	text-align:center;
	color:#fff;
	background:url(../images/devider.png) no-repeat bottom center;
	padding-bottom:20px;
}

.benefitsbox { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed1165+0,f2643c+100 */
	background: #ed1165; /* Old browsers */
	background: -moz-linear-gradient(top, #ed1165 0%, #f2643c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ed1165 0%, #f2643c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ed1165 0%, #f2643c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1165', endColorstr='#f2643c', GradientType=0 ); /* IE6-9 */
	padding:20px 20px;
	box-shadow: 4px 3px 4px 0 rgb(204, 204, 204);
	min-height:325px;
}
.benefits h2 {
	color:#fff;
	font-family: 'helmetregular';
	font-size:22px;
	text-align:center;
	border-bottom:1px solid #fff;
	padding-bottom:15px;
	margin-bottom:20px;
}
.benefits p {
	font-family: 'mulilight';
	color:#fff;
	text-align:center;
}
.more {
	background: rgb(255, 255, 255) none repeat scroll 0 0;
	box-shadow: 4px 3px 4px 0 rgb(204, 204, 204);
	display: inline-block;
	margin-top: -7px;
	padding: 7px 40px;
	text-align: center;
}
.one {
	margin-top:150px;
}
.two {
	margin-top:300px;
}
.three {
	margin-top:450px;
}
.footlinks h3 {
	font-family: 'helmetregular';
	border-bottom:1px solid #fff;
	padding-bottom:10px;
	text-align:left;
	text-transform: uppercase;
}
ul.footlist {
	margin:0px;
	padding:0px;
}
ul.footlist li {
	margin:0px;
	padding:0px;
	margin:10px 0;
	display:block;
	color:#fff;
}
ul.footlist li a {
	margin:0px;
	padding:0 0 0 20px;
	color:#fff;
	background:url(../images/bullet.png) no-repeat left;
}
ul.footlist li a:hover {
	margin:0px;
	padding:0 0 0 20px;
	color:#00adef;
	text-decoration:none;
}
.buttons {
	margin-top: 50px;
}
.buttons a {
	background: rgb(255, 255, 255) none repeat scroll 0 0;
	border: 1px solid rgb(241, 241, 241);
	margin: 0 15px;
	padding: 11px 25px;
}
.buttons a {
	text-decoration:none;
}
.buttons a span {
	margin-right: 10px;
}
footer {
	margin:0px;
}
footer p {
	font-family: 'mulilight';
	color:#fff;
	text-align:center;
}
.services{ overflow:hidden;}
.topmenu{ float:right;}
.pageheading{ padding-top:75px;}
.pageheading h1{ text-align:center; font-family: 'helmetregular'; background:url(../images/hori-devider.png) no-repeat center bottom; padding-bottom:20px; color: rgb(104, 104, 104);margin-top: 25px; border-bottom: 1px solid #fff; margin-bottom: 0px;}
.services h2{font-family: 'helmetregular';}
.services p{font-family: 'mulilight';}

a.loginbtn{ color: #fff; }
a.loginbtn:hover{ color: #fff; }

 @media all and (min-width: 240px) and (max-width: 320px) {
.sliderimg {
display:none;
}
.sliderbg h1 {
font-size:48px;
}
.welcome {
padding:0px;
}
.welcome {
background:none;
}
}
 @media all and (min-width: 320px) and (max-width: 480px) {
.sliderimg {
display:none;
}
.sliderbg h1 {
font-size:48px;
}
.welcome {
padding:0px;
}
.welcome {
background:none;
}
.allsection h1{ margin-top:0px;}
}
 @media all and (min-width:481px) and (max-width:567px) {
}
 @media all and (min-width:568px) and (max-width:767px) {
}
 @media all and (min-width:768px) and (max-width:900px) {
}
 @media all and (min-width:901px) and (max-width:1024px) {
}
