﻿#dH1 {
    position: absolute;
    margin-left: -2000px;
}

#sld {
    width: 100%;
}

#sldCen {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: calc(1230px + 300px);
    margin: 0 auto;
    padding: 25px 0 0 165px;
    box-sizing: border-box;
    transition: ease .3s;
}

.sldImgCon {
    width: 55%;
    overflow: hidden;
    transition: ease .3s;
}

.sldImg {
    display: block;
    height: 100%;
    transition: ease .3s;
}

.sldTxCon {
    width: 40%;
    padding: 0 70px 40px 0;
    box-sizing: border-box;
    transition: ease .3s;
}

.sldAltBs {
    margin-bottom: 8px;
    font-family: HelveticaNeueLTProBd;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.2;
    color: #0075c9;
}

.sldBs {
    margin: 10px 0;
    font-family: HelveticaNeueLTProBd;
    font-size: 54px;
    line-height: 1.2;
    color: #333e48;
}

.sldTx {
    margin-bottom: 24px;
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    line-height: 1.5;
    color: #333e48;
}

.sldBtnCon {
    display: flex;
    align-items: center;
}

.sldClrBtn {
    display: flex;
    align-items: center;
    margin-right: 10px;
    padding: 15px 24px;
    border-radius: 4px;
    background-color: #0075c9;
    cursor: pointer;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    letter-spacing: .25px;
    color: #fff;
}

.sldClrBtnIcn {
    height: 7px;
    margin-right: 10px;
    transition: ease .3s;
}

.sldClrBtn:hover .sldClrBtnIcn {
    height: 7px;
    margin: 0 5px 0 5px;
    transition: ease .3s;
}

.sldBtn {
    display: flex;
    align-items: center;
    padding: 15px 24px;
    border: 1px solid #d7dde4;
    border-radius: 4px;
    background-color: #fff;
    transition: ease .3s;
    cursor: pointer;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    letter-spacing: .25px;
    color: #575e71;
}

    .sldBtn:hover {
        transition: ease .3s;
        opacity: .8;
    }

.sldSmlInf {
    display: flex;
    align-items: center;
    margin-top: 8px;
    font-family: HelveticaNeueLTProTh;
    font-size: 12px;
    color: #333e48;
}

.sldSmlInfIcn {
    height: 19px;
    margin-right: 5px;
}


.sldSmlBt {
    width: 100%;
    padding: 25px 0;
    background-color: #f3f5f7;
}

