

/* Start:/local/templates/smartdriving/components/bitrix/news.detail/uv-banner/style.css?17670180883010*/
.element--without-margin {
    margin-bottom: 0 !important;
}

.element-uv-icon-list {
    padding: 60px 0;
    display: flex !important;
    justify-content: space-between;
    gap: 40px;
}

.element-uv-icon-list-item {
    max-width: 330px;
    display: grid !important;
    grid-gap: 20px;
    grid-template-columns: 40px auto;
}

.element-uv-icon-list-item-img {
    width: 40px;
    height: 40px;
}

.element-uv-icon-list-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.element-uv-icon-list-item-text {
    font-size: 20px;
    color: #8E8E8E;
}

html .element__title {
    opacity: 1;
    color: #8E8E8E;
}

.element__title b {
    color: #000;
    font-weight: 400;
}

.element__inner--with-btns .element__img-2 {
    max-height: 350px;
    object-fit: contain;
}

.element__btns-row {
    padding: 20px 0 90px;
}

.element__btns-title-outer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.element__btns-title {
    font-size: 38px;
    color: #8E8E8E;
    text-align: center;
    max-width: fit-content;
    position: relative;
}

.element_banner-link-list {
    display: flex;
    justify-content: center;
    gap: 70px;
    padding-top: 60px;
}

.element_banner-link {
    width: 388px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    display: flex;
    padding: 23px 10px;
    color: #FFFFFF;
    font-size: 20px;
    background: linear-gradient(180deg, #3E94FF 0%, #005CCE 100%);
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: .4s opacity;
}

.element_banner-link:hover {
    opacity: .7;
}

.element_banner-link:active {
    opacity: .4;
}

.element__inner--with-btns {
    background-position: 0 40% !important;
}

.element__btns-title img {
    position: absolute;
    top: 21px;
}

.element__btns-title img:nth-child(1) {
    right: calc(100% + 32px);
}

.element__btns-title img:nth-child(2) {
    left: calc(100% + 32px);
}

@media (max-width: 970px) {
    .element-uv-icon-list {
        flex-direction: column;
        padding: 40px 0;
    }

    .element-uv-icon-list-item {
        max-width: 100%;
        min-height: 30px;
        padding-left: 40px;
        position: relative;
        grid-template-columns: 1fr;
        align-items: center;
    }

    .element-uv-icon-list-item-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 30px;
        height: 30px;
    }

    html .element__inner {
        background-position: 0px 30%;
    }

    .element-uv-icon-list-item-text {
        font-size: 16px;
    }

    .element__btns-title img {
        display: none;
    }

    .element_banner-link-list {
        flex-direction: column;
        gap: 21px;
        padding-top: 40px;
    }

    .element__btns-title {
        font-size: 24px;
    }

    .element_banner-link {
        width: 100%;
        font-size: 16px;
    }
    .element__inner--with-btns .element__img-2{
        max-width: 80%;
    }
}
/* End */


/* Start:/local/templates/smartdriving/components/bitrix/news.detail/uv-banner-after/style.css?17670180885936*/
.uveos-after.l-padding-container{
    padding-top: 0;
}

.uveos-after-text b{
    color: #000;
}
.uveos-after-text{
    display: grid;
    grid-gap: 17px;
    grid-template-columns: 520px auto;
}
.uveos-after-text>div{
    background-color: #F8F8F8;
    border-radius: 6px;
}
.uveos-after-text-first{
    padding: 50px;
}
.uveos-after-text-title{
    font-size: 28px;
    line-height: 1.5;
    color: #000;
    margin-bottom: 22px;
}

.uveos-after-text-first-text p:not(:last-child){
    margin-bottom: 16px;
}
.uveos-after-text-first-text ul{
    list-style: disc;
    padding-left: 19px;
    display: grid;
    grid-gap: 12px;
}
.uveos-after-text-first-text ul li::marker{
    color: #3E94FF;
}
.uveos-after-text-second{
    display: grid;
    grid-gap: 48px;
    grid-template-columns: 290px auto;
    padding: 26px 40px;
    font-size: 16px;
    line-height: 1.5;
    color: #8E8E8E;
}
.uveos-after-text-second-text{
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: center;
    position: relative;
}
.uveos-after-text-second-text-item{
    min-height: 120px;
    display: block;
}
.uveos-after-text-second-text:nth-child(1):after{
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #3E94FF;
    right: -22px;
}

.uveos-after-list{
    margin-top: 90px;
    border-bottom: 2px solid #ECECEC;
}
.uveos-after-list-content{
    max-height: 0px;
    overflow: hidden;
    transition: .4s all;
}
.uveos-after-utp{
    margin-top: 150px;
}

