/* General Styling */
@import url('//fonts.googleapis.com/css?family=Lato:300,400,700');

/*Skin overrides */
.widget-page.inside-page .content .banner-block {
    background-color: #f8f8f8 !important;
}

.widget-page .content .main-content-block {
    background: #f8f8f8 !important;
}

#widget-override .background-main {
    background-color: #f8f8f8 !important;
}

#widget-override .responsive-traditional .content .main-area {
    background: #f8f8f8 !important;
    border: none !important;
}

.responsive-1 .content .outter-wrapper {
    max-width: 100% !important;
}

.modern-skin .content .section-wrap {
    background: #f8f8f8 !important;
}

.widget-page .content .outer-wrapper .wrapper {
    max-width: 100% !important;
}

.widget-page .main-wrapper {
    background: #f8f8f8 !important;
    padding: 0 !important;
}

.widget-page .main-wrapper .form-page {
    max-width: 80%;
    margin: 0 auto;
}

.widget-page .widget-wrapper {
    padding: 10px !important;
}

.vintage .content .main-area {
    background: #f8f8f8 !important;
}

/* End of overrides */

.content .form-page {
    font-family: 'Lato', sans-serif;
    line-height: 1.4;
    background: transparent;
    color: #506079;
}

.content .form-page .form-body .form-row label {
    font-size: 19px;
}

.content .form-render .form-body .products-container {
    max-width: 775px;
}

.content .form-render .form-body .products-container .filters .search-filter {
    display: none;
}

.content fieldset {
    border: 0;
    border-top: 1px solid #c0c0c0;
}

.content legend {
    font-weight: bold;
    font-size: 24px;
    font-family: 'Lato', sans-serif;
    position: relative;
    top: -8px;
    text-shadow: 0 1px 0px #999;
}

.content .form-render .form-step-navigation ul li h2 a {
    color: #000;
}

.content .form-header a {
    border-radius: 0;
    border: solid 1px #afafaf;
    background: #fff;
    box-shadow: none;
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    padding: 10px;
    color: #506079 !important;
}

.content .form-header a:hover {
    color: #fff !important;
}

.content .main-content-block .form-header a:hover {
    color: #fff;
    background: #506079;
}

.content .product-selector ul.category-list > li > a:hover, 
.content .product-selector ul.category-list > li > a:focus {
    background-color: #fff;
}

.content .form-render .form-body .products-container .tool-tip, 
.content .form-render .form-body .location-container .tool-tip, 
.content .form-render .form-body .address-container .tool-tip, 
.content .form-render .form-body .form-row .value .tool-tip {
    border: 1px solid #ccc;
    background: #f1f1f1;
    position: relative;
    right: 0;
    top: 100%;
    white-space: pre-wrap;
    z-index: 100;
    padding: 5px;
    color: #333;
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
}

.form-render .form-body .tool-tip p {
    margin: 0;
}

/* Breadcrumb styling */

.content .form-render .form-step-navigation ul li:nth-child(even) {
    display: none;
}

.content .form-render .form-step-navigation ul li h2 {
    font-size: .8rem;
}

.content .form-render .form-step-navigation ul li.selected-step h2 {
    font-weight: normal;
}

.content .form-render .form-step-navigation ul li {
    float: none;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    padding-left: 5px;
}

.content .form-render .form-step-navigation ul li:first-child {
    padding-left: 0;
}

.content .form-render .form-step-navigation ul li h2:after {
    content: ' / ';
    padding-left: 5px;
    display: inline-block;
}

.content .form-render .form-step-navigation {
    min-height: 25px;
    font-size: 0.6em;
    display: none;
}

/* Category Styling */

.content .form-page .form-body .form-row {
    width: 100%;
}

.content .form-page .form-body .plan-select-section .form-row {
    position:relative;
    z-index: 3;
    border-bottom: 1px solid #f1f1f1;
    background: #f1f1f1;
}

.plan-select-section .form-row:before,
.plan-select-section .form-row:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 5px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    /* background: #999; */
    -webkit-box-shadow: 0 15px 10px #999;
    -moz-box-shadow: 0 15px 10px #999;
    box-shadow: 0 15px 10px #999;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.plan-select-section .form-row:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 5px;
    left: auto;
}

