.viewer {
    position: fixed;
    opacity: 0;
    z-index: -1;
    width: 0;
    height: 0;
    transition-delay: 0.2s;
    transition: opacity 0.4s ease-in-out;
}

.viewcntrl span[data-cont]::after {
    content: attr(data-cont);
    margin: 17px;
    background: orangered;
    color: white;
    padding: 2px;
    width: 15px;
    text-align: center;
    height: 15px;
    opacity: 1;
    line-height: 15px;
    border-radius: 50%;
    position: absolute;
    overflow: hidden;
    font-size: 10px;
}

.copyright {
    -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyAyMDIwICg2NCBCaXQpIC0tPg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1LjQ5OTk5aW4iIGhlaWdodD0iMy45OTk5OWluIiB2ZXJzaW9uPSIxLjEiIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiBpbWFnZS1yZW5kZXJpbmc9Im9wdGltaXplUXVhbGl0eSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNS40OTk5OSAzLjk5OTk5Ig0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIg0KIHhtbG5zOnhvZG09Imh0dHA6Ly93d3cuY29yZWwuY29tL2NvcmVsZHJhdy9vZG0vMjAwMyI+DQogPGcgaWQ9IkNhbWFkYV94MDAyMF8xIj4NCiAgPG1ldGFkYXRhIGlkPSJDb3JlbENvcnBJRF8wQ29yZWwtTGF5ZXIiLz4NCiAgPHBhdGggZmlsbD0iIzI5NDQ3NSIgZD0iTTUuNDM4OTggNGwwLjA2MTAyIC0wLjA2MTM4IDAgMC4wNjEzOCAtMC4wNjEwMiAwem0tNS40MTUwMiAtNGwtMC4wMjM5NiAwLjAyMzggMCAtMC4wMjM4IDAuMDIzOTYgMHptLTAuMDIzOTYgMC4xODc0N2wwLjE4NjIgLTAuMTg3NDcgMC4wMjg1MyAwIC0wLjIxNDczIDAuMjEzMjggMCAtMC4wMjU4MXptMCAwLjE4OTU0bDAuMzc0NDEgLTAuMzc3MDIgMC4wMzEyOCAwIC0wLjQwNTY5IDAuNDAyODkgMCAtMC4wMjU4N3ptMCAwLjE4OTZsMC41NjI4IC0wLjU2NjYyIDAuMDMzNjMgMCAtMC41OTY0MyAwLjU5MjQyIDAgLTAuMDI1OHptMCAwLjE4OTU0bDAuNzUxIC0wLjc1NjE2IDAuMDM2MzcgMCAtMC43ODczNyAwLjc4MiAwIC0wLjAyNTg0em0wIDAuMTg5NTlsMC45MzkzOSAtMC45NDU3NCAwLjAzODcxIDAgLTAuOTc4MSAwLjk3MTU0IDAgLTAuMDI1Nzl6bTAgMC4xODk1NWwxLjEyNzU5IC0xLjEzNTMgMC4wNDE0OCAwIC0xLjE2OTA2IDEuMTYxMTIgMCAtMC4wMjU4M3ptMCAwLjE4OTU5bDEuMzE1OTkgLTEuMzI0ODggMC4wNDM4IDAgLTEuMzU5NzkgMS4zNTA2NyAwIC0wLjAyNTc4em0wIDAuMTg5NTZsMS41MDQxOSAtMS41MTQ0NCAwLjA0NjU2IDAgLTEuNTUwNzUgMS41NDAyNSAwIC0wLjAyNTgxem0wIDAuMTg5NTRsMS42OTIzNyAtMS43MDM5OCAwLjA0OTMxIDAgLTEuNzQxNjggMS43Mjk4MSAwIC0wLjAyNTgzem0wIDAuMTg5NTlsMS44ODA3OCAtMS44OTM1NyAwLjA1MTYzIDAgLTEuOTMyNDIgMS45MTkzNyAwIC0wLjAyNTh6bTAgMC4xODk1NmwyLjA2ODk2IC0yLjA4MzEyIDAuMDU0NDIgMCAtMi4xMjMzOCAyLjEwODk1IDAgLTAuMDI1ODN6bTAgMC4xODk1NmwyLjI1NzE3IC0yLjI3MjY5IDAuMDU3MTcgMCAtMi4zMTQzMyAyLjI5ODUyIDAgLTAuMDI1ODR6bTAgMC4xODk1N2wyLjQ0NTU2IC0yLjQ2MjI1IDAuMDU5NSAwIC0yLjUwNTA2IDIuNDg4MDcgMCAtMC4wMjU4MnptMCAwLjE4OTU4bDIuNjMzOTggLTIuNjUxODMgMC4wNjE4MSAwIC0yLjY5NTc4IDIuNjc3NjMgMCAtMC4wMjU4em0wIDAuMTg5NTZsMi44MjIxNSAtMi44NDEzOSAwLjA2NDU5IDAgLTIuODg2NzQgMi44NjcyMSAwIC0wLjAyNTgxem0wIDAuMTg5NTZsMy4wMTAzMyAtMy4wMzA5NiAwLjA2NzM2IDAgLTMuMDc3NjkgMy4wNTY3OCAwIC0wLjAyNTgyem0wIDAuMTg5NTdsMy4xOTg1NCAtMy4yMjA1MiAwLjA3MDExIDAgLTMuMjY4NjUgMy4yNDYzNiAwIC0wLjAyNTgzem0wIDAuMTg5NTZsMy4zODY5MyAtMy40MTAwOSAwLjA3MjQ1IDAgLTMuNDU5MzkgMy40MzU5MSAwIC0wLjAyNTgyem0wIDAuMTg5NTZsMy41NzUxMyAtMy41OTk2NSAwLjA3NTIgMCAtMy42NTAzMyAzLjYyNTQ4IDAgLTAuMDI1ODN6bTAgMC4xODk1NmwzLjc2MzMxIC0zLjc4OTIxIDAuMDc3OTcgMCAtMy44NDEyOCAzLjgxNTA1IDAgLTAuMDI1ODR6bTAgMC4xODk2NGwzLjk1MTczIC0zLjk3ODg1IDAuMDgwMjggMCAtNC4wMjc0NiA0IC0wLjAwNDU2IDAgMCAtMC4wMjExNXptMC4xNjcxOSAwLjAyMTE1bDMuOTcyOTQgLTQgMC4wODI2MiAwIC00LjAyNzI0IDQgLTAuMDI4MzEgMHptMC4xODgyIDBsMy45NzI5MyAtNCAwLjA4NTM3IDAgLTQuMDI3MjUgNCAtMC4wMzEwNiAwem0wLjE4ODQgMGwzLjk3MjcxIC00IDAuMDg4MTUgMCAtNC4wMjc0NyA0IC0wLjAzMzM5IDB6bTAuMTg4NCAwbDMuOTcyNzMgLTQgMC4wOTA0NSAwIC00LjAyNzQ1IDQgLTAuMDM1NzMgMHptMC4xODgxOSAwbDMuOTcyNzIgLTQgMC4wOTMyMiAwIC00LjAyNzQ0IDQgLTAuMDM4NSAwem0wLjE4ODE4IDBsMy45NzI5NiAtNCAwLjA5NTU2IDAgLTQuMDI3MjYgNCAtMC4wNDEyNiAwem0wLjE4ODQyIDBsMy45NzI1MSAtNCAwLjA5ODc1IDAgLTQuMDI3NjkgNCAtMC4wNDM1OCAwem0wLjE4ODE5IDBsMy45NzI5NCAtNCAwLjA0MTg5IDAgMCAwLjA1ODM0IC0zLjk2ODUgMy45NDE2NiAtMC4wNDYzMyAwem0wLjE4ODIgMGwzLjgyNjYzIC0zLjg1MjU0IDAgMC4xMDAzOSAtMy43Nzc1NCAzLjc1MjE1IC0wLjA0OTA5IDB6bTAuMTg4MTggMGwzLjYzODQ1IC0zLjY2Mjk4IDAgMC4xMDA0IC0zLjU4NjU5IDMuNTYyNTggLTAuMDUxODYgMHptMC4xODg0MSAwbDMuNDUwMDQgLTMuNDczNDEgMCAwLjEwMDM5IC0zLjM5NTg4IDMuMzczMDIgLTAuMDU0MTYgMHptMC4xODg0MSAwbDMuMjYxNjMgLTMuMjgzODQgMCAwLjEwMDM3IC0zLjIwNTE0IDMuMTgzNDcgLTAuMDU2NDkgMHptMC4xODgyIDBsMy4wNzM0MyAtMy4wOTQyOCAwIDAuMTAwMzkgLTMuMDE0MTggMi45OTM4OSAtMC4wNTkyNSAwem0wLjE4ODE2IDBsMi44ODUyNyAtMi45MDQ3MiAwIDAuMTAwNCAtMi44MjMyMyAyLjgwNDMyIC0wLjA2MjA0IDB6bTAuMTg4NDIgMGwyLjY5Njg1IC0yLjcxNTE1IDAgMC4xMDAzOSAtMi42MzI1IDIuNjE0NzYgLTAuMDY0MzYgMHptMC4xODgxOSAwbDIuNTA4NjcgLTIuNTI1NTggMCAwLjEwMDM5IC0yLjQ0MTU3IDIuNDI1MTkgLTAuMDY3MSAwem0wLjE4ODIgMGwyLjMyMDQ2IC0yLjMzNjAzIDAgMC4xMDA0MSAtMi4yNTA2MSAyLjIzNTYyIC0wLjA2OTg1IDB6bTAuMTg4MzkgMGwyLjEzMjA3IC0yLjE0NjQ1IDAgMC4xMDAzOSAtMi4wNTk4NiAyLjA0NjA2IC0wLjA3MjIxIDB6bTAuMTg4NDEgMGwxLjk0MzY2IC0xLjk1Njg4IDAgMC4xMDAzNyAtMS44NjkxNCAxLjg1NjUgLTAuMDc0NTIgMHptMC4xODgyIDBsMS43NTU0NiAtMS43NjczMSAwIDAuMTAwMzkgLTEuNjc4MiAxLjY2NjkyIC0wLjA3NzI2IDB6bTAuMTg4MTggMGwxLjU2NzI4IC0xLjU3Nzc3IDAgMC4xMDA0MiAtMS40ODcyMyAxLjQ3NzM1IC0wLjA4MDA0IDB6bTAuMTg4MTggMGwxLjM3OTEgLTEuMzg4MjEgMCAwLjEwMDQ1IC0xLjI5NjI4IDEuMjg3NzYgLTAuMDgyODEgMHptMC4xODg0MiAwbDEuMTkwNjggLTEuMTk4NjUgMCAwLjEwMDQyIC0xLjEwNTU3IDEuMDk4MjIgLTAuMDg1MTEgMHptMC4xODg0MSAwbDEuMDAyMjcgLTEuMDA5MDYgMCAwLjEwMDM5IC0wLjkxNDggMC45MDg2NyAtMC4wODc0NyAwem0wLjE4Nzk4IDBsMC44MTQzIC0wLjgxOTU1IDAgMC4xMDA1MSAtMC43MjM2NyAwLjcxOTA0IC0wLjA5MDYyIDB6bTAuMTg4NDIgMGwwLjYyNTg4IC0wLjYyOTk4IDAgMC4xMDA0OCAtMC41MzI5NiAwLjUyOTUgLTAuMDkyOTIgMHptMC4xODgzOSAwbDAuNDM3NDkgLTAuNDQwMzkgMCAwLjEwMDQ0IC0wLjM0MjIgMC4zMzk5NSAtMC4wOTUyOSAwem0wLjE4ODIyIDBsMC4yNDkyNyAtMC4yNTA4NiAwIDAuMTAwNTQgLTAuMTUxMjggMC4xNTAzMiAtMC4wOTc5OCAweiIvPg0KICA8cGF0aCBmaWxsPSIjRTMxRTI0IiBmaWxsLW9wYWNpdHk9IjAuNTI5NDEyIiBkPSJNLTAgNGwwIC00IDUuNSAwIDAgNCAtNS41IDB6bTIuODQ3NzMgLTEuNjM4ODNjLTAuMDIzNTEsLTAuMDAzOTQgLTAuMDQ1OTQsLTAuMDEwNDQgLTAuMDY3MzMsLTAuMDE5NSAtMC4wMzkwOSwtMC4wMTUxNiAtMC4wNzU0NiwtMC4wMzc1MyAtMC4xMDkwOCwtMC4wNjcxMSAtMC4wNjkwNywtMC4wNjA5MiAtMC4xMDM1MywtMC4xMzc4MSAtMC4xMDM1MywtMC4yMzA2OCAwLC0wLjA2NzYxIDAuMDIwNzksLTAuMTI4NTggMC4wNjI0MiwtMC4xODI4NSAwLjAxMTExLDAuMDEzNTYgMC4wMjM2MSwwLjAyNjQ4IDAuMDM3NTIsMC4wMzg3NiAwLjAzMzYzLDAuMDI5NTkgMC4wNjk5OSwwLjA1MTk1IDAuMTA5MDgsMC4wNjcxMSAwLjAxNDEyLDAuMDA1OTggMC4wMjg2OSwwLjAxMDg0IDAuMDQzNzIsMC4wMTQ1OSAtMC4wMTUwMiwwLjAxODQgLTAuMDIyNDUsMC4wMzkyMiAtMC4wMjI0NSwwLjA2MjM5IDAsMC4wMjQ5MyAwLjAwOTYsMC4wNDkxMyAwLjAyODY4LDAuMDcyNDEgMC4wMDA4MSwwLjAwMDk4IDAuMDAxNjQsMC4wMDE5NiAwLjAwMjUsMC4wMDI5bDAuMDAwMjkgMC4wMDAyOCAwLjAwMDAxIDAuMDAwMDJjMC4wMDU3OCwwLjAwNTc0IDAuMDExODUsMC4wMTA2OCAwLjAxODE1LDAuMDE0ODdsMCAtMC4wMDAwMmMwLjAxNjA1LDAuMDA5NzkgMC4wMzQ5NCwwLjAxNDYzIDAuMDU2NjMsMC4wMTQ2M2wwLjA5MTE0IDAgMCAwLjIxNDM2Yy0wLjAxMTU0LDAgLTAuMTM5MjgsLTAuMDAxNjEgLTAuMTQ3NzUsLTAuMDAyMTZ6bS0wLjU2MDAxIC0wLjYzNDY3YzAuMDIzNTEsMC4wMDM5NCAwLjA0NTk0LDAuMDEwNDQgMC4wNjczMywwLjAxOTUgMC4wMzkwOSwwLjAxNTE2IDAuMDc1NDUsMC4wMzc1MyAwLjEwOTA4LDAuMDY3MTEgMC4wNjkwNywwLjA2MDkyIDAuMTAzNTMsMC4xMzc4MSAwLjEwMzUzLDAuMjMwNjggMCwwLjA4NTg1IC0wLjAzMzUsMC4xNjA5NyAtMC4xMDA2NiwwLjIyNTMxIC0wLjAzNTA0LDAuMDMzNjIgLTAuMDc0MDMsMC4wNTg0NSAtMC4xMTY5NiwwLjA3NDU0bC0wLjAwMDk3IDAuMDAwMzdjLTAuMDE5NzIsMC4wMDc3NSAtMC4wNDAxNiwwLjAxMzQzIC0wLjA2MTM0LDAuMDE3bDAgLTAuMDAwNjYgLTAuMDA0OTggMC4wMDA4MWMtMC4wMDkxMSwwLjAwMDU1IC0wLjE0NjU0LDAuMDAyMTYgLTAuMTU4OTUsMC4wMDIxNmwwIC0wLjIxNDM2IDAuMDk4MDYgMGMwLjAyMzMzLDAgMC4wNDM2NiwtMC4wMDQ4NSAwLjA2MDkyLC0wLjAxNDY0bDAgMC4wMDAwMmMwLjAwNzAyLC0wLjAwNDMyIDAuMDEzNzMsLTAuMDA5NDcgMC4wMjAxNCwtMC4wMTU0NSAwLjAyMzA5LC0wLjAyMTM0IDAuMDM0NDYsLTAuMDQ2NDMgMC4wMzQ0NiwtMC4wNzUxMSAwLC0wLjAyNDkzIC0wLjAwOTYsLTAuMDQ5MTIgLTAuMDI4NjgsLTAuMDcyNDEgLTAuMDAwODEsLTAuMDAwOTggLTAuMDAxNjQsLTAuMDAxOTYgLTAuMDAyNDksLTAuMDAyOWwtMC4wMDAyOSAtMC4wMDAyOSAtMC4wMDAwMSAtMC4wMDAwMmMtMC4wMDU3OCwtMC4wMDU3NCAtMC4wMTE4NSwtMC4wMTA2OCAtMC4wMTgxNSwtMC4wMTQ4N2wwIDAuMDAwMDJjLTAuMDE2MDQsLTAuMDA5NzkgLTAuMDM0OTQsLTAuMDE0NjMgLTAuMDU2NjMsLTAuMDE0NjNsLTAuMDkxMTQgMCAwIC0wLjIxNDM1YzAuMDExNTQsMCAwLjEzOTI4LDAuMDAxNjEgMC4xNDc3NSwwLjAwMjE1em0wLjk0MDggMGMwLjAyMzUxLDAuMDAzOTQgMC4wNDU5NCwwLjAxMDQ0IDAuMDY3MzIsMC4wMTk1IDAuMDM5MDksMC4wMTUxNiAwLjA3NTQ2LDAuMDM3NTMgMC4xMDkwOCwwLjA2NzExIDAuMDY5MDcsMC4wNjA5MiAwLjEwMzUzLDAuMTM3ODEgMC4xMDM1MywwLjIzMDY4IDAsMC4wODU4NSAtMC4wMzM1LDAuMTYwOTcgLTAuMTAwNjYsMC4yMjUzMSAtMC4wMzUwNCwwLjAzMzYyIC0wLjA3NDAzLDAuMDU4NDUgLTAuMTE2OTYsMC4wNzQ1NGwtMC4wMDA5NyAwLjAwMDM3Yy0wLjAxOTcyLDAuMDA3NzUgLTAuMDQwMTYsMC4wMTM0MyAtMC4wNjEzNCwwLjAxN2wwIC0wLjAwMDY2IC0wLjAwNDk4IDAuMDAwODFjLTAuMDA5MTEsMC4wMDA1NSAtMC4xNDY1NCwwLjAwMjE2IC0wLjE1ODk1LDAuMDAyMTZsMCAtMC4yMTQzNiAwLjA5ODA2IDBjMC4wMjMzMywwIDAuMDQzNjYsLTAuMDA0ODUgMC4wNjA5MiwtMC4wMTQ2NGwwIDAuMDAwMDJjMC4wMDcwMiwtMC4wMDQzMiAwLjAxMzczLC0wLjAwOTQ3IDAuMDIwMTMsLTAuMDE1NDUgMC4wMjMwOSwtMC4wMjEzNCAwLjAzNDQ2LC0wLjA0NjQzIDAuMDM0NDYsLTAuMDc1MTEgMCwtMC4wMjQ5MyAtMC4wMDk1OSwtMC4wNDkxMiAtMC4wMjg2OCwtMC4wNzI0MSAtMC4wMDA4MSwtMC4wMDA5OCAtMC4wMDE2NCwtMC4wMDE5NiAtMC4wMDI1LC0wLjAwMjlsLTAuMDAwMjggLTAuMDAwMjkgLTAuMDAwMDEgLTAuMDAwMDJjLTAuMDA1NzgsLTAuMDA1NzQgLTAuMDExODUsLTAuMDEwNjggLTAuMDE4MTUsLTAuMDE0ODdsMCAwLjAwMDAyYy0wLjAxNjA1LC0wLjAwOTc5IC0wLjAzNDk0LC0wLjAxNDYzIC0wLjA1NjYzLC0wLjAxNDYzbC0wLjA5MTE0IDAgMCAtMC4yMTQzNWMwLjAxMTU0LDAgMC4xMzkyOCwwLjAwMTYxIDAuMTQ3NzUsMC4wMDIxNXptLTAuMjg4NTYgLTAuMDA0NjVjLTAuMDExMzYsMC4wMDA3IC0wLjA3MDA0LC0wLjAwMDUgLTAuMTE2OTYsMC4wMDg2MiAtMC4wMTcxMywwLjAwMzMzIC0wLjAzNDEsMC4wMDcxMyAtMC4wNTExMSwwLjAxMDk4IC0wLjAxNTY0LDAuMDAzNTQgLTAuMDM1OTQsMC4wMDkyOCAtMC4wNTEwNywwLjAxMTY4IDAuMDE1MjEsLTAuMDE4MzkgMC4xMjE2MSwtMC4wNDQxOCAwLjE0ODU4LC0wLjA0NjU3IC0wLjAwMjkxLC0wLjAwNDgzIC0wLjA4NzIzLC0wLjA2ODYyIC0wLjAxOTI2LC0wLjE1NTQ4IDAuMDQwNTUsLTAuMDUxODEgMC4xMjMxOSwtMC4wMzc1NCAwLjE4NzkyLC0wLjAzNzU0bDAgLTAuMjE1MTMgLTAuMTgyNDQgMC4wMDUxNWMtMC4xMTM0NiwwLjAyODM3IC0wLjIxMjUyLDAuMTExMjcgLTAuMjQ5MzUsMC4yMjM5NCAtMC4wMDgyOSwwLjAyNTM3IC0wLjAxMjAyLDAuMDU0MTQgLTAuMDEzOTgsMC4wODA2NyAtMC4wMDM4LDAuMDUxMTYgMC4wMTI2MSwwLjEwOTExIDAuMDM1MDIsMC4xNTQzNCAwLjAyMDEzLDAuMDQwNjUgMC4wNTM0NSwwLjA3MzAxIDAuMDg3NjcsMC4xMDE2NSAwLjAzNTU2LDAuMDI5NzYgMC4wODQzNywwLjA1MTMxIDAuMTI1MzksMC4wNjM5MyAwLjA0NDMxLDAuMDEzNjMgMC4xMzY2OSwwLjAwODgzIDAuMTgwNDksMC4wMDg4M2wwIC0wLjIxNTEzIC0wLjA4MDg5IDAuMDAwMDZ6Ii8+DQogIDxwb2x5Z29uIGZpbGw9IiNFMzFFMjQiIGZpbGwtb3BhY2l0eT0iMC43MDE5NjEiIHBvaW50cz0iLTAsNCAtMCwtMCA1LjUsLTAgNS41LDQgIi8+DQogPC9nPg0KPC9zdmc+DQo=);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
}

