/* Gral */
a:focus { outline:none; }
.content-wrapper { width:940px; height:550px; position:relative; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; overflow:hidden; background:#000 url(../grafs/layout/background.jpg); background-size:cover; color:#fff; font-family: 'roboto_condensedregular'; }
.content { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; color:#000; display:none; }
.content * { cursor:default; }
.content a { cursor:pointer!important; }
.img-wrapper { position:relative; }
.clear { display:block; clear:both; }
.content-wrapper p { font-family: 'roboto_condensedlight'; font-size:16px; line-height:22px; color:rgba(255,255,255,.75); }
.content-wrapper strong { font-family: 'roboto_condensedbold'; font-weight:normal; }
.content-wrapper h2 { color:rgb(51,204,204); font-size:20px; line-height:30px; }
.p-relative { position:relative; }
.p-absolute { position:absolute; }
.flex-wrapper { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; }
.p-hide { display:none; }

.logo-irsicaixa { position:absolute; top:0; left:0; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/*body { font:100%/1.4 Arial,Helvetica,sans-serif; background:#000; margin:0; padding:0; color:#fff; overflow:hidden; }*/
ul,ol,dl { padding:0; margin:0; }
h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; }
p { cursor:default; font-family:'Roboto', sans-serif; font-weight:100; color:rgba(255,255,255,.8); font-size:20px; padding:0; margin:0; }
p.no-text, p.error { display:none; }
p.error, p.error strong { font-weight:500; color:#ce1d47!important; }
#popup-0000 p.error { padding-left:100px; padding-right:100px; }
p strong { font-weight:500; color:rgb(255,255,255); }
.message-container p strong { color:rgb(0,0,0); }
p strong.important, .important { color:rgb(0,204,204); }
p strong.red { color:rgb(206,29,71); }
p strong.bolder { font-weight:900; color:rgb(0,204,204); }
a img { border:none; }
a:link { color:#42413C; text-decoration:underline; }
a:hover,a:active,a:focus { text-decoration:none; }
.clear { clear:both; height:0; font-size:1px; line-height:0px; display:block; }
header,section,footer,aside,article,figure { display:block; }
img { -webkit-user-drag:none; user-drag:none; }

#xplore-health { width:100%; progre overflow:hidden; position:relative; display:inline-block; text-align:center; }
#xplore-wrapper { /*padding-top:53%;*/ padding-top:550px; background:url(../grafs/layout/linia.png); }

.slide { /*width:100%; height:100%;*/width:940px; height:550px; position:absolute; top:0; left:0; display:none; }
.scene-img { position:absolute; /*height:100%;*/ height:550px; }
#intro { display:block; }
#popup-lateral-0202b-01-2 { z-index:100; }

.pipette, .glass, .syringe-home, .syringe-tooltip, .glass-text { position:absolute; top:0; left:0; }
.pipette { left:800px; top:10px; }
#glass1 { left:450px; }
#glass2 { left:530px; }
#glass3 { left:610px; }
#glass4 { left:690px; }
.glass { top:70px; }
.pipette {  width:80px; }
.glass { width:40px; }
.popup-content.translate { -webkit-transform: translate(-250px, 70px); -moz-transform: translate(-250px, 70px); -o-transform: translate(-250px, 70px); -ms-transform: translate(-250px, 70px); transform: translate(-250px, 70px); position:absolute; top:0; left:0; }
.glass, .glass * { cursor:pointer; }
.glass.no-cursor, .glass.no-cursor * { cursor:default; }
.glass.selected, .glass.selected * { cursor:default; }
.glass .liquid { width:34px; height:90px; position:absolute; bottom:3px; left:3px; -webkit-border-radius:0 0 17px 17px; -moz-border-radius:0 0 17px 17px; border-radius:0 0 17px 17px; }
#glass1 .liquid { background:rgba(141,198,63,.6); }
#glass2 .liquid { background:rgba(79,50,77,.6); }
#glass3 .liquid { background:rgba(255,255,255,.6); }
#glass4 .liquid { background:rgba(239,200,75,.6); }
.glass-text { display:none; top:220px; left:340px; width:500px; }
.glass-text .important:hover { color:rgba(0,204,204,.5); }
.glass-text .important, .glass-text .important * { cursor:pointer; }
.pipette img, .glass img, .syringe-wrapper img { width:100%; }

.liquid-wrapper { position:absolute; list-style:none; margin:0; padding:0; }
.syringe-home .liquid-wrapper { left:10px; bottom:48px; width:20px; }
.syringe-lateral .liquid-wrapper { left:6px; bottom:33px; width:13px; }
.liquid-wrapper li { margin:0; padding:0; width:100%; height:0; }
.syringe-home .liquid-wrapper li.selected { height:17px; }
.syringe-lateral .liquid-wrapper li.selected { height:14px; }
.liquid-wrapper .liquid1 { background:rgba(141,198,63,.6); }
.liquid-wrapper .liquid2 { background:rgba(79,50,77,.6); }
.liquid-wrapper .liquid3 { background:rgba(255,255,255,.6); }
.liquid-wrapper .liquid4 { background:rgba(239,200,75,.6); }
.syringe1 .syringe-tooltip { background:rgba(32,175,214,.25); }
.syringe2 .syringe-tooltip { background:rgba(255,204,51,.25); }
.syringe3 .syringe-tooltip { background:rgba(255,255,255,.25); }
.syringe-home { top:220px; width:180px; }
.syringe-home.syringe1 { left:300px; }
.syringe-home.syringe2 { left:500px; }
.syringe-home.syringe3 { left:700px; }
.syringe-home .syringe-wrapper { width:40px; }
.syringe-home .syringe-tooltip { width:120px; height:120px; top:40px; left:50px; }
.syringe-home .syringe-tooltip img { width:55%; margin-top:10px; }
.syringe-home .syringe-tooltip span { display:block; font-size:10px; line-height:12px; padding:5px 30px 0 0; }
.syringe-lateral, .syringe-lateral * { cursor:pointer; }
.syringe-lateral { width:120px; display:inline-block; }
.syringe-lateral .syringe-wrapper { width:26px; }
.syringe-lateral .syringe-tooltip { width:100px; height:100px; top:20px; left:30px; }
.syringe-lateral .syringe-tooltip img { width:50%; margin-top:10px; }
.syringe-lateral .syringe-tooltip span { display:block; font-size:10px; line-height:12px; padding:1px 5px 0 5px; }
#syringe-button { display:block; margin:20px 0 0 50px; }

/* Textos */
.text-container { display:inline-block; top:80px; left:380px; margin:0; padding:0; position:absolute; width:45%; }
.text-container .text-wrapper { display:block; position:relative; width:400px; height:400px; background:rgba(0,0,0,.5); }
.text-container .text-wrapper .text-wrapper-container { position:absolute; bottom:0; left:0; width:100%; height:100%; }
.text-container .text-wrapper .text-wrapper-container img { position:absolute; top:30px; right:-50px; width:100px; display:none; cursor:pointer; }
.text-container .text-wrapper .text-wrapper-container p { font-size:25px; line-height:35px; padding:0 40px 60px; }
.text-container .text-wrapper .text-wrapper-container h2.h1-title { padding-top:150px!important; color:#fff; font-size:2em; font-size:60px; line-height:60px; letter-spacing:0; font-family:'Roboto', sans-serif; font-weight:100; }
.text-container .text-wrapper .text-wrapper-container h2.h1-title em { text-transform:uppercase; font-style:normal; }
.text-container .text-wrapper .text-wrapper-container h2.h1-title strong { font-weight:700; display:block; font-size:53px; letter-spacing:.04em; }
.text-container .text-wrapper .text-wrapper-container p strong.important { font-weight:700; }
.text-container .text-wrapper .text-wrapper-container#etapa1 p strong.important { color:rgb(30,175,214); }
.text-container .text-wrapper .text-wrapper-container#etapa2 p strong.important { color:#773677; }
.text-container .text-wrapper .text-wrapper-container#etapa3 p strong.important { color:#f58a4e; }
.text-container .text-wrapper .text-wrapper-container#etapa4 p strong.important { color:#efc84b; }
.text-container .text-wrapper .text-wrapper-container#etapa5 p strong.important { color:#ce1d47; }

.slide-text { background:rgba(0,0,0,.8); -webkit-border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; border-radius:0 0 15px 15px; width:84%; position:absolute; top:-50%; left:8%; }
.slide-text.visible { top:0; }
.slide-text p { padding:20px 40px 30px; }
.icon.disabled { cursor:default; }

.persons .slide-img { position:absolute; height:100%; }
.persons .person { height:90%; top:25%; left:7%; }
.persons .person2 { left:27%; }
.persons .room { width:100%; top:0; left:0; }

.slide-quest { display:none; position:absolute; width:33%; font-size:15px; padding:20px 20px 75px 20px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
.slide-quest p, .slide-quest .important { color:#000; }
.slide-quest .icon-check { position:absolute; font-size:100px; color:#000; right:-40px; bottom:-40px; padding:10px; display:none; cursor:pointer; }
.slide-quest .icon { background:rgba(0,0,0,.8); right:30%; margin:10px 0 0 0; }
#slide-quest1, #slide-quest2 { left:8%; top:33%; }
#slide-quest1, #slide-quest2, #slide-quest1 .icon-check, #slide-quest2 .icon-check { background:rgb(0,204,204); }
#slide-quest3, #slide-quest4, #slide-quest5 { right:8%; top:33%; }
#slide-quest3, #slide-quest4, #slide-quest5, #slide-quest3 .icon-check, #slide-quest4 .icon-check, #slide-quest5 .icon-check { background:rgb(239,200,75); }
#slide-quest6, #slide-quest7 { left:8%; top:30%; }
#slide-quest6, #slide-quest7, #slide-quest6 .icon-check, #slide-quest7 .icon-check { background:rgb(171,123,171); }
#slide-quest8 { left:8%; top:27%; }
#slide-quest8, #slide-quest8 .icon-check { background:rgb(245,138,78); }

.reunio img { position:absolute; height:100%; top:10%; left:40%; }
.reunio-tooltip { font-size:10px; line-height:12px; position:absolute; background:rgb(0,204,204); color:#000; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:5px 10px; max-width:100px; }
#reunio-tooltip1 { top:25%; left:60%; }
#reunio-tooltip2 { top:54%; left:72%; }
#reunio-tooltip3 { top:31%; left:50%; }
#reunio-tooltip4 { top:70%; left:66%; }
#reunio-tooltip5 { top:66%; left:52%; }
.reunio-tooltip:after { left:50%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; border-width:5px; margin-left:-5px; }
.reunio-tooltip.tooltip-top:after { bottom:100%; border-bottom-color:rgb(0,204,204); }
.reunio-tooltip.tooltip-bottom:after { top:100%; border-top-color:rgb(0,204,204); }
.reunio-tooltip.tooltip-color { background:rgb(245,138,78); color:#fff; }
.reunio-tooltip.tooltip-top.tooltip-color:after { border-bottom-color:rgb(245,138,78); }
.reunio-tooltip.tooltip-bottom.tooltip-color:after { border-top-color:rgb(245,138,78); }
.inform-quest { display:block; clear:both; width:100%; }

.prospect-wrapper { display:none; }
.prospect-wrapper .slide-img, #prospect, .form-hands { position:absolute; left:20%; bottom:0; height:75%; }
#prospect { display:none; left:35%; bottom:14%; height:50%; }

.slide-form { position:absolute; top:38%; left:50%; width:40%; display:none; }
.slide-form textarea, .slide-form input[type=text], .input-text { resize:none; font-size:25px; width:100%; width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); font-family:'Roboto', sans-serif; font-weight:100; height:50px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; margin:0 0 20px; padding:0 20px; text-align:center; border:none; background:rgba(0,0,0,.8); color:#fff; }
.input-text { cursor:default; padding-top:10px; }
.input-text i { margin-left:20px; }
.form-button { border:none;color:#fff; font-size:25px; font-family:'simple-line-icons'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; /* Better Font Rendering =========== */ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.slide-form .icon, .slide-form .icon.with-text { position:relative; left:0; top:0; right:inherit; bottom:inherit; }
.slide-form ul, .slide-form ul li { margin:0; padding:0; list-style:none; }
.slide-form ul { margin-left:35%; }
.slide-form ul li { float:left; margin:0 5px; }
.slide-form .icon.form-question { background:rgba(0,0,0,.5); }

.slide-form, #xplore-health .zoom-prospect, .form-hands div { display:none; }
#xplore-health .zoom-prospect, .form-hands div { position:absolute; top:70%; left:70%; }
.form-hands { position:relative; }
.form-hands div { color:#000; font-size:30px; font-weight:900; top:200px; left:200px; text-align:center; }
#slide4 .form-hands div { top:180px; }
.form-hands div strong { font-size:16px; display:block; padding-top:10px; }
#slide3 .form-hands div.form-hand-ko, #slide4 .form-hands div.form-hand-ok { left:330px; }
.form-hands div span { display:block; width:50px; height:50px; line-height:50px; border:15px solid rgba(0,0,0,.25); cursor:pointer; }
.form-hands div span:hover, .form-hands div span.selected { background:rgba(0,0,0,.25); border-color:transparent; }
.form-hands div span i { color:#fff; font-size:50px; }

#popup-header-0202b-01-1 .text-ko { display:none; }

#popup-infor .popup-header, #valida-infor { display:none; }
#popup-infor.respondre .popup-header, #popup-infor.respondre #valida-infor { display:block; }
#popup-infor .popup-header { top:4%; width:92%!important; left:4%!important; }
#popup-infor .popup-header p { text-align:center; font-size:16px; }
#popup-infor.respondre #valida-infor { position:absolute; bottom:4%; left:42%; z-index:100; }
#popup-infor .popup-slide p { text-align:left; font-size:16px; margin:20px 0 0 150px; width:90%; position:relative; }
#popup-infor.respondre .popup-slide p { margin:15px 0 0 70px; }
#popup-infor .popup-slide p .icon { display:none; background:rgba(255,255,255,.05); }
#popup-infor .popup-slide p .icon.selected { background:rgba(0,204,204,.8); }
#popup-infor.respondre p .icon { text-align:center; position:absolute; top:-10px; left:-60px; display:block; }
#popup-infor.respondre p .icon i { display:inline-block; }
#popup-infor .popup-header p strong { display:inline-block; }
#popup-infor .popup-header p strong:first-letter { text-transform:uppercase; }
#popup-infor.respondre.informes #valida-infor, #popup-infor.respondre.informes .popup-slide p .icon { display:none; }
#popup-infor.respondre .no-text1 { display:block!important; }
#popup-infor.respondre .no-text2 { display:none!important; }
#popup-infor.respondre.informes .no-text2 { display:block!important; }
#popup-infor.respondre.informes .no-text1 { display:none!important; }

#popup-infor .popup-slide p { display:none; }
#popup-infor .popup-slide p.infor0 { display:block; text-align:center; padding-top:100px; }
#popup-0305a-06 .popup-lateral p strong.important { cursor:pointer; }
#popup-infor .popup-slide { top:26%; }
#nav-infor, #nav-infor li { margin:0; padding:0; list-style:none; }
#nav-infor { position:absolute; top:18%; left:0; width:100%; text-align:center; border-bottom:1px solid rgba(255,255,255,.25); }
#nav-infor li { display:inline-block; cursor:pointer; font-size:15px; color:rgba(255,255,255,.75); padding:10px; margin:0 10px; border:1px solid rgba(255,255,255,.25); border-bottom:none; font-weight:100; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; }
#nav-infor li.active { background:rgba(255,255,255,.25); border-color:transparent; color:#000; cursor:default; }
#nav-infor li strong { color:rgb(255,255,255); font-weight:700; }
#nav-infor li.active strong { color:#000; }

.newspaper { display:none; width:50%; position:absolute; top:20%; left:20%; }
.newspaper img, .newspaper p { position:absolute; }
.newspaper img { width:100%; top:0; left:0; }
.newspaper p { width:90%; top:70px; left:5%; }
.newspaper p, .newspaper p strong { font-weight:900; color:#333; font-size:35px!important; line-height:43px; }

.asterisc-text { font-size:14px; font-style:normal; }
.asterisc { position:absolute; bottom:100px; right:100px; font-size:12px; width:100px; text-align:left; }

/* Chart */
.graph { position:absolute; top:13%; left:29%; width:70%!important; height:70%; }
.graph span { font-size:10px; line-height:12px; line-height:80px; display:block; }
.graph .graph-col { float:left; position:relative; }
.graph .graph-left { width:15%; height:80%; text-align:right; }
.graph .graph-right { width:85%; height:100%; }
.graph .graph-line, .graph .graph-num { width:100%; height:15.25%; color:rgba(255,255,255,.25); }
.graph .graph-line { border-bottom:1px solid rgba(255,255,255,.25); }
.graph .graph-line.no-border { border-bottom:none; }
.graph .graph-title { position:absolute; top:-10px; left:0; width:15%; font-weight:700; color:rgba(255,255,255,.7); line-height:10px; }
.graph .graph-left span { width:90%; }
.graph .graph-names { position:absolute; bottom:0; left:0; height:20%; width:100%; text-transform:uppercase; }
.graph .graph-name { float:left; width:68px; height:70px; text-align:right; font-size:10px; line-height:12px; line-height:75px; font-weight:700; letter-spacing:1px; }
.graph .graph-name span { line-height:15px; display:block; padding:17px 0 0 0; font-size:10px; line-height:12px; }
.graph .graph-bars, .graph .graph-lines { width:100%; height:80%; }
.graph .graph-bars { position:absolute; top:0; left:0; height:74.5%; }
.graph .graph-wrapp { height:100%; width:68px; float:left; position:relative; }
.graph .graph-wrapp .graph-bar { background:rgba(255,255,255,.75); position:absolute; height:0; width:60%; bottom:0; left:20%; }
.graph .graph-wrapp:nth-child(1) .graph-bar.pos1 { height:5%; }
.graph .graph-wrapp:nth-child(2) .graph-bar.pos1 { height:65%; }
.graph .graph-wrapp:nth-child(3) .graph-bar.pos1 { height:15%; }
.graph .graph-wrapp:nth-child(4) .graph-bar.pos1 { height:3.5%; }
.graph .graph-wrapp:nth-child(5) .graph-bar.pos1 { height:37%; }
.graph .graph-wrapp:nth-child(6) .graph-bar.pos1 { height:58%; }
.graph .graph-wrapp:nth-child(7) .graph-bar.pos1 { height:2%; }
.graph .graph-wrapp:nth-child(1) .graph-bar.pos2 { height:0; }
.graph .graph-wrapp:nth-child(2) .graph-bar.pos2 { height:2%; }
.graph .graph-wrapp:nth-child(3) .graph-bar.pos2 { height:3%; }
.graph .graph-wrapp:nth-child(4) .graph-bar.pos2 { height:0; }
.graph .graph-wrapp:nth-child(5) .graph-bar.pos2 { height:1%; }
.graph .graph-wrapp:nth-child(6) .graph-bar.pos2 { height:4%; }
.graph .graph-wrapp:nth-child(7) .graph-bar.pos2 { height:.5%; }
.graph .bar-txt { position:absolute; }
.graph .bar-txt1 { width:70px; height:70px; line-height:70px; left:-15px; background:rgba(255,255,255,.25); color:#000; top:-50px; }
.graph .bar-txt2 { width:50px; height:50px; line-height:50px; left:-5px; background:rgba(102,153,51,.9); color:#fff; top:-30px; }
.graph .pos1 .bar-txt1 { top:-90px; }
.graph .pos2 .bar-txt2 { top:-65px; }
.graph .pos1.pos2 .bar-txt1 { top:-135px; }
.graph .bar-txt strong { font-weight:700; display:block; }

.geo-map { position:absolute; top:11%; left:30%; width:66%; height:70%; display:none; }
.geo-map-wrapp { position:relative; width:100%; height:100%; }
.geo-map-wrapp .img { width:100%; position:absolute; top:0; left:0; }
.geo-map .virus { position:absolute; }
.geo-map .virus-wrapp { width:60px; height:60px; background:rgba(0,0,0,.5); }
.geo-map .virus1 { top:15%; left:15%; }
.geo-map .virus2 { top:45%; left:28%; }
.geo-map .virus3 { top:12%; left:50%; }
.geo-map .virus4 { top:44%; left:49%; }
.geo-map .virus5 { top:20%; left:70%; }
.geo-map .virus6 { top:55%; left:80%; }
.geo-map .virus img { width:70%; display:inline-block; margin-top:10px; }

.balance { position:absolute; top:11%; left:30%; width:66%; height:70%; }
.balance img { position:absolute; top:0; left:0; }
#balance1 { width:80px; top:220px; left:270px; }
#balance2 { width:120px; left:150px; top:220px; }
#balance3 { width:120px; left:350px; top:220px; }
#emoti1 { width:200px; left:110px; top:-300px; }
#emoti2 { width:50px; left:382px; top:-110px; }

.balance.pos1 #balance2 { top:215px; }
.balance.pos1 #balance3 { top:230px; }
.balance.pos1 #emoti1 { top:-300px; }
.balance.pos1 #emoti2 { top:190px; }

.balance.pos2 #balance2 { top:240px; }
.balance.pos2 #balance3 { top:215px; }
.balance.pos2 #emoti1 { top:50px; }
.balance.pos2 #emoti2 { top:175px; }

.list-buttons { position:absolute; list-style:none; margin:0; padding:0; }
#list-buttons { width:44%; top:60px; left:47%; }
.list-buttons li { margin:0; padding:5px; }
.list-buttons .icon.with-text { display:block; width:100%; }
.list-buttons li div { background:rgba(0,204,204,.25); }
.list-buttons li div.selected { background:rgb(0,204,204); cursor:default; }

.list-sortable { width:40%; top:60px; left:53%; }
#sortable * { cursor:move; }
#not-sortable { cursor:default; left:32%; top:90px; }
.list-sortable li { background:none; color:#fff; border:none; }
.list-sortable li div { height:40px; font-size:14px; color:#fff; line-height:40px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
#not-sortable li:nth-child(1) div { background:rgb(204,0,0); }
#not-sortable li:nth-child(2) div { background:rgb(204,102,0); }
#not-sortable li:nth-child(3) div { background:rgb(204,153,102); }
#not-sortable li:nth-child(4) div { background:rgb(204,204,153); }
#not-sortable li:nth-child(5) div { background:rgb(153,204,102); }
#not-sortable li:nth-child(6) div { background:rgb(102,153,51); }
.ui-sortable-handle { -ms-touch-action:none; touch-action:none; }
.ui-sortable-helper div { background:rgba(0,204,204,.85)!important; }

.list-emotis { position:absolute; list-style:none; margin:0; padding:0; top:30px; left:48%; display:block; }
.list-emotis.not-sortable { left:27%; top:56px; }
.list-emotis li strong { display:block; font-weight:700; font-size:10px; line-height:12px; color:rgba(255,255,255,.5); }
.list-emotis li { padding:.20px 0 6px; }
.list-emotis li:first-child strong { padding:10px 0 7px 0; }
.list-emotis li:last-child strong { padding:1px 0 10px 0; }
.list-emotis li img { width:40px; height:40px; display:block; }
.list-emotis li span { line-height:42px; height:42px; width:42px; display:block; font-size:10px; line-height:12px; background:rgba(255,255,255,.1); }

.anim-check { position:absolute; top:0; left:-20px; background:rgba(0,204,204,.85); width:50px; height:50px; line-height:50px; display:none; cursor:pointer; }
.anim-check i { font-size:30px; line-height:50px; cursor:pointer; }
.anim.checked .anim-check { display:block; }
.anim.checked .mark { background:rgba(0,0,0,.2)!important; }

.group-content .circle-group { background:rgba(255,255,255,.1); position:absolute; }
#group1-content .circle-group { width:300px; height:300px; top:18%; }
#group1-content #group1 { left:1%; }
#group1-content #group2 { left:34%; }
#group1-content #group3 { left:67%; }
#group1-content .circle-group .wrapper { padding:32px 0 0 0; }
#group1-content .circle-group img { width:25px; }
#group2-content .circle-group { width:330px; height:330px; top:10%; left:48%; }
#group2-content .circle-group .wrapper { padding:31px 0 0 0; }
#group2-content .circle-group img { width:15px; }
@media screen and (max-width:1000px) {
	#group1-content .circle-group img { width:22px; } #group1-content .circle-group .wrapper { padding:40px 0 0 0; }
	#group2-content .circle-group img { width:13px; } #group2-content .circle-group .wrapper { padding:25px 0 0 0; }
}
@media screen and (max-width:600px) {
	#group1-content .circle-group img { width:20px; } #group1-content .circle-group .wrapper { padding:45px 0 0 0; }
	#group2-content .circle-group img { width:10px; } #group2-content .circle-group .wrapper { padding:20px 0 0 0; }
}
@media screen and (max-width:400px) {
	#group1-content .circle-group img { width:15px; } #group1-content .circle-group .wrapper { padding:60px 0 0 0; }
	#group2-content .circle-group img { width:8px; } #group2-content .circle-group .wrapper { padding:10px 0 0 0; }
}

.but-lateral { position:absolute; bottom:20px; left:40%; z-index:100; }

.tooltip-vacuna, .legend-group { list-style:none; margin:0; padding:0; position:absolute; font-size:10px; line-height:12px; }
.tooltip-vacuna li { float:left; }
.tooltip-vacuna li span { display:block; }
.percent-vacuna { left:36%; top:72%; font-size:15px; width:62%; }
.percent-vacuna li { width:33%; font-weight:700; color:rgba(255,255,255,.6); }
.legend-vacuna { left:39%; top:10%; width:52%; }
.legend-vacuna li { width:25%; }
.legend-vacuna li img { width:20px; }
.legend-group { bottom:5%; right:2%; }
.legend-group li { position:relative; list-style:none; text-align:right; color:rgba(255,255,255,.6); font-weight:100; padding:10px 0 0 0; }
.legend-group li span { color:rgb(255,255,255); font-weight:300; margin-right:18px; display:block; }
.legend-group li img { width:12px; display:block; position:absolute; right:0; top:6px; }

.virus0 { width:10px; height:10px; top:7%; background:rgba(206,29,71,.96); display:block; position:absolute; }
.virus0-a { left:42%; }
.virus0-b { left:39%; }
.virus0-c { left:36%; }
.dispara { position:absolute; top:3%; left:4%; }
.dispara span strong { font-weight:100; color:rgba(255,255,255,.6); }

.tooltip-vacuna-text { position:absolute; display:block; top:330px; left:0; width:100%; text-align:center; font-size:17px; color:rgba(255,255,255,.8); }
.tooltip-vacuna-text.next-text { top:10px; font-size:11px; }

/* /////////////// */
.movie1-1 { -webkit-animation: orbit1-1 2s linear; -moz-animation: orbit1-1 2s linear; -o-animation: orbit1-1 2s linear; animation: orbit1-1 2s linear; }
.movie1-2 { -webkit-animation: orbit1-2 2s linear; -moz-animation: orbit1-2 2s linear; -o-animation: orbit1-2 2s linear; animation: orbit1-2 2s linear; }
.movie1-3 { -webkit-animation: orbit1-3 2s linear; -moz-animation: orbit1-3 2s linear; -o-animation: orbit1-3 2s linear; animation: orbit1-3 2s linear; }
@keyframes orbit1-1 { 100%  { transform:rotate(30deg) translateX(800px); } }
@keyframes orbit1-2 { 100%  { transform:translateY(800px); } }
@keyframes orbit1-3 { 100%  { transform:rotate(140deg) translateX(-200px) translateY(800px); } }
/* /////////////// */
.movie2-1 { -webkit-animation: orbit2-1 2s linear; -moz-animation: orbit2-1 2s linear; -o-animation: orbit2-1 2s linear; animation: orbit2-1 2s linear; }
.movie2-2 { -webkit-animation: orbit2-2 2s linear; -moz-animation: orbit2-2 2s linear; -o-animation: orbit2-2 2s linear; animation: orbit2-2 2s linear; }
.movie2-3 { -webkit-animation: orbit2-3 2s linear; -moz-animation: orbit2-3 2s linear; -o-animation: orbit2-3 2s linear; animation: orbit2-3 2s linear; }
@keyframes orbit2-1 { 100%  { transform:rotate(90deg) translateX(800px); } }
@keyframes orbit2-2 { 100%  { transform:rotate(150deg) translateX(800px); } }
@keyframes orbit2-3 { 100%  { transform:rotate(50deg) translateX(-200px) translateY(800px); } }
/* /////////////// */
.movie3-1 { -webkit-animation: orbit3-1 2s linear; -moz-animation: orbit3-1 2s linear; -o-animation: orbit3-1 2s linear; animation: orbit3-1 2s linear; }
.movie3-2 { -webkit-animation: orbit3-2 2s linear; -moz-animation: orbit3-2 2s linear; -o-animation: orbit3-2 2s linear; animation: orbit3-2 2s linear; }
.movie3-3 { -webkit-animation: orbit3-3 2s linear; -moz-animation: orbit3-3 2s linear; -o-animation: orbit3-3 2s linear; animation: orbit3-3 2s linear; }
@keyframes orbit3-1 { 100%  { transform:rotate(-20deg) translateX(800px) translateY(600px); } }
@keyframes orbit3-2 { 100%  { transform:rotate(140deg) translateX(1000px) translateY(800px); } }
@keyframes orbit3-3 { 100%  { transform:rotate(140deg) translateX(200px) translateY(800px); } }
/* /////////////// */
.movie4-1 { -webkit-animation: orbit4-1 2s linear; -moz-animation: orbit4-1 2s linear; -o-animation: orbit4-1 2s linear; animation: orbit4-1 2s linear; }
.movie4-2 { -webkit-animation: orbit4-2 2s linear; -moz-animation: orbit4-2 2s linear; -o-animation: orbit4-2 2s linear; animation: orbit4-2 2s linear; }
.movie4-3 { -webkit-animation: orbit4-3 2s linear; -moz-animation: orbit4-3 2s linear; -o-animation: orbit4-3 2s linear; animation: orbit4-3 2s linear; }
@keyframes orbit4-1 { 100%  { transform:rotate(20deg) translateX(800px); } }
@keyframes orbit4-2 { 100%  { transform:translateX(660px) translateY(800px); } }
@keyframes orbit4-3 { 100%  { transform:translateX(-400px) translateY(800px); } }
/* /////////////// */

.out { display:none !important; }

/* Drag & Drop */
.drag-drop, .drag-drop li { list-style:none; margin:0; padding:0; }
.drag-drop li { position:absolute; overflow:hidden; }
.nav-drag li { background:rgba(0,204,204,.9); }
.nav-drag li, .nav-drag li * { cursor: move; }
#dropp1 { background:rgb(79,50,77); }
#dropp2 { background:rgb(245,138,78); }
#dropp3 { background:rgb(239,200,75); }
#dropp4 { background:rgb(206,29,71); }
.drag-drop li div { position:relative; width:100%; height:100%; }
.drag-drop li div span.circle { position:absolute; top:7px; left:7px; line-height:25px; width:25px; height:25px; font-size:15px; background:rgba(0,204,204,.85); }
.drag-drop li div img { width:66%; margin-top:2%; }
.drag-drop li div p { padding:0 10px; font-size:12px; font-weight:500; color:#000; }
.drag-drop li.dragged-item div p { color:#fff; }
.nav-drag li.dragged-item, .nav-drag li.dragged-item * { cursor:default; }

/* Popups */
.case-content, .case-content li { display:block; margin:0; padding:0; list-style:none; }
.case-content { position:absolute; bottom:26%; left:29%; }
.case-content li { float:left; position:relative; cursor:pointer; }
.case-content li span { display:block; position:absolute; bottom:10px; left:0; width:92%; color:#000; font-size:18px; font-weight:700; }
.popup-case-icon { width:150px; height:150px; text-align:center; position:relative; background-size:75%!important; background-repeat:no-repeat!important; background-position:center 10px!important; }
.popup-case-icon.icon-mapa { background:rgba(79,50,77,.9) url(../grafs/escene/icon-mapa.svg); }
.popup-case-icon.icon-news { background:rgba(239,200,75,.9) url(../grafs/escene/icon-news.svg); }
.popup-case-icon.icon-tablet { background:rgba(206,29,71,.9) url(../grafs/escene/icon-tablet.svg); }
.popup-case-icon.icon-inform { background:rgba(245,138,78,.9) url(../grafs/escene/icon-inform.svg); }
.case-desc-item { display:none; position:absolute; top:10%; left:35%; width:55%; text-align:center; }
.case-desc-inici { top:25%; }
.case-desc-item .icon { display:block!important; }
.case-desc-item p { margin-bottom:20px; color:rgba(255,255,255,.6); }
.case-desc-item p strong { font-weight:700; color:#fff; }
.ico-wrapper { display: inline-block!important; }

.text-left { text-align:left; display:block; padding:20px 0 0 0; }
#popup-case { z-index:0; }
#messages, #alerts { z-index:1000; }
#alerts { background:rgba(0,0,0,.75); }
#popups, #messages, #alerts, #popup-case { width:100%; height:100%; position:absolute; top:0; left:0; display:none; }
#popups #popup-wrapper, #messages .message-wrapper, #alerts .message-wrapper, #popup-case .message-wrapper { overflow:hidden; position:absolute; width:94%; height:90%; left:3%; top:5%; background:rgba(0,0,0,.7); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
#messages .message-wrapper { background:rgba(0,204,204,.96); width:100%; height:100%; left:0; top:0; }
#alerts .message-wrapper { background:rgba(0,204,204,.96); width:94%; height:90%; left:3%; top:5%; display:none; }
#messages .message-wrapper.red, #alerts .message-wrapper.red { background:rgba(206,29,71,.96); }
#messages .message-wrapper p, #alerts .message-wrapper p { color:#000; font-size:30px; line-height:40px; }
#messages .message-wrapper .plus-text p { font-size:26px; line-height:32px; }
#messages .message-wrapper .icon, #alerts .message-wrapper .icon { background:#333; }
#popups #popup-wrapper .popup-close { position:absolute; width:50px; height:50px; right:0; top:0; z-index:1000; }
#popups #popup-wrapper .popup-close i { position:absolute; display:block; font-size:25px; color:#fff; line-height:50px; right:10px; top:-5px; z-index:1000; }
#popups #popup-wrapper .popup-close .icon-close { cursor:pointer; }
#popups #popup-wrapper .popup-close i, #popups #popup-wrapper .video-pause i { font-size:30px; line-height:60px; }
#popups #popup-wrapper .popup-close .icon-check { visibility:hidden; right:37px; top:37px; background:rgba(0,204,204,.9); color:rgba(0,0,0,.9); font-size:25px; line-height:40px; width:40px; height:40px; }
#popups #popup-wrapper .popup-close.popup-close-done .icon-check { visibility:visible; }
#popup-case .message-wrapper .case-close { right:0; top:0; background:none; z-index:1000; }
#popups #popup-wrapper .video-pause { background:rgba(206,29,71,.9); right:10px; top:10px; width:60px; height:60px; }
#popups #popup-wrapper .popup-container, #messages .message-wrapper .message-container { display:none; height:100%; }
#alerts .message-container { height:100%; }
#alerts .message-content { height:80%; padding:0 200px; }
#alerts .message-content.bigger { padding:0 100px; }
#popups #popup-wrapper .popup-container .popup-content, #messages .message-wrapper .message-container .message-content { height:100%; }
#popups #popup-wrapper .popup-container .popup-header, #popups #popup-wrapper .popup-container .popup-final, #messages .message-wrapper .message-container .popup-header { position:absolute; top:4%; width:80%; left:10%; }
#popup-header-0202b-01-1 { width:66%!important; left:3%!important; display:none; }
#popup-header-0202b-01-1 p { color:rgb(0,204,204); }
#popups #popup-wrapper .popup-container .popup-final { top:12%; width:60%; left:20%; }
#popups #popup-wrapper .popup-container .popup-final.top-final { top:4%; width:80%; left:10%; }
#popups #popup-wrapper .popup-container .popup-head { margin:2% auto 0 auto; width:80%; }
#popups #popup-wrapper .popup-container .popup-footer, #messages .message-wrapper .message-container .popup-footer, .video-footer { position:absolute; bottom:4%; left:0; width:100%; height:50px; }
.popup-content.popup-video { display:none; }
#popup-0103a .popup-content.popup-video *, #popup-0103b .popup-footer { z-index:100; }
#popup-infor, #nav-infor { z-index:1000; }
.video-footer { top:30%; left:40%; width:20%; height:40%; }
.video-footer .icon { background:rgba(0,0,0,.75); width:100px; height:100px; line-height:100px; bottom:-webkit-calc(50% - 50px); bottom:-moz-calc(50% - 50px); bottom:calc(50% - 50px); left:-webkit-calc(50% - 50px); left:-moz-calc(50% - 50px); left:calc(50% - 50px); }
.video-footer .icon i { font-size:50px; }
#messages .message-wrapper .message-container .message-content { height:400px; }
#messages .message-wrapper .message-container .message-content { padding:0 160px; }
#messages .message-wrapper .message-container.plus-text .message-content { padding:0 60px; }
#messages .message-wrapper .message-container .popup-footer { width:100%; }
.popup-footer ul, .popup-lateral ul { margin:0; padding:0; list-style:none; display:inline-block; }
.popup-footer ul li { float:left; margin:0 5px; padding:0; position:relative; }
.popup-lateral, .popup-lateral-right {position:absolute; top:0; text-align:left; padding:20px 0 0 30px; }
.popup-lateral { left:0; }
.popup-lateral-right { right:0; text-align:center; }

.popup-lateral { z-index:1000; }
.popup-lateral p.header-text { font-size:16px; color:rgb(0,204,204); }
#popup-0103c .popup-lateral p.header-text.no-text2 { left:80px; top:300px; white-space:normal; width:250px; }
#popup-0103c .popup-lateral ul { margin-top:65px; }
#popup-0103c .popup-lateral ul li p { font-size:16px; }
.popup-slide { display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; }
div.popup-lateral.with-arrow, div.popup-lateral-right { background:rgba(0,0,0,.5); height:100%; }
div.popup-lateral.with-arrow:after { left:100%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-left-color:rgba(0,0,0,.5);border-width:30px;margin-top:-30px; }
div.popup-lateral-right:after { right:100%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-right-color:rgba(0,0,0,.5);border-width:30px;margin-top:-30px; }
div.popup-lateral p { padding-right:40px; }
.cat div.popup-lateral p, .cast div.popup-lateral p, .eng div.popup-lateral p { font-size:19px; }
.popup-lateral ul { margin:50px 0 0 0; }
.popup-lateral ul li { clear:both; }
.popup-lateral ul .button, .popup-lateral ul .button * { cursor:pointer; }
.popup-lateral ul li p { font-size:16px; padding:10px 0 0 10px; display:inline-block; width:280px; float:left; }
.popup-lateral ul li p span { display:none; }
.popup-lateral ul li p strong { display:block; margin:0 0 10px 0; }
.popup-lateral ul li span.circle4 { width:40px; height:40px; background:rgba(255,255,255,.2); display:inline-block; text-align:center; float:left; margin:0 0 14px 0;  }
.popup-lateral ul li span.circle4 i { color:#fff; font-size:20px; display:inline-block; line-height:40px; }
#popup-0103c .popup-lateral .si-text, #popup-0103c .popup-lateral .no-text { position:absolute; top:20px; left:30px; white-space:nowrap; }
.ok { position:absolute; width:200px; height:200px; color:rgb(0,204,204); text-align:center; top:150px; left:100px; }
.ok i { font-size:150px; line-height:200px; }
.ok-center { top:150px; left:600px; background:rgba(0,204,204,.8); color:rgb(0,0,0); }

#popup-0202b-02 .slide-img { height:60%; margin-top:11%; }
#popup-0202c-01 .slide-img { height:90%; margin-top:1%; }
#popup-0202c-05 .slide-img { height:240%; margin-top:5%; }

.popup-scroll { position:absolute; right:0; top:40%; width:60px; display:none; }
.popup-scroll .icon-down { top:60px; }
.popup-img { position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; }
.height90 { height:90%; width:auto; }
.height100 { height:100%; width:auto; }
.width10 { width:10%; height:auto; }
.width15 { width:15%; height:auto; }
.width20 { width:20%; height:auto; }
.width25 { width:25%; height:auto; }
.width30 { width:30%; height:auto; }
.width35 { width:35%; height:auto; }
.width40 { width:40%; height:auto; }
.width45 { width:45%; height:auto; }
.width90 { width:90%; height:auto; }
.width100 { width:100%; height:auto; }

.button-text:not(.button-text1) { display:none; }

#card { position:absolute; width:50%; left:25%; top:20%; }
#card img { width:100%; }
.wrapper { position:relative; }
.card-form { position:absolute; top:10%; left:20%; width:60%; height:60%; }
.card-form .icon { background:rgba(0,0,0,.1); }
.card-form .icon i { color:rgb(0,0,0); }
.card-form .icon.checked { background:rgba(0,0,0,.8); cursor:default; }
.card-form .icon.checked i { color:#fff; }
.form-text { position:absolute; top:0; left:0; width:100%; height:100px; }
.form-text p { color:#000; text-align:left; height:50px; line-height:50px; font-size:25px; }
#form-name { position:absolute; top:90px; left:0; resize:none; border:none; background:rgba(0,0,0,.8); color:rgb(255,255,255) !important; font-size:25px; /*line-height:50px; */height:50px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; width:100%; width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); font-family:'Roboto', sans-serif; font-weight:100; padding:0 20px; }

.element-check { position:absolute; width:70px; height:70px; line-height:95px; background:rgba(0,204,204,.7); display:none; }
.element-check i { display:inline-block; color:#fff; font-size:40px; }
#map-check { left:270px; top:240px; }
#tablet-check { left:440px; top:120px; }
#news-check { left:680px; top:260px; }

.popup-content .building { left:23%; }
		
/* Icons & progress */
.icon-wrapper { position:absolute; width:50px; }
.icon-wrapper span { display:block; padding:55px 0 0 0; color:#000; color:rgba(0,0,0,.5); font-family:'Roboto', sans-serif; font-weight:300; font-size:15px; }
.icon { background:rgba(0,204,204,.7); position:absolute; width:50px; height:50px; cursor:pointer; }
.icon i { font-size:25px; color:#fff; line-height:50px; }
.icon.with-text { width:auto; padding:0 20px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; display:inline-block; position:inherit; }
.icon.with-text i, .icon.with-text span, .icon.footer-icon.circle, .icon.footer-icon.circle i { display:inline-block; }
.icon.with-text i { padding:0 0 0 10px; }
.icon.with-text span { line-height:50px; font-size:15px; }
.popup-header-icon { width:100px; height:100px; margin-bottom:20px; text-align:center; position:relative; }
.popup-header-icon.icon-tablet { background:rgba(206,29,71,.9) url(../grafs/escene/icon-tablet2.svg) no-repeat center center; background-size:cover; }
.progress-wrapper, .progress .icon { bottom:-10%; }
.progress .icon.visible, .progress-wrapper.visible { bottom:5px; }
.progress-wrapper { width:87%; right:.8%; height:50px; background:#ccc; background:rgba(0,0,0,.25); position:absolute; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }
.progress-bar, .progress-bar-wrapper { width:96%; bottom:17px; left:2%; height:16px; position:absolute; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; list-style:none; margin:0; padding:0; }
.progress-bar-wrapper { background:#000; background:rgba(0,0,0,.5); }
.progress-bar li { height:100%; float:left; }
#slide1 .progress-bar li { width:12.5%; }
#slide2 .progress-bar li { width:11.111%; }
#slide3 .progress-bar li { width:12.5%; }
#slide4 .progress-bar li { width:16.666%; }
#slide5 .progress-bar li { width:12.5%; }
.progress-bar li span { border-right:1px solid rgba(0,204,204,.25); height:100%; display:block; }
.progress-bar li span.visible { background:rgba(0,204,204,.8); border-color:rgba(0,0,0,.25); }
.progress-bar li:first-child span { -webkit-border-radius:25px 0 0 25px; -moz-border-radius:25px 0 0 25px; border-radius:25px 0 0 25px; }
.progress-bar li:last-child span { -webkit-border-radius:0 25px 25px 0; -moz-border-radius:0 25px 25px 0; border-radius:0 25px 25px 0; border:none; }
.home { left:8px; }
.case { left:65px; }
.prev, .next { bottom:-25px; }
.prev { right:100px; }
.next { right:40px; }
.male, .female { top:0; }
.male { right:27%; }
.female { right:5%; }

/* Menu buildings intro */
.area { cursor:pointer; background:rgba(0,0,0,0); }
.area, .area-text { display:block; position:absolute; }
.buildings .area-text { width:12.2%; height:23%; }
.area-text.color { width:28%; text-align:left; }
.area-text.color .rounded { position:relative; padding:15px 20px; }
.area-text.color .rounded.bottom-left { -webkit-border-radius:15px 15px 15px 0; -moz-border-radius:15px 15px 15px 0; border-radius:15px 15px 15px 0; }
.area-text.color .rounded.top-left { -webkit-border-radius:0 15px 15px 15px; -moz-border-radius:0 15px 15px 15px; border-radius:0 15px 15px 15px; }
.area-text.color .rounded.bottom-right { -webkit-border-radius:15px 15px 0 15px; -moz-border-radius:15px 15px 0 15px; border-radius:15px 15px 0 15px; }
.area-text.color .rounded.top-right { -webkit-border-radius:15px 0 15px 15px; -moz-border-radius:15px 0 15px 15px; border-radius:15px 0 15px 15px; }
.area-text.color .rounded.bottom-left:after, .area-text.color .rounded.top-left:after { left:0; }
.area-text.color .rounded.bottom-right:after, .area-text.color .rounded.top-right:after { right:0; }
.area-text.color .rounded.bottom-left:after, .area-text.color .rounded.bottom-right:after { top:100%; }
.area-text.color .rounded.top-left:after, .area-text.color .rounded.top-right:after { top:-29px; }
.area-text.color .rounded:before, .area-text.color .rounded:after { content:''; position:absolute; width:0; height:0; }
.area-text.color .rounded:after { border:15px solid; }
.circle p { font-family:'Roboto', sans-serif; font-size:15px; }
#intro .buildings .area-text .circle i { display:none; }
#intro .buildings .area-text .circle.visible i { display:block; font-size:35px; line-height:50px; }
#intro .buildings .area-text .circle.visible p { display:none; }
.area-text .circle p { font-weight:900; }
.rounded p, .rounded span { font-family:'Roboto', sans-serif; font-weight:100; font-size:18px; }
.rounded p strong { color:#fff; }
.rounded .button { font-weight:500; display:inline-block; padding:0 10px; margin:10px 0 0 0; background:rgba(255,255,255,.2); line-height:30px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
.buildings .rounded, .buildings .circle { position:absolute; }
.buildings .rounded { width:100%; height:100%; top:0; left:0; }
.buildings .circle { width:40%; height:40%; top:-15%; }
#intro .area-text1 .circle { left:-10%; }
#intro .area-text2 .circle, .area-text3 .circle, .area-text4 .circle, .area-text5 .circle { left:70%; }
#popup-0103c .area-text1 .circle, #popup-0103c .area-text2 .circle, #popup-0103c .area-text3 .circle, #popup-0103c .area-text4 .circle { left:-10%; }
#popup-0103c .area-text5 .circle { right:-10%; }
#area1 { top:52.5%; left:51.5%; width:12.5%; height:36.5%; }
#area2 { top:41%; left:35%; width:16.5%; height:35.5%; }
#area3 { top:23%; left:56.5%; width:16.5%; height:30%; }
#area4 { top:32%; left:77%; width:14%; height:26%; }
#area5 { top:53.5%; left:64%; width:7%; height:27.5%; }

.popup-areas .area { display:none; }
.popup-areas .area.circle { width:120px; height:120px; }
#popup-area1 { top:45%; left:64%; width:12.5%; height:36.5%; }
#popup-area2 { top:33%; left:48.5%; width:16.5%; height:35.5%; }
#popup-area3 { top:15%; left:69%; width:16.5%; height:30%; }
#popup-area4 { top:26%; left:88%; width:14%; height:27%; }
#popup-area5 { top:45%; left:76.5%; width:7%; height:27.5%; }
#popup-circle1 { top:71%; left:55%; }
#popup-circle2 { top:25%; left:46%; }
#popup-circle3 { top:4%; left:60%; }
#popup-circle4 { top:11%; left:81%; }
#popup-circle5 { top:71%; left:81%; }

#intro .area-text1 { top:70%; left:46%; }
#intro .area-text1.slide0101 { top:36%; left:14%; }
.area-text1.slide0101 .circle { display:none; }
.area-text1 .rounded, #popup-0103c #button4.selected .circle4 { background:rgba(30,175,214,.9); }
.area-text1 .circle { background:rgba(33,140,165,.5); }
#intro .area-text2 { top:25%; left:47%; }
.area-text2 .rounded, #popup-0103c #button1.selected .circle4, #popup-0103c #button2.selected .circle4 { background:rgba(79,50,77,.9); }
.area-text2 .circle { background:rgba(48,27,47,.5); }
#intro .area-text3 { top:4%; left:72%; }
.area-text3 .rounded, #popup-0103c #button3.selected .circle4 { background:rgba(245,138,78,.9); }
.area-text3 .circle { background:rgba(204,102,51,.5); }
#intro .area-text4 { top:13%; left:85%; }
.area-text4 .rounded, #popup-0103c #button5.selected .circle4 { background:rgba(239,200,75,.9); }
.area-text4 .circle { background:rgba(209,170,63,.5); }
#intro .area-text5 { top:72%; left:72%; }
.area-text5 .rounded, #popup-0103c #button6.selected .circle4 { background:rgba(206,29,71,.9); }
.area-text5 .circle { background:rgba(163,33,70,.5); }
#intro .buildings .area-text .circle.visible { background:rgba(0,0,0,.5); }

#popup-0103c .area-text1 { top:71%; left:56%; }
#popup-0103c .area-text2 { top:25%; left:47%; }
#popup-0103c .area-text3 { top:4%; left:61%; }
#popup-0103c .area-text4 { top:10%; left:82%; }
#popup-0103c .area-text5 { top:71%; left:83%; }

.popup-tooltip { position:absolute; background:rgba(255,255,255,.25); height:30px; line-height:30px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; font-weight:700; padding:0 20px; }
#popup-0202a .elisa-wrapper { width:50%; position:absolute; top:10px; left:44%; }
#popup-0202d-02 .elisa-wrapper { width:50%; position:absolute; top:10px; left:38%; }
#popup-0202d .popup-general .elisa-wrapper { width:25%; position:absolute; top:15px; left:48%; }

#popup-0202d .popup-general .elisa-wrapper.elisa-bigger { width:40%; top:90px; left:30%; }

.elisa { position:absolute; left:0; top:100px; width:100%; }
#popup-0202d .popup-general .elisa-wrapper .elisa { top:50px; }
.elisa-wrapper .step0 { width:33%; margin:0; padding:0; float:left; text-align:center; }
.elisa-wrapper .step1 { position:absolute; width:28%; height:380px; display:block; top:-600px; background:rgba(255,255,255,.25); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
.elisa-wrapper .step1.no-bg { background:none; }
.elisa-wrapper .step1.position { top:0; }
.elisa-wrapper .step1a { left:11%; background:rgba(32,175,214,.25); }
.elisa-wrapper .step1b { left:40%; background:rgba(255,204,51,.25); }
.elisa-wrapper .step1c { right:3%; }
.elisa-wrapper .step1 img { width:40%; display:inline-block; margin-top:10px; line-height:12px; }
.elisa-wrapper .step1 span { width:80%; display:inline-block; font-size:10px; line-height:12px; }
.elisa-wrapper .step0 span { width:80%; display:inline-block; font-size:10px; line-height:12px; }

#popup-0103c, #popup-0103c * { z-index:1000; }
#popup-0202a-01 .popup-tooltip { left:60%; top:60px; }
.nav-step { margin:0; padding:0; list-style:none; position:absolute; top:4%; left:30%; width:60%; }
.nav-step li { float:left; }
#popup-0202a .nav-step li { width:20%; }
#popup-0202c .nav-step li { width:33.3%; }
#popup-0202d .nav-step li { width:33.3%; }
.nav-step li div { display:inline-block; }
#popup-0202a .nav-step li div { background:rgba(79,50,77,.7); }
#popup-0202a .nav-step li div.circle { width:90px; height:90px; margin-top:5px; }
#popup-0202a .nav-step li div.circle3 { width:100px; height:100px; }
#popup-0202c .nav-step li div { background:rgba(255,255,255,.05); }
#popup-0202c .nav-step li div.circle { width:120px; height:120px; margin-top:10px; }
#popup-0202c .nav-step li div.circle3 { width:160px; height:160px; }
#popup-0202c .nav-step li div.circle span strong { color:rgb(255,255,255); }
#popup-0202c .nav-step li:nth-child(1) div.circle3 span strong { color:rgb(79,50,77); }
#popup-0202c .nav-step li:nth-child(2) div.circle3 span strong { color:rgb(239,200,75); }
#popup-0202c .nav-step li:nth-child(3) div.circle3 span strong { color:rgb(206,29,71); }
#popup-0202d .nav-step li div { background:rgba(79,50,77,.7); }
#popup-0202d .nav-step li div.circle { width:90px; height:90px; margin-top:5px; }
#popup-0202d .nav-step li div.circle3 { width:100px; height:100px; }
.nav-step li div img { width:75%; display:inline-block; margin-top:10px; }
.nav-step li div span { display:block; font-weight:300; font-family:'Roboto Condensed', sans-serif; text-align:center; }
.nav-step li div span strong { font-weight:700; }
.nav-step li div.circle span { font-size:10px; line-height:12px; line-height:100px; padding-left:10px; }
.nav-step li div.circle3 span { font-size:12px; line-height:180px; padding-right:30px; }
.nav-step li div.circle span strong { font-size:30px; }
.nav-step li div.circle3 span strong { font-size:50px; }
.quest { width:60%; position:absolute; left:30%; }
#popup-0202a .quest { top:35%; }
#popup-0202c .quest  { top:46%; }
#popup-0202d .quest  { top:46%; }
.quest p { font-size:20px; line-height:30px; }
.quest p span.option { display:block; }
#popup-0202a .quest p span.option { margin:10px 0; }
#popup-0202c .quest p span.option { margin:20px 0 0 0; }
#popup-0202d .quest p span.option { margin:20px 0 0 0; }
.quest p span.option span { display:inline-block; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; padding:0 30px; letter-spacing:1px; cursor:pointer; line-height:40px; position:relative; }
#popup-0202a .quest p span.option span { background:rgba(79,50,77,.6); }
#popup-0202a .quest p span.option span:hover { background:rgba(79,50,77,1); }
#popup-0202c .quest p span.option span { background:rgba(255,255,255,.1); }
#popup-0202c .quest p span.option span:hover { background:rgba(255,255,255,.3); }
#popup-0202d .quest p span.option span { background:rgba(255,255,255,.1); }
#popup-0202d .quest p span.option span:hover { background:rgba(255,255,255,.3); }
.popup-container .quest p span.option span.quest-ok.select { cursor:default; background:rgb(0,204,204)!important; }
.popup-container .quest p span.option span.quest-ko.select { cursor:default; background:rgb(206,29,71)!important; }
.popup-container .quest p span.option span.quest-ok.select strong, .popup-container .quest p span.option span.quest-ko.select strong { color:#000!important; }
.quest p span.option span i { font-size:30px; display:inline-block; position:absolute; top:5px; color:#000!important; }
.quest p span.option span:nth-child(1) i { left:5px; }
.quest p span.option span:nth-child(2) i { right:5px; }
.quest p span.option span strong { font-family:'Roboto', sans-serif; display:inline-block; font-size:20px; padding:0 10px; }
.popup-general { z-index:0; top:0; left:100%; left:0; width:100%; height:100%; position:absolute; }
.areas .area { position:absolute; display:none; }
#area0103a { width:220px; height:120px; left:410px; top:150px; }
#area0103c { width:240px; height:170px; left:240px; top:260px; }
#area0103b { width:310px; height:170px; left:500px; top:250px; }

#areatext-0103a { top:16%; left:48%; }
.rounded.red { background:rgba(206,29,71,.9); }
.rounded.red.bottom-left:after { border-color:rgba(206,29,71,.9) transparent transparent rgba(206,29,71,.9); }
.rounded.red.bottom-right:after { border-color:rgba(206,29,71,.9) transparent transparent rgba(206,29,71,.9); }
.rounded.red.top-left:after { border-color:transparent transparent rgba(206,29,71,.9,.9) rgba(206,29,71,.9,.9); }
.rounded.red.top-right:after { border-color:transparent rgba(206,29,71,.9,.9) rgba(206,29,71,.9,.9) transparent; }
#areatext-0103c { top:30%; left:10%; }
.rounded.yellow { background:rgba(239,200,75,.9); }
.rounded.yellow.bottom-left:after { border-color:rgba(239,200,75,.9) transparent transparent rgba(239,200,75,.9); }
.rounded.yellow.bottom-right:after { border-color:rgba(239,200,75,.9) rgba(239,200,75,.9) transparent transparent; }
.rounded.yellow.top-left:after { border-color:transparent transparent rgba(239,200,75,.9) rgba(239,200,75,.9); }
.rounded.yellow.top-right:after { border-color:transparent rgba(239,200,75,.9) rgba(239,200,75,.9) transparent; }
#areatext-0103b { bottom:15%; left:66%; }
.rounded.orange { background:rgba(245,138,78,.9); }
.rounded.orange.bottom-left:after { border-color:rgba(245,138,78,.9) transparent transparent rgba(245,138,78,.9); }
.rounded.orange.bottom-right:after { border-color:rgba(245,138,78,.9) rgba(245,138,78,.9) transparent transparent; }
.rounded.orange.top-left:after { border-color:transparent transparent rgba(245,138,78,.9) rgba(245,138,78,.9); }
.rounded.orange.top-right:after { border-color:transparent rgba(245,138,78,.9) rgba(245,138,78,.9) transparent; }

.anim-wrapper .anim { position:absolute; display:none; }
.anim-wrapper .mark { width:160px; height:160px; background:rgba(0,204,204,.25); text-align:center; }
.anim-wrapper .mark i { display:inline-block; line-height:160px; font-size:80px; }
.anim-wrapper .mark img { width:80%; display:inline-block; margin-top:10%; }
#anim-case, #anim-case-loop { bottom:17%; left:1%; }
#anim-tablet-0305a .mark, #anim-tablet-0401a .mark { background:rgba(206,29,71,.9); cursor:pointer; }

/* Menus interiors */
.menu { display:none; }
.menu, .menu li { list-style:none; margin:0; padding:0; }
.menu { position:absolute; top:140px; left:15%; width:80%; }
.menu#menu0202 { top:145px; }
.menu li { width:25%; float:left; }
.menu li p { margin:0; padding:10px 10px 0 10px; }
.menu li .circle { width:42px; height:42px; line-height:42px; font-weight:700; font-size:14px; background:rgba(255,255,255,.4); color:#000; position:absolute; top:-10px; left:-10px; }
.menu li .icon-check { display:none; }
.menu li .menu-wrapper { width:100px; height:100px; line-height:100px; display:inline-block; position:relative; margin-top:50px!important; }
.menu li .menu-wrapper img { height:78%; margin-top:12%; width:auto; display:inline-block; }
.menu li .menu-wrapper i.icon-arrow-right { position:absolute; bottom:50px; right:-40px; font-size:40px; }
.menu li.button .menu-wrapper { width:150px; height:150px; line-height:150px; background:rgba(30,175,214,.9); cursor:pointer; }
.menu li.button:nth-child(1) .menu-wrapper { background:rgba(79,50,77,.9); }
.menu li.button:nth-child(2) .menu-wrapper { background:rgba(245,138,78,.9); }
.menu li.button:nth-child(3) .menu-wrapper { background:rgba(239,200,75,.9); }
.menu li.button .menu-wrapper img { height:50%; margin-top:25%; }
.menu li.button:hover .menu-wrapper, .menu li.button:hover .circle, .menu li.button:hover .icon-check { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity:.5; -khtml-opacity:.5; opacity:.5; }

#menu0304 { top:200px; }
#menu0304 li { width:30%; }
#menu0304 li p { margin-top:30px; }
#menu0304 li .menu-wrapper { width:180px; height:180px; line-height:180px; background:rgba(0,0,0,.1); margin-top:0!important; }
#menu0304 li .menu-wrapper img { height:60%; margin-top:25%; }
.menu li.button.menu-done .menu-wrapper { background:rgba(255,255,255,.1); }
.menu li.button.menu-done .menu-wrapper .circle { display:none; }
.menu li.button.menu-done .menu-wrapper .circle.icon-check { background:rgb(0,204,204); color:#fff; display:block; }

.popup-menu, .popup-menu li { margin:0; padding:0; }
.popup-menu { margin:50px 0 0 0; }
.popup-menu li { text-align:center; display:inline-block; position:relative; margin:0 20px; }
#popup-0202c-02 .popup-menu li .popup-menu-wrapper { width:250px; height:250px; border:1px solid rgba(255,255,255,.25); -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
.popup-menu li .popup-menu-wrapper p { text-align:left; padding:0 20px 20px; }
.popup-menu li .popup-menu-wrapper p strong { display:block; }
.popup-menu li .slide-img { display:block; }
#popup-0202c-03 .popup-menu li .slide-img { width:150px; height:150px; }
#popup-0202c-04 .popup-menu li .slide-img { width:250px; height:250px; }
#popup-0202c-04 .popup-menu { margin:30px 0 0 0; }
.popup-menu li .icon { background:rgba(255,255,255,.1); }
.popup-menu li.selected .icon { background:rgba(255,255,255,0); color:rgb(0,204,204); cursor:default; }
.popup-menu li .icon.with-text { display:block; margin:20px 0 0 0; }
.big { font-size:50px; }
.popup-menu li:nth-child(1) .big { color:rgb(79,50,77); }
.popup-menu li:nth-child(2) .big { color:rgb(239,200,75); }
.popup-menu li:nth-child(3) .big { color:rgb(206,29,71); }
.popup-menu li .icon-arrow-right { position:absolute; top:120px; right:-30px; font-size:20px; }

/* Video */
video { width:90%; }

/* Vertical align center */
.text-container .text-wrapper .text-wrapper-container, .buildings .area-text .rounded, .buildings .area-text .circle, .icon, .message-content, .popup-menu li .popup-menu-wrapper, .drag-drop li div { display:table; }
.text-container .text-wrapper .text-wrapper-container h1, .text-container .text-wrapper .text-wrapper-container p, .buildings .area-text .rounded p, .buildings .area-text .circle p, .icon i, .message-content p, .popup-menu li .popup-menu-wrapper p, .drag-drop li div p { display:table-cell; vertical-align:middle; }

/* Rounded */
.circle { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }
.circle1, .case-content li.active .popup-case-icon { -webkit-border-radius:0 50% 50% 50%; -moz-border-radius:0 50% 50% 50%; border-radius:0 50% 50% 50%; }
.circle2, .case-content li#mess-news.active .popup-case-icon, .case-content li#mess-infor.active .popup-case-icon { -webkit-border-radius:50% 0 50% 50%; -moz-border-radius:50% 0 50% 50%; border-radius:50% 0 50% 50%; }
.circle3, .case-content li .popup-case-icon { -webkit-border-radius:50% 50% 50% 0; -moz-border-radius:50% 50% 50% 0; border-radius:50% 50% 50% 0; }
.circle4 { -webkit-border-radius:50% 50% 0 50%; -moz-border-radius:50% 50% 0 50%; border-radius:50% 50% 0 50%; }

/* Visibility */
#intro .area, .no-visible, .slide-text .icon.prev, .slide-text .icon.next { visibility:hidden; }
#intro.buttons-on .area, .is-visible, .slide-text .icon.prev.visible, .slide-text .icon.next.visible  { visibility:visible; }

/* Size & position */
#intro .scene-img.person { height:80%; bottom:0; }
#intro #man1 { left:12%; }
#intro #woman1 { left:24%; }
/*#intro.intro-002 #man1, #intro.intro-002 #woman1 { bottom:-1222px; }*/
#intro.intro-002 #man1 { left:10%; }
#intro.intro-002 #woman1 { left:20%; }
#intro.intro-002 .text-container { top:-100px; left:-1px; }
#intro.intro-002 .text-container .text-wrapper .text-wrapper-container { height:70%; }
#intro .buildings .scene-img { bottom:-6%; right:-100px; }

/* Transitions */
.graph-bar { -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; }
#xplore-health #intro.buttons-on .buildings .scene-img, .area-text, .icon, .progress-bar li span, .progress-wrapper, .button, #intro .buildings .area-text .circle i, #intro .buildings .area-text .circle p, .menu li .menu-wrapper, .menu li .circle, .menu li .icon-check, .menu li .menu-wrapper img, .nav-step li div, .nav-step li div.circle span, .nav-step li div.circle span strong, .quest p span.option span, .quest p span.option span i, .popup-general, .liquid-wrapper li, .liquid, .glass, .syringe, .syringe-wrapper, .syringe-tooltip, #popup-0202b-01 .popup-content, .popup-menu li .slide-img, .popup-menu li .icon, .drag-drop li.dropped, .drag-drop li.dragged, .elisa-wrapper, .form-hands div span, .form-hands div span i, .bar-txt, .balance img, .list-buttons li div, .slide-quest .icon-check, #nav-infor li, .case-content li div, #popups #popup-wrapper .popup-close .icon-close, .tooltip-vacuna-text { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
.scene-img, .popup-img, .text-container, .text-wrapper-container, .slide-text, .elisa-wrapper .step1, .elisa-color { -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; }

/* Rotations */
.nav-step li div, #menu0304 li .menu-wrapper, .bar-txt, .virus-wrapp { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.nav-step li div img, .nav-step li div span, #menu0304 li .menu-wrapper img, .anim .mark img, .bar-txt strong, .virus-wrapp img { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.graph-name { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
.syringe-wrapper, .syringe-home .syringe-tooltip * { -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -o-transform: rotate(25deg); -ms-transform: rotate(25deg); transform: rotate(25deg); }
.syringe-home .syringe-tooltip { -webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -o-transform: rotate(-25deg); -ms-transform: rotate(-25deg); transform: rotate(-25deg); }

/* Translates */
.area-text.visible { -webkit-transform:translate(-6%, 6%); -moz-transform:translate(-6%, 6%); -o-transform:translate(-6%, 6%); -ms-transform:translate(-6%, 6%); transform:translate(-6%, 6%); }

/* Scales */
#intro.intro-000 .scene-img.person, #intro .directora .scene-img, #intro.intro-000 .text-container, #intro.intro-000 .buildings .scene-img, #intro.intro-001 .buildings .scene-img, .ok, .persons .person, .reunio-tooltip { -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); transform:scale(0); }
#intro.intro-002 #man1, #intro.intro-002 #woman1 { -webkit-transform:scale(.5); -moz-transform:scale(.5); -o-transform:scale(.5); -ms-transform:scale(.5); transform:scale(.5); }
#intro.intro-002 .buildings .scene-img, .popup-content .building, .syringe-lateral:hover .syringe-tooltip { -webkit-transform:scale(.7); -moz-transform:scale(.7); -o-transform:scale(.7); -ms-transform:scale(.7); transform:scale(.7); }
#intro.intro-002 .text-container { -webkit-transform:scale(.9); -moz-transform:scale(.9); -o-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9); }
#intro.intro-001 #man1, #intro.intro-001 #woman1, #intro.intro-001 .text-container, #xplore-health .list-buttons li div.selected { -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
.case-content li:hover div { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
.icon:not(.disabled):hover, .icon.checked, .glass:hover, .glass.selected, .form-hands div span:hover, .slide-quest .icon-check:hover, #popups #popup-wrapper .popup-close .icon-close:hover { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); }
.popup-menu li.selected .slide-img, .popup-menu li.selected .icon { -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5); }

.syringe-home:hover .syringe-tooltip { -webkit-transform:scale(.75) rotate(-25deg); -moz-transform:scale(.75) rotate(-25deg); -o-transform:scale(.75) rotate(-25deg); -ms-transform:scale(.75) rotate(-25deg); transform:scale(.75) rotate(-25deg); }
.syringe:hover .syringe-wrapper { -webkit-transform:scale(1.25) rotate(25deg); -moz-transform:scale(1.25) rotate(25deg); -o-transform:scale(1.25) rotate(25deg); -ms-transform:scale(1.25) rotate(25deg); transform:scale(1.25) rotate(25deg); z-index:1000; }

/* Opacitys */
.slide-text, #intro .text-wrapper-container:not(#etapa0), #intro.intro-000 .scene-img.person, #intro #man2, #intro #woman2, #intro.intro-000 .text-container, #intro.intro-002 .text-wrapper-container#etapa0, #intro.intro-000 .buildings .scene-img, #intro.intro-001 .buildings .scene-img, .area-text, #xplore-health #intro.initSlides #man1, #xplore-health #intro.initSlides #woman1, #xplore-health #intro.initSlides .text-container, #intro .area-text1.visible.slide0101 .circle, .ok, .elisa-color, .quest p span.option span i, .popup-general, .popup-general .popup-lateral.opacity0, .persons .slide-img, #prospect, #slide3 .slide-img, .form-hands div span i, .bar-txt, .reunio img, .slide-text .icon.prev, .slide-text .icon.next, .list-emotis.not-sortable li strong, .reunio-tooltip, #popups #popup-wrapper .popup-close.popup-close-done .icon-check { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
.popup-general .popup-lateral.opacity0important { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"!important; filter:alpha(opacity=0)!important; -moz-opacity:0!important; -khtml-opacity:0!important; opacity:0!important; }
.icon.disabled, .slide-text .icon.prev.disabled.visible, .slide-text .icon.next.disabled.visible, #popup-0103c .area-text.hover, .nav-step li div.circle, /*.glass.no-selected,*/.glass.done-selected, .list-emotis li:nth-child(4), .list-emotis li:nth-child(5), .case-content li.no-active .popup-case-icon { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter:alpha(opacity=25); -moz-opacity:.25; -khtml-opacity:.25; opacity:.25; }
.building.hover, .list-emotis li:nth-child(3), .list-emotis li:nth-child(6), #nav-infor li:hover:not(.active) { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity:.5; -khtml-opacity:.5; opacity:.5; }
.popup-lateral .button:hover, .case-content li.no-active:hover .popup-case-icon { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter:alpha(opacity=75); -moz-opacity:.75; -khtml-opacity:.75; opacity:.75; }
.slide-text.visible, .progress-bar li span.visible, #intro.intro-001 #man1, #intro.intro-001 #woman1, #intro.intro-001 .text-container, #intro.intro-002 .text-wrapper-container#etapa1, .area-text.visible, .elisa-color.no-bg, .quest p span.option span.select i, .popup-general.selected, .nav-step li div.circle.opacity100, .form-hands div span:hover i, .form-hands div span.selected i, .graph-bar.pos1 .bar-txt1, .graph-bar.pos2 .bar-txt2, .slide-text .icon.prev.visible:not(.disabled), .slide-text .icon.next.visible:not(.disabled), .glass.done-selected.selected { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; }

/* Delays */
#xplore-health #intro.buttons-on .buildings .scene-img, #xplore-health .animated .progress .icon { -webkit-transition-delay:0s; transition-delay:0s; }
.progress .icon.case { -webkit-transition-delay:.25s; transition-delay:.25s; }
#intro.intro-001 #man1, #intro.intro-002 #building1, #intro.intro-002 #building5, .progress-wrapper, #balance1 { -webkit-transition-delay:.5s; transition-delay:.5s; }
#intro.intro-002 #building2, #intro.intro-001 #woman1 { -webkit-transition-delay:.75s; transition-delay:.75s; }
#intro.intro-002 .text-wrapper-container#etapa1, #intro.intro-002 #building3 { -webkit-transition-delay:1s; transition-delay:1s; }
#intro.intro-002 #building4 { -webkit-transition-delay:1.25s; transition-delay:1.25s; }

/* Jquery ui */
.ui-sortable-handle { -ms-touch-action: none; touch-action: none; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; }