Подобрать тариф <style> .pg-lightslider .col-md-4 { padding: 0; width: 300px; } .custom__3_col { margin-bottom: 40px; display: flex; justify-content: space-between; } .custom__3_col .col-md-4 { padding: 0; width: 300px; } .custom__col_video { position: relative; width: 300px; margin: 0 auto; } .custom__hide_block { display: none; } .custom__hide_block.active { display: flex; } .custom__3_col::before { content: none; } .custom__3_col:after { content: none; } .custom__video { position: relative; } .custom__online_video_btn { position: absolute; width: 100%; z-index: 1; height: 108px; background: linear-gradient(360deg, rgba(255, 255, 255, 0) 28%, rgba(0, 0, 0, 1) 100%); border-top-right-radius: 17px; border-top-left-radius: 17px; } .custom__online_video_btn_inner { position: absolute; left: 10px; top: 10px; z-index: 1; } video { border-radius: 8px; } .custom__video_popup { padding: 0 10px; width: 100%; position: absolute; left: 0; bottom: 70px; opacity: 0; transition: opacity 0.2s linear; } .custom__video:hover .custom__video_popup { opacity: 1; } .custom__ht_video { margin-bottom: 15px; display: flex; align-items: center; } .custom__ht_note_item { margin-right: 5px; background-color: #dcdcdc; border-radius: 2px; padding: 0px 8px 1px; font-size: 16px; line-height: 148%; letter-spacing: -0.02em; color: #575757; } .custom__ht_note_item:hover { background-color: #f4f4f4; } .custom__ht_note_item:last-child { margin-right: 0; } .custom__video_btns { display: flex; align-items: center; justify-content: center; } .custom__video_btn { width: 48%; padding: 6px 12px; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: #ffde41; border-radius: 4px; border: none; font-weight: normal; font-size: 16px; line-height: 24px; text-align: center; color: #36363b !important; } .main__label { font-size: 11px; color: #404040; background-color: #e1e1e1; padding: 2px 12px 4px; border-radius: 3px; vertical-align: top; } @media screen and (max-width: 991.98px) { .main__label { display: block; } .custom__3_col { padding: 0; margin-bottom: 30px; flex-wrap: wrap; } .custom__3_col .col-md-4 { text-align: center; width: 100%; } #elem_706, #elem_709, #elem_707 { background-image: none !important; padding: 10px !important; } } @media screen and (max-width: 575.98px) { .view-xs .landing__block_fixed .landing__scroller { padding-left: 10px; } .custom__3_col .col-md-4 { text-align: left; } .custom__col_video { width: calc(100% - 20px); margin-bottom: 40px; } } @media screen and (max-width: 476.98px) { .custom__ht_video { margin-bottom: 5px; } .custom__btn_more { margin-left: 10px; } } @media screen and (max-width: 414.98px) { video { height: 670px !important; } } @media screen and (max-width: 390.98px) { video { height: 650px !important; } } @media screen and (max-width: 360.98px) { video { height: 590px !important; } } @media screen and (max-width: 320.98px) { video { height: 500px !important; } } </style> <style> video { border-radius: 17px; } .custom__video { position: relative; } .custom__col_video { position: relative; width: 300px; margin: 0 auto; } .custom__video_popup { padding: 0 10px; width: 100%; position: absolute; left: 0; bottom: 70px; opacity: 0; transition: opacity 0.2s linear; } .custom__col_video:hover .custom__video_popup { opacity: 1; } .custom__online_video_btn { position: absolute; width: 100%; z-index: 1; height: 108px; background: linear-gradient(360deg, rgba(255, 255, 255, 0) 28%, rgba(0, 0, 0, 1) 100%); border-top-right-radius: 16px; border-top-left-radius: 16px; } .custom__video_btns { display: flex; align-items: center; justify-content: center; } .custom__video_btn { width: 48%; padding: 6px 12px; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: #ffde41; border-radius: 4px; border: none; font-weight: normal; font-size: 16px; line-height: 24px; text-align: center; color: #36363b !important; } .custom__online_video_btn_inner { position: absolute; left: 10px; top: 10px; z-index: 1; } @media screen and (max-width: 991.98px) { .custom__3_col { padding: 0; margin-bottom: 30px; flex-wrap: wrap; } .custom__3_col .col-md-4 { text-align: center; width: 100%; } .landing__elem { background-image: none !important; } } @media screen and (max-width: 575.98px) { .custom__col_video { width: calc(100% - 20px); } } @media screen and (max-width: 414.98px) { video { height: 670px !important; } } @media screen and (max-width: 390.98px) { video { height: 650px !important; } } @media screen and (max-width: 360.98px) { video { height: 590px !important; } } </style> <script> $("video").click(function () { if (this.paused) { this.play(); $(this).siblings(".custom__online_video_btn").hide(); } else { this.pause(); $(this).siblings(".custom__online_video_btn").show(); } return false; }); </script>

Сравнение тарифов

Узнайте об инвестициях больше