.viewcntnt>video.thumbvideo.zoom {
    min-height: calc(100vh - 60px) !important;
    max-width: 100vw !important;
    object-fit: contain;
}

.viewer.atv {
    opacity: 1;
    z-index: 3012;
    width: 100%;
    height: 100%;
    background: rgba(3, 3, 3, 0.900);
}

.viewcntrl span>svg {
    margin-top: 7px;
}

.viewcntrl span {
    height: 30px;
    width: 30px;
    line-height: 60px;
    display: inline-flex;
    margin-left: 15px;
    stroke: #ffffff9e;
}

.viewcntrl span:hover {
    color: orangered;
    fill: orangered;
    stroke: orangered !important;
}

.timeplayer {
    min-width: 10vw;
    height: 3px;
    width: 20%;
    margin: 0px 10px;
    top: -10px;
    position: relative;
    display: inherit;
}

.viewcntrl {
    font-size: 30px;
    border-bottom: 1px solid #ffffff40;
    background: #0000005c;
    width: calc(100% - 30px);
    padding: 0 15px;
    height: 60px;
    display: inline-block;
    color: #ffffff9e;
    fill: #ffffff9e;
    text-align: right;
}

.viewcntnt {
    height: calc(100% - 60px);
    display: initial;
}

.viewtxt {
    width: 70vw;
    height: calc(100vh - 60px - 343px);
    margin: 0 auto;
    padding: 15px;
    background: #ffffffed;
    overflow: auto;
    line-height: 17px;
    word-break: break-all;
    text-align: justify;
}

