/* _________________________________________________________ CSS Reset _____ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;vertical-align: baseline;}
ol, ul {list-style: none;}

/* _____________________________________________________________ Fonts _____ */

@font-face {
    font-family: "Lato-Regular";
    src: url('../fonts/Lato-Regular.ttf');
}
@font-face {
    font-family: "Lato-Bold";
    src: url('../fonts/Lato-Bold.ttf');
}

/* ------------------------------------------------ Container settings ----- */ 

* {
    box-sizing: border-box;
}

body {
    font-family: "Lato-Regular";
}

sup {
    position: relative;
    top: -5px;
    font-size: 0.6em;
}
strong {
    font-family: "Lato-Bold";
}
.container {
    position: relative;
    max-width: 1569px;
    max-height: 899px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .container {
        max-width: 100%;
        max-height: 100%;
    }
}

/* ------------------------------------------------ All slides ----- */ 

.slide {
    display: none;
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 899px;
    overflow: hidden;
    background-image: url(../images/bgAll.png);
    background-repeat: no-repeat;
    background-size: 100% 899px;
}
.slide .topImgs {
    position: absolute;
    top: 17px;
    right: 16px;
    width: 187px;
    height: 177px;
    background-repeat: no-repeat;
    background-size: 187px 177px;
    background-image: url(../images/topImgs.png);
}
.slide .topImgs p {
    position: absolute;
    font-family: "Lato-Bold";
    font-size: 18px;
    color: #fff;
    text-align: right;
    text-transform: uppercase;
    line-height: 26px;
}
.slide .topImgs p span {
    position: relative;
    display: inline-block;;
    font-size: 24px;
}
.slide .topImgs p .line::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #f79698;
}
.slide .topText {
    position: absolute;
    top: 179px;
    left: 68px;
    font-family: "Lato-Bold";
    font-size: 30px;
    color: #333333;
}
.slide .nextBtn,
.slide .nextBtnn {
    position: absolute;
    bottom: 55px;
    right: 250px;
    width: 129px;
    height: 45px;
    background-color: #ee1d22;
    border-radius: 50px;
    cursor: pointer;
}
.slide .prevBtn {
    position: absolute;
    bottom: 55px;
    right: 590px;
    width: 129px;
    height: 45px;
    background-repeat: no-repeat;
    background-size: 129px 45px;
    background-image: url(../images/prevBtn.png);
    cursor: pointer;
}
.slide .nextBtn span,
.slide .nextBtnn span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 24px;
    font-family: "Lato-Bold";
    font-size: 24px;
    color: #fff;
}
.slide .nextBtn::after,
.slide .nextBtnn::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 23px;
    width: 21px;
    height: 15px;
    background-image: url(../images/arrowN.png);
    background-repeat: no-repeat;
    background-size: 21px 15px;
}
.slide .cslbeh {
    position: absolute;
    bottom: 56px;
    right: 66px;
}
.slide .mainTitle {
    position: absolute;
    font-family: "Lato-Bold";
    font-size: 48px;
    color: #ee1d22;
    line-height: 54px;
}
.slide .smallTxt {
    position: absolute;
    left: 67px;
    bottom: 53px;
    font-size: 12px;
    color: #333333;
    line-height: 12px;
    opacity: 0.5;
}
.slide .goNextBtn {
    display: flex;
    align-items: center;
    position: absolute;
    width: 442px;
    height: 63px;
    background-image: url(../images/goNextBtn.png);
    background-repeat: no-repeat;
    background-size: 442px 63px;
    cursor: pointer;
    -webkit-transition: 0.4s all;
    transition: 0.4s all;
}
.slide .goNextBtn p {
    font-family: "Lato-Bold";
    font-size: 30px;
    color: #ee1d22;
    line-height: 29px;
    padding-left: 40px;
}
.slide .goNextBtn:hover {
    background-image: url(../images/goNextBtnActive.png);
}
.slide .goNextBtn:hover p {
    color: #fff;
}
.slide .menu {
    display: none;
    position: absolute;
    bottom: 107px;
    right: 385px;
    width: 632px;
    height: 501px;
    background-image: url(../images/menuBg.png);
    background-repeat: no-repeat;
    background-size: 632px 501px;
    z-index: 5;
}
.slide .menu.show {
    display: block;
}
.slide .menu p {
    margin: 27px 0 23px 40px;
    font-family: "Lato-Bold";
    font-size: 30px;
    color: #333333;
}
.slide .menu ol {
    list-style-type: decimal;
}
.slide .menu ol li {
    font-size: 22px;
    color: #ee1d22;
    margin-left: 65px;
    margin-bottom: 7px;
    cursor: pointer;
}
.slide .menuBtn {
    position: absolute;
    bottom: 55px;
    right: 390px;
    cursor: pointer;
}
@media screen and (max-width: 1380px) {
    .slide .prevBtn,
    .slide .menuBtn,
    .slide .nextBtn,
    .slide .cslbeh {
        bottom: 23px;
    }
}
@media screen and (max-width: 1190px) {
    .slide .smallTxt {
        max-width: 520px;
    }
}
@media screen and (max-width: 1090px) {
    .slide {
        height: 768px;
        background-size: 100% 768px;
    }
}

/* ------------------------------------------------ Other slides ----- */ 
/* _______________________________________ questions slides _____ */

.questionsSlides .topImgs3 {
    position: absolute;
    top: 17px;
    right: 16px;
}
.questionsSlides .mainTitle {
    top: 69px;
    left: 68px;
}
.questionsSlides .noClickBox {
    position: absolute;
    top: 279px;
    left: 144px;
    width: 21%;
    height: 480px;
    z-index: 10;
    display: none;
}
.questionsSlides .questionBox {
    position: absolute;
    top: 279px;
    left: 144px;
}
.questionsSlides .questionBox .questions {
    position: relative;
    width: 671px;
    height: 91px;
    margin-bottom: 20px;
    cursor: pointer;
}
.questionsSlides .questionBox .questions  .mobileButton {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 70%;
    height: 91px;
    background-image: url(../images/questionsBg.png);
    background-repeat: no-repeat;
    background-size: 100% 91px;
}
.questionsSlides .questionBox .questions.active .mobileButton {
    background-image: url(../images/questionsBgActive.png);
}
.questionsSlides .questionBox .questions .number {
    font-family: "Lato-Bold";
    font-size: 48px;
    color: #ee1d22;
    line-height: 48px;
    padding-left: 30px;
}
.questionsSlides .questionBox .questions .qTitle {
    font-family: "Lato-Bold";
    font-size: 30px;
    text-align: center;
    line-height: 33px;
}
.questionsSlides .questionBox .questions .arrowQ3 {
    display: block;
    margin-right: 10px;
}
.questionsSlides .answerBox {
    display: none;
    position: absolute;
    top: 0;
    right: -109%;
    width: 400px;
    background-color: #f1efed;
    border-radius: 30px;
    padding: 27px 10px 27px 33px;
    cursor: default;
}
.questionsSlides .answerBox .scrollBox {
    overflow-y: scroll;
    max-height: 360px;
    padding-right: 15px;
    background-color: #f1efed;
}
.questionsSlides .answerBox p {
    font-size: 22px;
    color: #333333;
    line-height: 27px;
}
.questionsSlides .answerBox .goodAnsw {
    font-family: "Lato-Bold";
    font-size: 24px;
    margin-bottom: 10px;
}
.questionsSlides .tryAgainBtn {
    display: none;
    position: absolute;
    bottom: -60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
}
.questionsSlides .nextBtn {
    display: none;
}
.questionsSlides .questions.active .answerBox {
    display: block;
}
@media screen and (max-width: 1565px) {
    .questionsSlides .questionBox {
        left: 68px;
    }
}
@media screen and (max-width: 1500px) {
    .questionsSlides .mainTitle {
        top: 40px;
        padding-right: 300px;
        line-height: 51px;
    }
    .questionsSlides .mainTitle br {
        display: none;
    }
}
@media screen and (max-width: 1470px) {
    .questionsSlides .questionBox .questions {
        width: 520px;
        background-size: 520px 91px;
    }
    .questionsSlides .questionBox .questions .qTitle {
        font-size: 22px;
    }
    .questionsSlides .noClickBox {
        left: 68px;
        width: 21%;
    }
    .questionsSlides .answerBox {
        right: -112%;
        width: 400px;
    }
    .questionsSlides .answerBox p br {
        display: none;
    }
}
@media screen and (max-width: 1199px) {
    .slide .mainTitle {
        font-size: 45px;
        line-height: 46px;
    }
    .questionsSlides .mainTitle,
    .questionsSlides .questionBox {
        left: 40px;
    }
    .questionsSlides .questionBox .questions {
        width: 480px;
        height: 75px;
        background-size: 480px 75px;
        margin-bottom: 17px;
    }
    .questionsSlides .questionBox .questions .qTitle {
        font-size: 20px;
        line-height: 24px;
    }
    .questionsSlides .questionBox .questions .arrowQ3 {
        margin-right: 6px;
    }
    .questionsSlides .answerBox {
        right: -113%;
        width: 300px;
    }
    .questionsSlides .answerBox p {
        font-size: 20px;
        line-height: 23px;
    }
    .questionsSlides .noClickBox {
        left: 40px;
        width: 24%;
        height: 400px;
    }
    .questionsSlides .answerBox .scrollBox {
        max-height: 280px;
    }
}

/* ________________________________________________ #slide1 _____ */
#slide1 {
    display: block;
    background-image: url(../images/bg1.png);
}
#slide1 h1 {
    position: absolute;
    top: 368px;
    right: 67px;
    font-family: "Lato-Bold";
    font-size: 60px;
    color: #333333;
    text-align: right;
    line-height: 66px;
}
#slide1 .redLine {
    position: absolute;
    width: 349px;
    height: 2px;
    top: 597px;
    right: 67px;
    background-color: #f79698;
}
#slide1 h2 {
    position: absolute;
    top: 617px;
    right: 67px;
    font-family: "Lato-Bold";
    font-size: 30px;
    color: #ee1d22;
    text-align: right;
    line-height: 30px;
}
#slide1 .nextBtn {
    bottom: 180px;
    right: 69px;
    width: 182px;
    height: 61px;
}
#slide1 .nextBtn::after {
    right: 32px;
    width: 28px;
    height: 20px;
    background-image: url(../images/arrow.png);
    background-size: 28px 20px;
}
#slide1 .nextBtn span {
    left: 40px;
    font-size: 32px;
}