.content .form-render .plan-select-section .package-selector-heading {
    background: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    padding-bottom: 5px;
}

.content .form-render .plan-select-section .package-container {
    display: inline-block;
    background: #f1f1f1;
}

.content .form-render .plan-select-section .package-container .input-package img {
    max-width: 100%;
    margin: 0;
}

.content .form-render .plan-select-section .package-container .input-package:hover img {
    max-width: 100%;
}

.content .form-render .plan-select-section .package-container .input-package {
    height: 160px;
}

.content .form-render .plan-select-section .package-container .input-package .details {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translate3d(0%, 45%, 0);
    overflow: hidden;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    background-color: rgb(229,229,229);
    background-color: rgba(229,229,229,0.8);
    font-family: 'Arial';   
}

.content .form-render .plan-select-section .package-container .input-package .details .package-name {
    text-shadow: 0 1px 0 #fff;
}

.content .form-render .plan-select-section .package-container .input-package:hover .details {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0%, 0%, 0);
    background-color: rgb(0,0,0);
    background: rgba(0,0,0,0.4);
    color: #fff;
}

.content .form-render .plan-select-section .package-container .input-package {
    overflow: hidden;
    width: 80%;
}

.content .form-render .form-body .plan-select-section .form-row .instructions-container {
    display: inline-block;
    max-height: 185px;
    vertical-align: top;
    overflow: hidden;
    max-width: 390px;
    background: #f1f1f1;
    position: relative;
    z-index: 3;
    width: 85%;
    height: 185px;
    margin-bottom: 0;
}

.content .form-render .form-body .plan-select-section .form-row .instructions-container ul {
    margin-top: .5rem;
    max-height: 150px;
    overflow: hidden;
}

/* Product Main view */
.content .product-selector .filters {
    margin-bottom: 1rem;
}

.content .product-selector ul.category-list > li > a {
    padding: 3px 10px;
    color: #00aa51;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #afafaf;
    width: 95%;
    letter-spacing: -1px;
}

.content .product-selector ul.category-list > li:hover a {
    color: #00aa51;
}

.content .product-selector .products .product img {
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin-top: 0;
}

.content .product-selector .product dl.details {
    text-align: left;
}

.content .product-selector .products .product .thumbnail:hover {
    transform: none !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.content .product-selector .products .product .thumbnail {
   -webkit-backface-visibility: hidden;
   -webkit-transform: translateZ(0) scale(1, 1);
}

.content .product-selector .product dl.details {
    text-align: left;
}

.content .product-selector .products {
    text-align: center;
}

.content .product-selector ul.category-list {
    margin-left: 0;
    display: table;
    width: 100%;
}

.content .product-selector ul.category-list li {
    float: none;
    display: table-cell;
    text-align: center;
}

.content .product-selector .products .product .thumbnail {
    height: auto;
}

.content .product-selector .products .product:hover .thumbnail img {
    transform: none;
}

.content .product-selector .products .product {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 30%;
    padding: 5px;
    box-shadow: none;
    border: none;
    margin: .5rem;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    background: #fff;
    border: 1px solid #afafaf;
}

.content .product-selector .products .product.in-cart .selected-quantity {
    line-height: 12px;
    padding: 1px 5px;
    font-family: 'Lato', sans-serif;
    color: #fff;
    border: 1px solid;
    border-radius: 1px;
    background: #506079;
    border-color: #506079;
    background-image: none;
}

.content .product-selector .product dl.details dd.price {
    font-weight: normal;
    margin-top: 0;
    text-align: right;
    padding: 2px 0px;
    width: 50%;
    margin: 0 auto;
    border-bottom: none;
    position: absolute;
    left: inherit;
    right: 0;
    bottom: 0;
}

.content .product-selector .product dl.details dd.name {
    color: #15AAE2;
    font-weight: normal;
    text-align: center;
    height: auto;
}

.content .product-selector .products .product:hover {
    box-shadow: 0 0 10px 1px #afafaf;
    opacity: 1;
}

.content .product-selector .product dl.details dd.name {
    color: #506079;
    font-weight: 700;
    max-width: 55%;
    margin: 0 auto;
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
}

.content .product-selector .products .product:hover .details .price {
    background: #fff;
    color: #506079;
}

.content .form-render .button-row .yui3-button {
    border-radius: 0;
    border: solid 1px #999;
    background: #f9f9f9;
    box-shadow: none;
    color: #3f3f3f;
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
}

.content .form-render .button-row .yui3-button:hover {
    color: #fff;
    background: #506079;
}

.content .product-selector nav {
    width: 100%;
}

#widget-override .content ul.pager > li a, 
#widget-override .content ul.pager > li span {
    border: none;
    font-family: 'Lato', sans-serif;
    padding: 0px 9px;
    margin-left: 0;
    font-size: 20px;
    background-color: transparent;
    color: #506079;
}

