@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: 'neouthin';
    src: url('neou-thin-webfont.woff2') format('woff2'),
         url('neou-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'aileronultralight';
    src: url('aileron-ultralight_0-webfont.woff2') format('woff2'),
         url('aileron-ultralight_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bebas_neueregular';
    src: url('bebasneue-webfont.woff2') format('woff2'),
         url('bebasneue-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #774ae3;
}
::selection {
    color: #fff;
    background: #774ae3;
}
img{ max-width:100%;}
body{padding-top: 104px;}


.mainbg{
/*background: #328ff6;
background: -moz-linear-gradient(left,  #328ff6 0%, #774ae3 100%);
background: -webkit-linear-gradient(left,  #328ff6 0%,#774ae3 100%);
background: linear-gradient(to right,  #328ff6 0%,#774ae3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#328ff6', endColorstr='#774ae3',GradientType=1 );*/
}
header{ background: #fff; box-shadow: 5px 1px 10px #f1f1f1; border-bottom: 1px solid #f1f1f1;  /*background: #328ff6;
background: -moz-linear-gradient(left,  #328ff6 0%, #774ae3 100%);
background: -webkit-linear-gradient(left,  #328ff6 0%,#774ae3 100%);
background: linear-gradient(to right,  #328ff6 0%,#774ae3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#328ff6', endColorstr='#774ae3',GradientType=1 );*/
}
.navbar{ padding-top: 5px; padding-bottom: 5px; }
.navbar-nav{ border-bottom: 1px solid #fff; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{ background: #0d0c46; color: #fff;}
.navbar-light .navbar-nav .nav-link{ color:#0d0c46; padding:10px 25px;}
.navbar-light .navbar-toggler{ border-color:#fff;}
.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:#fff; background: #0d0c46;}
.slider h1{ font-family: 'aileronultralight'; font-size:46px; color:#fff; text-align:center; text-shadow: 3px 2px 2px #181fab;}
.slider h2{ font-family: 'aileronultralight'; font-size:36px; color:#fff; text-align:center; text-shadow: 3px 2px 2px #181fab;}
.slider h3{ font-family: 'aileronultralight'; font-size:26px; color:#fff; text-align:center; text-shadow: 3px 2px 2px #181fab;}
.slider p{ color:#fff; text-align:center;}

.leading{text-align: left; margin-top: -275px; z-index: 1; position: relative; width:400px;}

.welcome h1{font-family: 'bebas_neueregular'; color:#828282; text-align:left; font-size:60px; margin-bottom: 0px;}
.welcome h2{font-family: 'bebas_neueregular'; color:#828282; text-align:left; font-size:60px; border-bottom: 3px solid #378af5; padding-bottom: 10px;}
.welcome p{ color:#848484; text-align:center; margin:30px 0;}
.welcome ul{ padding: 0px; }
.welcome ul li{ background:url(../images/bullet.png) no-repeat center left; list-style-type:none; border-bottom: 1px solid #f1f1f1; font-family: 'bebas_neueregular'; color: #774ae3; font-size: 24px; padding: 10px 0 10px 25px;}
.welcome ul li:last-child{ border-bottom: none; }
.welcome p{ color: #787878; text-align: justify; margin: 0px; font-family: 'mulilight'; font-size: 18px;}
.welcomecontent{background: #f5f5f5; padding: 25px;}

.whatwedo h2{font-family: 'bebas_neueregular'; color:#828282; text-align:center; font-size:50px; margin-bottom: 0px; border-bottom: 3px solid #378af5; display: inline-block; padding-bottom: 10px;}

.purple{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#db92f5+0,7790e5+100 */
background: #db92f5; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #db92f5 0%, #7790e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #db92f5 0%,#7790e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #db92f5 0%,#7790e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db92f5', endColorstr='#7790e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
text-align: center; height: 100%;
}

.pink{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff79de+0,c10091+100 */
background: #ff79de; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ff79de 0%, #c10091 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ff79de 0%,#c10091 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ff79de 0%,#c10091 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff79de', endColorstr='#c10091',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
text-align: center; font-family: 'bebas_neueregular'; height: 100%; color: #fff; font-size: 32px;
}

.blue{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#63d4ff+0,0095da+100 */
background: #63d4ff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #63d4ff 0%, #0095da 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #63d4ff 0%,#0095da 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #63d4ff 0%,#0095da 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63d4ff', endColorstr='#0095da',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
text-align: center; height: 100%;
}

.yellow{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff200+0,ffcb05+100 */
background: #fff200; /* Old browsers */
background: -moz-linear-gradient(-45deg, #fff200 0%, #ffcb05 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #fff200 0%,#ffcb05 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #fff200 0%,#ffcb05 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff200', endColorstr='#ffcb05',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
text-align: center; height: 100%; font-family: 'bebas_neueregular'; color: #fff; font-size: 32px;
}

.green{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#48ff00+0,2aa709+100 */
background: #48ff00; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #48ff00 0%, #2aa709 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #48ff00 0%,#2aa709 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #48ff00 0%,#2aa709 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48ff00', endColorstr='#2aa709',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
text-align: center; height: 100%;
}

.red{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,910000+100 */
background: #ff0000; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ff0000 0%, #910000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ff0000 0%,#910000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ff0000 0%,#910000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#910000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
text-align: center; height: 100%; font-family: 'bebas_neueregular'; color: #fff; font-size: 32px;
}

.qualities{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6528c4+0,7619c0+100 */
background: #6528c4; /* Old browsers */
background: -moz-linear-gradient(-45deg, #6528c4 0%, #7619c0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #6528c4 0%,#7619c0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #6528c4 0%,#7619c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6528c4', endColorstr='#7619c0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.qualitybox{ background:url(../images/verti-devider.png) no-repeat right center;}
.qualities h2{padding:25px 0; margin-bottom:30px; font-family: 'aileronultralight'; text-transform: uppercase; color:#fff; text-align:center; font-size:48px; margin-top:50px; text-shadow:2px 2px 2px #b2b2b2; background:url(../images/hori-devider.png) no-repeat center bottom;}
.qualities h4{padding:15px 0; margin-bottom:20px; font-family: 'mulilight'; color:#fff; text-align:center; font-size:24px; text-shadow:2px 2px 2px #b2b2b2; background:url(../images/hori-small-devider.png) no-repeat center bottom;}
.qualities p{font-family: 'mulilight'; color:#fff; text-align:center; font-size:17px;}

.fullfooter{ margin-top:-108px; padding-top:50px;}
.download h5 {border-bottom: 1px solid #ccc;  font-family: 'aileronultralight'; text-transform: uppercase; font-size:40px; padding: 50px 0 10px; text-align: center; color:#0098dc;}
.download p {font-family: 'mulilight'; font-size:17px; text-align:center; color:#302e4b;}
.innerpages{ background:#fff; min-height:750px;}
.innerpages h3{font-family: 'aileronultralight'; color:#828282; font-size:36px; border-bottom:1px solid #f1f1f1; background:url(../images/bullet.png) no-repeat left center; padding-left:50px;}
.innerpages h4{font-family: 'mulilight'; color:#a50053; font-size:24px;}
.innerpages p {font-family: 'mulilight'; font-size:16px; text-align:justify; color:#7e7e7e;}
.lalrightside{ box-shadow:0 0 0 0 #ccc; box-shadow:0px 0px 4px 3px #f1f1f1;}
.lalrightside h5{font-family: 'neouthin'; color:#828282; font-size:24px; border-bottom:1px solid #f1f1f1; background:url(../images/icon-bullet.png) no-repeat left center; padding-left:20px;}
.list-group-item{ text-align:left; border-left:none; border-right:none; border-top:none; margin-bottom:0px;}
.lalrightside ul li{color:#7e7e7e; padding-left:30px;}
.loginform {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0 0 9px 2px rgb(241, 241, 241);
    margin-bottom: 0;
    margin-top: 0;
    padding: 25px;
}

.fullbtn {
    background:rgba(0, 0, 0, 0) linear-gradient(to right, rgb(50, 143, 246) 0%, rgb(119, 74, 227) 100%) repeat scroll 0 0;
    border-radius: 100px;
    box-shadow: 3px 4px 4px 0 rgb(219, 230, 246);
    color: rgb(255, 255, 255);
    display: inline-block;
    padding: 7px 65px 10px;
	border:none;
}
.fullbtn:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#774ae3+0,328ff6+100 */
background: #774ae3; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #774ae3 0%, #328ff6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #774ae3 0%,#328ff6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #774ae3 0%,#328ff6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#774ae3', endColorstr='#328ff6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    color: rgb(255, 255, 255);
    text-decoration: none;
}

.buttons {
    margin-top: 25px;
}
.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;
	display:inline-block;
	box-shadow:0 0 5px 2px #e0e8f7;
}
.buttons a span {
    margin-right: 10px;
}
.buttons a:hover {
    border: 1px solid rgb(0, 174, 239); text-decoration:none;
}
.copy{ background:#000; text-align:center; color:#fff; padding-top:15px; padding-bottom:15px;}
.footlinks h3 {
    border-bottom: 1px solid #fff;
    font-family: 'neouthin';
    padding-bottom: 10px;
    text-align: left;
	color:#fff;
	font-size:24px;
}

/*Bottom Slider*/
#container {
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  margin-top:0px;
  box-shadow:0 0 8px 2px rgb(239, 248, 250);
  padding:15px;
  background:#fff;
  height:95px;
}

#imgs {
  display: block;
  padding: 0;
  width: 200%;
  margin:0px;
}

#imgs li {
  padding-right: 10px;
  display: inline-block;
 *display:inline;
}

#imgs img {
  width: 160px;
  height: auto;
}

.title {
  display: block;
  width: 100%;
  height: 38px;
  line-height: 38px;
  color: white;
  font-weight: bold;
  text-align: center;
  background: #ddd;
}
/*Bottom Slider*/

.navbar-light .navbar-toggler{ border:none; }

@media all and (min-width: 240px) and (max-width: 320px) {
  .leading{ margin: 0px; }
header{ background:#fff;}
.navbar-light .navbar-nav .nav-link{ color:#58585a; border-bottom:1px solid #f1f1f1; background:#e5e5e5; padding-left:15px;}
.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:#fff; background:#ff0000;}
.nav-link:focus, .nav-link:hover{ color:#fff !important; background:#734ee4 !important;}
}
@media all and (min-width: 320px) and (max-width: 480px) {
  .leading{ margin: 0px; }
header{ background:#fff;}
.navbar-light .navbar-nav .nav-link{ color:#58585a; border-bottom:1px solid #f1f1f1; background:#e5e5e5; padding-left:15px;}
.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:#fff; background: #328ff6; /* Old browsers */
background: -moz-linear-gradient(left,  #328ff6 0%, #774ae3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #328ff6 0%,#774ae3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #328ff6 0%,#774ae3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#328ff6', endColorstr='#774ae3',GradientType=1 ); /* IE6-9 */}
.nav-link:focus, .nav-link:hover{ color:#fff !important; background:#734ee4 !important;}
}
@media all and (min-width:481px) and (max-width:567px) {
  .leading{ margin: 0px; }
header{ background:#fff;}
.navbar-light .navbar-nav .nav-link{ color:#58585a; border-bottom:1px solid #f1f1f1; background:#e5e5e5; padding-left:15px;}
.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:#fff; background:#ff0000;}
.nav-link:focus, .nav-link:hover{ color:#fff !important; background:#ff0000 !important;}
}
@media all and (min-width:568px) and (max-width:767px) {
  .leading{ margin: 0px; }
header{ background:#fff;}
.navbar-light .navbar-nav .nav-link{ color:#58585a; border-bottom:1px solid #f1f1f1; background:#e5e5e5; padding-left:15px;}
.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:#fff; background:#ff0000;}
.nav-link:focus, .nav-link:hover{ color:#fff !important; background:#ff0000 !important;}
}
@media all and (min-width:768px) and (max-width:900px) {
header{ background:#fff;}
.navbar-light .navbar-nav .nav-link{ color:#58585a; border-bottom:1px solid #f1f1f1; background:#e5e5e5; padding-left:15px;}
.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:#fff; background:#ff0000;}
.nav-link:focus, .nav-link:hover{ color:#fff !important; background:#ff0000 !important;}
}
@media all and (min-width:901px) and (max-width:1024px) {
}