.sldSmlBtCen {
    display: flex;
    align-items: center;
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

    .sldSmlBtCen span {
        margin-left: 5px;
        color: #0075c9;
    }

    .sldSmlBtCen img {
        margin-right: 10px;
        height: 25px;
    }

.sldSmlBtTx a {
    color: #0075c9;
}

    .sldSmlBtTx a:hover {
        border-bottom: 1px solid #0075c9;
    }


.sldSmlBtTx {
    font-family: HelveticaNeueLTProLt;
    font-size: 14px;
    color: #666e75;
}

.sldBt {
    display: flex;
    align-items: center;
    max-width: 1230px;
    margin: 0 auto;
    padding: 120px 15px;
    box-sizing: border-box;
}

.sldBtImg {
    width: 50%;
}

    .sldBtImg img {
        width: 100%;
    }

.sldBtTxCon {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 0 65px;
    box-sizing: border-box;
}

.sldBtAltBs {
    margin-bottom: 16px;
    font-family: HelveticaNeueLTProBd;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.2;
    color: #0075c9;
}

.sldBtBs {
    margin-bottom: 16px;
    font-family: HelveticaNeueLTProBd;
    font-size: 42px;
    line-height: 1.1;
    color: #333e48;
}

.sldBtTx {
    margin-bottom: 24px;
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    line-height: 1.6;
    color: #333e48;
}

.sldBtBtn {
    display: inline-block;
    padding: 15px 24px;
    border-radius: 4px;
    background-color: #0075c9;
    transition: ease .3s;
    cursor: pointer;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    letter-spacing: .25px;
    color: #fff;
}

    .sldBtBtn:hover {
        transition: ease .3s;
        opacity: .9;
    }

.bdyItmCon {
    width: 100%;
    padding: 115px 0;
    background-color: #f3f5f7;
}

.bdyItmCen {
    display: flex;
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.bdyItmLf {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 0 25px 0 165px;
    box-sizing: border-box;
    transition: ease .3s;
}

.bdyItm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 4px 0;
    padding: 24px;
    box-sizing: border-box;
    border: 1px solid #dae1ed;
    border-radius: 4px;
    background-color: #fff;
    transition: background-color 0.3s ease 0s, box-shadow 0.2s ease 0s, transform 200ms ease 0s;
    transform: translateX(0px) translateY(0px);
    cursor: pointer;
    font-family: HelveticaNeueLTProBd;
    color: #333e48;
    font-size: 20px;
}

    .bdyItm:hover {
        transition: background-color 0.3s ease 0s, box-shadow 0.2s ease 0s, transform 200ms ease 0s;
        transform: translateX(16px) translateY(0px);
    }

.bdyItmCntLf {
    display: flex;
    align-items: center;
}

.bdyItmIco {
    width: 40px;
    margin-right: 25px;
}

.bdyItmOkIco {
    height: 8px;
    margin-left: 10px;
}

.bdyItmRg {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 48%;
    padding: 0 64px;
    box-sizing: border-box;
    transition: ease .3s;
}

.bdyItmRgAltBs {
    font-family: HelveticaNeueLTProBd;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.2;
    color: #0075c9;
}

.bdyItmRgBs {
    margin: 15px 0;
    font-family: HelveticaNeueLTProBd;
    font-size: 42px;
    line-height: 1.1;
    color: #333e48;
}

.bdyItmRgTx {
    margin-bottom: 24px;
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    line-height: 1.5;
    color: #333e48;
}

.bdyItmRgBtnCon {
    display: flex;
}

.bdyItmRgClrBtn {
    display: flex;
    align-items: center;
    margin-right: 10px;
    padding: 15px 24px;
    border-radius: 4px;
    background-color: #0075c9;
    cursor: pointer;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    letter-spacing: .25px;
    color: #fff;
}

.bdyItmRgClrBtnIcn {
    height: 7px;
    margin-right: 10px;
    transition: ease .3s;
}

.bdyItmRgClrBtn:hover .bdyItmRgClrBtnIcn {
    height: 7px;
    margin: 0 5px 0 5px;
    transition: ease .3s;
}

.bdyItmRgBtn {
    display: flex;
    align-items: center;
    padding: 15px 24px;
    border: 1px solid #d7dde4;
    border-radius: 4px;
    background-color: #fff;
    transition: ease .3s;
    cursor: pointer;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    letter-spacing: .25px;
    color: #575e71;
}

    .bdyItmRgBtn:hover {
        transition: ease .3s;
        opacity: .8;
    }

.bdyItmRgSmlInfo {
    display: flex;
    align-items: center;
    margin-top: 8px;
    color: #333e48;
    font-family: HelveticaNeueLTProTh;
    font-size: 12px;
    color: #333e48;
}

.bdyItmRgSmlInfoIcon {
    height: 19px;
    margin-right: 5px;
}

.bdyInf {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 110px 150px;
    box-sizing: border-box;
}

.bdyInfAltBs {
    margin-bottom: 8px;
    font-family: HelveticaNeueLTProBd;
    font-size: 14px;
    text-align: center;
    letter-spacing: 2px;
    line-height: 1.2;
    color: #0075c9;
}

.bdyInfBs {
    margin-bottom: 16px;
    font-family: HelveticaNeueLTProBd;
    font-size: 42px;
    text-align: center;
    line-height: 1.2;
    color: #333e48;
}

.bdyInfTx {
    width: 50%;
    margin-bottom: 24px;
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    text-align: center;
    line-height: 1.6;
    color: #333e48;
}

.bdyItmInfCon {
    display: flex;
    flex-wrap: wrap;
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px 130px 15px;
    box-sizing: border-box;
}

.bdyItmInf {
    display: flex;
    flex-direction: column;
    width: 33.33333333333333%;
    padding: 48px 70px 48px 48px;
    border-right: 1px solid #e4e8ed;
    border-bottom: 1px solid #e4e8ed;
    box-sizing: border-box;
}

    .bdyItmInf:nth-child(3) {
        border-right: none;
    }

    .bdyItmInf:nth-child(4) {
        border-bottom: none;
    }

    .bdyItmInf:nth-child(5) {
        border-bottom: none;
    }

    .bdyItmInf:nth-child(6) {
        border-right: none;
        border-bottom: none;
    }

.bdyItmInfIco {
    height: 30px;
}

.bdyItmInfBs {
    margin: 16px 0;
    font-family: HelveticaNeueLTProBd;
    font-size: 20px;
    line-height: 1.4;
    color: #333e48;
}

.bdyItmInfTx {
    font-family: HelveticaNeueLTProLt;
    font-size: 16px;
    line-height: 1.6;
    color: #666e75;
}

.bdyDblCon {
    width: 100%;
    background-color: #f3f5f7;
}

.bdyDbl {
    display: flex;
    align-items: center;
    max-width: 1230px;
    margin: 0 auto;
    padding: 90px 15px 0 15px;
    box-sizing: border-box;
}

.bdyDblTxCon {
    display: flex;
    flex-direction: column;
    width: 55%;
    padding: 0 64px;
    box-sizing: border-box;
}

.bdyDblAltBs {
    margin-bottom: 16px;
    font-family: HelveticaNeueLTProBd;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.2;
    color: #0075c9;
}

.bdyDblBs {
    margin-bottom: 16px;
    font-family: HelveticaNeueLTProBd;
    font-size: 42px;
    line-height: 1.1;
    color: #333e48;
}

.bdyDblTx {
    margin-bottom: 24px;
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    line-height: 1.6;
    color: #333e48;
}

.bdyDblBtn {
    display: inline-block;
    padding: 15px 24px;
    border-radius: 4px;
    background-color: #0075c9;
    transition: ease .3s;
    cursor: pointer;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    letter-spacing: .25px;
    color: #fff;
}

    .bdyDblBtn:hover {
        transition: ease .3s;
        opacity: .9;
    }

.bdyDblImg {
    width: 45%;
}

    .bdyDblImg img {
        display: block;
        width: 100%;
    }

.bdyDblWhCon {
    width: 100%;
    background-color: #fff;
}

.bdyDblWh {
    display: flex;
    align-items: center;
    max-width: 1230px;
    margin: 0 auto;
    padding: 90px 15px 0 15px;
    box-sizing: border-box;
}

.bdyDblWhTxCon {
    display: flex;
    flex-direction: column;
    width: 55%;
    padding: 0 64px;
    box-sizing: border-box;
}

.bdyDblWhAltBs {
    margin-bottom: 16px;
    font-family: HelveticaNeueLTProBd;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.2;
    color: #0075c9;
}

.bdyDblWhBs {
    margin-bottom: 16px;
    font-family: HelveticaNeueLTProBd;
    font-size: 42px;
    line-height: 1.1;
    color: #333e48;
}

.bdyDblWhTx {
    margin-bottom: 24px;
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    line-height: 1.6;
    color: #333e48;
}

.bdyDblWhBtn {
    display: inline-block;
    padding: 15px 24px;
    border-radius: 4px;
    background-color: #0075c9;
    transition: ease .3s;
    cursor: pointer;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    letter-spacing: .25px;
    color: #fff;
}

    .bdyDblWhBtn:hover {
        transition: ease .3s;
        opacity: .9;
    }

.bdyDblWhImg {
    width: 45%;
}

    .bdyDblWhImg img {
        display: block;
        width: 100%;
    }

.pgEndCon {
    width: 100%;
    background-image: linear-gradient( 45deg,#76c2b6,#0075c9);
}

.pgEnd {
    display: flex;
    max-width: 1230px;
    margin: 0 auto;
    padding: 160px 15px;
    box-sizing: border-box;
}

.pgEndBs {
    width: 50%;
    padding: 0 40px 0 64px;
    box-sizing: border-box;
    font-family: HelveticaNeueLTProBd;
    font-size: 38px;
    line-height: 1.1;
    color: #fff;
}

.pgEndRg {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 0 125px 0 24px;
    box-sizing: border-box;
}

.pgEndTx {
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    line-height: 1.6;
    color: #fff;
}

.pgEndBtnCon {
    display: flex;
    align-items: center;
    margin-top: 25px;
}

.pgEndClrBtn {
    display: flex;
    align-items: center;
    padding: 15px 24px;
    border-radius: 4px;
    background-color: #0075c9;
    cursor: pointer;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    letter-spacing: .25px;
    color: #fff;
}

.pgEndClrBtnIcn {
    height: 7px;
    margin-right: 10px;
    transition: ease .3s;
}

.pgEndClrBtn:hover pgEndClrBtnIcn {
    height: 7px;
    margin: 0 5px 0 5px;
    transition: ease .3s;
}

.pgEndBtnSpr {
    margin: 0 10px;
    font-family: HelveticaNeueLTProMd;
    font-size: 12px;
    color: #ffffff80;
}

.pgEndBtn {
    display: flex;
    align-items: center;
    padding: 15px 24px;
    border: 1px solid #d7dde4;
    border-radius: 4px;
    background-color: #fff;
    transition: ease .3s;
    cursor: pointer;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    color: #575e71;
    letter-spacing: .25px;
}

    .pgEndBtn:hover {
        transition: ease .3s;
        opacity: .8;
    }

.pgEndSmlInfo {
    display: flex;
    align-items: center;
    margin-top: 5px;
    font-family: HelveticaNeueLTProTh;
    font-size: 12px;
    color: #ffffff80;
}

.pgEndSmlInfoIcon {
    height: 19px;
    margin-right: 5px;
}

.bdyInfCl {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 110px 150px;
    box-sizing: border-box;
    background-color: #f3f5f7;
}

.bdyInfClAltBs {
    margin-bottom: 8px;
    font-family: HelveticaNeueLTProBd;
    font-size: 14px;
    text-align: center;
    letter-spacing: 2px;
    line-height: 1.2;
    color: #0075c9;
}

.bdyInfClBs {
    margin-bottom: 16px;
    font-family: HelveticaNeueLTProBd;
    font-size: 42px;
    text-align: center;
    line-height: 1.2;
    color: #333e48;
}

.bdyInfClTx {
    width: 50%;
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    text-align: center;
    line-height: 1.6;
    color: #333e48;
}

.bdyWh {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1230px;
    margin: 0 auto;
    padding: 120px 100px 120px 15px;
    box-sizing: border-box;
}

.bdyWhTxCon {
    display: flex;
    flex-direction: column;
    width: 60%;
    padding: 0 120px 0 65px;
    box-sizing: border-box;
}

.bdyWhAltBs {
    margin-bottom: 16px;
    font-family: HelveticaNeueLTProBd;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.2;
    color: #0075c9;
}

.bdyWhBs {
    margin-bottom: 16px;
    font-family: HelveticaNeueLTProBd;
    font-size: 42px;
    line-height: 1.1;
    color: #333e48;
}

.bdyWhTx {
    margin-bottom: 24px;
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    line-height: 1.6;
    color: #666e75;
}

.bdyWhBtn {
    display: inline-block;
    padding: 15px 24px;
    border-radius: 4px;
    background-color: #0075c9;
    transition: ease .3s;
    cursor: pointer;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    letter-spacing: .25px;
    color: #fff;
}

    .bdyWhBtn:hover {
        transition: ease .3s;
        opacity: .9;
    }

.bdyWhImg {
    width: 40%;
}

    .bdyWhImg img {
        width: 100%;
    }

.clrBx {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 110px 150px;
    box-sizing: border-box;
    background-image: linear-gradient( 45deg,#0075c9,#76c2b6);
}

.clrBxAltBs {
    margin-bottom: 8px;
    font-family: HelveticaNeueLTProBd;
    font-size: 14px;
    text-align: center;
    letter-spacing: 2px;
    line-height: 1.2;
    color: #fff;
}

.clrBxBs {
    margin-bottom: 16px;
    font-family: HelveticaNeueLTProBd;
    font-size: 54px;
    text-align: center;
    line-height: 1.2;
    color: #fff;
}

.clrBxTx {
    width: 50%;
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    text-align: center;
    line-height: 1.6;
    color: #fff;
}

.cntc {
    max-width: 1230px;
    margin: 0 auto;
    padding: 110px 150px;
    box-sizing: border-box;
}

.cntcBs {
    margin-bottom: 16px;
    font-family: HelveticaNeueLTProBd;
    font-size: 42px;
    text-align: center;
    line-height: 1.2;
    color: #333e48;
}

.cntcTx {
    margin-bottom: 50px;
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    text-align: center;
    line-height: 1.6;
    color: #333e48;
}

    .cntcTx a {
        color: #333e48;
    }


.frmCon {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}


.frmItm {
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%;
    margin-bottom: 8px;
}

.frmTxt {
    width: 100%;
    height: 56px;
    padding: 13px 16px;
    box-sizing: border-box;
    border: 1px solid #8a929c;
    border-radius: 4px;
    background-color: #fff;
    font-family: Roboto-Regular;
    font-size: 16px;
    color: #333e48;
}

.frmLbl {
    margin-top: 25px;
    font-family: HelveticaNeueLTProBd;
    font-size: 16px;
    color: #D90E16;
}

::placeholder {
    color: #333e48;
}

:-ms-input-placeholder {
    color: #333e48;
}

::-ms-input-placeholder {
    color: #333e48;
}

.txtRq {
    margin-left: 5px;
    font-family: HelveticaNeueLTProBd;
    font-size: 20px;
    color: #D90E16;
}

.frmBtn {
    display: inline-block;
    margin-top: 10px;
    border: none;
    border-radius: 4px;
    padding: 15px 24px;
    background-color: #0075c9;
    transition: ease .3s;
    cursor: pointer;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    letter-spacing: .25px;
    color: #fff;
}

    .frmBtn:hover {
        transition: ease .3s;
        opacity: .9;
    }

.map {
    width: 100%;
    max-width: 100%;
    height: 500px;
}

    .map iframe {
        width: 100%;
        height: 100%
    }

.bntTit {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 2px 45px 0 45px;
    box-sizing: border-box;
    background-color: #0075c9;
}

    .bntTit a {
        margin: 0 30px;
        border-bottom: 3px solid #0075c9;
        font-family: HelveticaNeueLTProLt;
        font-size: 14px;
        line-height: 63px;
        color: #ffffffcc;
    }

.sssCon {
    width: 100%;
    background-color: #f3f5f7;
}

.sssCen {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.accordion-section {
    margin-bottom: 8px;
}

.accordion-section-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    box-sizing: border-box;
    border: 1px solid #dae1ed;
    border-radius: 4px;
    cursor: pointer;
    background-color: #fff;
    font-family: HelveticaNeueLTProBd;
    font-size: 20px;
    color: #333e48;
}

.accordionTitLft {
    display: flex;
    align-items: center;
}

.accordionTitLftIco {
    height: 40px;
    margin-right: 25px;
}

.accordion-section-title-ico {
    background: transparent url('../../Images/acc-menu-ico.svg') no-repeat top center;
    width: 10px;
    height: 7px;
    display: block;
}

.accordion-section-title.active {
    border-bottom: none;
}

    .accordion-section-title.active .accordion-section-title-ico {
        background: transparent url('../../Images/acc-menu-ico.svg') no-repeat bottom center;
    }

.accordion-section-content {
    display: none;
    padding: 0 24px 24px 90px;
    box-sizing: border-box;
    border: 1px solid #dae1ed;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #fff;
    font-family: HelveticaNeueLTProLt;
    font-size: 16px;
    line-height: 1.6;
    color: #666e75;
}

.sssInfCon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 520px;
    margin: 0 auto;
    padding: 100px 0 120px 0;
}

.sssInfIcn {
    height: 32px;
    margin-bottom: 10px;
}

.sssInfBs {
    margin-bottom: 10px;
    font-family: HelveticaNeueLTProBd;
    font-size: 16px;
    text-align: center;
    color: #666e75;
}

.sssInfTx {
    font-family: HelveticaNeueLTProLt;
    font-size: 16px;
    line-height: 1.6;
    text-align: center;
    color: #333e48;
}

    .sssInfTx a {
        color: #0075c9;
    }

        .sssInfTx a:hover {
            text-decoration: underline;
        }

.hbrKynCon {
    width: 100%;
}

.hbrKynCen {
    display: grid;
    column-gap: 60px;
    grid-template-columns: auto auto auto;
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.hbr {
    margin-bottom: 50px;
}

.hbrImg {
    width: 100%;
    display: block;
}

.hbrBs {
    margin: 15px 0;
    font-family: HelveticaNeueLTProBd;
    font-size: 28px;
    line-height: 1.4;
    color: #333e48;
}

.hbrOzt {
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    line-height: 1.5;
    color: #666e75;
}

.hbrDtyCon {
    max-width: 1230px;
    margin: 0 auto;
    padding: 80px 15px 0 15px;
    box-sizing: border-box;
}

.hbrDtyBs {
    margin: 15px 0;
    font-family: HelveticaNeueLTProBd;
    font-size: 54px;
    line-height: 1.1;
    color: #333e48;
}

.hbrDtyOzt {
    margin-bottom: 15px;
    font-family: HelveticaNeueLTProLt;
    font-size: 26px;
    line-height: 1.5;
    color: #666e75;
}

.hbrDtyLn {
    padding-top: 15px;
    border-top: 1px solid #e4e8ed;
}

.hbrDtyInf {
    margin-bottom: 10px;
    font-family: HelveticaNeueLTProLt;
    font-size: 16px;
    letter-spacing: .5px;
    color: #666e75;
}

.hbrDtyImg {
    display: block;
    width: 100%;
    margin: 30px 0 65px 0;
}

.hbrDtyDty {
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    line-height: 1.5;
    color: #575e72;
}

.hbrDtyDgrLn {
    max-width: 1200px;
    margin: 65px auto 45px auto;
    padding: 0 15px;
    box-sizing: border-box;
    border-top: 1px solid #e4e8ed;
}

.hbrDtyDgrBs {
    max-width: 1230px;
    margin: 0 auto 50px auto;
    padding: 0 15px;
    box-sizing: border-box;
    font-family: HelveticaNeueLTProBd;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.2;
    color: #0075c9;
}

.prdCon {
    width: 100%;
    padding: 0 100px;
    box-sizing: border-box;
    background-color: #f3f5f7;
}

.prdCen {
    display: flex;
    flex-wrap: wrap;
    max-width: 1230px;
    margin: 0 auto;
}

.prd {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: calc(33.3333% - 30px);
    margin: 0 15px 64px 15px;
    padding: 32px;
    box-sizing: border-box;
    border: 1px solid #f9fbfc;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 5%);
    -webkit-transition: box-shadow .2s;
}

.prdIcn {
    height: 55px;
}

.prdBs {
    margin: 8px 0;
    font-family: HelveticaNeueLTProBd;
    font-size: 20px;
    line-height: 1.5;
    color: #333e48;
}

.prdOzt {
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    line-height: 1.5;
    color: #666e75;
}

.prdBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    padding: 8px 16px;
    border: 1px solid #d7dde4;
    border-radius: 4px;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    color: #575e72b3;
}



#popup {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 998;
    background-color: rgba(000,0,0,0.7);
}

#popupCen {
    position: fixed;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}

    #popupCen img {
        width: 100%;
        float: left;
    }

    #popupCen iframe {
        width: 100%;
        float: left;
    }

