input[type="text"]:focus,
input[type="password"]:focus {
    border-color: #052C45 !important;
}

input.mage-error[type="text"],
textarea.mage-error {
    border-color: #f68872 !important;
}

div.mage-error[generated] {
    color: #f68872 !important;
    margin-top: 5px !important;
    font-size: 0.875rem !important;
    font-style: italic;
}

body.cms-page-view .page-wrapper .page-title .base {
    display: none;
}

body.cms-page-view .page-wrapper .page-title-wrapper.layout_type1 {
    padding: 0;
}

body.cms-page-view .page-wrapper .page-title .breadcrumbs {
    max-width: 1400px;
    min-width: 1366px;
    left: 0;
    right: 0;
    bottom: -75px;
}

body.cms-page-view .page-wrapper .page-title .breadcrumbs ul {
    justify-content: left;
}

.pagetitle {
    font-size: 2.75rem;
    color: #052C45;
    font-family: 'oswald-blod';
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .pagetitle {
        font-size: 1.75rem !important;
    }
}


/*******About-us********/

body.cms-about-us header.page-header {
    background: url(../../../wysiwyg/convenpage/hs-about-us-banner.jpg)no-repeat;
    background-size: 100%;
    padding-top: 41.14%;
}

.aboutus {
    height: 2340px;
    padding-bottom: 160px;
}

.aboutus .block1 {
    display: flex;
    margin: 160px 0;
}

.aboutus .block1>div {
    flex: 0 0 50%;
}

.aboutus .block1>div:first-child {
    padding-right: 100px;
}

.aboutus .block1>div p:first-of-type {
    margin-bottom: 35px;
}

.aboutus .block1>div p:last-of-type {
    margin-bottom: 80px;
}

.aboutus .block1>div p,
.aboutus .block1>div a {
    color: #052C45;
    font-size: 1.125rem;
}

.aboutus .block1>div a {
    font-family: 'oswald-blod';
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
}

.aboutus .block1>div a:hover {
    color: #FF571B;
}

.aboutus .block1>div a:after {
    content: '';
    background: url(../../../wysiwyg/homepage/Hs-icon-arrows.svg) no-repeat;
    display: inline-block;
    width: 25px;
    height: 20px;
    background-position: 5px -210px;
    background-size: 200%;
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    position: absolute;
    top: 2px;
    right: -40px;
}

.aboutus .block1>div a:hover:after {
    background-position: 1px 6px;
}

.aboutus .block2 {
    background: url(../../../wysiwyg/convenpage/hs-about-us-2.jpg) no-repeat;
    width: 100%;
    height: 600px;
    position: absolute;
    left: 0;
    padding-top: 31.25%;
    background-size: 100%;
}

.aboutus .block3 {
    background: url(../../../wysiwyg/convenpage/hs-about-us-map.jpg) no-repeat;
    margin-top: 35%;
    position: absolute;
    width: 100%;
    left: 0;
    text-align: right;
    color: #052C45;
    padding-right: 20px;
    background-position: center;
    padding-top: 36.54%;
}

.aboutus .block3 h2 {
    font-size: 2.75rem;
    font-family: 'oswald-blod';
    text-transform: uppercase;
    position: absolute;
    right: calc((100% - 1400px)/2);
    top: 180px;
}

.aboutus .block3 p {
    width: 50%;
    float: right;
    margin-top: 25px;
    font-size: 1.125rem;
    position: absolute;
    right: calc((100% - 1400px)/2);
    top: 240px;
}


/*******End About-us********/


/*******Blog********/

.blog .content {
    display: flex;
    justify-content: space-between;
}

.blog .content>div {
    flex: 0 0 calc(50% - 70px);
    color: #052C45;
}

.blog .left-con>div:first-child,
.blog .right-con>div:first-child {
    display: flex;
}

.blog .left-con>div:first-child>div,
.blog .right-con>div:first-child>div {
    background-color: #f5f5f5;
}

.blog .left-con>div:first-child>div a.imgborder-button,
.blog .right-con>div:first-child>div a.imgborder-button {
    background-position: 0 -222px;
    color: #052C45;
}

.blog .left-con>div:first-child>div a.imgborder-button:hover,
.blog .right-con>div:first-child>div a.imgborder-button:hover {
    background-position: 0 -297px;
    color: #fff;
}

.blog .left-con>div:first-child>div a,
.blog .right-con>div:first-child>div a {
    cursor: pointer;
}

.blog .left-con>div:first-child>div p,
.blog .right-con>div:first-child>div p {
    padding: 40px 20px;
}

.blog .left-con>div:last-child,
.blog .right-con>div:last-child {
    padding: 10px 15px;
    width: 70%;
}

.blog .left-con>div:last-child p:first-child,
.blog .right-con>div:last-child p:first-child {
    font-size: 1.125rem;
    font-family: 'oswald-blod';
    text-transform: uppercase;
    color: #052C45;
    line-height: 1;
}

a.blog-button {
    background-position: 0 -222px;
    color: #052C45;
}

a.blog-button:hover {
    background-position: 0 -296px;
    color: #fff;
}

@media (max-width: 1023px) {
    .blog .content {
        flex-wrap: wrap;
    }

    .blog .content>div {
        flex: 0 0 100%;
    }

    .blog .content>div:first-child {
        margin-bottom: 50px;
    }

    .busi-deve>form .primary,
    .contoctus>form .primary,
    .hiseapro>form .primary {
        margin-top: 50px;
    }

    .blog .left-con>div:first-child>div a.imgborder-button,
    .blog .right-con>div:first-child>div a.imgborder-button {
        margin: 50px 20px 0 0;
        float: right;
    }
}

@media (max-width: 767px) {
    .blog .content>div {
        flex: 0 0 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .blog .left-con>div:first-child,
    .blog .right-con>div:first-child {
        flex-wrap: wrap;
        flex: 0 0 100%;
        width: 100%;
    }

    .blog .left-con>div:first-child>div p,
    .blog .right-con>div:first-child>div p {
        padding: 20px;
    }

    .blog .left-con>div:first-child>div a.imgborder-button,
    .blog .right-con>div:first-child>div a.imgborder-button {
        margin-bottom: 20px;
    }

    .blog .left-con>div:last-child,
    .blog .right-con>div:last-child {
        flex: 0 0 100%;
        padding: 10px 0;
        order: -1;
    }

    .blog .content>div:first-child {
        display: flex;
        flex-wrap: wrap;
    }
}


/*******End Blog********/

/****** claim warranty -pc ********/
body.cms-claim-warranty header.page-header {
    background: url(../../../wysiwyg/convenpage/frame-warranty.png);
    padding-top: 20%;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 7.5%;
}

.claim-warranty .claim-warranty-title {
    font-size: 2.75rem;
    line-height: 1.4;
    color: #052C45;
    font-family: 'oswald-blod';
}

.claim-warranty .claim-warranty-message {
    font-size: 1rem;
    line-height: 1.2;
    color: #052C45;
    font-family: 'urwdin-medium';
}

.claim-warranty .claim-warranty-message a {
    color: #052C45;
    text-decoration: underline;
    font-family: 'oswald-blod';
}

.claim-warranty #claim-warranty-form {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: 'urwdin-medium';
}

.claim-warranty #claim-warranty-form .field {
    flex: 0 0 calc(50% - 30px);
    margin-bottom: 30px;

}

.claim-warranty #claim-warranty-form .field .control input,
.claim-warranty #claim-warranty-form .field .control textarea {
    border: 1px solid #f0f0f0;
}

.claim-warranty #claim-warranty-form .field .label-content {
    color: #052C45;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 10px;
}


.claim-warranty #claim-warranty-form .issues {
    flex: 0 0 100%;
    margin-bottom: 0;
}


.claim-warranty #claim-warranty-form .issues .lssues-input {
    display: block;
}

.claim-warranty #claim-warranty-form .primary {
    margin-top: 50px;
}

.claim-warranty #claim-warranty-form .primary .pagebutton {
    width: 300px;
    height: 70px;
    font-family: 'oswald-blod' !important;
    text-transform: uppercase;
    background-color: #052C45 !important;
    color: #fff !important;
}

.claim-warranty #claim-warranty-form .primary .pagebutton:hover {
    background-color: rgb(31, 96, 137) !important;
}

.claim-warranty #claim-warranty-form .primary .pagebutton::after {
    content: "";
    display: none;
    width: 20px;
    height: 20px;
    vertical-align: sub;
    margin-left: 10px;
    background: url(../../../wysiwyg/homepage/icon-loading.png)no-repeat center;
    background-size: 100%;
    animation: loading 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.claim-warranty #claim-warranty-form .primary .pagebutton.loading {
    text-transform: capitalize;
}

.claim-warranty #claim-warranty-form .primary .pagebutton.loading::after {
    display: inline-block;
}

.claim-warranty #claim-warranty-form p.success {
    margin-top: 10px;
    color: #052C45;
}

.claim-warranty #claim-warranty-form p.error {
    margin-top: 10px;
    color: #f68872;
}

/****** claim warranty -pc-end ********/
/****** claim warranty -mb ********/
@media (max-width: 1023px) {

    body.cms-retail header.page-header,
    body.cms-claim-warranty header.page-header {
        background: #fff;
        padding-top: 0;
    }

    body.cms-claim-warranty .page-main {
        background: url(../../../wysiwyg/convenpage/frame-warranty-mb.png);
        padding-top: 350px;
        background-size: 100%;
        background-repeat: no-repeat;
        margin: 0;

    }

    .claim-warranty .claim-warranty-title {
        font-family: 'oswald-blod';
        font-size: 1.75rem;
        line-height: 1;
        color: #052C45;
        padding-top: 20px;

    }

    .claim-warranty .claim-warranty-message {
        font-size: 1rem;
        line-height: 1.4;
        color: #052C45;
        font-family: 'urwdin-medium';
    }

    .claim-warranty .claim-warranty-message a {
        color: #052C45;
        text-decoration: underline;
        font-family: 'oswald-blod';
    }

    .claim-warranty #claim-warranty-form {
        margin-top: 30px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .claim-warranty #claim-warranty-form .field {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }

    .claim-warranty #claim-warranty-form .issues {
        margin-bottom: 0;
    }

    .claim-warranty #claim-warranty-form .field .control input,
    .claim-warranty #claim-warranty-form .field .control textarea {
        border: 1px solid #f0f0f0;
    }

    .claim-warranty #claim-warranty-form .field .label-content {
        color: #052C45;
        font-size: 1rem;
        line-height: 1.2;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .claim-warranty #claim-warranty-form .primary {
        flex: 0 0 100%;
        margin: 30px 0 80px;
    }

    .claim-warranty #claim-warranty-form .primary .pagebutton {
        width: 100%;
        height: 50px;
        font-family: 'oswald-blod' !important;
        text-transform: uppercase;
        background-color: #052C45 !important;
        color: #fff !important;

    }

    .claim-warranty #claim-warranty-form .primary .pagebutton:hover {
        background-color: rgb(31, 96, 137) !important;
    }

    .claim-warranty #claim-warranty-form .primary .pagebutton::after {
        content: "";
        display: none;
        width: 20px;
        height: 20px;
        vertical-align: sub;
        margin-left: 10px;
        background: url(../../../wysiwyg/homepage/icon-loading.png)no-repeat center;
        background-size: 100%;
        animation: loading 1s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    .claim-warranty #claim-warranty-form .primary .pagebutton.loading {
        text-transform: capitalize;
    }

    .claim-warranty #claim-warranty-form .primary .pagebutton.loading::after {
        display: inline-block;
    }
}

/****** claim warranty -mb -end ********/
/*******Business Development/Contoct Us/Hisea Pro********/

/* body.cms-contact-us header.page-header {
    background: url(../../../wysiwyg/convenpage/hs-contactus.jpg);
    padding-top: 41.14%;
} */

body.cms-retail header.page-header {
    background: url(../../../wysiwyg/convenpage/hs-BusinessDevelopment.jpg)no-repeat;
    background-size: 100%;
    padding-top: 41.14%;
}

body.cms-hisea-pro header.page-header {
    background: url(../../../wysiwyg/convenpage/PROStaff3.jpg);
    height: 790px !important;
}

.busi-deve>p,
.contoctus>p,
.hiseapro>p {
    color: #052C45;
    font-family: 'Rajdhani-SemiBold';
}