@media screen and (max-width: 1380px) {
    #slide1 h1 {
        top: 318px;
        padding-left: 640px;
    }
}
@media screen and (max-width: 1090px) {
    #slide1 {
        background-image: url(../images/bg1tab.png);
        background-size: cover;
    }
    #slide1 h1 {
        top: 180px;
        font-size: 53px;
        padding-left: 540px;
    }
    #slide1 .redLine {
        top: 460px;
        width: 320px;
    }
    #slide1 h2 {
        top: 480px;
    }
}
@media screen and (max-width: 768px) {
    #slide1 {
        background-image: url(../images/bg1mob.png);
        background-size: 100% auto;
        background-position: 0 105px;
        background-repeat: no-repeat;
        background-color: #e3e0db;
    }
    #slide1 h1 {
        position: relative;
        top: auto;
        right: auto;
        padding: 40px 20px 20px 20px;
        font-size: 36px;
        text-align: center;
        line-height: 46px;
        background-color: #e3e0db;
    }
    #slide1 h1 br {
        display: none;
    }
    #slide1 .redLine {
        display: none;
    }
    #slide1 .mobileContainer {
        margin-top: 110%;
    }
    #slide1 h2 {
        position: relative;
        top: auto;
        right: auto;
        text-align: center;
        margin-bottom: 20px;
    }
    #slide1 .nextBtn {
        position: relative;
        bottom: auto;
        right: auto;
        margin: 0 auto 50px;
        float: none;
        display: block !important;
    }
    #slide1 .cslbeh {
        position: relative;
        display: block;
        bottom: auto;
        right: auto;
        left: auto;
        transform: none;
        margin: 30px auto;
    }
}

/* ________________________________________________ #slide2 _____ */
#slide2 .topImgs p {
    top: 41px;
    right: 47px;
}
#slide2 .mainTitle {
    top: 63px;
    left: 68px;
}
#slide2 .circleS2_1 {
    position: absolute;
    top: 133px;
    left: 160px;
}
#slide2 .listTitle {
    position: absolute;
    font-family: "Lato-Bold";
    font-size: 30px;
    color: #333333;
    line-height: 30px;
}
#slide2 .list {
    position: absolute;
}
#slide2 .list li {
    position: relative;
    font-size: 22px;
    color: #333333;
    line-height: 26px;
    padding-left: 22px;
}
#slide2 .list li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ee1d22;
}
#slide2 .listTitle1 {
    top: 165px;
    left: 379px;
}
#slide2 .list1 {
    top: 207px;
    left: 380px;
}
#slide2 .grayBox {
    position: absolute;
    top: 322px;
    left: 17px;
    width: 97.9%;
    height: 208px;
    background-color: #f1efed;
    opacity: 0;
}
#slide2 .listTitle2 {
    top: 18px;
    left: 137px;
}
#slide2 .list2 {
    top: 61px;
    left: 138px;
}
#slide2 .circleS2_2 {
    position: absolute;
    top: 13px;
    right: 98px;
}
#slide2 .circleS2_3 {
    position: absolute;
    top: 563px;
    left: 160px;
}
#slide2 .listTitle3 {
    top: 549px;
    left: 379px;
}
#slide2 .list3 {
    top: 592px;
    left: 380px;
}
#slide2 .box3 {
    opacity: 0;
}
#slide2 .slideDownBtn {
    position: absolute;
    display: flex;
    left: 376px;
    align-items: center;
    position: absolute;
    width: 381px;
    height: 63px;
    background-image: url(../images/slideDownBtn.png);
    background-repeat: no-repeat;
    background-size: 381px 63px;
    cursor: pointer;
    -webkit-transition: 0.4s all;
    transition: 0.4s all;
}
#slide2 .slideDownBtn:hover {
    background-image: url(../images/slideDownBtnActive.png);
}
#slide2 .slideDownBtn p {
    font-family: "Lato-Bold";
    font-size: 30px;
    color: #ee1d22;
    line-height: 29px;
    padding-left: 113px;
}
#slide2 .slideDownBtn:hover p {
    color: #fff;
}
#slide2 .prevBtn,
#slide2 .nextBtn {
    display: none;
}
#slide2 .box1 {
    position: relative;
    top: 200px;
    -webkit-transition: top 0.3s;
    transition: top 0.3s;
}
#slide2 .box1.goUp {
    top: 0;
}
#slide2 .slideDown1 {
    top: 529px;
    z-index: 3;
}
#slide2 .slideDown1.fadeOut,
#slide2 .slideDown2.fadeOut {
    display: none;
}
#slide2 .slideDown2 {
    top: 547px;
    opacity: 0;
    z-index: 2;
}
#slide2 .slideDown2 p {
    padding-left: 40px;
}

@media screen and (max-width: 1500px) {
    #slide2 .circleS2_1,
    #slide2 .listTitle2,
    #slide2 .list2,
    #slide2 .circleS2_3 {
        left: 68px;
    }
    #slide2 .listTitle1,
    #slide2 .list1,
    #slide2 .slideDown1,
    #slide2 .slideDown2,
    #slide2 .listTitle3,
    #slide2 .list3 {
        left: 299px;
    }
    #slide2 .circleS2_2 {
        right: 48px;
    }
}
@media screen and (max-width: 1400px) {
    #slide2 .circleS2_2 {
        right: 17px;
    }
    #slide2 .list2 {
        padding-right: 190px;
    }
    #slide2 .list3 {
        padding-right: 30px;
    }
}
@media screen and (max-width: 1360px) {
    #slide2 .listTitle {
        font-size: 24px;
    }
    #slide2 .list li {
        font-size: 19px;
    }
    #slide2 .list2 li br,
    #slide2 .list3 li br {
        display: none;
    }
}
@media screen and (max-width: 1220px) {
    #slide2 .mainTitle {
        top: 33px;
        left: 40px;
    }
    #slide2 .circleS2_1 {
        top: 95px;
        left: 40px;
    }
    #slide2 .listTitle1 {
        top: 145px;
    }
    #slide2 .list1 {
        top: 195px;
    }
    #slide2 .grayBox {
        top: 276px;
        left: 11px;
        height: 215px;
    }
    #slide2 .listTitle1, #slide2 .list1, #slide2 .slideDown1, #slide2 .slideDown2, #slide2 .listTitle3, #slide2 .list3 {
        left: 239px;
    }
    #slide2 .circleS2_1, #slide2 .listTitle2, #slide2 .list2, #slide2 .circleS2_3 {
        left: 40px;
    }
    #slide2 .listTitle2 {
        top: 9px;
    }
    #slide2 .list2 {
        top: 45px;
    }
    #slide2 .list3 {
        top: 526px;
        padding-right: 10px;
    }
    #slide2 .list li {
        line-height: 23px;
    }
    #slide2 .circleS2_3 {
        top: 497px;
    }
    #slide2 .listTitle3 {
        top: 495px;
    }
    #slide2 .smallTxt {
        left: 40px;
        bottom: 23px;
        max-width: 260px;
    }
}
@media screen and (max-width: 768px) {
    #slide2 .circleS2_1, #slide2 .circleS2_2, #slide2 .circleS2_3 {
        display: none;
    }
    #slide2 .listTitle , #slide2 .list, #slide2 .slideDown1, #slide2 .slideDown2 {
        left: 20px;
    }
    #slide2 .list {
        max-width: 320px;
    }
    #slide2 .listTitle,
    #slide2 .list {
        position: relative;
    }
    #slide2 .listTitle {
        margin-bottom: 20px;
    }
    #slide2 .list li {
        font-size: 18px;
    }
    #slide2 .box1 {
        top: auto;
    }
    #slide2 .listTitle1 {
        top: auto;
    }
    #slide2 .list1 {
        top: auto;
    }
    #slide2 .slideDownBtn {
        display: none;
    }
    #slide2 .grayBox {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        opacity: 1;
        margin: 20px 0;
    }
    #slide2 .listTitle2,
    #slide2 .list2 {
        position: relative;
    }
    #slide2 .list2 {
        top: auto;
        padding-bottom: 40px;
        padding-right: 0;
    }
    #slide2 .slideDown2 {
        top: 517px;
    }
    #slide2 .listTitle3 {
        top: auto;
    }
    #slide2 .list3 {
        top: auto;
    }
    .slide .prevBtn, .slide .menuBtn, .slide .nextBtn, .slide .cslbeh {
        bottom: 135px;
    }
    #slide2 .slideDownBtn {
        width: 300px;
        height: 50px;
        background-image: url(../images/slideDownBtnMob.png);
        background-size: 300px 50px;
    }
    #slide2 .slideDownBtn p {
        font-size: 24px;
        padding-left: 73px;
    }
    #slide2 .slideDown2 p {
        padding-left: 20px;
    }
    #slide2 .box3 {
        opacity: 1;
    }
    #slide2 .prevBtn, #slide2 .nextBtn {
        display: block;
    }
}

/* ________________________________________________ #slide3 _____ */
#slide3 #answer3 {
    padding-top: 10px;
    padding-bottom: 8px;
}
#slide3 #answer2 {
    top: -120px;
}
#slide3 #answer3 {
    top: -240px;
}
#slide3 #answer4 {
    top: -360px;
}
@media screen and (max-width: 1199px) {
    #slide3 #answer2 {
        top: -100px;
    }
    #slide3 #answer3 {
        top: -210px;
    }
    #slide3 #answer4 {
        top: -310px;
    }
}

