@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

 #success-popup, #error-popup, #success-subscribe-popup, #unsubscribe-error-popup, #unsubscribe-success-popup, #success-subscribe-popup, #unsubscribe-fail-popup {
    display: none;
    overflow: hidden;
}
body {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
    color: #4C4F61;
}
h1, h2 {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 130%;
    text-align: left;
}
.nav-main {
    display: inline-block;
    margin-left: 442px;
    margin-top: 45px;
}
.graybg {
    background: #F9F9F9;
    border-radius: 0px 0px 40px 40px;
    width: 1440px;
    box-sizing: border-box;
    margin: 0 auto;
    padding-top: 16px;
}

.railway {
    margin-top: 114px;
    font-family: "Nunito", sans-serif;
    font-size: 16px;
    line-height: 130%;
    text-transform: uppercase;
    color: #FFFFFF;
}
.consulting {
    width: 392px;
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 130%;
    color: #191B24;
    margin-top: 56px;
}

.current-lang {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #FFFFFF;
    text-transform: uppercase;
    cursor: pointer;
}
.current-lang .lang-icon {
    background: url(../templates/frontend/images/globe.png) no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
}
.current-lang .lang-text {
    display: inline-block;
    vertical-align: middle;
    padding-top: 2px;
}
.main-sticky {

}
.sticky-nav {
    position: fixed;
    width: 1440px;
    height: 80px;
    left: 50%;
    margin-left: -720px;
    top: 0px;
    background: #2F2E2E;
    border-radius: 0px 0px 24px 24px;
    z-index: 9999;
}
.main-sticky .sticky-nav {
   transform: translateY(-150%);
}

.main-sticky.active .sticky-nav {
    transform: translateY(0px);
    transition-delay: 0s;
    transition: ease-in;
}
.sticky-nav .nav-main {
    margin-top: 25px;
    margin-left: 272px;
}
.sticky-nav  .lang-selector {
    margin-top: 25px;
}
.sticky-nav  .contact-btn {
    margin-top: 16px;
    margin-right: 58px;
    background: #EA6156;
    border-radius: 50px;
    color: #FFF;
}
.sticky-nav .top_menu li a {
    color: #FFFFFF;
}
.nav-logo {
    display: inline-block;
    vertical-align: top;
    width: 136px;
    height: 80px;
    margin-left: 60px;
    background: url(../templates/frontend/images/sigis_logo.png) no-repeat;
}
ul.langbar {
    padding: 4px;
    margin: 0 0 0 -60px;
    text-align: center;
    list-style-type: none;
}
.langbar {
    background: #FFF;
    width: 88px;
    box-sizing: border-box;
    padding: 4px;
    box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 6px 16px rgba(0, 0, 0, 0.08), 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
    border-radius: 8px;

}

.langbar a {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #191B24;
    display: block;
    text-decoration: none;
    padding: 5px 12px;
    width: 80px;
    height: 32px;
    border-radius: 8px;
}
.langbar a:hover {
    background: #FFEFEE;
}
.lang-selector {
    margin-right: 38px;
    margin-top: 45px;
    position: relative;

}
.langbar {
    position: absolute;
    display: none;
}
.langbar li a.selected {
    display: block;
    color: #E42313;
}
.lang-selector:hover .langbar {
    display: inline-block;
}
.invalid {
    border: 1px solid red;
}

.float-right {
    float: right;
    text-align: right;
}

.contact-btn {
    display: inline-block;
    vertical-align: middle;
}

.contact-btn, .solutions-btn, .btn  {
    font-family: "Open Sans", sans-serif;
    display: inline-block;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #191B24;
    padding: 14px 24px;
    background: #FFFFFF;
    border-radius: 50px;
    text-decoration: none;
}


.solutions-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 56px;
}

.solutions-btn .btn-text {
    float: left;
    position: absolute;
    left: 24px;
    transform: translateX(0);
    transition: transform 1s ease;
}

.solutions-btn .btn-arrow {
    float: right;
    position: absolute;
    right: 24px;
    transform: translateX(0);
    transition: transform 1s ease;
    background: url(../templates/frontend/images/btn_arrow.png) no-repeat;
    width: 14px;
    height: 14px;
    margin-left: 10px;
}
.solutions-btn .main-text {
    display: block;
    padding: 0 18px  0  0;
    color: #fff;
}

.solutions-btn:hover {
    background: #004A99;
    color: #fff;
}
.solutions-btn:hover  .main-text {
    color: #004A99;
}
.solutions-btn:hover .btn-text {
 /* float: right;*/
    right: 24px;
   transform: translateX(18px);
}
.solutions-btn:hover .btn-arrow {
    /*float: left;*/
   transform: translateX(-100%);
    left: 24px;
    background: url(../templates/frontend/images/btn_arrow_white.png) no-repeat;
    width: 14px;
    height: 14px;
}
.faq-links {
    text-align: right;

    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #9C9C9C;
    cursor: pointer;
}
.faq-more-wrap, .faq-less {
    display: none;
}

.top-main-bottom {
    font-family: "Nunito", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-align: right;
    color: #FFFFFF;
    width: 407px;
    position: absolute;
    right: 40px;
    bottom: 40px;
}

.products-left {
    width: 760px;
}
.prod-sidebar {
    width: 318px;
    float: right;
}
.products-faq{
    margin-top: 200px;
}
.products-faq .nav-gray-hdr {
    margin-bottom: 25px;
}
.prod-nav {
    background: #F9F9F9;
    border-radius: 24px;
    padding: 70px 40px;
    margin-top: -40px;
}
.prod-nav a {
    display: block;
    margin-bottom: 24px;
    text-decoration: none;
    font-family: "Nunito", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #D3D4D9;
}
.prod-nav a.selected {
    color: #EA6156;
}