.busi-deve>form,
.contoctus>form,
.hiseapro>form {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.busi-deve>form div.name,
.busi-deve>form div.email,
.contoctus>form div.name,
.contoctus>form div.email,
.hiseapro>form div.name,
.hiseapro>form div.email {
    flex: 0 0 calc(50% - 30px);
    margin-bottom: 55px;
}

.busi-deve>form div.message .mage-error,
.contoctus>form div.message .mage-error,
.hiseapro>form div.message .mage-error {
    border-color: #c30000;
}

.busi-deve>form div.message,
.contoctus>form div.message,
.hiseapro>form div.message {
    flex: 0 0 100%;
}

.busi-deve>form input,
.busi-deve>form textarea,
.contoctus>form input,
.contoctus>form textarea,
.hiseapro>form input,
.hiseapro>form textarea {
    border-color: #f5f5f5;
}

.busi-deve>form>p,
.contoctus>form>p {
    color: #052C45;
    font-family: 'Rajdhani-SemiBold';
    margin-top: 30px;
    flex: 0 0 100%;
}

.hiseapro>form>p {
    font-size: 1.25rem;
    color: #052C45;
    text-transform: uppercase;
    font-family: 'oswald-blod';
    margin-top: 20px;
    flex: 0 0 100%;
}

.hiseapro>form>p em {
    font-size: 1rem;
    text-transform: capitalize;
    font-family: 'urwdin-medium';
    color: #8ea0ab;
}

.hiseapro>form>.uploadaccessory {
    margin-top: 20px;
}

.hiseapro>form>.uploadaccessory ul li {
    width: 120px;
    height: 120px;
    margin-right: 20px;
    background: #eeeeee;
    position: relative;
}

.hiseapro>form>.uploadaccessory ul li a {
    width: 15px;
    height: 15px;
    position: absolute;
    border-radius: 10px;
    right: 5px;
    top: 5px;
    background: #ffffff url(../../../wysiwyg/category/operationicon.svg)no-repeat;
    background-size: 75%;
    background-position: 2px -15px;
    cursor: pointer;
}

.hiseapro>form>.uploadaccessory input {
    width: 110px;
    height: 110px;
    opacity: 0;
    cursor: pointer;
}

.hiseapro>form>.uploadaccessory .addaccessory {
    width: 110px;
    height: 110px;
    display: flex;
    border: 2px #f5f5f5 solid;
    position: relative;
    justify-content: center;
    align-items: center;
}

.hiseapro>form>.uploadaccessory .addaccessory:after {
    content: '';
    width: 35px;
    height: 35px;
    background: url(../../../wysiwyg/convenpage/upload.svg)no-repeat;
    display: block;
    background-position: 50% -1px;
    position: absolute;
    background-size: 100%;
    cursor: pointer;
    pointer-events: none;
}

.hiseapro>form>.uploadaccessory .addaccessory:hover {
    background-color: #052C45;
}

.hiseapro>form>.uploadaccessory .addaccessory:hover:after {
    background-position: 50% -51px;
}

.hiseapro>form>.uploadaccessory .addaccessory:active {
    background-color: #2b5f7e;
}

.contoctus>form>p a {
    color: #ff571b;
    text-transform: uppercase;
    font-size: 1.125rem;
}

.busi-deve>form .primary,
.contoctus>form .primary,
.hiseapro>form .primary {
    flex: 0 0 100%;
    margin-top: 90px;
}

.busi-deve>form .primary>p.error,
.contoctus>form .primary>p.error,
.hiseapro>form .primary>p.error,
.warranty form .primary>p.error {
    margin: 20px;
    color: #c30000;
}

.busi-deve>form .primary>p.success,
.contoctus>form .primary>p.success,
.hiseapro>form .primary>p.success,
.warranty form .primary>p.success {
    margin: 20px;
    color: #052C45;
}

.busi-deve>form .primary button,
.contoctus>form .primary button,
.hiseapro>form .primary button {
    width: 298px;
    height: 80px;
}

.contoctus>form .primary em {
    width: 298px;
    margin: 0;
    font-size: 1.125rem;
    color: #052C45;
    font-family: 'Rajdhani-SemiBold';
    text-transform: uppercase;
    cursor: pointer;
    display: block;
    text-align: center;
}

.contoctus>form .primary .livechat {
    width: 298px;
    height: 80px;
    line-height: 80px;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    border: 0;
    text-align: center;
}

.contoctus>form .primary .livechat:before {
    content: '';
    width: 32px;
    height: 66px;
    background: url(../../../wysiwyg/convenpage/livechat.png)no-repeat;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 50px;
}

@media (max-width: 1023px) {
    .contoctus>form .primary .livechat {
        height: 50px;
        line-height: 50px;
    }

    .contoctus>form .primary .livechat:before {
        background-size: 70%;
        bottom: -5px;
        height: 50px;
    }

    body.cms-retail header.page-header,
    body.cms-contact-us header.page-header {
        background: #fff;
        padding-top: 0;
    }

    body.cms-retail .page-main {
        background: url(../../../wysiwyg/convenpage/businessdevelopment.jpg)no-repeat;
        background-size: 100%;
        border-bottom: 0;
        padding-top: 350px;
    }

    /* 
    body.cms-contact-us .page-main {
        background: url(../../../wysiwyg/convenpage/hs-Lifetimewarranty.jpg)no-repeat;
        background-size: 100%;
        padding-top: 350px;
    } */

    body.cms-pro-staff .page-main {
        background: url(../../../wysiwyg/convenpage/PROStaff_m.jpg)no-repeat;
        background-size: 100%;
        padding-top: 350px;
    }
}

@media (max-width: 767px) {

    body.cms-lifetime-warranty header.page-header,
    body.cms-business-development header.page-header,
    body.cms-contoct-us header.page-header,
    body.cms-hisea-pro header.page-header {
        height: 405px !important;
    }

    .contoctus>form .primary .livechat {
        width: 100%;
    }

    .contoctus>form .primary em {
        width: 100%;
    }
}


/*******End Business Development/Contoct Us/Hisea Pro********/


/*******careers********/

body.cms-careers header.page-header {
    background: url(../../../wysiwyg/convenpage/hs-Careers2.jpg);
    background-size: 100%;
    padding-top: 41.14%;
}

.careers {
    color: #052C45;
}

.careers .block1 .title {
    display: flex;
    align-items: baseline;
    text-transform: uppercase;
}

.careers .title h4 {
    font-size: 1.875rem;
    font-family: 'oswald-blod';
    text-transform: uppercase;
}

.careers .block1,
.careers .block2 {
    padding-top: 40px;
    border-top: 2px #f5f5f5 solid;
    margin-top: 20px;
}

.careers .block2>.formtitle {
    margin-top: 20px;
    padding-top: 50px;
    border-top: 2px #f5f5f5 solid;
    font-size: 1.875rem;
    font-family: 'oswald-blod';
    text-transform: uppercase;
}

.careers>div a.pagebutton {
    display: block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 30px;
}

.careers .block1 .title em {
    width: 45px;
    height: 15px;
    background-color: #ff571b;
    text-align: center;
    line-height: 17px;
    color: #fff;
    font-size: 0.75rem;
    margin-left: 10px;
    font-family: 'oswald-blod';
}

.careers .homeoffice {
    font-size: 1.125rem;
    color: #052C45;
    display: flex;
    align-items: center;
}

.careers .homeoffice:before {
    content: '';
    width: 13px;
    height: 16px;
    background: url(../../../wysiwyg/convenpage/HS-icon-location.svg);
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 0px;
    margin-right: 15px;
}

.careers .content1,
.careers .content2 {
    margin-top: 40px;
}

.careers .content1 .contitle,
.careers .content2 .contitle {
    font-size: 1.125rem;
    color: #052C45;
    font-family: 'oswald-blod';
    text-transform: uppercase;
}

.careers .content1 ul li,
.careers .content2 ul li {
    list-style: outside;
    margin-left: 20px;
    font-size: 1.125rem;
}

.careers .block1 .apply {
    margin-bottom: 45px;
}

.careers .block1 .apply,
.careers .block2 .apply {
    margin-top: 30px;
}

.careers form {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.careers form>div.name,
.careers form>div.email {
    flex: 0 0 calc(50% - 5px);
    margin-bottom: 30px;
}

.careers form>div.message {
    flex: 0 0 100%;
    margin-bottom: 30px;
}

.careers form .primary button {
    display: block;
    width: 200px;
    height: 50px;
    text-align: center;
    line-height: 40px;
    text-transform: uppercase;
}

.careers form p {
    font-size: 1.25rem;
    color: #052C45;
    text-transform: uppercase;
    font-family: 'oswald-blod';
    margin-top: 20px;
    flex: 0 0 100%;
}

.careers form .primary p {
    font-size: 1rem;
    text-transform: unset;
    font-family: 'urwdin-medium';
}

.careers form .uploadaccessory {
    margin-top: 20px;
}

.careers form .uploadaccessory .addaccessory {
    width: 110px;
    height: 110px;
    display: flex;
    border: 2px #f5f5f5 solid;
    position: relative;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.careers form .uploadaccessory input {
    width: 110px;
    height: 110px;
    opacity: 0;
    cursor: pointer;
}

.careers form .uploadaccessory .addaccessory:after {
    content: '';
    width: 35px;
    height: 35px;
    background: url(../../../wysiwyg/convenpage/upload.svg)no-repeat;
    display: block;
    background-position: 50% -1px;
    position: absolute;
    background-size: 100%;
    cursor: pointer;
    pointer-events: none;
}

.careers form .primary {
    flex: 0 0 100%;
    margin-top: 50px;
}

.careers form p em {
    font-size: 1rem;
    text-transform: capitalize;
    font-family: 'urwdin-medium';
    color: #8ea0ab;
}

.careers .content1 .seemore,
.careers .content2 .seemore {
    margin-top: 30px;
    text-transform: uppercase;
    font-family: 'oswald-blod';
    font-size: 1.125rem;
    color: #8ea0ab;
    margin-left: 20px;
    cursor: pointer;
    display: none;
}

.careers .content1 .seemore:after,
.careers .content2 .seemore:after {
    content: '';
    width: 9px;
    height: 12px;
    background: url(../../../wysiwyg/convenpage/seemore.png);
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 0px;
    margin-left: 10px;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

@media (max-width: 1023px) {
    body.cms-careers header.page-header {
        background: #fff;
        padding-top: 0;
    }

    body.cms-careers .page-main {
        background: url(../../../wysiwyg/convenpage/Careers.jpg)no-repeat;
        background-size: 100%;
        padding-top: 350px
    }

    .careers form {
        width: 100%;
    }
}

@media (max-width: 767px) {

    .careers .block1 .apply a,
    .careers .block2 .apply a,
    .careers form .primary,
    .careers form .primary button {
        width: 100%;
    }

    .careers form>div.message {
        margin-bottom: 0;
    }
}


/*******End careers********/


/*******shipping-Return-Policy********/

body.cms-pro-staff main.page-main .page-title-wrapper {
    background: url(../../../wysiwyg/convenpage/PROStaff3.jpg)no-repeat;
    background-size: 100%;
    padding-top: 41.14% !important;
}

.shipping-return-policy {
    color: #052C45;
    font-size: 1.125rem;
    background: url(../../../wysiwyg/convenpage/Shipping-ReturnPolicy.jpg)no-repeat;
    background-position: -260px 0px;
    padding-right: 326px;
    padding-bottom: 50px;
}

.shipping-return-policy .policy {
    font-family: 'oswald-blod';
    margin-top: 55px;
    text-transform: uppercase;
}

.shipping-return-policy p a {
    text-transform: uppercase;
    font-family: 'oswald-blod';
    color: #ff571b;
}

.shipping-return-policy ul:first-of-type li {
    list-style: square;
}

.shipping-return-policy ul li {
    list-style: disc;
    margin-left: 20px;
}

@media (max-width: 1023px) {
    .shipping-return-policy {
        padding-right: 0;
    }

    .shipping-return-policy .policy {
        margin-top: 20px;
    }
}


/*******End shipping-Return-Policy********/


/*******All Function********/

body.cms-all-function main.page-main {
    background: url(../../../wysiwyg/convenpage/hs-allfunction-back.jpg)no-repeat;
    background-size: 100%;
}

body.cms-all-function footer.page-footer {
    margin-top: 5px;
}

.allfunction {
    padding-bottom: 80px;
}

.allfunction h2 {
    margin-bottom: 50px;
}

.allfunction .content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.allfunction .content>div {
    flex: 0 0 25%;
    text-align: center;
    padding: 0px 65px 55px 65px;
}

.allfunction .content>div p:first-of-type {
    font-family: 'oswald-blod';
    font-size: 1.5rem;
    color: #052C45;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.allfunction .content>div p:last-of-type {
    color: #979da3;
}

.allfunction .functionimg {
    background: url(../../../wysiwyg/convenpage/hs-allfunction-icon.svg)no-repeat;
    width: 82px;
    height: 92px;
    margin: 0 auto;
    background-size: 300%;
    margin-bottom: 15px;
}

.allfunction .content>div:nth-child(1) .functionimg {
    background-position: 0 -218px;
}

.allfunction .content>div:nth-child(2) .functionimg {
    background-position: 0 -110px;
}

.allfunction .content>div:nth-child(3) .functionimg {
    background-position: 0px -433px;
}

.allfunction .content>div:nth-child(4) .functionimg {
    background-position: -165px -110px;
}

.allfunction .content>div:nth-child(5) .functionimg {
    background-position: 0px -532px;
}

.allfunction .content>div:nth-child(6) .functionimg {
    background-position: -165px -328px;
}

.allfunction .content>div:nth-child(7) .functionimg {
    background-position: -165px -433px;
}

.allfunction .content>div:nth-child(8) .functionimg {
    background-position: -166px -532px;
}

.allfunction .content>div:nth-child(9) .functionimg {
    background-position: -165px 0px;
}

.allfunction .content>div:nth-child(10) .functionimg {
    background-position: -165px -218px;
}

.allfunction .content>div:nth-child(11) .functionimg {
    background-position: 0 0;
}

.allfunction .content>div:nth-child(12) .functionimg {
    background-position: 0 -327px;
}

@media (max-width: 1023px) {
    .allfunction .content>div {
        flex: 0 0 33.333%;
        text-align: center;
        padding: 0px 0 30px 0;
    }

    body.cms-all-function main.page-main {
        background: #fff;
    }
}

@media (max-width: 767px) {
    .allfunction .content>div {
        flex: 0 0 50%;
        text-align: center;
        padding: 0px 0 30px 0;
    }

    .allfunction .content>div p:first-of-type {
        font-size: 1.125rem;
    }
}


/*******End All Function********/


/******* 404********/

body.cms-no-route .page-main .page-title-wrapper.layout_type1 {
    display: none;
}

.error404 {
    margin-top: 60px;
}

.error404 .bkimg {
    background: url(../../../wysiwyg/convenpage/hs-404.jpg);
    width: 820px;
    height: 425px;
    margin: 0 auto;
}

.error404 .content {
    margin-top: 80px;
    text-align: center;
}

.error404 .content p {
    font-family: 'oswald-blod';
    font-size: 2rem;
    color: #052C45;
    text-transform: uppercase;
    margin-top: 30px;
}

.error404 .content a {
    display: block;
    font-size: 1.125rem;
    width: 298px;
    height: 80px;
    line-height: 80px;
    text-transform: uppercase;
    margin: 50px auto;
}

@media (max-width: 1023px) {
    .cms-noroute-index .column.main {
        padding-top: 0;
    }

    .error404,
    .error404 .content {
        margin-top: 0;
    }

    .error404 .bkimg {
        background: url(../../../wysiwyg/convenpage/hs-404_m.jpg)no-repeat;
        width: 100%;
        height: 580px;
        margin: 0 auto;
        background-size: 100%;
    }

    .error404 .content p {
        font-size: 1.5rem;
    }

    .error404 .content a {
        height: 50px;
        line-height: 50px;
    }
}

@media (max-width: 767px) {
    .error404 .bkimg {
        height: 300px;
    }

    .error404 .content a {
        width: 100%;
    }
}


/*******End 404********/


/*******LifeTime Warranty********/
@media (min-width: 1024px) {

    .warranty {
        margin-top: 35px;
    }

    .warranty .block1 {
        display: flex;
        font-size: 1.125rem;
    }

    .warranty .block1 h2 {
        line-height: 1.2;
        font-family: 'oswald-blod';
        color: #052C45;
    }

    .warranty .block1>div.word {
        flex: 0 0 40%;
        margin-right: 10%;
        font-family: 'urwdin-medium';
        color: #052C45;
        font-size: 1rem;
    }

    .warranty .block1>div.word *:nth-child(2) {
        margin-top: 30px;
    }

    .warranty .block1>div.word *:nth-child(n+3) {
        margin-top: 20px;
    }

    .warranty .block1>div.img {
        flex: 0 0 50%;
    }

    .warranty .block1>div.img img {
        display: block;
    }

    .warranty .block-works {
        margin-top: 90px;
        color: #052C45;
        text-align: center;
    }

    .warranty .block-works .block-works-title {
        font-size: 2.75rem;
        font-family: 'oswald-blod';
        line-height: 1.2;
        margin-bottom: 25px;
        text-align: left;
        text-transform: uppercase;
    }

    .warranty .block-works .block-works-list {
        display: flex;
        justify-content: space-between;

    }

    .warranty .block-works .block-works-list .block-works-item {
        width: 32%;
        padding: 42px 57px;
        box-sizing: border-box;
        background-color: #F8F8F8;
    }

    .warranty .block-works .block-works-list .block-works-item .block-works-item-name {
        font-size: 1.15rem;
        font-family: 'oswald-blod';
        line-height: 1.2;
    }

    .warranty .block-works .block-works-list .block-works-item .block-works-item-img {
        margin: 22px auto 21px;
    }

    .warranty .block-works .block-works-list .block-works-item .block-works-item-desc {
        font-size: 1rem;
        font-family: 'urwdin-medium';
        line-height: 1.2;
    }

    .warranty .block-works .block-works-slogn {
        font-size: 1.15rem;
        font-family: 'urwdin-medium';
        line-height: 1.2;
        margin: 52px 0 15px;
    }

    .warranty .block-works .block-works-link {
        position: relative;
        font-size: 1.15rem;
        font-family: 'oswald-blod';
        line-height: 1.2;
        color: #052C45;
    }

    .warranty .block-works .block-works-link::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #052C45;
        left: 0;
        bottom: 0;
    }

    .warranty .block2 {
        background-color: #f8f8f8;
        margin-top: 80px;
        padding: 79px 200px;
        /* background: url(../../../wysiwyg/convenpage/hs-Lifetimewarranty_03.jpg); */
    }

    .warranty .block2 h2 {
        text-align: center;
        line-height: 1.2;
        font-family: 'oswald-blod';
        color: #052C45;
    }

    .warranty .block2>form {
        margin-top: 30px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .warranty .block2>form .information-item {
        color: #052C45;
        margin-bottom: 45px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }


    .warranty .block2>form .information-item .information-item-text {
        font-size: 1.4rem;
        line-height: 1.2;
        padding: 15px 0 10px;
        border-bottom: 1px solid #e5e5e5;
        flex: 0 0 100%;
        font-family: 'oswald-blod';
    }

    .warranty .block2>form .information-item .control {
        margin-top: 30px;
        flex: 0 0 100%;
        font-family: 'urwdin-medium';
    }

    .warranty .block2>form .information-item .half,
    .warranty .block2>form .information-item .birthday-content {
        flex: 0 0 calc(50% - 40px);
    }

    .warranty .block2>form .information-item .control .message {
        margin-bottom: 10px;
        font-size: 1rem;
        line-height: 1.2;
    }

    .warranty .block2>form .information-item .control .ordernumber-message {
        font-family: 'oswald-blod';
    }

    .warranty .block2>form .information-item .wherebuy-content .other-input,
    .warranty .block2>form .information-item .perks-content .others-input {
        display: none;
    }

    .warranty .block2>form .information-item .wherebuy-content .other-input.open,
    .warranty .block2>form .information-item .perks-content .others-input.open {
        display: block;
    }

    .warranty .block2>form .information-item .gender-content .gender-input {
        position: relative;
    }

    .warranty .block2>form .information-item .gender-content .gender-input .gender-options {
        width: 100%;
        position: absolute;
        z-index: 1;
        display: flex;
        background: unset;
        border: 0;
        justify-content: space-between;
        align-items: center;
    }
    .warranty .block2>form .information-item .gender-content .gender-input .gender-options.open {
        display: block;
    }
    .warranty .block2>form .information-item .gender-content .gender-input .gender-options li {
        cursor: pointer;
        position: relative;
    }
    .warranty .block2>form .information-item .gender-content .gender-input .gender-options li:before {
        content: '';
        display: inline-block;
        width: 12px;
        height: 12px;
        background: #fff;
        border: 2px #8ea0ab solid;
        margin-right: 10px;
    }
    .warranty .block2>form .information-item .gender-content .gender-input .gender-options li.open:after{
        content: '';
        background: url(../../../wysiwyg/convenpage/HS-icon-checkmark.svg)no-repeat;
        width: 18px;
        height: 16px;
        display: block;
        position: absolute;
        top: 0;
        left: 3px;
    }
    .warranty .block2>form .information-item .choice-content {
        font-family: 'oswald-blod' !important;
        padding: 14px 0 8px;
        box-sizing: border-box;
    }

    .warranty .block2>form>div input[type='text'],
    .warranty .block2>form>div input[type='password'] {
        height: 50px;
        border: 1px #f0f0f0 solid;
    }

    .warranty .block2>form>div input[type='radio'],
    .warranty .block2>form>div input[type='checkbox'] {
        opacity: 0;
    }

    .warranty .block2>form .information-item .control .hborder {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }

    .warranty .block2>form .information-item .control P {
        margin-bottom: 10px;
        font-family: 'oswald-blod' !important;
    }


    .warranty .block2>form .information-item .control .hborder>div {
        padding: 14px 0;
        box-sizing: border-box;
    }

    .warranty .block2>form .information-item .control .hborder>div:last-child {
        margin-right: 0;
    }

    .warranty .block2>form .information-item .control input[type="checkbox"]+label,
    .warranty .block2>form .information-item .control input[type="radio"]+label {
        position: relative;
        margin-left: 10px;
    }

    .warranty .block2>form .information-item .control input[type="checkbox"]+label::before,
    .warranty .block2>form .information-item .control input[type="radio"]+label::before {
        content: '';
        width: 12px;
        height: 12px;
        border: 2px #8ea0ab solid;
        display: block;
        position: absolute;
        top: 2px;
    }

    .warranty .block2>form .information-item .control input[type="checkbox"]:checked+label:before,
    .warranty .block2>form .information-item .control input[type="radio"]:checked+label:before {
        border: 2px #052C45 solid;
    }

    .warranty .block2>form .information-item .control input[type="checkbox"]:checked+label:after,
    .warranty .block2>form .information-item .control input[type="radio"]:checked+label:after {
        content: '';
        background: url(../../../wysiwyg/convenpage/HS-icon-checkmark.svg)no-repeat;
        width: 18px;
        height: 16px;
        display: block;
        position: absolute;
        top: 0;
        left: -26px;
    }

    .warranty .block2>form .information-item .control input[type="checkbox"]:checked+label:after {
        left: -30px;
    }

    .warranty .block2>form>div.primary {
        text-align: center;
        margin: 0 auto;
    }

    .warranty .block2>form>div.primary button {
        width: 298px;
        height: 80px;
        margin: 0 auto;
        text-transform: uppercase;
        font-family: 'oswald-blod' !important;
        background-color: #052C45 !important;
        color: #fff !important;
    }

    .warranty .block2>form>div.primary button:hover {
        background-color: rgb(31, 96, 137) !important;
    }

    .warranty .block2>form>div.primary button::after {
        content: "";
        display: none;
        width: 20px;
        height: 20px;
        vertical-align: sub;
        margin-left: 10px;
        background: url(../../../wysiwyg/homepage/icon-loading.png)no-repeat center;
        background-size: 100%;
        animation: loading 1s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    .warranty .block2>form>div.primary button.loading {
        text-transform: capitalize;
    }

    .warranty .block2>form>div.primary button.loading::after {
        display: inline-block;
    }

    .warranty .block2>form .form_message {
        flex: 0 0 100%;
        color: #f68872;
        text-align: center;
        margin-top: 10px;
    }

    .warranty .block2>form .form_message a {
        text-decoration: underline;
        color: #f68872;
        cursor: pointer;
    }

    .warranty .block3 {
        margin-top: 95px;
    }

    .warranty .block3 h2 {
        line-height: 1.2;
        padding: 15px 0;
        box-sizing: border-box;
        border-bottom: 1px solid #F0F0F0;
        margin-bottom: 40px;
        font-family: 'oswald-blod';
    }

    .warranty .block3 ul li {
        font-size: 1rem;
        background: url(../../../wysiwyg/convenpage/hs-FAQs.jpg)no-repeat;
        padding-left: 110px;
        padding-top: 40px;
        color: #052C45;
        margin-bottom: 20px;
    }

    .warranty .block3 ul li p:first-child {
        font-size: 18px;
        font-family: 'oswald-blod' !important;
    }

    .warranty .block3 ul li p:last-child {
        font-family: 'urwdin-medium';
    }

    .warranty .block3 ul li:nth-child(1) {
        background-position: 0 32px;
    }

    .warranty .block3 ul li:nth-child(2) {
        background-position: 0 -90px;
    }

    .warranty .block3 ul li:nth-child(3) {
        background-position: 0 -200px;
    }

    .warranty .block3 ul li:nth-child(4) {
        background-position: 0 -320px;
    }

    .warranty .block3 ul li:nth-child(5) {
        background-position: 0 -440px;
    }
}

@media (max-width: 1023px) {
    body.cms-warranty .page-main {
        padding: 0;
    }

    .warranty .block1 {
        display: flex;
        color: #052C45;
        flex-direction: column-reverse;
    }

    .warranty .block1>div.word {
        padding: 20px 15px 52px;
        box-sizing: border-box;
        text-align: left;
        border-bottom: 1px solid #F5F5F5;
        margin: 0;
    }

    .warranty .block1 h2 {
        font-size: 1.25rem !important;
        color: #052C45;
        line-height: 1.2;
        margin-bottom: 9px;
        font-family: 'oswald-blod';
    }

    .warranty .block1>div.word p {
        font-size: 16px;
        color: #052C45;
        line-height: 1.2;
        margin-bottom: 20px;
        font-family: 'urwdin-medium';
    }

    .warranty .block1>div.word p:last-child {
        margin-bottom: 0;
    }

    .warranty .block1>div.img {
        width: 100%;
    }

    .warranty .block1>div.img img {
        display: block;
    }

    .warranty .block-works {
        padding: 30px 15px 50px;
        box-sizing: border-box;
        text-align: center;
        color: #052C45;
    }

    .warranty .block-works .block-works-title {
        font-size: 1.25rem;
        padding: 10px 0;
        box-sizing: border-box;
        font-family: 'oswald-blod';
        line-height: 1.2;
        margin-bottom: 20px;
        text-transform: uppercase;
        text-align: left;
    }

    .warranty .block-works .block-works-list {
        display: flex;
        flex-wrap: wrap;
        text-align: center;

    }

    .warranty .block-works .block-works-list .block-works-item {
        width: 100%;
        padding: 33px 25.5px;
        box-sizing: border-box;
        background-color: #F8F8F8;
        margin-bottom: 20px;
    }

    .warranty .block-works .block-works-list .block-works-item:last-child {
        margin-bottom: 0;
    }

    .warranty .block-works .block-works-list .block-works-item .block-works-item-name {
        font-size: 1rem;
        font-family: 'oswald-blod';
        line-height: 1.2;
    }

    .warranty .block-works .block-works-list .block-works-item .block-works-item-img {
        margin: 19px auto 18px;
    }

    .warranty .block-works .block-works-list .block-works-item .block-works-item-img img {
        width: 75px;
        height: auto;
    }

    .warranty .block-works .block-works-list .block-works-item .block-works-item-desc {
        font-size: 16px;
        font-family: 'urwdin-medium';
        line-height: 1.2;
    }

    .warranty .block-works .block-works-slogn {
        font-size: 16px;
        font-family: 'urwdin-medium';
        line-height: 1.2;
        margin: 40px 0 15px;
    }

    .warranty .block-works .block-works-link {
        position: relative;
        font-size: 1rem;
        font-family: 'oswald-blod';
        line-height: 1.2;
        color: #052C45;
    }

    .warranty .block-works .block-works-link::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #052C45;
        left: 0;
        bottom: 0;
    }

    .warranty .block2 {
        background-color: #f8f8f8;
        padding: 31.5px 15px;
        box-sizing: border-box;
    }

    .warranty .block2 h2 {
        text-align: center;
        line-height: 1.2;
        font-size: 1.25rem !important;
        color: #052C45;
        font-family: 'oswald-blod';
    }

    .warranty .block2>form {
        margin-top: 20px !important;
    }

    .warranty .block2>form .information-item {
        color: #052C45;
        margin-bottom: 20px;
        background-color: #fff;
        padding-bottom: 13px;
        box-sizing: border-box;
    }


    .warranty .block2>form .information-item .information-item-text {
        font-size: 1rem;
        line-height: 1.2;
        padding: 16px 10px;
        background-color: #052C45;
        color: #fff;
        font-family: 'oswald-blod';
        margin-bottom: 20px;
    }

    .warranty .block2>form .information-item .control {
        padding: 0px 12.5px 20px;
        box-sizing: border-box;
        font-family: 'oswald-blod';
        font-size: 16px;
    }

    .warranty .block2>form .information-item .control .message {
        margin-bottom: 10px;
        line-height: 1.2;
    }

    .warranty .block2>form .information-item .gender-content .gender-input {
        height: 30px;
        position: relative;
    }

    .warranty .block2>form .information-item .wherebuy-content .other-input,
    .warranty .block2>form .information-item .perks-content .others-input {
        display: none;
    }

    .warranty .block2>form .information-item .wherebuy-content .other-input.open,
    .warranty .block2>form .information-item .perks-content .others-input.open {
        display: block;
    }

    .warranty .block2>form .information-item .gender-content .gender-input .gender-options {
        width: 100%;
        position: absolute;
        z-index: 1;
        display: flex;
        background: unset;
        border: 0;
        justify-content: space-between;
        align-items: center;
    }
    .warranty .block2>form .information-item .gender-content .gender-input .gender-options.open {
        display: block;
    }
    .warranty .block2>form .information-item .gender-content .gender-input .gender-options li {
        cursor: pointer;
        position: relative;
    }
    .warranty .block2>form .information-item .gender-content .gender-input .gender-options li:before {
        content: '';
        display: inline-block;
        width: 12px;
        height: 12px;
        background: #fff;
        border: 2px #8ea0ab solid;
        margin-right: 10px;
    }
    .warranty .block2>form .information-item .gender-content .gender-input .gender-options li.open:after{
        content: '';
        background: url(../../../wysiwyg/convenpage/HS-icon-checkmark.svg)no-repeat;
        width: 18px;
        height: 16px;
        display: block;
        position: absolute;
        top: 0;
        left: 3px;
    }
    .warranty .block2>form .information-item .choice-content {
        margin: 10px 5px;
    }
    .warranty .block2>form>div input[type='text'] {
        height: 50px;
        border: 1px #f0f0f0 solid;
    }
    .warranty .block2>form>div input[type='radio'],
    .warranty .block2>form>div input[type='checkbox'] {
        opacity: 0;
    }

    .warranty .block2>form .information-item .control .hborder {
        display: flex;
        flex-wrap: wrap;
        margin: 20px 0 9px;
    }

    .warranty .block2>form .information-item .control P {
        margin-bottom: 10px;
    }

    .warranty .block2>form .information-item .control .hborder>div {
        flex: 0 0 100%;
        margin-bottom: 26px;
    }

    .warranty .block2>form .information-item .control .hborder>div:last-child {
        margin-bottom: 0;
    }

    .warranty .block2>form .information-item .control input[type="checkbox"]+label,
    .warranty .block2>form .information-item .control input[type="radio"]+label {
        position: relative;
        margin-left: 10px;
    }

    .warranty .block2>form .information-item .control input[type="checkbox"]+label::before,
    .warranty .block2>form .information-item .control input[type="radio"]+label::before {
        content: '';
        width: 12px;
        height: 12px;
        border: 2px #8ea0ab solid;
        display: block;
        position: absolute;
        top: 2px;
        left: -30px;
    }

    .warranty .block2>form .information-item .control input[type="checkbox"]:checked+label:before,
    .warranty .block2>form .information-item .control input[type="radio"]:checked+label:before {
        border: 2px #052C45 solid;
    }

    .warranty .block2>form .information-item .control input[type="checkbox"]:checked+label:after,
    .warranty .block2>form .information-item .control input[type="radio"]:checked+label:after {
        content: '';
        background: url(../../../wysiwyg/convenpage/HS-icon-checkmark.svg)no-repeat;
        width: 18px;
        height: 16px;
        display: block;
        position: absolute;
        top: 0;
        left: -30px;
    }

    .warranty .block2>form .information-item .control input[type="checkbox"]:checked+label:after {
        left: -33px;
    }

    .warranty .block2>form>div.primary {
        text-align: center;
        margin: 0 auto;
    }

    .warranty .block2>form>div.primary button {
        width: 100%;
        height: 46px;
        margin: 0 auto;
        text-transform: uppercase;
        font-family: 'oswald-blod' !important;
        background-color: #052C45 !important;
        color: #fff !important;
    }

    .warranty .block2>form>div.primary button:hover {
        background-color: rgb(31, 96, 137) !important;
    }

    .warranty .block2>form>div.primary button::after {
        content: "";
        display: none;
        width: 20px;
        height: 20px;
        vertical-align: sub;
        margin-left: 10px;
        background: url(../../../wysiwyg/homepage/icon-loading.png)no-repeat center;
        background-size: 100%;
        animation: loading 1s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    .warranty .block2>form>div.primary button.loading {
        text-transform: capitalize;
    }

    .warranty .block2>form>div.primary button.loading::after {
        display: inline-block;
    }

    .warranty .block2>form .form_message {
        color: #f68872;
        text-align: center;
        font-size: 14px;
        margin-top: 10px;
    }

    .warranty .block2>form .form_message a {
        text-decoration: underline;
        color: #f68872;
        font-size: 14px;
    }

    .warranty .block3 {
        padding: 40px 15px 70px;
        box-sizing: border-box;
    }

    .warranty .block3 h2 {
        font-size: 1.25rem !important;
        line-height: 1.2;
        padding: 14px 0;
        box-sizing: border-box;
        border-bottom: 1px solid #F0F0F0;
        margin-bottom: 20px;
        font-family: 'oswald-blod' !important;
    }

    .warranty .block3 ul li {
        background: url(../../../wysiwyg/convenpage/hs-FAQs.jpg)no-repeat;
        color: #052C45;
        margin-bottom: 20px;
        padding: 25px 0 0 35px;
        box-sizing: border-box;
        background: unset;
        position: relative;
    }

    .warranty .block3 ul li:before {
        content: '';
        background: url(../../../wysiwyg/convenpage/hs-FAQs.jpg)no-repeat;
        display: block;
        width: 150px;
        height: 40px;
        position: absolute;
        z-index: -1;
        left: 0;
        top: 5px;
        background-size: 100%;
    }

    .warranty .block3 ul li:nth-child(even):before {
        left: 40px;
    }

    .warranty .block3 ul li:nth-child(2)::before {
        background-position: -70px -75px;
    }

    .warranty .block3 ul li:nth-child(3)::before {
        background-position: 0 -155px;
    }

    .warranty .block3 ul li:nth-child(4)::before {
        background-position: -70px -230px;
    }

    .warranty .block3 ul li:nth-child(5)::before {
        background-position: 0 -310px;
    }

    .warranty .block3 ul li p:first-child {
        font-size: 18px;
        font-family: 'oswald-blod';
    }

    .warranty .block3 ul li p:last-child {
        font-size: 16px;
        font-family: 'urwdin-medium';
    }

}




/*******End LifeTime Warranty********/


/*******FAQs********/

.faqs {
    background: url(../../../wysiwyg/convenpage/hs-FAQs_02.jpg)no-repeat;
    background-size: 120% 100%;
    background-position: -60px 0px;
}

.faqs ul li {
    font-size: 1.125rem;
    background: url(../../../wysiwyg/convenpage/hs-FAQs.jpg)no-repeat;
    padding-left: 110px;
    padding-top: 40px;
    color: #052C45;
    margin-bottom: 20px;
}

.faqs ul li p:first-child {
    text-transform: uppercase;
    font-family: 'oswald-blod';
}

.faqs ul li:nth-child(1) {
    background-position: 0 0;
}

.faqs ul li:nth-child(2) {
    background-position: 0 -100px;
}

.faqs ul li:nth-child(3) {
    background-position: 0 -235px;
}

.faqs ul li:nth-child(4) {
    background-position: 0 -335px;
}

.faqs ul li:nth-child(5) {
    background-position: 0 -470px;
}

.faqs ul li:nth-child(6) {
    background-position: 0 -570px;
}

.faqs ul li:nth-child(7) {
    background-position: 0 -695px;
}

.faqs ul li:nth-child(8) {
    background-position: 0 -795px;
}

@media (max-width: 1023px) {
    .faqs {
        background: unset;
    }
}

@media (max-width: 767px) {
    .faqs ul li {
        font-size: 1rem;
        background: url(../../../wysiwyg/convenpage/hs-FAQs2.jpg)no-repeat;
        padding-left: 35px;
        padding-top: 32px;
        color: #052C45;
        margin-bottom: 20px;
        background-size: 60%;
    }

    .faqs ul li:nth-child(2) {
        background-position: -90px -110px;
    }

    .faqs ul li:nth-child(4) {
        background-position: -90px -345px;
    }

    .faqs ul li:nth-child(6) {
        background-position: -90px -585px;
    }

    .faqs ul li:nth-child(8) {
        background-position: -90px -810px;
    }
}


/*******End FAQs********/




/*******end LIFETIME WARRANTY SUCCESS********/

/********* Terms and Conditions **********/
.terms-and-conditions {
    font-size: 1rem;
    color: #8EA0AA;
}

.terms-and-conditions .policy,
.terms-and-conditions .policy_border {
    font-family: 'oswald-blod';
    font-size: 1.125rem;
    color: #052C45;
    padding: 14px 0;
    margin: 30px 0 15px;
}

.terms-and-conditions .policy_border {
    border-bottom: 1px #f0f0f0 solid;
}

.terms-and-conditions .policy_border:after {
    content: "";
    display: block;
    width: 6px;
    height: 10px;
    background: url(../../../wysiwyg/product/HS-checkout-down.svg)no-repeat center;
    float: right;
    margin-top: 8px;
}

.terms-and-conditions .policy_border.active:after {
    transform: rotateZ(90deg);
}

.terms-and-conditions .policy_border.active+.policy_content {
    display: block;
}

.terms-and-conditions .policy_content {
    display: none;
}

.terms-and-conditions .policy_content p {
    padding: 15px 0;
}

.terms-and-conditions a {
    font-family: 'oswald-blod';
    color: #ff571b;
}

@media (max-width: 1023px) {

    .terms-and-conditions .policy,
    .terms-and-conditions .policy_border {
        margin: 15px 0;
    }

    .terms-and-conditions .policy_content p {
        padding: 10px 0;
    }
}

/********end Terms and Conditions **********/

/********* Privacy Policy **********/
.privacy-policy {
    font-size: 1rem;
    color: #8EA0AA;
}

.privacy-policy .policy {
    font-family: 'oswald-blod';
    font-size: 1.125rem;
    color: #052C45;
    border-bottom: 1px #f0f0f0 solid;
    padding: 14px 0;
    margin: 30px 0 15px;
}

.privacy-policy a {
    font-family: 'oswald-blod';
    color: #ff571b;
}

@media (max-width: 1023px) {
    .privacy-policy .policy {
        margin: 15px 0;
    }
}

/********end Privacy Policy **********/

/********* adventurer **********/
.adventurer {
    color: #052C45;
}

.adventurer .title {
    font-family: 'oswald-blod';
    font-size: 2.5rem;
    color: #052C45;
}

.top-content ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 50px 0 0;
}

.top-content li {
    width: 30%;
    text-align: center;
    margin-bottom: 70px;
}

.top-content li .icon {
    width: 82px;
    height: 94px;
    margin: auto;
    background: url(../../../wysiwyg/convenpage/adventurer1.png)no-repeat center;
}

.top-content li:nth-child(2) .icon {
    background: url(../../../wysiwyg/convenpage/adventurer2.png)no-repeat center;
}

.top-content li:nth-child(3) .icon {
    background: url(../../../wysiwyg/convenpage/adventurer3.png)no-repeat center;
}

.top-content li:nth-child(4) .icon {
    background: url(../../../wysiwyg/convenpage/adventurer4.png)no-repeat center;
}

.top-content li:nth-child(5) .icon {
    background: url(../../../wysiwyg/convenpage/adventurer5.png)no-repeat center;
}

.top-content li:nth-child(6) .icon {
    background: url(../../../wysiwyg/convenpage/adventurer6.png)no-repeat center;
}

.top-content li h1 {
    font-family: 'oswald-blod';
    font-size: 1.5rem;
    color: #052C45;
    margin: 20px 0;
}

.top-content .join_btn {
    display: block;
    margin: auto;
    margin-bottom: 120px;
    width: 166px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-image: url(../../../wysiwyg/homepage/hs-icon-home.svg);
    background-size: 800% 1160%;
    background-position: -696px -315px;
    cursor: pointer;
    font-family: 'oswald-blod';
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25rem;
}

.center-content {
    padding: 50px 0;
    margin: 0 calc((100vw - 1420px)/-2);
    background: #f6f7f8;
}

.center-content .sub-title {
    font-family: 'oswald-blod';
    font-size: 2.5rem;
    color: #052C45;
    text-align: center;
}

.center-content>ul {
    display: flex;
    justify-content: space-between;
    width: 1620px;
    margin: 50px auto;
}

.center-content>ul>li {
    width: 23.5%;
    background: #acb6be;
    border-radius: 10px;
    overflow: hidden;
}

.center-content>ul>li:nth-child(2) {
    background: #bcc1ca;
}

.center-content>ul>li:nth-child(3) {
    background: #f0c46c;
}

.center-content>ul>li:nth-child(4) {
    background: #2c2d41;
    color: #fff;
}

.center-content>ul>li:first-child .level_box {
    color: #fff;
}

.center-content>ul>li .level_box {
    padding: 24px 30px 10px;
}

.center-content>ul>li .level {
    font-family: 'oswald-blod';
    font-size: 1.875rem;
    color: inherit;
    border-bottom: 1px #c7ced3 solid;
    text-transform: uppercase;
    padding: 10px 0;
}

.center-content>ul>li:nth-child(2) .level {
    border-bottom: 1px #7f909e solid;
}

.center-content>ul>li:nth-child(3) .level {
    border-bottom: 1px #a2925f solid;
}

.center-content>ul>li:nth-child(4) .level {
    border-bottom: 1px #9696a0 solid;
}

.center-content>ul>li .level+p {
    margin: 12px 0 16px;
}

.center-content>ul>li .level+p span {
    font-family: 'oswald-blod';
    font-size: 1.375rem;
}

.center-content>ul>li .perks {
    padding: 24px 30px;
    background: #d1d8dd;
    color: #39576b;
    box-shadow: inset 0px 8px 8px -3px #9cadb8;
}

.center-content>ul>li:nth-child(2) .perks {
    background: #d2d5d9;
    box-shadow: inset 0px 8px 8px -3px #abb4c2;
}

.center-content>ul>li:nth-child(3) .perks {
    background: #f7e5ac;
    box-shadow: inset 0px 8px 8px -3px #d0bc89;
}

.center-content>ul>li:nth-child(4) .perks {
    color: #fff;
    background-color: #737593;
    /* 不支持线性的时候显示 */
    background-image: linear-gradient(to bottom right, #737593, #62647b);
    box-shadow: inset 0px 8px 8px -3px #4b4d65;
}

.center-content>ul>li:nth-child(4) .perks p {
    color: #fff;
}

.center-content .perks p {
    font-family: 'oswald-blod';
    font-size: 1.125rem;
    color: #052C45;
}

.center-content .perks li {
    font-family: 'oswald-blod';
    margin: 20px 30px;
    position: relative;
}

.center-content .perks li:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border: 2px solid;
    position: absolute;
    left: -30px;
    top: 2px;
}

.center-content .perks li:not(.not):before {
    content: "";
    display: block;
    width: 18px;
    height: 16px;
    position: absolute;
    background: url(../../../wysiwyg/convenpage/icon-checked.png);
    background-size: 100%;
    left: -28px;
    top: -1px;
}

.center-content>ul>li:nth-child(4) .perks li:not(.not):before {
    background: url(../../../wysiwyg/convenpage/icon-checked-white.png);
}

.center-content .sign_box {
    font-family: 'oswald-blod';
    text-align: center;
}

.center-content .sign_box span {
    padding: 0 10px;
    text-decoration: underline;
    cursor: pointer;
    font-size: 1.25rem;
}

.center-content .sign_box span:hover {
    color: #DA6950;
}

.foot-content {
    margin: 80px 0;
}

.foot-content .sub-title {
    font-family: 'oswald-blod';
    font-size: 2.5rem;
    color: #052C45;
    margin-bottom: 40px
}

.foot-content .faq_item {
    padding: 25px 0;
    border-top: 2px #efefef solid;
}

.foot-content .faq_item:last-of-type {
    border-bottom: 2px #efefef solid;
}

.foot-content .faq_item .title {
    font-family: 'oswald-blod';
    font-size: 1.25rem;
}

.foot-content .faq_item .title:after {
    content: "";
    display: block;
    width: 6px;
    height: 10px;
    background: url(../../../wysiwyg/product/HS-checkout-down.svg)no-repeat center;
    float: right;
    margin-top: 8px;
}

.foot-content .faq_item.active .title:after {
    transform: rotateZ(90deg);
}

.foot-content .faq_item .content {
    display: none;
    color: #516d7e;
    margin-top: 10px;
}

.foot-content .faq_item.active .content {
    display: block;
}

@media (max-width: 1023px) {
    .adventurer>.title {
        font-size: 1.75rem;
        padding-top: 20px;
    }

    .top-content li {
        width: 48%;
    }

    .top-content .join_btn {
        margin-bottom: 30px;
    }

    .center-content .sub-title {
        font-size: 1.25rem;
    }

    .center-content {
        margin: 0;
        padding: 20px 0;
        background: unset;
    }

    .center-content>ul {
        width: 100%;
        display: block;
        overflow: scroll;
        white-space: nowrap;
        margin: 20px 0;
    }

    .center-content>ul>li {
        width: 80%;
        display: inline-block;
    }

    .foot-content {
        margin: 40px 0;
    }

    .foot-content .sub-title {
        font-size: 1.25rem;
        margin-bottom: 20px;
    }

    .foot-content .faq_item {
        padding: 20px 0;
    }

    .foot-content .faq_item .title {
        font-size: 1rem;
        position: relative;
    }

    .foot-content .faq_item .title:after {
        position: absolute;
        right: 0;
        top: 0;
    }
}

/********* end adventurer **********/
/*******Affiliate Program********/
.affiliate-program {
    font-size: 1rem;
    color: #052C45;
}

.affiliate-program .item-flex {
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
}

.affiliate-program .item-flex:first-of-type img {
    margin-left: 50px;
    width: 700px;
}

.affiliate-program .item-flex:last-of-type img {
    margin-right: 130px;
    width: 700px;
}

.affiliate-program .item-flex .text-item h5 {
    font-family: 'oswald-blod';
    font-size: 18px;
    color: #052C45;
    margin: 0;
}

.affiliate-program .item-flex .text-item p {
    padding: 10px 0
}

.affiliate-program .item-flex .text-item ul {
    list-style: inside;
}

.affiliate-program .item-flex .text-item ul li {
    margin: 10px 0
}

.affiliate-program .item-flex .text-item .link {
    font-family: 'oswald-blod';
    font-size: 18px;
    color: #052C45;
}

.affiliate-program .item-flex .text-item .link a {
    font-family: 'oswald-blod';
    text-decoration: underline;
    font-size: 18px;
    color: #052C45;
}

.affiliate-program .item-flex .text-item .join_btn {
    font-family: 'oswald-blod';
    font-size: 1rem;
    border: none;
    border-radius: 0;
    background: #052C45;
    color: #fff;
    width: 300px;
    height: 70px;
    margin-top: 20px;
    display: block;
    text-align: center;
    line-height: 70px;
}

.affiliate-program .item-flex .text-item .join_btn:active {
    background: #061E2D
}

@media (max-width: 1023px) {
    .cms-affiliate-program .page-main {
        padding-top: 68%;
        background: url(../../../wysiwyg/convenpage/affiliate-program1.jpg)no-repeat top;
        background-size: 100%;
    }

    .affiliate-program {
        font-size: 0.875rem;
    }

    .affiliate-program .item-flex {
        display: block;
        margin-bottom: 20px
    }

    .affiliate-program .item-flex .text-item h5 {
        font-size: 1rem;
    }

    .affiliate-program .item-flex img,
    .affiliate-program .item-flex:first-of-type .text-item .link,
    .affiliate-program .item-flex:first-of-type .text-item .join_btn {
        display: none;
    }

    .affiliate-program .item-flex .text-item .link,
    .affiliate-program .item-flex .text-item .link a {
        font-size: 0.875rem;
    }

    .affiliate-program .item-flex .text-item .join_btn {
        font-size: 0.875rem;
        height: 50px;
        line-height: 50px;
        width: 80%;
        display: block;
        margin: 30px auto 0;
    }
}

/******* end Affiliate Program********/
/*******Student Discount & Military Discount********/
.student-discount,
.military-discount,
.medical-professional-discounts,
.first-responder-discounts {
    font-size: 1rem;
    color: #052C45;
}

.top-content {
    margin-left: calc((100vw - 1400px)/-2);
    margin-right: calc((100vw - 1400px)/-2);
    padding-left: calc((100vw - 1230px)/2);
    padding-right: calc((100vw - 1230px)/2);
    padding-top: 80px;
    padding-bottom: 80px;
    background: #F8F8F8;
    display: flex;
    justify-content: space-between;
}

.top-content img {
    width: 700px;
    margin-left: 80px;
    object-fit: contain;
}

.top-content .text-item {
    flex: 1;
}

.top-content .text-item h1 {
    color: #052C45;
    font-family: 'oswald-blod';
    font-size: 44px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.top-content .text-item .bold {
    font-family: 'oswald-blod';
    font-size: 34px;
}

.top-content .text-item p {
    padding: 5px 0;
}

.top-content .text-item .steps {
    font-family: 'oswald-blod';
    text-transform: uppercase;
    font-size: 20px;
    background: #DA6950;
    color: #fff;
    border: none;
    border-radius: 0;
    height: 35px;
    margin: 10px 0;
}

.top-content .text-item .link_btn {
    font-family: 'oswald-blod';
    text-transform: uppercase;
    font-size: 16px;
    background: #052C45;
    color: #fff;
    border: none;
    border-radius: 0;
    height: 70px;
    width: 300px;
    padding: 0;
    margin-top: 15px;
}

.top-content .text-item .link_btn a {
    color: #fff;
    display: block;
    line-height: 70px;
}

.top-content .text-item .link_btn .icon-loading {
    width: 14px;
    height: 14px;
    margin-left: 10px;
    vertical-align: middle;
    animation: loading 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    display: none;
}

@keyframes loading {
    from {
        transform: rotateZ(0deg)
    }

    to {
        transform: rotateZ(180deg)
    }
}

.top-content .text-item form {
    margin-top: 15px
}

.top-content .text-item .fieldset {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0;
}

.top-content .text-item .field {
    width: calc(50% - 10px);
    margin-bottom: 15px;
}

.top-content .text-item .field.email {
    width: 100%;
}

.top-content .text-item .field .file_box {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-top: 10px;
}

.top-content .text-item .field .file_box div.mage-error {
    order: 3;
    width: 100%;
}

.top-content .text-item .field .file_box .file_tips {
    margin-left: 20px;
}

.top-content .text-item .field .file_box .file_tips>div {
    font-family: 'oswald-blod';
    text-decoration: underline;
    cursor: pointer;
}

.top-content .text-item .show_img {
    width: 80px;
    height: 80px;
    margin: 0;
    object-fit: cover;
    display: none;
}

.top-content .text-item input[type='file'] {
    width: 80px;
    height: 80px;
    cursor: pointer;
    position: relative;
}

.top-content .text-item input[type='file']::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../../../wysiwyg/convenpage/updata-file.jpg)no-repeat top;
    background-size: 100%;
}

.quertions {
    max-width: 1230px;
    margin: 50px auto;
}

.quertions h1 {
    color: #052C45;
    font-family: 'oswald-blod';
    font-size: 24px;
    line-height: 50px;
    text-transform: capitalize;
    margin-bottom: 20px;
    border-bottom: 1px #f0f0f0 solid;
    cursor: pointer;
}

.quertions h1::before {
    content: "";
    display: block;
    width: 6px;
    height: 10px;
    background: url(../../../wysiwyg/product/HS-checkout-down.svg)no-repeat center;
    float: right;
    margin-top: 20px;
}

.quertions.active h1::before {
    transform: rotate(90deg)
}

.quertions .item {
    padding: 30px 0 30px 95px;
    position: relative;
}

.quertions .item:before {
    content: attr(data-count);
    /* 显示计数器 */
    position: absolute;
    left: 10px;
    top: 0;
    font-family: 'oswald-blod';
    font-size: 72px;
    overflow: hidden;
    line-height: 80px;
    height: 50px;
    width: 160px;
    padding: 0 20px;
    background: #f5f5f5;
    color: #fff;
    transform: skewX(-20deg);
    z-index: -1;
}

.quertions .item:nth-of-type(2n):before {
    content: attr(data-count);
    /* 显示计数器 */
    top: -12px;
    overflow: initial;
    background: #fff;
    color: #f5f5f5;
    text-align: right;
}

.quertions h5 {
    color: #052C45;
    font-family: 'oswald-blod';
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.quertions ul {
    list-style: inside;
}

.quertions ul li {
    margin: 10px 0;
}

@media (max-width: 1023px) {
    .top-content {
        margin: 0 -15px;
        padding: 0;
        flex-wrap: wrap;
        background: #fff;
        font-size: 14px;
    }

    .top-content img {
        margin: 0;
        order: -1;
        width: calc(100% + 30px);
    }

    .top-content .text-item {
        padding: 0 15px;
        width: 100%;
    }

    .top-content .text-item .field {
        width: 100%;
    }

    .top-content .text-item h1 {
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .top-content .text-item .bold {
        font-size: 16px;
        margin-top: 10px;
    }

    .top-content .text-item .steps {
        font-size: 16px;
    }

    .top-content .text-item .link_btn {
        font-size: 14px;
        height: 50px;
        margin: 40px auto;
        display: block;
        width: 88%;
    }

    .top-content .text-item .link_btn a {
        line-height: 50px;
    }

    .quertions {
        margin: 0;
        font-size: 14px;
    }

    .quertions h1 {
        font-size: 16px;
    }

    .quertions h5 {
        font-size: 14px
    }

    .quertions .item {
        padding: 12px 0 20px 30px;
    }

    .quertions .item:before {
        left: 2px;
        top: 0;
        font-size: 50px;
        overflow: hidden;
        line-height: 50px;
        height: 30px;
        width: 80px;
        padding: 0 20px;
        background: #f5f5f5;
        color: #fff;
        transform: skewX(-20deg);
        z-index: -1;
    }

    .quertions .item:nth-of-type(2n):before {
        top: -10px;
    }

    .quertions ul li {
        margin: 5px 0;
    }
}

/******* end Student Discount********/
/**********Global***********/
@media (max-width: 1023px) {
    .page-title-wrapper {
        display: none;
    }

    .pagetitle {
        padding-top: 20px;
        line-height: 1;
        font-size: 2rem;
    }

    .busi-deve>form .primary button,
    .contoctus>form .primary button,
    .contoctus>form .primary a,
    .hiseapro>form .primary button {
        height: 50px;
    }

    .column.main form {
        margin-top: 30px;
    }

    .column.main form div.name,
    .column.main form div.email {
        margin-bottom: 35px;
    }
}

@media (max-width: 767px) {

    .busi-deve>form .primary,
    .contoctus>form .primary,
    .hiseapro>form .primary {
        margin-top: 30px;
    }

    .busi-deve>form .primary button,
    .contoctus>form .primary button,
    .hiseapro>form .primary button {
        width: 100%;
    }

    .column.main form div.name,
    .column.main form div.email {
        flex: 0 0 100%;
        margin-bottom: 20px
    }
}

/**********End Global***********/
/***********track order*************/
.track_order {
    margin: 50px auto;
}

.track_order h4 {
    font-size: 1.875rem;
    font-family: 'oswald-blod';
    color: #052C45;
    text-align: center;
    padding-bottom: 27px;
    margin-bottom: 20px;
}

.track_order .form_con {
    display: flex;
    justify-content: space-between;
}

.track_order .form_con>div {
    width: calc(50% - 45px);
    border: 1px solid #F0F0F0;
    overflow: hidden;
}

.track_order .form_con>div:hover {
    border-color: #fff;
    box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.1);
}

.track_order .form_con>div:hover .form_title {
    background: #052C45;
    color: #fff;
}

.track_order .form_con>div .form_title {
    background: #F0F0F0;
    color: #052C45;
    text-align: center;
    font-family: 'oswald-blod';
    font-size: 24px;
    line-height: 70px;
}

.track_order .form_con>div form input[type="text"],
.track_order .form_con>div form input[type="password"] {
    height: 50px;
    border-width: 1px;
}

.track_order .form_con>div form .field {
    margin-top: 30px;
}

.track_order .form_con>div form {
    font-family: 'urwdin-medium';
    padding: 30px 58px 50px;
}

.track_order .form_con>div form .field .forgetpassword {
    float: right;
    color: #052C45;
    font-size: 1rem;
    margin-top: 5px;
    cursor: pointer;
}

.track_order .form_con>div form .field .forgetpassword a {
    color: #052C45;
}

.track_order .form_con>div form .field label {
    font-size: 1.125rem;
    margin-bottom: 10px;
    display: inline-block;
    color: #052C45;
}

.track_order .form_con>div form .field label+a {
    float: right;
    text-decoration: underline;
    font-size: 0.875rem;
    color: #424242;
}

.track_order .form_con>div form .field label:not(.forgetpassword):before {
    content: '*';
    color: #f97a7a;
    margin-right: 3px;
}

.track_order .form_con>div.ordernum_email form .form_btn input,
.track_order .form_con>div.awaccount_login form .form_btn button {
    border: none;
    border-radius: 0;
    background-color: #052C45;
    color: #fff;
    padding: 0;
    font-family: 'oswald-blod';
    font-size: 1.25rem;
    width: 58%;
    height: 70px;
    margin: 80px auto 0;
    display: block;
    text-align: center;
    cursor: pointer;
}

.track_order .form_con>div.awaccount_login form .form_btn button:hover,
.track_order .form_con>div.ordernum_email form .form_btn input:hover {
    background-color: rgb(31, 96, 137);
}

.track_order .form_con>div.ordernum_email form .form_btn input:active,
.track_order .form_con>div.awaccount_login form .form_btn button:active {
    background-color: rgb(31, 96, 137);
}

@media (max-width:1023px) {

    /**********track order*********/
    .track_order {
        margin: 40px auto 24px;
    }

    .track_order .form_con {
        flex-wrap: wrap;
    }

    .track_order h4 {
        margin-bottom: 0;
        font-size: 1rem;
    }

    .track_order .form_con>div {
        width: 100%;
        margin-bottom: 50px
    }

    .track_order .form_con>div .form_title {
        font-size: 1rem;
        line-height: 55px;
    }

    .track_order .form_con>div form {
        padding: 24px;
        margin-top: 0;
    }

    .track_order #orderinfo {
        margin: 30px 0;
    }

    .track_order .form_con>div form input[type="text"],
    .track_order .form_con>div form input[type="password"] {
        border: none;
        background: #f0f0f0;
    }

    .track_order .form_con>div form .field {
        margin-top: 20px;
    }

    .track_order .form_con>div form .field label {
        font-size: 0.875rem;
    }

    .track_order .form_con>div.awaccount_login form .form_btn button,
    .track_order .form_con>div.ordernum_email form .form_btn input {
        padding: 0;
        height: 3rem;
        line-height: 3rem;
        width: 100%;
        margin-top: 24px;
        font-size: 0.875rem;
        background: #052C45;
        color: #fff;
    }

    .track_order #orderinfo .order-details-items .table-order-items .item-options .customized+span {
        left: 10px;
        width: 170px;
        height: 200px;
        top: 0;
    }

    .track_order #orderinfo .order-details-items .table-order-items .item-options .customized+span .content>div.showm {
        display: block;
    }

    .track_order #orderinfo .order-details-items .table-order-items .item-options .customized+span .content i,
    .track_order #orderinfo .order-details-items .table-order-items .item-options .customized+span .content:before {
        display: none;
    }

    .track_order #orderinfo .order-details-items .table-order-items .item-options .customized+span .content>a.close {
        margin-top: 5px;
        position: absolute;
        right: 10px;
        bottom: 20px;
    }

    .track_order #orderinfo .order-details-items .table-order-items .item-options .customized+span .content>a.close:before {
        content: '\e939';
    }

    .track_order #orderinfo .order-details-items .table-order-items .item-options .customized+span .content>div {
        flex: 0 0 100%;
        text-align: left;
        padding-left: 10px;
        line-height: 22px;
    }

    .track_order #orderinfo .order-details-items table.total {
        float: unset;
        width: 100%;
    }

    .track_order #orderinfo .order-details-items table.total tr {
        border: 0;
    }

    .track_order #orderinfo .order-details-items table.total tr:nth-child(n+2) {
        line-height: 50px;
    }

    .track_order #orderinfo .order-details-items table.total tr th {
        display: none;
    }

    .track_order #orderinfo .order-details-items table.total tr td {
        justify-content: space-between;
        font-size: 1rem;
        font-family: 'SofiaPro-r';
    }

    .track_order #orderinfo .order-details-items table.total tr td:before {
        font-weight: 500;
    }

    .track_order #orderinfo .order-details-items table.total tr:nth-child(-n+2) td:before {
        color: #888;
    }

    .track_order #orderinfo .order-details-items table.total tr td .price {
        font-size: 1rem;
        font-family: 'SofiaPro-r';
    }

    .track_order #orderinfo .order-details-items table.total tr:last-child .price {
        color: #333;
        font-size: 1.375rem;
    }

    .track_order #orderinfo .order-details-items table.total tr.grand_total td.amount {
        font-size: 1.375rem;
        font-family: 'ButlerRegular';
    }

    .track_order #orderinfo .order-details-items .table-order-items .item-options .customized {
        color: #666666;
        font-size: .75rem;
    }

    .track_order #orderinfo .order-details-items .table-order-items .item-options .customized:after {
        position: absolute;
        color: #666;
        font-family: 'Linearicons';
        cursor: pointer;
        font-size: .75rem;
        font-weight: 600;
        content: '\e939';
        right: -20px;
        top: 1px;
        transform: rotate(180deg);
    }

    /**********end track order*********/
}