.viewcht {
    height: calc(100% - 4183px);
    background: white;
    height: calc(100vh - 381px);
    width: 40vw;
    width: 70vw;
    min-width: 300px;
    /* top: 10px; */
    overflow: hidden;
    margin: 10vw auto 0 auto;
    padding: 15px;
    overflow-y: auto;
}

.viewcht .autorcoment,
.viewcht .coment1_p {
    height: fit-content;
    display: contents;
}

.viewcht .ntf_1::before,
.viewcht .ntf_2::before,
.viewcht .ntf_3::before,
.viewcht .ntf_4::before,
.viewcht .ntf_5::before,
.viewcht .ntf_6::before,
.viewcht .ntf_7::before,
.viewcht .ntf_8::before,
.viewcht .idcoment:before {
    position: inherit;
}

.viewchtdiv {
    margin-left: 15px;
    font-stretch: condensed;
}

.viewchtdiv .idcoment {
    position: relative;
}

.slideshow {
    margin-top: 10%;
    margin-bottom: 10vw;
}

.sld_home {
    margin: -10%;
    display: block;
}


/*.sld_home img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto !important;
    display: block;
}*/


/*-------------------*/

.vermais::after {
    content: "";
    position: relative;
    position: relative;
    transition: 0.3s;
    width: 0px;
    display: block;
    padding: 0px;
    height: 0px;
    /* top: 50px; */
    margin-top: 30px;
    /* margin-left: 10px; */
    /* left: 75px; */
    height: 0px;
    transform: rotate( 45deg);
    border-left: 15px solid transparent;
    border-bottom: 15px solid #5cb2d4;
    background: transparent;
    display: table;
    transition: 0.5s;
    animation: mais 2s infinite;
}