.mover-wrap {
    width: 318px;
    height: 849px;
    margin-top: 80px;
    position: relative;
    overflow: hidden;
}
.mover-wrap img {
    position: absolute; /* Allow precise positioning */
    width: 100%; /* Take full width of the container */
    animation: scrollUp 60s linear infinite; /* Apply the animation */
    z-index: 99;
}
.wbg-up, .wbg-down {
    position: absolute;
    width: 318px;
    height: 100px;
}
.wbg-up {
    background: url(../templates/frontend/images/wbg_up.png) no-repeat;
    top:0;
    left: 0;
    z-index: 999;
}
.wbg-down {
    background: url(../templates/frontend/images/wbg_down.png) no-repeat;
    left: 0;
    bottom: 0;
    z-index: 999;
}
@keyframes scrollUp {
    0% {
        transform: translateY(2%); /* Start from below the container */
    }
    100% {
        transform: translateY(-100%); /* End above the container */
    }
}
.prod-nav a:hover {
    color: #333333;
}
.prod-nav a:last-child {
    margin-bottom:0;
}

.prod-list-header {
    margin: 80px 0 40px 0;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 130%;
    color: #191B24;
}
.prod-list-content ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.prod-list-content ul li {
    margin-bottom: 26px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #4C4F61;
    padding-left: 58px;
    min-height: 47px;
    box-sizing: border-box;
    max-width: 520px;
}
.prod-list-content ul li:nth-child(1){
    background: url(../templates/frontend/images/01.png) no-repeat left;
}
.prod-list-content ul li:nth-child(2){
    background: url(../templates/frontend/images/02.png) no-repeat left;
}
.prod-list-content ul li:nth-child(3){
    background: url(../templates/frontend/images/03.png) no-repeat left;
}
.prod-list-content ul li:nth-child(4){
    background: url(../templates/frontend/images/04.png) no-repeat left;
}
.prod-list-content ul li:nth-child(5){
    background: url(../templates/frontend/images/05.png) no-repeat left;
}
.prod-list-content ul li:nth-child(6){
    background: url(../templates/frontend/images/06.png) no-repeat left;
}
.prod-list-content ul li:nth-child(7){
    background: url(../templates/frontend/images/07.png) no-repeat left;
}
.prod-list-content ul li:nth-child(8){
    background: url(../templates/frontend/images/08.png) no-repeat left;
}

.products-inner h1 {

    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 130%;
    color: #191B24;
    margin-bottom: 40px;
}
.stats {
    margin-top: 200px !important;
}
.nav-gray-hdr {
    font-family: "Nunito", sans-serif;
     font-style: normal;
     font-weight: 500;
     font-size: 16px;
     line-height: 140%;
     color: #D3D4D9;
    padding-bottom: 10px;
}
h2 {
    width: 50%;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 140%;
    color: #191B24;
}
.nav-subhdr {
    width: 49%;
    display: inline-block;
    text-align: right;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #4C4F61;

}
.stats-text {
    padding-right: 15px;
    padding-top: 20px;
}
.stats .nav-subhdr {
    max-width: 544px;
    float: right;
    margin-top: 8px;
}
.stats-items {
    padding-top: 44px;
    padding-bottom: 80px;
}
.stats-item {
    display: inline-block;
    margin-top: 56px;
    width: 416px;
    box-sizing: border-box;
    border-right: 1px #e2e0e0 solid;
    margin-right: 16px;
}
.stats-item:nth-child(3n) {
    border-right: none;
}

.contact-btn {
    margin-top: 40px;
}

.main-page-top {
    background: url(../templates/frontend/images/main2.png) no-repeat;
    width:1408px;
    height: 733px;
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
}
.main-logo {
    background: url(../templates/frontend/images/mainlogo.png) no-repeat;
    width: 140px;
    height: 60px;
    display: block;
    position: absolute;
    left: 40px;
    top: 40px;
}
.top_menu {
    list-style-type: none;
}
.top_menu li {
    display: inline-block;
    padding: 5px 16px;
    color: #4C4F61;
}
.top_menu li a {
    color: #4C4F61;
    text-decoration: none;
}
a.logo {
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    color: #000000;
    text-decoration: none;
    margin-top: 8px;
    width: 200px;
    height: 32px;
    background: url(../templates/frontend/images/logo.png) no-repeat;
}

.top-wrap {
    width: 1408px;
    margin: 0 auto;
}

.inner-wrap {
    width: 1328px;
    margin: 0 auto;
}
.stats-image {
    width: 105px;
    height: 47px;
}
.stats-items .item1 .stats-image {
    background: url(../templates/frontend/images/30.png) no-repeat;
}
.stats-items .item2 .stats-image {
    background: url(../templates/frontend/images/50.png) no-repeat;
}
.stats-items .item3 .stats-image {
    background: url(../templates/frontend/images/20.png) no-repeat;
    width: 156px;
}
.stats-items .item4 .stats-image {
    background: url(../templates/frontend/images/17.png) no-repeat;
}
.stats-items .item5 .stats-image {
    background: url(../templates/frontend/images/10.png) no-repeat;
    width: 60px;
    height: 29px;
}
.stats-items .item6 .stats-image {
    background: url(../templates/frontend/images/99.png) no-repeat;
    width: 148px;
}


.big-text {
    margin-top: 200px;
    font-style: normal;
    font-weight: 400;
    font-size: 64px;
    line-height: 130%;
    text-transform: uppercase;
}