.content ul.pager > li.active a, 
.content ul.pager > li.active span {
    border-radius: 50px;
    background: #999;
    background-color: #00aa51 !important;
    color: #fff !important;
    z-index: 2;
    padding: 0px 9px;
    margin-top: 0px;
    border: none !important;
}

.content .product-selector ul.category-list > li.active > a, 
.content .product-selector ul.category-list > li.active > a:hover, 
.content .product-selector ul.category-list > li.active > a:focus {
    background-color: #fff;
    color: #00aa51;
}

/* Product View */
.content .product-view {
    padding: 10px;
    border: 1px solid #afafaf;
}

.content .product-view .product .yui3-button {
    position: absolute;
    right: 0;
    display: block;
    border-radius: 2px;
    box-shadow: none;
    border: 2px solid #f1f1f1;
    background: #fff;
    text-transform: uppercase;
    font-size: 14px;
    color: #506079;
    transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
}

.content .product-view .product > .yui3-button {
    right: 15px;
}

.content .product-view .product .yui3-button:hover {
    background: #506079;
    color: #fff;
}

.content .product-selector .product-view .product .product-image {
    margin: 2.5rem auto;
    height: auto;
    width: 60%;
    text-align: center;
    display: inline-block;
    border: 2px solid #f1f1f1;
    background: #fff;
}

.content .product-selector .product-view .product .column-container {
    font-size: 0;
    display: inline-block;
    vertical-align: top;
    width: 35%;
    margin: 0 auto;
    margin-left: 1.5rem;
    margin-top: 5rem;
}

.content .product-selector .product-view .product .col-one-half {
    width: 100%;
    text-align: center;
}

.content .product-selector .product dl.details dd.description {
    border: 1px solid #afafaf;
}

.content .product-selector .product-view .product dl.details {
    text-align: center;
    margin-bottom: 0;
}

.content .product-selector .product-view .product .table tr {
    position: relative;
}

.content .product-selector .product-view .product .table > tbody > tr > td {
    padding: 0;
    line-height: 1.42857143;
    vertical-align: middle;
    width: 100%;
    font-size: 20px;
    font-family: 'Arial';
    display: block;
}

.content .product-selector .product-view .product .table td.quantity {
    min-width: 130px;
    width: 49%;
    display: inline-block;
    margin-top: 0;
    vertical-align: top;
    position: absolute;
    left: 0;
}

.content .product-selector .product-view .product .table td.price {
    min-width: 130px;
    width: 49%;
    display: inline-block;
    margin-top: 0;
    vertical-align: top;
    position: absolute;
    right: 0;
    text-align: right;
}

.content .product-selector .product-view .product .table td.quantity button {
    position: relative;
    width: 100%;
    box-shadow: none;
    border-radius: 1px;
    border: 1px solid #afafaf;
    background: #fff;
    color: #506079;
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
}

.content .main-content .product-selector .product-view .product .table td.quantity button.addQuantity, 
.content .main-content .product-selector .product-view .product .table td.quantity button.removeQuantity {
    width: 20%;
}

.content .main-content .product-selector .product-view .product .spinner-control {
    text-align: center;
}

.content .product-selector .product-view .product .table td.quantity button:hover {
    opacity: 0.7;
}

.content .product-selector .product-view .product {
    padding: 0px;
    background: transparent;
    position: relative;
    z-index: 0;
}

/* Side-Cart */

.content .main-content-block {
    position: relative;
    background: #000;
}

#form-side-cart-container .form-side-cart .expand-side-cart, 
#side-cart-sub-total, 
.form-side-cart {
    border-radius: 2px 2px 0 0;
    height: 100%;
    background: #fff;
    border: none;
}

