/* Design Your Own Ring */
.part-number {
    border: 1px solid #CCC;
    padding: 10px;
    margin-bottom: 10px;
}

.part-number .gfield_label {
    float: left;
    margin-right: 10px !important;
}

.part-number .gfield_label .gfield_required {
    display: none;
}

.part-number .gfield_label:before {
    content: "a.";
    color: #B4EF41;
    font-size: 24px;
    font-weight: bold;
    padding-right: 5px;
}

.part-number #input_1_1 {
    width: 50%;
    max-width: 200px;
    height: 24px;
    margin-top: 8px;
    margin-bottom: 10px !important;
}

.part-number .gfield_description {
    border-top: 1px solid #ccc;
    clear: both !important;
    font-size: 10px !important;
    color: #555;
    display: inline-block;
}

.open-or-closed-gap {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
}

.open-or-closed-gap .ginput_container label {
    /*line-height: 100px !important;*/
}

.gf_step_number {
    display: none;
}

#label_2_0,
#label_2_1 {
    padding: 25px 70px 25px 0;
    margin-right: 20px;
}

#label_2_0 {
    background: url("images/design-ring/open-gap-rings.gif") right center no-repeat;
}

#label_2_1 {
    background: url("images/design-ring/closed-gap-rings.gif") right center no-repeat;
}

.open-or-closed-gap > .gfield_label:first-of-type {
    width: 100%;
    border-bottom: 1px solid #ccc;
    line-height: 30px !important;
    margin-top: 0.375em !important;
}

.open-or-closed-gap > .gfield_label:first-of-type:before {
    content: "b.";
    color: #B4EF41;
    font-size: 24px;
    font-weight: bold;
    padding-right: 5px;
}

.open-or-closed-gap > .gfield_label:first-of-type .gfield_required {
    display: none;
}

.application-type {
    border: 1px solid #CCC;
    padding: 10px;
    margin-bottom: 10px;
}

.application-type > label:first-of-type {
    width: 100%;
    border-bottom: 1px solid #ccc;
    line-height: 30px !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.application-type > label:first-of-type:before {
    content: "c.";
    color: #B4EF41;
    font-size: 24px;
    font-weight: bold;
    padding-right: 5px;
}

.gform_next_button {
    background: url("images/design-ring/btn-nextstep.gif") center center no-repeat;
    width: 93px;
    height: 26px;
    padding: 0;
    font-size: 0;
    color: transparent;
    float: right;
}

.gform_previous_button {
    background: url("images/design-ring/btn-back.gif") center center no-repeat;
    width: 63px;
    height: 26px;
    padding: 0;
    font-size: 0;
    color: transparent;
    float: left;
}

.gform_next_button:hover {
    background-color: transparent;
}

.material-set-1,
.material-set-2 {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
}

.material-set-1 > label:first-of-type,
.material-set-2 > label:first-of-type {
      width: 100%;
      border-bottom: 1px solid #ccc;
      line-height: 30px !important;
      margin-top: 0 !important;
      margin-bottom: 10px !important;
}

.material-set-1 > label:first-of-type:before,
.material-set-2 > label:first-of-type:before {
    content: "a.";
    color: #B4EF41;
    font-size: 24px;
    font-weight: bold;
    padding-right: 5px;
}

.material-set-1 > label:first-of-type .gfield_required,
.material-set-2 > label:first-of-type .gfield_required {
    display: none;
}

.material-set-1 ul.gfield_radio > li,
.material-set-2 ul.gfield_radio > li {
    display: inline-block;
    height: 180px;
}

.material-set-1 ul.gfield_radio > li:nth-child(1),
.material-set-2 ul.gfield_radio > li:nth-child(1) {
    background: url("images/design-ring/round-wire.gif") left bottom no-repeat;
    width: 25%;
}

.material-set-1 ul.gfield_radio > li:nth-child(2),
.material-set-2 ul.gfield_radio > li:nth-child(2) {
    background: url("images/design-ring/square-wire.gif") left bottom no-repeat;
    width: 25%;
}

.material-set-1 ul.gfield_radio > li:nth-child(3) {
    background: url("images/design-ring/rectangle-wire.gif") left bottom no-repeat;
    width: 47%;
}

.material-set-2 ul.gfield_radio > li:nth-child(3) {
    background: url("images/design-ring/rectangle-wire-closed.gif") left bottom no-repeat;
    width: 47%;
}

.form-group-fields {
    border: 1px solid #ccc;
    padding: 10px !important;
    margin-bottom: 10px;
    list-style-type: none !important;
    display: block;
}

.form-group-fields > li:first-of-type {
    width: 100%;
    border-bottom: 1px solid #ccc;
    line-height: 30px !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.form-group-fields > li:first-of-type:before {
    content: "b." !important;
    color: #B4EF41;
    font-size: 24px;
    font-weight: bold;
    padding-right: 5px;
}

.wire-thickness {
    width: 50%;
    display: inline-block;
    float: left;
    clear: none !important;
    padding-right: 10px !important;
    margin-bottom: 15px !important;
}

.wire-thickness > label,
.wire-width > label {
    font-weight: 800 !important;
}

.wire-thickness > label .gfield_required,
.wire-width > label .gfield_required {
    display: none;
}

.wire-thickness > .ginput_container input,
.wire-width > .ginput_container input {
    width: 50% !important;
    margin-bottom: 1px !important;
    height: 24px;
}

.wire-thickness > .ginput_container:before,
.wire-width > .ginput_container:before {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    padding-right: 5px;
    float: left;
}

.wire-thickness > .ginput_container:before {
    content: "T" !important;
}

.wire-width > .ginput_container:before {
    content: "W" !important;
}

.wire-width {
    width: 50%;
    display: inline-block;
    float: right;
    clear: none !important;
    padding-left: 10px !important;
    border-left: 1px solid #ddd;
    margin-bottom: 15px !important;
}

.wire-thickness .gfield_description,
.wire-width .gfield_description {
    padding-top: 0 !important;
    font-size: 10px !important;
    color: #555;
    margin: 0;
}

.gform_wrapper .gfield_radio li label {
margin-top:0.250em !important;
}

.standard-tolerances-title {
    padding-top: 5px !important;
    font-weight: 800;
    border-top: 1px dashed #555;
}

.column-50 {}

#field_1_58,
#field_1_62 {
    width: 50%;
    display: inline-block;
    margin-bottom: 0 !important;
}

#field_1_10,
#field_1_11,
#field_1_14,
#field_1_15 {
    width: 50%;
    display: inline-block;
}

