/* Philips_Alliance Input erase green focus */ .keyboard-content.hover, .keyboard-content.focus, .keyboard-content.active { /* border: 0px none; */ outline: blue solid 0px !important; } .keyboard-content:active, .keyboard-content:hover, .keyboard-content:focus, .keyboard-content:link, .keyboard-content:visited { /* border: 0px none; */ outline: blue solid 0px !important; } .keyboard-content.hover, .keyboard-content.focus, .keyboard-content.active { /* border: 0px none; */ outline: blue solid 0px !important; } .keyboard-content:active, .keyboard-content:hover, .keyboard-content:focus, .keyboard-content:link, .keyboard-content:visited { /* border: 0px none; */ outline: blue solid 0px !important; } .key.hover, .key.focus, .key.active { /* border: 0px none; */ outline: blue solid 0px !important; } .key:active, .key:hover, .key:focus, .key:link, .key:visited { /* border: 0px none; */ outline: blue solid 0px !important; } .key.hover, .key.focus, .key.active { /* border: 0px none; */ outline: blue solid 0px !important; } .key:active, .key:hover, .key:focus, .key:link, .key:visited { /* border: 0px none; */ outline: blue solid 0px !important; } .keyboard-cover.hover, .keyboard-cover.focus, .keyboard-cover.active { /* border: 0px none; */ outline: blue solid 0px !important; } .keyboard-cover:active, .keyboard-cover:hover, .keyboard-cover:focus, .keyboard-cover:link, .keyboard-cover:visited { /* border: 0px none; */ outline: blue solid 0px !important; } .keyboard-cover.hover, .keyboard-cover.focus, .keyboard-cover.active { /* border: 0px none; */ outline: blue solid 0px !important; } .keyboard-cover:active, .keyboard-cover:hover, .keyboard-cover:focus, .keyboard-cover:link, .keyboard-cover:visited { /* border: 0px none; */ outline: blue solid 0px !important; } /* ePhilips_Alliance Input erase green focus */ /* keyboard */ .keyboard-content { position: absolute; left: 40px; z-index: 1000; width: 1200px; height: 225px; background: rgba(80, 80, 80, 0.85); padding: 5px 10px 5px 5px; } .keyboard-content .line { width: 100%; height: 50px; padding: 0 5px 5px 0; line-height: 50px; } .keyboard-content .line .key { display: inline-block; text-align: center; color: white; padding: 5px 0 5px 5px; vertical-align: top; box-sizing: border-box; } .keyboard-content .line .key .content { background: black; display: inline-block; width: 100%; height: 100%; font-size: 28px; } .keyboard-content .line.suggest { padding: 5px 5px 0px 5px; line-height: 50px; position: absolute; left: 0; top: -55px; height: 50px; width: 1205px; background: rgba(80, 80, 80, 0.85); } .keyboard-content .line.suggest .key { display: inline-block; height: 54px; } .keyboard-content .line.suggest .key .content { background: transparent; font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .arabic .keyboard-content .line.suggest .key .content { direction: rtl; } .keyboard-content .line .key.focus { cursor: pointer; } .keyboard-content .line .key.focus .content { background: #b91f28; /*color: Black;*/ } .keyboard-content .line .key .CAPSLOCK { font-size: 24px; } .keyboard-content .line .key .BSP { background: black url(data:image/png;base64,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) no-repeat; background-position: 17px center; } .keyboard-content .line .key .DONE { background: black url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAYAAAAv3j5gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUE0RDgwMkQ5NUMxMTFFMUE4NzE5NjUzMDExRkU5NTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUE0RDgwMkU5NUMxMTFFMUE4NzE5NjUzMDExRkU5NTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQTREODAyQjk1QzExMUUxQTg3MTk2NTMwMTFGRTk1NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQTREODAyQzk1QzExMUUxQTg3MTk2NTMwMTFGRTk1NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi5wh6oAAAGUSURBVHja7NbLK0RRHMDxMd5CFqYUxXjMAs3EBpONhTwWHk3WSlj7B+RvsLBTykpYWKi7UJINSnk0MimPUmShZiEa5PoefotL4557ZzKrOfVpbmfO3N85t9/vd8drmqYnE7yeDI1soJRHnosNNWIQYYTgRxxR7MHAAd7SCdSCCIYRQInM+9CDWlQhH/t4cRtIfd+JGYzAxDkucYcyOZnayASCmMcGnn7cSZP/rVgzv8c1ZhFGqWVNAFPYlXUnGIXXei+7ILmYQwIxRDSb6oIhwTZlA7YFWy/PvB9jKMAWjlFj85hVQizgCn2SOLaP7sP8e9xoTlWNRVm7qjtROQ6TzJ+iWZM8D5bfhnQFq7JlCDuWOZWyA3jWBHpHTK79TtL7HpNYQSHGJZ2djEr5jDutI1Ur07LmwmEQVVdtch11U7BHLltaA7otWfgvTbVC0joopWD8R6Ai6Xmqdh6xJA3WdVO16+rFaEevzC1j/XcXTzeQT14fHXiVIEayDE03UBPqcIttnCGRbGHOV2fN/mdIYXwKMAD+0ok3bxwziQAAAABJRU5ErkJggg==) no-repeat; background-position: 106px 5px; } .keyboard-content .line .key .SHIFT { background: black url(data:image/png;base64,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) no-repeat; background-position: 58px center; } .keyboard-content .line .key .SPACE { background: black url(data:image/png;base64,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) no-repeat; background-position: center center; } .keyboard-content .line .key .CA { background: black url(data:image/png;base64,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) no-repeat; background-position: 17px center; } .keyboard-content .line .key .LC { background: black url(data:image/png;base64,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) no-repeat; background-position: 17px center; } .keyboard-content .line .key .RC { background: black url(data:image/png;base64,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) no-repeat; background-position: 17px center; } .keyboard-content .line .key .GEAR { background: black url(data:image/png;base64,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) no-repeat; background-position: center center; } .keyboard-content .line .key.focus .BSP { background: #b91f28 url(data:image/png;base64,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) no-repeat; /*background: #b91f28 url('../img/keyboard/backspace-active.png') no-repeat;*/ background-position: 17px center; } .keyboard-content .line .key.focus .DONE { background: #b91f28 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAYAAAAv3j5gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUE0RDgwMkQ5NUMxMTFFMUE4NzE5NjUzMDExRkU5NTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUE0RDgwMkU5NUMxMTFFMUE4NzE5NjUzMDExRkU5NTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQTREODAyQjk1QzExMUUxQTg3MTk2NTMwMTFGRTk1NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQTREODAyQzk1QzExMUUxQTg3MTk2NTMwMTFGRTk1NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi5wh6oAAAGUSURBVHja7NbLK0RRHMDxMd5CFqYUxXjMAs3EBpONhTwWHk3WSlj7B+RvsLBTykpYWKi7UJINSnk0MimPUmShZiEa5PoefotL4557ZzKrOfVpbmfO3N85t9/vd8drmqYnE7yeDI1soJRHnosNNWIQYYTgRxxR7MHAAd7SCdSCCIYRQInM+9CDWlQhH/t4cRtIfd+JGYzAxDkucYcyOZnayASCmMcGnn7cSZP/rVgzv8c1ZhFGqWVNAFPYlXUnGIXXei+7ILmYQwIxRDSb6oIhwTZlA7YFWy/PvB9jKMAWjlFj85hVQizgCn2SOLaP7sP8e9xoTlWNRVm7qjtROQ6TzJ+iWZM8D5bfhnQFq7JlCDuWOZWyA3jWBHpHTK79TtL7HpNYQSHGJZ2djEr5jDutI1Ur07LmwmEQVVdtch11U7BHLltaA7otWfgvTbVC0joopWD8R6Ai6Xmqdh6xJA3WdVO16+rFaEevzC1j/XcXTzeQT14fHXiVIEayDE03UBPqcIttnCGRbGHOV2fN/mdIYXwKMAD+0ok3bxwziQAAAABJRU5ErkJggg==) no-repeat; /*background: #b91f28 url('../img/keyboard/return-active.png') no-repeat;*/ background-position: 106px 5px; } .keyboard-content .line .key.focus .SHIFT { background: #b91f28 url(data:image/png;base64,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) no-repeat; /*background: #b91f28 url('../img/keyboard/shift-active.png') no-repeat;*/ background-position: 58px center; } .keyboard-content .line .key.focus .SPACE { background: #b91f28 url(data:image/png;base64,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) no-repeat; /*background: #b91f28 url('../img/keyboard/space-active.png') no-repeat;*/ background-position: center center; } .keyboard-content .line .key.focus .CA { background: #b91f28 url(data:image/png;base64,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) no-repeat; /*background: #b91f28 url('../img/keyboard/backspace-all-active.png') no-repeat;*/ background-position: 17px center; } .keyboard-content .line .key.focus .LC { background: #b91f28 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAALBJREFUeNrE1rEJwkAUh/FLsBEsLKwdIBM4giu4gq2lrbiBK7hCRnACB7AUCzsbwZ+FjQZJYkxyH7zucR887t7/EoQYpB2cmYUQ8soutFUT7HD3orS/DeEQK1x90pk4wQIn3+lEPMNBOa2Kp9jjoZpWxCNscFOfv8QDLHH2O43Fcxw1p1SchljUHPWlz1G/1xjbPi9X9OcUfYFEX5nFkFj3GRLRY7FYGfKqviTW1+c5AE36IRATNt2MAAAAAElFTkSuQmCC) no-repeat; /*background: #b91f28 url('../img/keyboard/left-active.png') no-repeat;*/ background-position: 17px center; } .keyboard-content .line .key.focus .RC { background: #b91f28 url(data:image/png;base64,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) no-repeat; /*background: #b91f28 url('../img/keyboard/right-active.png') no-repeat;*/ background-position: 17px center; } .keyboard-content .line .key.focus .GEAR { background: #b91f28 url(data:image/png;base64,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) no-repeat; /*background: #b91f28 url('../img/keyboard/gear-active.png') no-repeat;*/ background-position: center center; } .keyboard-cover { width: 1280px; height: 720px; background: rgba(0, 0, 0, 0.1); position: absolute; z-index: 999; top: 0; left: 0; right: 0; bottom: 0; } /* size is exactly 1280x720 */ /* reset css */ body, p, div, span, h1, h2, h3, h4, h5, ul, li, html, body { margin: 0; padding: 0; } ul { list-style: none; } ul li { float: left; } a { border: 0; outline: none !important; text-decoration: none; color: #FFF; } /******************************************************************************/ /* custom CSS */ /******************************************************************************/ body { font-size: 18px; color: #fff; width: 100vw; height: 100vh; overflow: hidden; background: transparent; 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; } body.splash-active .throbber { display: none; } /* main view */ #viewport { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0; width: 100vw; height: 100vh; overflow: hidden; background: transparent; } /* global objects */ .focusable, .overlay { cursor: pointer; } .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* notification object */ #notifications { position: absolute; z-index: 99; top: 0; left: 0; right: 0; } #notifications .msg { min-height: 32px; padding: 20px; color: #fff; text-align: right; background: rgba(0, 0, 0, 0.7); margin-bottom: 2px; font-size: 22px; } /* throbber object */ .throbber { position: absolute; z-index: 98; top: 0px; left: 0px; width: 100vw; height: 100vh; margin: -0px; background-color: rgba(0, 0, 0, 0.6); } .throbber .spinner { position: absolute; top: 28.13vw; left: 50%; width: 3.13vw; height: 3.13vw; margin: -1.56vw 0 0 -1.56vw; background-color: #7c7c7c; border-radius: 100%; -webkit-animation: scaleout 1.0s infinite ease-in-out; animation: scaleout 1.0s infinite ease-in-out; } .throbber .loading { position: absolute; top: 60%; width: 100%; text-transform: uppercase; letter-spacing: 0.2vw; color: #7c7c7c; text-align: center; font-weight: 700; } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); opacity: 0; } } @keyframes scaleout { 0% { transform: scale(0); -webkit-transform: scale(0); } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } /******************************************************************************/ /*CSS for the recognize development build */ /******************************************************************************/ #dev { position: absolute; z-index: 90; top: 0px; right: 0px; background: rgba(200, 200, 200, 0.8); color: black; display: none; padding: 10px; } /******************************************************************************/ /*General CSS for the scene*/ /******************************************************************************/ .scene { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; /* 720 - navigation height - footer height*/ /* navigation height, 0, footer height, 0*/ background-size: 100vw; } /******************************************************************************/ /*General CSS for the detail screen*/ /******************************************************************************/ #scene-movie-detail .cover, #scene-movie-detail .content, #scene-movie-detail .related { float: left; } #scene-movie-detail .cover { width: 405px; height: 576px; background: transparent no-repeat 0 0; position: relative; } #scene-movie-detail .cover img { position: absolute; width: 100%; height: 100%; display: none; } #scene-movie-detail .content { height: 578px; width: 506px; background: #0f0f0f; padding: 50px 40px 20px; font-size: 22px; position: relative; } #scene-movie-detail .content .textinfo { height: 506px; margin: 0; overflow: hidden; } #scene-movie-detail .content .textinfo .tags div { display: inline-block; padding: 5px; margin: 0px 10px 10px 0px; font-size: 16px; line-height: 21px; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; } #scene-movie-detail .content .textinfo .tags .genre { background: #17a2ad; } #scene-movie-detail .content .textinfo .tags .parentalControl { background: #3f3f3f; } #scene-movie-detail .content .textinfo .title { float: left; width: 100%; margin: 5px 0; font-size: 40px; font-weight: 700; } #scene-movie-detail .content .textinfo .data { float: left; width: 100%; } #scene-movie-detail .content .textinfo .rating { float: left; margin: 15px 0; } #scene-movie-detail .content .textinfo .rating .star { width: 26px; height: 26px; display: inline-block; background: transparent no-repeat 0px 0px; } #scene-movie-detail .content .textinfo .rating .star.half { background-position: 0px -26px; } #scene-movie-detail .content .textinfo .rating .star.fill { background-position: 0px -52px; } #scene-movie-detail .content .textinfo .texts { position: relative; float: left; width: 100%; overflow: hidden; } #scene-movie-detail .content .textinfo .description, #scene-movie-detail .content .textinfo .casts { left: 0px; top: 0px; line-height: 26px; } #scene-movie-detail .content .textinfo.default .description { display: block; opacity: 1; } #scene-movie-detail .content .textinfo.default .casts { display: none; opacity: 0; } #scene-movie-detail .content .textinfo.plot .description { /* display: block; opacity: 1; */ -webkit-animation: animationshow 0.5s forwards; -webkit-animation-iteration-count: 1; animation: animationshow 0.5s forwards; animation-iteration-count: 1; } @-webkit-keyframes animationshow { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes animationshow { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes animationhide { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes animationhide { 0% { opacity: 1; } 100% { opacity: 0; } } #scene-movie-detail .content .textinfo.plot .casts { /* display: none; opacity: 0;*/ -webkit-animation: animationhide 0.5s forwards; -webkit-animation-iteration-count: 1; animation: animationhide 0.5s forwards; animation-iteration-count: 1; } #scene-movie-detail .content .textinfo .description { /* display: none; opacity: 0;*/ -webkit-animation: animationhide 0.5s forwards; -webkit-animation-iteration-count: 1; animation: animationhide 0.5s forwards; animation-iteration-count: 1; } #scene-movie-detail .content .textinfo .casts { /* display: block; opacity: 1;*/ -webkit-animation: animationshow 0.5s forwards; -webkit-animation-iteration-count: 1; animation: animationshow 0.5s forwards; animation-iteration-count: 1; } #scene-movie-detail .content .textinfo .casts .block { width: 100%; } #scene-movie-detail .content .textinfo .casts .block .label { display: inline-block; margin: 0px 5px 0px 0px; font-weight: 700; } #scene-movie-detail .content .buttons .button { height: 72px; float: left; padding: 0px 20px 0px 0px; } #scene-movie-detail .content .buttons .button.focus { background: rgba(23, 87, 173, 0.8); background: -moz-linear-gradient(top, rgba(23, 87, 173, 0.8) 0%, #17a2ad 100%, color-stop(0.5, rgba(19, 70, 139, 0.85))); background: -webkit-gradient(linear, left top, left bottom, from(rgba(23, 87, 173, 0.8)), to(#17a2ad), color-stop(0.5, rgba(23, 87, 173, 0.8))); background: -webkit-linear-gradient(top, rgba(23, 87, 173, 0.8) 0%, #17a2ad 100%, color-stop(0.5, rgba(19, 70, 139, 0.85))); background: -o-linear-gradient(top, rgba(23, 87, 173, 0.8) 0%, #17a2ad 100%, color-stop(0.5, rgba(19, 70, 139, 0.85))); background: -ms-linear-gradient(top, rgba(23, 87, 173, 0.8) 0%, #17a2ad 100%, color-stop(0.5, rgba(19, 70, 139, 0.85))); background: linear-gradient(to bottom, rgba(23, 87, 173, 0.8) 0%, #17a2ad 100%, color-stop(0.5, rgba(19, 70, 139, 0.85))); } #scene-movie-detail .content .buttons .button .img { float: left; width: 57px; height: 72px; display: inline-block; background: transparent no-repeat; } #scene-movie-detail .content .buttons .button.play .img { background-position: -340px 0px; } #scene-movie-detail .content .buttons .button.last-episode .img { background-position: -340px 0px; } #scene-movie-detail .content .buttons .button.trailer .img { background-position: -340px -72px; } #scene-movie-detail .content .buttons .button.plot .img { background-position: -340px -144px; } #scene-movie-detail .content .buttons .button.cast .img { background-position: -340px -216px; } #scene-movie-detail .content .buttons .button span[data-tr] { float: left; display: inline-block; text-transform: uppercase; letter-spacing: 2px; line-height: 72px; font-size: 18px; font-weight: 700; } #scene-movie-detail .content .overlay { height: 576px; width: 586px; position: absolute; top: 0px; left: 0px; display: none; } #scene-movie-detail .related.grid { height: 648px; width: 266px; position: relative; margin-left: -1px; } #scene-movie-detail:not(.related) .grid .movies .movie .movie-wrap { margin-bottom: 72px; } /* #scene-movie-detail .related.grid .related_title { position: absolute; top: 50%; left: 0px; height: 72px; width: 289px; margin: -36px 0px 0px; background: #3f3f3f no-repeat -340px -288px; } #scene-movie-detail .related.grid .related_title span { margin: 0px 0px 0px 57px; text-transform: uppercase; letter-spacing: 2px; line-height: 72px; font-size: 18px; font-weight: 700; } */ #scene-movie-detail .related.grid .related_title { position: absolute; top: 50%; left: 0px; height: 72px; width: 289px; margin: -36px 0px 0px; background: #3f3f3f; overflow: hidden; } #scene-movie-detail .related.grid .related_title .block { height: 72px; width: 720px; background: -moz-linear-gradient(left, #fff, 0.4, #fff, 0.5, #3f3f3f, 0.6, #fff, #fff); background: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(0.4, #fff), color-stop(0.5, #3f3f3f), color-stop(0.6, #fff), color-stop(1, #fff)); -moz-background-clip: text; -webkit-background-clip: text; -moz-text-fill-color: transparent; -webkit-text-fill-color: transparent; -webkit-animation: slidetounlock 8s infinite; } @-webkit-keyframes slidetounlock { 0% { background-position: -360px 0; } 100% { background-position: 360px 0; } } #scene-movie-detail .related.grid .related_title .block .arrowicon { display: inline-block; width: 57px; height: 72px; float: left; background: transparent no-repeat -340px -288px; } #scene-movie-detail .related.grid .related_title .block span[data-tr] { display: inline-block; float: left; margin: 0px; text-transform: uppercase; letter-spacing: 2px; line-height: 72px; font-size: 18px; font-weight: 700; } #scene-movie-detail .related.grid .movies { margin: 0px; } /** * Focus is now in the related covers */ #scene-movie-detail.related .cover { display: none; } #scene-movie-detail.related .related .movie-wrap { width: 216px; height: 324px; } #scene-movie-detail.related .related.grid .related_title { display: none; } #scene-movie-detail.related .content { margin: 0px 0px 0px -331px; } #scene-movie-detail.related .content .overlay { display: block; } #scene-movie-detail.related .related.grid .overlay { display: none; } #scene-movie-detail.related .related.grid { width: 1025px; } /******************************************************************************/ /*CSS for the splashscreen*/ /******************************************************************************/ #loading { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 13; display: block; } /* #loading.animate { -webkit-animation: loadinganimation 10s forwards; -webkit-animation-iteration-count: 1; animation: loadinganimation 10s forwards; animation-iteration-count: 1; } */ .logo-splash { background-image: url(data:image/png;base64,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); height: 5.86vw; width: 22.44vw; position: absolute; top: 45%; left: 37.5%; background-repeat: no-repeat; background-size: contain; } #loading .logo { width: 7.34vw; height: 3.44vw; /*background: transparent no-repeat -125px -135px;*/ position: absolute; top: 37%; left: 50%; margin: -1.72vw 0px 0px -3.67vw; } #loading.hide { display: none; } @-webkit-keyframes loadinganimation { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes loadinganimation { 0% { opacity: 1; } 100% { opacity: 0; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /******************************************************************************/ /*CSS for the dialogs*/ /******************************************************************************/ .dialog { position: absolute; left: 50%; top: 50%; width: 100vw; height: 100vh; background-color: rgba(26, 26, 26, 0.82); z-index: 1; } .dialog .wrapper { position: absolute; top: 50%; left: 50%; padding: 1.95vw; background-color: #1a1a1a; text-align: center; width: 38.83vw; height: 27.73vw; margin: -13.83vw 0px 0px -21.33vw; } .dialog .wrapper .title { margin: 1.56vw 0px; font-size: 2.81vw; font-weight: 700; color: #fff; } .dialog .wrapper .content { color: #7c7c7c; font-size: 1.72vw; line-height: 2.97vw; } .dialog .wrapper .buttons { position: absolute; bottom: 1.17vw; height: 5.63vw; width: 38.83vw; margin: 0.78vw 0px 1.56vw; text-transform: uppercase; letter-spacing: 0.2vw; font-weight: 700; } .dialog .wrapper .buttons li { color: #7c7c7c; height: 5.63vw; line-height: 5.63vw; text-align: center; padding: 0px 1.33vw; float: none; display: inline-block; min-width: 10.16vw; } .dialog .wrapper .buttons li.focus { color: #fff; } /******************************************************************************/ /*General CSS for the big carousel*/ /******************************************************************************/ .featured-big { position: relative; width: 100vw; height: 24.77vw; margin: 0px; z-index: 10; } .featured-big .snippet-slider { position: absolute; top: 0; left: 0; width: 100vw; height: 24.77vw; } .featured-big .snippet-slider .movies { margin-left: 0px; } .featured-big .snippet-slider .movies.empty { margin-left: 0px; text-align: center; position: relative; top: 12.11vw; left: 0px; } .featured-big .snippet-slider .movies ul { position: absolute; left: -103.52vw; width: 453.13vw; height: 24.77vw; } .featured-big .snippet-slider .movies li div.cover { width: 61.41vw; height: 24.77vw; overflow: hidden; } .featured-big .snippet-slider .movies li div.cover { background: #8e8e8e no-repeat 50%; } .featured-big .snippet-slider .movies li div.cover div.image { width: 100%; height: 100%; background-size: cover; background-position: center; } .featured-big .snippet-slider .movies .movie.empty { border: none; } .featured-big .snippet-slider .movies li div.cover .label-wrapper .title { margin: 10.16vw 0px 0px; } .featured-big .snippet-slider .bullets { text-align: center; position: absolute; z-index: 11; bottom: 2.34vw; width: 100%; } .featured-big .snippet-slider .bullets ul { display: inline-block; margin: auto; padding: 0; list-style: none; } .featured-big .snippet-slider .bullets ul li { display: inline-block; background: rgba(255, 255, 255, 0.5); line-height: 0; font-size: 0; width: 0.78vw; height: 0.78vw; border-radius: 0.39vw; margin: 0 0.39vw; } .featured-big .snippet-slider .bullets ul li.active { background-color: white; } /******************************************************************************/ /*General CSS for the small carousel*/ /******************************************************************************/ .featured-small { position: relative; width: 1280px; height: 320.31vw; margin: 0 0 20px 0; } .blurred .featured-small { opacity: 0.2; } .featured-small .snippet-slider { position: absolute; top: 0; left: 0; width: 1280px; height: 259px; } .featured-small .slider-title { padding-left: 3.13vw; letter-spacing: 0.31vw; text-transform: uppercase; font-weight: bold; } .featured-small .movies.empty { width: 100%; margin: 0px; } .featured-small .movies.empty { padding-top: 135px; text-align: center; } .featured-small .snippet-slider .movies ul { position: absolute; left: -28.59vw; width: 312.5vw; height: 259px; } .featured-small .snippet-slider .movies li { display: block; position: relative; height: 259px; } .featured-small .snippet-slider .movies li div.cover { background: #8e8e8e 50%; } .featured-small .snippet-slider .movies li.empty div.cover { background: none; } .featured-small .snippet-slider .movies li div.cover { width: 183px; height: 259px; overflow: hidden; } .featured-small .snippet-slider .movies li div.cover div.image { width: 100%; height: 100%; background-size: cover; background-position: center; } .featured-small .snippet-slider .movies li div.cover .label-wrapper { position: absolute; top: 0px; left: 0px; display: none; z-index: 1; width: 179px; height: 255px; overflow: hidden; } .featured-small .snippet-slider .movies li div.cover .label-wrapper .label { width: 157px; height: 176px; margin: 68px 13px 15px; overflow: hidden; position: absolute; top: 0px; left: 0px; } /* .featured-small .snippet-slider .movies li.focus div.cover .label-wrapper .label.animate { -webkit-animation: top 250ms ease-in-out 0.4s forwards; -webkit-animation-iteration-count: 1; animation: smallcarousel1 0.4s forwards; animation-iteration-count: 1; } */ .featured-small .snippet-slider .movies li.focus div.cover .label-wrapper .labelSecond { width: 157px; height: 229px; margin: 15px 13px; overflow: hidden; position: absolute; top: 0px; left: 183px; } /* .featured-small .snippet-slider .movies li.focus div.cover .label-wrapper .labelSecond.animate { -webkit-animation: smallcarousel2 0.4s forwards; -webkit-animation-iteration-count: 1; animation: smallcarousel2 0.4s forwards; animation-iteration-count: 1; } */ .featured-small .snippet-slider .movies li.focus div.cover .label-wrapper .label.switched { display: none; } .featured-small .snippet-slider .movies li.focus div.cover .label-wrapper .labelSecond.switched { left: 0px; } .featured-small .snippet-slider .movies li.focus div.cover .label-wrapper .labelSecond .title { margin: 15px 0px; } .featured-small .snippet-slider .movies li.focus div.cover .label-wrapper .labelSecond .contentdesc { line-height: 28px; } .featured-small .snippet-slider .movies li.focus div.cover .label-wrapper { display: block; border-width: 2px; border-style: solid; border-color: white; border-image: initial; } .featured-small .snippet-slider .movies li.focus div.cover .label-wrapper .label .title { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .featured-small .snippet-slider .movies li.focus div.cover .label-wrapper .labelSecond .title { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .featured-small .snippet-slider .movies li.focus div.cover .label-wrapper .labelSecond .description { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; } /* .featured-small .snippet-slider .movies ul.left-init { -webkit-animation: snippet-slider-home-left-init 0.25s forwards; animation: snippet-slider-home-left-init 0.25s forwards; } .featured-small .snippet-slider .movies ul.left { -webkit-animation: snippet-slider-home-left 0.25s forwards; animation: snippet-slider-home-left 0.25s forwards; } .featured-small .snippet-slider .movies ul.left-sec { -webkit-animation: snippet-slider-home-left-sec 0.25s forwards; animation: snippet-slider-home-left-sec 0.25s forwards; } .featured-small .snippet-slider .movies ul.right { -webkit-animation: snippet-slider-home-right 0.25s forwards; animation: snippet-slider-home-right 0.25s forwards; } .featured-small .snippet-slider .movies ul.right-sec { -webkit-animation: snippet-slider-home-right-sec 0.25s forwards; animation: snippet-slider-home-right-sec 0.25s forwards; } */ /******************************************************************************/ /* CSS for Buttons Snippet */ /******************************************************************************/ #snippet-detail-buttons { width: 39.06vw; height: 5.47vw; top: 23.83vw; left: 7.81vw; } #snippet-detail-buttons .icon { background-position: center; background-repeat: no-repeat; height: 2.34vw; width: 2.73vw; display: block; margin-left: 0.78vw; font-size: 1.56vw; } #snippet-detail-buttons .play { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAXCAYAAAAC9s/ZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACqSURBVHgBpZTRDYMwDETdTtAR2gk6QrtJR+gIsEFGYBRGYITABLDB4QiQAIXEsZ90H/m4U+zEJgA1FmrSgCOO9bAEBDzraQkIjKyfJQDiviBPlywJMjzrawm4LgnlNNg/NXR4rH25hRPpmFivO+kJZbwtAT1r0Pag3XqgCXCHexQY4/MhNHtcfWeBuUFqR2TMf8qRuPKHJETM6fGNBIw7s6NS2FShZIWdmAGFOMJfEEIvdgAAAABJRU5ErkJggg==); } #snippet-detail-buttons .trailer { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAgCAYAAACYTcH3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGqSURBVHgBzZiBVcIwEIYvPAbICHECdQK7AWwgbNANwAl4ToBOABu0TqBOUDYQJ4j/2ZSXnsVC2hK+947S5nr5uculgCKHtVbjcEeXZa+U+qhdgZAU9mXjUMBMJSSx8clYi8KbDY5Tio8Z4UV7F3L6K4xraoTlwmcmxucnxJA+hsuUyXThuBJpTP27cG5sfY0VtmwA32fTEkMuj4djYrSboIInNiJYKoKtxLi2dcG1GCeLOeKcibTKe5lEjE+PxThLzNDlChEzWLmaxIxE5rVzNG5S/pRP/jhsLXy2VHZLBYubtMWgehf/olw2EopPMqIr4qrEjMU51z6ly3APW/0nhh/pb9SCa18N3x0FghhKXgstE4spEHAtW70LXdfMjEpRSys2uxhiKhawdwh6pA702U0G9uJ27AkFMERrG9g2JEtDiNnBEnTaK51Jn2L2sBQibk7ZHpoYUz8sYc8QsacOdBWTw+ZdNj+fUDGcgSS0HNSnGFeOXoVQgxjd5/begm4Ss/PO+bd2QXH45NY+ez8YgPzQiSjNwsYjq5bG4TuFLZ+6t3RZvv2/RH4AF9PaXChnRcoAAAAASUVORK5CYII=); } #snippet-detail-buttons .button { vertical-align: middle; height: 3.75vw; margin: 0.78vw; /* border: 2px solid transparent; */ /* outline: 2px solid #292929; */ border-radius: 0.78vw; } #snippet-detail-buttons .button .name { text-align: center; text-transform: uppercase; margin: 1.17vw; font-size: 1.25vw; } #snippet-detail-buttons .button.type-trailer, #snippet-detail-buttons .button.type-login, #snippet-detail-buttons .button.type-play { background-color: #333333; } #snippet-detail-buttons .button.focus { border-radius: 0.78vw; /* outline: 5px solid #fff; */ } #snippet-detail-buttons .button.focus.type-trailer, #snippet-detail-buttons .button.focus.type-login, #snippet-detail-buttons .button.focus.type-play { background-color: #EC0024; } #snippet-detail-buttons .button.focus .name { color: #fff; } #snippet-detail-cast { position: absolute; top: 595px; } #snippet-detail-cast #cast { position: absolute; white-space: nowrap; left: 60px; width: 20000px; transition: left 0.25s ease-in-out; } #snippet-detail-cast #cast .person { height: 52px; width: 280px; float: left; margin-right: 6px; border: 2px solid #595959; padding: 12px 19px; overflow: hidden; } #snippet-detail-cast #cast .person.focus { outline: 5px solid #fff; background-color: #1f1f1f; } #snippet-detail-cast #cast .person .name { font-weight: 600; font-size: 22px; color: #ACACAC; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 280px; } #snippet-detail-cast #cast .person .role { font-size: 16px; color: #ACACAC; margin-top: 5px; max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #snippet-detail-cast .nav-left { top: 40px !important; left: 20px; } #snippet-detail-cast .nav-right { top: 40px !important; left: 1235px; } #movie-slider { /* position: absolute; top: 408px; */ left: 3.91vw; height: 12.50vw; width: 100vw; margin: 0 0 1.56vw 0; } #movie-slider .nav-left, #movie-slider .nav-right { display: none; } #movie-slider .blurred { opacity: 0.2; } #movie-slider .snippet-slider { /* position: absolute; */ top: 0; left: 0; width: 100vw; height: 12.42vw; } #movie-slider .movies.empty { width: 100%; margin: 0px; } #movie-slider .movies.empty { padding-top: 10.55vw; text-align: center; } #movie-slider .movies .empty { display: none !important; } #movie-slider .snippet-slider .movies ul { height: 12.42vw; } #movie-slider .snippet-slider .movies li { position: relative; display: block; height: 12.42vw; margin: 3.52vw 3.52vw 0 0; } #movie-slider .snippet-slider .movies li div.cover { background: #8e8e8e 50%; } #movie-slider .snippet-slider .movies li.empty div.cover { background: none; } #movie-slider .snippet-slider .movies li .cover { width: 22.19vw; height: 12.42vw; overflow: hidden; } #movie-slider .snippet-slider .movies li .gradient { width: 100%; height: 100%; display: block; position: absolute; background-image: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, black)); background-image: -webkit-linear-gradient(top, transparent 0%, black 100%); background-image: -moz-linear-gradient(top, transparent 0%, black 100%); background-image: -o-linear-gradient(top, transparent 0%, black 100%); background-image: linear-gradient(to bottom, transparent 0%, black 100%); opacity: 0.8; } #movie-slider .snippet-slider .movies li .title { position: absolute; max-width: 20.63vw; text-overflow: ellipsis; font-size: 1.17vw; color: white; z-index: 1; margin: 0.78vw 0; } #movie-slider .snippet-slider .movies li .icon { width: 4.38vw; height: 4.38vw; position: absolute; left: 8.905vw; top: 4.02vw; background-repeat: no-repeat; background-position: center; z-index: 1; } #movie-slider .snippet-slider .movies li.lock .icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAiFJREFUeNrsmrFPwkAUh1uRRRKdGhiExEQTTXcXNoNxQRKSLm7+My7sDmzqzEJwAY0bix2ciCZKHHSQMOlmSKi/xkdCyBWPcleOei/5Ejmuj/dJe++gmJ7nGXGOFSPmsRrBa+yCArBBmsZ6oANuwZPUV/dPUUk4wPX+DpfmSqlDRtIMaHmzR4uOFVqPKXiR2QZ3IBvy+DdwAF5EFSRSMAPu55Abl9wHH6qtolcBcp+gAvL0T8jQ3xV6bjKylEupRcYJuK6awJpynEVzWOGotMi4AXIJjmMTAZKuKouM3+ceGaflDuhz5rDAM9iYGN+bt0+KuAYLjLHqDHIGza1y5o5c0GaM1UPkqXPmjlwwzRjrhsjT5cwduSArRy9Enm8Z9cX+04QW/I+fBzdpr7hOj3OMOach8q4xxnJjub5or/sua6uWAhdg6C0uhlRDSvROxgRNcKjImXcDjvz3R9Q1WFJIzqBaSiIXmaKC60dRpKCloKAlUlD3QS2oBbWgFhS1Fw0TA1ADbXrsf23ogGQcBF/BsfF7s2UU5+AMNMDWMp+iA4bcKDr03GCZBWsBcuOStWUWbAuao1fRRQnmBc1RVtBvBdO+vLVpztIKJqkV2AFyDdm9MIo+6Pe5hzg3+tE7eULovagW1IJaUAvGTrCvYO19kYLXCgpy1aRvvlD4icrgkiepxPCohjJvHWF+CDR5AzSqCHUD1NS/2daCWnCh8SPAAPfz+VGHw/XpAAAAAElFTkSuQmCC); } #movie-slider .snippet-slider .movies li.play .icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAntJREFUeNrsmjFII0EUhjfB61JoLI+DCBJ7CwsNQsDro0iwtrMQ7qoVDq62sxEOLK6/4jR9BFFSqr2J3AlimeQOrBQc/9EniJDdmd15s7MyP3xNSGben3k7+/btFIQQwXtWMXjn8gbzrjELc0yCKiiDEn12CwagC/p5M1gBDVAHNTIWJWm0A45AC1wZjUbuogYogjVwLNLrmMYqmojNhLkm6Anz6tHYmRmcAm3BrzbNZdXgMhgKexrSnNqxJrlNhGAfjFvc7cdpzpB7k9kW2WubK0VD4Y5C1bgLisX2MqWIS1oBB3FfUjE4Bc4tX3Mq+gdmwd+0teieg+ZeNp69tMV2Eyw5XEsvUYyJUlSavwDTKQK4Bp+YTV6CGfCgu4LNlOakvoNNcMdocDpqFaMMbhgKYBfMgz+MJjd0DcpHnkWDAZzRjvebyeAixaxssMEQxH+wypiyDR2DdcZ04krZuo7BGvPOx5GyNVWDkwptBhdTtkyxxxqsWr5Zy5RdMNSLqaoYLAf2dUop2zKwirEGSxmVXUN6QvgK7hOOUfKNX2rKZqEJ8DPlPfhWxeAgA3Nz4NeoakRDA5UU7Vo0VgBfgufOdsXAeF2VFezTP1HOQUq+Xb2+6ibTsZCS54Zr3o5OqXaUk5SMjXmUwRZTSsrO3A74wDB+S8egLJtOHE/J1zoZVepF3eh/OJ6SSrFyN51uwEfmDStx00n+4FvKybnNBRTjQ5IVfFE7cLc3egg+R14jvnX/PMC6g6u3HmdO53FJvsXZcsjcVqDwZulJ/gWoWy9CQ38IwR8j8QeB8nWUS/UQgo4qgUOH8TgMvlWmxyltGMxU/kizN+i4HgUYABWPnhWhZu2XAAAAAElFTkSuQmCC); } #movie-slider .snippet-slider .movies li div.cover div.image { width: 100%; height: 100%; background-size: cover; background-position: center; } #movie-slider .snippet-slider .movies li div.cover .label-wrapper { position: absolute; top: 0px; left: 0px; display: none; z-index: 1; width: 22.19vw; height: 12.42vw; overflow: hidden; } #movie-slider .snippet-slider .movies li.focus div.cover .label-wrapper .label.switched { display: none; } #movie-slider .snippet-slider .movies li.focus div.cover .label-wrapper { display: block; border: 0.1vw solid #000000; outline: solid 0.4vw #ffffff; box-shadow: none; background: transparent; } #movie-slider .snippet-slider .movies li.focus div.cover .title { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: white; } #movie-slider .snippet-slider .movies ul.left-init { -webkit-animation: snippet-slider-home-left-init 0.25s forwards; animation: snippet-slider-home-left-init 0.25s forwards; } @-webkit-keyframes snippet-slider-home-left-init { 0% { left: -42.89vw; } 100% { left: -40.49vw; } } @keyframes snippet-slider-home-left-init { 0% { left: -42.89vw; } 100% { left: -40.49vw; } } #movie-slider .snippet-slider .movies ul.left { -webkit-animation: snippet-slider-home-left 0.25s forwards; animation: snippet-slider-home-left 0.25s forwards; } @-webkit-keyframes snippet-slider-home-left { 0% { left: -42.89vw; } 100% { left: -40.49vw; } } @keyframes snippet-slider-home-left { 0% { left: -42.89vw; } 100% { left: -40.49vw; } } #movie-slider .snippet-slider .movies ul.left-sec { -webkit-animation: snippet-slider-home-left-sec 0.25s forwards; animation: snippet-slider-home-left-sec 0.25s forwards; } @-webkit-keyframes snippet-slider-home-left-sec { 0% { left: -42.89vw; } 100% { left: -40.49vw; } } @keyframes snippet-slider-home-left-sec { 0% { left: -42.89vw; } 100% { left: -40.49vw; } } #movie-slider .snippet-slider .movies ul.right { -webkit-animation: snippet-slider-home-right 0.25s forwards; animation: snippet-slider-home-right 0.25s forwards; } @-webkit-keyframes snippet-slider-home-right { 0% { left: -14.30vw; } 100% { left: -40.49vw; } } @keyframes snippet-slider-home-right { 0% { left: -14.30vw; } 100% { left: -40.49vw; } } #movie-slider .snippet-slider .movies ul.right-sec { -webkit-animation: snippet-slider-home-right-sec 0.25s forwards; animation: snippet-slider-home-right-sec 0.25s forwards; } @-webkit-keyframes snippet-slider-home-right-sec { 0% { left: -14.30vw; } 100% { left: -40.49vw; } } @keyframes snippet-slider-home-right-sec { 0% { left: -14.30vw; } 100% { left: -40.49vw; } } #movie-slider .nav-left { left: 1.95vw; top: 50%; } #movie-slider .nav-right { right: 1.95vw; top: 50%; } #movie-slider .hide { opacity: 0 !important; } /******************************************************************************/ /* CSS for DETAIL */ /******************************************************************************/ #scene-detail-wrapper { position: absolute; width: 100vw; height: 100vh; top: 0px; left: 0px; } #scene-detail-wrapper .image-content { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } #scene-detail-wrapper .tabs { display: flex; color: white; align-items: center; width: 82.81vw; border-bottom: 0.1vw solid #FFFFFF; font-weight: bold; font-size: 1.45vw; } #scene-detail-wrapper .tabs .tab { padding: 1.17vw 2.34vw; border-bottom: 0.20vw solid transparent; text-align: center; } #scene-detail-wrapper .tabs .tab.focused { border-bottom: 0.4vw solid #EC0024; } #scene-detail-wrapper .tabs .tab.focus { color: #EC0024; border-bottom: 0.2vw solid #EC0024; } #scene-detail-wrapper .tabs #progress-spinner { margin-left: auto; } #scene-detail-wrapper .content-tab { width: 82.81vw; height: 32.81vw; padding: 3.13vw 0px; display: none; opacity: 0.4; } #scene-detail-wrapper .content-tab#details-content { justify-content: space-between; } #scene-detail-wrapper .content-tab#details-content .long-description { width: 55%; overflow-y: hidden; font-size: 1.41vw; } #scene-detail-wrapper .content-tab#details-content .long-description b { font-weight: 400; } #scene-detail-wrapper .content-tab#details-content .more-description { width: 30%; } #scene-detail-wrapper .content-tab#details-content .more-description .more-section { display: flex; flex-direction: column; justify-content: space-between; } #scene-detail-wrapper .content-tab#details-content .more-description .more-section .extra-detail { margin-bottom: 0.4vw; display: flex; color: #AFAFAF; font-size: 1.25vw; } #scene-detail-wrapper .content-tab#details-content .more-description .more-section .extra-detail.special { align-items: center; } #scene-detail-wrapper .content-tab#details-content .more-description .more-section .extra-detail .extra-subtitle { font-weight: bold; margin-left: 0.78vw; display: flex; align-items: center; } #scene-detail-wrapper .content-tab#details-content .more-description .more-section .extra-detail .extra-subtitle i.argentina-icon { background-position: center; background-repeat: no-repeat; background-size: cover; height: 2.34vw; width: 2.34vw; display: block; margin: 0px 0.78vw 0px 0px; } #scene-detail-wrapper .content-tab#details-content .more-description .more-section.first { margin-bottom: 3.13vw; } #scene-detail-wrapper .content-tab.focused-tab { display: flex; } #scene-detail-wrapper .image { position: absolute; top: 0px; left: 0px; width: 100vw; height: 100vh; background-size: cover, cover, cover; background-repeat: no-repeat, no-repeat, no-repeat; } #scene-detail-wrapper .overlay { display: none; position: absolute; width: 100vw; height: 100vh; top: 0px; left: 0px; z-index: 11; } #scene-detail-wrapper .overlay.first { background-image: url(01a617c9abb17795544f9baf06bc164d.png); background-repeat: repeat-y; } #scene-detail-wrapper .overlay.second { background-image: url(053d343d7dc71db4f3b78bac784e6704.png); background-repeat: repeat-x; z-index: 13; } #scene-detail-wrapper .overhang { top: 0px; left: 0px; width: 100vw; height: 8.59vw; } #scene-detail-wrapper .overhang .logo { position: absolute; top: 2.34vw; left: 2.89vw; height: 3.13vw; width: 12.34vw; background-repeat: no-repeat; background-size: contain; } #scene-detail-wrapper .overhang #sign-icon { margin-right: 2.42vw; margin-top: 2.19vw; } #scene-detail-wrapper .overhang #sign-title { font-weight: 600; position: absolute; display: block; right: 5.78vw; top: 2.73vw; } #scene-detail-wrapper .scrollable-area { top: 7.97vw; left: 6.59vw; } #scene-detail-wrapper.tabs-focus .logo { display: none; } #scene-detail-wrapper.tabs-focus .text-area .description { display: none; } #scene-detail-wrapper.tabs-focus .text-area .extra-detail { display: none; } #scene-detail-wrapper.tabs-focus .text-area .extra-icon { display: none; } #scene-detail-wrapper.tabs-focus #snippet-detail-buttons { display: none; } #scene-detail-wrapper.tabs-focus .scrollable-area { top: 2.73vw; } #scene-detail-wrapper.tabs-focus .image { opacity: 0.5; } #scene-detail-wrapper.tabs-focus .content-tab { opacity: 1; } #scene-detail-wrapper.tabs-focus .tabs { margin-top: 0.94vw; } #scene-detail-wrapper #cast-content { display: flex; flex-direction: column; font-size: 1.4vw; } #scene-detail-wrapper #cast-content .cast-section-exception { flex-grow: 0; flex-shrink: 0; display: flex; border-bottom: 0.1vw dashed #6A6A6A; padding-bottom: 1.56vw; } #scene-detail-wrapper #cast-content .cast-section-exception.empty { display: none; } #scene-detail-wrapper #cast-content .cast-section-exception .vertical { flex-shrink: 0; margin-right: 17.97vw; display: flex; flex-direction: column; color: white; } #scene-detail-wrapper #cast-content .cast-section-exception .vertical.empty { display: none; } #scene-detail-wrapper #cast-content .cast-section-exception .vertical > * { margin-bottom: 0.4vw; } #scene-detail-wrapper #cast-content .cast-section-exception .vertical .title { color: #9B9B9B; } #scene-detail-wrapper #cast-content .cast-section { flex-grow: 0; flex-shrink: 0; display: flex; width: 65%; height: auto; flex-direction: row; flex-wrap: wrap; padding-bottom: 1.56vw; border-bottom: 0.1vw dashed #6A6A6A; } #scene-detail-wrapper #cast-content .cast-section.special { border-bottom: 0.1vw solid #E1E1E1; } #scene-detail-wrapper #cast-content .cast-section.empty { display: none; } #scene-detail-wrapper #cast-content .cast-section > * { margin-bottom: 0.4vw; } #scene-detail-wrapper #cast-content .cast-section .title { margin-top: 1.56vw; color: #9B9B9B; display: block; width: 100%; } #scene-detail-wrapper #cast-content .cast-section span { min-width: 50%; } #scene-detail-wrapper #overhang { width: 7.5%; height: 100%; z-index: 1000; display: block; border-bottom: solid 0.2vw #454545; } #scene-detail-wrapper #overhang .logo { position: absolute; width: 13.28vw; height: 3.13vw; top: 0.78vw; z-index: 999; background-size: contain; background-repeat: no-repeat; left: 1.17vw; } #scene-detail-wrapper #overhang #sign { background-repeat: no-repeat; padding-left: 1.95vw; padding-top: 0.4vw; position: absolute; top: 0.31vw; z-index: 20; } #scene-detail-wrapper #overhang #sign #sign-title { font-weight: 600; float: right; padding-left: 1.17vw; padding-right: 2.34vw; padding-bottom: 0.55vw; padding-top: 2.66vw; border-left: solid gray 0.25vw; } #scene-detail-wrapper #overhang #sign #sign-title.focus { background-color: #FFF; color: #000; } #scene-detail-wrapper #overhang #sign #sign-title.focus #userA { display: none; } #scene-detail-wrapper #overhang #sign #sign-title.focus #userB { display: inline; } #scene-detail-wrapper #overhang #sign #sign-title #userA { display: inline; } #scene-detail-wrapper #overhang #sign #sign-title #userB { display: none; } #scene-detail-wrapper #overhang #sign #buscar-title { font-weight: 600; float: right; padding-bottom: 0.55vw; padding-top: 2.66vw; } #scene-detail-wrapper #overhang #sign #buscar-title #search-icon { border-bottom: none; } #scene-detail-wrapper #overhang #sign #buscar-title.focus #search-icon { border-bottom: 0.4vw solid #EC0024; } #scene-detail-wrapper #overhang #sign #sign-wrapper { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } #scene-detail-wrapper #overhang #sign #sign-wrapper #first-section, #scene-detail-wrapper #overhang #sign #sign-wrapper #second-section, #scene-detail-wrapper #overhang #sign #sign-wrapper #third-section { display: flex; flex-direction: column; justify-content: flex-start; } #scene-detail-wrapper #overhang #sign #sign-wrapper #third-section { padding: 0% 0% 10% 0%; } #scene-detail-wrapper #overhang #sign #sign-wrapper #search-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAZCAYAAADAHFVeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACoSURBVHgB3ZbbCYNAEEWvqSAlWEJKSQfZVJCkopSSElLC2oF2MF6RBVkfIM6M4oHLfizMWfbFACsQkRdzhTWUPKTnDUsGoo4IKzJRIkAbFr1PiP7q58aCN6Y+vSgyJTTpCnqKoqWoSCIOP6YczDXMh6mgRDEjMuHCfD1ESfaE4lYtsXRmMFuIx23MhT4P+mhC/b9xT2GQMe7CACsyoV0PMiEM8EA2tnEtp7a0Sv8LgDMAAAAASUVORK5CYII=); background-position: center; background-repeat: no-repeat; height: 2.73vw; width: 2.73vw; display: block; } #scene-detail-wrapper #overhang #sign #sign-wrapper.focus { /* #sign-title { display: block; } */ width: 100%; } #scene-detail-wrapper #overhang #sign #sign-wrapper > .focusable { width: 100%; } /******************************************************************************/ /* CSS for Long description Snippet */ /******************************************************************************/ #snippet-detail-long-description { display: none; position: absolute; width: 510px; height: auto; top: 203px; left: -10px; z-index: 21; } #snippet-detail-long-description .button { vertical-align: middle; height: 3.75vw; margin: 0.78vw; /* border: 2px solid transparent; */ /* outline: 2px solid #292929; */ border-radius: 0.78vw; } #snippet-detail-long-description .button .name { text-align: center; text-transform: uppercase; margin: 1.17vw; font-size: 1.25vw; } #snippet-detail-long-description .button.type-trailer, #snippet-detail-long-description .button.type-login, #snippet-detail-long-description .button.type-play { background-color: #333333; } #snippet-detail-long-description .button.focus { border-radius: 0.78vw; /* outline: 5px solid #fff; */ } #snippet-detail-long-description .button.focus.type-trailer, #snippet-detail-long-description .button.focus.type-login, #snippet-detail-long-description .button.focus.type-play { background-color: #EC0024; } #snippet-detail-long-description .button.focus .name { color: #fff; } #snippet-detail-long-description .button-before, #snippet-detail-long-description .button-after { position: relative; width: 500px; height: 70px; } #snippet-detail-long-description .description-area { position: relative; opacity: 0.5; margin: 10px 0px 0px 10px; width: 500px; height: auto; color: #999999; font-weight: 400; line-height: 1.4; } #snippet-detail-long-description .description-area.focus { opacity: 1; } #snippet-detail-long-description .button-after { display: none; margin-top: 10px; } #snippet-detail-long-description .nav-up { display: initial; position: fixed; top: 100px; left: 50%; } #snippet-detail-long-description .nav-down { display: initial; position: fixed; top: 620px; left: 50%; } .dialog { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100vw; height: 100vh; background-color: rgba(26, 26, 26, 0.82); z-index: 1; } .dialog .wrapper { position: absolute; top: 50%; left: 50%; padding: 1.95vw; background-color: #000; text-align: center; width: 38.83vw; height: 355px; margin: -13.83vw 0px 0px -21.33vw; } .dialog .wrapper .title { font-weight: 900; margin: 1.56vw 0; font-size: 3.13vw; color: #fff; } .dialog .wrapper .content { color: #fff; font-size: 1.56vw; font-weight: 400; line-height: 0.11vw; } .dialog .wrapper .buttons { position: absolute; bottom: 1.17vw; height: 5.63vw; width: 38.83vw; left: 50%; margin-top: 0.78vw; transform: translateX(-50%); -webkit-transform: translateX(-50%); letter-spacing: 0.2vw; font-weight: 700; } .dialog .wrapper .buttons .button { vertical-align: middle; height: 3.75vw; line-height: 3.75vw; margin: 0.78vw; border: 2px solid transparent; text-align: center; margin: 1.17vw; background-color: #333333; font-size: 1.41vw; color: white; text-transform: uppercase; } .dialog .wrapper .buttons .button.focus { background-color: #EC0024; } .dialog .wrapper.dialog-error { background-image: url(52e40f175d54e90e50b1d872bdd4d265.png); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background-color: #000; text-align: center; margin: auto; width: 100%; height: 100%; background-size: cover; } .dialog .wrapper.dialog-error .title { margin: auto; margin-top: 14.16vw; margin-bottom: 1.95vw; font-size: 4.48vw; line-height: 4.16vw; color: #EC0024; } .dialog .wrapper.dialog-error .content { color: #fff; font-size: 1.25vw; line-height: 2.08vw; text-align: center; padding-left: 29.89vw; padding-right: 29.89vw; } .dialog .wrapper.dialog-error .subtitle { font-size: 1.82vw; line-height: 2.13vw; text-align: center; color: #FFFFFF; margin-top: 2vw; } .dialog .wrapper.dialog-error .buttons { bottom: 14.38vw; } .dialog .wrapper.dialog-error .buttons .button { outline: unset; background: #8C0217; font-size: 1.25vw; border-radius: 0.78vw; padding-left: 2.81vw; padding-right: 2.81vw; } .dialog .wrapper.dialog-error .container-img { display: flex; } .dialog .wrapper.dialog-error .devider { border-left: 1px solid #FFFFFF; margin-left: 2.39vw; margin-right: 2.39vw; } .dialog .wrapper.dialog-error .container-text { padding-left: 1.56vw; font-weight: 600; letter-spacing: 0.01em; color: #FFFFFF; font-size: 1.56vw; line-height: 30px; } .dialog .wrapper.dialog-error .container-subtext { padding-left: 1.56vw; font-weight: 600; color: #FFFFFF; letter-spacing: 0.01em; font-size: 0.94vw; margin-bottom: 0.7vw; } .dialog .wrapper.dialog-error .phone { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAYAAAA6oTAqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOdSURBVHgB1VqNdZswEJY7gbsBG9Qj0A2yQdmg2QA6QdIJ7A2cTkA2oBvIG5ANvkpFfjmOOyF+7JDvPT0DOp3uO+kOSdiYOwFA5ov5zAgkLPpoXaldeXblwZW9+QwIxqbg7EphtgzvdWFkYrBzSe3MnRDiZR/KwRV/n7vyTWlyceX7bre7mJUM8F4twxS4yTQIMVVAH73SLAXkwF1Hud6nRso7cl6SiBCZRcjJP6LLXr4cw30eka+EPpvJhBQiL8KzJELeaOhoA7ks0Y50QoqCKlI3SsjJHJCGIycV+my43FifUSIjMimEfCz4qXNy5RXdiGgoWdu9QOhxEZGlhAQ9h0DOCoSOINNJ6fOgKU4isjahoMt7fjTgA3k6orWkrJhCZA6hYHAeyn6CviOT4aQLrqSm3jAToBjwmCDTBCdmM/TRessNarWGMwlZVh9LzZZ7V9DXUtKCvpw2pngwMwA2VVmdn2I14uAZjKfzmtU3Yp27uZCKykyE4MlmRNZvCV4EQk9MlsdHHqnbXytOmgdmEPEoEtvmiMQHuhGlIfDM6oZ9IjYHpxOpzARAjg+ajukItKxtIxE1mgciRuyXEiG6ck1PzNHottxXNEbzAEYWcxgG6ItZAPQTBA92Mduin3Ra2mCveSfRgF76nEGGnxPQqUaTxTHW5ouvcFvTN/fzh+j/ifGl9i9y7WXHV7M6/rL7jFy/keuv5PrC2nRkAmiseOOiL1DngFf385s88vN71vpM2OdTR16U528mhqlTB3IiyM0MkL4t9Dd+pfRtJYUZM+ycYESGfpDOjh8oB4Khj1x5rh8iop/ykjyN4crbAhs4isXwzWuRsO/GcImxGULc00+J7Z63Sqhmhv1IbHdi7fwoP0TkfYCf8X4MlZm1gQWBLYyQRynIlYKc7+dg1gaGayOLxHMryPv6+uoQhcjNCXGjkrcJ6E4uW8HQWnDS6V6Ezqyj5KULxo96fV0WZKubE4L8pp963lzFiETkbkIoW4EQ1TEgQuQ+jFDSO4jp8YllbM/0YYRqYP2PrB9JSJ02C/uSCK3rOOifxAuzMgRCkw8rUzrxWY6nbY+ntb2H/mlMZW4F6Gm3MCsAw9VCYW4JdJskK5A6YtlhBydizT2ALo5OkFFOJSURAe68pYD+CdymktoEEWJMbJSu0++gtC03Q4QigZQ39P//AsKI1pskQpFASiOama2CkLKfmggHunTuiV03cP73NUy7yS/df+fGBSGBWpmHAAAAAElFTkSuQmCC); background-size: contain; background-repeat: no-repeat; width: 2.73vw; height: 2.73vw; padding-top: 0.63vw; } .dialog .wrapper.dialog-error .web { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAoCAYAAAC4h3lxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMXSURBVHgB7VntkaJAEG239v9iBmMEfiQgRoAXgWUEYgRgBNxGoGbgRSBGoEYARqAZcP3YgUIPtSlXbqzaV9XFiMPQPdPTr6chOofNMmeJWBIDZav1U1QCz7KsxPO8JIqixERst9tUP6UUjPHOlO90OsnxeExeAZhgbYTbwHIwovV6jUZqzWazoTAMyTTwJJPjOGk7jmPq9Xqnd277jFz58XhMi8Viw82QzMOIdVXsRqm+k8nEws0IvgXM53MsS0TmAgrDW1J9cX3jGwpLAxwOB1yWZC5OLH/2+336A6vwRq+HEyP/8V7hQUvL3RdoeXScWNBHbIDbbDa9j4+Puy/G7LD43JyV/A2u8VnuDYMoE/PFJ4FL5/GVd3iiHyoCbxOTG/qBEOlftrQRu6Vcgw3KzxxL9EXUzN8l2gOYMcmsAdhYuu/lA8q2bfE46EsCV5O4EDbNrNvtenrQm8DKs2DZd7f6TadTKm7GDCCq4XBIUkj3gM9KhUxwStA3JgEJrlYrGDql8w3v8AoOn2EA0XOYeUXn0UaxyLVnvCIPnOHlDajiQoquHCQuAJ/eUU2QGpASUJYz3YKOQr+5OaUaIDHAgvKcseYp9y0gNLZaLZevnyRMBx7BU/bAFSJ7CsRENhgMPMkK7HY70rNfyz6oQmQLFiXoG1MNrpOhShSKqUbFpPghsv+NKi5kk4zIYpLnTch7islcmypCakDAJOZKiAxRiAVJ2q9b/ZBxcrQKLu+329VskBKZi8KX9DDCRDbkiAVrr4bSIAjoOyDaA41G41R2+CjD11E2xeUDseYIqjBOfK+fiMj4HDvjWQ2kqQSIr+TlIRvwyeNMhId6WHo3n5LuASRnILJHyyrIkXyW7yjPpKgShUQD1jhOilfkAavogjDgoGui1O/30wuZC2juZKEWesOFUG0YoWSNssloNLKXyyUq1CYWeR3WU2XlHdab8IHD5iVZc5Urj/P4I1sVkwAPyZRHmOVaVf4fjovGfhu7ROETk1800MdNnv2E43ViInjW0/qtrr26ZaukWBZk7mfWmL44SWUK/wX45X5PSQE97QAAAABJRU5ErkJggg==); background-size: contain; background-repeat: no-repeat; width: 3.44vw; height: 2.89vw; padding-top: 0.7vw; } .dialog .wrapper.dialog-error .whatsapp { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAyCAYAAAAayliMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAO7SURBVHgBxVqLcdswDIUygTYoN4g3qLpBNogyQd0JkkxgdwJlg3gDqxPYmYDqBHYnQIkSqhUKpKgP7XeH01kk8SFBEoCcwQJAxNw8CqYvhlaGcqYWDdOHoaOhOsuyBm4Jo/iDoT1Ox8FQaUjBNWEEPhs64XIgXlVyQ4yAwpDGdNCGyjE6ZTGd0Pr4s6F1oNsZLv5N1PA7QrsfVkxf4fP+cFEbelpkj9CyovVVH2q0fpyP5Eur+TawGiuYA1ZeBxQvYCZYhs+Q02QjAsoT0zUsjAF544wgd/Awo3cKEoHlvnuMUGMYSUtK+2CUn0+FkfPimbxh+eQet1S+o8dW0GMzNEhh/4LSeO2b8qLPXjCiCA2QXEfBjYDyXtS+zkpQ/iXAnM7xiuk7JALLcVFKHd+iLIX/QZyLeZdO2Ih9UDfP7JceZr7z+gUSgSZHkFd0O5RBCz8zC92ayU4qYRWqUOM2wCgUFz1AImB/L5zahlxQZBVgFMIeEoH1dI/44g5seNtFY8LYI0wDzZKCBDA6UWj+y3m9kgz4gDDOgbYmcZ5bO7/vyQDlvByafV97Y+gbpEXj/P63AvcDnVz89Lx/vUKVwZ28/E7o1EAYNchu1MD1oe5GDmg30w+hqcLEEau0wqMNYEZv0N9QCmzif1VIBsTO4hP0XYlyicXTzRbCEX0mA347L6MM4OV8Epo2RtDj0PiJ94VyfjdkgDuL0VGlMWJnHq9CE8VLXndCm1lpDktKiIc7uX+kQG50OID+AK9yZxrllFXHGIL9NHMrhdKTokoMF6kqlrPCcE1Vh2RjP5B8aBt6QRJMAMqJ+FgUHt5SzqJ8gidHlSiXRMYg9/B1Xe/QbSxiGUUaMbWKfQjw1E7f0u3gutEGZgLtauh4/eWECPsHDUFJwsKdphmRswLHgOIa/b4vlVYqX0d3FXawINBuRPJlOrF2/KQKR+jk2URPLDPtIllYEAOUyzdVaMAix+kSQLl8o0OzL2f9NwD6a09laJC7iRf1/1jg1MIZ9mtDV/d/I/MR5VDjfWjgYG0IbRyzZkMPuGD5hGdd+jKDGPNtAvv+r/FyflfoD8CqOYawjOcA/3eM/CozNwjbo12dwVwCL3fBfoDnNmYSMmZKMchS5XFKkI787CZLxF/BcMbXgP3IXUMMUA5TfWjQXnYa04BOwnFBJMq3XYsTK0xLrhyj1wsZcmLFFUwB9jOpmhkWkeML5qExHiceQ4fErFpShjZ5oYJuDfZPSGeYCJ5Fou4fnogasPuBnsclS5B/AeAKS9vC27R6AAAAAElFTkSuQmCC); background-size: contain; background-repeat: no-repeat; width: 2.73vw; height: 2.73vw; padding-top: 0.63vw; } .dialog .wrapper.dialog-error .mail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAmCAYAAACCjRgBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGPSURBVHgB3ZmLbYMwEIbPmSAj0A0YgW7QTtJZOlHoBO0GsAHZ4HpOHMlYtvEr9jm/dOIlpO8TBh8gQAsijrQ4A/MIIebdDgKfqBbsJwvVx02GVgZaLtBn3qXAhVYm48A31RV4RQ7tL2PfDI5L9EvF5l6QLIrJzAbGuNq4SVjgN51TF5ipRk4SDnjJuFoF1EksJFzw6phbgIOEDz5IoKXEEXywQAuJEPgogZoSofDRAjUkYuCTBDSJpbRELHyygDpxMCTk+gCJSYHPEigpkQqfLVBCIge+iECORC58MYEUiRLwpsAJ8nKG/SvoQHWxSeD9iSXfPaKBvckYQubcgK4rge5+vs0QQvvENtqGk2PYTNjqJkbPrIz2e8LVEtd/jGJAS2GRcAJizYksBN4j4WvMnt9KYEIzp0mEAD2vmcOe2+la8LES+PKvlK3gQyXwZT+rcIE/knAJLJzgDyR2nxZtDRkL+EfQ0wz2/nn9RwpMcO/Te8zbSf1v+qRaoZ+sIP/OCLEKfa+6GtxzJfC/x8Y/nacAL48dFtcAAAAASUVORK5CYII=); background-size: contain; background-repeat: no-repeat; width: 3.13vw; height: 2.58vw; padding-top: 0.78vw; } .dialog .wrapper.dialog-error .issueLogin { position: absolute; bottom: 2vw; display: flex; font-weight: 600; color: #B3B3B3; margin-left: 6.98vw; margin-bottom: 8.07vh; } .dialog .wrapper.dialog-error .issueLogin .container-row { display: flex; flex-direction: column; } /******************************************************************************/ /* CSS for HOME small carousel */ /******************************************************************************/ .featured-banner { height: 31.25vw; width: 100%; position: relative; z-index: 20; } .year-duration-banner { padding-top: 5.86vw; padding-left: 1.17vw; } .banner { background-color: #232323; background-size: contain; background-repeat: no-repeat; background-position: right; height: 100%; } .autor-banner { padding-top: 0.78vw; padding-left: 1.17vw; color: #AFAFAF; } .title-banner { font-weight: 700; font-size: 3.13vw; padding-top: 8.98vw; padding-left: 3.52vw; } .description-banner { width: 36.72vw; font-weight: 400; margin-top: 0.63vw; font-size: 1.41vw; line-height: 2.19vw; padding-left: 3.52vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical; max-height: 6.56vw; } .teatrix .featured-carousels-grid { position: absolute; top: 41.8vw; width: 100%; transition: 300ms; -webkit-transition: 300ms; } .teatrix .featured-carousels-grid .snippet-slider { height: inherit; } .teatrix .featured-small { height: 21.88vw; margin: 0; } .teatrix .featured-small .slider-title { position: relative; font-weight: 600; font-size: 1.56vw; letter-spacing: 0px; text-transform: none; } .teatrix .featured-small .slider-title::after { content: ""; display: block; position: absolute; top: 0; left: 2.34vw; width: 0.31vw; height: 100%; background-color: #EC0024; border-radius: 50rem; } .teatrix .featured-small .nav-left, .teatrix .featured-small .nav-right { margin-top: 2.73vw; } .teatrix .featured-small .snippet-slider .movies ul { height: 13.28vw; left: -26.3vw; top: 2.34vw; } .teatrix .featured-small .snippet-slider .movies li { width: 14.06vw; height: 18.75vw; margin-right: 0.39vw; } .teatrix .featured-small .snippet-slider .movies li .progress-bar { position: absolute; bottom: 0; width: 100%; height: 0.47vw; } .teatrix .featured-small .snippet-slider .movies li div.cover { width: 100%; height: 100%; background-color: #8e8e8e; background-size: 14.3vw 21.41vw; } .teatrix .featured-small .snippet-slider .movies li div.cover div.image { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .teatrix .featured-small .snippet-slider .movies li div.cover .label-wrapper { height: 100%; left: -0.08vw; top: -0.08vw; width: 100%; z-index: 3; } .teatrix .featured-small .snippet-slider .movies li.focus div.cover .label-wrapper { border: 0.08vw solid #000000; outline: solid 0.31vw #ffffff; box-shadow: none; background: transparent; } .teatrix .featured-small .snippet-slider .movies li.focus div.cover .label-wrapper .label { bottom: 0; top: initial; margin: 1.17vw 1.02vw 1.56vw; height: auto; } .teatrix .featured-small .snippet-slider .movies li.focus div.cover .label-wrapper .label .title { margin-bottom: 0.78vw; -webkit-line-clamp: 3; } @-webkit-keyframes snippet-slider-home-left-init { 0% { left: -44.84vw; } 100% { left: -26.3vw; } } @keyframes snippet-slider-home-left-init { 0% { left: -44.84vw; } 100% { left: -26.3vw; } } @-webkit-keyframes snippet-slider-home-left { 0% { left: -44.84vw; } 100% { left: -26.3vw; } } @keyframes snippet-slider-home-left { 0% { left: -44.84vw; } 100% { left: -26.3vw; } } @-webkit-keyframes snippet-slider-home-left-sec { 0% { left: -44.84vw; } 100% { left: -26.3vw; } } @keyframes snippet-slider-home-left-sec { 0% { left: -44.84vw; } 100% { left: -26.3vw; } } @-webkit-keyframes snippet-slider-home-right { 0% { left: -14.69vw; } 100% { left: -26.3vw; } } @keyframes snippet-slider-home-right { 0% { left: -14.69vw; } 100% { left: -26.3vw; } } @-webkit-keyframes snippet-slider-home-right-sec { 0% { left: -14.69vw; } 100% { left: -26.3vw; } } @keyframes snippet-slider-home-right-sec { 0% { left: -14.69vw; } 100% { left: -26.3vw; } } .scrollable-area { position: absolute; top: 1.95vw; left: 1.95vw; width: 39.06vw; } .scrollable-area .text-area { position: relative; width: 70.31vw; top: 0px; left: 0px; z-index: 12; } .scrollable-area .text-area .button { margin-left: 0px; display: flex; align-items: center; } .scrollable-area .text-area #snippet-detail-buttons { margin-bottom: 2.34vw; font-weight: bold; } .scrollable-area .text-area .title { display: flex; max-width: 70vw; color: #fff; font-size: 4.22vw; font-weight: bold; } .scrollable-area .text-area .metadata { display: flex; position: relative; align-items: center; width: auto; height: 1.56vw; margin-top: 2.34vw; font-size: 1.56vw; margin-bottom: 0.78vw; display: flex; font-weight: bold; } .scrollable-area .text-area .metadata ul { list-style: initial; margin-left: 2.19vw; } .scrollable-area .text-area .metadata .red-bullet { color: #EC0024; } .scrollable-area .text-area .metadata .feature { display: flex; align-items: center; } .scrollable-area .text-area .metadata .feature.red { color: #EC0024; } .scrollable-area .text-area .metadata .feature i { margin-right: 0.78vw; background-position: center; background-repeat: no-repeat; height: 2.34vw; width: 2.34vw; display: block; background-size: cover; } .scrollable-area .text-area .metadata .feature i.hd-icon { background-image: url(52eb1a1e92ffd7a2d65b60f485a0ce4f.svg); } .scrollable-area .text-area .metadata .feature i.original-icon { background-image: url(05ab19484bb84296d93f9892606bc859.svg); } .scrollable-area .text-area .metadata .feature i.estreno-icon { background-image: url(8271e2800cf83c1e5e8f8524b673c2a1.svg); } .scrollable-area .text-area .metadata .feature i.subtitle-icon { background-image: url(1301996feaf94492536dae90e35b877c.svg); } .scrollable-area .text-area .metadata .feature i.recuperada-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA2CAYAAABnctHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASKSURBVHgB1VqLcdswDKV7HcAbWCOkE1idIN7A3sDqBPIGSiZQN/AIaidwNpA3cDZ4JWMwAiFQ/khqrHfHk8UvQICPIOWZeRAAeLKPLb2+zWazVzN1WKVSNKhMD3wzE4edgBebdjzvu5korCJz+9jblNL7wj5+Wbd9n6SlrAKJfTgXTSnr3aY/TiHzSLh2TTlCsalmdWsimU9Myv2c4ubscnPKOtr001royOs9klJHm3bsdwCrUGYfBct6M2eFHsvlroVjN4QoiSgeC04oEnbv1pBN60i9lVAoN2OCFq0T6GTTQe4XHe0yaiNRRernVL41Y4IU0gQrO9qkpDxnri1ZyyMj6ySibWLGhBsADa2657NNBRNsIep7i3qcaPbnrFxDYf4HcF4LNRMuofwNE2bJ6r4IQUs+62S9WtThHrA2Y4OE8lix/AqN5TwJcOEqryzVTxBazyGntnPWdq9MQGcytwChNXIhIBe+Zu81n+0OhZPIOKVQ6iJm5kqgibfc0513frAyN5sr0cRtii82vfoNEmfLFtSHw9GmjS3/y8ZwSqSsH1fnI2qg8uEoHaHbJSx/o0xWKepIVwuIguqkCK0XWNIMDYTulYuyAwlcUlqKchkNVIjQM43jKH5N71vWbmGGBBornboEiuRn1LZWFE6o75qUzVjZHOGeNmxYxDovI0JzVymUOs/C1TSqBx8D571rQ8oOHxqxAbcifxcRrIj0E2M+uXnvSKHUjAESxINTc8byXZizQBPunJR+nJA1a+N+LyP9XZygvkppkULCZtsJ58Od0ldk7VO0mW8rJk1a3AfIHqkZEmAxHlOoZgolSt0SesRQoE3jNSt3v9dMWY/SDAUxg36wkuU9sbrcopVQpsIN+xbaRNI//oM+y3N0h0k12nB5fN1orlbhcoBb496jB5p9Q0PgdqKdtiYkU67QTRSu/73o44Bm7d4WVUCnWrD3EgphsPYcwbqhcilsjnBtyb2uQnOkyVn+dRtwhzIfA5OQSzRsVCl9bCHiPVGeSWEpXx4ea4THmah3XFIqx+WZVveqW4CQVLS19TmuUn7iyl47IN8TNEskrHxpegBtIjggXFsaUdymEBOau2CmCNJbKbSvAnJRVkLHfUcPhGFKEI2LwXpFyzivo73oXyOKZyHTk7kHCBdtQXl8sQ63s5voJsxDqKy3hzAFcnqX/p2YgYC2y1doaFxGFLddpkQGlEGow94MDJyZN2A2tDfpqtdkRpThrpGYgYGGxjVXvD/m61DG5XXS/RCAcnpGH0KCfqyuvUvgAt33VEaLKHrtg75jKfReqROl+zvH1O4ocmDAyxWE34BUocWMHsydQJtRK4ywVv1gv7uEVix6090B9C8fo39vmosZzJU68qteekW/GgmNZ52IAJ1Co72wdwgPc94KNdpHGte2PxHcoVghhJbHkBK34fRlyjChpRsWorwQQru67pC4EGmJoe+/+wAdbojQ/cb9Uj40NDdE+G22f5D5FUAYIu1xgR0nAcT/VjBNK3mgfXHvrJeYqQPNv1qm6XIacA6RHu8PThH8A7s2H3Ih3JCpAAAAAElFTkSuQmCC); } .scrollable-area .text-area .metadata .feature i.broadway-icon { background-image: url(fe28128a6d54ba7129f96ac2112cd9c8.svg); } .scrollable-area .text-area .description { position: relative; color: #fff; display: -webkit-box; width: 70%; -webkit-line-clamp: 4 !important; -webkit-box-orient: vertical; margin-top: 0.94vw; overflow: hidden; max-height: 8.75vw; font-size: 1.25vw; font-weight: 400; line-height: 1.4; margin-bottom: 2.34vw; } .scrollable-area .text-area .extra-detail { width: 50%; display: flex; color: #AFAFAF; font-size: 1.25vw; display: flex; } .scrollable-area .text-area .extra-detail.special { align-items: center; } .scrollable-area .text-area .extra-detail .extra-subtitle { font-weight: bold; margin-left: 0.78vw; display: flex; align-items: center; } .scrollable-area .text-area .extra-detail .extra-subtitle i.argentina-icon { background-position: center; background-repeat: no-repeat; background-size: cover; height: 2.34vw; width: 2.34vw; display: block; margin: 0.78vw 0.78vw 0.78vw 0px; } .scrollable-area .text-area .extra-icon { height: 7.03vw; width: 3.13vw; display: block; } /* $featured-big-ul-left: -(calc($featured-big-li-width + $screen-width) - 3*$featured-big-li-padding); */ .featured-big { height: 41.8vw; /* box-shadow: 0px 0.39vw 1.56vw 3px #1f1f1f; */ } .featured-big .snippet-slider { height: inherit; } .featured-big .snippet-slider .movies ul { left: -185vw; height: 41.8vw; } .featured-big .snippet-slider .movies li { height: 41.8vw; width: 92.5vw; } .featured-big .snippet-slider .movies li div.cover { width: 100%; height: 41.8vw; } .teatrix .featured-big .snippet-slider .movies li .cover { position: relative; overflow: visible; } .teatrix .featured-big .snippet-slider .movies li .cover .image { background-color: #232323; } .teatrix .featured-big .snippet-slider .movies li div.cover .label-wrapper { background: transparent; margin-left: 0.16vw; height: 42.97vw; padding: 0; position: absolute; top: 0; width: 92.03vw; z-index: 1; } .teatrix .featured-big .snippet-slider .movies li div.cover .label-wrapper .title-rating-row { margin-left: 5.08vw; display: block; } .teatrix .featured-big .snippet-slider .movies li.focus div.cover .label-wrapper { display: block; border: 0.08vw solid #000000; box-shadow: none; background: transparent; } .teatrix .featured-big .snippet-slider .movies li #play-button, .teatrix .featured-big .snippet-slider .movies li #info-button { outline: solid 0.16vw transparent; background-color: transparent; font-size: 1.3vw; } .teatrix .featured-big .snippet-slider .movies li #play-button { text-transform: uppercase; font-weight: bold; background-color: #333333; } .teatrix .featured-big .snippet-slider .movies li #play-button.focus { background-color: #EC0024; } .teatrix .featured-big .snippet-slider .movies li #info-button { background-color: #333333; } .teatrix .featured-big .snippet-slider .movies li #info-button.focus { background-color: #EC0024; } .teatrix .featured-big .swipper-container { position: absolute; left: 40%; top: 92%; display: flex; justify-content: space-around; z-index: 99; } .teatrix .featured-big .swipper-container span { outline: solid 0.16vw transparent; } .teatrix .featured-big .bullet { width: 0.78vw; height: 0.78vw; display: inline-block; border-radius: 100%; background: #333333; margin-right: 0.16vw; margin-left: 0.16vw; border: 0.16vw solid transparent; } .teatrix .featured-big .bullet.focus { background: #EC0024; border: 0.16vw solid white; } .teatrix .featured-big .movies .label-wrapper .title { font-weight: 700; font-size: 3.13vw; margin: 1.17vw 0px 0px !important; } .teatrix .featured-big .movies .label-wrapper .description-container { display: flex; justify-content: flex-start; width: 37.73vw; height: 3.52vw; margin-top: 2.34vw; } .teatrix .featured-big .movies .label-wrapper .icon-more { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAXCAYAAAAC9s/ZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACpSURBVHgBpZTdDYMwDITdTtAR2g06AqN0hG5ANygbwChswAhhA9jgcPiRAIXEsT/pHvJwp9iJTQBKLJSkAUf+rIclwONYT0uAZ2B9LAEQ9wVpumhJkOFYhSXguiTkU2P/1NDhsPbl5k+kY2S97qTHl/G2BPSzoKPdeqAJqA73yDCG50Nodrj6zgJzg9iOSJi/lCJy5YIkBMzx8Q0EDDtzRbmw6YecFXZiAoDSwmV/inVCAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: center; width: 0.98vw; height: 1.41vw; margin-right: 0.39vw; } .teatrix .featured-big .movies .label-wrapper .icon-information { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJGSURBVHgBzViLUcMwDFWYoBvgDegGZAO6ARkBJmiYgG7QMgEwQcMElAliJmiZQEjYKa5ix3Zaerw7NR9b8rNlq1IKGAFEVHQpSSZWGDuSDUtRFDv4K9DgJcmSZItxvJPcWcInJbDG8VimECoGCPCSz0nuRNMnyQsYN2jRNgXjshvxnvs9kMtWkAOeAUkrZtbw6iTqT0gqj405pMJDok0lELBXS1elKEkS79ZFof6lHaga2gfUNsPDTT6PEVllkJiJmbYR21NBpgx1rIQ7JhmkO0wjOvEx8NAlCiLAvu9T9RZO/3qIaXwzwf5ktFZn2zM6rLd19CZu4zpnVsKwwogbPTrualauoQ4NnAFiTA6OcAEmGnZ4STBSYhgKEkARVoOJ0IxrH5ENnA+NvfKeUUxEQR4RTfIEx5PWzv0PkcvuKSWP4GUlqej2FY6Ddh+YyBf8AzCR/SrkHsMjoUAQ0aHGP4Zy7jeSSAnnw5W97nhvMhE3dtzAGWDjTRc23vjnwp6Uxr4s8ZQJbxi1c7+PrIwnpyE9nRsBO9Fr+6h7eSwepgFlgsGxaYCbx9S+Dm7G1YaOMv6WF62HyBoH0gFMTb6o4dnp6E0VhTEflgHbMlWsYICxm+x0ZBT0V04PyAL8q+iSqCEG9JcTFYyAndijWLFFjgFfgbXEvAJrjv06uQ7pxEpOZn8rmjSYuPMBh6kA91dgguIUfr8SMDhW3WeXnILQDP0nJBULPOWfKZoNt0ok1aCJM8kEChgBNIWUstINpsG4oBnzoeYbbJ58gc3M/zQAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: center; width: 2.58vw; height: 2.58vw; margin-right: 0.39vw; } .teatrix .featured-big .movies .label-wrapper .see-more { display: flex; width: auto; justify-content: center; flex-grow: 1; margin-right: 1.95vw; text-align: center; padding-top: 1vw; border-radius: 0.39vw; } .teatrix .featured-big .movies .label-wrapper .see-more.logged { width: 12.11vw; flex-grow: 0; } .teatrix .featured-big .movies .label-wrapper .information { display: flex; justify-content: flex-start; padding-top: 0.39vw; text-align: center; border-radius: 0.39vw; align-items: center; padding: 0px 0.39vw; } .teatrix .featured-big .movies .label-wrapper .autor { font-size: 1.4vw; margin-top: 1.56vw; color: #AFAFAF; } .teatrix .featured-big .movies .label-wrapper .carrousel-logo { margin-top: 3.13vw; height: 3.13vw; width: 12.34vw; background-image: url(data:image/png;base64,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); background-repeat: no-repeat; background-size: contain; } .teatrix .featured-big .movies .label-wrapper .year-duration { margin-top: 5.86vw; margin-left: 0px; font-size: 1.41vw; font-weight: 600; line-height: 2.19vw; } .teatrix .featured-big .movies .label-wrapper .description { width: 34.77vw; font-weight: 400; margin-top: 0.63vw; font-size: 1.33vw; line-height: 2.19vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical; } @-webkit-keyframes slide-left { 0% { left: -277.5vw; } 100% { left: -185vw; } } /* left: calc($featured-big-ul-left - $featured-big-li-width); */ @keyframes slide-left { 0% { left: -277.5vw; } 100% { left: -185vw; } } @-webkit-keyframes slide-left-sec { 0% { left: -277.5vw; } 100% { left: -185vw; } } @keyframes slide-left-sec { 0% { left: -277.5vw; } 100% { left: -185vw; } } @-webkit-keyframes slide-right { 0% { left: -277.5vw; } 100% { left: -185vw; } } @keyframes slide-right { 0% { left: -277.5vw; } 100% { left: -185vw; } } @-webkit-keyframes slide-right-sec { 0% { left: -277.5vw; } 100% { left: -185vw; } } @keyframes slide-right-sec { 0% { left: -277.5vw; } 100% { left: -185vw; } } #scene-home { display: flex; flex-direction: row; background-color: black; } #scene-home #scene-home-wrapper { /* position: absolute; */ margin-left: auto; width: 92.5%; /* padding-left: 2.8%; */ } #scene-home .display-none { display: none; } #scene-home .focus-blocker { position: absolute; z-index: 10; width: 100%; } #scene-home .focus-blocker .up { top: 72px; display: none; } #scene-home .focus-blocker .up.scrolled { display: block; top: 72px; height: 117px; } #scene-home .focus-blocker .up.end { display: block; top: 72px; height: 239px; } #scene-home .focus-blocker.down { bottom: 0px; height: 45px; } #scene-home .focus-blocker.down.scrolled { bottom: 0px; height: 45px; } #scene-home .focus-blocker.down.end { display: none; } #loading.hide .splash-screen { display: none; } #loading .splash-screen { position: absolute; width: 100vw; height: 100vh; top: 0px; left: 0px; z-index: 400; } #loading .logo { width: 25vw; height: 7.81vw; top: 25.55vw; left: 41.88vw; background-repeat: no-repeat; background-size: 23.44vw; } #scene-otp .container-otp { width: 100vw; display: flex; justify-content: space-between; align-items: center; } #scene-otp .container-otp .text-bullets { display: flex; flex-direction: column; justify-content: space-around; margin-left: 6.98vw; } #scene-otp .container-otp .text-bullets .bullet { margin-bottom: 5.28vh; } #scene-otp .container-otp .text-bullets .bullet .title-bullet { display: flex; align-items: center; } #scene-otp .container-otp .text-bullets .bullet .title-bullet .red { color: #EC0024; font-size: 2.08vw; font-weight: bold; } #scene-otp .container-otp .text-bullets .bullet .title-bullet .white { margin-left: 0.8vw; font-size: 1.46vw; color: white; } #scene-otp .container-otp .text-bullets .bullet .title-bullet .hand-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAkCAYAAACaJFpUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHtSURBVHgB7ZdPTsJAFId/r5Wdix4BYly4gxtwA3VnjCA3UE+AnkA8gRAhcSeewHICcGUikHIDG+NKbJ/TKaWWVqDSEhd8G5r593UevHkDYQFsVLKw7AfxlAdTD1vKIeXqI/wRZeEIT+ZA4tOybrECi4WezKeIFVhCmCwb4Ua4Ef4TIRtHWX49zmMNKDwo12BlDChql4dlY1kx90+KbJTP5OEeA+JBiWfaTKhqwasIEf2ATQ3xqqe+HRe0e1cTck0umqubvwmdkOozbdrCivBTJg2ocr90Dts2xNw3HpZuuevKw0KVahHtRSdkWB5NSK/B7EoYFWxbVfloBMVih0pHDI4IAe1jFQgV5zchd9wvd73vWpnEux0x4QCroYkdZ921/MLt5qGFTuSEZMn7wozaXoNQmwrdsIoL0hrwjzZiHWvAF1p4nu2MmRoxhRlVD/USPSE1IWAiXcyAcJKPI6QG9wJC14o20oLcMzsotPkRafH51QgJabepI1w9kqBOe/ejkFDCfIVkMTEeT9cMCeUu2b5AUhBferuLFLrSVs0ZiCRkO82bQNO88Tw8qYo/oZeIj7im2OeUazVmO+ZeE8XbXYn454BY6VIXcwpRMrkmloRfjrLYypzJYgpyaptXvkaizUlqHe8fDSq0555Y33+Lv3Jo+IzMAAAAAElFTkSuQmCC); background-position: center; background-repeat: no-repeat; height: 20px; width: 20px; background-size: contain; display: block; margin-left: 8px; } #scene-otp .container-otp .text-bullets .bullet .content-bullet { font-weight: bold; font-size: 2.34vw; } #scene-otp .container-otp #qr-code { border: 5px solid white; margin-right: 11.09vw; } #scene-otp .container-otp #qr-code img { width: 20vw; height: 20vw; } #scene-player { background: transparent; width: 100vw; height: 100vh; margin: 0; } #scene-player.active-controls { background: linear-gradient(0deg, #000000 10%, rgba(0, 0, 0, 0) 55%), linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 20%); } #scene-player.active-controls.subtitles-active { background: linear-gradient(0deg, #000000 10%, rgba(0, 0, 0, 0) 55%), linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(-90deg, #000000 20%, rgba(0, 0, 0, 0) 55%); } #scene-player #snippet-player-progress-bar.no-subtitles-icon { width: 53.13vw; } #subtitles-language-wrap { display: none; position: absolute; max-height: 100vh; left: 76.56vw; width: 17.19vw; bottom: 32.03vw; background-color: transparent; } #subtitles-language-wrap .subtitles-title { font-weight: bold; margin-bottom: 3.13vw; font-size: 2.34vw; color: white; } #subtitles-language-wrap .subtitle-item { border: 0.2vw solid transparent; height: 2.91vw; margin-bottom: 0.47vw; margin-left: 0.78vw; margin-top: 0.70vw; font-size: 1.3vw; width: 16.02vw; opacity: 0.5; } #subtitles-language-wrap .subtitle-item.selected { color: white; text-decoration: underline; text-decoration-color: white; } #subtitles-language-wrap .subtitle-item.focus { opacity: 1; text-decoration-color: #EC0024; } #subtitles-language-wrap .subtitle-item.focus .title { color: #EC0024; } #subtitles-language-wrap .subtitle-item .title { font-weight: 600; line-height: 3.91vw; padding-left: 1.41vw; text-transform: uppercase; } #player-panel { z-index: 2; position: absolute; height: 6.64vw; width: 90.63vw; bottom: 4.69vw; left: 4.69vw; } #snippet-player-progress-bar { height: 1.17vw; background: transparent; } #snippet-player-progress-bar .progress-wrap { position: absolute; top: 0; width: 90.63vw; cursor: pointer; } #snippet-player-progress-bar .progress-bar { background: rgba(150, 150, 150, 0.7); width: 90.63vw; } #snippet-player-progress-bar .time-bar { height: 0.4vw; width: 0; background: #F0F0F0; } #snippet-player-progress-bar .scrubber { display: block; position: absolute; top: -4.53vw; left: -5.31vw; height: 3.98vw; text-align: center; letter-spacing: 0; } #snippet-player-progress-bar .scrubber.animate { transition: margin-top 0.15s linear, opacity 0.15s linear; } #snippet-player-progress-bar .scrubber .scrubber-time { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAzCAYAAABWp2IvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACFJREFUeNpi2Cmv8Z+JAQr+DwcC4aP///8zgFk4CYAAAwAJuy7kQku9FgAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAzCAYAAACnrDmiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGBJREFUeNrtzzEKwDAIhWEtuUfW3LJpbpXTtZGCyxskDqXD+8HxQ9VZ2y2JDkmma/IbCQkJCQkJCQn/C8us7ftTz4TrBscm7msugwI4QP4j4AA5BBwggIAReQWdY0tfhD0YYxB0i1qfrQAAAABJRU5ErkJggg==); background-repeat: repeat-x, no-repeat; background-position: center, center; font-size: 1.41vw; color: #fff; height: 3.98vw; line-height: 3.52vw; padding: 0 2.89vw; z-index: 1; } #snippet-player-progress-bar .scrubber .scrubber-part { position: absolute; background-repeat: no-repeat; background-position: center; width: 2vw; height: 3.98vw; } #snippet-player-progress-bar .scrubber .scrubber-part.left { left: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAzCAMAAADIDVqJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAASFBMVEVMaXGoHCSTGSCeGyIWBAUGAQEMAgO5HygAAACAFRyCFhwhBgdyExkCAACxHiY2CQxODRFiEBW2Hyc/Cw5RDREsBwouCAqfGyLtdWm3AAAAAXRSTlMAQObYZgAAAFRJREFUeNrt0jkSgDAMBEHANitOg7n+/1NCR6pVkaKJO5wGhqxIaI4cqShlju4wMNTPAENHC4biCFB0PQYkaS86qk2dAclyrjqqxe33Pzn6iHg25L0EHDDq2P4H+gAAAABJRU5ErkJggg==); } #snippet-player-progress-bar .scrubber .scrubber-part.right { right: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAzCAMAAADIDVqJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAASFBMVEVMaXGoHCSTGSCeGyIWBAUGAQEMAgO5HygAAACAFRyCFhwhBgdyExkCAACxHiY2CQxODRFiEBW2Hyc/Cw5RDREsBwouCAqfGyLtdWm3AAAAAXRSTlMAQObYZgAAAFVJREFUeNrt0kkSgCAQQ1FRMIjzANz/phzARVLl0v7rV9VZdAchDUWaIUNvtAcBTUMRELCMAoK7BQQkL6CaKbrOQM/1Mx2+PWtk6PC//ydD3xBoKrIaD3ow6lvZNT4AAAAASUVORK5CYII=); } #snippet-player-controls { margin: 0.4vw 0 0 0; padding: 0; list-style: none; height: 6.25vw; overflow: hidden; background: transparent; } #snippet-player-controls .title-wrap { position: absolute; top: -41.02vw; display: flex; align-items: center; } #snippet-player-controls .title-wrap #detail-title { font-weight: bold; font-size: 2.34vw; } #snippet-player-controls .button { opacity: 0.6; } #snippet-player-controls .button .icon-pause { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAFVBMVEVMaXH////////////////////////zsRG/AAAAB3RSTlMAgFgYCBECZd4WfgAAAD1JREFUSMdjYBgFo2AUDG+QbGxsbApiBAMZBngUOgoKCgqBGIpAhsCowlGFowpHFQ5VhUQXe6NgFIyC4QAAYjIgB1pIXt0AAAAASUVORK5CYII=); } #snippet-player-controls .button .icon-reset { background-image: url(52a304aa78ba0067144d20cf742e2f1a.svg); background-size: 2vw; } #snippet-player-controls .button .icon-play { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAclBMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+MC121AAAAJnRSTlMATQgKGQV2gFgBUXRmAmN7QR8WLn0QbFw5BA5FeX5vNiJZKhxhPh6w95sAAACmSURBVHja7dRZEoIwFETRqOADnAAV51n3v0Xz1xu4P5Z9F3AqVekkOeecc+5/+xQwWF1OJQtGXO8smGsmMBjTNQvmdlsYjNV+gYK5eQGDoQVBoBYEgVoQBGpBEKgFUaAWRIFaEAzGu0TB861GT/g4opcye7KzGY3RHQ4d+vQ27SGR4LKHvi9thQG1FQTUViBQW4FAbQUCtRUI1FaYXnVyzjnn3K/2BUKUDne+9QQLAAAAAElFTkSuQmCC); } #snippet-player-controls .button .icon-rw { background-size: 1.95vw; background-image: url(data:image/png;base64,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); } #snippet-player-controls .button .icon-ff { background-size: 1.95vw; background-image: url(data:image/png;base64,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); } #snippet-player-controls .button .icon-language { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAElBMVEVMaXH////////////////////7e1ULAAAABnRSTlMAgHMldHJtFJCYAAAATklEQVRIx2NgGAWjYBSMgpEMmBUFoUDIAK9CJkE4UMCrkBGhUGAYKARisJIBUEgLz0AsHwCFRLoRKZk54E+4jjB1ogaj2XgUjIJRMKIBAAnvCygj2LL8AAAAAElFTkSuQmCC); background-size: contain; } #snippet-player-controls .button.active .icon-language { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAZCAYAAADJ9/UkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEwSURBVHgB7ZbNTcNAEIXfbswZI37ORjJ3OiB0kA6ACkIHOB2QCqAEOqCFcDeKOHEgCHMnHt4kcX4cR0osZe2Dv8vOWLN+u29XqzEg3wgfONwL4GPPGCDh8HiMuGdUmKIRHEPNnhkh/IGDHReQ2IqEFd+iQhrxRrwRd4K3mkpfYJJ8kYXc8HswS1/4NL6hBAbCB8105zmfV8mSFsbBEYYf+UmseeXQ1jiF3J3h/Rkl+EQQHMAbZnl9bE/hdUa4+M0XqV2ZPRb2ijUog0xsX/rvsu2uqY/t7DIGMu00doZz9WguZ3HCeLChtF0objHuFN32beA9uOWpPmmswieIr/M19b3tf2idc3UGJeCkQ1nEvu5yXcxb+VZtD8fV9lEBqjux+AthxMPvuurbUwqfIo7+ASrDU7vq+xh2AAAAAElFTkSuQmCC); color: #EC0024; border-bottom: 0.2vw solid; background-size: 1.8vw; } #snippet-player-controls .button.active.focus .icon-language { background-size: inherit; } #snippet-player-controls .button.btn-qmenu { display: none; font-size: 2.19vw; line-height: 6.25vw; text-align: center; color: #8d8d8d; } #snippet-player-controls .button.btn-qmenu.focus { color: white; } #snippet-player-controls .button.focus { /* background: $button-focus; */ opacity: 1; } #snippet-player-controls .button.focus .title { color: #EC0024; } #snippet-player-controls .button.focus .icon-pause { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAFVBMVEVMaXH////////////////////////zsRG/AAAABnRSTlMAsDAQIQOH+hANAAAAPUlEQVRIx2NgGAWjYBQMbxCkpKSkAmI4ARkKeBSapaWlJYIYYkBGwqjCUYWjCkcVDlWFRBd7o2AUjILhAACXJWqHkY/hmgAAAABJRU5ErkJggg==); } #snippet-player-controls .button.focus .icon-play { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAdVBMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+krTnmAAAAJnRSTlMAmeuh5xATsAIxB8b12MwgglsrPrgDcvryU2scsYlECvzdwjgJfLXwrD8AAAClSURBVHja7dRHEsIwFARRER2INjmDwf/+R0S7uUBvKKYP8EpVGik555xz7n/rKxgsnrcHC0a87iyYG01hMIYNC+a2KxiM+X6HgrllBYOhBUGgFgSBWhAEakEQqAVRoBZEgVoQDEb3QcHjuURPeL2glzI+sbMZTNAdLjbo0zus60SCsxb6vrQVBtRWEFBbgUBtBQK1FQjUViBQW2F6l8k555xzv9oXHR00D6+vwiQAAAAASUVORK5CYII=); } #snippet-player-controls .button.focus .icon-language { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAFVBMVEVMaXH////////////////////////zsRG/AAAABnRSTlMA5knnSuQucmWSAAAAT0lEQVRIx2NgGAWjYBSMgpEMmMTSoCBRAa9CxjQ4EMCrkA2hMGEYKARisJIBUEgLz0AsHwCFRLoRKZkZ4FXIYgZTl+owmo1HwSgYBSMaAACtGzyzGj0hiQAAAABJRU5ErkJggg==); } #snippet-player-controls .buttons { position: absolute; display: flex; justify-content: space-between; width: 100%; height: 6.25vw; top: 0.4vw; } #snippet-player-controls .buttons .button-container { display: flex; } #snippet-player-controls .buttons .button-container .button { width: 6.25vw; height: 6.25vw; } #snippet-player-controls .buttons * { background-position: center; } #snippet-player-controls .title { margin: 0 3.13vw; line-height: 5.63vw; width: 35.31vw; color: #fff; font-size: 1.72vw; background: transparent; text-align: left; } #snippet-player-controls .progress-time { font-size: 1.2vw; text-align: center; /* color: rgba(255,255,255,0.5); */ color: white; letter-spacing: 0; margin-top: 2.34vw; width: 87.50vw; padding: 0 1.56vw; } #snippet-player-controls .progress-time .division { float: left; margin: 0px 0.59vw; } #snippet-player-controls .progress-time .duration { float: left; } #snippet-player-controls .progress-time .time { float: left; margin: 0px 0px 0px 6.25vw; } #snippet-player-controls .right { float: right; background-position: top left; } #snippet-player-controls .text { text-align: center; font-size: 1.72vw; padding: 0 1.56vw; } #snippet-player-controls .icon { display: block; height: 5.63vw; width: 5.63vw; margin: 0 auto; background-color: transparent; background-repeat: no-repeat; } .playback-speed .indicator { display: none; position: absolute; bottom: 36.56vw; left: 50%; width: 7.97vw; height: 5.63vw; background-color: transparent; margin: 0 0 -2.24vw -3.98vw; text-align: center; } .playback-speed .indicator .icon { display: inline-block; width: 5.63vw; height: 5.63vw; background-color: transparent; background-repeat: no-repeat; } .playback-speed .indicator.ff .icon { background-position: -31.25vw -16.88vw; float: left; } .playback-speed .indicator.ff .label { float: left; margin-left: -1.56vw; } .playback-speed .indicator.rw .icon { background-position: -31.25vw -5.63vw; float: right; } .playback-speed .indicator.rw .label { float: right; margin-right: -1.56vw; } .playback-speed .indicator .label { display: inline-block; line-height: 5.63vw; width: 2.34vw; font-weight: 700; } #subtitles-wrap.goUp .subtitles { top: 8.25vw; } #subtitles-wrap:not(.goUp) .subtitles { bottom: 6.25vw; } #subtitles-wrap .subtitles { font-size: 2.81vw; color: white; font-weight: bold; line-height: 3.5vw; text-align: center; text-shadow: 0px 0.2vw 0.5vw black; position: absolute; left: 18.28vw; width: 62.50vw; z-index: 1000; } /******************************************************************************/ /* CSS for SIGN IN */ /******************************************************************************/ #scene-search { position: absolute; width: 100vw; height: 100vh; top: 0px; left: 0px; background-color: #000000; } #scene-search .logo { position: absolute; top: 2.42vw; left: 4.30vw; width: 12.34vw; height: 2.66vw; background-size: contain; background-repeat: no-repeat; } #scene-search .main-title { position: absolute; top: 6.25vw; left: 4.30vw; color: white; font-weight: 900; font-size: 2.50vw; } #scene-search .sdevider { border-left: 0.1vw solid #FFFFFF; } #scene-search .register { position: absolute; top: 15.47vw; left: 57.19vw; text-align: left; padding: 1.88vw 0px 0px 5.70vw; height: 10.78vw; border-left: 0.3vw solid #363636; } #scene-search .register .title { color: #4d4d4d; font-weight: 900; font-size: 2.50vw; } #scene-search .register .subtitle { color: #4d4d4d; font-weight: 600; font-size: 1.56vw; margin-top: 0.78vw; } #scene-search .register .url { color: #949494; font-weight: 600; font-size: 1.56vw; margin-top: 0.94vw; } #scene-search .issueLogin { position: absolute; width: 49.22vw; top: 33.6vw; left: -8.59vw; font-weight: 600; color: #B3B3B3; } #scene-search .issueLogin .container-row { display: flex; flex-direction: column; } #scene-search .login_tecla, #scene-search .login_tecla2, #scene-search .login_tecla3, #scene-search .login_tecla4 { display: flex; align-items: center; justify-content: center; margin-left: 0.15vw; margin-right: 0.15vw; float: left; text-align: center; background-color: #000000; font-size: 1.9vw; } #scene-search .login_tecla { width: 3.13vw; height: 2.73vw; } #scene-search .login_tecla2 { width: 11.09vw; height: 2.58vw; } #scene-search .login_tecla3 { width: 8.59vw; height: 2.58vw; padding-top: 0.78vw; } #scene-search .login_tecla4 { width: 50%; padding: 0.78vw 0; border-radius: 0.4vw; background-color: #333333; margin-right: 0; font-size: 1.6vw; } #scene-search .key_uppercase { background-image: url(data:image/png;base64,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); background-repeat: no-repeat; background-position: center; } #scene-search .key_backspace { background-image: url(data:image/png;base64,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); background-repeat: no-repeat; background-position: center; } #scene-search .login_tecla.focus { outline: 0.23vw solid #EC0024; } #scene-search .login_tecla2.focus { outline: 0.23vw solid #EC0024; } #scene-search .login_tecla3.focus, #scene-search .login_tecla4.focus { background-color: #EC0024 !important; } #scene-search #snippet-search { position: absolute; top: 16.1vw; left: 15.63vw; } #scene-search #snippet-search .search-input { position: absolute; left: 31.25vw; top: -15.23vw; } #scene-search #snippet-search .search-icon { position: absolute; top: 1.56vw; right: 0px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFASURBVHgBrZSBUYUwDIZTJ2ADu4G4AW7wNtANZAPfCG7gCLJB3QCdAJwANoh/pXf2pWmlynf3Hwf8TdqmDZECMzdQDzlo4R9G6AXq6C9g4JMImMNBdm/QJgyowU/ilItpouAOj078X6EB+oQa6EbxeG6NMe9U2ArJ2a9G8VpoEt5J8+bMLRUIWzjKyWjGB2HqaQchQVz4RTO5eHlUQdi67IqvoPjDB9UxiPckeFwIveJ5VvFuZfCYa/ofqww+5zLvQJ6q+eINRXgWReloJ/C+irFWGjphGNULkQZ+FOOGnNEpCWwh8D2n2JzZctoJJ97abhv+e51Yb25LaTLaTa1l+i1By2mfKbHUJvA948zlJI63g5DrkN8JDBXg7VjaIH9BZugNvXuN64WHo8s74n13dASZFYx0FFoCOpIogS90/wXphRAwQsUhfQAAAABJRU5ErkJggg==); width: 1.95vw; height: 1.95vw; background-size: contain; background-repeat: no-repeat; } #scene-search #snippet-search .search-text { font-size: 1.5vw; padding-bottom: 3.91vw; padding-left: 0.78vw; text-transform: uppercase; } #scene-search #snippet-search .subtitle { font-weight: 600; left: 49.61vw; top: 2.34vw; font-size: 2.50vw; position: absolute; white-space: nowrap; } #scene-search #snippet-search .login_teclado { font-weight: bold; position: absolute; height: 39.06vw; width: 35.16vw; background-color: #000000; top: -12.5vw; left: -10.16vw; padding: 1.56vw; border-right: 0.1vw solid #FFFFFF; } #scene-search #snippet-search .login_teclado .lineaTeclado:last-child { margin-top: 3.91vw; } #scene-search #snippet-search .login_teclado .lineaTeclado:last-child .login_tecla4 { display: flex; justify-content: center; align-items: center; margin-left: auto; } #scene-search #snippet-search .login_teclado .lineaTeclado:last-child .search-icon { position: static; width: 1.41vw; height: 1.41vw; margin-right: 0.4vw; } #scene-search #snippet-search .search-oops { width: 93% !important; } #scene-search #snippet-search .search-oops p:first-child { color: #AFAFAF; font-size: 1.5vw; margin-bottom: 2.34vw; } #scene-search #snippet-search .search-oops p:nth-child(2) { font-size: 1.35vw; } #scene-search #snippet-search #error-container { position: absolute; top: 16.41vw; left: 41.41vw; width: 39.06vw; } #scene-search #snippet-search #error-container #errors .error { font-weight: 600; float: none; color: #b91f28; } #scene-search #snippet-search .input-holder { position: absolute; top: 2.73vw; left: 0px; width: 44.53vw; height: 5.16vw; background-color: #000000; padding: 0.2vw 1.33vw; text-align: left; line-height: 5.47vw; font-size: 1.72vw; font-weight: 600; } #scene-search #snippet-search .input-holder .input { display: flex; align-items: center; height: 100%; overflow: hidden; } #scene-search #snippet-search .input-holder .input .text { color: white !important; font-size: 1.72vw !important; } #scene-search #snippet-search .input-holder .input .cursor { height: 1.72vw !important; top: 1.72vw !important; } #scene-search #snippet-search .input-holder.focus, #scene-search #snippet-search .input-holder.typing { width: 44.53vw; height: 5.16vw; margin: -0.23vw; border-bottom: 0.1vw solid #EC0024; padding: 0px 0px; } #scene-search #snippet-search .button { position: relative; top: 13.05vw; height: 3.67vw; padding: 0px 1.33vw; margin: 0px 0.78vw 0px 0.1vw; float: left; text-transform: uppercase; line-height: 3.67vw; font-weight: 600; white-space: nowrap; } #scene-search #snippet-search .button.focus { margin: -0.23vw 0.55vw -0.23vw -0.2vw; border: 0.4vw solid white; } #scene-search #snippet-search .button-red { color: white; border: 0.2vw solid #b91f28; } #scene-search #snippet-search .button-red.focus { background-color: #b91f28; } #scene-search #snippet-search .button-grey { color: #a9a9a9; border: 0.2vw solid #292929; } #scene-search #snippet-search .button-grey.focus { background-color: #363636; color: white; } #scene-search #snippet-search .button-view { position: absolute; margin: -0.23vw; top: 2.73vw; right: -41.41vw; height: 5.16vw; width: 5.16vw; opacity: 0.5; border: 0.4vw solid transparent; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVRJREFUeNrsmLFqwlAUhnNLB126pF2EDm7SRXEudLfv4iZE07Gji+6+gYOvIPgAFR+gi1vrIkqWkvgXTuFQchOvCepNzoFvMJ57zsfV5B6ioihybIobx7IQYREWYREWYREW4auK25zq3IEX8Azq4J6uf4NPsABzsM3c6Xday0ADTMA+So895Tay9FQnjpdV8A66/36lDfgAX/T5AbSAy3J+wBi8geAcO/wIlmznAjAC7YQ1bcoJ2Lol1TLqf4rsmjWdgZrB+hqt+Yu1qbSJbAWsWDNfk9cEA6KpyfFZnRXVzl14yJr0NDlezM3maXJ7LGeYt/ATCKn4NGFndaHb6Sl9H1KPVJdjD44+UGBHT4a4eE1Y39Fc71JNRT2Kd9JZ95co7E1n+ljrExd9rFl3cFzF0VyK4cfK8TJtgHfZjuc6wCt53SrCIizCIizCIizCZRI+CDAA3CfL/OfTqRQAAAAASUVORK5CYII=); background-position: center; background-repeat: no-repeat; } #scene-search #snippet-search .button-view.focus { opacity: 1; border: 0.4vw solid white; background-color: #363636; } #scene-search #snippet-search .button-view.active { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWRJREFUeNpi/P//P8NQAkwMQwyMOnjUwaMOHnXwqINHHTzq4EEFWKhkDh8Q2wOxDRArArEIVPwNEN8H4iNAfBCIP1FsE6i1RgHWAOK5QPz1P2HwFapWgxI7ydXICcS9QPz7P+ngN1QvJzl2M5LRHpYF4i1ArIdF7iwQLwLiS1A+SE0cEBtjUQtS4wPEj2mZJGSB+AmWUPsLxDlAzIhFDyNU7i8WfU+gZtIkSXAA8WUc0ZyDpE4fiKugWB9JPAeH3stQs6nu4B4cFp5BCtkKLPIVSCF9BocZPdR2sBYQ/8NhWR5SyOICsJDOwyH/D2oHQbcQW3FUAjEjDjlYBvPGo98LTS06YITaMXKr5nZQgYJDDla8bcWjfxuaWozCCmoHVYu1IZXpSC3WKqF4QIu1QVFxDPuqecAbP0OueclIpdFL9Aa8MFT8LbUb8Iyjw62jDh518KiDRx086uBRB486eCQ5GCDAAB55dMsbWOaIAAAAAElFTkSuQmCC); } #scene-search #snippet-search .hide { display: none; } #scene-search #snippet-search #scene-search-wrapper { position: absolute; top: -6.25vw; left: 30.86vw; width: 49.61vw; height: 43.36vw; overflow: hidden; } #scene-search #snippet-search .slick-list { height: 312.50vw !important; width: 49.61vw; position: relative; } #scene-search #snippet-search .search-thumb-box { border: solid transparent 0.2vw; width: 20% !important; margin: 0.47vw 0.31vw; } #scene-search #snippet-search .search-thumb-box img { width: 100%; } #scene-search #snippet-search .search-thumb-box:focus, #scene-search #snippet-search .search-thumb-box.focus { border: solid white 0.2vw; margin: 0.47vw 0.4vw !important; } #sign-background-search { left: -16.1vw; top: -16.4vw; width: 7.50vw; position: absolute; height: 100vh !important; } #sign-background-search.focused { width: 22.03vw; } #sign-background { width: 7.5%; } #sign-background.focused { width: 22%; } #sign-background, #sign-background-search { background: black; } #sign-background .red #search-icon, #sign-background-search .red #search-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIHSURBVHgBrVRbTsJAFD1Til+a1ERN/LJG+BZ2UFagOwBWIK5AXIGwAnUF4groDsRvJeKXCUJsol/QUu8FCzNDLaCcZNLOI+feOffOEYjBC2xrE2ZJACc0ciFg8Tr9t0IIGuHtLp5dLIDQF/rIXNCnEhEmwB3CL++j01lIztluwbyjXwfLwwPC8g7ajUTyHjJNnZg2PZKhQTK80rAMiGPEBB9B5Pfw1IolZylIhqq8QfPLL/i1Q3Q8ef0Ntr2BVJOC2jOSsGMgyG9rZw0+TFQlPRMqWFUnZrDGTMTFnSUibB9mRT9rpJB25Cwo4/O4K8rgDA34BYw1j7LH2Ry5gbAI6XqUcQ1LgANQInVpyeoim1PIaUwXSI5HrAAutroymiOX+zlRDh0BhkpNBIStk8ubB/gf1G5hnWfT0MYKSCOlyKByETkV5V6aO+/IOFgaoijPhghaGrlaFNLp6oOsAAvQR5Zb7zSac5K6zxg/7uZKh3IjmM3J44pHD0dFsgOlZX34c49o/PyZKA3zAVLnsH7UmnW6mRt1xURjwRk7Go9HDpnXM58aVxdHJTKma/wRnMwAQUEOMG3FPbRv2FP0iicTzlqPLYQNTZZT6XP2FDYldsQFQVw6UxiQFPI5PYBIIAC3Jb+6cNL/HhN9InBlt/zNglmiRPJlER8ArbWQJwRYH6IARGuNqG7fOeXN3MOkHekAAAAASUVORK5CYII=); border-bottom: 0.2vw solid; } #sign-background .red #home-icon, #sign-background-search .red #home-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHiSURBVHgB3VVBTsJAFH1TqjsIBiRxBwH2HAFuICcQT4CcADwBeALxBHgDuAHsgcDOBCGSuFNg/D9SOm1KZyrGhS9p2pn5/72ZPzOvgCFekM0uUejTI1coDLltmitMghYolmKQfQkk3UQ538KqZjAe6fItXcAS+Ru/AENCZC3q5/GTRFYo1mnOXUeAZ0/fFX7vQ5I8TuVr/kiEEyVkx2kz8Qe2lUtMBvxWhGhVaIUJiWCB/COVo6Z0Dd6xqeYwXzsdb8gmd7C5jCWFrJPCpBEqMqPEOOwefZbdXvmUxrSGI6A9odWKukI4srCpXCgTOpSLj2QCsaEqQLO8DxNg0Pgdxyk5pR3xqEdcOALniPX5xCjBDap/B4Z4RaFFZE2X+HsPrzCfC/8doMD1FrKRwbSLiFggX7Mg2nCP+3oHURG0yTNnBVEu2HEhnvSu53JiJNgmnIBPbHK8PJwILv8Z7JnT9oikMTGyGROovFpb+Q3YugC+OwnY9f2l8/iXgHhOYfyg49CKxBFrk0AtaIxsp0xlKVOZq2EcBuXy2EsQrjXj+pWoYAc+SAN907xIIuzAzjeVyTjvT07X/xHx7An7mD9AQg9dHosMsP+HqFbvBxudr8s4zyJTvA0g8IP+6xvPhYuS9wUVrLkGzr4CbQAAAABJRU5ErkJggg==); border-bottom: 0.2vw solid; } #sign-background.focused, #sign-background-search.focused { background: linear-gradient(0deg, #212121 0%, #000000 99.9%); flex-shrink: 0; position: absolute; } #sign-background.focused .red, #sign-background-search.focused .red { color: inherit; } #snippet-sign #overlay, #scene-search #overlay, #snippet-sign-search #overlay { position: absolute; top: 0; width: 100vw; height: 100vh; right: 0; background-color: linear-gradient(90deg, #212121 0%, #000000 99.9%); z-index: 20; } #snippet-sign #overlay #fake-focus, #scene-search #overlay #fake-focus, #snippet-sign-search #overlay #fake-focus { display: block; overflow: visible; position: absolute; height: 35.55vw; width: 100vw; z-index: 20; } #snippet-sign #overlay #focus-out, #scene-search #overlay #focus-out, #snippet-sign-search #overlay #focus-out { position: absolute; top: 16.02vw; width: 100vw; height: 40.23vw; z-index: 30; } #snippet-sign #sign, #scene-search #sign, #snippet-sign-search #sign { height: 100%; position: absolute; background-repeat: no-repeat; top: 0.3vw; z-index: 20; } #snippet-sign #sign #buscar-title, #snippet-sign #sign #home-title, #snippet-sign #sign #logout-title, #snippet-sign #sign #sign-title, #scene-search #sign #buscar-title, #scene-search #sign #home-title, #scene-search #sign #logout-title, #scene-search #sign #sign-title, #snippet-sign-search #sign #buscar-title, #snippet-sign-search #sign #home-title, #snippet-sign-search #sign #logout-title, #snippet-sign-search #sign #sign-title { display: flex; align-items: center; font-weight: 600; float: left; padding: 1.17vw 1.17vw 1.17vw 1.95vw; } #snippet-sign #sign #buscar-title i, #snippet-sign #sign #home-title i, #snippet-sign #sign #logout-title i, #snippet-sign #sign #sign-title i, #scene-search #sign #buscar-title i, #scene-search #sign #home-title i, #scene-search #sign #logout-title i, #scene-search #sign #sign-title i, #snippet-sign-search #sign #buscar-title i, #snippet-sign-search #sign #home-title i, #snippet-sign-search #sign #logout-title i, #snippet-sign-search #sign #sign-title i { margin-right: 1vw; } #snippet-sign #sign #buscar-title.focus, #snippet-sign #sign #home-title.focus, #snippet-sign #sign #logout-title.focus, #snippet-sign #sign #sign-title.focus, #scene-search #sign #buscar-title.focus, #scene-search #sign #home-title.focus, #scene-search #sign #logout-title.focus, #scene-search #sign #sign-title.focus, #snippet-sign-search #sign #buscar-title.focus, #snippet-sign-search #sign #home-title.focus, #snippet-sign-search #sign #logout-title.focus, #snippet-sign-search #sign #sign-title.focus { color: #EC0024; } #snippet-sign #sign #buscar-title.red, #snippet-sign #sign #home-title.red, #snippet-sign #sign #logout-title.red, #snippet-sign #sign #sign-title.red, #scene-search #sign #buscar-title.red, #scene-search #sign #home-title.red, #scene-search #sign #logout-title.red, #scene-search #sign #sign-title.red, #snippet-sign-search #sign #buscar-title.red, #snippet-sign-search #sign #home-title.red, #snippet-sign-search #sign #logout-title.red, #snippet-sign-search #sign #sign-title.red { color: #EC0024; } #snippet-sign #sign #sign-wrapper, #scene-search #sign #sign-wrapper, #snippet-sign-search #sign #sign-wrapper { display: flex; flex-direction: column; justify-content: space-between; height: 100%; margin-left: 1.56vw; } #snippet-sign #sign #sign-wrapper #first-section, #snippet-sign #sign #sign-wrapper #second-section, #snippet-sign #sign #sign-wrapper #third-section, #scene-search #sign #sign-wrapper #first-section, #scene-search #sign #sign-wrapper #second-section, #scene-search #sign #sign-wrapper #third-section, #snippet-sign-search #sign #sign-wrapper #first-section, #snippet-sign-search #sign #sign-wrapper #second-section, #snippet-sign-search #sign #sign-wrapper #third-section { display: flex; flex-direction: column; justify-content: flex-start; } #snippet-sign #sign #sign-wrapper #first-section, #scene-search #sign #sign-wrapper #first-section, #snippet-sign-search #sign #sign-wrapper #first-section { height: 90%; margin: auto; } #snippet-sign #sign #sign-wrapper #first-section #buscar-title, #scene-search #sign #sign-wrapper #first-section #buscar-title, #snippet-sign-search #sign #sign-wrapper #first-section #buscar-title { margin-top: auto; } #snippet-sign #sign #sign-wrapper #first-section #home-title, #scene-search #sign #sign-wrapper #first-section #home-title, #snippet-sign-search #sign #sign-wrapper #first-section #home-title { margin-bottom: auto; } #snippet-sign #sign #sign-wrapper #third-section, #scene-search #sign #sign-wrapper #third-section, #snippet-sign-search #sign #sign-wrapper #third-section { padding: 0% 0% 10% 0%; } #snippet-sign #sign #sign-wrapper.focus, #scene-search #sign #sign-wrapper.focus, #snippet-sign-search #sign #sign-wrapper.focus { /* #sign-title { display: block; } */ width: 100%; } #snippet-sign #sign #sign-wrapper > .focusable, #scene-search #sign #sign-wrapper > .focusable, #snippet-sign-search #sign #sign-wrapper > .focusable { width: 100%; } #snippet-sign #sign #account-info, #scene-search #sign #account-info, #snippet-sign-search #sign #account-info { display: none; } #snippet-sign #sign #userA, #scene-search #sign #userA, #snippet-sign-search #sign #userA { display: none; font-size: 1vw; color: #EC0024; } #snippet-sign #sign #userB, #scene-search #sign #userB, #snippet-sign-search #sign #userB { display: none; } #snippet-sign #sign .text-title, #scene-search #sign .text-title, #snippet-sign-search #sign .text-title { font-size: 1.4vw; display: none; } #snippet-sign #sign.focused .text-title, #scene-search #sign.focused .text-title, #snippet-sign-search #sign.focused .text-title { display: inline; } #snippet-sign #sign.focused #userA, #scene-search #sign.focused #userA, #snippet-sign-search #sign.focused #userA { display: inline; } #snippet-sign #sign.focused #account-info, #scene-search #sign.focused #account-info, #snippet-sign-search #sign.focused #account-info { display: flex; flex-direction: column; } #account-icon, #search-icon, #home-icon, #logout-icon { background-position: center; background-repeat: no-repeat; background-size: contain; height: 1.56vw; width: 1.56vw; display: block; padding-bottom: 8px; } #account-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAcCAYAAAB/E6/TAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFvSURBVHgBrZaLcYMwDIZFJ2AEj5ARGKEjZINmA9ig7QRkE7MBbAAb0A1U62IuQpGDDHx3TmIs6fdDFikgA0R04cvF7lAUxR+cRQhehlaHNuIr9OyLbOAIIcAlIaAJXmAPUWRGO3O2GJ0Fvq6E+rc4gSq0a8LGvo3BuBUB7m9s78K2ASu43rLRYO/FFm6vKm4L53OHTyVtPhQ/J/odbDNsxFCFVlgupcVGE1o5adsgUdJ6u2LgoxJwvg0+rfBxYEFkkXq4zFYmggcrijNR87TFZw2UZFeHBnV6fFQArTw1kEuccY92PFrPholUmFdQF0Y0XPBFpE4EmeMK29g8pidT7xHp4wrLhI9WxYlbSsQpxg0YQT15Ks1w3CvyRqyXBldh8AM7IV8R68oHPRsYMTdN10J0LXiS+GVAnk0LB1G2sKTqLUvGLxynE/2KhBx/Et4tAxwkxOjEIyffRxOcx8R+lwV9snyfwmwmOAEUf5//AbhcuqVMi1oZAAAAAElFTkSuQmCC); } #search-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFASURBVHgBrZSBUYUwDIZTJ2ADu4G4AW7wNtANZAPfCG7gCLJB3QCdAJwANoh/pXf2pWmlynf3Hwf8TdqmDZECMzdQDzlo4R9G6AXq6C9g4JMImMNBdm/QJgyowU/ilItpouAOj078X6EB+oQa6EbxeG6NMe9U2ArJ2a9G8VpoEt5J8+bMLRUIWzjKyWjGB2HqaQchQVz4RTO5eHlUQdi67IqvoPjDB9UxiPckeFwIveJ5VvFuZfCYa/ofqww+5zLvQJ6q+eINRXgWReloJ/C+irFWGjphGNULkQZ+FOOGnNEpCWwh8D2n2JzZctoJJ97abhv+e51Yb25LaTLaTa1l+i1By2mfKbHUJvA948zlJI63g5DrkN8JDBXg7VjaIH9BZugNvXuN64WHo8s74n13dASZFYx0FFoCOpIogS90/wXphRAwQsUhfQAAAABJRU5ErkJggg==); } #home-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEWSURBVHgB3ZXtEYIwDIaD5wCMwAiMoJPgBriBbKBOgBvoBozQERjBEWJyFC2hED56/PC5K19N3jRtWgAmgogJtQobDL9DSEgwpfbGLjV/hxCQUOYJ0MLfM1gDCeSe0R/s3eUCS2BHT4DE9iWrA5FDKQQqarGwiW0BuFyniMf4q6CWh+JzE/ZGDsg19k1BAdMyL3BgarUAZ5jBaCDs7wF+PsEC2M+jlYLIoMaVG8wO2tU0IFJMIAB2+r9EfGk7IwIC4eruYAP2mgE2NZ9T47WS9f+i5O+aRmdNBvpLHOep6aprMhTcRfNTp0twdJ4rmMisTNz+OX6bVNf/BOksPJ85sADVD/s/qSHMYj9sDjOjGFYoDs85fh81kN9vYpyrugAAAABJRU5ErkJggg==); } #logout-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEYSURBVHgB7VbREYIwDE05/mUD6was4AZuoE4gGwAbuIGOohPIBuAEskFNuej1ei0NlfNH390z0hIeeaEFAR4opSQwIIToYCrw4gfkQ/FRhK6ZWAI7DEdkBnz0lFuQaGmfkFrHW4odck9xFIZdkmKFQnq8dibgZEt3U8FEYE6GvBk2vitKIRLUC9vWKzKn/+6KuJXg/EbxsYyt5EKUjjlzrMFK7gARlfig+2BUoPuTuU76pPGFTyCB+SApNsg12tSD526CleCcRJ50863xjB6I8YXMFKlelgATMXadibUhXFIf8mB2bONDeXM23ou/yI+KDLswrVJzpS4U80PCgp3X6+1FkEAL097rXOj9a/UVu4T+cdg1Fwa7nhbQXD9V6TkVAAAAAElFTkSuQmCC); } #sign-title.focus #account-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAcCAYAAAB/E6/TAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJnSURBVHgBpVZLbtswEH2klC4LBUELdCfD6t69gXKCtieoe4K0J7BygronqHuCHsE6gvdNYe0KpCniRXaRxczYUkyNqE+cB9gSqeE88pEzQ4Un4C/C0Icf8vsd8tUI2WboWNVnsEYYvIR/AZipgQrrg00G6LnG/c/THtJOomu8nXgofkmCphOTbaE/vsbvVbtNJ4lZGiDAMGwKqPM2Mu3q5L3Yr+RAwrOm9ldy9o6e5/T8vJfuEQGPuSWpMRQ3GP+4QWQOv/Giw3Zh2/5DlLjslHtwdItyNTzrM/wZoXNi0ZIecdnceMhH8nA0pKMZxbAkY7nQA7K5tJpBDn8ibRpECiq02x62KXrgU0zViU3YSyRxOiAoh9g4iIraoFLKTnAoCKebXiIpFRm8Rw80igu7fY/tqmkjUMqQVm3a6C9dq9p/U1OrK32DLOslKp3bp4hjYPkf0WxtBSO/cx9/s20pkJ2nVHXMNKGPM8cAksUQoQpkeuIJvsJV4vLXeuqoDMz3TusgZxNOso4cmObIF23+nESsO5WGNTvFcMQv4C0pJX1wfWxIx7oTQeIw5ENCiVWVqzSh2q2umd2pPznD1WUrkYuE5SsoDbVVVIqhKWXtmaxZnLpov+YNIi4NJySXMG7dXAnX4eFyQuNTfn/cI9b3WBIG28qwIOffaka8fFF/5jgSPNb2dY3xtCTlP/OpMuT6QynkaCJKYQmsXKehdr417w0ORYsk084UMhScwkjC71ZXzOVdn8CrxUpRNzoWqd3Ywou1PJZdV6ahqE5aBeaoZQZxq3kW5A1pF0dVGaBclT1nf2zI6/MD/h7+YaVSb1EAAAAASUVORK5CYII=); background-position: center; border-bottom: 0.2vw solid; } #buscar-title.focus #search-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIHSURBVHgBrVRbTsJAFD1Til+a1ERN/LJG+BZ2UFagOwBWIK5AXIGwAnUF4groDsRvJeKXCUJsol/QUu8FCzNDLaCcZNLOI+feOffOEYjBC2xrE2ZJACc0ciFg8Tr9t0IIGuHtLp5dLIDQF/rIXNCnEhEmwB3CL++j01lIztluwbyjXwfLwwPC8g7ajUTyHjJNnZg2PZKhQTK80rAMiGPEBB9B5Pfw1IolZylIhqq8QfPLL/i1Q3Q8ef0Ntr2BVJOC2jOSsGMgyG9rZw0+TFQlPRMqWFUnZrDGTMTFnSUibB9mRT9rpJB25Cwo4/O4K8rgDA34BYw1j7LH2Ry5gbAI6XqUcQ1LgANQInVpyeoim1PIaUwXSI5HrAAutroymiOX+zlRDh0BhkpNBIStk8ubB/gf1G5hnWfT0MYKSCOlyKByETkV5V6aO+/IOFgaoijPhghaGrlaFNLp6oOsAAvQR5Zb7zSac5K6zxg/7uZKh3IjmM3J44pHD0dFsgOlZX34c49o/PyZKA3zAVLnsH7UmnW6mRt1xURjwRk7Go9HDpnXM58aVxdHJTKma/wRnMwAQUEOMG3FPbRv2FP0iicTzlqPLYQNTZZT6XP2FDYldsQFQVw6UxiQFPI5PYBIIAC3Jb+6cNL/HhN9InBlt/zNglmiRPJlER8ArbWQJwRYH6IARGuNqG7fOeXN3MOkHekAAAAASUVORK5CYII=); background-position: center; border-bottom: 0.2vw solid; } #home-title.focus #home-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHiSURBVHgB3VVBTsJAFH1TqjsIBiRxBwH2HAFuICcQT4CcADwBeALxBHgDuAHsgcDOBCGSuFNg/D9SOm1KZyrGhS9p2pn5/72ZPzOvgCFekM0uUejTI1coDLltmitMghYolmKQfQkk3UQ538KqZjAe6fItXcAS+Ru/AENCZC3q5/GTRFYo1mnOXUeAZ0/fFX7vQ5I8TuVr/kiEEyVkx2kz8Qe2lUtMBvxWhGhVaIUJiWCB/COVo6Z0Dd6xqeYwXzsdb8gmd7C5jCWFrJPCpBEqMqPEOOwefZbdXvmUxrSGI6A9odWKukI4srCpXCgTOpSLj2QCsaEqQLO8DxNg0Pgdxyk5pR3xqEdcOALniPX5xCjBDap/B4Z4RaFFZE2X+HsPrzCfC/8doMD1FrKRwbSLiFggX7Mg2nCP+3oHURG0yTNnBVEu2HEhnvSu53JiJNgmnIBPbHK8PJwILv8Z7JnT9oikMTGyGROovFpb+Q3YugC+OwnY9f2l8/iXgHhOYfyg49CKxBFrk0AtaIxsp0xlKVOZq2EcBuXy2EsQrjXj+pWoYAc+SAN907xIIuzAzjeVyTjvT07X/xHx7An7mD9AQg9dHosMsP+HqFbvBxudr8s4zyJTvA0g8IP+6xvPhYuS9wUVrLkGzr4CbQAAAABJRU5ErkJggg==); background-position: center; border-bottom: 0.2vw solid; } #logout-title.focus #logout-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEYSURBVHgB7VbREYIwDE05/mUD6was4AZuoE4gGwAbuIGOohPIBuAEskFNuej1ei0NlfNH390z0hIeeaEFAR4opSQwIIToYCrw4gfkQ/FRhK6ZWAI7DEdkBnz0lFuQaGmfkFrHW4odck9xFIZdkmKFQnq8dibgZEt3U8FEYE6GvBk2vitKIRLUC9vWKzKn/+6KuJXg/EbxsYyt5EKUjjlzrMFK7gARlfig+2BUoPuTuU76pPGFTyCB+SApNsg12tSD526CleCcRJ50863xjB6I8YXMFKlelgATMXadibUhXFIf8mB2bONDeXM23ou/yI+KDLswrVJzpS4U80PCgp3X6+1FkEAL097rXOj9a/UVu4T+cdg1Fwa7nhbQXD9V6TkVAAAAAElFTkSuQmCC); background-position: center; border-bottom: 0.2vw solid; } /******************************************************************************/ /* CSS for SIGN IN */ /******************************************************************************/ #scene-signin, #scene-otp { position: static; display: flex; flex-direction: column; justify-content: center; width: 100vw; height: 100vh; background-image: url(47c0b005fe6a5f1adaaab2d8d9476d31.png); } #scene-signin .parent-signin-container, #scene-otp .parent-signin-container { position: absolute; width: 100vw; display: flex; top: 0; justify-content: space-between; padding-top: 7.13vh; } #scene-signin .parent-signin, #scene-otp .parent-signin { display: flex; justify-content: center; align-items: center; } #scene-signin .button-container, #scene-otp .button-container { display: flex; flex-direction: row; } #scene-signin .qr-code, #scene-otp .qr-code { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAjCAYAAADmOUiuAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIyLTA4LTEwVDEwOjIzOjQ4LTA2OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0xMS0xNlQxMjo0ODo0Mi0wNjowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0xMS0xNlQxMjo0ODo0Mi0wNjowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpkN2NiZDE2YS05YjA5LTBlNGEtYjkyNC1iYjc0NzdiNjcwOGYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ZDdjYmQxNmEtOWIwOS0wZTRhLWI5MjQtYmI3NDc3YjY3MDhmIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZDdjYmQxNmEtOWIwOS0wZTRhLWI5MjQtYmI3NDc3YjY3MDhmIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpkN2NiZDE2YS05YjA5LTBlNGEtYjkyNC1iYjc0NzdiNjcwOGYiIHN0RXZ0OndoZW49IjIwMjItMDgtMTBUMTA6MjM6NDgtMDY6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4xIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7lZto3AAABB0lEQVRYhe2W2w2DMAxFD4g9SicrnYSwCZt0lLKJ+wFUVUhKgASM2iP5Cye5OPEDWY8REQLNONYH+eUo51NgFmjNUQJVYgusAPHYc1dlA7Ei+MD/YzL42E/FhbH9TnfF6tAm0GA9D20CJ6gXWCTatwOuMTayI9ji7yBRDlzKkVdcElIvN0wzS6msyaV0+EwmJPVJkhPWgnD47TLVnCKCqslERObdet8N5xigXrNQfQRdAhvchToGvr2956mPYKpePPeuO+Di+Xanb7mAvw5+G99HMyuEL0b9Ff8FbiWVwGh9u2CacWOtUkGMMtMCtwj7OElVB+coQx1/Nkl81IQ1gXdeFChKCBcvYFJgzDEH/vUAAAAASUVORK5CYII=); background-size: contain; background-repeat: no-repeat; width: 1.7vw; height: 1.7vw; margin-left: 0.5vw; } #scene-signin .logo, #scene-otp .logo { width: 13vw; height: 2.7vw; background-size: contain; background-repeat: no-repeat; margin-left: 6.98vw; } #scene-signin .text-signin, #scene-otp .text-signin { display: flex; flex-direction: column; justify-content: center; border-left: 0.3vw solid #EC0024; height: fit-content; text-transform: uppercase; font-weight: 700; padding-left: 1vw; margin-left: 1vw; font-size: 1.4vw; } #scene-signin .main-title, #scene-otp .main-title { top: 80px; left: 55px; color: white; font-weight: 900; font-size: 32px; } #scene-signin .register, #scene-otp .register { top: 198px; left: 732px; text-align: left; padding: 24px 0px 0px 73px; height: 138px; border-left: 3px solid #363636; } #scene-signin .register .title, #scene-otp .register .title { color: #4d4d4d; font-weight: 900; font-size: 32px; } #scene-signin .register .subtitle, #scene-otp .register .subtitle { color: #4d4d4d; font-weight: 600; margin-top: 10px; } #scene-signin .register .url, #scene-otp .register .url { color: #949494; font-weight: 600; font-size: 20px; margin-top: 12px; } #scene-signin .container-img, #scene-otp .container-img { display: flex; } #scene-signin .devider, #scene-otp .devider { border-left: 1px solid #FFFFFF; margin-left: 2.39vw; margin-right: 2.39vw; } #scene-signin .container-text, #scene-otp .container-text { padding-left: 20px; font-weight: 600; letter-spacing: 0.01em; color: #FFFFFF; font-size: 1.56vw; line-height: 30px; } #scene-signin .container-subtext, #scene-otp .container-subtext { padding-left: 20px; font-weight: 600; color: #FFFFFF; letter-spacing: 0.01em; font-size: 0.94vw; margin-bottom: 0.7vw; } #scene-signin .phone, #scene-otp .phone { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAYAAAA6oTAqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOdSURBVHgB1VqNdZswEJY7gbsBG9Qj0A2yQdmg2QA6QdIJ7A2cTkA2oBvIG5ANvkpFfjmOOyF+7JDvPT0DOp3uO+kOSdiYOwFA5ov5zAgkLPpoXaldeXblwZW9+QwIxqbg7EphtgzvdWFkYrBzSe3MnRDiZR/KwRV/n7vyTWlyceX7bre7mJUM8F4twxS4yTQIMVVAH73SLAXkwF1Hud6nRso7cl6SiBCZRcjJP6LLXr4cw30eka+EPpvJhBQiL8KzJELeaOhoA7ks0Y50QoqCKlI3SsjJHJCGIycV+my43FifUSIjMimEfCz4qXNy5RXdiGgoWdu9QOhxEZGlhAQ9h0DOCoSOINNJ6fOgKU4isjahoMt7fjTgA3k6orWkrJhCZA6hYHAeyn6CviOT4aQLrqSm3jAToBjwmCDTBCdmM/TRessNarWGMwlZVh9LzZZ7V9DXUtKCvpw2pngwMwA2VVmdn2I14uAZjKfzmtU3Yp27uZCKykyE4MlmRNZvCV4EQk9MlsdHHqnbXytOmgdmEPEoEtvmiMQHuhGlIfDM6oZ9IjYHpxOpzARAjg+ajukItKxtIxE1mgciRuyXEiG6ck1PzNHottxXNEbzAEYWcxgG6ItZAPQTBA92Mduin3Ra2mCveSfRgF76nEGGnxPQqUaTxTHW5ouvcFvTN/fzh+j/ifGl9i9y7WXHV7M6/rL7jFy/keuv5PrC2nRkAmiseOOiL1DngFf385s88vN71vpM2OdTR16U528mhqlTB3IiyM0MkL4t9Dd+pfRtJYUZM+ycYESGfpDOjh8oB4Khj1x5rh8iop/ykjyN4crbAhs4isXwzWuRsO/GcImxGULc00+J7Z63Sqhmhv1IbHdi7fwoP0TkfYCf8X4MlZm1gQWBLYyQRynIlYKc7+dg1gaGayOLxHMryPv6+uoQhcjNCXGjkrcJ6E4uW8HQWnDS6V6Ezqyj5KULxo96fV0WZKubE4L8pp963lzFiETkbkIoW4EQ1TEgQuQ+jFDSO4jp8YllbM/0YYRqYP2PrB9JSJ02C/uSCK3rOOifxAuzMgRCkw8rUzrxWY6nbY+ntb2H/mlMZW4F6Gm3MCsAw9VCYW4JdJskK5A6YtlhBydizT2ALo5OkFFOJSURAe68pYD+CdymktoEEWJMbJSu0++gtC03Q4QigZQ39P//AsKI1pskQpFASiOama2CkLKfmggHunTuiV03cP73NUy7yS/df+fGBSGBWpmHAAAAAElFTkSuQmCC); background-size: contain; background-repeat: no-repeat; width: 35px; height: 35px; padding-top: 8px; } #scene-signin .web, #scene-otp .web { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAoCAYAAAC4h3lxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMXSURBVHgB7VntkaJAEG239v9iBmMEfiQgRoAXgWUEYgRgBNxGoGbgRSBGoEYARqAZcP3YgUIPtSlXbqzaV9XFiMPQPdPTr6chOofNMmeJWBIDZav1U1QCz7KsxPO8JIqixERst9tUP6UUjPHOlO90OsnxeExeAZhgbYTbwHIwovV6jUZqzWazoTAMyTTwJJPjOGk7jmPq9Xqnd277jFz58XhMi8Viw82QzMOIdVXsRqm+k8nEws0IvgXM53MsS0TmAgrDW1J9cX3jGwpLAxwOB1yWZC5OLH/2+336A6vwRq+HEyP/8V7hQUvL3RdoeXScWNBHbIDbbDa9j4+Puy/G7LD43JyV/A2u8VnuDYMoE/PFJ4FL5/GVd3iiHyoCbxOTG/qBEOlftrQRu6Vcgw3KzxxL9EXUzN8l2gOYMcmsAdhYuu/lA8q2bfE46EsCV5O4EDbNrNvtenrQm8DKs2DZd7f6TadTKm7GDCCq4XBIUkj3gM9KhUxwStA3JgEJrlYrGDql8w3v8AoOn2EA0XOYeUXn0UaxyLVnvCIPnOHlDajiQoquHCQuAJ/eUU2QGpASUJYz3YKOQr+5OaUaIDHAgvKcseYp9y0gNLZaLZevnyRMBx7BU/bAFSJ7CsRENhgMPMkK7HY70rNfyz6oQmQLFiXoG1MNrpOhShSKqUbFpPghsv+NKi5kk4zIYpLnTch7islcmypCakDAJOZKiAxRiAVJ2q9b/ZBxcrQKLu+329VskBKZi8KX9DDCRDbkiAVrr4bSIAjoOyDaA41G41R2+CjD11E2xeUDseYIqjBOfK+fiMj4HDvjWQ2kqQSIr+TlIRvwyeNMhId6WHo3n5LuASRnILJHyyrIkXyW7yjPpKgShUQD1jhOilfkAavogjDgoGui1O/30wuZC2juZKEWesOFUG0YoWSNssloNLKXyyUq1CYWeR3WU2XlHdab8IHD5iVZc5Urj/P4I1sVkwAPyZRHmOVaVf4fjovGfhu7ROETk1800MdNnv2E43ViInjW0/qtrr26ZaukWBZk7mfWmL44SWUK/wX45X5PSQE97QAAAABJRU5ErkJggg==); background-size: contain; background-repeat: no-repeat; width: 44px; height: 37px; padding-top: 9px; } #scene-signin .whatsapp, #scene-otp .whatsapp { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAyCAYAAAAayliMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAO7SURBVHgBxVqLcdswDIUygTYoN4g3qLpBNogyQd0JkkxgdwJlg3gDqxPYmYDqBHYnQIkSqhUKpKgP7XeH01kk8SFBEoCcwQJAxNw8CqYvhlaGcqYWDdOHoaOhOsuyBm4Jo/iDoT1Ox8FQaUjBNWEEPhs64XIgXlVyQ4yAwpDGdNCGyjE6ZTGd0Pr4s6F1oNsZLv5N1PA7QrsfVkxf4fP+cFEbelpkj9CyovVVH2q0fpyP5Eur+TawGiuYA1ZeBxQvYCZYhs+Q02QjAsoT0zUsjAF544wgd/Awo3cKEoHlvnuMUGMYSUtK+2CUn0+FkfPimbxh+eQet1S+o8dW0GMzNEhh/4LSeO2b8qLPXjCiCA2QXEfBjYDyXtS+zkpQ/iXAnM7xiuk7JALLcVFKHd+iLIX/QZyLeZdO2Ih9UDfP7JceZr7z+gUSgSZHkFd0O5RBCz8zC92ayU4qYRWqUOM2wCgUFz1AImB/L5zahlxQZBVgFMIeEoH1dI/44g5seNtFY8LYI0wDzZKCBDA6UWj+y3m9kgz4gDDOgbYmcZ5bO7/vyQDlvByafV97Y+gbpEXj/P63AvcDnVz89Lx/vUKVwZ28/E7o1EAYNchu1MD1oe5GDmg30w+hqcLEEau0wqMNYEZv0N9QCmzif1VIBsTO4hP0XYlyicXTzRbCEX0mA347L6MM4OV8Epo2RtDj0PiJ94VyfjdkgDuL0VGlMWJnHq9CE8VLXndCm1lpDktKiIc7uX+kQG50OID+AK9yZxrllFXHGIL9NHMrhdKTokoMF6kqlrPCcE1Vh2RjP5B8aBt6QRJMAMqJ+FgUHt5SzqJ8gidHlSiXRMYg9/B1Xe/QbSxiGUUaMbWKfQjw1E7f0u3gutEGZgLtauh4/eWECPsHDUFJwsKdphmRswLHgOIa/b4vlVYqX0d3FXawINBuRPJlOrF2/KQKR+jk2URPLDPtIllYEAOUyzdVaMAix+kSQLl8o0OzL2f9NwD6a09laJC7iRf1/1jg1MIZ9mtDV/d/I/MR5VDjfWjgYG0IbRyzZkMPuGD5hGdd+jKDGPNtAvv+r/FyflfoD8CqOYawjOcA/3eM/CozNwjbo12dwVwCL3fBfoDnNmYSMmZKMchS5XFKkI787CZLxF/BcMbXgP3IXUMMUA5TfWjQXnYa04BOwnFBJMq3XYsTK0xLrhyj1wsZcmLFFUwB9jOpmhkWkeML5qExHiceQ4fErFpShjZ5oYJuDfZPSGeYCJ5Fou4fnogasPuBnsclS5B/AeAKS9vC27R6AAAAAElFTkSuQmCC); background-size: contain; background-repeat: no-repeat; width: 35px; height: 35px; padding-top: 8px; } #scene-signin .mail, #scene-otp .mail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAmCAYAAACCjRgBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGPSURBVHgB3ZmLbYMwEIbPmSAj0A0YgW7QTtJZOlHoBO0GsAHZ4HpOHMlYtvEr9jm/dOIlpO8TBh8gQAsijrQ4A/MIIebdDgKfqBbsJwvVx02GVgZaLtBn3qXAhVYm48A31RV4RQ7tL2PfDI5L9EvF5l6QLIrJzAbGuNq4SVjgN51TF5ipRk4SDnjJuFoF1EksJFzw6phbgIOEDz5IoKXEEXywQAuJEPgogZoSofDRAjUkYuCTBDSJpbRELHyygDpxMCTk+gCJSYHPEigpkQqfLVBCIge+iECORC58MYEUiRLwpsAJ8nKG/SvoQHWxSeD9iSXfPaKBvckYQubcgK4rge5+vs0QQvvENtqGk2PYTNjqJkbPrIz2e8LVEtd/jGJAS2GRcAJizYksBN4j4WvMnt9KYEIzp0mEAD2vmcOe2+la8LES+PKvlK3gQyXwZT+rcIE/knAJLJzgDyR2nxZtDRkL+EfQ0wz2/nn9RwpMcO/Te8zbSf1v+qRaoZ+sIP/OCLEKfa+6GtxzJfC/x8Y/nacAL48dFtcAAAAASUVORK5CYII=); background-size: contain; background-repeat: no-repeat; width: 40px; height: 33px; padding-top: 10px; } #scene-signin .issueLogin, #scene-otp .issueLogin { position: absolute; bottom: 0; display: flex; font-weight: 600; color: #B3B3B3; margin-left: 6.98vw; margin-bottom: 8.07vh; } #scene-signin .issueLogin .container-row, #scene-otp .issueLogin .container-row { display: flex; flex-direction: column; } #scene-signin .login_tecla, #scene-signin .login_tecla2, #scene-signin .login_tecla3, #scene-signin .login_tecla4, #scene-otp .login_tecla, #scene-otp .login_tecla2, #scene-otp .login_tecla3, #scene-otp .login_tecla4 { display: flex; align-items: center; justify-content: center; height: 5.7vh; margin-left: 0.2vw; margin-right: 0.2vw; float: left; font-size: 1.88vw; font-weight: 700; text-align: center; background-color: #171717; } #scene-signin .login_tecla, #scene-otp .login_tecla { width: 3.2vw; } #scene-signin .login_tecla2, #scene-otp .login_tecla2 { width: 167px; } #scene-signin .login_tecla3, #scene-otp .login_tecla3 { width: 6.78vw; } #scene-signin .login_tecla4, #scene-otp .login_tecla4 { width: 16.77vw; border-radius: 5px; font-size: 1.3222vw; background-color: #333333; margin-right: 0; } #scene-signin .key_uppercase, #scene-otp .key_uppercase { background-image: url(data:image/png;base64,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); background-repeat: no-repeat; background-position: center; } #scene-signin .key_backspace, #scene-otp .key_backspace { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAATCAYAAABhh3Y4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAUhJREFUeNqslTFLw0AYhh8lBYdKQHSRjhkF/4CDQhclk/RnOHZ0c3Ts2DFzJwcHx47+BMEtk1QqOhSX1+Ui5+Vyd9h8cHDcd2+efF/euyCJhHGvHiIjHhVwRQ+RJYJegVNg/U/OI3AWgs0t0AXwtW1luwHQtQFdWqAZUASeNwFuOrMeM8wlrSQ9Szq01idm/UXSiUdXSqrNnsLJLeURVBZo6MnfWsDCAa3MKD26FqyrohgwBmrBUkEusIkQ6A/szhKOEg950/ImppG9v7DcEi0kZQmg0qms9piis40DS1glgprWTc08BGwZZCDp2wirRJD7DeuOY/Hks35uAd2WjiOus106SjlnNlCSHqz1oXnDccSlVUobQxWy5VhKUtfd+AEcAfvAObDo4xezIymUz4E34BN4BzZOfgPseeZuHAMHMVgDXPdR2c8AJD5PkuVt59oAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: center; } #scene-signin .login_tecla.focus, #scene-signin .login_tecla2.focus, #scene-signin .login_tecla3.focus, #scene-signin .login_tecla4.focus, #scene-otp .login_tecla.focus, #scene-otp .login_tecla2.focus, #scene-otp .login_tecla3.focus, #scene-otp .login_tecla4.focus { background-color: #EC0024 !important; } #scene-signin #snippet-signin, #scene-signin #snippet-otp, #scene-otp #snippet-signin, #scene-otp #snippet-otp { display: flex; flex-direction: column; justify-content: center; } #scene-signin #snippet-signin .signin-container, #scene-signin #snippet-otp .signin-container, #scene-otp #snippet-signin .signin-container, #scene-otp #snippet-otp .signin-container { display: flex; } #scene-signin #snippet-signin .sign-button, #scene-signin #snippet-otp .sign-button, #scene-otp #snippet-signin .sign-button, #scene-otp #snippet-otp .sign-button { display: flex; justify-content: center; align-items: center; background-color: #333333; font-weight: 600; color: white; font-size: 1.25vw; font-weight: 700; border-radius: 5px; width: 24.89vw; height: 5.65vh; } #scene-signin #snippet-signin .sign-button.focus, #scene-signin #snippet-otp .sign-button.focus, #scene-otp #snippet-signin .sign-button.focus, #scene-otp #snippet-otp .sign-button.focus { color: white; background-color: #EC0024; } #scene-signin #snippet-signin .sign-text, #scene-signin #snippet-otp .sign-text, #scene-otp #snippet-signin .sign-text, #scene-otp #snippet-otp .sign-text { display: flex; justify-content: center; align-items: center; text-align: center; font-size: 1.25vw; } #scene-signin #snippet-signin .subtitle, #scene-signin #snippet-otp .subtitle, #scene-otp #snippet-signin .subtitle, #scene-otp #snippet-otp .subtitle { text-transform: uppercase; font-weight: 600; font-size: 1.35vw; font-weight: 700; white-space: nowrap; margin-bottom: 1.02vh; } #scene-signin #snippet-signin .web-signin-prompt, #scene-signin #snippet-otp .web-signin-prompt, #scene-otp #snippet-signin .web-signin-prompt, #scene-otp #snippet-otp .web-signin-prompt { text-transform: none; margin-bottom: 2.5vh; font-weight: 400; } #scene-signin #snippet-signin .web-signin-container, #scene-signin #snippet-otp .web-signin-container, #scene-otp #snippet-signin .web-signin-container, #scene-otp #snippet-otp .web-signin-container { padding-top: 3.25vh; padding-bottom: 3.25vh; margin-left: 3.59vw; display: flex; flex-direction: column; justify-content: space-between; } #scene-signin #snippet-signin .inputs-container, #scene-signin #snippet-otp .inputs-container, #scene-otp #snippet-signin .inputs-container, #scene-otp #snippet-otp .inputs-container { display: flex; flex-direction: column; justify-content: flex-start; } #scene-signin #snippet-signin .bottom-container, #scene-signin #snippet-otp .bottom-container, #scene-otp #snippet-signin .bottom-container, #scene-otp #snippet-otp .bottom-container { display: flex; flex-direction: column; justify-content: flex-end; } #scene-signin #snippet-signin .keyboard-contaner, #scene-signin #snippet-otp .keyboard-contaner, #scene-otp #snippet-signin .keyboard-contaner, #scene-otp #snippet-otp .keyboard-contaner { width: fit-content; margin-left: 6.98vw; } #scene-signin #snippet-signin .keyboard-contaner .lineaTeclado, #scene-signin #snippet-otp .keyboard-contaner .lineaTeclado, #scene-otp #snippet-signin .keyboard-contaner .lineaTeclado, #scene-otp #snippet-otp .keyboard-contaner .lineaTeclado { display: flex; align-items: center; justify-content: center; margin-top: 20px; } #scene-signin #snippet-signin .login_teclado, #scene-signin #snippet-otp .login_teclado, #scene-otp #snippet-signin .login_teclado, #scene-otp #snippet-otp .login_teclado { display: flex; flex-direction: column; border-radius: 10.5781px; background: rgba(255, 255, 255, 0.2); padding: 20px; } #scene-signin #snippet-signin .login_teclado .lineaTeclado, #scene-signin #snippet-otp .login_teclado .lineaTeclado, #scene-otp #snippet-signin .login_teclado .lineaTeclado, #scene-otp #snippet-otp .login_teclado .lineaTeclado { margin: 5px 0; } #scene-signin #snippet-signin #error-container, #scene-signin #snippet-otp #error-container, #scene-otp #snippet-signin #error-container, #scene-otp #snippet-otp #error-container { width: 500px; display: flex; flex-direction: column; justify-content: center; } #scene-signin #snippet-signin #error-container #errors .error, #scene-signin #snippet-otp #error-container #errors .error, #scene-otp #snippet-signin #error-container #errors .error, #scene-otp #snippet-otp #error-container #errors .error { font-weight: 600; float: none; color: #b91f28; } #scene-signin #snippet-signin .input-holder, #scene-signin #snippet-otp .input-holder, #scene-otp #snippet-signin .input-holder, #scene-otp #snippet-otp .input-holder { width: 31.35vw; height: 5.37vh; background-color: #000000; border: 2px solid #333333; border-radius: 5px; padding: 0px 17px; text-align: left; line-height: 30px; font-size: 22px; font-weight: 600; margin-bottom: 2.68vh; } #scene-signin #snippet-signin .input-holder .input, #scene-signin #snippet-otp .input-holder .input, #scene-otp #snippet-signin .input-holder .input, #scene-otp #snippet-otp .input-holder .input { padding-left: 1.03vw; display: flex; align-items: center; height: 100%; overflow: hidden; } #scene-signin #snippet-signin .input-holder .input .text, #scene-signin #snippet-otp .input-holder .input .text, #scene-otp #snippet-signin .input-holder .input .text, #scene-otp #snippet-otp .input-holder .input .text { color: white !important; font-weight: 700; font-size: 1.25vw !important; } #scene-signin #snippet-signin .input-holder.focus, #scene-signin #snippet-signin .input-holder.typing, #scene-signin #snippet-otp .input-holder.focus, #scene-signin #snippet-otp .input-holder.typing, #scene-otp #snippet-signin .input-holder.focus, #scene-otp #snippet-signin .input-holder.typing, #scene-otp #snippet-otp .input-holder.focus, #scene-otp #snippet-otp .input-holder.typing { width: 31.35vw; height: 5.37vh; border: 2px solid #EC0024; border-radius: 5px; padding: 0px 17px; } #scene-signin #snippet-signin .button, #scene-signin #snippet-otp .button, #scene-otp #snippet-signin .button, #scene-otp #snippet-otp .button { position: relative; top: 167px; height: 47px; padding: 0px 17px; margin: 0px 10px 0px 1px; float: left; text-transform: uppercase; line-height: 47px; font-weight: 600; white-space: nowrap; } #scene-signin #snippet-signin .button.focus, #scene-signin #snippet-otp .button.focus, #scene-otp #snippet-signin .button.focus, #scene-otp #snippet-otp .button.focus { margin: -3px 7px -3px -2px; border: 5px solid white; } #scene-signin #snippet-signin .button-red, #scene-signin #snippet-otp .button-red, #scene-otp #snippet-signin .button-red, #scene-otp #snippet-otp .button-red { color: white; border: 2px solid #b91f28; } #scene-signin #snippet-signin .button-red.focus, #scene-signin #snippet-otp .button-red.focus, #scene-otp #snippet-signin .button-red.focus, #scene-otp #snippet-otp .button-red.focus { background-color: #b91f28; } #scene-signin #snippet-signin .button-grey, #scene-signin #snippet-otp .button-grey, #scene-otp #snippet-signin .button-grey, #scene-otp #snippet-otp .button-grey { color: #a9a9a9; border: 2px solid #292929; } #scene-signin #snippet-signin .button-grey.focus, #scene-signin #snippet-otp .button-grey.focus, #scene-otp #snippet-signin .button-grey.focus, #scene-otp #snippet-otp .button-grey.focus { background-color: #363636; color: white; } #scene-signin #snippet-signin .button-view, #scene-signin #snippet-otp .button-view, #scene-otp #snippet-signin .button-view, #scene-otp #snippet-otp .button-view { margin: -3px; height: 66px; width: 66px; opacity: 0.5; border: 5px solid transparent; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVRJREFUeNrsmLFqwlAUhnNLB126pF2EDm7SRXEudLfv4iZE07Gji+6+gYOvIPgAFR+gi1vrIkqWkvgXTuFQchOvCepNzoFvMJ57zsfV5B6ioihybIobx7IQYREWYREWYREW4auK25zq3IEX8Azq4J6uf4NPsABzsM3c6Xday0ADTMA+So895Tay9FQnjpdV8A66/36lDfgAX/T5AbSAy3J+wBi8geAcO/wIlmznAjAC7YQ1bcoJ2Lol1TLqf4rsmjWdgZrB+hqt+Yu1qbSJbAWsWDNfk9cEA6KpyfFZnRXVzl14yJr0NDlezM3maXJ7LGeYt/ATCKn4NGFndaHb6Sl9H1KPVJdjD44+UGBHT4a4eE1Y39Fc71JNRT2Kd9JZ95co7E1n+ljrExd9rFl3cFzF0VyK4cfK8TJtgHfZjuc6wCt53SrCIizCIizCIizCZRI+CDAA3CfL/OfTqRQAAAAASUVORK5CYII=); background-position: center; background-repeat: no-repeat; } #scene-signin #snippet-signin .button-view.focus, #scene-signin #snippet-otp .button-view.focus, #scene-otp #snippet-signin .button-view.focus, #scene-otp #snippet-otp .button-view.focus { opacity: 1; border: 5px solid white; background-color: #363636; } #scene-signin #snippet-signin .button-view.active, #scene-signin #snippet-otp .button-view.active, #scene-otp #snippet-signin .button-view.active, #scene-otp #snippet-otp .button-view.active { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWRJREFUeNpi/P//P8NQAkwMQwyMOnjUwaMOHnXwqINHHTzq4EEFWKhkDh8Q2wOxDRArArEIVPwNEN8H4iNAfBCIP1FsE6i1RgHWAOK5QPz1P2HwFapWgxI7ydXICcS9QPz7P+ngN1QvJzl2M5LRHpYF4i1ArIdF7iwQLwLiS1A+SE0cEBtjUQtS4wPEj2mZJGSB+AmWUPsLxDlAzIhFDyNU7i8WfU+gZtIkSXAA8WUc0ZyDpE4fiKugWB9JPAeH3stQs6nu4B4cFp5BCtkKLPIVSCF9BocZPdR2sBYQ/8NhWR5SyOICsJDOwyH/D2oHQbcQW3FUAjEjDjlYBvPGo98LTS06YITaMXKr5nZQgYJDDla8bcWjfxuaWozCCmoHVYu1IZXpSC3WKqF4QIu1QVFxDPuqecAbP0OueclIpdFL9Aa8MFT8LbUb8Iyjw62jDh518KiDRx086uBRB486eCQ5GCDAAB55dMsbWOaIAAAAAElFTkSuQmCC); } #scene-signin #snippet-signin .hide, #scene-signin #snippet-otp .hide, #scene-otp #snippet-signin .hide, #scene-otp #snippet-otp .hide { display: none; } /* css color theme for.smarttv */ @font-face { font-family: Gilroy; src: url(c83281ae1ca703d0741a770ee7e7c091.ttf); font-weight: 400; } @font-face { font-family: Gilroy; src: url(a5cf732b15078843b237bd58f3ed44cd.ttf); font-weight: 600; } @font-face { font-family: Gilroy; src: url(b381c2abd2972024a6a7e3d882208d9b.ttf); font-weight: 700; } @font-face { font-family: Gilroy; src: url(b487bfc69e2a1cb0578fe2a910da8b2b.ttf); font-weight: 900; } * { font-family: Gilroy; } html { background: #000; } .logo { background-image: url(data:image/png;base64,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); } #viewport { z-index: 2; /* because of subtitles container */ } .invisible { visibility: hidden; } .font-icon { font-family: Gilroy; font-size: 48px; line-height: 72px; font-weight: normal !important; } /******************************************************************************/ /* CSS for the throbber */ /******************************************************************************/ .smarttv .throbber .loading { color: #fff; top: 33.03vw; font-size: 1.56vw; } .smarttv .throbber .spinner { top: 37.11vw; background-color: #fff; } .smarttv .scene { background-repeat: no-repeat; background-size: 100vw 100vh; } /******************************************************************************/ /* General CSS for scenes */ /******************************************************************************/ .nomouse .nav-left, .nomouse .nav-right, .nomouse .nav-up, .nomouse .nav-down { display: none; } [class*="nav-"] { position: absolute; background-repeat: no-repeat; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 12; opacity: 0.5; transition: opacity 0.4s; } [class*="nav-"]:hover { opacity: 1 !important; } [class*="nav-"].hide { opacity: 0 !important; } .nav-left, .nav-right { height: 50px; width: 25px; } .nav-up, .nav-down { width: 50px; height: 25px; left: 50%; } .nav-left { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAwCAYAAAAVQYoQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgdJREFUeNqsmE0oRFEUx9/4/k4skAU2miywGRt2tjZiZcNqVkpNWWiWWLKgZkPZUIoks1IWYsfCQkSSDTVEokljaJ7/1Z08x5ln3jv31m+aue++37xO955zZgK2bVvCUQsmQAlYAPffs0osoBDs2z/jOHtNKp6yf48MKJKKQyBNxNvSJ64El0T6ABql4iUmBAPONX6kg/bfEaPrvEqbwCORnoMKiTgA9oj0HXRz672II0wIJnOtz1faBVJEqp6+QCIuB2dE+gSa3e7LR7zIhGDov/v+kw7oPeocy/mEz+1iA0gQ6RWokojV1ooTqcoLPfnuolwXxpm4Rr0cJm6yA7wR6YHOvb7FpeCESJ9Bi9ecQifmmBCM+MmAzg/9zNZa9VsIsm/qwR2R3oAaqXiTSD9Bn6QeqpcgE9dpYZG1CtABpECG9ApBabOR/YZZ5qnHpKFQFIMjIn4FbVKxoh0kifzQ64nLdUDC0hzhlit2mKwWMiHm8vCl7n4sadrkKkfMhNjSItc2yq9YdTcXRJ7QobKkxZRrVeO6dFnS8h9ltmDYhLhQHxTnSOoDZUlbrFbwQuRHOhVY0qZwlAnJjAmxYoMpCL0mxHXglsivQbVUnKvorpgQK+aZeA+bEJeBU7eeWVIwO5kuf8vUT94I044ZEaucsesQr2WvBQz8rVAORsAHWAdpNfklwABVZnOTFJXi5gAAAABJRU5ErkJggg==); } .nav-right { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAwCAYAAAAVQYoQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeRJREFUeNqsmEsoRGEUx+diyHNBGZOFWQ1ZYGGUsrO1EQsp2c1KFkqp2bK0mpqFlBUWJoWFjWxmZ6XklWQjUYQ8Go/m+p/6ynUcY+6c79RvFnPr172nc88533Vc1w0gQmASPIEkeAlog8Rgz/2OXVBq/i8a+ikDOfdnzNgQE+tM/A5iNsRN4IbJT0G1VkwMCClZsCEmUu7vGLQhrgJHTHwLwlox0QXemHwHOFoxMS2kZMqG2DF36Y0s6NSKiWZwx+SHoFIrJoaElCRtiIlFJs6ZmleLa8AZk1+DkFZM9Jj+4Y2tfCXop+gTQr4nbIipR2eY+BW0a8VEC7hn8n1QoRUTo0JK5m2IiWWhBPttiOvABZNfgQatmOgDn0yetiEmZoV8t9G1EuX20Mq3CZD17hXFMC7c7Zw2FRHwyKS09AQ1YukNfAZRbblJPSOufUFiQpfb0PYKWg1OhL7cqBWn/EySQqXS+pXSTpCQeWRvHJvUqMSbworbrR2mcaG0EtrxHzWF741MoceIvy4E2bnENa9wRLtiSe1wTLsU9goNfE27H9eCcya9BPVa8dJ/Q7IY8XAhY92vOCzswgfSIqI9QNL23mHjAPmgOW/kE694pNt+T0gSjvmsUA5GzAhfBR/arwpfAgwAeSdzfKyc8u8AAAAASUVORK5CYII=); } .nav-up { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAUCAYAAADLP76nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAblJREFUeNrU18srRkEYx/FxJ1m4ZOVeFpRLspCFlKRIsZRS/AEWFljYKStKbGRpQ0msScTCgpRLNixccslCyC234zsaxWseXnrP65j6vIvznjMzv3nnPOe8ynEc5YIsTOMBU0h0aRzlRqfNuHQ+tmPUeD1AEiYcuT1jCLFeDFCFI8e/to0SrwSIwaBZXd92hgHcWr7T90Y3Iv4yQBG2hFWeRao5LxerwnkryAl2gDB04t4yoTu0IdTnmkj04NFyzQ1aERKMABlYEFZzHXnfXF+KHeF6XXZT3AzQhAvLwE/oQ5Sf/cRhWAih75uGQAdIwLgw4D4qfrl/a3Ei9DuK+EAEqMShMMiYv4N8IRmTQv8HZvxfBYhGv1Aez9EY4Cdqi7A9n00pjvlJgEJsCqsyhzSX3msysSiMq8t18XcBdOlrN6XQVh7bLeUx0HT/HcIcdNnuQrgtQDrmhfSb5ldRQVSADWE+S8h+H6Da7Gvb/us394P6A7os95oy7duuUPcW4NRywqE/FSBIyrErzFGFqs9tHHmYUd5o88jHiM/x69dP80dDJ9wzT1vlYfVYwzLK9LHXF6j/3F4EGAAw3u6+WzXEYAAAAABJRU5ErkJggg==); } .nav-down { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAUCAYAAADLP76nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAc9JREFUeNrU18srRFEcB/BrkBEpr51XyYIixYINpaaEBUsWxB9gYaGUnWxkIVmwslSUskURCwssCAssvMliQjLjNdf36Jwat9/P3KcZv/ps5t7fOb9zH79zR9N1vRXO4By6QUtgHbAH29AgfhM/3us/Yx5yEqzwLJg11HnMLUDEFQQSpPhG+YQY41otoAUeiBMiMAH+OBWeBmPwSdT2DO1qAUIxrOt0HED1HxdfBftMPVtQps6NTvLBILwSSWF5zOdx4aqGMFHDGwxDSnQONYi42ofM6tegyKPiS2CDmfcIaqk8bjC/fP4jxGDifelyufheeGTew0lI53JjDRyQbzsVc5DtsPB8WGTGvzTTCc1MIvaEBWaSC2iyWXwb3Dm9OFYm7GFus2hz47LtmRknE2aYwoPQaeVC2HnRNpnJxRZfGSO/Hk6Z/GUosHon7dz6ZBiSbc0YIRiAJENOKozCB5HzAv1EjmcLUGpke6NiFQrleRWwy5y3A+VOGoHT9ifa2xTTboOyFYeIY+8wIu+MFs8FKM1wo5uLE6hzaw9xczPK+6Wnq01pGjLc3AS9+CTogydD8bfyj5Pr83n1UVYKK7LrLEGuVx+A363rP8eXAAMAdRCDOyzpF/cAAAAASUVORK5CYII=); } .smarttv .nav-left { top: 50%; left: 20px; } .smarttv .nav-right { top: 50%; right: 20px; } .smarttv .nav-up { bottom: 275px; } .smarttv .nav-down { bottom: 20px; } .smarttv .movies .label-wrapper .type, .smarttv .movie .movie-wrap .detail .type, .smarttv #scene-movie-detail .content .textinfo .tags .genre, .smarttv #scene-series-detail .content .textinfo .tags .genre, .smarttv #snippet-player-movie-info .info .tags .genre { background: #df2027; } .smarttv :not(#scene-search) .movies .label-wrapper .type, .smarttv .movie .movie-wrap .detail .type { display: none; } .smarttv .keyboard-content { left: 0; width: 1265px; background: transparent; } .smarttv #scene-signin .headline, .smarttv #scene-signup .headline { margin: 165px 25%; } .smarttv #scene-signin .wrap, .smarttv #scene-signup .wrap { width: 640px; overflow: visible; } .smarttv #scene-signin .item, .smarttv #scene-signup .item, .smarttv #scene-signin .item.button div, .smarttv #scene-signup .item.button div { position: relative; } .smarttv #scene-signin .item .input-cover, .smarttv #scene-signup .item .input-cover { position: relative; background: rgba(255, 255, 255, 0.6); color: #000; } .smarttv #scene-signin .item .input-eye, .smarttv #scene-signup .item .input-eye { background: rgba(0, 0, 0, 0.2); } .smarttv #scene-signin .item .input-eye span, .smarttv #scene-signup .item .input-eye span { background-position: -205px -48px; } .smarttv #scene-signin .item.button div, .smarttv #scene-signup .item.button div { font-weight: 600; background: #b91f28; } .smarttv #scene-signin .item.button div.focus span { text-shadow: 0px 0px 7px #fff; } .smarttv #scene-signin .item .input-cover.focus { background: #fff; } .smarttv #scene-signup .item .input-cover.focus, .smarttv #scene-signin .item .input-cover.active, .smarttv #scene-signup .item .input-cover.active { background: #fff; } .smarttv #scene-signin .item .input-cover.pwd, .smarttv #scene-signup .item .input-cover.pwd { width: 345px; z-index: 1; padding-right: 54px; } .smarttv #scene-signin .item .input-eye, .smarttv #scene-signup .item .input-eye { position: absolute; z-index: 1; right: 0; float: none; } .smarttv #scene-signin .item.button div.focus::before, .smarttv #scene-signup .item.button div.focus::before, .smarttv #scene-signin .item .input-eye.focus::before, .smarttv #scene-signup .item .input-eye.focus::before, .smarttv #scene-signin .item .input-cover.focus::before, .smarttv #scene-signup .item .input-cover.focus::before, .smarttv #scene-signin .item .input-cover.active::before, .smarttv #scene-signup .item .input-cover.active::before { /* white, glowing, offset border */ position: absolute; display: block; content: ''; top: -4px; left: -4px; bottom: -4px; right: -4px; border: 1px solid #fff; box-shadow: 0px 0px 9px 0px #fff, inset #fff 0px 0px 9px -1px; } .smarttv #scene-signin .item .input-cover.active div.input, .smarttv #scene-signup .item .input-cover.active div.input { color: #000 !important; } .smarttv #scene-signin .item .input-eye span, .smarttv #scene-signup .item .input-eye span { background: transparent no-repeat -128px 0; } .smarttv #scene-signin .item .input-eye.focus span, .smarttv #scene-signup .item .input-eye.focus span { background: transparent no-repeat -128px -48px; } .smarttv #scene-signin .samsung-msg { width: 40%; margin: 0 30%; font-size: 19px; line-height: 120%; } .smarttv #scene-signin .samsung-msg.bold { font-weight: bold; } .smarttv .dialog { z-index: 9; } .smarttv .dialog .wrapper .buttons li.focus { color: #fff; background: #b91f28; } html { background: #000; } .logo { background-image: url(data:image/png;base64,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); } #viewport { z-index: 2; /* because of subtitles container */ } .invisible { visibility: hidden; } .font-icon { font-family: 'teatrix-icons'; font-size: 48px; line-height: 72px; font-weight: normal !important; } /******************************************************************************/ /* CSS for the throbber */ /******************************************************************************/ .teatrix .throbber .loading { color: #fff; top: 33.03vw; font-size: 1.56vw; } .teatrix .throbber .spinner { top: 37.11vw; background-color: #fff; } .teatrix .scene { background: black; background-repeat: no-repeat; background-size: 100vw 100vh; } /******************************************************************************/ /* General CSS for scenes */ /******************************************************************************/ .nomouse .nav-left, .nomouse .nav-right, .nomouse .nav-up, .nomouse .nav-down { display: none; } [class*="nav-"] { position: absolute; background-repeat: no-repeat; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 12; opacity: 0.5; transition: opacity 0.4s; } [class*="nav-"]:hover { opacity: 1 !important; } [class*="nav-"].hide { opacity: 0 !important; } .nav-left, .nav-right, .nav-up, .nav-down { height: 3.91vw; width: 3vw; } .nav-up, .nav-down { left: 50%; } .nav-left { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAwCAYAAAAVQYoQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgdJREFUeNqsmE0oRFEUx9/4/k4skAU2miywGRt2tjZiZcNqVkpNWWiWWLKgZkPZUIoks1IWYsfCQkSSDTVEokljaJ7/1Z08x5ln3jv31m+aue++37xO955zZgK2bVvCUQsmQAlYAPffs0osoBDs2z/jOHtNKp6yf48MKJKKQyBNxNvSJ64El0T6ABql4iUmBAPONX6kg/bfEaPrvEqbwCORnoMKiTgA9oj0HXRz672II0wIJnOtz1faBVJEqp6+QCIuB2dE+gSa3e7LR7zIhGDov/v+kw7oPeocy/mEz+1iA0gQ6RWokojV1ooTqcoLPfnuolwXxpm4Rr0cJm6yA7wR6YHOvb7FpeCESJ9Bi9ecQifmmBCM+MmAzg/9zNZa9VsIsm/qwR2R3oAaqXiTSD9Bn6QeqpcgE9dpYZG1CtABpECG9ApBabOR/YZZ5qnHpKFQFIMjIn4FbVKxoh0kifzQ64nLdUDC0hzhlit2mKwWMiHm8vCl7n4sadrkKkfMhNjSItc2yq9YdTcXRJ7QobKkxZRrVeO6dFnS8h9ltmDYhLhQHxTnSOoDZUlbrFbwQuRHOhVY0qZwlAnJjAmxYoMpCL0mxHXglsivQbVUnKvorpgQK+aZeA+bEJeBU7eeWVIwO5kuf8vUT94I044ZEaucsesQr2WvBQz8rVAORsAHWAdpNfklwABVZnOTFJXi5gAAAABJRU5ErkJggg==); } .nav-right { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAwCAYAAAAVQYoQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeRJREFUeNqsmEsoRGEUx+diyHNBGZOFWQ1ZYGGUsrO1EQsp2c1KFkqp2bK0mpqFlBUWJoWFjWxmZ6XklWQjUYQ8Go/m+p/6ynUcY+6c79RvFnPr172nc88533Vc1w0gQmASPIEkeAlog8Rgz/2OXVBq/i8a+ikDOfdnzNgQE+tM/A5iNsRN4IbJT0G1VkwMCClZsCEmUu7vGLQhrgJHTHwLwlox0QXemHwHOFoxMS2kZMqG2DF36Y0s6NSKiWZwx+SHoFIrJoaElCRtiIlFJs6ZmleLa8AZk1+DkFZM9Jj+4Y2tfCXop+gTQr4nbIipR2eY+BW0a8VEC7hn8n1QoRUTo0JK5m2IiWWhBPttiOvABZNfgQatmOgDn0yetiEmZoV8t9G1EuX20Mq3CZD17hXFMC7c7Zw2FRHwyKS09AQ1YukNfAZRbblJPSOufUFiQpfb0PYKWg1OhL7cqBWn/EySQqXS+pXSTpCQeWRvHJvUqMSbworbrR2mcaG0EtrxHzWF741MoceIvy4E2bnENa9wRLtiSe1wTLsU9goNfE27H9eCcya9BPVa8dJ/Q7IY8XAhY92vOCzswgfSIqI9QNL23mHjAPmgOW/kE694pNt+T0gSjvmsUA5GzAhfBR/arwpfAgwAeSdzfKyc8u8AAAAASUVORK5CYII=); } .nav-up { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAUCAYAAADLP76nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAblJREFUeNrU18srRkEYx/FxJ1m4ZOVeFpRLspCFlKRIsZRS/AEWFljYKStKbGRpQ0msScTCgpRLNixccslCyC234zsaxWseXnrP65j6vIvznjMzv3nnPOe8ynEc5YIsTOMBU0h0aRzlRqfNuHQ+tmPUeD1AEiYcuT1jCLFeDFCFI8e/to0SrwSIwaBZXd92hgHcWr7T90Y3Iv4yQBG2hFWeRao5LxerwnkryAl2gDB04t4yoTu0IdTnmkj04NFyzQ1aERKMABlYEFZzHXnfXF+KHeF6XXZT3AzQhAvLwE/oQ5Sf/cRhWAih75uGQAdIwLgw4D4qfrl/a3Ei9DuK+EAEqMShMMiYv4N8IRmTQv8HZvxfBYhGv1Aez9EY4Cdqi7A9n00pjvlJgEJsCqsyhzSX3msysSiMq8t18XcBdOlrN6XQVh7bLeUx0HT/HcIcdNnuQrgtQDrmhfSb5ldRQVSADWE+S8h+H6Da7Gvb/us394P6A7os95oy7duuUPcW4NRywqE/FSBIyrErzFGFqs9tHHmYUd5o88jHiM/x69dP80dDJ9wzT1vlYfVYwzLK9LHXF6j/3F4EGAAw3u6+WzXEYAAAAABJRU5ErkJggg==); } .nav-down { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAUCAYAAADLP76nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAc9JREFUeNrU18srRFEcB/BrkBEpr51XyYIixYINpaaEBUsWxB9gYaGUnWxkIVmwslSUskURCwssCAssvMliQjLjNdf36Jwat9/P3KcZv/ps5t7fOb9zH79zR9N1vRXO4By6QUtgHbAH29AgfhM/3us/Yx5yEqzwLJg11HnMLUDEFQQSpPhG+YQY41otoAUeiBMiMAH+OBWeBmPwSdT2DO1qAUIxrOt0HED1HxdfBftMPVtQps6NTvLBILwSSWF5zOdx4aqGMFHDGwxDSnQONYi42ofM6tegyKPiS2CDmfcIaqk8bjC/fP4jxGDifelyufheeGTew0lI53JjDRyQbzsVc5DtsPB8WGTGvzTTCc1MIvaEBWaSC2iyWXwb3Dm9OFYm7GFus2hz47LtmRknE2aYwoPQaeVC2HnRNpnJxRZfGSO/Hk6Z/GUosHon7dz6ZBiSbc0YIRiAJENOKozCB5HzAv1EjmcLUGpke6NiFQrleRWwy5y3A+VOGoHT9ifa2xTTboOyFYeIY+8wIu+MFs8FKM1wo5uLE6hzaw9xczPK+6Wnq01pGjLc3AS9+CTogydD8bfyj5Pr83n1UVYKK7LrLEGuVx+A363rP8eXAAMAdRCDOyzpF/cAAAAASUVORK5CYII=); } .teatrix .nav-left { top: 50%; right: 1.56vw; } .teatrix .nav-right { top: 50%; left: 90vw; } .teatrix .nav-up { bottom: 16.02vw; } .teatrix .nav-down { bottom: -1.17vw; } .teatrix .movies .label-wrapper .type, .teatrix .movie .movie-wrap .detail .type, .teatrix #scene-movie-detail .content .textinfo .tags .genre, .teatrix #scene-series-detail .content .textinfo .tags .genre, .teatrix #snippet-player-movie-info .info .tags .genre { background: #df2027; } .teatrix :not(#scene-search) .movies .label-wrapper .type, .teatrix .movie .movie-wrap .detail .type { display: none; } .teatrix .keyboard-content { left: 0; width: 1265px; background: transparent; } .teatrix #scene-signin .headline, .teatrix #scene-signup .headline { margin: 165px 25%; } .teatrix #scene-signin .wrap, .teatrix #scene-signup .wrap { width: 640px; overflow: visible; } .teatrix #scene-signin .item, .teatrix #scene-signup .item, .teatrix #scene-signin .item.button div, .teatrix #scene-signup .item.button div { position: relative; } .teatrix #scene-signin .item .input-cover, .teatrix #scene-signup .item .input-cover { position: relative; background: rgba(255, 255, 255, 0.6); color: #000; } .teatrix #scene-signin .item .input-eye, .teatrix #scene-signup .item .input-eye { background: rgba(0, 0, 0, 0.2); } .teatrix #scene-signin .item .input-eye span, .teatrix #scene-signup .item .input-eye span { background-position: -205px -48px; } .teatrix #scene-signin .item.button div, .teatrix #scene-signup .item.button div { font-weight: 600; background: #b91f28; } .teatrix #scene-signin .item.button div.focus span { text-shadow: 0px 0px 7px #fff; } .teatrix #scene-signin .item .input-cover.focus { background: #fff; } .teatrix #scene-signup .item .input-cover.focus, .teatrix #scene-signin .item .input-cover.active, .teatrix #scene-signup .item .input-cover.active { background: #fff; } .teatrix #scene-signin .item .input-cover.pwd, .teatrix #scene-signup .item .input-cover.pwd { width: 345px; z-index: 1; padding-right: 54px; } .teatrix #scene-signin .item .input-eye, .teatrix #scene-signup .item .input-eye { position: absolute; z-index: 1; right: 0; float: none; } .teatrix #scene-signin .item.button div.focus::before, .teatrix #scene-signup .item.button div.focus::before, .teatrix #scene-signin .item .input-eye.focus::before, .teatrix #scene-signup .item .input-eye.focus::before, .teatrix #scene-signin .item .input-cover.focus::before, .teatrix #scene-signup .item .input-cover.focus::before, .teatrix #scene-signin .item .input-cover.active::before, .teatrix #scene-signup .item .input-cover.active::before { /* white, glowing, offset border */ position: absolute; display: block; content: ''; top: -4px; left: -4px; bottom: -4px; right: -4px; border: 1px solid #fff; box-shadow: 0px 0px 9px 0px #fff, inset #fff 0px 0px 9px -1px; } .teatrix #scene-signin .item .input-cover.active div.input, .teatrix #scene-signup .item .input-cover.active div.input { color: #000 !important; } .teatrix #scene-signin .item .input-eye span, .teatrix #scene-signup .item .input-eye span { background: transparent no-repeat -128px 0; } .teatrix #scene-signin .item .input-eye.focus span, .teatrix #scene-signup .item .input-eye.focus span { background: transparent no-repeat -128px -48px; } .teatrix #scene-signin .samsung-msg { width: 40%; margin: 0 30%; font-size: 19px; line-height: 120%; } .teatrix #scene-signin .samsung-msg.bold { font-weight: bold; } .teatrix .dialog { z-index: 50; } .teatrix .dialog .wrapper .buttons li.focus { color: #fff; background: #b91f28; } .teatrix .dialog-exit { width: 40.63vw; margin-top: -11.72vw; margin-left: -22.27vw; } .teatrix .dialog-exit .buttons { bottom: 2.73vw; text-transform: none; margin-top: 1.88vw; } .teatrix .dialog-exit .buttons li { padding: 0 1.56vw; } /******* Circular progress bar ********/ .progress-circle { position: relative; /* so that children can be absolutely positioned */ padding: 0; width: 2em; height: 2em; background-color: white; border-radius: 50%; line-height: 2em; } .progress-circle:after { border: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center; display: block; border-radius: 50%; width: 1.5em; height: 1.5em; background-color: black; content: " "; } .left-half-clipper { /* a round circle */ border-radius: 50%; width: 2em; height: 2em; position: absolute; /* needed for clipping */ clip: rect(0, 2em, 2em, 1em); /* clips the whole left half*/ } /* when p>50, don't clip left half*/ .progress-circle.over50 .left-half-clipper { clip: rect(auto, auto, auto, auto); } .value-bar { /*This is an overlayed square, that is made round with the border radius, then it is cut to display only the left half, then rotated clockwise to escape the outer clipping path.*/ position: absolute; /*needed for clipping*/ clip: rect(0, 1em, 2em, 0); width: 2em; height: 2em; border-radius: 50%; border: 0.3em solid red; /*The border is 0.35 but making it larger removes visual artifacts */ /*background-color: #4D642D;*/ /* for debug */ box-sizing: border-box; } /* Progress bar filling the whole right half for values above 50% */ .progress-circle.over50 .first50-bar { /*Progress bar for the first 50%, filling the whole right half*/ position: absolute; /*needed for clipping*/ clip: rect(0, 2em, 2em, 1em); background-color: red; border-radius: 50%; width: 2em; height: 2em; } .progress-circle:not(.over50) .first50-bar { display: none; } /* Progress bar rotation position */ .progress-circle.p0 .value-bar { display: none; } .progress-circle.p1 .value-bar { transform: rotate(4deg); } .progress-circle.p2 .value-bar { transform: rotate(7deg); } .progress-circle.p3 .value-bar { transform: rotate(11deg); } .progress-circle.p4 .value-bar { transform: rotate(14deg); } .progress-circle.p5 .value-bar { transform: rotate(18deg); } .progress-circle.p6 .value-bar { transform: rotate(22deg); } .progress-circle.p7 .value-bar { transform: rotate(25deg); } .progress-circle.p8 .value-bar { transform: rotate(29deg); } .progress-circle.p9 .value-bar { transform: rotate(32deg); } .progress-circle.p10 .value-bar { transform: rotate(36deg); } .progress-circle.p11 .value-bar { transform: rotate(40deg); } .progress-circle.p12 .value-bar { transform: rotate(43deg); } .progress-circle.p13 .value-bar { transform: rotate(47deg); } .progress-circle.p14 .value-bar { transform: rotate(50deg); } .progress-circle.p15 .value-bar { transform: rotate(54deg); } .progress-circle.p16 .value-bar { transform: rotate(58deg); } .progress-circle.p17 .value-bar { transform: rotate(61deg); } .progress-circle.p18 .value-bar { transform: rotate(65deg); } .progress-circle.p19 .value-bar { transform: rotate(68deg); } .progress-circle.p20 .value-bar { transform: rotate(72deg); } .progress-circle.p21 .value-bar { transform: rotate(76deg); } .progress-circle.p22 .value-bar { transform: rotate(79deg); } .progress-circle.p23 .value-bar { transform: rotate(83deg); } .progress-circle.p24 .value-bar { transform: rotate(86deg); } .progress-circle.p25 .value-bar { transform: rotate(90deg); } .progress-circle.p26 .value-bar { transform: rotate(94deg); } .progress-circle.p27 .value-bar { transform: rotate(97deg); } .progress-circle.p28 .value-bar { transform: rotate(101deg); } .progress-circle.p29 .value-bar { transform: rotate(104deg); } .progress-circle.p30 .value-bar { transform: rotate(108deg); } .progress-circle.p31 .value-bar { transform: rotate(112deg); } .progress-circle.p32 .value-bar { transform: rotate(115deg); } .progress-circle.p33 .value-bar { transform: rotate(119deg); } .progress-circle.p34 .value-bar { transform: rotate(122deg); } .progress-circle.p35 .value-bar { transform: rotate(126deg); } .progress-circle.p36 .value-bar { transform: rotate(130deg); } .progress-circle.p37 .value-bar { transform: rotate(133deg); } .progress-circle.p38 .value-bar { transform: rotate(137deg); } .progress-circle.p39 .value-bar { transform: rotate(140deg); } .progress-circle.p40 .value-bar { transform: rotate(144deg); } .progress-circle.p41 .value-bar { transform: rotate(148deg); } .progress-circle.p42 .value-bar { transform: rotate(151deg); } .progress-circle.p43 .value-bar { transform: rotate(155deg); } .progress-circle.p44 .value-bar { transform: rotate(158deg); } .progress-circle.p45 .value-bar { transform: rotate(162deg); } .progress-circle.p46 .value-bar { transform: rotate(166deg); } .progress-circle.p47 .value-bar { transform: rotate(169deg); } .progress-circle.p48 .value-bar { transform: rotate(173deg); } .progress-circle.p49 .value-bar { transform: rotate(176deg); } .progress-circle.p50 .value-bar { transform: rotate(180deg); } .progress-circle.p51 .value-bar { transform: rotate(184deg); } .progress-circle.p52 .value-bar { transform: rotate(187deg); } .progress-circle.p53 .value-bar { transform: rotate(191deg); } .progress-circle.p54 .value-bar { transform: rotate(194deg); } .progress-circle.p55 .value-bar { transform: rotate(198deg); } .progress-circle.p56 .value-bar { transform: rotate(202deg); } .progress-circle.p57 .value-bar { transform: rotate(205deg); } .progress-circle.p58 .value-bar { transform: rotate(209deg); } .progress-circle.p59 .value-bar { transform: rotate(212deg); } .progress-circle.p60 .value-bar { transform: rotate(216deg); } .progress-circle.p61 .value-bar { transform: rotate(220deg); } .progress-circle.p62 .value-bar { transform: rotate(223deg); } .progress-circle.p63 .value-bar { transform: rotate(227deg); } .progress-circle.p64 .value-bar { transform: rotate(230deg); } .progress-circle.p65 .value-bar { transform: rotate(234deg); } .progress-circle.p66 .value-bar { transform: rotate(238deg); } .progress-circle.p67 .value-bar { transform: rotate(241deg); } .progress-circle.p68 .value-bar { transform: rotate(245deg); } .progress-circle.p69 .value-bar { transform: rotate(248deg); } .progress-circle.p70 .value-bar { transform: rotate(252deg); } .progress-circle.p71 .value-bar { transform: rotate(256deg); } .progress-circle.p72 .value-bar { transform: rotate(259deg); } .progress-circle.p73 .value-bar { transform: rotate(263deg); } .progress-circle.p74 .value-bar { transform: rotate(266deg); } .progress-circle.p75 .value-bar { transform: rotate(270deg); } .progress-circle.p76 .value-bar { transform: rotate(274deg); } .progress-circle.p77 .value-bar { transform: rotate(277deg); } .progress-circle.p78 .value-bar { transform: rotate(281deg); } .progress-circle.p79 .value-bar { transform: rotate(284deg); } .progress-circle.p80 .value-bar { transform: rotate(288deg); } .progress-circle.p81 .value-bar { transform: rotate(292deg); } .progress-circle.p82 .value-bar { transform: rotate(295deg); } .progress-circle.p83 .value-bar { transform: rotate(299deg); } .progress-circle.p84 .value-bar { transform: rotate(302deg); } .progress-circle.p85 .value-bar { transform: rotate(306deg); } .progress-circle.p86 .value-bar { transform: rotate(310deg); } .progress-circle.p87 .value-bar { transform: rotate(313deg); } .progress-circle.p88 .value-bar { transform: rotate(317deg); } .progress-circle.p89 .value-bar { transform: rotate(320deg); } .progress-circle.p90 .value-bar { transform: rotate(324deg); } .progress-circle.p91 .value-bar { transform: rotate(328deg); } .progress-circle.p92 .value-bar { transform: rotate(331deg); } .progress-circle.p93 .value-bar { transform: rotate(335deg); } .progress-circle.p94 .value-bar { transform: rotate(338deg); } .progress-circle.p95 .value-bar { transform: rotate(342deg); } .progress-circle.p96 .value-bar { transform: rotate(346deg); } .progress-circle.p97 .value-bar { transform: rotate(349deg); } .progress-circle.p98 .value-bar { transform: rotate(353deg); } .progress-circle.p99 .value-bar { transform: rotate(356deg); } .progress-circle.p100 .value-bar { transform: rotate(360deg); } /******************************************************************************/ /* CSS for DETAIL */ /******************************************************************************/ #scene-welcome { background: linear-gradient(83.62deg, rgba(0, 0, 0, 0.99) 4.03%, rgba(0, 0, 0, 0.41) 71.85%), linear-gradient(0deg, rgba(255, 0, 0, 0.15), rgba(255, 0, 0, 0.15)); background-image: url(7e4bce9532a1d63efddce33011b94a43.png); background-size: 100vw; } #scene-welcome-wrapper { position: absolute; width: 95%; height: 90%; padding: 0% 0% 0% 5%; top: 0px; left: 0px; } #scene-welcome-wrapper > * { font-weight: bold; } #scene-welcome-wrapper button.focus { border-color: white; } #scene-welcome-wrapper .container { padding-top: 1%; display: flex; flex-direction: column; justify-content: space-around; width: 100%; height: 100%; } #scene-welcome-wrapper #logo { width: 15vw; height: 3vw; background-repeat: no-repeat; background-size: contain; } #scene-welcome-wrapper #title { display: flex; flex-direction: column; font-size: 4vw; font-weight: bold; text-shadow: 2.09633px 2.09633px 10.4816px rgba(0, 0, 0, 0.8); } #scene-welcome-wrapper #title .red { color: #EC0024; text-shadow: 2.09633px 2.09633px 10.4816px rgba(0, 0, 0, 0.8); } #scene-welcome-wrapper #sub-title { display: flex; flex-direction: column; color: #E1E1E1; font-size: 1.5vw; } #scene-welcome-wrapper #sub-title .big { font-size: 2vw; } #scene-welcome-wrapper #subscribe-button { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 2%; width: 417.25px; height: 70.67px; /* Red / Regular */ background: #EC0024; border-radius: 10.1673px; } #scene-welcome-wrapper #subscribe-button.focus { border: 5px solid white; } #scene-welcome-wrapper #subscribe-button i { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAXCAYAAADUUxW8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB5SURBVHgB7ZLBCYAwDEWDE3SEjuJoGcERuoEjOIIjdATd4BtpDwUDNkFv/fAvJe+RQohqAATpKo1kSQV3lORuwT3YgLAIJumpvEfp1rVBXTvhGdMXhuADweIWoBzRoQi4B8wKmAb4A8hvYHCBjYBdoCJg8kTA2TJ/AShUBqUEueXzAAAAAElFTkSuQmCC); background-position: center; background-repeat: no-repeat; height: 35px; width: 35px; display: block; } #scene-welcome-wrapper #help { color: #AFAFAF; font-size: 1.4vw; } #scene-welcome-wrapper #help a { color: white; text-decoration: underline; font-weight: bold; padding: 8px; } #scene-welcome-wrapper #help a.focus { background-color: #EC0024; padding: 8px; } #scene-welcome-wrapper #sign-button { color: white; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 25%; height: auto; padding: 1% 0.5% 1% 0.5%; /* Red / Regular */ background: #333333; border-radius: 10.1673px; font-size: 1.5vw; } #scene-welcome-wrapper #sign-button.focus { background: #EC0024; color: white; } #scene-welcome-wrapper #sign-button i { margin-left: 7.5%; margin-bottom: 0.2%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAXCAYAAADUUxW8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB5SURBVHgB7ZLBCYAwDEWDE3SEjuJoGcERuoEjOIIjdATd4BtpDwUDNkFv/fAvJe+RQohqAATpKo1kSQV3lORuwT3YgLAIJumpvEfp1rVBXTvhGdMXhuADweIWoBzRoQi4B8wKmAb4A8hvYHCBjYBdoCJg8kTA2TJ/AShUBqUEueXzAAAAAElFTkSuQmCC); background-position: center; background-repeat: no-repeat; height: 1.2vw; width: 1.2vw; display: block; } /*# sourceMappingURL=bundle.css.map*/