.wrap-logo {
    position: relative;
}

.wrap-logo:after {
    content: "";
    position: absolute;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}
.st-header-index .wrap-logo:after,
.st-thanks .wrap-logo:after {
    background-size: contain;
}

.online-sel-avatar1 .wrap-logo:after {
    background-image: url(https://static.masterspro.app/media/upload/673c86a2e7d2db95290a7015.png);
    right: 1px;
    top: -14px;
    width: 30px;
    height: 30px;
}
.online-sel-avatar1 .big:after {
    right: -16px;
    top: -26px;
    width: 55px;
    height: 55px;
}
.online-sel-avatar1 .st-header-index .wrap-logo:after {
    right: -12px;
    top: -17px;
    width: 37px;
    height: 37px;
}

.online-sel-avatar1 .st-thanks .wrap-logo:after {
    width: 30px;
    height: 30px;
    right: -13px;
    top: -15px;
}

.online-sel-avatar2 .wrap-logo:after {
    background-image: url(https://static.masterspro.app/media/upload/673c86f99e36a3251f0dc982.png);
    right: 2px;
    top: -25px;
    width: 41px;
    height: 39px;
}
.online-sel-avatar2 .big:after {
    right: 1px;
    top: -36px;
    width: 55px;
    height: 55px;
}
.online-sel-avatar2 .st-header-index .wrap-logo:after {
    right: 3px;
    top: -19px;
    width: 30px;
    height: 27px;
}

.online-sel-avatar2 .st-thanks .wrap-logo:after {
    right: -1px;
    top: -20px;
    width: 26px;
    height: 25px;
}

.online-sel-avatar3 .wrap-logo:after {
    background-image: url(https://static.masterspro.app/media/upload/673c844fdec7dc3af6059927.png);
    right: -13px;
    top: -24px;
    width: 47px;
    height: 39px;
}
.online-sel-avatar3 .big:after {
    right: -25px;
    top: -44px;
    width: 67px;
    height: 67px;
}
.online-sel-avatar3 .st-header-index .wrap-logo:after {
    right: -13px;
    top: -26px;
    width: 41px;
    height: 44px;
}

.online-sel-avatar3 .st-thanks .wrap-logo:after {
    right: -18px;
    top: -22px;
    width: 32px;
    height: 34px;
}

.online-sel-avatar4 .wrap-logo:after {
    background-image: url(https://static.masterspro.app/media/upload/673c836bfcdb3700630c0ef1.png);
    right: 7px;
    top: -14px;
    width: 35px;
    height: 34px;
}
.online-sel-avatar4 .big:after {
    right: -10px;
    top: -36px;
    width: 84px;
    height: 100px;
}
.online-sel-avatar4 .st-header-index .wrap-logo:after
{
    right: -3px;
    top: -17px;
    width: 46px;
    height: 43px;
}

.online-sel-avatar4 .st-thanks .wrap-logo:after {
    right: -7px;
    top: -20px;
    width: 38px;
    height: 35px;
}

.icon-place .bgrecolor {
    background-size: cover;
}

.online-color-ng1 .icon-place .bgrecolor,
.online-color-ng1 .online-phone .bgrecolor,
.online-color-ng1 .blkrecolor .active .abgrecolor,
.online-color-ng1 .online-container .title .bgrecolor,
.online-color-ng1 .online-header2.bgrecolor .wrap-cont,
.online-color-ng1 .online-services-wrap .category div,
.online-color-ng1 .online-def-btn span,
.online-color-ng1 .online-active-btns a.onl span,
.online-color-ng1 .online-calendar-btn span,
.online-color-ng1  .online-index-step .icon
{
    background-color: #ef0301 !important;
}

.online-color-ng1 .active .txtrecolor {
    color: #ef0301 !important;
}

.online-color-ng1 .online-header2.bgrecolor .wrap-cont {
    background-image: url(https://static.masterspro.app/media/upload/637761e4ee25a66c6076ff7f.png) !important;
}

.online-color-ng1 .online-services-wrap .category div
{
    background-image: url(https://static.masterspro.app/media/upload/637761edf494e16f75129e87.png) !important;
}

.online-color-ng1 .online-def-btn span,
.online-color-ng1 .online-active-btns a.onl span,
.online-color-ng1 .online-calendar-btn span
{
    background-image: url(https://static.masterspro.app/media/upload/637761f55e7e7c7deb352a19.png) !important;
}

.online-color-ng2 .icon-place .bgrecolor,
.online-color-ng2 .online-phone .bgrecolor,
.online-color-ng2 .blkrecolor .active .abgrecolor,
.online-color-ng2 .online-container .title .bgrecolor,
.online-color-ng2 .online-header2.bgrecolor .wrap-cont,
.online-color-ng2 .online-services-wrap .category div,
.online-color-ng2 .online-def-btn span,
.online-color-ng2 .online-active-btns a.onl span,
.online-color-ng2 .online-calendar-btn span,
.online-color-ng2  .online-index-step .icon
{
    background-color: #0147a4 !important;
}

.online-color-ng2 .active .txtrecolor {
    color: #0147a4 !important;
}

.online-color-ng2 .online-header2.bgrecolor .wrap-cont {
    background-image: url(https://static.masterspro.app/media/upload/6377a95c075b675665755744.png) !important;
}

.online-color-ng2 .online-services-wrap .category div
{
    background-image: url(https://static.masterspro.app/media/upload/6377a9855e7e7c7deb35a797.png) !important;
}

.online-color-ng2 .online-def-btn span,
.online-color-ng2 .online-active-btns a.onl span,
.online-color-ng2 .online-calendar-btn span
{
    background-image: url(https://static.masterspro.app/media/upload/6377a9632851c54ad906bf94.png) !important;
}

.online-color-ng3 .icon-place .bgrecolor,
.online-color-ng3 .online-phone .bgrecolor,
.online-color-ng3 .blkrecolor .active .abgrecolor,
.online-color-ng3 .online-container .title .bgrecolor,
.online-color-ng3 .online-header2.bgrecolor .wrap-cont,
.online-color-ng3 .online-services-wrap .category div,
.online-color-ng3 .online-def-btn span,
.online-color-ng3 .online-active-btns a.onl span,
.online-color-ng3 .online-calendar-btn span,
.online-color-ng3  .online-index-step .icon
{
    background-color: #0f6d00 !important;
}

.online-color-ng3 .active .txtrecolor {
    color: #0f6d00 !important;
}

.online-color-ng3 .online-header2.bgrecolor .wrap-cont {
    background-image: url(https://static.masterspro.app/media/upload/6377ac4169feae1b48086a68.png) !important;
}

.online-color-ng3 .online-services-wrap .category div
{
    background-image: url(https://static.masterspro.app/media/upload/6377ac49de91401983624883.png) !important;
}

.online-color-ng3 .online-def-btn span,
.online-color-ng3 .online-active-btns a.onl span,
.online-color-ng3 .online-calendar-btn span
{
    background-image: url(https://static.masterspro.app/media/upload/6377ac509ccff4445320c45a.png) !important;
}

.online-color-ng4 .icon-place .bgrecolor,
.online-color-ng4 .online-phone .bgrecolor,
.online-color-ng4 .blkrecolor .active .abgrecolor,
.online-color-ng4 .online-container .title .bgrecolor,
.online-color-ng4 .online-header2.bgrecolor .wrap-cont,
.online-color-ng4 .online-services-wrap .category div,
.online-color-ng4 .online-def-btn span,
.online-color-ng4 .online-active-btns a.onl span,
.online-color-ng4 .online-calendar-btn span,
.online-color-ng4  .online-index-step .icon
{
    background-color: #02151e !important;
}

.online-color-ng4 .active .txtrecolor {
    color: #02151e !important;
}

.online-color-ng4 .online-header2.bgrecolor .wrap-cont {
    background-image: url(https://static.masterspro.app/media/upload/6377acee0f09454f612845a9.png) !important;
}

.online-color-ng4 .online-services-wrap .category div
{
    background-image: url(https://static.masterspro.app/media/upload/6377acf4507331640072afe3.png) !important;
}

.online-color-ng4 .online-def-btn span,
.online-color-ng4 .online-active-btns a.onl span,
.online-color-ng4 .online-calendar-btn span
{
    background-image: url(https://static.masterspro.app/media/upload/6377acfa0d84841a0873618b.png) !important;
}


.online-color-ng5 .icon-place .bgrecolor,
.online-color-ng5 .online-phone .bgrecolor,
.online-color-ng5 .blkrecolor .active .abgrecolor,
.online-color-ng5 .online-container .title .bgrecolor,
.online-color-ng5 .online-header2.bgrecolor .wrap-cont,
.online-color-ng5 .online-services-wrap .category div,
.online-color-ng5 .online-def-btn span,
.online-color-ng5 .online-active-btns a.onl span,
.online-color-ng5 .online-calendar-btn span,
.online-color-ng5  .online-index-step .icon
{
    background-color: #af100d !important;
}

.online-color-ng5 .active .txtrecolor {
    color: #af100d !important;
}

.online-color-ng5 .online-header2.bgrecolor .wrap-cont {
    background-image: url(https://static.masterspro.app/media/upload/6377e47e302c3075ef26b2a9.png) !important;
}

.online-color-ng5 .online-services-wrap .category div
{
    background-image: url(https://static.masterspro.app/media/upload/6377e4862851c54ad90709e7.png) !important;
}

.online-color-ng5 .online-def-btn span,
.online-color-ng5 .online-active-btns a.onl span,
.online-color-ng5 .online-calendar-btn span
{
    background-image: url(https://static.masterspro.app/media/upload/6377e48cf494e16f75136173.png) !important;
}

.online-color-ng6 .icon-place .bgrecolor,
.online-color-ng6 .online-phone .bgrecolor,
.online-color-ng6 .blkrecolor .active .abgrecolor,
.online-color-ng6 .online-container .title .bgrecolor,
.online-color-ng6 .online-header2.bgrecolor .wrap-cont,
.online-color-ng6 .online-services-wrap .category div,
.online-color-ng6 .online-def-btn span,
.online-color-ng6 .online-active-btns a.onl span,
.online-color-ng6 .online-calendar-btn span,
.online-color-ng6  .online-index-step .icon
{
    background-color: #0156a9 !important;
}

.online-color-ng6 .active .txtrecolor {
    color: #0156a9 !important;
}

.online-color-ng6 .online-header2.bgrecolor .wrap-cont {
    background-image: url(https://static.masterspro.app/media/upload/6378030ff361586c2f231fed.png) !important;
}

.online-color-ng6 .online-services-wrap .category div
{
    background-image: url(https://static.masterspro.app/media/upload/6378031ad4f7ac6ca3430eec.png) !important;
}

.online-color-ng6 .online-def-btn span,
.online-color-ng6 .online-active-btns a.onl span,
.online-color-ng6 .online-calendar-btn span
{
    background-image: url(https://static.masterspro.app/media/upload/637803216d780e43fd518339.png) !important;
}

.online-color-ng7 .icon-place .bgrecolor,
.online-color-ng7 .online-phone .bgrecolor,
.online-color-ng7 .blkrecolor .active .abgrecolor,
.online-color-ng7 .online-container .title .bgrecolor,
.online-color-ng7 .online-header2.bgrecolor .wrap-cont,
.online-color-ng7 .online-services-wrap .category div,
.online-color-ng7 .online-def-btn span,
.online-color-ng7 .online-active-btns a.onl span,
.online-color-ng7 .online-calendar-btn span,
.online-color-ng7  .online-index-step .icon
{
    background-color: #075f07 !important;
}

.online-color-ng7 .active .txtrecolor {
    color: #075f07 !important;
}

.online-color-ng7 .online-header2.bgrecolor .wrap-cont {
    background-image: url(https://static.masterspro.app/media/upload/63780567d96dc63c47402a71.png) !important;
}

.online-color-ng7 .online-services-wrap .category div
{
    background-image: url(https://static.masterspro.app/media/upload/63780571fa50187bbc1bcae5.png) !important;
}

.online-color-ng7 .online-def-btn span,
.online-color-ng7 .online-active-btns a.onl span,
.online-color-ng7 .online-calendar-btn span
{
    background-image: url(https://static.masterspro.app/media/upload/6378057828689550815f4c04.png) !important;
}

.online-color-ng8 .icon-place .bgrecolor,
.online-color-ng8 .online-phone .bgrecolor,
.online-color-ng8 .blkrecolor .active .abgrecolor,
.online-color-ng8 .online-container .title .bgrecolor,
.online-color-ng8 .online-header2.bgrecolor .wrap-cont,
.online-color-ng8 .online-services-wrap .category div,
.online-color-ng8 .online-def-btn span,
.online-color-ng8 .online-active-btns a.onl span,
.online-color-ng8 .online-calendar-btn span,
.online-color-ng8  .online-index-step .icon
{
    background-color: #000000 !important;
}

.online-color-ng8 .active .txtrecolor {
    color: #000000 !important;
}

.online-color-ng8 .online-header2.bgrecolor .wrap-cont {
    background-image: url(https://static.masterspro.app/media/upload/637806715fc386685a0410ed.png) !important;
}

.online-color-ng8 .online-services-wrap .category div
{
    background-image: url(https://static.masterspro.app/media/upload/6378067c45c1f74250043690.png) !important;
}

.online-color-ng8 .online-def-btn span,
.online-color-ng8 .online-active-btns a.onl span,
.online-color-ng8 .online-calendar-btn span
{
    background-image: url(https://static.masterspro.app/media/upload/6378068360a22178f009a619.png) !important;
}

body:not(.js-ny) .online-header2 .wrap-cont
{
    background-size: cover;
    background-position: center;
    background-repeat: repeat-x;
    background-image: url(https://static.masterspro.app/media/upload/619e2f038c91e7053a8f9924.png);
}

body:not(.js-ny) .online-services-wrap .category div
{
    background-size: cover;
    background-position: center;
    background-repeat: repeat-x;
    background-image: url(https://static.masterspro.app/media/upload/619e2f908c91e703583275f0.png);
}

body:not(.js-ny) .online-def-btn span,
body:not(.js-ny) .online-active-btns a.onl span
{
    background-size: cover;
    background-position: center;
    background-repeat: repeat-x;
    background-image: url(https://static.masterspro.app/media/upload/619e301c8c91e732024a7204.png);
}


/* new 2021 */

/*preload*/
.body:after {
    content: url('https://static.masterspro.app/media/upload/619532458c91e7035b675045.png') url('https://static.masterspro.app/media/upload/619532538c91e7015d839913.png') url('https://static.masterspro.app/media/upload/6195327b8c91e7034d4aaa5f.png') url('https://static.masterspro.app/media/upload/6195329e8c91e70bda43b73a.png') url('https://static.masterspro.app/media/upload/619532b28c91e7034e539e8f.png') url('https://static.masterspro.app/media/upload/619532cb8c91e7035b6750ca.png') url('https://static.masterspro.app/media/upload/619532d98c91e72a0966efef.png');
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
}

body:not(.hide-twig) .online-header .wrap-bg {
    position: relative;
}

body:not(.hide-twig) .online-header .wrap-bg:before {
    content: "";
    z-index: -1;
    height: 100%;
    width: 100%;
    bottom: 0;
    display: block;
    position: absolute;
    background-position: left top;
    background-size: contain;
    background-repeat: no-repeat;
}

body.cover1:not(.hide-twig) .online-header .wrap-bg:before {
    background-image: url(https://static.masterspro.app/media/upload/6376573d86ff1346544574e6.png);
}

body.cover2:not(.hide-twig) .online-header .wrap-bg:before {
    background-image: url(https://static.masterspro.app/media/upload/63765736b07a573cf769d4aa.png);
}

/*
body:not(.hide-twig) .online-header .wrap-bg::after {
    content: "";
    z-index: -1;
    height: 100%;
    width: 100%;
    bottom: 0;
    display: block;
    position: absolute;

    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(https://static.masterspro.app/media/upload/619532458c91e7035b675045.png);

    animation-name: ny-animation;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
*/

@keyframes ny-animation {
    0% {
        background-image: url('https://static.masterspro.app/media/upload/619532538c91e7015d839913.png');
    }
    16.6% {
        background-image: url('https://static.masterspro.app/media/upload/6195327b8c91e7034d4aaa5f.png');
    }
    33.3% {
        background-image: url('https://static.masterspro.app/media/upload/6195329e8c91e70bda43b73a.png');
    }
    50% {
        background-image: url('https://static.masterspro.app/media/upload/619532b28c91e7034e539e8f.png');
    }
    66.6% {
        background-image: url('https://static.masterspro.app/media/upload/619532cb8c91e7035b6750ca.png');
    }
    83.3% {
        background-image: url('https://static.masterspro.app/media/upload/619532d98c91e72a0966efef.png');
    }
    100% {
        background-image: url('https://static.masterspro.app/media/upload/619532538c91e7015d839913.png');
    }
}



.ny-banner {
    margin: 0 12pt;
    position: relative;
}

.ny-banner + .online-banner-view {
    margin-top: 12pt;
}

.ny-banner .ny-banner-view {
    border-radius: 0px 0px 10px 10px;
    padding: 6px;
    display: flex;
    align-items: center;
    min-height: 128px;
    justify-content: center;
}

.ny-banner .ny-banner-view .info {
    margin-left: 5px;
    max-width: 66%;
}

.ny-banner  .ny-banner-view .title {
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}

.ny-banner .ny-banner-view .desc {
    margin: 5px 1px 0 0;
    opacity: 0.9;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}

.ny-banner .ny-banner-view .icon {
    width: auto;
    height: auto;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    position: relative;
    bottom: 0;
    right: 0;
    border-radius: 0 0 10px;
    overflow: hidden;
    justify-content: center;
}
.ny-banner .ny-banner-view .icon span {
    width: auto;
    height: 128px;
    background-color: unset;
    border-radius: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.ny-banner .ny-banner-view .icon span img {
    width: auto;
    max-width: 100px;
    height: 128px;
    object-fit: contain;
}