#field_1_10 input,
#field_1_11 input,
#field_1_14 input,
#field_1_15 input {
    width: 80% !important;
    margin-bottom: 1px !important;
    height: 24px;
}

.column-50 > li:first-of-type {
    margin-bottom: 0 !important;
    font-weight: 800 !important;
}

.column-50 label {
    margin-top: 0 !important;
}

#field_1_58 .gfield_required,
#field_1_62 .gfield_required {
    display: none;
}

#field_1_67,
#field_1_70 {
    width: 50%;
    display: inline-block;
    margin-bottom: 0 !important;
}

#field_1_17 {
    border-bottom: 1px solid #ccc;
}

#field_1_17:before {
    content: "a." !important;
    color: #B4EF41;
    font-size: 24px;
    font-weight: bold;
    padding-right: 5px;
}

.diameter-box {
    background: url("images/design-ring/diameter.gif") center 10px no-repeat;
    padding-bottom: 30px;
    position: relative;
    min-height: 235px;
}

.gform_wrapper input[type="text"] {
    height: 24px;
    border-color: #737373;
    color: #000;
}

#field_1_18,
#field_1_19 {
    width: 50%;
    display: inline-block;
    position: relative;
    top: 50px;
    padding-left: 18%;
}

#field_1_21,
#field_1_22,
#field_1_24,
#field_1_25 {
    width: 50%;
    display: inline-block;
    margin-bottom: 0;
}

#field_1_21 input,
#field_1_22 input,
#field_1_24 input,
#field_1_25 input {
    width: 80%;
    margin-bottom: 1px !important;
}

#field_1_26,
#field_1_27 {
    font-size: 10px;
    color: #555;
}

.gform_wrapper .gfield_required {
    display: none;
}

.column-container {
    border: 1px solid #CCC;
    padding: 10px !important;
    margin-bottom: 10px;
}

#field_1_28:before {
    content: "b." !important;
    color: #B4EF41;
    font-size: 24px;
    font-weight: bold;
    padding-right: 5px;
}

