.required-key { color: red; float: right; font-size: 1em; margin: 0; }
.required { color:red; }

.top-bar:not(.dont-hide) .menu-icon { display:none; }

.mobile-top-bar { display:none; padding:0.2em 1em; position:auto; font-size:1.1em; list-style: none; }
.mobile-top-bar .login-border { float:right; }

.top-bar { display:none; }

.form-container { background-color:#FFF; border-radius:1em; padding:1em; }

.header-pad { padding:0 1em 0 1em;  }

#clarify-options ul { list-style:none; margin:0; }
#clarify-options li  { text-align:center; font-size:1.4em; }

.buyer-notification, .seller-notifications { display:none; }

.restyled-modal { padding:0; }
.restyled-modal .modal-header { border-bottom:1px solid #f0f0f0; padding:1.7rem 2rem; }
.restyled-modal .modal-header i { margin-right:1em; font-size:0.8em; }
.restyled-modal .modal-header h1 { font-size:1.5rem; color:#133c60; margin:0; }
.restyled-modal .modal-header p { margin:0 0 0 2.5em; color:#c2c8ce; }
.restyled-modal .modal-header p.nopad { margin:0 !important; color:#c2c8ce; }
.restyled-modal .modal-content { border-bottom:1px solid #f0f0f0; padding:1rem 2rem; }
.restyled-modal .modal-content p { font-size:1.2em; color:#133c60; margin:0 0 0.2em 0; }
.restyled-modal .modal-content p.detail-title { margin-bottom: 0.5em; }
.restyled-modal .modal-content p.detail-title strong { margin-right: 0.5em; }
.restyled-modal .modal-content span.not-answered { font-size: 1.2em; color: #133c60; font-style: italic; }
.restyled-modal .modal-content li { color:#133c60; margin:0 0 0.2em 0; }
.restyled-modal .modal-content i.bark-icon-star { font-size:0.9rem !important; }
.restyled-modal .modal-content i.bark-icon-star.no-star { color:#d9dbdc !important; }
.restyled-modal .modal-content .check-list { margin-bottom:1em; }
.restyled-modal .modal-content .check-list i { float:left; font-size:1.5em; margin:0.2em 0.5em 0 0; }
.restyled-modal .modal-content .check-list p { margin-left:2.5em; }

body {
    color: #45423c;
    font-family: 'Lato', sans-serif !important;
    font-size: 14px;
    height: 100%;
    padding-top: 6em;
    -webkit-font-smoothing: antialiased;
}

.new-error input, .new-error textarea, .new-error select { border-color:#ce4826 !important; box-shadow: 0px 0px 15px -5px rgba(254,127,74,1) !important; }
.new-error span { color:#ce4826; }
.project-view-left .new-error label { color:#ce4826; font-weight: 700; }
#inlineBarkModal .new-error label { color:#ce4826; font-weight: 700; }
.new-project-container .new-project-checkbox-group.new-error label.new-project-checkbox { border: 1px solid #ce4826; }

.top-bar .new-error span.new-error { margin:0; font-size:0.8em; line-height:1; display:block; color:#ce4826 !important; }

#header a, #header a:hover, #header a:visited, #header a:active,
footer a, footer a:hover, footer a:visited, footer a:active {
    border: none;
}

#header .dash-top-header { margin: 0 !important; width: 100%; }

html { height:100%; }
small.error, .error-field, div.error { text-align: center; background-color: #E74C3C; color: #fff; border-radius: 4px; padding: 5px 10px; font-style: normal; font-size: 1em !important; }
div.success { text-align: center; background-color: #4C873C; color: #fff; border-radius: 4px; padding: 5px 10px; font-style: normal; font-size: 1em !important; }
small.error i, .error-field i { margin-right: 5px; }
div.error { margin-bottom: 10px; }
select:disabled { cursor: default !important; }
select:disabled:hover { background-color: #ddd !important; }

button, input, textarea, select { outline: none !important; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; }

input[type="text"][readonly] { background-color: #fff !important; color: #3a4449 !important; }
input:focus { border: 1px solid #ccd2dc; background-color: #fff !important; }
textarea:focus { background-color: #fff !important; }
input[type="text"],input[type="email"],input[type="password"], textarea { margin-bottom:0.5rem; }

input:[type="checkbox"] { -webkit-appearance: none; }

h1, h2, h3, h4, h5, h6, p { text-rendering: auto; font-family: 'Lato', sans-serif; }

*::-webkit-input-placeholder {
    color: #bdccd9 !important;
    font-weight: 300;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #bdccd9 !important;
    font-weight: 300;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #bdccd9 !important;
    font-weight: 300;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #bdccd9 !important;
    font-weight: 300;
}

#wrap { min-height: 100%; background-color: #FFF; }
#wrap.dashboard-page  { min-height: 100%; background-color: #f8f8f8; }

#main { overflow: auto; padding-bottom: 46em; overflow-x: hidden; }

.top-bar-section li:not(.has-form) a:not(.button) { line-height: 55px; }

.plan-badge { margin-left:0.5em; display:inline-block !important; vertical-align: text-bottom; line-height:1; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); display:inline-block; border-radius:0.3em; padding:0; color:#FFF; font-weight:700; font-style: italic; font-size:0.9em; padding:0.4em 0.8em; }
.pro-plan-badge { background: rgba(156,220,156,1); background: -moz-linear-gradient(bottom, rgba(156,220,156,1) 0%, rgba(86,207,175,1) 100%); background: -webkit-gradient(bottom, top, color-stop(0%, rgba(156,220,156,1)), color-stop(100%, rgba(86,207,175,1))); background: -webkit-linear-gradient(top, rgba(156,220,156,1) 0%, rgba(86,207,175,1) 100%); background: -o-linear-gradient(bottom, rgba(156,220,156,1) 0%, rgba(86,207,175,1) 100%); background: -ms-linear-gradient(bottom, rgba(156,220,156,1) 0%, rgba(86,207,175,1) 100%); background: linear-gradient(to top, rgba(156,220,156,1) 0%, rgba(86,207,175,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cdc9c', endColorstr='#56cfaf', GradientType=1 ); }
.basic-plan-badge { background-color:#84a0b3; }
.free-plan-badge { background-color:#9bcbf3; }

#review-form span.new-error { margin-bottom:0.5em; }

button.button-primary, a.button-primary, a.button-success, input.button-primary, input.button-success { font-weight: bold; font-size: 1.1em; font-family: "Lato", sans-serif; text-align: center; display: inline-block; padding:0.75em 1.5em; text-transform: uppercase; border: none !important; border-radius: 3px !important; margin: 0.5em 0 0; box-shadow: 0 4px 0 #3da47e !important; background: #53d1a3; color: #fff; }
body button.button-primary:active, body button.button-primary:focus, body button.button-primary:hover, body a.button-primary:hover, body a.button-success:hover, body input.button-primary:hover, body input.button-success:hover { box-shadow: 0 4px 0 #3da47e; background: #63e1b3 !important; color: #fff;}

button.button-primary-upgrade, a.button-primary-upgrade, a.button-success-upgrade, input.button-primary-upgrade, input.button-success-upgrade { font-weight: bold; font-size: 1.1em; font-family: "Lato", sans-serif; text-align: center; display: inline-block; padding:0.75em 1.5em; border: none !important; border-radius: 3px !important; margin: 0.5em 0 0; box-shadow: 0 4px 0 #3da47e !important; background: #53d1a3; color: #fff; }
body button.button-primary-upgrade:active, body button.button-primary-upgrade:focus, body button.button-primary-upgrade:hover, body a.button-primary-upgrade:hover, body a.button-success-upgrade:hover, body input.button-primary-upgrade:hover, body input.button-success-upgrade:focus { box-shadow: 0 4px 0 #3da47e; background: #63e1b3; color: #fff; }

button.button-primary-darker, a.button-primary-darker, a.button-success-darker, input.button-primary-darker, input.button-success-darker { font-weight: 700; font-size: 1em; font-family: "Lato", sans-serif; text-align: center; display: inline-block; padding:1em 3em; text-transform: uppercase; border: none !important; border-radius: 3px !important; margin: 2em 0 0; box-shadow: 0 4px 0 #488868 !important; background: #57a07b; color: #fff; }
body button.button-primary-darker:active, body button.button-primary-darker:focus, body button.button-primary-darker:hover, body a.button-primary-darker:hover, body a.button-success-darker:hover, body input.button-primary-darker:hover, body input.button-success-darker:hover { box-shadow: 0 4px 0 #3da47e; background: #5eb588; color: #fff;}

button.button-primary-blue, a.button-primary-blue, a.button-success-blue, input.button-primary-blue, input.button-success-blue { font-weight: bold; font-size: 1.1em; font-family: "Lato", sans-serif; text-align: center; display: inline-block; padding:0.75em 1.5em; text-transform: uppercase; border: none !important; border-radius: 3px !important; margin: 0.5em 0 0; box-shadow: 0 4px 0 #2d91d6 !important; background: #3eaefc; color: #fff; }
body button.button-primary-blue:active, body button.button-primary-blue:focus, body button.button-primary-blue:hover, body a.button-primary-blue:hover, body a.button-success-blue:hover, body input.button-primary-blue:hover, body input.button-success-blue:hover { box-shadow: 0 4px 0 #4ca1dc; background: #6ec3fc; color: #fff;}

button.button-grey, a.button-grey, input.button-grey { font-weight: bold; font-size: 1.1em; font-family: "Lato", sans-serif; text-align: center; display: inline-block; padding:0.75em 1.5em; text-transform: uppercase; border: none !important; border-radius: 3px !important; margin: 0.5em 0 0; box-shadow: 0 4px 0 #697e8d !important; background: #7d96a7; color: #fff; }
body button.button-grey:active, body button.button-grey:focus, body button.button-grey:hover { box-shadow: 0 4px 0 #697e8d; background: #85a0b2; color: #fff;}

a.cancel-button, button.cancel-button { font-size:0.9rem; font-weight: 700 !important; text-transform:uppercase; text-decoration:none !important; color:#FFF; background-color:#55b8fc; padding:1.5em 1em; font-weight:700; margin:0.5em; border-radius:0.2em; color:#cdd2d7; background-color:transparent; }
a.cancel-button:hover, button.cancel-button:hover { color: #84a0b3; }

a.button-secondary { font-family: "Lato", sans-serif; text-align: center; display: inline-block; padding:0.8em 1.3em; text-transform: uppercase; border: none !important; border-radius: 3px !important; margin: 0.5em 0 0; box-shadow: 0 4px 0 #999 !important; background: #bbb; color: #fff;}
a.button-secondary:hover { box-shadow: 0 4px 0 #aaa; background: #ccc; color: #fff;}

#buyer-options-dropdown { background-color:#FFF; border-bottom: 1px solid #84a0b3; }

.button-cancel {
    background: #eeeeee;
    border-radius: 4px;
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    margin: 1em 0;
    padding: 0.6em 1em;
    border: 1px solid #eeeeee;
    color: #444444;
}

.button-cancel:hover {
    background: #eeeeee;
    color: #444444;
}

.button-alternative {
    background: -webkit-linear-gradient(#FFAC39,#FF9400); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFAC39,#FF9400); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFAC39,#FF9400); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFAC39,#FF9400); /* Standard syntax */
    background-color: #C67300;
    border-radius: 4px;
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    margin: 1em 0;
    padding: 0.6em 1em;
    border: 1px solid #C67300;
    color: #ffffff;
}

.button-alternative:hover {
    background: #C67300;
    color: #ffffff;

}

.button-delete {
    background: -webkit-linear-gradient(#E74C3C,#C92918); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#E74C3C,#C92918); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#E74C3C,#C92918); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#E74C3C,#C92918); /* Standard syntax */
    background-color: #A01607;
    border-radius: 4px;
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    margin: 1em 0;
    padding: 0.6em 1em;
    border: 1px solid #A01607;
    color: #ffffff;
}

.button-delete:hover {
    background: #A01607;
    color: #ffffff;
}

.default-modal { padding: 0; width: 35em !important; margin-left: auto !important; margin-right: auto !important; }
.default-modal h1 { font-family: 'Lato', sans-serif; font-size: 1.6em; color: #1e2b39; margin: 0; padding: 1em; }
.default-modal h1 span.fa-stack { font-size: 0.7em; vertical-align: top; }
.default-modal h1 i.bark-icon-check-o, .default-modal h1 i.bark-icon-cross-o, .default-modal h1 i.bark-icon-alarm-clock, .default-modal h1 i.bark-icon-phone, .default-modal h1 i.bark-icon-warning-o { vertical-align: text-bottom; margin-right: 0.5em; font-size: 1.1em; }
.default-modal .title { display: block; line-height: 1.4; font-family: 'Lato', sans-serif; font-size: 1.6em; color: #1e2b39; margin: 0; padding: 1em; }
.default-modal hr { margin: 0 0 1em; }
.default-modal .default-modal-content { padding: 1em 2em 2em; }
.default-modal .default-modal-content p { color: #8894a0; }
.default-modal .default-modal-content p a { color: #74c2fc; }
.default-modal .default-modal-content label { color: #1e2b39; margin-bottom: 0.25em; }
.default-modal .default-modal-content ul { color: #8894a0; list-style: circle; }
.default-modal .default-modal-content form { display: inline-block; }
.default-modal .default-modal-content .button-primary { background: #53d1a3; color: #fff; position: static; font-weight: 700; font-size: 1em; min-width: 5em; }
.default-modal .default-modal-content .dash-button { position: static; font-size: 0.9rem; padding: 0.7em 1.5em; border-radius: 3px; }
.default-modal .default-modal-content .dash-button.blue:hover { background-color: #6ec3fc; }
.default-modal .default-modal-content .dash-button.delete { background-color: #ce4826; }
.default-modal .default-modal-content .dash-button.delete:hover { background-color: #d74520 !important; }
.default-modal .default-modal-content .dash-button.white:hover { color: #84a0b3 !important; }
.default-modal .default-modal-content .button-primary.delete { background-color: #fe7f4a; box-shadow: 0 4px 0 #ce4826 !important; }
.default-modal .default-modal-content .button-primary.delete:hover { background-color: #f6711e !important; }
.default-modal .upload-action-container { padding: 1em 2em 6em; border-top:#f3f3f3 solid 1px; }
.default-modal .upload-action-container .cancel-button { padding: 0.75em 1.5em; font-size: 1.1em; }
.default-modal input { border-radius: 4px; }
.default-modal label { cursor: default; }
.default-modal img { height: 8em; border-radius: 4px; margin: 0 0 1em; }
.default-modal .button-cancel { position: static !important; margin: 0 1em; }

.default-modal.ppr-payment-modal h1 { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.default-modal.ppr-payment-modal h2 { font-size: 1.2em; text-align: center; margin-bottom: 2em; color: #8596a6; }
.default-modal.ppr-payment-modal h2 i { margin-right: 0.5em; }
.default-modal.ppr-payment-modal p { padding: 1em 2em 0; margin: 0; color: #3a4449; font-size: 1.1em; }
.default-modal.ppr-payment-modal p a { color: #74c2fc; text-decoration: underline; }
.default-modal.ppr-payment-modal .ppr-modal-check { padding: 0.5em 2.4em; }
.default-modal.ppr-payment-modal .ppr-modal-check i { color: #3e9c05; float: left; line-height: inherit; }
.default-modal.ppr-payment-modal .ppr-modal-check span { padding-left: 1.5em; display: block; font-size: 1.1em; }
.default-modal.ppr-payment-modal p.exclude-vat { opacity: .5; font-size: 1em; padding: 1em 2em 0; }
.default-modal.ppr-payment-modal .controls { padding: 0 !important; }
#basicPlanModal.default-modal.ppr-payment-modal .controls button { margin: 0 0.5em !important; }
.default-modal.ppr-payment-modal .ppr-modal-existing-card { text-align: center; margin: 3em 0 1em; }
.default-modal.ppr-payment-modal .ppr-modal-existing-card img { height: 1.8em; vertical-align: top; margin: 0 1em 0 0; }
.default-modal.ppr-payment-modal .ppr-modal-existing-card span { font-size: 1.1em; margin: 0 1em; font-weight: 700; line-height: 1.5; color: #3a4449; }

#delinquent_modal button.button-primary { top: auto; bottom: auto; left: auto; right: auto; font-size: 1em; padding: 0.6em 1em; color: #fff; background-color: #0867B6; position: static; }

.default-modal .credits-required-content p { margin: 0 0 0.5em; }
.default-modal .credits-required-content p.credits-required-header { color: #133c60; font-weight: 700; }
.default-modal .credits-required-content p span { float: right; }

.inline-bark-modal .inline-bark-border { width: 100%; height: 0.5em; border-radius: 3px 3px 0 0; background: #1e5799; background: -moz-linear-gradient(left,  #1e5799 0%, #46a6ff 0%, #59d0a4 100%, #2989d8 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1e5799), color-stop(0%,#46a6ff), color-stop(100%,#59d0a4), color-stop(100%,#2989d8)); background: -webkit-linear-gradient(left,  #1e5799 0%,#46a6ff 0%,#59d0a4 100%,#2989d8 100%); background: -o-linear-gradient(left,  #1e5799 0%,#46a6ff 0%,#59d0a4 100%,#2989d8 100%); background: -ms-linear-gradient(left,  #1e5799 0%,#46a6ff 0%,#59d0a4 100%,#2989d8 100%); background: linear-gradient(to right,  #1e5799 0%,#46a6ff 0%,#59d0a4 100%,#2989d8 100%); }
.inline-bark-modal a.close-reveal-modal { font-size: 1.2em; padding: 0; border-radius: 0; top: 1em; right: 1em; bottom: auto; color: #c1cad3; background-color: transparent; font-weight: 700; }
.inline-bark-modal i.fa-spinner { font-size: 1.6em; color: #54d1a3; margin: .5em 0 0; }
.inline-bark-modal h1 { padding: 1em 1em 0; }
.inline-bark-modal p { color: #9fa9b3; }
.inline-bark-modal hr { border-color: #e6e6e6; }
.inline-bark-modal .new-project-container { padding: 0 2em; }
.inline-bark-modal .new-project-container .dash-button { margin: 1em 0 1.5em; }
.inline-bark-modal .new-project-container .dash-button.back { background-color: transparent; color: #8ea5ba; padding: 0.7em; }
.inline-bark-modal .new-project-container .dash-button.back:hover { color: #8ea5ba !important; }
.inline-bark-modal span.new-error { display: block; margin: -0.5em 0 1em; }
.inline-bark-modal .new-project-field { margin-bottom: 0; }
.inline-bark-modal .new-project-field select { font-size: 1.1em; }

.inline-bark-modal-contact-details-v1 { width: 50em !important; max-width: 50em; }
.inline-bark-modal-contact-details-v1 .inline-bark-modal-success-heading { margin: 0 -2em;  padding: 2em 10em; }
.inline-bark-modal-contact-details-v1 .inline-bark-modal-success-heading h1 { color: #1e2b39; padding: 0.5em 0 0; }
.inline-bark-modal-contact-details-v1 .inline-bark-modal-hide-hr { margin: 0 -2em; }
.inline-bark-modal-contact-details-v1 .inline-bark-modal-success-content { padding: 2em 2.5em 0; margin: 0 -2em; }
.inline-bark-modal-contact-details-v1 .inline-bark-modal-success-content p { color: #133c60; }
.inline-bark-modal-contact-details-v1 .inline-bark-modal-success-content .contact-details-left-container { padding: 0 1.875rem 0 0; margin-bottom: 1em; color: #9fa9b3; }
.inline-bark-modal-contact-details-v1 .inline-bark-modal-success-content .contact-details-right-container { padding: 1em 0 0 1.875rem; margin-bottom: 1em; color: #9fa9b3; }
.inline-bark-modal-contact-details-v1 .inline-bark-modal-success-content .contact-details-bullet i { float: left; font-size: 1.2em; color: #74d5a7; margin: 0.2em 0 0 0.25em; }
.inline-bark-modal-contact-details-v1 .inline-bark-modal-success-content .contact-details-bullet p { padding-left: 1.75em; }
.inline-bark-modal-contact-details-v1 #inlineBarkModalSpinner { margin: 4em 0; }

.fixed { margin-top: 0 !important; }

#maintenance-page { padding: 0; }
#maintenance-page #main { padding: 0; }
#maintenance-page #main .bark-logo { margin: 2em; }
#maintenance-page #main #upper-content { margin-top: 5em; }

.redirect-error { text-align: center; margin: 4em 0 12em; }
.redirect-error i { font-size: 4em; margin-bottom: 0.25em; color: #96a8b7;}
.redirect-error h2 { font-family: 'Lato', sans-serif; font-size: 2em; color: #133c60; }
.redirect-error span { font-weight: 700; font-size: 3em; margin: .5em 0; display: block; color: #133c60; }
.redirect-error p { color: #96a8b7; }
.redirect-error a { color: #3eaefc; text-decoration: underline; }


.large-form small { font-size:1.2em; }

.row h1 { color: #133c60; font-size:1.6em; font-family: 'Lato', sans-serif; }
.header-pad { padding-left:1em;}

.ok-button { padding-left: 1em !important; padding-right: 1em !important; }

.header-pad h1 { padding-top:0.5em; }
.landing-header-block { height:39em; position: relative; }
.landing-header-block .header { background-color: #fafafa; padding-bottom: 1em; height:5em; }
.landing-header-block img.bark-logo { border-radius:0.5em; width:8em; margin-top:1.1em; }
.landing-header-block h5 { background-color:rgba(0, 0, 0, 0.6); padding:0.5em; border-radius:0.3em; font-size:3.4em; color:#FFF; margin-top:3.4em; line-height:1; }
.landing-header-block .landing-header-static { z-index: 10; padding-left: 0; }
.landing-header-block .landing-header-static .button-primary { display: inline-block; margin-left: 2em; padding: 0.2em 0.6em; margin-top: 0; cursor: pointer; background: rgba(30,124,202,0.75); border: none !important; }
.landing-header-block .landing-header-static .button-primary:hover { background: rgba(30,124,202,1); }
.landing-header-block .landing-header-static .button-primary i { font-size: 1.5em; vertical-align: sub; margin-right: 0.25em; }
.landing-header-block .landing-header-static .button-primary p { margin: 0; display: inline-block; text-decoration: underline; font-weight: 300; }
.landing-header-block .landing-header-static h2 { font-family: 'Lato', sans-serif; color: #fff; padding: 0.5em 0.5em 0.5em 0; font-size: 2.5em; margin-top: 2em; line-height: 1.2; }
.landing-header-block .landing-header-static h3 { font-size: 1.7em; font-family: 'Lato', sans-serif; color: #daf1ff; }
.landing-header-block .landing-header-static .home-cover-break { height: 1px; width: 10em; background-color: #7a96af; margin: 2em 0 0; }

.bark-form-container { z-index: 50; padding-left: 4em; }
.bark-form-container .bark-form input.button-success { border: 1px solid #215900; }
.bark-form-container .bark-form small.error { margin-top: -1.5em; border-top-left-radius: 0; border-top-right-radius: 0; }

.bark-form { background-color: #fff; padding:2.5em 3em; margin-top:4em; border-radius:2px; position: relative; }
.bark-form h2 { font-size:2em; font-family: 'Lato', sans-serif; font-weight: 500; margin-bottom: 1em; color: #133c60; }
.bark-form .button { width: 100%; }


.bark-form label { font-size:1.1em; padding-bottom:0.5em; cursor: default; color: #133c60; }
.bark-form input { border: 1px solid #ccd2dc; border-radius: 3px; padding: 0.5em 1em; height: 3em; border: 1px solid #ccd2dc; color: #133c60; }

.bark-form input.button-primary { color: #fff; margin-top: 1em; }

.bark-form .ribbon-wrapper-green { width: 85px; height: 88px; overflow: hidden; position: absolute; top: 0; right: 0; }
.bark-form .ribbon-wrapper-green .ribbon-green { font-family: 'Lato', sans-serif; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; left: -1px; top: 10px; width: 120px; background-color: #3e9c05; color: #fff; font-weight: 700; font-size: 1.2em; padding: 0.3em 0 0.25em; }

/* #city_name, #postcode { text-indent: 5em; } */

.country-dropdown { position: absolute; border: 1px solid #aaa;  z-index: 10; background-color: #fff; border-radius: 4px; border-top-right-radius: 0; }
.country-dropdown ul { list-style-type: none; margin: .3em .5em; }
.country-dropdown img { width: 2.2em; }
.country-dropdown i { margin: .1em 0 0 .4em; }

/* actually #header */

.header-background { background: #fff; height:6.1em; z-index:99; position:fixed; top:0; width:100%; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);}

.contain-to-grid { background-color:transparent; padding: 1em 0; z-index: 100; position: fixed; margin-top: -6em; }
.contain-to-grid i { font-size:1.8em; color:#133c60; }
.contain-to-grid i.bark-icon-logo { display:inline-block; margin-top:0.5em; }
.contain-to-grid i.bark-icon-bell { color:#c0cec9 !important; margin-top:4em; }
.contain-to-grid.transparent { background: transparent !important; border-bottom:0; z-index:10000; position:absolute; }
.contain-to-grid.transparent i { color:#FFF; }
.contain-to-grid.transparent #buyer-options span { color:#FFF; }
.contain-to-grid.transparent #buyer-options-dropdown, .contain-to-grid.transparent #seller-options-dropdown, .contain-to-grid.transparent #seller-notifications { border-radius: 4px; top: 55px; border: 1px solid #0c0f10; }
.contain-to-grid.transparent #seller-notifications i { color: #133c60; }
.contain-to-grid.transparent .buyer_nav li .dropdown li a { border-radius: 4px; }
.contain-to-grid.transparent .top-bar-section ul { background-color: transparent; }
.contain-to-grid.transparent .top-bar .toggle-topbar.menu-icon a { color: #fff; }
.contain-to-grid.transparent .top-bar .toggle-topbar.menu-icon a span::after { -webkit-box-shadow: 1px 10px 1px 1px #fff, 1px 16px 1px 1px #fff, 1px 22px 1px 1px #fff !important; box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff !important; }
.contain-to-grid.transparent .top-bar.expanded .title-area { background: transparent; }

.seller-notification { margin-top:0.6em; }
#seller-options { padding-left:2em; }
.transparent #seller-options { color:#FFF !important; }
.transparent #seller-options span { color:#FFF !important; }

.transparent .contain-to-grid a.login-border { font-family: 'Lato', sans-serif; border: 2px solid #fff !important; border-radius: 5px; font-weight:400; color: #fff !important; }
.not-home .contain-to-grid a.login-border { font-family: 'Lato', sans-serif; border: 2px solid #cfd4de !important; border-radius: 5px; font-weight:400; color: #8096ac !important; }

.top-bar { background: rgba(0,0,0,0); }
.top-bar .title-area { line-height: 2.5em; }
.top-bar .title-area a img.bark-pro-img { margin-top: -0.3em; }
.top-bar .title-area a span.bark-pro-text { display: block; line-height: 0.5; font-size: .8em; color: #666; margin-left: 1.85em; font-weight: 700; }
.top-bar .title-area.messenger { line-height: initial; }
.top-bar .title-area.messenger img.bark-pro-img { margin: 0.4em 1em 0.2em 0; }
.top-bar .title-area.messenger span.bark-pro-text { line-height: 1; font-size: .7em; margin-left: 1.6em; }
.top-bar.expanded .title-area { background: #fff; }
.top-bar .toggle-topbar.menu-icon a { color: #444; }
.top-bar .toggle-topbar.menu-icon a span::after { -webkit-box-shadow: 1px 10px 1px 1px #202020, 1px 16px 1px 1px #202020, 1px 22px 1px 1px #202020 !important; box-shadow: 0 10px 0 1px #202020, 0 16px 0 1px #202020, 0 22px 0 1px #202020 !important; margin-top: -17px; }

.home .login-border { border:2px solid #FFF !important;; font-family: 'Lato', sans-serif; color: #fff !important; font-weight: 700; border-radius: 2px; padding: 0.85em 1.5em !important; line-height: 1 !important; font-size: 0.75em; margin-top: 1em; background: rgba(0,0,0,0) !important; }
.home .login-border:hover { color: #3eaefc !important; background-color: #fff !important; }

.not-home .top-bar-section li a:not(.button).login-border { font-family: 'Lato', sans-serif; color: #396387 !important; font-weight: 700; border-radius: 2px; padding: 0.85em 1.5em !important; line-height: 1 !important; font-size: 0.75em; margin-top: 1em; background: #FFF !important; }
.not-home .top-bar-section li a:not(.button).login-border:hover { border-color:#8aa5b7 !important; color: #3eaefc !important; background-color: #fff !important; }

.not-home .mobile-top-bar a:not(.button).login-border, .not-transparent .mobile-top-bar a:not(.button).login-border { font-family: 'Lato', sans-serif; color: #396387 !important; font-weight: 700; border-radius: 2px; padding: 0.85em 1.5em !important; line-height: 1 !important; font-size: 0.75em; margin-top: 1em; background: #FFF !important; border:2px solid #cfd4de !important; }
.not-home .mobile-top-bar a:not(.button).login-border:hover, .not-transparent .mobile-top-bar a:not(.button).login-border:hover { border-color:#8aa5b7 !important; color: #3eaefc !important; background-color: #fff !important; }

.has-dropdown a { background-color:transparent !important; color:#c0cec9 !important; font-weight: 500 !important; }
.has-dropdown a.bsba-dropdown { color: #eec24d !important; }

#seller-options-dropdown, #buyer-options-dropdown { background-color: #3a4449; z-index: 120; min-width: 0; width: 9em; right: 2em; padding-top: 0.5em; }
#seller-options-dropdown li, #buyer-options-dropdown li { cursor: pointer; }
#seller-options-dropdown li:last-child a, #buyer-options-dropdown li:last-child a { border-top: 1px solid #475055; margin-top: 0.8em; padding: 0.4em 15px; border-radius: 0 0 4px 4px; }
#buyer-options-dropdown li:last-child a { margin-top: 0.4em; }
.fa-blue { color: #1E7CCA; }
.fa-green { color: #3E9C05; }
.fa-orange { color: #FFAC39; }

.top-bar-section ul li { background: rgba(0,0,0,0); }
.top-bar-section ul li.active > a {
    background: #f4f7f9 !important;
}
.top-bar-section .has-dropdown>a:after { content:none !important; }
.top-bar-section ul li.active > a:hover {
    background: yellow !important;
}
.top-bar-section .image { width:2.5em; display:inline-block; padding-right:0.5em; }
.top-bar-section .image img { border-radius:50%; }

.buyer_nav li a { font-size: 1em !important; font-family: 'Lato', sans-serif !important; font-weight:700 !important; }
.buyer_nav li a span { vertical-align: middle; color: #133c60;}
.buyer_nav li a span.header-credit-balance { color: #e7c759; vertical-align: inherit; }
.buyer_nav li a .fa-caret-down { font-size: 1.3em !important; margin: 0.25em 0 0 0.5em !important; vertical-align: middle; }
.buyer-custom-messenger-header .top-bar-section li.has-dropdown a .fa-caret-down { margin: 0 0 0 0.5em; font-size: 1em; vertical-align: middle; }
.buyer_nav .fa-square { font-size: 1.6em; vertical-align: middle; line-height: 2em; }
.buyer_nav li .dropdown, .buyer-custom-messenger-header .top-bar-section li.has-dropdown ul.dropdown { border: 1px solid #0c0f10; border-radius: 4px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15); }
.buyer_nav li .dropdown li a, .buyer-custom-messenger-header .top-bar-section li.has-dropdown ul.dropdown li a { font-size: 0.9em !important; }
.buyer-custom-messenger-header .top-bar-section li.has-dropdown ul.dropdown li a.buyer-bark-closed { color: #e74c3c !important; cursor: default !important; font-family: 'Lato', sans-serif; }
.buyer-custom-messenger-header .top-bar-section li.has-dropdown ul.dropdown li a.buyer-bark-closed:hover { background-color: #fff !important; }
.buyer_nav li .dropdown li a:hover, .buyer-custom-messenger-header .top-bar-section li.has-dropdown ul.dropdown li a:hover { background-color: #465258 !important; color: #fff !important; font-weight: 700 !important; }
.buyer_nav li .dropdown li a.bsba-dropdown:hover, .buyer-custom-messenger-header .top-bar-section li.has-dropdown ul.dropdown li a.bsba-dropdown:hover { color: #eec24d !important; }
.buyer_nav .home-nav { position: relative; }
.buyer-notification span, .seller-notification span { position:absolute; background: #f07f4a; border-radius: 1em; padding:0.3em 0.5em; font-weight:bold; color:#FFF !important; font-size:0.8em; margin:0; line-height:1; top: 10px; right: 7px; }
.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) { line-height: 2; }

.buyer-custom-messenger-header .contain-to-grid i.bark-icon-logo { margin-left: 0.5em; }

li.has-dropdown a.seller-notification { padding-right: 16px !important; }
li.has-dropdown a.buyer-notification { padding: 0.5em 1em 0 0 !important; }
.seller-notification::after, .buyer-notification::after { display: none !important; }

.distance1 { margin-right:1em !important; }
.distance1 .service-provider, .mobile-top-bar .service-provider { text-align: center; font-size: .9em; font-weight: 300; width: 5em; line-height: 1em; margin: -1em 0 -1em 1em; color: #444; padding: 1.5em 0; background-color: #eee; height: 5em;}
.distance1 .service-provider:hover, .mobile-top-bar .service-provider:hover { background-color: #ccc; }

.mobile-top-bar .service-provider { float: right; list-style-type: none; margin: -1.7em -1.1em -1.7em 1em; height: 6.5em; padding: 2.3em 0; }

.distance2 label { line-height: .5; font-size: .7em; color: #133c60; cursor: default; }
.distance2 input { border-radius: 3px; border: 1px solid #ccd2dc; font-weight: 500; }
.distance2 input.button-primary { padding: 0.5em 1em; font-weight: 700; font-size: 0.9em; height: 2.2em; cursor: pointer; margin-top: 0.4em; }
.distance2 input.button-primary:focus { background-color: #53d1a3 !important; }

.signup-block { float:right; margin-top:1.5em; opacity: 0.8;  }
.signup-block a { padding:0.3em 0.9em; display:inline-block; color:#444; opacity:0.8; }
.signup-block a:hover { opacity:1; }
.signup-block a:hover { opacity:1; }
.signup-block a.border { border:2px solid #444; border-radius:0.4em; }

.distance2 { display:none; margin-bottom: -1em !important; }
footer { position:absolute; width:100%;  margin-top: -46em; height: 46em; position: relative; clear: both; border-top:1px solid #e6ebef; background-color:#f4f5f5; }
footer h5 { margin: 2.8em 0 0; }
footer h6 { color:#133c60; font-weight:700; font-size:1em; text-transform: uppercase; margin-top:5em; margin-bottom:2em; font-family: 'Lato', sans-serif; }
footer a, footer a:visited, footer a:hover, footer a:active { display:block; color:#133c60; font-weight: 400; }
footer a:hover { color: #3eaefc; }

footer i.bark-icon-logo { font-size:2em; color:#133c60; display:block; }
footer a.bark-logo { margin:4em 0 2em 0; display:block; }
footer a.mail-link { color:#52b4fc; font-size:1.1em; font-weight:bold; }

footer .end p { margin: 0; font-weight: 300; font-size: .9em; color: #0078a0; line-height: inherit; }
footer .end span { display: block; font-size: 0.8em; color: #999; line-height: .5; margin-bottom: 0.75em; }
footer .end span.vat-no { line-height: 1; margin: 2em 0 0; color: #666; }
footer .end i { font-size: 1.5em; color: #444; margin: 0.2em 0.2em 0 0; }
footer .end i.fa-facebook-square { color: #3b5998; }
footer .end i.fa-twitter-square { color: #55acee; }
footer .trustpilot-footer { padding-right: 0; }
footer .trustpilot-widget { max-width: 150px; }

/* Flags from https://github.com/seanherron/Flag-Webicons */
footer .end .flag, #seller-flag { height:25px; padding:0;margin:0;filter:opacity(0.6);-webkit-filter:opacity(0.6);position:relative;top:-4px;}
#seller-flag{ height:43px; top:2px;margin-right:10px; }
#country-choice .flag-choice { margin-right:10px; }
#country-choice h2 { font-family: 'Lato', sans-serif; font-size: 1.6em; margin: 0; }
#country-choice hr { margin-top: 0.25em; }
#country-choice a img { margin-right: 1em; }
#country-choice a.close-reveal-modal {   top: 0.25em; right: 0.5em; bottom: auto; background-color: transparent; font-size: 1.7em; font-weight: 700; padding: 0; }

img.flag { height:2em; padding:0; margin:0 !important;position:relative;top:-3px; opacity: 0.75;}
footer .extra-info img { margin: 1em 0 2em 0; }
footer .extra-info p { margin: 0; font-size: 1.1em; line-height:1.5;  color: #133c60; }
footer .extra-info span { display: block; font-size: 1em; line-height:1.5; margin-bottom: 0.75em; color: #133c60; }
footer .extra-info a.footer-social-icon { display: inline-block; }
footer .extra-info a.footer-social-icon i { color: #414141; margin: 0.2em 0.2em 0 0; font-size: 1.5em; }
footer .extra-info a.footer-social-icon i.fa-facebook-square { color: #3b5998; }
footer .extra-info a.footer-social-icon i.fa-twitter-square { color: #55acee; }

.footer-top-options { background-color: #fff; padding-bottom: 4em; }

.top-category-levels { background-color:#f4f5f5; border-top:1px solid #e6ebef; height: 10em; }
.top-category-levels h3 { color:#133c60; font-weight:700; font-size:0.9em; margin:3em 0 1em 0; text-transform:uppercase; }
.top-category-levels div.columns a { color:#133c60; text-align:center; width:100%; padding:0.5em 0em; display:block; }
.top-category-levels div.columns a i { font-size:1em; margin-right:0.5em; color:#133c60; }
.top-category-levels div.columns a:hover, .top-category-levels div.columns a:hover i { color: #3eaefc; }


.top-category-levels .bark-icon-house {  }
.top-category-levels .bark-icon-infinity { font-size:0.7em !important; }
.top-category-levels .bark-icon-open-book { font-size:1.1em !important;  }
.top-category-levels .bark-icon-asterisk {  }
.top-category-levels .bark-icon-ellipse { font-size:0.4em !important; vertical-align: middle; margin-right: 1em !important;}

.top-towns-levels { background-color:#f4f5f5; border-top:1px solid #e6ebef; padding-bottom:2em; }
.top-towns-levels h3 { color:#133c60; font-weight:700; font-size:0.9em; margin:3em 0 1em 0; text-transform:uppercase; }
.top-towns-levels div.columns a { color:#8695a1; font-weight:400; text-align:center; padding:0.2em 0em; display:inline-block; }
.top-towns-levels div.columns a:hover { color: #3eaefc; }

.footer-copyright { text-align:center; font-size:1em; color:#8695a1; margin-top:2em; margin-bottom:0em; }
.footer-copyright span { font-size:0.9em; }

.overline { padding-top:1em; margin-top:1em; }

.stats { background-color:#696969; text-align:center; padding:4em 2em; display:none; }
.stats i { color:#a4a4a4; font-size:5em; }
.stats p { color:#FFF; line-height:1; }
.stats span { font-size:2em; display:block; }

.bark-point i { font-size:10em; padding:30px; }
.bark-point h1 { color:#008cba; font-size:1.8em; padding-top:2em; }

.fixed-header { position:fixed; background-color:#FFF; border-bottom:1px solid #aaa; width:100%; z-index:5; height: 5em; }
.fixed-header.stuck { top:0;  }
.fixed-header.stuck input, .fixed-header.stuck label, .fixed-header.stuck a.button { display:none; }
.fixed-header img.bark-logo { width:7em; margin-top: 1.4em; }
.fixed-header label { margin-top:0.5em; font-size: .9em; }
.fixed-header input { border-radius: 0.4em; border: 1px solid #aaa; font-weight: 500;}

.fixed-header .button { margin-top:1.7em; padding:0.6em 0.8em; background-color: #1e7cca; font-weight: 300; border: 0; }
.fixed-header.stuck .fixed-context { display:block; }

.no-border-top { border-top:0 !important; }

.top-sliders .slide { background-color: #333;  height:45.5em; width:100%; background-size: cover; position:absolute; top:0; }

.top-sliders .slide1 { background-image: url("../img/cover-electrician.jpg"); z-index:3; }
.top-sliders .slide1 .slide-overlay { background-color: rgba(64,118,166,0.8); height: 100%; width: 100%; max-width: none;}
.top-sliders .slide1 h5 { margin-top: 4em !important; }

.top-sliders .slide2 { background-image: url("../img/cover-photographer.jpg"); z-index:2;}
.top-sliders .slide2 h5 { margin-top: 3.5em !important; }
.top-sliders .slide2 .slide-overlay { background-color: rgba(64,118,166,0.8); height: 100%;  width: 100%; max-width: none;}

.top-sliders .slide3 { background-image: url("../img/cover-fitness.jpg"); z-index:1;}
.top-sliders .slide3 .slide-overlay { background-color: rgba(64,118,166,0.8); height: 100%;  width: 100%; max-width: none;}

.top-sliders .slide h5 { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); padding:0.5em; border-radius:0.3em; font-size:2.5em; color:#fafafa; margin-top:3em; line-height:1; font-weight:500; font-family: 'Lato', sans-serif;}
.top-sliders .slide img { display: inline-block; margin:1.1em 0 0; vertical-align: top; border-radius: 2.5em; width: 4.5em; border: 5px solid #2c465f; }
.top-sliders .slide p {  color: #fff; font-style: italic; width: 20em; display: inline-block; margin: 1em; }
.top-sliders .slide .columns { margin-top: 27.5em; }

.image-placeholder { background-color:#FFF; padding:2em; height:8em; margin-top:1em; display:block; text-align:center; }

#swipebox-container { background-image: url('../img/ajax-loader.gif'); background-repeat: no-repeat; background-position: center; }

.home-press { background: rgba(17,29,39,0.5); padding: 1em 0; z-index: 10; position: absolute; width: 100%; bottom: -0.5em;}
.home-press p { display: inline-block; margin: 0 1em 0 16.5em; color: #fff; vertical-align: middle; }
.home-press img { width: 9em; opacity: 0.8; }
.home-press img.daily-mail { margin-left: 1em; }

.home-endorsement { padding-top: 0.5em;  position: relative; background-color: #f4f7f9; }
.home-endorsement .endorsement-img-container { width: 17em; height: 11em; display: inline-block; float: left; margin-top: -3em; border-radius: 4px; background-color: #f4f7f9; z-index: 10; position: absolute; }
.home-endorsement .endorsement-img-container .endorsement-img { margin-left: 2.5em; width: 15em; height: 10em; border-radius: 4px; text-align: center; margin-bottom: 1em; background-image: url('/img/hewer-still.jpg'); background-size: cover; position: absolute; top: 1em; z-index: 10; left: -1.5em; }
.home-endorsement .endorsement-img-container .endorsement-img .endorsement-img-overlay { width: 100%; height: 2.5em; background: rgba(62,142,252,0.7); padding-top: 0.5em; bottom: 0px; position: absolute;}
.home-endorsement .endorsement-img-container .endorsement-img .endorsement-img-overlay:hover { background: rgba(62,142,252,0.9); }
.home-endorsement .endorsement-img-container .endorsement-img .endorsement-img-overlay i { font-size: 1.5em; color: #fff; vertical-align: sub; margin-right: 0.25em; }
.home-endorsement .endorsement-img-container .endorsement-img .endorsement-img-overlay span { display: inline-block; color: #fff; font-weight: 700; text-transform: uppercase; }

.home-endorsement .endorsement-content { padding: 1.2em 0 2em; margin-left: 18em; color: #133c60;}
.home-endorsement .endorsement-content p { font-size: 1.2em; font-style: italic; margin: 0; }
.home-endorsement .endorsement-content p i.fa-quote-left { margin-right: 0.5em; color: #666; }
.home-endorsement .endorsement-content p i.fa-quote-right { margin-left: 0.5em; color: #666; }
.home-endorsement .endorsement-content span { display: block; font-weight: 700; margin-top: 0.25em; font-size: 1em; color: #133c60; }

.how-it-works-block { padding: 6em 0; border-bottom: 1px solid #eee; }
.how-it-works-block h1 { line-height:1; font-size:2em; text-align:center; font-family: 'Lato', sans-serif; margin-bottom: 0.5em; }
.how-it-works-block .header-desc { font-size: 1.4em; margin-bottom: 4em; padding: 0; }
.how-it-works-block .row.overline { border-top:1px solid #CCC; padding:1em 0 1em 0; }
.how-it-works-block h2 { font-size:1.4em; margin-top:1em; font-family: 'Lato', sans-serif; padding: 0 1em; text-align: center; color: #133c60;}
.how-it-works-block p, .how-it-works-block li { font-size:1.1em; color:#96a8b7; padding: 0 1em; text-align: center; }

.icon-sprite { background: url('../img/homepage-sprites.png'); display: block; }
.icon-search-large { width: 184px; height: 128px; margin: 42px auto 40px auto; }
.icon-supplier-large  { width: 157px; height: 170px; margin: 10px auto 30px auto; background-position: -0 -133px; }
.icon-conversation-large  { width: 279px; height: 190px; margin: 0px auto 20px auto; background-position: -0 -305px; }

.seller-how-works-bk { background-image: url("../img/how-it-works-cover.jpg"); background-size: cover; background-position: center; width: 100%; height: 26em; }
.seller-how-works-bk .seller-how-works-cover { height: 100%; background-color: rgba(57,79,90,0.76); width: 100%; max-width: none;}
.seller-how-works-bk h1 { text-align: center; font-size: 2em; color: #fff; margin: 3em auto 1.5em; }
.seller-how-works-bk .button-primary { width: 100%; margin: 0 auto; padding: 0.75em 1.5em; display: inline; }
.seller-how-works-bk p { color: #eee; margin: 1em 0 2em; font-weight: 500; }
.seller-how-works-bk a { margin-right: 1em; }

.icon-mailbox { width: 49px; height: 44px; background-position: -316px -623px; }
.icon-lightbulb { width: 32px; height: 45px; background-position: -278px -676px; }
.icon-pencil { width: 32px; height: 32px; background-position: -316px -677px;}
.icon-money { width: 34px; height: 31px; background-position: -278px -730px;}
.icon-contact { width: 32px; height: 32px; background-position: -318px -724px;}
.icon-star { width: 32px; height: 32px; background-position: -280px -770px;}
.icon-bubble { width: 41px; height: 38px; background-position: -318px -771px;}

#seller-how-works { padding: 4em 0; }
#seller-how-works .columns .row { margin: 2em 0; }
#seller-how-works h1 { font-size: 2em; text-align: center; margin: 1em 0 2em; }
#seller-how-works h2 { font-size: 1.6em; font-family: 'Lato', sans-serif; color: #133c60; margin: 2em 0 2em;}
#seller-how-works h3 { font-size: 1.5em; font-family: 'Lato', sans-serif; color: #53d1a3;}
#seller-how-works p { margin: .5em 0 1em; font-weight: normal; color: #96a8b7; font-size: 1.1em; }
#seller-how-works b { color: #133c60; font-weight: normal; }
#seller-how-works img { border-radius: 10px; border: 1px solid #ddd; }
#seller-how-works a.button-primary { margin-top: 2em; }

#seller-get-started { margin: 3em 0;}

.seller-create-bk { background-image: url("../img/cover-laptop.jpg"); background-size: cover; background-position: center; width: 100%; height: 100%; position: absolute; }
.seller-create-bk .inner { width: 100%; height: 100%; background: rgba(64,118,166,0.9); }

.seller-login-bk { background-image: url("../img/cover-laptop.jpg"); background-size: cover; background-position: center; width: 100%; height: 90%; position: absolute; }
.seller-login-bk .inner { width: 100%; height: 100%; background:rgba(64,118,166,0.9); }


.buyer-login-bk { background-image: url("../img/buyer-login.jpg"); background-size: cover; background-position: center; width: 100%; height: 90%; position: absolute; }

#tips-to-get-hired { padding: 4em 0 2em; }
#tips-to-get-hired h1 { font-size: 2em; text-align: center; margin: 1em 0 2em; }
#tips-to-get-hired span { float: left; }
#tips-to-get-hired span i { color: #1e7cca; }
#tips-to-get-hired h2 { font-size: 1.6em; font-family: 'Lato', sans-serif; color: #133c60; margin: 0.5em 0 2em; }
#tips-to-get-hired h3 { font-size: 1.4em; font-family: 'Lato', sans-serif; color: #133c60; margin-bottom: 1.5em; vertical-align: middle;}
#tips-to-get-hired h3 i { display: inline-block; margin-right: 1em; vertical-align: bottom; }
#tips-to-get-hired p { color: #96a8b7; margin-bottom: 1em; padding-right: 2em; font-size: 1.1em; }
#tips-to-get-hired p.note { font-size: 1.1em; color: #53d1a3;}
#tips-to-get-hired .row { margin-bottom: 2em; }
#tips-to-get-hired .columns { padding: 0 2em; }
#tips-to-get-hired .tips-content i { float: left; }
#tips-to-get-hired .tips-content h3 { line-height: 1.6; padding-left: 2.5em; }

#success-stories { padding: 4em 0; }
#success-stories img { border-radius: 2px; }
#success-stories .row { margin-bottom: 2em;  }
#success-stories .left { padding-right: 4em; }
#success-stories .right { padding-left: 4em; }
#success-stories h2 {   font-size: 1.6em; font-family: 'Lato', sans-serif; color: #133c60; margin: 0.5em 0 2em; }
#success-stories h4 { font-size: 1.4em; margin: 1em 0 0.5em; color:#133c60; font-family: 'Lato', sans-serif; border-bottom: 1px solid #f5f5f5; padding-bottom: 0.25em; }
#success-stories p { margin: 0 0 1em; color:#96a8b7; font-family: 'Lato', sans-serif; font-size: 1.1em; font-style: italic; }
#success-stories p.attribution { font-size: 1em; color: #133c60; font-style: normal; }
#success-stories .success-img-container { position: relative; }
#success-stories .success-img-container img { border-radius: 5px; }
#success-stories .success-img-container p { position: absolute; bottom: -1px; width: 100%; text-align: center; margin: 0; padding: .5em; background: rgba(0,0,0,0.8); color: #fff; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
#success-stories .seller-success-desc { margin: 1em 0; font-style: italic; }
#success-stories .seller-success-name { font-weight: 300; margin: 0; }

#success-stories i { display: inline-block;}
#success-stories i.success-sprite { display: inline-block; width: 282px; height: 188px; background-image: url('../img/success-images.jpg'); }
.success-fitness { background-position: 0 0; }
.success-cleaning { background-position: 0 -188px; }
.success-plumbing { background-position: 0 -376px; }

p.attribution { font-weight: bold; font-size: 90%; color: #133c60; font-style: normal; }


#seller-get-started-2 { background-color: #3a4449; padding: 3em 0 4em; }
#seller-get-started-2 h2 { font-family: "Lato", sans-serif; color: #fff; font-size: 2em; margin-bottom: 0.5em; }

.customer-reviews { background-color: #fafafa; text-align: center; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 2.5em 0; }
.customer-reviews h2 { font-size: 20px; font-family: 'Lato', sans-serif;  }
.customer-reviews p { font-size: 18px; font-weight: 300; margin: 20px 0 10px; }
.customer-reviews .customer-name { font-size: 16px; margin: 0; font-weight: 500; margin-bottom: 10px; }
.customer-reviews ul { margin: 0; }
.customer-reviews ul li { width: 9px; height: 9px; display: inline-block; border: 1px solid #3a024e; border-radius: 5px; margin: 0 1px; opacity: .6; }
.customer-reviews ul .active { opacity: 1; }

.customer-stories { padding: 6em 0; border-bottom: 1px solid #eaf0f3; background-color: #f4f7f9; }
.customer-stories .story { margin-bottom: 1em;}
.customer-stories .story .inner { padding: 3em 2em; background: #fff; min-height: 410px; border-radius: 2px; }

.customer-stories .icon-sprite { margin: 0 auto;}
.icon-fitness { width: 110px; height: 110px; background-position: -1px -503px;}
.icon-food { width: 110px; height: 110px; background-position: -115px -503px;}
.icon-wedding { width: 110px; height: 110px; background-position: -228px -503px;}

.customer-stories p.attribution { font-weight: 700; font-size: 1em; color: #133c60; font-style: normal; margin: 0; }

.customer-stories h1 { line-height:1; font-size:2em;  text-align:center; font-family: 'Lato', sans-serif; margin-bottom: 0.5em; }
.customer-stories .header-desc { font-size: 1.4em; text-align: center; padding: 0; font-style: normal; margin-bottom: 4em; }
.customer-stories h2 { font-size: 1.5em; font-family: 'Lato', sans-serif; margin: 1em 0; color: #133c60;}
.customer-stories p { font-size:1.1em; color:#84a0b3; font-weight: normal; line-height: 190%; font-style: italic; }
.customer-stories img { border-radius: 5px; margin-top: 1em; }

.bark-better { padding: 6em 0 3em; }
.bark-better .clearfix { padding-bottom: 15px;}
.bark-better .row { margin-bottom: 2em; }
.bark-better h1 { line-height:1; font-size:2em; text-align:center; font-family: 'Lato', sans-serif; margin-bottom: 0.5em; }
.bark-better h1 i { font-size: .9em; margin-right: 0.25em; }
.bark-better .header-desc { font-size: 1.4em; text-align: center; padding: 0; margin-bottom: 4em; }
.bark-better .bark-better-icon { position: absolute; font-size: 2em; top: 1px; }
.bark-better h2 { font-size: 1.5em; font-family: 'Lato', sans-serif; display: block; padding: 0 4em 0 4.5em; color: #133c60; }
.bark-better p { font-size:1.1em; color:#8695a1; padding: 0 3em 0 0; margin: 1em 0 1.5em; font-weight: normal;}

.bark-better .icon-sprite { width: 65px; height: 66px; float: left; }
.icon-search { background-position: -1px -620px; }
.icon-market { background-position: -71px -621px; }
.icon-privacy { background-position: -140px -620px; }
.icon-choice { background-position: -207px -621px; }

.row { max-width: 1280px; }

.center { text-align: center; }
.align-right { text-align: right; }
.align-left { text-align: left; }

.bark-summary { border-bottom:1px solid #666; }
.bark-summary .image { float:left; height:10em; width:10em; background-color:#EEE; margin:0.5em; border:0.1em solid #AAA; }
.bark-summary h1 { font-size:1.6em; font-weight:bold; margin:2em 0 2em 0; }
.bark-summary p { line-height:1; }
.bark-summary .timestamp { margin-top:3em; color:#666; font-size:0.8rem; }
.bark-summary .location { font-size:1.2em; margin-top:2em; }
.bark-summary .location i { color:red; margin-right:0.5em; }

.responses .inner { border:1px solid #999; border-radius:0.5em; margin-top:1em; position:fixed; width:18em; }

.response-summary { margin:0.5em; padding:1em; border-bottom:1px solid #EEE; margin-bottom:1em; }
.response-summary .response-header { background-color:#EEE; padding:1em; }
.response-summary h2 { font-size:1.4em; font-weight:bold; }

.left-message, .right-message { padding-top:0.5em;}
.left-message p, .right-message p { max-width:40em; background-color:#EEE; border-radius:0.5em; padding:1em; display:block; margin:1em 2em; }
.left-message .image, .right-message .image { background-color:#666; width:5em; height:5em; margin:1em 2em; color:#FFF; text-align:center; }
.left-message .image, .left-message p { float:left; }
.right-message .image { float:right; }
.right-message .image, .right-message p { float:right; }

.message-warning { background-color: #E74C3C; border-radius: 4px; color: #fff; padding: 0.5em 1em; margin: 1em 0 0; }
.message-warning i { margin-right: 0.5em; }
.message-warning p { margin: 0; display: inline-block; }

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    background-color: #e5e5e5;
    z-index:10000;
}

.ui-autocomplete li {

}

.ui-autocomplete a {
    color: #84a0b3;
    display: block;
    padding: 0.5em;
    border: 0;
}

div.new-project-map {
    width: 650px;
    height: 300px;
}

.post-bark-map { position: relative; }
.post-bark-map img { border-radius: 4px; }
.post-bark-map div { position: absolute; left: 0; width: 100%; background: rgba(0,0,0,0.6); bottom: -1px; text-align: center; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; color: #fff; }
.post-bark-map div p { margin: 0; padding: .5em 1em; text-align: left; }

#map-container { position: relative; width: 100%; }
#map-container:before {content: ""; display: block; padding-top: 100%; }

#map-canvas-x { position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 4px;
}

.facebook-link-profile { width:7.5em; height:2em; display:inline-block; margin-top:0.5em; }
.facebook-link-profile a { display:block; margin:0.1em 0 0 2.7em; font-size:0.9em; }
.facebook-link-profile i { position:absolute; }
.facebook-link-profile span { color:#3eaefc !important; }
.facebook-link-profile .bark-icon-base { font-size:2em; color:#3b5998; }
.facebook-link-profile .bark-icon-facebook-f { font-size:1.1em; color:#FFF; padding:0.45em 0 0 0.65em; }

.twitter-link-profile { width:6.3em; height:2em; display:inline-block; margin-top:0.5em; }
.twitter-link-profile a { display:block; font-size:0.9em; margin:0.1em 0 0 2.7em; }
.twitter-link-profile i { position:absolute; }
.twitter-link-profile span { color:#3eaefc !important; }
.twitter-link-profile .bark-icon-base { font-size:2em; color:#26a6d1; }
.twitter-link-profile .bark-icon-twitter-bird { font-size:0.9em; color:#FFF; padding:0.6em 0 0 0.5em; }

.facebook-link-small { width:1.5em; height:1.5em; display:inline-block; padding-top:0.2em; margin-right: 0.25em; }
.facebook-link-small a { display:block; }
.facebook-link-small i { position:absolute; }
.facebook-link-small .bark-icon-base { font-size:1.5em; color:#3b5998; }
.facebook-link-small .bark-icon-facebook-f { font-size:0.8em; color:#FFF; padding:0.5em 0 0 0.7em; }

.twitter-link-small { width:1.5em; height:1.5em; display:inline-block; padding-top:0.2em; margin-right:0.35em; }
.twitter-link-small a { display:block; }
.twitter-link-small i { position:absolute; }
.twitter-link-small .bark-icon-base { font-size:1.5em; color:#26a6d1; }
.twitter-link-small .bark-icon-twitter-bird { font-size:0.7em; color:#FFF; padding:0.7em 0 0 0.5em; }

.gplus-link-small { width:1.5em; height:1.5em; display:inline-block; padding-top:0.2em; margin-right:0.5em; }
.gplus-link-small a { display: block; }
.gplus-link-small i { position:absolute; }
.gplus-link-small .bark-icon-base { font-size:1.5em; color:#dd4b39; }
.gplus-link-small img { position: absolute; margin: 0.4em 0.3em !important; width: 1em; }


.facebook-icon { width:2.5em; height:2.5em; display:inline-block; margin-top:-0.1em; }
.facebook-icon i { position:absolute; }
.facebook-icon .bark-icon-base { font-size:2.5em; color:#3b5998; }
.facebook-icon .bark-icon-facebook-f { font-size:1.3em; color:#FFF; padding:0.5em 0 0 0.7em; }

.twitter-icon { width:2.5em; height:2.5em; display:inline-block; }
.twitter-icon i { position:absolute; }
.twitter-icon .bark-icon-base { font-size:2.5em; color:#26a6d1; margin-top:-0.1em;  }
.twitter-icon .bark-icon-twitter-bird { font-size:1.1em; color:#FFF; padding:0.5em 0 0 0.5em; }

#google-maps-canvas img{
    max-width: none;
}
.new-project-container label, .new-project-container input, .new-project-container textarea { font-size:1.1em; font-weight: 500; }
.new-project-container label { cursor: default; margin-bottom: 5px; color: #133c60; }
.new-project-container .columns { padding: 0; margin-bottom: 5em; }
.new-project-container .new-project-checkbox-group label.new-project-checkbox { color:#84a0b3; margin: 0; font-size: 1em; cursor: pointer; font-weight: 500; border-radius:0.2em; margin-top:-1px; position: relative; }
.new-project-container .new-project-checkbox-group div.new-project-checkbox-text { display: inline-block; }
.new-project-container .new-project-checkbox-group label.new-project-checkbox.selected { color:#133c60 !important; }
.new-project-container .new-project-checkbox-group label.new-project-checkbox.new-project-checkbox-other input { margin-top: 12px !important; }
.new-project-container .new-project-checkbox-group label.new-project-checkbox.new-project-checkbox-other .new-project-checkbox-text input { margin: 0 !important; border-radius: 3px; line-height: 1.4; }
.new-project-container .project-view-left hr { margin: 3em 0; }
.new-project-container .project-view-left button { margin-top: 2em; min-width: 10.5em; }
.new-project-container .project-view-left button span { font-size: 1em; margin: 0; }
.new-project-container .project-view-left button .submitSpinner { text-transform: none; opacity: 0.9; }
.new-project-container .project-view-left button .submitSpinner i { font-size: 1.2em; margin-right: 0.25em; }
.new-project-container .project-view-left button.cancel-button { padding: 1em 0; min-width: 0; }
.new-project-container .project-view-left span.new-error { display: block; margin: -1em 0 1.5em; }

.response-list-2 { padding-right: 0; }

.response-container-2 { padding: 2em 3em 1em 2em; border-left: 1px solid #ccc; }

#response-list { }

#response-list .companies-responded { font-size: 1.1em; padding: 1em; margin: 0; border-bottom: 1px solid #ccc; }
#response-list .companies-responded span { font-weight: 300; font-size: 0.8em; }
#response-list img { float:left; max-width:3em; margin-right:1em; border-radius: 4px; }
#response-list i { padding:1.2em 0.5em 0; font-size:1.2em; }
#response-list a { color:#666; padding:0.5em 1em; display:block; border-bottom: 1px solid #ccc; }
#response-list p { text-align:center;  }
#response-list a:hover { background-color:#DDD; }
#response-header img { float:left; max-width:10em; margin-right:1em; border-radius: 4px; }
.response-content-right h1, .response-content-right p { font-family: 'Lato', sans-serif; }
.response-content-right p { padding-left:2em; font-weight: 300; margin: 0; }
.response-text { background-color:#EEE; padding:1em 2em; }
.response-item-left { position: relative; }
.response-item-left div { background-color: #E74C3C; color: #FFF; border-radius: 4px; position: absolute; padding: 0.1em 0.5em; left: 2.4em; font-size: 0.9em; top: -5px; }

#response-content { }
#response-content .response-profile { margin: 1em 0; font-weight: 300; }

.message-left img { float:left; width:2.5em; margin-top:2em; border-radius: 3px; }
.message-right img { float:right; width:2.5em; margin-top:2em; border-radius: 3px; }
.message-left p span.message-content { background-color:#eee; border-radius:0.5em; padding:1em; display:block; margin-left:4em; margin-right:6em; }
.message-right p span.message-content { background-color:#87d37c; color: #fff; border-radius: 4px; padding: 1em; display:block; margin-right:4em; margin-left:6em; }
.message-left p span.date-user { margin-left:2em; }
.message-right p span.date-user { margin-left:10em; }
.response-item-selected { background-color:#999 !important; color:#FFF !important; }
.response-item-selected:hover { background-color:#666 !important; color:#FFF !important; }

.message-left span.triangle {
    position:absolute;
    margin-left:-1.4em;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right:10px solid #eee;
}
.message-right span.triangle {
    position:absolute;
    margin-left:30.9em;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left:10px solid #87d37c;
}
.message-right span.triangle-far {
    position:absolute;
    margin-left:44.8em;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left:10px solid #87d37c;
}
#response-new-message-block textarea, #message-box textarea { font-weight: 500; border-radius: 4px; resize: vertical; margin: 2em 0 1em; }
#response-new-message-block button, #message-box button { background-color: #1e7cca; border-radius: 3px; font-size: 0.9em; padding: 0.7em 0.9em; font-family: 'Lato', sans-serif; float: right; }

.response-content-control a { background-color: #eee; color:#444; border-radius: 3px; font-size: 0.9em; padding: 0.7em 0.9em; font-family: 'Lato', sans-serif; float: left; }

#feedback-modal h2 { font-family: 'Lato', sans-serif; font-size: 1.5em; }
#feedback-modal hr { margin-top: 0.5em; }
#feedback-modal a { font-size: 1.5em; }

.header-breadcrumb { padding:1em; border-bottom:1px solid #CCC; font-size:1.2em; margin-right:1em; }

.text-dropdown { background-color:#FFF; position:absolute; border:1px solid #DDD; width:20.8em; margin-top:-1.1em; z-index:50; display:none; }
ul.ui-autocomplete { list-style:none; margin:0; padding:0; background-color:#FFF; position:absolute; border:1px solid #CCC; width:20.8em; margin-top:-1.1em; z-index:90; display:none; border-top: none; text-transform: capitalize; }
ul.ui-autocomplete li { padding:0em; color:#666; cursor:pointer; }
ul.ui-autocomplete li:hover { background-color:#f4f7f9; color:#1e2b39; }
.ui-menu {
    max-height: 12em;
    overflow-y: scroll;
    overflow-x: hidden;
    border-radius: 0 0 3px 3px;
    -webkit-overflow-scrolling: touch;
}
.ui-menu .ui-menu-item a { font-size:0.9em; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background-color:#f4f7f9;
    color:#1e2b39;
}

ul.ui-autocomplete.suggestion-alternative {
    position:fixed;
    z-index:102;
    overflow-y:scroll;
}

.ui-menu::-webkit-scrollbar { width: 5px; }
.ui-menu::-webkit-scrollbar-track { background-color: #f1f1f1; border-radius: 5px; }
.ui-menu::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #c0cace; }

span.ui-helper-hidden-accessible { display:none; }

.response-nav { }
.response-nav a { font-size: 1.1em; color: #444; line-height: 3em; }
.response-nav h1 { font-family: 'Lato', sans-serif; font-size: 2em; display: inline-block; }

.manage-project { border: 1px solid #aaa; border-radius: 5px; background-color: #fdfdfd; margin: 1em 0 2em; padding: 0; }


.manage-project-control div { float:right; padding:1em; }
.manage-project-back { font-size: 1.1em; color: #444; line-height: 3em; }

.container { }
.dashboard-page .container  { background-color: #f8f8f8; }
.container { background-color: #FFF; }
.manage-project-close-button { float: right; }
.manage-project-close-button span { font-size: 0.8em; padding: 0.2em 0.6em; margin: 1.8em 0 0; cursor: pointer; }

.response-item-right { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.response-item-right .response-time { font-weight: 300; font-size: .8em; }

.manage-project-summary { font-size:1.4em; border-bottom:1px solid #DDD; padding:0 0 1em 0; margin-bottom:1em;  color:#666; text-align:center; }
.manage-project-summary i { margin-right:0.5em; }

#test-login-fade { background-color:#000; opacity:0.5; position:fixed; height:100%; width:100%; z-index:100; }
#test-login-form { visibility: visible; display: block; }

.post-bark-container .login-container { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid #e7e7e7; }
.post-bark-container .login-container p { color: #88a5be; }
.post-bark-container .login-container .new-to-bark { margin: 1em 0; }

#forgotPasswordModal form input { height: 3em; margin: 0.5em 0 1.5em; }
#forgotPasswordModal form button { height: 3em; float: right; }
#forgotPasswordModal form button.cancel-button { float: left; margin: 0; }
#forgotPasswordModal form #resetError { margin-top: -1em; font-size: 1em; }

.login-container { background-color: #fff; border-radius: 2px; margin: 3em 0; padding: 2.5em 3em; -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75); }

.login-container h1, .login-container p, .login-container .login-submit, .login-container .form-row-submit, .login-container  { }

.login-container h1 { font-size: 2em; }
.login-container .prompt { margin-top: 0.25em; margin-bottom: 1.5em; font-size: 1.2em; }
.login-container .new-to-bark { margin: 2em 0 0; }

.login-container p { color: #96a8b7;}
.seller-create-submit { text-align: center; }
.login-container label {   font-size: 1.1em; color: #133c60; margin-bottom: 0.5em; margin-top:0.5em; cursor: default; }
.login-container .button-primary {width: 100%; margin-top: 1.5em;}
.login-container input { border: 1px solid #ccd2dc; border-radius: 3px; font-size: 1.1em; font-weight: 500; height: 3em; padding: 0.5em 1em; }
.login-container a { text-decoration: underline; color: #3eaefc; }
.login-container .seller-create-submit .secondary { background-color: #eee; }
.login-container .avatar-editor { margin-bottom: 1em; }

.seller-container-bk p.text-center { margin: 1.7em 0 0 0; color: #96a8b7; }
.seller-container-bk h1 { font-size: 1.5em; }

.login-container .seller-create-container { position: relative; }
.login-container .seller-create-container hr { border: solid #ebebeb; }
.login-container .seller-create-container button { width: auto; padding: 1.1em 2em; }
.login-container .seller-create-container label { cursor: default; margin-bottom: 0.7em; color: #133c60;}
.login-container .seller-create-container i { position: absolute; top: 2.1em; left: 0.8em; font-size: 1.1em; color: #aaa; }
.login-container .seller-create-container input { border: 1px solid #ddd; font-size: 1em; padding: 0.5em 1em; }
.login-container .seller-create-container input:focus { background-color: #fff; }
.login-container .seller-create-container .error-field { margin: -0.5em 0 1.5em; }

.login-container .password-reset-confirm h1 { display: inline-block; }
.login-container .password-reset-confirm i { font-size:2em; display: inline-block; margin-right: 0.2em; color: #53d1a3; }

.for-suppliers-container { margin: 0; margin-top: -1em; margin-bottom: -1em; position: fixed; right: 0; }
.for-suppliers:before { border-right: 3em solid #666; border-top: 5.45em solid transparent; content: ""; display: block; position: absolute; right: 100%; top: 0; }
.for-suppliers { background-color: #666; color: #FFFFFF; display: inline-block; padding: 0 0.8em 0 0.5em; position: relative; line-height: 5.4em; font-size: 14px; height: 5.4em; }

.message-bark hr { margin-top: 0; }
.message-bark img { display: inline-block; border-radius: 4px; margin-bottom: 1.5em; }
.message-bark .message-bark-title { display: inline-block; vertical-align: top; margin: 0.2em 0 0 1em; }
.message-bark .message-bark-title h1 { margin: 0 0 0.2em; }
.message-bark .message-bark-title p { margin: 0; color: #666; }
.message-bark .bark-view-more { margin-top: .5em !important; }
.message-bark .bark-view-more span { background-color: #eee; padding: .5em .6em; font-size: .9em; border: 1px solid #e4e4e4; border-radius: 4px; color: #444; }
.message-bark .bark-view-more span:hover { background-color: #ccc; }

#message-list textarea { border-radius: 4px; font-weight: 500; font-size: 1em; resize: vertical; margin: 0; }
#message-list button { border-radius: 3px; background-color: #1e7cca; font-size: 1em; padding: 10px 15px; font-family: 'Lato', sans-serif; float: right; }
#message-list button:hover { background-color: #0867B6; }
#message-list .sign-up-prompt, #message-list .sign-up-success { margin: 2em 0; }
#message-list .sign-up-prompt i, #message-list .sign-up-success i { margin: .2em 0 0 .2em; float: left; font-size: 2em; }
#message-list .sign-up-prompt p, #message-list .sign-up-success p { margin: 0 0 0 4em; padding-right: 2em; }
#message-list .sign-up-prompt a, #message-list .sign-up-success a { top: 0.8em; }


.project-image .photo-inner { float:left; border:1px solid #dde0e5; border-radius:0.3em; background-color:#f8f9f9; padding:1.2em; }
.project-image .photo-inner .upload-photo { float:left; text-align:center; padding:1.5em 1.5em; background-color:#FFF; border:1px solid #dde0e5; border-radius:0.3em;  }
.project-image .photo-inner .upload-photo i { font-size:2em; color:#cdd2d7; display:block; }
.project-image .photo-inner .upload-photo span { font-size:1em; color:#919dab; display:block; }
.project-image .photo-inner .upload-button { font-size:0.9em; float:left; margin: 1em 0 0 0; font-weight: bold; text-decoration:none !important; color:#FFF; background-color:#cdd2d7; padding:0.5em 2.3em; border-radius:0.2em;  }
.project-image .photo-inner .upload-button:hover { background-color:#9ea5ac; }
.project-image .photo-inner p { font-size:0.9em; float:left; margin: 1em 0 0 0; font-weight: bold; text-decoration:none !important; padding:0.5em 2.3em; border-radius:0.2em;  }


.user-box { padding:1em; height:5em; overflow:hidden; }
.not-home .user-box { display:block; }
.user-box i { padding:0.5em; opacity:0.5; font-size:1.4em; color: #444; }
.user-box p { padding:0.7em 1em; display: inline-block; }
.user-box a { color: #444; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.user-box a img { width: 2em; border-radius: 1em; margin: 0 10px 4px 12px; }
.user-box a i { font-size: 1em; }
.user-box a .home { font-size: 1.5em; }
.user-box .f-dropdown { margin-top: 17px; border-radius: 4px; outline: 0; -webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.5); box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.5); }
.user-box .f-dropdown li { padding: 5px; }

.new-project-left { background-color: #fdfdfd; margin: 0 0 3em; border-radius: 4px; border: 1px solid #aaa; padding: 0.5em 1em; }
.new-project-left hr { margin-top: .75em; }
.new-project-left hr.post-bark-break { margin: 2em 0 1.5em; }
.project-view-left .new-project-intro { color:#96a8b7; margin-bottom: 0.75em; font-size: 1.2em; line-height: 1.6; }
.project-view-left .new-project-intro span { color: #53d1a3;  }
.new-project-field { margin-bottom: 1em; }
.new-project-field label.buyer-telephone-number { display: inline-block; margin-right: 0.25em; }
.new-project-field span.buyer-telephone-number { font-style: italic; color: #666; }
.new-project-field label { font-size: 1.1em; font-weight: 400; cursor: default; color: #133c60; }
.new-project-field input { border-color:#ccd2dc; border-radius: 4px; font-weight: 500; font-size: 1.1em; padding: 0.75em 1em; height: auto; color: #133c60; margin-bottom: 1rem; }
.new-project-field.new-error input { border-color:#fe7f4a; box-shadow: 0px 0px 15px -5px rgba(254,127,74,1) !important; }

.hiddenSuggestion { display: none; }

.suggested-category { background-color: #f8f8f8; }
.suggested-category .suggested-category-container { background-color: #fff; border: 1px solid #e6e6e6; border-radius: 4px; margin: 4em 0 2em; padding: 0; }
.suggested-category .suggested-category-container h1 { margin: 0; padding: 1em 2em; border-bottom: 1px solid #e6e6e6; }
.suggested-category .suggested-category-container h1 span { font-style: italic; opacity: 0.75; border-bottom: 1px dotted #133c60; }
.suggested-category .suggested-category-container ul { margin: 1em 0 1em 4em; }
.suggested-category .suggested-category-container ul li.visibleSuggestion { width: 50%; display: inline-block; }
.suggested-category .suggested-category-container ul li a { display: list-item; color: #3eaefc; text-decoration: underline; padding-right: 2em; }
.suggested-category .suggested-category-container ul li a:hover { color: #5bbafc; }
.suggested-category .suggested-category-container .showMoreAlternatives { text-transform: uppercase; color: #88a5be; font-weight: 700; display: inline-block; margin-bottom: 0.5em; }

.suggested-category .suggested-category-prompt { border: 1px solid #e4dcd0; background-color: #fffdf0; border-radius: 4px; padding: 1em 2em; margin-bottom: 4em; }
.suggested-category .suggested-category-prompt p { color:#c3b49c; margin: 0; font-size: 1em; }
.suggested-category .suggested-category-prompt p strong { color: #6f634f; }

.suggested-category .suggest-new-category { padding: 1em 3em; }
.suggested-category .suggest-new-category p { color: #88a5be; }
.suggested-category .suggest-new-category p a { text-decoration: underline; color: #3eaefc; }
.suggested-category .suggest-new-category input#suggest_category_name { border-radius: 3px; color: #133c60; margin-bottom: 1em; }
.suggested-category .suggest-new-category input.button-primary-blue { padding: 0.5em 1em; margin: 0; cursor: pointer; }
.suggested-category .suggest-new-category input.button-primary-blue:focus { background: #3eaefc !important; }
.suggested-category .suggest-new-category span.new-error { margin-bottom: 1em; display: block; }

.new-project-field textarea { border-color:#ccd2dc; border-radius: 4px; font-weight: 500; font-size: 1.1em; resize: vertical; color: #133c60; }
.new-project-field select { height:auto; background-color:#FFF; font-family: 'Lato', sans-serif; padding:0.5em 1em 0.7em 1em; font-size: 1.2em; border-radius: 4px; cursor: pointer; border-color:#ccd2dc; color: #133c60; }

.new-project-field .new-project-tip, .new-project-field .radio-container label { font-weight: 500; }

.project-view-left .photo-uploader .photo-upload { margin: 0.5em 2em 1.5em 0; }
.project-view-left .photo-uploader .photo-upload .photo-upload-overlay { width: 8em; height: 8em; padding: 1em; cursor: default; position: absolute; top: 0; padding:1.3em 1em; background-color:rgba(72,109,140,0.75) !important;  }
.project-view-left .photo-uploader .photo-upload .photo-upload-overlay .overlay-option-conatiner { margin: 0.9em 0; cursor: pointer; }
.project-view-left .photo-uploader .photo-upload .photo-upload-overlay .overlay-option-conatiner i { display: inline-block; padding: 0; font-size:1em !important; margin-right: 0.25em; }
.project-view-left .photo-uploader .photo-upload .photo-upload-overlay i { display:inline !important; }

.new-project-left .attached-files { }
.new-project-left .attached-files .attached-file { padding: 0.5em; border: 1px solid #aaa; border-radius: 4px; margin: 0 1em 1em 0; background-color: #f9f9f9; position: relative; display: inline-block; max-width: 100%; }
.new-project-left .attached-files .attached-file div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.new-project-left .attached-files .attached-file i { font-size: 1.2em; margin: 0 0.4em 0 0.2em; }
.new-project-left .attached-files .attached-file .file-upload-progress { position: absolute; width: 45%; height: 100%; left: 0; bottom: 0; background-color: #1e7cd0; opacity: 0.75; }
.new-project-left .attached-files a { margin:1em 0 1em 0; display:block; }

.seller-create-field .attached-file { white-space: nowrap; text-overflow: ellipsis; overflow:hidden; max-width:100%; padding: 0.5em; border: 1px solid #aaa; border-radius: 4px; margin: 0 1em 1em 0; background-color: #f9f9f9; position: relative; display: inline-block; }
.seller-create-field .attached-file i { font-size: 1.2em; margin: 0 0.4em 0 0.2em; }
.seller-create-field .attached-file .file-upload-progress { position: absolute; width: 45%; height: 100%; left: 0; bottom: 0; background-color: #1e7cd0; opacity: 0.75; }
.seller-create-field .attached-files a { margin:1em 0 1em 0; display:block; }


.seller-create-field { margin-bottom: 1em; }
.seller-create-field label.buyer-telephone-number { display: inline-block; margin-right: 0.25em; }
.seller-create-field span.buyer-telephone-number { font-style: italic; color: #666; }
.seller-create-field label { padding-bottom:0.5em; font-size: 1.3em; font-weight: 400; cursor: default; }
.seller-create-field input { border-color:#ccd2dc; border-radius: 4px; font-weight: 500; font-size: 1.2em; padding:0.5em 1em; }
.seller-create-field input:focus { border-color:#3eaefc; box-shadow: 0px 0px 15px -5px rgba(62,174,252,1) !important; }
.seller-create-field.new-error input { border-color:#fe7f4a; box-shadow: 0px 0px 15px -5px rgba(254,127,74,1) !important; }



.seller-create-field textarea:focus { border-color:#3eaefc; box-shadow: 0px 0px 15px -5px rgba(62,174,252,1) !important; }
.seller-create-field textarea { border-color:#ccd2dc; border-radius: 4px; font-weight: 500; font-size: 1.2em; resize: vertical; }
.seller-create-field select { height:auto; background-color:#FFF; font-family: 'Lato', sans-serif; padding:0.5em 1em 0.7em 1em; font-size: 1.2em; border-radius: 4px; cursor: pointer; border-color:#ccd2dc; }

.seller-create-field i.has-tip { color:#74c2fc !important; font-size:0.7 !important; font-style:normal; }

.seller-create-field.new-error input { border-color:#fe7f4a; box-shadow: 0px 0px 15px -5px rgba(254,127,74,1) !important; }
.seller-create-field.new-error textarea { border-color:#fe7f4a; box-shadow: 0px 0px 15px -5px rgba(254,127,74,1) !important; }
.seller-create-field.new-error select { border-color:#fe7f4a; box-shadow: 0px 0px 15px -5px rgba(254,127,74,1) !important; }

.new-project-right-stats { margin: 0; padding: 0.7em 1.2em; border: 1px solid #aaa; border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #f5f5f5; }
.new-project-right-stats span { font-size: 1.2em; margin: 0 0.2em; background-color: #f5f5f5; color: #1F3A93; padding: 0.1em; border-radius: 4px; font-weight: 700; }


.new-project-right-green { background-color:#fcfff5; border:1px solid #97c13d; padding:2em; border-radius:4px; margin-bottom:2em !important; }
.new-project-right-green h1 { color:#4b627c; }
.new-project-right-green p { color:#8695a1; font-size:1.2em; }
.new-project-right-green p b { color: #3eaefc; font-weight: 500; }
.new-project-bark-step { padding-bottom:2em; }
.new-project-bark-step img { float:left; margin-right:1em; margin-top:-0.3em;}
.new-project-bark-step h2 { font-family:'Lato'; color:#133c60; margin-bottom:0.5em; font-size:1.5em; }
.new-project-bark-step p { font-family:'Lato'; color:#8695a1; }


.new-project-right { border-top: 2px solid #f4f7f9; padding-top:2em; }
.new-project-right h1 { font-size: 1.4em; background-color: #fcf8e3; border-bottom: 1px solid #aaa; color: #45423c; line-height: 1.2; margin: 1em 0 0; border-top: 1px solid #aaa; box-shadow: 0 0 1px #aaa; -webkit-box-shadow: 0 0 1px #aaa; -moz-box-shadow: 0 0 1px #aaa; }
.new-project-right .new-project-prospects span { font-size: 1.5em; margin: 0 .2em; font-weight: 700; }
.new-project-right .new-project-steps { padding: 1em 1.5em; }
.new-project-right .new-project-steps span { margin: 10px 0 5px 2px; display: block; font-size: 1rem; }
.new-project-right .new-project-steps p { font-size: 1.2em; font-weight: 700; margin: 0; display: inline-block; }
.new-project-right .new-project-steps p.new-project-desc { font-size: 1.1em; font-weight: 500; }
.new-project-right .new-project-steps p.new-project-desc span { font-weight: 700; color: #1E7CCA; }
.new-project-right .new-project-steps span.fa-stack { display: inline-block; margin: -0.25em 0.25em 0 0; vertical-align: middle; }
.new-project-right .new-project-steps hr { margin: 1.25rem 0 1.5rem; }

.new-project-testemonial { padding: 0 1em; margin-bottom: 3em; }
.new-project-testemonial img { float: left; width: 4.5em; border-radius: 50%; margin-top: 0.5em; }
.new-project-testemonial p { margin-left:3em; font-size:1em; margin-bottom: 0.25em; padding-left: 4em; color: #444; font-weight: 700; font-style: italic; color:#96a8b7; }
.new-project-testemonial span { color: #133c60; font-weight:700; display:block; padding-top:0.5em; font-style:normal; }

.seller-sign-up { margin: 3em 0; border: 1px solid #ccc; border-radius: 4px; padding: 1em; }
.seller-sign-up hr { margin-top: 0; }

.new-project-quotes { margin: 2em 0; }
.new-project-quotes i { font-size: .7em; vertical-align: top; margin: 0 .4em; color: #8a6d3b; }
.new-project-quotes p { display: inline; font-weight: 300; font-style: italic; }

.new-project-checkbox { font-size:1.4em; margin-top:-1px; vertical-align: top; word-wrap: break-word; border: 1px solid #dde0e5; padding: 0.7em 1em; }
.new-project-checkbox:hover { background-color: #f8f9f9; }
.new-project-checkbox input { margin: 5px 1em 0 0.1em !important; vertical-align: top; cursor: pointer; }
.new-project-checkbox label { font-size: 1.2em !important; font-weight: 500; color:#84a0b3 !important; }
.new-project-checkbox-group { margin-bottom:1rem; }

.project-view-seller-submit .button { border-radius: 3px; background-color: #1e7cca; font-size: 1em; padding: 10px 15px; font-family: 'Lato', sans-serif; }
.new-project-submit .button-secondary { float: left !important; background-color: #c0c0c0; }

.project-view-seller-submit .button { padding: 1em 1.5em; margin-top: .8em; }

#seller-notifications, #buyer-notifications { background-color: #3a4449; z-index: 120; min-width: 0; width: 9em; }
#seller-notifications li:first-child, #buyer-notifications li:first-child {  }
#seller-notifications li:last-child, #buyer-notifications li:last-child { border-bottom: 0; border-radius: 0 0 4px 4px; }
#seller-notifications li a, #buyer-notifications li a { padding: 0.5em 1em; }
#seller-notifications li a:hover, #buyer-notifications li a:hover { background-color: #eee; }
#seller-notifications i, #buyer-notifications i { font-size: 1.1em; float: left; padding: 0.2em 0.4em 0 0; color: #c0cec9 !important; }
#seller-notifications .fa-comment, #buyer-notifications .fa-comment { color: #53d1a3; }
#seller-notifications .fa-bell, #buyer-notifications .fa-bell { color: #fe7f4a; }
#seller-notifications strong, #buyer-notifications strong { display:block; font-size: 1em; line-height: 1.5em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#seller-notifications p, #buyer-notifications p { padding: 0.1em 0.1em 0; line-height: 1.1em; font-size: 1em; margin: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #999; }

.dashboard-content, .profile-settings, .change-alerts, .seller-account-settings, .seller-profile-settings { border: 1px solid #aaa; border-radius: 5px; background-color: #fdfdfd; margin: 2em 0; padding-bottom: 1em; float: left !important; }
.dashboard-content h1, .profile-settings h1, .change-alerts h1, .seller-account-settings h1, .seller-profile-settings h1 { font-family: 'Lato', sans-serif; font-size: 1.4em; margin: 0; }

.dashboard-content .bark-form { margin-top: 0; padding: 0; }
.dashboard-content .bark-form h2 { font-weight: 500; font-size: 1.6em; }
.dashboard-content .bark-form label { font-size: 1em; }
.dashboard-content .bark-form .button { text-transform: none; height: auto; width: auto; margin: 1.7em 0 0; }

.profile-settings hr, .seller-account-settings hr { margin: 0.5em 0 1.5em; }
.profile-settings label, .seller-account-settings label { font-size: 1em; text-indent: 1px; cursor: default; display: inline-block; }
.profile-settings input, .seller-account-settings input { border-radius: 4px; font-weight: 500; font-size: 1em; }
.profile-settings img, .seller-account-settings img { border: 1px solid #ccc; }
.profile-settings p, .seller-account-settings p { font-weight: 300; }
.profile-settings .buyer-settings-email-div label input { margin: 0 0.5em 0 0; cursor: pointer; }
.profile-settings .buyer-settings-email-div { margin-bottom: 1em; }
.profile-settings .avatar-editor a { display: block; margin: 0.5em 0; }
.seller-account-settings button { margin: 1em 0.5em; }
.profile-settings .secondary, .seller-account-settings .secondary, .seller-profile-settings .secondary { background-color: #eee; }
.profile-settings .secondary:hover, .seller-account-settings .secondary:hover, .seller-profile-settings .secondary:hover { background-color: #ccc; }

.seller-account-settings button { margin: 1em 0.5em; }
.seller-account-settings a.downgrade-cancel { display: inline-block; text-decoration: underline; font-size: 0.9em; margin: 0 0.5em; }
.seller-account-settings a.upgrade-account-prompt { font-weight: 500; text-decoration: underline; }
.seller-account-settings .plan-t-and-c { font-size: 0.8em; margin: 0; }
.seller-account-settings .payment-card { margin: 0; }
.seller-account-settings p.current-plan-billing-status { font-weight: 500; }
.seller-account-settings .payment-card .payment-card-header { background-color: #0157a2; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.seller-account-settings .payment-card .payment-card-header.mastercard { background-color: #0a3a82; }
.seller-account-settings .payment-card .payment-card-header.american_express { background-color: #007bc1; }
.seller-account-settings .payment-card .payment-card-header h4 { font-family: 'Lato', sans-serif; font-size: 1.2em; color: #fff; margin: 0.2em 0; }
.seller-account-settings .payment-card .payment-card-details { border: 1px solid #ccc; border-top: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding: 0.75em 0; }
.seller-account-settings .payment-card .payment-card-details img { border: 0; height: 2em; }
.seller-account-settings .payment-card .payment-card-details p { margin: 0.1em 0 0; }
.seller-account-settings .payment-card .payment-card-details button { margin: 0; padding: 0.3em 0.6em; }

.seller-packages p.packages-more-info { padding: 0 1em; }
.seller-packages p.packages-more-info a { text-decoration: underline; }
.seller-packages span.packages-tcs { padding: 0 1em; margin: 0 0 1em ; font-size: 0.9em; display: block; }

.profile-settings button, .seller-profile-settings button { margin: 1em; }

li.header-current-plan { margin-top: 0.45em; }
.top-bar-section li.header-current-plan a { padding: 0 !important; line-height: 1em !important; }
.top-bar-section li.header-current-plan a:after { display: none; }
li.header-current-plan a span.current-plan { padding: 0.2em 0.8em 0.1em; line-height: 2em; }



.seller-account-settings .change-password input, .profile-settings .change-password input { padding: .7em 1em; margin: 1.85em 0; float: right; background-color: #eee; color: #444; border: 1px solid #aaa; cursor: pointer; font-size: 0.9em; font-family: 'Lato', sans-serif; font-weight: 500; }
.seller-account-settings .change-password input:hover, .profile-settings .change-password input:hover { background-color: #ccc; }

.profile-settings .change-password .disabled-button, .seller-account-settings .change-password .disabled-button { border: 1px solid #ddd; color: #999; background-color: #f0f0f0; cursor: default; }
.profile-settings .change-password .disabled-button:hover, .seller-account-settings .change-password .disabled-button:hover { background-color: #f0f0f0; }

#passwordModal h2 { font-family: 'Lato', sans-serif; font-size: 2em; text-align: center; margin-bottom: 1em; }
#passwordModal p { font-size: 1.1em; text-align: center; }
#passwordModal input { border-radius: 4px; }
#passwordModal button { margin: 1em 0.4em; }
#passwordModal i { color: #3e9c05; font-size: 2em; }
#password-modal-success { text-align: center; }
#reviewModal i { color: #3e9c05; font-size: 2em; }
#review-modal-success { text-align: center; }

.input-error { border-color: red !important; }

#changeCard img.lock { width:1.5em; height:1.5em; margin-right:0.5em; }
#basicPlanModal, #changeCard, #downgradeDeleteModal, #confirmationUpgrade, #confirmationDowngrade, #changeCardConfirm { padding-left:0; padding-right:0; width: 26em; margin-left: auto !important; margin-right: auto !important; height: 44em; }
#confirmationUpgrade, #confirmationDowngrade, #changeCardConfirm { height: 30em; }
#basicPlanModal small.error, #changeCard small.error, #downgradeDeleteModal small.error, #confirmationUpgrade small.error, #confirmationDowngrade small.error, #changeCardConfirm small.error { width: 100%; margin-top: 1em; }
#changeCard, #downgradeDeleteModal { height: 35em; }
#changeCard h1 img { margin-top:0.4em; }
#cahngeCard .stripe-change-card-form input {  padding:2em !important; }
#basicPlanModal img.logo-circle, #changeCard img.logo-circle, #downgradeDeleteModal img.logo-circle, #confirmationUpgrade img.logo-circle, #confirmationDowngrade img.logo-circle, #changeCardConfirm img.logo-circle { padding:1em; background-color:#3a4449; width: 8em; height: 8em; border:0.5em solid #FFF; border-radius: 50%; position: absolute; left: 13.5em; top: -3.5em; }
#basicPlanModal .image-bk, #changeCard .image-bk, #downgradeDeleteModal .image-bk, #confirmationUpgrade .image-bk, #confirmationDowngrade .image-bk, #changeCardConfirm .image-bk { display:none; }
#basicPlanModal h1, #changeCard h1, #downgradeDeleteModal h1, #confirmationUpgrade h1, #confirmationDowngrade h1, #changeCardConfirm h1 { margin-top: 2em; padding-bottom:0.7em; text-align: center; font-size: 1.5em; font-weight: 400; color: #3a4449; margin-bottom:1em; }
#changeCardConfirm h1 { margin-top: 2em; }
#basicPlanModal .controls, #changeCard .controls, #downgradeDeleteModal .controls, #confirmationUpgrade .controls, #confirmationDowngrade .controls, #changeCardConfirm .controls { padding:1em; border-top:1px solid #f0f0f0; position: absolute; bottom: 0.5em; right: 0; }
#basicPlanModal .controls p { display: block; font-size: 0.9em; }
#basicPlanModal input, #changeCard input, #downgradeDeleteModal input { margin-bottom: 0.5em; }
#basicPlanModal button, #changeCard button, #downgradeDeleteModal button, #confirmationUpgrade button, #confirmationDowngrade button, #changeCardConfirm button { margin: 1em 0.5em !important; position: static; }
#basicPlanModal select, #changeCard select, #downgradeDeleteModal select { display: inline-block; width: 48%; font-family: 'Lato', sans-serif; font-size: 1em; border-radius: 4px; cursor: pointer; margin-bottom: 0.5em; background-color: #fff; }
#basicPlanModal button.button-primary:disabled, #changeCard button.button-primary:disabled, #downgradeDeleteModal button.button-primary:disabled { background: #0867B6; color: #ffffff; border: 1px solid #064B84; }
#basicPlanModal button.button-cancel:disabled, #changeCard button.button-cancel:disabled, #downgradeDeleteModal button.button-cancel:disabled { background: #eeeeee; color: #444444; border: 1px solid #eeeeee; }
#basicPlanModal button.button-success:disabled, #changeCard button.button-success:disabled, #downgradeDeleteModal button.button-success:disabled { background: #215900; color: #ffffff; border: 1px solid #215900; }

#changeCard .controls { padding: 0; }
#changeCard button { margin: 0 0.5em !important; }

#credit-processing-modal h1 { text-align: center; margin-top: 2em; }
.default-modal.default-payment-modal img.logo-circle { padding:1em; background-color:#3a4449; width: 8em; height: 8em; border:0.5em solid #FFF; border-radius: 50%; position: absolute; left: 13.5em; top: -3.5em; } 
.default-modal.default-payment-modal .ppr-payment-modal-spinner p { font-size: 1.2em; color: #96a8b7; text-align: center;}
.default-modal.default-payment-modal .ppr-payment-modal-spinner p i { margin-right: 0.5em; color: #3eaefc; }

.default-credit-modal h1 { text-align: center; margin-top: 2em; }
.default-credit-modal span.new-error { font-weight: 700; }
.default-credit-modal select { display: inline-block; width: 48%; font-family: 'Lato', sans-serif; font-size: 1em; border-radius: 4px; cursor: pointer; margin-bottom: 0.5em; background-color: #fff; }

#stripe-change-card-form, #annual-monthly-modal, #annual-monthly-modal-pro, #annual-monthly-address-input, #card-details-input { padding-left:1.875rem; padding-right:1.875rem; }

#stripe-change-card-form label, #card-details-input label { font-size:1.1em; padding:1em 0 0.5em ;}
#annual-monthly-modal h4 { font-family: 'Lato', sans-serif; font-weight: 500; font-size: 1.1em; margin-bottom: 1.5em; }
#annual-monthly-modal p { display: inline-block; margin: 0; }
#annual-monthly-modal span:not(.new-error) { display: block; margin: 0 0 0 2.3em; color: #666; }
#annual-monthly-modal span.new-error { margin-top:0.5em; }
#annual-monthly-modal input[type="radio"] { display: inline-block; margin: 0 1.5em 0 0; cursor: pointer; }
#annual-monthly-modal .payment-plan-hr { margin: 1em 0; }

#annual-monthly-modal-pro h4 { font-family: 'Lato', sans-serif; font-weight: 500; font-size: 1.1em; margin-bottom: 1.5em; }
#annual-monthly-modal-pro p { display: inline-block; margin: 0; }
#annual-monthly-modal-pro span:not(.new-error) { display: block; margin: 0 0 0 2.3em; color: #666; }
#annual-monthly-modal-pro span.new-error { margin-top:0.5em; }
#annual-monthly-modal-pro input[type="radio"] { display: inline-block; margin: 0 1.5em 0 0; cursor: pointer; }
#annual-monthly-modal-pro .payment-plan-hr { margin: 1em 0; }

#annual-monthly-confirm i { font-size: 3em; color: #54d1a3; margin: 0.5em 0 0.25em; display: block; }
#annual-monthly-confirm button { margin: 1em; }
#annual-monthly-confirm button a { color: #444; }

#downgradeDeleteModal li { list-style: none; }
#downgradeDeleteModal li input { margin-right: 1em; vertical-align: middle; cursor: pointer; }

.affiliate-banner { background-image: url('/img/affiliate_banner.jpg'); background-size: cover; background-position: center; min-height: 25em; text-align: center; color: #fff; padding: 6em 0; margin-bottom: 5em;}
.affiliate-banner img { width: 4em; }
.affiliate-banner h1 { color: #fff; margin: 0.25em 0 0.5em; font-size: 2em; }
.affiliate-banner p { font-size: 1.2em; padding: 0 2em; opacity: 0.8; }

.affiliate-container { padding: 4em 0; }
.affiliate-container .affiliate-explanation-box { padding-right: 4em; margin-bottom: 4em; }
.affiliate-container .affiliate-explanation-box img { width: 3em; margin-right: 1em; vertical-align: top; }
.affiliate-container .affiliate-explanation-box h4 { display: inline-block; color: #133c60; margin: 0.25em 0 0; font-size: 1.6em; }
.affiliate-container .affiliate-explanation-box .gradient-line { text-align: left; margin: 1em 0 1.5em; width: auto; height: 3px;}
.affiliate-container .affiliate-explanation-box p { color: #556f88; font-size: 1.3em; }
.affiliate-container .affiliate-explanation-box p b { color: #133c60; }
.affiliate-container .affiliate-explanation-box p a { color: #46a6ff; text-decoration: underline; }
.affiliate-container .affiliate-explanation-box .colored-list { counter-reset: item; margin-left: 0; color: #a2b1bf; }
.affiliate-container .affiliate-explanation-box .colored-list li { display: block; font-size: 1.1rem; }
.affiliate-container .affiliate-explanation-box .colored-list li:before { content: counter(item) ". "; counter-increment: item; color: #59d0a4; font-weight: bold; }
.affiliate-container .big-margin-list { color: #a2b1bf; font-size: 1.1rem; }
.affiliate-container .big-margin-list li { margin-bottom: 1em; }

.affiliate-container .signup-column { padding: 0 3em; }
.affiliate-container .signup-box { border: 2px solid #e7ebee; border-bottom: 0; border-top-right-radius: .6em; border-top-left-radius: .6em; padding: 3em 3em 1em 3em; }
.affiliate-container .signup-box hr { border-color: #e7ebee; margin: 2em -3em; }
.affiliate-container .signup-box .signup-call-to { text-align: center; font-size: 1.1em; font-weight: 700; color: #133c60; }
.affiliate-container .signup-box .icon-row { text-align: center; padding-bottom: 2em; }
.affiliate-container .signup-box .icon-row img { width: 2em; vertical-align: top; margin-right: 0.25em; }
.affiliate-container .signup-box .icon-row h5 { font-size: 1.3em; color: #133c60; margin: 0; display: inline-block; }
.affiliate-container .signup-box .signup-points { color: #556f88; font-size: 1.1em; line-height: 1.4; }
.affiliate-container .signup-link { background: #59d0a4; width: 100%; display: block; padding: 1em 0; text-align: center; color: white; border-bottom-right-radius: .6em; border-bottom-left-radius: .6em; font-size: 1.1em; text-transform: uppercase; font-weight: bold; }
.affiliate-container .signup-link:hover { opacity: 0.9; }

.terms-section { text-align: center; margin: 4em 0 0; padding: 0 1em; }
.terms-section p { font-size: 1.1em; color: #a2b1bf; }
.terms-section p a { color: #46a6ff; text-decoration: underline; }
.terms-section .text-warning { color: #e8a45b; }

.bark-summary-2-date { margin: 1em 0; text-indent: 1em; }
.unread { background-color: rgba(30,124,202,0.05) !important; }

.finding-pros { padding: 1em 0; }
.finding-pros i { font-size: 1.6em; margin-right: 0.5em; }
.finding-pros p { line-height: 1em !important; display: inline-block; font-weight: 500 !important; font-size: 1em; }

.error-look { display:none; background-color: #E74C3C; color:#FFF; float:right; padding:0.5em 0.7em; border-radius:4px; font-size:1em; }

.bark-closed { padding: 0.5em 1em; margin-top: 0.9em; border-radius: 3px; width: auto; text-align: center; background-color: #E74C3C; font-size: 0.9em; opacity: 0.75; }
.bark-closed i { font-size: 1.4em; margin-right: 0.5em; color:#FFF; }
.bark-closed p { line-height: 1em !important; display: inline-block; font-weight: 500 !important; font-size: 1em; color:#FFF; }

.bark-summary-2 { border:1px solid #CCC; display:block; color:#333; border-radius: 4px; background-color: #fff; margin: 0.75em 1em 0; }
.bark-summary-2 .bark-summary-2-content { padding: 1em 2em 0.4em; }
.bark-summary-2 .alert-box { margin-bottom: 0; font-size: 1em; text-align: center; border: 0; background-color: rgba(231, 76, 60, 0.9); text-transform: uppercase; padding: 0.2em 0; }
.bark-summary-2 .bark-date { background-color: #eee; color: #444; text-transform: capitalize; }
.bark-summary-2 h2 { margin: 0; font-size:1.3rem; font-weight:bold; font-family: 'Lato', sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bark-summary-2 p { margin: 0; text-align: center; font-weight: 300; line-height: 15px; }
.bark-summary-2 span { text-align: center; font-size: 1.5em; display: block; margin-top: .3em; }
.bark-summary-2 h3 { font-size:1em; font-family: 'Lato', sans-serif; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.bark-summary-2 h3 i { color: #666; margin-right:0.5em; }
.bark-summary-2 .button { float: right; margin-top: .8em; }
.bark-summary-2 .edit-bark { background-color: #eee; color: #444; margin-right: 8px; }
.bark-summary-2 .edit-bark i { margin-left: 6px; }
.bark-summary-2 ul { border-radius: 4px; }
.bark-summary-2 button.dropdown.small:after {border-color: #444 transparent transparent transparent; border-width: 0.4em; right: 1em; margin-top: 0;}
.bark-summary-2 .bark-summary-2-content .unread-messages { color: #E74C3C; font-weight: 700; }
.bark-summary-2 .bark-summary-2-content .unread-messages p { font-weight: 700; font-size: 1em; }



.dashboard-header { background-color: #eee;  border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 0.4em 2em 0.4em 1em !important; border-bottom: 1px solid #aaa; margin-bottom: 1.5em !important; }
.dashboard-header-2 { background-color: #eee; padding: 0.4em 2em 0.4em 1em !important; border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; margin-top: 2em !important; margin-bottom: 1.5em !important; }

.mobile-number-prompt.row { margin: 0 1em; }
.mobile-number-prompt.row input { border-radius: 4px; margin: 0; }
.mobile-number-prompt.row button { margin: 0; }
.mobile-number-prompt.row small.error { margin-top: 0.5em; }

.buyer-dashboard-create-bark-field label { font-size: 1em; text-indent: 1px; }
.buyer-dashboard-create-bark-field input { border-radius: 4px; font-weight: 500; font-size: 1em; }
.buyer-dashboard-create-bark-submit button { border-radius: 3px; background-color: #1e7cca; font-size: .9em; padding: .7em .9em; font-family: 'Lato', sans-serif; margin: 1.8em 0 0; }


.ppc-percents { content: ""; position: absolute; border-radius: 50%; left: calc(50% - 6em/2); top: calc(50% - 6em/2); width: 6em; height: 6em; background: #fff; text-align: center; display: table; }
.ppc-percents span { display: block; font-size: 2em; font-weight: bold; color: #3e9c05; }
.pcc-percents-wrapper { display: table-cell; vertical-align: middle; }

.review-status-container { margin-top: 1.5em; text-align: center; }
.review-status-container .review-status i { font-size: 1.5em; color: #FFC616; }
.review-status-container .review-status i.no-star { color: #eee; }
.complete-profile-container { }
.complete-profile-container p { margin: 0 0 0.5em 0.5em; line-height: 1.6; }
.complete-profile-container span { padding: 0.5em 0.7em; font-size: 0.9em; margin: 0; display: inline-block; }
.complete-profile-container a { margin: 0.5em; display: inline-block; }
.complete-profile-container p a { margin: 0; }

#youtube-modal-success { text-align: center; }
#youtube-modal-success i { font-size: 2.5em; color: #3e9c05; }
#youtube-modal-success p { margin: 0.4em 0 1em; font-size: 1.4em; }

#googlePlacesModal { padding: 0; border-radius: 2px; background: #fff; box-shadow: none; border: 0; }
#googlePlacesModal h1 { font-family: 'Lato', sans-serif; font-size: 1.6em; color: #133c60; padding: 0.75em 1em; margin: 0; }
#googlePlacesModal hr { margin-top: 0; }
#googlePlacesModal #google-places-search { padding: 0 2em 2em; }
#googlePlacesModal #google-places-search label { color: #1e2b39; margin-bottom: 0.25em; }
#googlePlacesModal #google-places-search input { border: 1px solid #ccd2dc; border-radius: 3px; }
#googlePlacesModal #google-places-search input:focus { background-color: #fff; }
#googlePlacesModal #google-places-search .button-primary-blue { padding: 0.5em 1em; box-shadow: none !important; }
#googlePlacesModal #google-places-search .button-primary-blue.disabled { cursor: default; background-color: #aadbfd !important; }
#googlePlacesModal #google-places-search .button-primary-blue i { position:relative; left:-5px; top: -1px; }

#googlePlacesModal #google-places-search .business-buttons { display: block; margin-top: 1em; }

#googlePlacesModal .business-map { border: 1px solid #dde0e5; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 300px; }

#google-places-results { padding: 0 2em 2em; }
#google-places-results .button-primary { box-shadow: none !important; padding: 0.5em 1em; margin-top: 2em; }
#google-places-results .results-desc { margin: 0 0 1em; color: #1e2b39; }
#google-places-results .select-business .business-list { width: 33%; float: left; }
#google-places-results .select-business .business-list ul { margin: 0; height: 300px; overflow-y: scroll; border: 1px solid #dde0e5; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-right: 0; }
#google-places-results .select-business .business-list ul li { list-style: none; padding: 0.5em; }
#google-places-results .select-business .business-list ul li.selected { background-color: #f8f9f9; }
#google-places-results .select-business .business-list ul li p { margin: 0 0 0.25em; color: #133c60; line-height: 1.2; }
#google-places-results .select-business .business-list ul li span { font-size: 0.9em; color: #919fac; line-height: 1.4; display: block; }

.google-places-status-container{ margin: 0 0.5em 0 0; display: inline-block; }
.google-places-status-container #google-places-status { color: #1e7cca; margin-right: 0.5em; }
.google-places-status-container #google-places-status.default { color: #999; margin-right: 0.5em; }
.google-places-status-container #google-places-status.processing { color: #FF9400; margin-right: 0.5em; }
.google-places-status-container #google-places-status.linked { color: #3e9c05; margin-right: 0.5em; }

.tooltip { background: rgba(30,43,57,0.8); border-radius: 3px; font-weight: 700; }
.tooltip > .nub { border-color: transparent transparent rgba(30,43,57,0.8) transparent; opacity: 0.8; }

.photo-uploader { }
.photo-uploader .photo-upload { background-position: center; background-size: cover; width: 8em; height: 8em; border-radius: 4px; display: inline-block; margin: 0.5em 2em 0.5em 0; text-align: center; vertical-align: top; position: relative; }
.photo-uploader .photo-upload:hover .photo-upload-overlay, .video-uploader .video-upload:hover .video-upload-overlay { opacity: 1; }
.photo-uploader .photo-upload .photo-upload-overlay, .video-uploader .video-upload .video-upload-overlay { width: 100%; height: 100%; border-radius: 4px;  color: #fff; cursor: pointer; opacity: 0; -webkit-transition: opacity .25s ease; -moz-transition: opacity .25s ease; background-color:rgba(72,109,140,0.75) !important; }
.photo-uploader .photo-upload .photo-upload-overlay i { display: block; padding-top: 1em; font-size:2em; }
.video-uploader .video-upload .video-upload-overlay i { display: block; padding-top: 2.5em; font-size: 2em; }
.photo-uploader .photo-upload .photo-upload-overlay span, .video-uploader .video-upload .video-upload-overlay span { font-size: 1.1em; font-weight: 700; }
.photo-uploader .upload-photo { width: 8em; height: 8em; border-radius: 4px; display: inline-block; margin: 0.5em 2em 0.5em 0; background-color: #eee; text-align: center; vertical-align: top; cursor: pointer; }
.photo-uploader .upload-photo i { display: block; margin-top: 1.6em; font-size: 1.5em; color: #444; }
.photo-uploader .upload-photo span { font-size: 1.2em; color: #444; display: block; }

.photo-uploader .photo-upload p.file-name { color: #133c60; font-weight: 300; font-size: 0.9em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


.seller-create-field .photo-uploader .photo-upload .photo-upload-overlay { position: absolute; top: 0; }

.video-uploader .video-upload { float: left; height: 12em; width:100%; background-color: #f8f9f9; border-radius: 4px; background-size: cover; background-position: center; text-align: center; margin: 0.5em 0; }
.video-uploader .upload-video { background-color: #f8f9f9; border-radius: 4px; text-align: center; border: 1px solid #dde0e5; padding: 1.2em;}
.video-uploader .upload-video i { font-size: 2em; display: block; color: #cdd2d7; }
.video-uploader .upload-video span {  font-size: 0.9em; color: #fff; display: block; margin: 1em 0 0 0; background-color: #cdd2d7; font-weight: 700; border-radius: 2px; padding: 0.5em 2.3em; }
.video-uploader .upload-video span:hover { background-color: #9ea5ac; }

.video-uploader .remove_video {   float: left; width:29%; margin-right:20px; }

.video-uploader .upload-video-inner {  text-align: center; padding: 1.5em 1.5em; background-color: #FFF; border: 1px solid #dde0e5; border-radius: 0.3em;}
.video-uploader .video-end { float:left; margin-top:20px;}

.avatar-box {  width:150px; height:150px; box-shadow:inset 1px 1px 40px 0 rgba(0,0,0,.15); border-radius:4px; }
.avatar-overlay {  background:rgba(0,0,0,.75); text-align:center; padding: 3.5em 1em; opacity:0; height: 150px; border-radius: 4px; color: #fff; -webkit-transition: opacity .25s ease; -moz-transition: opacity .25s ease; }
.avatar-overlay i { display: block; font-size: 1.5em; }
.avatar-box:hover .avatar-overlay { opacity:1; }
.buyer-overlay { height: 120px; padding: 2.5em 1em; }


#buyer-dashboard #progress-spinner i { color:#000; padding:1em; font-size:3em; }
#progress-spinner i { color:#000; padding:1.2em; font-size:3em; cursor: default; }

#editFileModal #edit-avatar { margin: 0 0 2em; background-color: #666; width: 8em; border-radius: 4px; text-align: center; }
#editFileModal #edit-avatar img { margin: 0; height: 8em; }
#editFileModal #edit-avatar .file-upload-container { height: 8em; }
#editFileModal #edit-avatar i { font-size: 3em; margin-top: 0.9em; color: #fff; }
#editFileModal span { display: block; margin-bottom: 1em; color: #999; position: absolute; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 75%; text-align: left; }

.profile-setting-name, .profile-setting-number { display: inline-block; vertical-align: top; }
.profile-setting-desc { margin-top: 1em; }

#seller-dashboard-project-list-b .sign-up-prompt { margin: 0; }

.sign-up-success { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; padding: 15px; border-radius: 4px; }

.sign-up-prompt { color: #8a6d3b; background-color: #fcf8e3; padding: 15px; border: 1px solid #faebcc; border-radius: 4px; }
.sign-up-prompt .view-plans { text-align: center; }
.sign-up-prompt .view-plans button { border-radius: 4px; background-color: #26A65B; font-size: .9em; padding: .7em .9em; font-family: 'Lato', sans-serif; outline: none; margin: 2em 0; }
.sign-up-prompt .row { padding: 1em 2em; }

#signup-modal-1 .avatar-editor { float: left; }
#signup-modal-1 .avatar-editor img { border-radius: 4px; }
#signup-modal-1 .sign-modal-content-third { display: inline-block; width: 60%; }
#signup-modal-2 .sign-modal-content-half { width: 48%; float: left; margin-right: 2%; }
#signup-modal-1 h2, #signup-modal-2 h2, #signup-modal-3 h2, #view-bark-details .bark-details-header h2 { font-family: 'Lato', sans-serif; font-size: 1.6em; }
#signup-modal-1 label, #signup-modal-2 label, #signup-modal-3 label, #post-bark-modal .post-bark-content label { text-align: left; margin-bottom: 0.2em; font-size: 0.9em; }
#signup-modal-1 input, #signup-modal-2 input, #signup-modal-3 input, #post-bark-modal .post-bark-content input { border-radius: 4px; font-weight: 500; font-size: 1em; }
#signup-modal-1 textarea { border-radius: 4px; resize: vertical; }

#signup-modal-2.reveal-modal .button { background-color: #26A65B; }

#signup-modal-3.reveal-modal { max-width: none; min-width: 0; width: 400px; }
#signup-modal-3.reveal-modal .login-forgot { font-weight: 300; font-size: .9em; }

.howBarkWorksLink { display: block; font-size: 1.1em; margin: 1em 0; }
#howBarkWorksModal { padding:0; }
#howBarkWorksModal p.header-p { padding: 0 2em; }
#howBarkWorksModal .numeric { float:left; background-color:#74a4e9; text-align:center; padding-top:0.2em; width:2em; height:2em; color:#FFF; font-weight:700; border-radius:50%; margin-right:1em;  }
#howBarkWorksModal .modal-header { padding:2.5em 1.5em 1em 1.5em; border-bottom:1px solid #EEE;}
#howBarkWorksModal .modal-body { padding:2.5em 2.5em 0 2.5em; border-bottom:1px solid #EEE; }
#howBarkWorksModal h2 { font-family: 'Lato', sans-serif; font-size: 1.6em; text-align: center; color:#1d3a5f; }
#howBarkWorksModal h4 { font-family: 'Lato', sans-serif; font-size: 1.4em; font-weight: 400; margin: 0; display: inline-block; color:#1d3a5f; }
#howBarkWorksModal p { text-align: center; color:#b5c2cf; font-weight:400; font-size:1.1em; }
#howBarkWorksModal p.darker { color:#8894a0; }
#howBarkWorksModal .how-bark-works-point p { text-align: left; margin: 0.4em 0 2em 0.1em;}

#view-bark-details .bark-details-header p { margin: 0; }
#view-bark-details .close-reveal-modal { bottom: auto; padding: 0; top: 0.5rem; right: 0.6875rem; font-size: 1.5em; background-color: transparent; }

#view-bark-details .bark-details-content .attached-image-layout { margin-bottom: 1em; }
#view-bark-details .bark-details-content .attached-image-container { position: relative; width: 12em; }
#view-bark-details .bark-details-content .attached-image-container img { border-radius: 4px; }
#view-bark-details .bark-details-content .attached-image-container a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; border-radius: 4px; color: #fff; background: rgba(0,0,0,0.75); opacity: 0; }
#view-bark-details .bark-details-content .attached-image-container a:hover { opacity: 1; }
#view-bark-details .bark-details-content .attached-image-container a i { display: block; font-size: 1.5em; margin-top: 20%; }

#view-bark-details .attached-files .attached-file { padding: 0.5em; border: 1px solid #aaa; border-radius: 4px; margin: 0.5em 1em 1em 0; background-color: #f9f9f9; position: relative; display: inline-block; min-width: 8em; text-align: center; max-width: 100%; }
#view-bark-details .attached-files .attached-file div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#view-bark-details .attached-files .attached-file i { font-size: 1.2em; margin: 0 0.4em 0 0.2em; }
#view-bark-details .attached-files .attached-file a { position: absolute; text-align: center; width: 100%; height: 100%; opacity: 0; top: 0; left: 0; padding: 0.5em; color: #fff; background: rgba(0,0,0,0.85); }
#view-bark-details .attached-files .attached-file a:hover { opacity: 1; }

.seller-create-field .attachment-name { width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.seller-create-field .file-remove { cursor:pointer; margin-left:0.5em; position:absolute; z-index:200; right:0.5em; }

#post-bark-modal { max-width: 400px; min-width: 300px; }

.reveal-modal-bg { background: rgba(0,0,0,0.75); }

.reveal-modal { border-radius: 4px; -webkit-linear-gradient(#fdfdfd,#fafafa); background: -o-linear-gradient(#fdfdfd,#fafafa); background: -moz-linear-gradient(#fdfdfd,#fafafa); -webkit-linear-gradient(#fdfdfd,#fafafa); background: -o-linear-gradient(#fdfdfd,#fafafa); background: -moz-linear-gradient(#fdfdfd,#fafafa); background: linear-gradient(#fdfdfd,#fafafa); background-color: #fafafa; background-color: #fafafa; min-height: 0; margin: 2em 0; }
.reveal-modal .close-reveal-modal, .reveal-modal .back-reveal-modal { bottom: 1.875em; font-size: .9em; padding: .875em .9em; right: auto; top: auto; color: #444; font-weight: 500; background-color: #eee; border-radius: 4px; position: absolute; }
.reveal-modal .back-reveal-modal i { margin-right: .4em; }
.reveal-modal .button, .reveal-modal .button { float: right; margin: 2em 0 0; border-radius: 4px; background-color: #45423c; color: #fff; font-size: .9em; padding: .7em .9em; font-family: 'Lato', sans-serif; outline: none; }

.dash-button { font-size:0.9rem; font-weight: 700 !important; text-transform:uppercase; text-decoration:none !important; color:#FFF; background-color:#55b8fc; padding:0.7em 1.5em; margin:0; border-radius:0.2em; font-family: 'Lato', sans-serif; }
.dash-button:hover { opacity:0.85; }
.dash-button.smaller-button { font-size:0.8rem; padding:0.6em 1.5em; font-weight:700 !important; border-radius:0.3em; }
.dash-button.orange { color:#FFF; background-color:#f07f4a;  }
.dash-button.green { color:#FFF; background-color:#54d1a3; }
.dash-button.white { color:#cdd2d7; background-color:transparent; }
.dash-button.grey { color:#FFF; background-color:#8ea5ba; }
.dash-button.red { color:#FFF; background-color:#e2574c; }
.dash-button.blue { color:#FFF; background-color:#55b8fc; }

/* START OF NEW PRICING SHIZZZZZZZZLE */

.pricing-new-header { color: #fff; text-align: center; padding: 6em 0 8em; background: url('/img/pricing-new-cover.jpg'); background-color: #394e61; background-size: 100%; }
.pricing-new-header img { width: 5em; }
.pricing-new-header h1 { color: #fff; font-size: 2.5em; margin: 0.25em 0; }
.pricing-new-header p { opacity: 0.75; font-size: 1.3em; padding: 0 2em; }

.pricing-new-desc { padding: 4em 0; }
.pricing-new-desc h2 { font-size: 1.8em; color: #133c60; }
.pricing-new-desc h3 { font-size: 1.4em; color: #a2b1bf; }
.pricing-new-desc h3 a { color: #59b3ed; }
.pricing-new-desc hr { height: 2px; width: 15em; border: 0; margin: 1.5em auto; background: #1e5799; background: -moz-linear-gradient(left,  #1e5799 0%, #46a6ff 0%, #59d0a4 100%, #2989d8 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1e5799), color-stop(0%,#46a6ff), color-stop(100%,#59d0a4), color-stop(100%,#2989d8)); background: -webkit-linear-gradient(left,  #1e5799 0%,#46a6ff 0%,#59d0a4 100%,#2989d8 100%); background: -o-linear-gradient(left,  #1e5799 0%,#46a6ff 0%,#59d0a4 100%,#2989d8 100%); background: -ms-linear-gradient(left,  #1e5799 0%,#46a6ff 0%,#59d0a4 100%,#2989d8 100%); background: linear-gradient(to right,  #1e5799 0%,#46a6ff 0%,#59d0a4 100%,#2989d8 100%); }
.pricing-new-desc p { color: #a2b1bf; }

.pricing-new-steps { padding: 4em 0; }
.pricing-new-steps-alt { background-color: #f4f7f9; }
.pricing-new-steps img { width: 30em; }
.pricing-new-steps h3 { color: #59d0a4; font-size: 1.7em; padding-left: 3.3em; margin-top: 3em; }
.pricing-new-steps p { color: #a2b2bf; padding-left: 5em; }
.pricing-new-steps p a { color: #59b3ed; }

.pricing-new-store-card { background-color: #59d0a4; padding: 2em 0; }
.pricing-new-store-card h3 { font-size: 1.6em; color: #fff; font-weight: 700; margin: 0 0 1em; }
.pricing-new-store-card .pricing-new-card-sub { padding: 0 6em; }
.pricing-new-store-card .pricing-new-card-sub img { float: left; width: 3em; margin: 0.5em 1em 0 0; }
.pricing-new-store-card .pricing-new-card-sub p { text-align: left; color: #fff; padding-left: 4em; opacity: 0.9; }

.pricing-new-faq { padding: 4em 0; }
.pricing-new-faq h2 { font-size: 1.8em; color: #133c60; margin: 0 0 2em; }
.pricing-new-faq h4 { font-size: 1.2em; color: #133c60; }
.pricing-new-faq p { color: #a2b2bf; }
.pricing-new-faq p a { color: #59b3ed; }
.pricing-new-faq .columns { padding: 0 3em; }

.category-pricing { background-color: #f8f8f8; }
.category-pricing .category-pricing-header { margin: 2em 0.1em; border-radius: 3px; background-color: #fff; border: 1px solid #d2d9df; padding-bottom: 1em; }
.category-pricing .category-pricing-header h1 { margin: 0; padding: 0.5em 1em; border-bottom: 1px solid #d2d9df; font-size: 1.4em; }
.category-pricing .category-pricing-header p { color: #8596a6; margin: 0; font-size: 1.1em; padding: 0.5em 1.5em 0; }
.category-pricing table.category-pricing-table { border: 0; }
.category-pricing table.category-pricing-table tr th { background-color: #4f5f6f; color: #fff; }
.category-pricing table.category-pricing-table td { color: #8596a6; }
.category-pricing table.category-pricing-table td.category-pricing-table-price { color: #67d6ae; }

/* END OF NEW PRICING SHIZZZZZZZZLE */

.detail-pricing-header { background: #fbfbfb; }
.pricing-header-desc { padding:3em 0; }
.pricing-header-desc h1 { font-family: 'Lato', sans-serif; font-size: 2.5em !important; margin: 1.5em 0 0.5em; text-align: center; }
.pricing-header-desc p { margin: 0 0 2.5em; color: #666; text-align: center; font-size:1.4em !important; color:#96a8b7; }
.pricing-header-desc p a { text-decoration: underline; color: #47a0ee; }

.unstyled-anchor { text-decoration:none !important; color:#96a8b7 !important; }

.detail-pricing-header .pricing-container { margin-bottom: 4em;  }
.detail-pricing-header .pricing-plan .pricing-price.pricing-mbg { font-size: 0.8em; }
.detail-pricing-header .pricing-plan .plan-feature { font-weight: 500; font-size: 1.1em; color: #96a8b7; padding: 0.25em 0.5em; border: none; margin: 0.3em 1em 0em 0.5em;}
.detail-pricing-header .pricing-plan .plan-feature.first { padding-top: 30px; }
.detail-pricing-header .pricing-plan .plan-feature:hover, .detail-pricing-header .pricing-plan .plan-feature:hover span { color: #47a0ee !important; }
.detail-pricing-header .pricing-plan .pricing-price-discounted { font-size: 1em !important; text-decoration: line-through; padding-top: 0; margin-top: -0.5em; padding-bottom: 0.5em; }
.detail-pricing-header .pricing-plan .pro-plan-discounted { background: rgba(156,220,156,1) !important; border-top: 0 !important; margin-top: 0 !important; }

.detail-pricing-call { border-top: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #fbfbfb; text-align: center; padding: 1.5em 0; }
.detail-pricing-call p { margin: 0; color: #1E7CCA; }

.detail-pricing-faq { padding: 4em 0; }
.detail-pricing-faq h4 { font-family: 'Lato', sans-serif; font-size: 1.2em; }
.detail-pricing-faq h4 i { color: #1E7CCA; }
.detail-pricing-faq p { color: #666; }

.pricing-container { margin-bottom: 5em; }
.pricing-plan { border-radius: 9px; background-color: #fff; margin-bottom: 1em; position: relative; }
.pricing-plan .adjusted-header { padding: 0.9em 0 0.5em 0; }
.pricing-plan .height-adjustment { display: block; height: 0.5em; background-color: #fff; }
.pricing-plan h2 { font-family: 'Lato', sans-serif; background-color: #fff; color: #133c60; margin: 0; text-align: center; padding: 1.8em 0 1.8em; font-size: 2em; border-top-left-radius: 9px; border-top-right-radius: 9px; line-height: 1; border: 1px solid #e3e3e3; }
.pricing-plan h2 i { margin: 0 0.25em 0 -0.5em; vertical-align: top; color: #fff; }
.pricing-plan h4 { font-family: 'Lato', sans-serif; font-size: 0.9em; background-color: #58585a; color: #fff; margin: 0; text-align: center; padding-bottom: .5em; font-weight: 300; }
.pricing-plan .pricing-price { color: #fff; text-align: center; margin: 0 0 0em 0; padding: .2em 0; font-size: 1.3em; font-weight:700; }
.pricing-plan .pricing-price.pricing-mbg { background-color: #58585a; font-size: 1em; font-weight: 300; padding: 0.5em; }
.pricing-plan .pricing-price.pricing-mbg span { font-size: 1em; font-weight: 500; }
.pricing-plan .pricing-price-sp { padding-bottom: 0; }
.pricing-plan .pricing-price-line-through { text-decoration: line-through; font-size: 1em; padding-top: 0; }

.claim-profile-header .dash-pricing .pricing-price-discounted { font-size: 0.9em !important; text-decoration: line-through; padding-top: 0; margin-top: -0.5em; }
.claim-profile-header .dash-pricing .pro-plan-discounted { background: rgba(156,220,156,1); }

.dash-pricing-bottom .dash-button { font-size:0.9rem; font-weight: 400 !important; text-transform:uppercase; text-decoration:none !important; color:#FFF; background-color:#55b8fc; padding:0.7em 2.3em; margin:0; border-radius:0.2em; }
.dash-pricing-bottom .dash-button.smaller-button { font-size:0.8rem; padding:0.6em 1.5em; font-weight:700 !important; border-radius:0.3em; }
.dash-pricing-bottom .dash-button.orange { color:#FFF; background-color:#f07f4a;  }
.dash-pricing-bottom .dash-button.green { color:#FFF; background-color:#53d1a3; }
.dash-pricing-bottom .dash-button.white { color:#cdd2d7; background-color:transparent; }
.dash-pricing-bottom .dash-button.grey { color:#FFF; background-color:#8ea5ba; }

.bark-dash .packages-pro-recommend h2, .dash-pricing.packages-pro-recommend h2 { padding-top: 0.7em; }
.bark-dash .packages-pro-recommend .recommend-text, .dash-pricing.packages-pro-recommend .recommend-text { text-align: center; margin: -1.5em 0 0.5em !important; color: #ddd; }
.bark-dash .packages-pro-recommend .recommend-text span, .dash-pricing.packages-pro-recommend .recommend-text span { color: yellow; font-weight: 700; }
.bark-dash .dash-button.packages-current.smaller-button { width: 100%; border-radius: 0; background-color: #e4ece9; color: #1e2b39; text-transform: none; cursor: default; font-weight: 500 !important; }
.bark-dash .dash-button.packages-current.smaller-button:hover { color: #1e2b39 !important; opacity: 1 !important; }
.bark-dash .pricing-mbg, .dash-pricing .pricing-mbg { padding: 0.5em; text-align: center; color: #1e2b39 !important; font-size: 1em; background-color: #e4ece9; font-weight: 700; margin: 0; }

.pricing-plan.packages-pro-recommend .recommend-text { text-align: center; background-color: #2d3f50; color: #ddd; margin: -3em 0 1.45em; }
.pricing-plan.packages-pro-recommend .recommend-text span { color: yellow; font-weight: 700; }
.pricing-plan .pricing-mbg { padding: 0.5em; text-align: center; color: #1e2b39 !important; font-size: 1em; background-color: #e4ece9; font-weight: 700; margin: 0; }

.pricing-plan .pricing-price span.exc-vat { display:block; line-height: 1; margin-bottom: 0.5em; font-weight: 300; }
.pricing-plan .plan-feature { }
.pricing-plan .plan-feature i { margin-right: 0.4em; color: #444; }
.pricing-plan .plan-feature span.double-underline { text-decoration: underline; color: #47a0ee; font-weight: 700; }
.pricing-plan .plan-feature b { color: #133c60; }
.pricing-plan .plan-feature b.pro-green { color: #56cfaf; }
.pricing-plan .plan-feature span.feature-desc { font-weight: 500; display: block; padding: 0 0.5em 0.5em; line-height: 1.2; color: #666; }
.pricing-plan .plan-feature span.price-line-through { font-weight: 300; text-decoration: line-through; }
.pricing-plan .plan-spacer { padding: 1.65em 0; }
.pricing-plan .buy-plan { padding: 1em 0; text-align: center; background-color: #dae0e8; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; position: absolute; bottom: -1px; width: 100%; margin: 0; margin-bottom: -3.5em; }
.pricing-plan .buy-plan.pricing-page { padding: 1em 0; text-align: center; background-color: #fff; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; position: static; margin: 0; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
.pricing-plan .buy-plan a { border-radius: 3px; font-size: 0.9em; padding: .4em 0.8em; font-family: 'Lato', sans-serif; margin: 0; color: #fff; font-weight: 500; display: inline-block; }
.pricing-plan .current-package { margin: 0 0 -3.5em; font-weight: 500; background-color: #dae0e8; color: #444; }
.pricing-plan .free-plan-price { background-color: #7dc3fe; }
.pricing-plan .free-plan { background-color: transparent; }
.pricing-plan .standard-plan { background-color: #FFB044; }
.pricing-plan .pro-plan { background-color: #00c878; }
.pricing-plan .enterprise-plan { background-color: #ff9400; }
.pricing-plan .monthly { display: inline-block; margin-left: 10px; color: #a2ccf4; text-shadow: none; font-size: 0.8em; font-weight:400;}
.pricing-plan.pro-plan .monthly { color: #196e6b;}
.pricing-plan .yes-free { display: inline-block; margin-left: 10px;  font-size: 0.8em;}

.pricing-plan.pro-plan h2 { background-color: #2d3f50; color: white; border: 1px solid #2d3f50;}

.pricing-plan .pricing-price { background: #65788a; text-shadow: 0 1px 2px rgba(0,0,0,0.5);}
.pricing-plan .pricing-price .pounds { display: inline-block; vertical-align: middle; font-size: 1.5em; padding-top: 2px; margin-left: 3px;}
.pricing-plan .pricing-price .pence { display: inline-block; vertical-align: middle; padding-bottom: 0px; border-bottom: 1px solid white; font-size: 0.7em; line-height: 1.2em; margin-left: 4px; }

.pricing-plan.pro-plan .pricing-price { background: linear-gradient(#5bd0ad, #98dc9d); border-top: 1px solid rgba(255,255,255,0.25);}

.pricing-plan .plan-features { background-color: #fff; margin: 0; padding: .2em 0; font-weight: 300; font-size: 1em; border-top: none; border-bottom: none; border-left: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3; }

.pricing-plan .plan-features div { max-width: 15em; margin: 0 auto;}

.pricing-questions { width: 100%; border-top: 1px solid #f7edce;border-bottom: 1px solid #f7edce; background-color: #fffdf0;}
.pricing-questions div { max-width: 30em; margin: 1.5em auto; font-size: 1.3em; color: #9d938b; line-height: 1.6em; text-align: center;}
.pricing-questions b { color: #5e4f43; }
.pricing-questions div a,.pricing-questions div a:visited, .pricing-questions div a:active, .pricing-questions div a:hover  { color: #56cfaf; text-decoration: none; border: none; font-weight: bold;}

i.upgrades-sprite { display: inline-block; width: 36px; height: 36px; background-image: url('../img/upgrades-sprites.png'); }
i.upgrades-sprite.pound-sprite { background-position: 0px 0px; }
i.upgrades-sprite.infinity-sprite { background-position: -36px 0px; }
i.upgrades-sprite.back-sprite { background-position: 0px -36px; }
i.upgrades-sprite.eye-sprite { background-position: -36px -36px; }
i.upgrades-sprite.money-sprite { background-position: 0px -72px; }
i.upgrades-sprite.website-sprite { background-position: -36px -72px; }
i.upgrades-sprite.help-sprite { background-position: 0px -108px; }
i.upgrades-sprite.clock-sprite { background-position: -36px -108px; }
i.upgrades-sprite.question-sprite { background-position: 0px -144px; }

.pricing-plan .button-success { padding: 7px 40px; font-size: 0.9em; }
.pricing-plan.free-plan a.button-success, .pricing-plan.standard-plan a.button-success { background-color: #8ea5ba; box-shadow: 0 3px 0 #788ea2 !important; margin-top: 2em; }
.pricing-plan.free-plan a.button-success:hover, .pricing-plan.standard-plan a.button-success:hover { background-color: #aabccb !important; }
.pricing-plan.pro-plan a.button-success { margin-top: 2em; }

/* START OF NEW PRICING SHIZZZZZZZZLE */

.pricing-new-header { color: #fff; text-align: center; padding: 6em 0 8em; background: url('/img/pricing-new-cover.jpg'); background-color: #394e61; background-size: 100%; }
.pricing-new-header img { width: 5em; }
.pricing-new-header h1 { color: #fff; font-size: 2.5em; margin: 0.25em 0; }
.pricing-new-header p { opacity: 0.75; font-size: 1.3em; padding: 0 2em; }

.pricing-new-desc { padding: 4em 0; }
.pricing-new-desc h2 { font-size: 1.8em; color: #133c60; }
.pricing-new-desc h3 { font-size: 1.4em; color: #a2b1bf; }
.pricing-new-desc h3 a { color: #59b3ed; }
.pricing-new-desc hr { height: 2px; width: 15em; border: 0; margin: 1.5em auto; background: #1e5799; background: -moz-linear-gradient(left,  #1e5799 0%, #46a6ff 0%, #59d0a4 100%, #2989d8 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1e5799), color-stop(0%,#46a6ff), color-stop(100%,#59d0a4), color-stop(100%,#2989d8)); background: -webkit-linear-gradient(left,  #1e5799 0%,#46a6ff 0%,#59d0a4 100%,#2989d8 100%); background: -o-linear-gradient(left,  #1e5799 0%,#46a6ff 0%,#59d0a4 100%,#2989d8 100%); background: -ms-linear-gradient(left,  #1e5799 0%,#46a6ff 0%,#59d0a4 100%,#2989d8 100%); background: linear-gradient(to right,  #1e5799 0%,#46a6ff 0%,#59d0a4 100%,#2989d8 100%); }
.pricing-new-desc p { color: #a2b1bf; }

.pricing-new-steps { padding: 4em 0; }
.pricing-new-steps-alt { background-color: #f4f7f9; }
.pricing-new-steps img { width: 30em; }
.pricing-new-steps h3 { color: #59d0a4; font-size: 1.7em; padding-left: 3.3em; margin-top: 3em; }
.pricing-new-steps p { color: #a2b2bf; padding-left: 5em; }
.pricing-new-steps p a { color: #59b3ed; }

.pricing-new-store-card { background-color: #59d0a4; padding: 2em 0; }
.pricing-new-store-card h3 { font-size: 1.6em; color: #fff; font-weight: 700; margin: 0 0 1em; }
.pricing-new-store-card .pricing-new-card-sub { padding: 0 6em; }
.pricing-new-store-card .pricing-new-card-sub img { float: left; width: 3em; margin: 0.5em 1em 0 0; }
.pricing-new-store-card .pricing-new-card-sub p { text-align: left; color: #fff; padding-left: 4em; opacity: 0.9; }

.pricing-new-faq { padding: 4em 0; }
.pricing-new-faq h2 { font-size: 1.8em; color: #133c60; margin: 0 0 2em; }
.pricing-new-faq h4 { font-size: 1.2em; color: #133c60; }
.pricing-new-faq p { color: #a2b2bf; }
.pricing-new-faq p a { color: #59b3ed; }
.pricing-new-faq .columns { padding: 0 3em; }

.category-pricing { background-color: #f8f8f8; }
.category-pricing .category-pricing-header { margin: 2em 0.1em; border-radius: 3px; background-color: #fff; border: 1px solid #d2d9df; padding-bottom: 1em; }
.category-pricing .category-pricing-header h1 { margin: 0; padding: 0.5em 1em; border-bottom: 1px solid #d2d9df; font-size: 1.4em; }
.category-pricing .category-pricing-header p { color: #8596a6; margin: 0; font-size: 1.1em; padding: 0.5em 1.5em 0; }
.category-pricing table.category-pricing-table { border: 0; }
.category-pricing table.category-pricing-table tr th { background-color: #4f5f6f; color: #fff; }
.category-pricing table.category-pricing-table td { color: #8596a6; }
.category-pricing table.category-pricing-table td.category-pricing-table-price { color: #67d6ae; }

/* END OF NEW PRICING SHIZZZZZZZZLE */

.frosted-overlay { position: absolute; background: rgba(80,80,80,.9); text-align: center; padding: 2em; border-radius: 4px; z-index: 10;  color: #fff; }
.frosted-overlay h2 { font-family: 'Lato', sans-serif; color: #fff; font-size: 1.6em; }
.frosted-overlay p { font-weight: 300; }
.frosted-overlay a { font-weight: 700; color: #69a8dd; margin: 0 .1em; }

#project-create-form #bark_submit { width:100%; color:#FFF !important; cursor:pointer; -webkit-appearance: none; }
#project-create-form #bark_submit:focus { background-color: #53d1a3 !important; }

.change-alerts-content { -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); }

.alerts-remaining { margin: 1em 0; }

.notification-settings input { margin: 0; }
.notification-settings hr { margin: 1.25em 0 1.5em; }

.default-table { border-radius: 4px; border-spacing: 0; }
.default-table .table-half-width { width: 50%; }
.default-table tr td,.default-table tr th { text-align: center; }
.default-table tr td.td-align-left, .default-table tr th.td-align-left { text-align: left; }
.default-table tr td input { margin: 0; cursor: pointer; }
table.default-table tr:nth-of-type(even) { background-color: #fff; }
.default-table .download-invoice { text-decoration: underline; }
.default-table .download-invoice i { margin-right: 0.5em; }

.table-top-left { border-top-left-radius: 4px; }
.table-bottom-left { border-bottom-left-radius: 4px; }
.table-top-right { border-top-right-radius: 4px; }
.table-bottom-right { border-bottom-right-radius: 4px; }

.seller-alerts-left h3 { margin: 0; font-family: 'Lato', sans-serif; font-size: 1.1em; font-weight: 700; border-bottom: 1px solid #aaa; padding-bottom: .1em; }
.seller-alerts-left .button { margin: 0; width: 100%; }

.seller-alert-list:hover { background-color: #eee; }
.seller-alert-list p { display: inline-block; margin: 0; padding: 0.5em 0; }
.seller-alert-list span { display: inline-block; width: 6px; height: 6px; border-radius: 3px; background-color: #666; margin: 2px 6px; }
.seller-alert-list i { float: right; opacity: 0.5; margin-right: 1em; line-height: 2.8em; }

.warning-prompt { text-align: center; margin-top: 5em; }
.warning-prompt i { font-size:2em; display: inline-block; margin-right: 0.2em; color: #87d37c; }
.warning-prompt h1 { display: inline-block; }
.warning-prompt p {  }

.controls { text-align:center; }

#success_modal h2, #whyCompanyProfile h2 { padding-left: 2em; font-size: 1.6em; font-family: 'Lato', sans-serif; }
#whyCompanyProfile i.fa-user { float:left; color:#1e7cca; font-size:2.5em; }
#success_modal i.fa-check-square { float:left; color:#3e9c05; font-size:2.5em; }
#success_modal i.fa-check { color:#3e9c05; font-size:2em; margin-right: 0.2em; }
#success_modal p, #whyCompanyProfile p { font-size:1.1em; }
#success_modal p span { font-weight: 700; }
#whyCompanyProfile .close-reveal-modal span { background-color: #eee; border-radius: 3px; padding: 0.5em; color: #444; font-weight: 500; }
#whyCompanyProfile .close-reveal-modal span:hover { background-color: #ddd; }
#success_modal .close-reveal-modal span, #barkPostedWelcome .close-reveal-modal span, #howBarkWorksModal .close-reveal-modal span { background-color: #1e7cca; border-radius: 3px; padding: 0.5em; color: #fff; font-weight: 500; }
#success_modal .close-reveal-modal span:hover, #barkPostedWelcome .close-reveal-modal span:hover, #howBarkWorksModal .close-reveal-modal span:hover { background-color: #0867B6; }

#success_modal h2.settings-updated { padding-left: 0; display: inline-block; }
#success_modal p span.settings-updated { background-color: #eee; color: #444; }
#success_modal p span.settings-updated:hover { background-color: #ddd; }

#skillPagesWelcome i.fa-square { color: #3e9c05; }
#skillPagesWelcome { width: 30em; margin-left: auto !important; margin-right: auto !important; }
#skillPagesWelcome p.center { margin: 0; position: absolute; width: 100%; bottom: 0; }
#skillPagesWelcome button.button-primary { position: static; font-size: 1em; color: #fff; margin-bottom: 0; padding: 0.6em 1em; background: -webkit-linear-gradient(#1e7cca,#0867B6); background: -o-linear-gradient(#1e7cca,#0867B6); background: -moz-linear-gradient(#1e7cca,#0867B6); background: linear-gradient(#1e7cca,#0867B6); background-color: #0867B6; }
#skillPagesWelcome button.button-primary:hover { background: #0867B6; color: #ffffff; }
.skillPagesWelcomeContainer { position: relative; height: 100%; }

#skillpagesRedirectModal h1 img { width: 180px; height: 33px; margin: 0.25em auto 0; display: block; }
#skillpagesRedirectModal h1 p { text-align: center; margin: 0.5em 0 0; color: #8894a0; }
#skillpagesRedirectModal .default-modal-content h3 { font-size: 1.1em; color: #133c60; }
#skillpagesRedirectModal .default-modal-content p { font-size: 1.1em; }
#skillpagesRedirectModal .padding-left { padding-left: 0; }
#skillpagesRedirectModal .padding-right { padding-right: 0; }
#skillpagesRedirectModal button { margin: 1em 0 0; padding: 0.6em 1em; }

#topTipsWinningMessage .top-tips-modal-header, #prospectFreeResponse .prospect-response-modal-header { text-align: center; background: -webkit-linear-gradient(#1e7cca,#0867B6); background: -o-linear-gradient(#1e7cca,#0867B6); background: -moz-linear-gradient(#1e7cca,#0867B6); background: linear-gradient(#1e7cca,#0867B6); background-color: #0867B6; }
#topTipsWinningMessage .top-tips-modal-header i, #prospectFreeResponse .prospect-response-modal-header i { font-size: 4em; margin: 0.5em 0 0; color: #fff; }
#topTipsWinningMessage .top-tips-modal-header h1, #prospectFreeResponse .prospect-response-modal-header h1 { color: #FFF; padding-top: 0.5em; }
#prospectFreeResponse .prospect-response-modal-header { background: -webkit-linear-gradient(top, #8fdaa0, #74d5a7); background: -o-linear-gradient(top, #8fdaa0, #74d5a7); background: -moz-linear-gradient(top, #8fdaa0, #74d5a7); background: linear-gradient(top, #8fdaa0, #74d5a7); background-color: #74d5a7; }
#prospectFreeResponse .prospect-response-modal-header i { font-size: 2em; margin-top: 1em; }
#prospectFreeResponse .prospect-response-modal-header h1 { padding-bottom: 0; }
#prospectFreeResponse .prospect-response-modal-header h2 { color: #FFF; margin: 0; padding-bottom: 1em; font-size: 1.2em; }
#prospectFreeResponse .prospect-response-modal-header h2 span.contact-strikethrough { text-decoration: line-through; opacity: .5; }

.bark-thanks-bk { background: linear-gradient(#8fdaa0, #74d5a7); width: 100%; padding:5em 0 5em 0; text-align: center; }
.bark-thanks-bk h1 { color: #fff; font-size:2em;  }
.bark-thanks-bk p { color: #fff; font-size:1.5em; line-height:1.4;  }
.bark-thanks-bk i { color:#FFF; font-size:3em; margin-top: 1em; position: relative; z-index: 50; }
.bark-thanks-bk .fa-bk { color: white; position: absolute; font-size: 0.8em; top: 2px; margin-top: 0; right: 0.1em; z-index: -1; }

.bark-success-bk { background: linear-gradient(#8fdaa0, #74d5a7); width: 100%; padding:0.5em 0; text-align: center; }
.bark-success-bk h1 { color: #fff; font-size:1.5em; display:inline-block; margin: 0; }
.bark-success-bk i { font-size:1.3em; color:#FFF; display:inline-block; position: relative; z-index: 50; margin-right:0.5em; }
.bark-success-bk .fa-bk { color: white; position: absolute; font-size: 0.8em; top: 2px; margin-top: 0; right: 0.1em; z-index: -1; }

div.sharing { margin:0.4em; }
div.sharing.sharing-modal { margin: 0 0 1em; }
div.sharing.sharing-dashboard { float: right; margin: 0.4em 0; }
div.sharing.sharing-dashboard .buyer_share { float: right; margin: 0 0.5em 0.25em; }
div.sharing .buyer_share { display: inline-block; border-radius: 2px; padding: 0.1em 0.5em; margin: 0 0 0.25em; }
div.sharing .buyer_share i { color: #fff; margin-right: 0.5em; font-size: 0.9em; }
div.sharing .buyer_share p { display: inline-block; margin: 0; color: #fff; font-weight: 700; font-size: 1em; line-height: 1.6; }
div.sharing .buyer_share.fb_no { background-color: #3b5998; }
div.sharing .buyer_share.fb_no:hover { background-color: #374e7f; }
div.sharing .buyer_share.fb_done { background-color: #9daccb; }
div.sharing .buyer_share.twitter_no { background-color: #55acee; }
div.sharing .buyer_share.twitter_no:hover { background-color: #579fd5; }
div.sharing .buyer_share.twitter_done { background-color: #aad5f6; }

.bark-thanks { margin: 1em 0; }
.bark-thanks i.fa-check-square { float:left; color:#3e9c05; font-size:2.5em; }
.bark-thanks h1 { padding-left: 2em; font-size: 1.6em; font-family: 'Lato', sans-serif; }
.bark-thanks h2 { color:#133c60; text-align:center; font-size:1.8em; padding-top:2em; font-family: 'Lato', sans-serif; font-weight: 400; }
.bark-thanks p { font-size:1.1em; margin-bottom: 1em; }
.bark-thanks a { display: block; margin: 2em 0 4em; }
.bark-thanks span { display: inline-block; padding: 0.5em 1em; }


.what-happens-block { border-radius:0.5em; border:1px solid #dde0e5; padding:1em; margin-top:2em; }
.what-happens-block .image { float:left; margin:0.5em 2em 0.5em 1em; }
.what-happens-block h2 { padding:0 0 0 5.5em; text-align:left; font-size:1.4em; margin:0; margin-top:0.5em; }
.what-happens-block p { color:#abb4c6; font-weight:500; padding-left: 7em; }

.thank-box { background-color:#EEE; border:1px solid #CCC; padding:.5em 0; text-align:center; }
.thank-box h3 { font-size:1.2em; color:#444; margin: 0; font-family: 'Lato', sans-serif; }
.thank-box h3 i { margin-right:0.5em; color:#aaa; }

.title-row { margin-bottom:2em; padding-bottom: 2.5em; background-color:#f8f9f9; }
.title-row .image { background-color:#FFF; float: left; margin: 3em 2em 0 0; overflow:hidden; width:6em; height:6em; border-radius: 50%; }
.title-row .image img { width:6em; height:6em; }
.title-row .heading { margin-top:3.5em; color: #eee; }
.title-row .heading p { margin-bottom: .5em; font-weight: 300; }
.title-row .heading .header-time { font-weight: 500; font-size: 1.1em; color: #84a0b3; margin: 0.5em 0; line-height: 1.4; }
.title-row .heading .header-time img { margin-right: 0.25em; }
.title-row .heading .header-time i { color: #444; }
.title-row .heading h1 { color: #84a0b3; font-size: 1.6em; line-height: 1.6; margin: 0; }
.title-row .heading h1 span { font-weight: 700; color: #4b627c;}

.share-post-bark { background-color: rgba(19,60,96,.9); margin-top: -2em; padding: 0.5em 0; text-align: center; }
.share-post-bark p { margin: 0; color: #fff; }
.share-post-bark p a { text-decoration: underline; color: #52b4fc; font-weight: 700; }

.male-placeholder { float:left; margin: 3.5em 2em 0 0; }

.percent_number { float:right; margin-top:0 !important; }

.padding-top { padding-top:2em; }

.post-bark-title-row {  text-align:center; padding:3em; margin-bottom: 0; }
.post-bark-title-row .heading { margin:0; padding:0; }
.post-bark-title-row img { margin-top:-0.2em; margin-right:0.3em; }

.post-bark-container { background-color: #f8f9f9; }

#uploadFileBarkModal h1, #removeFileModal h1, #editFileModal h1 { color:#133c60; }
#uploadFileBarkModal h1 span { color:#4c9fda; display:inline; }

#uploadFileBarkModal img { width: 4.4em; height: auto; margin: 0.15em 0 1.5em; }
#uploadFileBarkModal .file-upload-container { width: 4.4em; display: inline-block; background-color: #edf2f4; border-radius: 4px; height: 4.4em; padding: 1.2em 0; margin: 0.15em 0 1.5em; }
#uploadFileBarkModal .file-upload-container i { font-size: 2em; color: #fff; }
#uploadFileBarkModal span { margin-top: 1em; display: block; }
#uploadFileBarkModal .modal-progress-wrapper { margin: 0; float:left; width:90%; margin-top:0.4em !important; }
#uploadFileBarkModal #upload-cancel { padding:1.3em 1.3em 1em 1.3em !important; margin-top:0.2em; }
#editFileModal .fix-button, #removeFileModal .fix-button { padding:1.3em 1.3em 1em 1.3em !important; margin-top:0.2em; }

#postBarkWelcomeContainer { height: 36em; }
#postBarkWelcomeContainer .post-bark-welcome-header { padding: 4em 2em; text-align: center; background: -webkit-linear-gradient(top, #8fdaa0, #74d5a7); background: -o-linear-gradient(top, #8fdaa0, #74d5a7); background: -moz-linear-gradient(top, #8fdaa0, #74d5a7); background: linear-gradient(top, #8fdaa0, #74d5a7); background-color: #74d5a7; }
#postBarkWelcomeContainer .post-bark-welcome-header i { font-size: 3.5em; color: #fff; display: block; margin-top: 0.5em; }
#postBarkWelcomeContainer .post-bark-welcome-header h1 { padding: 0; color: #fff; margin: 0.5em 0 1em; }
#postBarkWelcomeContainer .default-modal-content { padding: 2em 2em 1em; }
#postBarkWelcomeContainer .default-modal-content a { font-size: 1.1em; text-decoration: underline; color: #3eaefc; }
#postBarkWelcomeContainer hr { margin: 0; }
#postBarkWelcomeContainer .post-bark-welcome-footer { position: absolute; bottom: 0; width: 100%; }
#postBarkWelcomeContainer .post-bark-welcome-footer button { margin: 1em 2em; min-width: 5em; }
#postBarkWelcomeContainer .post-bark-welcome-footer button.centered { display: block; margin: 1em auto; }

#postBarkWelcomeContainer .what-happens-block-modal .image { float:left; margin:0.5em 1em 0.5em 0; width:24px; height:40px; }
#postBarkWelcomeContainer .what-happens-block-modal .image img { width:24px; height:24px; }
#postBarkWelcomeContainer .what-happens-block-modal h2 { padding:0 0 0 0.5em; text-align:left; font-size:1.2em; margin:0; margin-top:0.5em; }
#postBarkWelcomeContainer .what-happens-block-modal p { color:#abb4c6; font-weight:500; font-size:1em; padding-left: 2.75em; }

.dash-button.button-blue { background-color:#55b8fc; color:#fff; }
.dash-button.button-invert { background-color:transparent; color:#ccc; }
.dash-button.button-invert:hover, .dash-button.button-invert:focus { background-color:transparent; color:#999 !important; }
.default-modal-content span.darker , .default-modal-content p.darker  { color:#133c60; }

.seller-profile-header { margin-bottom:2em; padding: 0 0 2em 0; background-color:#f8f9f9; }
.seller-profile-header .image { display: inline-block; width:6em; height:6em; margin: 0 2em 1em 0; }
.seller-profile-header .image img { width:6em; height:6em; border-radius: 4px; }
.seller-profile-header .image img.sp-default-img { border:1px solid #e6eef4; }
.seller-profile-header .heading { display: inline-block; vertical-align: top; margin-bottom: 0.25em; }
.seller-profile-header .heading .header-location { font-weight: 300; font-size: 1.2em; color: #84a0b3; margin: 0; }
.seller-profile-header .header-location i { color: #444; margin-right: 0.5em; }
.seller-profile-header .header-location img { margin-right: 0.6em; width: 1em; vertical-align: sub; }
.seller-profile-header .heading h1 { color: #133c60; font-size: 1.6em; line-height: 1; margin: 0 0 0.25em; }
.seller-profile-header .heading h1 span.current-plan { color: #f07f4a; font-weight: 700; font-size: 0.8em; display: block; margin: 0.5em 0; }
.seller-profile-header .heading h1 span.current-plan img { width: 1em; vertical-align: top; margin-right: 0.25em; }
.seller-profile-header .heading h1 span.current-plan.certificate { color: #f5c851; }
.seller-profile-header .heading h1 span.current-plan.certificate img { margin: 0 0.5em 0 0; }
.seller-profile-header .heading .skillsAndActions .skillsList { margin: 0 0 0 0.1em; }
.seller-profile-header .heading .skillsAndActions .skillsList li { display:inline-block; padding-right:0.7em; font-size:0.8em; }
.seller-profile-header .heading .skillsAndActions .skillsList a { color: #666; cursor: default; }

.seller-profile-header.skillpages-header .heading { margin-top: 0; }

.small-gap { margin-bottom:1.5em !important; }
.seller-profile-colours {  border-color:#dde0e5 !important; border-radius:0.3em; }

.seller-profile-element, .project-view-left { border: 1px solid #ccc; padding:3em 2.5em; margin-top:-1px; background-color:#FFF; }
.project-view-left { border-radius: 4px; border: 1px solid #dde0e5; }
.project-view-left-files, .project-view-left-map { border-radius: 0; }
.project-view-left.top-round { border-radius: 4px 4px 0 0; }
.project-view-left.bottom-round { border-radius: 0 0 4px 4px; }
.project-view-left.both-round { border-radius: 4px 4px 4px 4px; }
.seller-profile-element h2, .project-view-left h2 { color:#1d3a5f; font-family: 'Lato', sans-serif; font-size: 1.6em; margin: 0; border-bottom: 2px solid #f4f7f9; padding: 0 0 1em 0; }
.seller-profile-element h3 { font-size: 1.6em; color: #133c60; }
.seller-profile-element p { margin: 0; padding: 0.5em 0; margin:1em 0 0 0; font-weight:400; color: #96a8b7; }
.seller-profile-element p.lighter { color:#96a8b7; }
.seller-profile-element .image { float:left; margin-right:1em; }
.project-view-left span.light-blue, .project-view-left span.light-green, .project-view-left span.light-grey {  font-size:0.9em; text-transform: uppercase; font-weight:bold; }
span.light-blue { color:#9bcbf3; }
span.light-green { color:#71d7b0; }
h4 span { font-size:0.7em !important; }
p.hugger { margin:0; padding:0; }

.project-view-large-6, .project-view-large-4 { margin-top: 2em; }
.project-view-large-6 .project-view-left { padding: 0; }
.project-view-large-6 .project-view-left .title-row { margin: 0; padding: 2em; background-color: #fff; border-bottom: 1px solid #dde0e5; }
.project-view-large-6 .project-view-left .title-row .image { margin: 0 2em 0 0; }
.project-view-large-6 .project-view-left .title-row img.male-placeholder { margin: 0 2em 0 0; }
.project-view-large-6 .project-view-left .title-row .heading { margin: 0; }
.project-view-large-6 .project-view-left .title-row .heading h1 { font-size: 1.4em; }
.project-view-large-6 .project-view-left .title-row .heading .header-time { margin-left: 6.5em; font-size: 1em; }
.project-view-large-6 .project-view-left .title-row .heading .header-time img { width: 1.2em; vertical-align: bottom; }
.project-view-large-6 .project-view-left h2 { padding: 0.5em 2em; font-size: 1em; text-transform: uppercase; font-weight: 700; background-color: #f8f9f9; color: #84a0b3; border: 0; margin-bottom: 1em; border-bottom: 1px solid #dde0e5; }
.project-view-large-6 .project-view-left .project-details { padding: 0 2em; }

.project-view-left .feature-block { padding:2em 0 0 0; }
.project-view-left .feature-block .image { float:left; margin-right:1.5em; margin-top:0.3em; }
.project-view-left .feature-block h4 { font-size:1.4em; color:#133c60; font-family: 'Lato' sans-serif; }
.project-view-left .feature-block p { color:#8695a1; }

.seller-profile-element .profile-map { margin-top:1em; position:relative; }
.seller-profile-element .profile-map .maps-address { font-size:1em; font-weight:bold; padding:0.7em 0; }
.seller-profile-element .seller-review { padding: 1em 0 0.5em 0; }
.seller-profile-element .seller-review .image { display: inline-block; vertical-align: top; }
.seller-profile-element .seller-review .image img { width: 3em; border-radius: 50%; }
.seller-profile-element .seller-review-message { color:#1d3a5f !important; font-size:1.1em; margin-left:2em; }
.seller-profile-element .seller-review .seller-review-content { display: inline-block; margin: 0.4em 0 0 1em; }
.seller-profile-element .seller-review .seller-review-content i { font-size: 1em; color: #fbe259; }
.seller-profile-element .seller-review .seller-review-content i.no-star { color: #96a8b7; }
.seller-profile-element .seller-review .seller-review-content span { font-size: 1em; margin-left: 0.5em; color:#abb8c0; }
.seller-profile-element .seller-review p { padding: 0 0 0 2.6em; color: #666; margin-top: 0.5em; }
.seller-profile-element .seller-review .seller-review-name { padding: 0.5em 0.5em 0 5em; font-size: 1em; display: inline-block; font-style: italic; color: #96a8b7;}
.seller-profile-element .seller-review .seller-review-tag { font-weight:bold !important; color:#233f63; display: inline-block; font-weight: 300; }
.seller-profile-element .seller-review .seller-review-tag i { margin: 0 0.4em; }
.seller-profile-element .seller-review .used-pro { color:#54d1a4; }
.seller-profile-element .write-review { text-align: center; }
.seller-profile-element .write-review a { padding: 0.5em 0.7em; font-size: 0.9em; display: inline-block; margin: 0; }

.seller-profile-element .skillpages-service { padding: 1em 0; }
.seller-profile-element .skillpages-service hr { margin-bottom: 0; }
.seller-profile-element .skillpages-service:last-child hr { display: none; }

.seller-profile-element .skillpages-service .row { font-size: 1em; border-bottom:1px solid #f1f4f7; padding:0 0 2em 0; }
.seller-profile-element .skillpages-service .row label { font-size: 1em; color: #999; }
.seller-profile-element .skillpages-service .row ul { list-style: none; margin-left: 0; }
.seller-profile-element .skillpages-service .row ul li { display: inline-block; font-size:0.9em; }
.seller-profile-element .skillpages-service .row ul li.splitter { width: 5px; height: 5px; border-radius: 5px; background-color: #666; margin: 0 6px 2px; }
.seller-profile-element .skillpages-service .row h1 { font-size:1.3em; margin:0; padding:0; font-weight:700; margin-top:2em; }
.seller-profile-element .skillpages-service .row p { font-size:1.1em; color:#b2bec5; font-weight:400; margin:0; padding:0; white-space: pre-wrap;}

.seller-profile-element .skillpages-service.bark-sp-service:last-child hr { display: block; margin: 1em 0; }
.seller-profile-element .skillpages-service.bark-sp-service hr:last-child { display: none; }

.seller-profile-element .skillpages-work-history { font-size: 1em; border-bottom:1px solid #f1f4f7; padding:2em 0 2em 0; }
.seller-profile-element .skillpages-work-history h1 { font-size:1em; margin:0; padding:0; font-weight:700; }
.seller-profile-element .skillpages-work-history h4 { color: #666; font-family: 'Lato', sans-serif; font-size: 1.2em; }
.seller-profile-element .skillpages-work-history p { font-size:1em; color:#b2bec5; font-weight:400; margin:0; padding:0; }
.seller-profile-element .skillpages-work-history:last-child hr { display: none; }
.seller-profile-element .skillpages-work-history hr { margin-bottom: 0; }

.seller-profile-element .skillpages-project { padding: 1em; }
.seller-profile-element .skillpages-project p { padding: 0; }
.seller-profile-element .skillpages-project:last-child hr { display: none; }
.seller-profile-element .skillpages-project hr { margin-bottom: 0; }

.seller-profile-element .skillpages-education { padding: 1em; }
.seller-profile-element .skillpages-education h4 { color: #666; font-family: 'Lato', sans-serif; font-size: 1.2em; }
.seller-profile-element .skillpages-education:last-child hr { display: none; }
.seller-profile-element .skillpages-education hr { margin-bottom: 0; }
.seller-profile-element .skillpages-education p { padding: 0; }


.post-bark-form h2 { border:0; font-size:2em; margin:0; padding:0; }
.post-bark-form p { color:#aebbc7; }
.post-bark-form p span { color:#394f6e; }
.post-bark-form a { text-decoration: underline; color: #3eaefc; }

.seller-profile-element #project-create-form label { padding-bottom:0.5em; font-size:1.1em; color:#1d3a5f; font-family: 'Lato', sans-serif; font-weight:400; }
.seller-profile-element #project-create-form input { display:block; padding:1.5em; }
.seller-profile-element #bark_submit { width:100%; margin-top:1em; padding:1em; }

.skillpages-notice { border: 1px solid #ccc; border-radius: 4px; margin-bottom: 2em; }
.skillpages-notice h2 { background-color: #fff; font-weight: 700; font-family: 'Lato', sans-serif; font-size: 1.3em; margin: 0; padding: 0.75em 1em 0.2em; border-radius: 4px; }
.skillpages-notice h2 i { margin-right: 0.5em; color: #1E7CCA; }
.skillpages-notice p { margin: 0; padding: 0.5em 1em; }
.skillpages-notice span { display: block; text-align: center; }
.skillpages-notice a { text-align: center; display: block; text-decoration: underline; margin: 1em 0 2em; font-size: 1.1em; }

#claimProfileEmail i { margin-right: 0.5em; }
#claimProfileEmail i.fa-user { color: #1E7CCA; }
#claimProfileEmail i.fa-spinner, #claimProfileEmail i.fa-check { color: #3E9C05; }
#claimProfileEmail i.fa-warning { color: #e74c3c; }
#claimProfileEmail span.button-primary { padding: 0.5em; cursor: pointer; }
#claimProfileEmail span.button-cancel { padding: 0.75em; display: inline-block; margin-top: 1em; }

.claim-profile-header.upsell-container { padding: 0; }
.claim-profile-header.upsell-container .detail-pricing-upsell { text-align: center; width: 100%; padding: 2em 0 3em; border-bottom: 1px solid #f1f1f1; background-color:#FFF; }
.claim-profile-header.upsell-container .detail-pricing-upsell h1 { font-family: 'Lato', sans-serif; font-size: 2em !important; margin: 1.5em 0 0.5em; text-align: center; }
.claim-profile-header.upsell-container .detail-pricing-upsell h1 i { color: #3E9C05; margin-right: 0.5em; }
.claim-profile-header.upsell-container .detail-pricing-upsell p { margin: 0 0 2.5em; color: #666; text-align: center; font-size:1.4em !important; color:#96a8b7; }
.claim-profile-header.upsell-container .detail-pricing-upsell ul li { list-style:none; text-align: left; font-size:1.2em !important; font-weight:500; color: #2d3f50; }
.claim-profile-header.upsell-container .detail-pricing-upsell ul li::before { font-weight:bold; content:'+'; color:#53d1a3; margin-right:0.5em; }

.claim-profile-header.upsell-container .detail-pricing-upsell button { margin: 0.5em 0.5em 1em; padding: 1.5em 3.2em; font-size: 1rem; }
.claim-profile-header.upsell-container .detail-pricing-upsell button { font-weight:bold; }
.claim-profile-header.upsell-container .detail-pricing-upsell button span.uppercase { text-transform: uppercase; font-size: 1.2em; }
.claim-profile-header.upsell-container .detail-pricing-upsell button span.smaller { font-style:italic; font-size:0.9em; }
.claim-profile-header.upsell-container .detail-pricing-upsell a { display: block; text-decoration: underline; font-size: 1rem; }

.claim-profile-header.upsell-container .detail-pricing-packages, .claim-profile-header.upsell-container .detail-pricing-key, .claim-profile-header.upsell-container .detail-pricing-faq { padding: 2em 0 4em; }
.claim-profile-header.upsell-container .detail-pricing-packages h1, .claim-profile-header.upsell-container .detail-pricing-key h1, .claim-profile-header.upsell-container .detail-pricing-faq h1 { margin: 1em 0 0.25em !important; text-align: center; }
.claim-profile-header.upsell-container .detail-pricing-packages p.upsell-subtitle, .claim-profile-header.upsell-container .detail-pricing-key p.upsell-subtitle, .claim-profile-header.upsell-container .detail-pricing-faq p.upsell-subtitle { margin-bottom: 3em; text-align: center; }
.claim-profile-header.upsell-container .detail-pricing-key { background-color: #fafafa; border-bottom: 1px solid #eee; border-top: 1px solid #eee; }

.claim-profile-header.upsell-container .detail-pricing-packages .upgrade-ambitions p { text-align: center; font-style: italic; font-weight: 300; color: #666; }

.claim-profile-header.upsell-container .money-back-guarantee { margin: 1.2em 0 1em; }
.claim-profile-header.upsell-container .claim-profile-sidebar h1 { margin-bottom: 0.5em; }
.claim-profile-header.upsell-container .claim-profile-sidebar p { margin-bottom: 0.5em; }
.claim-profile-header.upsell-container .detail-pricing-key .detail-pricing-point p { padding: 0 19em 0 0; }
.claim-profile-header.upsell-container .detail-pricing-key .detail-pricing-point.pricing-point-left p { padding: 0 0 0 19em; }
.claim-profile-header.upsell-container .detail-pricing-faq { padding: 2em 0 4em; }
.claim-profile-header.upsell-container .detail-pricing-faq h1 { margin: 0 0 2em; }

.detail-pricing-key { background-color: #fff; border-bottom: 1px solid #f0f3f5; padding-bottom: 8em; }
.detail-pricing-key .upsell-features-table { border-radius: 4px; }
.detail-pricing-key .upsell-features-table tr:nth-of-type(even) { background-color: #fff; }
.detail-pricing-key .upsell-features-table tr th { font-size: 1.2em; background-color: #ECE9DE; }
.detail-pricing-key .upsell-features-table tr td { font-size: 0.9em; }
.detail-pricing-key .upsell-features-table tr td i { color: #3E9C05; }
.detail-pricing-key .upsell-features-table tr td p { margin: 0; text-align: left; }
.detail-pricing-key .upsell-features-table tr td span { font-size: 0.8em; color: #999; }
.detail-pricing-key .upsell-features-table tr td span.infinite { color: #3E9C05; font-size: 1.1em; margin-right: 0.25em; }
.detail-pricing-key .project-view-left .feature-block p { margin-top: 1em; }
.detail-pricing-key .project-view-left .feature-block h4 { padding-left: 2.75em; }

.claim-profile-header { padding: 2em 0; }
.claim-profile-header .claim-profile-no-padding { padding: 0; text-align: left; }
.claim-profile-header .detail-pricing-key h1 { margin: 0 0 2em; }
.claim-profile-header .detail-pricing-key img { width: auto; }
.claim-profile-header .detail-pricing-key p { font-size: 1.1em; }
.claim-profile-header .detail-pricing-key .pricing-point-left p { padding: 0 0 0 9em; }
.claim-profile-header img { width: 7em; margin-bottom: 0.1em; }
.claim-profile-header h1 { margin-bottom: 0; }
.claim-profile-header p { color: #96a8b7; }
.claim-profile-header i { color: #3e9c05; margin-right: 0.5em; font-size: 1.1em; }
.claim-profile-header .detail-pricing-key { padding: 2em 0 3em; background-color: #f8f9f9; }
.claim-profile-header .money-back-guarantee { color: #9c855f; background-color: #fffdf0; border: 1px solid #e4ddcb; border-radius: 4px; padding: 0.5em 1em; margin: 1em 0; }
.claim-profile-header .money-back-guarantee img { width: 2.5em; display: inline-block; margin-right: 1em; margin-bottom: 0; }
.claim-profile-header .money-back-guarantee p { display: inline-block; margin: 0; color: #9c855f; }
.claim-profile-type { border: 1px solid #dde0e5; border-radius: 4px; padding: 2em; }
.claim-profile-type p { color: #96a8b7; }
.claim-profile-type h4 { font-family: 'Lato', sans-serif; font-size: 1.4em; font-weight: 700; margin: 0 0 1em; color: #133c60; }
.claim-profile-seller { background: url('../img/skillpages-seller-service-bk.png'); background-position: center; background-repeat: no-repeat; background-size: cover; border: 0; }
.claim-profile-seller h4, .claim-profile-seller p { color: #fff; }
.claim-profile-type-seperator span { margin: 5em 0; display: block; font-weight: 700; color: #999; font-size: 1.2em; }
.claim-profile-learn-more { margin-bottom: 4em; }
.claim-profile-learn-more .columns { padding: 0; margin: 1em 0; }
.claim-profile-learn-more .columns a { text-decoration: underline; color: #3eaefc; }

.claim-profile-sidebar-parent { position:relative; left:0px; margin-left:75%; margin-top:0px; height: 0px; }
.claim-profile-sidebar { position:fixed; display: block; background-color: #fff; border-radius: 3px; border: 1px solid #dde0e5 !important; margin-right: 20px; max-width:18em; z-index:90; margin-left:-5em; }
.claim-profile-sidebar button { margin: 2em 0.5em; padding: 0.5em 1em; }
.claim-profile-sidebar h1 { margin: 0; padding: 0.5em; }
.claim-profile-sidebar hr { margin: 0; }
.claim-profile-sidebar p { padding: 1em 1em 0; color: #8695a1; margin-bottom: 0; }
.claim-profile-sidebar h1 i { color: #3e9c05; margin: 0 0.25em 0 0; }
.claim-profile-sidebar a { text-decoration: underline; color: #3eaefc; }

.claim-profile-sidebar-upsell { top: 12.1em; }
.claim-profile-sidebar-upsell button { margin: 2em; font-size: 1em; }

.update-profile-container { border: 1px solid #dde0e5; border-radius: 3px; }
.update-profile-container .update-profile-section h2 { background-color: #3a4449; color: #fff; font-size: 1.4em; font-family: 'Lato', sans-serif; margin: 0; padding: 0.25em 1em; }
.update-profile-container .update-profile-section h2.top-border-radius { border-radius: 2px 2px 0 0; }
.update-profile-container .update-profile-section .update-profile-content { margin: 0; padding: 1em; }
.update-profile-container .update-profile-section .update-profile-content label { cursor: default; color: #1e2b39; margin-bottom: 0.25em; }
.update-profile-container .update-profile-section .update-profile-content input, .update-profile-container .update-profile-section .update-profile-content textarea, .update-profile-container .update-profile-section select { border: 1px solid #ccd2dc; border-radius: 3px; resize: vertical; font-family: 'Lato', sans-serif; }
.update-profile-container .update-profile-section .update-profile-content input:focus, .update-profile-container .update-profile-section .update-profile-content textarea:focus { background-color: #fff; }
.update-profile-container .update-profile-section .update-profile-content a { text-decoration: underline; color: #3eaefc; }
.update-profile-container .update-profile-section .update-profile-content a.white { color: #cdd2d7; }
.update-profile-container .update-profile-section .update-profile-content a.white:hover, .update-profile-container .update-profile-section .update-profile-content button.white:hover { color: #84a0b3 !important; }
.update-profile-container .update-profile-section .update-profile-content a.delete { background-color: transparent; color: #f07f4a; font-weight: 500 !important; text-transform: none; padding-right: 0; }
.update-profile-container .update-profile-section .update-profile-content a.delete:hover { color: #f29265 !important; }
.update-profile-container .update-profile-section .update-profile-content i.fa-question-circle { color: #3eaefc; }
.update-profile-container .update-profile-section .update-profile-content h1 { font-family: 'Lato', sans-serif; font-size: 1.6em; margin: 0; color: #1e2b39; }
.update-profile-container .update-profile-section .update-profile-content h4 { font-family: 'Lato', sans-serif; font-size: 1.4em; margin: 0; color: #1e2b39; }
.update-profile-container .update-profile-section .update-profile-content p { color: #8695a1; }
.update-profile-container .update-profile-section .update-profile-content .edit-service-bk { margin-bottom: 2em; }

.update-profile-container .update-profile-section button.cancel-button { padding: 0 0.5em; margin-bottom: 1em; }
.update-profile-container .update-profile-section button.button-primary-blue { box-shadow: none !important; padding: 0.5em 1em; margin-bottom: 1em; }
.update-profile-container .update-profile-section a.delete-button { float: right; margin-top: 0.8em; color: #e2574c; }
.update-profile-container .update-profile-section a i { margin-right: 0.25em; }
.update-profile-container .update-profile-section h4 a { float: right; font-size: 0.75em; margin-top: 0.25em; }
.update-profile-container .update-profile-section .edit-service { float: right; margin-top: 0.25em; }

.claim-profile-success #seller-how-works { padding: 0; margin-bottom: 6em; }
.claim-profile-success #seller-how-works .seller-how-works-header { margin: 0 0 3em; }
.claim-profile-success #seller-how-works i { float: left; margin-top: 0.5em; }
.claim-profile-success #seller-how-works h2 { padding-left: 3.5em; text-align: left; margin: 0; }
.claim-profile-success #seller-how-works h3 { padding-left: 3.5em; }
.claim-profile-success #seller-how-works p { padding-left: 4.8em; }


#service-areas .service-area-container { margin-bottom: 0.5em; }
#service-areas .service-area-container .edit-service { float: right; margin-top: 0.25em; }
#service-areas .service-area-container .edit-service i { margin-right: 0.25em; }


#seller-profile-element-facebook hr { margin-bottom: 0; }

.facebook-profile { padding: 2em 2em; background-color: #f4f5f8; margin-top: 1em; }
.facebook-profile img { width: 6em; height: 6em; vertical-align: top; border-radius: 4px; margin-right: 1em; }
.facebook-profile .facebook-profile-header { display: inline-block; }
.facebook-profile .facebook-profile-header p { padding: 0; font-size: 1.5em; font-weight: 700; margin: 0; color: #133c60; }
.facebook-profile .facebook-profile-header span { font-size: 1.2em; color: #9cabb5; }
.facebook-profile .facebook-profile-header .facebook-profile-stats p { display: inline-block; padding: 0; margin: 0 1em 0 0; font-weight: 500; font-size: 1.1em; }
.facebook-profile .facebook-profile-header .facebook-profile-stats p span { font-size: 1.1em; font-weight: 700; color: #3b5998; }

.facebook-posts { padding: 1em 2em; }
.facebook-posts .facebook-post { padding: 1em 2em 3em; border-bottom: 1px solid #f1f4f7; margin-bottom: 1em; background-color: #fff; }
.facebook-post .facebook-header img { width: 3em; height: 3em; vertical-align: top; margin-right: 1em; border-radius: 3px; margin-top: 2px; }
.facebook-post .facebook-header div { display: inline-block; }
.facebook-post .facebook-header div p { padding: 0; font-weight: 700; color: #133c60; margin: 0; }
.facebook-post .facebook-header div span { color: #9197a3; }
.facebook-post .facebook-content { padding: 0; font-size: 1.1em; margin: 0.5em 0; color: #9cabb5; }
.facebook-post .facebook-photo img { margin: 0.5em 0 1.5em; border-radius: 3px; }
.facebook-post .facebook-stats a { color: #3b5998; }
.facebook-post .facebook-stats span { margin: 0 0.6em 0 0.2em; }

#writeReviewModal { }
#writeReviewModal h1 { font-family: 'Lato', sans-serif; font-size: 1.6em; }
#writeReviewModal hr { margin-top: 0; }
#hirePro .review-rating, #writeReviewModal .review-rating div { display: inline-block; }
#hirePro .review-rating p, #writeReviewModal .review-rating p { display: inline-block; font-size: 1.2em; margin: 0 0.5em 0.5em 0; }
#hirePro .review-rating i, #writeReviewModal .review-rating i { color:#FFC616; font-size: 1.5em; cursor: pointer; vertical-align: top; margin:0; }
#hirePro .review-rating i.no-star, #writeReviewModal .review-rating i.no-star { color: #eee; }
#hirePro .review-rating { margin-bottom:5px; }

#writeReviewModal textarea { border-radius: 4px; font-weight: 500; font-size: 1em; resize: vertical; margin-top: 1em; }
#writeReviewModal input { border-radius: 4px; font-weight: 500; font-size: 1em; }
#writeReviewModal .columns { padding-left: 0; }
#writeReviewModal .right-input { padding-right: 0; padding-left: 0.9375rem; }
#writeReviewModal a.cancel-button { position: static; display: inline-block; margin: 1em 0.5em; border-radius: 3px; padding: 0.5em 0.7em; font-size: 1em; line-height: 1.6; background-color: transparent; color: #abb8c0; }
#writeReviewModal .review-use-pro p { display: inline-block; margin: 1em 0.5em 0.5em 0; }
#writeReviewModal .review-use-pro div { display: inline-block; }
#writeReviewModal .review-use-pro input { vertical-align: top; margin: 0.25em 0 0; }
#writeReviewModal .review-use-pro span { font-size: 1.1em; margin: 0 1em 0 0.5em; }
#writeReviewModal .error { display:none; }

#writeReviewModal #review-modal-success div i { font-size: 2.5em; margin-bottom: 0.25em; display: block; }

.seller-profile-element .photo-gallery { margin: 2em auto; position: relative; max-height:200px; text-align:center; }
.project-images .photo-gallery { margin: 2em auto; position: relative; max-width:200px; text-align:center; }
.seller-profile-element .photo-gallery .download-overlay, .project-images .photo-gallery .download-overlay { position: absolute; width: 100%; height: 200px; color: #fff; background: rgba(30,43,57,0.8); border-radius: 4px; padding: 40% 0; opacity: 0; }
.seller-profile-element .photo-gallery .download-overlay:hover, .project-images .photo-gallery .download-overlay:hover { cursor: pointer; opacity: 1; }
.seller-profile-element .photo-gallery .download-overlay i, .project-images .photo-gallery .download-overlay i { margin: 0 0.25em 0 0; }
.seller-profile-element .photo-gallery img, .project-images .photo-gallery img { border-radius: 4px; max-height: 200px; }
.seller-profile-element .photo-gallery p, .project-images .photo-gallery p { position: absolute; left: 0; width: 100%; background: rgba(0,0,0,0.6); bottom: -1px; text-align: center; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; color: #fff; }
.seller-profile-element .photo-nav, .project-images .photo-nav { padding: 2em 2em; background-color: #f8f9f9; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; width: 100%; }
.seller-profile-element .photo-nav img, .project-images .photo-nav img { max-height: 5em; border-radius: 2px; margin: 0 0.5em; cursor:pointer; }
.seller-profile-element .photo-nav i, .project-images .photo-nav i { margin-top: 1.2em; width: 5%; font-size:1.4em; }
.seller-profile-element .photo-nav .fa-chevron-left, .project-images .photo-nav .fa-chevron-left { float: left; margin-right: 2%; cursor:pointer; }
.seller-profile-element .photo-nav .fa-chevron-right, .project-images .photo-nav .fa-chevron-right { float: right; margin-left: 2%; cursor:pointer; text-align: right; }
.seller-profile-element .photo-nav .fa-chevron-left.inactive, .seller-profile-element .photo-nav .fa-chevron-right.inactive, .project-images .photo-nav .fa-chevron-left.inactive, .project-images .photo-nav .fa-chevron-right.inactive { cursor:auto; opacity:0.5; }
.seller-profile-element .photo-nav .photo-nav-inner, .project-images .photo-nav .photo-nav-inner { overflow:hidden; height:5em; width: 70%; margin-left:10%; }
.seller-profile-element .photo-nav .photo-nav-slider, .project-images .photo-nav .photo-nav-slider { width:1000em; }

.project-view-left .project-images { border:1px solid #dde0e5; border-radius:0.3em; }
.project-view-left .project-images .photo-gallery p { margin: 0.5em 0 0; position: static; background: 0; color: #133c60; border-radius: 0; min-height: 1.6em; }

.seller-profile-element .video-gallery .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin: 2em 0 0 0; }
.seller-profile-element .video-gallery iframe, .seller-profile-element .video-gallery object, .seller-profile-element .video-gallery embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.seller-profile-element .twitter-feed { text-align: center; margin: 1em 2em; }

.seller-profile-element.photo-browser-nav { border-radius: 0 0 0.3em 0.3em; padding:0 !important; margin-top:-0.2em; }
.seller-profile-element.photo-browser-nav .photo-nav {}
.seller-profile-element .complete-desc { display: inline-block; margin: 1em 0 0; font-size: 1.1em; }
.seller-profile-element a.style-button { display:inline-block; margin: 1em; }

.seller-profile-element .row { margin: 0; }
.seller-profile-element .row input { border-radius: 3px; }
.seller-profile-element .row label { cursor: default; font-weight: 700; margin-top: 0.5em; font-size: 0.85em; }

.seller-profile-element .row .full-width-button button { margin: 0 0 1.5em; width: 100%; }

.seller-profile-element .company-detail { margin: 1em 0 ;}
.seller-profile-element .company-detail p { padding: 0; font-weight: 700; margin-bottom:0.5em; }
.seller-profile-element .company-detail a { text-decoration:underline; color:#3eaefc; }
.seller-profile-element .company-detail span { word-break: break-word; color:#9cabb5; font-size:1.1em; }
.seller-profile-element .company-detail .bark-icon-star { color: #fbe259; }
.seller-profile-element .company-detail i.no-star { color: #96a8b7; }
.seller-profile-element .company-detail .review-count { display:block; color:#9cabb5; }

.header-time { font-weight:bold; }
.header-time i { color:red; margin-right:0.5em; }

.project-view-tips .tip-container h4 { padding-left: 2em; }

.tip-container { padding: 1em 1.5em; margin-top:1em; margin-bottom:1em; }
.tip-container img { margin-right:1.5em; }
.tip-container img.tip-open-letter { margin-top: 0.25em; width: 2.75em; margin-left: 0.5em; }
.tip-container h4 { color:#4f617b; font-family: 'Lato', sans-serif; font-size: 1.5em; margin-top: 0.55em; margin-left:0.5em; }
.tip-container p {  font-family: 'Lato'; margin: 1.5em 0 0 0.25em; font-size:1.1em; line-height:1.7; color: #8894a0; font-weight:400; }
.tip-container i.bark-icon-upload2 { margin-right:0.5em; font-size:3.3em; float:left; color:#6dc1ed; }

.check-stack { float:left; width:3em; height:3em; display:inline-block; padding-top:0.2em; margin-right:0.8em; }
.check-stack a { display:block; }
.check-stack i { position:absolute; }
.check-stack .bark-icon-base { margin:0.1em; font-size:2.9em; color:#aabbc1; }
.check-stack .bark-icon-check-o { font-size:3.3em; color:#FFF;  }

.category-insights, .location-insights { margin-left: 0; padding-left: 0; list-style: none; }
.category-insights li, .location-insights li { margin: 1em 0; }
.category-insights li p, .location-insights li p { padding-left: 2em; }
.category-insights li p.starred-text, .location-insights li p.starred-text { color: #facd62; }
.category-insights .bark-icon-check-o, .location-insights .bark-icon-check-o { font-size: 1.45em; color: #65c57e; vertical-align: middle; position: relative; top: -0.1em; float: left; }
.category-insights .bark-icon-star, .location-insights .bark-icon-star { font-size: 1.45em; color: #facd62; vertical-align: middle; position: relative; top: -0.1em; float: left; }

.tip-container .green-small { font-size:1em; color:#53d1a3; }

.faq-project-response h1 { padding: 0.75em 1em 0.25em; margin: 0; }
.faq-project-response ul { margin: 0 1em 1em; }
.faq-project-response ul.accordion li.accordion-navigation a { font-family: 'Lato', sans-serif; padding: 0.5em; background-color: #fff; color: #1E7CCA; cursor: default; }
.faq-project-response ul.accordion li.accordion-navigation .content.active { padding: 0 0.5em 0.5em; color: #666; }

.project-view-left .project-details { padding: 1em 0; }
.project-details h2 { font-size:1.6em; margin: 0 0 0.5em; font-family: 'Lato', sans-serif; color:#1d3a5f; }
.project-details h4 { font-size:1em; font-family: 'Lato', sans-serif; font-weight: 300; font-style: italic; }
.project-view-left h3 { font-size:1.4em; font-family: 'Lato', sans-serif; color:#1d3a5f; margin-bottom:0.5em; }
.project-view-left h3 img { margin-right:1em; }

.project-details p { color: #1d3a5f; font-weight: 700; font-size: 1.2em; word-wrap: break-word; }
.project-details .detail-title { margin: 0; font-size:1.1em; color:#84a0b3; font-weight: 500; }
.project-view-left .project-details-map { max-width: 20em; height: 12em; border-radius: 4px; position: relative; margin: 2em; }
.project-view-left .project-details-map p, p.maps-address { position: absolute; bottom: 0; color: white; margin: 0; width: 100%; background: #35424d; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; text-align: center; padding: .2em 0; z-index: 10; }

.project-details .attached-image-layout { margin-bottom: 1em; }
.project-details .attached-image-container { position: relative; width: 12em; }
.project-details .attached-image-container img { border-radius: 4px; }
.project-details .attached-image-container a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; border-radius: 4px; color: #fff; background: rgba(0,0,0,0.75); opacity: 0; }
.project-details .attached-image-container a:hover { opacity: 1; }
.project-details .attached-image-container a i { display: block; font-size: 1.5em; margin-top: 10%; }

.project-details .attached-files p { margin: 0; }
.project-details .attached-files hr:last-child { display: none; }
.project-details .attached-files .attached-file { padding: 0.5em; border: 1px solid #aaa; border-radius: 4px; margin: 0.5em 1em 0.5em 0; background-color: #f9f9f9; position: relative; display: inline-block; min-width: 8em; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%; }
.project-details .attached-files .attached-file i { font-size: 1.2em; margin: 0 0.4em 0 0.2em; }
.project-details .attached-files .attached-file a { position: absolute; text-align: center; width: 100%; height: 100%; opacity: 0; top: 0; left: 0; padding: 0.5em; color: #fff; background: rgba(0,0,0,0.85); }
.project-details .attached-files .attached-file a:hover { opacity: 1; }

.bark-removed-container { background: #fafafa; max-width: none;padding: 15em 0; text-align: center; }
.bark-removed { margin: 0 auto; padding-top: 1em; background-color: #fffdf0; border: #e4ddcb 1px solid; border-radius: 4px 4px 0 0; }
.bark-removed h2 { font-size: 1rem; font-weight: bold; color: #9c855f; }
.bark-removed p { font-style: italic; color: #c3b49c; }

.project-view-summary { margin: -2.3em 0 .7em; font-size: 1.1em; font-weight: 300; text-align: center; font-style: italic; }

.project-view-responded-profile-image { float:left; margin-right:1em; border:1px solid #CCC;  }
.project-view-responded-profile { padding:1em; }

.tips-etc { padding:5em 0; margin-top:6em; border-top:1px solid #f6f6f6; }
.tips-etc h2 { font-size:2em; text-align:center; font-family:'Lato'; color:#4b627c; font-weight:400; }
.tips-etc h3 { font-size:1.4em; text-align:center; font-family:'Lato'; color:#84a0b3; font-weight:400; margin-bottom:1em;}

.faq-container { background-color:#f8f9f9; padding:2em 0 6em 0;  }
.faq-container .center-heading { text-align:center; }
.faq-container h2 { width:16em; padding-bottom:1em; border-bottom:3px solid #eceef3; font-size:1.7em; font-family:'Lato'; color:#1d3a5f; font-weight:400; margin:2em 0 3em 0; }
.faq-container .columns img { float:left; margin-right:1em; }
.faq-container .columns h4 { font-weight:700; color:#1d3a5f; font-size:1.1em; font-family:'Lato'; }
.faq-container .columns p {  font-family: 'Lato'; margin: 0.5em 0 0 0.25em; font-size:1.1em; line-height:1.7; color: #8894a0; font-weight:400; }
.faq-container .columns { margin-bottom:2em; }
span#percent_complete { margin: 0; display: inline; }
.clearall { clear:both; }

.faq-padding { padding:1em; }
.faq-contact { padding:1em; }
.faq-contact hr { border:1px solid #e9ecef; width:30%;  }
.faq-contact p { font-size:1.3em !important; }
.faq-contact p b { color:#133c60; }
.faq-contact p span.green-text { color:#71d7b0; }

.project-view-pitch {  }
.project-view-pitch h2 {  font-family: 'Lato', sans-serif; font-size: 1.6em; word-break: break-word; }

.project-view-pitch-hewer { margin-top: 4em; }
.project-view-pitch-hewer img { width: 5em; float: left; }
.project-view-pitch-hewer .project-view-hewer-quote { padding-left: 6em; }
.project-view-pitch-hewer .project-view-hewer-quote p { margin: 0; font-weight: 700; font-style: italic; color: #96a8b7; line-height: 1.4; }
.project-view-pitch-hewer .project-view-hewer-quote span { color: #133c60; font-weight: 700; display: block; margin-top: 0.25em; }

.project-view-pitch-hr { margin: 2.25rem 0 2.1875rem; }

.project-view-pitch-press { margin: 1em -0.9375rem 0; }
.project-view-pitch-press p { font-style: italic; text-align: center; margin: 0 0 0.5em; }
.project-view-pitch-press .press-logos { text-align: center; }
.project-view-pitch-press .press-logos img { width: 9em; margin: 0 1em 1em; opacity: 0.5; }

.project-view-new { color: #444; background-color: #fff; padding: 1em 2em 2em; border: 2px solid #c1e086; border-radius: 0 0 4px 4px; margin-top:-1px !important; }
.project-view-new .project-full-alert { background-color: #fcf8e3; border: 1px solid #aaa; padding: 0.5em 2em; margin: 0.5em -2em; }
.project-view-new .project-full-alert p { margin: 0; color: #4E350A; }
.project-view-new .project-full-alert p i { margin-right: 0.25em; }
.project-view-new p { color: #98a7b6; margin: 0 0 .8em; }
.project-view-new .seller-create-field input, .project-view-new .seller-create-field textarea { border-radius: 4px; font-weight: 500; font-size: 1em; margin-bottom: 0; }
.project-view-new .seller-create-field textarea { resize: vertical; }
.project-view-new .seller-create-field .response-top-tips { font-weight: 700; text-decoration: underline; margin: 0.5em 0 1em; display: block; color: #74c2fc !important; }
.project-view-new .seller-create-field .response-top-tips i { margin-right: 0.5em; }
.project-view-new .seller-create-field label { padding-bottom:0.25em; font-size: 1.2em; font-weight: 500; cursor: default; }
.project-view-new .seller-create-field label i { margin-left: 0.4em; color: #22313F; border-bottom: 0; }
.project-view-new .seller-create-field p.upload-desc { font-size: 1em; margin: 0; }
.project-view-new .seller-create-field .attach-file { display: inline-block; padding: 0.45em 0.6em; cursor: pointer; margin: 0 0 1.5em; vertical-align: top; }
.project-view-new .seller-create-field .attach-file.disabled { background: #ddd; cursor: default; }

.project-view-header { background-color:#c1e086; padding: 1em 2em; border: 1px solid #c1e086; border-radius: 3px 3px 0 0; }
.project-view-header img { float:left; margin: 0.7em 0.5em 0 0; width: 2em; }
.project-view-header h2 { color:#217B27; padding: 0.25em 0 0 2em; font-weight: 700; }
.project-view-header p { color:#217B27; }
.project-view-header a { font-size:1.1em; text-decoration:none; border-bottom:0; color: #6dc1ed; margin: 0; }

.project-view-header-ppr { background-color: #c1e086; padding: 1em; }
.project-view-header-ppr img { margin: 0 1em; }
.project-view-header-ppr h2 { color: #217B27; margin: 0; background-color: #c1e086; font-weight: 700; padding: 0 0 0 3em; font-size: 1.4em; }

.project-view-selection { background-color: #fffef8; border: 1px solid #eae4c2; padding: 2em; border-radius: 3px 3px 0 0; }
.project-view-selection h2 { color: #143c5f; }
.project-view-selection p { color: #9298a4; padding: 0 1em; font-size: 1.2em; margin: 0 0 1em; }
.project-view-selection button { text-transform: none; margin: 0.5em 0; }
.project-view-selection button.not-interested-button { margin: 1.5em 0 0; }

.project-view-selection form { margin: 0; }
.project-view-selection p.project-respond-desc { color: #143c5f; font-weight: 700; margin: 1em 0 0; padding: 0 2em; }
.project-view-selection p.project-respond-desc span { color: #59d0a4; }

.project-view-selection .project-not-interested { text-align: left; margin: 0 2em; background-color: #fdfbf1; padding: 1em 0 1em 2em; color: #828074; font-size: 1.1em; }
.project-view-selection .project-not-interested input { margin: 0.5em 1em 0.8em 0; vertical-align: middle; cursor: pointer; }
.project-view-selection .project-not-interested label { margin: 0; }

.project-view-bottom { border: 1px solid #eae4c2; border-top: 0; background-color: #fffef8; border-radius: 0 0 4px 4px; }
.project-view-bottom p { color: #1d3a5f; }
.project-view-bottom a { color: #52b4fc; text-decoration: underline; font-weight: 700; display: inline-block; }

.project-view-warning { background-color:#fefcec; padding:1em; border:1px solid #e2d790; margin-top:-1px !important; }
.project-view-warning p { padding:0 0 0 1em; margin:0; font-weight:700; color:#9c855f; }
.project-view-warning p i { margin:0 0.5em 0 0; }
.project-view-warning p a { font-weight: 700; text-decoration: underline; color: #3eaefc; margin: 0 0.1em; }

.credit-upsell { padding: 3em 0 6em; background-color: #f4f7f9; }
.credit-upsell h2 { margin: 0; font-size: 2.5em; color: #133c60; }
.credit-upsell h3 { margin: 0 0 0.5em; color: #133c60; opacity: .9; }
.credit-upsell p { margin: 0; color: #84a0b3; }
.credit-upsell img { margin-top: 2em; }
.credit-upsell button { margin: 0; display: block; font-weight: 700; background: #3e9c05; box-shadow: 0 4px 0 #2f7604 !important; }
body .credit-upsell button:hover { background: #48b506 !important; }
.credit-upsell button span { text-decoration: line-through; opacity: .5; }
.credit-upsell a { display: inline-block; margin: 1em 0; color: #3eaefc; text-decoration: underline; font-size: 1.1em; font-weight: 700; }
.credit-upsell .credit-upsell-perks { margin: 0.5em 0 2em; }
.credit-upsell .credit-upsell-perks i { color: #3e9c05; float: left; margin: 0.3em 0.5em 0 0; font-size: 1.2em; }
.credit-upsell .credit-upsell-perks p { padding-left: 2em; }

.credit-upsell-payment { padding: 3em 0 6em; background-color: #f4f7f9; }
.credit-upsell-payment .credit-upsell-payment-header { text-align: center; }
.credit-upsell-payment .credit-upsell-payment-header h2 { margin: 0; font-size: 2em; color: #133c60; }
.credit-upsell-payment .credit-upsell-payment-header span { color: #3e9c05; font-size: 1.1em; }
.credit-upsell-payment .credit-upsell-payment-header p { margin: 1em 0 0; font-size: 1.1em; color: #84a0b3; }
.credit-upsell-payment .credit-upsell-payment-form { max-width: 32em; margin: 1em auto 0; border: 1px solid #e6e6e6; border-radius: 3px; padding: 2em; background-color: #fff; }
.credit-upsell-payment .credit-upsell-payment-form h3 { margin: 0 0 1.5em; font-size: 1.4em; color: #133c60; }
.credit-upsell-payment .credit-upsell-payment-form h3 i { margin-top: 0.25em; opacity: .25; }
.credit-upsell-payment .credit-upsell-payment-form .stripe_error { color: #ce4826 !important; font-weight: 700; margin: 0 0 1em; }
.credit-upsell-payment .credit-upsell-payment-form label { cursor: default; color: #133c60; font-size: 1.1em; margin: 0.5em 0; }
.credit-upsell-payment .credit-upsell-payment-form input { border: 1px solid #ccd2dc; border-radius: 3px; color: #133c60; }
.credit-upsell-payment .credit-upsell-payment-form input.cvc-code { max-width: 8em; }
.credit-upsell-payment .credit-upsell-payment-form select { width: 48%; display: inline-block; border: 1px solid #ccd2dc; border-radius: 3px; background-color: #fff; font-family: 'Lato', sans-serif; color: #133c60; }
.credit-upsell-payment .credit-upsell-payment-form select[disabled] { background-color: #ddd; }
.credit-upsell-payment .credit-upsell-payment-form button { margin: 1em 0; }
.credit-upsell-payment .credit-upsell-payment-form button p { margin: 0; font-weight: 700; line-height: 1.1; }
.credit-upsell-payment .credit-upsell-payment-form button p i { margin-right: 0.5em; }

.credit-upsell-topup { padding: 3em 0 6em; background-color: #f4f7f9; }
.credit-upsell-topup .credit-upsell-topup-header { text-align: center; }
.credit-upsell-topup .credit-upsell-topup-header h2 { margin: 0; font-size: 2em; color: #133c60; }
.credit-upsell-topup .credit-upsell-topup-header h3 { font-size: 1.6em; color: #133c60; }
.credit-upsell-topup .credit-upsell-topup-header p { margin: 0 0 3em; color: #84a0b3; }
.credit-upsell-topup .credit-upsell-topup-only { margin: 3em 0 0; text-align: center; }
.credit-upsell-topup .credit-upsell-topup-only span { font-weight: 700; margin: 0 0 2em; display: block; color: #133c60; position: relative; }
.credit-upsell-topup .credit-upsell-topup-only span:before, .credit-upsell-topup .credit-upsell-topup-only span:after { position: absolute; top: 51%; width: 6em; height: 1px; content: '\a0';  background-color: #84a0b3; }
.credit-upsell-topup .credit-upsell-topup-only span:before { margin-left: -8em;  }
.credit-upsell-topup .credit-upsell-topup-only span:after {  margin-left: 2em; }
.credit-upsell-topup .credit-upsell-topup-only a { color: #3eaefc; text-decoration: underline; font-size: 1.1em; font-weight: 700; }

#provideQuoteModal h2 { font-family: 'Lato', sans-serif; font-size: 1.6em; }
#provideQuoteModal hr { margin-top: 0; }
#provideQuoteModal .additional-details { width: 100%; margin: 1em 0; border-radius: 4px; padding: 0 1em; }
#provideQuoteModal a { position: static; display: inline-block; margin: 0 0.5em; border-radius: 3px; padding: 0.5em 0.7em; font-size: 1em; line-height: 1.6; }
#provideQuoteModal a:hover { background-color: #ddd; }
#provideQuoteModal .action_update_quote2 { background-color: #1e7cca; color: #fff; }
#provideQuoteModal .action_update_quote2:hover { background-color: #0867B6; }

#quote-modal-success { text-align: center; }
#quote-modal-success i { font-size: 2.5em; color: #3e9c05; }
#quote-modal-success p { margin: 0.4em 0 1em; font-size: 1.4em; }
#quote-modal-success button { padding: 0.5em 0.7em; font-family: 'Lato', sans-serif; border-radius: 4px; }

.project-view-new .seller-create-field .seller-quote-container { padding: 1.5em; border: 1px solid #dde0e5; margin-bottom: 1.5em; background-color: #f8f9f9; border-radius: 4px; }
.project-view-new .seller-create-field .seller-quote { margin: 0.2em 0 1em; position:relative;}
.project-view-new .seller-create-field .seller-quote span, #provideQuoteModal span:not(.new-error) { color:#99c546; position: absolute; left: 6px; top:11px; font-size: 0.8rem; }
.project-view-new .seller-create-field .seller-quote input, #provideQuoteModal input { display: inline-block; width: 40%; border-radius: 4px; padding-left: 22px; margin-bottom: 0; height: 3em; }
.project-view-new .seller-create-field .seller-quote select, #provideQuoteModal select { display: inline-block; width: 50%; border-radius: 4px; margin-left: -5px; font-family: 'Lato', sans-serif; cursor: pointer; margin-bottom: 0; font-size: 1.1em; color: #133c60; height: 2.7em; }
.project-view-new .seller-create-field .seller-quote select:hover, #provideQuoteModal select:hover { background-color: #eee; border: 1px solid #ccc; }
.project-view-new .seller-create-field .seller-quote select:disabled { background-color: #ddd; color: #98a7b6;}

.project-view-new .seller-create-field .seller-quote #quote_later { margin:0 !important;}

.project-view-new .seller-create-field .seller-quote-seperator { line-height:1 !important; position: relative; font-size: 1.2em; z-index: 1; overflow: hidden; text-align: center; font-weight: 700; font-family: 'Lato', sans-serif;  color:#9cabb5; margin: 1.5em 0 1em; }
.project-view-new .seller-create-field .seller-quote-seperator:before, .project-view-new .seller-create-field .seller-quote-seperator:after {  color:#eff2f2 !important; position: absolute; top: 51%; overflow: hidden; width: 45%; height: 1px; content: '\a0';  background-color: #9cabb5; }
.project-view-new .seller-create-field .seller-quote-seperator:before { color:#eff2f2 !important; margin-left: -50%; text-align: right; }
.project-view-new .seller-create-field .seller-quote-seperator:after { color:#eff2f2 !important; right: 0; margin-right: -5%; }

.project-view-new .seller-create-field .quote-later { padding: 0.5em 0; border-radius: 4px; font-weight: 500; cursor: pointer; font-size:1.2em; }
.project-view-new .seller-create-field .quote-later span { margin-left: 0.5em; font-size: 1em; color: #133c60; }
.project-view-pitch .project-view-new form { display: inline; margin: 0; width: 100%; }
.project-view-pitch .project-view-new form button { margin: 1em 0.5em 0 0; }
.project-view-pitch .project-view-new .secondary { background-color: #eee; margin: 1em 1em 0 4em; }
.project-view-pitch .project-view-new .secondary:hover { background-color: #ccc; }
.project-view-pitch .project-view-seller .project-view-seller-subtitle { font-size: 1.1em; font-weight: bold; text-transform: uppercase; color: #45423c; }
.project-view-pitch .project-view-seller hr { margin: 0.5em 0; }
.project-view-pitch .project-view-seller .project-view-seller-title { margin-bottom: 1em; }
.project-view-pitch .project-view-seller label { font-size: 1em; }
.project-view-pitch .project-view-seller input { font-size:1em; border-radius: 0.4em; height: 2.8em; font-weight: 500; border: 1px solid #aaa; }
.project-view-pitch .project-view-seller textarea { border-radius: 4px; font-weight: 500; font-size: 1em; resize: vertical; }

.project-view-new-ppr { border: 2px solid #c1e086; border-top: 0; }
.project-view-new-ppr .response-credit-balance { margin: 0.5em 0 0; }
.project-view-new-ppr .response-credit-balance img { width: 2.5em; float: left; }
.project-view-new-ppr .response-credit-balance p { margin: 0; font-size: 1em; color: #133c60; vertical-align: text-top; padding-left: 3.5em; font-weight: 700; }
.project-view-new-ppr .seller-create-field label { color: #1d3a5f; font-weight: 700; display: inline-block; }
.project-view-new-ppr .seller-create-field i.has-tip { color: #fff !important; background-color: #74c2fc; padding: 0.1em 0.5em; border-radius: 50%; font-weight: 700; font-size: 1em; opacity: .75; margin-left: 0.25em; }
.project-view-new-ppr .seller-create-field textarea { margin-bottom: 0.5em; }
.project-view-new-ppr .seller-create-field .seller-quote-container { padding: 1em; }
.project-view-new-ppr .seller-create-field .seller-quote-container .seller-quote { margin: 0; }
.project-view-new-ppr .seller-create-field .seller-quote-container .seller-quote input { height: 2.8em; }
.project-view-new-ppr .seller-create-field .seller-quote-container .seller-quote select { height: 2.6em; line-height: 1.4; }
.project-view-new-ppr .seller-create-field .seller-quote-container .seller-quote span { left: 10px; top: 10px; }
.project-view-new-ppr .seller-create-field .seller-quote-container .quote-later { padding: 0.5em 0 0 0.1em; font-size: 1.2em; display: block; }
.project-view-new-ppr .seller-create-field .seller-quote-container .quote-later span { vertical-align: bottom; font-size: 0.9em; }
.project-view-new-ppr .seller-create-field .fresh-response-links a { color: #74c2fc; margin-right: 1em; margin-top: 0.5em; display: inline-block; text-decoration: underline; font-weight: 700; }
.project-view-new-ppr .seller-create-field .fresh-response-links a i { margin-right: 0.25em; }
.project-view-pitch .project-view-new-ppr form button { margin: 0; }

.legal-page { margin: 3em 0 6em; }
.legal-page h1 { font-size: 2em; }
.legal-page hr { margin: 0 0 3em; }
.legal-page h2 { font-family: 'Lato', sans-serif; font-size: 1.4em; color: #133c60; }
.legal-page p, .legal-page ul li { font-weight: 500; color: #96a8b7; }

.about-page p { color: #96a8b7;}
.about-page b { font-weight: normal; color: #133c60;}
.about-header { background-color: #fdfdfd; border-bottom: 1px solid #e9e9e9; padding: 2em 0; }
.about-header h1 { font-size: 2em; margin: 0; }
.about-header h1 i { margin: 0 0.5em 0 2em; vertical-align: sub; }
.about-header .columns { padding: 0; }

.about-page .about-map-container { margin: 8em 0 4em; }

.about-page { margin: 1.2em 0; }
.about-page h2 { font-size: 1.7em; font-family: 'Lato', sans-serif; margin: 2em 0 1em; color: #133c60; }

.about-page h3 { font-family: 'Lato', sans-serif; font-size: 1.3em; color: #133c60;}
.about-page hr { margin-top: 0; }
.about-page img { border-radius: 4px; margin-top: 1em; width: 10.75em; }

.team-page h1 { font-family: 'Lato', sans-serif; font-size: 2em; color: #133c60; text-align: center; margin: 2em 0; }
.team-page img { width: 100%; border-radius: 3px 3px 0 0; max-width: 20em; }
.team-page img.founders { border-radius: 3px; }
.team-page h2 { font-family: 'Lato', sans-serif; font-size: 1.6em; color: #53d1a3; margin: 0.5em 0 0; }
.team-page span { font-size: 1.2em; color: #bdc8d1; }
.team-page hr { border: 1px solid #ededed; margin: 1em 0; width: 10em; }
.team-page p { color: #96a8b7; font-size: 1.1em; }
.team-page p b { color: #133c60; font-weight: 500; }
.team-page .team-name-container { width: 100%; max-width: 20em; margin-top: -2px; }
.team-page .team-name-container h4 { margin: 0; text-align: center; background-color: #343a36; color: #53d1a3; border-radius: 0 0 3px 3px; font-family: 'Lato', sans-serif; font-size: 1.2em; padding: 1em 0; margin-bottom: 2em; }
.team-page .team-default { width: 18em; height: 18em; background-color: #e9e9e9; border-radius: 3px 3px 0 0; text-align: center; padding: 5em; }
.team-page .team-default i { font-size: 6em; color: #53d1a3; }

.jobs-page { padding-bottom: 4em; }
.jobs-page h2 { font-size: 1.7em; font-family: 'Lato', sans-serif; margin: 2em 0 1em; color: #133c60; }
.jobs-page p, .jobs-page ul li { color: #96a8b7; }
.jobs-page ul li b { color: #133c60; font-weight: 500; }
.jobs-page a { text-decoration: underline; color: #3eaefc; }


.icon-about { display: inline-block; width: 31px; height: 29px; background-position: -278px -623px;}
.icon-team { display: inline-block; width: 31px; height: 29px; background-position: -278px -623px;}

.about-page .key-quote { padding: 1em 2em; border: 1px solid #dce5ea; background: #f2fafc; color: #667f7f; font-style: italic; font-size: 1.2em; margin: 2em 0; border-radius: 3px; }

.pro-center-top-container { background: #fafafa; max-width: none; }
.pro-center-top { padding: 3em 0; }
.pro-center-top h1 { padding-top: 2em; }
.pro-center-top p { color: #96a8b7; line-height: 1.8em; }

body .pro-center-top .button-success { padding-left: 3em; padding-right: 3em; }
.pro-center-top .pro-center-main iframe { width: 100%; padding: 0.5em 1.25em; }

.pro-center-quote { margin-top: 3em; margin-bottom: 3em; color: #8697a4;}
.pro-center-quote p, .pro-center-quote p.attribution { font-style: italic !important; font-size: 1.3em; font-weight: 700; margin: 0; }
.pro-center-quote p.attribution { color: #133c60; font-size: 1.1em; margin-top: 0.5em; }

.pro-center-cta { padding: 3em 0; background-color: #fafafa; margin-top: 3em; }

.hewer-img { width: 82px; height: 81px; background: url('../img/hewer-circle.png'); float: left; margin: 0 2em 1em 0;}

.pro-center-sprite { display: block; float: left; width: 48px; height: 48px; padding: 8px; border-radius: 3px; background: #f00; margin-right: 1em;}
.pro-center-sprite .inner { width: 32px; height: 32px; background: url('../img/pro-center-sprites.png'); display: block;}
.pro-center-sprite.how .inner { }
.pro-center-sprite.hired .inner { background-position: -32px 0;}
.pro-center-sprite.uses .inner { background-position: -64px 0;}
.pro-center-sprite.cost .inner { background-position: 0 -32px;}
.pro-center-sprite.team .inner { background-position: -32px -32px;}
.pro-center-sprite.contact .inner { background-position: -64px -32px;}

.pro-center-sprite.how { background: #8ad9a1; }
.pro-center-sprite.hired { background: #8ac7d9; }
.pro-center-sprite.uses { background: #496d89; }
.pro-center-sprite.cost { background: #a4bf7d; }
.pro-center-sprite.team { background: #e9b781; }
.pro-center-sprite.contact { background: #f56a3f; }

.pro-center-box-top { border-bottom: 1px solid #f3f3f3; padding: 2em 2em 0; height: 7em; color: #2d3f50;}
.pro-center-box-top .heading { font-size: 1.5em; margin: 0; padding: 0; color: #133c60;}
.pro-center-box-top a { display: block; margin: 0.5em 0 0.5em 4.5em; padding: 0; text-decoration: underline; color: #3eaefc; font-weight: 700; }

.pro-center-box-bottom { padding: 1em 2em 0; color: #abb4c6; }
.pro-center-box-bottom.contact { background: #fffef8; border: 1px solid #eae4c0; border-top: none; border-radius: 0 0 4px 4px; }
.pro-center-box-bottom a { color: #3eaefc; text-decoration: underline; }
.pro-center-box-bottom b { color: #133c60; font-weight: 500; }

.pro-center-box-container { margin-bottom: 2em; }

.pro-center-box-all { border: 1px solid #dde0e5; border-radius: 4px; }

.pro-center-box-top.contact { background: #fffef8; border: 1px solid #eae4c0; border-bottom: 1px solid #eae4c0; border-radius: 4px 4px 0 0; }

.pro-center-box-top.contact .heading { padding-top: 0.6em; }

.contain-to-grid .top-bar { max-width: 80rem; }

.plan { border-radius:0.5em; font-size:1em; padding:0.5em 1em 0.7em 1em; }
.plan i { margin-top:0.5em; }
.top-bar-section .buyer_nav li a.free { background:#ffd5d5 !important; }
.top-bar-section .buyer_nav li a.basic { background:#bcc1ff !important; }
.top-bar-section .buyer_nav li a.pro { background:#e2ffbc !important; }
.top-bar-section .buyer_nav li a.premium { background:#ffecac !important; }

.custom_optional { font-weight: 300; font-style: italic; font-size:0.8em; }

.reveal-modal.large-6.large-offset-3.columns { max-width: none; width: 50%; }

#removeServiceAreas { float:right; font-size: 0.8em; line-height: 2; text-decoration: underline; color: #3eaefc; }
#removeServiceAreas:hover { color: #5bbafc; }

/* animate.css pulse code */

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
}

/* Hover Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.country-dropdown { width:5em; cursor:pointer; }
.dropdown-hidden { padding-top: 0.5em; display:none; }


/* Post Bark timeline */
#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img i {
    padding: 10px 0;
    color: #fff;
    font-size: 20px;
    display: block;
    position: relative;
    text-align: center;
}
.cd-timeline-img.cd-picture {
  background: #75ce66;
}
.cd-timeline-img.cd-movie {
  background: #1e7cca;
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}
.cd-timeline-img.cd-interested {
    background: #ff9400;
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: #eee;
  border-radius: 0.25em;
  padding: 0.5em 1em;
  box-shadow: 0 2px 0 #ccc;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #303e49;
  margin-bottom: 0;
  font-size: 1.4em;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}

.connection-warning { display:none; margin-left:5em; border-radius:0.5em; padding:1em 2em; position:absolute; margin-top:-12em; background-color:#EEE; text-align:center; }
.connection-warning i { float:left; padding:0.3em; font-size:3em; }


.modal-progress-wrapper { height: 0.7em; margin-bottom:1em; background-color:#edf2f4; border-radius: 2px; }
.modal-progress-inner { height: 0.7em; background-color: #1b4b6d; width: 50%; border-radius: 2px; }

.stripe-spinnerBefore small { display: none; margin-top: 1em; }
.stripe-spinnerAfter { text-align: center; display: none; }
.stripe-spinnerAfter i { font-size: 3em; display: block; color: #53d1a3; }

#seller-account-form small { display:none; }

#seller-account-form label { margin-top:0.5em; }
.stripe-change-card-container { margin: 0 1em; }
#stripe-change-card-error { width: 100%; }


/* Shanes work on directory / March 2015 */
.directory-category-header { background-color:#333; background-image:url(/img/footer_lodyas.png); position: relative; }
.directory-category-header .padding { padding:6em 0 0.5em 0; text-align: center; }
.directory-category-header .padding h1 { font-size:2.4em; color:#FFF; }
.directory-category-header .padding p { color:#daf1ff; font-size: 1.4em; }
.directory-category-header .padding li { color:#FFF; }
.directory-category-header .bark-form { margin: 2em 0 4em; padding: 1.5em 2em; }
.directory-category-header .bark-form label { font-size: 0.9em; }
.directory-category-header .bark-form input.button-primary { height: 2.5em; margin-top: 1.85em; padding: 0; }
.directory-category-header .bark-form input { margin: 0; font-size: 1em; }

.directory-category-header .home-press { bottom: 0; text-align: center; }
.directory-category-header .home-press p { margin: 0 1em 0 0; }

.directory-stats-title h2 { font-family: 'Lato', sans-serif; color: #133c60; font-size: 1.6em; margin: 2em 0 4em; }

.directory-stats { padding-bottom: 4em; }
.directory-stats p { font-size: 1.1em; color: #a1b2bc; text-align: center; }
.directory-stats p b { color: #133c60; font-weight: 500; text-decoration: none; }
.directory-stats p a { font-size: 1em; line-height: 1.6; }
.directory-stats p span { color: #65c57e; }

.directory-section-break { max-width: none; }
.directory-section-break span { display: block; height: 1px; width: 100%; background-color: #e6ebef; }

.breadcrumbs-container { background-color:#52b4fc; position: fixed; width: 100%; z-index: 95; top: 84px; }
.breadcrumbs-container .breadcrumbs { border-radius:0; background-color: #52b4fc; border:none; margin: 0; }
.breadcrumbs-container .breadcrumbs li { line-height: 1.6; color: #fff; font-weight: 700; }
.breadcrumbs-container .breadcrumbs a, .breadcrumbs-container .breadcrumbs a { color:#FFF; }
.breadcrumbs-container .breadcrumbs>*:before { content: ">"; color: #fff; font-size: 1.5em; }
.breadcrumbs-container .breadcrumbs>*:first-child:before { content: ""; }
.seller-profile-header-padding { height:2em; }
.seller-profile-header-padding-breadcrumb { height: 5em; }

.awards-banner.pricing-special-offer { background: #39aeea; box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15); }
.awards-banner.pricing-special-offer strong { text-decoration: underline; }

.awards-rsvp-cover { background-color: #eec24d; position: relative; padding: 4em 0; }
.awards-rsvp-cover p { color: #b76e06; font-size: 1.3em; }
.awards-rsvp-cover img.crest-left { vertical-align: top; margin-right: 1em; }
.awards-rsvp-cover img.crest-right { vertical-align: top; margin-left: 1em; }
.awards-rsvp-cover .awards-badge { display: inline-block; }
.awards-rsvp-cover .awards-badge i { color: #1e2b39; font-size: 3em; }
.awards-rsvp-cover .awards-badge span { color: #1e2b39; font-weight: 700; font-size: 1.8em; line-height: 1; vertical-align: bottom; }
.awards-rsvp-cover .awards-badge h1 { color: #1e2b39; font-weight: 700; font-style: italic; margin: 0.2em 0;}
.awards-rsvp-cover .awards-year i { color: #fff; margin: 0 0.1em; font-size: 1.3em; }
.awards-rsvp-cover .awards-year p { display: inline-block; font-weight: 700; text-transform: uppercase; color: #fff; margin: 0 0.5em; font-size: 1.3em; }
.awards-rsvp-cover .awards-rsvp-cover-button { position: absolute; width: 100%; bottom: 0; text-align: center; bottom: -1.65em; }
.awards-rsvp-cover .awards-rsvp-cover-button a { display: inline-block; background-color: #1e2b39; border-radius: 3px; color: #fff; font-weight: 700; margin: 0; font-family: 'Lato', sans-serif; width: 15em; padding: 1em; }

.awards-rsvp-desc { padding: 6em 0 4em; background-color: #fff; }
.awards-rsvp-desc h2 { color: #1e2b39; font-size: 1.6em; }
.awards-rsvp-desc hr { width: 10em; height: 2px; background-color: #eec24d; margin: 2em auto; border: 0; }
.awards-rsvp-desc p { color: #aaa; font-size: 1.3em; }
.awards-rsvp-desc p a { text-decoration: underline; color: #39aeea; }

.awards-rsvp-venue { padding: 4em 0; background-color: #f9f9f9; }
.awards-rsvp-venue h2, .awards-rsvp-awards h2, .awards-rsvp-speakers h2 { color: #1e2b39; font-size: 1.6em; font-weight: 700; }
.awards-rsvp-venue hr, .awards-rsvp-awards hr, .awards-rsvp-speakers hr { width: 10em; height: 2px; background-color: #eec24d; margin: 1em auto; border: 0; }
.awards-rsvp-venue .awards-venue-container { margin-top: 2em; background-color: #fff; padding: 2em; text-align: left; }
.awards-rsvp-venue .awards-venue-container h3 { font-size: 1.4em; color: #1e2b39; font-weight: 700; margin-top: 2em; }
.awards-rsvp-venue .awards-venue-container p { color: #1e2b39; font-style: italic; margin: 0; }

.awards-rsvp-contact { background-color: #fdf9ed; border-top: 1px solid #f0c042; border-bottom: 1px solid #f0c042; padding: 1em 0; }
.awards-rsvp-contact p { margin: 0; color: #1e2b39; font-weight: 700; }
.awards-rsvp-contact p a { color: #39aeea; text-decoration: underline; }

.awards-rsvp-awards { padding: 4em 0; }
.awards-rsvp-awards .awards-award { background-color: #fff; margin: 2em 1em 1em; padding: 5.5em 1em 2em; position: relative; border-radius: 3px; }
.awards-rsvp-awards .awards-award h2 { font-weight: 500; font-size: 1.4em; }
.awards-rsvp-awards .awards-award h2 img { width: 0.8em; vertical-align: top; }
.awards-rsvp-awards .awards-award h2 img.crest-left { margin-right: 0.5em; }
.awards-rsvp-awards .awards-award h2 img.crest-right { margin-left: 0.5em; }
.awards-rsvp-awards .awards-award p { color: #98a7b6; margin: 0; }
.awards-rsvp-awards .awards-award .awards-medal { width: 100%; height: 120px; position: absolute; top: 0; left: 0; }
.awards-rsvp-awards .awards-award .awards-medal .awards-ribbon { width: 35px; height: 40px; margin: 0 auto; position: relative; }
.awards-rsvp-awards .awards-award .awards-medal .awards-ribbon:before, .awards-rsvp-awards .awards-award .awards-medal .awards-ribbon:after { content: ''; position: absolute; width: 20px; height: 100%; top: 0; }
.awards-rsvp-awards .awards-award .awards-medal .awards-ribbon:before { right: 0; background: #bf392b; transform: skew(-32deg); }
.awards-rsvp-awards .awards-award .awards-medal .awards-ribbon:after { left:0; background: #e2574c; transform: skew(32deg); }
.awards-rsvp-awards .awards-award .awards-medal .awards-ribbon.growing:before { background: #3b97c6; }
.awards-rsvp-awards .awards-award .awards-medal .awards-ribbon.growing:after { background: #4cafe2; }
.awards-rsvp-awards .awards-award .awards-medal .awards-ribbon.digital:before { background: #c67300; }
.awards-rsvp-awards .awards-award .awards-medal .awards-ribbon.digital:after { background: #eb9114; }
.awards-rsvp-awards .awards-award .awards-medal .awards-ribbon.innovation:before { background: #45b38b; }
.awards-rsvp-awards .awards-award .awards-medal .awards-ribbon.innovation:after { background: #53d1a3; }
.awards-rsvp-awards .awards-award .awards-medal .awards-ribbon.peoples:before { background: #a77cbd; }
.awards-rsvp-awards .awards-award .awards-medal .awards-ribbon.peoples:after { background: #c595de; }
.awards-rsvp-awards .awards-award .awards-medal .awards-coin { border-radius: 50%; background: #efc75e; width: 45px; height: 45px; position: relative; margin: -15px auto 0 auto; }
.awards-rsvp-awards .awards-award .awards-medal .awards-coin i { font-size: 1.9em; position: absolute; width: 100%; left: 0; top: 0.4em; color: #fff; }

.awards-rsvp-speakers { background-color: #fff; padding: 4em 0; }
.awards-rsvp-speakers .awards-speaker { text-align: left; margin-top: 2em; }
.awards-rsvp-speakers .awards-speaker img { float: left; width: 7em; border-radius: 50%; border: 4px solid #eec24d; }
.awards-rsvp-speakers .awards-speaker h3 { font-size: 1.4em; color: #1e2b39; padding-left: 6em; margin-bottom: 0; text-transform: uppercase; font-weight: 700; }
.awards-rsvp-speakers .awards-speaker h4 { font-size: 1.2em; padding-left: 7em; margin-bottom: 0.5em; color: #eec24e; margin-top: 0; }
.awards-rsvp-speakers .awards-speaker hr { margin: 0.5em 0 0.5em 1.5em; display: inline-block; height: 1px; width: 7.5em; background-color: #f0f0f0; }
.awards-rsvp-speakers .awards-speaker p { font-size: 1.1em; padding-left: 7.75em; color: #aaa; }

.awards-rsvp-countdown { text-align: center; background: #48565f; padding: 1em 0; }
.awards-rsvp-countdown h3 { margin: 0 0 1.5em; font-size: 1.6em; text-transform: uppercase; font-weight: 700; color: #fff; }
.awards-rsvp-countdown h3 i { margin-right: 0.4em; }
.awards-rsvp-countdown .flip-clock-wrapper { width: auto; display: inline-block; margin: 0; }
.awards-rsvp-countdown .flip-clock-wrapper .flip { font-family: 'Lato', sans-serif; box-shadow: none; border-radius: 3px; }
.awards-rsvp-countdown .flip-clock-wrapper ul { background-color: #3eaefc; width: 40px; height: 50px; }
.awards-rsvp-countdown .flip-clock-wrapper ul li { line-height: 48px; }
.awards-rsvp-countdown .flip-clock-wrapper ul li a div { font-size: 60px; }
.awards-rsvp-countdown .flip-clock-wrapper ul li a div div.inn { font-size: 0.5em; border-radius: 3px; text-shadow: none; background-color: #3eaefc; color: #fff; }
.awards-rsvp-countdown .flip-clock-divider { width: 10px; height: 50px; }
.awards-rsvp-countdown .flip-clock-divider .flip-clock-label { top: -1.2em; right: -66px; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 1.1em; font-family: 'Lato', sans-serif; }
.awards-rsvp-countdown .flip-clock-divider.hours .flip-clock-label { right: -72px; }
.awards-rsvp-countdown .flip-clock-divider.minutes .flip-clock-label, .awards-rsvp-countdown .flip-clock-divider.seconds .flip-clock-label { right: -78px; }
.awards-rsvp-countdown .flip-clock-dot { width: 6px; height: 6px; left: 2px; background: #fff; box-shadow: none; }
.awards-rsvp-countdown .flip-clock-dot.top { top: 35px; }
.awards-rsvp-countdown .flip-clock-dot.bottom { bottom: 22px; }

.awards-rsvp-confirm { padding: 4em 0; background-color: #fbf6e8; }
.awards-rsvp-confirm .awards-rsvp-form { background-color: #fff; border-radius: 3px; padding: 2em; }
.awards-rsvp-confirm .awards-rsvp-form h2 { font-size: 1.6em; margin: 0; text-align: center; color: #1e2b39; }
.awards-rsvp-confirm .awards-rsvp-form hr { width: 10em; height: 2px; background-color: #eec24d; border: 0; margin: 1.25rem auto; }
.awards-rsvp-confirm .awards-rsvp-form p { text-align: center; color: #aaa; }
.awards-rsvp-confirm .awards-rsvp-form label { color: #b76e06; font-size: 1.1em; cursor: default; margin-bottom: 0.25em; }
.awards-rsvp-confirm .awards-rsvp-form input, .awards-rsvp-confirm .awards-rsvp-form select { border: 1px solid #cdd1dc; border-radius: 3px; height: 2.8em; background-color: #fff; margin-bottom: 0.5rem; }
.awards-rsvp-confirm .awards-rsvp-form button { margin: 2em auto 0; display: block; background-color: #eec24d; border-radius: 3px; font-family: 'Lato', sans-serif; border-bottom: 3px solid #b76e06; width: 100%; font-weight: 700; }
.awards-rsvp-confirm .awards-rsvp-form button:hover { background-color: #f1ce71; }
.awards-rsvp-confirm .awards-rsvp-schedule h2 { font-size: 1.6em; color: #1e2b39; margin-top: 1.1em; }
.awards-rsvp-confirm .awards-rsvp-schedule hr {  width: 10em; height: 2px; background-color: #eec24d; border: 0; }
.awards-rsvp-confirm .awards-rsvp-schedule p { margin: 0; }
.awards-rsvp-confirm .awards-rsvp-schedule .rsvp-address { color: #b76e06; }
.awards-rsvp-confirm .awards-rsvp-schedule .rsvp-date-time { color: #eec24d; }
.awards-rsvp-confirm .awards-rsvp-schedule .rsvp-schedule-time { color: #b76e06; }
.awards-rsvp-confirm .awards-rsvp-schedule .rsvp-schedule-desc { color: #1e2b39; }

.awards-certificate-cover { background-color: #eec24d; text-align: center; padding: 4em 0; }
.awards-certificate-cover h2 { font-weight: 700; font-size: 2em; color: #fff; margin: 0; }
.awards-certificate-cover p { color: #ffe9ae; margin: 0; font-size: 1.3em; font-weight: 700; }
.awards-certificate-cover p.certificate-preview { margin-top: 1em; }
.awards-certificate-cover p.certificate-preview a { cursor: default !important; text-transform: none; background-color: #eec24d; }
.awards-certificate-cover a { background-color: #1e2b39; display: inline-block; padding: 1em 2em; color: #fff; border-radius: 3px; text-transform: uppercase; font-weight: 700; font-size: 0.9em; margin: 2em 0 0; }
.awards-certificate-cover a i { margin-left: 0.25em; }

.awards-certificate-desc { text-align: center; padding: 4em 0; background-color: #fff; }
.awards-certificate-desc h3 { font-size: 1.3em; margin: 0; color: #1e2b39; }
.awards-certificate-desc hr { width: 10em; height: 2px; background-color: #eec24d; border: 0; margin: 1.25rem auto; }
.awards-certificate-desc p { color: #aaa; }
.awards-certificate-desc p a { color: #eec24d; }

.awards-certificate-instructions { padding: 4em 0; }
.awards-certificate-instructions .certificate-instructions h3 { font-size: 1.4em; color: #1e2b39; margin: 0 0 1.5em; font-weight: 700; }
.awards-certificate-instructions .certificate-instructions h4 { color: #1e2b39; font-size: 1.2em; font-weight: 700; margin: 0 0 0.5em; }
.awards-certificate-instructions .certificate-instructions h4 div.mobile-show { display: inline-block; }
.awards-certificate-instructions .certificate-instructions p { color: #aaa; font-size: 1.1em; }
.awards-certificate-instructions .certificate-code textarea { border: 1px solid #bdc8cf; background-color: #fff; color: #aaa; border-radius: 3px; min-height: 8em; resize: vertical; }
.awards-certificate-instructions .certificate-code a.certificate-email-button, .awards-certificate-instructions .certificate-code a.certificate-copy-button { margin: 0.5em 1em 0 0; display: inline-block; color: #fff; font-weight: 700; text-transform: uppercase; padding: 0.5em 1em; border-radius: 3px; }
.awards-certificate-instructions .certificate-code a.certificate-email-button { background-color: #303334; border-bottom: 3px solid #171919; }
.awards-certificate-instructions .certificate-code a.certificate-copy-button { background-color: #4ed7ae; border-bottom: 3px solid #41b592; }
.awards-certificate-instructions .certificate-code a.certificate-email-button:hover { background-color: #626565; }
.awards-certificate-instructions .certificate-code a.certificate-copy-button:hover { background-color: #79e0c1; }
.awards-certificate-instructions .certificate-code div.success { font-weight: 700; background-color: #4ed7ae; }

.temp-popular-placeholder { background-image:url(/img/temp-workout.jpg); background-position: center; background-size: cover !important; height: 11em; background-repeat: no-repeat; position: relative; border-radius: 4px; }
.temp-popular-placeholder p { margin: 0; padding: 0.2em; text-align: center; background-color: rgba(0,0,0, 0.5); position: absolute; width: 100%; bottom: 0; color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.directory-bark-can-find p { margin: 0; text-align: center; padding: 0.75em 0; background-color: #f4f5f5; color: #133c60; font-weight: 700; border-bottom: 1px solid #e6ebef; }
.directory-bark-can-find p i { margin: 0 0.5em 0 0; }

.directory-bark-related-categories { background-color: #f4f5f5; border-bottom: 1px solid #e6ebef; padding: 0.5em 0; }
.directory-bark-related-categories p { color: #133c60; margin: 0 0 0.25em; }
.directory-bark-related-categories ul { color: #133c60; margin: 0; }
.directory-bark-related-categories ul li { display: inline-block; }
.directory-bark-related-categories ul li p { margin: 0; }
.directory-bark-related-categories ul li p a { margin: 0 1em; color: #5bbafc; }

.directory-category-children h1 { margin:2em 0 1em; font-size: 1.6em; }
.directory-category-children h2 { margin:2em 0 1em; font-size: 1.6em; }
.directory-category-children a { font-size: 1.1em; color: #3eaefc; text-decoration: underline; font-weight: 700; line-height: 2; }
.directory-category-children a:hover { color: #5bbafc; }
.directory-category-children ul { list-style:none; margin-bottom:0; padding-bottom:0; font-size: 1em; }
.directory-category-children li { margin-left: -1em; }

.directory-category-children .icon-star { width: 32px; height: 32px; display: inline-block; vertical-align: sub; background-position: -280px -769px; margin-right: 0.5em; }
.directory-category-children .icon-stats { width: 32px; height: 32px; display: inline-block; vertical-align: sub; background-position: -222px -731px; margin-right: 0.5em; }
.directory-category-children .icon-stats-people { width: 44px; height: 56px; display: inline-block; vertical-align: sub; background-position: -148px -693px; margin-bottom: 1em; }
.directory-category-children .icon-stats-population { width: 44px; height: 56px; display: inline-block; vertical-align: sub; background-position: -90px -692px; margin-bottom: 1em; }
.directory-category-children .icon-stats-most { width: 50px; height: 56px; display: inline-block; vertical-align: sub; background-position: -151px -757px; margin-bottom: 1em; }
.directory-category-children .icon-stats-least { width: 44px; height: 56px; display: inline-block; vertical-align: sub; background-position: -219px -765px; margin-bottom: 1em; }

.directory-customers-thoughts h2, .directory-body-about h2 { margin:.5em 0 .5em; font-size: 1.6em; color: #133c60; }
.directory-customers-thoughts, .directory-body-about { border-bottom: 1px solid #eee; padding: 3em 0; }
.directory-body-about ul { text-align: left }

.directory-section-icon { margin: 0 auto; width: 3em; }
.gradient-line { width: 250px; height: 2px; margin: 0 auto 2em auto; border: 0; background: #46a7f8; /* Old browsers */ background: -moz-linear-gradient(left,  #46a7f8 0%, #59cea2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left,  #46a7f8 0%,#59cea2 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right,  #46a7f8 0%,#59cea2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46a7f8', endColorstr='#59cea2',GradientType=1 ); /* IE6-9 */ }

.custom-directory-review p.custom-review-body { color: #8695a1; line-height: 2; font-style: italic; }
.custom-directory-review p.custom-review-name { color: #133c60; }

.directory-about-section { color: #8695a1; }
.directory-bullets ul { margin-bottom: 0; }
.directory-bullets [class*="column"]+[class*="column"]:last-child { float: left; }

.directory-seller-list-title {  }
.directory-seller-list-title h1 { font-size: 1.4em; }
.directory-seller-list-title h2 { font-size: 1.4em; color: #133c60; }
.directory-seller-list-title hr { margin: 0; background-color: #e6e8ec; }

.directory-seller-list { border-bottom:1px solid #e6e8ec; padding:1em; min-height: 7em; }
.directory-seller-list.hover:hover { background-color:#fcfff5; }
.directory-seller-list img { position:absolute; width:5em; border-radius: 2px; }
.directory-seller-list h3 { display: inline-block; font-size:1.4em; line-height:1; font-family: 'Lato', sans-serif; color: #133c60; }
.directory-seller-list p { margin:0; font-size: 1.1em; color: #8695a1; }
.directory-seller-list p.cutoff { overflow: hidden; text-overflow: ellipsis; height:2em; white-space: nowrap; }
.directory-seller-list a { color:#333; }

.directory-popular-services { padding: 0 0 4em; }
.directory-popular-services h1 { text-align: center; margin-bottom: 2em; }

.directory-pagination ul.pagination { display: inline-block; margin-left: 0; }
.directory-pagination ul.pagination li.current a { background-color: #3eaefc; }

.directory-seller-list .seller-list-content-container { padding-left: 6em; }
.directory-seller-list .seller-reviews { float:right; font-size:1.2em; }
.directory-seller-list .seller-reviews i { color:#DDD; }
.directory-seller-list .seller-reviews i.gold { color: #f2c744; }
.directory-seller-list span.current-plan.pro, .directory-seller-list span.certificate { display: block; margin-bottom: 0.25em; }
.directory-seller-list span.current-plan.pro span, .directory-seller-list span.certificate span { padding-left:2em; color: #f07f4a; font-weight: 700; margin-right: 0.5em; }
.directory-seller-list span.current-plan.pro img, .directory-seller-list span.certificate img { width: 1.5em; }
.directory-seller-list span.certificate span { color: #f5c851; }

.directory-category-children h3 { font-size:1.4em; margin-top:1.5em; border-radius:0.3em; padding:0.5em 1em; background-color:#EEE; border:1px solid #CCC; color:#333; }
.directory-category-children h4 { font-size:1.4em; padding:1em 0 0.5em 0; font-family: 'Lato', sans-serif; color: #133c60; }
.directory-category-children h4.border { border-top:1px solid #DDD; margin-top:1em; }

.bottom-cities p { text-align:center; margin:0; padding:0; font-size: 1em; color: #999; }
.bottom-cities a, .bottom-cities a:hover, .bottom-cities a:active, .bottom-cities a:visited { display:inline-block; margin:0 0.5em; color: #999; }
.bottom-cities a:hover { color: #008cba; }

.side-how-bark-works { padding:1em; }
.side-how-bark-works img { background-color:#FFF; border:1px solid #DDD; border-radius:0.5em; padding:0.2em; }
.side-how-bark-works.bottom-border { border-bottom:1px solid #DDD; }

.directory-how-bark-works { border-radius:2px; border:1px solid #dde0e5; }
.directory-how-bark-works h2 { padding: 0.5em 1em; font-family: 'Lato', sans-serif; font-size: 1.4em; color: #133c60; font-weight: 500; margin: 0; }
.directory-how-bark-works hr { margin: 0; }
.directory-how-bark-works .directory-howworks-content-container { padding: 1em 2em; }
.directory-how-bark-works .directory-howworks-content-container img { margin: 0 0.5em 0.5em 0; }
.directory-how-bark-works .directory-howworks-content-container p { font-size: 1.2em; color: #133c60; margin-bottom: 1.5em; }
.directory-how-bark-works .directory-howworks-content-container span { display: block; font-size: 1.1em; margin-bottom: 0.5em; color: #8695a1; }
.directory-how-bark-works p { font-size: 1.2em; font-weight: 700; margin: 0; display: inline-block; }

.graph-container { font-size:0.8em; }

.graph-outer { width:8em; background-color: #f0f4f7; padding:4px; float:left; margin:0.2em 0.35em; border-radius: 3px; }
.graph-inner { height:1em; width:50%; background-color:#65c57e; border-radius: 2px; }
.graph-label { width: 10em; float:left;}


.quoteCurrencySymbol {
    text-decoration: none;
    font-size: 1.2em;
    float: left;
    padding: 0 0.4em 0 0;
}

.top-nav-padding { margin-top:1em; }

#directory-v1 { padding: 5em 0 4em; }
#directory-v1 .padding { text-align: left; padding: 0; }
#directory-v1 .padding h1 { margin-top: 0.75em; line-height: 1.2; }
#directory-v1 .padding p { font-size: 1.1em; }
#directory-v1 .padding hr { width: 25%; margin: 1.5em 0 1.65em; opacity: 0.75; }
#directory-v1 .padding ul { display: block !important; }
#directory-v1 .padding ul li p { font-size: 1em; line-height: 1.2em; margin-bottom: 0.5em; }
#directory-v1 .padding ul li p span, #directory-v1 .padding ul li p a { color: #65c57e; font-weight: 700; }
#directory-v1 .bark-form form { margin: 0; }
#directory-v1 .bark-form label { font-size: 1.1em; }
#directory-v1 .bark-form .columns { padding: 0 1.5em; float: none; width: 100%; margin-bottom: 1.5em; }
#directory-v1 .bark-form #project-create-form #bark_submit { height: 3em; margin: 0.5em 0 0; }
#directory-v1 .bark-form #project-create-form h2 { display: block !important; }


/* Fixes by math for iphone */
body.mobile.ios .new-project-field #is_local { padding:0; }


/* MEDIUM SCREENS (min-width 841px and max-width 1024px) */
@media (max-width: 1024px) {

.landing-header-block .landing-header-static h2 { margin-top: 1em; }
.bark-form { padding: 2em; margin-top: 3em; }
.bark-form h2 { line-height: 1.2; }
.top-sliders .slide p { width: 15em; }

.home-press { padding: 0.5em 0; }
.home-press p { display: block; }
.home-press img { width: 6.75em; }
.home-press img.techcrunch { margin-left: 19em; }

.directory-category-header .home-press { padding: 1em 0; }
.directory-category-header .home-press p { margin: 0 1em 0 0; display: inline-block; }
.directory-category-header .home-press img { width: 9em; margin-bottom: 0; }
.directory-category-header .home-press img.techcrunch { margin-left: 0; }

.complete-profile-container { margin: 0; }
.progress-pie-chart { margin: 0; }
.complete-profile-container p { margin: 0 0 0.5em; }

.buyer-dashboard-create-bark-submit button { margin: 0; }

.seller-dashboard-bark-unread { margin: 0; }

.seller-alerts { padding-left: 0; margin-top: 3em; }

.finding-pros { padding: 0.5em 1em; text-align: center; }
.finding-pros p { display: block; }

.seller-profile-settings .left-inputs { padding-left: 0.9375rem; padding-right: 0.9375rem; }
.seller-profile-settings .right-inputs { padding-right: 0.9375rem; }
.seller-profile-settings .company-name { padding-left: 0.9375rem; padding-right: 0.9375rem; }

.profile-settings-completeness p { font-size: 1em; }
.profile-settings-completeness span { font-size: 1.5em; }

.reveal-modal.medium-8.medium-offset-2.columns { max-width: none; width: 66.66667%; }


.top-category-levels { height: 12em; }
#main { padding-bottom: 48em; }
footer { margin-top: -48em; height: 48em; }

#seller-options-dropdown, #buyer-options-dropdown { right: 0; }

.awards-rsvp-speakers .awards-speaker img { float: none; margin: 0 auto 0.5em; display: block; }
.awards-rsvp-speakers .awards-speaker h3, .awards-rsvp-speakers .awards-speaker h4, .awards-rsvp-speakers .awards-speaker p { padding: 0; text-align: center; }
.awards-rsvp-speakers .awards-speaker hr { margin: 0.5em auto; display: block; }

.pricing-new-steps h3 { margin-top: 1em; }

}

/* SMALL-MEDIUM SCREENS (max-width 840px) */
@media (min-width: 721px) and (max-width: 840px) {

.landing-header-block .landing-header-static { display: none; }
.landing-header-block .bark-form-container { width: 80%; margin: 0 10%; padding-left: 0.9375rem; }
.top-sliders .slide .columns { display: none; }

.top-sliders .slide1 h5 { margin-top: 3.5em !important; }
.top-sliders .slide2 h5 { margin-top: 3em !important; }
.top-sliders .slide h5 { margin-top: 2.3em; margin-bottom: 0; }

.landing-header-block { height: 34em; }

.home-press { text-align: center; bottom: -5.5em; }
.home-press p { display: block; margin: 0 0 1em; }
.home-press img { margin: 0 0 0.5em; width: 9em; }
.home-press img.techcrunch { margin-left: 0; }

.home-endorsement { padding-top: 3.5em; }
.home-endorsement .endorsement-img-container { left: 0; right: 0; margin-left: auto; margin-right: auto; margin-top: 3em; }
.home-endorsement .endorsement-content { padding: 15em 0 2em; text-align: center; margin: 0; }

.basic-info-pic { width: 100%; }
.seller-profile-settings .basic-info-pic .completed-check { margin: 0; }
.basic-info-content { width: 100%; }
.seller-profile-settings .company-name, .seller-profile-settings .left-inputs, .seller-profile-settings .right-inputs { padding: 0; }

.profile-settings-completeness { display: none; }

.claim-profile-sidebar { width: 14em; margin-left:-3em; }


.claim-profile-header .money-back-guarantee { text-align: center; }
.claim-profile-header .money-back-guarantee img { display: block; margin: 0 auto; }

.claim-profile-header.upsell-container .detail-pricing-upsell .upsell-list-left { margin-left: 8.33333% !important; }
.claim-profile-header.upsell-container .detail-pricing-upsell .upsell-list-right { width: 50% !important; }

.about-page .team-default { width: 8em; height: 8em; padding: 2em; }
.about-page .team-default i { color: #666; font-size: 4em; }

.about-page img { width: 8em; height: 8em; }

#main { padding-bottom: 55em; }
footer { margin-top: -55em; height: 55em; }

.pro-center-top h1 { padding-top: 1em; }
.pro-center-box-top { height: 8em; padding: 2.5em 2em 0; }

.bark-better .icon-sprite { float: none; }
.bark-better h2 { padding: 0; margin-top: 1em; }
.bark-better p { padding: 0; margin-top: 0; }

.distance2 { display: none !important; }

.new-project-container .project-view-left button { margin: 2em auto; display: block; float: none !important; }
.new-project-container .project-view-left button.cancel-button { margin: 0 auto; }
.new-project-testemonial img { float: none; margin-bottom: 1em; }
.new-project-testemonial p { padding-left: 0; margin-left: 0; }

.directory-category-header .large-6 { width: 80%; margin-left: 10% !important; }

.claim-profile-header .dash-pricing h2 { font-size: 1.5em; }
.claim-profile-header .dash-pricing .pricing-price { font-size: 1.2em !important; }
.claim-profile-header .dash-pricing .pricing-price.pricing-price-discounted { font-size: 0.9em !important; }
.claim-profile-header .dash-pricing-bottom ul { list-style: none; margin: 0 1em; width: 7em; }
.claim-profile-header .dash-pricing-bottom .dash-button { display: inline-block; margin: 0 1em; }

.awards-rsvp-speakers .awards-speaker img { float: none; margin: 0 auto 0.5em; display: block; }
.awards-rsvp-speakers .awards-speaker h3, .awards-rsvp-speakers .awards-speaker h4, .awards-rsvp-speakers .awards-speaker p { padding: 0; text-align: center; }
.awards-rsvp-speakers .awards-speaker hr { margin: 0.5em auto; display: block; }

.pricing-new-steps h3 { padding-left: 1.3em; }
.pricing-new-steps p { padding-left: 2em; }
.pricing-new-store-card .pricing-new-card-sub { padding: 0 4em; }

.affiliate-container .signup-box { padding: 2em; }
.affiliate-container .signup-box hr { margin: 2em; }

}

/* SMALL-MEDIUM SCREENS (max-width 720px) */
@media (min-width: 641px) and (max-width: 720px) {


.landing-header-block .landing-header-static { display: none; }
.landing-header-block .bark-form-container { width: 80%; margin: 0 10%; padding-left: 0.9375rem; }
.top-sliders .slide .columns { display: none; }

.top-sliders .slide1 h5 { margin-top: 3.5em !important; }
.top-sliders .slide2 h5 { margin-top: 3em !important; }
.top-sliders .slide h5 { margin-top: 2.3em; margin-bottom: 0; }

.landing-header-block { height: 34em; }

.home-press { text-align: center; bottom: -5.5em; }
.home-press p { display: block; margin: 0 0 1em; }
.home-press img { margin: 0 0 0.5em; width: 9em; }
.home-press img.techcrunch { margin-left: 0; }

.home-endorsement { padding-top: 3.5em; }
.home-endorsement .endorsement-img-container { left: 0; right: 0; margin-left: auto; margin-right: auto; margin-top: 3em; }
.home-endorsement .endorsement-content { padding: 15em 0 2em; text-align: center; margin: 0; }

.complete-profile-container { text-align: center; }
.complete-profile-container span { margin-right: 0; }

#response-list img { display: none; }

.basic-info-pic { width: 100%; }
.seller-profile-settings .basic-info-pic .completed-check { margin: 0; }
.basic-info-content { width: 100%; }
.seller-profile-settings .company-name, .seller-profile-settings .left-inputs, .seller-profile-settings .right-inputs { padding: 0; }

.profile-settings-completeness { display: none; }

.claim-profile-header .pricing-container { width: 100%; }
.claim-profile-sidebar { width: 12em; margin-left:-3em; }

.claim-profile-header.upsell-container .detail-pricing-packages .upgrade-ambitions p { display: none; }

.claim-profile-header .money-back-guarantee { text-align: center; }
.claim-profile-header .money-back-guarantee img { display: block; margin: 0 auto; }

.claim-profile-header.upsell-container .detail-pricing-upsell .upsell-list-left { margin-left: 0% !important; }
.claim-profile-header.upsell-container .detail-pricing-upsell .upsell-list-right { width: 58.33333% !important; }

.about-page .team-default { width: 8em; height: 8em; padding: 2em; }
.about-page .team-default i { color: #666; font-size: 4em; }

.about-page img { width: 8em; height: 8em; }

footer .extra-info { width: 50%; margin-left: 25%; margin-right: 25%; text-align: center; }
footer #flag { margin-left: 0.75em; top: -4px; }
footer .medium-2 { width: 25%; }
#main { padding-bottom: 72em; }
.top-category-levels { height: 14em; }
footer { height: 72em; margin-top: -72em; }

.pro-center-top h1 { padding-top: 0.5em; }
.pro-center-box-top { height: 8em; padding: 2.5em 2em 0; }
.pro-center-box-top.contact .heading { padding-top: 0.25em; }

.how-it-works-block { padding: 6em 0 2em; }
.how-it-works-block .medium-4 { width: 90%; margin: 0 5% 4em; }

.customer-stories .story { width: 90%; margin: 0 5% 4em; }

.bark-better .icon-sprite { float: none; }
.bark-better h2 { padding: 0; margin-top: 1em; }
.bark-better p { padding: 0; margin-top: 0; }

.distance2 { display: none !important; }

.new-project-container .project-view-left button { margin: 2em auto; display: block; float: none !important; }
.new-project-container .project-view-left button.cancel-button { margin: 0 auto; }
.new-project-testemonial img { float: none; margin-bottom: 1em; }
.new-project-testemonial p { padding-left: 0; margin-left: 0; }

.detail-pricing-header .pricing-container { width: 80%; margin-left: 10%; }

.directory-category-header .large-6 { width: 90%; margin-left: 5% !important; }

.public-profile-container-left, .public-profile-container-right { width: 80%; margin-left: 10% !important; }

.claim-profile-header .skillpages-pricing-packages { width: 100%; margin-bottom: 2em; }
.claim-profile-header .detail-pricing-key .skillpages-pricing-key { width: 100%; margin-bottom: 2em; }

#directory-v1 { padding: 5em 0 6em; }

.project-view-pitch-hewer { text-align: center; }
.project-view-pitch-hewer img { margin-bottom: 1em; float: none; }
.project-view-pitch-hewer .project-view-hewer-quote { padding-left: 0; }

/* Fixes by math for iphone */
body.mobile.ios .container .seller-login-bk, body.mobile.ios .container .seller-login-bk .inner { height:153%; }
body.mobile.ios .container .seller-create-bk, body.mobile.ios .container .seller-create-bk .inner { height:186%; }

.awards-rsvp-speakers .awards-speaker img { float: none; margin: 0 auto 0.5em; display: block; }
.awards-rsvp-speakers .awards-speaker h3, .awards-rsvp-speakers .awards-speaker h4, .awards-rsvp-speakers .awards-speaker p { padding: 0; text-align: center; }
.awards-rsvp-speakers .awards-speaker hr { margin: 0.5em auto; display: block; }

.pricing-new-steps h3 { margin-top: 0; }
.pricing-new-store-card .pricing-new-card-sub { padding: 0 2em; }

.affiliate-container .signup-box { padding: 1em; }
.affiliate-container .signup-box hr { margin: 1em; }

.inline-bark-modal-contact-details-v1 { width: 45em !important; }

}

/* SMALL SCREENS (max-width 640px) */
@media (max-width: 640px) {

.claim-profile-sidebar-parent { position:relative; left:auto; margin-left:0; width:auto; margin-bottom:20px}
.claim-profile-sidebar { max-width:none; margin-right:0;}
.landing-header-block .landing-header-static { display: none; }
.landing-header-block .bark-form-container { width: 100%; padding-left: 0.9375rem; }
.top-sliders .slide .columns { display: none; }

.top-sliders .slide1 h5 { margin-top: 3.5em !important; }
.top-sliders .slide2 h5 { margin-top: 3em !important; }
.top-sliders .slide h5 { margin-top: 2.3em; margin-bottom: 0; }

.landing-header-block { height: 34em; }

.home-press { text-align: center; bottom: -5.5em;}
.home-press p { display: block; margin: 0 0 1em; }
.home-press img { margin: 0 0 0.5em; width: 9em; }
.home-press img.techcrunch { margin-left: 0; }

.home-endorsement { padding-top: 3.5em; }
.home-endorsement .endorsement-img-container { left: 0; right: 0; margin-left: auto; margin-right: auto; margin-top: 3em; }
.home-endorsement .endorsement-content { padding: 15em 0 2em; text-align: center; margin: 0; }

.buyer_nav { background-color:#FFF; }

#test-login-form { margin-top: 9em; }

.profile-settings-completeness { display: none; }

.complete-profile-pie-chart { text-align: center; }
.complete-profile-container { text-align: center; margin: 2em 0; }
.review-status-container { margin: 0; }
.complete-profile-container span { margin: 0 1.5em; }

.for-suppliers-container { margin: 0; margin-top: -1.5em; margin-bottom: -1em; position: fixed; right: 0; }
.for-suppliers:before { border-right: 3em solid #666; border-top: 5.8em solid transparent; content: ""; display: block; position: absolute; right: 100%; top: 0; }
.for-suppliers { background-color: #666; color: #FFFFFF; width: 5em; padding: 1.5em 0.5em; position: relative; line-height: 1.2em; font-size: 14px; height: 5.8em; display: block; text-align: center; text-decoration: underline; }

.dashboard-content .bark-form { margin: 0; }

.claim-profile-header.upsell-container .detail-pricing-packages .upgrade-ambitions p { display: none; }

.how-it-works-block, .customer-stories, .bark-better { text-align: center; }
.bark-better h2 { padding-left: 0; }
.bark-better .bark-better-icon { position: inherit; }
.bark-better p { margin-bottom: 1em; padding: 0; }

.bark-summary-2 .bark-summary-2-content { text-align: center; }
.bark-summary-2 .button { float: none; margin-top: 1.8em; }
.bark-summary-2 span { margin-top: 0.8em; }

#success-stories .left { padding-right: 0.9375rem; }
#success-stories .right { padding-left: 0.9375rem; }

.seller-dashboard-bark { text-align: center; }
.seller-dashboard-bark .button { float: none; }

.seller-profile-settings .left-inputs { padding: 0; }
.seller-profile-settings .right-inputs { padding: 0; }

.seller-profile-settings .public-share-url { padding-right: 0; }

.seller-dashboard-bark-closed { float: none !important; }

.top-bar-section .buyer_nav li a.free { border-radius: 0; text-align: center; }
.buyer_nav .home-nav { display: none; }
.buyer_nav .has-dropdown { text-align: center; top: 1em; padding-bottom: 1em; }
.buyer_nav li a .fa-caret-down { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); margin: 2px 0 0 8px; }
.buyer-custom-messenger-header .top-bar-section li.has-dropdown a .fa-caret-down { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
.buyer_nav li .dropdown, .buyer-custom-messenger-header .top-bar-section li.has-dropdown ul.dropdown { border: 0; padding-bottom: 3em; }
.buyer_nav li .dropdown .parent-link .fa-caret-down, .buyer-custom-messenger-header .top-bar-section li.has-dropdown ul.dropdown .parent-link .fa-caret-down { display: none; }
.buyer_nav li .dropdown .parent-link .js-generated, .buyer-custom-messenger-header .top-bar-section li.has-dropdown ul.dropdown .parent-link .js-generated { font-weight: 700; font-size: 1.1em !important; }
.buyer-custom-messenger-header .top-bar-section li.has-dropdown ul.dropdown { text-align: center; }

#seller-notifications, #buyer-notifications { width: 100%; border: 0; }
#seller-notifications li, #buyer-notifications li { width: 100%; }
#seller-notifications i, #buyer-notifications i, #seller-notifications b, #buyer-notifications b { display: none; color:#c0cec9; }


.seller-notification i.bark-icon-bell { padding-top:0.5em; color:#c0cec9 !important; }

#main { padding-bottom: 84em; }
.top-category-levels { height: 20em; }
footer { height: 84em; margin-top: -84em; }
footer .extra-info { margin-bottom: 1em; }
footer .columns { text-align: center; }
footer #flag { margin-left: 0.75em; top: -4px; }
footer .trustpilot-widget { max-width: 250px; margin: 0 auto; }

.customer-stories p { padding: 0; }

.seller-profile-settings .company-name { padding: 0; }
.basic-info-pic { width: 100%; }
.seller-profile-settings .basic-info-pic .completed-check { margin: 0; }

.bark-closed { display: inline-block; float: none; }

.reveal-modal.small-10.small-offset-1.columns { max-width: none; width: 83.33333%; }

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-size: 1em; }

#uploadFileBarkModal img { width: 6em; float: left; margin: 1em 0 0.5em; }
#uploadFileBarkModal .file-upload-container { width: 6em; height: 6em; padding: 2em 0; margin: 1em 0 0.5em; float: left; }

.about-page .team-left { padding: 0; }
.about-page .team-right { padding: 0; }

.bark-summary-3 .bark-summary-header { text-align: center; margin-bottom: 2em; }
.bark-summary-3 .bark-summary-header .align-right { text-align: center !important; }

.bark-summary-3 .bark-summary-timeline .center { margin-bottom: 1em; }
.bark-summary-3 .bark-summary-timeline .status-line { display: none !important; }

.mobile-number-prompt.row button { margin-top: 0.5em; }

.claim-profile-sidebar-parent { height: auto; }
.claim-profile-sidebar { margin-left: 0; width: auto; position: static !important; }

#basicPlanModal, #changeCard, #downgradeDeleteModal, #confirmationUpgrade, #confirmationDowngrade, #changeCardConfirm { margin-left: -15.5em !important; margin-top: 5em; }
#changeCard, #downgradeDeleteModal, #confirmationUpgrade, #confirmationDowngrade, #changeCardConfirm { height: 40em; }
#basicPlanModal .image-bk, #changeCard .image-bk, #downgradeDeleteModal .image-bk, #confirmationUpgrade .image-bk, #confirmationDowngrade .image-bk, #changeCardConfirm .image-bk { left: 6em; }
#basicPlanModal img.logo-circle, #changeCard img.logo-circle, #downgradeDeleteModal img.logo-circle, #confirmationUpgrade img.logo-circle, #confirmationDowngrade img.logo-circle, #changeCardConfirm img.logo-circle { left: 11em; }

#skillPagesWelcome { width: 30em; margin-left: -15em !important; left: 50%; }
.default-modal { width: 30em !important; margin-left: -15em !important; left: 50%; }

.default-table .download-invoice i { margin-right: 0; }

.top-bar .title-area a img.bark-pro-img { margin-top: 0; }
.top-bar .title-area a span.bark-pro-text { display: none; }

.detail-pricing-key .detail-pricing-point { text-align: center; }
.detail-pricing-key .detail-pricing-point img { float: none; margin: 0 0 1em; }

.claim-profile-header.upsell-container .detail-pricing-key .detail-pricing-point p { padding: 0; }
.claim-profile-header.upsell-container .detail-pricing-key .detail-pricing-point.pricing-point-left p { padding: 0; }

.claim-profile-header .claim-profile-no-padding { padding: 0 1em; }
.claim-profile-body { padding: 0 1em; }
.claim-profile-learn-more .columns { padding: 0 1em; margin: 1em 0; }

.claim-profile-header .money-back-guarantee { text-align: center; }
.claim-profile-header .money-back-guarantee img { display: block; margin: 0 auto; }

.pro-center .pro-center-secondary.left-section { padding-left: 0; padding-right: 0; }
.pro-center .pro-center-secondary.right-section { padding-right: 0; padding-left: 0; }

.about-page .team-default { margin: 1em auto 0; }
.about-page h4.team-name { text-align: center; }

.about-page img { display: block; margin: 1em auto; }

.breadcrumbs-container { top: 82px; }

.about-page .about-map-container { margin: 2em 0 4em; }
.about-header h1 i { margin: 0 0.5em 0 0; }

.login-container { border-radius: 0; }
.seller-create-bk { height: 120%; }

#tips-to-get-hired { text-align: center; padding: 4em 0 0; }
#tips-to-get-hired .tips-content i { float: none; display: inline-block; margin: 0 1em 0 -1.5em; }
#tips-to-get-hired .tips-content h3 { display: inline-block; padding: 0; }
#tips-to-get-hired .icon-contact { background-position: -318px -730px; }
#tips-to-get-hired .tips-content .columns { margin-bottom: 2em; }
#tips-to-get-hired p { padding: 0; }

#seller-how-works { text-align: center; }

#success-stories { padding: 4em 0 0; text-align: center; }
#success-stories p.attribution { margin-bottom: 4em; }

.pro-center-main { text-align: center; }
.pro-center-main a { margin-bottom: 2em; }
.pro-center-top h1 { padding: 0; }
.pro-center-quote { text-align: center; }
.pro-center-quote .hewer-img { float: none; margin: 0 auto 1em; }

.team-page { text-align: center; }
.team-page img.founders { margin-top: 2em; }
.team-page hr { margin: 1em auto; }
.team-page .team-name-container { margin: -2px auto 0; }

.how-it-works-block { padding: 6em 0 2em; }
.how-it-works-block .medium-4 { margin-bottom: 4em; }

.customer-stories { padding: 6em 0 4em; }
.customer-stories .story { margin-bottom: 4em; }

.bark-better .header-desc { margin-bottom: 2em; }
.bark-better .icon-sprite { float: none; margin: 2em auto 0; }
.bark-better h2 { padding: 0; margin-top: 1em; }
.bark-better p { padding: 0; margin-top: 0; }

.project-view-left { border-radius: 0; }
.new-project-right { border-radius: 0; margin: 0 !important; padding: 2em; }

.detail-pricing-key { padding-bottom: 4em; }
.detail-pricing-key .project-view-left { margin-bottom: 4em; }

.directory-category-header .bark-form label { margin-top: 1em; }

.temp-popular-placeholder { margin: 0 0 2em; max-width: 20em; }
.directory-popular-services h1 { text-align: left; }

.seller-profile-element .twitter-feed { margin: 1em 0; }
.facebook-posts { padding: 1em 0; }
.buyer-notification span, .seller-notification span { position:absolute; background: #f07f4a; border-radius: 1em; padding:0.3em 0.5em; font-weight:bold; color:#FFF; font-size:0.8em; margin:-0.5em auto auto -1em; line-height:1; right: auto; top: 16px;}

#seller-notifications li, #buyer-notifications li { border:0 !important;}

.claim-profile-success #seller-how-works i { float: none; margin: 1em auto; }
.claim-profile-success #seller-how-works h2 { padding: 0; text-align: center; }
.claim-profile-success #seller-how-works h3 { padding-left: 0; }
.claim-profile-success #seller-how-works p { padding-left: 0; }

.contain-to-grid i.bark-icon-logo { margin-left: 0.5em; }
#header .default-top-head { padding: 0 !important; }
.buyer_nav .has-dropdown:last-child { border-bottom: 1px solid #475055; background-color: #3a4449; }
.top-bar .toggle-topbar.menu-icon { margin-top: -11px; }
#seller-options-dropdown, #buyer-options-dropdown { border-radius: 0; width: 100%; top: 1em; padding: 1em 0 1.5em; }
.buyer_nav li a span, .buyer_nav li a i { color: #fff; }

#removeServiceAreas { float: none; display: block; }

#buyer-options-dropdown { border-radius: 0; }
li.has-dropdown a.buyer-notification { padding: 1em 0 0 !important; }
#seller-notifications, #buyer-notifications { top: 20px !important; border-radius: 0; border-bottom: 1px solid #84a0b3; padding-bottom: 2em; }
.contain-to-grid.transparent #buyer-options-dropdown, .contain-to-grid.transparent #seller-options-dropdown { border-radius: 0; margin: 0; top: 16px; border: 0; }
.contain-to-grid.transparent li.has-dropdown a.seller-notification { padding: 10px 0; }

#skillpagesRedirectModal .padding-left { padding: 0; }
#skillpagesRedirectModal .padding-right { padding: 0; }

div.sharing.sharing-dashboard { float: none; }
div.sharing.sharing-dashboard .buyer_share { float: none; margin: 0.5em 0; }

#postBarkWelcomeContainer { height: 45em; }

#forgotPasswordModal form button { float: none; width: 100%; }
#forgotPasswordModal form button.cancel-button { float: none; margin: 0.5em 0; width: 100%; }

.project-view-pitch-container { padding: 1.875rem 0.9375rem 0; }
.project-view-selection .project-not-interested { margin: 0; }

#directory-v1 { padding: 5em 0 10em; }

.project-view-pitch-hewer { text-align: center; }
.project-view-pitch-hewer img { margin-bottom: 1em; float: none; }
.project-view-pitch-hewer .project-view-hewer-quote { padding-left: 0; }

.suggested-category .suggested-category-container ul li { width: 100%; }

.awards-rsvp-confirm .awards-rsvp-schedule { text-align: center; margin-bottom: 2em; }
.awards-rsvp-confirm .awards-rsvp-schedule hr { margin: 1.25rem auto; }

.pricing-new-steps { text-align: center; }
.pricing-new-steps h3 { padding: 0; }
.pricing-new-steps p { padding: 0; margin-bottom: 2em; }
.pricing-new-store-card .pricing-new-card-sub { padding: 0 1em; }

.credit-upsell img { display: none; }

.affiliate-container .affiliate-explanation-box { padding-right: 0; }

.inline-bark-modal-contact-details-v1 .inline-bark-modal-success-heading { padding: 2em; }
.inline-bark-modal-contact-details-v1 .inline-bark-modal-success-content .contact-details-left-container, .inline-bark-modal-contact-details-v1 .inline-bark-modal-success-content .contact-details-right-container { padding: 0; }

}

/* XTRA SMALL SCREENS (max-width 480px) */
@media (max-width: 480px) {

.claim-profile-sidebar-parent {position:relative; height: auto;}

#seller-notifications li, #buyer-notifications li { border:0 !important;}
.buyer-notification span, .seller-notification span { position:absolute; background: #f07f4a; border-radius: 1em; padding:0.3em 0.5em; font-weight:bold; color:#FFF; font-size:0.8em; margin:-0.5em auto auto -1em;  line-height:1; }

.landing-header-block .landing-header-static { display: none; }
.landing-header-block .bark-form-container { width: 100%; padding-left: 0.9375rem; }
.top-sliders .slide .columns { display: none; }

.top-sliders .slide { height: 52em; }

.top-sliders .slide1 h5 { margin-top: 3.5em !important; }
.top-sliders .slide2 h5 { margin-top: 3em !important; }
.top-sliders .slide h5 { margin-top: 2.3em; margin-bottom: 0; }

.landing-header-block { height: 40em; }

.home-press { text-align: center; bottom: -6em;}

.home-endorsement { padding-top: 3.5em; }
.home-endorsement .endorsement-img-container { left: 0; right: 0; margin-left: auto; margin-right: auto; margin-top: 3em; }
.home-endorsement .endorsement-content { padding: 15em 0 2em; text-align: center; margin: 0; }

.seller-how-works-bk { height: 30em; }

.seller-profile-header-padding-breadcrumb { height: 7em; }

#uploadFileBarkModal .modal-progress-wrapper { width: 80%; }

#basicPlanModal, #changeCard, #downgradeDeleteModal, #confirmationUpgrade, #confirmationDowngrade, #changeCardConfirm { margin-left: 0 !important; }
#basicPlanModal img.logo-circle, #changeCard img.logo-circle, #downgradeDeleteModal img.logo-circle, #confirmationUpgrade img.logo-circle, #confirmationDowngrade img.logo-circle, #changeCardConfirm img.logo-circle { left: 38%; }

#main { padding-bottom: 100em; }
.top-category-levels { height: 20em; }
footer { height: 100em; margin-top: -100em; }
footer .extra-info { margin-bottom: 1em; }
footer .columns { text-align: center; }

#basicPlanModal { height: 50em; }

#seller-how-works, #success-stories { text-align: center; }

#success-stories .seller-success-name { margin: 0 0 2em; }

#skillPagesWelcome { width: 96%; margin-left: auto !important; left: 2%; height: auto; }
#skillPagesWelcome p.center { position: static; }

.default-modal { width: 96% !important; margin-left: auto !important; left: 2%; }

.claim-profile-header .money-back-guarantee { text-align: center; }
.claim-profile-header .money-back-guarantee img { display: block; margin: 0 auto; }

.bark-thanks-bk { height: 32em; }

.pro-center-box-top { height: 8em; padding: 2.5em 2em 0; }

.new-project-container .project-view-left button { margin: 2em auto; display: block; float: none !important; }
.new-project-container .project-view-left button.cancel-button { margin: 0 auto; }
.new-project-testemonial img { float: none; margin-bottom: 1em; }
.new-project-testemonial p { padding-left: 0; margin-left: 0; }

.awards-rsvp-cover { padding: 7em 0 4em; }
.awards-rsvp-cover img { display: none; }
.awards-rsvp-cover .awards-year i { display: none; }
.awards-rsvp-countdown { display: none; }
.awards-rsvp-awards .awards-award h2 img { display: none; }

.inline-bark-modal { top: 25px !important; }

/* Fixes by math for iphone */
body.mobile.ios .container .seller-login-bk, body.mobile.ios .container .seller-login-bk .inner {  height:102%;  }
body.mobile.ios .container .seller-create-bk, body.mobile.ios .container .seller-create-bk .inner { height:178%; }

}