.content .main-content #form-side-cart-container .form-side-cart .expand-side-cart {
    border-bottom: 0;
}

.content .main-content #side-cart-sub-total {
    border-radius: 0;
    margin-top: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #e7ebf1;
}

.content .form-side-cart {
    border-bottom: 0;
}

.content #form-side-cart-container {
    position: absolute;
    float: none;
    right: -310px;
    top: 0px;
    margin-top: 50px;
    font-family: 'Lato', sans-serif;
    width: 50%;
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -webkit-box-shadow: 0 0 5px 2px #d1d3d9;
    box-shadow: 0 0 5px 2px #d1d3d9;
}

.content .form-side-cart h2 {
    background-color: #e7ebf1;
    border-radius: 0;
    border-bottom: 1px solid #f9f9f9;
    color: #506079;
    font-size: 22px;
    font-family: 'Lato', sans-serif;
    text-shadow: 1px 1px 1px #fff;
}

.content .sub-total-value, .content .item-price,
.content .sub-total-text, .content .item-name {
    color: #506079;
}

.content #form-side-cart-container .arrow-down {
    width: 25px;
    height: 25px;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid #eff4f9;
    background-image: url(../images/green-down-arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: -8px;
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
}

.content #form-side-cart-container .arrow-up {
    width: 20px;
    height: 21px;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 0px solid #eff4f9;
    background-image: url(../images/green-up-arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: -3px;
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
}

.content .form-side-cart h2:before {
    content: "";
    background-image: url(../images/sc-list-icn.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    height: 16px;
    width: 31px;
    position: absolute;
    top: 10px;
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
}

.content .main-content #side-cart-sub-total .sub-total-text:before {
    content: "";
    background-image: url(../images/tot_cost.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    height: 15px;
    width: 18px;
    position: absolute;
    top: 11px;
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    display: none;
}

.content #side-cart-product-list li {
    border-bottom: 1px solid #fff;
    border-bottom: none;
}

.content .item-name, .content .item-price, .content .sub-total-text, .content .sub-total-value {
    font-size: 16px;
}

.content .item-name, .content .item-price {
    font-weight: 400;
}

/*
   New additions
*/
.content .form-render .form-body .plan-select-section .form-row .instructions-container {
   max-width: 384px;
}
.content .form-render .form-body .plan-select-section .form-row .instructions-container p {
   margin: 0;
}
.content .form-render .form-body .plan-select-section .form-row .instructions-container ul li {
    font-size: 15px;
}

.plan-select-section .form-row:before, 
.plan-select-section .form-row:after {
  display: none;
}

.content .form-render .form-body .plan-select-section .form-row .instructions-container ul {
  max-height: 100%;
}

.content .form-render .form-body .plan-select-section .form-row .instructions-container {
    display: inline-block;
    max-height: 100%;
    overflow: visible;
    position: relative;
    height: auto;
}

.content .form-page .form-body .plan-select-section .form-row {
    border-bottom: 1px solid #999;
    box-shadow: 0px 16px 5px -13px #999;
}

/* Crystal Changes */

.content .form-render .package-container .input-package .details {
    position: absolute;
    bottom: 0;
    left: 5px;
    right: 0;
    top: 20px;
    text-align: center;
    width: 45%;
}

.content .form-render .package-container .input-package img {
    display: block;
    max-width: 50%;
    max-height: 100%;
    margin: 10px auto;
    margin-right: 10px;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transistion: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}

.content .form-render .package-container .input-package {
    position: relative;
    display: inline-block;
    width: 45%;
    height: auto;
    box-shadow: 0 0 1px #ccc;
    border: 1px solid #aaa;
    vertical-align: top;
    clear: both;
    min-height: 285px;
    overflow: hidden;
    background: #000;
}

.content .form-render .package-container .input-package:hover {
    border: 1px solid #a7c8e3;
}

.content .form-render .package-container .input-package:hover img {
    max-width: 50%;
}

.content .form-render .package-container .input-package img:hover {
    max-width: 94.5%;
    transform: translate3d(0, 5%, 0);
}

