.page-content--centered { width: 100% !important }
.page-content--centered > p { display: none }

.rfq-inner {
    display:        block;
    width:          90vw;
    max-width:      1280px;
    margin-right:   auto;
    margin-bottom:  30px;
    margin-left:    auto;
    padding-top:    5px;
    padding-bottom: 20px;
    text-align:     left;
}

@media (max-width: 767px) {
    .rfq-inner {
        width: 100%;
    }
}

.rfq-inner #blockToggle { display: none }
.rfq-inner #blockToggle ~ .rfq-block-2 { display: none }
.rfq-inner #blockToggle:checked ~ .rfq-block-1 { display: none }
.rfq-inner #blockToggle:checked ~ .rfq-block-2 { display: block }

.rfq-inner .w-list-unstyled {
    padding-left: 0;
    list-style:   none;
}

.rfq-inner .w-form {
    margin: 0 0 15px;
}

.rfq-inner .w-clearfix::after {
    clear: both;
}

.rfq-inner .w-clearfix::before, 
.rfq-inner .w-clearfix::after {
    content:           " ";
    display:           table;
    grid-column-start: 1;
    grid-row-start:    1;
    grid-column-end:   2;
    grid-row-end:      2;
}

.rfq-inner .w-input, 
.rfq-inner .w-select {
    display:          block;
    width:            100%;
    height:           38px;
    padding:          8px 12px;
    margin-bottom:    10px;
    font-size:        14px;
    line-height:      1.42857143;
    color:            #333333;
    vertical-align:   middle;
    background-color: #ffffff;
    border:           1px solid #cccccc;
}

.rfq-inner .w-checkbox, 
.rfq-inner .w-radio {
    display: block;
    margin-bottom: 5px;
    padding-left:  20px;
}

.rfq-inner .w-checkbox-input, 
.rfq-inner .w-radio-input {
    margin:      4px 0 0;
    margin-top:  1px \9;
    line-height: normal;
    float:       left;
    margin-left: -20px;
}

.rfq-inner .w-radio-input {
    margin-top: 3px;
}

.rfq-inner .w-form-label {
    display:       inline-block;
    cursor:        pointer;
    font-weight:   normal;
    margin-bottom: 0;
}

.rfq-inner .w-checkbox::after, 
.rfq-inner .w-radio::after {
    clear: both;
}

.rfq-inner .w-checkbox::before, 
.rfq-inner .w-radio::before, 
.rfq-inner .w-checkbox::after, 
.rfq-inner .w-radio::after {
    content:           " ";
    display:           table;
    grid-column-start: 1;
    grid-row-start:    1;
    grid-column-end:   2;
    grid-row-end:      2;
}

.rfq-inner .w-button {
    display:          inline-block;
    padding:          9px 15px;
    background-color: #3898EC;
    color:            white;
    border:           0;
    line-height:      inherit;
    text-decoration:  none;
    cursor:           pointer;
    border-radius:    0;
}

.rfq-inner .w-col {
    position:      relative;
    float:         left;
    width:         100%;
    min-height:    1px;
    padding-left:  10px;
    padding-right: 10px;
}


.rfq-inner .w-col-3 {
    width: 25%;
}

