/* File: archinect.v3.5.mobile.css for archinect.com mobile only */

/***************************** Forcing Mobile Navigation Styles at any Screen Width *****************************/

.container {width:auto}

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

.navbar-header {
	float: none;
}
.navbar-left,.navbar-right {
	float: none !important;
}
.navbar-toggle {
	display: block;
}
.navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px;
}
.navbar-collapse.collapse {
	display: none!important;
}
.navbar-nav {
	float: none!important;
	margin: 7.5px -15px;
}
.navbar-nav>li {
	float: none;
}
.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
}
.collapse.in{
	display:block !important;
}


/***************************** Main Elements *****************************/

body {padding-top:50px;background:#fff}
body, p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, li {font-family:Helvetica,Arial,sans-serif;font-weight:300;color:#000}

b, strong {font-weight:500}

a {color:#0078ff}
a:hover,
a:focus {cursor:pointer;text-decoration:none}

p {line-height:1.6em}

.entry-header a,
.entry-body a,
.entry-body li a,
form a,
.modal-content a,
.image-caption a,
.video-caption a,
.error-container a {color:#0078ff;border-bottom:1px solid #fff;outline:none}

.alert {border-radius:2px;margin-bottom:35px}
.alert h4 {line-height:1.3em;font-weight:500}
.alert a {border:none}
.alert .double-size {font-size:18px}

/***************************** Form Elements *****************************/

.form-group {margin:0;color:#555;font-weight:300;font-family:Helvetica,Arial,sans-serif}
form > .form-group:last-child {margin-bottom:0}
.form-control {height:38px;padding: 10px 12px;background-color: #fafafa;border: 1px solid #cdcdcd;border-radius: 2px}
.input-lg {height:44px;font-size:16px;color:#333}
textarea.form-control {padding: 12px;font-size:16px;font-weight:300;font-family:Helvetica,Arial,sans-serif}

.btn-lg {width:100%;padding:10px 18px;margin:10px 0;background-color:#aaa;border-color:#aaa}
.btn-sm {background-color:#aaa;border-color:#aaa}
.btn,
.btn-lg,
.btn-md,
.btn-sm {border-radius: 2px;font-weight:500;text-transform:uppercase;color:#fff;font-family:Helvetica,Arial,sans-serif}
.btn-primary {background-color:#474747;border-color:#474747}
.btn:hover, .btn:focus,
.btn-lg:hover, .btn-lg:focus,
.btn-sm:hover, .btn-sm:focus {color:#fff;outline:none;background-color:#444;text-decoration:none;transition: all .15s ease-in-out;-moz-transition: all .15s ease-in-out;-webkit-transition: all .15s ease-in-out}
.btn-lg:focus {color:#fff;outline:none;background-color:#999}
.btn-primary:hover {color:#fff;outline:none;background-color:#171717;border-color:#171717;color:#fff}
.btn-primary:focus {color:#fff;outline:none;background-color:#000}

.radio {margin-top:0;margin-bottom:0}
label {font-weight:300}
label.required {font-weight:500}
label small {font-weight:300}

.archinect_error,
.archinect_success {display:block;float:none !important;font-size:14px;margin-top:.5em}
.archinect_error,
.archinect_error p {color:#ff0000;font-weight:500}
.archinect_success,
.archinect_success p {color:#0db80d;font-weight:500}



/***************************** Autocomplete *****************************/

.autocomplete-suggestions { border: 1px solid #cdcdcd; border-top:none;background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.5); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.5); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.5);}
.autocomplete-suggestion { padding: 10px 12px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 10px 12px;}
.autocomplete-suggestions > div:nth-child(odd) {background:#f3f3f3}
.autocomplete-selected { background: #0078ff !important;color:#fff }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-selected strong { color:#fff }
.autocomplete-group { padding: 10px 12px; }
.autocomplete-group strong { font-weight: 500; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }


/***************************** Fastconfirm *****************************/

.fast_confirm {font-size: 14px !important;padding: 12px 5px 5px 5px !important;-moz-border-radius: 3px !important;-webkit-border-radius: 3px !important;border-radius: 3px !important;color:#fff !important;}

.fast_confirm button {margin:10px 5px 5px !important;padding:8px 20px !important;font-size:14px !important;-moz-border-radius:3px !important;-webkit-border-radius:3px !important;border-radius:3px !important;border:none !important;width:70px !important;min-width:70px !important}

.fast_confirm button.fast_confirm_proceed,
.fast_confirm button.fast_confirm_proceed:hover,
.fast_confirm button.fast_confirm_proceed:focus {background:#0db80d !important}

.fast_confirm button.fast_confirm_cancel,
.fast_confirm button.fast_confirm_cancel:hover,
.fast_confirm button.fast_confirm_cancel:focus {background:#ff0000 !important}


/***************************** Back to top button *****************************/


/***************************** Modals *****************************/

.modal.fade .modal-dialog {
  -webkit-transform: translate(0,0);
      -ms-transform: translate(0,0);
       -o-transform: translate(0,0);
          transform: translate(0,0);
}

.modal-dialog {margin: 30px 10%;width:auto;font-size:16px}

.modal-content {border-radius: 3px;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2);box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)}

.modal-backdrop.in {opacity: 0.7;filter: alpha(opacity=70);}

.modal-body {padding:5px 30px}
.modal-header {padding:30px;border-bottom:none}
.modal-header .close {color:#000;border:none}
.modal-header .close:hover,
.modal-header .close:focus {color:#000}
.modal-header .modal-title {font-size:21px;font-weight:400}
.modal-header .modal-title .glyphicon {font-size:15px;margin-right:5px}
.modal-footer {border-top:none;padding:0 30px 30px;}

.modal-content .col-1 {border-right:1px solid #eee;padding-right:30px}
.modal-content .col-2 {padding-left:25px}

.modal-content .form-group {margin-bottom:20px}
.modal-content .checkbox {margin:0}
.modal-content .captcha {margin-bottom:8px}
.modal-content .btn {margin:10px 10px 0 0;border:none;color:#fff}
.modal-content .table .btn {margin:0;background:#0078ff}
.modal-content .btn:hover {background:#444;color:#fff}
.modal-content .col-1 p:last-child,
.modal-content .col-2 p:last-child {margin-bottom:0}
#authModal .modal-body .form-control {font-size:16px;padding:12px;height:46px}
#authModal .modal-body .btn {font-size:16px;padding:8px 12px}

.social-auth-container {width:100%;background:#f3f3f3;border-top:1px solid #e3e3e3;margin-top:0px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;padding:20px 30px 40px 30px}
.social-auth-container p {width:100%;text-align:center;margin:0;padding:0 0 10px}
.social-login-btn {width:100%;text-transform:none;padding:12px;margin:0}
.social-login-facebook {background:#3b5998}
.social-login-google {background:#db4b39}
.social-login-twitter {background:#1da1f2}
.social-login-linkedin {background:#0077b5}
.social-login-btn .fa {margin-right:10px;font-size:1.2em}

.modal-alert .modal-dialog {margin-top:-10px}
.modal-alert .modal-content {padding-top:20px;background-color:#fcf8e3;border-color:#faebcc}
.modal-alert #alert_msg {font-size:18px;font-weight:100;color:#594625;padding-left:35px;padding-right:70px;margin-top:-24px}
.modal-alert #alert_msg .glyphicon {margin-right:10px;position:absolute;display:inline}
.modal-alert .close {font-size:30px;color:#333;font-weight:100;opacity:.4}
.modal-alert .close:focus,
.modal-alert .close:hover {opacity:.7}


@media (min-width: 1px) {

.modal {padding:0 !important}

.modal-dialog {margin:10px}

.modal-body {padding:5px 15px 0}
.modal-header {padding:15px}
.modal-footer {padding:0 15px 15px}
.social-auth-container {padding:15px;margin-top:35px}

.modal-content .col-1,
.modal-content .col-2 {padding:0 15px;}
.modal-content .col-1 {border-right:none;border-bottom:1px solid #eee;margin-bottom:25px;padding-bottom:25px}

.panel-heading {padding:10px}
.submissions-list-title {padding:2px 10px 10px 10px!important}
.panel .table .submissions-list-title a {font-size:12px;padding:0 0 5px 0!important;line-height:1em !important}
.panel .table .submissions-list-title a small {font-size:10px}
.submissions-list-date {font-size:12px}

}

@media (max-width: 550px) {

.submissions-list-title {width:60%}
.submissions-list-date {width:30%}

}


/***************************** Header/Navigation *****************************/

@media (min-width: 1px) {

.navbar-fixed-top .navbar-collapse {height:auto;max-height:90%}

.navbar {margin-bottom:0;min-height:50px;border:none !important}
.navbar .navbar-top {background:#222}
.navbar > .container {padding-left:15px;padding-right:15px;padding-top:0}
.navbar > .container .navbar-brand {margin:0 0 0 15px;padding:0}
.navbar-header {height:50px}
.logo {width:132px;height:23px}
.navbar-toggle {float:right;border:none;border-radius:0;margin:-5px 15px 0;padding:0 0 10px 0;background:none !important}
.navbar-toggle .icon-bar + .icon-bar {margin-top:7px}
.navbar-toggle .icon-bar {border-radius:2px;height:1px;width:25px;margin-top:6px}
.navbar-default .navbar-toggle .icon-bar {background-color:#121212}
.navbar-default .navbar-toggle {border-color:#222}
.navbar.navbar-default {border:none !important;background:#222}
.navbar.navbar-default .navbar-collapse {border:none !important;box-shadow:none !important}

.navbar-inverse {border:none !important}
.navbar-inverse .navbar-collapse {padding:5px 15px 20px 15px;border:none !important}

.navbar-inverse .navbar-nav.primary-nav {margin-bottom:0px}
.navbar-inverse .navbar-nav.secondary-nav {margin-bottom:10px}
.navbar-inverse .navbar-nav.primary-nav > li > a,
.navbar-inverse .navbar-nav.secondary-nav > li > a {margin:0;padding:7px 0}
.navbar-inverse .navbar-nav.primary-nav > li {padding:5px 0}
.navbar-inverse .navbar-nav.secondary-nav > li {padding:12px 0;border-bottom:1px solid #2e2e2e;border-top:1px solid #2e2e2e}
.navbar-inverse .navbar-nav > li .separator {color:#555;padding:0 10px}
.navbar-inverse .secondary-nav > li:last-child {border-bottom:none}
.navbar-inverse .navbar-nav > li a {text-transform:uppercase;color:#999;font-weight:400;font-size:12px;letter-spacing:.5px;outline:none;display:inline}
.navbar-inverse .navbar-nav.primary-nav > li a {font-size:16px;font-weight:500;display:block;color:#fff;background:#999;border:none}
.navbar-inverse .navbar-nav.primary-nav > li .fa {font-size:.9em;margin-right:3px}
.navbar-inverse .navbar-nav.primary-nav > li a.btn-myjobs {}
.navbar-inverse .navbar-nav.primary-nav > li a small {font-size:10px;display:block;font-weight:400}
.navbar-inverse .navbar-nav.primary-nav > li a.btn-job-post {background:#ff0000;padding:15px 0;margin-top:0px}
.navbar-inverse .navbar-nav > li.session-link {padding:0 0 25px;border:none}
.navbar-inverse .navbar-nav > li.session-link.account-name {padding:0 0 5px;border-bottom:none;font-weight:700}
.navbar-inverse .navbar-nav > li.session-link.account-name .fa {margin-right:3px}
.navbar-inverse .navbar-nav > li.session-link:last-child {padding-bottom:0}
.navbar-inverse .navbar-nav > li.session-link .session-link-btn {color:#ddd;background:#444;padding:8px 10px;border-radius:2px;margin:0 8px 0 0;font-weight:500}
.navbar-inverse .navbar-nav > li.session-link .session-link-btn .fa {margin-right:3px}
.navbar-inverse .navbar-nav > li.session-link .session-link-btn:last-child {margin-right:0}
.navbar-inverse .navbar-nav > li.session-link.account-name a {font-weight:500;color:#fff;margin-bottom:2px;display:block}
.navbar-inverse .navbar-nav > li.session-link.wide-btn a {width:100%;margin-top:10px;display:block;text-align:center}
.navbar-inverse .navbar-nav > li.session-link .glyphicon {margin-right:5px}
.navbar-inverse .navbar-nav > li.gotodesktop-link {border:none;padding:0}
.navbar-inverse .navbar-nav > li.gotodesktop-link a {padding:0;text-transform:none;font-size:14px}
.navbar-inverse .navbar-nav > li.gotodesktop-link a .fa {margin-left:3px;font-size:12px}

}

.no-transition {
  -webkit-transition: height 0.01s;
  -moz-transition: height 0.01s;
  -ms-transition: height 0.01s;
  -o-transition: height 0.01s;
  transition: height 0.01s;
}


/***********************************   Mobile Nav Header from Desktop Site  ***************************************/

.mobile-nav {position:fixed;z-index:10;top:0;right:0;left:0;width:100%;height:auto;padding:0;display:block;background:none}
.mobile-nav.mobile-nav-open {background:#222;width:100%;height:auto;max-height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}

.mobile-nav-header {display:block;background:#222222;position:fixed;top:0;left:0;right:0;height:48px;width:100%;z-index:11}

.mobile-nav-logo {width:auto;height:23px;padding:15px 15px 8px 15px;z-index:9;position:relative}
.mobile-nav-logo a {display:inline;float:left}
.mobile-nav-logo-home {width:90px;height:23px;padding:0;background:transparent url("../../images/nav/mobile/mobile-nav-logo-home.png") 0 0 no-repeat;background-size:90px 23px}
.mobile-nav-logo-section {width:110px;height:23px;padding:0;background:transparent url("../../images/nav/mobile/mobile-nav-logo-blank.png") 0 0 no-repeat;background-size:110px 23px}
	.mobile-nav-logo-news .mobile-nav-logo-section {background-image:url("../../images/nav/mobile/mobile-nav-logo-news.png")}
	.mobile-nav-logo-features .mobile-nav-logo-section {background-image:url("../../images/nav/mobile/mobile-nav-logo-features.png")}
	.mobile-nav-logo-jobs .mobile-nav-logo-section {background-image:url("../../images/nav/mobile/mobile-nav-logo-jobs.png")}
	.mobile-nav-logo-talentfinder .mobile-nav-logo-section {background-image:url("../../images/nav/mobile/mobile-nav-logo-talentfinder.png");width:127px;background-size:127px 23px}
	.mobile-nav-logo-people .mobile-nav-logo-section {background-image:url("../../images/nav/mobile/mobile-nav-logo-people.png")}
	.mobile-nav-logo-firms .mobile-nav-logo-section {background-image:url("../../images/nav/mobile/mobile-nav-logo-firms.png")}
	.mobile-nav-logo-schools .mobile-nav-logo-section {background-image:url("../../images/nav/mobile/mobile-nav-logo-schools.png")}
	.mobile-nav-logo-blogs .mobile-nav-logo-section {background-image:url("../../images/nav/mobile/mobile-nav-logo-blogs.png")}
	.mobile-nav-logo-forum .mobile-nav-logo-section {background-image:url("../../images/nav/mobile/mobile-nav-logo-forum.png")}
	.mobile-nav-logo-about .mobile-nav-logo-section {background-image:url("../../images/nav/mobile/mobile-nav-logo-about.png")}
	.mobile-nav-logo-advertising .mobile-nav-logo-section {background-image:url("../../images/nav/mobile/mobile-nav-logo-advertising.png")}
	.mobile-nav-logo-contact .mobile-nav-logo-section {background-image:url("../../images/nav/mobile/mobile-nav-logo-contact.png")}
	.mobile-nav-logo-privacy .mobile-nav-logo-section {background-image:url("../../images/nav/mobile/mobile-nav-logo-privacy.png")}

.hamburger-button {width:25px;height: 35px;position: relative;margin:10px 15px 0 10px;padding:0;float: right;z-index:10;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;cursor: pointer;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0)}
.hamburger-button:focus {outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0)}

.hamburger-button .icon-bar {display: block;position: absolute;height:1px;width: 100%;background: #fff;border-radius:2px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-o-transition: .15s ease-in-out;transition: .15s ease-in-out}

.hamburger-button .icon-bar:nth-child(1) {top: 0px}
.hamburger-button .icon-bar:nth-child(2),
.hamburger-button .icon-bar:nth-child(3) {top:8px}
.hamburger-button .icon-bar:nth-child(4) {top:16px}

.mobile-nav-header-open .hamburger-button .icon-bar:nth-child(1) {top: 8px;width: 0%;left: 50%}
.mobile-nav-header-open .hamburger-button .icon-bar:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.mobile-nav-header-open .hamburger-button .icon-bar:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg)}
.mobile-nav-header-open .hamburger-button .icon-bar:nth-child(4) {top: 8px;width: 0%;left: 50%}

.mobile-nav-background {position:fixed;top:-50%;left:0;right:0;bottom:0;height:200%;width:100%;background:rgba(0,0,0,.5);z-index:8;display:none}



/***********************************   Menu from Desktop Site  ***************************************/

.MainMenu {margin:30px 0 0;margin-left:-15px;margin-right:-15px;padding:0}
.mobile-nav-open .MainMenu {display:block}

.MainMenu .menu {clear:both;padding:0;display:table;width:100%;pointer-events:none;cursor:default}
.MainMenu .submenu {clear:both;padding:0;display:inline-block !important;text-align:center}

.MenuLogo {display:none}

.MenuButton em,
.MenuButton.Main em,
.mobile-SessionArea .session-link a,
.mobile-searchfield .Textfield,
.edition-switch {text-transform:uppercase;font-size:12px;color:#eee;font-weight:400;letter-spacing: 0.5px}

a.MenuButton {padding:0 6px 0 0;background:none;margin:0 6px 0 0;display:inline;float:left;border-right:1px solid #3e3e3e;border-bottom:2px solid rgba(255,255,255,0);color:#eee}
.MainMenu .submenu a.MenuButton:last-child {border-right:none;margin-right:0;padding-right:0}
a.MenuButton.Main {padding:0;margin:3px 0 0;display:block;float:none;clear:both;width:100%;background:none;font-weight:400;border:none;pointer-events:none;cursor:default}
a.MenuButton.Active em {color:#fff;border-bottom:2px solid #fff}
.MainMenu .menu.openlanguage .MenuButton.Main em {}

.MenuButton em {padding:0;background:none !important;border-radius:0;font-style:normal}
.MenuButton.Main em {padding:0;background:none !important;font-size:16px;text-transform:none;color:#888;font-weight:400}

.MainMenu div:nth-child(3) a:nth-child(3),
.MainMenu div:nth-child(3) a:nth-child(4),
.MainMenu div:nth-child(5) a:nth-child(3),
.MainMenu div:nth-child(7) a:nth-child(5),
.MainMenu div:nth-child(9) a:nth-child(3) {display:none !important}

.MainMenu div:nth-child(3) a:nth-child(2),
.MainMenu div:nth-child(5) a:nth-child(2),
.MainMenu div:nth-child(7) a:nth-child(4),
.MainMenu div:nth-child(9) a:nth-child(2) {border-right:none;margin-right:0;padding-right:0}

.SessionArea {display:none}

.mobile-searchfield {display:block;width:100%;margin:10px 0 17px }
.mobile-searchfield label {margin-bottom:5px;max-width: 100%;color: #999;display: block;font-size: 10px;letter-spacing: 1px;text-transform: uppercase;}
.mobile-searchfield .Textfield {display:block;width:100%;height:auto;border:1px solid #555;padding:12px 3%;background:none;font-size:16px;line-height:1em;color:#fff;margin:0;text-transform:none}
.mobile-searchfield .Textfield:focus {#border-color:#66afe9}

.mobile-SessionArea {display:block}
.mobile-SessionArea .session-link {display:block;padding-bottom:5px;clear:both}
.mobile-SessionArea .session-link a,
.mobile-SessionArea .session-link.account-name {font-size: 12px;text-transform: uppercase;letter-spacing: 0.5px;padding: 7px 0}
.mobile-SessionArea .session-link.account-name {display:block;color:#999;font-weight:500;margin-bottom:3px}
.mobile-SessionArea .session-link.account-name a {color:#fff;font-weight:500}
.mobile-SessionArea .session-link .session-link-btn {display: inline;float:left;background-color:#444;border-radius:2px;color:#ddd;font-weight: 500;margin: 0 8px 10px 0;padding: 8px 8px;white-space:nowrap;line-height:1em}
.mobile-SessionArea .session-link .session-link-btn:focus {background-color:#777}
.mobile-SessionArea .session-link.wide-btn a {display:block;width:100%;text-align:center;padding:10px 0;margin-top:10px}
.mobile-SessionArea .session-link .session-link-btn:last-child {margin-right:0}
.mobile-SessionArea .session-link .fa {margin-right: 3px}

.edition-switch {margin:11px 0 10px}
.edition-switch-toggle p,
.edition-switch-toggle a {font-size: 12px;text-transform: uppercase;letter-spacing:0.5px;padding:0 0 0 16px}
.edition-switch-toggle p {font-weight:500;line-height:1em;background-position:-2px -183px}
.edition-switch-toggle:hover p,
.edition-switch-toggle:focus p {font-weight:500;line-height:1em;background-position:-2px -183px}
.edition-switch-toggle a {font-weight:400}
.edition-switch-toggle .Slickbox {margin-top:0}
.edition-switch-toggle li {padding:5px 0 9px}


/***************************** Footer *****************************/

.footer-area {padding:25px 15px 80px 15px;background:#444;margin-top:0}

.footer-area .navbar-nav.primary-nav {margin-bottom:20px}
.footer-area .navbar-nav.primary-nav > li > a,
.footer-area .navbar-nav.secondary-nav > li > a {margin:0;padding:7px 0;font-weight:500}
.footer-area .navbar-nav li > a:hover,
.footer-area .navbar-nav li > a:focus {background:none;color:#fff}
.footer-area .navbar-nav.primary-nav > li {padding:5px 0}
.footer-area .navbar-nav.secondary-nav > li {padding:12px 0 4px 0;border-bottom:1px solid #555;border-top:1px solid #555;color:#999}
.footer-area .navbar-nav > li .separator {color:#555;padding:0 10px}
.footer-area .secondary-nav > li:last-child {border-bottom:none}
.footer-area .navbar-nav > li a {text-transform:uppercase;color:#999;font-weight:400;font-size:12px;letter-spacing:.5px;outline:none;display:inline}
.footer-area .navbar-nav.primary-nav > li a {font-size:16px;font-weight:500;display:block;color:#fff;background:#999;border:none}
.footer-area .navbar-nav.primary-nav > li a small {font-size:10px;display:block;font-weight:400}

.footer-area .navbar-nav > li.gotodesktop-link {border:none;padding:0 0 5px}
.footer-area .navbar-nav > li.gotodesktop-link a {padding:0;text-transform:none;font-size:14px}
.footer-area .navbar-nav > li.gotodesktop-link a .fa {margin-left:3px;font-size:12px}

.footer-area .navbar-nav.social-links {padding:12px 0 5px;margin-top:0;margin-bottom:0;#555;border-top:1px solid #555}
.footer-area .navbar-nav.social-links p {texta-lign:center;color:#999}
.footer-area .navbar-nav.social-links > li {padding:0;margin:0;display:inline}
.footer-area .navbar-nav.social-links > li a {padding:3px;margin:0}
.footer-area .navbar-nav.social-links > li:nth-child(2) a {padding-left:0}
.footer-area .navbar-nav.social-links > li:last-child a {padding-right:0}
.footer-area .navbar-nav.social-links .fa-stack {opacity:.7}
.footer-area .navbar-nav.social-links .fa-stack:hover,
.footer-area .navbar-nav.social-links .fa-stack:focus {opacity:1}
.footer-area .navbar-nav.social-links .fa-stack-2x {color:#555}

.footer-area .MainMenu {margin:0}
.footer-area a.MenuButton {border-right:1px solid #555}


/*********************************** Pagination ***************************************/

.pagination {margin-top:35px;margin-bottom:10px}

.pagination > li > a,
.pagination > li > span {border-color:#eee;color:#0078ff}

.pagination > li:first-child > a,
.pagination > li:first-child > span {border-bottom-left-radius: 2px;border-top-left-radius: 2px;margin-left: 0;}

.pagination > li:last-child > a,
.pagination > li:last-child > span {border-bottom-right-radius: 2px;border-top-right-radius: 2px;}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {background-color: #0078ff;border-color:#0078ff}

.media-pagination {margin: 0;padding: 0;text-align: center;position: relative}


/***************************** Jobs Pages *****************************/

.section-header {height:130px;background:rgba(0, 0, 0, 0)}
.section-jobs .section-header {background:url("../../images/nav/mobile/section-header-jobs.png") no-repeat scroll 0 63px / 63px 34px}

.section-header .nav-tabs > li {width:33%}
.section-header .nav-tabs > li > a,
.section-header .nav-tabs > li.active > a {border-radius:0;border:1px solid #ddd;border-right:none;color:#888;margin-right:0px;text-transform:uppercase;letter-spacing:2px;font-size:11px;text-align:center}
.section-header .nav-tabs > li.header-nav-highlights > a {border-left:none}
.section-header .nav-tabs > li.active > a {background:#f0f0f0;color:#333}
.section-header .nav > li > a {padding:6px 10px}

.helper-text {color:#888;font-size:14px}

.jobs-index .entry,
.jobs-postjob-package .entry {padding-bottom:20px}

.entry-header {padding-top:30px;margin-bottom: 10px}
.entry-title {font-family:Helvetica,Arial,sans-serif;font-size:24px;line-height:1.2em;font-weight:500;padding:0;margin:0 0 25px 0;color:#121212}

.entry-body,
.entry-body > h1,
.entry-body > h2,
.entry-body > h3,
.entry-body > h4,
.entry-body > h5,
.entry-body > h6,
.entry-body p,
.entry-body li {font-family:Helvetica,Arial,sans-serif;font-size:15px;font-weight:normal;line-height:1.5em;word-wrap:break-word}
.entry-body strong, .entry-body b,
.entry-body > h1 strong, .entry-body > h1 b,
.entry-body > h2 strong, .entry-body > h2 b,
.entry-body > h3 strong, .entry-body > h3 b,
.entry-body > h4 strong, .entry-body > h4 b,
.entry-body > h5 strong, .entry-body > h5 b,
.entry-body > h6 strong, .entry-body > h6 b,
.entry-body p strong, .entry-body p b,
.entry-body li strong, .entry-body li b {font-weight:500}
.entry-body li,
.comment li {padding-left:5px;margin-bottom:.5em}
.entry-body ul,
.entry-body ol,
.comment ul,
.comment ol {margin:-.5em 0 1.5em;padding-left:20px}
.entry-body li > ul,
.entry-body li > ol {margin-top:.5em}
.entry-body li > ul > li,
.entry-body li > ol > li {width:100%}
.entry-body p,
.entry-body > h1,
.entry-body > h2,
.entry-body > h3,
.entry-body > h4,
.entry-body > h5,
.entry-body > h6 {margin:0 0 2em}

.entry-body img,
.entry-body p img,
.entry-body iframe {max-width:100%;height:auto}

.entry-body-image,
.entry-body-image.full-width,
.entry-body-image.inset-left,
.entry-body-image.inset-right,
.pull-quote,
.pull-quote.full-width,
.pull-quote.inset-left,
.pull-quote.inset-right {float:none;width:100%;max-width:100%;margin:0 0 1.5em 0}
.entry-body blockquote {margin-bottom:1em;width:100%}
.entry-body blockquote,
.entry-body blockquote p,
.pull-quote p {font-size:20px}
.entry-body blockquote,
.pull-quote {padding:10px 20px}

.entry-video {margin:10px 7% 5em 7%}
.image-caption,
.video-caption {margin:15px 0 0 0;font-size:13px;color:#555;line-height:1.3em;font-family:Helvetica,Arial,sans-serif;font-weight:300}
.entry-video .fluid-width-video-wrapper {padding-top:0}

.entry-gallery {margin:0 7% 5em 7%}
.entry-gallery figure {width:65%}
.entry-gallery figure > div {padding:0 1px 1px 0}
.entry-gallery .thumbnail {border:none;border-radius:0;margin:0;padding:0}
.entry-gallery .thumbnail:hover {opacity:.9}

.entry-tags {margin:25px 0 0;font-size:12px;line-height:20px}
.entry-tags span {color:#ddd;margin:0 5px;font-size:10px}
.entry-tags a {font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:20px;font-weight:300}

.entry-profiles {margin:25px 0 0}
.entry-profiles .profile {display:block;background:#fff;min-height: 40px;margin: 0 0 2px 0;padding: 8px 0 8px 0;font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:1.2em;color:#666;border:none;opacity:.8;font-weight:300}
.entry-profiles .profile img {float: left;height: 40px;margin-right: 13px;width: 40px}
.entry-profiles .profile .TextOuter {display: table;height: 40px;overflow: hidden}
.entry-profiles .profile .TextMiddle {display: table-cell;vertical-align: middle}
.entry-profiles .profile .TextInner {max-height: 40px;overflow-y: hidden;word-wrap: break-word;line-height:1.1em}
.entry-profiles .profile:hover {text-decoration:none;opacity:1}
.entry-profiles .profile:hover .TextInner {color:#000}

.entry-comments {margin:0 7% 0 7%}
.entry-comments .social-sharing {margin:50px 0}
.social-sharing h4 {float:left;margin:8px 20px 0 0}
.entry-comments .media-list {margin-bottom:15px}
.entry-comments .rating-container {margin-bottom:35px}
.entry-comments .media {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f3f3f3}
.entry-comments .media:last-child {margin-bottom:20px;padding-bottom:0;border:none}
.entry-comments #commentContainer .media:last-child,
.entry-comments #commentContainerMobile .media:last-child {padding-bottom:20px;border-bottom:1px solid #f3f3f3}
.entry-comments .avatar,
.entry-details .avatar,
.intro-header .avatar {margin-right:20px;background-image:url('../../images/nav/mobile/avatar-default.jpg');background-repeat:no-repeat;background-size:50px 50px;border-radius:50%;padding-right:0}
.entry-comments .avatar img,
.entry-details .avatar img,
.intro-header .avatar img {border-radius:50%;width:50px;height:50px}
.entry-comments .media-object {width:50px;height:50px;opacity:.3;filter:alpha(opacity=30)}
.entry-comments a .media-object {opacity:1;filter:alpha(opacity=100)}
.entry-comments .comment-follow-toggle {float:right;display:inline;color:#999;outline:none;margin-left:15px;border:none;font-size:14px}
.entry-comments .comment-follow-toggle .fa {font-size:14px;margin-right:8px}
.entry-comments .comment-follow-toggle span {font-family:Helvetica,Arial,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase}
.entry-comments .comment-follow-toggle.active,
.entry-comments .comment-follow-toggle:hover,
.entry-comments .comment-follow-toggle:focus {color:rgba(0,120,255,1);outline:none}
.entry-comments .media-heading {font-size:16px;font-weight:400}
.entry-comments .media-heading small {margin-left:5px;font-weight:300}
.entry-comments .media-heading .comment-flag {float:right;color:rgba(0,0,0,.1);text-decoration:none;border:none;font-size:13px;margin-top:8px}
.entry-comments .media-heading .comment-flag .fa {margin-right:3px}
.entry-comments .media-heading .comment-flag:hover,
.entry-comments .media-heading .comment-flag:focus {color:rgba(0,120,255,1);outline:none}
.entry-comments .rating-container .media-heading {font-size:21px;font-weight:300}
.entry-comments .media-list:last-child .media:last-child .media-heading {font-weight:300;color:#999}
.entry-comments .media:last-child .media-heading span {font-weight:400}
.entry-comments .comment a {color:#0078ff;border-bottom:1px solid #fff;transition: all .15s ease-in-out;-moz-transition: all .15s ease-in-out;-webkit-transition: all .15s ease-in-out}
.entry-comments .comment a:hover {border-color:#0078ff;text-decoration:none}
.entry-comments .comment-form {margin-top:15px}
.entry-comments .comment-form .form-group {margin-bottom:10px}
.entry-comments .comment-form .form-control {background-color: #fcfcfc}
.entry-comments .comment-form .btn {margin-top:5px;font-size:16px}
.entry-comments .comment-form .comment-notify {display: inline-block;}
.entry-comments .comment-form .comment-notify .checkbox {padding-top:12px;font-size:13px;color:#999;line-height:1.2em}
.entry-comments .comment-form .comment-notify .checkbox label div {margin-top:3px}
.entry-comments .comment-form .comment-notify .checkbox label .fa {font-size:14px;margin:0 5px 0 8px}

.job-details {border-top:1px solid #eee;border-bottom:1px solid #eee;padding:10px 0;margin:0 0 25px 0;border:none}
.media-left, .media>.pull-left {padding-right:14px}
.job-firm-logo {width:88px;height:88px;border-radius:2px}
.job-details p {font-size:16px;line-height:1.2em;margin:0 0 4px 0;padding:0;font-weight:normal}
.job-details p.job-diversity {font-size: .925em; color: #999; margin-bottom: .5em;} 
.job-employer a {font-weight:700}
.job-details .media-body p:last-child {margin-bottom:0}
.job-details p .diversity-badge {height: .9em; width: auto; border: 0; margin-left: .3em; vertical-align: -5%;}

.entry-job-apply {margin-bottom:50px}
.btn-job-post {background:#ff0000;border:none}
.btn-job-apply,
.btn-job-apply-submit {background:#666;padding:20px 18px;margin-bottom:30px;border:none}
.btn-job-apply-submit .fa {font-size:.8em}
.btn-job-apply-close {background:#eee;border:none;color:#666;margin:10px 0 30px;font-weight:400;font-size:14px}
.job-apply-header {margin:25px 0 10px;display:block}
.job-apply-profilepic {border-radius:50%;width:50px;height:50px}
.job-apply-title {font-weight:500;line-height:1.3em;margin-bottom:0}
.job-apply-subtitle {line-height:1.3em;color:#666}
.job-apply-info {margin:20px 0 10px;line-height:1.5em;color:#666}
.job-apply-noprofile .job-apply-info {background:#f3f3f3;}

.job-list {margin-bottom:0}
.job-list-item {border-top:1px solid #eee;padding:15px;margin:0;display:block;clear:both}
.jobs-index .job-list .job-list-item:first-child {border-top:none}
.jobs-index .job-list .job-list-item:last-child,
.firm-profiles .job-list .job-list-item:last-child {border-bottom:1px solid #eee}
.job-list-item:focus,
.job-list-item:hover {text-decoration:none;background:#f3f3f3}
.media-left,
.media > .pull-left {padding-right:18px}
.job-list-firm-logo {width:78px;height:78px;border-radius:2px}
.job-list-item p {line-height:1.3em;margin:0 0 6px 0;padding:0}
p.job-list-title {font-weight:400;font-size:16px;line-height:1.2em}
p.job-list-title .diversity-badge {height: .85em; width: auto; border: 0; margin-left: .3em; vertical-align: -10%;}
p.job-list-details {margin-bottom:0;font-size:14px;color:#888}
p.job-list-details span {font-size: 9px; line-height: normal; color: #aaa; font-weight: normal; text-transform: uppercase; letter-spacing: .5px; display: block; margin-top: 8px}

.job-search {background:#f9f9f9;padding:30px 15px 15px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
#searchJobs,
#jobSearchRadius {display:none}
.job-search-form label,
.job-saved-list label {text-transform:uppercase;font-size:10px;letter-spacing:1px;color:#999;display:block}
.job-search-keyword,
.job-search-location,
.job-search-radius {margin-bottom:10px;background:#fff}
.job-search-radius {height:45px; font-size: 16px}
.job-search-button {margin:0 0 20px;letter-spacing:.5px}
.job-search-button .glyphicon {font-size:14px;margin-right:3px}
.job-browse-toggle,
.job-browse-toggle:hover,
.job-browse-toggle:focus,
.job-browse-toggle:active {font-size:14px;font-weight:500;color:#0078ff;text-decoration:none;margin-top:8px;display:block;outline:none}

.diversity-container {margin: 1.5em 0 .5em;}
.diversity-container .diversity-col label,
.job-search-form label.primary-label {display: inline-block; text-transform: none; letter-spacing: normal; color: #333; font-size: 15px; white-space: nowrap;}
.job-search-form label.primary-label input.Checkbox {padding: 0; margin:0; vertical-align: middle; position: relative; top: -2px;}
.diversity-options {padding-top: 5px;}
.job-search-form label .diversity-badge {height: .85em; width: auto; border: 0; margin: 0 .4em 0 .8em; vertical-align: 0%;}
.diversity-container .diversity-col {display: inline-block; width:45%; padding: 5px 0 0 5px;}
.diversity-container .diversity-col span,
.diversity-container .diversity-col input[type=checkbox] {vertical-align: middle;}
.diversity-container .diversity-col input[type=checkbox] {margin: 0 8px 0 0;}
.job-search-form label.primary-label >,
.diversity-container .diversity-col label > {display: block; pointer-events: none;}

.employment-type {margin: 15px 0 10px}
.employment-type .checkbox {display: inline-block; width: 49%; background: #f1f1f1; padding: 3%; border-radius: 2px; margin: 0 0 4px 0; transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out}
.employment-type .checkbox.checked {background: #e3e3e3}
.employment-type .checkbox:nth-child(even) {margin-right: 0;}
.employment-type .checkbox label {font-size: 15px; color: #333; text-transform: none; line-height: normal; letter-spacing: 0; min-height: auto; vertical-align: baseline;padding-left: 26px}
.employment-type .checkbox label input[type=checkbox] {margin: 0 0 0 -26px;}

.job-browse-list {padding:15px 0 0 0}
.job-browse-list a {text-transform:none;background:#ececec;border-color:#d9d9d9;margin:0 8px 8px 0;padding:6px 8px 4px;font-size:12px;float:left;white-space:nowrap;color:#333;font-weight:500;border-radius:2px}
.job-browse-list a span {color:#999;font-weight:300;transition: all .15s ease-in-out;-moz-transition: all .15s ease-in-out;-webkit-transition: all .15s ease-in-out}
.job-browse-list a.active, .job-browse-list a.active span,
.job-browse-list a:active, .job-browse-list a:active span,
.job-browse-list a:focus, .job-browse-list a:focus span,
.job-browse-list a:hover, .job-browse-list a:hover span {background:#666;border-color:#666;color:#fff}

.job-saved-list {padding:15px 0 0 0}
.job-saved-list label {margin-bottom:15px}
.saved-job {text-transform:none;border-color:#d9d9d9;margin:0 8px 8px 0;padding:0;font-size:12px;float:left;white-space:nowrap;color:#333;font-weight:500;border-radius:2px;height:28px}
.saved-job a {display:inline;margin: 0;padding: 6px 8px;border: 1px solid #d9d9d9}
.saved-job-title {background: #ffffdd;border-radius: 2px 0 0 2px;color: #333}
.saved-job-delete {background: #fff;border-left:none !important;border-radius: 0 2px 2px 0;color: #aaa}
.saved-job.active a.saved-job-title,
.saved-job a.saved-job-title:active,
.saved-job a:focus,
.saved-job a:hover {background:#666;border-color:#666;color:#fff}

.job-search-results {margin:15px 0 5px 0}
.job-search-results-text {font-size:18px;margin-bottom:15px;line-height:1.3em}
.job-search-results .job-results-title {margin: 20px 0}
.job-search-results .btn-job-results {margin:0}
.btn-job-results-close {background:#eee;border:none;color:#666;margin:10px 0 30px;font-weight:400;font-size:14px}

.post-job-button {padding:10px 0}
.post-job-button .btn-job-post {padding:18px}

.back-to-list {padding:20px 0;border-top:1px solid #eee}
.back-to-list .back-to-list-link {font-size:16px;font-weight:500;margin:0 0 0 15px;padding:0}

.page-pagination {padding:0 auto 0 auto;text-align:center}

.jobs-postjob .entry-title {font-size:21px;margin-top:25px;margin-bottom:15px;padding-left:15px;padding-right:15px;font-weight:700}
.jobs-postjob .sub-header {font-size:20px;margin:20px 0;display:block;font-weight:500}

.jobs-postjob-register .entry ul {padding-left:20px;margin-top:15px}
.jobs-postjob-register .entry li {margin-bottom:.5em}
.jobs-postjob-register .entry p,
.jobs-postjob-register .entry li {font-size:16px}
.jobs-postjob-register .entry .btn {margin-top:20px;margin-bottom:30px}
.entry .postjob-header {margin-bottom:45px}
.entry .postjob-steps,
.entry .postjob-helpertext {background:#fff83f}
.entry .postjob-steps .postjob-pointer,
.entry .postjob-helpertext .postjob-pointer {color:#fff83f;position:absolute;margin:-10px 0 0 25px;font-size:30px;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.entry .postjob-steps ul {margin-top:10px;margin-bottom:30px;padding-left:15px;padding-right:15px;list-style-type:none}
.entry .postjob-steps li {font-size:16px;color:#000;margin:0;padding:0;font-weight:500;opacity:.2}
.entry .postjob-helpertext p {font-size:16px;color:#000;margin:15px 15px 5px;font-weight:300;opacity:.9}
.entry .postjob-steps li.active {opacity:.85}
.entry .postjob-steps li.done {color:#444}
.entry .postjob-steps .bump-note {padding:20px 15px 15px;border-top:1px dotted rgba(0,0,0,.3)}
.entry .postjob-steps .bump-note p {font-weight:500}


.job-post-form {margin:45px 0 0}
.job-post-preview {margin-bottom:10px}
.job-post-form .form-group,
.job-post-preview .form-group,
.job-post-payment .form-group,
.job-post-thanks .form-group {margin-bottom:30px}
.job-post-label {font-weight:500;font-size:18px;color:#000}
.job-post-label small {font-weight:200;font-size:14px;color:#999;display:block;margin:5px 0}
.job-post-label small .fa-angle-right {font-weight:500;margin:0 15px}
.job-post-label small.primary {color:#000}
.checkbox .job-post-label small,
.checkbox-inline .job-post-label small,
.radio .job-post-label small,
.radio-inline .job-post-label small {margin-top:2px;margin-left:3px}
.job-post-input,
.job-post-select {padding:14px 12px;height:54px;font-size:18px;background-color:#eee;border-color:#eee;border-radius:4px;box-shadow:none}
select.job-post-select {color:#000;height:54px}
.job-post-preview .form-group.job-post-select-group {margin-bottom:25px}
.job-post-textarea {padding:14px 12px;height:auto;font-size:16px;background-color:#eee;border-color:#eee;border-radius:4px;box-shadow:none}
.form-control[disabled],
fieldset[disabled] .form-control {background-color:#f7f7f7f7;border-color:#f7f7f7f7}
.job-post-form .btn-job-post,
.job-post-preview .btn-job-post,
.job-post-payment .btn-job-post {padding:18px 5px}

.preview-marker {padding:15px 0;margin:0;border-top:1px solid #eee;border-bottom:1px solid #eee;color:#888;text-transform:uppercase;font-size:12px;letter-spacing:2px;width:100%;text-align:center}
.job-post-preview .job-post-select-group {margin:10px 0 50px}
.job-post-preview .job-post-help-group {margin:0 0 10px}
.btn-job-post-helper {margin:7px 0;width:100%;background-color:#555;border-color:#555;color:#fff}
.btn-job-post-helper.primary {background:#aaa;border-color:#aaa}

.preview-counter {font-weight:500;font-size:18px}
.preview-counter .fa-stack .fa-stack-1x {font-family:serif;font-size:18px;font-weight:500 !important;font-weight:300;color:#000}
.preview-counter .fa-circle {color:yellow}
.preview-help {font-weight:500;line-height:1.3em;margin-bottom:1.5em}


.panel.preview-jobs-group {border-radius:4px;box-shadow:none;margin:20px 0 20px;border:none}
.preview-jobs-group .job-item {border-bottom:2px solid #fff;padding:15px;background:#f9f9f9}
.preview-jobs-group .job-item:first-child {border-top-left-radius:4px;border-top-right-radius:4px}
.preview-jobs-group .job-item:last-child {border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.preview-jobs-group .job-item.active {background:#444}
.preview-jobs-group .job-icon {width:33px;height:21px;display:inline;margin:0 5px 10px 0;display:none}
.preview-jobs-group .radio input[type="radio"] {margin-left:-25px;margin-top:2px}
.preview-jobs-group .job-post-label {margin:0;padding:0 0 0 25px;font-size:16px;font-weight:500;line-height:1.2em !important;opacity:.7;width:100%}
.preview-jobs-group .active .job-post-label {opacity:1;color:#fff}
.preview-jobs-group .job-preview-btn-group {float:right;padding:0 0 3px 15px}
.preview-jobs-group .job-preview-edit,
.preview-jobs-group .job-preview-remove {display:inline;border:none;color:#666;font-size:18px;opacity:.85;margin-left:15px}
.preview-jobs-group .active .job-preview-edit,
.preview-jobs-group .active .job-preview-remove {color:#fff}
.preview-jobs-group .job-preview-edit {margin-left:22px}
.preview-jobs-group .fa-circle {color:#666;opacity:.15}
.preview-jobs-group .active .fa-circle {color:#fff}


.jobs-postjob-preview .entry-body {margin-bottom:40px}

.job-post-package {margin-top:-10px;margin-bottom:30px;padding:0 15px}
.job-post-package-group {border-radius:4px;padding:15px 15px 17px 15px;margin-bottom:10px;display:block;background:#f9f9f9}
.job-post-package-group .help-link {float:right;display:inline;color:#000;border:none;font-size:21px;opacity:.2;margin-top:-2px}
.job-post-package-group .sub-header {color:#000;margin:0 0 8px;font-weight:500}
.job-post-package-group p {text-transform:uppercase;color:#333;letter-spacing:.5px;font-weight:400}
.job-post-package-group .btn-job-package {background:#ff0000;border-color:#ff0000;width:100%;padding:10px 0;margin:3px 0 0}
.job-post-package-group.traditional {background:#f9f9f9}
.job-post-package-group.wider {background:#f4f4f4}
.job-post-package-group.wider-prolonged {background:#efefef}

.fineprint {font-size:12px;color:#888;font-style:italic}

.job-post-payment {margin:30px 0 30px}
.job-post-payment .sub-header {font-weight:500;margin:10px 0 20px}
.job-post-payment .payment-couponcode-group {border-bottom:3px solid #000;padding:0 0 30px 0;margin:0 0 40px;display:block}
.payment-couponcode-group h3 {margin:0 0 15px}
.btn-job-coupon {background-color:#555;border-color:#555;color:#fff}
.couponcode-toggle,
.couponcode-toggle:focus,
.couponcode-toggle:hover {color:#aaa;border:none;font-size:16px;font-weight:500}
#couponcodeHide,
#collapseCouponcode {display:none}
.couponcode-collapse {margin:25px 0 0}
.coupon-message {margin:20px 0 10px;font-size:16px;font-weight:500;display:none}
.coupon-message.valid {color:green}
.coupon-message.invalid {color:red}
.coupon-message .glyphicon {margin-right:8px}

.job-post-payment .apple-pay-group {margin-bottom:30px;padding-top:0}
.apple-pay-group .btn-job-post {margin:25px 0 40px}
.payment-help-text {padding:0;margin:0;color:#888;text-transform:uppercase;font-size:12px;letter-spacing:2px;width:100%;text-align:center}

.panel.payment-cards-group {border-radius:4px;box-shadow:none;margin:0 0 40px;border:none}
.payment-cards-group .card-item {border-bottom:2px solid #fff;padding:15px 15px;background:#eee}
.payment-cards-group .card-item:first-child {border-top-left-radius:4px;border-top-right-radius:4px}
.payment-cards-group .card-item:last-child {border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.payment-cards-group .card-item.active {background:#444}
.payment-cards-group .card-icon {width:33px;height:21px;display:inline;margin:0 5px 10px 0;display:none}
.payment-cards-group .radio input[type="radio"] {margin-left:-25px;margin-top:2px}
.payment-cards-group .job-post-label {margin:0;padding:0 0 0 25px;font-size:16px;font-weight:500;line-height:1.2em !important;opacity:.7}
.payment-cards-group .active .job-post-label {opacity:1;color:#fff}
.payment-cards-group .card-remove {color:#888;border:none;display:block;opacity:.5;text-align:right;float:right;font-size:20px;line-height:1}
.payment-cards-group .active .card-remove {color:#fff}

.payment-expiration-group .job-post-label,
.payment-cvv-group .job-post-label,
.payment-cvv-group .archinect_error {display:block;padding-left:15px;padding-right:15px}
.payment-cvv-group .help-link {display:inline;color:#000;border:none;font-size:14px;font-weight:500;opacity:.3;margin:10px 0 0 20px}
.payment-cvv-group .help-link .fa {font-size:18px;opacity:.9}
.payment-cvv {display:inline;width:80px;margin-bottom:8px}
.payment-zip {width:100px}

.receipt-addresses {margin-top:25px;margin-bottom:10px}
.receipt-addresses p {line-height:1.4em;margin:0 0 20px 0;font-size:16px}
.thanks-receipt-group {border-radius:1px;box-shadow:none;margin:0 0 30px;border-color:#eee}
.receipt-item {border-bottom:1px solid #eee;padding:15px;font-size:16px;line-height:1.3em}
.receipt-item:last-child {border-bottom:none}
.receipt-item h4 {font-size:16px;font-weight:400;line-height:1.4em;margin:0}
.receipt-item h4 .fa {font-size:13px}
.receipt-item h4 strong {display:block;margin:15px 0 5px;font-size:24px}
.receipt-item a {font-weight:400;margin-bottom:7px;display:block}
.job-post-thanks {margin:0 0 30px}
.job-post-thanks .email-receipt-group {margin:0 0 5px 0}
.email-receipt-collapse {margin:5px 0 30px}

.btn-job-edit-group {width:100%;margin-bottom:25px}
.btn-job-edit {background-color:#0078ff;color:#fff !important;border:1px solid #fff;font-size:11px;border-radius:4px;padding:8px 15px}
.btn-job-edit .fa {margin:0 7px 0 0}

.job-applications-alert {font-size:16px;line-height:1.3em;margin-bottom:30px}
.job-applications-alert .fa {margin:3px 15px 40px 0;float:left}

.pricing-modal .modal-body {padding:0 15px}
.pricing-modal-list {display:block;background:#f3f3f3;margin-bottom:25px}
.pricing-modal-list-header {padding:15px 15px;color:#fff;font-size:21px;font-weight:500;border-top-left-radius:4px;border-top-right-radius:4px}
.traditional .pricing-modal-list-header {background:#999}
.wider .pricing-modal-list-header {background:#ff5a00}
.wider-prolonged .pricing-modal-list-header {background:#ff0000}
.pricing-modal-list-body {padding:15px 15px 10px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.pricing-modal-list ul {padding-left:0;margin:25px 0 0;list-style-type:none}
.pricing-modal-list ol {padding-left:30px;margin-bottom:10px}
.pricing-modal-list p,
.pricing-modal-list li {line-height:1.3em}
.pricing-modal-list ol li {margin-bottom:8px}
.pricing-modal-list ul li {font-weight:500;border-top:1px solid rgba(0,0,0,.08);padding:10px 0 10px 5px;margin:0}

.jobs-myjobs .post-job-button {padding:20px 0 10px}

.myjobs-table {margin:10px 0 30px}
.myjobs-table caption {color:#000;font-weight:500;text-transform:uppercase;font-size:18px;padding:10px 15px}
.myjobs-table > tbody > tr:first-child > td,
.myjobs-table > tbody > tr:first-child > th {border-color:#666}
.myjobs-table > tbody > tr > td {padding:20px 20px 20px 8px}
.myjobs-table > tbody > tr > th {padding:20px 8px 20px 15px;font-size:16px;line-height:1.2em}
.myjobs-table p.job-list-title,
.myjobs-table p.job-list-details,
.myjobs-table p.job-list-coupon {margin:0 0 10px 0;line-height:1.3em;color:#666;font-size:14px}
.myjobs-table p.job-list-coupon {padding-left:22px;margin-bottom:5px}
.myjobs-table p.job-list-coupon.has-icon {padding-left:0;margin-bottom:2px}
.myjobs-table p.job-list-coupon .fa {margin-right:7px}
.myjobs-table p.job-list-title {font-size:16px;color:#0078ff;line-height:1.2em;font-weight:500}
.myjobs-table .coupon-text {text-transform:uppercase;background:#f9f9f9;border:1px solid #f1f1f1;border-radius:1px;padding:1px 2px 0px;font-weight:500;margin-right:3px;letter-spacing:.5px}

.myjobs-table .btn-job-edit-group {margin:12px 0 0 0}
.myjobs-table .btn-job-edit {margin:0 0 3px 0;padding:8px 12px;border-radius:3px}
.myjobs-table .btn-job-edit .fa {margin:0 5px 0 0}
.myjobs-closed .btn-job-edit.btn-repost {background:#ff0000}
.myjobs-closed .btn-job-edit:focus,
.myjobs-closed .btn-job-edit:hover {background:#444}
.myjobs-closed  p.job-list-title,
.myjobs-closed  p.job-list-details,
.myjobs-closed  p.job-list-coupon,
.myjobs-closed  p.job-list-applications,
.myjobs-closed  th {color:#aaa}

.myjobs-table .job-list-applications {padding:5px 0 10px 0;margin:0;display:block}
.myjobs-table .job-applications-alert {font-size:14px;margin:0}
.myjobs-table .job-applications-alert .fa {margin:3px 15px 30px 0;float:left}


/***************************** Profile Pages *****************************/

.mobile-profile-alert {background:#eee;color:#888;font-size:11px;font-weight:500;border-radius:0;padding:10px 15px 10px;margin:0;line-height:1.3em}
.mobile-profile-alert .fa {margin:2px 17px 5px 0;float:left}
.mobile-profile-alert a {color:#666;border-bottom:1px solid rgba(0,0,0,.5)}

.profile-header {background:#fff;margin:0;padding:30px 25px 15px;width:100%;text-align:center;position:relative;border-bottom:1px solid #eee}
.profile-header-gradient {position:absolute;background-image:url('../../images/nav/mobile/gradient-bg.png');background-repeat:repeat-x;background-size:auto 100%;top:50%;right:0;bottom:0;left:0;opacity:.03}
.profile-header .profile-pic {border-radius:2px;height:150px;width:150px;text-align:center;margin:0 auto 20px;border:5px solid #fff}
.profile-header .profile-title {color:#111;font-family:Helvetica,Arial,sans-serif;font-size:22px;line-height:1.2em;font-weight:400;margin:0 0 10px}
.profile-header .profile-subtitle {color:#666;font-size:14px;font-weight:300;word-wrap:break-word}
.profile-header .no-wrap {white-space:nowrap;word-wrap:break-word}
.profile-header .separator {color:#ddd;margin:0 5px 0 8px}

.profile-section {padding:50px 0 0}
.profile-section-title {font-family:Helvetica,Arial,sans-serif;font-weight:500;font-size:14px;color:#111;text-transform:uppercase;padding:0 15px 30px;margin:0;letter-spacing:1px}
.profile-section-title small {display:block;font-size:10px;color:#888;margin-top:10px;letter-spacing:0}

.profile-bio,
.profile-jobs {padding-bottom:0}
.profile-contact {padding-bottom:40px}

.profile-bio p:last-child {margin-bottom:0}

.project-list-item {position:relative}
.project-list-item .project-list-image {height:250px;min-height:250px;max-height:250px;width:100%;max-width:100%;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;background-color:#f0f0f0}
.project-list-item .project-list-image-screen {position:absolute;background-image:url('../../images/nav/mobile/gradient-bg.png');background-repeat:repeat-x;background-size:auto 100%;top:50%;right:0;bottom:0;left:0;opacity:.9}
.project-list-item .title {bottom:20px;color:#fff;margin:0;position:absolute;font-size:16px;font-weight:500;line-height:1.2em;padding:0 15px}

.profile-contact .profile-contact-group {margin:0 0 35px}
.profile-contact .profile-contact-text {line-height:1.5em;margin:0 0 10px}
.profile-contact a {font-weight:500}
.profile-contact .profile-contact-text .fa {margin-right:12px;color:#bbb}
.profile-contact-map {height:auto;width:100%;max-width:100%;border:0;margin:10px 0 40px}

.profile .social-links {padding:0;margin:35px 0 35px}
.profile .social-links li {display: inline;margin: 0;padding: 0}
.profile .social-links li a {font-size:16px;margin:0}


/***************************** Error Page *****************************/


/***************************** Settings Page *****************************/

.section-settings .entry {padding-bottom:40px}

.section-settings .sub-header {font-family:Helvetica,Arial,sans-serif;font-size: 22px;font-weight: 400;line-height: 1.3em;margin:40px 15px 20px;padding: 0}

.settings-group {border-bottom:1px solid #eee}
.settings-group .settings-panel {border-radius:0;box-shadow:none;border:none}
.settings-group .settings-panel + .settings-panel {margin-top:0}

.settings-panel .panel-heading {padding:15px 15px 13px;background:none;border-radius:0;border:none;border-top:#eee 1px solid}
.settings-panel .panel-heading.active {border-color:#111;background:#fbfbfb}

.settings-panel .setting-open,
.settings-panel .setting-close {float:right;color:#0078ff}
.settings-panel .setting-open {display:inline}
.settings-panel .active .setting-open {display:none}
.settings-panel .setting-close {display:none}
.settings-panel .active .setting-close {display:inline}

.settings-panel .setting-name,
.settings-panel .setting-value {display:block;font-size:14px}
.settings-panel .setting-name {font-weight:500;color:#0078ff}
.settings-panel .active .setting-name {color:#111}
.settings-panel .setting-value {font-weight:300;color:#888;margin-top:.5em}
.settings-panel .active .setting-value {color:#111}
.settings-panel .setting-value-currently {display:none}
.settings-panel .active .setting-value-currently {display:inline}

.settings-panel .panel-heading a {outline:none}

.settings-panel .panel-body {padding:10px 15px 20px;border:none;border-bottom:1px solid #111;background:#fbfbfb}
.panel-default > .panel-heading + .panel-collapse > .panel-body {border-top:none}

.settings-panel .btn-primary {background:#0078ff}

.settings-panel .form-group {margin-bottom:15px}
.settings-panel .radio,
.settings-panel .checkbox {margin:0 0 15px;font-size:14px;color:#333}
.settings-label {font-weight:300;font-size:14px;color:#333}
.settings-input {padding:8px 10px;height:40px;font-size:14px;background-color:#eee;border-color:#eee;border-radius:4px;box-shadow:none}
.settings-panel .btn-primary {background:#0078ff;border-color:#0078ff;margin-top:5px}

.settings-panel p {color:#111;font-size:14px}

.profile-details {border-top:#ddd 1px solid;padding:20px 15px;margin:0}
.media-left, .media>.pull-left {padding-right:14px}
.profile-details .profile-settings-pic {width:90px;height:90px;border-radius:2px}
.profile-details p {font-size:14px;line-height:1.3em;margin:0 0 6px 0;padding:0}
.profile-details p a {font-weight:500}
p.profile-settings-name strong {display:block}
p.profile-settings-text {margin-bottom:0;color:#888}


.job-settings-details {border-top:#eee 1px solid;padding:15px 15px 5px;margin:0}
.job-settings-details p {font-size:14px;line-height:1.3em;margin:0 0 .6em 0;padding:0}
.job-settings-details p a {font-weight:500}


/***************************** Archinect Jobs Visualizer widget *****************************/

.AJV-Grid {display: block; width: 100%; max-width: 100%; height: auto;}
.AJV-Grid .Image {width: 100%; height: auto; vertical-align: bottom;}
.AJV-Grid .Cell-bottom {position: relative;}

@font-face {font-family: texgyreheros; src: url(../fonts/texgyreheros-regular-webfont.woff2) format("woff2"), url(../fonts/texgyreheros-regular-webfont.woff) format("woff"); font-weight:400; font-style: normal}
@font-face {font-family: SuisseIntl-Light-Arrows; src: url(../fonts/arrows-subset-SuisseIntl-Light.woff2) format("woff2"), url(../fonts/arrows-subset-SuisseIntl-Light.woff) format("woff"); font-weight: 400; font-style: normal}

.AJV-Grid h3,
.AJV-Grid p {font-family: texgyreheros, Helvetica, Arial, sans-serif; color: #000; font-weight: normal; line-height: 1.2em;}

.AJV-Grid h3 {font-size: 21px; margin: 15px 0 9px;}
.AJV-Grid p {font-size: 14px; width: 65%;}
.AJV-Grid .Arrow {position: absolute; right: 15px; top: 46%; font-family: SuisseIntl-Light-Arrows, Helvetica, Arial, sans-serif; font-size: 3rem; color: #00adef;}

.AJV-Link {display: block; max-width: 100%; text-decoration: none; color: #000; border-top: 1px solid #eee; padding-top: 15px; margin: 0; padding: 15px 15px 9px 15px;}