.browsehappy {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

* {
    font-family: Arial, sans-serif!important
}

i.icon {
    font-family: Icons!important
}

body,
html {
    height: 100%;
    background-color: #eaeced
}

body {
    margin: 0;
    background-color: #eaeced
}

a {
    text-decoration: none
}

.yotpo-clr {
    clear: both
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.text-centered {
    text-align: center
}

.yotpo-btn:hover {
    cursor: pointer
}

.ui.popup {
    padding: 0;
    background-color: #445361
}

.ui.popup:before {
    background-color: #445361
}

.write-review-tips-popup {
    position: relative;
    background-color: #445361;
    padding: 22px;
    color: #eaeced;
    border-radius: 5px;
    width: 300px;
    font-size: 11px
}

.write-review-tips-popup .icon.remove {
    position: absolute;
    right: 10px;
    top: 10px
}

.write-review-tips-popup .yotpo-tool-tip-header {
    text-align: left;
    margin-bottom: 10px;
    border: none;
    font-size: 14px
}

.write-review-tips-popup .yotpo-tool-tip-content {
    text-align: left;
    margin: 0;
    padding: 0
}

.write-review-tips-popup .yotpo-tool-tip-content .content-row {
    margin-bottom: 5px
}

.main {
    position: relative;
    width: 80%;
    max-width: 570px;
    min-height: 650px;
    margin: 0 auto;
    margin-top: 20px;
    z-index: 2;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom: 2px solid #ccc
}

.main.affiliation-version {
    height: auto;
    margin-top: 40px
}

.main.affiliation-version .affiliations {
    margin-top: 75px
}

.footer,
.header,
.marketing {
    padding-left: 15px;
    padding-right: 15px
}

.header {
    border-bottom: 1px solid #e5e5e5
}

.header h3 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 40px;
    padding-bottom: 19px
}

.footer {
    margin-top: 17px;
    margin-bottom: 25px;
    text-align: center
}

.footer a {
    font-size: 12px;
    font-weight: 400
}

.footer-mobile {
    display: none;
    margin-top: 10px;
    text-align: center
}

.footer-mobile a {
    font-size: 12px;
    font-weight: 400
}

.container-narrow>hr {
    margin: 30px 0
}

.jumbotron {
    text-align: center;
    border-bottom: 1px solid #e5e5e5
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px
}

.marketing {
    margin: 40px 0
}

.marketing p+h4 {
    margin-top: 28px
}

.store-logo {
    border-radius: 4px 4px 0 0;
    padding: 30px 0;
    text-align: center;
    line-height: 0
}

.store-logo img {
    max-width: 400px;
    max-height: 200px;
    height: auto
}

.content {
    width: 90%;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 60px
}

.content ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.content .title {
    margin-top: 10px;
    font-size: 16px;
    color: #56575f
}

.content .title h1,
.content .title h2 {
    margin: 30px 0;
    font-weight: 700
}

.content .title h1 {
    font-size: 33px;
    line-height: 33px
}

.content .title h2 {
    font-size: 28px;
    line-height: 28px
}

.content .yotpo-image {
    max-height: 130px;
    max-width: 130px
}

.content .description {
    width: 50%;
    margin: 0 auto 40px;
    color: #56575f;
    font-size: 16px
}

.content .yotpo-seperator {
    background-color: rgba(227, 227, 227, .5);
    width: 51px;
    height: 5px;
    margin: -6px auto 16px auto
}

.content .yotpo-seperator.image-seperator {
    width: auto;
    height: 1px;
    margin: 20px auto
}

.content form {
    text-align: left
}

.content .form .capitalize {
    text-transform: capitalize
}

.content .form .underlined {
    text-decoration: underline
}

.content .form .clickable {
    cursor: pointer
}

.content .form button.hidden,
.content .form input.hidden {
    display: none
}

.content .form .error-tag {
    background-color: #fff1f0;
    border: solid 1px #DDB0B2;
    color: #9f3a38;
    box-shadow: none;
    vertical-align: bottom
}

.content .form .error-tag:before {
    background-color: #fff1f0;
    border-left: solid 1px #DDB0B2;
    border-bottom: solid 1px #DDB0B2
}

.content .form .field.error textarea {
    background-color: #fff1f0;
    border: solid 1px #DDB0B2
}

.content .form .error-text {
    color: red
}

.content .form .what-should-i-write {
    color: #266abe;
    font-size: 12px;
    font-weight: 400;
    text-align: left
}

.content .form .what-should-i-write .icon.circle {
    color: #56575f;
    margin-bottom: 2px
}

.content .form label.field-header {
    margin: 0 0 .28571429rem;
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
    color: #56575f
}

.content .form .form-field {
    margin-bottom: 20px
}

.content .form .form-field.form-field-radio .score {
    cursor: pointer
}

.content .form .form-field.form-field-radio .score label {
    margin-right: 15px;
    margin-left: 5px;
    font-size: 16px;
    color: #FDC705;
    cursor: pointer
}

.content .form .form-field .form-input {
    background-color: #fff;
    line-height: 16px;
    padding: .78571429em 1em;
    font-size: 14px
}

.content .form .form-field.submit-container {
    text-align: center;
    height: 0
}

.content .form .form-field button[type=submit],
.content .form .form-field input[type=submit] {
    color: #fff;
    background-color: #a3875b;
    border-radius: 3px;
    height: 35px;
    min-width: 135px
}

.content .form .form-field button[type=submit]:hover,
.content .form .form-field input[type=submit]:hover {
    background-color: #e41739;
}

.content .form .form-field button[type=submit]:active,
.content .form .form-field input[type=submit]:active {
    background-color: #14a36f
}

.content .form .form-field button[type=submit].disabled,
.content .form .form-field input[type=submit].disabled {
    background-color: #e4eaf2
}

.content .form .form-field button[type=submit].blue-btn,
.content .form .form-field input[type=submit].blue-btn {
    background-color: #2f84ed
}

.content .form .form-field button[type=submit].blue-btn:hover,
.content .form .form-field input[type=submit].blue-btn:hover {
    background-color: #2d7ee2
}

.content .form .form-field button[type=submit].blue-btn:active,
.content .form .form-field input[type=submit].blue-btn:active {
    background-color: #2a77d5
}

.content .form .form-field button.plain-text,
.content .form .form-field input.plain-text {
    color: #2F78BF;
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    border: none
}

.content .form .form-field button.upload,
.content .form .form-field input.upload {
    color: #fff;
    background-color: #666A6D
}

.content .form .form-field .yotpo-textarea {
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #d9d9d9;
    box-sizing: border-box;
    background-color: #fff;
    font-size: 14px;
    text-align: left
}

.content .form .no-box {
    border: none;
    box-shadow: none;
    padding: 0
}

.content .form .files-box {
    border: 2px dashed #eaeced;
    box-shadow: none;
    padding: 0 0 0 14px
}

.content .form .files-box .column {
    padding-left: 0
}

.content .form .stars {
    display: inline-block;
    vertical-align: bottom
}

.content .form .stars .star {
    display: inline-block;
    font-size: 30px;
    line-height: 30px;
    padding: 0 2px;
    cursor: pointer
}

.content .form .stars .star.selected,
.content .form .stars .star:not(.selected) {
    color: #fdc705
}

.content .form .custom-fields {
    line-height: 17px
}

.content .form .custom-fields .yotpo-preloader-wrapper {
    width: 100%;
    height: 40px
}

.content .form .custom-fields .yotpo-preloader-wrapper .yotpo-pre-loader {
    position: relative;
    display: block;
    width: 88px;
    margin: 20px auto
}

.content .form .custom-fields .yotpo-preloader-wrapper .yotpo-pre-loader .yotpo-icon {
    color: orange;
    margin-left: -5px
}

.content .form .custom-fields .yotpo-preloader-wrapper .yotpo-pre-loader .yotpo-icon:first-child {
    margin: 0
}

.content .form .custom-fields .yotpo-preloader-wrapper .yotpo-pre-loader span.yotpo-full-stars {
    color: #dfdfdf;
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    animation: yotpo-pre-loader-animation 1.5s infinite;
    animation-timing-function: ease-in
}

.content .form .custom-fields .yotpo-preloader-wrapper .yotpo-pre-loader span.yotpo-empty-stars {
    color: #dfdfdf;
    position: absolute;
    overflow: hidden;
    white-space: nowrap
}

@keyframes yotpo-pre-loader-animation {
    0% {
        width: 0
    }
    50% {
        width: 83px
    }
    100% {
        width: 0
    }
}

.content .form .custom-fields .y-label,
.content .form .custom-fields label.y-label {
    font-size: 13px;
    color: grey;
    padding: 20px 7px 15px 0;
    min-width: 100px;
    width: auto;
    text-align: start;
    display: inline-block;
    font-weight: 400;
    float: none
}

.content .form .custom-fields .form-element {
    text-align: left
}

.content .form .custom-fields .form-element .y-label {
    display: block;
    white-space: nowrap;
    padding: 0
}

.content .form .custom-fields .form-element .y-label.yotpo-field-title {
    margin: 0 0 .28571429rem;
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
    color: #56575f
}

.content .form .custom-fields .form-element .y-label.yotpo-field-title .error-tag {
    position: relative;
    top: 7px
}

.content .form .custom-fields .form-element .y-label.yotpo-field-subtitle {
    margin-top: 10px;
    margin-bottom: 25px
}

.content .form .custom-fields .form-element .y-input {
    width: 100%
}

.content .form .custom-fields .form-element .yotpo-mandatory-custom-field {
    display: inline-block;
    color: red
}

.content .form .custom-fields .form-element .yotpo-single-choice-field {
    padding-bottom: 25px
}

.content .form .custom-fields .form-element .yotpo-single-choice-field .yotpo-single-choice-option {
    display: block
}

.content .form .custom-fields .form-element .yotpo-single-choice-field .yotpo-single-choice-option .yotpo-radio-wrapper {
    margin: 0;
    height: 17px;
    margin-bottom: 15px;
    display: inline-block
}

.content .form .custom-fields .form-element .yotpo-single-choice-field .yotpo-single-choice-option .yotpo-radio-wrapper input[type=radio] {
    vertical-align: super;
    margin: 0 15px 0 20px;
    height: initial;
    -moz-appearance: radio;
    -webkit-appearance: radio;
    width: auto
}

.content .form .custom-fields .form-element .yotpo-single-choice-field .yotpo-single-choice-option .y-label {
    display: inline-block;
    vertical-align: super;
    color: #a2a2a2
}

.content .form .custom-fields .form-element .yotpo-single-choice-field .yotpo-single-choice-option .y-label:first-letter {
    text-transform: capitalize
}

.content .form .custom-fields .form-element .yotpo-multiple-choice-field {
    padding-bottom: 25px
}

.content .form .custom-fields .form-element .yotpo-multiple-choice-field .yotpo-multiple-choice-option {
    display: block
}

.content .form .custom-fields .form-element .yotpo-multiple-choice-field .yotpo-multiple-choice-option .yotpo-checkbox-wrapper {
    margin: 0;
    height: 17px;
    margin-bottom: 15px;
    display: inline-block
}

.content .form .custom-fields .form-element .yotpo-multiple-choice-field .yotpo-multiple-choice-option .yotpo-checkbox-wrapper input[type=checkbox] {
    vertical-align: super;
    margin: 0 15px 0 20px;
    height: initial;
    width: auto;
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox
}

.content .form .custom-fields .form-element .yotpo-multiple-choice-field .yotpo-multiple-choice-option .y-label {
    display: inline-block;
    vertical-align: super;
    color: #a2a2a2
}

.content .form .custom-fields .form-element .yotpo-multiple-choice-field .yotpo-multiple-choice-option .y-label:first-letter {
    text-transform: capitalize
}

.content .form .custom-fields .form-element .yotpo-rating-field,
.content .form .custom-fields .form-element .yotpo-size-field {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    text-align: left;
    margin-bottom: 25px
}

.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-rating-field-content,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-size-field-content,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-rating-field-content,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-size-field-content {
    text-align: left
}

.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-rating-field-content .yotpo-rating-field-buttons,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-rating-field-content .yotpo-size-field-buttons,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-size-field-content .yotpo-rating-field-buttons,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-size-field-content .yotpo-size-field-buttons,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-rating-field-content .yotpo-rating-field-buttons,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-rating-field-content .yotpo-size-field-buttons,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-size-field-content .yotpo-rating-field-buttons,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-size-field-content .yotpo-size-field-buttons {
    float: left;
    display: block
}

.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-rating-field-content .yotpo-rating-field-buttons .yotpo-radio-wrapper,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-rating-field-content .yotpo-size-field-buttons .yotpo-radio-wrapper,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-size-field-content .yotpo-rating-field-buttons .yotpo-radio-wrapper,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-size-field-content .yotpo-size-field-buttons .yotpo-radio-wrapper,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-rating-field-content .yotpo-rating-field-buttons .yotpo-radio-wrapper,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-rating-field-content .yotpo-size-field-buttons .yotpo-radio-wrapper,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-size-field-content .yotpo-rating-field-buttons .yotpo-radio-wrapper,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-size-field-content .yotpo-size-field-buttons .yotpo-radio-wrapper {
    margin: 0;
    height: 17px;
    margin-bottom: 15px
}

.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-rating-field-content .yotpo-rating-field-buttons .yotpo-radio-wrapper input[type=radio],
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-rating-field-content .yotpo-size-field-buttons .yotpo-radio-wrapper input[type=radio],
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-size-field-content .yotpo-rating-field-buttons .yotpo-radio-wrapper input[type=radio],
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-size-field-content .yotpo-size-field-buttons .yotpo-radio-wrapper input[type=radio],
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-rating-field-content .yotpo-rating-field-buttons .yotpo-radio-wrapper input[type=radio],
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-rating-field-content .yotpo-size-field-buttons .yotpo-radio-wrapper input[type=radio],
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-size-field-content .yotpo-rating-field-buttons .yotpo-radio-wrapper input[type=radio],
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-size-field-content .yotpo-size-field-buttons .yotpo-radio-wrapper input[type=radio] {
    vertical-align: super;
    margin: 0 15px 0 20px;
    height: initial;
    -moz-appearance: radio;
    -webkit-appearance: radio;
    width: auto
}

.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-rating-field-content .yotpo-rating-field-titles,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-rating-field-content .yotpo-size-field-titles,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-size-field-content .yotpo-rating-field-titles,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-size-field-content .yotpo-size-field-titles,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-rating-field-content .yotpo-rating-field-titles,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-rating-field-content .yotpo-size-field-titles,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-size-field-content .yotpo-rating-field-titles,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-size-field-content .yotpo-size-field-titles {
    float: left;
    display: block
}

.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-rating-field-content .yotpo-rating-field-titles .y-label,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-rating-field-content .yotpo-size-field-titles .y-label,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-size-field-content .yotpo-rating-field-titles .y-label,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-size-field-content .yotpo-size-field-titles .y-label,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-rating-field-content .yotpo-rating-field-titles .y-label,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-rating-field-content .yotpo-size-field-titles .y-label,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-size-field-content .yotpo-rating-field-titles .y-label,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-size-field-content .yotpo-size-field-titles .y-label {
    min-width: 0;
    margin-bottom: 15px;
    color: #a2a2a2
}

.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-rating-field-content .yotpo-rating-field-titles .y-label:first-letter,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-rating-field-content .yotpo-size-field-titles .y-label:first-letter,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-size-field-content .yotpo-rating-field-titles .y-label:first-letter,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-size-field-content .yotpo-size-field-titles .y-label:first-letter,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-rating-field-content .yotpo-rating-field-titles .y-label:first-letter,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-rating-field-content .yotpo-size-field-titles .y-label:first-letter,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-size-field-content .yotpo-rating-field-titles .y-label:first-letter,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-size-field-content .yotpo-size-field-titles .y-label:first-letter {
    text-transform: capitalize
}

.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-rating-field-content .yotpo-rating-field-bars,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-rating-field-content .yotpo-size-field-bars,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-size-field-content .yotpo-rating-field-bars,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-size-field-content .yotpo-size-field-bars,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-rating-field-content .yotpo-rating-field-bars,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-rating-field-content .yotpo-size-field-bars,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-size-field-content .yotpo-rating-field-bars,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-size-field-content .yotpo-size-field-bars {
    display: block;
    overflow: hidden;
    width: 115px
}

.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-rating-field-content .yotpo-rating-field-bars .yotpo-rating-bars,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-rating-field-content .yotpo-rating-field-bars .yotpo-size-bars,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-rating-field-content .yotpo-size-field-bars .yotpo-rating-bars,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-rating-field-content .yotpo-size-field-bars .yotpo-size-bars,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-size-field-content .yotpo-rating-field-bars .yotpo-rating-bars,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-size-field-content .yotpo-rating-field-bars .yotpo-size-bars,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-size-field-content .yotpo-size-field-bars .yotpo-rating-bars,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-size-field-content .yotpo-size-field-bars .yotpo-size-bars,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-rating-field-content .yotpo-rating-field-bars .yotpo-rating-bars,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-rating-field-content .yotpo-rating-field-bars .yotpo-size-bars,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-rating-field-content .yotpo-size-field-bars .yotpo-rating-bars,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-rating-field-content .yotpo-size-field-bars .yotpo-size-bars,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-size-field-content .yotpo-rating-field-bars .yotpo-rating-bars,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-size-field-content .yotpo-rating-field-bars .yotpo-size-bars,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-size-field-content .yotpo-size-field-bars .yotpo-rating-bars,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-size-field-content .yotpo-size-field-bars .yotpo-size-bars {
    display: block;
    float: none;
    height: 17px;
    margin-bottom: 15px
}

.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-rating-field-content.yotpo-product-tag-param,
.content .form .custom-fields .form-element .yotpo-rating-field .yotpo-size-field-content.yotpo-product-tag-param,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-rating-field-content.yotpo-product-tag-param,
.content .form .custom-fields .form-element .yotpo-size-field .yotpo-size-field-content.yotpo-product-tag-param {
    display: none!important
}

.content .form .custom-fields .form-element .yotpo-rating-bars,
.content .form .custom-fields .form-element .yotpo-size-bars {
    float: left;
    vertical-align: middle;
    padding-left: 20px
}

.content .form .custom-fields .form-element .yotpo-rating-bars .yotpo-product-related-field-score-bar,
.content .form .custom-fields .form-element .yotpo-size-bars .yotpo-product-related-field-score-bar {
    width: 18px;
    height: 6px;
    float: left;
    margin-top: 6px;
    background-color: #eaeced
}

.content .form .custom-fields .form-element .yotpo-rating-bars .yotpo-product-related-field-score-bar.yotpo-rating-bar-full,
.content .form .custom-fields .form-element .yotpo-size-bars .yotpo-product-related-field-score-bar.yotpo-rating-bar-full {
    background-color: #3085c7
}

.content .form .custom-fields .form-element .yotpo-rating-bars .yotpo-product-related-field-score-bar.yotpo-size-bar-offset,
.content .form .custom-fields .form-element .yotpo-size-bars .yotpo-product-related-field-score-bar.yotpo-size-bar-offset {
    background-color: #f04860
}

.content .form .custom-fields .form-element .yotpo-rating-bars .yotpo-product-related-field-score-bar.yotpo-size-bar-fit,
.content .form .custom-fields .form-element .yotpo-size-bars .yotpo-product-related-field-score-bar.yotpo-size-bar-fit {
    background-color: #1cc286
}

.content .form .custom-fields .form-element .yotpo-rating-bars .yotpo-product-related-field-score-bar.yotpo-size-bar-empty,
.content .form .custom-fields .form-element .yotpo-size-bars .yotpo-product-related-field-score-bar.yotpo-size-bar-empty {
    background-color: transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #eaeced
}

.content .form .custom-fields .form-element .yotpo-rating-bars .yotpo-product-related-field-score-divider,
.content .form .custom-fields .form-element .yotpo-size-bars .yotpo-product-related-field-score-divider {
    width: 1px;
    height: 6px;
    float: left
}

.content .thank-you .share {
    width: 100%;
    font-size: 0;
    margin: 25px 0
}

.content .thank-you .share li {
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
    cursor: pointer
}

.content .thank-you .share li a {
    display: block;
    height: 32px;
    width: 32px;
    margin: 1px 0 0 10px
}

.content .thank-you .share li:first-child a {
    margin-left: 0
}

.content .thank-you .share li.facebook a {
    background: url(../images/facebook.fe93a946.png) no-repeat 0 0
}

.content .thank-you .share li.twitter a {
    background: url(../images/twitter.7ba7adf7.png) no-repeat 0 0
}

.content .thank-you .share li.linkedin a {
    background: url(../images/linkedin.7312f1d8.png) no-repeat 0 0
}

.content .thank-you .share li.google a {
    background: url(../images/google_plus.21530a8a.png) no-repeat 0 0
}

.content .thank-you .coupon {
    font-weight: 700
}

.content .thank-you .coupon:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.content .thank-you .coupon .coupon-discount {
    display: inline-block;
    color: #676a6c;
    border: 1px #b6b6b6 dashed;
    background-color: #f8f8f8;
    font-size: 20px;
    max-width: 500px;
    width: 100%;
    height: 218px;
    text-align: center;
    margin: 0 0 20px
}

.content .thank-you .coupon .coupon-discount .coupon-code {
    color: #676a6c;
    font-size: 67px;
    overflow-y: hidden;
    height: 72px;
    padding-top: 36px;
    margin-top: 45px
}

.content .thank-you .coupon .coupon-discount .coupon-code.font-size-max {
    font-size: 67px
}

.content .thank-you .coupon .coupon-discount .coupon-code.font-size-large {
    font-size: 50px
}

.content .thank-you .coupon .coupon-discount .coupon-code.font-size-medium {
    font-size: 37px
}

.content .thank-you .coupon .coupon-discount .coupon-code.font-size-small {
    font-size: 28px
}

.content .thank-you .coupon .coupon-discount .coupon-description {
    color: #676a6c;
    font-size: 20px;
    margin: 25px auto
}

.content .affiliations {
    border-top: 1px solid #C2C2C2
}

.content .affiliations h2 {
    font-size: 16px;
    font-weight: lighter;
    padding: 21px 0;
    text-transform: uppercase
}

.content .affiliations .products {
    padding: 0
}

.content .affiliations .products .product {
    width: 128px;
    display: inline-block;
    margin: 0 7px;
    vertical-align: top
}

.content .affiliations .products .product .picture {
    width: 128px;
    height: 128px;
    overflow: hidden;
    border: 1px solid #bfbfbf;
    border-radius: 0 0 0 / 0 118px 0;
    background-clip: padding-box;
    background-color: #e9e9e9;
    box-shadow: inset 0 0 0 3px #fff;
    padding: 3px
}

.content .affiliations .products .product .picture img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}