/***********end track order*************/

/******************cms-retails *******************************/
@media (min-width:1023px) {

    /* body.cms-retails header.page-header {
        background: url(../../../wysiwyg/convenpage/size-chart-banner-pc.png);
        padding-top: 20%;
        background-size: 100%;
        background-repeat: no-repeat;
        margin-top: 7%;
    } */
    .retails-page .pagetitle {
        margin-bottom: 30px;

    }

    .retails-page .retails-message {
        font-size: 16px;
        color: #052C45;
        line-height: 1.2;
        margin-bottom: 30px;
    }

    .retails-page .retails-content {
        padding: 79px 200px;
        background-color: #F8F8F8;
    }

    .retails-page .retails-content .pagetitle {
        text-align: center;
        line-height: 1.2;
        font-family: 'oswald-blod';
        color: #052C45;
        text-transform: uppercase;
        margin-bottom: 60px;
    }

    .retails-page #retails-form .retails-form-content {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .retails-page #retails-form .required {
        flex: 0 0 calc(50% - 15px);
        margin-bottom: 20px;
    }


    .retails-page #retails-form .field .label-content {
        color: #052C45;
        font-size: 1rem;
        line-height: 1.2;
        margin-bottom: 10px;
    }

    .retails-page #retails-form .field .control input,
    .retails-page #retails-form .field .control textarea {
        border: 1px solid #f0f0f0;
    }

    .retails-page #retails-form .field.message {
        flex: 0 0 100%;
    }

    .retails-page #retails-form .otherchoose {
        flex: 0 0 100%;
        display: flex;
        justify-content: space-between;
        margin: 20px auto;
    }

    .retails-page #retails-form .otherchoose .field .label-content {
        margin-bottom: 20px;
    }

    .retails-page #retails-form .otherchoose input[type=checkbox],
    .retails-page #retails-form .otherchoose input[type=radio] {
        width: 0;
        height: 0;
        display: inherit;
    }

    .retails-page #retails-form .otherchoose .labeltext {
        cursor: pointer;
        position: relative;
        text-indent: 28px;
        display: block;
        line-height: 22px;
    }

    .retails-page #retails-form .otherchoose .labeltext span {
        margin: 0;
        color: #052C45;
    }

    .retails-page #retails-form .otherchoose .labeltext::before {
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        border: 2px #052C45 solid;
        position: absolute;
        top: 4px;
    }

    .retails-page #retails-form .otherchoose input[type=checkbox]:checked+label.labeltext::after,
    .retails-page #retails-form .otherchoose input[type=radio]:checked+label.labeltext::after {
        content: "";
        width: 18px;
        height: 18px;
        position: absolute;
        left: 2px;
        top: 2px;
        background: url(../../../wysiwyg/convenpage/HS-icon-checkmark.svg)no-repeat center;
    }

    .retails-page #retails-form .otherchoose input.other {
        display: inline-block;
        width: 200px;
        height: 20px;
        border: 0;
        border-bottom: 1px #052C45 solid;
        background: #F8F8F8;
    }

    .retails-page #retails-form .actions-toolbar {
        margin: 0 auto;
        text-align: center;
    }

    .retails-page #retails-form .primary {
        margin-top: 25px;
        float: none;
    }

    .retails-page #retails-form .primary .pagebutton {
        width: 298px;
        height: 80px;
        margin: 0 auto;
        text-transform: uppercase;
        font-family: 'oswald-blod' !important;
        background-color: #052C45 !important;
        color: #fff !important;
    }

    .retails-page #retails-form .primary .pagebutton:hover {
        background-color: rgb(31, 96, 137) !important;
    }

    .retails-page #retails-form .primary .pagebutton::after {
        content: "";
        display: none;
        width: 18px;
        height: 18px;
        vertical-align: sub;
        margin-left: 10px;
        background: url(../../../wysiwyg/homepage/icon-loading.png)no-repeat center;
        background-size: 100%;
        animation: loading 1s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    .retails-page #retails-form .primary .pagebutton.loading {
        text-transform: capitalize;
    }

    .retails-page #retails-form .primary .pagebutton.loading::after {
        display: inline-block;
    }

    .success {
        color: #052C45;
        margin-top: 10px;
        display: block;
        text-align: center;
    }

    .error {
        color: #f68872;
        margin-top: 10px;
        display: block;
        text-align: center;
    }

}