#field_1_28 {
    border-bottom: 1px solid #ccc;
}

#field_1_75 {
    font-size: 10px;
    color: #555;
}

.gap-width-box {
    background: url("images/design-ring/gap.gif") center -70px no-repeat;
    padding-bottom: 30px;
    min-height: 170px;
}

#field_1_29 {
    width: 45%;
    float: right;
    position: relative;
    top: 43px;
}

#field_1_30 {
    border-top: 1px dashed #555;
}

#field_1_31,
#field_1_32 {
    width: 50%;
    display: inline-block;
}

#field_1_33 {
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    line-height: 32px !important;
}

#field_1_33:before {
    content: "с." !important;
    color: #B4EF41;
    font-size: 24px;
    font-weight: bold;
    padding-right: 5px;
}

#input_1_34 > li {
    display: inline-block;
    margin-bottom: 0 !important;
}

#choice_34_0 {
    margin-top: 3px;
}

#input_1_34 > li > label {
    margin: 0 0 0 17px !important;
}

#choice_34_1 {
    margin-top: 4px !important;
}

.gchoice_34_1 {
    position: relative;
    left: 10px;
}

#input_1_35 {
    height: 285px;
    overflow-x: hidden;
    overflow-y: scroll;
    background: #FFFFEE;
}

#field_1_35 > label:first-of-type {
    width: 100%;
    border-bottom: 1px dotted #555;
    margin-bottom: 0;
}

#input_1_35 > li {
    overflow: auto !important;
    min-height: 140px;
}

.gchoice_35_0 {
    background: url("images/design-ring/external-15.gif") left 20px no-repeat;
}

.gchoice_35_1 {
    background: url("images/design-ring/external-36.gif") left 20px no-repeat;
}

.gchoice_35_2 {
    background: url("images/design-ring/external-4.gif") left 20px no-repeat;
}

.gchoice_35_3 {
    background: url("images/design-ring/external-clip.gif") left 20px no-repeat;
}

.gchoice_35_4 {
    background: url("images/design-ring/external-open.gif") left 20px no-repeat;
}

.gchoice_35_5 {
    background: url("images/design-ring/internal-1.gif") left 20px no-repeat;
}

.gchoice_35_6 {
    background: url("images/design-ring/internal-10.gif") left 20px no-repeat;
}

.gchoice_35_7 {
    background: url("images/design-ring/internal-35.gif") left 20px no-repeat;
}

.gchoice_35_8 {
    background: url("images/design-ring/internal-6.gif") left 20px no-repeat;
}

.gchoice_35_9 {
    background: url("images/design-ring/internal-8.gif") left 20px no-repeat;
}

#input_1_31,
#input_1_32 {
    width: 45%;
}

#field_1_34 {
    margin-bottom: 0 !important;
}

#gform_page_1_4 > .gform_page_fields {
    border: 1px solid #CCC;
    padding: 10px !important;
    margin-bottom: 10px;
}

#input_1_41 {
    max-width: 320px;
    width: 100%;
}

.gform_wrapper select {
    height: 28px;
    font-size: 13px !important;
    padding: 3px 0 5px 0 !important;
}

#field_1_37,
#field_1_38,
#field_1_39 {
    margin-bottom: 10px;
}

#input_1_38 {
    margin-bottom: 0;
}

#field_1_38 .gfield_description,
#field_1_41 .gfield_description {
    padding-top: 0 !important;
    font-size: 10px;
    color: #555;
}

#input_1_40 {
    margin-bottom: 0 !important;
}

#field_1_43 .gfield_checkbox > li:nth-child(n) {
    width: 20%;
    display: inline-block;
}

#field_1_43 .gfield_checkbox > li:nth-child(2n) {
    width: 80%;
    display: inline-block;
}

#field_1_43 .gfield_checkbox > li {
    margin-bottom: 0 !important;
}

#field_1_43 input[type="checkbox"] {
    margin: 3px 0 3px 0 !important;
}

#field_1_43 {
    border: 1px solid #CCC;
    padding: 10px !important;
    margin-bottom: 10px;
}

#input_1_50_3_container,
#input_1_50_4_container {
    float: none;
}

