@font-face{font-family:'Avenir';src:url('fonts/AvenirNext-BoldItalic.eot');src:url('fonts/AvenirNext-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/AvenirNext-BoldItalic.woff') format('woff'),
url('fonts/AvenirNext-BoldItalic.ttf') format('truetype');
font-weight:700;
font-style:italic;

}
@font-face{font-family:'Avenir';src:url('fonts/AvenirNext-Medium.eot');src:url('fonts/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'),
url('fonts/AvenirNext-Medium.woff') format('woff'),
url('fonts/AvenirNext-Medium.ttf') format('truetype');
font-weight:500;
font-style:normal;

}
@font-face{font-family:'Avenir';src:url('fonts/AvenirNext-Bold.eot');src:url('fonts/AvenirNext-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/AvenirNext-Bold.woff') format('woff'),
url('fonts/AvenirNext-Bold.ttf') format('truetype');
font-weight:700;
font-style:normal;

}
@font-face{font-family:'Avenir';src:url('fonts/AvenirNext-UltraLight.eot');src:url('fonts/AvenirNext-UltraLight.eot?#iefix') format('embedded-opentype'),
url('fonts/AvenirNext-UltraLight.woff') format('woff'),
url('fonts/AvenirNext-UltraLight.ttf') format('truetype');
font-weight:300;
font-style:normal;

}
@font-face{font-family:'Avenir';src:url('fonts/AvenirNext-MediumItalic.eot');src:url('fonts/AvenirNext-MediumItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/AvenirNext-MediumItalic.woff') format('woff'),
url('fonts/AvenirNext-MediumItalic.ttf') format('truetype');
font-weight:500;
font-style:italic;

}
@font-face{font-family:'Avenir';src:url('fonts/AvenirNext-Italic.eot');src:url('fonts/AvenirNext-Italic.eot?#iefix') format('embedded-opentype'),
url('fonts/AvenirNext-Italic.woff') format('woff'),
url('fonts/AvenirNext-Italic.ttf') format('truetype');
font-weight:400;
font-style:italic;

}
@font-face{font-family:'Avenir';src:url('fonts/AvenirNext-UltraLightItalic.eot');src:url('fonts/AvenirNext-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/AvenirNext-UltraLightItalic.woff') format('woff'),
url('fonts/AvenirNext-UltraLightItalic.ttf') format('truetype');
font-weight:300;
font-style:italic;

}
@font-face{font-family:'Avenir';src:url('fonts/AvenirNext-DemiBoldItalic.eot');src:url('fonts/AvenirNext-DemiBoldItalic.eot?#iefix') format('embedded-opentype'),
url('fonts/AvenirNext-DemiBoldItalic.woff') format('woff'),
url('fonts/AvenirNext-DemiBoldItalic.ttf') format('truetype');
font-weight:600;
font-style:italic;

}