@media (max-width:1023px) {
    .retails-page .pagetitle {
        margin-bottom: 30px;
    }

    .retails-page .retails-message {
        font-size: 16px;
        color: #052C45;
        line-height: 1.2;
        margin-bottom: 15px;
    }

    .retails-page .retails-content {
        padding: 30px 15px;
        background-color: #F8F8F8;
    }

    .retails-page .retails-content .pagetitle {
        text-align: center;
        line-height: 1.2;
        font-size: 1.25rem !important;
        color: #052C45;
        font-family: 'oswald-blod';
        margin: 0;
        padding: 0;
    }

    .retails-page .retails-page #retails-form {
        margin-top: 20px !important;
    }

    .retails-page #retails-form .retails-form-content {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .retails-page #retails-form .required {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }

    .retails-page #retails-form .field .label-content {
        color: #052C45;
        font-size: 1rem;
        line-height: 1.2;
        margin-bottom: 10px;
    }

    .retails-page #retails-form .field .control input,
    .retails-page #retails-form .field .control textarea {
        border: 1px solid #f0f0f0;
    }

    .retails-page #retails-form .otherchoose {
        flex: 0 0 100%;
        display: flex;
        justify-content: space-between;
        margin: 10px auto 0;
        flex-wrap: wrap;

    }

    .retails-page #retails-form .otherchoose .field {
        width: 100%;
        margin-bottom: 34px;
    }


    .retails-page #retails-form .otherchoose input[type=checkbox],
    .retails-page #retails-form .otherchoose input[type=radio] {
        width: 0;
        height: 0;
        display: inherit;
    }

    .retails-page #retails-form .otherchoose .labeltext {
        cursor: pointer;
        position: relative;
        text-indent: 28px;
        display: block;
        line-height: 22px;
    }

    .retails-page #retails-form .otherchoose .labeltext span {
        margin: 0;
        color: #052C45;
    }

    .retails-page #retails-form .otherchoose .labeltext::before {
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        border: 2px #052C45 solid;
        position: absolute;
        top: 2px;
    }

    .retails-page #retails-form .otherchoose input[type=checkbox]:checked+label.labeltext::after,
    .retails-page #retails-form .otherchoose input[type=radio]:checked+label.labeltext::after {
        content: "";
        width: 18px;
        height: 18px;
        position: absolute;
        left: 2px;
        top: 0px;
        background: url(../../../wysiwyg/convenpage/HS-icon-checkmark.svg)no-repeat center;
        background-size: 90%;
    }

    .retails-page #retails-form .otherchoose .field .label-content {
        margin-bottom: 20px;
    }

    .retails-page #retails-form .otherchoose input.other {
        display: inline-block;
        width: 200px;
        height: 20px;
        border: 0;
        border-bottom: 1px #052C45 solid;
        background: #F8F8F8;
    }

    .retails-page #retails-form .primary {
        margin-top: 0px;
    }

    .retails-page #retails-form .primary .pagebutton {
        width: 100%;
        height: 46px;
        margin: 0 auto;
        text-transform: uppercase;
        font-family: "oswald-blod" !important;
        background-color: #052C45 !important;
        color: #fff !important;
    }

    .retails-page #retails-form .primary .pagebutton:hover {
        background-color: rgb(31, 96, 137) !important;
    }

    .retails-page #retails-form .primary .pagebutton::after {
        content: "";
        display: none;
        width: 18px;
        height: 18px;
        vertical-align: sub;
        margin-left: 10px;
        background: url(../../../wysiwyg/homepage/icon-loading.png)no-repeat center;
        background-size: 100%;
        animation: loading 1s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    .retails-page #retails-form .primary .pagebutton.loading {
        text-transform: capitalize;
    }

    .retails-page #retails-form .primary .pagebutton.loading::after {
        display: inline-block;
    }

    .success {
        color: #052C45;
        margin-top: 5px;
        display: block;
        text-align: center;

    }

    .error {
        color: #f68872;
        margin-top: 5px;
        display: block;
        text-align: center;
    }
}

