.mascot-ctn {/*margin-top: 10px;text-align: center;white-space: initial;*/}
.mascot-ctn.h-txt {font-size: 13px;font-weight: bold;}
.mascot-h {color: #000066;display: inline-table;font-weight: bold;height: 340px;min-width: 200px;overflow: hidden;position: relative;text-align: center;}
.mascot-h #myPicture {height: 200px;left: 0;position: relative;width: 200px;}
div#vw-lnk {margin-top: 5px;}
div#imascotname {/*color: #CC0000;font-size: 15px;margin: 10px 0;*/}
.mascot-sel {border: 1px solid #95989a;border-radius: 6px;height: 20px;margin: 5px 0 10px 0;}
.mascot-img {height: 350px;width: 350px;}
.nav-btn-all-mascots {cursor: pointer;height: 25px;width: 25px;display: flex;color: #007bff;border-radius: 100px;justify-content: center;align-items: center;border: 1px solid #007bff;}
.nav-btn-all-mascots:hover {background: #007bff;color: #fff;}
ul#navul {display: flex;justify-content: space-evenly;margin: 0 auto;padding: 0;width: 70%;}
ul#navul>li {display: inline;line-height: 30px;list-style-type: none;margin: 0;}
.mascot-h #navctn {bottom: 0;position: absolute;width: 200px;}
#navctn #prevMascot {/*margin-right: 20px;*/}
.mascot-ctn .ptr {cursor: pointer;}
.ptr-evt {pointer-events: none;}
.mascot-cl-btn {border: 1px solid;border-radius: 5px;box-shadow: inset 1px -1px 0px 0px #ddd;cursor: pointer;padding: 0 5px;}
.mascot-h .hlt {float: left;}
.mascot-h .hrt {float: right;}
#mascotPos {display: none;}