@font-face{font-family:'Avenir';src:url('fonts/AvenirNext-Regular.eot');src:url('fonts/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'),
url('fonts/AvenirNext-Regular.woff') format('woff'),
url('fonts/AvenirNext-Regular.ttf') format('truetype');
font-weight:400;
font-style:normal;

}
@font-face{font-family:'Avenir';src:url('fonts/AvenirNext-DemiBold.eot');src:url('fonts/AvenirNext-DemiBold.eot?#iefix') format('embedded-opentype'),
url('fonts/AvenirNext-DemiBold.woff') format('woff'),
url('fonts/AvenirNext-DemiBold.ttf') format('truetype');
font-weight:600;
font-style:normal;
}
* {
    transition:0.2s ease all;
    -o-transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -webkit-transition:0.2s ease all
}
body,
html {
    font-family:Avenir;
    font-weight:400;
    line-height:1.5;
    background: #f3f3f3;
    font-size: 18px;
    margin:0
}
b{
    font-weight: 600;
}
.text-center {
    text-align:center
}
.marginTop10 {
    margin-top:10px
}
.marginTop20 {
    margin-top:20px
}
.marginTop40 {
    margin-top:40px
}
.marginTop80 {
    margin-top:80px
}
hr.small {
    width:20%;
    border-color:#4183D7 !important;
}
h1 {
    font-weight:300;
    color:#4183D7
}
h2,
h3,
h4 {
    font-weight:600
}
.hero h1 {
    font-weight:300;
    font-size:65px;
    color:#fff
}
.subHero h3{
    font-size: 40px;
    font-weight: 400;
}
a {
    text-decoration:none;
    color:inherit;
    cursor:pointer
}
.btn-primary {
        background-image: linear-gradient(-180deg, #599DF4 0%, #4183D7 100%);
    border: 1px solid #3C74BC;
    box-shadow:inset 0px 1px 3px 0px rgba(255,
    255,
    255,
    0.15);
    border-radius:3px;
    font-family:AvenirNext-Medium, Avenir;
    font-size:18px;
    color:#FFFFFF;
    vertical-align:initial;
    line-height:19px
}
.btn-default {
    border-radius:3px;
    font-family:AvenirNext-Medium, Avenir;
    font-size:18px;
    color:#333;
    vertical-align:initial;
    line-height:19px
}
@media (max-width: 468px) {
    .hero h1 {
        font-size:32px;
    }
    .btn-primary{
        font-size: 14px;
    }
}
.btn-primary:hover {
    outline:none;
    border:1px solid #375085;
    color:#fff
}
input,
textarea {
    background:#fff;
    border-radius:3px;
    font-family:AvenirNext-Regular, Avenir;
    padding:4px 10px;
    outline:none;
    border:none;
    border:1px solid #ddd;
    color:#333
}
button, a{
    font-family:AvenirNext-Regular, Avenir;
}
section {
    position:relative;
    z-index:100
}
#splash {
    background:url('top.jpg') center -150px;
    background-size:cover;
    background-repeat:no-repeat;
    color:#fff;
    min-height:90vh;
    padding-bottom:10px;
    padding-top:20px;
    z-index:-50;
    position:fixed;
    opacity:1;
    top:0;
    left:0;
    right:0;
    transition:none;
    -o-transition:none;
    -moz-transition:none;
    -webkit-transition:none
}
@media (max-width: 768px) {
    #splash {
        overflow-y:scroll;
        background-size:auto 180%;
        bottom:0;
        min-height:100vh;
        padding-bottom: 200px;
        background-size: cover;
        background-position: -334px -104px;
    }
}
#splash .overlaySplash {
    background:#000;
    opacity:0;
    z-index:-99;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    transition:0.05s ease all;
    -o-transition:0.05s ease all;
    -moz-transition:0.05s ease all;
    -webkit-transition:0.05s ease all
}
#splash .logo img {
    height:50px
}
@media (max-width: 468px) {
    #splash .logo img {
        height:25px;
        margin-top:6px;
    }
}
#splash .links a {
    margin-left:10px;
    margin-right:10px
}
#splash p.quote {
    font-style:normal;
    width:100%;
    max-width:800px;
    margin:auto;
    font-weight:400;
    font-size: 18px;
}
.nav-fixed {
    background:rgba(255,
    255,
    255,
    0.85);
    position:fixed;
    top:-200px;
    width:100%;
    left:0;
    right:0;
    padding:10px;
    z-index:200
}
.nav-fixed .logo img {
    height:30px
}
@media (max-width: 468px) {
    .nav-fixed .logo img {
        height:20px;
        margin-top:7px;
    }
}
.nav-fixed .links a {
    margin-left:10px;
    margin-right:10px
}
@media (max-width: 468px) {
    .nav-fixed .links a {
        font-size:12px;
        margin-left:5px;
        margin-right:5px;
    }
}
#solution {
    background:#F1F3F4;
    color:#717171;
    padding:120px 40px 0 40px;
    margin-top:90vh
}
#solution .text {
    margin-top:-50px
}
@media (max-width: 468px) {
    #solution .text {
        margin-top:-100px;
    }
}
#solution hr {
    float:left;
    margin-top:5px;
    margin-bottom:15px;
    width:30%
}
#solution p {
    clear:both
}
#solution img {
    width:90%;
    margin:auto
}
#helps {
    background: url('helps2.jpg') #fff;
    background-size: cover;
    color:#333;
    padding:40px 0
}
#helps .container {
    padding:40px
}
#helps p {
    padding:20px;
    text-align:left
}
#helps i {
    color:#4183D7;
    font-size:69px
}
#contact {
    background:url('contact.jpg') #fff;
    color:#717171;
    padding:40px 40px
}
#contact input,
#contact textarea {
    width:100%;
    margin-bottom:10px
}
#contact button {
    width:100%
}
@media (min-width: 768px) {
    #contact .negMargin {
        margin-top:-250px;
    }
}
@media (max-width: 468px) {
    #contact .negMargin {
        text-align:center;
    }
}
#about {
    background:#fff;
    background:#f3f3f3;
    color:#7d7d7d;
    padding:40px
}
#who {
    background-image: linear-gradient(-1deg, #83ACF3 0%, #4183D7 100%);
    color:#fff !important;
    padding:40px
}
#who h1, #who hr.small{
    color: #fff;
    border-color: #fff !important;
}
#who h3{
    font-size: 40px;
    font-weight: 400;
}
#about p {
    width:80%
}