/********************cms-retails end ***********************/
/* cms-size-chart */

@media (min-width:1023px) {

    body.cms-size-guide header.page-header {
        background: url(../../../wysiwyg/convenpage/size-chart-banner-pc.png);
        padding-top: 20%;
        background-size: 100%;
        background-repeat: no-repeat;
        margin-top: 7%;
    }

    .cms-size-chart .cms-description-container {
        display: flex;
        justify-content: space-between;
        align-items: end;

    }

    .cms-size-chart .cms-description-container .description-content .page-title {
        font-size: 44px;
        line-height: 1.5;
        font-family: 'oswald-blod';
        margin: 30px 0;
        color: #052C45 !important;
        text-transform: uppercase;

    }

    .cms-size-chart .cms-description-container .description-content .page-files {
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 15px;
        color: #052C45 !important;
    }

    .cms-size-chart .cms-description-container .description-content .page-tips {
        font-size: 16px;
        line-height: 1.2;
        font-family: 'oswald-blod';
        margin-bottom: 15px;
        color: #052C45 !important;
    }

    .cms-size-chart .cms-description-container .description-content .page-details li {
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 20px;
        color: #052C45 !important;
    }

    .cms-size-chart .cms-description-container .description-content .page-details li:last-child {
        margin-bottom: 0;
    }

    .cms-size-chart .cms-table-container {
        margin-bottom: 70px;
    }

    .cms-size-chart .cms-table-container .table-tab {
        margin: 60px 0;
    }

    .cms-size-chart .cms-table-container .table-tab .table-tab-item {
        padding: 25px 31px;
        border: 2px solid #ECECEC;
        background-color: #fff;
        color: #052C45;
        font-size: 18px;
        margin-right: 50px;
        border-radius: 0;
        font-family: 'oswald-blod';
        box-sizing: border-box;
        text-transform: uppercase;
    }

    .cms-size-chart .cms-table-container .table-tab .table-tab-item:hover {
        border: 2px solid #052C45;
        background-color: #052C45;
        color: #fff;
    }

    .cms-size-chart .cms-table-container .table-container {
        margin-bottom: 50px;
    }

    .cms-size-chart .cms-table-container .table-container thead {
        border: 2px solid #052C45;
    }

    .cms-size-chart .cms-table-container .table-container tbody {
        border: 2px solid rgb(240, 240, 240);
    }

    .cms-size-chart .cms-table-container .table-container thead tr.tr-head td {
        font-size: 36px;
        font-family: 'oswald-blod';
        line-height: 1.2;
        color: #FFFFFF;
        padding: 15px 0;
        border-bottom: 1px solid #fff;
        text-transform: uppercase;
    }

    .cms-size-chart .cms-table-container .table-container thead tr.tr-cate td {
        font-size: 18px;
        font-family: 'oswald-blod';
        line-height: 1.2;
        color: #FFFFFF;
        padding: 10px 0;
        border-right: 1px solid #fff;
        text-transform: uppercase;
    }

    .cms-size-chart .cms-table-container .table-container thead tr.tr-cate td:last-child {
        border-right: 1px solid #052C45;
    }

    .cms-size-chart .cms-table-container .table-container tbody tr td {
        font-size: 18px;
        line-height: 1.2;
        color: #052C45;
        padding: 10px 0;
        border-right: 1px solid rgb(240, 240, 240);
        border-bottom-color: snow;
    }

    .cms-size-chart .cms-table-container .table-container tbody tr td:last-child {
        border-right: none;
    }

    .cms-size-chart .cms-table-container .table-tips {
        font-size: 18px;
        line-height: 1.2;
        color: #052C45;
    }

    .cms-size-chart .cms-table-container .table-tips span {
        color: #DA6950;
    }

    .cms-size-chart .cms-Qa-container .Qa-title {
        padding: 10.5px 0;
        font-size: 44px;
        line-height: 1.5;
        color: #052C45;
        font-family: 'oswald-blod';
        border-bottom: 1px solid #F5F5F5;
        margin-bottom: 40px;
        text-transform: uppercase;

    }

    .cms-size-chart .cms-Qa-container ul li {
        font-size: 1rem;
        background: url(../../../wysiwyg/convenpage/hs-FAQs.jpg)no-repeat;
        padding-left: 110px;
        padding-top: 40px;
        color: #052C45;
        margin-bottom: 20px;
    }

    .cms-size-chart .cms-Qa-container ul li p.Qa-q {
        font-family: 'oswald-blod' !important;
        font-size: 20px;
    }

    .cms-size-chart .cms-Qa-container ul li:first-child {
        background-position: 0 10px
    }

    .cms-size-chart .cms-Qa-container ul li:nth-child(2) {
        background-position: 0 -100px;
    }

    .cms-size-chart .cms-Qa-container ul li:last-child {
        background-position: 0 -225px;
    }
}

