.main_wrapper { background-color: #F0F0F0;  padding: 0; max-width: 1440px; width: 100%;  box-sizing: border-box;  margin: 0 auto; border-radius:0 0 20px 20px; padding-top: 24px;}	
.conta {  margin: 54px 24px 0;    background: white; border-radius:20px 20px 0 0; padding:0;  }
.riva-hero-wrapper { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:20px; top: -50px; }
.riva-hero-wrapper img { width:100%; height:100%;  display:block; }
.riva-left-text { position:absolute; bottom: clamp(20px, 3.33vw, 48px); left:clamp(10px, 3.47vw, 50px); background:rgba(255,255,255,.75);font-size: clamp(32px, 3.05vw, 44px);  padding:30px 30px 30px 36px; border-radius:clamp(10px, 1.388vw, 20px); font-weight:400; line-height:1.2; max-width:700px; }
.riva-left-text p{margin-bottom:0}
.riva-right-text { position:absolute; bottom:clamp(0px, 4.65vw, 67px); right:clamp(30px, 6.94vw, 100px); font-size:clamp(20px, 1.94vw, 28px); padding:.75rem 1rem; border-radius:8px;  font-weight:400; line-height:1.2; text-align:left; max-width:500px; }
.riva-back-btn { position:absolute; top:21px; right:37px; background:#fff; border:none; border-radius:50%; width:65px; height:65px; display:flex; align-items:center; justify-content:center; padding:0; box-shadow:0 2px 8px rgba(0,0,0,.1); z-index:1; } .riva-section {
border-radius: 0 0 20px 20px;
background: #fff;
padding: 33px 24px 65px 45px;
width: calc(100% - 48px);
margin: 40px 24px;
box-sizing: border-box;
margin: auto;
}
.riva-title { font-size:44px; font-weight:300; margin-bottom:39px; }
.riva-timeline-wrapper { position:relative; }
.riva-line { position:absolute; right:0; top:0; bottom:0; width:2px; background-color:#21313C; margin-right:31.5px; z-index:0; }
.riva-row { display:flex; align-items:center; justify-content:space-between; gap:80px; margin-bottom:24px; min-width:100%; }
.riva-text { flex:1;  font-size:20px; line-height:1.2; text-wrap: pretty;  }
.riva-media { width:542px; height:266px; border-radius:16px; overflow:hidden; position:relative; flex-shrink:0; aspect-ratio:16/9; box-shadow:0 10px 30px rgba(0,0,0,.1); }
.riva-media img { width:100%; height:100%; object-fit:cover; display:block; border-radius:16px; }
.s5-play-button { position:absolute; left:20px; bottom:20px; width:56px; height:56px; border-radius:50%; border:0; background:#fff; box-shadow:0 10px 24px rgba(0,0,0,.25); display:grid; place-items:center; cursor:pointer; }
.riva-step { width:65px; height:65px; border-radius:50%; display:flex; justify-content:center; align-items:center; flex-shrink:0; box-shadow:0 2px 8px rgba(0,0,0,.1); position:relative; z-index:1; }
.riva-media video { width:100%; height:100%; object-fit:cover; border-radius:16px; display:block; } .riva-idea-block { padding:84px 24px 40px 24px;  box-sizing:border-box; width:100%; align-items:center; }
.idea-top-row { display:flex; justify-content:start; align-items:center; margin-bottom:40px; }
.idea-title { font-size:44px; font-weight:300; margin-bottom:0; margin-left:47px; width:50%; }
.idea-label { margin-left:-60px; flex-shrink:0; display:inline-block; justify-content:flex-start; background:#89D8DE; color:#000; padding:10px 24px; border-radius:999px; font-weight:400; font-size:28px; white-space:nowrap; text-align:center; width:504px; }
.idea-body { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:37px; margin-bottom:40px; }
.idea-text { text-wrap: pretty;  flex:1 1 40%;  font-size:20px; line-height:1.2; margin-left:47px; max-width: 633px; }
.idea-image-main { overflow:hidden; position:relative; min-width:710px; height:348px; flex-shrink:0; aspect-ratio:16/9; box-shadow:0 10px 30px rgba(0,0,0,.1); background-color:transparent }
.idea-image-main img { width:100%; height:100%; object-fit:cover; display:block; border-radius:16px; }
.idea-gallery { display: grid; grid-template-columns: repeat(5, auto); gap: 36px}
.idea-gallery img {  border-radius:20px; object-fit:cover; }
.idea-subtitle { margin-left:47px; padding-top:76px; font-size:44px; font-weight:300; margin-bottom:31px; }
.idea-note {margin-left:47px;  max-width:73%; font-size:28px; line-height:1.2;  text-wrap: pretty; } .idea-features > * { min-width: 0; }
.idea-features > .column{
display: block; min-width: 0;
}
.idea-features {  width:100%;  margin-top:35px; margin-bottom:40px; display: grid;  grid-template-columns: repeat(3,  minmax(0, 1fr));  gap:30px; box-sizing: border-box;}
.feature-card { box-sizing: border-box;  background:#FFFFFF;   border-radius:16px; padding:50px 43px 37px 46px;  display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; box-shadow:0 0 10px rgba(0,0,0,.05); min-height:700px }
.feature-card > *{ min-width: 0; }
.feature-card .content {flex:1 1 auto; display:flex; flex-direction:column; margin-top:20px; }
.feature-header { display:flex; align-items:center; justify-content:start; gap:43px; margin-bottom:16px; }
.feature-header img {  width:100px; height:100px; object-fit:contain; flex:0 0 auto;  }
.feature-header h4 {  font-size:28px; font-weight:400; margin:0; min-width:0;}
.feature-card p { font-size:20px; line-height:1.2; color:#333; margin-bottom:24px; }
.card-bottom {width:374px; height:60px; margin:0 auto; background-image:url(//mediaglob.ru/wp-content/uploads/2025/08/riva-button-sea.png); background-size:cover; background-position:center; border-radius:24px; }
.column { display:flex; flex-direction:column; align-items:center; box-sizing:border-box; }
.riva-photo { margin-top:39px;  width:100%; height:240px; object-fit:cover; }
.riva-photo img { width:100%; height:240px; border-radius:16px; object-fit:cover; }
.result { padding:40px 0 0; }
.result-row { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:0; }
.result h3 { font-size:44px; font-weight:400;  margin-left:47px; }
.result-p { margin-left:47px; width:50%;  box-sizing:border-box;  font-size:20px; line-height:1.2; max-width:609px}
.result-video { width:100%; height:auto; max-width:706px; position:relative; box-sizing:border-box; flex-shrink:0; border-radius:20px; aspect-ratio:16/9; overflow:hidden; }
.result-video video { top:0; left:0; width:100%; height:100%; object-fit:cover; display:block; } .foot-section { padding:0 0; padding-bottom:50px; }
.foot-content { margin:0 auto; display:flex; flex-direction:column; gap:12px; align-items:center; } .rectangle { position:relative; width:100%; border-radius:24px; overflow:hidden; padding:0 24px; }
.rectangle-sea { height:400px; }
.rectangle img { position:relative; z-index:1; width:100%; height:auto; object-fit:contain; } .foot-row { display:flex; justify-content:flex-start; width:100%; gap:7px; align-items:stretch; flex-wrap:wrap;  padding:0 20px; }
.first-rectangle { flex:2; background-color:#96e5ef; padding:20px 20px 20px 50px; border-radius:16px; font-size:38px; font-weight:300; display:flex; align-items:center; min-height:100px; line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.second-rectangle { flex:0 0 280px; background-color:#96e5ef; padding:16px; border-radius:16px; display:flex; justify-content:center; align-items:center; min-height:100px; }
.third-rectangle { flex:0 0 280px; background-color:#96e5ef; padding:16px; border-radius:16px; display:flex; justify-content:center; align-items:center; min-height:100px; }
.second-rectangle img { max-width:100%; max-height:80px; height:auto; object-fit:contain; }
.third-rectangle img { max-width:100%; max-height:80px; height:auto; object-fit:contain; }
.wow-section { display:flex; justify-content:center; padding-bottom:68px; padding-top:0;  }
.foot-rectangle { padding:19px 24px; position:relative; width:100%; border-radius:24px; overflow:hidden; }
.foot-rectangle img { position:relative; z-index:1; width:100%; height:auto; object-fit:contain; } @media (max-width: 1024px) {
.riva-section{padding:33px 24px 65px 50px;}
.riva-right-text { font-size:clamp(14px, 1.953125vw, 20px); padding:.75rem 1rem; }
.riva-left-text { font-size: clamp(28px, 3.125vw, 32px); padding:.75rem 1rem; max-width:700px; }
.riva-back-btn{height:48px; width:48px}
.riva-row { gap:10px; }
.riva-text { font-size:16px; }
.riva-media { width:100%; height:auto; max-width:400px; }
.riva-step { width:50px; height:50px;}
.riva-line { margin-right:25px; }
.idea-text p{font-size:16px}
.idea-body { flex-wrap:nowrap; flex-direction:row; justify-content:space-between; gap:20px; }
.idea-text, .idea-image-main { width:48%; }
.idea-text { font-size:14px; }
.idea-gallery{gap:26px}
.idea-note{font-size:20px}
.idea-image-main { width:48%; height:auto; aspect-ratio:16/9; min-width:auto; }
.idea-label { width:300px; margin-left:0px; padding:9px 24px; font-size:16px;}
.idea-features{  display: grid;  grid-template-columns: repeat(2,minmax(0, 1fr));  gap:140px 30px;}
.feature-card{min-height: 400px}
.idea-features > :nth-child(2){ grid-column: 2 / -1; }
.idea-features > .column:nth-child(3){
grid-column: 1 / -1;
display:grid; grid-template-columns: 1fr 1fr; gap:30px;
align-items: stretch;
}
.idea-features > .column:nth-child(3) > *{ min-width:0; }
.idea-features > .column:nth-child(3) .feature-card{ height:100%; }
.idea-features > .column:nth-child(3) .riva-photo{ margin-top:0;
border-radius:16px;
overflow:hidden;
height:100%;
}
.idea-features > .column:nth-child(3) .riva-photo img{
display:block;
width:100%;
height:260px;
object-fit:cover;
}
.feature-header {  gap:32px;  }
.feature-header h4 {  font-size:24px;  }
.feature-header img {width:48px; height:48px}
.riva-photo { margin-top:16px;  width:100%; height:160px; object-fit:cover; }
.riva-photo img { width:100%; height:260px; border-radius:16px; object-fit:cover;  }
.feature-card p { font-size:16px; }
.card-bottom { height:30px; }
.result{padding: 20px 0}
.result-video { width:100%; height:auto; max-width:500px; }
.result-p { font-size:16px; }
.rectangle-sea { height:280px; }
.foot-content{gap:20px}
.foot-row { display:flex; justify-content:flex-start; width:100%; gap:10px; align-items:stretch; flex-wrap:wrap;  padding:0 20px; }
.first-rectangle { flex:2; background-color:#96e5ef; padding:20px; border-radius:16px; font-size:28px; font-weight:300; display:flex; align-items:center; min-height:100px; line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.second-rectangle { flex:0 0 100px; background-color:#96e5ef; padding:16px; border-radius:16px; display:flex; justify-content:center; align-items:center; min-height:100px; }
.third-rectangle { flex:0 0 100px; background-color:#96e5ef; padding:16px; border-radius:16px; display:flex; justify-content:center; align-items:center; min-height:100px; }
.second-rectangle img { max-width:100%; max-height:80px; height:auto; object-fit:contain; }
.third-rectangle img { max-width:100%; max-height:80px; height:auto; object-fit:contain; }
.riva-idea-block { padding:20px 30px; }
.foot-rectangle { padding:20px 30px; }
.riva-title, .idea-title, .idea-subtitle, .result h3 {font-size: 32px}
}
@media (max-width: 768px) {
.main_wrapper { background-color: #F0F0F0;  padding: 0; max-width: 768px;   box-sizing: border-box;  margin: 0 auto; padding-top:22px}
.riva-left-text { font-size:clamp(12px, 3.645833vw, 28px); padding:.5rem .8rem; }
.riva-right-text { font-size: clamp(7px, 1.822917vw, 14px);  padding:.5rem .8rem; }
.riva-back-btn { width:36px; height:36px; }
.riva-back-btn svg { width:16px; height:16px; }
.riva-section {padding:33px 24px 65px 30px;}
.riva-row { gap:10px; }
.riva-text { font-size:14px; }
.riva-media { width:100%; height:auto; width:240px; }
.riva-step { width:32px; height:32px; left:5px}
.riva-line { margin-right:10px; }
.s5-play-button{ width:36px; height:36px; bottom:10px; left: 10px} .idea-body { }
.idea-label { padding:10px 24px;  width:250px; }
.idea-text p { font-size:14px; text-align:left; }  
.idea-image-main { width:48%; height:auto; aspect-ratio:16/9; min-width:auto; }
.idea-subtitle { text-align:start; margin-left:25px;}
.idea-title {  margin-left:25px; }
.idea-text {  margin-left:25px; }
.idea-note { max-width:100%; font-size:16px; margin-left:25px; }
.idea-gallery { gap:10px; }
.result { padding:40px 0; }
.result-row { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:0; }
.result-row > * { align-self:center; margin-block:0; } .result-p, .result-video { display:flex; align-items:center; } .result h3 { font-size:48px; font-weight:300; margin-bottom:16px; margin-left:20px; }
.result-p { margin-left:20px; width:50%; padding-right:16px; box-sizing:border-box;  font-size:16px; line-height:1.2; }
.result-video { width:100%; height:auto; max-width:350px; position:relative; box-sizing:border-box; flex-shrink:0; border-radius:20px; aspect-ratio:16/9; overflow:hidden; }
.result-video video { top:0; left:0; width:100%; height:100%; object-fit:cover; display:block; }
.rectangle-sea { height:210px; }
.first-rectangle { font-size:20px; }
.first-rectangle { padding:12px; font-size:24px; min-height:60px; white-space:normal; }
.second-rectangle, .third-rectangle { padding:10px; min-height:60px; }
.second-rectangle img, .third-rectangle img { max-height:50px; } .idea-features{    grid-template-columns: 1fr;  align-items:stretch;  gap: 30px;  width:100%;  margin-top:40px; margin-bottom:40px;  }
.feature-card{    min-height: 0; height: auto;  }
.idea-features > .column{    display: block; }
.idea-features > :nth-child(2),.idea-features > .column:nth-child(3){grid-column: auto;}
.idea-features > .column:nth-child(3){display: block;}
.idea-features > .column:nth-child(3) .riva-photo{ margin-top: 30px;height: auto;}
.idea-features > .column:nth-child(3) .riva-photo img{height: auto;}  
.idea-features > .column:nth-child(3) .feature-card{    height: auto;  }
.idea-features > .column:nth-child(3) .riva-photo{ margin-top:16px;  width:100%; height:auto; object-fit:cover;}
.idea-features > .column:nth-child(3) .riva-photo img{ width:100%; height:auto; border-radius:16px; object-fit:cover;  
}
.idea-features > .column:nth-child(2) .riva-photo{ margin-top:16px;  width:100%; height:auto; object-fit:cover;}
.idea-features > .column:nth-child(2) .riva-photo img{ width:100%; height:auto; border-radius:16px; object-fit:cover;  
}
.idea-features > .column:nth-child(1) .riva-photo{ margin-top:16px;  width:100%; height:auto; object-fit:cover;}
.idea-features > .column:nth-child(1) .riva-photo img{ width:100%; height:auto; border-radius:16px; object-fit:cover;  
}
.feature-header { display:flex; align-items:center; justify-content:start; gap:43px; margin-bottom:16px; }
.feature-header img {  width:56px; height:56px; object-fit:contain; flex:0 0 auto;  }
.feature-header h4 {  font-size:28px; font-weight:400; margin:0; min-width:0;} .riva-photo img{height:auto}
.feature-card p { font-size:16px; }
.card-bottom { height:30px; }
}
@media (max-width: 480px) {
.main_wrapper { background-color: #F0F0F0;  padding: 0; max-width: 425px; width: 100%;   box-sizing: border-box;  margin: 0 auto; padding-top:100px }
.conta {
margin: -30px 10px;
background: white;
border-radius: 20px 20px 0 0;
padding: 0;
}
.riva-section{border-radius:8px;  background:#fff; width:calc(100% - 20px); margin:0px 10px; box-sizing:border-box; }
.riva-line { display:none; } 
.riva-step { position:relative;  width:40px; height:40px;  }
.riva-step img { display:block; transform:rotate(90deg); z-index:1; border: 2px solid #FFFFFF; border-radius: 50px; }
.riva-step::before { content:""; position:absolute; top:50%; left:-25vw; right:-25vw; height:2px; background:#21313C; transform:translateY(-50%); z-index:0; pointer-events:none; }
.riva-media { width:100%; height:auto; width:320px; }
.riva-row {flex-direction: column;}
.riva-text {font-size: 16px}
.riva-idea-block { padding:20px 10px; }
.riva-left-text { font-size:14px; padding-bottom:5px; line-height:1.2; }
.riva-right-text { font-size:7px; padding:.2rem 0; }
.riva-back-btn { width:24px; height:24px; top:10px; right:10px; }
.riva-section { padding:24px; }
.riva-title { font-size:28px; margin-bottom:10px }
.riva-play-button { width:40px; height:40px; font-size:20px; }
.idea-top-row { flex-direction:row; align-items:start; }
.idea-body{ flex-direction:column;}
.idea-text, .idea-image-main {width: 100%}
.idea-title { font-size: 28px; margin-left:12px}
.idea-label { width:60%; padding:8px 24px; font-size:14px; font-weight:400; }
.idea-gallery { gap: 5px}
.idea-gallery img { border-radius:10px}
.feature-card p { font-size:16px; line-height:1.2; color:#333; margin-bottom:24px; }
.idea-subtitle { font-size: 28px;  margin-left:12px; padding-top:40px; margin-bottom:20px}
.idea-note { max-width:100%; font-size:16px; margin: 0 0 16px 12px;}
.idea-features { gap:10px;   grid-template-columns: repeat(1, auto);}
.feature-card { background:#f9f9f9; border-radius:16px; padding:24px; width:100%; max-width:100%; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; box-shadow:0 0 10px rgba(0,0,0,.05); }
.feature-header { gap:36px; }
.feature-header img { width:56px; height:56px; object-fit:contain; }
.feature-header h4 { font-size:28px; font-weight:400; margin:0; }
.feature-card p { font-size:16px; line-height:1.2; color:#333; margin-bottom:24px; }
.card-bottom { width:80%; height:40px; margin:0 auto; background-image:url(//mediaglob.ru/wp-content/uploads/2025/08/riva-button-sea.png); background-size:cover; background-position:center; border-radius:24px; }
.column { display:flex; flex-direction:column; align-items:center; width:100%; max-width:100%; }
.riva-photo { margin-top:16px;  width:100%; height:180px; object-fit:cover; }
.riva-photo img { width:100%; height:180px; border-radius:16px; object-fit:cover; }
.wow-section{padding-bottom:20px}	
.result h3 {font-size: 28px; margin-left:12px}
.result-row{flex-direction:column; gap:10px}
.result-p, .result-video{width:100%}
.result-p { font-size:16px; }
.rectangle-sea { height:115px; }
.foot-section{padding: 0 0 20px}
.foot-row { display:flex; justify-content:flex-start; width:100%; gap:5px; align-items:stretch; flex-wrap:wrap;  padding:0 20px; }
.first-rectangle { flex:2; background-color:#96e5ef; padding:10px; border-radius:16px; font-size:16px; font-weight:300; display:flex; align-items:center; min-height:70px; line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:wrap; }
.second-rectangle { flex:0 0 70px; background-color:#96e5ef; padding:10px; border-radius:16px; display:flex; justify-content:center; align-items:center; min-height:70px; }
.third-rectangle { flex:0 0 70px; background-color:#96e5ef; padding:10px; border-radius:16px; display:flex; justify-content:center; align-items:center; min-height:70px; }
.second-rectangle img { max-width:100%; max-height:70px; height:auto; object-fit:contain; }
.third-rectangle img { max-width:100%; max-height:70px; height:auto; object-fit:contain; }
.result { padding:10px 0; }
.foot-rectangle { padding:10px 10px; position:relative; width:100%; border-radius:24px; overflow:hidden; }
.idea-label { margin-left:0; }
}