.banner-ma {position: relative;display: block;width:100%;  background: linear-gradient(#00a2ff 0%,#000 100%); border-radius:5px;height:440px; margin:0;z-index: 1;overflow: hidden;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25)}
.slogan-ma {display: block}
.slogan-ma p.zagl{color:#fff;text-align: center;font: 1.6em  Tahoma, sans-serif;letter-spacing:0px;text-shadow:  1px 1px 2px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.24), 0 0 0.2px  rgba(0, 0, 0, 0.24);font-weight: 600; width: auto;  z-index: 3; margin:.5em 1em .3em;float:none}

.slogan-ma-osn{display: block; width:85%;opacity:.9;z-index: 3; margin: 0 auto; background:rgba(255, 255, 255, 1); padding:30px 20px 30px 30px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);overflow: hidden; text-shadow: 0 1px #f6f6f6;}
.slogan-ma-osn p{color:#292929;text-align: left; }
.logo-ma {width: 100%}
.slogan-logo-ma{width:40%;float:none; margin:.5em auto .5em  25%;}
.logo-ma img {width: 100%; margin:-24px 0 20px 20px;z-index: 3;float:none}
.text-ma {width:90%; margin:.5em auto;}
.text-ma p{font:1.1em Roboto,sans-serif;font-weight:400}

.button-ma {display: block;opacity:1;}
.button-ma a{display: block;width:100%;max-width:200px; padding:12px;margin:15px auto 0;border:none;border-radius:2px;font:1.1em Roboto, sans-serif;text-align: center;color:#fff;background:#ff3f00;box-shadow:0 0 2px #000;cursor:pointer;text-decoration:none;position:relative;overflow:hidden; text-shadow: none}
.button-ma a:hover {background:#A62A00;box-shadow:0 0 3px #000;color:#fff}
.button-ma a:after {content: "";display: block;width: 30px;height: 200px;margin-left: 50px;background: #fff;background: linear-gradient(to bottom,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.5) 50%,rgba(255, 255, 255, 0.1) 100%);left: -40px;top: -100px;z-index: 1;transform: rotate(45deg);position: absolute;animation: movingFlare 3s ease-in-out 0.08s infinite;}
@keyframes movingFlare {0% {left: -30px;margin-left: 0px;}30% {left: 110%;margin-left: 80px;}100% {left: 110%;margin-left: 80px;}}

.spravka-ma {width:100%;position:absolute;bottom:-2px;font:.8em Roboto,sans-serif;color:#fff;overflow-x:hidden;margin:0;opacity:.8; padding:.5em 1em 0}

.img-ma { position: absolute; top:-7%;left:0;z-index:-1;overflow: hidden;opacity:.3}
.img-ma{-webkit-animation:img-ma 10s linear infinite alternate both;animation:img-ma 10s linear infinite alternate both}
@-webkit-keyframes img-ma{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-ma{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}}
.img-ma img {width: 200%} 

@media screen and (max-width: 1023px) {
.slogan-ma p.zagl{font-size:1.5em}
.banner-ma{height:440px}
.img-ma {top:-5%}
.slogan-logo-ma{margin:1em 0 0 25%}
.text-ma p{font-size:1.1em;}
}  

@media screen and (max-width: 950px) {
.slogan-ma p.zagl{font-size:1.4em}
.text-ma {width:95%; }
}  
 
 
@media screen and (max-width: 780px) {
 .text-ma {width:95%;}
.text-ma p{width:100%;font-size:1.2em;}
}  
 
@media screen and (max-width: 700px) {
.banner-ma  {width:100%;height:100%}
.slogan-ma p.zagl{font-size: 1.6em;}
.slogan-ma-osn{ width: 90%; margin:.5em auto 3em}
.logo-ma {width: 100%; }
.slogan-logo-ma{width:50%;float:none; margin:1em 25% 0 20%}
.logo-ma img {width: 100%; margin:-24px 0 20px 20px;z-index: 3;float:none}
.text-ma p{font-size: 1.1em;margin: 5px 0 0}
.button-ma a{max-width:300px;padding:12px;margin:1.5em auto 0;font:1.1em Roboto, sans-serif;}
.spravka-ma {font-size:.8em;margin:0;text-align: left;}
}  
  
@media screen and (max-width: 550px) {
 .slogan-ma-osn{padding:30px 10px}
.slogan-ma p.zagl{font-size: 1.4em;margin:.5em}
.slogan-logo-ma{width:65%;float:none; margin:1em 0 0 10%}
.text-ma p{font-size: 1em;}
.button-ma a{width: 90%;font:1em Roboto, sans-serif;}
.spravka-ma {font-size:.7em;}
}  
   
@media screen and (max-width: 350px) {
.slogan-logo-ma{width:80%;float:none; margin:.5em auto .5em 0}
.slogan-ma p.zagl{font-size: 1.3em}
}