.big-text .line1 {
    color: #191B24;
}
.big-text .big-gradient  {
    background: linear-gradient(45deg, #191B24, #004A99, #E42313, #E42313, #E42313);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

header, footer {
    box-sizing: border-box;
}

.our-connections {
    margin-top: 220px;
}

.captcha-image, .captcha-input-wrap {
    display: inline-block;
    vertical-align: top;
}
.captcha-image {
    margin-top: 2px;
}
.captcha-input-wrap {
    width: 430px;
}
.faq-block {
    margin-top: 200px;
}

footer {
    margin-top: 200px;
    background: #F9F9F9;
    border-radius: 40px 40px 0px 0px;
    width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 16px;
    position: relative;
    padding-top: 80px;
}

.footer-left {
    float: left;
    width: 656px;
}
.footer-right {
    float: right;
    width: 544px;
    background: #FFFFFF;
    border-radius: 16px;

}
.col-contact, .col-location {
    display: inline-block;
    vertical-align: top;
    margin-top: 63px;
}

.col-contact {
    width: 333px;
}
.col-contact  .email {
    display: block;
    margin-top: 8px;
    margin-bottom: 13px;
    font-size: 21px;
}

.social a {
    width: 24px;
    height: 24px;
    transition: all .2s ease-in-out;
    margin-right: 30px;
    display: inline-block;
}

.col-contact .social a {
    margin-right: 20px;
}
.social .instagram {
    background: url('../templates/frontend/images/s1.png') no-repeat;
}
.social .instagram:hover, .white-social .social .instagram:hover {
    background: url('../templates/frontend/images/s1h.png') no-repeat;
}

.social .linkedin {
    background: url('../templates/frontend/images/s2.png') no-repeat;
}
.social .linkedin:hover, .white-social .social .linkedin:hover  {
    background: url('../templates/frontend/images/s2h.png') no-repeat;
}

.social .whatsapp {
    background: url('../templates/frontend/images/s3.png') no-repeat;
}
.social .whatsapp:hover, .white-social .social .whatsapp:hover  {
    background: url('../templates/frontend/images/s3h.png') no-repeat;
}

.social .telegram {
    background: url('../templates/frontend/images/s4.png') no-repeat;
}
.social .telegram:hover, .white-social .social .telegram:hover  {
    background: url('../templates/frontend/images/s4h.png') no-repeat;
}


.white-social .social .instagram {
    background: url('../templates/frontend/images/s1w.png') no-repeat;
}

.white-social .social .linkedin {
    background: url('../templates/frontend/images/s2w.png') no-repeat;
}

.white-social .social .whatsapp {
    background: url('../templates/frontend/images/s3w.png') no-repeat;
}

.white-social .social .telegram {
    background: url('../templates/frontend/images/s4w.png') no-repeat;
}
.popup-close {
    background: url('../templates/frontend/images/popup-close.png') no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 24px;
    right: 40px;
    cursor: pointer;
}
.popup-close:hover {
    background: url('../templates/frontend/images/popup-closeh.png') no-repeat;
}
.contact-form-inputs label, .captcha-label {
    display: block;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #191B24;
    padding-bottom: 8px;
}
.contact-form {
    padding: 40px;
    position: relative;
}
.footer-right {
    margin-top: 60px;
}


.contact-form  input, .contact-form  textarea {
    width: 100%;
    height: 40px;
    background: #F9F9F9;
    opacity: 0.8;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    margin-bottom: 32px;
    padding: 2px 10px;
    box-sizing: border-box;
}
.captcha-input-wrap{
    width: 224px;
    margin-left: 10px;
}
.contact-form input.invalid, .contact-form textarea.invalid {
    border: 1px #EA6156 solid;
}

.contact-popup {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}
/* popups  */
.ui-dialog-titlebar {
    display: none;
}
.ui-widget.ui-widget-content {
    border: 0 !important;
}
.ui-widget-content {
    border: 0 !important;
    background:  #F9F9F9 !important;
    border-radius: 40px;
    /*background: transparent !important;*/
}
.ui-dialog .ui-dialog-content {
    padding: 0;
    margin: 0;
}
.ui-dialog {
    border-radius: 40px !important;
}
.ui-widget-overlay {
    opacity: 0.5 !important;
    filter: Alpha(Opacity=50);
    background-color: black !important;
    z-index: 999999 !important;
}

footer h3 {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    color: #191B24;
}
.contact-us h2 {
    margin-top: 8px;
}
#map {
    border-radius: 16px;
    margin-top: 40px;
}

footer .contact-bottom-info a, .ui-widget-content a {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4C4F61;
    text-decoration: none;
}

.contact-form button {
    background: #EA6156;
    border-radius: 50px;
    padding: 14px 24px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFF;
    border: 0;
    outline: none;
}
.contact-form  textarea {
    height: 64px;
}
.contact-popup {
    display: none;
}
.clear {
    clear: both;
}

.footer-bottom {
    padding-top: 80px;
    box-sizing: border-box;
    margin-top: 200px;
    height: 435px;
    background: #2F2E2E  url('../templates/frontend/images/sigis2.png') no-repeat center bottom ;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #DBDBDB;
    border-radius: 16px;
}
.footer-bottom a, .footer-bottom .top_menu li a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #DBDBDB;
    text-decoration: none;
}
.footer-logo {
    display: block;
    width: 140px;
    height: 60px;
    background:  url('../templates/frontend/images/logo_footer.png') no-repeat;
}
.footer-bottom .top_menu {
    margin: 0;
    padding: 0;
}
.footer-bottom .top_menu  li {
    padding:  8px 0;
    display: block;
}
.footer-bottom .top_menu  li a,

.top_menu  li  a {
    border-bottom: 2px transparent solid;
    padding-bottom: 4px;
    display: inline-block;
    transition: border-bottom-color 0.5s ease;
}

.footer-bottom .top_menu  li:first-child {
    padding-top: 0;
}
.top_menu  li a:hover, .top_menu  li a.selected {
   /* border-bottom: 2px #EA6156 solid;*/
}

.top_menu  li a::after
{
    content: '';
    position: absolute;
    width: calc(100% - 32px);
    height: 2px;
    background: #EA6156;
    bottom: 7px;
    left: 0;
    transform: scaleX(0);
    transform-origin: left;
    margin-left: 16px;
    margin-right: 16px;
    transition: transform 0.2s ease-out;
}

.top_menu  li a:hover::after, .top_menu  li a.selected::after {
    transform: scaleX(1);
    margin-left: 16px;
    margin-right: 16px;
    width: calc(100% - 32px);
}
.top_menu  li.c1 a.selected::after, .top_menu  li.c1 a::after {
    background: none;
}
.footer-bottom .top_menu li a.selected {
    border-bottom: 2px transparent solid;
}
.footer-bottom .top_menu   a:hover::after, .footer-bottom .top_menu  li a.selected::after {
    display: none;
}
.main-connections {
    width: 1335px;
    height: 469px;
    background:  url('../templates/frontend/images/partners.jpg') no-repeat;
}
.ib {
    display: inline-block;
    vertical-align: top;
}

.ftr-nav-hdr {
    font-family: "Nunito", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFF;
    padding-bottom: 24px;
}