#close {
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    margin: -12px -10px -10px -10px;
    z-index: 9999;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
}

    #close img {
        width: 100%;
    }

@media (max-width: 1300px) {
    #sldCen {
        padding: 25px 0 0 65px;
    }

    .sldTxCon {
        padding: 0 20px 40px 0;
    }

    .sldImgCon {
        width: 60%;
    }

    .bdyItmLf {
        padding: 0 25px 0 105px;
    }

    .prdCon {
        padding: 0 65px;
    }
}

@media (max-width: 992px) {
    #sldCen {
        flex-direction: column;
        max-width: 100%;
        padding: 70px 40px 0 40px;
    }

    .sldTxCon {
        width: 100%;
        padding-right: 0;
    }

    .sldImgCon {
        width: 100%;
    }

    .sldImg {
        width: 100%;
        height: auto;
    }

    .sldBt {
        flex-direction: column-reverse;
        padding: 70px 0;
    }

    .sldBtImg {
        width: 100%;
    }

    .sldBtTxCon {
        width: 100%;
        margin-bottom: 50px;
    }

    .bdyItmCon {
        padding: 65px 0;
    }

    .bdyItmCen {
        flex-direction: column-reverse;
        padding: 0 65px;
    }

    .bdyItmLf {
        width: 100%;
        padding: 0;
    }

    .bdyItmRg {
        width: 100%;
        margin-bottom: 70px;
        padding: 0;
    }

    .bdyInf {
        padding: 65px 150px;
    }

    .bdyInfTx {
        width: 100%;
    }

    .bdyItmInf {
        width: 50%;
    }

        .bdyItmInf:nth-child(2) {
            border-right: none;
        }

        .bdyItmInf:nth-child(3) {
            border-right: 1px solid #e4e8ed;
        }

        .bdyItmInf:nth-child(4) {
            border-bottom: 1px solid #e4e8ed;
            border-right: none;
        }

        .bdyItmInf:nth-child(5) {
            border-bottom: none;
        }

        .bdyItmInf:nth-child(6) {
            border-right: none;
            border-bottom: none;
        }

    .bdyDbl {
        flex-direction: column;
        padding: 65px 0 0 0;
    }

    .bdyDblTxCon {
        width: 100%;
    }

    .bdyDblWh {
        flex-direction: column;
        padding: 65px 0 0 0;
    }

    .bdyDblWhTxCon {
        width: 100%;
    }

    .pgEnd {
        flex-direction: column;
        padding: 90px 65px;
    }

    .pgEndBs {
        width: 100%;
        padding: 0;
    }

    .pgEndRg {
        width: 100%;
        margin-top: 20px;
        padding: 0;
    }

    .bdyInfCl {
        align-items: flex-start;
        padding: 65px 65px;
    }

    .bdyInfClAltBs {
        text-align: left;
    }

    .bdyInfClBs {
        text-align: left;
    }

    .bdyInfClTx {
        width: 100%;
        text-align: left;
    }

    .bdyWh {
        flex-direction: column-reverse;
        padding: 70px 0;
    }

    .bdyWhImg {
        margin-bottom: 30px;
    }

    .bdyWhTxCon {
        width: 100%;
        margin-bottom: 50px;
    }

    .clrBx {
        padding: 65px 65px;
    }

    .clrBxTx {
        width: 100%;
    }

    .bntTit a {
        margin: 0 15px;
    }

    .sssCen {
        padding: 0 65px;
    }

    .sssInfCon {
        padding: 100px 65px 120px 65px;
    }

    .hbrKynCen {
        grid-template-columns: auto auto;
    }

    .cntc {
        padding: 65px 65px;
    }

    .prdCon {
        padding: 0;
    }

    .prdCen {
        padding: 0 50px;
        box-sizing: border-box;
    }

    .prd {
        width: calc(50% - 30px);
    }
}