@media (max-width:1023px) {

    .cms-size-chart .cms-description-container {
        padding: 15px 0;
    }

    .cms-size-chart .cms-description-container .description-content .page-title {
        font-size: 28px;
        line-height: 1.5;
        font-family: 'oswald-blod';
        margin: 0 0 30px;
        color: #052C45 !important;
        text-transform: uppercase;

    }

    .cms-size-chart .cms-description-container .description-content .page-files {
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 15px;
        color: #052C45 !important;
    }

    .cms-size-chart .cms-description-container .description-content .page-tips {
        font-size: 16px;
        line-height: 1.2;
        font-family: 'oswald-blod';
        margin-bottom: 15px;
        color: #052C45 !important;
    }

    .cms-size-chart .cms-description-container .description-content .page-details li {
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 20px;
        color: #052C45 !important;

    }

    .cms-size-chart .cms-description-container .description-content .page-details li:last-child {
        margin-bottom: 0;
    }

    .cms-size-chart .cms-table-container {
        margin-bottom: 35px;
    }

    .cms-size-chart .cms-table-container .table-tab {
        margin: 30px 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .cms-size-chart .cms-table-container .table-tab .table-tab-item {
        padding: 10px;
        border: 2px solid #ECECEC;
        background-color: #fff;
        color: #052C45;
        font-size: 14px;
        border-radius: 0;
        font-family: 'oswald-blod';
        box-sizing: border-box;
        text-transform: uppercase;
        width: 48%;
        margin-bottom: 20px;
    }

    .cms-size-chart .cms-table-container .table-tab .table-tab-item.hover {
        border: 2px solid #052C45;
        background-color: #052C45;
        color: #fff;
    }

    .cms-size-chart .cms-table-container .table-container {
        margin-bottom: 50px;
        display: table;
        width: 100%;
    }

    table thead,
    table tr,
    table th,
    table td,
    table tbody,
    table tfoot {
        display: revert;
    }

    .cms-size-chart .cms-table-container table.table-container td:before {
        content: none !important;
    }

    .cms-size-chart .cms-table-container table.table-container tr {
        padding: 0;
        border: inherit;
    }

    .cms-size-chart .cms-table-container table thead,
    .cms-size-chart .cms-table-container table .table-caption {
        position: relative;
    }

    .cms-size-chart .cms-table-container .table-container thead {
        border: 2px solid #052C45;
    }

    .cms-size-chart .cms-table-container .table-container tbody {
        border: 2px solid rgb(240, 240, 240);
    }

    .cms-size-chart .cms-table-container .table-container thead tr.tr-head td {
        font-size: 28px;
        font-family: 'oswald-blod';
        line-height: 1.2;
        color: #FFFFFF;
        padding: 15px 0;
        border-bottom: 1px solid #fff;
        text-transform: uppercase;
    }

    .cms-size-chart .cms-table-container .table-container thead tr.tr-cate td {
        font-size: 14px;
        font-family: 'oswald-blod';
        line-height: 1.2;
        color: #FFFFFF;
        padding: 10px 0;
        border-right: 1px solid #fff;
        text-transform: uppercase;
    }

    .cms-size-chart .cms-table-container .table-container thead tr.tr-cate td:first-child {
        border-right: none;
    }


    .cms-size-chart .cms-table-container .table-container tbody tr td {
        font-size: 14px;
        line-height: 1.2;
        color: #052C45;
        padding: 10px 0;
        border-right: 1px solid rgb(240, 240, 240);
        /* border-bottom: snow;
        border-top: snow;
        border-left: snow; */
        width: 25%;
    }

    .cms-size-chart .cms-table-container .table-container tbody tr td:first-child {
        border-left: 1px solid rgb(240, 240, 240);
    }

    .cms-size-chart .cms-table-container .table-tips {
        font-size: 14px;
        line-height: 1.2;
        color: #052C45;
    }

    .cms-size-chart .cms-table-container .table-tips span {
        color: #DA6950;
    }

    .cms-size-chart .cms-Qa-container .Qa-title {
        padding: 10.5px 0;
        font-size: 20px;
        line-height: 1.5;
        color: #052C45;
        font-family: 'oswald-blod';
        border-bottom: 1px solid #F5F5F5;
        margin-bottom: 20px;
        text-transform: uppercase;

    }

    .cms-size-chart .cms-Qa-container ul li {
        font-size: 14px;
        padding: 25px 0 0 35px;
        color: #052C45;
        margin-bottom: 20px;
        position: relative;
    }

    .cms-size-chart .cms-Qa-container ul li::before {
        content: '';
        background: url(../../../wysiwyg/convenpage/hs-FAQs.jpg)no-repeat;
        display: block;
        width: 150px;
        height: 40px;
        position: absolute;
        z-index: -1;
        left: 0;
        top: 5px;
        background-size: 100%;
    }

    .cms-size-chart .cms-Qa-container ul li p.Qa-q {
        font-family: 'oswald-blod';
    }

    .cms-size-chart .cms-Qa-container ul li:nth-child(2)::before {
        background-position: -70px -75px;
        left: 40px;
    }

    .cms-size-chart .cms-Qa-container ul li:last-child::before {
        background-position: 0 -155px;
    }
}

/* end cms-size-chart */

.story-list.show-pc {
    padding: 40px 16.5px 0;
    box-sizing: border-box;
}

.story-list.show-pc .story-item {
    margin-bottom: 30px;
}

.story-list.show-pc .story-item:last-child {
    margin-bottom: 0px;
}

.story-list.show-pc .story-item .story-desc-action {
    font-size: 1.25rem;
    color: #052C45;
    margin-bottom: 10px;
    font-family: 'oswald-blod';
}


.story-list.show-pc .story-item .story-image img {
    width: 100%;
    display: block;
}

.story-list.show-pc .story-item .story-desc .story-desc-detail {
    font-size: 1rem;
    line-height: 1.2;
    margin: 10px 0 15px;
    color: #052C45;
    font-family: 'urwdin-medium';
}

.story-list.show-pc .story-item .story-desc a {
    position: relative;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    line-height: 1.2;
    color: #052C45;
    font-family: 'oswald-blod';
}

.story-list.show-pc .story-item .story-desc a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #052C45;
}

.story-list.show-pc {
    width: 1400px;
    margin: 88px auto 0;
}

.story-list.show-pc .story-item {
    display: flex;
    margin-bottom: 80px;
}

.story-list.show-pc .story-item:nth-child(2n) {
    flex-direction: row-reverse;
}

.story-list.show-pc .story-item:last-child {
    margin-bottom: 0px;
}

.story-list.show-pc .story-item .story-image {
    width: 50%;
}

.story-list.show-pc .story-item .story-image img {
    display: block;
    width: 100%;
    height: 100%;
}

.story-list.show-pc .story-item .story-desc {
    position: relative;
    width: 50%;
}

.story-list.show-pc .story-item .story-desc-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 30px 0 40px;
    box-sizing: border-box;
    text-align: left;
}

.story-list.show-pc .story-item .story-desc-content .story-desc-action {
    font-size: 1.9rem;
    line-height: 1.2;
    font-family: 'oswald-blod';
    color: #052C45;
}

.story-list.show-pc .story-item .story-desc-content .story-desc-detail {
    font-size: 1rem;
    line-height: 1.2;
    margin: 15px 0 30px 0;
    color: #052C45;
    font-family: 'urwdin-medium';
}

.story-list.show-pc .story-item .story-desc-content a {
    font-family: 'oswald-blod';
    font-size: 1.25rem;
    line-height: 1.2;
    text-decoration: none;
    position: relative;
    color: #052C45;
}

.story-list.show-pc .story-item .story-desc-content a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #052C45;
}

/***************product tester*******************/

body.cms-product-tester .columns{
    max-width: 100%!important;
}
body.cms-product-tester footer.page-footer{
    margin-top: 0;
}
.producttester img.banner{
    display: block;
    width: 100%;
}
.producttester img.banner_m{
    display: none;
}
.producttester .block1{
    text-align: center;
    margin: 80px 0;
}
/* .producttester .block1>img,
.producttester .block2>img{
    margin-bottom: 15px;
} */
.producttester .block1 h1,
.producttester .block2 h1,
.producttester .block3 h1,
.producttester .block4 h1,
.producttester .block5 h1,
.producttester .block7 h1{
    font-size: 44px;
    font-family: 'oswald-blod';
    color: #052C45;
}
.producttester .block1 h5,
.producttester .block2 h5,
.producttester .block3 h5{
    font-size: 22px;
    color: #052C45;
    margin-top: 10px;
}
.producttester .block1 a{
    display: block;
    width: 300px;
    line-height: 70px;
    margin: 60px auto;
    text-transform: uppercase;
    color: #fff;
    background: #052C45;
    font-size: 18px;
    cursor: pointer;
}
.producttester .block1 p{
    margin-top: 50px;
    font-size: 18px;
    color: #052C45;
    display: none;
}
.producttester .block2{
    text-align: center;
    background: #F8F8F8;
    padding-top: 80px;
}
.producttester .block2 section{
    display: flex;
    justify-content: space-between;
    margin: 75px auto;
    width: 900px;
}

.producttester .block2 section>div{
    width: 400px;
    height: 520px;
    background: #fff;
    cursor: pointer;
    margin-bottom: 100px;
}
.producttester .block2 section>div:hover{
    box-shadow: 0px 1px 29px rgba(0, 0, 0, 0.19);
}
.producttester .block2 section>div .img{
    padding: 46px 91px 5px;
}
.producttester .block2 section>div .name{
    font-size: 20px;
    color: #052C45;
    font-family: 'oswald-blod';
    padding: 15px 30px;
    text-align: left;
    line-height: 25px;
    min-height: 75px;
}
.producttester .block2 section>div .price{
    display: inline-block;
    width: 50%;
    text-align: left;
    padding-left: 30px;
}
.producttester .block2 section>div .price span:first-child{
    color: #052C45;
    font-size: 28px;
    font-family: 'oswald-blod';
    margin-right: 5px;
}
.producttester .block2 section>div .price span:last-child{
    font-size: 14px;
    color: #8EA0AA;
    font-family: 'oswald-blod';
}
.producttester .block2 section>div .price span:last-child:before{
    content:'';
    display: inline-block;
    width: 13px;
    height: 18px;
    background: url(../../../wysiwyg/convenpage/pricelock.svg)no-repeat;
    vertical-align: sub;
    margin-right: 5px;
}
.producttester .block2 section>div .rating{
    display: inline-block;
    width: 49%;
    text-align: right;
    padding-right: 30px;
}