.content .form-render .package-container .input-package .details {
    font-size: 16px;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.content .form-render .package-container .input-package .details .package-price {
    display: none;
}

.share-this-vertical {
    display: none !important;
}

.mobile-steps table {
    display: none;
}

tbody, tr, td {
    width: 100%;
    display: block;
    border: none;
}

.content .form-page .form-body .form-row.crystal-title label {
    display: none;
}

.content .form-page .form-body .form-row.crystal-title .value {
    display: none;
}

.content .form-page .form-body .form-row.crystal-title .instructions-container .value {
    display: block;
}

.content .form-page h1 {
    display: none;
}

#widget-override .responsive-1 .content .outter-wrapper.main-content-block {
    background-color: #f8f8f8 !important;
}

#widget-override .responsive-1 .content .spacer-block hr {
    border-width: 1px !important;
}

.content .form-page .form-body .form-row.crystal-title .instructions-container .value p img {
    max-width: 70% !important;
}

.content .form-page .form-body .form-row.crystal-steps .value {
    width: 100%;
    float: none;
    margin-left: 0;
}

.content .form-page .form-body .form-row.crystal-steps label,
.content .form-page .form-body .form-row.crystal-steps .value {
    display: none;
}

.content .form-page .form-body .form-row.crystal-steps .instructions-container .value {
    display: block;
}

.content .form-page .form-body .form-row.mobile-steps .instructions-container {
    display: none;
}

.content .form-render .package-container .input-package.selected {
    background-color: #000;
    border: 2px solid #a7c8e3;
    box-shadow: 0px 0px 30px -2px #a7c8e3;
}

body .form-render .form-body .form-row h3 {
    margin-top: 0;
    color: #506079;
    letter-spacing: 0px;
    font-size: 56px;
    font-weight: 100;
    text-align: center;
}

.responsive-1 .content .widget-footer-block {
    border-top: 2px solid #f9f9f9;
}

.content .site-form-render .full-page-form {
    min-height: 350px;
}

body {
    max-width: 100%;
}

.form-footer ul.nav.nav-links > li > a {
    color: #506079;
}

.form-render h2 {
    margin-top: 0;
    text-align: center;
    font-weight: 100;
    font-size: 56px;
}

/* Upload button */
.content .form-render .form-body .form-row .value .file-upload-label {
    background: #fff;
    border-radius: 1px;
    color: #506079;
}

/* Form Footer */
.content .form-footer {
    text-align: center;
}

.content .form-footer ul.nav.nav-links {
    width: auto;
    text-align: center;
    display: inline-block;
}

.content .form-footer ul.nav.nav-links li {
    display: inline-block;
    text-align: center;
    margin-right: 0;
}

.content .form-footer ul.nav.nav-links li a:hover {
    color: #afafaf !important;
}

.content .form-footer .currency-message {
    display: inline-block;
}

/* Portraits of life specific overrides */
.content .form-page .form-body .form-row .value {
    width: 45%;
}

.content .form-page .form-body .form-row label {
    width: 45%;
}

.content .form-page .form-body .form-row .instructions-container > .value {
    width: 100%;
}

.content .form-page .form-body .form-row .instructions-container > label {
    display: none;
}

.content .form-page .form-body .form-row.step1 h3 {
    display: none;
}

/* Color Swatches */
.form-radio-button input {
    position: relative;
    margin-left: 20px;
}

input[data-label="Red"]:before {
    content: '';
    width: 20px;
    height: 10px;
    display: inline-block;
    background: red;
    border: 1px solid #afafaf;
    position: absolute;
    left: -25px;
}

input[data-label="Orange"]:before {
    content: '';
    width: 20px;
    height: 10px;
    display: inline-block;
    background: #f26522;
    border: 1px solid #afafaf;
    position: absolute;
    left: -25px;
}

input[data-label="Yellow"]:before {
    content: '';
    width: 20px;
    height: 10px;
    display: inline-block;
    background: #fff200;
    border: 1px solid #afafaf;
    position: absolute;
    left: -25px;
}

input[data-label="Green"]:before {
    content: '';
    width: 20px;
    height: 10px;
    display: inline-block;
    background: #07812a;
    border: 1px solid #afafaf;
    position: absolute;
    left: -25px;
}