/* ________________________________________________ #slide4 _____ */
#slide4.questionsSlides .questionBox {
    top: 236px;
}
#slide4 #answer1 {
    top: 42px;
}
#slide4 #answer2 {
    top: -75px;
}
#slide4 #answer3 {
    top: -190px;
}
#slide4 #answer4 {
    top: -320px;
}
#slide4 #answer5 {
    top: -435px;
}
#slide4 #answer5 p {
    margin-bottom: 0;
}
#slide4 #answer4 .goodAnsw {
    font-size: 24px;
}
#slide4 #answer4 p:last-child {
    margin-bottom: 0;
}
@media screen and (max-width: 1199px) {
    #slide4 .mainTitle {
        top: 25px;
    }
    #slide4 #answer1 {
        top: 40px;
    }
    #slide4 #answer2 {
        top: -45px;
    }
    #slide4 #answer3 {
        top: -140px;
    }
    #slide4 #answer4 {
        top: -230px;
    }
    #slide4 #answer5 {
        top: -325px;
    }
}

/* ________________________________________________ #slide5 _____ */
#slide5 .topImgs p {
    top: 41px;
    right: 47px;
}
#slide5 .mainTitle {
    top: 69px;
    left: 68px;
}
#slide5 .mainBox {
    display: flex;
    align-items: start;
    justify-content: space-between;
    position: absolute;
    top: 194px;
    left: 62px;
    max-width: 1447px;
}
#slide5 .mainBox .item {
    margin-right: 40px;
}
#slide5 .mainBox .item img {
    display: block;
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 1560px) {
    #slide5 .smallTxt {
        max-width: 400px;
        bottom: 73px;
    }
}
@media screen and (max-width: 768px) {
    #slide5 .mainBox {
        position: relative;
        top: auto;
        left: auto;
        display: block;
    }
    #slide5 .mainBox .item {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

/* ________________________________________________ #slide6 _____ */
#slide6 .topImgs p {
    top: 41px;
    right: 47px;
}
#slide6 .mainTitle {
    top: 69px;
    left: 68px;
}
#slide6 .mainBox {
    display: flex;
    align-items: start;
    justify-content: space-between;
    position: absolute;
    top: 194px;
    left: 62px;
    max-width: 1447px;
}
#slide6 .mainBox .item {
    margin-right: 40px;
}
#slide6 .mainBox .item img {
    display: block;
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 1560px) {
    #slide6 .smallTxt {
        max-width: 400px;
        bottom: 73px;
    }
}
@media screen and (max-width: 768px) {
    #slide6 .mainBox {
        position: relative;
        top: auto;
        left: auto;
        display: block;
    }
    #slide6 .mainBox .item {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

/* ________________________________________________ #slide7 _____ */
#slide7 .topImgs p {
    top: 41px;
    right: 45px;
}
#slide7 .topImgs .line {
    margin-left: 5px;
}
#slide7 .mainTitle {
    top: 69px;
    left: 68px;
}
#slide7 .circleS4_1 {
    position: absolute;
    top: 133px;
    left: 160px;
}
#slide7 .listTitle {
    position: absolute;
    font-family: "Lato-Bold";
    font-size: 30px;
    color: #333333;
    line-height: 30px;
}
#slide7 .list {
    position: absolute;
}
#slide7 .list li {
    position: relative;
    font-size: 22px;
    color: #333333;
    line-height: 26px;
    padding-left: 22px;
}
#slide7 .list li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ee1d22;
}
#slide7 .listTitle1 {
    top: 165px;
    left: 379px;
}
#slide7 .list1 {
    top: 207px;
    left: 380px;
}
#slide7 .grayBox {
    position: absolute;
    top: 322px;
    left: 17px;
    width: 97.9%;
    height: 208px;
    background-color: #f1efed;
    opacity: 0;
}
#slide7 .listTitle2 {
    top: 18px;
    left: 137px;
}
#slide7 .list2 {
    top: 61px;
    left: 138px;
}
#slide7 .circleS4_2 {
    position: absolute;
    top: 13px;
    right: 98px;
}
#slide7 .circleS4_3 {
    position: absolute;
    top: 563px;
    left: 160px;
}
#slide7 .listTitle3 {
    top: 619px;
    left: 379px;
}
#slide7 .list3 {
    top: 662px;
    left: 380px;
}
#slide7 .smallTxt {
    position: absolute;
    left: 67px;
    bottom: 53px;
    font-size: 12px;
    color: #333333;
    line-height: 12px;
}
#slide7 .box3 {
    opacity: 0;
}
#slide7 .slideDownBtn {
    position: absolute;
    display: flex;
    left: 376px;
    align-items: center;
    position: absolute;
    width: 381px;
    height: 63px;
    background-image: url(../images/slideDownBtn.png);
    background-repeat: no-repeat;
    background-size: 381px 63px;
    cursor: pointer;
    -webkit-transition: 0.4s all;
    transition: 0.4s all;
}
#slide7 .slideDownBtn:hover {
    background-image: url(../images/slideDownBtnActive.png);
}
#slide7 .slideDownBtn p {
    font-family: "Lato-Bold";
    font-size: 30px;
    color: #ee1d22;
    line-height: 29px;
    padding-left: 113px;
}
#slide7 .slideDownBtn:hover p {
    color: #fff;
}
#slide7 .prevBtn,
#slide7 .nextBtn {
    display: none;
}
#slide7 .box1 {
    position: relative;
    top: 200px;
    -webkit-transition: top 0.3s;
    transition: top 0.3s;
}
#slide7 .box1.goUp {
    top: 0;
}
#slide7 .slideDown1 {
    top: 529px;
    z-index: 3;
}
#slide7 .slideDown1.fadeOut,
#slide7 .slideDown2.fadeOut {
    display: none;
}
#slide7 .slideDown2 {
    top: 547px;
    opacity: 0;
    z-index: 2;
}
#slide7 .slideDown2 p {
    padding-left: 40px;
}

@media screen and (max-width: 1500px) {
    #slide7 .circleS4_1,
    #slide7 .listTitle2,
    #slide7 .list2,
    #slide7 .circleS4_3 {
        left: 68px;
    }
    #slide7 .listTitle1,
    #slide7 .list1,
    #slide7 .slideDown1,
    #slide7 .slideDown2,
    #slide7 .listTitle3,
    #slide7 .list3 {
        left: 299px;
    }
    #slide7 .circleS4_2 {
        right: 48px;
    }
}
@media screen and (max-width: 1400px) {
    #slide7 .circleS4_2 {
        right: 17px;
    }
    #slide7 .list2 {
        padding-right: 195px;
    }
    #slide7 .list3 {
        padding-right: 30px;
    }
}
@media screen and (max-width: 1360px) {
    #slide7 .mainTitle {
        padding-right: 200px;
    }
    #slide7 .box1 {
        top: 150px;
    }
    #slide7 .listTitle {
        font-size: 24px;
    }
    #slide7 .list li {
        font-size: 19px;
    }
    #slide7 .list2 li br,
    #slide7 .list3 li br {
        display: none;
    }
    #slide7 .mainTitle {
        top: 33px;
        left: 40px;
    }
    #slide7 .circleS4_1 {
        top: 155px;
        left: 40px;
    }
    #slide7 .listTitle1 {
        top: 160px;
    }
    #slide7 .list1 {
        top: 210px;
        padding-right: 30px;
    }
    #slide7 .grayBox {
        top: 346px;
        left: 11px;
        height: 190px;
    }
    #slide7 .listTitle1, #slide7 .list1, #slide7 .slideDown1, #slide7 .slideDown2, #slide7 .listTitle3, #slide7 .list3 {
        left: 239px;
    }
    #slide7 .circleS4_1, #slide7 .listTitle2, #slide7 .list2, #slide7 .circleS4_3 {
        left: 40px;
    }
    #slide7 .listTitle2 {
        top: 9px;
    }
    #slide7 .list2 {
        top: 45px;
    }
    #slide7 .list li {
        line-height: 23px;
    }
    #slide7 .circleS4_3 {
        top: 545px;
    }
    #slide7 .listTitle3 {
        top: 575px;
    }
    #slide7 .list3 {
        top: 618px;
        padding-right: 20px;
    }
    #slide7 .smallTxt {
        left: 40px;
        bottom: 23px;
        max-width: 260px;
    }
}
@media screen and (max-width: 768px) {
    #slide7 .mainTitle {
        padding-right: 10px;
    }
    #slide7 .circleS4_1, #slide7 .circleS4_2, #slide7 .circleS4_3 {
        display: none;
    }
    #slide7 .listTitle , #slide7 .list, #slide7 .slideDown1, #slide7 .slideDown2 {
        left: 20px;
    }
    #slide7 .list {
        max-width: 320px;
    }
    #slide7 .listTitle,
    #slide7 .list {
        position: relative;
    }
    #slide7 .listTitle {
        margin-bottom: 20px;
    }
    #slide7 .list li {
        font-size: 18px;
    }
    #slide7 .box1 {
        top: auto;
    }
    #slide7 .listTitle1 {
        top: auto;
    }
    #slide7 .list1 {
        top: auto;
    }
    #slide7 .slideDownBtn {
        display: none;
    }
    #slide7 .grayBox {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        opacity: 1;
        margin: 20px 0;
    }
    #slide7 .listTitle2,
    #slide7 .list2 {
        position: relative;
    }
    #slide7 .list2 {
        top: auto;
        padding-bottom: 40px;
        padding-right: 0;
    }
    #slide7 .slideDown2 {
        top: 517px;
    }
    #slide7 .listTitle3 {
        top: auto;
    }
    #slide7 .list3 {
        top: auto;
        margin-bottom: 20px;
    }
    .slide .prevBtn, .slide .menuBtn, .slide .nextBtn, .slide .cslbeh {
        bottom: 135px;
    }
    #slide7 .slideDownBtn {
        width: 300px;
        height: 50px;
        background-image: url(../images/slideDownBtnMob.png);
        background-size: 300px 50px;
    }
    #slide7 .slideDownBtn p {
        font-size: 24px;
        padding-left: 73px;
    }
    #slide7 .slideDown2 p {
        padding-left: 20px;
    }
    #slide7 .box3 {
        opacity: 1;
    }
    #slide7 .prevBtn, #slide7 .nextBtn {
        display: block;
    }
}