.footer-logo-wrap {
    margin-left: 112px;
    width: 208px;
}
.footer-nav  {
    width: 208px;
    margin-left: 10px;
}
 .footer-contact, .footer-address-wrap {
    width: 320px;
    margin-left: 10px;
}
.footer-contact .email  {
    display: block;
    margin-top: 13px;
    margin-bottom: 20px;
}
.req-hdr, .req2 {
    margin-top: 19px;
}
.copyrights {
    font-family: "Nunito", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: #ADADAD;
    position: absolute;
    bottom: 26px;
}



#success-popup, #error-popup,  #success-subscribe-popup, #unsubscribe-error-popup, #unsubscribe-success-popup, #success-subscribe-popup {
    width: 100% !important;
    height:  425px !important;
    background: #fff !important;
    border-radius: 30px;
    text-align: center;
    padding: 0 !important;
}


.button-wrap button:hover, .contact-btn:hover, .btn:hover {
    cursor: pointer;
    background: linear-gradient(97.89deg, #EA6156 3.98%, #004A99 113.61%);
    border-radius: 50px;
    color: #fff;
}

.popup-text-header {
    max-width: 507px;
    margin: 0 auto;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 130%;
    text-align: center;
    color: #191B24;
    margin-bottom: 24px;
}
.lv .popup-text-header, .en .popup-text-header {
    max-width: 700px;
}
.lv .popup-text-body, .en .popup-text-body{
    max-width: 400px;
}

.lv .bf-image {
   font-size: 370px;
    margin-top: -50px;
}


.en .bf-image{
    font-size: 240px;
    width: 1400px;
    left:0;
    text-align: left;
}

#success-popup, #error-popup, #success-subscribe-popup {
    position: relative;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}
.popup-text-body {

    max-width: 320px;
    margin: 0 auto;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #AFAFAF;
}
.bf-txt {
    position: relative;
    z-index: 9;
}
.bf-image {
    position: absolute;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 290px;
    line-height: 130%;
    text-align: center;
    color: #F9F9F9;
    z-index: 1;
    top: 0;
    left: -50px;
    right: 0;
    bottom: 0;
}
.main-btn {
    background: #EA6156;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFF;
    margin-top: 54px;
}

/* main page slider */
.slider-container{
    display: flex;
    flex-direction: row;
    width: 1328px;
    overflow: hidden;
    margin-top: 200px;
}
.rwl {
    background: url('../templates/frontend/images/rwl.png') no-repeat;
}

.rwl_expanded {
    background: url('../templates/frontend/images/rwl_expanded.png') no-repeat;
    width: 1104px;
    height: 600px;
}
.asup {
    background: url('../templates/frontend/images/asup.png') no-repeat;
}

.products_ru {
    background: url('../templates/frontend/images/products_ru.png') no-repeat;
}
.products_lv {
    background: url('../templates/frontend/images/products_lv.png') no-repeat;
}
.products_en {
    background: url('../templates/frontend/images/products_en.png') no-repeat;
}

.asup_expanded {
    background: url('../templates/frontend/images/asup_expanded.png') no-repeat;
    width: 1104px;
    height: 600px;
}
.products_expanded {
    width: 1104px;
    height: 600px;
    background: #F9F9F9;
    border-radius: 24px;
    padding-left: 114px;
    padding-top: 184px;
    box-sizing: border-box;
}

.products_expanded h2 {
    width: 100%;
}
.products_expanded .blue {
    color: #004A99;
}
.products-slider-text {
    font-family: "Nunito", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #4C4F61;
    max-width: 444px;
    margin-top: 15px;
}
.rwl-slider-wrap, .asup-slider-wrap {
    padding-left: 110px;
    padding-top: 380px;
}
.rwl-slider-text, .asup-slider-text {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #191B24;
    max-width: 330px;
}
.rwl.active, .asup.active, .products.active {
    background: none;
}
.panel{
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    height: 600px;
    color: #fff;
    cursor: pointer;
    flex: 0.5;
    border-radius: 30px;
    position: relative;
    transition: flex 0.7s ease-in;
}
.panel .solutions-btn {
    margin-top: 15px;
}
.panel .panel-inner{
    font-size: 24px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0;
}
.panel.active{
    flex: 5;
}
.panel.active .panel-inner{
    opacity: 1;
    transition: opacity 0.3s ease-in 0.4s;
}

.faq-item {
    background: #F9F9F9;
    border-radius: 24px;
    padding: 32px;
    margin-bottom: 16px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}
.number {
    width: 417px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 38px;
    letter-spacing: -0.02em;
    color: #191B24;

}
.faq-text {
    width: 656px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
}
.faq-question {
    font-size: 24px;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #191B24;
}

.faq-answer {
    font-size: 16px;
    line-height: 150%;
    color: #4C4F61;
    margin-top: 24px;
    display: none;
}
.faq-item:hover {
    background: #e6e5e5;
 }
.faq-item .faq-indicator-item {
    position: absolute;
    right: 32px;
    top: 37px;
    background: url('../templates/frontend/images/plus.png') no-repeat;
    width: 14px;
    height: 14px;
}
.faq-item.clicked .faq-indicator-item {
    background: url('../templates/frontend/images/minus.png') no-repeat;
    width: 20px;
    height: 20px;
}
.faq-wrap {
    margin-top: 60px;
}

.inner-content {
    padding-top: 160px;
}

.inner-content .panel  {
    display: block;
    flex: none;
    margin-top: 23px;
}

.inner-content  .rwl_expanded, .inner-content  .asup_expanded {
    width: 1328px;
}
.inner-content  .rwl_expanded {
    background: url('../templates/frontend/images/rwl_big.png') no-repeat;
}
.inner-content  .asup_expanded {
    background: url('../templates/frontend/images/asup_big.png') no-repeat;
}

.group-names {
    padding: 12px;
    background: #F9F9F9;
    border-radius: 50px;
    text-align: center;
}
.group-name  {
     padding: 8px 24px;
}

