body {min-width: 320px;}.navbar-default.past-main
.outer-container {padding: 30px 0;}
.button.primary {-webkit-box-shadow: 0px 3px 0px 0px rgba(37,77,147,1);-moz-box-shadow: 0px 3px 0px 0px rgba(37,77,147,1);box-shadow: 0px 3px 0px 0px rgba(37,77,147,1);}
.button.primary:hover {-webkit-box-shadow: 0px 3px 0px 0px rgba(102,102,102,1);-moz-box-shadow: 0px 3px 0px 0px rgba(102,102,102,1);box-shadow: 0px 3px 0px 0px rgba(102,102,102,1);}



/* --- Header --_ */
.navbar {min-height: 80px;min-width: 290px;}
.logo {color: #333;width: 245px;height: 52px;padding: 15px 0 15px 15px;margin: -2px;}
.logo svg {
    width: 230px;
    height: 52px;
}
.navbar-default {
    background-color: #2F86DD;
}
.navbar-default.past-main {background: #fff;border-color: #e7e7e7;}
.navbar-default.past-main .navbar-nav > li > a, .navbar-default.past-main .navbar-nav > li > a:active, .navbar-default.past-main .navbar-nav > li > a:visited {color: #2F86DD;}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:visited {color: #fff;}
.navbar-default .navbar-nav > li > a:hover {color: #666;}
.navbar-default .logo path {fill: #fff;}
.navbar-default.past-main .logo path {fill: #003b5f;}
.navbar-default .navbar-toggle {border-color: #e7e7e7;margin-top: 22px;}
.navbar-default .navbar-toggle:hover {background: #2a2b2c;}
.navbar-default .navbar-toggle .icon-bar {background: #e7e7e7;}
.navbar-default.past-main .navbar-toggle {border-color: #2F86DD;}
.navbar-default.past-main .navbar-toggle .icon-bar {background: #2F86DD;}
.navbar-default.past-main .navbar-toggle:hover {background: #2F86DD;border-color: #2F86DD;}
.navbar-default.past-main .navbar-toggle:hover .icon-bar {background: #fff;}

.navbar-default .navbar-nav li.dropdown a {cursor: pointer;padding-bottom: 30px;}
.navbar-default .navbar-nav li.dropdown li a:hover {padding:0;}
.navbar-default .navbar-nav li.dropdown a:hover, .navbar-default .navbar-nav li.dropdown a.hover {background: #666;color: #fff;border-radius: 3px 3px 0px 0px;-moz-border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px;}
.navbar-default .navbar-nav li.dropdown a span {padding-left: 5px;font-size: 11px;}
.navbar-default .navbar-nav li:hover.dropdown {color: #fff;}

.navbar-default .navbar-nav li:hover.dropdown:after {color: #fff;}
.navbar-default .navbar-nav li:first-child {margin-left: 0;padding-left:0;}
.navbar-default .navbar-nav li ul {display: none;position: absolute; background: #666;z-index: 999;overflow: hidden;width: 150%;top: 64px;left: 0px;padding: 15px;border-radius: 0px 3px 3px 3px;-moz-border-radius: 0px 3px 3px 3px;-webkit-border-radius: 0px 3px 3px 3px;}
.navbar-default .navbar-nav li ul li {width: 100%;border-bottom: 1px dotted #8c8c8c;}
.navbar-default .navbar-nav li ul li {padding: 0 0 10px;margin: 0 0 10px;}
.navbar-default .navbar-nav li ul li a {color: #fff;padding: 0;}
.navbar-default .navbar-nav li ul li:last-child {margin: 0;padding:0;border: none;}
.navbar-default .navbar-nav li ul li a:hover, .navbar-default .navbar-nav li.dropdown a:hover {color: #2F86DD;}
.navbar-default .navbar-nav li:hover.dropdown ul {display: block;}

.navbar-collapse {margin-top: 15px;}
#scroll-trigger {height: 80px;position: absolute;top: 0;}

.navbar-default.past-main #sign-up {color: #fff;margin-top: 5px}
.navbar-default.past-main #sign-up:hover {background: #4c7d3f;}

@media (max-width: 330px) {
	.navbar {min-height: 75px;}
	#top {height: 75px;}
	.logo {width: 215px;}
	.navbar-default .navbar-toggle {margin-top: 20px;}
}

@media (max-width: 991px) {
	.navbar {min-height: 75px;}
	#top {height: 75px;}
	.logo {width: 215px;}
	.navbar-default .navbar-toggle {margin-top: 20px;}
	#scroll-trigger {height: 0px;position: absolute;top: 0;}
}

/* --- HERO --- */
.jumbotron {padding: 10% 0 100px;margin-bottom: 0;overflow: hidden;background: #fff url(../images/hero-bg.jpg) no-repeat top center;background-size: 100%;}
.jumbotron h1 {color: #fff;font-weight:bold; font-family: Helvetica, Arial, sans-serif;}
.jumbotron h4 {color: #fff;font: bold 18px Helvetica, Arial, sans-serif;margin-bottom: 30px;}
.jumbotron .button {margin-bottom: 30px;}
.job-sites h4 {color: #666;font-weight: normal;padding: 25px 0 30px;margin: 0;font-size: 24px;}
.job-sites ul li {margin: 0 30px 30px; vertical-align: baseline}
.job-sites ul li:nth-last-child(1) {margin-bottom: 0px;}
.job-sites ul li img {max-width: 100%;}
.laptop-container {padding:0 0 60px;margin:0;background: #fff;}
.laptop {margin-top: -115px;}

/* --- HOMEPAGE QOUTE --*/
.laptop-container {padding-bottom:40px}
.hp-quote {margin:0 120px}
.quote-title {color: #666;font-weight: normal;padding: 25px 0 30px;margin: 0;font-size: 24px;}
.hp-quote .quote {font-size:20px;font-weight:200;color:#898989;line-height:175%;max-width:auto}
.hp-quote .name {font-size:18px;color:#333}
.hp-quote .customer{color:#898989;font-size:14px;padding-top:20px}

/* --- Footer --- */
.footer {background: #595959;}
.footer ul li a {color: #c5d7e3;font-size: 13px;}
.footer ul li a:hover {color: #333;}
.footer .col-md-2 {padding: 0;}
.footer .col-md-2 h5 {color: #fff;font-size: 16px;}
.jt-icon {width: 75px;margin: auto;padding: 30px 0;text-align: center;}
.jt-icon path {fill: #fff;}
.footer #sub-footer {background: #2a2b2c;padding: 10px 0 0;margin: 0;font-size: 13px;}
.footer .jt-copy {font-size: 14px;}
.footer .sub-footer-links li {padding: 0 15px 0 0;margin: 0 15px 0 0;border-right: 2px solid #ccc;}
.footer .sub-footer-links li:last-child {padding-right: 0;border: none;margin: 0;}
.footer .sub-footer-links li a {color: #2F86DD;}

/* --- Contact Section --- */
.contact-section h3 {margin-bottom: 30px;}
.border-top {border-top: 1px solid #e7e7e7;}
.landing-check-list li::before {font-family: 'jobtarget';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\f00c";color: #2F86DD;padding-right: 10px;font-size: 16px;}
.landing-check-list li {line-height: 180%;}
.section-links a {text-decoration: underline;}
.section-links .icon-angle-right {color: #2F86DD;font-weight: bold;padding: 0 5px 0 0;margin-top: 2px;display: block;float: left;}
.content p {line-height: 180%;word-wrap: break-word;}
.hp-image {border: 4px solid #b7b7b7;margin-bottom: 30px;padding:0}
.content-block h2, .content-block h3 {padding: 30px 15px 15px;font: bold 26px Helvetica, Arial, Sans-serif;}
.caption h3 {padding: 10px 0;font: bold 18px Helvetica, Arial, Sans-serif;}
.pad-left-30 {padding-left: 30px;}

/* --- Form Updates --- */
form fieldset {width: 100%;}

/* --- Registration Landing --- */
.registration-landing {padding: 60px 0 30px;background: #e7e7e7 url(../images/registration-bg.png) no-repeat top center;background-size: 100% 100%;}
.registration-landing .content-block {padding: 30px 60px;}
.registration-landing .content-block h1 {font: bold 34px Helvetica, Arial, Sans-serif;}
.registration-landing .content-block h3 {font: bold 18px Helvetica, Arial, Sans-serif; color: #666;padding: 5px 0 30px;}
.registration-landing .content-block form {}
.registration-landing .content-block form fieldset {}
.registration-landing .content-block form fieldset .select-placeholder {text-align: left;}
.registration-landing .content-block form .button {margin: 10px 0 30px;padding: 15px 60px;}
.registration-landing .content-block .partner-logos {margin:0;overflow: visible;}
.registration-landing .content-block .partner-logos li {display: inline-block;height: 28px;padding: 15px;margin-bottom: 30px;}
.registration-landing .content-block .partner-logos li img {width: 100%;}

.registration-forms h1 {margin:0 15px 15px;text-align: center;font: bold 35px "Helvetica", arial, sans-serif;}
.registration-forms h4 {font: normal 15px "Helvetica", arial, sans-serif;margin:0;padding:15px;text-align: center;line-height: 140%;}
.registration-forms form {padding: 15px;}
.registration-forms fieldset input {width: 100%;}
.registration-forms fieldset.half {width: 48%;float: left;margin-right: 15px;}
.registration-forms fieldset.half.last {margin-right: 0;width: 48.6%;}
.registration-forms fieldset.half input {margin-right: 30px;}
.registration-forms form .button {text-align: center;margin: 15px auto;padding: 15px 36px 16px;display: block;}
.registration-forms .landing-check-list {padding: 0 30px 15px;}

fieldset .select .select-placeholder {background: -moz-linear-gradient(top, #e7e7e7 0%, #ffffff 100%);background: -webkit-linear-gradient(top, #e7e7e7 0%,#ffffff 100%);background: linear-gradient(to bottom, #e7e7e7 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#ffffff',GradientType=0 );}

/* --- Steps --- */
.step-progress {clear: both;display: block;overflow: hidden;}
.step-progress .steps {position: relative;background: #ccc;overflow: visible;width: 80%;height: 10px;margin: 35px 10%;}
.step-progress .steps .step-circle {position: relative;top: -16px;margin-left: -15%;display:block;float: left;width: 32%;text-align: center;z-index: 2;}
.step-progress .steps .step-circle.c2 {float: left;margin: 0 0 0 15%;}
.step-progress .steps .step-circle.c3 {float: right;margin-left: 0;margin-right: -15%;}
.step-progress .steps .step-circle a.circle {color: #333;background: #ccc;width: 40px;display: inline-table;height: 30px;text-align: center;padding: 6px 10px;font-size: 20px;line-height: 1.33;border-radius: 50px;}
.step-progress .steps .step-circle a.circle.active {background: #2F86DD;color: #fff;}
.step-progress .steps .step-circle p {padding: 10px 0 0;}
.step-progress .steps .bar {position: relative;background: #2F86DD;overflow: visible;width: 100%;height: 10px;z-index: 1;}
.step-progress .steps .bar.two {width: 50%}

fieldset.checkbox {float: left;clear: none;width: 33%;}
fieldset.checkbox .label {padding: 5px 0 0 0;}
fieldset.checkbox .check {background: #fff;border:1px solid #ccc;}
.checkbox input[type=checkbox]:checked + .check {background: #2F86DD;border-color: #2F86DD;}
fieldset.checkbox .check.inverted {background: #fff;}
.checkgroup {padding-top: 15px;clear: both;}
.checkgroup .checkbox {width: 35px;padding:0!important;}
.checkgroup .checkbox .check {margin: 3px 0 0 0;}
.checkgroup .checkbox input {margin: 2px 0 0 0!important;padding: 4px 0 0 0!important;}
.checkgroup p {padding: 0;margin:0;line-height:130%;font-size: 14px;color: #666;}
.checkgroup p a {font-size: 14px;font-weight: bold;}
.options {margin-top: 15px;padding: 15px;border: 1px solid #ccc;background: #e3f3ff;}

/* --- Activation --- */
.payment {border-top: 1px solid #e7e7e7;}
.payment h5 {font: bold 15px "Helvetica", Arial, sans-serif;}
.payment .col-left {float: left;width: 65%;}
.payment .credit-help {float: right;width: 32%;background: #e3f0e7;border: 1px solid #7cca9f;padding: 10px;border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;}
.payment .credit-help p {text-align: left;font-size: 12px;line-height: 130%;}
.payment .credit-help .creditcards {margin-bottom: 5px;overflow: hidden;}
.payment .credit-help .creditcards li {width: 22%;margin-right: 4%;float: left;}
.payment .credit-help .creditcards li:last-child {margin-right: 0;}
.payment .credit-help p.center {text-align: center;}
.payment .credit-help p strong {font-size: 13px;}
.payment .col-left .half {width: 47.5%;}
.payment .col-left .half.right {margin-right: 0;float: right;}
.payment .col-left fieldset .select .select-placeholder {font-size: 14px;}
.payment .col-left fieldset .select .select-placeholder::after {padding: 15px 10px;}
.payment .col-left fieldset .select.focus .select-placeholder::after {padding: 15px 10px 13px 9px;}

/* --- Content --- */
.company-image {background: #eee;border: 4px solid #ccc; width: 100%;padding: 215px 0;text-align: center;margin-top: 20px;}

/* --- Content --- */
.content-layout1 .content-block form {padding: 15px 0 30px;}
.content-layout1 .content-block form .button, .content-layout1 .content-block form fieldset input {width: 100%;}
.content-layout1 .content-block h4 {font-size: 20px;font-weight: bold;color: #333;margin: 15px 0;border-top: 1px solid #e7e7e7;padding-top: 30px;text-align: left;}
/* --- Logos --- */
.partner-logos .thumbnail {height: 70px;overflow: hidden;position: relative;}
.partner-logos .thumbnail img {position: absolute;top: 50%;bottom: 50%;left: -50%;right: -50%;margin: auto;max-height: 95%;display: block;padding:0;}
@media (min-width: 1024px) {
	.jumbotron {padding: 10% 0 100px;}
	.jumbotron .button {margin-bottom: 60px;}
}

@media (max-width: 991px) {
.navbar-collapse {max-height: 500px;}
.navbar-default.past-main, .navbar-default {border-color: #e7e7e7;position: static;margin-bottom: 0px;}
.navbar-default.past-main .navbar-nav > li > a, .navbar-default.past-main .navbar-nav > li > a:active, .navbar-default.past-main .navbar-nav > li > a:visited, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:visited {color: white;}
.navbar-default .navbar-toggle {border-color: #e7e7e7;margin-top: 22px;background: #fff;}
.navbar-default .navbar-toggle:hover {background: #2a2b2c;}
.navbar-default .navbar-toggle .icon-bar {background: #e7e7e7;}
.navbar-default.past-main .navbar-toggle, .navbar-default .navbar-toggle {border-color: #2F86DD;}
.navbar-default.past-main .navbar-toggle .icon-bar, .navbar-default .navbar-toggle .icon-bar {background: #2F86DD;}
.navbar-default.past-main .navbar-toggle:hover, .navbar-default .navbar-toggle:hover {background: #2F86DD;border-color: #2F86DD;}
.navbar-default.past-main .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {background: #fff;}

/*.job-sites ul li img {min-width: 100%;padding-bottom: 30px;}*/

  .hp-image {height: auto;overflow: hidden;}
  .hp-image img {width: 100%;}
  .pad-left-30 {padding-left: 0;}
  .laptop-container .laptop img {width: 80%;}
  .jumbotron h4 {width: 80%;text-align: center;margin: 0 auto 30px;}
  #sub-footer .container, .footer .container {padding-top:0;}
  #sub-footer p.jt-copy {clear: both; text-align: center; display: block;width: 100%;}
  #sub-footer .list-inline {float: none;margin: 0 auto 10px;width: 300px;text-align:center;}
  .footer .col-md-2, .footer .col-md-4 {width: 20%;clear: none;float: left;}
  .company-image-container {float: none!important;clear: both;padding: 20px 15px 0;}
  .company-image {width: 100%;padding: 100px 0;text-align: center;margin: 0px 10px 0 0;}

  .footer .row-centered {text-align:center}
  .footer .col-centered {display: inline-block;float: none;text-align: left;margin: 5px 30px;vertical-align: top;width: auto;padding: 0px;}	
}

@media (min-width: 1250px) {
	.registration-landing {background-size: 100%;}
}

@media (max-width: 767px) {
  #navbar-collapse  {background: #eee;border: 1px solid #ccc;}
  #navbar-collapse  ul li a {color: #2F86DD;}
  
  .navbar-default .navbar-nav li.dropdown a:hover, .navbar-default .navbar-nav li.dropdown a.hover {background: #eee;color: #fff;}
  .navbar-default .navbar-nav li ul {display: block;position: static; background: #eee;z-index: 999;overflow: visible;width: 100%;top: 0;left: 0px;padding:  0 30px;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;}
  .navbar-default .navbar-nav li ul li {width: 100%;border-bottom: 1px dotted #ccc;}
  .navbar-default .navbar-nav li ul li:before {color: #2F86DD;padding-right: 10px;content: "\f105";font-family: 'jobtarget';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
  .navbar-default .navbar-nav li ul li {padding: 0 0 10px;margin: 0 0 10px;}
  .navbar-default .navbar-nav li ul li a {color: #fff;padding: 0;}
  .navbar-default .navbar-nav li ul li a:hover {background: transparent;}
  .navbar-default .navbar-nav li.dropdown a {cursor: pointer;padding-bottom: 15px;}
  .navbar-default .navbar-nav li ul li:last-child {margin: 0 0 5px;padding-bottom: 10px;border-bottom: 1px dotted #ccc;}

  .footer .row-centered {text-align:center}
  .footer .col-centered {display: inline-block;float: none;text-align: left;margin: 5px 30px;vertical-align: top;width: auto;padding: 0px;}
		
}

@media (max-width: 640px) {
.jumbotron {padding: 5% 0 100px;}
.jumbotron h1 {font-size: 24px;background: #333;width: 100%;margin:0px 0 0;padding: 10px 10px 5px;background: -moz-linear-gradient(top,  rgba(51,51,51,0.50) 0%, rgba(51,51,51,0.50) 100%);background: -webkit-linear-gradient(top,  rgba(51,51,51,0.50) 0%,rgba(51,51,51,0.50) 100%);background: linear-gradient(to bottom,  rgba(51,51,51,0.50) 0%,rgba(51,51,51,0.50) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40333333', endColorstr='#40333333',GradientType=0 );}
.jumbotron h4 {font-size: 15px;background: #333;width: 100%;padding: 5px 10px 10px;background: -moz-linear-gradient(top,  rgba(51,51,51,0.50) 0%, rgba(51,51,51,0.50) 100%);background: -webkit-linear-gradient(top,  rgba(51,51,51,0.50) 0%,rgba(51,51,51,0.50) 100%);background: linear-gradient(to bottom,  rgba(51,51,51,0.50) 0%,rgba(51,51,51,0.50) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40333333', endColorstr='#40333333',GradientType=0 );}
	.payment .col-left {float: none;width: 100%;}
	.payment .credit-help {float: none;width: 100%;padding: 10px;clear: both;margin: 0 0 10px;}
	.payment .credit-help p {line-height: 130%;font-size: 13px;}
	.payment .col-left .half {width: 100%;}
	.payment .col-left .half.right {float: none;}
  .registration-forms fieldset.half, .registration-forms fieldset.half.last {width: 100%;}
.jt-icon {width: 45px;height: 75px;padding:10px 0 10px;}

/*.footer .col-md-2 {width: 50%;}*/
  .footer .row-centered {text-align:center}
  .footer .col-centered {display: inline-block;float: none;text-align: left;margin: 5px 30px;vertical-align: top;width: auto;padding: 0px;min-width: 125px;}
}


.quote-box {max-width: 40%;float: right;padding: 15px;margin: 10px;background: #f4f4f4;color: #b8d6c6;border: 1px solid #2F86DD;border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;}
.quote-box h3 {font-size: 20px;margin:0 0 10px;padding:0 0 10px;text-align: center;color:#003b5f;}
.quote-box ul {padding: 0;}
.quote-box ul li {color: #2a2b2c;font-weight: bold;padding: 5px 15px;margin: 0 0 10px;border-left: solid 4px #2F86DD;}

/* Terms and Conditions header */
.tcbgcolor {
    background-color: #f0f0f0;
    padding: 10px 30px;
}






@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width:768px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    max-height: 340px;
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    -webkit-overflow-scrolling: touch
}

    .navbar-collapse.in {
        overflow-y: auto
    }

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important
        }

        .navbar-collapse.in {
            overflow-y: visible
        }

    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width:768px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}

    .navbar-brand:hover, .navbar-brand:focus {
        text-decoration: none
    }

@media (min-width:768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

    .navbar-toggle:focus {
        outline: 0
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px
        }

@media (min-width:768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px
    }

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

        .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px
        }

            .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
                background-image: none
            }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

        .navbar-nav > li {
            float: left
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px
            }

}

@media (min-width:768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important
    }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    margin-top: 8px;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .input-group > .form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio, .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        vertical-align: middle
    }

        .navbar-form .radio input[type=radio], .navbar-form .checkbox input[type=checkbox] {
            float: none;
            margin-left: 0
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .navbar-form.navbar-right:last-child {
            margin-right: -15px
        }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px
    }

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }

        .navbar-text.navbar-right:last-child {
            margin-right: 0
        }
}


    .navbar-default .navbar-brand {
        color: #777
    }

        .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
            color: #5e5e5e;
            background-color: transparent
        }

    .navbar-default .navbar-text {
        color: #777
    }

    .navbar-default .navbar-nav > li > a {
        color: #777
    }

        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
        color: #ccc;
        background-color: transparent
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd
    }

        .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
            background-color: #ddd
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888
        }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        background-color: #e7e7e7;
        color: #555
    }

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

    .navbar-default .navbar-link:hover {
        color: #333
    }

/*.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

    .navbar-inverse .navbar-brand {
        color: #999
    }*/

        .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-text {
        color: #999
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #999
    }

        .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
        color: #444;
        background-color: transparent
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333
    }

        .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
            background-color: #333
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff
        }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #101010
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: #080808;
        color: #fff
    }

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #999
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #999
}

    .navbar-inverse .navbar-link:hover {
        color: #fff
    }

.navbar-default .navbar-nav > li > a {
    color: white;
}

.logo {
    margin-left: 20px;
}

.navbar-right {
    margin-right: 20px;
}

.logo svg {
    margin-top: -10px;
}