.vermais:hover::after {
    border-left: 0px solid transparent;
    border-bottom: 0px solid transparent;
}

@keyframes mais {
    0% {
        top: 0px;
    }
    15% {
        top: -10px;
    }
    30% {
        top: 15px;
    }
    50% {
        top: -25px;
    }
    75% {
        top: 0px;
    }
    100% {
        top: 0px;
    }
}

.vermais>input[type="button"] {
    padding: 10px;
    transform: scale(0.8);
    background: #5cb2d4;
    color: white;
    margin-top: 20px;
    margin-left: 20px;
    margin-left: -5px;
    /* margin-bottom:-15px; */
    appearance: none;
    transition: 0.3s;
}

.vermais {
    display: contents;
}

.vermais>input[type="button"]:hover {
    transform: scale(1);
    margin-right: 10px;
    cursor: pointer;
}


/*-------------------*/

video.videozoom {
    /* max-width: fit-content;
    max-height: fit-content;*/
    max-width: 100vw !important;
    max-height: 100vh;
    min-height: 100vh;
    min-width: 100vw;
    object-fit: contain;
}

.thumbvideo {
    position: inherit !important;
    object-fit: cover;
    /* margin-bottom: -10vw; */
    display: flex;
    margin: 0 auto -10vw auto;
    max-width: 320px;
    max-height: 290px;
    object-position: center;
}