/* ________________________________________________ #slide8 _____ */
#slide8 .topImgs p {
    top: 38px;
    right: 45px;
}
#slide8 .topImgs .line {
    margin-left: 5px;
}
#slide8 .mainTitle {
    top: 69px;
    left: 68px;
}
#slide8 .mainBox {
    display: flex;
    align-items: start;
    justify-content: space-between;
    position: absolute;
    top: 194px;
    left: 62px;
    max-width: 1447px;
}
#slide8 .mainBox .item {
    margin-right: 40px;
}
#slide8 .mainBox .item img {
    display: block;
    max-width: 100%;
    height: auto;
}
#slide8 .goNextBtn {
    bottom: 147px;
    right: 192px;
}
#slide8 .smallTxt {
    position: absolute;
    left: 67px;
    bottom: 53px;
    font-size: 12px;
    color: #333333;
    line-height: 12px;
}
@media screen and (max-width: 1560px) {
    #slide8 .smallTxt {
        max-width: 400px;
        bottom: 73px;
    }
}
@media screen and (max-width: 768px) {
    #slide8 .mainBox {
        position: relative;
        top: auto;
        left: auto;
        display: block;
    }
    #slide8 .mainBox .item {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

/* ________________________________________________ #slide9 _____ */
#slide9 .topImgs6 {
    position: absolute;
    top: 17px;
    right: 16px;
    z-index: 2;
}
#slide9 .mainTitle {
    top: 69px;
    left: 537px;
}
#slide9 .overflowBox {
    position: absolute;
    top: 154px;
    left: 81px;
    width: 1427px;
    height: 608px;
}
#slide9 .table {
    position: absolute;
    top: 0;
    left: 0;
    width: 1427px;
    height: 608px;
    background-image: url(../images/table.png);
    background-repeat: no-repeat;
    background-size: 1427px 608px;
}
#slide9 .table .scheme {
    position: absolute;
    top: 0;
    left: 0;
    width: 1427px;
    height: 608px;
    background-image: url(../images/tableScheme.png);
    background-repeat: no-repeat;
    background-size: 1427px 608px;
}
#slide9 .smallTxt {
    position: absolute;
    left: 67px;
    bottom: 53px;
    font-size: 12px;
    color: #333333;
    line-height: 12px;
}
@media screen and (max-width: 1560px) {
    #slide9 .overflowBox {
        left: 40px;
    }
}
@media screen and (max-width: 1400px) {
    #slide9 .mainTitle {
        top: 40px;
        left: 40px;
    }
    #slide9 .overflowBox {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 1230px;
    }
}
@media screen and (max-width: 1280px) {
    #slide9 .overflowBox {
        top: 115px;
        width: 940px;
        height: 538px;
    }
    #slide9 .table {
        height: 538px;
        background-size: 1427px 538px;
    }
    #slide9 .table .scheme {
        height: 538px;
        background-size: 1427px 538px;
    }
    #slide9 .smallTxt {
        max-width: 250px;
    }
}

/* ________________________________________________ #slide10 _____ */
@media screen and (min-width: 1200px) {
    #slide10 .questionBox .questions .qTitle {
        font-size: 24px;
    }
}
#slide10 #answer1 p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
}
#slide10 #answer1 p:last-child {
    margin-bottom: 0;
}
#slide10 #answer2 {
    top: -120px;
    padding-bottom: 0;
}
#slide10 #answer2 p {
    margin-bottom: 20px;
}
#slide10 #answer2 p:last-child {
    margin-bottom: 0;
}
#slide10 #answer3 {
    top: -240px;
}
#slide10 #answer3 p {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 20px;
}
#slide10 #answer3 p:last-child {
    margin-bottom: 0;
}
#slide10 #answer4 {
    top: -360px;
}
@media screen and (max-width: 1199px) {
    #slide10 #answer2 {
        top: -90px;
    }
    #slide10 #answer3 {
        top: -185px;
    }
    #slide10 #answer4 {
        top: -275px;
    }
}

/* ________________________________________________ #slide11 _____ */
#slide11 .topImgs p {
    top: 41px;
    right: 47px;
}
#slide11 .topImgs p span {
    font-size: 18px;
}
#slide11 .topImgs .line {
    font-size: 24px;
    margin-left: 5px;
}
#slide11 .mainTitle {
    top: 69px;
    left: 68px;
}
#slide11 .mainBox {
    display: flex;
    align-items: start;
    justify-content: space-between;
    position: absolute;
    top: 194px;
    left: 62px;
    max-width: 1447px;
}
#slide11 .mainBox .item {
    margin-right: 40px;
}
#slide11 .mainBox .item img {
    display: block;
    max-width: 100%;
    height: auto;
}
#slide11 .goNextBtn {
    bottom: 311px;
    left: 301px;
}
#slide11 .smallTxt {
    position: absolute;
    left: 67px;
    bottom: 53px;
    font-size: 12px;
    color: #333333;
    line-height: 12px;
}
@media screen and (max-width: 1410px) {
    #slide11 .goNextBtn {
        left: 62px;
        bottom: 371px;
    }
    #slide11 .smallTxt {
        max-width: 340px;
    }
}
@media screen and (max-width: 1199px) {
    #slide11 .mainTitle,
    #slide11 .mainBox,
    #slide11 .goNextBtn,
    #slide11 .smallTxt {
        left: 40px;
    }
    #slide11 .goNextBtn {
        bottom: 140px;
    }
    #slide11 .smallTxt {
        max-width: 270px;
    }
}

/* ________________________________________________ #slide12 _____ */
#slide12 .topImgs6 {
    position: absolute;
    top: 17px;
    right: 16px;
    z-index: 2;
}
#slide12 .mainTitle {
    top: 69px;
    left: 537px;
}
#slide12 .overflowBox {
    position: absolute;
    top: 154px;
    left: 81px;
    width: 1427px;
    height: 608px;
}
#slide12 .table {
    position: absolute;
    top: 0;
    left: 0;
    width: 1427px;
    height: 608px;
    background-image: url(../images/slide12Table.png);
    background-repeat: no-repeat;
    background-size: 1427px 608px;
}
#slide12 .table .scheme {
    position: absolute;
    top: 0;
    left: 0;
    width: 1427px;
    height: 608px;
    background-image: url(../images/slide12Scheme.png);
    background-repeat: no-repeat;
    background-size: 1427px 608px;
}
#slide12 .smallTxt {
    position: absolute;
    left: 67px;
    bottom: 53px;
    font-size: 12px;
    color: #333333;
    line-height: 12px;
}
@media screen and (max-width: 1560px) {
    #slide12 .overflowBox {
        left: 40px;
    }
}
@media screen and (max-width: 1400px) {
    #slide12 .mainTitle {
        top: 40px;
        left: 40px;
    }
    #slide12 .overflowBox {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 1230px;
    }
}
@media screen and (max-width: 1280px) {
    #slide12 .overflowBox {
        top: 115px;
        width: 92vw;
        height: 570px;
    }
    #slide12 .table {
        height: 538px;
        background-size: 1427px 538px;
    }
    #slide12 .table .scheme {
        height: 538px;
        background-size: 1427px 538px;
    }
    #slide12 .smallTxt {
        max-width: 250px;
    }
}

/* ________________________________________________ #slide13 _____ */
#slide13 #answer2 {
    top: -120px;
}
#slide13 #answer3 {
    top: -240px;
    padding: 15px 20px 10px 33px;
}
#slide13 #answer4 {
    top: -360px;
}
@media screen and (max-width: 1199px) {
    #slide13 #answer2 {
        top: -90px;
    }
    #slide13 #answer3 {
        top: -180px;
    }
    #slide13 #answer4 {
        top: -270px;
    }
}

/* ________________________________________________ #slide14 _____ */
#slide14 .mainTitle {
    top: 59px;
}
#slide14 #answer1 {
    padding-bottom: 15px;
}
#slide14 #answer1 p {
    font-size: 21px;
}
#slide14 #answer2 {
    top: -120px;
}
#slide14 #answer3 {
    top: -240px;
}
#slide14 #answer4 {
    top: -360px;
}
@media screen and (max-width: 1199px) {
    #slide14 #answer2 {
        top: -90px;
    }
    #slide14 #answer3 {
        top: -180px;
    }
    #slide14 #answer4 {
        top: -270px;
    }
}

/* ________________________________________________ #slide15 _____ */
#slide15 .topImgs p {
    top: 41px;
    right: 47px;
}
#slide15 .topImgs p span {
    font-size: 18px;
}
#slide15 .topImgs .line {
    font-size: 24px;
    margin-left: 5px;
}
#slide15 .mainTitle {
    top: 69px;
    left: 68px;
}
#slide15 .mainBox {
    display: flex;
    align-items: start;
    justify-content: space-between;
    position: absolute;
    top: 194px;
    left: 62px;
    max-width: 1447px;
}
#slide15 .mainBox .item {
    margin-right: 40px;
}
#slide15 .mainBox .item img {
    display: block;
    max-width: 100%;
    height: auto;
}
#slide15 .goNextBtn {
    bottom: 311px;
    left: 301px;
}
#slide15 .smallTxt {
    position: absolute;
    left: 67px;
    bottom: 53px;
    font-size: 12px;
    color: #333333;
    line-height: 12px;
}
@media screen and (max-width: 1440px) {
    #slide15 .goNextBtn {
        left: 40px;
    }
}
@media screen and (max-width: 1199px) {
    #slide15 .mainTitle,
    #slide15 .mainBox,
    #slide15 .smallTxt {
        left: 40px;
    }
    #slide15 .goNextBtn {
        bottom: 140px;
    }
    #slide15 .smallTxt {
        max-width: 270px;
    }
}