input[data-label="Cyan"]:before {
    content: '';
    width: 20px;
    height: 10px;
    display: inline-block;
    background: #00aeef;
    border: 1px solid #afafaf;
    position: absolute;
    left: -25px;
}

input[data-label="Blue"]:before {
    content: '';
    width: 20px;
    height: 10px;
    display: inline-block;
    background: #003471;
    border: 1px solid #afafaf;
    position: absolute;
    left: -25px;
}

input[data-label="Magenta"]:before {
    content: '';
    width: 20px;
    height: 10px;
    display: inline-block;
    background: #ff00d5;
    border: 1px solid #afafaf;
    position: absolute;
    left: -25px;
}

input[data-label="Other"]:before {
    content: '';
    width: 20px;
    height: 10px;
    display: inline-block;
    background: transparent;
    border: 1px solid #afafaf;
    position: absolute;
    left: -25px;
}

.content .form-render .form-body .form-row .value .file-upload-label > input {
    display: none;
}

/* Responsive */
@media only screen and (max-width: 1645px) {
    .content #form-side-cart-container {
        right: -110px;
        width: 30%;
    }
}

@media only screen and (max-width: 1240px) {
    .content #form-side-cart-container {
        right: -50px;
        width: 25%;
    }
}

@media only screen and (max-width: 1140px) {
    .content #form-side-cart-container {
        right: 0;
        width: 20%;
    }
}

@media only screen and (width: 1024px) {
    .content .form-render .form-body .plan-select-section .form-row .instructions-container {
        max-width: 100%;
        width: 60.9%;
    }
}
@media only screen and (max-width: 1024px) {
    .content .form-side-cart {
        border: none;
    }

    .content .main-content #side-cart-sub-total {
        border: none;
        border-top: 1px solid #333;
    }
    .content #form-side-cart-container .arrow-down {
        display: block;
    }
    
    .content .item-name, .content .item-price, .content .sub-total-text, .content .sub-total-value {
        font-size: 19px;
    }
    
    .content #form-side-cart-container .arrow-down {
        top: 0;
    }
    
    .content .form-side-cart h2:before {
        top: 13px;
        background-image: none;
    }
    
    .content #form-side-cart-container .arrow-up {
        top: 30px;
    }
    
    .content #side-cart-sub-total {
        padding: 1em;
        margin-top: 0;
        border-radius: 2px;
        border: none;
        border-top: 1px solid #333;
    }
    
    .content #form-side-cart-container {
        position: fixed;
        left: 0;
        bottom: 0;
        top: auto;
        right: 0;
        z-index: 10000;
        width: 100%;
        margin: 0 auto;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    .content #form-side-cart-container .form-side-cart .expand-side-cart, 
    .content #side-cart-sub-total, .form-side-cart {
        overflow: hidden;
        border: 1px solid #4a87bc;
        border-radius: 2px 2px 0 0;
        background-color: #fff;
    }
    
    .content .form-side-cart h2 {
        font-size: 25px;
        border-radius: 0;
        font-family: 'Arial';
        border-top: 1px solid #f9f9f9;
    }
    
    .content .form-render .form-body .products-container {
        max-width: 100%;
    }
}

@media only screen and (max-width: 900px) {
    .content .form-render .plan-select-section .package-container .input-package img {
        max-height: 1000%;
    }
    
    .content .form-render .plan-select-section .package-container {
        display: block;
    }
    
    .content .form-render .form-body .plan-select-section .form-row .instructions-container {
        display: block;
        max-height: 100%;
        overflow: visible;
        max-width: 100%;
        width: 100%;
        height: 185px;
        margin-bottom: 0;
    }
    
    .content .form-render .form-body .plan-select-section .form-row .instructions-container ul {
        margin-top: .5rem;
        max-height: 100%;
        overflow: visible;
        margin: 0 auto;
        padding-left: 12%;
    }
    
}

@media only screen and (max-width: 850px) {
    .content .form-render .plan-select-section .package-container .input-package {
        float: none;
    }
    
    .content .form-render .package-container .input-package {
        float: none;
    }
}