.content .affiliations .products .product .name {
    color: #797a77;
    font-size: 11px;
    padding-top: 8px;
    min-height: 22px
}

.content .affiliations .products .product .stars {
    border-top: 1px solid #C2C2C2;
    margin-top: 10px;
    padding-top: 10px
}

.content .affiliations .products .product .stars ul {
    width: 90px;
    margin: 0 auto
}

.content .affiliations .products .product .stars ul .star {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(../images/stars.0e914529.png) no-repeat 0 0
}

.content .affiliations .products .product .stars ul .star.half {
    background-position: -20px 0
}

.content .affiliations .products .product .stars ul .star.empty {
    background-position: -40px 0
}

.images .files-box .image-loader-box {
    padding: 0;
    width: 100%
}

.images .no-box {
    margin-top: 90px
}

.images .image-box {
    display: block;
    width: 100%;
    height: 100%
}

.images .image-box.empty {
    padding-bottom: 8%
}

.images .image-box .squared-image {
    display: block;
    background-position: center center;
    background-size: cover;
    height: 0;
    padding-bottom: 100%
}

.images .image-box .image-progress-bar {
    height: 25px;
    padding: 0 5px;
    margin-left: 6px;
    line-height: 25px;
    font-size: 12px
}

.images .image-box .image-progress-bar .left {
    float: left
}

