html,body,#header { min-width: 320px; }

.row-page h1,
.row-page h2 { color: #133C60; font-size: 1.7em; margin-top: 2rem; margin-bottom: 1rem; }
.row-page p,
.row-page li { color: #75868E; }
.row-page a { color: #3EAEFC; text-decoration: underline; }
.row-page em { font-weight: bolder; padding-right: 0.25rem; padding-left: 0.25rem; }
.row-page ul,
.row-page ol { margin-left: 2.8rem; }
.row-page li { padding-left: 1.4rem; }
.row-page blockquote { background: #F2FAFC; border: 1px solid #DCE5EA; border-radius: 3px; color: #667F7F;
    font-style: italic; padding: 1rem 2rem; }
.row-page blockquote cite { color: #667F7F; font-weight: bolder; }
.row-page blockquote kbd { border-color: #DCE5EA; color: #667F7F; }
.row-page > .columns > *:last-child { margin-bottom: 2rem; }

.row-page.row-inverse { background-color: #F8F8F8; }
.pswp__caption .pswp__caption__center { text-align: center; }

.lead { font-size: 125%; line-height: 1.6; }
.no-text-transform {text-transform: none;}
.bg-inverse { background-color: #F8F8F8; }
.no-radius { border-radius: 0 !important;}
.radius-all { border-radius: 3px !important; }
.panel.panel-heading { background-color: #FFFFFF; border: 1px solid #D2D9DF; border-radius: 3px; margin-top: 2rem;
    padding: 0; }
.panel.panel-heading .panel-heading,
.panel.panel-heading .panel-body {  padding: 0.5rem 1rem; }
.panel.panel-heading .panel-heading { border-bottom: 1px solid #D2D9DF; }
.panel.panel-heading .panel-body { padding-right: 1.5rem; padding-left: 1.5rem; }
.panel.panel-heading .panel-body > *:last-child { margin-bottom: 0; }
.panel.panel-heading .panel-heading h1,
.panel.panel-heading .panel-heading h2 { font-size: 1.4em; margin-top: 0; margin-bottom: 0; padding: 0.25rem; }

.accordion .accordion-title,
.accordion .accordion-title:hover,
.accordion .accordion-item.active .accordion-title { background-color: #4F5F6F; }
.accordion .accordion-title { color: #FFFFFF; font-weight: bolder; text-decoration: none; }
.accordion .accordion-item .accordion-title { border-bottom: 1px solid #606E7C; padding: 0.5rem 1rem;
    transition: all 0.2s; }
.accordion .accordion-item:first-of-type .accordion-title { border-top-right-radius: 4px; border-top-left-radius: 4px; }
.accordion .accordion-item:last-of-type .accordion-title { border-bottom: none; border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px }
.accordion .accordion-item.active .accordion-title { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.accordion .accordion-item .accordion-title:after { content: '\f196'; font-family: FontAwesome; font-size: 1.4em;
    font-style: normal; font-weight: normal; line-height: 1; margin-top: 0.2rem; position: absolute; right: 2rem; }
.accordion .accordion-item.active .accordion-title:after { content: '\f147'; }
.accordion .accordion-content,
.accordion dd > a { font-family: 'Lato', sans-serif; }
.accordion dd > .content { display: block; height: 0; overflow: hidden; padding-top: 0; padding-bottom: 0;
    transition: all 0.2s; }
.accordion .accordion-content.active,
.accordion dd > .content.active { height: auto; padding-top: 0.9375rem; padding-bottom: 0.9375rem; border-right: 1px solid #D2D9DF; border-left: 1px solid #D2D9DF; }

.badge-accordion .accordion-item:first-of-type .accordion-title { border-radius: 0; }
.badge-accordion-title { background-color: #fff; border: 1px solid #D2D9DF; border-bottom: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; font-size: 1.2em; padding: 0.5em 1em; color: #4F5F6F; font-weight: 700; }

.required-key { color: red; float: right; font-size: 1em; margin: 0; }
.required { color:red; }
.uppercase { text-transform: uppercase; }
.top-bar:not(.dont-hide) .menu-icon { display:none; }

.ml-20 {
    margin-left: 20px;
}
.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select: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; }*/
/* top bar visibility */
.top-bar { display:block; }
.bt0 { border-top: 0px !important;}
.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; }

.procenter-nav { float: left; position: absolute; margin-left: 41%; margin-top: 6px; }
.procenter-nav .pro-center-menu-icon { height: 25px; width: 107px; }
.procenter-nav-2 .pro-center-menu-icon { height: 25px; width: 107px; }

.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 { 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; }
.new-project-container h4 { font-size: 1.4em; color: #133c60; margin: -2em 5em 6em; }

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;display: block;margin: 0.5em 0 0;}
.new-error span.no-margin { margin: 0; }
.project-view-left .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;
}

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; transition: background-color 0.2s;
    -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
}
button:disabled, input[type='button']:disabled, .button:disabled { background-color: #DDD; }

/* TODO: Remove `!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; }

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

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

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

#main { overflow: auto; padding-bottom: 46em; overflow-x: hidden; }
#main.main-container-no-dir { padding-bottom: 27em; }

.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; }

span.new-error {color: #ce4826; display: block; margin: 0.5em 0 0;}

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; }
button.button-primary.no-box-shadow {box-shadow: none !important;}
button.button-primary.mr5px {margin-right: 5px;}
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;}
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 {background: #72bcff !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-primary-white, a.button-primary-white, a.button-success-white, input.button-primary-white, input.button-success-white { font-weight: bold; font-size: 1.1em; font-family: "Lato", sans-serif; text-align: center; display: inline-block; padding:0.75em 1.5em; background: #fff; color: #48a7fe; width: 100%; border: 1px solid #48a7fe; text-transform: uppercase; !important; border-radius: 3px; !important; margin: 0.5em 0 0; !important; }
body button.button-primary-white:active, body button.button-primary-white:focus, body button.button-primary-white:hover, body a.button-primary-white:hover, body a.button-success-white:hover, body input.button-primary-white:hover {color: #fff; border: 1px solid #48a7fe; background: #48a7fe}

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; }

.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;}
.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; 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 div.h1 { line-height: 1.4; 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 .inline-bark-close-title { font-size: 1.8em; padding: 1.5em 1em 0.5em; line-height: 1.4; }
.default-modal .bark-modal-confirm-title { font-size: 1.8em; padding: 1.5em 1em 0.5em; line-height: 1.4; }
.default-modal .bark-modal-confirm-title p { margin: 1.25em 0; }
.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 label.default-input-label { font-size: 1.1em; }
.default-modal .default-modal-content label.default-input-label input { margin-right: 1em; }
.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 .button-primary.blue { background: #48a7fe; 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 .default-modal-content .inline-bark-close-message { font-size: 1.4em; padding: 0; color: #1e2b39; opacity: .75; margin-bottom: 1.5em; }
.default-modal input { border-radius: 4px; }
.default-modal textarea { border-radius: 4px; resize: vertical; }
.default-modal label { cursor: default; }
.default-modal img { height: 8em; border-radius: 4px; margin: 0 0 1em; }
.default-modal i.fa-check-circle { font-size: 12em; color: #48cb76; }
.default-modal .button-cancel { position: static !important; margin: 0 1em; }
.default-modal button.webcam-upload-button[disabled] { background-color: #54d1a3 !important; opacity: 0.5 !important; }
.bark-auto-moderate-popup h1 { font-size: 1.8em; padding: 1.5em 1em 0.5em; }
.bark-auto-moderate-popup p { font-size: 1.3em; color: #1e2b39; opacity: .75; margin-bottom: 1.5em; padding: 1em 1em; margin: 0; }
.bark-auto-moderate-popup p a { color: #55b8fc; text-decoration: underline; }
.bark-auto-moderate-popup button { margin: 1em 0 2em !important; font-size: 1.1em; }
.dash-button.newblue { color:#FFF; background-color: #2D7AF1; }

.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; }
.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; }

.gold-pro-modal .top-bar { width:100%; height: 0.5em; background: -webkit-linear-gradient(left, #f5cd53, #deb22c); background: -o-linear-gradient(top, #f5cd53, #deb22c); background: -moz-linear-gradient(left, #f5cd53, #deb22c); background: linear-gradient(left, #f5cd53, #deb22c); background-color: #f5cd53; }
.gold-pro-modal h4 { font-size: 1.8em; color: #133c60; margin: 1em 0 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 */

.fullwidth-header { position: fixed; top: 0; width: 100%; padding: 1.9em; box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15); z-index: 1000; background-color: #fff; }
.fullwidth-header i { font-size: 2em; color: #133c60; }

.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 li.newlogo { margin-top: 4px;}
.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; }

.not-logged-in .top-bar { background: rgba(0,0,0,0); overflow: visible; }
.not-logged-in .top-bar-section > ul { margin-right: 1em; }
.not-logged-in .top-bar-section ul { width: auto; height: auto !important; display: inline; }
.not-logged-in .top-bar-section ul li { float: left; }
.not-logged-in .top-bar .title-area { line-height: 2.5em; float: left; }

.not-logged-in .not-transparent .top-bar-section ul li > a.login-border { color: #396387 !important; border: 2px solid #cfd4de!important; }

.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; }

.home .top-bar-section li.header-seller-signup,
.not-home .top-bar-section li.header-seller-signup { margin-right: 0.5em; }
.home .top-bar-section li.header-seller-signup a:not(.button).login-border, .not-home .top-bar-section li.header-seller-signup a:not(.button).login-border { border: 2px solid #48a7fe !important; text-transform: uppercase; color: #fff !important; background-color: #48a7fe !important; padding: 0.85em 1em !important; }
.home .top-bar-section li.header-seller-signup a:not(.button).login-border:hover, .not-home .top-bar-section li.header-seller-signup a:not(.button).login-border:hover { background-color: #72bcff !important; border: 2px solid #72bcff !important; }

.business #header .login-border {font-family: 'Lato', sans-serif; color: #fff ; font-weight: 700; border-radius: 2px; padding: 0.85em 1.5em ; line-height: 1; font-size: 0.75em; margin-top: 1em; background: transparent ;}
.business #header .login-border.login-signup {border: 2px solid transparent; text-transform: uppercase; background-color: #48a7fe; padding: 0.85em 1em;}
.business #header .login-border.login-login {border: 2px solid #CCC; text-transform: uppercase; padding: 0.85em 1em; color: #CCC;}
.business #header .login-border.login-signup:hover {background-color: #72bcff;}
.business #header .login-border.login-login:hover {background: #FFF; color: #3eaefc;}
.business #header .header-seller-signup {margin-right: 0.5em;}

.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; }
.no-longer-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; right: 0; 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; }
#seller-options-dropdown.agency-menu { padding: 0; }
#seller-options-dropdown.agency-menu li:last-child a { border: none; margin: 0; }
#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%; }

.countryselect { background-color: #f4f7f9; padding: 6em 0; }
.countryselect .countryselect-container { width: 32em; background-color: #fff; margin: 0 auto; border: 1px solid #dbdbdb; border-radius: 4px; padding: 2em; }
.countryselect .countryselect-container img.world-map { width: 200px; height: 100px; opacity: 0.5; }
.countryselect .countryselect-container h2 { margin: 0.5em 0 1em; font-size: 1.6em; color: #133c60; font-weight: 700; }
.countryselect .countryselect-container .flags a { display: inline-block; text-decoration: none; }
.countryselect .countryselect-container .flags a img { opacity: 1; top: -2px; border-radius: 10px; }
.countryselect .countryselect-container .flags a span { font-size: 1.1em; text-decoration: underline; color: #3eaefc; font-weight: 700; display: inline-block; margin: 0 0 0 0.25em; }
.countryselect .countryselect-container .flags { margin-bottom: 10px}
.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.no-directory-footer { height: 27em; margin-top: -27em; }
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; min-height: 10em; padding: 2.5em 0 1.5em; }
.top-category-levels h3 { color:#133c60; font-weight:700; font-size:0.9em; margin: 0 0 2em; text-transform:uppercase; }
.top-category-levels a { margin: 0 0 1.5em; }
.top-category-levels a i { font-size:1em; margin-right:0.5em; color:#133c60; }
.top-category-levels a:hover, .top-category-levels 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: 0; padding: 1em 0 2em; background-color: #f4f5f5; }
.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; }
.no-margin-top { margin-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("https://d1w7gvu0kpf6fl.cloudfront.net/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("https://d1w7gvu0kpf6fl.cloudfront.net/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("https://d1w7gvu0kpf6fl.cloudfront.net/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('https://d1w7gvu0kpf6fl.cloudfront.net/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('https://d1w7gvu0kpf6fl.cloudfront.net/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('https://d1w7gvu0kpf6fl.cloudfront.net/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("https://d1w7gvu0kpf6fl.cloudfront.net/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; }


.gold-club-cover { background-image: url("https://d1w7gvu0kpf6fl.cloudfront.net/img/elite-pro-header-bg2.jpg"); background-size: 57% auto; background-repeat: no-repeat; background-position: center right; width: 100%; padding: 0em; position: relative; height: 38em; background-color: #fff;}
.gold-club-cover .row {  padding-left: 0; padding-right: 0; }
.gold-club-cover h1 { text-align: left; font-size: 2.4em; font-weight: 700; color: #293b47; margin: 0; }
.gold-club-cover h3 { text-align: left; font-size: 1.5em; margin-top: .8em; color: #5f7388; }
.gold-club-cover h3 span { color: #e4af0f; font-weight: 700; font-style: italic;}
.gold-club-cover .gold-club-cover-cta { position: absolute; bottom: -1em; border-radius: 3px; display: inline-block; background-color: yellow; left: 0; right: 0; width: 13em; margin: 0 auto; text-align: center; padding: 0.6em 0; color: #fff; font-weight: 700; font-size: 1.4em; text-transform: uppercase; background: -webkit-linear-gradient(top, #f5cd53, #deb22c); background: -o-linear-gradient(top, #f5cd53, #deb22c); background: -moz-linear-gradient(top, #f5cd53, #deb22c); background: linear-gradient(top, #f5cd53, #deb22c); background-color: #f5cd53; }
.gold-club-cover .gold-club-cover-cta:hover { background: #f5cd53; }


.gold-club-cover .gold-club-cover-split { position: relative; background: #fff; color: #293b47; text-align: left; height: 38em; padding: 8em 5em 6em 1em; width: 35%; }
.gold-club-cover .gold-club-cover-split:after { content:""; position:absolute; top:0; right:-6em; width: 0; height: 0; border-top: 38em solid white; border-right: 6em solid transparent;  }
.gold-club-cover .gold-club-elite-cta { border-radius: 3px; display: inline-block; background-color: yellow; left: 0; right: 0; margin: 0 auto; text-align: center; padding: 0.6em 1em; color: #fff; font-weight: 700; font-size: 1.4em; background: -webkit-linear-gradient(top, #f5cd53, #deb22c); background: -o-linear-gradient(top, #f5cd53, #deb22c); background: -moz-linear-gradient(top, #f5cd53, #deb22c); background: linear-gradient(top, #f5cd53, #deb22c); background-color: #f5cd53; margin-top: 1em; }
.gold-club-cover .gold-club-elite-cta .fa { color: #000; opacity: .15; font-size: .8em; padding-right: .3em;  }
.gold-club-cover .gold-club-elite-cta:hover { background: #f5cd53; }
.online-activation { color: #133c60; opacity: .5; padding: .4em .1em; }
.elite-pro-offer-banner { height: 11em; position: absolute; right: 0; top: 8.2em; background-color: #6699ff; padding: 1.5em 2.2em; width: 21em; }
.elite-pro-offer-banner:before { content:""; position:absolute; top:0; left:-2em; width: 0; height: 0; border-bottom: 11em solid #6699ff; border-left: 2em solid transparent;  }
.elite-pro-offer-banner h2 {  color: #fff; font-weight: 700; margin: 0; line-height: 1; }
.elite-pro-offer-banner p.elite-offer-p { color: #293b47; margin: .2em 0 0; font-weight: 700; font-size: 1.3rem; }
.elite-pro-offer-banner p.elite-offer-terms { color: #293b47; font-weight: 500; font-size: .9rem; clear: left; margin: 0 0; line-height: 1.3; }
.elite-pro-offer-banner-mobile { display: none; }
.elite-pro-offer-banner-mob { display: none; }


.gold-club-benefits { padding: 6em 0; text-align: center; background-color: #edf0f2; }
.gold-club-benefits img { width: 50px; margin: 0 0 1em; }
.gold-club-benefits h3 { font-size: 1.4em; margin: 0 0 0.5em; font-weight: 700; color: #133c60; padding: 0 1.5em; }
.gold-club-benefits.elite-pro-2 h3 { min-height: 50px; }
.gold-club-benefits p { font-size: 1.1em; color: #5f7388; margin: 0; padding: 0 0.5em; }

@media (max-width: 1024px) {

    .gold-club-benefits.elite-pro-2 h3 { min-height: 81px; }

    .display-flex.end-at-1024-inline { display: inline; }
    .display-flex.end-at-1024-inline-block { display: inline-block; }
    .display-flex.end-at-1024-block { display: block; }

}

@media (max-width: 721px) {

    .gold-club-benefits.elite-pro-2 h3 { min-height: unset; }

}

.gold-club-comparison { background-color: #f4f7f9; padding: 6em 0; }
.gold-club-comparison h1 { color: #133c60; font-size: 1.7em; margin: 0 0 1em; font-weight: 700; }
.gold-club-comparison h2 { color: #133c60; font-size: 1.4em; margin: 0 0 3em; }
.gold-club-comparison table { border: 1px solid #dde0e5; border-radius: 3px; padding: 1em; }
.gold-club-comparison table th, .gold-club-comparison table td { background-color: #fff; text-align: center; padding: 0.5em 1em; }
.gold-club-comparison table th { font-size: 1.1em; color: #5f7388; font-weight: 500; padding: 0.5em 1em 1em; }
.gold-club-comparison table .gold-comparison-width-fix { width: 60%; }
.gold-club-comparison table .gold-comparison-head { color: #e4af0f; font-weight: 700; }
.gold-club-comparison table .align-left { text-align: left; color: #133c60; font-size: 1.1em; }
.gold-club-comparison table td i { color: #59d0a4; }

.gold-club-feature-details { padding: 6em 0; background-color: #fff; }
.gold-club-feature-details h2 { color: #133c60; font-size: 1.6em; margin: 0 0 4em; font-weight: 700; }
.gold-club-feature-details img { width: 286px; margin: 0 0 3em; }
.gold-club-feature-details h4 { margin: 0 0 0.5em; font-weight: 700; color: #133c60; font-size: 1.4em; }
.gold-club-feature-details ul { margin-bottom: 4em; }
.gold-club-feature-details ul li { font-size: 1.1em; color: #5f7388; }
.gold-club-feature-details .elite-detail-icon { width: 63px; margin: 3em 0 1em; }

.gold-club-pricing { background-color: #f4f7f9; padding: 6em 0; }
.gold-club-pricing h1 { color: #133c60; font-size: 1.7em; margin: 0 0 1em; font-weight: 700; }
.gold-club-pricing h2 { color: #133c60; font-size: 1.6em; margin: 0 0 3em; }
.gold-club-pricing .gold-pricing-option { width: 20em; background-color: #fff; margin: 0 1em 0 auto; text-align: center; padding: 1em; border-radius: 6px; border: 3px solid #e4af0f; position: relative; }
.gold-club-pricing .pricing-option-annual { margin: 0 auto 0 1em; border: 3px solid #dde0e5; }
.gold-club-pricing .pricing-option-annual.margin-auto { margin: 0 auto; }
.gold-club-pricing .gold-pricing-option img { position: absolute; width: 80px; top: -30px; right: -30px; }
.gold-club-pricing .gold-pricing-option h4 { text-transform: uppercase; font-size: 1.4em; color: #133c60; margin: 0 0 1em; font-weight: 700; }
.gold-club-pricing .gold-pricing-option .gold-pricing-option-symbol { font-size: 1.2em; color: #133c60; display: inline-block; font-weight: 700; }
.gold-club-pricing .gold-pricing-option .gold-pricing-option-price { font-size: 2.5em; font-weight: 700; color: #133c60; }
.gold-club-pricing .gold-pricing-option .pricing-symbol-top { vertical-align: top; margin: -0.25em 0.4em 0 0; }
.gold-club-pricing .gold-pricing-option .pricing-symbol-bottom { vertical-align: text-bottom; margin: 0 0 0 0.4em; }
.gold-club-pricing .gold-pricing-option p { margin: 0.5em 0 1.5em; font-size: 1.2em; color: #5f7388; }
.gold-club-pricing .gold-club-pricing-cta { position: absolute; bottom: -1em; border-radius: 3px; display: inline-block; left: 0; right: 0; width: 10em; margin: 0 auto; text-align: center; padding: 0.5em 0; color: #fff; font-weight: 700; font-size: 1.2em; text-transform: uppercase;  background: -webkit-linear-gradient(top, #f5cd53, #deb22c); background: -o-linear-gradient(top, #f5cd53, #deb22c); background: -moz-linear-gradient(top, #f5cd53, #deb22c); background: linear-gradient(top, #f5cd53, #deb22c); background-color: #f5cd53; }
.gold-club-pricing .gold-club-pricing-cta:hover { background-color: #77c6fd; }
.gold-club-pricing .pricing-option-annual .gold-club-pricing-cta { background: -webkit-linear-gradient(top, #f5cd53, #deb22c); background: -o-linear-gradient(top, #f5cd53, #deb22c); background: -moz-linear-gradient(top, #f5cd53, #deb22c); background: linear-gradient(top, #f5cd53, #deb22c); background-color: #f5cd53; }
.gold-club-pricing .pricing-option-annual .gold-club-pricing-cta:hover { background: #f5cd53; opacity: 1; }

.gold-club-faq { padding: 6em 0; background-color: #fff; }
.gold-club-faq h2 { color: #133c60; font-size: 1.7em; margin: 0 0 4em; font-weight: 700; }
.gold-club-faq #new-bark-faq { border-top: 0; margin: 0; }

.new-bark-faq-bk { background-image: url("https://d1w7gvu0kpf6fl.cloudfront.net/img/new-bark-faq-cover.jpg"); background-size: cover; background-position: center; min-height: 20em; text-align: center; color: #fff; padding: 4em 0; }
.new-bark-faq-bk h1 { font-size: 2em; color: #fff; margin: 3em auto 1.5em;  margin: 0.25em 0 0.5em; }
.new-bark-faq-bk p { color: #eee; margin: 1em 0 2em; padding: 0 2em; font-weight: 500; }
.new-bark-faq-bk img { width: 4em; }

.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;}
.icon-usd-currency { font-size: 32px; margin: 3px; color: #e2b722; }

#seller-how-works { padding: 4em 0; background-color: #fff; }
#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-login-bk { background-image: url("https://d1w7gvu0kpf6fl.cloudfront.net/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); }

.bark-feedback {min-height: 560px; background-color: #f9fbfc; padding-bottom: 6em;}
.buyer-question-box .inline-bark-main-content .inline-bark-q { margin: 0 !important; }
.buyer-question-box .inline-bark-main-content .inline-bark-q-radio{cursor:pointer}
.buyer-question-box .inline-bark-main-content .inline-bark-q-radio label{cursor:pointer;position:relative;padding-left:2.25em}
.buyer-question-box .inline-bark-main-content .inline-bark-q-radio label:before{content:"";width:21px;height:21px;position:absolute;left:0;top:3px;border-radius:50%;border:2px solid #c9cfd5;background-color:#fff}
.buyer-question-box .inline-bark-main-content .inline-bark-q-radio label.other:before{top:8px}
.buyer-question-box .inline-bark-main-content .inline-bark-q-radio input[type=radio]{display:none}
.buyer-question-box .inline-bark-main-content .inline-bark-q-radio input[type=radio]:checked + label:before{border:2px solid #4CA9F8}
.buyer-question-box .inline-bark-main-content .inline-bark-q-radio input[type=radio]:checked + label:after{content:'';width:11px;height:11px;position:absolute;background-color:#4CA9F8;left:5px;top:8px;border-radius:50%}
.buyer-question-box .inline-bark-main-content .inline-bark-q-radio input[type=radio]:checked + .other:after{top:13px}
.buyer-question-box .new-error label{color:#ce4826;font-weight:700}
.buyer-question-box .inline-bark-main-content .inline-bark-q input.inline-bark-q-label-input{font-family:'Lato',sans-serif;color:#788088;line-height:1.4;border:solid thin #ebeef2;padding:.5rem;height:2.3125rem;margin:0;font-size:1em;width:90%;-webkit-transition:border-color .2s;-moz-transition:border-color .2s;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.buyer-question-box .inline-bark-main-content .inline-bark-q input.inline-bark-q-label-input:focus{border-color:#CACACA}
.inline-bark-q label{font-size:1.2em;color:#788088}
.inline-bark-q{margin:0;border-bottom:solid 1px #E6E6E6;padding:.75em 1em;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s}
.buyer-question-box-options{max-width:32em;margin:0 auto}
.buyer-question-box{max-width:32em;margin:0 auto;border:1px solid #e6e6e6;border-bottom:none;border-radius:3px;background-color:#fff;padding-left:0;padding-right:0}
.buyer-question-box-alt{margin-top:30px}
.one-click-estimate-options{margin:1.5em 0 0;text-align:right}
.one-click-estimate-options button{font-size:1.1em;margin:0}
.one-click-estimate-options a{font-size:1.2em;color:#c3c6ca;float:left;margin:.5em 0 0}
.seller-hired-errors{max-width:29em;margin:0 auto;margin-bottom:1.8em;padding:.75em 1.5em;background-color:#ffbbab;color:#f84920;font-weight:700;border-radius:3px;font-size:1.1em;display:none}
input.input-quotation{border:solid thin #ebeef2;font-family:'Lato',sans-serif;padding:.5em 1em .7em;font-size:1.2em;border-radius:4px;border-color:#ccd2dc;height:auto;width:100%}
div.question-quotation{padding-top:2em;}
div.hired-quotation input{padding-left:1.5em}
div.hired-quotation.double-character input{padding-left:2.2em}
div.hired-quotation span{position:absolute;font-size:1.2em;color:#133c60;top:.65em;left:1.4em}
.buyer-question-box span.help {font-size: 0.94em; font-style: italic; color:#788088;}
.buyer-question-box .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-left: 0.9375rem;margin-right: 0.9375rem;}
.buyer-question-box .seller-quote-seperator:before, .buyer-question-box .seller-quote-seperator:after {  color:#eff2f2 !important; position: absolute; top: 51%; overflow: hidden; width: 45%; height: 1px; content: '\a0';  background-color: #ebeef2; }
.buyer-question-box .seller-quote-seperator:before { color:#eff2f2 !important; margin-left: -50%; text-align: right; }
.buyer-question-box .seller-quote-seperator:after { color:#eff2f2 !important; right: 0; margin-right: -5%; }
.buyer-question-box .inline-bark-main-content .inline-bark-q-checkbox { cursor: pointer; }
.buyer-question-box .inline-bark-main-content .inline-bark-q-checkbox label { cursor: pointer; position: relative; padding-left: 2.25em; }
.buyer-question-box .inline-bark-main-content .inline-bark-q-checkbox label:before { content: ""; width: 19px; height: 19px; position: absolute; left: 0; top: 4px; border-radius: 4px; border: 1px solid #c9cfd5; background-color: #fff; }
.buyer-question-box .inline-bark-main-content .inline-bark-q-checkbox label.other:before { top: 9px; }
.buyer-question-box .inline-bark-main-content .inline-bark-q-checkbox input[type=checkbox] { display: none; }
.buyer-question-box .inline-bark-main-content .inline-bark-q-checkbox input[type=checkbox]:checked + label:before { background-color: #4CA9F8; border: 1px solid #4CA9F8; }
.buyer-question-box .inline-bark-main-content .inline-bark-q-checkbox input[type=checkbox]:checked + label:after { content: ''; width: 13px; height: 8px; position: absolute; top: 8px; left: 3px; border: 3px solid #fcfff4; border-top: none; border-right: none; background: transparent; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.buyer-question-box .inline-bark-main-content .inline-bark-q-checkbox input[type=checkbox]:checked + label.other:after { top: 13px; }
.buyer-question-box input:disabled, .buyer-question-box select:disabled { background-color: #ddd; opacity: .6;}

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

#tips-to-get-hired { padding: 4em 0 2em; background-color: #f8f8f8; }
#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; background-color: #fff; }
#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('https://d1w7gvu0kpf6fl.cloudfront.net/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;}

.directory-footer p { margin-bottom:5px;color:#8695a1;font-size:12px;line-height:22px;margin-top:0;padding-top:0; }

.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:100002 !important;
}

.ui-autocomplete li {

}

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

.ui-menu-item a strong { color: #667d8c; }
.ui-menu-item:hover a strong { color: #1e2b39; }

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; }

.post-bark-estimate-modal { width: 44em !important; height: 39em !important; top: 25px !important; }

.post-bark-estimate-modal .post-bark-welcome-header-small { padding: 1.5em 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; }
.post-bark-estimate-modal .post-bark-welcome-header-small i { font-size: 1.2em; line-height: 1.4; color: #fff; padding: 0; margin: 0.3em 0.3em 0em 0; display: inline-block; vertical-align: top; }
.post-bark-estimate-modal .post-bark-welcome-header-small h1 { display: inline-block; padding: 0; color: #fff; margin: 0; vertical-align: top; }
.post-bark-estimate-modal .default-modal-content .estimate-bk-desc { font-style: italic; margin-bottom: 1.5em; }

.post-bark-modal-estimate-bk { background-image: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/bell-chart.png'); position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 8em; margin: 0.5em 0 -1em; }
.post-bark-modal-estimate-bk .post-bark-modal-estimate { position: absolute; text-align: center; color: #133c60; font-weight: bold; }
.post-bark-modal-estimate-bk .post-bark-modal-estimate span { display: block; color: #59d0a4; }
.post-bark-modal-estimate-bk .post-bark-modal-estimate div { font-weight: 500; font-size: 0.9em; }
.post-bark-modal-estimate-bk .post-bark-modal-estimate-left { width: 10em; left: 2em; top: 2em; }
.post-bark-modal-estimate-bk .post-bark-modal-estimate-right { width: 10em; right: 2em; top: 2em; }
.post-bark-modal-estimate-bk .post-bark-modal-estimate-center { width: 14em; margin: 0 auto; left: 0; right: 0; top: 0.5em; }
.post-bark-modal-estimate-bk .post-bark-modal-estimate-center span { font-size: 1.2em; margin: 0.5em 0 0; }
.post-bark-modal-estimate-bk .post-bark-modal-estimate-center div { font-size: 1em; }


.post-bark-estimate { margin: 1.5em 0; }
.post-bark-estimate .post-bark-estimate-container { color: #1d3a5f; font-weight: 700; font-size: 1.2em; word-wrap: break-word; margin: 0.5em 0; }
.post-bark-estimate .post-bark-estimate-container p { margin: 0 0.5em 0 0; font-size: 1em; display: inline-block; }
.post-bark-estimate .post-bark-estimate-container span { color: #59d0a4; }
.post-bark-estimate .post-bark-estimate-container span.post-bark-estimate-type { margin: 0 0.25em; color: #133c60; font-weight: 500; font-size: 0.9em; }

#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; }

.greyed { color:#ddd !important;}
a.greyed { color:#bbb !important;}
.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; }
.post-bark-container .login-container p { color: #88a5be; }
.post-bark-container .login-container .new-to-bark { margin: 1em 0; }


.post-bark-container .login-container .wordwrapper {height: 96px;position: absolute;right: -13px;top: 43%;z-index: 20;background-color: white;}
.post-bark-container .login-container .line {position: absolute;right: 0;top: 43px;bottom: 0;width: 2px;background: #DBDBDB;z-index: 1;}
.post-bark-container .login-container .word {margin-top: 2.25em;margin-bottom: 1.5em;font-size: 1.2em;color: #DBDBDB;letter-spacing: 1px;font-weight: 700;}

#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  { }

.post-bark-container .login-container {margin: 0 0 3em 0;}
.post-bark-container .login-container .magic-img {float: right; max-width: 30%; display: inline-block; margin-top: -1em; padding-left: 1em;}
.post-bark-container .login-container .magic-text {max-width: 70%; display: inline-block;}
.post-bark-container .login-header {padding: 1em 0 0 1em; font-size: 2em;}
.post-bark-container .login-container h1 {font-size: 22px;}
.post-bark-container .login-container p {font-size: 16px; line-height: 22px;}
.magic-link-success {display: none; margin: 5em 0 5em; text-align: center;}
.magic-link-success button.inline-text-button {color: #6D738F;background:none!important; border:none; padding:0!important;font-size: 16px;font-family: 'Lato', sans-serif;font-weight: bold;}
.magic-link-success h4.magic-link-sent-title {font-size: 22px; color: #0B1139;}
.magic-link-success p.magic-link-blue-text {color: #0B1139;}
.magic-link-success p.smaller-grey-text {color: #6D738F;}


.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 .checkbox label { display: inline-block; cursor: pointer; margin: 0 0 0.5em; }
.login-container .checkbox label input[type='checkbox'] { height: inherit; margin: 0 0.25em 0 0; }
.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; }

.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;  }
.bark-modal-question .account-information-row { margin: 30px 0; }
.bark-modal-question .account-information-row.exp-mb-local { margin-bottom:18px; margin-top: 22px;}
.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 input[type=time] { min-height: 43.09px; }
.new-project-field.new-error input { border-color:#fe7f4a; box-shadow: 0px 0px 15px -5px rgba(254,127,74,1) !important; }

.guarantee-badge-container img { width: 8em; height: auto; float: left; margin-top: 1em; }
.guarantee-badge-container p { padding: 1.3em 0 0 8.5em; color: #1e2b39; font-style: italic; margin-top: 1.5em; border-top: 1px solid #e6e6e6; }

.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; }

.close-bark-confirm { margin: 3em 0 0; }
.close-bark-confirm h1 i { margin-right: 0.5em; }
.close-bark-confirm h1 i.fa-check { color: #3e9c05; }
.close-bark-confirm p { color: #84a0b3; }
.close-bark-confirm a { font-size: 1.1em; text-decoration: underline; color: #3eaefc; display: block; margin-top: -0.5em; font-weight: 700; }

.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 #quote_type:disabled { background-color: #DDD; }

.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: 20em; }
#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 span, #buyer-notifications span { 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, .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, .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; }

.payment-options h3 {color:#1a4263; padding-bottom: 0.2em; }
.seller-profile-stats-row { padding-top: 1.6em; color:#53d1a3; font-size: 1.1em}
.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; }

.post-bark-welcome-container .post-bark-welcome-footer {position: relative !important; }
.post-bark-estimate-modal {height: initial !important;}
.bnb-dash {padding: 1em 2em 2em; }
.bnb-dash .bnb-item {width: 30%;display: inline-block;margin: 1em 1em 0 0;cursor: pointer; border: 2px solid #DEDEDE;vertical-align: top;  }

.bnb-dash .bnb-item .bnb-item-heading { text-align: center; padding: 0.5em; margin: 0;color: #4e4d3c !important; font-size: 1.1em; }
.bnb-dash .bnb-item .bnb-item-img { height: 140px; background-size: cover; background-position: center center;}

.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; }

.post-bark-container p.special-hr {display: none;}

.login-container.forgot p.special-hr {display: block; width:100%; text-align:center; border-bottom: 2px solid #DBDBDB;; line-height:0.1em; margin:2em 0; font-size:1.2em; letter-spacing:1px; font-weight:700; color: #DBDBDB}
.login-container.forgot .white-out {background:#fff; padding:0 1em;}

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

#goldSellerSuccessModal{ padding-left:0; padding-right:0; width: 36em; margin-left: auto !important; margin-right: auto !important; height: 30em; }
#goldSellerSuccessModal h1 { margin-top: 2em; padding-bottom:0.7em; text-align: center; font-size: 1.5em; font-weight: 400; color: #3a4449; margin-bottom:1em; }
#goldSellerSuccessModal button { margin: 1em 0.5em !important; position: static; }
#goldSellerSuccessModal .image-bk { display:none; }
#goldSellerSuccessModal .controls { padding:1em; border-top:1px solid #f0f0f0; position: absolute; bottom: 0.5em; right: 0; }
#goldSellerSuccessModal 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; }

#changeCard img.lock { width:1.5em; height:1.5em; margin-right:0.5em; }
#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; }
#changeCard small.error, #downgradeDeleteModal small.error, #confirmationUpgrade small.error, #confirmationDowngrade small.error, #changeCardConfirm small.error { width: 100%; margin-top: 1em; }
#downgradeDeleteModal { height: 35em; }
#changeCard { height: auto; }
#changeCard h1 img { margin-top:0.4em; }
#changeCard #stripe-change-card-form { padding:0 30px 80px !important; }
#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; }
#changeCard .image-bk, #downgradeDeleteModal .image-bk, #confirmationUpgrade .image-bk, #confirmationDowngrade .image-bk, #changeCardConfirm .image-bk { display:none; }
#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; }
#changeCard .controls, #downgradeDeleteModal .controls, #confirmationUpgrade .controls, #confirmationDowngrade .controls, #changeCardConfirm .controls { padding:1em; border-top:1px solid #f0f0f0; position: absolute; bottom: 0.5em; right: 0; }
#changeCard input, #downgradeDeleteModal input { margin-bottom: 0.5em; }
#changeCard button, #downgradeDeleteModal button, #confirmationUpgrade button, #confirmationDowngrade button, #changeCardConfirm button { margin: 1em 0.5em !important; position: static; }
#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; }
#changeCard button.button-primary:disabled, #downgradeDeleteModal button.button-primary:disabled { background: #0867B6; color: #ffffff; border: 1px solid #064B84; }
#changeCard button.button-cancel:disabled, #downgradeDeleteModal button.button-cancel:disabled { background: #eeeeee; color: #444444; border: 1px solid #eeeeee; }
#changeCard button.button-success:disabled, #downgradeDeleteModal button.button-success:disabled { background: #215900; color: #ffffff; border: 1px solid #215900; }

#changeCard .controls { padding: 0; margin: 5px; bottom: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: 50%; top: -3.5em; margin: 0 0 0 -4em;}
.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-pack-modal { width: 50em; background: #ffffff!important; background-color: #fff!important; }
.credit-pack-modal-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.credit-left-column { background: #f4f7f9; padding: 4.5em 0 4em; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.credit-left-column .ex-vat { display: block; font-size: 12px; }
.credit-right-column { padding: 4.5em 0 2em;}
.grey-para { color: #b9b9b9; font-size: 1.1em; margin-bottom: 0;}
.span-credit-highlight { font-size: 1.3em; color: #1e2b39; opacity: .6; }
.span-price-highlight { font-size: 1.3em; color: #1e2b39; line-height:1.25em; opacity: .6; display: inline-block; margin: 0.1em 0 0; }
.default-credit-pack-modal img { height: 7em; margin: 1.9em 0 1.5em; }
.default-credit-pack-modal #card-details-input { padding-left: 2.6rem; padding-right: 2.6rem; }
.default-credit-pack-modal label { color: #1e2b39; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0; padding: .1em 0 0!important;}
.default-credit-pack-modal #card-details-input input { border-color: #d8d8d8; border-style: none none solid none; border-radius: 0; letter-spacing: .28em; font-weight: 700; color: #1e2b39; font-size: 1.35em; padding-left: 0; height: 2.7em; margin: 0; transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s; -webkit-transition: background 0.2s; }
.default-credit-pack-modal #card-details-input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #b9b9b9!important; font-weight: 700; letter-spacing: .32em; }
.default-credit-pack-modal #card-details-input input::-moz-placeholder { /* Firefox 19+ */ color: #b9b9b9!important; font-weight: 700; letter-spacing: .32em; }
.default-credit-pack-modal #card-details-input input:-ms-input-placeholder { /* IE 10+ */color: #b9b9b9!important; font-weight: 700; letter-spacing: .32em; }
.default-credit-pack-modal #card-details-input input:-moz-placeholder { /* Firefox 18- */color: #b9b9b9!important; font-weight: 700; letter-spacing: .32em; }
.default-credit-pack-modal #card-details-input input:focus { border-color: #42a5ff!important; transition: border 0.3s; -moz-transition: border 0.3s; -o-transition: border 0.3s; -webkit-transition: border 0.3s; }
.default-credit-pack-modal .cvc-column { padding-left: 2.5em; }
.default-credit-pack-modal .dash-button {font-size: 1.2rem; padding: 0.7em 2.7em; }
.default-credit-pack-modal .controls { text-align: right; padding-top :.1em; margin: .4em 0 1em; }
.default-credit-pack-modal .secure-payment { float: left; display: inline-block; color: #a8a8a8; font-weight: 300; font-size: 1.1em; }
.default-credit-pack-modal .cc-exp, .default-credit-pack-modal .cc-exp:focus { background: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/credit_checkout_expiry.png') no-repeat; background-size: 16px auto; background-position: right center;  }
.default-credit-pack-modal .cc-cvc, .default-credit-pack-modal .cc-cvc:focus { background: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/credit_checkout_cvc.png') no-repeat; background-size: 14px auto; background-position: right center;  }
.default-credit-pack-modal .cc-number, .default-credit-pack-modal .cc-number:focus { background: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/credit_checkout_card.png') no-repeat; background-size: 21px auto; background-position: right 54%!important;  }
.default-credit-pack-modal .visa { transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; background-repeat:no-repeat; background-size: 48px auto; background-position: right 52%!important; background-image:url('https://d1w7gvu0kpf6fl.cloudfront.net/img/visa_verified.png')}
.default-credit-pack-modal .mastercard { transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; background-repeat:no-repeat; background-size: 48px auto; background-position: right 52%!important; background-image:url('https://d1w7gvu0kpf6fl.cloudfront.net/img/mastercard_verified_2.png')}
.default-credit-pack-modal .amex { transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s;background-repeat:no-repeat;  background-size: 48px auto; background-position: right 52%!important; background-image:url('https://d1w7gvu0kpf6fl.cloudfront.net/img/amex_verified.png')}
.default-credit-pack-modal .discover { transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; background-repeat:no-repeat; background-size: 48px auto; background-position: right 52%!important; background-image:url('https://d1w7gvu0kpf6fl.cloudfront.net/img/discover_verified.png')}
.default-credit-pack-modal .new-error { background: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/bark_credit_error.png') no-repeat!important; background-size: 15px auto!important; background-position: right center!important; transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; border-color: #ff6666!important; }
.secure-payment { padding-top: 1em; }
.default-credit-pack-modal .secure-payment img { width: 15px; height: auto; margin: 2px 0 0; float: left;}
.default-credit-pack-modal .secure-payment p { padding: 0 0 0 .7em; margin: 0; float: left; }
.credit-column-margin { margin-bottom: 2.7em; }

.default-credit-pack-modal .controls button > i { position: absolute; left: 50%; top: 50%; margin: -10px -10px; display: none; }

.default-credit-pack-modal .credit_success_img { width: 13em; height: auto; }
.default-credit-pack-modal .credit-success-right { padding-left: 3em; padding-right: 3em; }
.success-green { color: #54d1a3; }
.credit-success-right p { color: #b9b9b9; margin-bottom: 2em; }
.credit-right-column h1 { padding: 1em 0 .5em; }
.default-credit-pack-modal .credit-success-right .dash-button{ padding: 0.7em 1.5em; font-size: 1.2rem; }

.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; }



.credit-pack-modal-new { width: 36em; background: #ffffff!important; background-color: #fff!important; }
div.credit-pack-modal-new ~ .reveal-modal-bg { background: #fff!important; }
.span-credit-highlight { font-size: 1.3em; color: #1e2b39; opacity: .6; }
.span-price-highlight { font-size: 1.3em; color: #1e2b39; line-height:1.25em; opacity: .6; display: inline-block; margin: 0.1em 0 0; }
.credit-pack-modal-new img { height: 7em; margin: 1.9em 0 1.5em; }
.credit-pack-modal-new form { margin-top: 2.0em; }
.credit-pack-modal-new #card-details-input { padding-left: 2.6rem; padding-right: 2.6rem; }
.credit-pack-modal-new label { color: #1e2b39; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0; padding: .1em 0 0!important; cursor: text;}
.credit-pack-modal-new #card-details-input input { border-color: #d8d8d8; border-style: none none solid none; border-radius: 0; letter-spacing: .28em; font-weight: 700; color: #1e2b39; font-size: 1.35em; padding-left: 0; height: 2.7em; margin: 0; transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s; -webkit-transition: background 0.2s; }
.credit-pack-modal-new .credit-column-margin { position: relative; }
.credit-pack-modal-new  label {  display: block; padding-top: 20px; }
.credit-pack-modal-new .label-text { color: #b9b9b9; line-height: 20px; transform: translateY(-38px); transition:0.3s ease all; -moz-transition:0.3s ease all;  -webkit-transition:0.3s ease all; cursor: text; }
.credit-pack-modal-new input:focus + .label-text { transform: translateY(-70px); font-size: .85em; color: #42a5ff; }
.credit-pack-modal-new input:valid + .label-text { transform: translateY(-70px); font-size: .85em; color: #42a5ff; }
.credit-pack-modal-new #card-details-input input:focus::-webkit-input-placeholder { opacity: 1; }
.credit-pack-modal-new #card-details-input .card-details-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .6; background-color: #FFF; }
.value-exists + .label-text { transform: translateY(-70px); font-size: .85em; }
.credit-pack-modal-new .credit-column-margin { margin-bottom: 2em;}

/* active state */


.credit-pack-modal-new #card-details-input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #b9b9b9!important; font-weight: 700; letter-spacing: .32em; opacity: 0; transition:0.6s ease all; -moz-transition:0.6s ease all;  -webkit-transition:0.6s ease all; }
.credit-pack-modal-new #card-details-input input::-moz-placeholder { /* Firefox 19+ */ color: #b9b9b9!important; font-weight: 700; letter-spacing: .32em; opacity: 0; transition:0.6s ease all; -moz-transition:0.6s ease all;  -webkit-transition:0.6s ease all;}
.credit-pack-modal-new #card-details-input input:-ms-input-placeholder { /* IE 10+ */color: #FFF !important; font-weight: 700; letter-spacing: .32em;  transition:0.6s ease all; -moz-transition:0.6s ease all;  -webkit-transition:0.6s ease all;}
.credit-pack-modal-new #card-details-input input:-moz-placeholder { /* Firefox 18- */color: #b9b9b9!important; font-weight: 700; letter-spacing: .32em; opacity: 0; transition:0.6s ease all; -moz-transition:0.6s ease all;  -webkit-transition:0.6s ease all;}
.credit-pack-modal-new #card-details-input input:focus { border-color: #42a5ff!important /* WHO DID THIS!!!! */; border-width: 2px; transition: border 0.3s; -moz-transition: border 0.3s; -o-transition: border 0.3s; -webkit-transition: border 0.3s; }
.credit-pack-modal-new .cvc-column { padding-left: 2.5em; }
.credit-pack-modal-new .dash-button {font-size: 1.1rem; padding: 0.7em 2.7em; width: 100%; margin-top: .5em; }
.credit-pack-modal-new .controls.large-12.medium-12.columns { text-align: right; padding-top :.1em; margin: .4em 0 3em; }
.credit-pack-modal-new .secure-payment { display: none; float: left; color: #a8a8a8; font-weight: 300; font-size: 1.1em; }
.credit-pack-modal-new .cc-exp, .credit-pack-modal-new .cc-exp:focus { background: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/credit_checkout_expiry.png') no-repeat; background-size: 16px auto; background-position: right center;  }
.credit-pack-modal-new .cc-cvc, .credit-pack-modal-new .cc-cvc:focus { background: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/credit_checkout_cvc.png') no-repeat; background-size: 14px auto; background-position: right center;  }
.credit-pack-modal-new .cc-number, .credit-pack-modal-new .cc-number:focus { background: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/credit_checkout_card.png') no-repeat; background-size: 21px auto; background-position: right 54%!important;  }
.credit-pack-modal-new .visa { transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; background-repeat:no-repeat; background-size: 48px auto; background-position: right 52%!important; background-image:url('https://d1w7gvu0kpf6fl.cloudfront.net/img/visa_verified.png')}
.credit-pack-modal-new .mastercard { transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; background-repeat:no-repeat; background-size: 48px auto; background-position: right 52%!important; background-image:url('https://d1w7gvu0kpf6fl.cloudfront.net/img/mastercard_verified_2.png')}
.credit-pack-modal-new .amex { transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s;background-repeat:no-repeat;  background-size: 48px auto; background-position: right 52%!important; background-image:url('https://d1w7gvu0kpf6fl.cloudfront.net/img/amex_verified.png')}
.credit-pack-modal-new .discover { transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; background-repeat:no-repeat; background-size: 48px auto; background-position: right 52%!important; background-image:url('https://d1w7gvu0kpf6fl.cloudfront.net/img/discover_verified.png')}
.credit-pack-modal-new .new-error { background: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/bark_credit_error.png') no-repeat!important; background-size: 15px auto!important; background-position: right center!important; transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; border-color: #ff6666!important; }
.secure-payment { padding-top: 1em; }
.credit-pack-modal-new .secure-payment img { width: 15px; height: auto; margin: 2px 0 0; float: left;}
.credit-pack-modal-new .secure-payment p { padding: 0 0 0 .7em; margin: 0; float: left; }
.credit-column-margin { margin-bottom: 2.7em; }


.credit-pack-modal-new .controls button > i { position: absolute; left: 50%; top: 50%; margin: -10px -10px; display: none; }

.credit-pack-modal-new .credit_success_img { width: 13em; height: auto; }
.credit-pack-modal-new .credit-success-right { padding-left: 3em; padding-right: 3em; }
.success-green { color: #54d1a3; }
.credit-success-right p { color: #b9b9b9; margin-bottom: 2em; }
.credit-right-column h1 { padding: 1em 0 .5em; }
.credit-pack-modal-new .credit-success-right .dash-button{ padding: 0.7em 1.5em; font-size: 1.2rem; }

.credit-pack-modal-new h1 { text-align: center; margin: .6em 0; font-size: 2.2em; }
.credit-pack-modal-new span.new-error { font-weight: 700; }
.credit-pack-modal-new 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; }

.error-card-number { background: #fee2e2; color: #c74a4a; border-radius: 0px 0px 5px 5px!important; padding: 7px; margin-top: -20px;}
#purchaseCreditPackNew .error-card-number { font-size: .9em; }
#purchaseCreditPackNew #purchase-credit-stripe-error { margin: 0 4em 2em; border-radius: 5px !important; }

#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; }
#card-details-input input {border: 1px solid #dbdbdb; border-radius: 3px; margin: 0 0 1em; font-size: 1.1em; height: 2.8em; padding: 0 1em; color: #133c60; font-family: 'Lato', sans-serif !important;}
#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('https://d1w7gvu0kpf6fl.cloudfront.net/img/affiliate_banner.jpg'); background-size: cover; background-position: center; min-height: 20em; text-align: center; color: #fff; padding: 4em 0; }
.affiliate-banner-2 { background-image: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/affiliate_banner_2.jpg'); }
.affiliate-banner img { width: 4em; }
.affiliate-banner i { font-size: 3em; }
.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: 8em 0 4em; }
.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 i { font-size: 2.5em; float: left; margin: 0.15em .5em 0 0; color: #40a4ff;}
.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: 0; }

.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; }

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

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

.pac-container {
    z-index: 221051 !important;
}
.pac-item {
    padding: 6px 6px;
}

#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,  #fb-link-button.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; }

input#current-google-link{margin-bottom: 0;}
a.remove-link{font-size: 0.8em; color: #3eaefc !important;}

.tooltip { background: rgba(30,43,57,0.9); border-radius: 5px; font-weight: 700; z-index: 1006; }
.tooltip > .nub { border-color: transparent transparent rgba(30,43,57,0.9) transparent; opacity: 0.9; }

.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, .profile-picture-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;}

#pw-credit-purchase-error div.tryagain { margin-bottom: 1.4em;}

#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; }

.navy-blue { color: #0A1248 !important;}
.neworange { color: #FA9750 !important;}
.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-bg.bark-modal-open {z-index: 10001;}

.reveal-modal { border-radius: 4px; background: -webkit-linear-gradient(#fdfdfd,#fafafa); background: -o-linear-gradient(#fdfdfd,#fafafa); background: -moz-linear-gradient(#fdfdfd,#fafafa); background: -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; color: #FFF;}
.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.green:hover { color:#FFF; background-color:#54d1a3; }

.greennew { color:#FFF; background-color:#07B764; }
.greennew:hover { color:#FFF; background-color:#40CB89 !important; }
.greennew:focus { color:#FFF; background-color:#40CB89 !important; }
.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('https://d1w7gvu0kpf6fl.cloudfront.net/img/pricing-new-cover.jpg');background-color: #394e61;background-size: cover;background-position: center;}
.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; background-color: #fff; }
.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; background-color: #fff; }
.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: #fffdf0; padding: 1.5em 0; border-top: 1px solid #f7edce; border-bottom: 1px solid #f7edce; }
.pricing-new-store-card h3 { font-size: 1.3em; color: #133c60; font-weight: 700; }
.pricing-new-store-card h3 a { color: #52b4fc; text-decoration: underline; display: inline-block; }
.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-credits-explained { border-top: 1px solid #dde0e5; padding: 6em 0; }
.pricing-credits-explained h2 { font-size: 1.8em; color: #133c60; margin: 0 0 2em; text-align: center; }
.pricing-credits-explained h2 img { width: 2em; vertical-align: top; margin: 0 0.25em 0 0; }
.pricing-credits-explained h3 { color: #133c60; font-size: 1.4em; margin: 0 0 0.5em; }
.pricing-credits-explained p { font-size: 1.1em; color: #133c60; opacity: .75; }

.pricing-new-faq { padding: 4em 0; background-color: #f4f7f9; }
.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; padding: 1em 0; }
.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; }
.category-pricing table.category-pricing-table td a { color: #52b4fc; }
.category-pricing .affiliate-commission-search { margin: 1em 0; border-radius: 3px; border: 1px solid #d2d9df; }

.category-pricing .accordion { margin-bottom: 2em; }
.category-pricing .accordion .accordion-navigation a { color: #3eaefc ; text-decoration: underline; }
.category-pricing .accordion .accordion-navigation a.accordion-navigation-header { background-color: #4f5f6f; color: #fff; font-family: 'Lato', sans-serif; font-weight: 700; padding: 0.5em 1em; border-bottom: 1px solid #606e7c; text-decoration: none; }
.category-pricing .accordion .accordion-navigation a i { float: right; margin-top: 0.2em; font-size: 1.4em; }
.category-pricing .accordion .accordion-navigation a i.fa-plus-square-o { display: inline-block; }
.category-pricing .accordion .accordion-navigation a i.fa-minus-square-o { display: none; }
.category-pricing .accordion .accordion-navigation.active a i.fa-minus-square-o { display: inline-block; }
.category-pricing .accordion .accordion-navigation.active a i.fa-plus-square-o { display: none; }
.category-pricing .accordion .accordion-navigation a.top-border-radius { border-radius: 4px 4px 0 0; }
.category-pricing .accordion .accordion-navigation a.bottom-border-radius { border-radius: 0 0 4px 4px; border-bottom: 0; }
.category-pricing .accordion .accordion-navigation.active a.bottom-border-radius { border-radius: 0; }
.category-pricing .accordion .accordion-navigation p { margin-bottom: 0.5em; font-size: 1em; color: #4f5f6f; }

/* 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; }


.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('https://d1w7gvu0kpf6fl.cloudfront.net/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; }

.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; }
.notification-title .webpush-warning { text-align: center; color: #8a6d3b; margin-bottom: 1em; padding: 0.4em; background-color: #fffdf0; border-top: 1px solid #faf2cc; font-size: 0.95rem; }
.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-top-left a { color: white; }
.table-bottom-left { border-bottom-left-radius: 4px; }
.table-top-right { border-top-right-radius: 4px; }
.table-top-right a { color: white; }
.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; }


#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; }

#whyFreeExplanation .top-tips-modal-header { text-align: center; background: -webkit-linear-gradient(#59d0a4,#33c791); background: -o-linear-gradient(#59d0a4,#33c791); background: -moz-linear-gradient(#59d0a4,#33c791); background: linear-gradient(#59d0a4,#33c791); background-color: #33c791; }
#whyFreeExplanation .top-tips-modal-header i { font-size: 4em; margin: 0.5em 0 0; color: #fff; }
#whyFreeExplanation .top-tips-modal-header h1 { color: #FFF; padding-top: 0.5em; font-weight: 700; }
#whyFreeExplanation .default-modal-content { padding: 2em; text-align: center; }

.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; }

#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 {width:40em;}
.post-bark-welcome-container {  }
.post-bark-welcome-container .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; }
.post-bark-welcome-container .post-bark-welcome-header i { font-size: 3.5em; color: #fff; display: block; margin-top: 0.5em; }
.post-bark-welcome-container .post-bark-welcome-header h1 { padding: 0; color: #fff; margin: 0.5em 0 1em; }
.post-bark-welcome-container .default-modal-content { padding: 2em 2em 1em; }
.post-bark-welcome-container .default-modal-content a { font-size: 1.1em; text-decoration: underline; color: #3eaefc; }
.post-bark-welcome-container hr { margin: 0; }
.post-bark-welcome-container .post-bark-welcome-footer { position: absolute; bottom: 0; width: 100%; }
.post-bark-welcome-container .post-bark-welcome-footer button { margin: 1em 2em; min-width: 5em; }
.post-bark-welcome-container .post-bark-welcome-footer button.centered { display: block; margin: 1em auto; }
.post-bark-welcome-container .post-bark-modal-estimate-footer button.centered { margin: 2em auto; }

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

.post-bark-welcome-container .post-bark-welcome-header.reject { background: -webkit-linear-gradient(top, #FFAAA0, #FFA5A7); background: -o-linear-gradient(top, #FFAAA0, #FFA5A7); background: -moz-linear-gradient(top, #FFAAA0, #FFA5A7); background: linear-gradient(top, #FFAAA0, #FFA5A7); background-color: #FFA5A7; }
.post-bark-welcome-container .post-bark-welcome-header.awaiting { background: -webkit-linear-gradient(top, #DEDEDE, #EAEAEA); background: -o-linear-gradient(top, #DEDEDE, #EAEAEA); background: -moz-linear-gradient(top, #DEDEDE, #EAEAEA); background: linear-gradient(top, #DEDEDE, #EAEAEA); background-color: #EAEAEA; }

.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; background: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/seller-profile-header_2x.png') center top; background-size: cover; min-height: 150px; }

.profile-heading-container .image { display: inline-block; width: 27%; width: calc(10em - 0em); height:auto; margin: 0px 2em 0em 0; box-shadow: 2px 2px 1px rgba(102, 102, 102, 0.24); border-radius: 4px; }
.profile-heading-container .image img { width: 100%; height: auto; border-radius: 4px; border: #f8f8f8 2px solid }
.profile-heading-container .image img.sp-default-img { border:1px solid #e6eef4; }
.profile-heading-container .heading { display: inline-block; vertical-align: top; margin: .5em 0 0.25em 1.5em; width: 59%; width: calc(100% - 13em); }
.profile-heading-container .heading .header-location { font-weight: 500; font-size: 1.2em; color: #75868e; margin: 0; }
.profile-heading-container .header-location i { color: #444; margin-right: 0.5em; }
.profile-heading-container .header-location img { margin-right: 0.6em; width: 0.9em; vertical-align: sub; }
.profile-heading-container .heading h1 { color: #133c60; font-size: 1.9em; line-height: 1; margin: 0 0 0.15em; }
.profile-heading-container .heading span.current-plan { color: #f07f4a; font-weight: 700; font-size: 1.2em; display: block; margin: 0.6em 0 0.2em; }
.profile-heading-container .heading span.current-plan img { width: 1.2em; vertical-align: top; margin-right: 0.25em; }
.profile-heading-container .heading span.current-plan.certificate { color: #e4af0f; }
.profile-heading-container .heading span.current-plan.certificate img { margin: 0 0.25em 0 0; }
.profile-heading-container .heading .skillsAndActions .skillsList { margin: 0 0 0 0.1em; }
.profile-heading-container .heading .skillsAndActions .skillsList li { display:inline-block; padding-right:0.7em; font-size:0.8em; }
.profile-heading-container .heading .skillsAndActions .skillsList a { color: #666; cursor: default; }
.profile-heading-container .review-count {color: #75868e; font-size: 0.9em; font-weight: 500; }

.public-container-generic .has-breadcrumbs, .public-profile-container-right .has-breadcrumbs {padding: 0!important;}
.public-container-generic .has-breadcrumbs .profile-details-contact ul, .public-container-generic .has-breadcrumbs .profile-details-head ul, .public-container-generic .has-breadcrumbs .profile-details-contact .company-detail {margin: 0 2.5em!important;}

.seller-profile-breadcrumbs-container{ background: #f4f7f9; border-radius: 0.3em 0.3em 0 0 }
.seller-profile-breadcrumbs-container .breadcrumbs a { color: #75868e;}
.seller-profile-breadcrumbs-container .breadcrumbs { background: none; padding: 1em 2.2em 1em 2.6em; border: none; border-bottom: 1px solid #dde0e5; margin: 0 0 .5em; border-radius: 0;}
.seller-profile-breadcrumbs-container .breadcrumbs li { float: none; display: inline-block; color: #75868e; }
.seller-profile-breadcrumbs-container .breadcrumbs li:before { content: ''; margin: 0; }
.seller-profile-breadcrumbs-container .breadcrumbs li:after { content: '>'; margin: 0 0.5rem 0; }
.seller-profile-breadcrumbs-container .breadcrumbs li:last-child:after { content: ''; margin: 0; }


.seller-profile-element ul {font-size: 1em; color: #75868e;}
.seller-profile-service-list li {margin:0.33em 0;}
.seller-profile-element i {font-size: 1.4em; margin-right: 0.7em; color: #75868e; vertical-align: sub;}
.profile-higlight-green {font-size: 1.1em; color: #53d1a3; font-weight: 700; margin-right: 0.2em;}
.seller-profile-element i.profile-icon-green {font-size: 1.4em; color: #53d1a3; margin-right: 0.7em; vertical-align: middle; }
.seller-profile-element .company-detail i {font-size: 1.8em;}

.seller-profile-element .profile-details-contact ul {font-size: 1.1em;}
.profile-details-contact ul li a, .profile-details-contact ul li span { overflow: hidden; max-width: 100%; display: inline-block; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
.profile-details-contact ul li strong { display: inline-block; vertical-align: middle; }

.profile-nav { border-top: 1px solid #F1F4F7; border-bottom: 1px solid #F1F4F7; margin: 30px 0; clear: left; float: left; width: 100%; }
.profile-nav  ul{margin-left: 0; list-style: none; padding: 0; margin-bottom: 0; font-size: 1rem; padding: 7px 0px;}
.profile-nav  ul li{display: inline; }
.profile-nav  ul li a{color: #75868e; padding: 7px 6px;}
.profile-nav  ul li a:hover, .profile-nav  ul li a.profile-nav-active{color: #3eaefc; border-bottom: 3px solid #3eaefc;}
a.review-link{color: #3eaefc;}

.left-contact-details { display: none !important; }
.public-profile-container-right .seller-profile-element .profile-details-head, .public-profile-container-left .seller-profile-element .profile-details-head {margin-bottom: 0; padding-bottom: 0;}
.profile-details-head  ul { margin-left: 0; margin-bottom:0; list-style: none; }
.profile-details-head  ul li {padding:1.5em 0;}
.profile-details-head  ul li:first-child { border-bottom: 1px solid #F1F4F7;}
.profile-details-head  ul li:nth-child(2) {border-bottom: 1px solid #F1F4F7;}
.profile-details-contact  ul li {padding: 1.5em 0; border-bottom: 1px solid #F1F4F7; }
.profile-details-contact  ul li:first-child {border-top: 0;}
.profile-details-contact  ul{margin-bottom: 0;margin-left: 0; list-style: none; }
.profile-details-head ul li span { font-size: 1.1em; }

.social-link {padding: 1.6em 0; }
.social-link:nth-child(2) { padding-left: 1.5em; border-left: 1px solid #F1F4F7;}
.social-link:nth-child(2) i {}
.facebook-link-profile-page {  display:inline-block;  }
.facebook-link-profile-page a { display:block; margin: 0.1em 0 0 2.8em; font-size:1.1em; }
.facebook-link-profile-page i { position:absolute; }
.facebook-link-profile-page span { color:#3eaefc !important; }
.facebook-link-profile-page .bark-icon-base { font-size: 2em; color:#3b5998; }
.facebook-link-profile-page .bark-icon-facebook-f { font-size: 1.07em; color:#FFF; padding: 0.45em 0 0 0.65em; }

.twitter-link-profile-page {  display:inline-block; }
.twitter-link-profile-page a { display:block; font-size: 1.07em; margin: 0.1em 0 0 2.8em; }
.twitter-link-profile-page i { position:absolute; }
.twitter-link-profile-page span { color:#3eaefc !important; }
.twitter-link-profile-page .bark-icon-base { font-size:2em; color:#26a6d1; }
.twitter-link-profile-page .bark-icon-twitter-bird { font-size:0.9em; color:#FFF; padding:0.6em 0 0 0.5em; }
.twitter-timeline-error{display:none;}
.seller-profile-element .profile-details-contact .company-detail {margin: 0;}


.profile-first-row{ margin-top: -120px; }
.profile-heading-container{ display: block; margin-top: -12px; }
.seller-profile-header + .breadcrumbs-container ul { padding: 0 0.875rem 2rem; }
.small-gap { margin-bottom:1.5em !important; }
.profile-seller-background{background:#f8f9f9;}
.seller-profile-colours {  border-color:#dde0e5 !important; border-radius:0.3em; }
.seller-profile-colours.no-radius {border-radius:0}
.seller-profile-highlight {border-top: 6px solid #3eaefc!important; }

.seller-profile-element div.pagination{border-top: 1px solid #eee;}
.seller-profile-element ul.pagination {margin-bottom: 0; margin-top: 2.2rem;}
.seller-profile-element ul.pagination li.current a, ul.pagination li.current button {background: #3eaefc; color: #fff; font-weight: 700; cursor: default; border: 1px solid #f8f8f8;}
.seller-profile-element ul.pagination li a:hover { background: #3eaefc; color: #ffffff; }
.seller-profile-element ul.pagination li a, ul.pagination li button {display: block; padding: .08rem 0.8rem; background: #f3f3f3; border-radius: 5px; font-weight: 400; font-size: 1em; transition: background-color .3s ease-out;}

ul.pagination li.unavailable, ul.pagination li.unavailable a {color: #bbb; padding: .09rem 0.7rem;}
.seller-profile-element ul.pagination li.hidden { display: none; }

.seller-profile-element, .project-view-left { border: 1px solid #ccc; padding:3em 2.5em; margin-top:-1px; background-color:#FFF; overflow-wrap: break-word;  }
.seller-profile-element-contact { padding:1em 2.5em 0;}
.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.3em 0; margin:1em 0 0 0; font-weight:400; color: #96a8b7; }
.seller-profile-element p.lighter { color:#75868e; clear: left; }
.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:not(.confirmation-message) 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; }

.bark-telephone-prompt-project { padding: 1em 2em; background-color: #d9edf7; border-bottom: solid 1px #bce8f1; }
.bark-telephone-prompt-project i { font-size: 2em; color: #31708f; float: left; margin: 0.05em 0.5em 0 0; width: 1em; }
.bark-telephone-prompt-project .bark-telephone-prompt-text { margin: 0; padding-left: 3em; width: 100%; }
.bark-telephone-prompt-project .bark-telephone-prompt-text p { font-size: 1.3em; color: #31708f; font-weight: 700; margin: 0; }
.bark-telephone-prompt-project .bark-telephone-prompt-text span { font-size: 1.2em; color: #31708f; }

.bark-no-telephone-prompt { padding: 1em 2em; background-color: #fcf8e3; border-bottom: solid 1px #dde0e5; }
.bark-no-telephone-prompt p { color: #8a6d3b; font-size: 1.1em; margin: 0; }

.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; }

.bark-details-modal { margin-top: 0; }
.bark-details-modal .project-view-left { padding: 0; border: 0; }
.bark-details-modal .project-view-left .title-row { padding: 2em 1.5em 3em; margin: 0; background-color: #fff; }
.bark-details-modal .project-view-left .title-row .image { margin-top: 0; }
.bark-details-modal .project-view-left .title-row .heading { margin: 0;  }
.bark-details-modal .project-view-left .title-row .heading p { margin-bottom: 0; }
.bark-details-modal .project-view-left h2 { padding: 0.5em 1.5em; font-size: 1.4em; text-transform: uppercase; font-weight: 700; background-color: #f8f9f9; margin: 0; border: 1px solid #dde0e5; }
.bark-details-modal .project-view-left .project-details { padding: 2em; }
.bark-details-modal .project-view-left-map { padding-bottom: 1em; }
.bark-details-modal .modal-header { border-top: 1px solid #dde0e5; }

.seller-create-form2 { height: 100%; margin: 0; }

.full-screen-load { width: 100%; height: 100%; position: fixed; top: 0; left: 0; text-align: center; z-index: 1400; background: rgba(0,0,0,.75);}
.full-screen-load .full-screen-load-container { width: 100%; height: 100%; position: relative; }
.full-screen-load .full-screen-load-container .full-screen-load-content { position: absolute; width: 20em; height: 6em; margin: auto; left: 0; top: 0; right: 0; bottom: 10em; }
.full-screen-load .full-screen-load-container .full-screen-load-content i { color: #fff; font-size: 3em; }
.full-screen-load .full-screen-load-container .full-screen-load-content span { display: block; color: #fff; font-size: 1.2em; margin: 0.5em 0 0; }
.full-screen-load .full-screen-load-container .full-screen-load-content p { display: none; color: #fff; font-size: 1.2em; margin: 0.5em 0 0; }

.one-click-upsell-banner { 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; padding: 3em 0; width: 100%; }
.one-click-upsell-banner h2 { color: #fff; font-size: 2.2em; margin: 0; }
.one-click-upsell-banner h2 i { font-size: 0.9em; margin: 0 0.5em 0 0; }
.one-click-upsell-banner .one-click-upsell-contact-details { width: 30em; margin: 1em auto 0; background-color: rgba(255,255,255,.75); border-radius: 4px; padding: 1em 2em; }
.one-click-upsell-banner .one-click-upsell-contact-details p { color: #133c60; margin: 0 0 0.5em; }
.one-click-upsell-banner .one-click-upsell-contact-details .one-click-upsell-contact { font-size: 1.1em; margin: 0 0 0.5em; }
.one-click-upsell-banner .one-click-upsell-contact-details .one-click-upsell-contact i { color: #8894a0; margin: 0 0.5em 0 0; }
.one-click-upsell-banner .one-click-upsell-contact-details .one-click-upsell-contact a { text-decoration: underline; font-weight: 700; display: inline-block; color: #74c2fc; }

.one-click-upsell-heading { padding: 4em 0 1em; background-color: #f9fbfc; }
.one-click-upsell-heading-dark { padding: 4em 0 0; }
.one-click-upsell-heading h2 { font-size: 1.6em; margin: 0 0 0.5em; color: #133c60; }
.one-click-upsell-heading .gradient-line { margin: 1em auto; }
.one-click-upsell-heading p { font-size: 1.2em; color: #84a0b3; }

.project-feedback-estimate .inline-bark-q-checkbox label { margin-bottom: 1em; }

.one-click-upsell-explain { background-color: #f9fbfc; padding: 2em 0 4em; }
.one-click-upsell-explain img { width: 61px; height: 31px; }
.one-click-upsell-explain p { color: #133c60; margin: 0.5em 0 0; font-size: 1.1em; }
.one-click-upsell-explain a { text-decoration: underline; color: #3eaefc; font-weight: 700; font-size: 1.2em; display: block; margin: 4em 0 0; }

.one-click-upsell-content { padding: 4em 0; }
.one-click-upsell-content h2 { font-size: 1.6em; color: #133c60; margin: 0 0 0.5em; }
.one-click-upsell-content p { color: #84a0b3; margin: 0; font-size: 1.2em; }
.one-click-upsell-content p a { text-decoration: underline; color: #3eaefc; font-weight: 700; }
.one-click-upsell-content .one-click-upsell-form { text-align: left; margin-top: 2em; }
.one-click-upsell-content .one-click-upsell-form p { margin: 0 0 0.5em; color: #133c60; }
.one-click-upsell-content .one-click-upsell-form .one-click-upsell-note { margin: 2em 0 0; text-align: center; color: #84a0b3; }
.one-click-upsell-content .one-click-upsell-form textarea { resize: vertical; color: #133c60; font-size: 1.2em; border: 1px solid #ccd2dc; border-radius: 3px; line-height: 1.4; }
.one-click-upsell-content .one-click-upsell-options { margin: 3em 0 0; text-align: right; }
.one-click-upsell-content .one-click-upsell-options a { font-size: 1.2em; color: #c3c6ca; float: left; margin: 0.5em 0 0; }

.one-click-upsell-bk { background-color: #f9fbfc; padding-bottom: 6em; }
.one-click-upsell-bk .one-click-estimate-note { text-align: center; font-size: 1.2em; color: #84a0b3; margin: 2em 0 0; }

.show-telephone-bk { background-color: #f9fbfc; padding: 6em 0; }
.show-telephone-container { background-color: #fff; margin: 0 auto; width:100%; max-width: 80%; text-align: center; border-radius: 3px; border: 1px solid #dde0e5; padding: 1.5em 2em; }
.show-telephone-container h2 { font-size: 1.8em; color: #133c60; margin: 0; }
.show-telephone-container input { border: 0; margin: 0; }
.show-telephone-container a { font-size: 2.2em; color: #3eaefc; text-decoration: underline; margin: 0.5em 0 0; display: block;  line-height: 1.4em; overflow-wrap: break-word;}

.one-click-upsell-estimate { max-width: 32em; margin: 0 auto; border: 1px solid #e6e6e6; border-radius: 3px; padding: 2em; background-color: #fff; }
.one-click-upsell-estimate p { color: #133c60; text-align: center; margin-bottom: 1.5em; }
.one-click-upsell-estimate p a { text-decoration: underline; font-weight: 700; color: #3eaefc; }
.one-click-upsell-estimate span { position: absolute; font-size: 1.2em; color: #133c60; top: 0.65em; left: 1.4em; }
.one-click-upsell-estimate .new-error { position: static; display: block; margin: 1em 0; }
.one-click-upsell-estimate input { height: 2.5em; font-size: 1.2em; border: 1px solid #ccd2dc; border-radius: 3px; padding-left: 1.8em; color: #133c60; }
.one-click-upsell-estimate .one-click-estimate-extra { margin-top: 0.5em; padding-left: 1em; }
.one-click-upsell-estimate select { height: 2.5em; font-size: 1.2em; border: 1px solid #ccd2dc; border-radius: 3px; font-family: 'Lato', sans-serif; color: #133c60; background-color: #fff; padding-left: 1em; }
.one-click-upsell-estimate .one-click-estimate-options { margin: 1.5em 0 0; text-align: right; }
.one-click-upsell-estimate .one-click-estimate-options button { font-size: 1.1em; margin: 0; }
.one-click-upsell-estimate .one-click-estimate-options a { font-size: 1.2em; color: #c3c6ca; float: left; margin: 0.5em 0 0; }

.subscriptions-upsell-banner { 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; padding: 3em 0; width: 100%; }
.subscriptions-upsell-banner h2 { color: #fff; font-size: 2.2em; margin: 0; }
.subscriptions-upsell-banner h2 i { font-size: 0.9em; margin: 0 0.5em 0 0; }

.subscription-upsell-btns { padding: 2em; }
.subscription-upsell-btns .skip { margin: 2em 0 0; display: inline-block; }

.response-tips-cover { background: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/response-tips-cover.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 4em 0; }
.response-tips-cover h1 { color: #fff; font-size: 2em; margin: 0; }
.response-tips-cover .gradient-line { margin: 1.5em auto; }
.response-tips-cover p { color: #fff; font-size: 1.2em; padding: 0 2em; opacity: .9; }

.response-tips { padding: 6em 0; background-color: #fff; }
.response-tips h2 { font-size: 1.8em; color: #133c60; margin: 0; text-align: center; }
.response-tips .gradient-line { margin: 1.5em auto 6em; }
.response-tips h3 { font-size: 1.6em; color: #133c60; margin: 0 0 1em; }
.response-tips h3 img { width: 1.4em; margin: 0.1em 1em 0 0; float: left; }
.response-tips p { color: #84a0b3; font-size: 1.2em; margin: 0 0 3em; }


#seller-payg { padding:4em 0 2em; }
#seller-payg h4 { color:#999; font-size:1.3em; margin-bottom: 2em; }
#seller-payg ul { list-style:none; padding:0; margin: 0 2em; text-align: center; }
#seller-payg ul li { font-size:1.1em; margin-bottom:1em; line-height:1.4; color: #133c60; }
#seller-payg ul li a { color: #52b4fc; }
#seller-payg ul li:before { content:"\e604"; font-family:'bark-icon'; display:inline-block; margin-left:-1.9em; width:1.9em; font-size:1.1em; vertical-align:bottom; color:#51D1A6; }

#switch-to-claim{ color:#fff; padding: 3em 0; 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 bottom, rgba(156,220,156,1) 0%, rgba(86,207,175,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cdc9c', endColorstr='#56cfaf', GradientType=1 ); }
#switch-to-claim h3{ color:#fff; font-weight: 700; margin-bottom: 0.5em; }
#switch-to-claim p{ font-size: 1.2em; }
#new-bark-faq { border-top: 2px solid #eee; margin-top: 3em; }
#new-bark-faq .accordion{margin-bottom:2em}
#new-bark-faq .accordion .accordion-navigation a{color:#3eaefc;text-decoration:underline}
#new-bark-faq .accordion .accordion-navigation a.accordion-navigation-header{background-color:#E1E8ED;color:#314C6A;font-family:'Lato',sans-serif;font-weight:700;padding:.5em 2em .5em 1em;border-bottom:1px solid #fff;text-decoration:none; position: relative;}
#new-bark-faq .accordion .active a.accordion-navigation-header{border-bottom:none;}
#new-bark-faq .accordion .accordion-navigation a i{position: absolute;right: 0.5em;top: 0.5em;font-size:1.4em}
#new-bark-faq .accordion .accordion-navigation a i.fa-plus-square-o{display:inline-block}
#new-bark-faq .accordion .accordion-navigation a i.fa-minus-square-o{display:none}
#new-bark-faq .accordion .accordion-navigation.active a i.fa-minus-square-o{display:inline-block}
#new-bark-faq .accordion .accordion-navigation.active a i.fa-plus-square-o{display:none}
#new-bark-faq .accordion .accordion-navigation a.top-border-radius{border-radius:4px 4px 0 0}
#new-bark-faq .accordion .accordion-navigation a.bottom-border-radius{border-radius:0 0 4px 4px;border-bottom:0}
#new-bark-faq .accordion .accordion-navigation.active a.bottom-border-radius{border-radius:0}
#new-bark-faq .accordion .accordion-navigation p {margin-bottom:.5em;font-size:1em;color:#5f7388}
#new-bark-faq .accordion .accordion-navigation ul {margin:1em 2em;font-size:1em;color:#5f7388}
#new-bark-faq .accordion .accordion-navigation .content-bottom{ border-bottom: 1px solid #D2D9DF;}
#new-bark-faq .accordion span{color:#53d1a3}
#new-bark-faq h4{color:#999;font-size:1.3em;margin:20px 0}
#new-bark-faq .faq-box { border:1px solid #dde0e5; border-radius:4px; background-color:#fff; padding:1em 2em; margin-bottom: 2em; }
#new-bark-faq .faq-box h3 { font-size:1.6em; color: #133c60; }
#new-bark-faq .faq-box span { color:#53d1a3; }
#new-bark-faq .faq-box p { color: #526770; }
#new-bark-faq .faq-box p a { text-decoration: underline; color: #52b4fc; }
#new-bark-faq .accordion .accordion-content.active,
.accordion dd > .content.active { height: auto; padding-top: 0.9375rem; padding-bottom: 0.9375rem; border-right: 1px solid #E1E8ED; border-left: 1px solid #E1E8ED; }

.dash-container-resp .discount-banner {background-color: white !important; border: 1px solid #dde0e5; border-radius: 4px;}
input.identified {background-position: 95% !important;}
#pay-card-box h2 { font-size: 1.2em; color: #133c60; margin: 0 0 1em; }
#pay-card-box .dash-button { padding: 1em 2em; margin-top: 1em; background-color: #55b8fc; }
#pay-card-box .dash-button:hover { background-color: #55b8fc; opacity: 0.8; }
#pay-card-box .stripe_error { color: #ce4826!important; font-weight:700;margin:0 0 1em}
#pay-card-box { margin-bottom: 2em; }
#pay-card-box .discount-box { background-color: #fff; border: 1px solid #dde0e5; border-radius: 4px; padding: 2em; }
#pay-card-box .discount-box h1{color:#133c60}
#pay-card-box .discount-box p.lead{color:#53d1a3}
#pay-card-box label { cursor: default; font-size: 1.1em; color: #5f7388; display: block; margin: 0 0 0.25em; }
#pay-card-box input { border: 1px solid #dbdbdb; border-radius: 3px; margin: 0 0 1em; font-size: 1.1em; height: 2.8em; padding: 0 1em; color: #133c60; }
#pay-card-box i.fa-lock{color:#e2e4eb!important;font-size:1.3em}
#pay-card-box .padlock { padding-bottom: 10px; }
#apple-pay-button{display:none;background-color:#000;background-image:-webkit-named-image(apple-pay-logo-white);background-size:100% 100%;background-origin:content-box;background-repeat:no-repeat;width:100%;height:44px;padding:10px 0;border-radius:10px}
#pay-card-box .divOr {margin-bottom: 16px;}

.bark-dash .coupon-field { width: auto; padding-left: 0; padding-right: .8em; }
.bark-dash .coupon-field input { display: inline; width: auto; margin-right: .2em; font-size: 1em; padding: 0.7em 1em; height: 39px; font-family: 'Lato', sans-serif !important; }
.bark-dash .coupon-cta { padding-left: 0; padding-right: 0; }
.bark-dash .coupon-cta .redeem-coupon { cursor: pointer; }
.bark-dash .seller-coupon p { padding-left: 0; margin: 0; color: #a5b5bd; }
.bark-dash .coupon-field input:focus {  -webkit-transition: border-color 0.45s ease-in-out; -moz-transition: border-color 0.45s ease-in-out; transition: border-color 0.45s ease-in-out; border-color: #42a5ff!important; }
.bark-dash p.coupon_success_msg { font-size: 1.2em; color: #75868e; padding: 0.1em 1em 1.2em; }

.sellers .credit-pack-selection h1 { padding: 1.5em 1em 1.3em; color: #293b47; }
.sellers .credit-pack-selection h4 { color: #293b47; margin-top: .5em; font-size: 1.2rem; }
.sellers .credit-pack-selection .discounted-credit-packs { margin: 3em 0 2em; }
.pack-output { padding: 2em 2.5em 0; }
.sellers #buy-credit-pack .credit-package-container { padding: 0 .5rem 3.5rem; width: 33%; }
.sellers #buy-credit-pack .credit-package-container .credit-package .credit-package-price p { opacity: 1!important; }
.sellers #buy-credit-pack .credit-package-container .credit-package .credit-package-price p .ex-vat { font-weight: 300; color: #728998; padding-left: .3em; vertical-align: middle; }
.sellers #buy-credit-pack .credit-package-container .credit-package .price-per-credit { line-height: 1.5; margin-bottom: 1.6em !important; color: #728998; }
.sellers #buy-credit-pack .credit-package-container .credit-package img { margin: 2em 0 0; }
.sellers #buy-credit-pack .credit-package-container.credit-package-middle .credit-package { border: 2px solid #59d0a4; }
.sellers .credit-package-container .credit-package button { font-size: 1em; padding: 0.65em 1.3em; }
.sellers .credit-package-container .credit-package .most-popular { padding: 0; }
.sellers .credit-package-container .flash-sale-strikethrough { font-size: .95em; margin-bottom: 0; padding-bottom: 0; opacity: .5; color: #ff6666;  }

.sellers .coupon-success h1 { padding: 1em; }
.sellers .coupon-success p { color: #75868e; font-size: 1.2em; opacity: 1; }
.sellers .controls-credit-purchase { text-align: right; }

.sellers .purchase-credit-coupon-modal h1 { font-size: 1.9em; margin-top: .25em; font-size: 1.8em; }
.sellers .purchase-credit-coupon-modal .controls { text-align: right; padding-top: .5em; }
.sellers .purchase-credit-coupon-modal form { padding-top: 1.5em; }
.sellers .purchase-credit-coupon-modal button.dash-button { font-size: 1rem; padding: 0.9em 1.7em; }
.sellers .purchase-credit-coupon-modal #card-details-input input:focus { -webkit-transition: border-color 0.45s ease-in-out; -moz-transition: border-color 0.45s ease-in-out; transition: border-color 0.45s ease-in-out; border-color: #42a5ff!important;}


.bark-dash .subscription-payment-heading h1 { color:#1a4263; margin: 2em 0 0; font-size:1.7em; text-align: center; }
.bark-dash .subscription-payment-heading h1 span { color:#e4af0f; font-style:italic; font-weight:700; }
.bark-dash .subscription-payment-heading h2 { text-align: center; margin: 0.5em 0 2em; color: #133c60; opacity: .8; }
.bark-dash span.subscription-cancelled, .bark-dash span.subscription-cancelled i { color: #3a4449}
.bark-dash .subscription-payment-options { background-color:#fff; color:#1a4263; border:1px solid #e1e3e3; padding: 0; margin: 0 auto; margin-bottom: 2em; border-radius: 4px; }
.bark-dash .subscription-payment-options h3 { color:#1a4263; margin: 0; padding: 1em 2em; }
.bark-dash .subscription-payment-options .subscription-payment-option { border-bottom: 1px solid #e1e3e3; padding: 1.5em 2em; cursor: pointer; }
.bark-dash .subscription-payment-options .subscription-payment-option:last-child { border-bottom: none; }
.bark-dash .subscription-payment-options .subscription-payment-option .inline-bark-q-radio { cursor: pointer; display: inline-block; width: 60%; }
.bark-dash .subscription-payment-options .subscription-payment-option .inline-bark-q-radio label { cursor: pointer; position: relative; padding-left: 2.25em; top: -0.8em; color: #1a4263; font-size: 1.2em; margin: 0 0.4em; padding-top: 5px; }
.bark-dash .subscription-payment-options .subscription-payment-option .inline-bark-q-radio label:before { content: ""; width: 21px; height: 21px; position: absolute; left: 0; top: 3px; border-radius: 50%; border: 2px solid #c9cfd5; background-color: #fff; }
.bark-dash .subscription-payment-options .subscription-payment-option .inline-bark-q-radio input[type=radio] { display:none; }
.bark-dash .subscription-payment-options .subscription-payment-option .inline-bark-q-radio input[type=radio]:checked + label:before { border: 2px solid #4CA9F8; }
.bark-dash .subscription-payment-options .subscription-payment-option .inline-bark-q-radio input[type=radio]:checked + label:after { content: ''; width: 11px; height: 11px; position: absolute; background-color: #4CA9F8; left: 5px; top: 8px; border-radius: 50%; }
.bark-dash .subscription-payment-options .subscription-payment-option .annual-save-money { color: #fff; padding: 4px; padding-left: 10px; padding-right: 10px; border: 4px; border-radius: 2px; font-weight: 700; background-color: #5dcfa5; margin-left: 16px; }
.bark-dash .subscription-payment-options .subscription-payment-option .subscription-payment-option-pricing { display: inline-block; width: 39%; text-align: right; }
.bark-dash .subscription-payment-options .subscription-payment-option .subscription-payment-option-pricing .price { line-height: 1.6; font-size: 1.2em; color: #1a4263; }
.bark-dash .subscription-payment-options .subscription-payment-option .subscription-payment-option-pricing .extra { color: #acb5be; line-height: 1.6; font-size: 1.1em; }

i.elite-pro-stars{ display:inline-block; font-size:inherit;position:relative;top:2px;margin-right:.26em;text-rendering:auto;background-image:url('https://d1w7gvu0kpf6fl.cloudfront.net/img/3stars.png');width:17px;height:17px;background-size:100%;background-repeat:no-repeat;padding:0; vertical-align: middle; }
i.elite-pro-stars ~ span { vertical-align: middle; }

.profile-heading-container  .heading span.verifiedProLabel { font-size: 1.1em; background-color: #e4af0f; padding: 0 0 0.2em 0.4em; color: white; font-weight: 700; display: block; margin: 0.5em 0; border-radius: 2px; width: 102px;}
.profile-heading-container  i.verifiedPro {position:absolute;background-color:#e4af0f;padding:.25em;border-radius:50%;color:#fff;top:-.5em;left:5em}


.messenger-header img.verifiedPro { border:1px solid #e4af0f}
.messenger-header i.verifiedPro { position:absolute;background-color:#e4af0f;padding:.25em;border-radius:50%;color:#fff;top:1.1em;left:5.8em}

#proSubscriptionFooter { margin-bottom: 5em;}
#proSubscriptionFooter .outer-box { background-color: #fff; border: 1px solid #dde0e5; border-radius: 4px; padding: 2em; }
#proSubscriptionFooter .outer-box h3 { font-size: 1.2em; font-weight: 700; color: #133c60; }
#proSubscriptionFooter .outer-box i { color: #53d1a3; font-size: 1.4em; }
#proSubscriptionFooter .outer-box p { color: #5f7388; font-size: 1.1em; margin: 0; line-height: 1.4; }

#claim-pack-box{margin-bottom:20px}
#claim-pack-box h2{font-size: 1.3em; color: #133c60; margin-bottom: 24px}
#claim-pack-box .discount-box{background-color:#fff;border:1px solid #dde0e5;border-radius:4px;padding:30px}
#claim-pack-box .discount-box h1{color:#133c60}
#claim-pack-box .discount-box p.lead{color:#53d1a3}
#claim-pack-box input{border:1px solid #e2e4eb;border-radius:2px;margin-bottom:20px}
#claim-pack-box i.fa-lock { color: #5f7388!important; font-size: 1.4em; vertical-align: middle; }
#claim-pack-box .padlock label { cursor: default; font-size: 1.1em; color: #5f7388; display: block; margin: 0 0 0.25em; }
#claim-pack-box a.change-card{ text-decoration:underline; margin-top: 0.8em; display: inline-block; font-size: 1.1em; color: #55b8fc; }
#claim-pack-box form { margin: 0; }
#claim-pack-box .dash-button { padding: 1em 1.5em; width: 100%; }
#claim-pack-box .dash-button:hover { background-color: #55b8fc; opacity: 0.8; }
#claim-pack-box .cc_number, #claim-pack-box .cc_expiry {float: left; color: #a2abaf;display: inline-block;margin-top: 8px;}
#claim-pack-box .cc_number { margin-left: 10px;}
#claim-pack-box .cc_expiry { margin-left: 30px;}
#claim-pack-box .credit-card-box { border: 1px solid #ebe7ee; width: 100%; font-size: 1.2em; height: 3em; padding: 0.3em; margin: 0 0 1.5em; }

#claim-pack-box .specialcard {background-repeat:no-repeat; margin-top: 4.2px; float: left; margin-left: 6px;}
.visa {background-repeat:no-repeat;height: 30px;width: 48px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAYAAABqpJ3BAAAABHNCSVQICAgIfAhkiAAABLhJREFUWIXtmGtMFGcUhp9vdhaWBceyuCjFCwouIBhQ0agYMYKphraoMbZVY9T+0NQ/pbZpE2uTpknTJk1JWnszsdVqrVbTRpNeTDCtqRULoiAW2S1euClQdhfXZYHdYac/djtgtMVWE6Dx/TVzvnO+ed9z+WYyAsDhcCQCJZqm5WuaZmEYQwjhEkKcAIptNluLqKqqSjSbzTVxcXExiqIYZVkeao7/CFVV8Xg8AafT6fX5fNNls9lcEhcXN8pisQxv5mHIsozFYjECMUCJFAwGCxRFGRHkB0JRFGMwGCyQgNjh3jZ3Q5hzrDTURO4XDwUMNR4KGGrc9fhR/6hFddUj0EIGYcAwJh3Zkqz7+Lr9HC+9CEBUVARLCzL59vgF/H6VmOhIlizOACAY1Cgrv0xVTRNt7TcxGCTiraNY/8x8os2R+n7XGju48FszfWoQRYkiPy/9vwuQrdMwRMfT6zhG17ldEPAhRcQQu+EUiFDRDn1dwVsl3wGweeMi5s1J5oXthwBYON/GksUZ3PL2sH7Lbmrrrt/xjFVFOboAd6ePFWs/wNftByDCKFN5cgcREYMf73/rIcxjMGVv4tV9PWzOKsPSXU2f+woGS0pYQDkARtnAuqfm4qhv02OTJ1sBeOf94zr5x/IzKVg0Db9f5Vx1A6OVKN1/38EynTyAP6BSU9vCrOxJgwoYdAamZmZQtHMCbcaZqB2XADhz9gpXGzoAKFyaRfyYUTjqW/tjkscCUHWhUbctL5zBk8uyWFU0izdfW6lnt6cnwIEjZwCYN7u/Rc8PiL0vAXm5NvqCgqd3JdJwtRmAg0fK9fWNa+YDYB9QgalT4gGYmdWfwee27eelHYdpvu6+bf8jRytxd/oAeKV4mV6Zc9UND0ZAmi2BsVaFXhVKjgbocHop/akWCGUszZYAoFdACEFyWMDLzy9j9YrZCCHQNI1j31fx+Or3OP3rZSA04HsO/AJAVuYE0mwJZE+fCMD56gdUAYC83FQAfqxo59P9pwiofQBsWrdA9/n9cqgCiQmP6MNpMhl5Y/tyDu/ZQk52EgDdPX5ef/sYAD+cuEhTiwuAuTlTqHPcYGy8AoCrs4trjc4HJGCBDQBN09j75WkAkpOsLMwN2d2dXXi7egGwpYwLEw3o8dMzxvPhu+sQQgDg84UGdvfnP+s+n+w5SdGanXz1TYVuu5c2uqfP0HlzUjDKBgJqH2o4+xvW5urrN1pv6te2lNAAb9r6GQAZ6Y9ilA2UV15F00LvlcV5aZw5e4WLl1oAiImOJDLSqO/hcnehaRrnqxtZ+cTM+xcQbY4gZ0YSZRWh3rXERrO8cIa+3treLyA1XAFHfSvert47sliwaBrbtxWy9cUvdNvej58lMz1Rv1+1/iNqapuprG7A6fJiMhlve+kNhKirq9NSU1MHFdHh9OJyewFQFDPjwr0K4LnVQ2tbJwATx8dhMhlpanHT0NSB19uLpmmMHh3FlKR4Pe6voTfIBpKTrLc9q7Xdg8fjQwjB5ElWJEkgSeIOTna7/d4FDEfY7faR/zH3UMBQ438hwK2q6lDz+NcIc3ZLkiSVejyeEafA4/EEJEkqlX0+XzFQAIy4X4tAsYCR/XP3T6N8y7XxxywcAAAAAElFTkSuQmCC)}
.mastercard {background-repeat:no-repeat;height: 30px;width: 48px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAYAAABqpJ3BAAAABHNCSVQICAgIfAhkiAAABOFJREFUWIXVmF1MU2cYx3/ncA4t/dRWPhRECU07DKhoYIuZJFomQXAsuzHZsi3Ri+GyZHGZyZxuu+BCb4xemDi3ZDeDRU0Mm86wRYmZeuEEHImT0VKCfPnBV7GlhdLS7uLoxoXA230J/+RcnPR53vf3vH3e532fIwF4vd5s4HgikXAnEgkbi1iSJI1JktQM7Hc6nYNSe3t7tsFguGO3200Wi0VVFOV5M86rWCxGIBCIjo6OToTD4SLFYDAct9vtZpvNtrjJn0hRFGw2mwqYgONyPB4vt1gsSwJ+tiwWixqPx8tlYPliT5tn6Qnzcvl5g/xT/e2lj42M4G9sJHj5MpHeXuLBIEp6OmmFhVh37sRSWYkkz1qf+AwM/AR9P4C/AyaHQDWDeQ1kvwJrX4O09KQ5pM7OzoTL5RJ2iEciPKirY+jECeKh0Jx2OqeTnGPHWFZdDb0X4eYBeOyZe2DFCIUfwObPIEUnxOLxeJILIPrwIb6aGsK3bgnZI0m4vngDEw1i9gDpJVDxPRhWLmjq8XgQ3gMzoRC+qipxeCDFomfoqwYeNQu7wHALNFVBdO5/d7aEAxg8eJDw7dvCHMaS9eS9NYn9JdBnQiIu7Aqjv8Ktj4VMhVIo0tPDb04nxGLCDKkZOlRj5M93XQbk7RF2B0mB3V6w5M1p4vF4xKrQ2JkzyHo9OoeDKY+H1NxcmJkh4vM9G35tLo53+p49WKoVbBtg/HeYGp570uUF0H0Gig/OyyYUQPDqVZbV1JBXX493xw4cFy4w3tiI//x5FJuNsbNnSSsoIK24GOJxrNXVdL//NtZdrzPZ3kZ8IoiavZoMdwrm2gYIdMO9Rgg/AFmnldYVm2CiX1vxmWnYehquv/vvBBAdGMDidjPd349t925iw8NMeb3onU5MZWWYt23DWl3Ng7o6dA4Hkiyz+lQDU11dZHz0KWP19azYu5eZ/lboqodfDoB+Bbj2wJoaWLMLVlfA/Z/BmK1N6r8LoYEF2YQ3cVphIaHWVsxuNxGfjxSTCWtVFXqXi6muLibv3sVYUoIuP5+hkycxl5dj2LCB6P376NetY/DwYe0wG2nTBszaqoGb14IpF7rPgmKAts+hv0kLQEBCAag5OaQVFRFuayPQ1IQuP58Uu53Y6Kj2e2YmweZmDKWlqKtWYdi4kemeHkKtrfjPnUNfUEC4pYVY549QegS2fgk5FTDRBymp2jPcoqVW0Yfwwl7ttDbmLMgmlEKW7dvpra1lqqODRCzG46YmJm7cwLRlC7HxcSRZRl25Em9ZGUpmJgATTV9jfNlNtKeL4aM+CHaiDt6B6/dAVmCoRcv7jtPau78DfN9C5hbtDBjv0IJZQP9ZGc19z4Fe/1eVUq2gzxJ2Fy6jQimky8sjfd++JGaHvlPdPLoMj65oT2wiKXdYVzsv/FMJb+LsI0cwbNokDpBIoOZvxroect8Ek0PcFXsxlB4VMhUOIMVoxHHpEobSUmGOke/aiPAiqcuEXbTLXOUlUI1C5kk1NGpWFq5r18g6dAjZOP8EOqeT/IsXyfnmJlRcAOsCN17FCBs/gVevC91EnyrpfuCpZjc00319zAQC/3tDk3Q/sNiUVD+wWCUD/lgS9X2x6AmzX5Zl+UogEFhyEQQCgagsy1eUcDi8HygHltynRWC/BEv74+4fAxroUkHf2nEAAAAASUVORK5CYII=)}
.amex {background-repeat:no-repeat;height: 30px;width: 48px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAYAAABqpJ3BAAAABHNCSVQICAgIfAhkiAAAB0xJREFUWIXVl3lwldUZxn/fd/eb5SY3+w5ZIQsR2QJCgixFglSRkhlsHHAYrWhFS6lTcJjWOkxFrE4AS6EFKtgysoqUNSDEGvYQkJAEsidkY7lJbnLvzd2+r39c5mIURdI/As9/5znvec/znO+c7z1HAFC/vXORJDNPEPDjIYcsYxegThLkje4Vc/YK4rLt81WCuHmghfUHkswLogLx6YEW0m/ILBJB1gy0jn5DlBLEgdbw/0HUPuIG4JE3oPx2Q6MUMWhUALgk2RMgCgC4ZZnbVgd+GiU6peInT9DtcKEUBe8Yq9ON1ekiUKdGIQh9Ym0ud5/cVqcbvcrTdkoSHTbnjxtYlZvJM6mR9NhdhPlq6XY4cUsydpdEpL+OkWsK2Zk/Dr1KgUuSiQvQ09hlRZbv5ogx6GnqsgIgCBCgVSMj45JklKKAwy3hp1bRYXMgigJGnZoWsw2DVkW33YVRr+aWxU6wj4abFjtGnRq7201Dh5WJG078sIEgvZq5mTEMX12Iyergj1PSWPREEmM+Psql1i5WPpXBtrlZqBQiQz48hCxD+eJpZBYcIUSvQXNn5Xblj+PxNYUMCtTjlmSazTbWPTuCwup2wn21PJcexZx/nUIAxsUFkxTsy7rTNQw2+lDy+lTWnqxiyYFvGB1tpOhXE3nnWDmlLZ0snTjknl/YewZeGZPAwattCMCKaRmsPVWN+842mpIYykdfV5ES4sfHJ6uZnBDaJ8lvs1NY+8xw1s16HJXCsy2OvTSR4oWTSA31p8bU441d8WUFeRkxXF82k81zRrHxXB1/nz2SWpOFY9XtAGSEG6jvsLDhbO09Rd/TwOTEUFYXV5EY5IvTLdHYaWXPlWYAZqVFo1MpWF1cxdbSBn4zPrlPks8uNVFQXMVfT9V4uZFrCkn76DBXb3WTlxHj5W9a7MQF6gH45EI9TknCZHWQFORLQXEVAIE6FR/MyGT5kTLaunt/1IB3C51quM3l9i5++VgslTfNjI0NoqD4GgAKUeCN8Um8ue8iP0sKIz3c0CfJzKERJId4rlHSnQNR87tcZCD/szNsOl/njc2KDWLT+Xr8tSrWFFfzRFwwpS0dDIsw8GlpIzEGj7m8YTFsvdDAlgv1TE0K/0EDCsWEvOcFQUgO89UwJyOGF4bHISPw5vgkzjZ1EGXQkT04hNyUCGpNFpZkpxDqq6XmtoWfp0bS0GmluauXsjYzZW1mZgyJoKnTxnPpUewuayY2QE+Yn5ZQHy1xgXp+PTYJm8vFmSYT4X5aNv1iFK3dvSzMSkSSZMx2J5kRgYyICiQnPoTrXTZGRxsZFOjDP0vq+4iXwSmolu3YJwrC02/lpJAY5MunpQ18VXeLD3KH4a9VeYNrTRbijT40d9kI8tGgVd6/hJxuvE1WbFAfrupWD2qFSJRBh1IUqDVZeO9EJbPSopiecnel60wW3LJMYpCv54vetrCyqLJPLgmsXgP3VfMQQgKr8v5hHjwZH8L7uZn37Ft3upoWcy9/mpqG8K3i5HRLlN8wkx5mQHGnIMp3CmKHzUFS8PefH5U3zMQF+qBT3S1ol1o7SQ31R6UQOXfdxKufX/D2/WQDBq0au8vNvO1n+/AR/jq2zc1CKQos2HmeFrONbrunYipEkTExRqYlhzNx/XHvmACdmuWThvJFeTP/vtjo5ZdPTqXb7mLl5yXYnG4Ajr6UQ2FVOyuLKpEk2cs/sAEAm9NNW08vZ1+b4uWWHLjE7K0n8dMosbnczBsxiL+dqWF3/jjMdifZ64+TPTiEGpOF/fPHExug5/UvStlcUk+kn47MyADenZoOQIiPhqEfHmJhVgKz06MBKGszs+NyE4ULcjDq1Zy7buLl3SX9MwBgcbgZVnAEgFezEtiSN5rEVQdxSRLXlkxnf2Ur7d29rDhegcnqACA5xHMQlx66jFIUKL9hZmf+OPZXtLK7rJm95S0AbMkbzZyMaN47Ucmqr66SFurPP2aPIjXUnykbi/BTK0n+zrZ7YAO+aiUNv58BeP75r+wpITZAj1IUeGPfRaYkhuGvVTE9ORyVQqRg5mMY9WoA3p40lEh/HX8ovMLusutoFAryh8dSMHM4AqBWiExOCGXpk0Np7LSSs/44dR09HF6Qjc3p5pOSet79sqL/BhSigFuWif7zf7xcvNGHAy9OQJYhd/N/udLeRbivlpz4EF7bW8qGs7Vsf34sOpWCtDADlTfMZA8O5pu2LqINKnZdaGZXmafi/2VGJquLq2jotKJXKXg2LYpAnZrEVQcBCNCqmJYczuFrbQ9uoNflJt7oS8Xip77X987RKwgIHHhxgpdr6LSyr6IFo05Nj8PlHdfQaWX+iMHeuMXfuZbkpkQAnvNW1t7VZ84bPb3sudLcx8AjXwce+RfZo21AkmVRQGgZaB39hYjcKspIRQMtpL+QRbFIAAT10h3rZISXRRHhvqMeEshIXzvsvbPvCn5rW6RCKaYgiP4DqOv+cMt2hUSd4/28qwD/A7TLzBr775WFAAAAAElFTkSuQmCC)}
.discover {background-repeat:no-repeat;height: 30px;width: 48px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAYAAABqpJ3BAAAABHNCSVQICAgIfAhkiAAABMNJREFUWIXVWF1oU2cYfnJ6WrTYbE2oBEpko9JQaosQsChjggqhiobdWC+qd2V/udCOXUmkdlUYvciuKsxhV3B0qx1tJrgJrZqua1eKmmKWpkbr2lg12BobNSfJ+c55djEX7FrFn2KTB76L877v937PA8/Hd3gNAHD9+vVSAB6S20makMUwGAwPDAZDP4BD5eXlMwa/319aWFh4zWw2rzEajfmyLK80xxdCCIF4PK7Ozc09TiQSVXJhYaHHbDYXmUym7Gb+FLIsw2Qy5QNYA8Aj6bq+w2g05gT5Z2E0GvN1Xd8hASjOdtsshaeci6WVJvKmyHkBi7xz9OhRRCIRrFq1Cna7Hfv374csy3C73XC5XFAUBS0tLYhGo6ivr0ddXR1mZ2fR2tqKYDCIyspKHD58GEVFRdBu/QF1+FsgEYNU9iHyP3Dh+9OdMJlMcDqdAIBTp05h3bp1GBgYwJ07dwAAJSUlOH78OBoaGgAAxcXFOHDgAKqqqhYrCIVCfBbV1dU8efIke3t76XQ6uWfPHpKkzWbjxMQEHQ4HW1tbOTw8zNHRUSqKQpvNxubmZgYCAXo8HobDYYrpUT5pfp9Pmt/LrOSZz3j27Flu3LiRJJlOp2mxWDg9Pc2Kigq2t7ezv7+fQ0NDFEJQkiSOjIywvb2dFouF/0coFOKSt3fTpk2orq7Grl27YLFYEIlEMrnS0lJ4vV6sX78eu3fvRl9fH8xmM9xuNwCgsrISAJD65UsAXNBXGz+H2sYWfP7gAcbGxnDjxg1s3rwZVqsVADA5OYlEIgGr1QqDwQAAiEQimJ6eRklJyctZaEFSllFQUABVVTOxEydOoKurC8eOHYPX64XT6cTq1asXb5byluwp5eWhoaEBHR0dmJiYQGNjYyaXTCahKApSqRQAgCR8Ph86OzsRCoWWJrmUhS5evMhgMEiXy8WtW7cusJDP52MsFmNPTw/tdjvn5uZosVjY3d1NIQS7u7sZCAQoZvx88lXZQgv1HCJJ3r17l2vXruWGDRsy51ZUVHBwcJDRaJTRaJRCCObl5ZEkHQ4H29ralrTQIgH19fWsqanhtm3b2NTUxPn5eZLk3r17OTU1xSNHjrC8vJx2u52XLl0iSfr9fu7cuZNlZWWsra1lOBwmSYrIFSbPfEqlo47pwTbqIpU55+DBg+zo6Mh879u3jzU1NZmlqiq3bNlCkgwEAnQ4HFQUJVOvhs4vLSAXIG4NMdG2naFQiDn3DujRcaTOfALoGoAce8j0e0EkT9cDyXgmljM/Qdrfw0h1fQykHi2I54QA9fIPUH9rAnSxKJfVAph6jPSvbmjXep9bk7UCtKkRpL1fgPMzL6zLOgFMxJC+8DW0qz+9VH3WCKCWhrjSCdX3DaA8fOl9Ky6AugYt4IXq84APb7/y/hUTQFWB8HdB/PndaxH/D29dgD57E+LqjxBj3a9klefhrQig8hBa6DzE2M/QI6PL01T6l7oMICaEWPbJBB/fhxa+ABE8B/3WHwC1Ze2Pd60AEJMlSeqLx+Mfvelgi2oS+u3L0G4OQJv8HYyOLw/R5yBlcwpJkvpee7RITYV+7y/ot69An7kKPToOaIuf+mWFXAC8Y0XK5hT3iyoeAagyALk93P0HjHXGXp92US0AAAAASUVORK5CYII=)}

.site-banner { margin: 1.75em 0 -2em; padding: 0; border: 1px solid #dde0e5; background-color: #fff; color: #133c60; border-radius:4px; font-size: 1em }
.site-banner .close { top: 12px; right: -2px }
.site-banner .site-banner-msg {  padding: 1em 0 1em 1.02em; text-align: left; border-radius: 4px 0 0 4px }
.site-banner .fade { color: #5f7388; }
.site-banner p, .site-banner ul { margin-bottom: 0.3em }
.bark-dash .site-banner h2 {color: #293b47; font-size: 1.5rem; font-weight: 800; line-height: 1.4; margin: 0 }

@media screen and (max-width: 39.9375em) {
    .site-banner .site-banner-msg {  padding: 1em; }
}

.elite-pro-banner { background:#fef8ec;border:1px solid #fdbd2f;text-align:center;border-radius:4px;margin:1.75em 0 -2em;padding:1em 3em}
.elite-pro-banner p { color:#1e2b39;font-size:1.2em !important;margin:0}
.elite-pro-banner a { font-size: 1em!important; color:#55b8fc !important; text-decoration: underline; font-weight: 700 !important; }
.elite-pro-banner i { color:#FFBE0B; font-size: 0.8em; padding-right: 1em;}
.elite-pro-banner i.last { padding-left: 1em; padding-right: 0;}

.elite-pro-banner .star-left { float: left; width: 10px; margin-left: 18%; margin-right: 16px; }
.elite-pro-banner .star-right { float: left; width: 40px;}
.elite-pro-banner .banner-msg { float: left; width: 56%; margin: 0 auto; text-align: center;}
.banner-appstore-badges a { display: inline-block; margin: 0.5em 0.5em 0; }
.banner-appstore-badges a img { width: 135px; height: 40px; }

.app-download-banner { margin: 1.75em 0 -2em; padding: 0; border-radius:4px; background: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/app_banner-bgX2_01.png') #409fef no-repeat -2em bottom; background-size: auto 120%; font-size: 1em; border: 0; }
.app-banner-msg { background: #409fef; color: #133c60; padding: 1.4em 2em 1em; text-align: left; border-radius: 0 4px 4px 0; }
.app-banner-msg p { color: #444; font-size: 1em; margin-bottom: 1rem; line-height: 1.4; }
.bark-dash .app-banner-msg h2 { color: #fff; font-size: 1.5rem; font-weight: 800; line-height: 1.4; margin-bottom: 0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); }
.app-img-container { overflow: hidden; display: none; }
.app-img-container img { height: 100%; width: auto; overflow: hidden; }
.app-download-banner .banner-appstore-badges a:first-child { margin-left: 0; }
.app-download-banner .close { top: 12px; right: -2px; }

.elite-pro-upgrade-banner { margin: 1.75em 0 -2em; padding: 0; border: 1px solid #dde0e5; border-radius:4px; background: url(https://d18jakcjgoan9.cloudfront.net/img/elite_banner_photo_bg.jpg) #fff no-repeat center right; background-size: cover; margin-top: 3em; font-size: 1em; }
.elite-pro-banner-msg { background: #fff; color: #133c60; padding: 1em 2em 1em; text-align: left; border-radius: 4px 0 0 4px; }
.elite-pro-banner-msg p { color: #5f7388; font-size: 1em; margin-bottom: .1rem; line-height: 1.4; }
.bark-dash .elite-pro-banner-msg h2 { color: #293b47; font-size: 1.5rem; font-weight: 800; line-height: 1.4; margin-bottom: 0; }
.elite-pro-upgrade-banner .gold-club-elite-cta { box-shadow: 0 4px 0 #deb22c!important;  border-radius: 3px; display: inline-block; background-color: #f1c131; left: 0; right: 0; margin: 0 auto; text-align: center; padding: 0.5em 1em; color: #fff; font-weight: 700; font-size: 1.1em; margin-top: 1em; }
.elite-pro-upgrade-banner .gold-club-elite-cta .fa { color: #000; opacity: .15; font-size: .9em; padding-right: .2em;  }
.elite-pro-upgrade-banner .gold-club-elite-cta:hover { background-color: #f5cd53; }
.elite-pro-upgrade-banner .close { top: 12px; right: -2px; }
.elite-pro-offer-banner-boxout { margin-top: 1.5em;}
.elite-pro-offer-banner-boxout img { height: 100px; width: auto; }



#seller-transition h1 { padding-bottom:1em; margin: 0.5em 0 0; }
#seller-transition p.lead { font-size:1.2em; color:#9FB0BE; }
#seller-transition div.payg-box { background-color:#F4F7F9; border-radius:4px; padding: 1em 2em; }
#seller-transition div.payg-box h3 { font-size:1.6em; font-weight:700; color: #133c60; margin: 0 0 1em; }
#seller-transition div.border-right { padding-right:3em; }
.payg-box ul { list-style:none; padding:0; margin-left: 0.8em; }
.payg-box li { padding-left:1.3em; font-size:1.1em; margin-bottom:1em; line-height:1.3em; color:#556A73; }
.payg-box li:before { content:"\e604"; font-family:'bark-icon'; display:inline-block; margin-left:-1.9em; width:1.9em; font-size:1.1em; vertical-align:bottom; color:#51D1A6; }
#seller-transition .dash-button { padding: 1em 1.5em; width: 11em; margin-top: 1em; font-size: 1.1em; }
#seller-transition form { margin:0; }

.response-tips-example { background-color: #f8f8f8; padding: 6em 0; }
.response-tips-example h2 { font-size: 1.8em; color: #133c60; margin: 0; text-align: center; }
.response-tips-example .gradient-line { margin: 1.5em auto 6em; }
.response-tips-example .example-response { background-color: #fff; width: 50em; margin: 0 auto; padding: 4em; }
.response-tips-example .example-response p { color: #133c60; font-style: italic; }

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

.response-tips-one-click { padding: 6em 0; }
.response-tips-one-click h2 { font-size: 1.8em; color: #133c60; margin: 0; text-align: center; }
.response-tips-one-click .gradient-line { margin: 1.5em auto 1.5em; }
.response-tips-one-click .columns-adjust { padding-left: 1.875rem; padding-right: 0; }
.response-tips-one-click p { color: #84a0b3; font-size: 1.2em; }
.response-tips-one-click p i { color: #40cea3; margin: 0.3em 0.5em 0 0; }

.response-tips-upsell { background-color: #f8f8f8; padding: 2em 0; text-align: center; border-top: 1px solid #e6ebef; }
.response-tips-upsell a { display: inline-block; }

.seller-signup-prospect { background-color: #f4f7f9; height: 100%; text-align: center; }
.seller-signup-prospect .signup-prospect-container { background-color: #fff; border: 1px solid #eaf0f3; border-radius: 3px; margin-top: 4em; padding: 0; }
.seller-signup-prospect .signup-prospect-container h2 { 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; padding: 1em; margin: 0; font-size: 1.8em; color: #fff; }
.seller-signup-prospect .signup-prospect-container h2 span { text-decoration: line-through; opacity: 0.5; }
.seller-signup-prospect .signup-prospect-container h4 { color: #133c60; text-transform: uppercase; font-weight: 700; margin: 1em 0 0; font-size: 1.2em; }
.seller-signup-prospect .signup-prospect-container p { color: #84a0b3; font-size: 1.2em; padding: 1em 2em; margin: 0; }
.seller-signup-prospect .signup-prospect-container button { margin: 1em 0 2em; padding: 1em 1.5em; cursor: pointer; }
.seller-signup-prospect .signup-prospect-container button:hover { background-color: #55b8fc; opacity: 0.8; }

.seller-signup-prospect-container { background-color: #f4f7f9; height: 100%; }
.seller-signup-card-container { background-color: #f4f7f9; height: 100%; padding: 100px 0 0; }
.seller-signup-card-container .spw-claim-discount-sect { max-width: 36em; margin: 1em auto 0; border: 1px solid #e6e6e6; border-radius: 3px; padding: 2em; background-color: #fff; }
.seller-signup-card-container .spw-claim-discount-sect form { margin: 0; }
.seller-signup-card-container .spw-claim-discount-sect h2 { margin: 0; font-size: 2em; color: #133c60; text-align: center; }
.seller-signup-card-container .spw-claim-discount-sect p { color: #3e9c05; font-size: 1.1em; text-align: center; }
.seller-signup-card-container .spw-claim-discount-sect label { cursor: default; color: #133c60; font-size: 1.1em; margin: .5em 0; }
.seller-signup-card-container .spw-claim-discount-sect input { border: 1px solid #ccd2dc; border-radius: 3px; color: #133c60; margin-bottom: 0.5em; }
.seller-signup-card-container .spw-claim-discount-sect button { margin: 2em 0 0; padding: 1em 2em; }
.seller-signup-card-container .spw-claim-discount-sect button:hover { background-color: #55b8fc; opacity: 0.9; }
.seller-signup-card-container .spw-claim-discount-sect button:focus { background-color: #55b8fc; }
.seller-signup-card-container .spw-claim-discount-sect input.identified { background-position: 99% !important; }
.seller-signup-card-container .spw-claim-discount-sect .pw-stripe-error { margin: 1em 0; font-weight: bold; color: #ce4826; background-color: #f2dede; padding: .5em; border-radius: 3px; }
.seller-signup-card-container .spw-claim-discount-sect a { display: inline-block; margin: 1em 0 0; color: #133c60; opacity: .5; font-size: 1em; }
.seller-signup-card-container .spw-claim-discount-sect a:hover { opacity: 0.4; }
.spw-claim-discount-points { max-width: 36em; margin: 1em auto 0; border: 1px solid #e4af0f; border-radius: 3px; padding: 1em 2em; background-color: #fff; text-align: center; }
.spw-claim-discount-points i { color: #e4af0f; font-size: 1.4em; margin-right: 0.25em; }
.spw-claim-discount-points h3 { font-size: 1.2em; font-weight: 700; color: #133c60; display: inline-block; }
.spw-claim-discount-points p { color: #5f7388; font-size: 1.1em; margin: 0; line-height: 1.4; }

.seller-signup-prospect-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; padding: 2em 0; }
.seller-signup-prospect-header h2 { margin: 0; font-size: 1.6em; color: #fff; padding: 0 1em; }
.seller-signup-prospect-header h2 span { text-decoration: line-through; color: #47a175; }
.seller-signup-prospect-header img { width: 3em; margin-bottom: 0.5em; }

.seller-signup-prospect-content { padding: 4em 0; background-color: #fff; }
.seller-signup-prospect-content h2 { color: #133c60; font-size: 1.6em; text-align: center; margin: 0 0 2em; }
.seller-signup-prospect-content img { width: 4em; }
.seller-signup-prospect-content p { margin: 1em 0; color: #8492a6; }
.seller-signup-prospect-content button { margin: 3em 0 0; padding: 1em 2em; }
.seller-signup-prospect-content button:hover, .seller-signup-prospect-content button:focus { background-color: #55b8fc; opacity: 0.8; }
.seller-signup-prospect-content span { margin: 1em 0 0; color: #919eaf; font-size: 1.1em; font-style: italic; display: block; }

.prospect-upsell-cover { background: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/prospect-upsell.jpg'); background-repeat: no-repeat; background-size: cover; background-position: top center; min-height: 440px; padding: 5em 0; }
.prospect-upsell-cover img { width: 65px; height: 65px; }
.prospect-upsell-cover h1 { font-weight: 700; margin: 0.5em 0 1em; font-size: 1.8em; }
.prospect-upsell-cover h1 span { text-decoration: line-through; opacity: .25; font-weight: 500; }
.prospect-upsell-cover .prospect-upsell-call-prompt { white-space: nowrap; display: inline-block; background-color: #fff; border-radius: 5em; padding: 0 1.5em; box-shadow: 4px 5px 6px 0px rgba(0, 0, 0, 0.06); }
.prospect-upsell-cover .prospect-upsell-call-prompt i { font-size: 1.4em; margin-right: 0.6em; color: #4ca9f8; vertical-align: middle; }
.prospect-upsell-cover .prospect-upsell-call-prompt p { display: inline-block; margin: 0; padding: 0.5em 0 0.5em 0.75em; border-left: 1px solid #e8e8e8; color: #8492a6; font-size: 1.2em; }
.prospect-upsell-cover .prospect-upsell-call-prompt a { color: #4ca9f8; text-decoration: underline; }

.prospect-upsell-container { position: relative; z-index: 1; }
.prospect-upsell-container:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; background-color: #fafafa; transform: skewY(4deg); }
.prospect-upsell-container .prospect-upsell-container-content { position: relative; margin-top: -70px; padding: 5em 0; }
.prospect-upsell-container .prospect-upsell-container-content h2 { font-size: 1.6em; font-weight: 700; color: #133c60; margin: 0; }
.prospect-upsell-container .prospect-upsell-container-content h3 { font-size: 1.3em; color: #5f7388; font-style: italic; margin: 0.5em 0 2.5em; }
.prospect-upsell-container .prospect-upsell-container-content .prospect-upsell-offer { background-color: #fff; border-radius: 8px; border: 4px solid #4ca9f8; text-align: center; padding: 2em; position: relative; box-shadow: 4px 5px 6px 0px rgba(0, 0, 0, 0.06); }
.prospect-upsell-container .prospect-upsell-container-content .prospect-upsell-offer h4 { margin: 0 0 0.5em; font-size: 1.4em; font-weight: 700; color: #133c60; }
.prospect-upsell-container .prospect-upsell-container-content .prospect-upsell-offer p { font-size: 1.2em; color: #5f7388; }
.prospect-upsell-container .prospect-upsell-container-content .prospect-upsell-offer button { margin: 1.5em 0 0; padding: 0.75em 1.5em; font-size: 1.2em; background-color: #53d1a3; }
.prospect-upsell-container .prospect-upsell-container-content .prospect-upsell-offer .prospect-upsell-offer-badge { position: absolute; width: 6em; height: 6em; border-radius: 50%; background-color: #4ca9f8; left: -2.5em; top: -2.5em; padding: 1.4em; }
.prospect-upsell-container .prospect-upsell-container-content .prospect-upsell-offer .prospect-upsell-offer-badge span { display: inline-block; color: #fff; text-transform: uppercase; font-weight: 700; line-height: 1; font-size: 1.6em; }
.prospect-upsell-container .prospect-upsell-container-content .prospect-upsell-offer .prospect-upsell-offer-mbg { background-color: #fefcf4; border: 1px solid #f0c02e; margin: 0 -2em; border-right: 0; border-left: 0; padding: 1em 2em; }
.prospect-upsell-container .prospect-upsell-container-content .prospect-upsell-offer .prospect-upsell-offer-mbg i { margin-right: 0.25em; font-size: 1.2em; color: #f0c02e; }
.prospect-upsell-container .prospect-upsell-container-content .prospect-upsell-offer .prospect-upsell-offer-mbg h5 { display: inline-block; font-size: 1.2em; color: #133c60; }
.prospect-upsell-container .prospect-upsell-container-content .prospect-upsell-offer .prospect-upsell-offer-mbg p { margin: 0; font-size: 1.1em; }
.prospect-upsell-container .prospect-upsell-container-content .prospect-upsell-credits-exp { margin-top: 3em; }
.prospect-upsell-container .prospect-upsell-container-content .prospect-upsell-credits-exp h4 { font-size: 1.3em; margin: 0 0 0.5em; color: #133c60; }
.prospect-upsell-container .prospect-upsell-container-content .prospect-upsell-credits-exp h4 i { color: #4ca9f8; margin-right: 0.5em; }
.prospect-upsell-container .prospect-upsell-container-content .prospect-upsell-credits-exp p { color: #5f7388; font-size: 1.1em; }
.prospect-upsell-container .prospect-upsell-container-content .prospect-upsell-credits-exp ul { font-size: 1em; }
.prospect-upsell-container .prospect-upsell-container-content .prospect-upsell-credits-exp ul li { color: #5f7388; font-weight: 500; font-size: 1.1em;  }
.prospect-upsell-container .prospect-upsell-container-content .prospect-upsell-profile-continue { color: #5f7388; font-size: 1.1em; margin: 3em 0 0; }
.prospect-upsell-container .prospect-upsell-container-content .prospect-upsell-profile-continue a { display: inline-block; color: #4ca9f8; text-decoration: underline; }

.prospect-upsell-footer { position: relative; z-index: 1; }
.prospect-upsell-footer:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; background-color: #fff; transform: skewY(4deg); }
.prospect-upsell-footer .prospect-upsell-footer-content { position: relative; padding: 4em 0; }
.prospect-upsell-footer .prospect-upsell-footer-content a { color: #4ca9f8; }
.prospect-upsell-footer .prospect-upsell-footer-content h5 { font-size: 1.2em; color: #133c60; }
.prospect-upsell-footer .prospect-upsell-footer-content p { color: #5f7388; }
.prospect-upsell-footer .prospect-upsell-footer-content p b { font-weight: 700; margin: 0 0 0 0.5em; }
.prospect-upsell-footer .prospect-upsell-footer-content p b:first-child { margin: 0; }
.offer-line-through { opacity: .5; text-decoration: line-through; }

.seller-signup-leftnav { width: 28em; height: 100%; float: left; padding: 0 2em; position: relative; overflow: scroll; }
.seller-signup-leftnav .signup-leftnav-wrap { min-height: 100%; }
.seller-signup-leftnav .signup-leftnav-main { overflow: auto; padding-bottom: 6em; overflow-x: hidden; }
.seller-signup-leftnav .signup-leftnav-heading h2 { color: #133c60; font-size: 2em; margin: 1em 0; }
.seller-signup-leftnav .signup-leftnav-heading p { color: #84a0b3; }
.seller-signup-leftnav .signup-leftnav-steps { margin: 5em 0 0; }
.seller-signup-leftnav .signup-leftnav-steps .signup-leftnav-step p { color: #84a0b3; font-size: 1.1em; display: inline-block; margin: 0 0 0.5em; }
.seller-signup-leftnav .signup-leftnav-steps .signup-leftnav-step .signup-step-check { width: 1.5em; height: 1.5em; border-radius: 2px; border: 2px solid #dde0e5; display: inline-block; float: right; margin: 0.25em 0 0 0;  }
.seller-signup-leftnav .signup-leftnav-steps .signup-leftnav-step .signup-step-check i { display: none; }
.seller-signup-leftnav .signup-leftnav-steps .signup-leftnav-step.step-current p { color: #133c60; font-weight: 700; }
.seller-signup-leftnav .signup-leftnav-steps .signup-leftnav-step.step-current .signup-step-check { border: 2px solid #133c60; }
.seller-signup-leftnav .signup-leftnav-steps .signup-leftnav-step.step-checked p { color: #133c60;}
.seller-signup-leftnav .signup-leftnav-steps .signup-leftnav-step.step-checked .signup-step-check { background-color: #53d1a3; border: 2px solid #53d1a3; }
.seller-signup-leftnav .signup-leftnav-steps .signup-leftnav-step.step-checked .signup-step-check i { color: #fff; font-size: 0.8em; margin: 0.4em 0.1em; display: block; }
.seller-signup-leftnav .signup-leftnav-nav { width: 100%; margin-top: -4em; height: 4em; }
.seller-signup-leftnav .signup-leftnav-nav button:hover { color: #cdd2d7 !important; opacity: 0.8; }
.seller-signup-leftnav .signup-leftnav-nav button:focus { color: #cdd2d7 !important; }
.seller-signup-leftnav .signup-leftnav-nav button[disabled] { color: #cdd2d7 !important; opacity: 0.5; background-color: transparent !important; }
.seller-signup-leftnav .signup-leftnav-nav button.next { float: right; margin: 0; }
.seller-signup-leftnav .signup-leftnav-nav button.next:hover { background-color: #55b8fc; color: #fff !important; }
.seller-signup-leftnav .signup-leftnav-nav button.next:focus { background-color: #55b8fc; color: #fff !important; }
.seller-signup-leftnav .signup-leftnav-nav button.next[disabled] { background-color: #55b8fc !important; opacity: 0.5; color: #fff !important; }

.seller-signup-prospect-main { height: 100%; }

.seller-signup-main { background-color: #f4f7f9; height: 100%; border-left: 1px solid #eaf0f3; padding: 2em 0; overflow: scroll; }
.seller-signup-main h1 { font-size: 2.5em; color: #133c60; text-align: center; }
.seller-signup-main .signup-header { width: 35em; margin: 0 auto; }
.seller-signup-main .signup-main-container { background-color: #fff; border: 1px solid #eaf0f3; border-radius: 3px; width: 35em; margin: 4em auto; padding: 3em; }
.seller-signup-main .signup-main-container .signup-main-element { margin-bottom: 1.5em; }
.seller-signup-main .signup-main-container .signup-main-element p { font-size: 1.1em; color: #84a0b3; }
.seller-signup-main .signup-main-container .signup-main-element img { width: 226px; }
.seller-signup-main .signup-main-container #seller_widget.signup-main-element img { width: auto; }
.seller-signup-main .signup-main-container .signup-main-element label { cursor: default; color: #133c60; font-size: 1.1em; margin-bottom: 0.4em; }
.seller-signup-main .signup-main-container .signup-main-element label span { color: #3eaefc; text-decoration: underline; cursor: pointer; }
.seller-signup-main .signup-main-container .signup-main-element input { margin: 0; border-radius: 3px; height: 2.7em; font-size: 1.1em; color: #133c60; border: 1px solid #ccd2dc; }
.seller-signup-main .signup-main-container .signup-main-element textarea { margin: 0; border-radius: 3px; resize: vertical; border: 1px solid #ccd2dc; font-size: 1.1em; color: #133c60; }
.seller-signup-main .signup-main-container .signup-main-element .signup-description-example { font-size: 1.1em; background-color: #fffdf0; border: 1px solid #e4ddcb; padding: 1em; border-radius: 3px; margin-bottom: 1em; color: #9c855f; }
.seller-signup-main .signup-main-container .signup-main-service-areas { margin-bottom: 0; }
.seller-signup-main .signup-main-container .signup-main-service-areas input {border-radius: 2px;height: 42px;}
.seller-signup-main .signup-main-container .signup-main-service-areas input.category { border-radius: 3px 0 0 3px; }
.seller-signup-main .signup-main-container .signup-main-service-areas button {height: 2.9em;border-radius: 3px;margin: 1em 0 0;white-space: nowrap;}
.seller-signup-main .signup-main-container .signup-service-areas-container { margin-top: 1em; }
.seller-signup-main .signup-main-container .signup-service-areas-container .signup-service-area p { display: inline-block; margin: 0; font-size: 1.2em; color: #133c60; font-weight: 700; width: 90%; }
.seller-signup-main .signup-main-container .signup-service-areas-container .signup-service-area p span { color: #84a0b3; font-weight: 500; margin: 0 0.5em; }
.seller-signup-main .signup-main-container .signup-service-areas-container .signup-service-area i { float: right; color: #84a0b3; margin: 0.3em 0 0; font-size: 1.2em; cursor: pointer; }
.seller-signup-main .signup-main-container .signup-badge-element { margin: 0; }
.seller-signup-main .signup-main-container .signup-badge-element p { color: #133c60; }
.seller-signup-main .signup-main-container .signup-badge-element label { display: inline-block; cursor: pointer; margin: 0 0 0.5em; }
.seller-signup-main .signup-main-container .signup-badge-element label input { height: auto; margin: 0 0.5em 0 0; border: 0; }
.seller-signup-main .signup-main-container .signup-badge-element label span { color: #133c60; text-decoration: none; }

.seller-signup-main .signup-service-areas .service-areas-category { margin: 0 0 4rem; }
.seller-signup-main .signup-service-areas .service-areas-cities #distance { height: 42px; border-radius: 2px; }

.signup-main-element.signup-main-service-areas .columns { padding-left: 0; }

#seller_widget.signup-main-element > a { margin: 0 auto 1em; }

.seller-create-cover { background-image: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/seller-signup-cover.jpg'); background-size: cover; background-position: center; padding: 3em 0 4em; }
.seller-create-cover h1 { color: #fff; font-weight: 700; text-shadow: 0 1px 1px rgba(0,0,0,.5); font-size: 2em; line-height: 1.4; margin: 0; }
.seller-create-cover h1.seller-create-subheading { font-size: 1.6em; text-shadow: 0px 1px 1px rgba(0,0,0,.3); margin: .5em 0 1em; }
.seller-create-cover h1 i { font-size: .9em; margin: 0 0.2em 0 0; }
.seller-create-cover img { width: 2em; margin: 0 0 0.5em; }

.seller-create-upsell { background: #fff; border-radius: 3px; padding: 2em; width: 25em; margin: 0 auto 0; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5); }
.seller-create-upsell i { font-size: 2em; color: #65c57e; float: left; margin-top: 0.2em; }
.seller-create-upsell p { font-size: 1.1em; padding-left: 2.75em; color: #133c60; line-height: 1.4; margin: 0 0 1.5em; }
.seller-create-upsell button { width: 100%; border-radius: 2px; background-color: #65c57e; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; margin: 0; }
.seller-create-upsell button:hover { opacity: 0.75; }

.seller-create-title-desc { padding: 0 2em; }

.seller-create-form label { color: #133c60; cursor: default; font-size: 1.1em; margin: 1em 0 0.25em; }
.seller-create-form input { border-color: #ccd2dc; border-radius: 2px; height: 2.7em; font-size: 1.1em; color: #133c60; }
.seller-create-form input:focus { border-color: #52b4fc; }
.seller-create-form button { margin: 1em 0 2em; }
.seller-create-form button.back { background-color: transparent; color: #8ea5ba; padding: 0.7em; }
.seller-create-form button.back:hover { color: #8ea5ba !important; opacity: 0.75; }
.seller-create-form label.emails-opt-in { margin: 1.5em 0 1em; }
.seller-create-form label.emails-opt-in input { height: auto; float: left; margin-top: 0.3em; }
.seller-create-form label.emails-opt-in span { padding-left: 1.75em; display: block; }

.seller-create-info { background-color: #f4f7f9; text-align: center; padding: 1em 0; }
.seller-create-info p { margin: 0; color: #133c60; font-size: 1.1em; }
.seller-create-info p a { color: #52b4fc; text-decoration: underline; display: block; }

.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-review, .seller-external-review { padding: 1em 0 2em; border-bottom: 1px solid #eee; margin-bottom: 1em; }
.seller-review:first-child, .seller-external-review:first-child { padding: 1em 0 2em; }
.seller-review:last-child,  .seller-review:last-child{ margin-bottom: 0; border-bottom: 0; }
.seller-review .image, .seller-external-review .image{ float: left; margin: 0; }
.seller-review .image img, .seller-external-review .image img { width: 2.3em; border-radius: 50%; margin-top: 12px; }
.seller-review .seller-review-right, .seller-external-review .seller-review-right { padding: 0.9em 0 0 4em; }
.seller-review .seller-review-right .seller-review-content i, .seller-external-review .seller-review-right .seller-review-content i { font-size: 1.4em; color: #fbe259; vertical-align: middle; }
.seller-review .seller-review-right .seller-review-content i.no-star { color: #eee; }
.seller-review .seller-review-right .seller-review-content span { font-size: 1em; margin: 0 0.5em 0 0; color:#96a8b7; display: inline-block; vertical-align: middle; }
.seller-review .seller-review-right .seller-review-content .review-respond i { color: #55b8fc; margin: 0 0.5em 0 0; }
.seller-review .seller-review-right .seller-review-content .review-report { color: #E74C3C; }
.seller-review .seller-review-right .seller-review-content .review-report i { color: #E74C3C; margin: 0 0.5em 0 0; }
.seller-review .seller-review-right .seller-review-content .review-respond:hover, .seller-review .seller-review-right .seller-review-content .review-report:hover { opacity: .75; }
.seller-review .seller-review-right .seller-review-message { margin: 0.5em 0; padding: 0; color: #133c60; word-break: break-word; }
.seller-review .seller-review-right .seller-review-message.message-reported { margin-top: 0; color: #75868e; font-style: italic; }
.seller-review .seller-review-right .seller-review-name { font-size: 1.1em; display: inline-block; color: #96a8b7; text-transform: capitalize; }
.seller-review .seller-review-right .seller-review-response { border: 1px solid #f6dbba; background-color: #fdf9e7; color: #8e855b; border-radius: 3px; padding: 1em 1.5em; margin-top: 1em; position: relative; }
.seller-review .seller-review-right .seller-review-response:before { top: -7px; bottom: auto; right: auto; left: 22px; border-width: 0 7px 7px; content: ""; position: absolute; border-style: solid; border-color: #f6dbba transparent; display: block; width: 0; }
.seller-review .seller-review-right .seller-review-response:after { top: -6px; bottom: auto; right: auto; left: 21px; border-width: 0px 8px 8px; content: ""; position: absolute; border-style: solid; border-color: #fdf9e7 transparent; display: block; width: 0; }
.seller-review .seller-review-right .seller-review-response .response-from { font-weight: 700; }
.seller-review .seller-review-right .used-pro { color:#54d1a4; font-weight: 700; }
.seller-review .seller-review-right .used-pro i { margin: 0 0.25em 0 1em; }
.seller-profile-element .seller-review .seller-review-right .used-pro i { color:#54d1a4; font-size: 1em; vertical-align: middle;}

.seller-external-review .seller-review-right .seller-review-content i.bark-review-rating.no-star {color: #eee;}
.seller-external-review .seller-review-right .seller-review-content span { font-size: 1em; margin: 0 0.5em 0 0; color:#96a8b7; display: inline-block; vertical-align: middle; }
.seller-external-review .seller-review-right .seller-review-content .review-respond i { color: #55b8fc; margin: 0 0.5em 0 0; }
.seller-external-review .seller-review-right .seller-review-content .review-report { color: #E74C3C; }
.seller-external-review .seller-review-right .seller-review-content .review-report i { color: #E74C3C; margin: 0 0.5em 0 0; }
.seller-external-review .seller-review-right .seller-review-content .review-respond:hover, .seller-review .seller-review-right .seller-review-content .review-report:hover { opacity: .75; }
.seller-external-review .seller-review-right .seller-review-message { margin: 0.5em 0; padding: 0; color: #133c60; word-break: break-word; }
.seller-external-review .seller-review-right .seller-review-message.message-reported { margin-top: 0; color: #75868e; font-style: italic; }
.seller-external-review .seller-review-right .seller-review-name { font-size: 1.1em; display: inline-block; color: #96a8b7; text-transform: capitalize; }
.seller-external-review .seller-review-right .seller-review-response { border: 1px solid #f6dbba; background-color: #fdf9e7; color: #8e855b; border-radius: 3px; padding: 1em 1.5em; margin-top: 1em; position: relative; }
.seller-external-review .seller-review-right .seller-review-response:before { top: -7px; bottom: auto; right: auto; left: 22px; border-width: 0 7px 7px; content: ""; position: absolute; border-style: solid; border-color: #f6dbba transparent; display: block; width: 0; }
.seller-external-review .seller-review-right .seller-review-response:after { top: -6px; bottom: auto; right: auto; left: 21px; border-width: 0px 8px 8px; content: ""; position: absolute; border-style: solid; border-color: #fdf9e7 transparent; display: block; width: 0; }
.seller-external-review .seller-review-right .seller-review-response .response-from { font-weight: 700; }
.seller-external-review .seller-review-right .used-pro { color:#54d1a4; font-weight: 700; }
.seller-external-review .seller-review-right .used-pro i { margin: 0 0.25em 0 1em; }
.seller-external-profile-element .seller-review .seller-review-right .used-pro i { color:#54d1a4; font-size: 1em; vertical-align: middle;}

.edit-review-pagination div.pagination {border-top: 1px solid #eee; }
.edit-review-pagination ul.pagination {margin-bottom: 0; margin-top: 2.2rem;}
.edit-review-pagination ul.pagination { display: inline-block; margin: 2em 0 0; }
.edit-review-pagination ul.pagination li.current a { background-color: #3eaefc; }
.seller-external-review{display: none; }
.mh250{min-height: 300px; }
a.update-link{float: right; }

ul.pagination li.disabled a {cursor: default;}
ul.pagination li.disabled:hover a,  ul.pagination li.disabled a:focus {background: transparent; cursor: default;}
ul.pagination li.disabled {background: transparent; cursor: default;}

a.review-link-button.white{color: #FFF;background-color: #48a7fc;font-size: 1em;font-weight: normal;color: #FFF;padding: 0.5em 1em;margin-top: 1.5em;border-radius: 3px;font-family: 'Lato', sans-serif;display: inline-block;cursor: pointer;font-weight: 700;text-align: center;}

.review-load-content{opacity: 1;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 2.5em;position: absolute;}

.write-review { text-align: center; }
.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; padding: 0 0 2em 0; border-bottom: 1px solid #f4f7f9; }
.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 h3 { 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; font-weight: 400; margin: 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:1.8em; margin:0; padding:0; }
.post-bark-form p { color:#75868e; margin-bottom: 1.2em; }
.post-bark-form p span { color:#394f6e; font-weight: 700; }
.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; }


.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; }


.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: #75868e; }
.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: #75868e; }
.facebook-post .facebook-content { padding: 0; font-size: 1.1em; margin: 0.5em 0; color: #75868e; }
.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 h2 { font-family: 'Lato', sans-serif; font-size: 1.6em; padding: 1em; margin: 0; }
#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 .new-error .review-use-pro span { display: inline }
#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; }

.reviews-group { display: none; }
.reviews-group.visible { display: block; }

#profile_gallery{padding-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: #fff; border-bottom: 0; }
#profile_gallery  h2 {border-bottom: 0!important;}
.seller-profile-element .photo-nav, .project-images .photo-nav { padding: 1em 1em; background-color: #f8f9f9; border-bottom-right-radius: 4px;  }
.seller-profile-element .photo-gallery { margin: 2em auto; position: relative; text-align:center; width:100%; display: none; }
.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-width: 100%; height:auto; }
.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: 1em 1em; background-color: #f8f9f9; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; width: 100%; }
.project-images .photo-nav img, .seller-profile-element .photo-nav img { border-radius: 0 0 2px 2px; margin: 0 .8em 0 0; cursor: pointer; float: left; box-shadow: black;box-shadow: 1px 0px 1px #ddd;}
.project-images .photo-nav i, .seller-profile-element .photo-nav i {margin-top: 0; height: 168px; line-height: 168px; vertical-align: middle;z-index: 30; width: 30px; font-size: 1.4em; background: rgba(41, 64, 84, 0.7);color: #fff;}
.seller-profile-element .photo-nav .fa-chevron-left, .project-images .photo-nav .fa-chevron-left {float: left; display: block; margin-right: 1%; position: absolute; margin-left: 0; cursor: pointer; padding-left: 1%;}
.seller-profile-element .photo-nav .fa-chevron-right, .project-images .photo-nav .fa-chevron-right {float: none; margin: 0; cursor: pointer; text-align: center; position: absolute;right: 0;}
.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.2; }
.project-images .photo-nav .photo-nav-inner, .seller-profile-element .photo-nav .photo-nav-inner {overflow: hidden; height: 12em; width: 100%; padding: 0;margin: 0; position:relative; }
.project-images .photo-nav .photo-nav-slider, .seller-profile-element .photo-nav .photo-nav-slider { width: 100%; display: inline-block; transition: margin 0.4s; white-space: nowrap; font-size: 0; }

i.fa.fa-chevron-left:hover, i.fa.fa-chevron-right:hover{ background: rgba(41, 64, 84, 1);}

.photo-nav .photo-nav-slider .thumbnail { background-size: cover; background-position: center center; background-repeat: no-repeat; display: inline-block; height: 168px; width: 50%; vertical-align: middle; margin: 0 10px 0 0; }
.photo-nav .photo-nav-slider .hidden-thumbnail { width: 100%; height: 100%; opacity: 0; margin: 0; padding: 0; }
.project-images .photo-nav .photo-nav-slider .thumbnail { width: 25%; }
.project-view-left { padding: 0 }

.photo-nav .photo-nav-slider .thumbnail.public-view-thumbnail { overflow: hidden; position: relative; background-color: #F0F0F0; }
.photo-nav .photo-nav-slider .thumbnail.public-view-thumbnail img { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }


.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 .3em .3em; padding: 0!important; margin-top: -.2em; margin: 0; overflow: hidden; }
.project-images .photo-nav, .seller-profile-element .photo-nav {padding: 0; background-color: #FFF; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; width: 100%; position: relative; }
.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; padding-bottom: 2em; }
.seller-profile-element .row:last-of-type { border-bottom: none; padding-bottom: 0; }
.seller-profile-element .row h3 { margin-bottom: 0; margin-top: 2em; }
.seller-profile-element .row h5 { margin: 2em 0 0.5em 0; color: #133c60; }
.seller-profile-element .row p { color: #75868e; margin-top: 0; padding: 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;}
i.bark-review-rating { color: #fbe259;margin: 0 0.2em 0 0; padding: 0.3em 0; font-size: 1.4em; }
i.bark-review-rating.no-star { color: #eee; }
.columns.review-status.profile-field.center .bark-review-rating {font-size: 1.8em;}
.columns.review-status.profile-field .bark-review-rating {font-size: 1.4em;}
.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 { 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; border-radius: 50%; }
.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; margin-top: 4em;}
.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 .seller-phone-desc { padding-left: 3.5em; margin: 0.5em 0; }
.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-header-capped-responses { margin: 0 -.9375rem; background-color: #fffdf0; border: 2px solid #c1e086; padding: 0.5em 2em; }
.project-view-header-capped-responses i { color: #5e4f43; font-size: 1.4em; float: left; margin-top: 0.15em; margin-left: 0.15em; }
.project-view-header-capped-responses p { margin: 0; color: #5e4f43; padding-left: 2.5em; line-height: 1.4; }

.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; cursor: pointer; }

.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; }

/* Project insights */
.bark-single-project .project-insights {margin: 1rem -0.875rem -0.875rem -0.875rem; padding: 0.5em 0.875rem; border-top: 1px solid #ececec; font-size: 0.95rem; }
.find-work .project-insights {background-color: #fff; padding: 10px; box-shadow: 0 10px 10px 0 #EEF3F7; margin-bottom: 6px}
.my-barks .bark-single-project .project-insights {margin: 1rem 0 0 0; padding: 0.5em 1rem; border-top: 1px solid #ececec; font-size: 0.95rem; }
.bark-single-project .project-insights-buyer {display: inline-block; width: 58%; padding: 0; margin: 0 0 0 0; vertical-align: top;}
.bark-single-project .project-insights-bark {display: inline-block; width: 38%; padding: 0; margin: 0 0 0 2.7%; }
.bark-single-project .project-insights-buyer span,
.bark-single-project .project-insights-bark span {color: #75868e; display: inline-block; padding-bottom: 4px;}
.find-work .project-insights-buyer span,
.find-work .project-insights-bark span {display: inline-block; padding-bottom: 6px;}
.seller-response-modal .modal-project-insights span { font-size: 15px; display: block; font-weight: bold; padding: 0 0 6px 0;}
.insight-tooltip {position:absolute; opacity: 0; max-width: 200px; z-index: 2000; color: #fff; border-radius: 5px; font-weight:bold; padding: 5px 10px 5px 10px;}
.insight-tooltip .triangle {position: absolute; left: 10px; top: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent;}
.project-insight {display: inline-block; background-color: #ffffff; padding: 1px 13px 3px 13px; margin: 0 1px 5px 0; font-size: 14px; text-align: center; border-style: solid; border-width: 1px; border-radius: 14px; opacity: 0.9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.project-insight.be_first_to_respond {color: #00C29A; border-color: #00C29A;}
.project-insight.limited_competition {color: #991B65; border-color: #991B65;}
.project-insight.big_job {color: #FFC450; border-color: #FFC450;}
.project-insight.detailed_description_provided {color: #B69EFD; border-color: #B69EFD;}
.project-insight.specific_location_given {color: #F9236D; border-color: #F9236D;}
.project-insight.re_submitted_request {color: #00B3F6; border-color: #00B3F6;}
.project-insight.urgent_request {color: #EF6277; border-color: #EF6277;}
.project-insight.file_attached {color: #FA9750; border-color: #FA9750;}
.project-insight.image_attached {color: #FA9750; border-color: #FA9750;}
.project-insight.hired_on_bark_before {color: #40CB89; border-color: #40CB89;}
.project-insight.used_bark_before {color: #72D4E0; border-color: #72D4E0;}
.project-insight.domain_email {color: #B69EFD; border-color: #B69EFD;}
.project-insight.phone {color: #F7BF53; border-color: #F7BF53;}
.project-insight.requested_quotes,
.project-insight.viewed_profile,
.project-insight.viewed_website,
.project-insight.requested_call,
.project-insight.requested_contact_details,
.project-insight.engaged {color: #4F99FE; border-color: #4F99FE;}
.project-insight.awaiting_contact {color: #F9236D; border-color: #F9236D;}

.seller-response-modal { width: 53em; }
.seller-response-modal .dropzoneContainer > div { display: inline-block; vertical-align: top; margin: 0 0 1em; }
#sellerRespondUpsell { background: #fff; background-color: #fff; }
.seller-respond-mdl-container { padding: 2.5em 0 0 0; color: #9298a4; background: #fff!important; border-radius: 0 0 4px 4px; }
.seller-respond-mdl-header { width: 100%; text-align: center; }

.bark-icon-cross-o.close-response-modal { z-index: 10; }

.seller-respond-mdl-container ul.tabs { margin-top: 1.5em; }
.seller-respond-mdl-container ul.tabs .tab-title>a { padding: .75rem 2rem; }
.seller-respond-mdl-container ul.tabs li { width: 33.3%; display: inline; background: #f8f9f9; border: 1px solid #dadada; border-left: none; text-align: center; font-size: .85rem; }
.seller-respond-mdl-container ul.tabs li.active { border-top: 2px solid #3eaefc; border-bottom: none;}
.seller-respond-mdl-container ul.tabs li.active a { font-weight: bold; color: #9298a4;}
.seller-respond-mdl-container ul.tabs li a { background: #f8f9f9; color: #9298a4; font-size: .85rem;}
.seller-respond-mdl-container ul.tabs li a:hover { background: #fdfdfd; color: #9298a4; }
.seller-respond-mdl-container ul.tabs li i { padding-right: .5em; font-size: .85rem; }
.seller-respond-mdl-container ul.tabs li.active i { color: #3eaefc; }

p.seller_response_details { background: #e1f2ff; border-radius: 3px; border: 1px solid #e0e0e0; color: #9298a4; padding: .75em 1.5em; font-size: 1em; }
.seller-respond-mdl-container .tabs-content {padding: 2em 0em 0; margin-bottom: 0;}
.seller-respond-mdl-container .tabs-content #panel1, #panel3, .seller-respond-mdl-container .project-details, .seller-respond-mdl-container .project-details, .seller-respond-mdl-container .job-details-head  { padding: 0 3em; }
.seller-respond-mdl-container label { text-transform: none; color: #1e2b39; font-size: 1.5em; font-weight: 500; display: inline-block; padding-right: .5em!important; padding-bottom: 1em!important; letter-spacing: 1; }
.seller-respond-mdl-container .fresh-response-links a { color: #9298a4; font-size: .9rem; text-decoration: underline; }
.seller-respond-mdl-container .fresh-response-links span { padding-right: .6em; }
.seller-respond-mdl-container #quote { width: 60%; display: inline-block; margin: 0; border-radius: 3px 0 0 3px; float: left; font-size: 2em; height: 53px; padding: 0 1em; }
.seller-respond-mdl-container .seller-quote { position: relative; }
.seller-respond-mdl-container .seller-quote span span.response-modal-currency-symbol { position: relative; left: 0px; top: -1px; font-size: 1.6em; opacity: 1; color: #9298A4; }
.seller-respond-mdl-container .new-error .seller-quote span span.response-modal-currency-symbol { display: inline; }
.seller-respond-mdl-container #quote_type { width: 39%; display: inline-block; margin: 0; border-left: none; border-radius: 0 3px 3px 0; float: left; padding: .86em 1em; height: 53px; -moz-appearance: none; }
.seller-mdl-quote { width: 60%; border-top: 1px solid #e6e6e6; padding-top: 1.75em; display: inline-block; }
.seller-respond-mdl-container .quote-later { font-size: .9rem; color: #9298a4; }

.seller-mdl-summarybox { display: inline-block; width: 35%; float: right; }
.seller-mdl-summarybox ul { border-radius: 3px; border:  1px solid #e0e0e0; margin-left: 0; }
.seller-mdl-summarybox ul li { display: block; border-top: 1px solid #e0e0e0; color: #9298a4; padding: 1em .4em; background-color: #f8f9f9; line-height: 1.2; font-size: .9em; font-weight: 700;}
.seller-mdl-summarybox ul li i { padding: 0 .5em; width: 1.8em; color: #42a5ff; }
.seller-mdl-summarybox ul li i.detail-currency { font-family: 'lato', sans-serif; font-weight: 700; font-style: normal; font-size: 1.1em; }
.seller-mdl-summarybox ul li i.detail-currency .response-modal-currency-symbol { padding: 0; color: #42a5ff; font-weight: bold; font-size: 1em; }
.seller-mdl-summarybox ul li:first-child i { color: #c0c4cb; font-size: .95em; width: 2.2em; font-weight: 400; vertical-align: .1em; }
.seller-mdl-summarybox ul li span { clear: left; font-size: .8em; padding-left: 2.6em; font-weight: 500; }
.seller-mdl-summarybox ul li span.response-modal-time-ago { clear: initial; font-size: inherit; padding-left: 0; font-weight: initial; }
.seller-mdl-summarybox ul li span.titlerow { font-weight: bold; }
.seller-mdl-summarybox ul li span.response-modal-estimate-value { clear: initial; font-size: inherit; padding-left: .15em; font-weight: bold; }
.seller-mdl-summarybox ul li:first-child { background-color: #ffffff; border-top: none; padding: 1em .4em; font-size: .95em; font-weight: 400; }

.seller-respond-mdl-container .button-primary-blue { cursor: pointer; width: 100%; margin-top: 2em; 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; }
.seller-respond-mdl-container .button-primary-blue:hover { background: #6ec3fc; }
.seller-respond-mdl-container #fresh_response_form {margin-bottom: 0;}
.seller-respond-mdl-container #panel2 { padding-bottom: 0; }
.seller-respond-mdl-container #panel1, .seller-respond-mdl-container #panel3 { padding-bottom: 3em!important; }
.seller-respond-mdl-container .seller-project-map { margin-top: 2em; border-top: 1px solid #e8e8e8; border-radius: 0 0 4px 4px; }
.seller-respond-mdl-container .seller-project-map .seller-project-map { border-radius: 0 0 4px 4px; }
.seller-respond-mdl-container .seller-create-field .seller-quote span { position: absolute; left: 10px; top: 17px; opacity: .4; font-size: 1.1em; }
.seller-respond-mdl-container #quote::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #133c60; }
.seller-respond-mdl-container #quote::-moz-placeholder { /* Firefox 19+ */color: #133c60; }
.seller-respond-mdl-container #quote:-ms-input-placeholder { /* IE 10+ */color: #133c60; }
.seller-respond-mdl-container #quote:-moz-placeholder { /* Firefox 18- */color: #133c60; }
.seller-respond-mdl-container label.quote-later { cursor: pointer; padding: 0 !important; margin: 1em 0; clear: both; float: left; }
.seller-respond-mdl-container label.quote-later span { padding-left: .5em!important; }
.seller-respond-mdl-container .seller-create-field i { color: #9298a4; padding-right: .5em; font-size: .9em; }
.seller-respond-mdl-container .seller-create-field i.estimate-icon { font-size: 1.1em; font-weight: 700; font-style: normal; }
.seller-respond-mdl-container .seller-create-field textarea { padding: 1rem; font-size: 1.1em; line-height: 1.4;}
.seller-respond-mdl-container .seller-create-field textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ccc; }
.seller-respond-mdl-container .seller-create-field textarea::-moz-placeholder { /* Firefox 19+ */color: #ccc;}
.seller-respond-mdl-container .seller-create-field textarea:-ms-input-placeholder { /* IE 10+ */color: #ccc; }
.seller-respond-mdl-container .seller-create-field textarea:-moz-placeholder { /* Firefox 18- */color: #ccc;}
.seller-respond-mdl-container .has-tip {color: #3eaefc; border-bottom: none; font-size: 1.3em; font-weight: 500; }
.seller-respond-mdl-container input[type="file"], input[type="checkbox"], input[type="radio"] { vertical-align: 0;}
.seller-respond-mdl-container .new-error span { display: inline-block;  }
.seller-respond-mdl-container .fresh-response-links { margin-top: 1rem; }
.seller-respond-mdl-container span { color: #9298a4;}
.seller-respond-mdl-container span.pounds, .seller-respond-mdl-container span.credit-package-pence { color: #59d0a4;}
.seller-respond-mdl-container #quote_later { margin-bottom: 0; cursor: pointer; }
.seller-respond-mdl-container #quote-error { float: left; clear: left; }
.seller-respond-mdl-container h3 span { color: #222; }

ul.respond-steps { margin-left: 0;  }
ul.respond-steps li {  background: none; position: relative; font-size: .9em; display: inline-block; list-style: none; padding: 1.3em .5em 1.3em; width: 150px; }
.seller-respond-mdl-container h1 { padding-bottom: .25em; line-height: 1.4; }
.seller-respond-mdl-container h3 { margin-bottom: 1.5em; font-size: 1.55rem; }
.seller-respond-mdl-container .title-row { background: #fff; }
.seller-respond-mdl-container .title-row .heading { margin-top: 0; }
.seller-respond-mdl-container .title-row .image { margin: 0 2em 3em 0; width: 5em; height: 5em; }
.seller-respond-mdl-container .title-row .image img {margin-top: 0; width: 5em; height: 5em;}
.respond-phone-no { border: 1px solid #3eaefc; padding: .75em 1.5em; padding-bottom: 1.6em; min-height: 0; border-radius: 4px;}
.respond-phone-no h4 { color: #222; font-size: 1.2em; font-weight: 400; margin-bottom: .1em; }
.respond-phone-no h4 i { color: #3eaefc; padding-right: .3em; }
.respond-phone-no p { color: #75868e; margin-top: .5em; margin-bottom: 0; line-height: 1.4; font-size: 1em; }

.seller-response-modal ul.respond-steps-dotted { list-style: none; font-size: 0; border-top: dashed #C1CDD6 1px; position: relative; width: 70%; margin: 1.1rem auto; max-width: 320px; }
.seller-response-modal ul.respond-steps-dotted li { display: inline-block; font-size: 1rem; position: absolute; width: 12px; height: 12px; background-color: #75dbb6; top: -6px; border-radius: 50%; margin: 0 -6px 0 0; right: 50%; }
.seller-response-modal ul.respond-steps-dotted li:first-child { right: 100%; margin: 0; }
.seller-response-modal ul.respond-steps-dotted li:last-child { right: 0; margin: 0; }

.seller-respond-mdl-container .title-row .heading h1 { font-size: 1.3em; color: #9298a4; padding-top: 0; }
.seller-respond-mdl-container .title-row .heading span { color: #133c60; }
.seller-respond-mdl-container small { font-size: 1em; color: #9298a4; }
.seller-respond-mdl-container small i { padding-right: .3em; }
.seller-mdl-detailsbox { clear: left; }
.seller-mdl-detailsbox ul{ width: 100%; background: #f8f9f9; border-top: 1px #e8e8e8 solid; border-bottom: 1px #e8e8e8 solid; margin-left: 0; padding: 0 2.63em; margin-bottom: 2rem;  }
.seller-mdl-detailsbox ul li { display: inline-block; color: #133c60; padding: .8em 1.4em; line-height: 1; font-size: .85em; font-weight: 700; max-width: 32%; vertical-align: top;}
.seller-mdl-detailsbox ul li span.titlerow { display: inline; color: #133c60; line-height: 1; font-size: 1em; font-weight: 700; vertical-align: top; }
.seller-mdl-detailsbox ul li span.response-modal-currency-symbol { line-height: 1; vertical-align: top; color: #42a5ff; font-weight: bold; font-size: 1em; }
.seller-mdl-detailsbox ul li:first-child { padding-left: 0; }
.seller-mdl-detailsbox ul li i { padding: 0; width: 1.3em; color: #42a5ff; margin-bottom: .3em; }
.seller-mdl-detailsbox ul li:first-child i { }
.seller-mdl-detailsbox ul li span { clear: left; font-size: .8em; font-weight: 500; color: #9298a4 }
.seller-mdl-detailsbox ul li i.detail-currency { font-family: 'lato', sans-serif; font-weight: 700; font-style: normal; font-size: 1.1em; width: .9em; vertical-align: top; line-height: 1; margin: -2px 0 .35em; }

.seller-respond-mdl-container .project-images .item { text-align: center; outline: none; }
.seller-respond-mdl-container .project-images .item > a { display: inline-block; outline: none; }
.seller-respond-mdl-container .project-images .item > a > img { margin: 1rem 0; height: 8rem; }
.seller-respond-mdl-container .project-images .slick-arrow:before { color: #333; }

.seller-respond-mdl-container .project-files { margin: 1em 0; border-top: solid 1px #e8e8e8; border-bottom: solid 1px #e8e8e8; padding: 1em 0; }
.seller-respond-mdl-container .project-files .file-link-dl { font-size: 1em; padding: .5em; display: inline-block; margin: .5em 1em .5em 0; background-color: #9298A4; border-radius: 3px; }
.seller-respond-mdl-container .project-files .file-link-dl > .fa { display: inline-block; margin: 0 1em 0 0; }
.seller-respond-mdl-container .project-files .file-link-dl > span { color: #FFF; font-weight: bold; }

.seller-respond-mdl-container .project-details p.detail-title { color: #9298a4; font-weight: 400; border-top: 1px solid #e8e8e8; padding-top: .75em; margin-bottom: 0;  }
.seller-respond-mdl-container .project-details p.detail-title:first-child { border-top: none; padding-top: 0; }
.seller-respond-mdl-container .project-details p { color: #133c60; font-weight: 700; margin-bottom: .75em; font-size: 1.1em;  }
.seller-respond-mdl-container .project-details-map { height: 12em; margin: 0; position: relative; background-size: cover!important; background-repeat: no-repeat!important; border-radius: 0 0 4px 4px;  }

.seller-respond-mdl-header h4 { font-size: 1.2rem; font-weight: 400; color: #9298a4; margin-bottom: 1.6em; }
.seller-tip { border: 1px solid #e8e8e8; border-radius: 5px; padding: 1.6em 2em; text-align: center; width: 48%; margin-bottom: 2em; min-height: 27em; display: inline-block; vertical-align: top; }
.seller-tip img { width:6em; height: auto; }
.seller-tip h5 { font-size: 1.1rem; }
.seller-tip p { font-size: .875rem; }
.seller-tip:nth-child(even) { margin-left: 1%; }

#sellerRespondUpsell h3 {margin-bottom: .4em!important; font-size: 1.65rem;}
#sellerRespondUpsell .seller-respond-mdl-header p {margin-bottom: 2.5em;}
#sellerRespondUpsell .seller-respond-mdl-header { padding: 0 1.5em; }
#sellerRespondUpsell .highlight_green { font-weight: 700; color: #59d0a4;  }
.credit-info-list { width: 100%; background: #f8f9f9; border-top: 1px #e8e8e8 solid; border-bottom: 1px #e8e8e8 solid; margin-left: 0; padding: .3em 1.5em 1.1em; margin-bottom: 5rem;  }
.credit-info-list li { width: 49%; display: inline-block; padding: .8em 0 0 1.2em; line-height: 1; font-size: .825em; font-weight: 400; vertical-align: top; color: #9298a4; line-height: 1.5;}
.credit-info-list i { color: #59d0a4; padding-right: .5em;  }
.seller-respond-mdl-container .credit-package-container { padding-right: 0; padding-left: 0; }
.seller-respond-mdl-container .credit-package-container h4 { font-size: 1.6em; }
.seller-respond-mdl-container .credit-package-container .credit-package img { height: 2.5em; margin: 1.5em 0 0; }
.seller-respond-mdl-container .credit-package-container .credit-package-middle { margin: -1em 0; }
.seller-respond-mdl-container .credit-package-container.credit-package-middle .credit-package { padding-bottom: 2em; }
.seller-respond-mdl-container .credit-package-right .credit-package-middle .credit-package img { margin-top: 2em; }
.seller-respond-mdl-container .credit-package-left .credit-package img { margin-top: .6em; }
.seller-respond-mdl-container .this-message { font-size: .8em; }
.what-credit { clear: left; margin-top: 5em; }
.what-credit h4 { font-size: 1.25em; background: #fff; color: #9298a4; }
.what-credit p { font-size: .95em; padding-bottom: 2em; margin-top: 1em;}
.what-credit::before { position: relative; top: 1.25em; border-top: 1px solid #dde1e6; width: 100%; }

.seller-response-modal-packs .credit-package-container .credit-package img { height: 2.3em; }
.seller-response-modal-packs .credit-package-container.credit-pack-list-0 { padding-right: 0; }
.seller-response-modal-packs .credit-package-container.credit-pack-list-0 .credit-package button { background-color: #8ea5ba;}
.seller-response-modal-packs .credit-package-container.credit-pack-list-0 .credit-package .credit-package-discount span { background-color: #8ea5ba;}
.seller-response-modal-packs .credit-package-container.credit-pack-list-0 .credit-package {border-right: 0; margin-right: -3px; border-radius: 3px 0 0 3px; top: -10px; }

.discounted-credit-packs .credit-package-container.credit-pack-list-1 { margin: -1em 0; padding: 0; }
.discounted-credit-packs .credit-pack-list-1 .credit-package { border: 2px solid #59d0a4; padding:1.5em; }
.seller-response-modal-packs .credit-package-container.credit-pack-list-1 .credit-package button { background-color: #53d1a3;}
.seller-response-modal-packs .credit-package-container.credit-pack-list-1 .credit-package .credit-package-discount span { background-color: #53d1a3;}

.seller-response-modal-packs .credit-package-container.credit-pack-list-2 { padding-left: 0; }
.seller-response-modal-packs .credit-package-container.credit-pack-list-2 .credit-package .credit-package-discount span { background-color: #59b3ed;}
.seller-response-modal-packs .credit-package-container.credit-pack-list-2 .credit-package {border-left: 0; margin-left: -3px; border-radius: 0 3px 3px 0; top: -10px; }
.seller-response-modal-packs .pack-output .credit-upsell-topup-only > p .side { margin: .85em 1em 0; vertical-align: top; }


a.phone_no { text-decoration: underline; color: #3eaefc; }

.seller-buy-mdl-header { margin: 2.5em 2em; }
.seller-buy-mdl-header h3 { font-size: 1.6rem; }
.seller-buy-mdl-header p { color: #9298a4; text-align: center; }

.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; }

.subscription-upsell { padding: 0 0 4em; }
.subscription-upsell .subscription-upsell-banner { text-align: center; color: #fff; padding: 1.2em 0 1em; font-size: 1.4em; font-weight: 700; margin: 0 0 2em; background: rgba(156,220,156,1); }
.subscription-upsell .subscription-upsell-banner i { margin: 0 0.5em 0 0; }
.subscription-upsell .button-primary-blue { color: #fff; text-decoration: none; }
.subscription-upsell .credit-upsell-perks { margin: 2em 0; }

.subscription-upsell-banner-confirm { text-align: center; color: #fff; padding: 1.2em 0 1em; font-size: 1.4em; font-weight: 700; margin: 0 0 -1em; background: rgba(156,220,156,1); }
.subscription-upsell-banner-confirm i { margin: 0 0.5em 0 0; }

.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-header p span.flash-sale-strikethrough { text-decoration: line-through; opacity: 0.5; }
.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.new-error { border-color: #ce4826 !important; border-width: 1px !important; border-style: solid !important; }
.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 .response-credit-balance p del { opacity: 0.3; }
.project-view-new-ppr .response-credit-balance.free { padding: 0.5em 2em; background-color: rgb(218, 165, 32); color: #FFF; margin: -1em -2em 1em; }
.project-view-new-ppr .response-credit-balance.free p { color: #FFF; font-size: 1rem; padding-left: 2.5em; }
.project-view-new-ppr .response-credit-balance.free p a { display: inline-block; color: #fff; text-decoration: underline; }
.project-view-new-ppr .response-credit-balance.free i { margin: 0.15em 0 0 0.15em; font-size: 1.4em; float: left; }
.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; }
.legal-page p a { text-decoration: underline; color: #46a6ff; }

.pro-monopoly-landing { margin: 3em 0; }
.pro-monopoly-landing h2 { font-size: 1.6em; margin: 0 0 1em; }
.pro-monopoly-landing p, .pro-monopoly-landing ul li { color: #133c60; }

.about-page p { color: #96a8b7; }
.about-page p a { color: #52b4fc; }
.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; }


.about-page .about-address { margin-bottom: 1.25rem; }
.about-page .about-address p { margin: 0; }

.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; margin-bottom: 4em;}
.pro-center-top { padding: 3em 0; }
.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('https://d1w7gvu0kpf6fl.cloudfront.net/img/hewer-circle.png'); float: left; margin: 0 2em 1em 0;}
div.phone-icon { width: 32px; height: 32px; background: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/icon-phone.png'); background-size: 100% 100%;  float: right; margin-top: 8px; }
div.chat-icon { width: 32px; height: 32px; background: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/icon-chat.png'); background-size: 100% 100%;  float: right; margin-top: 8px}
div.mail-icon { width: 32px; height: 32px; background: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/icon-mail.png'); background-size: 100% 100%;  float: right; margin-top: 8px}

.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('https://d1w7gvu0kpf6fl.cloudfront.net/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.cost .fa-usd { font-size: 24px; margin: 5px 9px; color: #fff; }
.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; }

#oneClickPaymentDetails .modal-notes, #sml-payment-details .modal-notes { margin: -1em 2em 2em 2em; text-align: center; color: #888888; }


.dashboard-save-sect {width: 100%; padding: 1.2em; background-color: #fff;left: 0; text-align: center; box-shadow: 0px -1px 1px 0px rgba(0,0,0,0.15);}
form.dashboard-edit-form {margin-bottom: 0;}
.dashboard-save-sect .dash-button {display: inline-block;}
.dashboard-save-sect .dash-button.white:hover {color: #DDD !important; /*@TODO Remove !important - bad practise*/}

.signup-service-area:hover { background-color: #F0F0F0; }
.signup-service-area { padding: 0.5em; -webkit-transition: background-color 0.3s; }

.be-first-header { font-size: 1.1em; color: #fff; font-weight: 700; background: #DAA520; margin: 1em 0 -1em; padding: 0.25em 2em 0.25em 2em; position: relative; width: 90%; }
.be-first-header .banner-effect { width: 0; height: 0; border-left: 28px solid transparent; border-right: 28px solid transparent; position: absolute; right: -28px; }
.be-first-header .banner-effect-top { top: 0; border-top: 28px solid #DAA520; }
.be-first-header .banner-effect-bottom { bottom: 0; border-bottom: 28px solid #DAA520; }

.project-response-capped { padding: 2em; background-color: #FFF; border: solid 1px #dde0e5; }
.project-response-capped h4 { color: #3a4449; font-size: 1.4em; font-weight: 700; }
.project-response-capped p { color: #3a4449; }
.project-response-capped a { color: #52b4fc; }
.project-response-capped.project-view-large-4 { padding: 2em; }
.project-response-capped .see-all-matching { margin: 1em 0 0; }
.project-response-capped .single-project { padding: .7em 0; border-bottom: solid 1px #F0F0F0; }
.project-response-capped .single-project > div { display: inline-block; vertical-align: middle; }
.project-response-capped .single-project .left-main { width: 70%; width: calc(100% - 100px); }
.project-response-capped .single-project .left-main .item-category-name { margin: 0; position: relative; padding: 0 0 0 1.5em; color: #3a4449; }
.project-response-capped .single-project .left-main .item-who-where { margin: 0; position: relative; padding: 0 0 0 1.5em; display: inline-block; color: #3a4449; opacity: .75; }
.project-response-capped .single-project .right-btn { width: 29%; width: calc(95px - 0px); text-align: center; }
.project-response-capped .single-project .right-btn a { background-color: #54d1a3; font-size: 1em; font-weight: normal; color: #FFF; padding: 0.5em 1em; margin: 0; border-radius: 3px; font-family: 'Lato', sans-serif; display: inline-block; cursor: pointer; font-weight: 700; }

.project-too-many-responses-modal .content { padding: 0 2em 2em; }
.project-too-many-responses-modal .content p { color: #3a4449; }

/* animate.css pulse code */

.animated {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -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;
}

.shake-animation { animation: shake 1s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; }

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

/* ripple.css code */

@-webkit-keyframes uil-ripple {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        margin: 0 0 0 0;
    }
    33% {
        width: 44%;
        height: 44%;
        margin: -22% 0 0 -22%;
        opacity: 1;
    }
    100% {
        width: 88%;
        height: 88%;
        margin: -44% 0 0 -44%;
        opacity: 0;
    }
}
@-webkit-keyframes uil-ripple {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        margin: 0 0 0 0;
    }
    33% {
        width: 44%;
        height: 44%;
        margin: -22% 0 0 -22%;
        opacity: 1;
    }
    100% {
        width: 88%;
        height: 88%;
        margin: -44% 0 0 -44%;
        opacity: 0;
    }
}
@-moz-keyframes uil-ripple {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        margin: 0 0 0 0;
    }
    33% {
        width: 44%;
        height: 44%;
        margin: -22% 0 0 -22%;
        opacity: 1;
    }
    100% {
        width: 88%;
        height: 88%;
        margin: -44% 0 0 -44%;
        opacity: 0;
    }
}
@-ms-keyframes uil-ripple {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        margin: 0 0 0 0;
    }
    33% {
        width: 44%;
        height: 44%;
        margin: -22% 0 0 -22%;
        opacity: 1;
    }
    100% {
        width: 88%;
        height: 88%;
        margin: -44% 0 0 -44%;
        opacity: 0;
    }
}
@-moz-keyframes uil-ripple {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        margin: 0 0 0 0;
    }
    33% {
        width: 44%;
        height: 44%;
        margin: -22% 0 0 -22%;
        opacity: 1;
    }
    100% {
        width: 88%;
        height: 88%;
        margin: -44% 0 0 -44%;
        opacity: 0;
    }
}
@-webkit-keyframes uil-ripple {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        margin: 0 0 0 0;
    }
    33% {
        width: 44%;
        height: 44%;
        margin: -22% 0 0 -22%;
        opacity: 1;
    }
    100% {
        width: 88%;
        height: 88%;
        margin: -44% 0 0 -44%;
        opacity: 0;
    }
}
@-o-keyframes uil-ripple {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        margin: 0 0 0 0;
    }
    33% {
        width: 44%;
        height: 44%;
        margin: -22% 0 0 -22%;
        opacity: 1;
    }
    100% {
        width: 88%;
        height: 88%;
        margin: -44% 0 0 -44%;
        opacity: 0;
    }
}
@keyframes uil-ripple {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
        margin: 0 0 0 0;
    }
    33% {
        width: 44%;
        height: 44%;
        margin: -22% 0 0 -22%;
        opacity: 1;
    }
    100% {
        width: 88%;
        height: 88%;
        margin: -44% 0 0 -44%;
        opacity: 0;
    }
}
.uil-ripple-css {
    background: none;
    position: relative;
    width: 200px;
    height: 200px;
    margin: auto;
}
.uil-ripple-css div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    width: 0;
    height: 0;
    opacity: 0;
    border-radius: 50%;
    border-width: 10px;
    border-style: solid;
    -ms-animation: uil-ripple 2s ease-out infinite;
    -moz-animation: uil-ripple 2s ease-out infinite;
    -webkit-animation: uil-ripple 2s ease-out infinite;
    -o-animation: uil-ripple 2s ease-out infinite;
    animation: uil-ripple 2s ease-out infinite;
}
.uil-ripple-css div:nth-of-type(1) {
    border-color: #2989d8;
}
.uil-ripple-css div:nth-of-type(2) {
    border-color: #2989d8;
    -ms-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}

/* 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%; }

div.customer-testimonials-list div.columns {float: none !important;}

.new-ppc-cover { background-position: center; background-size: cover; min-height: 40em; padding: 10em 0; position: relative; }
.new-ppc-cover h1 { font-size: 3.5em; line-height: 1.2; color: #fff; text-shadow: 0 1px 4px rgba(0,0,0,.5); font-weight: 700; margin: 0 0 1em; }
.new-ppc-cover .new-ppc-cover-post-bark.row { max-width: 20em; margin: 0 auto; box-shadow: 0px 0px 30px 0px rgba(19,60,96,0.5); -webkit-box-shadow: 0px 0px 30px 0px rgba(19,60,96,0.5); -moz-box-shadow: 0px 0px 30px 0px rgba(19,60,96,0.5); border-radius: 4px; }
.new-ppc-cover .new-ppc-cover-post-bark input { margin: 0; height: 2.8em; border: 0; font-size: 1.2em; }
.new-ppc-cover .new-ppc-cover-post-bark .post-bark-input { color: #133c60; padding: 0 1em; border-radius: 4px 0 0 4px; }
.new-ppc-cover .new-ppc-cover-post-bark .post-bark-button, .new-ppc-cover #project-create-form .new-ppc-cover-post-bark #bark_submit:focus { border-radius: 0 4px 4px 0; font-family: 'Lato', sans-serif; font-weight: 700; background-color: #3f93f3 !important; }
.new-ppc-cover #project-create-form .new-ppc-cover-post-bark #bark_submit:hover { background-color: #287ddd !important; }
.new-ppc-cover .home-press { bottom: 0; }
.new-ppc-cover span.new-error { font-size: 1.1em; display: block; max-width: 20em; margin: 1em auto 0; color: #fff; font-weight: 700; }

.new-ppc-breadcrumbs-container { text-align: center; width: 100%; padding: 4em 0 0; margin-bottom: -2em; background-color: #fff; }
.new-ppc-breadcrumbs-container .breadcrumbs { display: inline-block; border-radius: 0; background-color: #fff; border: none; margin: 0; }
.new-ppc-breadcrumbs-container .breadcrumbs span { color: #8695a1; opacity: 0.5; font-size: 0.9em; line-height: 1.2; }
.new-ppc-breadcrumbs-container .breadcrumbs a { color: #8695a1; }
.new-ppc-breadcrumbs-container .breadcrumbs a:hover { text-decoration: underline; }
.new-ppc-breadcrumbs-container .breadcrumbs>*:before { content: ">"; font-size: 1.5em; color: #8695a1; opacity: 0.5; }
.new-ppc-breadcrumbs-container .breadcrumbs>*:first-child:before { content: ""; }

.pt-cover { background-image: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/cover/personal-training-cover.jpg'); background-position: top; }
.hc-cover { background-image: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/cover/house-cleaning-cover.jpg'); }
.pbh-cover { background-image: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/cover/photo-booth-hire-cover.jpg'); }
.dj-cover { background-image: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/cover/dj-cover.jpg'); }
.photography-cover { background-image: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/cover/photography-cover.jpg'); }
.gardening-cover { background-image: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/cover/gardening-cover.jpg'); }
.dog-training-cover { background-image: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/cover/dog-training-cover.jpg'); }
.catering-cover { background-image: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/cover/catering-cover.jpg'); }
.accounting-cover { background-image: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/cover/accounting-cover.jpg'); }
.printing-services-cover { background-image: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/cover/printing-services-cover.jpg'); }
.builders-cover { background-image: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/cover/builders-cover.jpg'); }
.wedding-photography-cover { background-image: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/cover/wedding-photography-cover.jpg'); }
.portrait-photography-cover { background-image: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/cover/portrait-photography-cover.jpg'); }
.event-photography-cover { background-image: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/cover/event-photography-cover.jpg'); }

.breadcrumbs-container {width: 100%;z-index: 95;top: 84px;text-align: center;}
.breadcrumbs-container .breadcrumbs {border-radius:0;border:none;background-color: transparent;margin: 0;padding: 2rem 0.875rem 0;font-size: 0.9em;color: #8695a1;opacity: 0.5;}
.breadcrumbs-container .breadcrumbs li {line-height: 1.6;color: #8695a1;font-weight: normal;display: inline-block; white-space: nowrap;float: none;font-size: 1em;}
.breadcrumbs-container .breadcrumbs a, .breadcrumbs-container .breadcrumbs a {
    color: #8695a1;
}
.breadcrumbs-container .breadcrumbs>*:before {content: ">";font-size: 1.5em;color: #8695a1;}
.breadcrumbs-container .breadcrumbs>*:first-child:before { content: ""; }
.seller-profile-header-padding { height:2em; }
.seller-profile-header-padding-breadcrumb { height: 3.2em; display: none;}

.reveal-modal.fix-email-issue-done { width: 620px; }
.reveal-modal.fix-email-issue-done h1 { color: #0A1248; text-align: center; }
.fix-email-issue-container { margin: 0; padding: 0 20px; }
.fix-email-issue-option { width: 49%; border: 1px solid #dde0e5; background: #fff; margin-right: 1%; border-radius: 3px; padding: 10px 20px; }
.fix-email-issue-content { background-color: #fff; color: #0A1248; width: 100%; }
.fix-email-issue-content i { color: #07B764; font-size: 1.6em; }
.fix-email-issue-content h2 { color: #0A1248; font-size: 1.1em; font-weight: 700; margin: 5px 0; }
.fix-email-issue-content p { color: #6C7191; flex: 1 0 auto; font-size: 1em; margin: 0 0 15px; }
.fix-email-issue-content a { background-color: #2D7AF1; padding: 5px 15px; font-weight: 700; color: #fff; border-radius: 3px; display: inline-block; margin-bottom: 10px; }
.fix-email-issue-content a:hover { opacity: .9; }
.fix-email-issue-close { padding: 20px 0; text-align: center; }
.fix-email-issue-close a { display: inline-block; font-size: 1.1em; text-decoration: underline; color: #0A1248; opacity: .5; }

.reveal-modal.web-mail h1 { color: #0A1248; padding: 15px 20px 0; }
.reveal-modal.web-mail p.sub-text { color: #6C7191; margin: 0; padding: 0 20px 15px; }
.reveal-modal.web-mail hr { margin: 0; }
.reveal-modal.web-mail .default-modal-content { padding: 15px 20px; }
.reveal-modal.web-mail h2 { color: #0A1248; font-size: 1.4em; margin: 0 0 10px; }
.reveal-modal.web-mail h2 i { margin-right: 10px; vertical-align: text-bottom; }
.reveal-modal.web-mail ul { list-style-position: inside; list-style-type: disc; }
.reveal-modal.web-mail ul li { color: #6C7191; }
.reveal-modal.web-mail ul li a { color: #2D7AF1 }

.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(https://d1w7gvu0kpf6fl.cloudfront.net/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; }
img.verifiedProImg {border:2px solid #e4af0f !important;}
img.verifiedProImgAvatar {border:2px solid #e4af0f;}
div.verifiedProMessenger {border:2px solid #e4af0f !important;}

.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-top-locations-container { padding: 4em 0; }

.directory-customers-thoughts h2, .directory-body-about h2, .directory-body-about h1, .directory-top-locations h2, .directory-example-barks h2, .directory-top-locations .h2 { margin:.5em 0 .5em; font-size: 1.6em; color: #133c60;  padding-left: 2.5em; }
.directory-customers-thoughts, .directory-body-about, .directory-example-barks { border-bottom: 1px solid #eee; padding: 4em 0; }
.directory-body-about { border-bottom: none; }
.directory-body-about ~ .directory-top-locations-container { border-top: 1px solid #eee }
.directory-body-about ul { text-align: left }

.directory-body-about .gradient-line, .directory-top-locations .gradient-line, .directory-example-barks .gradient-line { margin: 1.5em 0 1em; }

.directory-section-icon { width: 3em; float: left; }
.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-example-barks { background-color: #fff; }
.directory-example-barks .example-bark-container { background-color: #fdfdfd; border-radius: 3px; padding: 2em; margin-top: 2em; border: 1px solid #eee; }
.directory-example-barks .example-bark-container h4 { font-size: 1.1em; color: #133c60; margin: 0; }
.directory-example-barks .example-bark-container p { font-size: 1.1em; color: #8695a1; }
.directory-example-barks .example-bark-container p:last-child { margin: 0; }
.directory-example-barks .example-bark-container span { font-size: 1.1em; color: #133c60; border-top: 1px solid #eee; margin: 0; padding-top: 1em; font-style: italic; font-weight: 700; display: block; }

.local-example-barks { padding: 0; border: 1px solid #dde0e5; border-radius: 3px; margin-top: 2em; }
.local-example-barks h2 { padding: 0.5em 1em; font-family: 'Lato', sans-serif; font-size: 1.4em; color: #133c60; font-weight: 500; margin: 0; }
.local-example-barks hr { margin: 0; border-color: #dde0e5; }
.local-example-barks .local-barks-container { padding: 1.5em; border-bottom: 1px solid #dde0e5; }
.local-example-barks .local-barks-container:last-child { border-bottom: 0; }
.local-example-barks .local-barks-container h4 { font-size: 1.1em; color: #133c60; margin: 0; }
.local-example-barks .local-barks-container p { font-size: 1.1em; color: #8695a1; }
.local-example-barks .local-barks-container p:last-child { margin: 0; }

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

.directory-seller-list { border-bottom:1px solid #e6e8ec; padding:1em; min-height: 7em; position: relative; }
.directory-seller-list.elite-pro { background-color: #fbf1d0; }
.directory-seller-list.hover:hover { background-color:#fcfff5; }
.directory-seller-list img { position:absolute; width:5em; border-radius: 2px; }
.directory-seller-list .seller-profile-img { position:absolute; width:5em; border-radius: 2px; top: 16px; }
.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: 1em 0 0; }
.directory-pagination ul.pagination li.current a { background-color: #2D7AF1; }

.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.bark-review-rating { margin: 0.35em 0.2em 0 0; font-size: 1em; }
.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: #e4af0f; }

.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; }

.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; }

body.mobile.ios .new-project-field #is_local { padding:0; }

iframe.widget-preview { width: 300px; height: 300px; border-radius: 6px; border: 2px solid #dde0e5; text-align: center; }

.bark-dash .seller-widgets .seller-widgets-desc { border-bottom: 0; }
.bark-dash .seller-widgets .seller-widgets-desc h2 { margin: 0 0 1em; }
.bark-dash .seller-widgets .seller-widgets-desc p { color: #a5b5bd; margin: 0 0 0.5em; }
.bark-dash .seller-widgets .seller-widgets-contact { padding: 0.5em 2em; border-bottom: 0; background-color: #f8f9f9; }
.bark-dash .seller-widgets .seller-widgets-contact p { margin: 0; color: #133c60; }
.bark-dash .seller-widgets .seller-widgets-contact p a { font-weight: 700; text-decoration: underline; }
.bark-dash .seller-widgets .seller-widgets-step { margin: 1em 0 1.5em; }
.bark-dash .seller-widgets .seller-widgets-step label { cursor: pointer; display: inline-block; }
.bark-dash .seller-widgets .seller-widgets-step label input { margin-right: 1em; }

.bark-dash .seller-widgets .widgets-step-copy h3 { margin: 0 0 1em; }
.bark-dash .seller-widgets .widgets-step-copy input { border-radius: 3px 0 0 3px; border-right: 0; text-overflow: ellipsis; color: #3a4449; margin: 0; }
.bark-dash .seller-widgets .widgets-step-copy button { border-radius: 0 3px 3px 0; background-color: #53d1a3; font-family: 'Lato', sans-serif; font-weight: 700; margin: 0; }
.bark-dash .seller-widgets .widgets-step-copy button:hover { opacity: .75; }
.bark-dash .seller-widgets .widgets-step-copy p { font-size: 1em; color: #a5b5bd; margin-top: 1em; }
.bark-dash .seller-widgets .widgets-step-copy p a { text-decoration: underline;font-weight: 700; }
.bark-dash .seller-widgets .widgets-step-copy div.success { margin: 1em 0 0; text-align: left; font-weight: 700; font-style: italic; padding: 0; color: #53d1a3; background-color: #fff; }
.bark-dash .seller-widgets .widgets-step-copy div.error { margin: 1em 0 0; text-align: left; font-weight: 700; font-style: italic;  padding:0; color: #E74C3C; background-color: #fff; }

.seller-widgets .imageSize, .seller-widgets .imageColor { display:inline; border: 0; }

.top-bar-section li.show-more {color: #FFF;background-color: rgb(35, 43, 46);padding: 0.5em;cursor: pointer;border-top: solid thin rgb(81,88,92);text-align: center;font-weight: bold;font-size: 0.9em;}
.top-bar-section ul.item-consolidation.hidden {display: none;}

.inline-bark-modal-close { z-index: 100000; }
.default-modal .inline-bark-close-btn-quit { color: #de4528; text-transform: uppercase; font-size: 1.1em; font-weight: bold; }
.default-modal .inline-bark-close-btn-quit-subtle { color: #888; text-transform: uppercase; font-size: 1.1em; font-weight: bold; }
.default-modal .inline-bark-close-btn-quit-subtle:hover { color: #999 }

.inline-bark-modal { top: 55px !important; z-index: 100000; width: 40em; margin: auto; }
.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%); }
.reveal-modal .modal-category-experiment {
    border-radius: 0!important;
    width: 100%;
    position: relative;
}

.reveal-modal .modal-category-experiment-photo img {
    width: 100%;
    height: auto!important;
    border: none;
    border-radius: 0!important;
    max-height: 120px;
}

.reveal-modal .modal-category-experiment-title {
    text-align: center;
    font-size: 27px;
    font-weight: 700;
    line-height: 34px;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 5% 0 5%;
    text-shadow: 0px 0px 29px rgba(90, 101, 115, 0.72);
}
.inline-bark-modal .inline-bark-header h2 { padding: 1.5em 2em; font-family: 'Lato', sans-serif; font-size: 1.8em; color: #1e2b39 !important; margin: 0; text-align: center; }
.inline-bark-modal .inline-bark-header h2 span { font-size: 0.75em; display: block; margin: 0.5em 0 0; opacity: 0.5; }
.inline-bark-modal .inline-bark-header .h1 span { font-size: 0.75em; display: block; margin: 0.5em 0 0; opacity: 0.5; }
.inline-bark-modal .inline-bark-header hr { border-color: #e6e6e6; margin: 0; }
.inline-bark-modal .inline-bark-header .inline-bark-percentage-track { height: 8px; width: 90%; max-width: 320px; margin: 2em auto 0; background-color: #DEE0E3; border-radius: 8px; overflow: hidden; }
.inline-bark-modal .inline-bark-header .inline-bark-percentage-track .inline-bark-percentage-thumb { width: 0; height: 100%; background-color: #4CA9F8; -webkit-transition: width 1s cubic-bezier(0, 0.31, 0.25, 1); -moz-transition: width 1s cubic-bezier(0, 0.31, 0.25, 1); transition: width 1s cubic-bezier(0, 0.31, 0.25, 1); }
.inline-bark-modal .inline-bark-header .inline-bark-modal-email-errors { margin: 0 2em 1.5em; padding: 0.75em 1.5em; background-color: #fcf8e3; color: #8a6d3b; font-weight: bold; border-radius: 3px; font-size: 1.1em; }
.inline-bark-modal .inline-bark-header .inline-bark-modal-email-errors .action-container { font-size: 1.7em; float:right; width: 70px; text-align: right; }
.inline-bark-modal .inline-bark-header .inline-bark-modal-email-errors .email-suggest-confirm { color: #3da47e; margin-right: 0.3em; cursor: pointer }
.inline-bark-modal .inline-bark-header .inline-bark-modal-email-errors .email-suggest-cancel { color: #f84920; cursor: pointer }
.inline-bark-modal .inline-bark-header .inline-bark-modal-email-errors .email-suggest-cancel.hide { display: none; }
.inline-bark-modal .inline-bark-header .inline-bark-modal-errors { margin: 0 2em 2em; padding: 0.75em 1.5em; background-color: #ffbbab; color: #f84920; font-weight: bold; border-radius: 3px; font-size: 1.1em; }
.inline-bark-modal .inline-bark-header .inline-bark-modal-errors .did-you-mean-link { display: inline; color: #FFF; text-decoration: underline; cursor: pointer; font-style: italic; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q { margin: 0; border-bottom: solid 1px #E6E6E6; padding: 0.5em 2.5em; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q .someone-local h5 { font-size: 1.2em; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q .someone-local label { cursor: pointer; color: #788088; display: inline-block; font-size: 1.1em; margin: 0 0 0.5em 0.5em; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q .someone-local input { cursor: pointer; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q label { font-size: 1.2em; color: #788088; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q label.other { display: block; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q label.inline-bark-new-user-label { color: #1e2b39; margin: 0 0 0.25em; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q input { margin: 0; vertical-align: middle; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q input.inline-bark-q-label-input { font-family: 'Lato', sans-serif; color: #788088; line-height: 1.4; border: solid thin rgb(235, 238, 242); padding: 0.5rem; height: 2.3125rem; margin: 0; font-size: 1em; width: 90%; -webkit-transition: border-color 0.2s; -moz-transition: border-color 0.2s; transition: border-color 0.2s; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q input.inline-bark-q-label-input:focus { border-color: #CACACA; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q textarea { font-size: 1.1em; color: #133c60; margin: 1em 0; resize: none; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q h5 { color: #1e2b39; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q h5 span { opacity: 0.5; display: inline-block; margin: 0 0 0 0.1em; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q-text input { margin: 1em 0; font-family: 'Lato', sans-serif; border: 1px solid #ccd2dc; width: 100%; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q-new-user { font-family: 'Lato', sans-serif; width: 100%; border: 1px solid #ccd2dc; }
.inline-bark-modal .inline-bark-main-content .can-highlight:hover { background-color: #F3F5F7; }
.inline-bark-modal .inline-bark-main-content .phone-desc { font-size: 1.1em; display: block; margin: 0.5em 0 0; font-style: italic; color: #788088; }
.inline-bark-modal .inline-bark-main-content .phone-desc.spacing { margin-top: 1.5em; }
.inline-bark-modal .inline-bark-main-content .optout { font-size: 1.1em; display: inline-block; margin: 2em 0 0; }
.inline-bark-modal .inline-bark-main-content .optout input { cursor: pointer; float: left; margin: 0.15em 0 0; }
.inline-bark-modal .inline-bark-main-content .optout label { font-size: 1em; vertical-align: middle; font-style: italic; display: block; margin: 0 0 0 1.5em; line-height: 1.2; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q-checkbox { cursor: pointer; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q-checkbox label { cursor: pointer; position: relative; padding-left: 2.25em; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q-checkbox label:before { content: ""; width: 19px; height: 19px; position: absolute; left: 0; top: 4px; border-radius: 4px; border: 1px solid #c9cfd5; background-color: #fff; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q-checkbox label.other:before { top: 9px; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q-checkbox input[type=checkbox] { display: none; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q-checkbox input[type=checkbox]:checked + label:before { background-color: #4CA9F8; border: 1px solid #4CA9F8; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q-checkbox input[type=checkbox]:checked + label:after { content: ''; width: 13px; height: 8px; position: absolute; top: 8px; left: 3px; border: 3px solid #fcfff4; border-top: none; border-right: none; background: transparent; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.inline-bark-modal .inline-bark-main-content .inline-bark-q-checkbox input[type=checkbox]:checked + label.other:after { top: 13px; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q-radio { cursor: pointer; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q-radio label { cursor: pointer; position: relative; padding-left: 2.25em; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q-radio label:before { content: ""; width: 21px; height: 21px; position: absolute; left: 0; top: 3px; border-radius: 50%; border: 2px solid #c9cfd5; background-color: #fff; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q-radio label.other:before { top: 8px; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q-radio input[type=radio] { display: none; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q-radio input[type=radio]:checked + label:before { border: 2px solid #4CA9F8; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q-radio input[type=radio]:checked + label:after { content: ''; width: 11px; height: 11px; position: absolute; background-color: #4CA9F8; left: 5px; top: 8px; border-radius: 50%;}
.inline-bark-modal .inline-bark-main-content .inline-bark-q-radio input[type=radio]:checked + .other:after {top: 13px;}
.inline-bark-modal .inline-bark-main-content .bark-pseudo-title { padding: 1.5em 2em; font-size: 1.8em; color: #1e2b39 !important; margin: 0; line-height: 1.4; }
.inline-bark-modal .inline-bark-main-content .inline-bark-modal-hide-p-alt { margin: 1em 0 2em; color: #1e2b39; opacity: .8; font-size: 1.2em; }
.inline-bark-modal .inline-bark-main-content .new-error label { color: #ce4826; font-weight: 700; }
.inline-bark-modal .inline-bark-main-content .new-error .optout label { color: #788088; font-weight: normal; }
.inline-bark-modal .inline-bark-main-content .new-error .optout input { border-color: #ccd2dc !important; }
.inline-bark-modal .inline-bark-main-content .postcode-lookup-container{text-align: center;margin-bottom:10px;}
.inline-bark-modal .inline-bark-main-content .postcode-lookup-container a{background-image:url(https://d1w7gvu0kpf6fl.cloudfront.net/img/icons/icon-my-location.png); background-repeat:no-repeat; background-position:left center;background-size: contain;padding-left:20px;font-size:15px;}
.inline-bark-modal .inline-bark-main-content .postcode-lookup-container a i{display: none;font-size: 15px;width: 15px;height: 15px; line-height: 15px;color: #008cba;margin-right: 5px;margin-top:0;}
.inline-bark-modal .inline-bark-main-content .postcode-lookup-container a.disabled{cursor: wait;background-image: none;padding-left:0;}
.inline-bark-modal .inline-bark-main-content .postcode-lookup-container a.disabled i{display: inline-block;}
.inline-bark-modal .inline-bark-main-content .postcode-lookup-container a.error{color: #ce4826;background-image: none;padding-left:0;}
.inline-bark-modal .inline-bark-main-content a.change-location-link{display:block;margin-bottom:10px;font-size:15px;}
.inline-bark-modal .inline-bark-main-content .inline-bark-section-instructions{margin:15px;padding: 1em;line-height:1.5;color: #4d4d4d;font-size: 1.2em;background-color: #f3f3f6;border-radius:5px;}
.inline-bark-modal .inline-bark-main-content .inline-bark-section-instructions .inline-bark-q-radio label{padding-left:1.75em;}
.inline-bark-modal .inline-bark-main-content .confirm-location-yes-container{border-top: solid 1px #E6E6E6;}
.inline-bark-modal .inline-bark-main-content .inline-bark-horizontal-buttons{width: 100%;margin:0 0 1em;padding:0 0 1em;border-bottom: solid 1px #E6E6E6;}
.inline-bark-modal .inline-bark-main-content .inline-bark-horizontal-buttons button{background-color: transparent;font-family: "Lato", sans-serif;padding: 0.75em 2.5em;margin: 0;border-radius: 3px;font-weight: 700;font-size: 1.1em;border:1px solid #DADCE5;color: #4CA9F8;}
.inline-bark-modal .inline-bark-main-content .inline-bark-horizontal-buttons button:first-child{margin-right:0.5em;}
.inline-bark-modal .inline-bark-main-content .inline-bark-horizontal-buttons button:last-child{margin-left:0.5em;}
.inline-bark-modal .inline-bark-main-content .inline-bark-horizontal-buttons button:hover{opacity:0.85;}
.inline-bark-modal .inline-bark-main-content .inline-bark-horizontal-buttons button.primary{background-color: #4CA9F8;color:#fff;border-width:0px;}

@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (orientation : portrait) {
    .inline-bark-modal .inline-bark-main-content .inline-bark-horizontal-buttons{width:100%;margin:0;padding: 0.5em 1em 1em !important;}
    .inline-bark-modal .inline-bark-main-content .inline-bark-horizontal-buttons button{margin: 0;padding: 1em;width:48.5%;}
}

.inline-bark-modal .inline-bark-main-content .q-info { margin: 1.5em 1em 0.4em 3.4em; color: #a5a5a5; }

.inline-bark-modal .inline-bark-main-content .bark-date { border: solid 1px #ccd2dc; width: 100%; font-family: Lato, sans-serif; }
.inline-bark-modal .inline-bark-main-content .bark-date[disabled] { background-color: #ECECEC; cursor: default; transition: none; }
.inline-bark-modal .inline-bark-main-content .bark-date-time-container {margin: 1em 0;}
.inline-bark-modal .inline-bark-main-content .bark-date-time-container > div { display: inline-block; width: 200px; margin: 0 1em 0 0; vertical-align: top }
.inline-bark-modal .inline-bark-main-content .bark-date-time-container p { margin: 1.5em 0 0; font-weight: bold; }
.inline-bark-modal .inline-bark-main-content input.bark-date-time {width: 100%;display: block;margin: 0;}
.inline-bark-modal .inline-bark-main-content .bark-date-other-text { margin: 1em 0; display: none; }
.inline-bark-modal .inline-bark-main-content .inline-bark-q-date label { margin: 0 0 0.5rem 0.5rem; }
/* ============ DATE PICKER FOR MODAL ============ */
.pika-single td.is-today button { font-weight: normal; color: #666; }
.pika-single td.is-today.is-selected button { color: #FFF; }
.pika-single td.is-selected button { background-color: #133C60; font-weight: 700; }
.pika-single td button:hover { background: #4CA9F8; }
.pika-next, .pika-prev { -webkit-tap-highlight-color: rgba(0,0,0,0); }
.pika-next:hover, .pika-prev:hover { background-color: #fff; }

.inline-bark-modal .inline-bark-buttons-container button, .inline-bark-modal .choose-category button { margin: 1.5em 2.5em 1.5em 0; background-color: transparent; font-family: "Lato", sans-serif; padding: 0.75em 1.5em; border-radius: 3px; font-weight: 700; font-size: 1.1em; }
.inline-bark-modal .inline-bark-buttons-container .inline-bark-btn-back { color: #788088; margin: 1.5em 0 1.5em 1.5em; float: left; }
.inline-bark-modal .inline-bark-buttons-container .inline-bark-btn-continue, .inline-bark-modal .inline-bark-buttons-container .inline-bark-btn-submit { background-color: #4CA9F8; float: right; }
.inline-bark-modal .inline-bark-buttons-container .inline-bark-btn-continue > .fa-spin, .inline-bark-modal .inline-bark-buttons-container .inline-bark-btn-submit > .fa-spin { position: relative; top: -2px; }
.inline-bark-modal .inline-bark-buttons-container .inline-bark-btn-back:hover, .inline-bark-modal .inline-bark-buttons-container .inline-bark-btn-continue:hover, .inline-bark-modal .inline-bark-buttons-container .inline-bark-btn-submit:hover { opacity: 0.85; }
.inline-bark-modal .inline-bark-buttons-container .hide { display: none; }
.inline-bark-modal i.fa-spinner { font-size: 1.6em; color: #54d1a3; margin: .5em 0 0; }
.inline-bark-modal .btns .inline-bark-btn-back { background-color: transparent; font-family: "Lato", sans-serif; padding: 0.75em 1.5em; border-radius: 3px; font-weight: 700; font-size: 1.1em; color: #788088; margin: 1.5em 0 1.5em 1.5em; float: left; }

.inline-bark-modal .choose-category button { background-color: #4CA9F8; text-align: center; text-transform: uppercase }

.inline-bark-modal .choose-category-option { display: none; }
.inline-bark-modal .choose-category-option:checked ~ label { border: solid rgb(90, 175, 248); }
.inline-bark-modal .photoselect-option { display: none; }
.inline-bark-modal .photoselect-option:checked ~ label { border: solid rgb(90, 175, 248); }
.pickbyimage .picoverlay i {
    color: #FFFFFF !important;
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: -14px;
    font-size: 2em;
}
.pickbyimage .picoverlay {
    content: "";
    position: relative;
    left: 0;
    top: 0;
    float: left;
    opacity: 0;
    background: rgba(78,77,77,.6);
    transition: opacity 350ms;
}
.photoselect .opts label p {
    color: #4e4d3c !important;
}
.opts.selectedpic .picoverlay {
    opacity: 1;
}

.inline-bark-modal .photoselect div label div { height: 140px !important; width: 100%; }
.inline-bark-modal .photoselect > div {width: 30% !important;}


.inline-bark-modal .pickbyimage { text-align: center; }

.inline-bark-modal .pickbyimage > div {display: inline-block;width: 44%;vertical-align: top;}
.inline-bark-modal .pickbyimage > .choose-category-showmore, .inline-bark-modal .radio-showmore, .inline-bark-modal .check-showmore  { text-align: center; display: block; width: 100%; margin: 2em 0 0; font-weight: bold; color: #4ca9f8; font-size: 1.1em; }
.inline-bark-modal .pickbyimage > .choose-category-showmore > span, .inline-bark-modal .radio-showmore > span, .inline-bark-modal .check-showmore > span { cursor: pointer; }
.inline-bark-modal .pickbyimage label {margin: 1em 1em 0 0;display: block;border-radius: 3px;overflow: hidden;border: solid #DEDEDE;cursor: pointer;}
.inline-bark-modal .pickbyimage div label p { text-align: center; padding: 0.5em; margin: 0; color: rgb(180,180,180); }
.inline-bark-modal .pickbyimage div label div { height: 60px; width: 100%; background-size: cover; background-position: center center; }

.inline-bark-modal .pickbyimage > .choose-category-showmore, .inline-bark-modal .radio-showmore, .inline-bark-modal .showmorebtn  { text-align: center; display: block; width: 100%; margin: 2em 0 0; font-weight: bold; color: #4ca9f8; font-size: 1.1em; }
.inline-bark-modal .pickbyimage > .choose-category-showmore > span, .inline-bark-modal .radio-showmore > span, .inline-bark-modal .showmorebtn > span { cursor: pointer; }

.inline-bark-modal .choose-category .btns { display: block; text-align: right; width: 100%; }

div.pika-single { z-index: 100001 }

.reveal-modal span.bark-icon-cross-o { position: fixed; right: 25px; top: 25px; color: #999; font-size: 1.75em; cursor: pointer; text-shadow: 0px 0px 1px #000; -webkit-transition: color 0.2s, transform 0.5s; -moz-transition: color 0.2s, transform 0.5s; transition: color 0.2s, transform 0.5s; }
.reveal-modal span.bark-icon-cross-o:hover { color: #FFF; transform: rotate(90deg) scale(1.1); }

.buyer-dashboard-v2 .modal-content h2 {
    margin-top: 16px;
}
#inlineBarkModal.extra-wide { width: 90%; max-width: 65em; }

.inline-bark-modal .inline-bark-main-content .seller-list-container { display: inline-block; width: 50%; vertical-align: top; margin: 0 0 0 3em; width: calc(60% - 3em); }
.inline-bark-modal .inline-bark-main-content .seller-list-container .seller-list-main { background-color: #e4f9ff; overflow: auto; -webkit-overflow-scrolling: touch; max-height: 400px; margin: 1em 0 0; }

.inline-bark-modal .inline-bark-main-content .seller-list-container .seller-list-main::-webkit-scrollbar { -webkit-appearance: none; width: 12px; height: 18px; background-color: #fbfbfb; }
.inline-bark-modal .inline-bark-main-content .seller-list-container .seller-list-main::-webkit-scrollbar-thumb { height: 6px; border: 3px solid rgba(0, 0, 0, 0); background-clip: padding-box; -webkit-border-radius: 7px; background-color: #3A4449; -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05); }
.inline-bark-modal .inline-bark-main-content .seller-list-container .seller-list-main::-webkit-scrollbar-button { width: 0; height: 0; display: none; }
.inline-bark-modal .inline-bark-main-content .seller-list-container .seller-list-main::-webkit-scrollbar-corner { background-color: transparent; }

.inline-bark-modal .inline-bark-main-content .user-right { display: inline-block; width: 40%; vertical-align: top; }

.inline-bark-modal .inline-bark-main-content .seller-row { padding: 0.5em; border-bottom: solid 1px #E6E6E6; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.inline-bark-modal .inline-bark-main-content .seller-row p { margin: 0; font-weight: bold; color: #333; }
.inline-bark-modal .inline-bark-main-content .seller-row span { color: #788088; }

.inline-bark-modal-intro .inline-bark-intro-header { color: #fff; 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-intro .inline-bark-intro-header h2 { text-align: center; margin-top: 0; color: #fff!important; font-size: 2.5em; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); padding: 1.5em 2em .8em; font-weight: 700; }
.inline-bark-button-outline { background: none; border: 2px solid #fff; padding: 0.4em 1.2em; margin: 0 auto 2.5em; text-align: center; border-radius: 3px; font-weight: 700!important; font-size: 1.35em; display: inherit; font-family: 'Lato', sans-serif !important; }
.inline-bark-button-outline:hover { background: none; opacity: .75; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.inline-bark-button-outline:focus { background: none; }
.inline-bark-button-outline span { padding-left: .5em; font-family: 'arial', sans-serif; }
.inline-bark-modal-intro img.modal-steps-img { width: 75px; height: auto; }
.modal-steps-p { clear: left; font-size: 1.1em; line-height: 1.4; padding: 0 1em 1em .8em; color: #75868e; }
.inline-bark-modal-intro h3.modal-steps-head { margin: 1.5em 0 2em; text-align: center; font-size: 1.2rem; color: #133c60; }
.inline-bark-modal-intro .modal-steps-row { padding: 0 1em; background: url(https://d1w7gvu0kpf6fl.cloudfront.net/img/steps_img_bg.png) no-repeat center 20%;}


.inline-bark-modal-variant2 { color: #fff; background: #46a6ff; text-align: center; font-family: 'Lato', sans-serif; }
.inline-bark-modal-variant2 h2 { color: #FFF; margin: 0; padding: 1.5em; text-shadow: 1px 1px 1px rgba(0,0,0,.3); font-weight: bold; text-align: left; }
.inline-bark-modal-variant2 .bark-icon-logo { font-size: 2em; display: inline-block; margin: 1em 0 0; text-shadow: 1px 1px 1px rgba(0,0,0,.3); opacity: 0.5; }
.inline-bark-modal-variant2 .intro-btn { text-align: right; }
.inline-bark-modal-variant2 .intro-btn button { background: transparent; font-size: 1.4em; font-family: 'Lato', sans-serif; font-weight: 700; }
.inline-bark-modal-variant2 .intro-btn button i { font-weight: normal; font-size: .8em; }
.inline-bark-modal-variant2 .intro-btn button i.fa-chevron-right { margin-left: 0.5em; }
.inline-bark-modal-variant2 .intro-btn button i.fa-chevron-left { margin-right: 0.5em; }
.inline-bark-modal-variant2 .intro-btn button i:hover { background: transparent; }
.inline-bark-modal-variant2 .intro-btn button.inline-bark-btn-back { float: left; }


.how-bark-works-box { padding: 1em; text-align: center; }
.how-bark-works-box h4 { color: rgb(17, 59, 98); margin: 0 0 2em; }
.how-bark-works-box h4 span { padding: 0 0 .5em; border-bottom: solid 2px rgb(71, 167, 251); }
.how-bark-works-box h4 span i { color: rgb(71, 167, 251); margin: 0 .3em 0 0; font-size: 14px; border-radius: 50%; border: solid 1px rgb(71, 167, 251); display: inline-block; width: 16px; height: 16px; text-align: center; }

.how-bark-works-box ul.content { margin: 0; list-style: none; }
.how-bark-works-box ul.content li { display: inline-block; width: 17%; vertical-align: top; margin: 0 2% 0 0; position: relative; overflow-wrap: break-word; word-wrap: break-word; min-width: 170px; }
.how-bark-works-box ul.content li h5 { color: rgb(17, 59, 98);  }
.how-bark-works-box ul.content li h5 span { color: rgb(133, 148, 161); margin: 0 .3em 0 0; }
.how-bark-works-box ul.content li p { color: rgb(133, 148, 161); }

.how-bark-works-box.mobile ul.content li { margin: 0; width: 80%; min-height: 110px; }

.how-bark-works-box.mobile ul.carousel-tip-nav li{ display:inline-block; color: #96a8b7; font-size: 1.1em; vertical-align: middle; margin: 0 .15em;}
.how-bark-works-box.mobile ul.carousel-tip-nav li a.selected { font-weight: 700; color: #4ca9f8; display: inline-block; text-align: center; background: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/carousel-icon-selected.png')center center no-repeat; background-size: 28px 28px;}
.how-bark-works-box.mobile ul.carousel-tip-nav li a{ color: #96a8b7; padding: 0px 9px 0 10px;}
.how-bark-works-box.mobile ul.carousel-tip-nav li a:hover, ul.carousel-tip-nav li.active a, ul.carousel-tip-nav li a.selected {color:#4ca9f8;}


input.ajax-loading { background: #FFF url(https://d1w7gvu0kpf6fl.cloudfront.net/img/ajax-loader-20px.gif) no-repeat 98% center !important; }

.display-flex { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; }
.justify-content-space-between { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-flex-pack: justify; -o-justify-content: space-between; justify-content: space-between; }
.justify-content-left { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-flex-pack: start; -o-justify-content: flex-start; justify-content: flex-start; }
.justify-content-right { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-flex-pack: end; -o-justify-content: flex-end; justify-content: flex-end; }
.justify-content-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -o-justify-content: center; justify-content: center; }
.flex-direction-columns { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
.flex-direction-rows { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
.flex-wrap-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.flex-wrap-nowrap { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap; }
.flex-1 { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.flex-2 { -webkit-box-flex: 2; -moz-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; }
.flex-3 { -webkit-box-flex: 3; -moz-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; }
.flex-4 { -webkit-box-flex: 4; -moz-box-flex: 4; -webkit-flex: 4; -ms-flex: 4; flex: 4; }
.flex-5 { -webkit-box-flex: 5; -moz-box-flex: 5; -webkit-flex: 5; -ms-flex: 5; flex: 5; }
.flex-6 { -webkit-box-flex: 6; -moz-box-flex: 6; -webkit-flex: 6; -ms-flex: 6; flex: 6; }
.flex-1-1-100 { -webkit-box-flex: 1 1 100%; -moz-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; }
.flex-no-scale-10-pct { -webkit-box-flex: 0 0 10%; -moz-box-flex: 0 0 10%; -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; }
.flex-no-scale-15-pct { -webkit-box-flex: 0 0 15%; -moz-box-flex: 0 0 15%; -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; }
.flex-no-scale-20-pct { -webkit-box-flex: 0 0 20%; -moz-box-flex: 0 0 20%; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; }
.flex-no-scale-25-pct { -webkit-box-flex: 0 0 25%; -moz-box-flex: 0 0 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; }
.flex-no-scale-30-pct { -webkit-box-flex: 0 0 30%; -moz-box-flex: 0 0 30%; -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; }
.flex-no-scale-33-pct { -webkit-box-flex: 0 0 33%; -moz-box-flex: 0 0 33%; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; }
.flex-no-scale-35-pct { -webkit-box-flex: 0 0 35%; -moz-box-flex: 0 0 35%; -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; }
.flex-no-scale-40-pct { -webkit-box-flex: 0 0 40%; -moz-box-flex: 0 0 40%; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; }
.flex-no-scale-45-pct { -webkit-box-flex: 0 0 45%; -moz-box-flex: 0 0 45%; -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; }
.flex-no-scale-50-pct { -webkit-box-flex: 0 0 50%; -moz-box-flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
.flex-no-scale-55-pct { -webkit-box-flex: 0 0 55%; -moz-box-flex: 0 0 55%; -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; }
.flex-no-scale-60-pct { -webkit-box-flex: 0 0 60%; -moz-box-flex: 0 0 60%; -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; }
.flex-no-scale-66-pct { -webkit-box-flex: 0 0 66%; -moz-box-flex: 0 0 66%; -webkit-flex: 0 0 66%; -ms-flex: 0 0 66%; flex: 0 0 66%; }
.flex-no-scale-65-pct { -webkit-box-flex: 0 0 65%; -moz-box-flex: 0 0 65%; -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; }
.flex-no-scale-70-pct { -webkit-box-flex: 0 0 70%; -moz-box-flex: 0 0 70%; -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; }
.flex-no-scale-75-pct { -webkit-box-flex: 0 0 75%; -moz-box-flex: 0 0 75%; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; }
.flex-no-scale-80-pct { -webkit-box-flex: 0 0 80%; -moz-box-flex: 0 0 80%; -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; }
.flex-no-scale-85-pct { -webkit-box-flex: 0 0 85%; -moz-box-flex: 0 0 85%; -webkit-flex: 0 0 85%; -ms-flex: 0 0 85%; flex: 0 0 85%; }
.flex-no-scale-90-pct { -webkit-box-flex: 0 0 90%; -moz-box-flex: 0 0 90%; -webkit-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; }
.flex-no-scale-95-pct { -webkit-box-flex: 0 0 95%; -moz-box-flex: 0 0 95%; -webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; }
.flex-10-pct { -webkit-box-flex: 1 0 10%; -moz-box-flex: 1 0 10%; -webkit-flex: 1 0 10%; -ms-flex: 1 0 10%; flex: 1 0 10%; }
.flex-15-pct { -webkit-box-flex: 1 0 15%; -moz-box-flex: 1 0 15%; -webkit-flex: 1 0 15%; -ms-flex: 1 0 15%; flex: 1 0 15%; }
.flex-20-pct { -webkit-box-flex: 1 0 20%; -moz-box-flex: 1 0 20%; -webkit-flex: 1 0 20%; -ms-flex: 1 0 20%; flex: 1 0 20%; }
.flex-25-pct { -webkit-box-flex: 1 0 25%; -moz-box-flex: 1 0 25%; -webkit-flex: 1 0 25%; -ms-flex: 1 0 25%; flex: 1 0 25%; }
.flex-30-pct { -webkit-box-flex: 1 0 30%; -moz-box-flex: 1 0 30%; -webkit-flex: 1 0 30%; -ms-flex: 1 0 30%; flex: 1 0 30%; }
.flex-33-pct { -webkit-box-flex: 1 0 33%; -moz-box-flex: 1 0 33%; -webkit-flex: 1 0 33%; -ms-flex: 1 0 33%; flex: 1 0 33%; }
.flex-35-pct { -webkit-box-flex: 1 0 35%; -moz-box-flex: 1 0 35%; -webkit-flex: 1 0 35%; -ms-flex: 1 0 35%; flex: 1 0 35%; }
.flex-40-pct { -webkit-box-flex: 1 0 40%; -moz-box-flex: 1 0 40%; -webkit-flex: 1 0 40%; -ms-flex: 1 0 40%; flex: 1 0 40%; }
.flex-45-pct { -webkit-box-flex: 1 0 45%; -moz-box-flex: 1 0 45%; -webkit-flex: 1 0 45%; -ms-flex: 1 0 45%; flex: 1 0 45%; }
.flex-50-pct { -webkit-box-flex: 1 0 50%; -moz-box-flex: 1 0 50%; -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; }
.flex-55-pct { -webkit-box-flex: 1 0 55%; -moz-box-flex: 1 0 55%; -webkit-flex: 1 0 55%; -ms-flex: 1 0 55%; flex: 1 0 55%; }
.flex-60-pct { -webkit-box-flex: 1 0 60%; -moz-box-flex: 1 0 60%; -webkit-flex: 1 0 60%; -ms-flex: 1 0 60%; flex: 1 0 60%; }
.flex-66-pct { -webkit-box-flex: 1 0 66%; -moz-box-flex: 1 0 66%; -webkit-flex: 1 0 66%; -ms-flex: 1 0 66%; flex: 1 0 66%; }
.flex-65-pct { -webkit-box-flex: 1 0 65%; -moz-box-flex: 1 0 65%; -webkit-flex: 1 0 65%; -ms-flex: 1 0 65%; flex: 1 0 65%; }
.flex-70-pct { -webkit-box-flex: 1 0 70%; -moz-box-flex: 1 0 70%; -webkit-flex: 1 0 70%; -ms-flex: 1 0 70%; flex: 1 0 70%; }
.flex-75-pct { -webkit-box-flex: 1 0 75%; -moz-box-flex: 1 0 75%; -webkit-flex: 1 0 75%; -ms-flex: 1 0 75%; flex: 1 0 75%; }
.flex-80-pct { -webkit-box-flex: 1 0 80%; -moz-box-flex: 1 0 80%; -webkit-flex: 1 0 80%; -ms-flex: 1 0 80%; flex: 1 0 80%; }
.flex-85-pct { -webkit-box-flex: 1 0 85%; -moz-box-flex: 1 0 85%; -webkit-flex: 1 0 85%; -ms-flex: 1 0 85%; flex: 1 0 85%; }
.flex-90-pct { -webkit-box-flex: 1 0 90%; -moz-box-flex: 1 0 90%; -webkit-flex: 1 0 90%; -ms-flex: 1 0 90%; flex: 1 0 90%; }
.flex-95-pct { -webkit-box-flex: 1 0 95%; -moz-box-flex: 1 0 95%; -webkit-flex: 1 0 95%; -ms-flex: 1 0 95%; flex: 1 0 95%; }
.flex-shrink-5-pct { -webkit-box-flex:  0 1 10%; -moz-box-flex: 0 1 10%; -webkit-flex: 0 1 10%; -ms-flex: 0 1 10%; flex: 0 1 10%; }
.flex-shrink-10-pct { -webkit-box-flex: 0 1 10%; -moz-box-flex: 0 1 10%; -webkit-flex: 0 1 10%; -ms-flex: 0 1 10%; flex: 0 1 10%; }
.flex-shrink-15-pct { -webkit-box-flex: 0 1 15%; -moz-box-flex: 0 1 15%; -webkit-flex: 0 1 15%; -ms-flex: 0 1 15%; flex: 0 1 15%; }
.flex-shrink-20-pct { -webkit-box-flex: 0 1 20%; -moz-box-flex: 0 1 20%; -webkit-flex: 0 1 20%; -ms-flex: 0 1 20%; flex: 0 1 20%; }
.flex-shrink-25-pct { -webkit-box-flex: 0 1 25%; -moz-box-flex: 0 1 25%; -webkit-flex: 0 1 25%; -ms-flex: 0 1 25%; flex: 0 1 25%; }
.flex-shrink-30-pct { -webkit-box-flex: 0 1 30%; -moz-box-flex: 0 1 30%; -webkit-flex: 0 1 30%; -ms-flex: 0 1 30%; flex: 0 1 30%; }
.flex-shrink-33-pct { -webkit-box-flex: 0 1 33%; -moz-box-flex: 0 1 33%; -webkit-flex: 0 1 33%; -ms-flex: 0 1 33%; flex: 0 1 33%; }
.flex-shrink-35-pct { -webkit-box-flex: 0 1 35%; -moz-box-flex: 0 1 35%; -webkit-flex: 0 1 35%; -ms-flex: 0 1 35%; flex: 0 1 35%; }
.flex-shrink-40-pct { -webkit-box-flex: 0 1 40%; -moz-box-flex: 0 1 40%; -webkit-flex: 0 1 40%; -ms-flex: 0 1 40%; flex: 0 1 40%; }
.flex-shrink-45-pct { -webkit-box-flex: 0 1 45%; -moz-box-flex: 0 1 45%; -webkit-flex: 0 1 45%; -ms-flex: 0 1 45%; flex: 0 1 45%; }
.flex-shrink-50-pct { -webkit-box-flex: 0 1 50%; -moz-box-flex: 0 1 50%; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; }
.flex-shrink-55-pct { -webkit-box-flex: 0 1 55%; -moz-box-flex: 0 1 55%; -webkit-flex: 0 1 55%; -ms-flex: 0 1 55%; flex: 0 1 55%; }
.flex-shrink-60-pct { -webkit-box-flex: 0 1 60%; -moz-box-flex: 0 1 60%; -webkit-flex: 0 1 60%; -ms-flex: 0 1 60%; flex: 0 1 60%; }
.flex-shrink-66-pct { -webkit-box-flex: 0 1 66%; -moz-box-flex: 0 1 66%; -webkit-flex: 0 1 66%; -ms-flex: 0 1 66%; flex: 0 1 66%; }
.flex-shrink-65-pct { -webkit-box-flex: 0 1 65%; -moz-box-flex: 0 1 65%; -webkit-flex: 0 1 65%; -ms-flex: 0 1 65%; flex: 0 1 65%; }
.flex-shrink-70-pct { -webkit-box-flex: 0 1 70%; -moz-box-flex: 0 1 70%; -webkit-flex: 0 1 70%; -ms-flex: 0 1 70%; flex: 0 1 70%; }
.flex-shrink-75-pct { -webkit-box-flex: 0 1 75%; -moz-box-flex: 0 1 75%; -webkit-flex: 0 1 75%; -ms-flex: 0 1 75%; flex: 0 1 75%; }
.flex-shrink-80-pct { -webkit-box-flex: 0 1 80%; -moz-box-flex: 0 1 80%; -webkit-flex: 0 1 80%; -ms-flex: 0 1 80%; flex: 0 1 80%; }
.flex-shrink-85-pct { -webkit-box-flex: 0 1 85%; -moz-box-flex: 0 1 85%; -webkit-flex: 0 1 85%; -ms-flex: 0 1 85%; flex: 0 1 85%; }
.flex-shrink-90-pct { -webkit-box-flex: 0 1 90%; -moz-box-flex: 0 1 90%; -webkit-flex: 0 1 90%; -ms-flex: 0 1 90%; flex: 0 1 90%; }
.flex-shrink-95-pct { -webkit-box-flex: 0 1 95%; -moz-box-flex: 0 1 95%; -webkit-flex: 0 1 95%; -ms-flex: 0 1 95%; flex: 0 1 95%; }
.flex-order-1 { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1;  -ms-flex-order: 1; -webkit-order: 1; order: 1; }
.flex-order-2 { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2;  -ms-flex-order: 2; -webkit-order: 2; order: 2; }
.flex-order-3 { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3;  -ms-flex-order: 3; -webkit-order: 3; order: 3; }
.flex-order-4 { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4;  -ms-flex-order: 4; -webkit-order: 4; order: 4; }
.flex-order-5 { -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5;  -ms-flex-order: 5; -webkit-order: 5; order: 5; }
.align-items-center { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; }
.align-items-stretch { -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; }
.align-items-end { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; }
.align-items-baseline { -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; align-items: baseline; }
.flex-grow-0 { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; }
.flex-grow-1 { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
.flex-shrink-0 { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
.flex-shrink-1 { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; }
.flex-basis-auto { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; }
.flex-basis-1-pct { -webkit-flex-basis: 1%; -ms-flex-preferred-size: 1%; flex-basis: 1%; }
.flex-basis-2-pct { -webkit-flex-basis: 2%; -ms-flex-preferred-size: 2%; flex-basis: 2%; }
.flex-basis-3-pct { -webkit-flex-basis: 3%; -ms-flex-preferred-size: 3%; flex-basis: 3%; }
.flex-basis-4-pct { -webkit-flex-basis: 4%; -ms-flex-preferred-size: 4%; flex-basis: 4%; }
.flex-basis-5-pct { -webkit-flex-basis: 5%; -ms-flex-preferred-size: 5%; flex-basis: 5%; }
.flex-basis-6-pct { -webkit-flex-basis: 6%; -ms-flex-preferred-size: 6%; flex-basis: 6%; }
.flex-basis-7-pct { -webkit-flex-basis: 7%; -ms-flex-preferred-size: 7%; flex-basis: 7%; }
.flex-basis-8-pct { -webkit-flex-basis: 8%; -ms-flex-preferred-size: 8%; flex-basis: 8%; }
.flex-basis-9-pct { -webkit-flex-basis: 9%; -ms-flex-preferred-size: 9%; flex-basis: 9%; }
.flex-basis-10-pct { -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; flex-basis: 10%; }
.flex-basis-11-pct { -webkit-flex-basis: 11%; -ms-flex-preferred-size: 11%; flex-basis: 11%; }
.flex-basis-12-pct { -webkit-flex-basis: 12%; -ms-flex-preferred-size: 12%; flex-basis: 12%; }
.flex-basis-13-pct { -webkit-flex-basis: 13%; -ms-flex-preferred-size: 13%; flex-basis: 13%; }
.flex-basis-14-pct { -webkit-flex-basis: 14%; -ms-flex-preferred-size: 14%; flex-basis: 14%; }
.flex-basis-15-pct { -webkit-flex-basis: 15%; -ms-flex-preferred-size: 15%; flex-basis: 15%; }
.flex-basis-16-pct { -webkit-flex-basis: 16%; -ms-flex-preferred-size: 16%; flex-basis: 16%; }
.flex-basis-17-pct { -webkit-flex-basis: 17%; -ms-flex-preferred-size: 17%; flex-basis: 17%; }
.flex-basis-18-pct { -webkit-flex-basis: 18%; -ms-flex-preferred-size: 18%; flex-basis: 18%; }
.flex-basis-19-pct { -webkit-flex-basis: 19%; -ms-flex-preferred-size: 19%; flex-basis: 19%; }
.flex-basis-20-pct { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; }
.flex-basis-21-pct { -webkit-flex-basis: 21%; -ms-flex-preferred-size: 21%; flex-basis: 21%; }
.flex-basis-22-pct { -webkit-flex-basis: 22%; -ms-flex-preferred-size: 22%; flex-basis: 22%; }
.flex-basis-23-pct { -webkit-flex-basis: 23%; -ms-flex-preferred-size: 23%; flex-basis: 23%; }
.flex-basis-24-pct { -webkit-flex-basis: 24%; -ms-flex-preferred-size: 24%; flex-basis: 24%; }
.flex-basis-25-pct { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; }
.flex-basis-26-pct { -webkit-flex-basis: 26%; -ms-flex-preferred-size: 26%; flex-basis: 26%; }
.flex-basis-27-pct { -webkit-flex-basis: 27%; -ms-flex-preferred-size: 27%; flex-basis: 27%; }
.flex-basis-28-pct { -webkit-flex-basis: 28%; -ms-flex-preferred-size: 28%; flex-basis: 28%; }
.flex-basis-29-pct { -webkit-flex-basis: 29%; -ms-flex-preferred-size: 29%; flex-basis: 29%; }
.flex-basis-30-pct { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; }
.flex-basis-31-pct { -webkit-flex-basis: 31%; -ms-flex-preferred-size: 31%; flex-basis: 31%; }
.flex-basis-32-pct { -webkit-flex-basis: 32%; -ms-flex-preferred-size: 32%; flex-basis: 32%; }
.flex-basis-33-pct { -webkit-flex-basis: 33%; -ms-flex-preferred-size: 33%; flex-basis: 33%; }
.flex-basis-34-pct { -webkit-flex-basis: 34%; -ms-flex-preferred-size: 34%; flex-basis: 34%; }
.flex-basis-35-pct { -webkit-flex-basis: 35%; -ms-flex-preferred-size: 35%; flex-basis: 35%; }
.flex-basis-36-pct { -webkit-flex-basis: 36%; -ms-flex-preferred-size: 36%; flex-basis: 36%; }
.flex-basis-37-pct { -webkit-flex-basis: 37%; -ms-flex-preferred-size: 37%; flex-basis: 37%; }
.flex-basis-38-pct { -webkit-flex-basis: 38%; -ms-flex-preferred-size: 38%; flex-basis: 38%; }
.flex-basis-39-pct { -webkit-flex-basis: 39%; -ms-flex-preferred-size: 39%; flex-basis: 39%; }
.flex-basis-40-pct { -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; }
.flex-basis-41-pct { -webkit-flex-basis: 41%; -ms-flex-preferred-size: 41%; flex-basis: 41%; }
.flex-basis-42-pct { -webkit-flex-basis: 42%; -ms-flex-preferred-size: 42%; flex-basis: 42%; }
.flex-basis-43-pct { -webkit-flex-basis: 43%; -ms-flex-preferred-size: 43%; flex-basis: 43%; }
.flex-basis-44-pct { -webkit-flex-basis: 44%; -ms-flex-preferred-size: 44%; flex-basis: 44%; }
.flex-basis-45-pct { -webkit-flex-basis: 45%; -ms-flex-preferred-size: 45%; flex-basis: 45%; }
.flex-basis-46-pct { -webkit-flex-basis: 46%; -ms-flex-preferred-size: 46%; flex-basis: 46%; }
.flex-basis-47-pct { -webkit-flex-basis: 47%; -ms-flex-preferred-size: 47%; flex-basis: 47%; }
.flex-basis-48-pct { -webkit-flex-basis: 48%; -ms-flex-preferred-size: 48%; flex-basis: 48%; }
.flex-basis-49-pct { -webkit-flex-basis: 49%; -ms-flex-preferred-size: 49%; flex-basis: 49%; }
.flex-basis-50-pct { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; }
.flex-basis-51-pct { -webkit-flex-basis: 51%; -ms-flex-preferred-size: 51%; flex-basis: 51%; }
.flex-basis-52-pct { -webkit-flex-basis: 52%; -ms-flex-preferred-size: 52%; flex-basis: 52%; }
.flex-basis-53-pct { -webkit-flex-basis: 53%; -ms-flex-preferred-size: 53%; flex-basis: 53%; }
.flex-basis-54-pct { -webkit-flex-basis: 54%; -ms-flex-preferred-size: 54%; flex-basis: 54%; }
.flex-basis-55-pct { -webkit-flex-basis: 55%; -ms-flex-preferred-size: 55%; flex-basis: 55%; }
.flex-basis-56-pct { -webkit-flex-basis: 56%; -ms-flex-preferred-size: 56%; flex-basis: 56%; }
.flex-basis-57-pct { -webkit-flex-basis: 57%; -ms-flex-preferred-size: 57%; flex-basis: 57%; }
.flex-basis-58-pct { -webkit-flex-basis: 58%; -ms-flex-preferred-size: 58%; flex-basis: 58%; }
.flex-basis-59-pct { -webkit-flex-basis: 59%; -ms-flex-preferred-size: 59%; flex-basis: 59%; }
.flex-basis-60-pct { -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; flex-basis: 60%; }
.flex-basis-61-pct { -webkit-flex-basis: 61%; -ms-flex-preferred-size: 61%; flex-basis: 61%; }
.flex-basis-62-pct { -webkit-flex-basis: 62%; -ms-flex-preferred-size: 62%; flex-basis: 62%; }
.flex-basis-63-pct { -webkit-flex-basis: 63%; -ms-flex-preferred-size: 63%; flex-basis: 63%; }
.flex-basis-64-pct { -webkit-flex-basis: 64%; -ms-flex-preferred-size: 64%; flex-basis: 64%; }
.flex-basis-65-pct { -webkit-flex-basis: 65%; -ms-flex-preferred-size: 65%; flex-basis: 65%; }
.flex-basis-66-pct { -webkit-flex-basis: 66%; -ms-flex-preferred-size: 66%; flex-basis: 66%; }
.flex-basis-67-pct { -webkit-flex-basis: 67%; -ms-flex-preferred-size: 67%; flex-basis: 67%; }
.flex-basis-68-pct { -webkit-flex-basis: 68%; -ms-flex-preferred-size: 68%; flex-basis: 68%; }
.flex-basis-69-pct { -webkit-flex-basis: 69%; -ms-flex-preferred-size: 69%; flex-basis: 69%; }
.flex-basis-70-pct { -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; flex-basis: 70%; }
.flex-basis-71-pct { -webkit-flex-basis: 71%; -ms-flex-preferred-size: 71%; flex-basis: 71%; }
.flex-basis-72-pct { -webkit-flex-basis: 72%; -ms-flex-preferred-size: 72%; flex-basis: 72%; }
.flex-basis-73-pct { -webkit-flex-basis: 73%; -ms-flex-preferred-size: 73%; flex-basis: 73%; }
.flex-basis-74-pct { -webkit-flex-basis: 74%; -ms-flex-preferred-size: 74%; flex-basis: 74%; }
.flex-basis-75-pct { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; }
.flex-basis-76-pct { -webkit-flex-basis: 76%; -ms-flex-preferred-size: 76%; flex-basis: 76%; }
.flex-basis-77-pct { -webkit-flex-basis: 77%; -ms-flex-preferred-size: 77%; flex-basis: 77%; }
.flex-basis-78-pct { -webkit-flex-basis: 78%; -ms-flex-preferred-size: 78%; flex-basis: 78%; }
.flex-basis-79-pct { -webkit-flex-basis: 79%; -ms-flex-preferred-size: 79%; flex-basis: 79%; }
.flex-basis-80-pct { -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; flex-basis: 80%; }
.flex-basis-81-pct { -webkit-flex-basis: 81%; -ms-flex-preferred-size: 81%; flex-basis: 81%; }
.flex-basis-82-pct { -webkit-flex-basis: 82%; -ms-flex-preferred-size: 82%; flex-basis: 82%; }
.flex-basis-83-pct { -webkit-flex-basis: 83%; -ms-flex-preferred-size: 83%; flex-basis: 83%; }
.flex-basis-84-pct { -webkit-flex-basis: 84%; -ms-flex-preferred-size: 84%; flex-basis: 84%; }
.flex-basis-85-pct { -webkit-flex-basis: 85%; -ms-flex-preferred-size: 85%; flex-basis: 85%; }
.flex-basis-86-pct { -webkit-flex-basis: 86%; -ms-flex-preferred-size: 86%; flex-basis: 86%; }
.flex-basis-87-pct { -webkit-flex-basis: 87%; -ms-flex-preferred-size: 87%; flex-basis: 87%; }
.flex-basis-88-pct { -webkit-flex-basis: 88%; -ms-flex-preferred-size: 88%; flex-basis: 88%; }
.flex-basis-89-pct { -webkit-flex-basis: 89%; -ms-flex-preferred-size: 89%; flex-basis: 89%; }
.flex-basis-90-pct { -webkit-flex-basis: 90%; -ms-flex-preferred-size: 90%; flex-basis: 90%; }
.flex-basis-91-pct { -webkit-flex-basis: 91%; -ms-flex-preferred-size: 91%; flex-basis: 91%; }
.flex-basis-92-pct { -webkit-flex-basis: 92%; -ms-flex-preferred-size: 92%; flex-basis: 92%; }
.flex-basis-93-pct { -webkit-flex-basis: 93%; -ms-flex-preferred-size: 93%; flex-basis: 93%; }
.flex-basis-94-pct { -webkit-flex-basis: 94%; -ms-flex-preferred-size: 94%; flex-basis: 94%; }
.flex-basis-95-pct { -webkit-flex-basis: 95%; -ms-flex-preferred-size: 95%; flex-basis: 95%; }
.flex-basis-96-pct { -webkit-flex-basis: 96%; -ms-flex-preferred-size: 96%; flex-basis: 96%; }
.flex-basis-97-pct { -webkit-flex-basis: 97%; -ms-flex-preferred-size: 97%; flex-basis: 97%; }
.flex-basis-98-pct { -webkit-flex-basis: 98%; -ms-flex-preferred-size: 98%; flex-basis: 98%; }
.flex-basis-99-pct { -webkit-flex-basis: 99%; -ms-flex-preferred-size: 99%; flex-basis: 99%; }
.flex-basis-100-pct { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }


.p.not-logged-in .top-bar-section ul.buyer_nav li { background-color: transparent; border: none; }
.p.not-logged-in .top-bar-section ul.buyer_nav li a { line-height: 1; padding: 15px 0 0; height: 54px; }
.p.not-logged-in .top-bar-section ul.buyer_nav li a span { color: #333; display: inline-block; padding: .1em; max-width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.partners.not-logged-in .top-bar-section ul.buyer_nav li a { line-height: 1; padding: 15px 0 0; height: 54px; }
.partners.not-logged-in .top-bar-section ul.buyer_nav li { background-color: transparent; border: none; }
.partners.not-logged-in .top-bar-section ul.buyer_nav li a span { color: #333; display: inline-block; padding: .1em; max-width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.copy-container { padding: 1em 0; border-top: solid 1px #EEE; }
.copy-container p { margin: 0; }

.bark-button-blue { cursor: pointer; padding: .85em 1em; display: inline-block; font-weight: bold; background-color: #48a7fe; border-radius: 4px; font-family: 'Lato', sans-serif !important; color: #FFF; }
.bark-button-blue:hover { background-color: #72bcff; color: #FFF; }


.bark-link { color: #3eaefc; text-decoration: underline; cursor: pointer; }
.bark-link:hover { color: #5bbafc; }

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


/* PSEUDO BOOTSTRAP CLASSES */
.ps-mb-2 { margin-bottom: 8px; }
.ps-mt-4 { margin-top: 24px; }
.ps-d-inline-block { display: inline-block; }



/*
 *
DROPZONE
 *
 *
*/
@-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
    30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
    100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@-moz-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
    30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
    100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
    30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
    100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
    30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@-moz-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
    30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
    30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
    10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
    20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-moz-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
    10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
    20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
    10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
    20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }

.dropzoneContainer {
    min-height: 80px;
}
.dropzoneContainer .previews {
    float: left;
}
.dropzoneContainer .dz-preview {
    width: 70px;
    height: 70px;
}
.dropzoneContainer.dz-clickable { cursor: pointer; }
.dropzoneContainer.dz-clickable * { cursor: default; }
.dropzoneContainer.dz-clickable .dz-message, .dropzoneContainer.dz-clickable .dz-message * { cursor: pointer; }
.dropzoneContainer.dz-started .dz-message { display: none; }
.dropzoneContainer.dz-drag-hover { border-style: solid; }
.dropzoneContainer.dz-drag-hover .dz-message { opacity: 0.5; }
.dropzoneContainer .dz-message { text-align: center; margin: 2em 0; }
.dropzoneContainer .dz-preview { position: relative; display: inline-block; vertical-align: top; margin-right:16px; min-height: 100px; }

.dropzoneContainer .dz-preview:hover { z-index: 1000; }
.dropzoneContainer .dz-preview:hover .dz-details { opacity:1; }

.dropzoneContainer .dz-preview.dz-file-preview .dz-image { border-radius: 4px; background: #999; background: linear-gradient(to bottom, #eee, #ddd); }

.dropzoneContainer .dz-preview.dz-file-preview .dz-details { opacity: 0; min-height: 70px; }
.dropzoneContainer .dz-preview.dz-image-preview { background: none; }
.dropzoneContainer .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear;
}
.dropzoneContainer .dz-preview .dz-remove { font-size: 13px; text-align: center; display: block; cursor: pointer; border: none; color:#4CA9F8; }
.dropzoneContainer .dz-preview .dz-remove:hover { text-decoration: underline; }

.dropzoneContainer .dz-preview.dz-file-preview .dz-details:hover { opacity: 1; }
.dropzoneContainer .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; }
.dropzoneContainer .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 14px; }
.dropzoneContainer .dz-preview .dz-details .dz-filename { white-space: nowrap; }
.dropzoneContainer .dz-preview .dz-details .dz-filename:hover span { border: 1px solid #ccc; background-color: rgba(255, 255, 255, 0.8); }
.dropzoneContainer .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; }
.dropzoneContainer .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; color: #1e2b39; }
.dropzoneContainer .dz-preview .dz-details .dz-filename span, .dropzoneContainer .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; }

.dropzoneContainers .dz-preview:hover .dz-images img {
    -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px);
}

.dropzoneContainer .dz-preview .dz-image { text-align: center; border-radius: 2px; overflow: hidden; width: 70px; height: 70px; position: relative; display: block; z-index: 10; }
.dropzoneContainer .dz-preview .dz-image img { display: block; height: auto;}

.dropzoneContainer .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzoneContainer .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzoneContainer .dz-preview .dz-success-mark, .dropzoneContainer .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 18px; left: 18px; }
.dropzoneContainer .dz-preview .dz-success-mark svg, .dropzoneContainer .dz-preview .dz-error-mark svg { display: block; width: 34px; height: 34px;   }

.dropzoneContainer .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.dropzoneContainer .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; }

.dropzoneContainer .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; }
.dropzoneContainer .dz-preview .dz-progress { opacity: 1; z-index: 800; pointer-events: none; position: absolute; height: 8px; left: 0; top: 62px; width: 70px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 0 0 4px 4px; overflow: hidden; }

.dropzoneContainer .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #3f93f3, #3f93f3); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; }

.dropzoneContainer .dz-preview.dz-error .dz-error-message { display: block; }
.dropzoneContainer .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; }
.dropzoneContainer .dz-preview .dz-error-message { pointer-events: none; z-index: 2000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 98px; left: -36px; width: 140px; background: #ec5353; padding: 0.5em 1.2em; color: white; }
.dropzoneContainer .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ec5353; }

.dropzoneContainer  .dz-details { }
.dropzoneContainer  .fileinput-button  { height:70px; width: 70px; border: 2px #EBE7EE dashed; cursor: pointer; border-radius: 4px; margin-right: 16px; }
.dropzoneContainer  .fileinput-button.exp-v3 { height:50px; width: 50px; border: 2px #EBE7EE dashed; cursor: pointer; border-radius: 4px; margin-right: 16px; }
.dropzoneContainer  .fileinput-button:hover { border-color: #ccc }
.dropzoneContainer  .fileinput-button .fa-plus{ color:#ddd; font-size: 20px; position: relative; top: 25px; left: 26px; margin: 0 !important; }
.dropzoneContainer  .fileinput-button .fa-plus.exp-v3{ color:#ddd; font-size: 20px; position: relative; top: 13px; left: 16px; margin: 0 !important; }
.dropzoneContainer  .fileinput-button:hover .fa-plus { color: #ccc; }

.dropzoneContainer .dz-preview .dz-success-mark,
.previews .dz-preview .dz-success-mark {
    color: #8CC657;
}
.dropzoneContainer .dz-preview .dz-overlayload {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.3;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    min-height: 70px;
    padding: 2em 1em;
    text-align: center;
    line-height: 150%;
    background: #555;
    border-radius: 4px;
}
/*
 END OF DROPZONE
*/


.seller-response-modal-packs .seller-response-min-credits { color: #3eaefc; text-decoration: underline; font-size: 1.1em; font-weight: 700; }
.messenger-attachment-img { max-width: 300px; width: 100%; height: 200px; margin: 0 0 1em; float: none; border-radius: 4px 4px 0 0; display: block; background-size: cover; }


.switch-toggle a,.switch-light span span{display:none}



.account-information-row .border { border: 1px solid #E6E7EC; }
.account-information-row .p-3 { padding: 16px; }
.account-information-row .pt-3 { padding-top: 16px; }
.account-information-row .px-5 { padding: 32px; }
.account-information-row .mt-2 { margin-top: 8px; }
.account-information-row .account-type-button { color: #111637; }
.account-information-row .account-type-button p { font-size: 16px; display: block; margin: 8px 0; font-weight: bold; }
.account-information-row [class^="micons"] { font-size: 32px; }
.account-information-row .rounded { border-radius: 4px !important; }
.account-information-row .custom-control-input { position: absolute; z-index: -1; opacity: 0; }
.account-information-row .custom-control { position: relative; display: block; min-height: 1.5rem; }
.account-information-row .custom-control label { margin-left: -.2rem; }
.account-information-row .border-primary { border-color: #2D7AF1 !important; }
.account-information-row .custom-radio .custom-control-label::before { border-radius: 50%; }
.account-information-row .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #2D7AF1; background-color: #2D7AF1; }
.account-information-row .custom-control-label::before { position: absolute; top: .125rem; display: block; width: 1.25rem; height: 1.25rem; pointer-events: none; content: ""; background-color: #fff; border: #CED0DA solid .125em; }
.account-information-row .custom-control-label::after { position: absolute; top: .125rem; display: block; width: 1.25rem; height: 1.25rem; content: ""; background: no-repeat 50% / 50% 50%; }
.account-information-row .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }




.top-bar .name .we-re-hiring { color: #fa9750; font-size: 13px; margin: 0 0 0 10px; width: 100px }
.top-bar .name .we-re-hiring:hover { color: #fa9750; text-decoration: underline; }

.transparent .top-bar .name .we-re-hiring { color: #FFF; }

li.flagtopnav {
    padding:14px;
}
a.flaglink {
    line-height: 0 !important;
    background: none !important;
    padding: 4px !important;
}

.countryselcont h5{
    color: #0A1248;
}

.countryselcont a.countrylink span {
    margin-left: 6px;
}

.countryselcont {
    border-radius: 4px;  box-shadow: 0 6px 10px 0 rgba(10,18,72,0.2);
    padding-bottom: 0 !important;
    top: 54px !important;
    border: 1px solid #eee  !important;
    outline: none;
}
.countryselcont .mb8 {
    margin-bottom: 8px;
}

.reveal-modal i.fa-times {
    position: fixed;
    right: 20px;
    top: 20px;
    font-size: 1.4em;
    color: #DEE0E3;
    cursor: pointer;
}

.inline-bark-modal .inline-bark-main-content .inline-bark-q .someone-local input.local-exp-v5 {
    float: left;
    margin-top: 6px;
}

.inline-bark-modal .inline-bark-main-content .inline-bark-q .someone-local label.local-exp-v5 {
    width:92%;
}

@media (max-width: 840px) {
    .top-bar-section .procenter-nav { display: none; }

    .not-transparent .top-bar .name { position: relative; }
    .not-transparent .top-bar .name .we-re-hiring { position: absolute; top: 35px; left: 23px; margin: 0; width: 100px }

}

@media (max-width: 641px) {

    .not-transparent .top-bar .name .we-re-hiring { left: 35px; }

    .reveal-modal .modal-category-experiment-title {
        font-size: 23px;
        line-height: 27px;
    }

}

@media (max-width: 460px) {

    .top-bar .name { position: relative; }
    .top-bar .name .we-re-hiring { position: absolute; top: 35px; left: 35px; margin: 0; }

    .transparent .top-bar .name { position: relative; }
    .transparent .top-bar .name .we-re-hiring { position: absolute; top: 35px; left: 35px; margin: 0; }

    .not-transparent .top-bar .name .we-re-hiring { left: 35px; }

    .reveal-modal .modal-category-experiment-title {
        font-size: 19px;
        line-height: 23px;
    }
}



@media only screen {
    .switch-toggle{position:relative;display:block;padding:0!important}
    .switch-toggle::after{clear:both;content:"";display:table}
    .switch-toggle *,.switch-toggle :before,.switch-toggle :after{box-sizing:border-box}
    .switch-toggle a{display:block;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}
    .switch-toggle label,.switch-toggle > span{line-height:2em;vertical-align:middle}
    .switch-toggle input:focus ~ span a,.switch-toggle input:focus + label{outline-width:2px;outline-style:solid;outline-color:Highlight}
}
@media (-webkit-min-device-pixel-ratio: 0) {
    .switch-toggle input:focus ~ span a,.switch-toggle input:focus + label{outline-color:-webkit-focus-ring-color;outline-style:auto}
}
.switch-toggle input{position:absolute;left:0;opacity:0}
.switch-toggle input + label{position:relative;z-index:2;display:block;float:left;padding:0 .5em;margin:0;text-align:center; outline: none !important;}
.switch-toggle a{position:absolute;top:0;left:0;padding:0;z-index:1;width:10px;height:100%}
.switch-toggle label:nth-child(2):nth-last-child(4),.switch-toggle label:nth-child(2):nth-last-child(4) ~ label,.switch-toggle label:nth-child(2):nth-last-child(4) ~ a{width:50%}
.switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3) + label ~ a{left:50%}
@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 80em) {
    .switch-light,.switch-toggle{-webkit-animation:webkitSiblingBugfix infinite 1s}
}
@-webkit-keyframes webkitSiblingBugfix {
    from{-webkit-transform:translate3d(0,0,0)}
    to{-webkit-transform:translate3d(0,0,0)}
}
.profile-switch{position:absolute;margin-left:140px;width:310px}
.callout{margin:0 0 1rem;padding:4px!important;border: none; border-radius:20px;position:relative; background-color: #F6F7FB;}

.callout > :first-child{margin-top:0}
input[name="switch-profile-toggle"]{box-sizing:border-box;padding:0}
.switch-toggle label,.switch-toggle > span{line-height:2em;vertical-align:middle;font-weight:700}
.switch-toggle{height:38px;margin-top:10px}
.switch-toggle a{position:absolute;top:0;left:0;padding:0;z-index:1;width:10px;height:100%;height:40px;display:block;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}
a.button_switch{top:0!important;border: none!important;border-radius:20px!important; box-shadow: 0 1px 4px -1px #989898;}
.switch-toggle .fa{font-size:1em;margin-right:4px}
.switch-toggle a.button{background-color:#fff;margin:0;height:100%!important}
input[name="switch-profile-toggle"] + label,input[type="radio"] + label i{color: #9DA0B6;}
input[name="switch-profile-toggle"] + label:hover {color: rgb(129, 131, 145);}
input[name="switch-profile-toggle"] + label:active {color: #2d7af1;}
input[name="switch-profile-toggle"]:checked + label,input[type="radio"]:checked + label i { color: #2D7AF1; cursor: default;}
input[type="radio"]:not(:checked) + label i{color:#85929C}

.place-bark-banner { background: #fcf8e3; border: 1px solid #fbeed5; text-align: center; border-radius: 4px; margin: 1.75em 0 -2em; padding: 1em 3em; }
.place-bark-banner p { color: #c09853; font-size: 1.2em; margin: 0; }
.place-bark-banner p a { color: #55b8fc; margin: 0 0.25em; text-decoration: underline; font-weight: 700; }

.place-bark-upsell { border: 1px solid #dde0e5; padding: 1em 2em 0.25em;}
.place-bark-upsell h2 { font-weight: 700 !important; margin: 0 0 1em; }
.place-bark-upsell h4 { color: #3a4449; font-size: 1.2em; margin: 1em 0 0.25em; font-weight: 700; }
.place-bark-upsell p strong { font-style: italic; }
.place-bark-upsell p a { font-weight: 700; text-decoration: underline; margin: 0 1em 0 0; font-weight: 700; }

.buyer-to-seller-upsell { margin: -1.5em 0; border-radius: 4px; position: relative; padding: 1em 2em; background: #fcf8e3; border: 1px solid #fbeed5; text-align: center; }
.buyer-to-seller-upsell p { color: #c09853; margin: 0; }
.buyer-to-seller-upsell p a { color: #55b8fc; margin: 0 0.1em; text-decoration: underline; font-weight: 700; }
.buyer-to-seller-upsell a.close { position: absolute; font-size: 1.2em; right: 0; top: 0.75em; color: #c09853; opacity: 1; }


@media (min-width: 1025px) and (max-width: 1224px) {
    .app-download-banner { background-position: -4.5em bottom; background-size: auto 105%;  }
    .gold-club-cover { background-size: 64% auto; }
    .gold-club-cover .gold-club-cover-split { padding: 8em 4.5em 6em 1em; width: 38%; }

}

/* MEDIUM SCREENS (min-width 841px and max-width 1060px) */
@media (max-width: 1060px) {
    .procenter-nav { margin-top: 16px; margin-left: 40%; }
    .not-logged-in .procenter-nav { margin-top: 6px; margin-left: 41%; }
    .profile-switch {display: none;}
    .in-partnership-with { display: none; }
    .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; }
    .new-ppc-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%; }

    .bark-single-project .project-insights-buyer {width: 52%;}
    .bark-single-project .project-insights-bark {width: 43.5%; margin: 0 0 0 3.5%;}

    .top-category-levels { height: 12em; }
    #main { padding-bottom: 48em; }
    #main.main-container-no-dir { padding-bottom: 28.5em; }
    footer { margin-top: -48em; height: 48em; }
    footer.no-directory-footer { margin-top: -28.5em; height: 28.5em; }

    #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; }

    .seller-signup-leftnav { width: 24em; }
    .seller-signup-main .signup-header, .seller-signup-main .signup-main-container { width: 32em; }

    /*============ MIGRATED FROM MW=640 ============*/
    #header .default-top-head { padding: 0 !important; }
    .top-bar .toggle-topbar.menu-icon { margin-top: -11px; }
    .top-bar .title-area { float: none; }
    .not-logged-in .top-bar .title-area { float: left; }
    /*============ END MIGRATED ============*/

    .social-link:nth-child(2) {border-left: none; padding-left: 0;}
    .social-link:nth-child(1) {border-bottom: 1px solid #F1F4F7; }
    .right-contact-details{ display: inherit !important;}
    .left-contact-details{ display: none !important;}


    .app-download-banner { margin: 1.75em 0 -2em; padding: 0; border-radius:4px; background: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/app_banner_small.png') #409fef no-repeat left bottom; background-size: auto 120%;  }
    .app-banner-msg { border-radius: 4px; }
    .bark-dash .app-banner-msg h2 { font-size: 1.15rem; }
    .bark-dash .app-banner-msg p {font-size: 1em!important;}
    .pack-output { padding: 2em 1em 2em; }
    .sellers #buy-credit-pack .credit-package-container { padding: 0 .4rem 2.5rem }
    .sellers #buy-credit-pack { width: 90%; }

    .gold-club-cover {  background-size: 73% auto; height: 34em; background-position: 25em center; }
    .gold-club-cover .gold-club-cover-split:after { border-top: 34em solid white;  }
    .gold-club-cover .gold-club-cover-split { height: 34em; width: 40%; padding: 8em 3em 6em 1em; }
    .elite-pro-offer-banner { width: 17.5em; padding: 1.5em 1.8em; height: 9.75em; }
    .elite-pro-offer-banner:before { content:""; position:absolute; top:0; left:-2em; width: 0; height: 0; border-bottom: 9.75em solid #6699ff; border-left: 2em solid transparent;  }
    .elite-pro-offer-banner h2 {  font-size: 2.2em; }
    .elite-pro-offer-banner p.elite-offer-p {  font-size: 1.1rem; }
    .elite-pro-offer-banner p.elite-offer-terms { font-size: .8rem; clear: left; margin: 0 0; line-height: 1.3; }
    .gold-club-cover h3 { font-size: 1.95em; }
    .gold-club-cover h3 { font-size: 1.3em; }

    .elite-pro-upgrade-banner { background-position: 67% center; }
    .bark-dash .elite-pro-banner-msg h2 { font-size: 1.2rem; }
    .bark-dash .elite-pro-banner-msg p {font-size: 1em;}
    .elite-pro-offer-banner-boxout{ margin-top: 1.3em; }

}

@media (max-width: 960px) {

    .display-flex.end-at-960-inline { display: inline; }
    .display-flex.end-at-960-inline-block { display: inline-block; }
    .display-flex.end-at-960-block { display: block; }

}

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

    #seller-transition div.border-right{padding-right:20px}

    .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; }


    .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; }
    #main.main-container-no-dir { padding-bottom: 30em; }
    footer.no-directory-footer { margin-top: -30em; height: 30em; }


    .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; }

    .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-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; }

    .seller-signup-leftnav { width: 20em; }
    .seller-signup-main .signup-header, .seller-signup-main .signup-main-container { width: 28em; }

    .response-tips-example .example-response { width: 42em; }

    .gold-club-benefits h3 { padding: 0; }
    .gold-club-benefits p { padding: 0; }

    .be-first-header { width: 100%; }
    .be-first-header .banner-effect { display: none; }

    .profile-nav ul { font-size: 0.9rem; }
    .profile-heading-container .heading {display: block;vertical-align: top;margin: 0 auto 0.25em auto; text-align: center; width: 100%;}
    .profile-heading-container .image {display: block; margin: -65px auto 1em auto; float: none;}
    .profile-heading-container  .heading span.verifiedProLabel {display: block; margin: 0px auto .6em auto; float: none;}
    .profile-heading-container .heading h1 {margin: 1em 0 0.15em;}
    .seller-profile-element h2{font-size:1.5em;}
    .social-link:nth-child(2) {border-left: none; padding-left: 0;}
    .social-link:nth-child(1) {border-bottom: 1px solid #F1F4F7; }

    .social-link:nth-child(2) {border-left: none; padding-left: 0;}
    .social-link:nth-child(1) {border-bottom: 1px solid #F1F4F7; }

    .right-contact-details{ display: inherit !important;}
    .left-contact-details{ display: none !important;}

    .default-credit-pack-modal { width: 45em;}
    .default-credit-pack-modal #card-details-input { padding-left: 2.4rem; padding-right: 2.4rem; }
    .default-credit-pack-modal .dash-button { padding: 0.7em 2.5em; }
    .default-credit-pack-modal  .dash-button.green:hover { color:#FFF; background-color:#54d1a3; }


    .app-download-banner .app-banner-msg { width: 75%; }
    .app-download-banner .app-banner-msg h2 { font-size: 1.1em; }
    .app-download-banner { background-position: -1.7em bottom; background-size: auto 100%;  }
    .app-download-banner .banner-appstore-badges a img { width: 110px; height: auto; }

    .sellers #buy-credit-pack .credit-package-container { padding: 0 .4rem 2.5rem }
    .seller-response-modal { width: 50em; }


    .gold-club-cover { background-size: 85% auto; background-position: 19.5em center;  }
    .gold-club-cover-split { width: 45%; padding: 8em 3em 6em 1em; }
    .gold-club-cover h1 {font-size: 2.1em;}
    .gold-club-cover h3 { font-size: 1.2em; }
    .gold-club-cover .gold-club-elite-cta { font-size: 1.3em; }
    .online-activation {font-size: 1.1em;}

    .post-bark-container .login-container .magic-img {margin-top: 0}
}

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

    #seller-transition div.border-right{padding-right:10px}

    .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; width: 100%; }

    .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-sidebar { width: 12em; margin-left:-3em; }

    .bark-single-project .project-insights-buyer {width: 99%; display: block;}
    .bark-single-project .project-insights-bark {width: 99%; display: block; float: none; margin: 10px 0 0 0;}

    .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 !important; top: -4px; }
    footer .medium-2 { width: 25%; }
    #main { padding-bottom: 72em; }
    .top-category-levels { height: 14em; }
    footer { height: 72em; margin-top: -72em; }
    #main.main-container-no-dir { padding-bottom: 44em; }
    footer.no-directory-footer { margin-top: -44em; height: 44em; }

    .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; }

    .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%; }

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

    .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; }

    .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; }

    .seller-signup-leftnav { width: 18em; }
    .seller-signup-main .signup-header, .seller-signup-main .signup-main-container { width: 26em; }

    .response-tips-example .example-response { width: 42em; }

    .gold-club-benefits .medium-4 { width: 100% }
    .gold-club-benefits p { margin-bottom: 4em; }
    .gold-club-benefits .medium-4:last-child p { margin-bottom: 0; }

    .gold-club-pricing .gold-pricing-option { width: 18em; }

    .subscription-payment-options span.annual-save-money { display: block;position: relative;top: 10px;margin-left: 0 !important;}

    .be-first-header { width: 100%; }
    .be-first-header .banner-effect { display: none; }

    .profile-nav { display: none; }
    .profile-nav { display: none; }
    .profile-heading-container .heading {display: block;vertical-align: top;margin: 0 auto 0.25em auto; text-align: center;width: 100%;}
    .profile-heading-container .image {display: block; margin: -65px auto 1em auto; float: none;}
    .profile-heading-container  .heading span.verifiedProLabel {display: block; margin: 0px auto .6em auto; float: none;}
    .profile-heading-container .heading h1 {margin: 1em 0 0.15em;}
    .seller-profile-element h2{font-size:1.35em;}
    .social-link:nth-child(2) {border-left: none; padding-left: 0;}
    .social-link:nth-child(1) {border-bottom: 1px solid #F1F4F7; }
    .seller-profile-header { background: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/seller-profile-header.png') center top; background-size: cover; min-height: 175px; }
    .project-images .photo-nav i, .seller-profile-element .photo-nav i{width: 40px;}

    .left-contact-details{ display: inherit !important;}
    .right-contact-details{ display: none !important;}

    .default-credit-pack-modal { width: 45em;}
    .default-credit-pack-modal #card-details-input { padding-left: 2.1rem; padding-right: 2.1rem; }
    .default-credit-pack-modal .dash-button { padding: 0.7em 2.5em; }

    .app-download-banner { margin: 1.75em 0 -2em; padding: 0; border-radius:4px; background-position: -1.7em bottom; background-size: auto 100%;  }
    .app-download-banner .banner-appstore-badges a img { width: 110px; height: auto; }

    .sellers .credit-pack-selection h1 { font-size: 1.6em; }

    .seller-response-modal { width: 40em; }
    .seller-mdl-quote { width: 100%; }
    .seller-respond-mdl-container input[type="file"], input[type="checkbox"], input[type="radio"] { vertical-align: -.1em;}
    .seller-mdl-summarybox { display: none; }
    .seller-tip { width: 100%; min-height: none; padding: 2.6em 2em; }
    .seller-tip img { width: 7em; }
    .seller-tip h5 { font-size: 1.2rem; margin-bottom: 1em; }
    .seller-tip p { font-size: .92rem; }
    .seller-mdl-detailsbox ul { padding: 0 2em;}
    .seller-mdl-detailsbox ul li { padding: .6em 1em; }
    .seller-respond-mdl-container .tabs-content #panel1, #panel3, .seller-respond-mdl-container .project-details, .seller-respond-mdl-container .project-details, .seller-respond-mdl-container .job-details-head { padding: 0 2em; }
    .credit-info-list { padding: .3em 20% 1.1em; }
    .credit-info-list li {width: 100%;}
    #sellerRespondUpsell .medium-8 {width: 80%;}
    #sellerRespondUpsell .seller-respond-mdl-header { padding: 0 5em; }
    #sellerRespondUpsell h3 { padding: 0; }

    .gold-club-cover { background-size: 100% auto; background-position: 10em center; }
    .gold-club-cover .gold-club-cover-split { padding: 8em 3em 6em 1em; }
    .gold-club-cover h1 {font-size: 2em;}
    .gold-club-cover h3 { font-size: 1.1em; }
    .gold-club-cover .gold-club-elite-cta { font-size: 1.3em; }
    .online-activation {font-size: 1em;}

    .post-bark-container .login-container .magic-img {margin-top: 0}
}

@media (max-width: 930px) {
    .pagination .pagination-previous span,
    .pagination .pagination-next span {
        display: none;
    }
}

@media (max-width: 840px) {

    .display-flex.end-at-840-inline { display: inline; }
    .display-flex.end-at-840-inline-block { display: inline-block; }
    .display-flex.end-at-840-block { display: block; }
    .display-flex .flex-no-scale-pct-to-100-at-840 { -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .display-flex .flex-no-scale-pct-to-50-at-840 { -webkit-box-flex: 0 0 50%; -moz-box-flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
    .display-flex .flex-no-scale-pct-to-33-at-840 { -webkit-box-flex: 0 0 33%; -moz-box-flex: 0 0 33%; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; }
    .display-flex .flex-no-scale-pct-to-25-at-840 { -webkit-box-flex: 0 0 25%; -moz-box-flex: 0 0 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; }
}

@media (max-width: 820px) {

    .display-flex.end-at-820-inline { display: inline; }
    .display-flex.end-at-820-inline-block { display: inline-block; }
    .display-flex.end-at-820-block { display: block; }
    .display-flex .flex-no-scale-pct-to-100-at-820 { -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .display-flex .flex-no-scale-pct-to-50-at-820 { -webkit-box-flex: 0 0 50%; -moz-box-flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
    .display-flex .flex-no-scale-pct-to-33-at-820 { -webkit-box-flex: 0 0 33%; -moz-box-flex: 0 0 33%; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; }
    .display-flex .flex-no-scale-pct-to-25-at-820 { -webkit-box-flex: 0 0 25%; -moz-box-flex: 0 0 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; }
}



@media (max-width: 780px) {

    .display-flex.end-at-780-inline { display: inline; }
    .display-flex.end-at-780-inline-block { display: inline-block; }
    .display-flex.end-at-780-block { display: block; }
    .display-flex .flex-no-scale-pct-to-100-at-780 { -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .display-flex .flex-no-scale-pct-to-50-at-780 { -webkit-box-flex: 0 0 50%; -moz-box-flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
    .display-flex .flex-no-scale-pct-to-33-at-780 { -webkit-box-flex: 0 0 33%; -moz-box-flex: 0 0 33%; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; }
    .display-flex .flex-no-scale-pct-to-25-at-780 { -webkit-box-flex: 0 0 25%; -moz-box-flex: 0 0 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; }


    .pagination .pagination-rev,
    .pagination .pagination-fwd,
    .pagination .fixed-first,
    .pagination .fixed-last {
        display: none;
    }

    .pagination li a {
        padding: 2px 6px!important;
    }
}

@media (max-width: 768px) {

    .display-flex.end-at-768-inline { display: inline; }
    .display-flex.end-at-768-inline-block { display: inline-block; }
    .display-flex.end-at-768-block { display: block; }
    .display-flex .flex-no-scale-pct-to-100-at-768 { -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .display-flex .flex-no-scale-pct-to-50-at-768 { -webkit-box-flex: 0 0 50%; -moz-box-flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
    .display-flex .flex-no-scale-pct-to-33-at-768 { -webkit-box-flex: 0 0 33%; -moz-box-flex: 0 0 33%; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; }
    .display-flex .flex-no-scale-pct-to-25-at-768 { -webkit-box-flex: 0 0 25%; -moz-box-flex: 0 0 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; }

}

@media (max-width: 720px) {

    .display-flex.end-at-720-inline { display: inline; }
    .display-flex.end-at-720-inline-block { display: inline-block; }
    .display-flex.end-at-720-block { display: block; }
    .display-flex .flex-no-scale-pct-to-100-at-720 { -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .display-flex .flex-no-scale-pct-to-50-at-720 { -webkit-box-flex: 0 0 50%; -moz-box-flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
    .display-flex .flex-no-scale-pct-to-33-at-720 { -webkit-box-flex: 0 0 33%; -moz-box-flex: 0 0 33%; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; }
    .display-flex .flex-no-scale-pct-to-25-at-720 { -webkit-box-flex: 0 0 25%; -moz-box-flex: 0 0 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; }

    .top-bar-section .procenter-nav { display: none; }

}

@media (max-width: 680px) {

    .display-flex.end-at-680-inline { display: inline; }
    .display-flex.end-at-680-inline-block { display: inline-block; }
    .display-flex.end-at-680-block { display: block; }
    .display-flex .flex-no-scale-pct-to-100-at-680 { -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .display-flex .flex-no-scale-pct-to-50-at-680 { -webkit-box-flex: 0 0 50%; -moz-box-flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
    .display-flex .flex-no-scale-pct-to-33-at-680 { -webkit-box-flex: 0 0 33%; -moz-box-flex: 0 0 33%; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; }
    .display-flex .flex-no-scale-pct-to-25-at-680 { -webkit-box-flex: 0 0 25%; -moz-box-flex: 0 0 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; }

}

@media (max-width: 670px) {

    .inline-bark-modal .inline-bark-main-content .user-right { display: block; margin: 0; width: 100%; }
    .inline-bark-modal .inline-bark-main-content .seller-list-container { display: block; margin: 2em 0 0; width: 100%; }
    .inline-bark-modal .inline-bark-main-content .seller-list-container .seller-list-main { max-height: 200px; }
    .seller-mdl-detailsbox ul li span { font-size: .75em; }
    .seller-mdl-detailsbox ul li i { width: 1.1em; }

}

/* SMALL SCREENS (max-width 640px) */
@media (max-width: 420px) {
    section.top-bar-section li.header-seller-signup {
        display: none;
    }
}
@media (max-width: 640px) {
    .post-bark-container .login-header {padding: 0.5em 0 0 1em;}
    .post-bark-container .login-container {background-color: transparent; margin: 0; padding-top: 1.5em;}
    .post-bark-container .login-container .button-primary {margin-top: 10px;}
    .post-bark-container .login-container.forgot { margin: 0;}
    .post-bark-container .login-container .horizontal-or-wrapper {display: none;}
    .post-bark-container .login-container .magic-img.magic-full-page {margin-top: 0.8em;}
    .post-bark-container p.special-hr {display: block; width:100%; text-align:center; border-bottom: 2px solid #DBDBDB;; line-height:0.1em; margin:2em 0; font-size:1.2em; letter-spacing:1px; font-weight:700; color: #DBDBDB}
    .post-bark-container .white-out {background:#fff; padding:0 1em;}
    .post-bark-container .login-container .magic-link-button {margin-top: 10px;}
    .post-bark-container .login-container a {font-size: 16px; line-height: 20px; color: #88a5be; text-decoration: none;}
    .reveal-modal i.fa-times {position: absolute; right: 10px; top: 8px;}

    .countryselect .countryselect-container .flags { margin-bottom: 0}

    .flagtopnavs { display: none;}
    a.we-re-hiring { display: none;}

    .bnb-dash {padding: 1em 1em 1em; }
    .bnb-dash .bnb-item { margin: 1em 0.6em 0 0; }
    .elite-pro-banner .star-left { float: left; width: 10px; margin-left: 12%; margin-right: 16px;}

    .subscription-payment-options span.annual-save-money { display: block;position: relative;top: 10px;margin-left: 0 !important;}
    #seller-transition div.border-right{border:none; padding-bottom: 20px;}
    #seller-transition .dash-button {width: 100%;}
    #seller-transition .dash-button{padding:18px;width:100%;margin-top:40px;font-size:1em; }

    .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; }

    .new-ppc-cover { padding: 6em 0 10em; }

    .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; }

    .bark-single-project .project-insights-buyer {width: 99%; display: block;}
    .bark-single-project .project-insights-bark {width: 99%; display: block; float: none; margin: 10px 0 0 0;}

    .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 .no-longer-has-dropdown { text-align: center; top: 1em; padding-bottom: 1em; position: relative; }
    .buyer_nav .no-longer-has-dropdown a { background: transparent !important; }
    .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 !important; top: -4px; }
    footer .trustpilot-widget { max-width: 250px; margin: 0 auto; }
    #main.main-container-no-dir { padding-bottom: 61em; }
    footer.no-directory-footer { margin-top: -61em; height: 61em; }

    .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 { margin-left: 0; width: auto; position: static !important; }

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

    #goldSellerSuccessModal { height: 34em;}
    #goldSellerSuccessModal img.logo-circle { left: 11em; }

    .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; }


    .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; }

    #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; }

    .temp-popular-placeholder { margin: 0 0 2em; max-width: 20em; }

    .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; }
    .contain-to-grid li.newlogo { margin-left: 16px; }

    .buyer_nav .has-dropdown:last-child { border-bottom: 1px solid #475055; background-color: #3a4449; }

    #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; }

    #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; }

    .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; }

    .seller-create-info p { padding: 0 1em; }

    .seller-signup-leftnav { float: none; width: 100%; height: auto; padding-bottom: 0; }
    .seller-signup-leftnav .signup-leftnav-main { padding-bottom: 4em; }
    .seller-signup-leftnav .signup-leftnav-nav { margin: 0; height: 6em; }
    .seller-create-form2 { height: auto; }
    .seller-signup-main { height: auto; padding: 4em 1em; }
    .seller-signup-main .signup-header { width: auto; }
    .seller-signup-main .signup-main-container { width: auto; }

    #writeReviewModal .columns { padding: 0; }
    #writeReviewModal .right-input { padding: 0; }

    .post-bark-modal-estimate-bk { margin: -0.5em 0 -1em; background-size: 418px 112px; }
    .post-bark-modal-estimate-bk .post-bark-modal-estimate-left { width: 8em; left: 0; }
    .post-bark-modal-estimate-bk .post-bark-modal-estimate-right { width: 8em; right: 0; }
    .post-bark-modal-estimate-bk .post-bark-modal-estimate-center { width: 11em; }

    .one-click-upsell-explain p { margin: 0.5em 0 2em; }
    .one-click-upsell-content .one-click-upsell-options { text-align: center; }
    .one-click-upsell-content .one-click-upsell-options a { float: none; display: block; margin: 1em 0; }
    .one-click-upsell-estimate input { font-size: 1.2em; }
    .one-click-upsell-estimate select { margin: 0; }

    .bark-details-modal .project-view-left .title-row .image { float: none; margin: 0 0 1em; }

    .response-tips-example .example-response { width: 32em; }

    .response-tips-one-click .columns-adjust { padding-left: 0.9375rem; padding-right: 0.9375rem; }

    .gold-club-benefits p { margin-bottom: 4em; }
    .gold-club-benefits .medium-4:last-child p { margin-bottom: 0; }

    .gold-club-feature-details { text-align: center; }
    .gold-club-feature-details h4 { margin-top: 1em; }
    .gold-club-feature-details ul { list-style: none; }

    .gold-club-pricing .gold-pricing-option { margin: 0 auto; }
    .gold-club-pricing .pricing-option-annual { margin-top: 4em; }

    .gold-club-feature-details img { margin: 0; }
    .gold-club-feature-details .elite-detail-icon { display: none; }

    .be-first-header { width: 100%; }
    .be-first-header .banner-effect { display: none; }

    .profile-nav { display: none; }
    .profile-heading-container .heading {display: block;vertical-align: top;margin: 0 auto 0.25em auto; text-align: center;width: 100%;}
    .profile-heading-container .image {display: block; margin: -65px auto 1em auto; float: none;}
    .profile-heading-container  .heading span.verifiedProLabel {display: block; margin: 0px auto .6em auto; float: none;}
    .profile-heading-container .heading h1 {margin: 1em 0 0.15em;}
    .seller-profile-element h2{font-size:1.35em;}
    .social-link:nth-child(2) {border-left: none; padding-left: 0;}
    .social-link:nth-child(1) {border-bottom: 1px solid #F1F4F7; }
    .seller-profile-header { background: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/seller-profile-header.png') center top; background-size: cover; min-height: 175px; }
    .seller-profile-element .arrow{ color: #fff; border-radius: 5px;}
    .seller-profile-element ul.pagination li a, ul.pagination li button {padding: .08rem 2rem; font-size: 1.3rem;}
    .seller-profile-element ul.pagination li.unavailable { opacity: 0.5;}
    .project-images .photo-nav i, .seller-profile-element .photo-nav i{width: 40px;}

    .left-contact-details{ display: inherit !important;}
    .right-contact-details{ display: none !important;}

    .default-credit-pack-modal { width: 96% !important; margin-left: auto !important; left: 2%;}
    .grey-para:first-child { width: 50%;}
    .grey-para { float: left; display: inline; width: 40%; padding-left: 0.5em; padding-right: 0.5em; text-align: left; }
    .credit-left-column .ex-vat { display: inline-block; margin: 0 0 0 .5em; }
    .credit-left-column { padding: 1.5em 2em 1.5em; }
    .credit-right-column { padding: 3em 2em .8em; }
    .default-credit-pack-modal img.credits-img { display: none; }
    .default-credit-pack-modal .secure-payment { text-align: center; float: none; margin-top: .7em; }
    .default-credit-pack-modal .secure-payment p { float: none; display: inline; }
    .default-credit-pack-modal .secure-payment img { float: none; display: inline; margin-bottom: .43em; margin-top: 0; }
    .span-price-highlight { font-size: 1.35em; line-height: 1.6em; }
    .default-credit-pack-modal #card-details-input { padding-left: 0; padding-right: 0;  }
    .default-credit-pack-modal .dash-button { width: 100%; margin-top: .75em;}
    .default-credit-pack-modal #card-details-input input { font-size: 1.2em; }
    .default-credit-pack-modal #card-details-input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size: 1em; }
    .default-credit-pack-modal #card-details-input input::-moz-placeholder { /* Firefox 19+ */ font-size: 1em; }
    .default-credit-pack-modal #card-details-input input:-ms-input-placeholder { /* IE 10+ */ font-size: 1em; }
    .default-credit-pack-modal #card-details-input input:-moz-placeholder { /* Firefox 18- */ font-size: 1em; }
    .default-credit-pack-modal .columns { padding-left: 0.5em; padding-right: 0.5em; }
    .default-credit-pack-modal .cvc-column { padding-left: 1.75em; }
    #stripe-change-card-form label, #card-details-input label { font-size: .95em; }
    .default-credit-pack-modal .cc-cvc, .default-credit-pack-modal .cc-cvc:focus { background-size: 12px auto; }
    .default-credit-pack-modal .cc-exp, .default-credit-pack-modal .cc-exp:focus {  background-size: 13px auto; }
    .default-credit-pack-modal .cc-number, .default-credit-pack-modal .cc-number:focus { background-size: 17px auto; background-position: right 57%; }
    .default-credit-pack-modal .visa, .default-credit-pack-modal .mastercard, .default-credit-pack-modal .amex, .default-credit-pack-modal .discover   { background-size: 45px auto; }
    .default-credit-pack-modal label { padding-bottom: .5em!important; }

    .default-credit-pack-modal .credit_success_img { width: 6.5em; margin: 0;  }
    .credit-success-modal-container .credit-left-column { padding: 1em 1.25em 1em; }
    .default-credit-pack-modal .credit-success-right { padding: 1.5em 1.75em 2em; text-align: center; }
    .credit-success-right .dash-button { font-size: 1.1em; max-width: 275px; }
    .credit-success-right h1 { font-size: 1.5em;  }
    .credit-pack-modal-container { display: inline-block!important; }

    .credit-pack-modal-new { width: 32em !important; margin-left: -16em !important; left: 50%; }
    .credit-pack-modal-new #card-details-input input { font-size: 1.3em; }
    .credit-pack-modal-new #card-details-input { padding-left: 1.875rem; padding-right: 1.875rem;}

    .countryselect .countryselect-container .flags a { margin: 0.5em 0; }

    .credit-package-price { font-size: 1.1em; }
    .sellers #buy-credit-pack .credit-package-container .credit-package .credit-package-price { font-size: 1.1em; }
    .sellers #buy-credit-pack .credit-package-container .credit-package .credit-package-price .credit-package-currency { line-height: 2.5; }
    .sellers .credit-package-container .credit-package .credit-package-price .credit-package-currency { line-height: 2.5; }
    .credit-package-container .credit-package .credit-package-price p { margin: 3px 0 0 0; }

    .sellers #buy-credit-pack .credit-package-container, .sellers #buy-credit-pack .credit-package-container:last-child { float: none; }
    .sellers .credit-pack-selection h1 { font-size: 1.5em; }

    .sellers #buy-credit-pack .credit-package-container { display: block; width: 100%; }


    .seller-response-modal { width: 32em; }
    .seller-mdl-quote { width: 100%; }
    .seller-mdl-summarybox { display: none; }
    .seller-tip { width: 100%; min-height: none; padding: 2.6em 2em; }
    .seller-tip img { width: 7em; }
    .seller-tip h5 { font-size: 1.2rem; margin-bottom: 1em; }
    .seller-tip p { font-size: .92rem; }

    .seller-respond-mdl-container ul.tabs .tab-title>a { padding: .75rem 1.75em; font-size: .85rem; }
    .seller-respond-mdl-container ul.tabs li { width: 50%; }
    .seller-respond-mdl-container ul.tabs li:nth-child(3) {display: none;}
    .seller-respond-mdl-container .tabs-content #panel1, #panel3, .seller-respond-mdl-container .project-details, .seller-respond-mdl-container .project-details, .seller-respond-mdl-container .job-details-head { padding: 0 1.75em; }
    .seller-respond-mdl-container h3 { padding: 0 1em; font-size: 1.4rem;}
    .seller-respond-mdl-container label { font-size: 1.3em; }
    .seller-respond-mdl-container input[type="file"], input[type="checkbox"], input[type="radio"] { vertical-align: 0;}
    .seller-respond-mdl-container { padding-bottom: 0; }
    .seller-respond-mdl-container .tabs-content { margin-bottom: 0; }
    .respond-steps { display: none; }
    .seller-response-modal ul.respond-steps-dotted { display: none; }
    .seller-mdl-detailsbox ul { padding: 0 1.75em;  }
    .seller-mdl-detailsbox ul li { font-size: .9em;  padding: .8em 1em .6em 0; }
    .seller-mdl-detailsbox ul li:last-child { padding-right: 0; }
    .seller-mdl-detailsbox ul li span { padding-left: 0; }
    .seller-mdl-detailsbox ul li i { width: 1em;  }
    .seller-respond-mdl-container small { font-size: .9em;}
    .seller-respond-mdl-container .project-details p, .seller-respond-mdl-container .project-details p.detail-title { font-size: 1em; }
    .credit-info-list { padding: .3em 1.5em 1.1em; }
    .credit-info-list li {width: 100%;}
    .what-credit { margin-top: 2em; }
    #sellerRespondUpsell .seller-respond-mdl-header { padding: 0 1.5em; }
    .credit-info-list { margin-bottom: 3rem; }
    .credit-info-list li { padding-left: 0; padding-top: 1.1em; width: 100%; }
    #sellerRespondUpsell h3 { padding: 0; }
    #sellerRespondUpsell .credit-package-middle, #sellerRespondUpsell .credit-package-left { padding-left: 0; padding-right: 0; }
    #sellerRespondUpsell .small-12 { padding: 0 1.5em;}
    #sellerRespondUpsell .what-credit { padding: 0 2em; }


    .gold-club-cover { height: auto; }
    .gold-club-cover .gold-club-cover-split{ width: 100%; padding: 2em 3em 3em 0em; height: auto; }
    .gold-club-cover .row { height: auto; }
    .gold-club-cover { background-image: none; }
    .online-activation {font-size: 1em;}
    .elite-pro-offer-banner { display: none;  }
    .gold-club-cover h1 {font-size: 2em;}
    .gold-club-cover h3 { font-size: 1.1em; margin-bottom: .2em; margin-top:.6em; }
    .gold-club-cover .gold-club-elite-cta { font-size: 1.3em; }

    .elite-pro-offer-banner-mob { display: block; margin-top: 3em; width: 80%; height: auto; }
    .elite-pro-offer-banner-mobile { background-color: #6699ff; padding: .7em 1.2em .7em 3.1em; width: 28em; display: block; margin-top: 3em; z-index: 10; height: 7.1em; position: relative;  }
    .elite-pro-offer-banner-mobile:after { content:""; position:absolute; top:0; right:-1.5em; width: 0; height: 0; border-top: 7.1em solid #6699ff; border-right: 1.5em solid transparent; }
    .elite-pro-offer-banner-mobile h2 {  color: #fff; font-weight: 700; margin: 0; line-height: 1; font-size: 1.5em; }
    .elite-pro-offer-banner-mobile p.elite-offer-p { color: #293b47; margin: .2em 0 0; font-weight: 700; font-size: 1rem; line-height: 1.4; }
    .elite-pro-offer-banner-mobile p.elite-offer-terms { color: #293b47; font-weight: 500; font-size: .8rem; margin: 0 0; line-height: 1.3; }

    .elite-pro-offer-banner-boxout-mob{ display: block; }
    .elite-pro-offer-banner-boxout-mob img { width: 25em; height: auto; margin-top: 1em; }
    .elite-pro-offer-banner-boxout img { display: none; }
    .elite-pro-banner-msg { background: none; text-align: center; padding-top: 1em; }
    .bark-dash .elite-pro-banner-msg h2 { font-size: 1.2rem; }
    .bark-dash p { font-size: 1em; }
    .elite-pro-upgrade-banner { background-image: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/elite_mobile_bg_2x.jpg'); background-size: cover; background-position: center right; }
    .inline-bark-modal-intro .modal-steps-row { background: none;}
    .inline-bark-modal-intro .inline-bark-intro-header h2 { font-size: 2em;}
    .inline-bark-modal-intro h3.modal-steps-head { margin: 2em 0 2.5em;}
    .modal-steps-p { padding-bottom: 1.7em; }

    #purchaseCreditPackNew #purchase-credit-stripe-error { margin: 0 0 2em; border-radius: 5px !important; }

    .prospect-upsell-container .prospect-upsell-container-content .prospect-upsell-offer .prospect-upsell-offer-badge { width: 5.4em; height: 5.4em; left: -1em; top: -3em; padding: 1.3em; }
    .prospect-upsell-container .prospect-upsell-container-content .prospect-upsell-offer .prospect-upsell-offer-badge span { font-size: 1.4em; }

    .seller-response-modal-packs .credit-package-container.credit-pack-list-0 {padding: 0 .5rem 3.5rem; }
    .seller-response-modal-packs .credit-package-container.credit-pack-list-0 .credit-package {border: 1px solid #dde1e6; margin-right: 0px; border-radius: 3px;}
    .discounted-credit-packs .credit-package-container.credit-pack-list-1 { margin: 0; padding: 0 .5rem 3.5rem }
    .discounted-credit-packs .credit-pack-list-1 .credit-package { border: 2px solid #59d0a4; padding: 1em; }
    .seller-response-modal-packs .credit-package-container.credit-pack-list-2 { padding: 0 .5rem 3.5rem; }
    .seller-response-modal-packs .credit-package-container.credit-pack-list-2 .credit-package {border: 1px solid #dde1e6; border-radius: 3px;}

    .display-flex.end-at-640-inline { display: inline; }
    .display-flex.end-at-640-inline-block { display: inline-block; }
    .display-flex.end-at-640-block { display: block; }
    .display-flex .flex-no-scale-pct-to-100-at-640 { -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .display-flex .flex-no-scale-pct-to-50-at-640 { -webkit-box-flex: 0 0 50%; -moz-box-flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
    .display-flex .flex-no-scale-pct-to-33-at-640 { -webkit-box-flex: 0 0 33%; -moz-box-flex: 0 0 33%; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; }
    .display-flex .flex-no-scale-pct-to-25-at-640 { -webkit-box-flex: 0 0 25%; -moz-box-flex: 0 0 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; }

    .p.not-logged-in .top-bar-section ul.buyer_nav li a { line-height: 1; padding: 1px 0 0; height: 38px; }
    .p.not-logged-in .top-bar-section ul.buyer_nav li a span { max-width: 160px; }
    .partners.not-logged-in .top-bar-section ul.buyer_nav li a { line-height: 1; padding: 1px 0 0; height: 38px; }
    .partners.not-logged-in .top-bar-section ul.buyer_nav li a span { max-width: 160px; }

    .fix-email-issue-option { margin: 0 0 10px; width: 100%; text-align: center; }
    .fix-email-issue-option-web { display: none; }
    .fix-email-issue-option h2 { display: none; }
    .fix-email-issue-option i { display: none; }
}

/* XTRA SMALL SCREENS (max-width 480px) */
@media (max-width: 480px) {
    .procenter-nav {display: none;}
    .credit-pack-modal-new .cc-number:focus {background-size: 18px auto !important;}
    #purchaseCreditPackNew #purchase-credit-stripe-error { margin: 0 1em 2em; margin-bottom: 4em;  }
    .credit-pack-modal-new .new-error { background: url(https://d1w7gvu0kpf6fl.cloudfront.net/img/bark_credit_error.png) no-repeat!important; background-size: 15px auto!important; background-position: right center!important; transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; border-color: #ff6666!important;  }
    .inline-bark-modal .photoselect > div {width: 44% !important;}

    .error-card-number {margin-top: -24px; margin-bottom: 20px;}
    .elite-pro-banner { margin:1.75em 0 -2em; padding: 1em;}
    .elite-pro-banner .star-left { float: left; width: 10px; margin-left: 1%; margin-right: 6px;}
    .elite-pro-banner .star-right { float: left; width: 10px;}
    .elite-pro-banner .banner-msg { float: left; width: 86%; margin: 0 auto; text-align: center;}

    .bnb-dash .bnb-item { width: 46%;}
    .post-bark-welcome-container .post-bark-welcome-footer button { margin: 1em 1em; min-width: 5em; }

    .inline-bark-modal .inline-bark-main-content .q-info { margin: 1.5em 1em 0 1.9em; }

    #new-bark-faq a.accordion-navigation-header{position:relative!important;padding-right:34px!important}
    #new-bark-faq .accordion-navigation-header i{position:absolute;right:10px;top:8px}

    #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; }

    .inline-bark-modal .inline-bark-header h2 { padding: 1.5em 1em; }
    .inline-bark-modal .inline-bark-main-content .inline-bark-q { padding: 0.5em 1em; }
    .inline-bark-modal .inline-bark-buttons-container button { margin: 1.5em 1em 1.5em 0; }
    .inline-bark-modal .inline-bark-buttons-container .inline-bark-btn-back { margin: 1.5em 0; }

    .new-ppc-cover { padding: 5em 0 10em; }
    .new-ppc-cover h1 { font-size: 3em; }

    .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%; }

    #goldSellerSuccessModal { height: 36em;}
    #goldSellerSuccessModal, #changeCard, #downgradeDeleteModal, #confirmationUpgrade, #confirmationDowngrade, #changeCardConfirm { margin-left: 0 !important; }
    #goldSellerSuccessModal 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; }
    #main.main-container-no-dir { padding-bottom: 68em; }
    footer.no-directory-footer { margin-top: -68em; height: 68em; }

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

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


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

    .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: 8px !important; }
    .reveal-modal span.bark-icon-cross-o { right: 0; top: -27px; position: absolute; }
    #inlineBarkModal .bark-icon-cross-o { right: 6px; top: 13px; position: absolute; }

    .seller-create-upsell { width: 17em; }


    .post-bark-estimate-modal .post-bark-welcome-header-small { padding: 1em 2em; }
    .post-bark-estimate-modal .post-bark-welcome-header-small h1 { font-size: 1.4em; }
    .post-bark-estimate-modal .post-bark-welcome-header-small i { display: none; }

    .post-bark-modal-estimate-bk { background-image: none; margin: -0.5em 0 -2em; }
    .post-bark-modal-estimate-bk .post-bark-modal-estimate { width: 100%; position: static; padding: 0.1em 2em; border-top: 1px solid #eee; }
    .post-bark-modal-estimate-bk .post-bark-modal-estimate span { display: inline-block; margin: 0 0.5em; }
    .post-bark-modal-estimate-bk .post-bark-modal-estimate div { display: inline-block; }
    .post-bark-modal-estimate-bk .post-bark-modal-estimate:last-child { border-bottom: 1px solid #eee; }
    .post-bark-modal-estimate-bk .post-bark-modal-estimate-center span { font-size: 1em; }

    .response-tips-example .example-response { width: 90%; }

    .one-click-upsell-estimate .one-click-estimate-options { text-align: left; }
    .one-click-upsell-estimate .one-click-estimate-options a { float: none; margin: 1em 0 0; display: block; }

    .new-project-container h4 { margin: -2em 1em 6em; }

    .gold-club-cover { height: 22em; }
    .gold-club-comparison table .gold-comparison-width-fix { width: 40%; }

    .gold-club-pricing .gold-pricing-option { width: 16em; }


    .profile-nav { display: none; }
    .profile-heading-container .heading {display: block;vertical-align: top;margin: 0 auto 0.25em auto; text-align: center; width: 100%;}
    .profile-heading-container .image {display: block; margin: 0px auto 2em auto; float: none;width: 10em;}
    .profile-heading-container  .heading span.verifiedProLabel {display: block; margin: 0px auto .6em auto; float: none;}
    .profile-heading-container .heading h1 {margin: 1em 0 0.15em;}
    .seller-profile-element h2{font-size:1.35em;}
    .social-link:nth-child(2) {border-left: none; padding-left: 0;}
    .social-link:nth-child(1) {border-bottom: 1px solid #F1F4F7; }
    .seller-profile-header { background: url('https://d1w7gvu0kpf6fl.cloudfront.net/img/seller-profile-header.png') center top; background-size: cover; min-height: 175px; }
    .seller-profile-element .arrow{ color: #fff; border-radius: 5px;}
    .seller-profile-element ul.pagination li a, ul.pagination li button {padding: .08rem 2rem; font-size: 1.3rem;}
    .seller-profile-element ul.pagination li.unavailable { opacity: 0.5;}

    .project-images .photo-nav i, .seller-profile-element .photo-nav i{width: 40px;}

    .left-contact-details{ display: inherit !important;}

    .right-contact-details{ display: none!important;}

    .grey-para:first-child { width: 60%;}
    .grey-para { float: left; display: inline; width: 40%; padding-left: 0.5em; padding-right: 0.5em; text-align: left; font-size: 1em; }
    .credit-right-column { padding: 3em 1.25em .8em; }
    .credit-left-column { padding: 1.5em 1.25em 1.5em; }
    .default-credit-pack-modal #card-details-input input { font-size: .98em; }
    .default-credit-pack-modal #card-details-input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size: .9em;  }
    .default-credit-pack-modal #card-details-input input::-moz-placeholder { /* Firefox 19+ */ font-size: .9em; }
    .default-credit-pack-modal #card-details-input input:-ms-input-placeholder { /* IE 10+ */ font-size: .9em; }
    .default-credit-pack-modal #card-details-input input:-moz-placeholder { /* Firefox 18- */ font-size: .9em; }
    .credit-pack-modal-container { display: inline-block!important; }
    .default-credit-pack-modal .visa, .default-credit-pack-modal .mastercard, .default-credit-pack-modal .amex, .default-credit-pack-modal .discover { background-size: 36px auto; }
    .default-credit-pack-modal label { padding-bottom: .2em!important; }
    .default-credit-pack-modal .secure-payment { margin-top: .4em; }

    .credit-pack-modal-new h1 { font-size: 1.8em; }
    .credit-pack-modal-new #card-details-input { padding-left: .75rem; padding-right: .75rem;}
    .credit-pack-modal-new .dash-button { font-size: 1rem; }
    .credit-pack-modal-new #card-details-input input { font-size: 1em; transform: translateY(-3px); }
    .credit-pack-modal-new #card-details-input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size: 1em; transform: translateY(-3px); }
    .credit-pack-modal-new #card-details-input input::-moz-placeholder { /* Firefox 19+ */ font-size: 1em;transform: translateY(-3px); }
    .credit-pack-modal-new #card-details-input input:-ms-input-placeholder { /* IE 10+ */ font-size: 1em; transform: translateY(-3px);}
    .credit-pack-modal-new #card-details-input input:-moz-placeholder { /* Firefox 18- */ font-size: 1em; transform: translateY(-3px); }
    .credit-pack-modal-new .label-text { transform: translateY(-32px); }
    .credit-pack-modal-new .visa, .credit-pack-modal-new .mastercard, .credit-pack-modal-new .amex, .credit-pack-modal-new .discover { background-size: 36px auto !important; }
    .credit-pack-modal-new .cc-number, .credit-pack-modal-new .cc-number:focus { background-position: right 37%!important; background-size: 18px auto; }
    .credit-pack-modal-new .cc-exp, .credit-pack-modal-new .cc-exp:focus { background-size: 14px auto; background-position: right 38%; }
    .credit-pack-modal-new .cc-cvc, .credit-pack-modal-new .cc-cvc:focus { background-size: 13px auto; background-position: right 32%;  }

    .credit-package-container .credit-package .credit-package-price p {padding: 0;margin: 3px 0 0 !important;}

    .right-contact-details{ display: none !important;}

    .countryselect .countryselect-container { width: 100%; border-radius: 0; border-right: 0; border-left: 0; }

    .app-banner-msg { text-align: center; padding: 1.4em 1em 1em; }
    .bark-dash .app-banner-msg h2 { font-size: 1.4rem;  }
    .bark-dash .app-banner-msg p { font-size: .9em!important; margin-top: .5em; margin-bottom: 1.2rem; padding-left: 1em; padding-right: 1em;}
    .app-download-banner .banner-appstore-badges a { display: inline; margin: 0.5em 0.5em 0; width: 100%; }
    .app-download-banner .banner-appstore-badges a img { width: 45%; height: auto; }
    .app-download-banner .banner-appstore-badges a:first-child { margin-left: 0.5em; }

    .bark-dash .coupon-field { width: auto; padding-left: 0; padding-right: .3em; }
    .credit-package-price { font-size: 1.1em; }
    .sellers .credit-package-container .credit-package .credit-package-price .credit-package-currency { line-height: 2.5; }
    .sellers #buy-credit-pack .credit-package-container .credit-package .credit-package-price .credit-package-currency { line-height: 2.5; }

    .gold-club-cover .gold-club-cover-split{ width: 100%; }
    .gold-club-cover { height: auto; }
    .gold-club-cover-split { height: auto;}
    .online-activation {font-size: 1em;}
    .gold-club-cover .row { height: auto; }
    .elite-pro-offer-banner { display: none;  }
    .gold-club-cover h1 {font-size: 1.7em;}
    .gold-club-cover h3 { font-size: 1.1em; padding-right: .7em; }
    .gold-club-cover .gold-club-elite-cta { font-size: 1.3em; }

    .elite-pro-offer-banner-mob { display: block; margin-top: 3em; width: 95%; height: auto; }
    .elite-pro-offer-banner-mobile { background-color: #6699ff; padding: .7em 1.2em .7em 2.2em; width:20em;  height: 7.1em; display: block; margin-top: 3em; z-index: 10;  }
    .elite-pro-offer-banner-mobile:after { content:""; position:absolute; top:0; right:-1.5em; width: 0; height: 0; border-top: 7.1em solid #6699ff; border-right: 1.5em solid transparent; }
    .elite-pro-offer-banner-mobile h2 {  color: #fff; font-weight: 700; margin: 0; line-height: 1; font-size: 1.5em; }
    .elite-pro-offer-banner-mobile p.elite-offer-p { color: #293b47; margin: .2em 0 0; font-weight: 700; font-size: 1rem; line-height: 1.4; }
    .elite-pro-offer-banner-mobile p.elite-offer-terms { color: #293b47; font-weight: 500; font-size: .8rem; margin: 0 0; clear:left; line-height: 1.3; }
    .gold-club-cover .row { height: auto; }

    .elite-pro-offer-banner-boxout-mob{ display: block; }
    .elite-pro-offer-banner-boxout-mob img { width: 95%; height: auto; margin-top: 1em; }
    .elite-pro-offer-banner-boxout img { display: none; }
    .elite-pro-banner-msg { background: none; }

    .prospect-upsell-container .prospect-upsell-container-content h3 { margin: 0.5em 0 3.5em; }
    .prospect-upsell-cover .prospect-upsell-call-prompt p { font-size: 1.1em; }

    .seller-respond-mdl-container ul.tabs .tab-title>a { padding: .75rem 1.25em; font-size: .75rem; }
    .seller-respond-mdl-container ul.tabs li { width: 50%; }
    .seller-respond-mdl-container ul.tabs li:nth-child(3) {display: none;}
    .seller-respond-mdl-container .tabs-content #panel1, #panel3, .seller-respond-mdl-container .project-details, .seller-respond-mdl-container .project-details, .seller-respond-mdl-container .job-details-head { padding: 0 1.25em; }
    .seller-respond-mdl-container h3 { padding: 0 1em; font-size: 1.4rem;}
    .seller-respond-mdl-container label { font-size: 1.3em; }
    .seller-respond-mdl-container { padding-bottom: 0; }
    .respond-steps { display: none; }
    .seller-mdl-detailsbox ul { padding: 0 1.25em; margin-bottom: 1.75em;  }
    .seller-mdl-detailsbox ul li { font-size: .85em; border-right: 0; padding: .8em 1em .6em 0; }
    .seller-mdl-detailsbox ul li:last-child { padding-right: 0; }
    .seller-mdl-detailsbox ul li span { padding-left: 0; }
    .seller-mdl-detailsbox ul li i { width: 1em;  }
    .seller-respond-mdl-container .title-row .heading h1 { font-size: 1.2em; }
    .seller-respond-mdl-container small { font-size: .85em;}
    .seller-respond-mdl-container .project-details p, .seller-respond-mdl-container .project-details p.detail-title { font-size: 1em; }
    .seller-respond-mdl-container #quote_type { padding: .86em .75em; font-size: 1.1em; -moz-appearance: none; }
    .seller-respond-mdl-container input[type="file"], input[type="checkbox"], input[type="radio"] { vertical-align: -.1em;}
    .what-credit { margin-top: 2em; }
    #sellerRespondUpsell .seller-respond-mdl-header { padding: 0 1.5em; }
    .credit-info-list { margin-bottom: 3rem; }
    .credit-info-list li { padding-left: 0; padding-top: 1.1em; width: 100%; }
    #sellerRespondUpsell h3 { padding: 0; }
    #sellerRespondUpsell .credit-package-middle, #sellerRespondUpsell .credit-package-left { padding-left: 0; padding-right: 0; }
    #sellerRespondUpsell .small-12 { padding: 0 1.5em;}
    #sellerRespondUpsell .what-credit { padding: 0 2em; }


    .seller-response-modal-packs .credit-package-container.credit-pack-list-0 {padding: 0 .5rem 3.5rem; }
    .seller-response-modal-packs .credit-package-container.credit-pack-list-0 .credit-package {border: 1px solid #dde1e6; margin-right: 0px; border-radius: 3px;}
    .discounted-credit-packs .credit-package-container.credit-pack-list-1 { margin: 0; padding: 0 .5rem 3.5rem }
    .discounted-credit-packs .credit-pack-list-1 .credit-package { border: 2px solid #59d0a4; padding: 1em; }
    .seller-response-modal-packs .credit-package-container.credit-pack-list-2 { padding: 0 .5rem 3.5rem; }
    .seller-response-modal-packs .credit-package-container.credit-pack-list-2 .credit-package {border: 1px solid #dde1e6; border-radius: 3px;}

    .display-flex.end-at-480-inline { display: inline; }
    .display-flex.end-at-480-inline-block { display: inline-block; }
    .display-flex.end-at-480-block { display: block; }
    .display-flex .flex-no-scale-pct-to-100-at-480 { -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .display-flex .flex-no-scale-pct-to-50-at-480 { -webkit-box-flex: 0 0 50%; -moz-box-flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
    .display-flex .flex-no-scale-pct-to-33-at-480 { -webkit-box-flex: 0 0 33%; -moz-box-flex: 0 0 33%; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; }
    .display-flex .flex-no-scale-pct-to-25-at-480 { -webkit-box-flex: 0 0 25%; -moz-box-flex: 0 0 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; }

    .one-click-upsell-banner .one-click-upsell-contact-details { width: 100%; }

}

@media (max-width: 360px) {

    .contain-to-grid > .row .top-bar .top-bar-section ul li > a.login-border { padding: .85em .5em !important; font-size: .6em; margin-top: 1.6em; }
}

@media (max-width: 280px) {

    .prospect-upsell-cover .prospect-upsell-call-prompt { padding: 0; margin: 0 0 1em; }
    .prospect-upsell-cover .prospect-upsell-call-prompt p { border: none; padding: .5em; }
    .prospect-upsell-cover .prospect-upsell-call-prompt i { display: none; }

}

/* Additional Details Experiment */
.additional-details-modal .headline{background-color: rgba(64,203,137,0.1);margin: 50px 20px 20px 20px;padding: 20px;}
.additional-details-modal .headline .checkmark-experiment{height: 35px;width: 35px;background-color: #40CB89;box-shadow: 0 3px 6px 0 #EDEFF7;border-radius: 50%;position: relative;margin: 0 10px 0 0;}
.additional-details-modal .headline .checkmark-experiment img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);height: auto;}
.additional-details-modal .headline.basic{background-color:transparent;margin: 25px 20px 5px;}
.additional-details-modal .headline.basic .checkmark-experiment{display:none;}
.additional-details-modal .headline.basic h1{color: #0A1248;}
.additional-details-modal .fa{cursor: pointer;}
.additional-details-modal .headline h1{color: #07B764;padding: 0;font-size: 20px;font-weight: 700;}
.additional-details-modal .additional-details-section .additional-details-content{padding: 10px 0;}
.additional-details-modal .additional-details-section .additional-details-header{font-size: 20px;padding-bottom: 20px;color: #0A1248;}
.additional-details-modal .additional-details-section .additional-details-text{font-size: 15px;margin-bottom: 20px;}
.additional-details-modal .additional-details-section .show-hide{padding: 0 0 20px;}
.additional-details-modal .color-grey{color: #9CA0B6;}
.additional-details-modal .pseudo-link{color: #2D7AF1;cursor: pointer;}
.additional-details-modal .pseudo-link:hover {text-decoration: underline;}
.additional-details-modal .answers {overflow-y: auto;position: relative;padding: 0 0 20px;}
.additional-details-modal .answers .answer-row {background-color: #FFF;box-shadow: 0 5px 5px 0 #F9F9FA;border-radius: 4px; margin: 0 0 .4em;padding: 1em;border: 1px solid #F3F3F3;}
.additional-details-modal .answers .answer-row p {margin: 0;color: #74868D;font-size: 1.1em;font-weight: normal;}
.additional-details-modal .answers .answer-row span {margin: 0;color: #133C60;font-size: 1em;}
.additional-details-modal .additional-details-prompt-container{color: #07B764;font-weight:bold;margin:0 0 20px;}

.additional-details-modal-overlay{display:none;z-index: 10001;background: rgba(0,0,0,0.75);position: fixed;top: 0;bottom: 0;left: 0;right: 0;}

/* important required as foundation adds styles to the element */
.reveal-modal.video-mode { position: fixed; width: 90vw !important; max-width: 1000px; min-width: 288px !important; height: 50vw; max-height: 562.5px; background: transparent; border: 0; padding: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50% !important; }
.reveal-modal.video-mode > .bark-icon-cross-o { right: -15px; top: -15px; color: #FFF; text-shadow: 0 0 10px #333; font-size: 30px; }


.margin_bottom_2_0 { margin-bottom: 2em; }
.margin_bottom_1_0 { margin-bottom: 1em; }
.margin_bottom_1_5 { margin-bottom: 1.5em; }
.margin_bottom_0_8 { margin-bottom: 0.8em; }
.margin_bottom_0_5 { margin-bottom: 0.5em; }
.margin_top_2_0 { margin-top: 2em; }
.margin_top_1_0 { margin-top: 1em; }
.margin_top_1_5 { margin-top: 1.5em; }
.margin_top_0_8 { margin-top: 0.8em; }
.margin_top_0_5 { margin-top: 0.5em; }

.padding_bottom_2_0 { padding-bottom: 2em; }
.padding_bottom_1_0 { padding-bottom: 1em; }
.padding_bottom_0_8 { padding-bottom: 0.8em; }
.padding_bottom_0_5 { padding-bottom: 0.5em; }
.padding_top_2_0 { padding-top: 2em; }
.padding_top_1_0 { padding-top: 1em; }
.padding_top_0_8 { padding-top: 0.8em; }
.padding_top_0_5 { padding-top: 0.5em; }

.obfuscated-contact-detail { margin-bottom: 0.5em; }
.obfuscated-contact-detail i { width: 16px; text-align: center; margin: 0 1em; }

#confirm-user-details p { margin: 0; padding: 0; }

.bark-svg-icon.bsi-primary-dark-blue .primary-color {
    fill: #111637
}

.bark-svg-icon.bsi-lg svg {
    width: 2em;
    height: 2em;
}