.group_name.active, .group_name.active:hover{
    background: linear-gradient(272.45deg, #004A99 -4.57%, #E42313 107.86%);
    border-radius: 50px;
    color: #fff;
}
.group_name:hover{
    background: #eaedf1;
    color: #4C4F61;
    border-radius: 50px;
    transition: background-color;
    transition-duration: 0.5s;
}
.group-persons {
    margin-top: 64px;
    margin-bottom: 207px;
}

.сat-4 h1, .сat-5 h1 {
    display: none;
}
.flip-card {
    background-color: transparent;
    width: 320px;
    height: 436px;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
}
.flip-card-front {
    background: #fff;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
    color: black;
}
.flip-card-front:hover h2, .flip-card-front:hover .position {
    display: none;
}
/* Style the back side */
.flip-card-back {
    background: #FFF;
    color: white;
    transform: rotateY(180deg);
    height: 460px;
}
.flip-card-back-bg {
    background: #F0F2F4;
    border-radius: 16px;
    height: 360px;
    padding-top: 40px;
}
.person-additional-image {
    width: 160px;
    height: 160px;
    margin: 0 auto 24px auto;
}
.group_name {
    display: inline-block;
    padding: 8px 24px;
    text-transform: uppercase;
    margin-right: 16px;
    cursor: pointer;
    font-family: "Nunito", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: rgba(0, 0, 0, 0.85);
}
.person-card {
    display: inline-block;
    vertical-align: top;
    font-family: "Nunito", sans-serif;
    font-style: normal;
    font-weight: 500;
    margin:  16px  16px  16px 0;
    text-align: left;
}
.person-card h2 {
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    width: 100%;
    text-align: left;
    margin-top: 16px;
    margin-bottom: 8px;
}

.person-card .position {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    text-align: left;
}
.person-card .phone a, .person-card .email a, .person-card .wechat  {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.85);
    text-decoration: none;
}
.contact-large, .contact-small {
    margin-left: 40px;
}
.contact-large .phone, .contact-large .email {
    height: 40px;
    line-height: 40px;
    margin-bottom: 16px;
    padding-left: 56px;
}
.contact-large .phone {
    background: url('../templates/frontend/images/phone40.png') no-repeat left center;
}
.contact-large .email {
    background: url('../templates/frontend/images/email40.png') no-repeat left center;
}

.contact-small .phone {
    background: url('../templates/frontend/images/phone.png') no-repeat left center;
}
.contact-small .email {
    background: url('../templates/frontend/images/email.png') no-repeat left center;
}
.contact-small .wechat {
    background: url('../templates/frontend/images/wechat.png') no-repeat left center;
}

.contact-small .phone, .contact-small .email, .person-card .wechat {
    height: 32px;
    line-height: 32px;
    margin-bottom: 12px;
    padding-left: 48px;
}


/*  NEWS */
.large-news-item {
    width: 655px;
    height: 504px;
    display: inline-block;
    vertical-align: top;
    margin-right: 16px;
    margin-bottom: 16px;
    border: 1px solid #D9D9D9;
    border-radius: 16px;
    box-sizing: border-box;
}
.large-news-item:nth-child(2n){
    margin-right: 0;
}

.subscribe {
    background: url(../templates/frontend/images/subscribe_bg.png) no-repeat;
    width: 100%;
    height: 444px;
    margin: 200px 0;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
}
.subscribe-form {
    padding: 40px;
}
.subscribe-form-inner {
    width: 736px;
    height: 364px;
    background: rgba(201, 204, 208, 0.4);
    backdrop-filter: blur(30px);
    border-radius: 20px;
    margin: 0 auto;
    padding: 40px;
    box-sizing: border-box;
}
.subscribe_header {

    font-size: 24px;
    line-height: 150%;
    text-align: center;
    color: #191B24;
    margin-bottom: 12px;
}
.subscribe_subheader {
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #4C4F61;
}
.email-wrap {
    margin-top: 56px;
}
.email-wrap label, .email-wrap input {
    display: block;
    width: 100%;
}

.email-wrap input  {
    box-sizing: border-box;
    padding: 8px 12px;
    background: #FAFAFA;
    opacity: 0.8;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    outline: none;
}
.email-wrap label {
    font-size: 16px;
    line-height: 22px;
    color: #191B24;
}

.subscribe-form .btn {
    background: #EA6156;
    color: #fff;
    margin-top: 40px;
    border: 0;
}
.subscribe-form .btn:hover {
    cursor: pointer;
    background: linear-gradient(97.89deg, #EA6156 3.98%, #004A99 113.61%);
}

.latest-news-list a, .latest-news-list a:hover, .all-news-small-wrap a, .all-news-small-wrap  a:hover {
    text-decoration: none;

}
.news-image-wrap {
    width: 653px;
    height: 360px;
    border-radius: 16px;
    overflow: hidden;
    transition: transform 1.5s ease;
    position: relative;
}
.large-news-item:hover {
    -webkit-box-shadow: -9px 9px 14px -4px rgba(0,0,0,0.14);
    box-shadow: -9px 9px 14px -4px rgba(0,0,0,0.14);
}
/*
.news-image-wrap:hover  .news-image {
    transform: scale(1.02);
}*/
.large-news-item .news-image, .news-image {
    width: 653px;
    height: 360px;
    border-radius: 16px;
    position: relative;
}

.news-date {
    width: 171px;
    height: 41px;
    position: absolute;

    bottom: -3px;
    right: 65px;
    text-align: center;
    font-family: "Nunito", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #A7A4A4;

}
.news-date-text {
    margin-top: -30px;
}

.news-full .news-date-text {
     color: #A7A4A4;
 }
.news-name {
    font-family: "Nunito", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #191B24;
    padding-bottom: 16px;
}
.news-full .news-name {
    margin-top: 40px;
}
.news-intro {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4C4F61;
}
.outer-content.inner_news {
    background: #F9F9F9;
    border-radius: 0px 0px 40px 40px;
    width: 1440px;
    margin: 0 auto;
    padding-bottom: 80px;
}
.news-intro-wrap {
    padding: 18px 24px 40px 24px;
}
#paginator {
    padding-top: 80px;
    text-align: right;
 }
#paginator .page {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    margin: 0 4px;
    line-height: 40px;
    text-align: center;

    font-size: 16px;
    color: #191B24;
    background: url(../templates/frontend/images/pag.png) no-repeat;
}
#paginator .page a, #paginator .page a:hover {
    color: #191B24;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-decoration: none;
}
#paginator .page.selected  {
    background: url(../templates/frontend/images/pag_hover.png) no-repeat;
}