.uveos-after-list-title{
    font-size: 38px;
    line-height: 1;
    color: #8E8E8E;
    padding-bottom: 30px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.uveos-after-list-title button{
    width: 70px;
    height: 70px;
    border-radius: 50px;
    background-color: #F8F8F8;
    opacity: 1;
    position: relative;
    transition: .4s opacity;
    border: none;
    cursor:pointer;
    min-width: 70px;
}
.uveos-after-list-title button:hover{
    opacity: .7;
}

.uveos-after-list-title button span{
    position: absolute;
    width: 36px;
    height: 2px;
    background-color: #3E94FF;
    left: calc((100% - 36px) / 2);
}
.uveos-after-list-title button span:nth-child(2){
    transform: rotate(90deg);
    transition: .4s transform;
}

.uveos-after-list.open .uveos-after-list-title button span:nth-child(2){
    transform: rotate(360deg);
}
.uveos-after-list.open .uveos-after-list-content{
    max-height: 1500px;
}


.uveos-after-list table {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.uveos-after-list table td, .uveos-after-list table th {
    border: 1px solid #ddd;
    padding: 8px;
}

.uveos-after-list table tr:nth-child(even){background-color: #f2f2f2;}

.uveos-after-list table tr:hover {background-color: #ddd;}

.uveos-after-list table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #3E94FF;
    color: white;
}

.uveos-after-utp-list{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.uveos-after-utp-list-item{
    max-width: 167px;
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.uveos-after-utp-list-item-img{
    display: flex;
    justify-content: center;
}
.uveos-after-utp-list-item-img img{
    width: 80px;
    height: 80px;
    object-fit: contain;
}
.uveos-after-utp-list-item-text{
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 3%;
}

@media(max-width: 1200px){
    .uveos-after-text{
        grid-template-columns: 1fr;
    }
    .uveos-after-text-second{
        grid-template-columns: 1fr 1fr;
    }
    .uveos-after-text-second-text-item{
        min-height: 0;
    }
    .uveos-after-utp-list{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .uveos-after-utp-list-item{
        max-width: none;
    }
}
@media(max-width: 680px){
    .uveos-after-text-title{
        font-size: 20px;
    }
    .uveos-after-text-first-text{
        font-size: 16px;
    }
    .uveos-after-text-second-text-item{
        font-size: 16px;
    }
    .uveos-after-text-first-text ul{
        grid-gap: 8px;
    }
    .uveos-after-text-second{
        grid-template-columns: 1fr;
        padding: 40px 20px;
        grid-gap: 40px;
    }
    .uveos-after-text-first{
        padding: 40px 20px;
    }

    .uveos-after-text-second-text:nth-child(1):after{
        width: 100%;
        height: 1px;
        background-color: #3E94FF;
        right: 0;
        bottom: -20px;
    }
    .uveos-after-list{
        margin-top: 60px;
    }
    .uveos-after-list-title{
        font-size: 20px;
        padding-bottom: 20px;
    }
    .uveos-after-list-title button{
        width: 45px;
        height: 45px;
        min-width: 45px;
    }
    .uveos-after-list-title button span{
        width: 24px;
        left: calc((100% - 24px) / 2);
    }

    .uveos-after-utp{
        margin-top: 60px;
    }
    .uveos-after-utp-list{
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }
    .uveos-after-utp-list-item{
        flex-direction: row;
        gap: 10px;
        align-items: center;
    }

    .uveos-after-utp-list-item-text{
        text-align: left;
    }
    .uveos-after-utp-list-item-img{
        width: 60px;
        height: 60px;
        min-width: 60px;
    }
    .uveos-after-utp-list-item-img img{
        width: 60px;
        height: 60px;
    }
}

.uveos-after-list-content ul{
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.uveos-after-list-content ul li{
    padding-left: 20px;
    position: relative;
    font-weight: 400;
}

.uveos-after-list-content ul li:before{
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50px;
    background-color: #3e94ff;
    left: 0;
    top: calc((100% - 5px) / 2)
}
/* End */


/* Start:/local/templates/smartdriving/components/bitrix/news.detail/uv-set/style.css?1767018088410*/
.uveos-set{
    background-color: #F8F8F8;
    margin: 0 24px;
    border-radius: 6px;
}

.uveos-set-pictures img{
    width: 100%;
    object-fit: contain;
}

.uveos-set-pictures--adaptive{
    display: none;
}

@media(max-width: 680px){
    .uveos-set{
        margin: 0;
    }
    .uveos-set-pictures--desktop{
        display: none;
    }
    .uveos-set-pictures--adaptive{
        display: block;
    }

}
/* End */


/* Start:/local/templates/smartdriving/components/bitrix/news.detail/uv-principle/style.css?17670180881534*/
.uveos-principle__list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 60px 100px;
    padding-right: 85px;
}

.uveos-principle__list-item{
    background-color: #F8F8F8;
    border-radius: 6px;
    position: relative;
}
.uveos-principle__list-item-picture{
    width: 92px;
    height: 92px;
}
.uveos-principle__list-item-picture img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.uveos-principle__list-item{
    padding: 40px 35px;
    width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
}
.uveos-principle__list-item-line{
    position: absolute;
    left: calc(100% + 15px);
    width: 71px;
    height: 16px;
}

.uveos-principle__list-item-line--rotate{
    transform: rotate(180deg);
}
.uveos-principle__list-item-line .mobile{
    display: none;
}

@media(max-width: 1280px){
    .uveos-principle__list-item-line .desktop{
        display: none;
    }
    .uveos-principle__list-item-line .mobile{
        display: block;
    }
    .uveos-principle__list{
        grid-template-columns: 1fr;
        grid-gap: 70px;
        padding-right: 0;
    }
    .uveos-principle__list-item{
        width: 100%;
    }
    .uveos-principle__list-item-line,
    .uveos-principle__list-item-line--rotate{
        transform: none;
        left: calc((100% - 16px) / 2);
        top: calc(100% + 15px);
        width: 16px;
        height: 40px;
    }
}
/* End */


/* Start:/local/templates/smartdriving/components/bitrix/news.detail/uv-documents/style.css?17670180881956*/
.uveos-documents__list {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 50px;
}

.uveos-documents__list-rows {
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
    z-index: 1;
}

.uveos-documents__list-item {
    display: grid;
    grid-template-columns: 130px auto;
    grid-gap: 30px;
    height: fit-content;
}

.uveos-documents__list-item-icon {
    width: 130px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 4px 2px 10px 0px #0000001A;
    border-radius: 6px;
}

.uveos-documents__list-item-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 18px;
}

.uveos-documents__list-item-content p {
    font-size: 24px;
    line-height: 1.1;
}

.uveos-documents__list-item-content a,
.uveos-documents__list-item-content a:visited {
    font-size: 20px;
    color: #3E94FF;
    border-bottom: 1px solid;
    width: fit-content;
    opacity: 1;
    transition: .2s opacity;
}

.uveos-documents__list-item-content a:hover {
    opacity: .7;
}

.uveos-documents__list-item-content a:active {
    opacity: .4;
}

.uveos-documents__picture {
    position: absolute;
    right: -4%;
    bottom: -20%;
}

.uveos-documents > .container {
    position: relative;
}

@media (max-width: 1024px) {
    .uveos-documents__list-rows {
        grid-template-columns: 1fr;
        gap: 50px;
    }
}

@media (max-width: 680px) {
    .uveos-documents__list-item-icon {
        width: 80px;
        height: 80px;
    }

    .uveos-documents__list-item-content p {
        font-size: 16px;
    }

    .uveos-documents__list-item-content a {
        font-size: 14px;
    }
    .uveos-documents__list-item {
        grid-template-columns: 80px auto;
        grid-gap: 20px;
    }
    .uveos-documents__picture{
        display: none;
    }
    .uveos-documents__list-rows,
    .uveos-documents__list{
        gap: 40px;
    }
}
/* End */


/* Start:/local/templates/smartdriving/components/bitrix/news.detail/uv-contacts/style.css?1767018088838*/
.uveos-contacts__picture img{
    border-radius: 10px;
    width: 100%;
}

.uveos-contacts__row{
    display: grid;
    grid-gap: 50px;
    grid-template-columns: 250px auto;
}
.uveos-contacts__info{
    display: flex;
    gap: 20px;
    flex-direction: column;
    justify-content: center;
    font-size: 24px;
    color: #8E8E8E;
}
.uveos-contacts__info a{
    color: #8E8E8E;
    transition: .4s color;
}
.uveos-contacts__info a:hover{
    color: #000;
}
.uveos-contacts__info-name{
    color: #000;
}

@media(max-width: 680px){
    .uveos-contacts__row{
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .uveos-contacts__info{
        font-size: 16px;
        gap: 10px;
    }
}

.uveos-contacts__info-email span{
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin-bottom: 5px;
}
/* End */
/* /local/templates/smartdriving/components/bitrix/news.detail/uv-banner/style.css?17670180883010 */
/* /local/templates/smartdriving/components/bitrix/news.detail/uv-banner-after/style.css?17670180885936 */
/* /local/templates/smartdriving/components/bitrix/news.detail/uv-set/style.css?1767018088410 */
/* /local/templates/smartdriving/components/bitrix/news.detail/uv-principle/style.css?17670180881534 */
/* /local/templates/smartdriving/components/bitrix/news.detail/uv-documents/style.css?17670180881956 */
/* /local/templates/smartdriving/components/bitrix/news.detail/uv-contacts/style.css?1767018088838 */
