.options__container {
    display: none;
}

.options__container.active {
    display: block;
}

.navigation__under-option {
    padding-left: 0;
}

.options__container {
    padding-top: 40px;
}
.litres-form .checkbox-wrp {
    min-width: 108px ;
}

.litres-container {
    min-height: calc(100% - 300px);
    align-content: flex-start;
    justify-content: flex-start;
    padding-bottom: 10px;
    padding-top: 0;
    margin-top: 150px;
}

.litres-container * {
    box-sizing: border-box;
}

.litres-container h1 {
    margin-top: 30px;
}

.litres-descr {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #707070;
    width: 100%;
    text-align: center;
}

.form-item-row__descr {
    margin-bottom: 20px;
}

.survey-title {
    border-bottom: 1px solid #d7d7d7;
}

.litres-form .form-item-label {
    max-width: 500px;
}

.litres-form .form-item-label__label-contact-name {
    margin-bottom: 20px;
}

.litres-form .form-item-label__label-business-name {
    margin-bottom: 20px;
}

.litres-form .form-item-label__label-phone {
    margin-bottom: 20px;
    margin-right: 20px;
    width: 255px;
}

.litres-form .form-item-label__label-phone-ext {
    margin-bottom: 20px;
    width: 155px;
}

.litres-form .form-item-label__label-email {
    margin-bottom: 20px;
}

.litres-form .form-item-label__label-address {
    margin-bottom: 20px;
}

.litres-form .form-item-label__label-address2 {
    margin-bottom: 20px;
}

.litres-form .form-item-label__label-city {
    margin-bottom: 20px;
    margin-right: 20px;
    width: 255px;
}

.litres-form .form-item-label__label-state {
    margin-bottom: 20px;
    margin-right: 20px;
    width: 155px;
    z-index: 2;
}

.litres-form .form-item-label__label-zip {
    margin-bottom: 20px;
    width: 155px;
}

.litres-form .form-item-label__label-country {
    margin-bottom: 20px;
    margin-right: 20px;
    width: 175px;
    z-index: 1;
}

.litres-form .form-item-label__label-telephone {
    margin-bottom: 20px;
    margin-right: 20px;
    width: 255px;
}

.litres-form .form-item-label__label-general-select {
    margin-bottom: 20px;
    margin-right: 20px;
    width: 255px;
}

.litres-form .form-item-label__label-comments {
    width: 100%;
    max-width: none;
}

.litres-form .checkbox-label {
    margin-right: 15px;
}

.litres-form .checkbox-wrp {
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 15px;
    background-color: #ffffff;
}

.litres-form .checkbox-wrp.checked {
    background-color: #f2f2f2;
}


.litres-form .checkbox-title {
    font-size: 14px;
    line-height: 18px;
    max-width: 100px;
    transition: all 0.3s ease;
    overflow: hidden;
    color: #525252;
    text-align: center;
}

.litres-form .checkbox-wrp:not(.checked):not(:hover) .checkbox-title {
    margin-left: 0;
    transition: all 0.3s ease;
}

.litres-form .checkbox-values {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    max-width: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    padding: 0;
    margin-left: 15px;
    margin-right: 0;
}

.litres-form .checkbox-wrp.checked .checkbox-values {
    max-width: 200px;
    transition: all 0.3s ease;
}

.litres-form .checkbox-wrp:hover {
    background-color: #f2f2f2;
    z-index: 20;
}

.litres-form .checkbox-wrp:hover .checkbox-values {
    max-width: 300px;
    transition: all 0.3s ease;
    margin-right: 15px;
}

.litres-form .checkbox-value {
    margin-left: 0;
    margin-right: 0;
    color: #525252;
    font-size: 24px;
    line-height: 24px;
    max-width: 0;
    transition: all 0.3s ease;
    overflow: hidden;
    cursor: pointer;
    transform: scale(.5);
}

.litres-form .checkbox-value:hover {
    color: #E96758;
}

.litres-form .checkbox-value.selected {
    color: #E96758;
    max-width: 200px;
    transition: all 0.3s ease;
    margin-left: 5px;
    margin-right: 5px;
    transform: scale(1);
}

.litres-form .checkbox-wrp:hover .checkbox-value {
    max-width: 200px;
    transition: all 0.3s ease;
    margin-left: 7px;
    margin-right: 7px;
    transform: scale(1);
}

.litres-form .checkbox-wrp.checked:not(:hover) .checkbox-value.selected {
    max-width: 200px;
    transition: all 0.3s ease;
    margin-right: 0;
    margin-left: 0;
}

.litres-form .checkbox-wrp.checked:not(:hover) .checkbox-title {
    max-width: 0;
    transition: all 0.3s ease;
}

.litres-form .form-item-col-wrp {
    width: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    break-inside: avoid;
}

.form-item-col-wrp:first-child {
    margin-top: 0;
    margin-left: 15px;
}

.navigation__under-suboption:first-of-type {
    margin-left: 10px;
}

.options__container {
    width: 100%;
}

.group-title {
    color: #707070;
    font: 500 18px/26px "Raleway", Helvetica, sans-serif;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 7px;
    margin-top: 15px;
    margin-bottom: 20px;
    width: 100%;
    position: relative;
}

.form-item-row__group {
    align-items: flex-start;
}

.form-item-row__group .form-item-col {
    z-index: 10;
}

.form-item-cols-wrp {
    column-count: 4;
    column-fill: balance;
    margin-left: 0;
    margin-right: 0;
}


.avail-reps-only {
    padding-bottom: 0;
    margin-bottom: 20px;
    color: #c31d30;
}

.form-item-col__comments {
    margin-left: 0;
}

.litres-form .form-button-area {
    justify-content: center;
}

.navigation__under-suboption {
    text-align: center;
}

.form-item__hpl .form-item-cols-wrp {
    column-count: 4;
}

.form-item__solid .form-item-cols-wrp {
    column-count: 2;
}

.pdf-link__litres, .pdf-link__litres:hover, .pdf-link__litres:visited {
    padding: 0;
}

.group-title__printed-literature {
    font: 400 16px/26px "Raleway", Helvetica, sans-serif;
    position: absolute;
    right: 0;
    bottom: 6px;
}


.group-title__printed-literature a, .group-title__printed-literature a:hover, .group-title__printed-literature a:visited {
    padding: 8px;
    padding-left: 0;
    text-decoration: none;
    color: #329bf5;
    line-height: 26px;
}

.group-title__printed-literature a:hover {
    color: #2469a3;
}

.group-title__printed-literature-item {
    text-align: right;
}