#paginator .page:hover  {
    background:  #004A99;
    color: #fff;
    border-radius: 50px;
}

#paginator .page.selected a   {
    color: #004A99;
}
#paginator .page:hover a {
    color: #fff;
}
#paginator .list a {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: top;
}
#paginator .list.left a {
    background: url(../templates/frontend/images/pl.png) no-repeat;
}
#paginator .list.left a:hover {
    background: url(../templates/frontend/images/rh.png) no-repeat;
}
#paginator .list.left.disabled a {
    background: url(../templates/frontend/images/pag_left.png) no-repeat;
    cursor: initial;
}
#paginator .list.right a {
    background: url(../templates/frontend/images/pr.png) no-repeat;
}
#paginator .list.right a:hover {
    background: url(../templates/frontend/images/lh.png) no-repeat;
}
#paginator .list.right.disabled a {
    background: url(../templates/frontend/images/pag_right.png) no-repeat;
    cursor: initial;
}
.news-inner-left {
    width: 656px;
    float: left;
}
.news-inner-right {
    width: 432px;
    float: right;
    text-align: left;
}
.nav-sidebar-hdr {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
    color: #000000;
    padding-bottom: 16px;
}
.nav-sidebar-line {
    width: 100%;
    height: 1px;

    background: linear-gradient(45deg, #191B24, #004A99, #E42313, #E42313, #E42313);
    margin-bottom: 40px;
}
.nav-sidebar-hdr-social {
    margin-top: 50px;
}
.news-inner-right .social {
    margin-top: 40px;
}
.short-news-item {
    width: 100%;
    display: block;
    margin-bottom: 28px;
}
.news-footer-image {
    margin-top: 40px;
}
.news-inner-right  .news-image {
    width: 96px;
    height: 96px;
    border-radius: 12px;
    display: inline-block;
    vertical-align: top;
}
.news-min-intro-wrap {
    display: inline-block;
    vertical-align: top;
    width: 315px;
    margin-left: 16px;
    font-family: "Nunito", sans-serif;
    font-style: normal;
    font-weight: 500;
    padding-right: 45px;
    box-sizing: border-box;
}
.short-news-item, .short-news-item:hover {
    text-decoration: none;
    cursor: pointer;
}
.news-min-intro-wrap .news-date-min {

    font-size: 14px;
    line-height: 24px;
    color: #A7A4A4;
    margin-bottom: 8px;
}
.news-min-intro-wrap .news-name {
    font-size: 16px;
    line-height: 130%;
    color: #111111;
}

#unsubscribe-success-popup {
    width: 480px;
    height: 349px !important;
    overflow: hidden;
}
#unsubscribe-fail-popup {
    width: 464px;
    height: 349px !important;
    overflow: hidden;
}

#unsubscribe-success-popup-wrap, #unsubscribe-fail-popup-wrap {
    padding: 40px;
    box-sizing: border-box;
    text-align: center;
}
#unsubscribe-success-popup .success-image, #unsubscribe-fail-popup .fail-image{
    width: 70px;
    height: 70px;
    margin:  0 auto 34px auto;
}
#unsubscribe-success-popup .main-btn, #unsubscribe-fail-popup .main-btn {
    margin-top: 14px;
}