.images .image-box .image-progress-bar .right {
    float: right
}

.images .image-box .image-progress-bar .file-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 20px);
    color: #56575f
}

.images .image-box .image-progress-bar .progress {
    color: #56575f
}

.images .image-box .image-progress-bar button.plain-text,
.images .image-box .image-progress-bar input.plain-text {
    padding: 0
}

.images .image-box i.icon.remove {
    margin-right: -2px;
    font-size: 16px
}

.images .image-box i.icon.plus {
    padding-top: 52%;
    padding-bottom: calc(50% + 12px);
    font-size: 21px
}

.images .image-box div.loading {
    opacity: .7;
    filter: grayscale(1);
    -webkit-filter: grayscale(1)
}

.images i.icon {
    color: #C6C6C6;
    font-size: 5em;
    margin-bottom: 20px
}

.images h3 {
    color: #C6C6C6;
    margin-top: 0
}

.images .guidance {
    padding: 42px 0 28px
}

.images .errors-box .error-text {
    word-wrap: break-word;
    position: absolute;
    left: 0;
    right: 0;
    padding-left: 35px;
    padding-right: 35px
}

.anonymous .store-logo .default {
    display: none
}

.mT0 {
    margin-top: 0!important
}

.mB0 {
    margin-bottom: 0!important
}