/* ________________________________________________ #slide16 _____ */
#slide16 .topImgs6 {
    position: absolute;
    top: 17px;
    right: 16px;
    z-index: 2;
}
#slide16 .mainTitle {
    top: 69px;
    left: 537px;
}
#slide16 .overflowBox {
    position: absolute;
    top: 154px;
    left: 81px;
    width: 1427px;
    height: 635px;
}
#slide16 .table {
    position: absolute;
    top: 0;
    left: 0;
    width: 1427px;
    height: 608px;
    background-image: url(../images/slide16Table.png);
    background-repeat: no-repeat;
    background-size: 1427px 608px;
}
#slide16 .table .scheme {
    position: absolute;
    top: 0;
    left: 0;
    width: 1427px;
    height: 608px;
    background-image: url(../images/slide16Scheme.png);
    background-repeat: no-repeat;
    background-size: 1427px 608px;
}
#slide16 .smallTxt {
    position: absolute;
    left: 67px;
    bottom: 53px;
    font-size: 12px;
    color: #333333;
    line-height: 12px;
}
@media screen and (max-width: 1560px) {
    #slide16 .overflowBox {
        left: 40px;
    }
}
@media screen and (max-width: 1400px) {
    #slide16 .mainTitle {
        top: 40px;
        left: 40px;
    }
    #slide16 .overflowBox {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 1230px;
    }
}
@media screen and (max-width: 1280px) {
    #slide16 .overflowBox {
        top: 115px;
        width: 940px;
        height: 538px;
    }
    #slide16 .table {
        height: 538px;
        background-size: 1427px 538px;
    }
    #slide16 .table .scheme {
        height: 538px;
        background-size: 1427px 538px;
    }
    #slide16 .smallTxt {
        max-width: 250px;
    }
}

/* ________________________________________________ #slide17 _____ */
#slide17 .mainTitle {
    top: 59px;
}
#slide17 #answer2 {
    top: -120px;
}
#slide17 #answer3 {
    top: -240px;
}
#slide17 .questionBox .questions .qTitle {
    font-size: 24px;
    line-height: 29px;
}
#slide17 #answer4 {
    top: -360px;
}
#slide17 #answer4 ul {
    margin: 10px 0 10px 17px;
}
#slide17 #answer4 ul li {
    position: relative;
    font-size: 22px;
    line-height: 27px;
    padding-left: 21px;
}
#slide17 #answer4 ul li::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ee1d22;
}
@media screen and (max-width: 1199px) {
    #slide17 .questionBox .questions .qTitle {
        font-size: 20px;
        line-height: 24px;
    }
    #slide17 .questionBox .questions .qTitle br {
        display: none;
    }
    #slide17 #answer2 {
        top: -90px;
    }
    #slide17 #answer3 {
        top: -180px;
    }
    #slide17 #answer4 {
        top: -270px;
    }
    #slide17 #answer4 ul li {
        font-size: 20px;
        line-height: 23px;
    }
}

/* ________________________________________________ #slide18 _____ */
#slide18 .mainTitle {
    top: 59px;
}
#slide18 #answer2 {
    top: -120px;
}
#slide18 #answer3 {
    top: -240px;
}
#slide18 .questionBox .questions .qTitle {
    font-size: 24px;
    line-height: 29px;
}
#slide18 #answer4 {
    top: -360px;
}
@media screen and (max-width: 1199px) {
    #slide18 .mainTitle {
        top: 29px;
    }
    #slide18 .questionBox .questions .qTitle {
        font-size: 20px;
        line-height: 24px;
    }
    #slide18 .questionBox .questions .qTitle br {
        display: none;
    }
    #slide18 #answer2 {
        top: -90px;
    }
    #slide18 #answer3 {
        top: -180px;
    }
    #slide18 #answer4 {
        top: -270px;
    }
    #slide18 #answer4 ul li {
        font-size: 20px;
        line-height: 23px;
    }
}

/* ________________________________________________ #slide19 _____ */
#slide19 .topImgs p {
    top: 37px;
    right: 42px;
}
#slide19 .topImgs .line {
    font-size: 24px;
    margin-left: 5px;
}
#slide19 .mainTitle {
    top: 69px;
    left: 68px;
    padding-right: 185px;
}
#slide19 .mainBox {
    display: flex;
    align-items: start;
    justify-content: space-between;
    position: absolute;
    top: 194px;
    left: 62px;
    max-width: 1447px;
}
#slide19 .mainBox .item {
    margin-right: 40px;
}
#slide19 .mainBox .item img {
    display: block;
    max-width: 100%;
    height: auto;
}
#slide19 .goNextBtn {
    bottom: 169px;
    right: 167px;
}
#slide19 .bottomTxt {
    position: absolute;
    bottom: 108px;
    left: 193px;
    font-family: "Lato-Bold";
    font-size: 30px;
    color: #333333;
}
#slide19 .smallTxt {
    position: absolute;
    bottom: 45px;
    left: 67px;
    font-size: 12px;
    color: #333333;
    line-height: 12px;
}
@media screen and (max-width: 1560px) {
    #slide19 .smallTxt {
        max-width: 580px;
    }
}
@media screen and (max-width: 1440px) {
    #slide19 .goNextBtn {
        right: 40px;
        bottom: 190px;
    }
    #slide19 .bottomTxt {
        left: 40px;
        bottom: 120px;
    }
}
@media screen and (max-width: 1199px) {
    #slide19 .mainTitle {
        top: 50px;
    }
    #slide19 .mainTitle,
    #slide19 .mainBox,
    #slide19 .smallTxt {
        left: 40px;
    }
    #slide19 .smallTxt {
        max-width: 270px;
    }
}
@media screen and (max-width: 768px) {
    #slide19 .bottomTxt {
        position: relative;
        left: 20px;
        bottom: auto;
        font-size: 22px;
        max-width: 330px;
    }
}

/* ________________________________________________ #slide20 _____ */
#slide20 .topImgs6 {
    position: absolute;
    top: 17px;
    right: 16px;
    z-index: 2;
}
#slide20 .mainTitle {
    top: 69px;
    left: 537px;
}
#slide20 .overflowBox {
    position: absolute;
    top: 154px;
    left: 81px;
    width: 1427px;
    height: 608px;
}
#slide20 .table {
    position: absolute;
    top: 0;
    left: 0;
    width: 1427px;
    height: 608px;
    background-image: url(../images/slide20Table.png);
    background-repeat: no-repeat;
    background-size: 1427px 608px;
}
#slide20 .table .scheme {
    position: absolute;
    top: 0;
    left: 0;
    width: 1427px;
    height: 608px;
    background-image: url(../images/slide20Scheme.png);
    background-repeat: no-repeat;
    background-size: 1427px 608px;
}
#slide20 .smallTxt {
    position: absolute;
    left: 67px;
    bottom: 53px;
    font-size: 12px;
    color: #333333;
    line-height: 12px;
}
@media screen and (max-width: 1560px) {
    #slide20 .overflowBox {
        left: 40px;
    }
}
@media screen and (max-width: 1400px) {
    #slide20 .mainTitle {
        top: 40px;
        left: 40px;
    }
    #slide20 .overflowBox {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 1230px;
    }
}
@media screen and (max-width: 1280px) {
    #slide20 .overflowBox {
        top: 115px;
        width: 940px;
        height: 538px;
    }
    #slide20 .table {
        height: 538px;
        background-size: 1427px 538px;
    }
    #slide20 .table .scheme {
        height: 538px;
        background-size: 1427px 538px;
    }
    #slide20 .smallTxt {
        max-width: 250px;
    }
}

/* ________________________________________________ #slide21 _____ */
#slide21 .mainTitle {
    top: 59px;
}
#slide21 #answer2 {
    top: -120px;
}
#slide21 #answer3 {
    top: -240px;
}
#slide21 .questionBox .questions .qTitle {
    font-size: 24px;
    line-height: 29px;
}
#slide21 #answer3 p {
    margin-bottom: 20px;
}
#slide21 #answer3 p:last-of-type {
    margin-bottom: 0;
}
#slide21 #answer4 {
    top: -360px;
}
@media screen and (max-width: 1199px) {
    #slide21 .mainTitle {
        top: 29px;
    }
    #slide21 .questionBox .questions .qTitle {
        font-size: 20px;
        line-height: 24px;
    }
    #slide21 .questionBox .questions .qTitle br {
        display: none;
    }
    #slide21 #answer2 {
        top: -90px;
    }
    #slide21 #answer3 {
        top: -180px;
    }
    #slide21 #answer4 {
        top: -270px;
    }
    #slide21 #answer4 ul li {
        font-size: 20px;
        line-height: 23px;
    }
}

/* ________________________________________________ #slide22 _____ */
#slide22 .topImgs p {
    top: 37px;
    right: 42px;
}
#slide22 .topImgs .line {
    font-size: 24px;
    margin-left: 5px;
}
#slide22 .mainTitle {
    top: 69px;
    left: 68px;
}
#slide22 .mainBox {
    display: flex;
    align-items: start;
    justify-content: space-between;
    position: absolute;
    top: 194px;
    left: 62px;
    max-width: 1447px;
}
#slide22 .mainBox .item {
    margin-right: 40px;
}
#slide22 .mainBox .item img {
    display: block;
    max-width: 100%;
    height: auto;
}
#slide22 .goNextBtn {
    bottom: 311px;
    left: 301px;
}
#slide22 .smallTxt {
    position: absolute;
    bottom: 45px;
    left: 67px;
    font-size: 12px;
    color: #333333;
    line-height: 12px;
}
@media screen and (max-width: 1560px) {
    #slide22 .smallTxt {
        max-width: 580px;
    }
}
@media screen and (max-width: 1440px) {
    #slide22 .goNextBtn {
        left: 40px;
        bottom: 190px;
    }
    #slide22 .bottomTxt {
        left: 40px;
        bottom: 120px;
    }
}
@media screen and (max-width: 1199px) {
    #slide22 .mainTitle {
        top: 50px;
    }
    #slide22 .mainTitle,
    #slide22 .mainBox,
    #slide22 .smallTxt {
        left: 40px;
    }
    #slide22 .smallTxt {
        max-width: 270px;
    }
}