@media only screen and (max-width: 768px) {
    .content .form-render .form-body .products-container .tool-tip, 
    .content .form-render .form-body .location-container .tool-tip, 
    .content .form-render .form-body .address-container .tool-tip, 
    .content .form-render .form-body .form-row .value .tool-tip {
        display: block;
    }
    
    .content .product-selector .products .product {
        opacity: 1;
    }
    
    .content .form-render .plan-select-section .package-container .input-package .details {
        transform: translate3d(0%, 0%, 0);
        position: relative;
    }
    
    .content .form-render .plan-select-section .package-container .input-package {
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .content .main-content .product-selector ul.category-list {
        margin-left: 0;
        width: 100%;
        display: table;
    }
    
    .content .main-content .product-selector ul.category-list > li {
        float: none;
        text-align: center;
    }
}

@media only screen and (max-width: 640px) {
    .content .main-content .form-render .form-step-navigation {
        display: none;
        height: auto;
    }
    
    .content .form-render .package-container .input-package img:hover {
        max-width: 50%;
        transform: translate3d(0, 0, 0);
    }
    
    .content .form-page .form-body .form-row {
        margin-right: 0;
        margin-left: 0;
    }
    
    .content .form-render .package-container .input-package {
        display: block;
        width: 100%;
        margin: 0;
        margin-bottom: 5px;
    }
    
    .mobile-steps table {
        display: block;
    }
    
    .content .main-content .form-render .form-step-navigation ul li:last-child {
        padding: 0;
    }
    
    .content .main-content .form-render .form-step-navigation ul li h2 {
        text-align: center;
    }
    
    .content .main-content .form-render .form-step-navigation ul li h2:after {
        content: none;
    }

    .content .product-selector .products .product {
        width: 45%;
    }
    
    .form-render .form-body .form-row label, .form-render .form-body .form-row .value {
        width: 95%;
    }
    
    .content .product-selector .product-view .product .product-image,
    .content .product-selector .product-view .product .column-container {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        margin-top: 10px;
    }
    
    .form-render .form-with-side-cart .form-with-product-container .button-row {
        margin-top: 0;
    }
    
    .content .product-view .product .yui3-button {
        position: relative;
    }
    
    .content .product-view .product > .yui3-button {
        right: 0;
    }
}

@media only screen and (max-width: 480px) {
    .content .form-render .form-body .plan-select-section .form-row .instructions-container {
        height: 205px;
    }
    
    body .form-render .form-body .form-row h3 {
        font-size: 22px;
        transition: 0.2s linear;
        -webkit-transition: 0.2s linear;
        -moz-transition: 0.2s linear;
        -o-transition: 0.2s linear;
    }
    
    .content .form-page h1 {
        transition: 0.2s linear;
        -webkit-transition: 0.2s linear;
        -moz-transition: 0.2s linear;
        -o-transition: 0.2s linear;
        font-size: 24px;
    }
    
    .form-header {
        text-align: center;
        margin-top: 10px;
        transition: 0.2s linear;
        -webkit-transition: 0.2s linear;
        -moz-transition: 0.2s linear;
        -o-transition: 0.2s linear;
    }
    
    .content .product-selector .products .product .thumbnail {
        height: auto;
        transition: 0.2s linear;
        -webkit-transition: 0.2s linear;
        -moz-transition: 0.2s linear;
        -o-transition: 0.2s linear;
    }
    
    .content .main-content .product-selector ul.category-list {
        display: block;
    }
    
    .content .product-selector ul.category-list li {
        display: block;
    }
    
    .content .product-selector ul.category-list > li > a {
        width: 100%;
    }
}

@media only screen and (max-width: 450px) {
    .content .form-render .package-container .input-package .details {
        position: relative;
        bottom: 0;
        left: 5px;
        right: 0;
        top: 0;
        text-align: center;
        width: 100%;
    }
    
    .content .form-render .package-container .input-package img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        margin: 10px auto;
        margin-right: 10px;
        margin-top: 0;
    }
    
    .content .form-render .package-container .input-package img:hover {
        max-width: 100%;
    }
    
    .content .form-render .package-container .input-package:hover img {
        max-width: 100%;
    }   
}

@media only screen and (max-width: 400px) {
    .content #form-side-cart-container .arrow-up {
        top: 0px;
    }
}

@media only screen and (max-width: 359px) {
    .content .product-selector .products .product {
        width: 100%;
    }
}