.tela_zoom.atv {
    height: 50vh !important;
    width: 90vw !important;
    /*position: absolute !important;*/
    position: initial !important;
    margin-bottom: 100vh !important;
    left: 5vw;
    z-index: 200;
    cursor: zoom-in !important;
}


/*.tela_zoom.atv canvas,*/

.tela_zoom img {
    background-image:var(--svgLoader); 
}

.tela_zoom.atv img {
    height: auto;
    width: auto;
    object-fit: contain !important;
    /* max-height: calc(100vh - 110px);
    max-width: 90vw;
    min-height: auto;
    top: 60px;
    */
}

.tela_zoom {
    display: flex;
    flex-wrap: wrap;
    height: 290px;
    width: 40vw;
    width: 70vw;
    min-width: 300px;
    padding: 0 15px;
    /*overflow: hidden;
    width: 365px;*/
    position: relative;
    margin: 0 auto;
    transition: 0.4s;
}

.tela_zoom>p {
    min-height: calc(100% - 20px);
    /* max-height: -webkit-fill-available; */
    left: 0;
    position: absolute;
    display: block;
    top: -8px;
    /* pointer-events: all; */
    min-width: calc(100% - 20px);
    max-width: calc(40vw - 20px);
    z-index: -1;
    /* touch-action: auto; */
    /* overflow-y: auto; */
    transition: 0.4s;
    background: white;
    /* scroll-behavior: auto; */
    line-height: 18px;
    font-size: 16px;
    font-weight: 500;
    font-family: Arial Narrow !important;
    color: #464646;
    text-indent: 1.5em;
    word-break: break-word;
    padding: 10px;
    text-align: justify;
}