.producttester .block3{
    text-align:center;
    background: #F8F8F8;
    padding: 80px 0 20px;
}
.producttester .block3 section{
    display: flex;
    justify-content: center;
    margin-top: 60px;
}
.producttester .block3 section >div{
    width: 600px;
    background: #DA6950;
    display: flex;
    padding: 50px 70px;
    text-align: left;
    align-items: center;
}
.producttester .block3 section >div img{
    width: 73px;
    height: 73px;
}
.producttester .block3 section >div:first-child{
    margin-right: 30px;
}
.producttester .block3 section >div:last-child{
    margin-left: 30px;
}
.producttester .block3 section >div div{
    margin-left: 30px;
    color: #fff;
}
.producttester .block3 section >div div p:first-child{
    font-size: 24px;
    font-family: 'oswald-blod';
    margin-bottom: 10px;
}
.producttester .block3 >p,
.producttester .block4 >p{
    color: #052C45;
    margin: 60px 0;
    display: inline-block;
}
.producttester .block4{
    text-align: center;
}
.producttester .block4 h1{
    margin: 80px 0 60px;
    text-transform: capitalize;
    display: inline-block;
}
.producttester .block4 section{
    display: grid;
    gap: 60px;
    grid-template-columns: repeat(2,1fr);
    width: 1260px;
    margin: 0 auto;
}
.producttester .block4 section>div{
    background: #F8F8F8;
    height: 366px;
    padding: 77px 50px 0 77px;
}
.producttester .block4 section>div:nth-child(4){
    padding: 50px 20px;
}
.producttester .block4 section>div:nth-child(4) p:nth-child(3){
    color:#052C45;
    margin-bottom: 12px;
}
.producttester .block4 section>div img{
    margin-bottom: 30px;
}
.producttester .block4 section>div p{
    line-height: 1.3;
}
.producttester .block4 section>div p:first-of-type{
    font-size: 24px;
    color: #052C45;
    font-family: 'oswald-blod';
    margin-bottom: 12px;
}
.producttester .block4 section>div p:last-child{
    color:#052C45;
}

.producttester .block5{
    text-align: center;
    background: #F8F8F8;
    padding-bottom: 180px;
}

.producttester .block5 h1{
    text-align: center;
    padding: 80px 60px;
}
.producttester .block5 section{
    width: 1260px;
    margin: 0 auto;
    text-align: left;
} 
.producttester .block5 section>ul{
    color:#052C45;
}
.producttester .block5 section>ul>li{
    padding-left: 95px;
}
.producttester .block5 section>ul>li:not(:nth-child(2)){
    margin-bottom: 40px;
    background: url(../../../wysiwyg/convenpage/hs-FAQs_white.png)no-repeat;
    padding-top: 40px;
}
.producttester .block5 section>ul>li p:first-child{
    font-size: 18px;
    font-family: 'oswald-blod';
    margin-bottom: 10px;
}
.producttester .block5 section>ul>li ul li:first-child{
    background: url(../../../wysiwyg/convenpage/hs-FAQs_white.png)no-repeat;
    padding-top: 40px;
    background-position: -120px -100px;
}
.producttester .block5 section>ul>li ul li:nth-child(3){
    margin-bottom: 30px;
}
.producttester .block5 section>ul>li:nth-child(1){
    background-position: 0 5px;
}
.producttester .block5 section>ul>li:nth-child(3){
    background-position: 0 -190px;
    padding-top: 80px;
}
.producttester .block6 img{
    width: 100%;
}
.producttester .block7{
    background: #F8F8F8;
    text-align: center;
    padding: 80px 0;
}
.producttester .block7 section{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 calc((100% - 1400px) / 2);
    margin-top: 60px;
}
.producttester .block7 section div{
    width: 340px;
    height: 206px;
    border: 1px #DA6950 solid;
    margin-bottom: 15px;
    cursor: pointer;
}
.producttester .block7 section div:hover{
    background: #DA6950;
}
.producttester .block7 section div:hover p:nth-child(1),
.producttester .block7 section div:hover p:nth-child(2),
.producttester .block7 section div:hover p:nth-child(4){
    color: #fff;
}
.producttester .block7 section div:hover p:nth-child(3){
    color: #DA6950;
    background: #fff;
}
.producttester .block7 section div:nth-child(2){
    margin:0 13px 15px; 
}
.producttester .block7 section div:nth-child(3){
    margin-right: 13px; 
}
.producttester .block7 section div:nth-child(6){
    margin:0 13px 15px; 
}
.producttester .block7 section div p:nth-child(1){
    font-size: 44px;
    color: #DA6950;
    font-family: 'oswald-blod';
    margin-top: 12px;
}
.producttester .block7 section div p:nth-child(2),
.producttester .block7 section div p:nth-child(4){
    color: #DA6950;
    font-size: 1.125rem;
}
.producttester .block7 section div p:nth-child(3){
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 10px auto 10px;
    color: #fff;
    background: #DA6950;
    font-size: 20px;
}
.producttester .head-register-form {
    padding: 50px 40px;
    text-align: initial;
    color: #052C45;
    width: 880px;
    display: none;
    transition: all 300ms;
    background: #fff;
    position: relative;
}
.producttester .head-register-form .close-popup{
    width: 22px;
    height: 22px;
    color: #052C45;
    cursor: pointer;
    font-family: 'oswald-blod';
    font-size: 1.7rem;
    line-height: 17px;
    text-align: center;
    border: 2px #052C45 solid;
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 999;
}
.producttester .popup-dialog{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 60px;
    right: 0;
    background: rgba(0, 0, 0, .5);
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    z-index: 1000;
}
.producttester .error{
    text-align: left;
}
.producttester form label.error{
    color: #f68872 !important;
    margin-top: 5px !important;
    font-size: 0.875rem !important;
    font-style: italic;
}
.producttester .popup-dialog.active{
    visibility: visible;
    opacity: 1;
}
.producttester .head-register-form.active {
    display: block;
}

.producttester .head-register-form input,
.producttester .head-register-form select {
    color: #052C45;
    border-width: 1px;
    background-color: #FFFFFF;
}

.producttester .head-register-form input:focus,
.producttester .head-register-form select:focus {
    border-color: #eaeaea;
}

.producttester .head-register-form input::placeholder {
    color: rgb(162, 162, 162) !important;
}

.producttester .head-register-form .register-title {
    font-size: 2rem;
    font-family: 'oswald-blod';
    margin-bottom: 10px;
    text-align: center;
}

