@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');

body{ padding:0; margin:0; background:#000; font:400 14px/20px 'Open Sans', sans-serif; }
*{ box-sizing:border-box; margin:0; padding:0; list-style:none; }
a{ width:100%; height:100%; text-decoration:none; color:inherit; }
img{ vertical-align:middle; }

/*
.video{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:1; text-align:center; }
.video-wrap{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:2; background:url(img/uty/video-back.png) repeat; }
.video-logo{ position:fixed; bottom:140px; left:50%; background:#000; height:70px; overflow:hidden; margin-left:-105px; }
.video-soon{ position:fixed; bottom:20px; left:50%; background:#000; font:700 46px/50px 'Open Sans', sans-serif; color:#FFF; text-align:center; text-transform:uppercase; letter-spacing:-1px; padding:0 10px; width:300px; margin-left:-150px; }
.video-soon span{ color:#FC0; }
.video-enter{ position:fixed; bottom:10px; right:50%; margin-right:-105px; width:210px; height:40px; color:#FFF; font:400 18px/20px 'Open Sans', sans-serif; text-transform:uppercase; text-align:center; }
.video-enter img{ vertical-align:top; }
.video-enter a{ padding:10px; background:#000; border-radius:2px; display:block; }
.video-enter a:hover{ background:#FFF; color:#000; }
.video-info{ position:fixed; top:5px; right:5px; background:#000; padding:2px; font:400 12px/16px 'Open Sans', sans-serif; color:#FFF; opacity:0.5; display:block; }
*/

#web{ background:#FFF; }

.wht{ background:#FFF; color:#000; }
.gry{ background:#CCC; color:#000; }
.dgry{ background:#333; color:#FFF; }
.blk{ background:#000; color:#FFF; }
.blky{ background:#000; color:#FC0; }
.yel{ background:#FC0; color:#000; }

.whtf{ color:#FFF; }
.yelf{ color:#FC0; }

.cx{ text-align:center; }
/*.dx{ text-align:right; } */

header{ position:fixed; top:0; left:0px; width:100%; height:54px; background:#000; z-index:999; }
#logo{ float:left; padding:15px 0; margin-left:20px; }
#menu-btn{ float:left; padding:15px; cursor:pointer; width:54px; height:54px; background:#333; display:block; }
#menu-btn:hover{ background:#FC0; }
.menu-wrap{ position:relative; padding-top:88px; }
.menu-ico{ width:24px; height:24px; background:url(img/ico/ico-menu.png) no-repeat; background-size:100%; }
.menu-close{ position:absolute; top:59px; right:5px; width:24px; height:24px; background:url(img/ico/ico-close.png) no-repeat; background-size:100%; cursor:pointer; }
#menu{ display:none; position:fixed; top:0; left:0; width:80%; height:100%; background:#FC0; z-index:998; border-right:5px; }
.menu-btn, .menu-sub{ border-bottom:1px solid #000; padding:10px; font:400 14px/24px 'Open Sans', sans-serif; text-transform:uppercase; cursor:pointer; vertical-align:middle; }
.menu-btn:hover, .menu-sub:hover{ background:#FFF; }
.menu-btn img, .menu-sub img{ vertical-align:middle; margin-right:5px; }
.menu-sub-wrp{ margin-top:10px; }
.menu-sub-btn{ border-bottom:1px solid #CCC; padding:5px 15px; }
.menu-sub-btn:hover{ background:#CCC; }
.menu-sep{ display:none; }
.menu-social{ float:right; padding:9px 0; }
.menu-social li{ margin:5px; display:inline-block; opacity:0.5; }
.menu-social li:hover{ opacity:1; }
.menu-lang{ float:right; padding:9px; }
.menu-lang-act{ width:36px; height:36px; padding:5px; cursor:pointer; }
.menu-lang-act:hover{ background:#FC0; }
.menu-lang-wrp{ display:none; position:fixed; top:45px; right:10px; background:#FC0; z-index:999; }
.menu-lang-btn{ font:400 14px/24px 'Open Sans', sans-serif; color:#000; text-transform:uppercase; cursor:pointer; border-bottom:1px solid #000; padding:5px; }
.menu-lang-btn:hover{ background:#FFF; color:#333; }

.logo ul{ margin:20px 0; text-align:center; }
.logo li{ display:inline-block; padding:10px; }
.logo img{ width:110px; height:110px; background:#FFF; border-radius:2px; padding:10px; }
.logo img:hover{ background:#FC0; }

.slider{ position:relative; width:100%; overflow:hidden; background:#000; margin-top:54px; }
.slider-wrap{ width:12000px; }
.slider-wrap:after{ clear:both; content:''; display:block; }
.slider-item{ float:left; position:relative; }
.slider-item video{ position:absolute; top:0; }
.slider-item-can{ background:url(img/slide/slide-cannavaro.jpg?v=202211a) center; background-size:cover; background-repeat:no-repeat; }
.slider-item-mvp{ background:url(img/slide/slide-leao.jpg?_=202211b) center; background-size:cover; background-repeat:no-repeat; }
.slider-item-ita{ background:url(img/slide/slide-italia-femminile.jpg?_=202211b) center; background-size:cover; background-repeat:no-repeat; }
.slider-item-sha{ background:url(img/slide/slide-shanghai.jpg?_=202211b) center; background-size:cover; background-repeat:no-repeat; }
.slider-item-bec{ background:url(img/slide/slide-inter-miami.jpg?_=202211b) center; background-size:cover; background-repeat:no-repeat; }

.slider-btn{ position:absolute; bottom:10px; left:0px; width:100%; text-align:center; z-index:2; }
.slider-btn li{ display:inline-block; margin:5px; width:30px; height:10px; background:#FC0; border:1px solid #FFF; cursor:pointer; }
.slider-btn li.act{ background:#000; }
.slider-txt{ position:absolute; width:100%; }
.slider-txt h2{ display:inline-block; font:700 24px/30px 'Open Sans', sans-serif; text-transform:uppercase; padding:5px; margin-top:5px; letter-spacing:1px; }
.slider-txt h4{ display:none; font:400 16px/20px 'Open Sans', sans-serif; text-transform:uppercase; padding:5px; margin-top:5px; letter-spacing:0px; }
.slider-txt a{ display:inline-block; margin:10px 0; font:400 14px/20px 'Open Sans', sans-serif; text-transform:uppercase; padding:5px 10px; }
.slider-txt.cxt{ top:10%; left:0; text-align:center; }
.slider-txt.cxc{ top:40%; left:0; text-align:center; }
.slider-txt.cxb{ bottom:10%; left:0; text-align:center; }
.slider-txt.sxt{ top:10%; left:20px; text-align:left; }
.slider-txt.sxc{ top:40%; left:20px; text-align:left; }
.slider-txt.sxb{ bottom:10%; left:20px; text-align:left; }
.slider-txt.dxt{ top:10%; right:20px; text-align:right; }
.slider-txt.dxc{ top:40%; right:20px; text-align:right; }
.slider-txt.dxb{ bottom:10%; right:20px; text-align:right; }

.slider-info{ position:fixed; top:65px; right:5px; background:#000; padding:2px; font:400 12px/16px 'Open Sans', sans-serif; color:#FFF; opacity:0.5; display:block; z-index:2; }

article{ position:relative; width:100%; clear:both; overflow:hidden; }
.art-wrap{ padding:20px; overflow:hidden; }
.art-wrap>img{ width:50%; height:auto; }
.art-near{ float:left; }
.art-sx{ position:absolute; left:-80px; }
.art-dx{ position:absolute; right:-80px; }
article h2, article h3{ font:700 36px/40px 'Open Sans', sans-serif; color:#333; letter-spacing:-2px; text-align:center; }
article h4{ font:400 21px/28px 'Open Sans', sans-serif; color:#666; padding:10px 0px; text-align:center; }

.stats ul{ margin:20px 0; text-align:center; }
.stats li{ float:left; text-align:center; font:700 52px/52px 'Open Sans', sans-serif;}
.stats.el4 li{ width:50%; padding:10px; }
.stats.el5 li{ width:33.33%; padding:10px; }
.stats:after{ clear:both; content:''; display:block; }
.stats .num{ font:700 52px/52px 'Open Sans', sans-serif; margin-bottom:10px; }
.stats .ico{ margin-bottom:10px; }
.stats .txt{ font:100 16px/18px 'Open Sans', sans-serif; }

.gps-txt{ width:100%; }
.gps-img{ width:100%; }
.gps-img img{ width:100%; }
.gps ul.txt{ padding:40px 0; font:300 24px/32px 'Open Sans', sans-serif; letter-spacing:-1px; height:300px; text-align:center; }
.gps ul.txt>li{ display:none; border-top:10px solid #FC0; border-bottom:6px solid #FC0; padding:10px; height:250px; }
.gps ul.txt>li.animation{ display:block; }
.gps ul.ico{ padding:20px 0px; text-align:center; }
.gps ul.ico>li{ display:inline-block; width:48px; height:48px; border-radius:5px; padding:5px; cursor:pointer; margin:5px; }
.gps ul.ico>li:hover{ background:#CCC; }
.gps ul.ico>li.act{ background:#FC0; }
.gps img{ width:100%; height:100%; }

.dyn{ background:url(img/dynamix-background.jpg?v=202211a) center; background-size:cover; background-repeat:no-repeat; }
.dyn-txt{ width:100%; margin-bottom:60px; }
.dyn-txt:after{ clear:both; content:''; display:block; }
.dyn-img{ width:100%; text-align:center; }
.dyn-img img{ width:100%; }
.dyn-ico{ text-align:center; }
.dyn-ico ul{ text-align:center; }
.dyn-ico li{ display:inline-block; width:230px; height:230px; border-radius:50%; background:#FFF; margin:10px; text-align:center; padding:10px; vertical-align:top; }
/*.dyn-ico li{ float:left; width:100%; height:200px; text-align:center; padding:0px 40px; vertical-align:top;} */
.dyn-ico p{ font:300 16px/24px 'Open Sans', sans-serif; color:#333; width:90%; margin:0 auto; }
.dyn-ico strong{ display:block; }
.dyn-ico img{ width:80px; height:80px; }

.opt-txt{ width:100%; margin-bottom:60px; }
.opt-txt:after{ clear:both; content:''; display:block; }
.opt-img{ width:100%; text-align:center; }
.opt-img img{ width:100%; border-radius:10px; border:5px solid #FC0; transform:rotate(3deg) !important; }
.opt-ico ul{ text-align:center; }
.opt-ico li{ float:left; width:100%; min-height:240px; text-align:center; padding:0px 40px; vertical-align:top; }
.opt-ico p{ font:300 17px/24px 'Open Sans', sans-serif; color:#333; }
.opt-ico strong{ display:block; }
.opt-ico img{ width:96px; height:96px; }

.sge{ background:url(img/smart-gear.jpg?v=202211a) center; background-size:cover; background-repeat:no-repeat; }
.sge-txt{ font:300 18px/28px 'Open Sans', sans-serif; color:#CCC; margin:30px 0; }
.sge-txt:after{ clear:both; content:''; display:block; }
.sge-txt li{ float:left; width:100%; }
.sge-txt p{ padding:10px; }
.sge-txt strong{ color:#FC0; font-weight:100; }
.sge-txt img{ float:right; margin:0 0 10px 10px; }

.par{ text-align:center; }
.par li{ display:inline-block; margin:0 10px; }

.news{ position:relative; width:100%; overflow:auto; background:#FFF; padding:0; }
.news-wrp{ width:10000px; height:540px; overflow:auto; }
.news-btn{ margin:20px 0; text-align:center; }
.news-btn li{ display:inline-block; font:700 20px/30px 'Open Sans', sans-serif; color:#CCC; margin:0 10px; text-transform:uppercase; }
.news-item{ display:inline-block; vertical-align:top; position:relative; margin:10px; border-radius:10px; background:#EEE; width:360px; min-height:520px; overflow:hidden; text-align:left; }
.news-title{ font:700 18px/48px 'Open Sans', sans-serif; text-transform:uppercase; padding:4px; white-space:nowrap; letter-spacing:-0.2px; }
.news-title img{ float:left; margin:0 4px; }
.news-txt{ font:300 14px/22px 'Open Sans', sans-serif; color:#333; padding:10px; }
.news-img{ width:100%; height:200px; overflow:hidden; text-align:center; }
.news-foot{ position:absolute; bottom:0; left:0; width:100%; background:#333; color:#FFF; padding:4px 8px; font:300 12px/18px 'Open Sans', sans-serif; }
.news-all{ text-align:center; margin:60px auto; }

.video ul{ padding:20px 10px 60px 10px; }
.video ul:after{ clear:both; content:''; display:block; }
.video li{ float:left; width:100%; height:240px; padding:20px; }
.video-wrp{ position:relative; background:#EEE; height:100%; overflow:hidden; }
.video-txt{ position:absolute; bottom:0; left:0; width:100%; background:#333; padding:4px 8px; color:#FFF; z-index:5; white-space:nowrap; }
.video-ico{}
.video-img{ position:absolute; top:0; left:0; width:100%; height:100%; background:#EEE; z-index:1; }
.video-img img{ width:100%; }
.video-img a{ display:block; }

.info{ background:#EEE; border-radius:10px; margin:30px 0; padding:10px; }
.info-mod{ position:relative; margin:20px 0; }
.info-des{ position:absolute; top:-8px; left:10px; background:#EEE; padding:0 2px; border:1px solid #CCC; text-transform:uppercase; font:300 12px/14px 'Open Sans', sans-serif; color:#666; }
.info-txt input[type="text"]{ width:100%; height:48px; padding:8px 8px 2px 8px; border:1px solid #CCC; background:#FFF; font:300 18px/40px 'Open Sans', sans-serif; }
.info-txt textarea{ width:100%; height:200px; padding:8px 8px 2px 8px; border:1px solid #CCC; background:#FFF; font:300 18px/26px 'Open Sans', sans-serif; }
.info-mod input[type="button"], .info-mod input[type="submit"]{ border-radius:2px; padding:8px 18px; font:300 16px/28px 'Open Sans', sans-serif; text-transform:uppercase; cursor:pointer; background:#000; color:#FC0; border:0; }
.info-mod input[type="button"]:hover, .info-mod input[type="submit"]:hover{ background:#FC0; color:#000; }

.time{ padding:120px 0; }
.time-act{ position:fixed; top:15%; left:50px; z-index:1; display:none; }
.time-yy{ font:900 120px/120px 'Open Sans', sans-serif; color:#999; letter-spacing:-2px; text-align:center; }
.time-yy span{ display:block; color:#FC0; }
.time-bar{ position:fixed; top:80px; right:10px; z-index:1; }
.time-bar li{ padding:5px 10px; cursor:pointer; color:#CCC; font:100 12px/24px 'Open Sans', sans-serif; margin:5px 0; border-radius:2px; }
.time-bar li:hover{ background:#000; color:#FFF; }
.time-bar li.act{ color:#333; background:#FC0; }
.time-bar li .time-dot{ width:6px; height:6px; margin:2px; border-radius:50%; background:#CCC; display:inline-block; }
.time-bar li.act .time-dot{ background:#333; }
.time-bar-el{ padding:30px 120px 30px 30px; }
.time-bar-el h2{ font:700 12px/20px 'Open Sans', sans-serif; color:#FC0; letter-spacing:2px; text-transform:uppercase; padding:20px 20px 10px 20px; }
.time-bar-el h3{ color:#FC0; text-align:left; }
.time-bar-el h4{ width:70%; font-style:italic; color:#333; }
.time-bar-el h4 span{ font:300 30px/30px 'Open Sans', sans-serif; font-style:italic; }
.time-bar-el h5{ font:400 14px/20px 'Open Sans', sans-serif; color:#666; font-style:italic; }
.time-bar-el h6{ font:400 14px/20px 'Open Sans', sans-serif; color:#999; font-style:italic; }
.time-bar-el h1{ width:90%; font:100 16px/24px 'Open Sans', sans-serif; color:#666; padding:10px; }
.time-bar-el ul{ width:90%; }
.time-bar-el li{ padding:20px 0; border-bottom:2px dashed #DDD; margin:0 10px; }
.time-bar-el li:last-child{ border:0; }
.time-bar-el p{ font:100 14px/24px 'Open Sans', sans-serif; color:#666; padding-bottom:10px; text-transform:uppercase; }
.time-wht{ background:#FFF !important; color:#333; }
.time-blk{ background:#000 !important; color:#CCC; }
.time-yel{ background:#FC0 !important; color:#333; }
.time-sep{ border-top:4px dashed #FC0; margin:20px 20%; opacity:0.5; }
.time-ssc{ display:none; }
.time-ssc-btn{ padding:0 25px 0 5px; font:300 14px/32px 'Open Sans', sans-serif; color:#666; display:inline-block !important; border-radius:2px; border-bottom:1px solid #FC0; cursor:pointer; }
.time-ssc-btn:hover{ background:#EEE; border-bottom:1px solid #999; }
.time-ssc-btn span{ font:700 20px/32px 'Open Sans', sans-serif; color:#FC0; vertical-align:top; transform:rotate(90deg); display:inline-block; }

.btn{ text-align:center; margin:40px 0; }
.btn li{ display:inline-block; border-radius:5px; padding:8px 18px; font:300 16px/28px 'Open Sans', sans-serif; text-transform:uppercase; cursor:pointer; margin:10px 20px; }
.btn li:hover{ background:#333; color:#FC0; } 

.tsx{ width:0; height:0; border-style:solid; border-width:48px 0 0 1280px; }
.tsx.tyel{ border-color:transparent transparent transparent #FC0; }
.tsx.tblk{ border-color:transparent transparent transparent #000; }

.tdx{ float:right; width:0; height:0; border-style:solid; border-width:0 0 48px 1280px; }
.tdx.tyel{ border-color:transparent transparent #FC0 transparent; }
.tdx.tblk{ border-color:transparent transparent #000 transparent; }
.tdx.tgry{ border-color:transparent transparent #333 transparent; }

.tsxr{ width:0; height:0; border-style:solid; border-width:48px 1280px 0 0; }
.tsxr.tyel{ border-color:#FC0 transparent transparent transparent; }
.tsxr.tblk{ border-color:#000 transparent transparent transparent; }

.tdxr{ float:right; width:0; height:0; border-style:solid; border-width:0 1280px 48px 0; }
.tdxr.tyel{ border-color:transparent #FC0 transparent transparent; }
.tdxr.tblk{ border-color:transparent #000 transparent transparent; }
.tdxr.tgry{ border-color:transparent #333 transparent transparent; }

footer{ position:relative; width:100%; padding:5px; background:#333; text-align:center; }
.foot-txt{ color:#666; }
.foot-txt li{ display:inline-block; margin:0 10px; }
.foot-social{ padding:36px 12px; }
.foot-social li{ margin:12px 6px; display:inline-block; opacity:0.5; }
.foot-social li:hover{ opacity:1; }

/* PRIVACY */ 
.pvcy h1{ font:700 20px/32px 'Open Sans', sans-serif; letter-spacing:0; text-align:center; }
.pvcy h2{ font:700 16px/26px 'Open Sans', sans-serif; letter-spacing:0; margin:30px 0 10px 0; }
.pvcy p{ font:300 14px/20px 'Open Sans', sans-serif; letter-spacing:0; margin:10px 0; }
.pvcy li{ font:300 14px/20px 'Open Sans', sans-serif; list-style:inside square; margin:10px; }
.pvcy td{ vertical-align:top; padding:10px; width:33.33%; border:1px solid #CCC; }
.pvcy table{ font:300 14px/20px 'Open Sans', sans-serif; margin-top:10px; }

/* ANIMAZIONI */
.animation.show{ -moz-transform:scale(.0); -webkit-transform:scale(.0); -o-transform:scale(.0); -ms-transform:scale(.0); transform:scale(.0); }
.animation.left{ opacity:0; -moz-transform:translate3d(-100px, 0px, 0px); -webkit-transform:translate3d(-100px, 0px, 0px); -o-transform:translate(-100px, 0px); -ms-transform:translate(-100px, 0px); transform:translate3d(-100px, 0px, 0px); }
.animation.right{ opacity:0; -moz-transform:translate3d(100px, 0px, 0px); -webkit-transform:translate3d(100px, 0px, 0px); -o-transform:translate(100px, 0px); -ms-transform:translate(100px, 0px); transform:translate3d(100px, 0px, 0px); }
.animation.top{ opacity:0; -moz-transform:translate3d(0px, -100px, 0px); -webkit-transform:translate3d(0px, -100px, 0px); -o-transform:translate(0px, -100px); -ms-transform:translate(0px, -100px); transform:translate3d(0px, -100px, 0px); }
.animation.bot{ opacity:0; -moz-transform:translate3d(0px, 100px, 0px); -webkit-transform:translate3d(0px, 100px, 0px); -o-transform:translate(0px, 100px); -ms-transform:translate(0px, 100px); transform:translate3d(0px, 100px, 0px); }

.animation.in-view{ -webkit-transition:.9s all ease; transition:.9s all ease }
.animation.in-view.show { -webkit-transform:scale(1); transform:scale(1); }
.animation.in-view.left, .animation.in-view.right, .animation.in-view.top{ opacity:1; -moz-transform:translate3d(0px, 0px, 0px); -webkit-transform:translate3d(0px, 0px, 0px); -o-transform:translate(0px, 0px); -ms-transform:translate(0px, 0px); transform:translate3d(0px, 0px, 0px); }

/* smartphone orizzontale */
@media screen and (min-width:724px) {
	.art-wrap{ padding:20px 80px; }
	#menu{ width:320px; }
	.dyn-ico li{ padding:10px; }	
	.opt-ico li{ width:50%; text-align:left; padding:10px 60px; }
	.video li{ width:50%; }
	footer{ text-align:left; }
	.foot-social{ position:absolute; top:45px; left:200px; padding:0; }
}
/* tablet verticale */ 
@media screen and (min-width:768px) {
	.art-wrap{ padding:20px 120px; }
	.stats.el4 li{ width:25%; }
	.stats.el5 li{ width:20%; }
}
/* tablet orizzontale */
@media screen and (min-width:1024px) {
	.art-wrap{ padding:40px 160px; }
	article h2, article h3{ text-align:left; font:700 48px/60px 'Open Sans', sans-serif; letter-spacing:-2px; }
	article h4{ text-align:left; }
	.slider-txt h4{ display:inline-block; }

	.gps-txt{ width:60%; }
	.gps-img{ position:absolute; top:80px; right:0; width:40%; }
	.gps ul.txt{ text-align:left; }
	.gps ul.ico{ text-align:left; }

	.dyn-img img{ width:60%; }
	.dyn-txt{ width:80%; margin:0 auto; }
	
	.opt-img img{ width:80%; }
	
	.sge-txt li{ float:left; width:50%; }
	.sge-txt p{ padding:10px 20px; }
	
	.video ul{ padding:20px 30px 60px 30px; }
	.video li{ width:25%; }
	
	.time-act{ display:block; }
	.time-bar-el{ padding:30px 120px 30px 240px; }
	.time-bar-el ul{ width:40%; }
	.time-bar-el h3{ display:none; }

}
/* notebook */
@media screen and (min-width:1280px) {
	#menu-btn, .menu-close, #menu li img{ display:none; }
	#menu{ display:block; top:0; left:140px; width:auto; height:auto; background:none; border-right:0; z-index:999; }
	.menu-btn, .menu-sub{ display:inline-block; border-bottom:0; padding:2px 5px; font:400 14px/24px 'Open Sans', sans-serif; color:#999; text-transform:uppercase; cursor:pointer; margin:0; }
	.menu-btn:hover, .menu-sub:hover{ background:#FC0; color:#000; }
	.menu-sep{ display:inline-block; color:#FC0; }
	.menu-wrap{ position:relative; padding:16px 30px; }
	.menu-sub-wrp{ display:none; position:fixed; top:45px; left:327px; background:#FC0; z-index:999; margin-top:0; }
	.menu-sub-act{ background:#FC0; color:#000; }
	.menu-sub-btn{ font:400 14px/24px 'Open Sans', sans-serif; color:#000; text-transform:uppercase; cursor:pointer; border-bottom:1px solid #000; padding:5px; }
	.menu-sub-btn:hover{ background:#FFF; color:#333; }
	
	.slider-txt h2{ letter-spacing:5px; }
	.slider-txt h4{ letter-spacing:1px; }
	.gps ul.txt{ font:300 28px/42px 'Open Sans', sans-serif; }
	.art-wrap{ padding:40px 240px; }
	.dyn-txt{ width:60%; margin-left:40%; font:300 36px/42px 'Open Sans', sans-serif; }
	.dyn-img{ position:absolute; top:280px; left:0; width:40%; }
	.dyn-img img{ width:100%; }

	.opt-txt{ width:60%; }
	.opt-img{ position:absolute; top:280px; right:0; width:40%; }
	.opt-img img{ width:100%; }
	.opt-ico li{ width:50%; text-align:left; padding:10px 60px; }
	.video ul{ padding:20px 50px 60px 50px; }
	
}
/* desktop */
@media screen and (min-width:1600px) {
	.art-wrap{ padding:60px 320px; }
}