#gform_page_1_6 input[type='text'],
#gform_page_1_6 input[type='email'],
#gform_page_1_6 select {
    max-width: 340px !important;
    width: 100% !important;
}

#input_1_50_1,
#input_1_50_3,
#input_1_50_4,
#input_1_50_5 {
    margin-bottom: 0 !important;
}

#input_1_50_1_label,
label[for="input_1_50_3"],
#input_1_50_4_label,
#input_1_50_5_label {
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

#gform_page_1_6 .gform_page_fields {
    border: 1px solid #CCC;
    padding: 10px !important;
    margin-bottom: 10px;
}

#field_1_46 .gfield_required,
#field_1_48 .gfield_required,
#field_1_51 .gfield_required,
#field_1_52 .gfield_required {
    display: inline;
}

#input_1_50_4_container {
    width: 100%;
}

#field_1_47 {
    border-bottom: 1px dotted #555;
    margin-top: 0 !important;
}

#field_1_47:before {
    content: "a.";
    color: #B4EF41;
    font-size: 24px;
    font-weight: bold;
    padding-right: 5px;
}

.smal-text {
    width: 100%;
    display: inline-block;
    font-size: 10px;
    color: #555;
}

#field_1_81 {
    margin-top: 0;
}

#gform_page_1_7 .gform_fields {
    border: 1px solid #CCC;
    padding: 10px !important;
    margin-bottom: 10px;
}

#gform_submit_button_1 {
    background: url("images/design-ring/btn-submittoarconring.gif") center center no-repeat;
    width: 173px;
    height: 26px;
    padding: 0;
    font-size: 0;
    color: transparent;
    float: right;
}

#field_1_80 {
    border-bottom: 1px dotted #555;
    margin-top: 0 !important;
}

#field_1_80:before {
    content: "a.";
    color: #B4EF41;
    font-size: 24px;
    font-weight: bold;
    padding-right: 5px;
}

#label_1_35_0 {
    background: url("images/external_15.gif") bottom left no-repeat transparent;
    height:135px;
}

#label_1_35_1 {
    background: url("images/external_36.gif") bottom left no-repeat transparent;
    height:135px;
}

#label_1_35_2 {
    background: url("images/external_4.gif") bottom left no-repeat transparent;
    height:135px;
}

#label_1_35_3 {
    background: url("images/external_clip.gif") bottom left no-repeat transparent;
    height:135px;
}

#label_1_35_4{
    background: url("images/external_open.gif") bottom left no-repeat transparent;
    height:135px;
}

#label_1_35_5 {
    background: url("images/internal_1.gif") bottom left no-repeat transparent;
    height:135px;
}

#label_1_35_6 {
    background: url("images/internal_10.gif") bottom left no-repeat transparent;
    height:135px;
}

#label_1_35_7 {
    background: url("images/internal_35.gif") bottom left no-repeat transparent;
    height:135px;
}

#label_1_35_8 {
    background: url("images/internal_6.gif") bottom left no-repeat transparent;
    height:135px;
}

#label_1_35_9 {
    background: url("images/internal_8.gif") bottom left no-repeat transparent;
    height:135px;
}



.gf_page_steps {
    background: url("images/design-ring/bg-pager.gif") left top no-repeat;
    background-size: 100% 100%;
    width: 100% !important;
    height: 50px;
    border-bottom: none !important;
}

.gf_step_active {
    background: url("images/design-ring/bg-pager-green.gif") right top no-repeat;
    background-size: auto 100%;
    text-shadow: #A7C769 0 1px 0 !important;
}

.gform_wrapper .gf_step {
    width: 65px !important;
    height: 50px !important;
    line-height: 50px !important;
    margin: 0 -4px 0 0 !important;
    overflow: hidden;
    text-align: center;
    padding-right: 10px;
    color: #667 !important;
    font-weight: 800;
    text-shadow: #FFF 0 1px 0;
    opacity: 1 !important;
}

.gform_wrapper .gf_step.gf_step_active {
    color: #fff !important;
}

#step-block {
    background: url("images/design-ring/bg-pager-blue.gif") right top no-repeat;
    background-size: auto 100%;
    opacity: 1 !important;
    color: #fff !important;
    margin-left: 8px !important;
    text-shadow: #678BC1 0 1px 0 !important;
}

