.box_news {}

.boxShift {}

.divShift {
    box-sizing: border-box;
    max-width: 90%;
    margin: 0 auto;
    width: 1450px;
    position: relative;
}

.divShift .arrows {}

.divShift .arrows .arrowsLeft, .divShift .arrows .arrowsRight {
    position: absolute;
    width: 84px;
    height: 84px;
    border: 1px solid #004D99;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    transition: all 0.3s ease-out 0s;
}

.divShift .arrows .arrowsLeft:hover, .divShift .arrows .arrowsRight:hover {
    background-color: #004D99;
}

.divShift .arrows .arrowsLeft:after, .divShift .arrows .arrowsRight:after {
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-color: #004D99;
    border-style: solid;
    border-width: 0 0 3px 3px;
    position: absolute;
    transition: all 0.3s ease-out 0s;
}

.divShift .arrows .arrowsLeft:hover:after, .divShift .arrows .arrowsRight:hover:after {
    border-color: #FFFFFF;
}

.divShift .arrows .arrowsLeft:after {
    transform: rotate(45deg);
    left: 10px;
}

.divShift .arrows .arrowsRight:after {
    transform: rotate(225deg);
    right: 10px;
}

.divShift .arrows .arrowsLeft {
    left: 25px;
}

.divShift .arrows .arrowsRight {
    right: 25px;
}

.div_news {
    box-sizing: border-box;
    max-width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    width: 1530px;
}

.div_news .carouselDiv {
    position: relative;
}

.carousel {
    position: relative;
    overflow: hidden;
    cursor: e-resize;
    padding-bottom: 2px;
    border-radius: 0 0 80px 80px;
}

.carousel .navig {
    padding: 20px 0;
    display: flex;
    gap: 10px;
}

.carousel .navig .nrSp {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    cursor: pointer;
}

.carousel .navig .nrSp.sel {
    background-color: #FFFFFF;
}

.carousel ul {
    list-style: none;
    white-space: nowrap;
    z-index: 0;
    display: flex;
    left: 0;
    position: relative;
    padding: 0;
}

.carousel ul.isRun {
    transition: all 0.3s ease-in-out 0s;
}

.divDeals .carousel ul li {
    padding: 0 20px;
}

.carousel ul li {
    width: 100%;
    box-sizing: border-box;
    flex: 1 0 auto;
    position: relative;
    padding: 0;
    min-height: 200px;
    display: flex;
    justify-content: space-between;
    white-space: normal;
}

.carousel ul li .image {
    width: 50%;
}

.carousel ul li .image img {
    max-width: 100%;
    height: auto;
    border-radius: 0 0 0 80px;
}

.carousel ul li .content {
    background-color: #004D99;
    width: 50%;
    border-radius: 0 0 80px 0;
    display: flex;
    flex-direction: column;
    white-space: normal;
    padding: 30px 25px 0 25px;
    box-sizing: border-box;
    color: #FFFFFF;
}

.carousel ul li .content a {
    color: #FFFFFF;
}

.carousel ul li .content .title {
    font-size: 31px;
    font-weight: 600;
    padding: 0 0 26px 0;
    margin-bottom: 30px;
    position: relative;
}

.carousel ul li .content .title:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 4px;
    background-color: #FFAA00;
}

.carousel ul li .content .text {
    font-size: 18px;
    font-weight: 400;
}

.carousel ul li .content .button2 {
    align-self: flex-start;
    margin-top: 35px;
    font-size: 18px;
    color: #FFFFFF;
    background-color: transparent;
    border-color: #FFFFFF;
}

.carousel ul li .content .button2:hover {
    background-color: #FFFFFF;
    color: #004D99;
}

.boxOpinions .divShift {
    padding: 0 144px;
}

.boxOpinions .divShift .carousel li {
    padding: 20px 50px 20px 50px;
    border: 1px solid rgba(0, 77, 153, 0.16);
    border-radius: 20px;
    box-sizing: border-box;
}

.boxOpinions .divShift .carousel {
    min-height: 300px;
}

.boxOpinions .divShift .carousel .navig {
    left: 0;
    right: 0;
    margin: auto;
    justify-content: center;
}

.boxOpinions .divShift .carousel .navig .nrSp {
    width: 16px;
    height: 16px;
    border: 2px solid #004D99;
    box-sizing: border-box;
}