@media (max-width: 767px) {
    #sldCen {
        padding: 70px 15px 0 15px;
    }

    .sldBt {
        padding: 65px 40px;
    }

    .sldBtTxCon {
        padding: 0;
    }

    .bdyItmCen {
        padding: 0 40px;
    }

    .bdyInf {
        padding: 65px 40px;
    }

    .bdyItmInfCon {
        padding: 0 0 130px 0;
    }

    .bdyItmInf {
        padding: 48px 40px 48px 40px;
    }

    .bdyDblTxCon {
        padding: 0 40px;
    }

    .bdyDblWhTxCon {
        padding: 0 40px;
    }

    .pgEnd {
        padding: 65px 40px;
    }

    .bdyInfCl {
        padding: 65px 40px;
    }

    .bdyWh {
        padding: 65px 40px;
    }

    .bdyWhTxCon {
        padding: 0;
    }

    .clrBx {
        padding: 65px 40px;
    }

    .bntTit {
        padding: 2px 30px 0 30px;
    }

        .bntTit a {
            margin: 0 10px;
        }

    .sssCen {
        padding: 0 40px;
    }

    .sssInfCon {
        padding: 65px 40px;
    }

    .hbrKynCen {
        grid-template-columns: auto;
    }

    .cntc {
        padding: 65px 40px;
    }

    .prdCen {
        padding: 0 25px;
    }
}

