#wp-nt-aio-wrapper {
--backgroundIcon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 455 455' width='512' height='512'%3E%3Cpath d='M227.5 0C101.855 0 0 101.855 0 227.5c0 47.551 14.598 91.688 39.544 128.193L9.662 445.338l89.646-29.881C135.812 440.403 179.949 455 227.5 455 353.145 455 455 353.145 455 227.5S353.145 0 227.5 0z' fill='%23FFF'/%3E%3C/svg%3E");
--backgroundIconCustomApp: url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/custom-app.svg);
--backgroundSize: 60%;
--backgroundColor: #007cc4;
--backgroundColorCustomApp: #007cc4;
position: fixed;
right: 35px;
z-index: 99999999;
font-family: Roboto, sans-serif;
}
#wp-nt-aio-wrapper *,
#wp-nt-aio-wrapper :after,
#wp-nt-aio-wrapper :before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#wp-nt-aio-wrapper .nt-aio-active {
position: relative;
z-index: 20;
width: 60px;
height: 60px;
background-color: var(--backgroundColor);
cursor: pointer;
overflow: hidden;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
#wp-nt-aio-wrapper .nt-aio-active,
#wp-nt-aio-wrapper .nt-aio-active:after,
#wp-nt-aio-wrapper .nt-aio-active:before {
-o-transition: 0.4s ease all;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: 0.4s ease all;
}
#wp-nt-aio-wrapper .nt-aio-active:after,
#wp-nt-aio-wrapper .nt-aio-active:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
#wp-nt-aio-wrapper .nt-aio-active:before {
z-index: 10;
background: var(--backgroundIcon) 50% no-repeat;
background-size: var(--backgroundSize);
overflow: hidden;
font-size: 100%;
}
#wp-nt-aio-wrapper .nt-aio-active:after {
opacity: 0;
z-index: 20;
background: url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/close-button.svg) 50% no-repeat;
background-size: 16px 16px;
-ms-transform: scale(0) rotate(-1turn);
transform: scale(0) rotate(-1turn);
-webkit-transform: scale(0) rotate(-1turn);
-moz-transform: scale(0) rotate(-1turn);
}
#wp-nt-aio-wrapper .nt-aio-content,
#wp-nt-aio-wrapper .nt-aio-item {
position: absolute;
bottom: 0;
left: 0;
}
#wp-nt-aio-wrapper .nt-aio-item {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
visibility: hidden;
opacity: 0;
}
#wp-nt-aio-wrapper .nt-aio-item,
#wp-nt-aio-wrapper .nt-aio-item .nt-aio-item-icon {
-o-transition: 0.4s ease all;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: 0.4s ease all;
}
#wp-nt-aio-wrapper .nt-aio-item .nt-aio-item-icon {
width: 60px;
height: 60px;
position: relative;
cursor: pointer;
background-size: 32px 32px !important;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
#wp-nt-aio-wrapper .nt-aio-item .nt-aio-item-txt {
opacity: 0;
visibility: hidden;
position: absolute;
top: 50%;
right: calc(100% + 10px);
padding: 0 10px;
background: rgba(54, 54, 54, 0.8);
color: #fff;
font-size: 12px;
line-height: 22px;
margin-top: -11px;
font-weight: 500;
white-space: nowrap;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-transition: 0.4s ease all;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: 0.4s ease all;
-ms-transform: translate(10px);
transform: translate(10px);
-webkit-transform: translate(10px);
-moz-transform: translate(10px);
}
#wp-nt-aio-wrapper .nt-aio-item .nt-aio-email {
background: #3a68fe url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/close-envelope.svg) 50% no-repeat;
}
#wp-nt-aio-wrapper .nt-aio-item .nt-aio-phone {
background: #ff5a00 url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/phone-receiver.svg) 50% no-repeat;
}
#wp-nt-aio-wrapper .nt-aio-item .nt-aio-viber {
background: #7b519c url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/viber.svg) 50% no-repeat;
}
#wp-nt-aio-wrapper .nt-aio-item .nt-aio-line {
background: #00b900 url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/line-logo.svg) 50% no-repeat;
}
#wp-nt-aio-wrapper .nt-aio-item .nt-aio-snapchat {
background: #fdfb1c url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/snapchat.svg) 50% no-repeat;
}
#wp-nt-aio-wrapper .nt-aio-item .nt-aio-whatsapp {
background: #14d61e url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/whatsapp-logo.svg) 50% no-repeat;
}
#wp-nt-aio-wrapper .nt-aio-item .nt-aio-facebook-messenger {
background: #0084ff url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/facebook-messenger.svg) 50% no-repeat;
}
#wp-nt-aio-wrapper .nt-aio-item .nt-aio-telegram {
background: #089be5 url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/telegram.svg) 50% no-repeat;
}
#wp-nt-aio-wrapper .nt-aio-item .nt-aio-skype {
background: #00a8f4 url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/skype.svg) 50% no-repeat;
}
#wp-nt-aio-wrapper .nt-aio-item [class*="nt-aio-custom-app"] {
background: var(--backgroundColorCustomApp) var(--backgroundIconCustomApp) 50%
no-repeat;
}
#wp-nt-aio-wrapper .nt-aio-item:hover .nt-aio-item-icon {
-webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.21) !important;
box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.21) !important;
}
@media (min-width: 1025px) {
#wp-nt-aio-wrapper .nt-aio-item:hover .nt-aio-item-txt {
opacity: 1;
visibility: visible;
-ms-transform: translate(0);
transform: translate(0);
-webkit-transform: translate(0);
-moz-transform: translate(0);
}
}
#wp-nt-aio-wrapper .nt-aio-popup {
visibility: hidden;
opacity: 0;
width: 350px;
position: absolute;
bottom: 75px;
right: 0;
overflow: hidden;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-transition: 0.4s ease all;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: 0.4s ease all;
-ms-transform: translateY(15px);
transform: translateY(15px);
-webkit-transform: translateY(15px);
-moz-transform: translateY(15px);
}
#wp-nt-aio-wrapper .nt-aio-popup .nt-aio-popup-header {
padding: 0 45px;
color: #fff;
font-size: 16px;
line-height: 45px;
font-weight: bold;
}
#wp-nt-aio-wrapper .nt-aio-popup .nt-aio-popup-header .nt-aio-popup-title-icon {
position: absolute;
height: 45px;
width: 40px;
top: 0;
left: 5px;
background-size: 36px 36px;
background-repeat: no-repeat;
background-position: 50%;
}
#wp-nt-aio-wrapper .nt-aio-popup .nt-aio-popup-header .nt-aio-popup-close {
opacity: 0.6;
width: 45px;
height: 45px;
position: absolute;
top: 0;
right: 0;
background: url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/close-button.svg) 50% no-repeat;
background-size: 16px 16px;
cursor: pointer;
-o-transition: 0.4s ease opacity;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
-webkit-transition: opacity 0.4s ease;
-moz-transition: 0.4s ease opacity;
}
#wp-nt-aio-wrapper
.nt-aio-popup
.nt-aio-popup-header
.nt-aio-popup-close:hover {
opacity: 1;
}
#wp-nt-aio-wrapper .nt-aio-popup .nt-aio-popup-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 275px;
padding: 13px 25px;
background: #fff;
color: #434a54;
font-size: 19px;
line-height: 24px;
}
#wp-nt-aio-wrapper .nt-aio-popup .nt-aio-popup-content p {
margin: 0 0 24px;
}
#wp-nt-aio-wrapper .nt-aio-popup .nt-aio-popup-content a:only-child {
margin-top: -20px;
}
#wp-nt-aio-wrapper .nt-aio-popup .nt-aio-popup-content h1,
#wp-nt-aio-wrapper .nt-aio-popup .nt-aio-popup-content h2,
#wp-nt-aio-wrapper .nt-aio-popup .nt-aio-popup-content h3,
#wp-nt-aio-wrapper .nt-aio-popup .nt-aio-popup-content h4,
#wp-nt-aio-wrapper .nt-aio-popup .nt-aio-popup-content h5 {
font-weight: 400;
margin: 0 0 24px;
}
#wp-nt-aio-wrapper .nt-aio-popup .nt-aio-popup-content h5 {
font-size: 14px;
line-height: 24px;
}
#wp-nt-aio-wrapper .nt-aio-popup .nt-aio-popup-content h4 {
font-size: 18px;
line-height: 28px;
}
#wp-nt-aio-wrapper .nt-aio-popup .nt-aio-popup-content h3 {
font-size: 24px;
line-height: 34px;
}
#wp-nt-aio-wrapper .nt-aio-popup .nt-aio-popup-content h2 {
font-size: 30px;
line-height: 40px;
}
#wp-nt-aio-wrapper .nt-aio-popup .nt-aio-popup-content h1 {
font-size: 40px;
line-height: 50px;
}
#wp-nt-aio-wrapper .nt-aio-popup.nt-aio-messenger-popup .nt-aio-popup-header,
#wp-nt-aio-wrapper .nt-aio-popup.nt-aio-facebook-messenger-popup .nt-aio-popup-header {
background: #0084ff;
}
#wp-nt-aio-wrapper .nt-aio-popup.nt-aio-wechat-popup .nt-aio-popup-header {
background: #008000;
}
#wp-nt-aio-wrapper .nt-aio-popup.nt-aio-kakaotalk-popup .nt-aio-popup-header {
background: #ffde00;
color: #000;
}
#wp-nt-aio-wrapper .nt-aio-popup.nt-aio-zalo-popup .nt-aio-popup-header {
background: #00b1ff;
}
#wp-nt-aio-wrapper
.nt-aio-popup.nt-aio-messenger-popup
.nt-aio-popup-header
.nt-aio-popup-title-icon,
#wp-nt-aio-wrapper
.nt-aio-popup.nt-aio-facebook-messenger-popup
.nt-aio-popup-header
.nt-aio-popup-title-icon {
background-image: url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/facebook-messenger.svg);
background-size: 22px 22px;
}
#wp-nt-aio-wrapper
.nt-aio-popup.nt-aio-wechat-popup
.nt-aio-popup-header
.nt-aio-popup-title-icon {
background-image: url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/wechat.svg);
background-size: 22px 22px;
}
#wp-nt-aio-wrapper
.nt-aio-popup.nt-aio-kakaotalk-popup
.nt-aio-popup-header
.nt-aio-popup-title-icon {
background-image: url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/kakaotalk.svg);
background-size: 22px 22px;
}
#wp-nt-aio-wrapper
.nt-aio-popup.nt-aio-zalo-popup
.nt-aio-popup-header
.nt-aio-popup-title-icon {
background-image: url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/zalo.svg);
background-size: 22px 22px;
}
#wp-nt-aio-wrapper
.nt-aio-popup.nt-aio-zalo-popup
.nt-aio-popup-header
.nt-aio-popup-title-icon {
background-image: url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/zalo.svg);
background-size: 22px 22px;
}
#wp-nt-aio-wrapper .nt-aio-popup.nt-aio-whatsapp-popup .nt-aio-popup-header {
background: #14d61e;
}
#wp-nt-aio-wrapper
.nt-aio-popup.nt-aio-whatsapp-popup
.nt-aio-popup-header
.nt-aio-popup-title-icon {
background-image: url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/whatsapp-logo.svg);
background-size: 22px 22px;
}
#wp-nt-aio-wrapper .nt-aio-popup.nt-aio-snapchat-popup .nt-aio-popup-header {
background: #fdfb1c;
color: #434a54;
}
#wp-nt-aio-wrapper
.nt-aio-popup.nt-aio-snapchat-popup
.nt-aio-popup-header
.nt-aio-popup-title-icon {
background-image: url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/snapchat.svg);
background-size: 22px 22px;
}
#wp-nt-aio-wrapper .nt-aio-popup.nt-aio-snapchat-popup .nt-aio-popup-close {
background-image: url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/close-button-black.png);
background-size: 45px 45px;
}
#wp-nt-aio-wrapper .nt-aio-popup.nt-aio-line-popup .nt-aio-popup-header {
background: #00b900;
}
#wp-nt-aio-wrapper
.nt-aio-popup.nt-aio-line-popup
.nt-aio-popup-header
.nt-aio-popup-title-icon {
background-image: url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/line-logo.svg);
background-size: 22px 22px;
}
#wp-nt-aio-wrapper .nt-aio-popup.nt-aio-viber-popup .nt-aio-popup-header {
background: #7b519c;
}
#wp-nt-aio-wrapper
.nt-aio-popup.nt-aio-viber-popup
.nt-aio-popup-header
.nt-aio-popup-title-icon {
background-image: url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/viber.svg);
background-size: 22px 22px;
}
#wp-nt-aio-wrapper .nt-aio-popup.nt-aio-phone-popup .nt-aio-popup-header {
background: #ff5a00;
}
#wp-nt-aio-wrapper
.nt-aio-popup.nt-aio-phone-popup
.nt-aio-popup-header
.nt-aio-popup-title-icon {
background-image: url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/phone-receiver.svg);
background-size: 22px 22px;
}
#wp-nt-aio-wrapper .nt-aio-popup.nt-aio-email-popup .nt-aio-popup-header {
background: #3a68fe;
}
#wp-nt-aio-wrapper
.nt-aio-popup.nt-aio-email-popup
.nt-aio-popup-header
.nt-aio-popup-title-icon {
background-image: url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/close-envelope.svg);
background-size: 22px 22px;
}
#wp-nt-aio-wrapper .nt-aio-popup.nt-aio-telegram-popup .nt-aio-popup-header {
background: #089be5;
}
#wp-nt-aio-wrapper
.nt-aio-popup.nt-aio-telegram-popup
.nt-aio-popup-header
.nt-aio-popup-title-icon {
background-image: url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/telegram.svg);
background-size: 22px 22px;
}
#wp-nt-aio-wrapper .nt-aio-popup.nt-aio-skype-popup .nt-aio-popup-header {
background: #00a8f4;
}
#wp-nt-aio-wrapper
.nt-aio-popup.nt-aio-skype-popup
.nt-aio-popup-header
.nt-aio-popup-title-icon {
background-image: url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/skype.svg);
background-size: 22px 22px;
}
#wp-nt-aio-wrapper .nt-aio-popup.nt-aio-custom-app-popup .nt-aio-popup-header {
background: var(--backgroundColorCustomApp);
}
#wp-nt-aio-wrapper
.nt-aio-popup.nt-aio-custom-app-popup
.nt-aio-popup-header
.nt-aio-popup-title-icon {
background-image: var(--backgroundIconCustomApp);
background-size: 22px 22px;
}
@media (max-width: 480px) {
#wp-nt-aio-wrapper .nt-aio-popup {
position: fixed;
bottom: auto;
top: 0;
right: 0;
padding: 30px 15px 100px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
overflow: visible;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
#wp-nt-aio-wrapper .nt-aio-popup .nt-aio-popup-header {
position: relative;
}
#wp-nt-aio-wrapper .nt-aio-popup .nt-aio-popup-content {
position: relative;
max-height: calc(100% - 45px);
overflow: auto;
}
}
#wp-nt-aio-wrapper.nt-aio-active .nt-aio-active {
-webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.35);
box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.35);
}
#wp-nt-aio-wrapper.nt-aio-active .nt-aio-active:before {
opacity: 0;
-ms-transform: scale(0) rotate(1turn);
transform: scale(0) rotate(1turn);
-webkit-transform: scale(0) rotate(1turn);
-moz-transform: scale(0) rotate(1turn);
}
#wp-nt-aio-wrapper.nt-aio-active .nt-aio-active:after {
opacity: 1;
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
}
#wp-nt-aio-wrapper.nt-aio-show-list .nt-aio-content .nt-aio-item {
visibility: visible;
opacity: 1;
}
#wp-nt-aio-wrapper.nt-aio-show-list .nt-aio-content .nt-aio-item:first-child {
-webkit-transform: translateY(-70px);
-ms-transform: translateY(-70px);
transform: translateY(-70px);
}
#wp-nt-aio-wrapper.nt-aio-show-list .nt-aio-content .nt-aio-item:nth-child(2) {
-webkit-transform: translateY(-140px);
-ms-transform: translateY(-140px);
transform: translateY(-140px);
}
#wp-nt-aio-wrapper.nt-aio-show-list .nt-aio-content .nt-aio-item:nth-child(3) {
-webkit-transform: translateY(-210px);
-ms-transform: translateY(-210px);
transform: translateY(-210px);
}
#wp-nt-aio-wrapper.nt-aio-show-list .nt-aio-content .nt-aio-item:nth-child(4) {
-webkit-transform: translateY(-280px);
-ms-transform: translateY(-280px);
transform: translateY(-280px);
}
#wp-nt-aio-wrapper.nt-aio-show-list .nt-aio-content .nt-aio-item:nth-child(5) {
-webkit-transform: translateY(-350px);
-ms-transform: translateY(-350px);
transform: translateY(-350px);
}
#wp-nt-aio-wrapper.nt-aio-show-list .nt-aio-content .nt-aio-item:nth-child(6) {
-webkit-transform: translateY(-420px);
-ms-transform: translateY(-420px);
transform: translateY(-420px);
}
#wp-nt-aio-wrapper.nt-aio-show-list .nt-aio-content .nt-aio-item:nth-child(7) {
-webkit-transform: translateY(-490px);
-ms-transform: translateY(-490px);
transform: translateY(-490px);
}
#wp-nt-aio-wrapper.nt-aio-show-list .nt-aio-content .nt-aio-item:nth-child(8) {
-webkit-transform: translateY(-560px);
-ms-transform: translateY(-560px);
transform: translateY(-560px);
}
#wp-nt-aio-wrapper.nt-aio-show-list .nt-aio-content .nt-aio-item:nth-child(9) {
-webkit-transform: translateY(-630px);
-ms-transform: translateY(-630px);
transform: translateY(-630px);
}
#wp-nt-aio-wrapper.nt-aio-show-list .nt-aio-content .nt-aio-item:nth-child(10) {
-webkit-transform: translateY(-700px);
-ms-transform: translateY(-700px);
transform: translateY(-700px);
}
#wp-nt-aio-wrapper.nt-aio-show-list
.nt-aio-content
.nt-aio-item
.nt-aio-item-icon {
-webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.19);
}
#wp-nt-aio-wrapper.nt-aio-show-popup .nt-aio-content {
display: none;
}
#wp-nt-aio-wrapper.nt-aio-show-popup .nt-aio-popup-active {
visibility: visible;
opacity: 1;
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-webkit-box-shadow: -3px 20px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: -3px 20px 20px 0 rgba(0, 0, 0, 0.1);
}
#nt-aio-popup-line .nt-aio-popup-content {
overflow: hidden;
}
#nt-aio-popup-line .nt-aio-popup-content iframe {
border: none;
height: 490px;
margin-top: -115px;
overflow: hidden;
width: 300px;
}
#nt-aio-popup-custom-app .nt-aio-popup-content a,
#nt-aio-popup-email .nt-aio-popup-content a,
#nt-aio-popup-phone .nt-aio-popup-content a,
#nt-aio-popup-skype .nt-aio-popup-content a,
#nt-aio-popup-telegram .nt-aio-popup-content a,
#nt-aio-popup-viber .nt-aio-popup-content a,
#nt-aio-popup-whatsapp .nt-aio-popup-content a,
#nt-aio-popup-zalo .nt-aio-popup-content a,
#nt-aio-popup-wechat .nt-aio-popup-content a,
#nt-aio-popup-kakaotalk .nt-aio-popup-content a {
display: block;
font-size: 19px;
font-weight: 700;
padding: 0;
word-break: break-all;
text-align: center;
}
#nt-aio-popup-custom-app .nt-aio-popup-content a:focus,
#nt-aio-popup-email .nt-aio-popup-content a:focus,
#nt-aio-popup-phone .nt-aio-popup-content a:focus,
#nt-aio-popup-skype .nt-aio-popup-content a:focus,
#nt-aio-popup-telegram .nt-aio-popup-content a:focus,
#nt-aio-popup-viber .nt-aio-popup-content a:focus {
outline: none;
}
#nt-aio-popup-snapchat .nt-aio-popup-content {
text-align: center;
}
#nt-aio-popup-snapchat .nt-aio-popup-content .content-snapchat-name {
font-size: 20px;
font-weight: 700;
}
@media (max-height: 767px) {
#wp-nt-aio-wrapper .nt-aio-active:after {
background-size: 14px 14px;
}
#wp-nt-aio-wrapper {
--backgroundSize: 25px 25px;
}
#wp-nt-aio-wrapper .nt-aio-active,
#wp-nt-aio-wrapper .nt-aio-content .nt-aio-item-icon {
width: 44px;
height: 44px;
background-size: 25px 25px !important;
}
#wp-nt-aio-wrapper.nt-aio-show-list .nt-aio-content .nt-aio-item:first-child {
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
#wp-nt-aio-wrapper.nt-aio-show-list
.nt-aio-content
.nt-aio-item:nth-child(2) {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
}
#wp-nt-aio-wrapper.nt-aio-show-list
.nt-aio-content
.nt-aio-item:nth-child(3) {
-webkit-transform: translateY(-150px);
-ms-transform: translateY(-150px);
transform: translateY(-150px);
}
#wp-nt-aio-wrapper.nt-aio-show-list
.nt-aio-content
.nt-aio-item:nth-child(4) {
-webkit-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
}
#wp-nt-aio-wrapper.nt-aio-show-list
.nt-aio-content
.nt-aio-item:nth-child(5) {
-webkit-transform: translateY(-250px);
-ms-transform: translateY(-250px);
transform: translateY(-250px);
}
#wp-nt-aio-wrapper.nt-aio-show-list
.nt-aio-content
.nt-aio-item:nth-child(6) {
-webkit-transform: translateY(-300px);
-ms-transform: translateY(-300px);
transform: translateY(-300px);
}
#wp-nt-aio-wrapper.nt-aio-show-list
.nt-aio-content
.nt-aio-item:nth-child(7) {
-webkit-transform: translateY(-350px);
-ms-transform: translateY(-350px);
transform: translateY(-350px);
}
#wp-nt-aio-wrapper.nt-aio-show-list
.nt-aio-content
.nt-aio-item:nth-child(8) {
-webkit-transform: translateY(-400px);
-ms-transform: translateY(-400px);
transform: translateY(-400px);
}
#wp-nt-aio-wrapper.nt-aio-show-list
.nt-aio-content
.nt-aio-item:nth-child(9) {
-webkit-transform: translateY(-450px);
-ms-transform: translateY(-450px);
transform: translateY(-450px);
}
#wp-nt-aio-wrapper.nt-aio-show-list
.nt-aio-content
.nt-aio-item:nth-child(10) {
-webkit-transform: translateY(-500px);
-ms-transform: translateY(-500px);
transform: translateY(-500px);
}
} #wp-nt-aio-wrapper .nt-aio-item .nt-aio-zalo {
background: #00b1ff url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/zalo.svg) 50% no-repeat;
}
#wp-nt-aio-wrapper .nt-aio-popup .nt-aio-zalo-popup .nt-aio-popup-header {
background: #f5f5f5;
color: #434a54;
}
#wp-nt-aio-wrapper
.nt-aio-popup
.nt-aio-zalo-popup
.nt-aio-popup-header
.nt-aio-popup-title-icon {
background-image: url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/zalo.svg);
background-size: 22px 22px;
}
#nt-aio-popup-zalo .nt-aio-popup-content {
text-align: center;
}
#nt-aio-popup-zalo .nt-aio-popup-content .content-zalo-name {
font-size: 20px;
font-weight: 700;
} #wp-nt-aio-wrapper .nt-aio-item .nt-aio-kakaotalk {
background: yellow url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/kakaotalk.svg) 50% no-repeat;
}
#wp-nt-aio-wrapper .nt-aio-popup .nt-aio-kakaotalk-popup .nt-aio-popup-header {
background: black;
color: yellow;
}
#wp-nt-aio-wrapper
.nt-aio-popup
.nt-aio-kakaotalk-popup
.nt-aio-popup-header
.nt-aio-popup-title-icon {
background-image: url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/kakaotalk.svg);
background-size: 22px 22px;
}
#nt-aio-popup-kakaotalk .nt-aio-popup-content {
text-align: center;
}
#nt-aio-popup-kakaotalk .nt-aio-popup-content .content-kakaotalk-name {
font-size: 20px;
font-weight: 700;
} #wp-nt-aio-wrapper .nt-aio-item .nt-aio-wechat {
background: green url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/wechat.svg) 50% no-repeat;
}
#wp-nt-aio-wrapper .nt-aio-popup .nt-aio-wechat-popup .nt-aio-popup-header {
background: green;
color: white;
}
#wp-nt-aio-wrapper
.nt-aio-popup
.nt-aio-wechat-popup
.nt-aio-popup-header
.nt-aio-popup-title-icon {
background-image: url(//procoding.rs/wp-content/plugins/support-chat/assets/home/images/wechat.svg);
background-size: 22px 22px;
}
#nt-aio-popup-wechat .nt-aio-popup-content {
text-align: center;
}
#nt-aio-popup-wechat .nt-aio-popup-content .content-wechat-name {
font-size: 20px;
font-weight: 700;
}.zaglavlje {
position: sticky;
top: 0;
z-index: 50;
border-bottom: 1px solid var(--crta); background: var(--podloga);
background: color-mix(in srgb, var(--podloga) 92%, transparent);
backdrop-filter: blur(10px); view-transition-name: pc-zaglavlje;
}
.zaglavlje__traka {
display: flex;
align-items: center;
gap: 16px;
min-height: 76px;
}
.logo {
display: flex;
align-items: center;
margin-right: auto; min-height: 44px;
} .logo-slojevi {
display: grid;
}
.logo-slojevi > img { grid-area: 1 / 1; }
.logo-slika {
height: 46px;
width: auto; object-fit: contain;
object-position: left center;
} @media (min-width: 980px) {
.logo-slika { height: 60px; }
}
.logo__tekst { font: 800 1.35rem/1 var(--font-naslov); } [data-tema="tamna"] .logo-slika--tekst { filter: brightness(0) invert(1); } .meni {
display: flex;
align-items: center;
gap: 14px;
}
.meni__stavke {
display: flex;
align-items: center;
gap: 28px;
}
.meni__stavke a {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px; min-width: 44px;
color: var(--tekst);
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: color .18s ease;
}
.meni__stavke a[aria-current] { color: var(--akcenat-tamni); } .meni__stavke a[aria-current]::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 9px;
border-bottom: 3px solid var(--akcenat);
}
@media (hover: hover) {
.meni__stavke a:hover { color: var(--akcenat-tamni); }
}
.meni__stavke a:focus-visible,
.tema-prekidac:focus-visible,
.zaglavlje__prekidac:focus-visible,
.podnozje a:focus-visible {
outline: 3px solid var(--akcenat);
outline-offset: 2px;
} .tema-prekidac,
.zaglavlje__prekidac {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 44px;
height: 44px;
padding: 0;
border: 1px solid var(--crta-jaka);
border-radius: 999px;
background: transparent;
color: var(--tekst);
cursor: pointer;
transition: border-color .18s ease, color .18s ease;
}
@media (hover: hover) {
.tema-prekidac:hover,
.zaglavlje__prekidac:hover { border-color: var(--tekst); }
}  .zaglavlje__prekidac { display: none; }
.zaglavlje__prekidac span,
.zaglavlje__prekidac span::before,
.zaglavlje__prekidac span::after {
display: block;
width: 18px;
height: 2px;
border-radius: 2px;
background: currentColor;
transition: transform .18s ease, background .18s ease;
}
.zaglavlje__prekidac span::before { content: ""; transform: translateY(-6px); }
.zaglavlje__prekidac span::after { content: ""; transform: translateY(4px); } .zaglavlje__prekidac[aria-expanded="true"] span { background: transparent; }
.zaglavlje__prekidac[aria-expanded="true"] span::before { transform: rotate(45deg); }
.zaglavlje__prekidac[aria-expanded="true"] span::after { transform: rotate(-45deg); } @media (max-width: 980px) { .meni__stavke { flex-wrap: wrap; gap: 16px; }
.meni__stavke a[aria-current]::after { display: none; }
.ima-js .zaglavlje__prekidac { display: inline-flex; }
.ima-js .zaglavlje__prekidac[aria-expanded="false"] + .meni .meni__stavke { display: none; }
.ima-js .zaglavlje__prekidac[aria-expanded="true"] + .meni .meni__stavke {
position: absolute;
left: 0;
right: 0;
top: 100%;
flex-direction: column;
align-items: stretch;
gap: 0;
padding: 6px var(--traka-ivica) 14px;
background: var(--podloga);
border-bottom: 1px solid var(--crta);
}
} @media (max-width: 640px) {
.zaglavlje__traka {
gap: 10px;
padding-inline: 16px;
} .meni { gap: 8px; }
.meni .dugme {
padding-inline: 14px;
font-size: 15px;
}
} .podnozje {
background: var(--podloga-tamna); --prsten: var(--istaknuto);
color: var(--tekst-na-tamnom-blagi);
padding-block: 32px 0; view-transition-name: pc-podnozje;
}
.podnozje__traka {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px 40px;
}  .podnozje__veze {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 4px 16px;
} .podnozje__veze a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
min-height: 44px;
padding-block: 4px;
color: var(--tekst-na-tamnom-blagi);
font-size: 15px;
text-decoration: none;
transition: color .18s ease;
}
@media (hover: hover) {
.podnozje__veze a:hover { color: var(--bela); text-decoration: underline; }
} .podnozje__adresa {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 4px 20px;
margin: 0;
max-width: none;
font-size: 15px;
line-height: 1.5;
} .podnozje__mesto {
display: inline-flex;
align-items: center;
min-height: 44px;
}   .podnozje__adresa a {
display: inline-flex;
align-items: center;
min-height: 44px;
color: var(--tekst-na-tamnom);
text-decoration: none;
white-space: nowrap;
}
@media (hover: hover) {
.podnozje__adresa a:hover { text-decoration: underline; }
}  .podnozje__rub {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 4px 24px;
margin-top: 24px;
padding-block: 16px;
border-top: 1px solid color-mix(in srgb, var(--bela) 14%, transparent);
}
.podnozje__rub p {
margin: 0;
max-width: none;
font-size: 14px;
} @media (max-width: 780px) {
.podnozje__traka {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.podnozje__veze { margin-right: 0; }
}   .tema-prekidac svg {
transition: transform .32s cubic-bezier(.4, 0, .2, 1);
}
.tema-prekidac[aria-pressed="true"] svg { transform: rotate(180deg); } .tema-menja,
.tema-menja *,
.tema-menja *::before,
.tema-menja *::after {
transition:
background-color var(--prelaz-teme) linear,
background-image var(--prelaz-teme) linear,
border-color var(--prelaz-teme) linear,
color var(--prelaz-teme) linear,
fill var(--prelaz-teme) linear !important;
} .tema-vt::view-transition-group(*),
.tema-vt::view-transition-old(*),
.tema-vt::view-transition-new(*) {
animation-duration: var(--prelaz-teme);
animation-timing-function: cubic-bezier(.4, 0, .2, 1);
} @media (prefers-reduced-motion: reduce) {
.tema-prekidac svg,
.tema-prekidac[aria-pressed="true"] svg { transition: none; transform: none; }
.tema-menja,
.tema-menja *,
.tema-menja *::before,
.tema-menja *::after { transition: none !important; }
} .pitanja .pitanje__znak {
transition: transform .22s cubic-bezier(.4, 0, .2, 1);
} .pitanja .pitanje[open] .pitanje__znak::after {
transform: rotate(90deg);
opacity: 1;
}
.pitanja .pitanje[open] .pitanje__znak { transform: rotate(45deg); }  @media (prefers-reduced-motion: reduce) {
.pitanja .pitanje__znak { transition: none; }
} .tema-ikona { display: none; }
.tema-ikona--mesec { display: block; }
[data-tema="tamna"] .tema-ikona--mesec { display: none; }
[data-tema="tamna"] .tema-ikona--sunce { display: block; } .podnozje__mreze {
display: flex;
flex-wrap: wrap; gap: 8px;
} .podnozje__mreze a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
min-height: 44px;
color: var(--tekst-na-tamnom-blagi);
transition: color .18s ease;
} .podnozje__mreze svg {
width: 22px;
height: 22px;
display: block;
}
@media (hover: hover) {
.podnozje__mreze a:hover { color: var(--bela); }
}
.podnozje__pravno {
display: flex;
flex-wrap: wrap;
gap: 6px 18px;
margin: 0;
font-size: .82rem;
} @media (pointer: coarse), (max-width: 1024px) {
.podnozje__pravno a {
display: inline-flex;
align-items: center;
min-height: 44px;
}
} .podnozje__verzija { flex-basis: 100%;
width: 100%;
margin: 0;
max-width: none;
font-size: 13px;
line-height: 1.5;
color: var(--tekst-na-tamnom-blagi);
}