.boxOpinions .divShift .carousel .navig .nrSp.sel {
    background-color: #004D99;
}

.boxOpinions .divShift li {
    font-weight: 400;
    color: #004D99;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.boxOpinions .divShift li .text {
	font-size: var(--small-text-size);
    display: block;
    overflow: hidden;
    position: relative;
    padding: 30px;
}

.boxOpinions .divShift li .text:before {
    content: "";
    display: block;
    position: absolute;
    width: 48px;
    height: 33px;
    top: 0;
    left: 0;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAhCAYAAACfiCi5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAGMWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTFjZDEyZiwgMjAyNC8xMS8xMS0xOTowODo0NiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI2LjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyNS0wMy0xMFQwOToyMTo0MyswMTowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjUtMDMtMTBUMTM6MjQ6MzgrMDE6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjUtMDMtMTBUMTM6MjQ6MzgrMDE6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjExOGZmNzQ0LTA1Y2QtYjI0Yi04NmZlLTRiMmJjZGY0NGQ5NyIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjE1NDk3NDEyLTM4MTEtYWY0NC04OTgxLTg1OTE2MjJlMjE5YSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjUwYmQ5YjAzLThiYzctOWI0NS05Yzc0LWE2YTEwZmVhOTU1OSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NTBiZDliMDMtOGJjNy05YjQ1LTljNzQtYTZhMTBmZWE5NTU5IiBzdEV2dDp3aGVuPSIyMDI1LTAzLTEwVDA5OjIxOjQzKzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjYuNCAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MTE4ZmY3NDQtMDVjZC1iMjRiLTg2ZmUtNGIyYmNkZjQ0ZDk3IiBzdEV2dDp3aGVuPSIyMDI1LTAzLTEwVDEzOjI0OjM4KzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjYuNCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+69GubgAAAQ5JREFUWMPtmLEKwjAQhk9ERERcRBAEBydnJ3FxkEp19rUcXCS0Lo6+pCZHC0ZoWvEnIeV+SJcMl4+S75IQrVWP0msfNujVocroOWQts3Y6qBmdshVsMERFzByyllm7AHwP/q0xAzij9wCy1k5NiD/eAHSQtfZqTPwRgLYApNk8bgC2Qk2Q0thcBli1+QbgniMAbQLgTVUTZN/hrn9+dr0CIKUBV5sAhAZIHsO4AVx3gTKm+SBqHfPFxzldHwF8AaCsZykb5WYBCA3gfJEoYpoPHCC5Tb3cBZDSsJSNUpsAhARI1TJugCZH6TKmCf1bb3sfYbvjLwAI61nKRrhZAEID8DNfzABN7gJIaRRd/w0chC3UtX0G9gAAAABJRU5ErkJggg==') 50% 50% no-repeat;
}

.boxOpinions .divShift li .text:after {
    content: "";
    display: block;
    position: absolute;
    width: 48px;
    height: 33px;
    bottom: 0;
    right: 0;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAhCAYAAACfiCi5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAGMWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTFjZDEyZiwgMjAyNC8xMS8xMS0xOTowODo0NiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI2LjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyNS0wMy0xMFQwOToyMTo0MyswMTowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjUtMDMtMTBUMTM6MjU6MDArMDE6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjUtMDMtMTBUMTM6MjU6MDArMDE6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmYzNWUyNzRlLTUwOWItODQ0Ny04NTE2LWU0ZmU5MzQwMWJhOSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjRlNzJhM2QwLTljZWQtZmU0Mi1hNWNjLTIxMzdlYjRiYzM5MSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjc3MGM0OTBiLWQ2NjktNTE0Mi1iMDFmLWFmNTMwNGFjYzA3ZSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NzcwYzQ5MGItZDY2OS01MTQyLWIwMWYtYWY1MzA0YWNjMDdlIiBzdEV2dDp3aGVuPSIyMDI1LTAzLTEwVDA5OjIxOjQzKzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjYuNCAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZjM1ZTI3NGUtNTA5Yi04NDQ3LTg1MTYtZTRmZTkzNDAxYmE5IiBzdEV2dDp3aGVuPSIyMDI1LTAzLTEwVDEzOjI1OjAwKzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjYuNCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8iFr0QAAARdJREFUWMPtmDELAjEMhSsiIiIuIgiCg5Ozk7g4yEl19m85uEg5XRz9k9p0KUX0Cn22jbSQ4bjy0o8jL80JYdazJQ71Iii2aih8F+0NzSfPXStID6GCOzXxBtioEW8A2lsAuAOsTj0ruL4NggX311lUAMc0EK5A4bukmvMGQOQqAKkBqssYW1QUS9VpPj2g67+5HgrA8eZPBQyw7AKQA4Csp1aUmhBC1OmOPwZwTAMl6HOlru593gAoyy4AOQAcH21hmg9KkCatmADG9ZCu4DMToCy7AGQDQM2HK4AxDWRR+Vyp6QrAGgCZqwCkBjB9B/GbzwHQE1csAGMaSFdomgmQXT8JALLn/A8AfVYSRsXXGtDvkLn02V+iYS3U7JSGLgAAAABJRU5ErkJggg==') 50% 50% no-repeat;
}

