.banner-drom-v2{position: relative; width:100%;height:100%;background:#000; display: flex; flex-direction:row;min-height:430px; margin:0;z-index: 1;overflow: hidden;box-shadow: 1px 1px 2px rgba(000, 000, 000, .5)}
.img-drom-v2 {position: absolute; top:-30%;left:0;z-index:-1;overflow: hidden;background-position: center ; -webkit-animation:img-drom-v2 25s linear infinite alternate both;animation:img-drom-v2 25s linear infinite alternate both}
@-webkit-keyframes img-drom-v2{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.25) translateY(-15px);transform:scale(1.25) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}@keyframes img-drom-v2{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.25) translateY(-100px);transform:scale(1.25) translateY(-100px);-webkit-transform-origin:top;transform-origin:top}}
.img-drom-v2 img {width:150%;justify-content:center;align-items:center;opacity:.4} 
.ramka-drom-v2{position: relative;width:65%;margin:-.2em auto 0;justify-content:center;align-items:center} 
.ramka-drom-v2 .mob-drom-v2{z-index: 1; position: absolute;top:0} 
.chat-drom-v2{position:absolute;z-index: 2;width:70%;margin:18% 15% 10% 15%} 
.chat-drom-v2-left,.chat-drom-v2-right{ padding:.5em 1em .5em 1em;border-radius:1em;position:relative;line-height:1.5em;font-size:1em;color:#fff;}
.chat-drom-v2-left{background:#8f949e;}
.chat-drom-v2-right{background:#3eb03e;text-align:center}
.chat-drom-v2-left  {margin: .5em 5% 0 0;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4)}
.chat-drom-v2-right  {margin: 1.5em 0 0 10%;box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.4)}
.chat-drom-v2-left::after, .chat-drom-v2-left::before, .chat-drom-v2-right::after,.chat-drom-v2-right::before {content:"";position: absolute;bottom: .2em;width: 2.7em;height: 2.7em;border: .3em solid #f1f1f1;border-radius: 50%;overflow: hidden; background-position: center ;background-size: cover;}
.chat-drom-v2-left1::after, .chat-drom-v2-left1::before{background-image: url("img/avatar1.jpg")}
.chat-drom-v2-left2::after, .chat-drom-v2-left2::before{background-image: url("img/avatar2.jpg")}
.chat-drom-v2-left3::after, .chat-drom-v2-left3::before{background-image: url("img/avatar3.jpg")}
.chat-drom-v2-right1::after, .chat-drom-v2-right1::before{background-image: url("img/avatar5.jpg")}
.chat-drom-v2-left::after, .chat-drom-v2-left::before{right:100%}
.chat-drom-v2-right::after, .chat-drom-v2-right::before{left:100%}
.chat-drom-v2-left::before{border-top:none;height:1.1em;border-radius: 0 0 50% 50% / 0 0 100% 100%;background:#8f949e;border-color:#8f949e}
.chat-drom-v2-right::before {border-top:none;height:1.1em;border-radius: 0 0 50% 50% / 0 0 100% 100%;background:#3eb03e;border-color:#3eb03e}
.chat-drom-v2-left::before {margin-right:-.9em}
.chat-drom-v2-right::before {margin-left:-.9em}
.button-inner-drom-v2 {position:absolute;z-index:2;bottom:-4.5em;left:25%;width:50%}
.button-drom-v2 {height:45px;display:flex;justify-content:center;align-items:center;padding:10px;border-radius: 5px;font:.9em Arial, sans-serif; font-weight:500; text-align: center;color: #fff;background: linear-gradient(0deg, rgb(226, 0, 0), rgb(255, 0, 0), rgb(224, 0, 0)); cursor:pointer;text-decoration:none;position:relative;overflow:hidden;text-transform:uppercase;box-shadow: 2px 1px 2px rgba(000, 000, 000, .3)}
.button-drom-v2 a {color: #d7001d; text-shadow: #000 1px 0 1px unset}
.button-drom-v2 a:hover {color: #fff}
.button-drom-v2:hover {background: #000;box-shadow: 0 0 5px #fff;color: #fff;}
.button-drom-v2:after {content: "";display: block;width: 30px;height: 200px;margin-left: 50px;background: #fff;background: linear-gradient(to bottom,rgba(240, 206, 206, 0.1) 0%,rgba(240, 206, 206, 0.5) 50%,rgba(240, 206, 206, 0.1) 100%);left: -40px;top: -100px;z-index: 1;transform: rotate(45deg);position: absolute;animation: drom-v2 3s ease-in-out 0.08s infinite}
@keyframes drom-v2 {0% {left: -30px;margin-left: 0px;}30%{left: 110%;margin-left: 80px;}100% {left: 110%;margin-left: 80px;}}
.rekvizity-drom-v2 {width:80%;margin:0 10% 0;position:absolute;z-index: 2;bottom:5px; justify-content:center;align-items:center}
.rekvizity-drom-v2 p{font:.7em Arial,sans-serif;opacity:.7;color:#696969;text-align:center}

@media all and (max-width : 1100px) {
.chat-drom-v2{width:74%} 
.chat-drom-v2-left,.chat-drom-v2-right{width:95%;line-height:1.3em}
.chat-drom-v2-left {margin: .5em 0 0 0}
.chat-drom-v2-right {margin:1.5em 0 0 0%}
}
@media all and (max-width : 1000px) {
.img-drom-v2 {top:-15%}
.ramka-drom-v2{width:70%} 
}
@media all and (max-width : 900px) {
.img-drom-v2 {top:-35%}
.ramka-drom-v2{width:65%} 
}
@media all and (max-width : 850px) {
.img-drom-v2 {top:-25%}
}
@media screen and (max-width: 760px) {
.banner-drom-v2{width:100%;}
.ramka-drom-v2{width:70%} 
.img-drom-v2 { top:-7%}
.chat-drom-v2{margin:20% 10% 10% 15%} 
}
@media screen and (max-width: 680px) {
.banner-drom-v2{height:520px}
.img-drom-v2 { width:150%;top:-7%}
.chat-drom-v2-left,.chat-drom-v2-right{width:95%; line-height:1.5em;font-size:1.1em}
.ramka-drom-v2{width:80%} 
.button-inner-drom-v2 {left:20%;width:60%}
.rekvizity-drom-v2 p{font:.8em Arial,sans-serif}
}   
@media screen and (max-width: 630px) {
.banner-drom-v2{min-height:550px;height:100%}
}   
@media screen and (max-width: 585px) {
.img-drom-v2 { width:180%;top:-7%}
.ramka-drom-v2{width:90%} 
.chat-drom-v2{margin:20% 11% 10% 15%} 
 
}      
@media screen and (max-width: 530px) {
.chat-drom-v2{width:72%;margin:23% 13% 10% 16%} 
}        
@media screen and (max-width: 470px) {
.ramka-drom-v2{width:95%} 
.chat-drom-v2{width:67%;margin:20% 15% 10% 18%} 
.button-inner-drom-v2 {left:8%;width:80%; }
}
@media screen and (max-width: 380px) {
.banner-drom-v2{min-height:480px;height:100%}
.ramka-drom-v2{width:98%} 
.chat-drom-v2{width:65%;margin:20% 18% 10% 17%} 
.chat-drom-v2-left,.chat-drom-v2-right{width:100%;padding:.5em .5em .5em 1.0em; font-size:1em;color:#fff;line-height:1.3em}
  
}     
@media screen and (max-width: 350px)  {
.banner-drom-v2{min-height:520px;height:100%}
.img-drom-v2 { width:250%;top:-5%}
.ramka-drom-v2{width:98%} 
.chat-drom-v2{width:60%;margin:20% 20% 10% 20%} 
.rekvizity-drom-v2 {bottom:10px}
}
@media screen and (max-width: 310px)  {
.banner-drom-v2{max-height:400px; }
.chat-drom-v2-left,.chat-drom-v2-right{width:100%;padding:.5em .5em .5em 1.0em; font-size:.9em; line-height:1.1em}
.ramka-drom-v2{width:100%; object-fit: cover;}
.button-inner-drom-v2 {left:-.5em;width:100%; }
.chat-drom-v2{width:60%;margin:20% 20% 10% 20%} 
.rekvizity-drom-v2 {bottom:10px}
}