#who p {
	width: 100%;
	text-align: left;
}

@media (max-width: 468px) {
    #about p {
        width:100%;
    }
}
@media (max-width: 468px) {
    #about .col-sm-4 {
        text-align:center;
        margin-top:20px;
    }
}
#about img {
    height:180px
}
#about .col-sm-6 {
    padding:0px 80px
}
@media (max-width: 468px) {
    #about .col-sm-6 {
        padding:0;
        margin-bottom:40px;
    }
}
#about .col-sm-6 p {
    text-align:left;
    width:100%;
    margin:auto;
    margin-top:10px;
    margin-bottom:20px
}
#about .col-sm-6 h1 {
    width:80%;
    margin:auto
}
@media (max-width: 468px) {
    #about .col-sm-6 h1 {
        width:100%;
    }
}
#about .col-sm-6:first-child {
    border-right:1px solid #ddd
}
@media (max-width: 468px) {
    #about .col-sm-6:first-child {
        border:none;
    }
}
#footer {
    border-top:1px solid #ddd;
    padding:20px;
    color:#4183D7;
    background:#fff
}
@media (max-width: 468px) {
    #footer {
        padding:10px 10px;
    }
}
#footer a {
    margin-right:10px
}
@media (max-width: 468px) {
    #footer a {
        margin-right:5px;
    }
}
.modal-backdrop {
    background:#000000;
    background:-moz-linear-gradient(left,
    #000000 0%,
    #595a63 50%,
    #000000 100%);
    background:-webkit-gradient(linear,
    left top,
    right top,
    color-stop(0%,
    #000000),
    color-stop(50%,
    #595a63),
    color-stop(100%,
    #000000));
    background:-webkit-linear-gradient(left,
    #000000 0%,
    #595a63 50%,
    #000000 100%);
    background:-o-linear-gradient(left,
    #000000 0%,
    #595a63 50%,
    #000000 100%);
    background:-ms-linear-gradient(left,
    #000000 0%,
    #595a63 50%,
    #000000 100%);
    background:linear-gradient(to right,
    #000000 0%,
    #595a63 50%,
    #000000 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',
    endColorstr='#000000',
    GradientType=1)
}
.close {
    cursor:pointer;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg)
}
.circle-user {
  background: #333;
  background-image: linear-gradient(-180deg, #599DF4 0%, #4183D7 100%);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.15);
  height: 60px;
  width: 60px;
  margin: auto;
  border-radius: 50%;
}
.circle-user img {
    width:60%;
    margin-top:15%;
    vertical-align:middle
}
#login,
#signup,
#forgot,
#thankyou {
    color:#ADADAD
}
#login input,
#login button.btn-primary,
#forgot input,
#forgot button.btn-primary,
#signup input,
#signup button.btn-primary {
    min-width:280px;
    padding-top:10px;
    padding-bottom:10px
}
@media (min-width: 768px) {
    #login .modal-dialog,
    #forgot .modal-dialog,
    #signup .modal-dialog,
    #thankyou .modal-dialog {
        width:320px;
    }
}
#login label,
#forgot label,
#signup label {
    vertical-align:text-top;
    color:#ADADAD;
    font-weight:400;
    margin-left:5px
}
#login .pull-left,
#signup .pull-left {
    margin-left:20px
}
#login .pull-right.forgot,
#signup .pull-right.forgot {
    margin-right:20px;
    color:#4183D7
}
#login a,
#login b,
#forgot a,
#forgot b,
#signup a,
#signup b {
    color:#4183D7;
    font-weight:400
}
#login hr,
#signup hr {
    margin-top:20px;
    margin-bottom:10px
}
#login .btn,
#forgot .btn,
#signup .btn {
    color:#fff;
    border:1px solid rgba(0,
    0,
    0,
    0.1);
    width:90px;
    margin-right:-1px;
    outline:none !important;
    margin-left:-1px
}
#login .btn-fb,
#signup .btn-fb {
    background:#425f9a;
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
#login .btn-tw,
#signup .btn-tw {
    background:#54aaec;
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
#login .btn-ig,
#signup .btn-ig {
    background:#E7B42F;
    border-radius:0
}
#login .btn-fb.active,
#login .btn-ig.active,
#login .btn-tw.active,
#signup .btn-fb.active,
#signup .btn-ig.active,
#signup .btn-tw.active {
    color:#000
}
input:focus,
textarea:focus {
    border-color:#A3C7EF
}
#jobs {
    background:#fff;
    color:#717171;
    padding:0px 20px 40px 20px
}
#jobs form {
    text-align:center
}
#jobs input,
#jobs textarea,
#jobs p.smallCol {
    width:80%;
    margin:auto;
    margin-bottom:10px
}
#jobs input i.fa,
#jobs textarea i.fa,
#jobs p.smallCol i.fa {
    margin-left:10px;
    cursor:pointer
}
#jobs input i.fa:hover,
#jobs textarea i.fa:hover,
#jobs p.smallCol i.fa:hover {
    color:#4183D7
}
#jobs input.half {
    width:39.5%
}
#jobs button {
    width:100%;
    width:80%;
    margin:auto
}
#forgot p{
    width:80%;
    margin: auto;
}
@media (min-width: 768px) {
    #jobs .negMargin {
        margin-top:-180px;
    }
}
@media (max-width: 768px) {
    body,html{
        font-size: 14px;
    }
}
@media (max-width: 468px) {
    #jobs .negMargin {
        text-align:center;
    }
}
.soloNav {
    padding:20px
}
.soloNav .logo img {
    height:30px
}
@media (max-width: 468px) {
    .soloNav .logo img {
        height:25px;
        margin-top:6px;
    }
}
.soloNav .links a {
    margin-left:10px;
    margin-right:10px
}
#soloFooter {
    border-top:1px solid #ddd;
    padding:20px;
    color:#7d7d7d;
    background:#fff
}
@media (max-width: 468px) {
    #soloFooter {
        padding:10px 10px;
    }
}
#soloFooter a {
    margin-right:10px
}
.makeItWhite, .makeItWhite h1{
    color: #fff !important;
}
@media (max-width: 468px) {
    #soloFooter a {
        margin-right:5px;
    }
    .nav{
        font-size: 12px;
    }
    #splash{
        position: relative;
    }
    #solution{
        margin-top: 0;
    }
    #who h3{
        line-height: 1.5;
        font-size: 29px;
    }
    .subHero h3{
        font-size: 28px;
    }
    #splash p.quote{
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    #splash{
        z-index: 10;
        padding-bottom: 40px;
        background:url('top.jpg') center 0px;
    }
}
#pricing{
  margin-bottom: 80px;

}
#pricing .package{
  background: #fff;
  border-radius: 4px;
  margin-top: 40px;
  border:1px solid #ccc;
  padding-top: 20px;
  padding-bottom: 20px;
}
#pricing .package .price{
  color: #4183d7;
  font-size: 24px;
}
#pricing .package .fa-check{
  color:#4183d7;
}
#pricing .package.mediumPackage{
  margin-top: 0px;
  padding-top: 60px;
  padding-bottom: 60px;
  border:1px solid #4183D7;
  background: #f3f3f3;
}
#pricing .featureList{
  margin-top: 118px;
}