/* ________________________________________________ #slide23 _____ */
#slide23 .topImgs6 {
    position: absolute;
    top: 17px;
    right: 16px;
    z-index: 2;
}
#slide23 .mainTitle {
    top: 69px;
    left: 537px;
}
#slide23 .overflowBox {
    position: absolute;
    top: 154px;
    left: 81px;
    width: 1427px;
    height: 635px;
}
#slide23 .table {
    position: absolute;
    top: 0;
    left: 0;
    width: 1427px;
    height: 608px;
    background-image: url(../images/slide23Table.png);
    background-repeat: no-repeat;
    background-size: 1427px 608px;
}
#slide23 .table .scheme {
    position: absolute;
    top: 0;
    left: 0;
    width: 1427px;
    height: 608px;
    background-image: url(../images/slide23Scheme.png);
    background-repeat: no-repeat;
    background-size: 1427px 608px;
}
#slide23 .smallTxt {
    position: absolute;
    left: 67px;
    bottom: 53px;
    font-size: 12px;
    color: #333333;
    line-height: 12px;
}
@media screen and (max-width: 1560px) {
    #slide23 .overflowBox {
        left: 40px;
    }
}
@media screen and (max-width: 1400px) {
    #slide23 .mainTitle {
        top: 40px;
        left: 40px;
    }
    #slide23 .overflowBox {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 1230px;
    }
}
@media screen and (max-width: 1280px) {
    #slide23 .overflowBox {
        top: 115px;
        width: 92vw;
        height: 570px;
    }
    #slide23 .table {
        height: 538px;
        background-size: 1427px 538px;
    }
    #slide23 .table .scheme {
        height: 538px;
        background-size: 1427px 538px;
    }
    #slide23 .smallTxt {
        max-width: 250px;
    }
}

/* ________________________________________________ #slide24 _____ */
#slide24 #answer2 {
    top: -120px;
}
#slide24 #answer3 {
    top: -240px;
}
#slide24 .questionBox .questions .qTitle {
    font-size: 24px;
    line-height: 29px;
}
#slide24 #answer4 {
    top: -360px;
    padding: 9px 24px 15px 33px;
}
#slide24 #answer4 p {
    margin-bottom: 17px;
}
#slide24 #answer4 p:last-of-type {
    margin-bottom: 0;
}
@media screen and (max-width: 1199px) {
    #slide24 .mainTitle {
        top: 29px;
    }
    #slide24 .questionBox .questions .qTitle {
        font-size: 20px;
        line-height: 24px;
    }
    #slide24 .questionBox .questions .qTitle br {
        display: none;
    }
    #slide24 #answer2 {
        top: -90px;
    }
    #slide24 #answer3 {
        top: -180px;
    }
    #slide24 #answer4 {
        top: -270px;
    }
    #slide24 #answer4 ul li {
        font-size: 20px;
        line-height: 23px;
    }
}

/* ________________________________________________ #slide25 _____ */
#slide25 .topImgs p {
    top: 37px;
    right: 42px;
}
#slide25 .topImgs .line {
    font-size: 24px;
    margin-left: 5px;
}
#slide25 .mainTitle {
    font-size: 47px;
    top: 69px;
    left: 68px;
}
#slide25 .mainBox {
    display: flex;
    align-items: start;
    justify-content: space-between;
    position: absolute;
    top: 194px;
    left: 62px;
    max-width: 1447px;
}
#slide25 .mainBox .item {
    margin-right: 40px;
}
#slide25 .mainBox .item img {
    display: block;
    max-width: 100%;
    height: auto;
}
#slide25 .mainBox2 {
    position: absolute;
    top: auto;
    bottom: 94px;
    left: 62px;
}
#slide25 .mainBox2 .slide25Table3 {
    display: block;
    max-width: 100%;
    height: auto;
}
#slide25 .smallTxt {
    position: absolute;
    bottom: 62px;
    left: 65px;
    font-size: 12px;
    color: #333333;
    line-height: 12px;
}
#slide25 .prevBtn,
#slide25 .menuBtn,
#slide25 .nextBtn {
    bottom: 40px;
}
@media screen and (max-width: 1560px) {
    #slide25 .mainTitle {
        padding-right: 200px;
    }
    #slide25 .smallTxt {
        max-width: 580px;
    }
}
@media screen and (max-width: 1440px) {
    #slide25 .goNextBtn {
        left: 40px;
        bottom: 190px;
    }
    #slide25 .bottomTxt {
        left: 40px;
        bottom: 120px;
    }
}
@media screen and (max-width: 1199px) {
    #slide25 .mainTitle {
        top: 50px;
    }
    #slide25 .mainTitle,
    #slide25 .mainBox,
    #slide25 .smallTxt {
        left: 40px;
    }
    #slide25 .mainBox2 {
        bottom: 110px;
        padding-right: 170px;
    }
    #slide25 .smallTxt {
        max-width: 270px;
    }
}
@media screen and (max-width: 1024px) {
    #slide25 .mainBox2 {
        bottom: 110px;
        padding-right: 170px;
    }
}
@media screen and (max-width: 768px) {
    #slide25 .mainBox2 {
        bottom: auto;
        padding-right: 0;
    }
    #slide25 .prevBtn, #slide25 .menuBtn, #slide25 .nextBtn {
        bottom: auto;
    }
}

/* ________________________________________________ #slide26 _____ */
#slide26 .mainTitle {
    top: 69px;
    left: 68px;
}
#slide26 .overflowBox {
    position: absolute;
    top: 158px;
    left: 57px;
    max-width: 1454px;
    width: 100%;
    height: 553px;
}
#slide26 .timeLineBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 1532px;
    height: 553px;
    background-image: url(../images/slide26Table.png);
    background-size: 1454px 553px;
    background-repeat: no-repeat;
}
#slide26 .timeLineBox .timeLineTxt {
    position: absolute;
    display: none;    
}
#slide26 .timeLineBox .timeLineTxt p {
    font-family: "Lato-Bold";
    font-size: 14px;
    color: #333333;
    line-height: 18px;
}
#slide26 .timeLineBox .timeLineTxt ul {
    margin-left: 22px;
}
#slide26 .timeLineBox .timeLineTxt ul li {
    position: relative;
    font-size: 14px;
    color: #333333;
    line-height: 18px;
    padding-left: 15px;
}
#slide26 .timeLineBox .timeLineTxt ul li::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #333333;
    border-radius: 50%;
}
#slide26 .timeLineBox .timeLineTxt ul li u {
    text-decoration: underline;
}
#slide26 .timeLineBox .timeLineTxt ul.noDot li::before {
    display: none;
}
#slide26 .timeLineBox .timeLineTxt1 {
    top: 0;
    left: 0;
    display: block;
}
#slide26 .timeLineBox .timeLineTxt1 p {
    color: #eb6b5c;
}
#slide26 .timeLineBox .timeLineTxt1 ul:first-of-type {
    margin-bottom: 10px;
}
#slide26 .timeLineBox .timeLineTxt2 {
    top: 308px;
    left: 116px;
}
#slide26 .timeLineBox .timeLineTxt2 p {
    color: #a0c6a2;
}
#slide26 .timeLineBox .timeLineTxt2 ul:first-of-type {
    margin-bottom: 10px;
}
#slide26 .timeLineBox .timeLineTxt3 {
    top: 36px;
    left: 314px;
}
#slide26 .timeLineBox .timeLineTxt3 p {
    color: #8dc9cc;
}
#slide26 .timeLineBox .timeLineTxt3 ul:first-of-type {
    margin-bottom: 10px;
}
#slide26 .timeLineBox .timeLineTxt4 {
    top: 308px;
    left: 521px;
}
#slide26 .timeLineBox .timeLineTxt4 p {
    color: #6f7b91;
}
#slide26 .timeLineBox .timeLineTxt4 p:nth-of-type(2) {
    margin-bottom: 10px;
}
#slide26 .timeLineBox .timeLineTxt4 ul:first-of-type {
    margin-bottom: 10px;
}
#slide26 .timeLineBox .timeLineTxt5 {
    top: 19px;
    left: 685px;
}
#slide26 .timeLineBox .timeLineTxt5 p {
    color: #f2c43a;
}
#slide26 .timeLineBox .timeLineTxt5 ul:first-of-type {
    margin-bottom: 10px;
}
#slide26 .timeLineBox .timeLineTxt6 {
    top: 308px;
    left: 879px;
}
#slide26 .timeLineBox .timeLineTxt6 p {
    color: #8b3d8b;
}
#slide26 .timeLineBox .timeLineTxt6 ul:first-of-type {
    margin-bottom: 10px;
}
#slide26 .timeLineBox .timeLineTxt7 {
    top: 36px;
    left: 1037px;
}
#slide26 .timeLineBox .timeLineTxt7 p {
    color: #2d5191;
}
#slide26 .timeLineBox .timeLineTxt7 ul:first-of-type {
    margin-bottom: 10px;
}
#slide26 .timeLineBox .timeLineTxt8 {
    top: 308px;
    left: 1231px;
}
#slide26 .timeLineBox .timeLineTxt8 p {
    color: #b4a76c;
}
#slide26 .timeLineBox .timeLineBtnsBox {
    position: absolute;
    display: flex;
    top: 227px;
    width: 100%;
    height: 50px;
    z-index: 2;
}
#slide26 .timeLineBox .timeLineBtnsBox .timeLineBtn {
    display: block;
    width: 181px;
    height: 50px;
    cursor: pointer;
}
#slide26 .goNextBtn {
    bottom: 114px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 592px;
    background-image: url(../images/goNextBtn2.png);
    background-size: 592px 63px;
    background-repeat: no-repeat;
}
#slide26 .goNextBtn:hover {
    background-image: url(../images/goNextBtnActive2.png);
}
#slide26 .smallTxt {
    position: absolute;
    bottom: 45px;
    left: 67px;
    font-size: 12px;
    color: #333333;
    line-height: 12px;
}
@media screen and (max-width: 1560px) {
    #slide26 .mainTitle {
        top: 40px;
    }
    #slide26 .overflowBox {
        top: 118px;
        height: 599px;
        overflow-x: scroll;
        overflow-y: hidden;
    }
}
@media screen and (max-width: 1380px) {
    #slide26 .smallTxt {
        left: 40px;
        bottom: 30px;
        max-width: 250px;
    }
}
@media screen and (max-width: 1199px) {
    #slide26 .mainTitle {
        left: 40px;
    }
    #slide26 .overflowBox {
        top: 95px;
        left: 40px;
    }
    #slide26 .goNextBtn {
        bottom: auto;
        top: 40px;
        left: auto;
        right: 40px;
        transform: none;
    }
}
@media screen and (max-width: 1023px) {
    #slide26 {
        height: auto;
        background: none;
        overflow: auto;
    }
    #slide26 .overflowBox {
        position: relative;
        height: auto;
        overflow: auto;
        max-width: none;
        width: 100% !important;
        left: auto !important;
    }
    #slide26 .timeLineBox {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        background: none;
    }
    #slide26 .timeLineBox .dateBoxMob {
        position: relative;
        display: block;
        width: 181px;
        height: 51px;
        background-repeat: no-repeat;
        background-size: 181px 414px;
        background-image: url(../images/slide26TableMob.png);
        background-position: 0 0;
        margin: 0 auto 20px;
    }
    #slide26 .timeLineBox .timeLineTxt {
        position: relative;
        top: auto;
        left: auto;
        display: block;
        width: fit-content;
        margin: 0 auto 30px;
    }
    #slide26 .timeLineBox .timeLineBtnsBox {
        display: none;
    }
    #slide26 .timeLineBox .dateBoxMob2 {
        background-position: 0 -50px;
    }
    #slide26 .timeLineBox .dateBoxMob3 {
        background-position: 0 -102px;
    }
    #slide26 .timeLineBox .dateBoxMob4 {
        background-position: 0 -154px;
    }
    #slide26 .timeLineBox .dateBoxMob5 {
        background-position: 0 -206px;
    }
    #slide26 .timeLineBox .dateBoxMob6 {
        background-position: 0 -258px;
    }
    #slide26 .timeLineBox .dateBoxMob7 {
        background-position: 0 -310px;
    }
    #slide26 .timeLineBox .dateBoxMob8 {
        background-position: 0 -362px;
    }
    #slide26 .goNextBtn {
        position: relative;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 304px;
        height: 100px;
        background-image: url(../images/goNextBtn2Mob.png);
        background-size: 304px 100px;
    }
    #slide26 .goNextBtn p {
        text-align: center;
        max-width: 220px;
        line-height: 26px;
        padding-left: 30px;
    }
}