.zoom-image {
    min-height: 100%;
    max-height: -webkit-fill-available;
    left: 0;
    position: absolute;
    top: 0;
    min-width: 100%;
    max-width: 40vw;
    object-fit: contain !important;
    z-index: -1;
    transition: 0.4s;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}


/*---------------*/

.sliderperc::after {
    content: attr(data-perc)"%";
    position: relative;
    top: -15px;
    float: right;
}

.sliderperc {
    /*-webkit-appearance: none;*/
    width: 100%;
    height: 15px;
    /*outline: none;*/
    margin: 5px 0 25px 0;
    /* opacity: 0.7; */
    -webkit-transition: .2s;
    transition: opacity .2s;
    pointer-events: none;
    background: linear-gradient(to right, var(--perc) var(--perc2), var(--perc) var(--perc2), #cbcaca var(--perc2), #cbcaca 100%);
}


/*
.sliderperc::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 0px;
    height: 15px;
    cursor: pointer;
}

.sliderperc::-moz-range-thumb {
    width: 0px;
    height: 15px;
}
*/


/*---------------*/

.slidercntnt {
    width: 100%;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    background: #edf2f6;
    outline: none;
    margin: 15px 0;
    border-radius: 20px;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px !important;
    height: 20px;
    border-radius: 20px;
    border: 0px;
    background: orangered;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 15px;
    background: orangered;
}

.sld_prev,
.sld_next {
    cursor: pointer;
    position: fixed;
    width: auto;
    padding: 16px;
    /* margin-top: -110px; */
    top: calc((var(--vh) * 50) - 25px);
    /* margin-top: 5vw; */
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    z-index: 200;
    background: #00000094;
}

.sld_next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.sld_prev {
    left: 0;
    border-radius: 0 3px 3px 0;
}

.sld_prev:hover,
.sld_next:hover {
    background-color: #ffffffba;
    color: black;
}

@media screen and (min-width: 600px) {
    .thumbvideo {
        max-width: initial !important;
    }
}

@media only screen and (max-height:400px) and (max-width: 600px) {
    /*.comentcorpo form>textarea:hover,*/
    .comentcorpo form>textarea:focus {
        width: calc(100vw - 30px) !important;
        height: 75vh !important;
        position: fixed;
        top: 0;
        left: 10px;
        /*padding: 15px;
        background: white;
        */
        box-shadow: 0 0 0px 20px white;
        border-bottom: 25vh solid white !important;
        z-index: 200;
    }
}


/*removido temporariamente
.playpause:hover {
    opacity: 1;
}

.playpause {
    position: absolute;
    left: calc(50vw - 29px);
    margin-top: -40px;
    padding: 15px;
    border: 1px solid #ffffff73;
    border-radius: 50%;
    background: #292a32a8;
    color: white;
    font-weight: 600;
    opacity: 0.5;
    transform: rotate(25deg);
    transition: 0.4s;
    height: 12px;
    width: 12px;
}*/

video::before {
    content: "CLOSE";
    width: 40px;
    height: 40px;
    background: red;
    color: white;
    top: 0;
}

video::before:-webkit-full-screen,
video::before:-ms-fullscreen,
video::before:fullscreen {
    content: "CLOSE";
    background: rgb(17, 197, 32);
}