.mL0 {
    margin-left: 0!important
}

.mR0 {
    margin-right: 0!important
}

.pT0 {
    padding-top: 0!important
}

.pB0 {
    padding-bottom: 0!important
}

.pL0 {
    padding-left: 0!important
}

.pR0 {
    padding-right: 0!important
}

.mT5 {
    margin-top: 5px!important
}

.mB5 {
    margin-bottom: 5px!important
}

.mL5 {
    margin-left: 5px!important
}

.mR5 {
    margin-right: 5px!important
}

.pT5 {
    padding-top: 5px!important
}

.pB5 {
    padding-bottom: 5px!important
}

.pL5 {
    padding-left: 5px!important
}

.pR5 {
    padding-right: 5px!important
}

.mT10 {
    margin-top: 10px!important
}

.mB10 {
    margin-bottom: 10px!important
}

.mL10 {
    margin-left: 10px!important
}

.mR10 {
    margin-right: 10px!important
}

.pT10 {
    padding-top: 10px!important
}

.pB10 {
    padding-bottom: 10px!important
}

.pL10 {
    padding-left: 10px!important
}

.pR10 {
    padding-right: 10px!important
}

.mT15 {
    margin-top: 15px!important
}

.mB15 {
    margin-bottom: 15px!important
}

.mL15 {
    margin-left: 15px!important
}

