.lion-wrapper,.lmg-block{display:flex;justify-content:center}
.lion-wrapper,body{background-color:#000}
a,body{color:#FFF}
.slider-arrow,section{background-repeat:no-repeat;background-position:50% 50%}
@font-face{font-family:PFDinMedium;src:url(../../fonts/PFDIN/PFDinTextCondPro-Medium.ttf);font-weight:400}
@font-face{font-family:PFDinLight;src:url(../../fonts/PFDIN/PFDinTextCondPro-Light.ttf);font-weight:400}
@font-face{font-family:CompMedium;src:url(../../fonts/DinTextCompressedPro/PFDinTextCompPro-Medium.ttf);font-weight:400}
.lion-wrapper{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000;height:100vh;width:100%;flex-direction:column}
.logo-svg{margin:auto;width:212px;height:316px}
body,dl,figure,ol,ul{margin:0}
.logo-svg svg{fill:#FFF;stroke:transparent;stroke-dasharray:550 0;-webkit-animation:animate-logo 4s linear;animation:animate-logo 4s linear}
.logo-svg .svg_desc{stroke-width:.1!important}
@-webkit-keyframes animate-logo{from{stroke-dasharray:0 550;stroke:#FFF;fill:transparent;stroke-width:1}
50%{stroke-dasharray:550 0;stroke:#FFF;fill:transparent;stroke-width:1}
to{stroke-width:0;stroke:transparent;fill:#FFF}
}
html{box-sizing:border-box}
*,:after,:before{box-sizing:inherit}
textarea{resize:vertical}
body{font-family:PFDinMedium;height:100vh;min-height:700px;min-width:750px;-webkit-transition:opacity 1s ease-out;-moz-transition:opacity 1s ease-out;transition:opacity 1s ease-out}
.lmg_desc h2,.lmg_desc span,.logo_desc p{font-family:PFDinLight}
.background-video{top:0;right:0;bottom:0;left:0;z-index:-20}
.background-video video{right:0;bottom:0;top:50%;left:50%;min-width:100%;min-height:100%;transform:translateX(-50%) translateY(-50%);width:auto;height:auto;position:fixed}
ul{padding:0;list-style:none}
a{text-decoration:none}
a:active,a:focus,a:hover{outline:0;text-decoration:none}
img{max-width:100%}
section{background-size:cover}
.content_container{height:100%;position:relative}
.sect_main{height:100vh;min-height:700px;position:relative;opacity:1;overflow:hidden;-webkit-transition:opacity .4s ease-out;-moz-transition:opacity .4s ease-out;transition:opacity .4s ease-out}
.lmg-block-wrapper,.lmg-block-wrapper:before{background-color:rgba(0,0,0,.7);position:absolute;left:0}
.logo_item.static,.logo_item.static__animate{transition:none!important}
.sect_main.animate__fade{opacity:0}
.lmg-block-wrapper{padding-left:30px;width:50%;border-right:3px solid #949494;border-top:3px solid #949494;border-bottom:3px solid #949494;border-top-right-radius:50%;border-bottom-right-radius:50%;height:120%;margin-top:-10%;padding-top:10%;padding-bottom:10%}
.lmg-block-wrapper:before{content:"";width:1000px;top:0;bottom:0;transform:translateX(-1000px)}
.lmg-block{width:100%;height:100%;min-height:700px;z-index:20;flex-direction:column;position:relative}
.logo-wrapper,.logo_item{justify-content:center;display:flex}
.logo_item,.logo_list,.slider-arrow{position:absolute}
.slider-arrow{width:66px;height:50px;background-size:100%;cursor:pointer;right:1%;z-index:100}
.arrow-top{background-image:url(../images/arrow-top.png);top:20%}
.arrow-bottom{background-image:url(../images/arrow-bottom.png);bottom:20%}
.logo_list{right:0;height:100%;width:2000px}
.logo-wrapper{height:100%;flex-direction:column}
.logo_item{width:400px;height:100%;text-align:left;color:#000;top:0;left:0;-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-o-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;flex-direction:column}
.logo_item.static{transform:none!important}
.logo_item1{transform:rotate(0) translate3d(1500px,0,0) rotate(0)}
.logo_item2{transform:rotate(90deg) translate3d(1500px,0,0) rotate(0)}
.logo_item3{transform:rotate(-90deg) translate3d(1500px,0,0) rotate(0)}
.lmg-block-wrapper .logo_img-wrapper{opacity:.7}
.logo_img-wrapper{margin-bottom:20px}
.logo_img-wrapper img{margin:auto}
.logo_desc{width:100%;position:relative;text-align:left;display:flex;justify-content:center;flex-direction:column}
.logo_desc p{font-size:2.8rem;margin:0;line-height:1.3;color:#FFF}
.lmg_desc h2{color:#8e8e8e;font-size:3.2rem}
.lmg_desc span{color:#830200;font-size:3rem}
.lmg_text-desc{line-height:1;margin-top:20px}
.item_rl .logo_desc p{font-size:1.9rem}
@media (max-width:1400px){html{font-size:7px}
.lmg-block-wrapper{padding-left:50px}
.lmg-block-wrapper .logo_img-wrapper img{width:180px}
.lmg_desc h2{margin-top:0}
.lmg-block,.sect_main,body{min-height:600px}
}
@media (max-width:1200px){.logo_list{width:1900px}
.arrow-bottom,.arrow-top{right:-1%;right:-.8%}
}
@media (max-width:992px){html{font-size:10px}
.lmg-block-wrapper .logo_img-wrapper img{width:auto}
.lmg-block-wrapper,.logo_list{width:100%;position:relative;height:auto}
.lmg-block,.sect_main,body{min-height:auto;height:auto}
.sect_main{overflow:visible;padding-bottom:50px}
.lmg-block-wrapper{padding-left:0;padding-top:0;padding-bottom:0;left:auto;border:none;text-align:center;margin-top:100px;margin-bottom:100px;background-color:transparent}
.lmg-block-wrapper:before,.slider-arrows{display:none}
.logo_list{display:flex;margin-bottom:0}
.logo_list:after{content:"";display:block;clear:both}
.logo_list .logo_item1{order:2}
.logo_list .logo_item2{order:1}
.logo_list .logo_item3{order:3}
.logo_item{width:33.3%;float:left;display:inline-block;vertical-align:top;position:relative}
.lmg-block .logo_img-wrapper{height:auto}
.logo_img-wrapper{height:200px;display:flex;flex-direction:column;justify-content:center}
.logo_img-wrapper img{margin:auto}
.logo_desc{text-align:center}
.logo_desc p{font-size:2.2rem;padding-left:5px;padding-right:5px;text-transform:lowercase}
}