/* ________________________________________________ #slide27 _____ */
#slide27 .topImgs6 {
    position: absolute;
    top: 17px;
    right: 16px;
    z-index: 2;
}
#slide27 .mainTitle {
    top: 69px;
    left: 405px;
}
#slide27 .overflowBox {
    position: absolute;
    top: 154px;
    left: 81px;
    width: 1427px;
    height: 635px;
}
#slide27 .table {
    position: absolute;
    top: 0;
    left: 0;
    width: 1427px;
    height: 608px;
    background-image: url(../images/slide27Table.png);
    background-repeat: no-repeat;
    background-size: 1427px 608px;
}
#slide27 .table .scheme {
    position: absolute;
    top: 0;
    left: 0;
    width: 1427px;
    height: 608px;
    background-image: url(../images/slide27Scheme.png);
    background-repeat: no-repeat;
    background-size: 1427px 608px;
}
#slide27 .smallTxt {
    position: absolute;
    left: 67px;
    bottom: 53px;
    font-size: 12px;
    color: #333333;
    line-height: 12px;
}
@media screen and (max-width: 1560px) {
    #slide27 .overflowBox {
        left: 40px;
    }
}
@media screen and (max-width: 1400px) {
    #slide27 .mainTitle {
        top: 40px;
        left: 40px;
    }
    #slide27 .overflowBox {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 1230px;
    }
}
@media screen and (max-width: 1280px) {
    #slide27 .overflowBox {
        top: 115px;
        width: 92vw;
        height: 570px;
    }
    #slide27 .table {
        height: 538px;
        background-size: 1427px 538px;
    }
    #slide27 .table .scheme {
        height: 538px;
        background-size: 1427px 538px;
    }
    #slide27 .smallTxt {
        max-width: 250px;
    }
}

/* ________________________________________________ #slide28 _____ */
#slide28 #answer2 {
    top: -120px;
}
#slide28 #answer3 {
    top: -240px;
}
#slide28 .questionBox .questions .qTitle {
    font-size: 24px;
    line-height: 29px;
}
#slide28 #answer4 {
    top: -360px;
}
@media screen and (max-width: 1199px) {
    #slide28 .mainTitle {
        top: 29px;
    }
    #slide28 .questionBox .questions .qTitle {
        font-size: 20px;
        line-height: 24px;
    }
    #slide28 .questionBox .questions .qTitle br {
        display: none;
    }
    #slide28 #answer2 {
        top: -90px;
    }
    #slide28 #answer3 {
        top: -180px;
    }
    #slide28 #answer4 {
        top: -270px;
    }
}

/* ________________________________________________ #slide29 _____ */
#slide29 .mainTitle {
    top: 69px;
    left: 68px;
}
#slide29 .slide29MiddleImg {
    position: absolute;
    top: 272px;
    left: 576px;
}
#slide29 .slide29MiddleImgMob {
    display: none;
}
#slide29 .stepTxt {
    position: absolute;
    font-size: 22px;
    color: #333333;
    line-height: 27px;
}
#slide29 .steps {
    position: absolute;
}
#slide29 .step1img {
    top: 354px;
    left: 62px;
}
#slide29 .step2img {
    top: 454px;
    left: 62px;
}
#slide29 .step3img {
    top: 354px;
    left: 790px;
}
#slide29 .step4img {
    top: 454px;
    left: 790px;
}
#slide29 .step1.stepTxt {
    top: 264px;
    left: 62px;
}
#slide29 .step2.stepTxt {
    left: 62px;
}
#slide29 .step2.stepTxt,
#slide29 .step4.stepTxt {
    top: 517px;
}
#slide29 .step3.stepTxt,
#slide29 .step4.stepTxt {
    left: 900px;
}
#slide29 .step3.stepTxt {
    top: 156px;
}
#slide29 .numberS29Mob {
    display: none;
}
@media screen and (max-width: 1540px) {
    #slide29 .slide29MiddleImg {
        left: 416px;
    }
    #slide29 .step1img,
    #slide29 .step2img  {
        width: 500px;
    }
    #slide29 .step3img,
    #slide29 .step4img  {
        width: 556px;
        left: 632px;
    }
    #slide29 .stepTxt br {
        display: none;
    }
    #slide29 .step1 {
        right: 30px;
    }
    #slide29 .step1.stepTxt,
    #slide29 .step2.stepTxt {
        width: 440px;
    }
    #slide29 .step1.stepTxt {
        top: 190px;
    }
    #slide29 .step3.stepTxt, 
    #slide29 .step4.stepTxt {
        width: 570px;
        left: 740px;
    }
    #slide29 .step3.stepTxt {
        top: 105px;
    }
}
@media screen and (max-width: 1340px) {
    #slide29 .slide29MiddleImg {
        left: 346px;
    }
    #slide29 .step1img,
    #slide29 .step2img  {
        width: 450px;
    }
    #slide29 .step3img,
    #slide29 .step4img  {
        width: 496px;
        left: 582px;
    }
    #slide29 .step1 {
        right: 30px;
    }
    #slide29 .step1.stepTxt,
    #slide29 .step2.stepTxt {
        width: 440px;
    }
    #slide29 .step1.stepTxt {
        top: 190px;
    }
    #slide29 .step3.stepTxt, 
    #slide29 .step4.stepTxt {
        width: 570px;
        left: 610px;
    }
    #slide29 .step3.stepTxt {
        top: 105px;
        left: 650px;
        width: 510px;
    }
}
@media screen and (max-width: 1198px) {
    #slide29 .mainTitle {
        top: 39px;
        left: 40px;
    } 
    #slide29 .step1.stepTxt {
        top: 110px;
        left: 40px;
    }
    #slide29 .step1img {
        top: 264px;
        left: 40px; 
    }
    #slide29 .step2img {
        top: 344px;
        left: 40px;
    }
    #slide29 .step2.stepTxt {
        top: 405px;
        left: 40px;
    }
    #slide29 .step3img {
        top: 264px;
        left: 525px; 
    }
    #slide29 .step4img {
        top: 344px;
        left: 525px; 
    }
    #slide29 .step3.stepTxt {
        top: 50px;
        left: 593px;
        width: 410px;
        font-size: 20px;
        line-height: 21px;
    }
    #slide29 .step4.stepTxt {
        top: 405px;
        left: 525px;
        width: 480px;
    }
    #slide29 .slide29MiddleImg {
        left: 321px;
        top: 150px;
    }
}
@media screen and (max-width: 1023px) {
    #slide29 {
        height: auto;
        background: none;
        overflow: auto;
    }
    #slide29 .mainTitle {
        position: relative;
        top: auto !important;
        left: auto !important;
        margin: 30px 0;
        padding: 0 10px !important;
        font-size: 36px;
        line-height: 41px;
        text-align: center;
    }
    #slide29 .slide29MiddleImg {
        display: none;
    }
    #slide29 .slide29MiddleImgMob {
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    #slide29 .stepTxt {
        position: relative;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        display: block;
        width: 300px !important;
        padding-bottom: 20px;
        margin: 0 auto 30px;
        font-size: 18px !important;
        line-height: 23px !important;
    }
    #slide29 .stepTxt::after {
        position: absolute;
        left: 0;
        bottom: 0;
        content: "";
        width: 305px;
        height: 2px;
        background-size: 305px 2px;
        background-repeat: no-repeat;
        background-image: url(../images/grayLineMob.png);
    }
    #slide29 .steps {
        display: none;
    }
    #slide29 .numberS29Mob {
        position: relative;
        display: block;
        width: 55px;
        height: 55px;
        background-repeat: no-repeat;
        background-size: 55px 55px;
        background-image: url(../images/numberS29Mob.png);
        margin-bottom: 20px;
    }
    #slide29 .numberS29Mob span {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-family: "Lato-Bold";
        font-size: 31px;
        color: #ee1d22;
    }
    #slide29 .prevBtn {
        position: relative;
        display: block;
        right: auto;
        left: auto;
        bottom: auto;
        float: left;
        margin-left: 10px;
        margin-bottom: 20px;
    }
}