.mR15 {
    margin-right: 15px!important
}

.pT15 {
    padding-top: 15px!important
}

.pB15 {
    padding-bottom: 15px!important
}

.pL15 {
    padding-left: 15px!important
}

.pR15 {
    padding-right: 15px!important
}

.mT20 {
    margin-top: 20px!important
}

.mB20 {
    margin-bottom: 20px!important
}

.mL20 {
    margin-left: 20px!important
}

.mR20 {
    margin-right: 20px!important
}

.pT20 {
    padding-top: 20px!important
}

.pB20 {
    padding-bottom: 20px!important
}

.pL20 {
    padding-left: 20px!important
}

.pR20 {
    padding-right: 20px!important
}

.mT25 {
    margin-top: 25px!important
}

.mB25 {
    margin-bottom: 25px!important
}

.mL25 {
    margin-left: 25px!important
}

.mR25 {
    margin-right: 25px!important
}

.pT25 {
    padding-top: 25px!important
}

.pB25 {
    padding-bottom: 25px!important
}

.pL25 {
    padding-left: 25px!important
}

.pR25 {
    padding-right: 25px!important
}

@media screen and (min-width:768px) {
    .container {
        max-width: 730px
    }
    .footer,
    .header,
    .marketing {
        padding-left: 0;
        padding-right: 0
    }
    .header {
        margin-bottom: 30px
    }
    .jumbotron {
        border-bottom: 0
    }
}

