/*
http://patorjk.com/software/taag/#p=display&f=Small&t=detail%20page
https://htmlcolorcodes.com/color-names/
https://www.w3schools.com/colors/colors_names.asp

   __                    
  / _|_ _ __ _ _ __  ___ 
 |  _| '_/ _` | '  \/ -_)
 |_| |_| \__,_|_|_|_\___|
                         

*/
body, html { padding:0; margin:0; }
.bgwhite { background:white; }

* { xxxborder:1px solid red; }

.storyframe { display:block; position:relative; }
.storyframe.overflowhidden,
.storyframe.noscroll { overflow:hidden; }
.storyframe .overlayloading { display:block; width:100vw; height:100vh; background:white; position:fixed; top:0; left:0; z-index:1999; }
.storyframe .overlayloading p { display:block; color:#a1a2a5; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:.9em; text-transform:uppercase; letter-spacing:.5em; overflow:hidden; }
.storyframe .overlayloading p:after { content:''; display:block; width:100%; height:1.5em; background:white; position:absolute; top:0; left:0; animation:1s _slidein forwards; }
@keyframes _slidein { 20%{left:0;} 100%{left:100%;} }


.storyframe .cover { display:block; width:100vw; height:100vh; position:relative; z-index:10; overflow:hidden; }
.storyframe .cover.coverintro { height:calc(100vh - 4.5em);}
.storyframe .cover * { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.storyframe .cover.bgred { background:#c92128; }
.storyframe .cover img { display:block; width:100vw; height:100vh; object-fit:cover; }
.storyframe .cover .slogantitle.left { margin-left:-20vw; }

.storyframe .fixcover { display:block; width:100vw; height:100vh; position:fixed; top:0; left:0; z-index:1; overflow:hidden; }
.storyframe .fixcover img { display:block; width:100vw; height:100vh; object-fit:cover; }
.storyframe .centercon { display:block; width:70%; position:absolute; top:calc(50% - .5em); left:50%; transform:translate(-50%,-50%); }
.storyframe .centercon * { text-align:justify; font-size:1.5em; }

.storyframe .stickycover { display:block; width:100vw; height:100vh; position:relative; z-index:8; xxxoverflow:hidden; background:black; border:0.1px solid black; }
.storyframe .stickycover .sticky { display:block; width:100vw; height:100vh; position:sticky; position:-webkit-sticky; top:0; left:0; }
.storyframe .stickycover .sticky .bgimg { display:block; width:100vw; height:100vh; object-fit:cover; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3; opacity:.2; }
.storyframe .stickycover .sticky .bgimg img { display:block; width:102%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.storyframe .stickycover .sticky .bgimg.cover { opacity:.8; top:50%; left:50%; transform:translate(-50%,-50%); }
.storyframe .stickycover .sticky video { z-index:5; }
.storyframe .stickycover .sticky video.left50 { width:50vw; position:absolute; top:50%; left:25%; transform:translate(-50%,-50%); }
.storyframe .stickycover .sticky video.right50 { width:50vw; position:absolute; top:50%; left:75%; transform:translate(-50%,-50%); }
.storyframe .stickycover .sticky .con { display:block; width:100vw; padding:10vw; position:absolute; top:calc(50% + 2em); left:50%; transform:translate(-50%,-50%); z-index:16; color:white; }
.storyframe .stickycover .sticky .con * { margin:.3em 0; }
.storyframe .stickycover .sticky .con h2 { font-size:4vw; font-weight:bold; margin:.2em auto; }
.storyframe .stickycover .sticky .con h2 .en { font-size:.7em; font-weight:bold; margin:0 auto .6em auto; display:block; text-transform:uppercase; }
.storyframe .stickycover .sticky .con h2 small { font-size:.3em; }
.storyframe .stickycover .sticky .con h4 { font-size:2vw; font-weight:bold; margin:-.5em auto .2em auto; }
.storyframe .stickycover .sticky .con p { font-size:1.2vw; margin:.2em auto; line-height:1.6; }
.storyframe .stickycover .sticky .con p .en { font-size:.6em; font-weight:bold; margin:.6em auto; display:block; text-transform:uppercase; }
.storyframe .stickycover .sticky .con.center * { text-align:center; }
.storyframe .stickycover .sticky .con .title { font-size:5em; font-family:'Barlow'; }
.storyframe .stickycover .sticky .con .title img { width:46vw; }
.storyframe .stickycover .sticky .con .logoicon { display:block; margin:.5em auto; width:5em; }
.storyframe .stickycover .sticky .con .logoicon2 { display:block; margin:.5em auto; width:8em; }
.storyframe .stickycover .sticky .con .sepline { display:block; height:3em; margin:0 auto; width:0; border-right:1px solid white; opacity:.5; }
.storyframe .stickycover .sticky .con.tech { font-size:1.5em; text-align:center; }
.storyframe .stickycover .sticky .con.tech p { font-size:1.5em; text-align:center; }
.storyframe .stickycover .sticky .con.endpage h1 { font-size:1.2em; text-align:center; }
.storyframe .stickycover .sticky .con.endpage h2 { font-size:3em; text-align:center; }
.storyframe .stickycover .sticky .con.endpage p { font-size:1em; text-align:center; }

   .storyframe .stickycover.h200 { height:200vh; }
   .storyframe .stickycover .sticky .con.w75 { width:75vw!important; } 


.storyframe .rollercover { height:100vh; position:relative; z-index:199; overflow:hidden; }
.storyframe .rollercover .mask { display:flex; width:600vw; height:100vh; position:absolute; top:0; left:0; }
.storyframe .rollercover .mask .item { display:block; width:100vw; height:100vh; margin:0; }
.storyframe .rollercover .mask .item .con { display:block; width:50vw; padding:10vw; position:absolute; top:50%; left:50%; transform:translateY(-50%); z-index:16; color:white; }
.storyframe .rollercover .mask .item:nth-of-type(even) .con { left:0; }
.storyframe .rollercover .mask .item .con * { margin:.5em 0; }
.storyframe .rollercover .mask .item .con .title { font-size:3em; }
.storyframe .rollercover .mask .item .con .title .before { content:''; display:block; width:0; height:1.3em; position:absolute; top:0; left:0; background:rgba(255,255,255,.2); }
.storyframe .rollercover .nav { display:flex; flex-direction:column; justify-content:space-between; align-items:center; height:20vw; z-index:744; position:absolute; top:calc(50% + 3em); left:calc(100% - 3em); transform:translateY(-50%); }
.storyframe .rollercover .nav .bar { content:''; display:block; height:0; position:absolute; top:0; left:50%; border-right:1px solid white; }
.storyframe .rollercover .nav a { display:block; width:.8em; height:.8em; border-radius:50%; background:white; opacity:.3; }

.storyframe .rollercoversport { height:100vh; position:relative; z-index:199; }
.storyframe .rollercoversport .mask { display:flex; width:600vw; height:100vh; position:absolute; top:0; left:0; }
.storyframe .rollercoversport .mask .item { display:block; width:100vw; height:100vh; margin:0; }
.storyframe .rollercoversport .mask .item .con { display:block; width:60vw; padding:10vw; position:absolute; top:50%; left:40%; transform:translateY(-50%); z-index:16; color:white; }
.storyframe .rollercoversport .mask .item .con * { margin:.5em 0; }
.storyframe .rollercoversport .mask .item .con .title { font-size:3.6em; }
.storyframe .rollercoversport .mask .item .con .title .before { content:''; display:block; width:0; height:1.3em; position:absolute; top:0; left:0; background:rgba(255,255,255,.2); }
.storyframe .rollercoversport .mask .item .con p { padding-right:10vw; }
.storyframe .rollercoversport .nav { display:flex; z-index:744; position:absolute; bottom:0; left:50%; transform:translateX(-50%); }
.storyframe .rollercoversport .nav a { display:block; font-weight:bold; font-size:2.4em; opacity:.3; color:white; word-break:keep-all; white-space:nowrap; margin:.1em; }
.storyframe .rollercoversport .nav a:after { content:'•'; display:inline-block; font-size:1em; margin:0 .1em; transform:translate(.1em,-.08em); }
.storyframe .rollercoversport .nav a:last-child { width:50%; }
.storyframe .rollercoversport .nav a:last-child:after { display:none; }



.storyframe .content { display:block; width:100vw; position:relative; z-index:10; padding:0; xxxborder:20px solid red; min-height:100vh; }
.storyframe .content * { display:block; margin:2em 0; }
.storyframe .content .con { display:block; margin:4em auto; max-width:800px; width:auto; }

.storyframe .slider { display:block; width:100vw; position:relative; z-index:10; padding:0; overflow:hidden; border:2px solid red; }
.storyframe .slider .mask { display:flex; position:absolute; top:0; left:0; margin:0; }
.storyframe .slider .mask .item { display:block; margin:0; padding:3em; border-right:1px solid gray; }


.storyframe video { display:block; width:100vw; height:100vh; margin:0; object-fit:cover; }

.storyframe .fixedlogo { display:block; width:10vw; position:sticky; top:calc(100vh - 2em); left:2em; transform:translateY(-100%); z-index:100; float:left; }



.slogantitle .othertitle { font-size:.4em; text-align:center; text-align:center; display:block; position:relative; margin:0!important; }

/*
.slogantitle img.logosetxxx { width:48vw!important; height:7vw!important; object-fit:contain!important; top:auto; position:relative; left:auto; transform:none; }
div.logoset { display:block; margin:0 auto!important; width:20vw!important; height:auto!important; position:absolute!important; top:calc(100% - 5vw)!important; left:0!important; transform:translateY(-100%)!important; }
div.logoset img { display:block; margin:0; width:20vw!important; height:auto!important; position:relative!important; top:auto!important; left:auto!important; transform:none!important; }
*/
.tagright { display:block; font-size:1em; padding:.2em 1em; background:orange; text-align:center; text-align:center; display:block; position:absolute; bottom:-3em; left:50%; transform:translateX(-50%); border-radius:5em; }
h1 .tagright { font-size:.4em; }
.introtxt .tagright { font-size:.2em; display:inline-block; bottom:auto; top:50%; left:calc(100% + 1em); transform:translateY(-50%); }
.con.tech .tagright { font-size:.7em; position:relative; bottom:auto; left:auto; transform:none; display:inline-block; margin:0 auto; }

.logoname1 { font-size:1em; }

.storyframe .stickycover .sticky .con p.t1.coolprene { margin:-4em 10em 0 10em; }



   /* POWER BY */
   .logotitle { text-align:center; color:white; display:inline-block; margin:0 auto; width:auto; font-size:1em; font-weight:bold; font-style:italic; position:relative; }
   .logotitle img { display:block; width:6em; margin:.5em auto!important; }
   .logotitle .icon-mg { display:inline-block; width:6em; height:6em; background-image:url(../images/mg/logo-mg.svg); background-position:center; background-repeat:no-repeat; margin:.5em!important; vertical-align:middle; }
   .logotitle .icon-x { display:inline-block; width:6em; height:6em; background-image:url(../images/knit/logo-x.svg); background-position:center; background-repeat:no-repeat; margin:.5em!important; vertical-align:middle; }

   .logotitle:before, .logotitle:after { content:''; display:block; width:10em; height:0; border-top:1px solid white; position:absolute; top:50%; }
   .logotitle:before { left:-12em; }
   .logotitle:after { right:-12em; }
   .con.tech .logotitle { font-size:.7em; }

   .storyframe .rollercover .mask .item .con p { font-size:1vw; line-height:1.6; }
   .storyframe .rollercover .mask .item .con .title { font-size:2.5vw; line-height:1.6; }
   .storyframe .rollercover .mask .item .con .logotitle { margin-top:1.5em; }
   .storyframe .rollercover .mask .item .con .logotitle:before { display:none; }
   .storyframe .cover p .logotitle { width:8vw!important; font-size:.9em; position:relative!important; top:auto!important; left:auto!important; transform:none!important; margin-top:4em; }
   .storyframe .cover p .logotitle img { width:6vw; height:auto!important; position:relative!important; top:auto!important; left:auto!important; transform:none!important; }
   


@media -ms-viewport, screen and (min-width:1800px) {
}
@media -ms-viewport, screen and (min-width:641px) and (max-width:1024px) {
   .storyframe .overlayloading p { font-size:.7em; }

   .storyframe .stickycover .sticky .con .title { font-size:3em; }
   .storyframe .rollercover .mask .item .con { width:80vw; padding:2em; transform:translate(-50%,-50%); left:50%!important; }
   .storyframe .rollercover .mask .item .con p { font-size:1em; }
   .storyframe .rollercover .mask .item .con .title { font-size:2.5em; }
   .storyframe .rollercover .mask .item .con .logotitle { margin-top:1.5em; }
   .storyframe .rollercover .mask .item .con .logotitle:before { display:none; }
   .storyframe .cover p .logotitle { width:8vw!important; font-size:.9em; position:relative!important; top:auto!important; left:auto!important; transform:none!important; margin-top:4em; }
   .storyframe .cover p .logotitle img { width:6vw; height:auto!important; position:relative!important; top:auto!important; left:auto!important; transform:none!important; }

   .storyframe .stickycover .sticky .con { padding:3em; }
   .storyframe .stickycover .sticky .con * { margin:.5em 0; }
   .storyframe .stickycover .sticky .con.endpage h2,
   .storyframe .stickycover .sticky .con h2 { font-size:2em; }
   .storyframe .stickycover .sticky .con h4 { font-size:1.5em; }
   .storyframe .stickycover .sticky .con.tech p,
   .storyframe .stickycover .sticky .con p { font-size:.9em; }

}
@media -ms-viewport, screen and (max-width:640px) {

   .storyframe .cover.coverintro { height:calc(100vh - 2.5em);}
   .storyframe { overflow-x:hidden; }
   .storyframe .overlayloading p { letter-spacing:.1em; }

   .storyframe .stickycover.h200 { height:300vh; }
   .storyframe .stickycover .sticky video.left50 { width:100vw; }
   .storyframe .stickycover .sticky .con { padding:0 1em; }
   .storyframe .stickycover .sticky .con h1 { font-size:1em; }
   .storyframe .stickycover .sticky .con h2 { font-size:1.3em!important; margin-bottom:1em; }
   .storyframe .stickycover .sticky .con .introtxt { font-size:1.7em!important; }
   .storyframe .stickycover .sticky .con p { font-size:.9em!important; }
   .storyframe .stickycover .sticky .con.tech p { font-size:1.2em; }
   .storyframe .stickycover .sticky .con .title { font-size:3em; }
   .storyframe .stickycover .sticky .con .title img { width:80vw; margin:0; }
   .storyframe .stickycover .sticky .con .sepline { height:2em; }
   .storyframe .stickycover .sticky .con.endpage h1 { font-size:1em!important; }
   .storyframe .stickycover .sticky .con.endpage h2 { font-size:1.6em!important; }
   .storyframe .stickycover.mobilesmall { height:120vw; overflow:hidden; }
   .storyframe .stickycover.mobilesmall .sticky { width:100vw; height:120vw; }
   .storyframe .stickycover.mobilesmall .sticky video { width:100vw; height:120vw; }

   .storyframe .content { height:100vh; xxxxbackground:rgba(0,255,255,.2); }



   .storyframe .rollercover { height:auto; background:white; }
   .storyframe .rollercover .mask { display:block; width:100%; height:auto; position:relative; }
   .storyframe .rollercover .mask .item { width:100vw; height:auto; }
   .storyframe .rollercover .mask .item .bgimg { height:50vw; }
   .storyframe .rollercover .mask .item .bgimg img { height:102%; width:102%; }
   .storyframe .rollercover .mask .item .con { width:100%; padding:1.5em; position:relative; top:auto; left:auto; transform:none; color:#333; }
   .storyframe .rollercover .nav { display:none; }

   .storyframe .rollercoversport { height:auto; background:white; }
   .storyframe .rollercoversport .mask { display:block; width:100%; height:auto; position:relative; }
   .storyframe .rollercoversport .mask .item { width:100vw; height:auto; }
   .storyframe .rollercoversport .mask .item .bgimg { height:50vw; }
   .storyframe .rollercoversport .mask .item .bgimg img { height:102%; width:102%; }
   .storyframe .rollercoversport .mask .item .con { width:100%; padding:1.5em; position:relative; top:auto; left:auto; transform:none; color:#333; }
   .storyframe .rollercoversport .mask .item .con .title { font-size:1.5em; }
   .storyframe .rollercoversport .mask .item .con p { padding:0; }
   .storyframe .rollercoversport .nav { display:none; }


   .storyframe .fixedlogo { width:7em; }

   .logotitle:before, .logotitle:after { width:4em; }
   .logotitle:before { left:-5em; }
   .logotitle:after { right:-5em; }
   .logotitle .icon-mg { width:6em; height:6em; background-image:url(../images/mg/logo-mg-gray.svg); }
   .logotitle .icon-x { width:6em; height:6em; background-image:url(../images/knit/logo-x-gray.svg); }


   .storyframe .stickycover .sticky .con p.t1.coolprene { margin:0; }
   .storyframe .stickycover .sticky .con { top:50%; }


}









.onlang-en .storyframe .stickycover .sticky .con h2 { font-size:1.3em!important; }
.onlang-en .storyframe .stickycover .sticky .con p { font-size:.85em!important; }

















/*

             _             _        
  __ _  _ __| |_ ___ _ __ (_)______ 
 / _| || (_-<  _/ _ \ '  \| |_ / -_)
 \__|\_,_/__/\__\___/_|_|_|_/__\___|
                                    

*/













/* X KNIT */
   .intro {}
   .intro .title { font-size:3em; }
   .stickycover.about .sticky .bgimg img { opacity:.7; }
   .stickycover.about .sticky .con { width:50vw; font-size:1.2em; }

@media -ms-viewport, screen and (max-width:640px) {
   .stickycover.about .sticky .con { width:80vw; font-size:1.1em; }
   .stickycover.tech2 .sticky video.left50 { width:100vw; position:relative; top:0; left:0; transform:none; }
   .stickycover.tech2 .sticky video.right50 { display:none; }
}










/* DOMINATE */

   .centercon.storyp p { xxxfont-weight:bold; color:#2b388e;color:#2a4983; margin:1em 0; xxxtext-align:left; }

         .lang-en .centercon.storyp p { font-size:2em; }

   .centercon.storyp p>strong { font-weight:bold; margin:0; font-size:inherit; color:inherit; }
   .centercon.storyp h2 { font-size:3em; color:#2a4983; }
   .centercon.storyp .logodominatefix { width:40vw; height:auto; margin-left:-.3em; }
   .cover img.man1 { display:block; width:60vw; height:80vw; object-fit:contain; left:34%; top:60%; transform:translate(-50%,-38%) rotate(-2deg); }
   .cover img.man2 { display:block; width:27vw; height:50vw; object-fit:contain; left:26%; top:76%; transform:translate(-50%,-38%); }
   .cover img.man3 { display:block; width:50vw; height:70vw; object-fit:contain; left:58%; top:56%; transform:translate(-50%,-38%); }
   .cover img.man4 { display:block; width:25vw; height:40vw; object-fit:contain; left:74%; top:74%; transform:translate(-50%,-38%); }
   .cover img.strip { transform:translate(-50%,-50%) rotate(-12deg); width:150vw; display:block; position:absolute; top:20%; left:50%; }

   .cover .slogan1 { color:white; font-size:2.4em; font-weight:bold; xxxborder:1px solid rgba(255,255,255,.2); height:35vw; }
   .cover .slogantitle { color:white; font-size:7em; }
   .cover .slogan1,
   .cover .slogantitle { overflow:hidden; width:48vw; xxxmargin-top:-10vh; text-align:left; }
   .cover .slogantitle span.fixed { position:relative; top:auto; left:auto; transform:none; }
   .cover .slogantitle .smaller { width:48vw; padding:.2em .5em; }
   .cover .slogantitle .logodominate { width:48vw; height:auto; position:relative; top:auto; left:auto; transform:none; }
   .cover .slogan1 span,
   .cover .slogantitle span { font-family:inherit; position:absolute; top:50%; left:50%; }
   .cover .slogan1 span { width:50vw; text-align:center; }
   .cover .slogantitle span { line-height:1; }
   .cover .slogantitle span .smaller { font-size:.68em; position:relative; top:auto; left:auto; transform:none; }
   .cover .slogantitle .othertitle { font-size:.24em; width:48vw!important; text-align:left; padding:0 .5em; top:80%; text-align:center; display:block; position:relative; top:auto; left:auto; transform:none; word-break:keep-all; }
   .cover .btnmore { position:absolute; top:70vh; left:96vw; font-weight:bold; font-size:.7em; letter-spacing:.1em; border-top:1px solid white; padding:1em 0; color:white; transform-origin:top left; transform:rotate(90deg); transition:all .3s; width:50vw; height:auto; cursor:pointer; }
   .cover .btnmore:hover { margin-top:-1em; }
   .coverintro .logoset { width:16vw!important; padding:0; top:101%; left:100%; transform:translate(-100%,-100%); background:white; }
   .coverintro .logoset img { width:100%; height:100%; display:block; position:relative; top:auto; left:auto; transform:none; }


   .cover .kv { z-index:49; }
   .cover .kvline { z-index:105; xxxmix-blend-mode:screen; }
   .cover .knit { width:150vw; height:150vw; border-radius:50%; overflow:hidden; z-index:51; }
   .cover .knit img { width:110vw; height:124vh; }
   .cover .introtxt { color:white; font-size:2em; z-index:52; position:relative; top:auto; left:auto; transform:none; }
   .cover .introtxt span { font-family:inherit; width:30vw; }
   .cover .logoname1 { color:white; font-size:4.8vw; z-index:56; height:auto; padding:.3em; text-align:left; transform:translateY(-85%) translateX(-50%); }
   .cover .logoname1 span { font-family:inherit; white-space:nowrap; margin-top:-.03em; text-align:left; width:45vw; position:relative; top:auto; left:auto; transform:none; }
   .cover .logoname1 span>small { font-size:.5em; display:block; position:relative; margin:1em 0 0 0; }
   .cover .t1 { color:white; font-weight:normal; transform:translate(-50%,0); width:57vw; z-index:55; line-height:1.8; font-size:1vw; }
   .cover .t1>strong { font-weight:bold; display:inline; font-size:inherit; position:relative; top:auto; left:auto; transform:none; }
   .cover .t1>strong>i { font-weight:bold; display:inline; font-size:inherit; position:relative; top:auto; left:auto; transform:none; }
   .cover .cover.bggray { background:#3f3f3f; opacity:.8; z-index:100; }
   .cover .mg { z-index:11; xxxmix-blend-mode:multiply; }
   .cover .logoname2 { color:white; font-size:4vw; transform:translate(0,-100%); z-index:110; }
   .cover .logoname2 span { font-family:inherit; width:40vw; transform:translate(0,-0); word-break:keep-all; top:auto; bottom:0; }
   .cover .logoname2 span>small { font-size:.5em; display:block; position:relative; margin:1em 0 0 0; }
   .cover .t2 { color:white; width:40vw; font-weight:normal; transform:translate(0,1em); z-index:112; line-height:1.8; font-size:1vw; }
   .cover .t2>strong { font-weight:bold; display:inline; font-size:inherit; position:relative; top:auto; left:auto; transform:none; }
   .cover .t2>strong>i { font-weight:bold; display:inline; font-size:inherit; position:relative; top:auto; left:auto; transform:none; }

   .cover.sportpagetitlexxxx { background-image:url(../images/dominate/sportpagetitle.jpg); background-size:cover; color:white; }
   .logodominatehow { width:30vw; display:block; transform:translateX(-.1em) translateY(.1em); margin:.3em auto; }
   
   .contenthow .center { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin:0; }
   .contenthow .t0 { font-size:5em; color:#0099ee; z-index:11; text-align:left; width:auto; line-height:1; }
   .contenthow .man1 { width:33vw; z-index:12; top:170%; left:40%; }
   .contenthow .bg { width:50vw; z-index:10; height:80vh; position:absolute; top:0; left:0; }
   .contenthow .t1 { font-size:6em; color:white; z-index:21; text-align:left; width:auto; position:absolute; top:0; left:0; margin:1em .5em; line-height:1; }
   .contenthow .con { width:30vw; position:absolute; top:50%; left:55vw; transform:translateY(-50%); display:block; }

   .sportblock { overflow:hidden; }


@media -ms-viewport, screen and (min-width:1800px) {
}
@media -ms-viewport, screen and (min-width:641px) and (max-width:1024px) {
   .cover .logoname1,
   .cover .logoname2 { font-size:2.5em; transform:translateY(-100%) translateX(-50%); }
   .cover .t1,
   .cover .t2 { font-size:1em; }

}
@media -ms-viewport, screen and (max-width:640px) {

   * { xxxxborder:1px solid red; }
   .coverintro .logoset { width:50vw!important; left:0%; transform:translate(0%,-98%); }

   /*.desccon { transform:translateY(100vh); width:100vw!important; height:auto!important; padding:1.8em!important; }
   .desccon .centercon { padding-top:0!important; width:100%!important; position:relative!important; top:auto!important; left:auto!important; transform:none!important; }*/
   .centercon.storyp { padding-top:8em; }
   .centercon.storyp h2 { margin:1em 0; font-size:2em; font-weight:normal; text-align:left; }
   .centercon.storyp h2 strong { font-size:inherit; }
   .centercon.storyp p { font-size:1.45em; text-align:left; }
   .centercon.storyp p { font-size:1.45em; text-align:left; }
   .centercon.storyp .logodominatefix { width:50vw; margin-left:0; margin-bottom:.5em; }
   .cover img.man1 { width:150vw; height:180vw; left:35%; top:80%; }
   .cover img.man2 { width:125vw; height:100vw; left:10%; top:88%; }
   .cover img.strip { top:40%; }

   .cover .slogan1 { font-size:2em; }
   .cover .slogantitle { color:white; font-size:4em; }
   .cover .slogan1 { height:40vh; width:80vw; top:52.centercon.storyp h2vh; }
   .cover .slogantitle { xxxxxheight:50vh; width:90vw; top:35vh; xxoverflow:hidden; }
   .cover .slogantitle img.logoset { width:60vw!important; height:auto!important; top:calc(50% + 3em); left:50%; transform:translateX(-50%); }
   .cover .slogan1 span { width:90vw; }
   .cover .slogantitle span .smaller { font-size:.8em; padding:0; width:90vw; text-align:center; }
   .cover .slogantitle .logodominate { width:90vw; }
   .cover .slogantitle .othertitle { font-size:.4em; width:100%!important; text-align:center; top:72%; }
   .cover .btnmore { top:80vh; }

   .cover.covertech { height:auto; padding-bottom:11em; }
   .cover.covertech .knit, 
   .cover.covertech .mg { display:none; }
   .cover.covertech>* { position:relative; top:auto; left:auto; transform:none; padding:2em; width:100%!important; }
   .cover.covertech>*>span { width:100%; padding:0; position:relative; top:auto; left:auto; transform:none; word-break:break-word!important; white-space:pre-wrap; }
   .cover img.kv,
   .cover img.kvline { height:50vh; top:0; padding:0; }
   .cover img.kvline { position:absolute; left:0; }
   .cover .introtxt { font-size:1em; }
   .cover .logoname1,
   .cover .logoname2 { font-size:3em; padding:.3em .6em; margin:1em 0 0 0; }
   .cover .logoname1 { border:0; height:auto; }
   .cover .t1,
   .cover .t2 { width:90vw; font-size:1em; text-align:justify; padding:0 2em; }

   .contenthow .center { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin:0; }
   .contenthow .t0 { font-size:5em; color:#0099ee; z-index:11; text-align:left; width:auto; line-height:1; }
   .contenthow .man1 { width:33vw; z-index:12; top:170%; left:40%; }
   .contenthow .bg { width:50vw; z-index:10; height:80vh; position:absolute; top:0; left:0; }
   .contenthow .t1 { font-size:6em; color:white; z-index:21; text-align:left; width:auto; position:absolute; top:0; left:0; margin:1em .5em; line-height:1; }
   .contenthow .con { width:30vw; position:absolute; top:50%; left:55vw; transform:translateY(-50%); display:block; }

   .sportpagetitle { height:50vw!important; padding-top:40vw; }

   .storyframe .cover p .logotitle { width:50vw!important; margin-top:3em; }

   .storyframe .rollercover .mask .item .con .logotitle { color:#333; padding:.5em 1em; font-size:.8em; }
   .storyframe .rollercover .mask .item .con .logotitle img { width:4em; }
   .storyframe .rollercover .mask .item .con .title { font-size:2em; line-height:1.4; }
   .storyframe .rollercover .mask .item .con p,
   .sportblock .item .infoset .info p { font-size:1em; line-height:1.6; }



}





























/*

  _                                   
 | |__ _ _ _  __ _ _  _ __ _ __ _ ___ 
 | / _` | ' \/ _` | || / _` / _` / -_)
 |_\__,_|_||_\__, |\_,_\__,_\__, \___|
             |___/          |___/     

*/





.cover .slogantitle span .smaller,
.overlayloading p,
.cover .logoname1,
.cover .logoname2,
.sportblock .item .title span
{ font-family:'Barlow'; font-weight:bold; } 



@media -ms-viewport, screen and (max-width: 640px) {
   .lang-en .storyframe .stickycover .sticky .con .title { font-size:3em; }
   .lang-en .storyframe .stickycover .sticky .con h2 { font-size:1.7em; }
   .lang-en .storyframe .stickycover .sticky .con.tech p { font-size:1em; }
   .lang-en .centercon.storyp p { font-size:1.25em!important; }
   
}