/* ________________________________________________ #slide30 _____ */
/* ________________________________________________ #slide31 _____ */
#slide30 .mainTitle,
#slide31 .mainTitle {
    top: 69px;
    left: 68px;
}
#slide30 .refList,
#slide31 .refList {
    position: absolute;
    top: 155px;
    left: 85px;
    list-style-type: decimal;
    padding-right: 40px;
}
#slide31 .refList {
    left: 95px;
}
#slide30 .refList li,
#slide31 .refList li {
    font-size: 18px;
    color: #333333;
    line-height: 27px;
}
@media screen and (max-width: 1199px) {
    #slide30 .refList, #slide31 .refList {
        top: 135px;
    }
}
@media screen and (max-width: 1090px) {
    #slide30 .mainTitle, #slide31 .mainTitle {
        top: 39px;
        left: 40px;
    }
    #slide30 .refList, #slide31 .refList {
        top: 105px;
        left: 70px;
    }
    #slide30 .refList li, #slide31 .refList li {
        line-height: 23px;
    }
}
@media screen and (max-width: 991px) {
    #slide30 {
        height: auto;
        background: none;
        overflow: auto;
    }
    #slide30 .topImgs {
        display: none;
    }
    #slide30 .refList, #slide31 .refList,
    #slide30 .mainTitle, #slide31 .mainTitle {
        position: relative;
        top: auto !important;
        left: auto !important;
    }
    #slide30 .refList, #slide31 .refList {
        max-width: 520px;
        padding-right: 0;
        margin: 30px auto;
    }
    #slide30 .prevBtn,
    #slide30 .nextBtn {
        position: relative;
        right: auto;
        left: auto;
        bottom: auto;
        margin-bottom: 20px;
    }
    #slide30 .prevBtn {
        float: left;
        margin-left: 20px;
    }
    #slide30 .nextBtn {
        float: right;
        margin-right: 10px;
    }
}
@media screen and (max-width: 768px) {
    #slide30 .refList, #slide31 .refList {
        max-width: 310px;
    }
}

/* ________________________________________________ #slide32 _____ */
#slide32  {
    background-image: url(../images/bgLast.png);
}
#slide32 .lastTxt {
    position: absolute;
    top: 428px;
    right: 64px;
    font-family: "Lato-Bold";
    font-size: 60px;
    color: #333333;
}
#slide32 .lastTxt::after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #f79698;
}
@media screen and (max-width: 768px) {
    #slide32 {
        min-height: 800px;
    }
    #slide32 .lastTxt {
        top: 20%;
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 80%;
        text-align: center;
    }
    #slide32 .cslbeh {
        margin-top: 100%;
    }
}

/* ------------------------------------------------ Animations ----- */ 
@media screen and (min-width: 768px) {

    #slide2.activeSlide .box1, #slide2.activeSlide .slideDown1 { animation: fadeInDown  0.9s ease-out 0.4s both; }
    #slide2.activeSlide .slideDown1.fadeOut                    { animation: fadeOutDown 0.9s ease-out 0.1s both; }
    #slide2.activeSlide .grayBox.fadeIn                        { animation: fadeInUp    0.9s ease-out 0.2s both; }
    #slide2.activeSlide .slideDown2.fadeIn                     { animation: fadeInDown  0.9s ease-out 0.5s both; }
    #slide2.activeSlide .slideDown2.fadeOut                    { animation: fadeInDown  0.9s ease-out 0.2s both; }
    #slide2.activeSlide .box3.fadeIn                           { animation: fadeInUp    0.9s ease-out 0.2s both; }
    #slide7.activeSlide .box1, #slide7.activeSlide .slideDown1 { animation: fadeInDown  0.9s ease-out 0.4s both; }
    #slide7.activeSlide .slideDown1.fadeOut                    { animation: fadeOutDown 0.9s ease-out 0.1s both; }
    #slide7.activeSlide .grayBox.fadeIn                        { animation: fadeInUp    0.9s ease-out 0.2s both; }
    #slide7.activeSlide .slideDown2.fadeIn                     { animation: fadeInDown  0.9s ease-out 0.5s both; }
    #slide7.activeSlide .slideDown2.fadeOut                    { animation: fadeInDown  0.9s ease-out 0.2s both; }
    #slide7.activeSlide .box3.fadeIn                           { animation: fadeInUp    0.9s ease-out 0.2s both; }
    .slide.activeSlide .table                                  { animation: fadeIn      0.7s ease-out 0.4s both; }
    .slide.activeSlide .table .scheme                          { animation: schemeWidth 1.9s ease-out 0.8s both; }
    #slide26 .timeLineBox                                      { animation: fadeIn      0.7s ease-out 0.4s both; }
    #slide26 .timeLineBox .timeLineTxt1                        { animation: fadeIn      0.7s ease-out 0.7s both; }
}

@media screen and (max-width: 768px) {
    .slide {
        height: auto;
        background: none;
        overflow: auto;
    }
    .slide .cslbeh {
        position: relative;
        display: block;
        bottom: auto;
        right: auto;
        left: auto;
        margin: 30px auto;
    }
    .slide .topImgs {
        display: none;
    }
    .slide .nextBtn, .slide .nextBtnn {
        bottom: -40%;
    }
    .slide .topImgs {
        display: none;
    }
    .slide .mainTitle {
        position: relative;
        top: auto !important;
        left: auto !important;
        margin: 30px 0;
        padding: 0 10px !important;
        font-size: 36px;
        line-height: 41px;
        text-align: center;
    }
    .slide .menuBtn {
        display: block;
        position: relative;
        left: auto !important;
        bottom: auto !important;
        right: auto !important;
        margin: 20px auto;
    }
    .slide .smallTxt {
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
        max-width: none !important;
        text-align: center;
        margin: 30px auto;
        padding: 0 20px;
    }
    .slide .prevBtn {
        position: relative;
        display: block; 
        right: auto;
        left: auto;
        bottom: auto;
        float: left;
        margin-left: 10px;
        margin-bottom: 20px;
    }
    .slide .nextBtn {
        position: relative;
        right: auto;
        left: auto;
        bottom: auto;
        float: right;
        margin-right: 10px;
        margin-bottom: 20px;
    }
    .slide .menu {
        right: auto;
        left: auto;
        bottom: 160px;
        width: 100%;
        height: 650px;
        background-size: 100% 650px;
    }
    .slide .menu p {
        font-size: 24px;
    }
    .slide .menu ol li {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .questionsSlides .topImgs3 {
        display: none;
    }
    .questionsSlides .questionBox {
        position: relative;
        top: auto !important;
        left: auto !important;
    }
    .questionsSlides .questionBox .questions {
        width: 305px;
        margin: 0 auto 20px;
    }
    .questionsSlides .questionBox .questions .mobileButton {
        width: 305px;
        height: 75px;
        background-image: url(../images/questionsBgMob.png);
        background-size: 305px 75px;
    }
    .questionsSlides .questionBox .questions.active .mobileButton {
        background-image: url(../images/questionsBgActiveMob.png);
    }
    .questionsSlides .questionBox .questions .arrowQ3 {
        width: 47px;
    }
    .questionsSlides .questionBox .questions .number {
        font-size: 31px;
        padding-left: 20px;
    }
    .questionsSlides .questionBox .questions .qTitle {
        max-width: 170px;
        font-size: 18px;
        line-height: 22px;
    }
    .questionsSlides .answerBox {
        position: relative;
        right: auto;
        width: 320px;
    }
    .questionsSlides .questionBox .questions.active {
        height: auto;
    }
    .questionsSlides .answerBox .scrollBox {
        max-height: none;
        overflow-y: unset;
    }
    .questionsSlides .questions.active .answerBox {
        top: auto !important;
        margin-top: 20px;
    }
    .questionsSlides .tryAgainBtn,
    .questionsSlides .noClickBox {
        display: none !important;
    }
    .slide .goNextBtn {
        position: relative;
        width: 320px;
        height: 46px;
        background-size: 320px 46px;
        background-image: url(../images/goNextBtnMob.png);
        bottom: auto !important;
        right: auto !important;
        left: auto !important;
        margin: 30px auto;
    }
    .slide .goNextBtn p {
        font-size: 22px;
        padding-left: 18px;
    }
    .slide .topImgs6 {
        display: none;
    }
    .slide .overflowBox {
        position: relative !important;
        top: auto !important;
        left: 20px !important;
        width: 320px !important;
    }
    .slide .mainBox,
    .slide .mainBox2 {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        display: block !important;
    }
    .slide .mainBox .item,
    .slide .mainBox2 .item {
        margin-right: 0 !important;
        margin-bottom: 20px !important;
    }
    #slide14.questionsSlides .questionBox .questions .qTitle4,
    #slide17.questionsSlides .questionBox .questions .qTitle3,
    #slide17.questionsSlides .questionBox .questions .qTitle4,
    #slide21.questionsSlides .questionBox .questions .qTitle4 {
        max-width: 203px;
        font-size: 17px;
        line-height: 22px;
    }
    #slide21.questionsSlides .questionBox .questions .qTitle4 {
        line-height: 19px;
    }
}