@media screen and (max-width:650px) {
    .images .image-progress-bar .no-mobile {
        display: none
    }
    .content .item .coupon .coupon-discount {
        height: 188px
    }
    .content .item .coupon .coupon-discount .coupon-code {
        font-size: 45px;
        margin-top: 25px
    }
    .content .item .coupon .coupon-discount .coupon-code.font-size-max {
        font-size: 45px
    }
    .content .item .coupon .coupon-discount .coupon-code.font-size-large {
        font-size: 30px
    }
    .content .item .coupon .coupon-discount .coupon-code.font-size-medium {
        font-size: 22px
    }
    .content .item .coupon .coupon-discount .coupon-code.font-size-small {
        font-size: 18px
    }
}

@media screen and (max-width:420px) {
    .main {
        margin: 0;
        padding: 0;
        max-width: none;
        width: 100%;
        min-height: 100%
    }
    .main.affiliation-version {
        height: auto;
        margin-top: 0
    }
    .store-logo {
        padding: 15px 0
    }
    .store-logo img {
        max-height: 34px
    }
    .footer {
        display: none
    }
    .footer-mobile {
        display: block
    }
    .content {
        padding-bottom: 38px
    }
    .content .title h2 {
        font-size: 24px;
        line-height: 24px
    }
    .content .form .form-field button.upload,
    .content .form .form-field button[type=submit],
    .content .form .form-field input.upload,
    .content .form .form-field input[type=submit] {
        width: 100%
    }
    .content .item .coupon .coupon-discount {
        height: 158px
    }
    .content .item .coupon .coupon-discount .coupon-code {
        margin-top: 15px
    }
    .content .item .coupon .coupon-discount .coupon-description {
        margin: 14px auto
    }
    .write-review-tips-popup {
        width: 260px
    }
    .images .no-mobile {
        display: none
    }
    .images .files-box .guidance {
        padding-top: 60px
    }
    .images .files-box .image-loader-box {
        padding: 0;
        width: 100%;
        box-shadow: none;
        border: none
    }
    .images .files-box .image-loader-box .image-box.empty {
        padding-bottom: 18%
    }
    .images .files-box .image-loader-box .image-box .squared-image,
    .images .files-box .image-loader-box .mobile-square {
        box-shadow: 0 1px 2px 0 #ECECEC;
        border-radius: .28571429rem;
        border: 1px solid #ECECEC
    }
    .images .files-box .image-loader-box .image-progress-bar {
        height: 25px;
        padding: 0;
        margin-left: 0;
        line-height: 25px;
        font-size: 12px
    }
    .images .files-box .image-loader-box .image-progress-bar .file-name {
        color: #56575f
    }
    .images .files-box .image-loader-box i.icon.plus {
        padding-top: calc(50% - 13px);
        padding-bottom: calc(50% - 1px);
        padding-left: 4px;
        font-size: 21px
    }
    .images .no-box {
        margin-top: 15px
    }
    .images button.plain-text {
        padding-top: 62px
    }
}

@font-face {
    font-family: yotpo-lp-font;
    src: url(themes/default/assets/fonts/yotpo-lp-font.eot);
    src: url(themes/default/assets/fonts/yotpo-lp-font.eot) format("embedded-opentype"), url(themes/default/assets/fonts/yotpo-lp-font.ttf) format("truetype"), url(themes/default/assets/fonts/yotpo-lp-font.woff) format("woff"), url(themes/default/assets/fonts/yotpo-lp-font.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

.icon {
    font-family: yotpo-lp-font!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-yotpo-lp-full-star:before {
    content: "\e60e"
}

.icon-yotpo-lp-halfstar:before {
    content: "\e61a"
}

.icon-yotpo-lp-empty-star:before {
    content: "\e61b"
}