.producttester .head-register-form .form-create-account {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.producttester .head-register-form .form-create-account>div {
    width: 48.5%;
    margin-bottom: 20px;
    position: relative;
}

.producttester .head-register-form .form-create-account div.head_form_message {
    width: 100% !important;
}

.producttester .head-register-form .form-create-account div.head_form_message a {
    color: #e02b27 !important;
    text-decoration: underline !important;
}


.producttester .head-register-form .form-create-account>div:last-of-type {
    margin-bottom: 0;
}

.producttester .head-register-form .form-create-account .field .control {
    position: relative;
}

.producttester .head-register-form .form-create-account .field .control .ui-datepicker-trigger {
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    border: none;
    background: #fff url("../../../wysiwyg/product/icon-date.png")no-repeat center;
    min-width: 50px;
    background-size: 50%;
}

.producttester .head-register-form .form-create-account .field .control .ui-datepicker-trigger span {
    display: none;
}

/* .producttester .head-register-form .form-create-account .field.email, */
.producttester .head-register-form .form-create-account .mgs-gdpr-checkbox,
.producttester .head-register-form .form-create-account .perks,
.producttester .head-register-form .form-create-account .actions-toolbar {
    width: 100%;
}

.producttester .head-register-form .form-create-account .mgs-gdpr-checkbox label {
    display: inline;
}

.producttester .head-register-form .form-create-account .newsletter,
.producttester .head-register-form .form-create-account .mgs-gdpr-checkbox {
    display: none;
}

.producttester .head-register-form .form-create-account .gender-options {
    display: none;
    width: 100%;
    position: absolute;
    border: 1px #052C45 solid;
    background: #fff;
    z-index: 1;
}

.producttester .head-register-form .form-create-account .gender-options.open {
    display: block;
}

.producttester .head-register-form .form-create-account .gender-options li {
    padding: 5px 20px;
    cursor: pointer;
}

.producttester .head-register-form .form-create-account .gender-options li:hover {
    background: #052C45;
    color: #fff;
}

.producttester .head-register-form .form-create-account .icon-eyes {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 0;
    right: 0;
    background: url("../../../wysiwyg/homepage/icon-eye-no.png")no-repeat center;
    background-size: 40%;
    z-index: 10;
    cursor: pointer;
    display: none;
}

.producttester .head-register-form .form-create-account .icon-eyes.active {
    display: block;
}

.producttester .head-register-form .form-create-account .icon-eyes.open {
    background: url("../../../wysiwyg/homepage/icon-eye.png")no-repeat center;
    background-size: 40%;
}

.producttester .head-register-form .actions-toolbar .primary {
    width: 100%;
}

.producttester .head-register-form .actions-toolbar .action.submit {
    color: #fff !important;
    font-family: 'oswald-blod';
    font-size: 1.125rem;
    height: 60px;
    width: 100%;
}
.producttester .head-register-form .actions-toolbar .action.submit .icon-loading {
    width: 20px;
    height: 20px;
    vertical-align: sub;
    margin-left: 10px;
    animation: loading 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    display: none;
}

@keyframes loading {
    from {
        transform: rotateZ(0deg)
    }

    to {
        transform: rotateZ(180deg)
    }
}

.producttester .head-register-form .actions-toolbar .login {
    text-align: center;
}

.producttester .head-register-form .actions-toolbar .login_action {
    font-family: 'oswald-blod';
    text-decoration: underline;
    cursor: pointer;
    margin-left: 10px;
}

.producttester .head-register-form .form-create-account .perks {
    padding: 20px;
    background: #f7f7f7;
    position: relative;
}

.producttester .head-register-form .form-create-account .perks .title {
    font-family: 'oswald-blod';
    font-size: 1.125rem;
}

.producttester .head-register-form .form-create-account .perks li {
    margin: 5px 0;
    padding-left: 30px;
    position: relative;
}

.producttester .head-register-form .form-create-account .perks .more {
    position: absolute;
    right: 20px;
    top: 24px;
    color: #3d5965;
    font-family: 'oswald-blod';
    text-decoration: underline;
}

.producttester .head-register-form .form-create-account .perks .more:hover {
    color: #052C45;
}
@media (max-width:1023px) {
    .producttester{
        margin-top: 15px;
    }
    .producttester img.banner{
        display: none;
    }
    .producttester img.banner_m{
        display: block;
        width: 100%;
    }
    .producttester .block1{
        margin: 40px 0;
    }
    /* .producttester .block1>img, 
    .producttester .block2>img{
        width: 60px;
        margin: 0;
    } */
    .producttester .block1 h1, 
    .producttester .block2 h1, 
    .producttester .block3 h1, 
    .producttester .block4 h1, 
    .producttester .block5 h1,
    .producttester .block7 h1{
        font-size: 20px;
        margin: 0;
        margin-bottom: 10px;
    }
    .producttester .block1 h5, 
    .producttester .block2 h5, 
    .producttester .block3 h5{
        font-size: 16px;
        margin: 0;
        line-height: 1;
    }
    .producttester .block1 a{
        width: 260px;
        line-height: 45px;
        font-size: 16px;
        margin-top: 30px;
    }
    .producttester .block2{
        padding-top: 40px;
    }
    .producttester .block2 section{
        width: 100%;
        padding: 0 10px 1px 10px;
        margin: 45px auto;
        display: block;
    }
    .producttester .block2 section>div{
        width: 100%;
        height:auto;
        margin-bottom: 20px;
    }
    .producttester .block2 section>div .img{
        width: 100%;
        padding:10px;
    }
    .producttester .block2 section>div .name{
        font-size: 16px;
        padding: 0 10px 10px;
        line-height: 1.2;
        min-height: unset;
    }
    .producttester .block2 section>div .price span:first-child{
        font-size: 20px;
    }
    .producttester .block2 section>div .price{
        padding: 0;
        width: 100%;
        padding-left: 10px;
    }
    .producttester .block2 section>div .rating{
        width: 100%;
        padding-left: 10px;
        padding-right: unset;
        text-align: left;
    }
    .producttester .block2 section>div .rating img{
        width: 102px;
        margin-top: 5px;
    }
    .producttester .block3{
        padding: 40px 0 20px;
    }
    .producttester .block3 section{
        flex-wrap: wrap;
        margin-top: 40px;
    }
    .producttester .block3 section >div{
        width: 100%;
        flex: 0 0 100%;
        margin: 0;
        padding: 15px 30px;
    }
    .producttester .block3 section >div img{
        width: 45px;
        height: 45px;
    }
    .producttester .block3 section >div div{
        margin-left: 15px;
    }
    .producttester .block3 section >div:first-child{
        margin: 0 0 20px;
    }
    .producttester .block3 section >div:last-child{
        margin: 0;
    }
    .producttester .block3 section >div div p:first-child{
        font-size: 18px;
        margin-bottom: 5px;
    }
    .producttester .block3 section >div div p:last-child{
        font-size: 14px;
        line-height: 1;
    }
    .producttester .block3 >p, 
    .producttester .block4 >p{
        margin: 30px 0;
        padding: 0 15px;
    }
    .producttester .block4 h1{
        margin-top: 45px;
    }
    .producttester .block4 section{
        width: 100%;
        gap: 20px;
        padding: 20px 0;
        grid-template-columns: repeat(1,1fr);
    }
    .producttester .block4 section>div{
        padding: 0 15px;
    }
    .producttester .block4 section>div img{
        width: 60px;
        margin: 80px 0 10px;
    }
    .producttester .block4 section>div p:first-of-type{
        font-size: 20px;
    }
    .producttester .block4 section>div:nth-child(4){
        padding: 0 15px;
    }
    .producttester .block4 section>div:nth-child(4) img{
        margin-top: 50px;
    }
    .producttester .block5{
        padding-bottom: 80px;
    }
    .producttester .block5 h1{
        padding: 40px 0;
    }
    .producttester .block5 section{
        width: 100%;
    }
    .producttester .block5 section>ul>li p:not(:first-child){
        background:#F8F8F8;
    }
    .producttester .block5 section>ul>li:not(:nth-child(2)){
        background: url(../../../wysiwyg/convenpage/hs-FAQs2_white.png)no-repeat;
        padding-top: 30px;
        background-size: 60%;
        margin-bottom: 5px;
    }
    .producttester .block5 section>ul>li {
        padding-left: 35px;
    }
    .producttester .block5 section>ul>li ul li:first-child{
        background: url(../../../wysiwyg/convenpage/hs-FAQs2_white.png)no-repeat;
        background-position: -100px -85px;
        background-size: 60%;
    }
    .producttester .block5 section>ul>li:nth-child(3){
        background-position: 0 -220px;
        padding-top: 55px;
    }
    .producttester .block7{
        padding: 40px 0 0;
    }
    .producttester .block7 section{
        margin-top: 30px;
    }
    .producttester .block7 section div{
        height: 145px;
    }
    .producttester .block7 section div p:nth-child(1){
        font-size: 1.125rem;
    }
    .producttester .block7 section div p:nth-child(2), 
    .producttester .block7 section div p:nth-child(4) {
        font-size: 0.875rem;
    }
    .producttester .block7 section div p:nth-child(3){
        width: 135px;
        line-height: 30px;
        height: 30px;
        font-size: 0.875rem;
    }
    .producttester .block7 section div:nth-child(2),
    .producttester .block7 section div:nth-child(3),
    .producttester .block7 section div:nth-child(6){
        margin: 0 0 15px!important;
    }
    .producttester .head-register-form{
        width: 91%;
        padding: 10px 10px 20px;
        height: 80vh;
        overflow-y: auto;
    }
    .producttester .head-register-form .register-title{
        font-size: 30px;
    }
    .producttester .head-register-form .form-create-account>div{
        flex: 0 0 100%;
    }
    .producttester .head-register-form .form-create-account .field-name-firstname, 
    .producttester .head-register-form .form-create-account .field-name-lastname {
        width: 49%;
        flex: 0 0 49%;
    }
    .producttester .head-register-form .form-create-account .perks li{
        padding-left: 20px;
    }
    .producttester .head-register-form input, 
    .producttester .head-register-form select {
        height: 40px;
        font-size: 0.875rem;
    }
    .producttester .head-register-form .form-create-account .perks .title{
        font-size: 18px;
    }
    .producttester .head-register-form .actions-toolbar .action.submit{
        height: 50px;
    }
}
/*******************keep dry&warm********************/
body.cms-keep-dry-and-warm .page-main .columns{
    max-width: 100%;
}
.keep-dryandwarm{
    color:#052C45;
}
.keep-dryandwarm header img{
    width: 100%;
    display: block;
}
.keep-dryandwarm .block1{
    margin-top: 80px;
    text-align: center;
}
.keep-dryandwarm .block1 h1{
    font-size: 44px;
    font-family: 'oswald-blod';
    text-transform: uppercase;
    margin-bottom: 25px;
    color: #052C45;
}
.keep-dryandwarm .block1 span{
    display: block;
}
.keep-dryandwarm .block1 iframe{
    width: 100%;
    height: 35vw;
    margin-top: 50px;
}
.keep-dryandwarm .block2{
    margin: 80px auto;
    display: flex;
    flex-wrap: wrap;
    width: 1400px;
}
.keep-dryandwarm .block2 section{
    flex: 0 0 50%;
    background: #DA6950;
    color: #fff;
}
.keep-dryandwarm .block2 section img{
    display: block;
}
.keep-dryandwarm .block2 section:nth-child(1),
.keep-dryandwarm .block2 section:nth-child(4){
    padding: 260px 30px 0 40px;
}
.keep-dryandwarm .block2 section:nth-child(1) h1,
.keep-dryandwarm .block2 section:nth-child(4) h1{
    color: #fff;
    font-size: 30px;
    font-family: 'oswald-blod';
    text-transform: uppercase;
    margin-bottom: 10px;
}
.keep-dryandwarm .block2 section:nth-child(1) a,
.keep-dryandwarm .block2 section:nth-child(4) a{
    display: block;
    margin-top: 50px;
    color: #fff;
    text-decoration: underline;
    font-size: 20px;
    font-family: 'oswald-blod';
    cursor: pointer;
}
.keep-dryandwarm .block3{
    width: 1400px;
    margin: 0 auto;
    text-align: center;
}
.keep-dryandwarm .block3 h1{
    text-transform: uppercase;
    font-size: 44px;
    font-family: 'oswald-blod';
    color: #052C45;
}
.keep-dryandwarm .block3>section{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 10px;
    grid-row-gap: 30px;
    margin-top: 50px;
}
.keep-dryandwarm .block3>section section{
    padding: 30px;
    text-align: left;
    position: relative;
}
.keep-dryandwarm .block3>section section:hover{
    background: #F8F8F8;
}
.keep-dryandwarm .block3>section section h5{
    font-size: 20px;
    color: #052C45;
}
.keep-dryandwarm .block3>section section img{
    margin-top: 5px;
}
.keep-dryandwarm .block3>section section span{
    display: block;
    margin: 30px 0 50px;
    line-height: 1.2;
    height: 150px;
}
.keep-dryandwarm .block3>section section span em{
    font-weight: 600;
    letter-spacing: .3px;
}
.keep-dryandwarm .block3>section section span i {
    border-bottom: 2px #052C45 solid;
}
.keep-dryandwarm .block3>section section a{
    position: absolute;
    left: 30px;
    bottom: 30px;
    color: #052C45;
    border-bottom: 2px #052C45 solid;
    line-height: 1.2;
    cursor: pointer;
}
.keep-dryandwarm .block3>section section a:hover{
    color: #f68872;
    border-bottom-color: #f68872;
}
.keep-dryandwarm .block4{
    background: url(../../../wysiwyg/convenpage/WaterproofBoots.webp) no-repeat;
    background-size: 100%;
    padding-bottom: 14.6%;
    margin-top: 80px;
}
.keep-dryandwarm .block4 section{
    padding-top: 16.5%;
    text-align: center;
}
@media (max-width:1920px) {
    .keep-dryandwarm .block4{
        padding-bottom: 13.6%;
    }
    .keep-dryandwarm .block4 section{
        padding-top: 14%;
    }
}
.keep-dryandwarm .block4 section h1{
    font-size: 44px;
    color: #fff;
    font-family: 'oswald-blod';
}
.keep-dryandwarm .block4 section h6{
    margin: 20px 0 80px;
    font-size: 24px;
    color: #fff;
    font-family: 'Rajdhani-Bold';
}
.keep-dryandwarm .block4 section a{
    width: 180px;
    height: 65px;
    line-height: 65px;
    background: #fff;
    display: inline-block;
    color: #052C45;
    text-transform: uppercase;
    font-family: 'oswald-blod';
}
.keep-dryandwarm .block4 section a:hover{
    background: #052C45;
    color: #fff;
}
.keep-dryandwarm .block4 section a:nth-child(4){
    margin: 0 80px;
}

.keep-dryandwarm .block5{
    width: 1400px;
    margin: 80px auto 0;
    text-align: center;
}

.keep-dryandwarm .block5 h1{
    font-size: 44px;
    color: #052C45;
    font-family: 'oswald-blod';
    text-transform: uppercase;
    margin-bottom: 50px;
}
.keep-dryandwarm .block5 section{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-column-gap: 40px;
    grid-row-gap: 30px;
}
@media (max-width:1023px) {
    body.cms-keep-dry-and-warm main.page-main,
    .keep-dryandwarm header{
        padding: 0;
    }
    .keep-dryandwarm .block1{
        margin-top: 30px;
    }
    .keep-dryandwarm .block1 h1{
        font-size: 20px;
        text-align: left;
        padding: 0 15px;
        margin-bottom: 5px;
    }
    .keep-dryandwarm .block1 span{
        display: block;
        padding: 0 15px;
        text-align: left;
        font-size: 13px;
    }
    .keep-dryandwarm .block1 iframe{
        height: 55vw;
        margin-top: 20px;
    }
    .keep-dryandwarm .block2{
        margin: 30px auto;
        width: 100%;
    }
    .keep-dryandwarm .block2 section,
    .keep-dryandwarm .block2 section:nth-child(1){
        flex: 0 0 100%;
        padding: 0;
    }
    .keep-dryandwarm .block2 section:nth-child(2),
    .keep-dryandwarm .block2 section:nth-child(4){
        padding: 30px 36px 0 40px;
        height: 190px;
    }
    .keep-dryandwarm .block2 section:nth-child(2) h1,
    .keep-dryandwarm .block2 section:nth-child(4) h1{
        font-size: 20px;
        color: #fff;
        font-family: 'oswald-blod';
        text-transform: uppercase;
        margin-bottom: 5px;
    }
    .keep-dryandwarm .block2 section:nth-child(2) span,
    .keep-dryandwarm .block2 section:nth-child(4) span{
        font-size: 13px;
        display: block;
        line-height: 1.2;
    }
    .keep-dryandwarm .block2 section:nth-child(2) a,
    .keep-dryandwarm .block2 section:nth-child(4) a{
        display: block;
        margin-top: 30px;
        color: #fff;
        text-decoration: underline;
        font-size: 13px;
        font-family: 'oswald-blod';
    }
    .keep-dryandwarm .block3{
        width: 100%;
        padding: 0 15px;
    }
    .keep-dryandwarm .block3 h1{
        font-size: 20px;
    }
    .keep-dryandwarm .block3>section{
        margin-top: 20px;
        display: block;
    }
    .keep-dryandwarm .block3>section .owl-stage-outer{
        overflow: hidden;
    }
    .keep-dryandwarm .block3>section .owl-stage-outer .owl-stage{
        display: flex;
    }
    .keep-dryandwarm .block3>section .owl-stage-outer .owl-stage .owl-item section{
        background:#F0F0F0;
        margin-bottom: 15px;
        padding: 20px 12px;
    }
    .keep-dryandwarm .block3>section .owl-stage-outer .owl-stage .owl-item section h5{
        font-size: 1rem;
        margin-bottom: 0;
    }
    .keep-dryandwarm .block3>section .owl-stage-outer .owl-stage .owl-item section span{
        height: 130px;
        font-size: 13px;
        margin: 20px 0;
    }
    .keep-dryandwarm .block3>section .owl-stage-outer .owl-stage .owl-item section span i{
        border-bottom-width: 1px;
    }
    .keep-dryandwarm .block3>section .owl-stage-outer .owl-stage .owl-item section a{
        font-size: 13px;
        left: 12px;
        border-bottom-width: 1px;
    }
    .keep-dryandwarm .block3>section .owl-nav.disabled {
        display: none;
    }
    .keep-dryandwarm .block3>section .owl-dots button{
        border: 0;
        background: unset;
        position: relative;
    }
    .keep-dryandwarm .block3>section .owl-dots button::before{
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #CCCCCC;
    }
    .keep-dryandwarm .block3>section .owl-dots button.active::before{
        background:#757575;
    }
    .keep-dryandwarm .block3>section .owl-dots button.active::after {
        width: 15px;
        height: 15px;
        display: block;
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background: #f0f0f0;
        border-radius: 50%;
        z-index: -1;
    }
    .keep-dryandwarm .block4{
        margin-top: 30px;
        padding-bottom: 0;
        background: unset;
    }
    .keep-dryandwarm .block4 section{
        padding-top: 0;
    }
    .keep-dryandwarm .block4 section img{
        width: 100%;
    }
    .keep-dryandwarm .block4 section h1{
        font-size: 18px;
        margin: 20px 0 5px 0;
        color: #052C45;
    }
    .keep-dryandwarm .block4 section h6{
        margin: 0 0 15px 0;
        font-size: 13px;
        color: #052C45;
    }
    .keep-dryandwarm .block4 section a{
        width: calc(100% - 30px);
        padding: 0 15px;
        margin: 0 0 15px!important;
        background: #052C45;
        color: #fff;
        height: 45px;
        line-height: 45px;
    }
    .keep-dryandwarm .block5{
        width: 100%;
        margin-top: 15px;
        padding: 0 15px;
    }
    .keep-dryandwarm .block5 h1{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .keep-dryandwarm .block5 section{
        grid-template-columns: repeat(3,1fr);
        grid-gap: 10px;
    }

}
/*******************end keep dry&warm********************/


/******************Product Tester*******************/
body.cms-product-testers .page-main .columns{
    width: 100%;
    max-width: 100%;
}
body.cms-product-testers footer.page-footer{
    margin-top: 0!important;
}
.producttesters>img{
    width: 100%;
    display: block;
}
.producttesters header{
    border: 0;
}
.producttesters header h2{
    font-size:28px;
    color:#052C45;
    text-align: center;
    margin-top: 50px;
    font-family: 'urwdin-medium';
}
.producttesters header ul{
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
.producttesters header ul li:nth-child(2){
    margin: 0 80px;
}
.producttesters header ul li a{
    align-items: center;
    height: 100%;
    display: flex;
    font-size: 18px;
}
.producttesters header ul li a img{
    margin-right: 10px;
}

.producttesters .firstday{
    margin-top: 50px;
    background: #F8F8F8;
    padding-bottom: 85px;
}
.producttesters .secondday{
    margin-top: 50px;
    padding-bottom: 85px;
}
.producttesters .firstday h1,
.producttesters .secondday h1{
    font-family: 'oswald-blod';
    padding-top: 70px;
    text-align: center;
    font-size: 44px;
}
.producttesters .firstday h1 span,
.producttesters .secondday h1 span{
    font-size: 22px;
    vertical-align: text-top;
}
.producttesters .firstday img,
.producttesters .secondday img{
    margin: 30px auto 40px;
    display: block;
}
.producttesters .firstday h2,
.producttesters .secondday h2{
    text-align: center;
    color: #052C45;
    font-size: 22px;
    font-family: 'oswald-blod';
}
.producttesters .firstdaylist,
.producttesters .seconddaylist{
    display: flex;
    justify-content: space-between;
    max-width: 1400px;
    margin: 22px auto;
    font-size: 14px;
    color: #052C45;
}
.producttesters .firstdaylist ul:first-child{
    background: url('../../../wysiwyg/convenpage/list1.png') no-repeat;
    background-position: 100% 100%;
}
.producttesters .seconddaylist ul:first-child{
    background: url('../../../wysiwyg/convenpage/list1.jpg') no-repeat;
    background-position: 100% 100%;
    
}
.producttesters .firstdaylist ul:nth-child(2){
    background: url('../../../wysiwyg/convenpage/list2.png') no-repeat;
    background-position: 100% 0;
}
.producttesters .seconddaylist ul:nth-child(2){
    background: url('../../../wysiwyg/convenpage/list2.jpg') no-repeat;
    background-position: 100% 0;
}
.producttesters .firstdaylist ul:nth-child(3){
    background: url('../../../wysiwyg/convenpage/list3.png') no-repeat;
    background-position: 100% 100%;
}
.producttesters .seconddaylist ul:nth-child(3){
    background: url('../../../wysiwyg/convenpage/list3.jpg') no-repeat;
    background-position: 100% 100%;
}
.producttesters .firstdaylist ul:nth-child(4){
    background: url('../../../wysiwyg/convenpage/list4.png') no-repeat;
    background-position: 100% 0;
}
.producttesters .seconddaylist ul:nth-child(4){
    background: url('../../../wysiwyg/convenpage/list4.jpg') no-repeat;
    background-position: 100% 0;
}
.producttesters .firstdaylist ul:nth-child(5){
    background: url('../../../wysiwyg/convenpage/list5.png') no-repeat;
    background-position: 100% 100%;
}
.producttesters .seconddaylist ul:nth-child(5){
    background: url('../../../wysiwyg/convenpage/list5.jpg') no-repeat;
    background-position: 100% 100%;
}
.producttesters .firstdaylist ul li,
.producttesters .seconddaylist ul li{
    margin-bottom: 5px;
}
.producttesters .thirdday img{
    display: block;
    width: 100%;
}
.producttesters .footer h1{
    font-family: 'oswald-blod';
    padding-top: 70px;
    text-align: center;
    font-size: 44px;
    color: #052C45;
}
.producttesters .footer>div{
    max-width: 1400px;
    margin: 35px auto 112px;
    display: flex;
    justify-content: space-between;
}
.producttesters .footer>img{
    width: 100%;
    display: block;
}
@media (max-width:1023px){
    body.cms-product-testers .page-main{
        padding: 0!important;
    }
    .producttesters header{
        background: #F8F8F8;
        padding-bottom: 25px;
    }
    .producttesters header h2{
        font-size: 22px;
        padding-top: 30px;
        line-height: 1;
        margin: 0;
    }
    .producttesters header ul li a{
        flex-wrap: wrap;
        justify-content: center;
        font-size: 14px;
    }
    .producttesters header ul li:nth-child(2){
        margin: 0;
    }
    .producttesters header ul li a img{
        margin: 0 0 5px;
        width: 30px;
    }
    .producttesters header ul li:nth-child(2) a img{
        width: 48px;
        margin-bottom: 10px;
    }
    .producttesters .firstday{
        margin-top: 0;
        background: #fff;
        padding-bottom: 0;
    }
    .producttesters .firstday h2,
    .producttesters .secondday h2{
        background: #F8F8F8;
        margin: 0;
        padding-bottom: 1.2rem;
        padding-top: 20px;
    }
    .producttesters .secondday{
        margin-top: 0;
        padding-bottom: 60px;
    }
    .producttesters .firstday h1, 
    .producttesters .secondday h1{
        padding-top: 30px;
        font-size: 28px;
    }
    .producttesters .firstday h1 span, 
    .producttesters .secondday h1 span{
        font-size: 14px;
    }
    .producttesters .firstday img, 
    .producttesters .secondday img{
        width: 100%;
        margin: 20px auto 0;
    }
    .producttesters .firstdaylist, 
    .producttesters .seconddaylist{
        display: block;
        padding: 0 15px;
        padding-bottom: 5px;
        font-size: 12px;
        margin-bottom: 0;
        margin: 0;
        background: #F8F8F8 url(../../../wysiwyg/convenpage/listno_m.png) no-repeat;
        background-position: 90% 0;
    }
    .producttesters .firstdaylist ul, 
    .producttesters .seconddaylist ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 20px;
        background: unset!important;
    }
    .producttesters .firstdaylist ul li, 
    .producttesters .seconddaylist ul li{
        flex-basis: calc(50% - 10px);
        text-align: left;
        margin-bottom: 7px;
    }
    .producttesters .footer h1{
        font-size: 28px;
        padding-top: 50px;
        margin-bottom: 0;
    }
    .producttesters .footer>div{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin: 20px auto 50px;
    }
    .producttesters .footer>div img:first-child{
        margin-bottom: 10px;
    }
    .producttesters .footer>div img{
        width: 100%;
        display: block;
    }
}
/******************End Product Tester*******************/