.boxOpinions .divShift li .name {
    font-weight: 900;
}

.divShift .arrows .arrowsLeft, .divShift .arrows .arrowsRight {
    top: -55px
}

.popularQuest {
    background: url(../images/bg_pop.png) 50% 50% no-repeat;
    background-size: cover;
    padding: 60px 0
}

.popularQuest .divTitle {
    color: #FFFFFF
}

.popularQuest .divShift li {
	font-size: var(--small-text-size);
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.popularQuest .divShift {
    padding: 23px 144px 0 144px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    background-color: rgba(33, 49, 145, 0.5);
    backdrop-filter: blur(5px);
}

.popularQuest .divShift .carousel {
    min-height: 300px;
}

.popularQuest .divShift li .title {
    font-size: var(--subtitle-size);
    font-weight: 700;
    margin-bottom: 30px;
}

.popularQuest .divShift .arrows .arrowsLeft {
    left: 30px
}

.popularQuest .divShift .arrows .arrowsRight {
    right: 30px
}

.popularQuest .divShift .carousel .navig {
    left: 0;
    right: 0;
    margin: auto;
    justify-content: center;
}

.popularQuest .divShift .carousel .navig .nrSp {
    width: 16px;
    height: 16px;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
}

.popularQuest .divShift .carousel .navig .nrSp.sel {
    background-color: #FFFFFF;
}

.popularQuest .divShift .arrows .arrowsLeft, .popularQuest .divShift .arrows .arrowsRight {
    border-color: #FFFFFF
}

.popularQuest .divShift .arrows .arrowsLeft::after, .popularQuest .divShift .arrows .arrowsRight::after {
    border-color: #FFFFFF
}

@media screen and (max-width:1300px) {
    .carousel ul li .content {
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly
    }

    .carousel ul li .content .title {
        font-size: 18px;
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .carousel ul li .content .text {
        font-size: 15px
    }

    .carousel ul li .content .button2 {
        font-size: 15px
    }
}

@media screen and (max-width:1200px) {
    .divShift {
        max-width: 100%;
        padding: 0 15px;
    }

    .popularQuest .divShift {
        border-radius: 0px;
    }

    .boxOpinions .divShift .carousel li {
        padding: 15px;
    }
}

@media screen and (max-width:1000px) {
    .carousel ul li .image {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }

    .carousel ul li .image img {
        width: 100%;
        height: auto
    }

    .carousel ul li .content {
        width: 100%;
        position: relative;
        z-index: 1;
        background-color: RGBA(0, 77, 153, 0.8);
        border-radius: 0;
        height: 101%
    }

    .carousel {
        border-radius: 0
    }
}

@media screen and (max-width:880px) {
    .divShift .arrows {
        display: none
    }

    .boxOpinions .divShift {
        padding: 0;
    }

    .boxOpinions .divShift .carousel li {
        border-radius: 0;
    }

    .boxOpinions .divShift li .text {
        padding: 33px 0;
    }

    .popularQuest {
        padding: 30px 0px
    }

    .popularQuest .divShift {
        padding: 23px 25px 0 25px
    }

    .popularQuest .divShift .carousel .navig {
        bottom: 5px
    }

    .popularQuest .divShift .carousel {
        padding-bottom: 30px
    }
}