@media (max-width: 991px) {
    .rfq-inner .w-col-medium-6 {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .rfq-inner .w-col {
        width: 100%;
        left:  auto;
        right: auto;
    }
}

@media (max-width: 767px) {
    .rfq-inner .w-row, 
    .rfq-inner .w-container .w-row {
        margin-left:  0;
        margin-right: 0;
    }
}


.rfq-inner input.w-button {
    -webkit-appearance: button;
}

.rfq-inner .navlist {
    padding-left: 0px;
}

@media (max-width: 991px) {
    .rfq-inner .navlist {
        margin-bottom: 5px;
    }
}


.rfq-inner .navlist-item {
    padding-bottom: 10px;
    font-size:      14px;
    line-height:    1.25em;
    font-weight:    300;
}

@media (max-width: 991px) {
    .rfq-inner .navlist-item {
        padding-bottom: 15px;
    }
}


.rfq-inner input[type="checkbox"], 
.rfq-inner input[type="radio"] {
    box-sizing: border-box;
    padding:    0;
}

.rfq-inner .sub-page-header-text {
    width:        100%;
    max-width:    1300px;
    margin-right: auto;
    margin-left:  auto;
    padding:      50px 20px;
    text-align:   center;
}

@media (max-width: 991px) {
    .rfq-inner .sub-page-header-text {
        width:   100%;
        padding: 20px 40px 50px;
    }
}

@media (max-width: 767px) {
    .rfq-inner .sub-page-header-text {
        padding: 20px 0px;
    }
}

@media (max-width: 479px) {
    .rfq-inner .sub-page-header-text {
        padding: 20px 10px;
    }
}


.rfq-inner .headingleft {
    float: none;
}

@media (max-width: 767px) {
    .rfq-inner .headingleft {
        width: 100%;
        float: none;
    }
}

@media (max-width: 479px) {
    .rfq-inner .headingleft {
        padding-top: 10px;
    }
}


.rfq-inner .breadcrumbs {
    display:        block;
    width:          100%;
    margin-top:     0px;
    margin-bottom:  0px;
    padding-top:    0px;
    padding-bottom: 0px;
    padding-left:   0px;
    font-size:      27px;
    text-align:     center;
}

.rfq-inner .breadcrumbs.category {
    display:     block;
    padding-top: 5px;
    color:       #fff;
}

.rfq-inner .breadcrumb {
    display:        inline-block;
    color:          #6b6b6b;
    font-size:      11px;
    font-weight:    300;
    letter-spacing: 1px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .rfq-inner .breadcrumb {
        line-height: 1em;
    }
}


.rfq-inner .breadcrumb::before { display: none }

.rfq-inner .breadcrumb-divider {
    padding-right: 5px;
    padding-left:  2px;
    color:         #6b6b6b;
}

.rfq-inner .sub-page-title {
    display:        block;
    margin-top:     0px;
    padding:        10px 50px 0px;
    border-bottom:  1px none #fff;
    color:          #242424;
    font-size:      60px;
    line-height:    60px;
    font-weight:    400;
    text-align:     center;
    letter-spacing: 0px;
}

@media (max-width: 991px) {
    .rfq-inner .sub-page-title {
        padding-bottom: 0px;
        font-size:      60px;
        line-height:    60px;
    }
}

@media (max-width: 767px) {
    .rfq-inner .sub-page-title {
        padding-right:  20px;
        padding-bottom: 5px;
        padding-left:   20px;
        font-size:      50px;
        line-height:    50px;
    }
}

@media (max-width: 479px) {
    .rfq-inner .sub-page-title {
        padding-right:  0px;
        padding-bottom: 5px;
        padding-left:   0px;
        font-size:      36px;
        line-height:    42px;
    }
}


.rfq-inner .sub-page-title.rfq-main-title {
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .rfq-inner .sub-page-title.rfq-main-title {
        margin-bottom: 10px;
    }
}

@media (max-width: 479px) {
    .rfq-inner .sub-page-title.rfq-main-title {
        margin-bottom: 0px;
    }
}


.rfq-inner .rfq-content {
    width: 100%;
}

@media (max-width: 767px) {
    .rfq-inner .rfq-content {
        margin-top: 20px;
    }
}


.rfq-inner .rfq-block-1 {
    width:         100%;
    padding:       0px 15% 20px;
    border-bottom: 1px none #d1d1d1;
}

@media (max-width: 991px) {
    .rfq-inner .rfq-block-1 {
        padding-right: 0px;
        padding-left:  0px;
    }
}


.rfq-inner .rfq-title {
    margin-right:     0%;
    margin-bottom:    10px;
    margin-left:      0%;
    padding:          10px;
    border:           1px solid #d1d1d1;
    background-color: #f3f3f3;
}

.rfq-inner .rfq-title-h3 {
    position:       relative;
    margin-bottom:  0px;
    padding-left:   50px;
    font-family:    'Nunito Sans';
    color:          #242424;
    font-size:      28px;
    line-height:    36px;
    font-weight:    300;
    letter-spacing: 0.34px;
}

@media (max-width: 991px) {
    .rfq-inner .rfq-title-h3 {
        padding-left: 55px;
    }
}

@media (max-width: 767px) {
    .rfq-inner .rfq-title-h3 {
        padding-left: 45px;
        font-size:    22px;
        line-height:  30px;
    }
}


.rfq-inner .step {
    position:         absolute;
    left:             -70px;
    display:          inline-block;
    width:            36px;
    height:           36px;
    border:           1px none #d1d1d1;
    border-radius:    50%;
    background-color: #f3f3f3;
    color:            #242424;
    font-size:        19px;
    text-align:       center;
}

@media (max-width: 991px) {
    .rfq-inner .step {
        left: 0px;
    }
}

@media (max-width: 767px) {
    .rfq-inner .step {
        width:       30px;
        height:      30px;
        font-size:   17px;
        line-height: 30px;
    }
}


.rfq-inner .rfq {
    margin-bottom: 10px;
}

.rfq-inner .step.rfq {
    left:             0px;
    border-radius:    0%;
    background-color: transparent;
    color:            #0265d6;
    font-weight:      700;
}

.rfq-inner .expresscheckoutcontent {
    display:             -webkit-box;
    display:             -webkit-flex;
    display:             -ms-flexbox;
    display:             flex;
    -webkit-flex-wrap:   wrap;
    -ms-flex-wrap:       wrap;
    flex-wrap:           wrap;
    -webkit-box-align:   start;
    -webkit-align-items: flex-start;
    -ms-flex-align:      start;
    align-items:         flex-start;
}

.rfq-inner .rfq-content-block {
    display:       inline-block;
    width:         100%;
    padding-right: 0%;
}

@media (max-width: 767px) {
    .rfq-inner .rfq-content-block {
        width:         100%;
        padding-right: 0%;
    }
}


.rfq-inner .rfq-form-block {
    margin-bottom: 0px;
    padding-right: 20px;
    padding-left:  20px;
}

.rfq-inner .form-rfq {
    padding-right: 0px;
    padding-left:  0px;
}

.rfq-inner .form-label {
    display:       block;
    margin-top:    10px;
    margin-bottom: 10px;
    font-family:   'Nunito Sans';
    color:         #242424;
    font-size:     16px;
    line-height:   24px;
    font-weight:   400;
}

.rfq-inner .form-label.rfq {
    margin-top:    20px;
    margin-bottom: 5px;
    font-size:     16px;
}

.rfq-inner .form-field {
    height:             3rem;
    margin-right:       10px;
    padding:            1rem 0.75rem;
    border:             1px solid #dfdfdf;
    border-radius:      5px;
    background-color:   #fff;
    -webkit-transition: all 200ms ease;
    transition:         all 200ms ease;
    color:              #9589cf;
}

.rfq-inner .form-field {
    height:             3rem;
    margin-right:       10px;
    padding:            1rem 0.75rem;
    border:             1px solid #dfdfdf;
    border-radius:      5px;
    background-color:   #fff;
    -webkit-transition: all 200ms ease;
    transition:         all 200ms ease;
    color:              #9589cf;
}

.rfq-inner .form-field[type=text] {
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-radius: 0;
}

@media (max-width: 991px) {
    .rfq-inner .form-field {
        width:        100%;
        margin-right: 0px;
    }
}


.rfq-inner .form-field:focus {
    border-color: #989898;
}

.rfq-inner .form-label.rfq.not-field {
    margin-bottom: 15px;
}

.rfq-inner .radio-group {
    margin-bottom: 20px;
}

.rfq-inner .form-label.radio {
    margin-top:    0px;
    margin-bottom: 0px;
    font-size:     15px;
    font-weight:   300;
}

.rfq-inner .rfq-continue-btn {
    margin-top:          20px;
    padding-right:       33px;
    padding-left:        16px;
    float:               right;
    background-color:    #fff;
    background-image:    url("../png/arrow-right-blue-2.png");
    background-position: 100% 50%;
    background-size:     25px;
    background-repeat:   no-repeat;
    color:               #0265d6;
    font-size:           16px;
    font-weight:         400;
}

.rfq-inner .rfq-continue-btn:hover {
    background-color: #0265d6;
    background-image: url("../png/arrow-right-white.png");
    background-size:  25px;
    color:            #fff;
}

.rfq-inner .rfq-continue-btn.no-space {
    margin-top: 0px;
}

.rfq-inner .rfq-block {
    width:         100%;
    padding:       0px 15% 20px;
    border-bottom: 1px none #d1d1d1;
}

@media (max-width: 991px) {
    .rfq-inner .rfq-block {
        padding-right: 0px;
        padding-left:  0px;
    }
}


.rfq-inner .rfq-block-2 {
    display: none;

    width:         100%;
    padding:       0px 15% 20px;
    border-bottom: 1px none #d1d1d1;
}

@media (max-width: 991px) {
    .rfq-inner .rfq-block-2 {
        padding-right: 0px;
        padding-left:  0px;
    }
}

.rfq-inner .rfq-checkmarks-div {
    margin-top:    20px;
}

.rfq-inner .navlist-action--checkbox {
    display:          block;
    width:            20px;
    height:           20px;
    margin-right:     10px;
    float:            left;
    border:           1px solid #dfdfdf;
    border-radius:    0px;
    background-color: #fff;
    cursor:           pointer;
}

.rfq-inner .navlist-action {
    display:         block;
    width:           auto;
    padding-top:     3px;
    padding-left:    0px;
    float:           left;
    font-family:     'Nunito Sans';
    color:           #242424;
    font-size:       16px;
    font-weight:     normal;
    line-height:     auto;
    text-decoration: none;
}

.rfq-inner .navlist-action:hover {
    color: #8a8a8a;
}

.rfq-inner .form-label.with-note {
    margin-bottom: 5px;
}

.rfq-inner .form-label.rfq.with-note {
    margin-bottom: 5px;
}

.rfq-inner .rfq-note-text {
    margin-bottom: 15px;
}

.rfq-inner .form-field.dropdown {
    position:          static;
    height:            auto;
    background-color:  #fff;
    background-image:  none;
    background-size:   auto;
    background-repeat: repeat;
    color:             rgba(45, 45, 45, .95);
}

.rfq-inner .rfq-prev-btn {
    margin-top:          20px;
    padding-right:       16px;
    padding-left:        33px;
    float:               left;
    border:              1px none #d1d1d1;
    background-color:    #fff;
    background-image:    url("../png/arrow-left-blue.png");
    background-position: 0px 50%;
    background-size:     25px;
    background-repeat:   no-repeat;
    color:               #0265d6;
    font-size:           16px;
    font-weight:         400;
}

@media (max-width: 479px) {
    .rfq-inner .rfq-prev-btn {
        display:      inline-block;
        margin-right: auto;
        margin-left:  auto;
        float:        none;
        text-align:   center;
    }
}


.rfq-inner .rfq-prev-btn:hover {
    background-color: #0265d6;
    background-image: url("../png/arrow-left-white.png");
    background-size:  25px;
    color:            #fff;
}

.rfq-inner .rfq-submit {
    width:            45%;
    margin-top:       20px;
    padding:          10px 16px;
    float:            right;
    border:           1px none #d1d1d1;
    background-color: #0265d6;
    color:            #fff;
    font-size:        18px;
    font-weight:      400;
    text-align:       center;
}

@media (max-width: 767px) {
    .rfq-inner .rfq-submit { width: 100% }
}

.rfq-inner .rfq-submit:hover {
    background-color: #242424;
    color:            #fff;
}

.rfq-inner input[type="checkbox"]:checked + label > .navlist-action--checkbox {
    display:             block;
    width:               20px;
    height:              20px;
    margin-right:        10px;
    float:               left;
    border:              1px none #027bbf;
    border-radius:       0px;
    background-color:    #242424;
    background-image:    url("../png/checkmark.png");
    background-position: 50% 50%;
    background-size:     cover;
    background-repeat:   no-repeat;
    cursor:              pointer;
}

.rfq-inner .navlist-item > input { display: none }

@media (max-width: 767px) {
    .rfq-inner .g-recaptcha { clear: both }
}


.intro-text-section {
    width:            100%;
    margin-right:     auto;
    margin-left:      auto;
    padding:          35px 10px 50px;
    background-color: #f3f3f3;
    color:            #242424;
    text-align:       center;
}

@media (max-width: 991px) {
    .intro-text-section {
        width:       100%;
        padding-top: 5px;
    }
}


.intro-text-section.rfq-seo {
    padding-bottom:   20px;
    background-color: #242424;
}

@media (max-width: 991px) {
    .intro-text-section.rfq-seo {
        padding-top:    30px;
        padding-bottom: 10px;
    }
}


.intro-text-section .intro-text-div {
    width:            100%;
    max-width:        1170px;
    margin-right:     auto;
    margin-left:      auto;
    padding:          10px 10px 0px;
    background-color: transparent;
    color:            #242424;
    font-size:        16px;
    line-height:      30px;
    font-weight:      300;
    text-align:       center;
}

@media (max-width: 991px) {
    .intro-text-section .intro-text-div {
        width:       100%;
        padding-top: 5px;
    }
}


.intro-text-section .intro-text-div.rfq-seo {
    background-color: transparent;
    color:            #fff;
}

@media (max-width: 479px) {
    .intro-text-section .intro-text-div.rfq-seo {
        text-align: left;
    }
}


.intro-text-section .w-button {
    display:          inline-block;
    padding:          9px 15px;
    background-color: #3898EC;
    color:            white;
    border:           0;
    line-height:      inherit;
    text-decoration:  none;
    cursor:           pointer;
    border-radius:    0;
}

.intro-text-section .volume-discounts-btn {
    margin-top:          20px;
    padding:             5px 50px 5px 30px;
    background-color:    #0265d6;
    background-image:    url("../png/get-started-arrow.png");
    background-position: 100% 50%;
    background-size:     40px;
    background-repeat:   no-repeat;
    color:               #fff;
    font-weight:         700;
}

@media (max-width: 767px) {
    .intro-text-section .volume-discounts-btn {
        width:      100%;
        margin-top: 10px;
    }
}

@media (max-width: 479px) {
    .intro-text-section .volume-discounts-btn {
        width:          100%;
        margin-top:     10px;
        padding-top:    10px;
        padding-bottom: 10px;
        line-height:    21px;
        text-align:     left;
    }
}


.intro-text-section .volume-discounts-btn:hover {
    background-color: #161616;
    color:            #fff;
}

.intro-text-section .rfq-seo-content {
    margin-top:    50px;
    margin-bottom: 50px;
    padding-top:   30px;
    border-top:    1px solid #4f4f4f;
    text-align:    center;
}

.intro-text-section .rfq-seo-title {
    margin-bottom: 30px;
    font-size:     20px;
    font-weight:   700;
}

@media (max-width: 479px) {
    .intro-text-section .rfq-seo-title {
        text-align: left;
    }
}


.intro-text-section .w-row::after {
    clear: both;
}
.intro-text-section .w-row::before, 
.intro-text-section .w-row::after {
    content:           " ";
    display:           table;
    grid-column-start: 1;
    grid-row-start:    1;
    grid-column-end:   2;
    grid-row-end:      2;
}

.intro-text-section .w-col {
    position:      relative;
    float:         left;
    width:         100%;
    min-height:    1px;
    padding-left:  10px;
    padding-right: 10px;
}

.intro-text-section .w-col-3 {
    width: 25%;
}

@media (max-width: 991px) {
    .intro-text-section .w-col-medium-6 {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .intro-text-section .w-col {
        width: 100%;
        left:  auto;
        right: auto;
    }
}

.intro-text-section .rfq-seo-bullet {
    margin-bottom:       15px;
    padding-top:         4px;
    padding-right:       10px;
    padding-left:        30px;
    background-image:    url("../png/check-blue-3.png");
    background-position: 0px 0px;
    background-size:     25px;
    background-repeat:   no-repeat;
    font-size:           14px;
    line-height:         20px;
    text-align:          left;
}

.success-message-2 {
    width: 100%;
}

@media (max-width: 767px) {
    .success-message-2 {
        margin-top: 20px;
    }
}

.success-message-2 .thank-you-block {
    width:            100%;
    max-width:        800px;
    margin-right:     auto;
    margin-bottom:    100px;
    margin-left:      auto;
    padding:          80px 20px;
    border:           1px solid #d1d1d1;
    background-color: #f3f3f3;
    color:            #242424;
    font-size:        22px;
    line-height:      26px;
    text-align:       center;
}

@media (max-width: 991px) {
    .success-message-2 .thank-you-block {
        padding: 60px 20px;
    }
}

@media (max-width: 767px) {
    .success-message-2 .thank-you-block {
        font-size:   20px;
        line-height: 24px;
    }
}

@media (max-width: 479px) {
    .success-message-2 .thank-you-block {
        padding-top:    40px;
        padding-bottom: 40px;
        font-size:      18px;
        line-height:    24px;
    }
}

.success-message-2 .button.button--primary {
    width:              100%;
    margin-right:       0%;
    padding:            10px 20px;
    border-style:       none;
    border-radius:      0px;
    background-color:   #0265d6;
    -webkit-transition: all 200ms cubic-bezier(.455, .03, .515, .955);
    transition:         all 200ms cubic-bezier(.455, .03, .515, .955);
    font-family:        'Nunito Sans';
    color:              #fff;
    font-size:          18px;
    text-transform:     none;
}

.success-message-2 .button.button--primary:hover {
    background-color: #242424;
}

.success-message-2 .button.button--primary.new-rfq {
    width:      auto;
    margin-top: 50px;
}

@media (max-width: 479px) {
    .success-message-2 .button.button--primary.new-rfq {
        margin-top: 40px;
    }
}

.input-text-validation:invalid,
.checkbox-validation {
    border: 2px solid red;
}