@media (max-width: 620px) {
    .prd {
        width: 100%;
        margin: 0 15px 50px 15px;
    }
}

@media (max-width: 480px) {
    .sldBt {
        padding: 40px 15px;
    }

    .sldBtnCon {
        flex-direction: column;
        align-items: start;
    }

    .sldClrBtn {
        width: 220px;
        margin: 0 0 10px 0;
    }

    .sldBtn {
        width: 220px;
    }

    .bdyItmCon {
        padding: 40px 0;
    }

    .bdyItmCen {
        padding: 0 15px;
    }

    .bdyItmRgBtnCon {
        flex-direction: column;
    }

    .bdyItmRgClrBtn {
        width: 220px;
        margin: 0 0 10px 0;
    }

    .bdyItmRgBtn {
        width: 220px;
    }

    .bdyItm:hover {
        transform: translateX(10px) translateY(0px);
    }

    .bdyItmInfCon {
        padding: 0 0 40px 0;
    }

    .bdyInf {
        padding: 65px 15px 20px 15px;
        align-items: start
    }

    .bdyInfAltBs {
        text-align: left;
    }

    .bdyInfBs {
        text-align: left;
    }

    .bdyInfTx {
        text-align: left;
    }

    .bdyItmInf {
        width: 100%;
        padding: 20px 15px 20px 15px;
        border: none !important;
    }

    .bdyDbl {
        padding: 40px 0 0 0;
    }

    .bdyDblTxCon {
        padding: 0 15px;
    }

    .bdyDblWh {
        padding: 40px 0 0 0;
    }

    .bdyDblWhTxCon {
        padding: 0 15px;
    }

    .pgEnd {
        padding: 50px 15px;
    }

    .pgEndBtnCon {
        flex-direction: column;
        align-items: flex-start
    }

    .pgEndClrBtn {
        width: 220px;
    }

    .pgEndBtn {
        width: 220px;
    }

    .pgEndBtnSpr {
        margin: 5px 0 5px 10px;
    }

    .bdyInfCl {
        padding: 65px 15px 20px 15px;
        align-items: start
    }

    .bdyInfClAltBs {
        text-align: left;
    }

    .bdyInfClBs {
        text-align: left;
    }

    .bdyInfClTx {
        text-align: left;
    }

    .bdyWh {
        padding: 40px 15px;
    }

    .clrBx {
        padding: 65px 15px;
    }

    .clrBxBs {
        font-size: 38px;
    }

    .bntTit {
        padding: 2px 15px 0 15px;
    }

        .bntTit a {
            margin: 0 5px;
        }

    .sssCen {
        padding: 0 15px;
    }

    .sssInfCon {
        padding: 65px 15px;
    }

    .cntc {
        padding: 65px 15px;
    }

    .frmCon {
        padding: 0 0 0 10px;
    }

    .prdCen {
        padding: 0 0px;
    }
}