.unsubscribe-popup-text-header {
    font-family: "Nunito", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    align-items: center;
    text-align: center;
    color: rgba(0, 0, 0, 0.85);
}
.unsubscribe-popup-text {
    margin-top: 16px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    align-items: center;
    text-align: center;
    color: rgba(0, 0, 0, 0.85);

}
#unsubscribe-success-popup .success-image {
    background:  url(../templates/frontend/images/ok.png) no-repeat;
}
#unsubscribe-fail-popup .fail-image {
    background:  url(../templates/frontend/images/error.png) no-repeat;
}
@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 3/2),
only screen and (        min-device-pixel-ratio: 1.5) {



    .stats-items .item1 .stats-image {
        background: url(../templates/frontend/images/302x.png) no-repeat;
        -webkit-background-size: 105px 47px !important;
        -o-background-size:105px 47px !important;
        -moz-background-size:105px 47px !important;
        background-size: 105px 47px !important;
    }
    .stats-items .item2 .stats-image {
        background: url(../templates/frontend/images/502x.png) no-repeat;
        -webkit-background-size: 105px 47px !important;
        -o-background-size:105px 47px !important;
        -moz-background-size:105px 47px !important;
        background-size: 105px 47px !important;
    }
    .stats-items .item3 .stats-image {
        background: url(../templates/frontend/images/202x.png) no-repeat;

        -webkit-background-size: 156px 47px !important;
        -o-background-size:105px 156px !important;
        -moz-background-size:156px 47px !important;
        background-size: 156px 47px !important;
    }
    .stats-items .item4 .stats-image {
        background: url(../templates/frontend/images/172x.png) no-repeat;
        -webkit-background-size: 105px 47px !important;
        -o-background-size:105px 47px !important;
        -moz-background-size:105px 47px !important;
        background-size: 105px 47px !important;
    }
    .stats-items .item5 .stats-image {
        background: url(../templates/frontend/images/102x.png) no-repeat;
        -webkit-background-size: 60px 29px !important;
        -o-background-size: 60px 29px !important;
        -moz-background-size: 60px 29px !important;
        background-size:  60px 29px !important;
    }
    .stats-items .item6 .stats-image {
        background: url(../templates/frontend/images/992x.png) no-repeat;
        -webkit-background-size: 148px 47px !important;
        -o-background-size:148px 156px !important;
        -moz-background-size:148px 47px !important;
        background-size: 148px 47px !important;
    }



    .social .instagram {
        background: url('../templates/frontend/images/s12x.png') no-repeat;
        -webkit-background-size: 24px 24px  !important;
        -o-background-size:  24px 24px   !important;
        -moz-background-size:   24px 24px  !important;
        background-size:  24px 24px  !important;
    }
    .social .instagram:hover,  .white-social .social .instagram:hover  {
        background: url('../templates/frontend/images/s1h2x.png') no-repeat;
        -webkit-background-size: 24px 24px  !important;
        -o-background-size:  24px 24px   !important;
        -moz-background-size:   24px 24px  !important;
        background-size:  24px 24px  !important;
    }

    .social .linkedin {
        background: url('../templates/frontend/images/s22x.png') no-repeat;
        -webkit-background-size: 24px 24px  !important;
        -o-background-size:  24px 24px   !important;
        -moz-background-size:   24px 24px  !important;
        background-size:  24px 24px  !important;
    }
    .social .linkedin:hover,  .white-social .social .linkedin:hover  {
        background: url('../templates/frontend/images/s2h2x.png') no-repeat;
        -webkit-background-size: 24px 24px  !important;
        -o-background-size:  24px 24px   !important;
        -moz-background-size:   24px 24px  !important;
        background-size:  24px 24px  !important;
    }

    .social .whatsapp {
        background: url('../templates/frontend/images/s32x.png') no-repeat;
        -webkit-background-size: 24px 24px  !important;
        -o-background-size:  24px 24px   !important;
        -moz-background-size:   24px 24px  !important;
        background-size:  24px 24px  !important;
    }
    .social .whatsapp:hover,  .white-social .social .whatsapp:hover  {
        background: url('../templates/frontend/images/s3h2x.png') no-repeat;
        -webkit-background-size: 24px 24px  !important;
        -o-background-size:  24px 24px   !important;
        -moz-background-size:   24px 24px  !important;
        background-size:  24px 24px  !important;
    }

    .social .telegram {
        background: url('../templates/frontend/images/s42x.png') no-repeat;
        -webkit-background-size: 24px 24px  !important;
        -o-background-size:  24px 24px   !important;
        -moz-background-size:   24px 24px  !important;
        background-size:  24px 24px  !important;
    }
    .social .telegram:hover,  .white-social .social .telegram:hover {
        background: url('../templates/frontend/images/s4h2x.png') no-repeat;
        -webkit-background-size: 24px 24px  !important;
        -o-background-size:  24px 24px   !important;
        -moz-background-size:   24px 24px  !important;
        background-size:  24px 24px  !important;
    }

    .white-social .social .instagram {
        background: url('../templates/frontend/images/s1w2x.png') no-repeat;
        -webkit-background-size: 24px 24px  !important;
        -o-background-size:  24px 24px   !important;
        -moz-background-size:   24px 24px  !important;
        background-size:  24px 24px  !important;
    }

    .white-social .social .linkedin {
        background: url('../templates/frontend/images/s2w2x.png') no-repeat;
        -webkit-background-size: 24px 24px  !important;
        -o-background-size:  24px 24px   !important;
        -moz-background-size:   24px 24px  !important;
        background-size:  24px 24px  !important;
    }

    .white-social .social .whatsapp {
        background: url('../templates/frontend/images/s3w2x.png') no-repeat;
        -webkit-background-size: 24px 24px  !important;
        -o-background-size:  24px 24px   !important;
        -moz-background-size:   24px 24px  !important;
        background-size:  24px 24px  !important;
    }

    .white-social .social .telegram {
        background: url('../templates/frontend/images/s4w2x.png') no-repeat;
        -webkit-background-size: 24px 24px  !important;
        -o-background-size:  24px 24px   !important;
        -moz-background-size:   24px 24px  !important;
        background-size:  24px 24px  !important;
    }

    .footer-logo {
        background:  url('../templates/frontend/images/logo_footer2x.png') no-repeat;
        -webkit-background-size: 140px 60px  !important;
        -o-background-size:   140px 60px  !important;
        -moz-background-size: 140px 60px  !important;
        background-size:  140px 60px  !important;
    }

    .popup-close {
        background: url('../templates/frontend/images/popup-close2x.png') no-repeat;
        -webkit-background-size: 20px 20px  !important;
        -o-background-size:    20px 20px  !important;
        -moz-background-size: 20px 20px  !important;
        background-size:   20px 20px  !important;
    }

    .popup-close:hover {
        background: url('../templates/frontend/images/popup-closeh2x.png') no-repeat;
        -webkit-background-size: 20px 20px  !important;
        -o-background-size:    20px 20px  !important;
        -moz-background-size: 20px 20px  !important;
        background-size:   20px 20px  !important;
    }

    .current-lang .lang-icon {
        background: url(../templates/frontend/images/globe2x.png) no-repeat;
        -webkit-background-size: 24px 24px  !important;
        -o-background-size:     24px 24px  !important;
        -moz-background-size: 24px 24px  !important;
        background-size:    24px 24px  !important;
    }

    .faq-item .faq-indicator-item {
        background: url('../templates/frontend/images/plus2x.png') no-repeat;
        -webkit-background-size: 14px 14px  !important;
        -o-background-size:     14px 14px  !important;
        -moz-background-size:  14px 14px  !important;
        background-size:   14px 14px  !important;
    }
    .faq-item.clicked .faq-indicator-item {
        background: url('../templates/frontend/images/minus2x.png') no-repeat;
        -webkit-background-size: 20px 20px  !important;
        -o-background-size:     20px 20px  !important;
        -moz-background-size:20px 20px  !important;
        background-size:  20px 20px  !important;
    }

    .nav-logo {
        background: url(../templates/frontend/images/sigis_logo2x.png) no-repeat;
        -webkit-background-size: 136px 80px  !important;
        -o-background-size:     136px 80px  !important;
        -moz-background-size: 136px 80px  !important;
        background-size: 136px 80px  !important;
    }


    .prod-list-content ul li:nth-child(1){
        background: url(../templates/frontend/images/012x.png) no-repeat left;
        -webkit-background-size: 37px 29px  !important;
        -o-background-size:    37px 29px  !important;
        -moz-background-size: 37px 29px  !important;
        background-size: 37px 29px  !important;
    }
    .prod-list-content ul li:nth-child(2){
        background: url(../templates/frontend/images/022x.png) no-repeat left;
        -webkit-background-size: 52px 37px  !important;
        -o-background-size:   52px 37px  !important;
        -moz-background-size: 52px 37px  !important;
        background-size: 52px 37px  !important;
    }
    .prod-list-content ul li:nth-child(3){
        background: url(../templates/frontend/images/032x.png) no-repeat left;
        -webkit-background-size: 44px 29px  !important;
        -o-background-size:  44px 29px  !important;
        -moz-background-size: 44px 29px  !important;
        background-size: 44px 29px  !important;
    }
    .prod-list-content ul li:nth-child(4){
        background: url(../templates/frontend/images/042x.png) no-repeat left;
        -webkit-background-size: 45px 29px  !important;
        -o-background-size:  45px 29px  !important;
        -moz-background-size: 45px 29px  !important;
        background-size: 45px 29px  !important;
    }
    .prod-list-content ul li:nth-child(5){
        background: url(../templates/frontend/images/052x.png) no-repeat left;
        -webkit-background-size: 44px 29px  !important;
        -o-background-size:  44px 29px  !important;
        -moz-background-size: 44px 29px  !important;
        background-size: 44px 29px  !important;
    }
    .prod-list-content ul li:nth-child(6){
        background: url(../templates/frontend/images/062x.png) no-repeat left;
        -webkit-background-size: 45px 29px  !important;
        -o-background-size:  45px 29px  !important;
        -moz-background-size: 45px 29px  !important;
        background-size: 45px 29px  !important;
    }
    .prod-list-content ul li:nth-child(7){
        background: url(../templates/frontend/images/072x.png) no-repeat left;
        -webkit-background-size: 43px 29px  !important;
        -o-background-size:  43px 29px  !important;
        -moz-background-size: 43px 29px  !important;
        background-size: 43px 29px  !important;
    }
    .prod-list-content ul li:nth-child(8){
        background: url(../templates/frontend/images/082x.png) no-repeat left;
        -webkit-background-size: 45px 29px  !important;
        -o-background-size:  45px 29px  !important;
        -moz-background-size: 45px 29px  !important;
        background-size: 45px 29px  !important;
    }


    .contact-large .phone {
        background: url('../templates/frontend/images/phone402x.png') no-repeat left center;
        -webkit-background-size: 40px 40px  !important;
        -o-background-size:   40px 40px  !important;
        -moz-background-size:  40px 40px  !important;
        background-size:  40px 40px  !important;
    }
    .contact-large .email {
        background: url('../templates/frontend/images/email4o2x.png') no-repeat left center;
        -webkit-background-size: 40px 40px  !important;
        -o-background-size:   40px 40px  !important;
        -moz-background-size:  40px 40px  !important;
        background-size:  40px 40px  !important;
    }

    .contact-small .phone {
        background: url('../templates/frontend/images/phone2x.png') no-repeat left center;
        -webkit-background-size: 32px 32px  !important;
        -o-background-size:  32px 32px  !important;
        -moz-background-size:  32px 32px  !important;
        background-size:  32px 32px  !important;
    }
    .contact-small .email {
        background: url('../templates/frontend/images/email2x.png') no-repeat left center;
        -webkit-background-size: 32px 32px  !important;
        -o-background-size:  32px 32px  !important;
        -moz-background-size:  32px 32px  !important;
        background-size:  32px 32px  !important;
    }
    .contact-small .wechat {
        background: url('../templates/frontend/images/wechat2x.png') no-repeat left center;
        -webkit-background-size: 32px 32px  !important;
        -o-background-size:  32px 32px  !important;
        -moz-background-size:  32px 32px  !important;
        background-size:  32px 32px  !important;
    }

    #unsubscribe-success-popup .success-image {
        background:  url(../templates/frontend/images/ok2x.png) no-repeat;
        -webkit-background-size: 70px 70px  !important;
        -o-background-size:   70px 70px  !important;
        -moz-background-size:  70px 70px  !important;
        background-size:   70px 70px  !important;
    }
    #unsubscribe-fail-popup .fail-image {
        background:  url(../templates/frontend/images/error2x.png) no-repeat;
        -webkit-background-size: 70px 70px  !important;
        -o-background-size:   70px 70px  !important;
        -moz-background-size:  70px 70px  !important;
        background-size:   70px 70px  !important;
    }

    #paginator .list.left a {
        background: url(../templates/frontend/images/pl2x.png) no-repeat;
        -webkit-background-size: 40px 40px  !important;
        -o-background-size:   40px 40px  !important;
        -moz-background-size:  40px 40px  !important;
        background-size:  40px 40px  !important;
    }
    #paginator .list.left a:hover {
        background: url(../templates/frontend/images/rh2x.png) no-repeat;
        -webkit-background-size: 40px 40px  !important;
        -o-background-size:   40px 40px  !important;
        -moz-background-size:  40px 40px  !important;
        background-size:  40px 40px  !important;
    }
    #paginator .list.left.disabled a {
        background: url(../templates/frontend/images/pag_left2X.png) no-repeat;
        -webkit-background-size: 40px 40px  !important;
        -o-background-size:   40px 40px  !important;
        -moz-background-size:  40px 40px  !important;
        background-size:  40px 40px  !important;

    }
    #paginator .list.right a {
        background: url(../templates/frontend/images/pr2x.png) no-repeat;
        -webkit-background-size: 40px 40px  !important;
        -o-background-size:   40px 40px  !important;
        -moz-background-size:  40px 40px  !important;
        background-size:  40px 40px  !important;
    }
    #paginator .list.right a:hover {
        background: url(../templates/frontend/images/lh2x.png) no-repeat;
        -webkit-background-size: 40px 40px  !important;
        -o-background-size:   40px 40px  !important;
        -moz-background-size:  40px 40px  !important;
        background-size:  40px 40px  !important;
    }
    #paginator .list.right.disabled a {
        background: url(../templates/frontend/images/pag_righht2X.png) no-repeat;
        -webkit-background-size: 40px 40px  !important;
        -o-background-size:   40px 40px  !important;
        -moz-background-size:  40px 40px  !important;
        background-size:  40px 40px  !important;
    }

    .main-logo {
        background: url(../templates/frontend/images/mainlogo2x.png) no-repeat;
        -webkit-background-size: 140px 60px  !important;
        -o-background-size:   140px 60px  !important;
        -moz-background-size:  140px 60px  !important;
        background-size: 140px 60px  !important;
    }
}