.gf_step.gf_step_last {
    width: 140px !important;
}

.gf_step.gf_step_completed {
    background: url("images/design-ring/bg-pager-green-rp.png") right top repeat-x;
    background-size: auto 100%;
}

.gform_body {
    width: 65%;
    float: left;
}

#specifications {
    width: 35%;
    float: right;
    padding-left: 10px;
}

#specifications .specsection {
    border-bottom: 1px solid #CCC;
    display: none;
    padding-bottom: 5px;
    margin-bottom: 7px;
    clear: both;
}

#specifications .specsection.activated {
    display: block;

}

.spec_step {
    font-family: "Arial";
    font-size: 35px;
    font-weight: bold;
    color: #94C435;
    display: inline-block;
    float: left;
    line-height: 29px;
    margin-top: 0;
    margin-right: 15px;
}

.specsection ul {
    font-family: "Arial";
    font-size: 10px;
}

.specsection > ul {
    display: inline-block;
    float: left;
}

#form-page-title,
#specifications > h4 {
    margin-top: 0;
    color: #1A58B5;
    font-weight: 800;
    border-bottom: 1px solid #000;
    font-size: 21px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

label.error {
    color: #C60F13;
    clear: both;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 5px;
}

#input_1_18-error {
    position: absolute;
}

input[type="text"][aria-invalid="true"] {
    border-color: #C60F13 !important;
    color: #C60F13 !important;
}

.hidden-ring-link {
    display: none;
}

.link-green.current {
    font-weight: bold !important;
}

.ask-about-ring i {
    background: #6B6B6B;
    border-radius: 14px;
    display: inline-block;
    font-size: 12px;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    color: #A0A0A0;
    margin: 3px;
}

.ask-about-ring i:hover,
.ask-about-ring.active i {
    background: #222;
    color: #B4EF41;
    cursor: pointer;
}

.productSpecs th i.fa-question {
    font-size: 20px;
}

.table_wrapper table thead tr th,
.table_wrapper table thead tr td {
    line-height: 1.4;
}

.table_wrapper table thead tr.alt td {
    color: #ccc;
}

.sb-nav-menu {
    max-height: 150px;
    overflow: hidden;
}

.sb-nav-menu.open {
    max-height: none;
}

.view-all {
    margin-bottom: 0;
    padding: 5px 10px 0 10px;
}

.view-all i {
    float: right;
    font-size: 18px;
}

.view-all:hover {
    cursor: pointer;
    color: #2862B9;
}

.filter-wrp {
    background: #FAFAFA;
    padding: 10px 20px;
    margin-bottom: 30px;
}

.filter-box {
    border: 1px dashed #737373;
    padding: 5px 10px;
    margin-bottom: 20px;
}

.filter-box label {
    color: #000;
}

.filter-wrp input[type="radio"] {
    margin-right: 4px;
    margin-bottom: 7px;
    position: relative;
    top: 1px;
}

.filter-wrp h4,
.filter-wrp h5 {
    font-weight: 800;
    margin-top: 0;
}

#btn-filter {
    background: #8C8C8C;
    width: 100%;
    color: #fff;
    margin-bottom: 10px;
    transition: all .3s ease;
}

#btn-filter:hover {
    background: #222;
    transition: all .3s ease;
}

.filter-result-column h4 {
    background: #FAFAFA;
    font-weight: 800;
    padding: 7px 10px;
    margin-top: 0;
}

.filtered-one-ring {
    border: 1px solid #ccc;
    padding: 5px 10px;
    margin-bottom: 10px;
}

.filtered-one-ring h5 {
    font-family: "Arial", sans-serif;
    margin: 0;
    font-weight: 600;
}

.filtered-one-ring h5 strong {
    color: #2862B9;
}

.filtered-one-ring table {
    border: none;
    margin-bottom: 0;
}

.filtered-one-ring table td {
    margin-bottom: 0;
    font-family: "Arial", sans-serif;
    font-size: 10px;
    background: none;
    padding: 0 20px 0 0;
}

.filtered-one-ring table tr {
    background: none;
    border: none;
}

.filtered-one-ring table tr > td:first-of-type {
    font-weight: 800;
}

@media (max-width:370px){
    .gform_wrapper .gf_step.gf_step_last.gf_step_last {
	width:85px !important;
    }
}