body{overflow-x:hidden}
.software-bg{background:url(../images/body-bg-56.webp) center top;background-size:cover;margin-top:-8px}
.loader-inner{width:100%;display:none;height:34px;background:#ff5400;position:absolute;top:0px;border-radius:34px}
.ball-clip-rotate{width:25px;height:25px;margin:auto}
.ball-clip-rotate > i{background-color:#fff;width:100%;height:width:100%;border-radius:100%;margin:auto;-webkit-animation-fill-mode:both;animation-fill-mode:both;border:2px solid #fff;border-bottom-color:transparent;height:100%;width:100%;margin-top:4px;background:transparent !important;display:inline-block;-webkit-animation:rotate 0.75s 0s linear infinite;animation:rotate 0.75s 0s linear infinite}
@keyframes rotate{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}
50%{-webkit-transform:rotate(180deg) scale(0.6);transform:rotate(180deg) scale(0.6)}
100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}
}@keyframes scale{30%{-webkit-transform:scale(0.3);transform:scale(0.3)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}.ball-clip-rotate-pulse{position:relative;-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}
.ball-clip-rotate-pulse > i{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;top:0px;left:0px;border-radius:100%}
.ball-clip-rotate-pulse > i:first-child{background:#fff;height:16px;width:16px;top:9px;left:9px;-webkit-animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite}
.ball-clip-rotate-pulse > i:last-child{position:absolute;border:2px solid #fff;width:30px;height:30px;background:transparent;border:2px solid;border-color:#fff transparent #fff transparent;-webkit-animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;-webkit-animation-duration:1s;animation-duration:1s}
@keyframes rotate{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}
50%{-webkit-transform:rotate(180deg) scale(0.6);transform:rotate(180deg) scale(0.6)}
100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}
}.ball-clip-rotate-multiple{position:relative}
.ball-clip-rotate-multiple > i{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;left:0px;top:0px;border:2px solid #fff;border-bottom-color:transparent;border-top-color:transparent;border-radius:100%;height:35px;width:35px;-webkit-animation:rotate 1s 0s ease-in-out infinite;animation:rotate 1s 0s ease-in-out infinite}
.ball-clip-rotate-multiple > i:last-child{display:inline-block;top:10px;left:10px;width:15px;height:15px;-webkit-animation-duration:0.5s;animation-duration:0.5s;border-color:#fff transparent #fff transparent;-webkit-animation-direction:reverse;x-direction:reverse}
@-webkit-keyframes ball-scale-ripple{0%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:1}
70%{-webkit-transform:scale(1);transform:scale(1);opacity:0.7}
100%{opacity:0.0}
}@keyframes ball-scale-ripple{0%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:1}
70%{-webkit-transform:scale(1);transform:scale(1);opacity:0.7}
100%{opacity:0.0}
}.loader-black{background:#fff}
.loader-black .ball-clip-rotate > i{border-radius:100%;margin:auto;-webkit-animation-fill-mode:both;animation-fill-mode:both;border:2px solid #333;border-bottom-color:transparent;height:100%;width:100%;margin-top:4px;background:transparent !important;display:inline-block;-webkit-animation:rotate 0.75s 0s linear infinite;animation:rotate 0.75s 0s linear infinite}
.banner{overflow:hidden;text-align:center;height:210px;position:relative;background:#c2e1fe;border-radius:0px;margin-top:40px;display:flex;justify-content:space-between;align-items:center;box-shadow:4px 2px 9px 2px #9ccafa}
.banner:after{width:301px;height:100%;display:block;background:url(../images/banner-right-56.webp) no-repeat right bottom;background-size:100%;position:relative;right:-15px;bottom:0px;content:" "}
.banner img{max-width:1699px}
.banner .banner-text{position:absolute;width:100%;line-height:45px}
.banner .text-big{color:#000000;font-size:40px;font-weight:bold;font-family:sans-serif}
.banner .text-small{text-align:center;font-size:16px;display:inline-block;background-color:#0067b8;margin-top:23px;color:#fff;padding:0px 25px;line-height:38px}
.b-small{background:url(../images/banner-56.webp) no-repeat ;     background-size: cover;}
.b-small .text-small{background-color: #fff;color:#000}
.b-small:after,
.b-small:before{display: none;}
.software-bg .service-warp{background:#f6fafc;border-radius:8px;margin:40px 0px}
.software-bg .service-warp ul{display:flex}
.software-bg .service-warp li{flex:1;height:60px;align-items:center;display:flex;justify-content:center;text-transform:uppercase}
.software-bg .service-warp li i{display:inline-block;width:36px;height:36px}
.software-bg .service-warp li:nth-child(1) i{background:url(../images/service-1.webp) no-repeat center;background-size:cover}
.software-bg .service-warp li:nth-child(2) i{background:url(../images/service-2.webp) no-repeat center;background-size:cover}
.software-bg .service-warp li:nth-child(3) i{background:url(../images/service-3.webp) no-repeat center;background-size:cover}
.software-bg .service-warp li:nth-child(4) i{background:url(../images/service-4.webp) no-repeat center;background-size:cover}
.swiper-main{position:relative;padding:0px}
.swiper-container{padding:40px 0px}
.swiper-main .item-warp{background:#fff;padding:15px;display:flex}
.swiper-main .item-warp .item-left{align-items:center;width:245px}
.swiper-main .item-warp .item-left .p-off{display:block;background:#ffcc00;width:46px;height:22px;position:absolute;top:0;left:0;text-align:center;line-height:23px;font-size:13px;color:#000000;z-index:1;border-bottom-right-radius:13px}
.swiper-main .item-warp .item-left .item-img{position:relative;height:210px;background:#efefef;padding:23px;width:210px;text-align:center}
.swiper-main .item-warp .item-left .item-text-bottom{line-height:12px;padding-top:12px}
.swiper-main .item-warp .item-left .item-text-bottom p{padding:5px;background:url(../images/vuk-ico-1.webp) no-repeat 0px 4px;background-size:12px;padding-left:18px}
.swiper-main .item-warp .item-left .item-text-bottom p:nth-child(2){background-position:0px -38px}
.swiper-main .item-warp .item-left img{border-radius:0px;height:100%}
.swiper-main .item-warp .item-right{flex:1;display:flex;align-items:center;justify-content:flex-start;padding-top:0px}
.swiper-main .item-warp .item-right .title a{color:#333;display:block}
.swiper-main .item-warp .item-right .title{color:#000;font-size:17px;line-height:25px;font-weight:bolder}
.swiper-main .item-warp .item-right .item-text{width:100%}
.swiper-main .item-warp .item-right .s_us{text-decoration:line-through;display:block;font-size:14px;color:#666}
.swiper-main .item-warp .item-right .c_price{display:block;font-size:22px;color:#000;font-weight:700;padding:12px 0px}
.swiper-main .item-warp .item-right .buynow{padding:11px 25px;background:#e76773;color:#fff;background-size:19px;position:relative;display:flex;border-radius:35px;align-items:center;cursor:pointer;justify-content:center;flex:1}
.swiper-button-next,.swiper-button-prev{margin-top:-80px;width:60px;height:60px}
.swiper-button-prev{left:-12px}
.swiper-button-next{right:-12px}
.swiper-slide-active a:before{display:none}
.swiper-slide a:after{display:none}
.swiper-slide a{cursor:pointer}
.swiper-wrapper{position:relative;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;grid-column-gap:40px;grid-row-gap:40px}
.swiper-pagination{display:none}
.swiper-main .clleft{margin-top:10px}
.swiper-main .clleft .custom{position:relative;width:150px;display: flex; align-items: center;    padding-bottom: 10px;}
.swiper-main .clleft .custom button.items-count{background-color:#f8f8f8;border:1px #f8f8f8 solid;color:#999;}
.swiper-main .clleft .custom button.items-count:hover{color:#000}
.swiper-main .clleft .add-to-cart .qty,.swiper-main .clleft .qty-holder .qty{background-color:#f8f8f8;border:1px solid #f8f8f8;border-radius:0px;font-size:15px;font-weight:bold}
.swiper-main .clleft .custom .qty{height:33px;text-align:center;width:46px;vertical-align:top;  background: #ffffff;border: 1px solid #eaeaea; border-left: 0; border-right: 0px;outline: none; outline: medium; }
.swiper-main .clleft .custom .qty-input-text{margin-left:10px}
.swiper-main .clleft .custom button.items-count{font-size:10px;line-height:0px;padding:0px;height:33px;width:30px;text-align:center;font-weight:normal;background:#f8f8f8}
.swiper-main .clleft .custom button.reduced{border-right:none;border-radius:3px 0 0 3px;left:46px;top:0px;border: 1px solid #eaeaea;}
.swiper-main .clleft .custom button.increase{border-left:none;border-radius:0 3px 3px 0;top:20px;border: 1px solid #eaeaea;}
.swiper-main .clleft .custom .i-s{padding:7px;line-height:29px;color:#666;width:80px;text-align: center;right: 0px;d}
.swiper-main .item-warp .item-right .buywarp{display:flex;justify-content:center;align-items:center;flex:1;padding-right:40px;position:relative;width:215px}
.swiper-main .item-warp .item-right .buywarp .buy-a{font-size:16px}
.swiper-main .item-warp .item-right .buywarp .add{width:48px;height:48px;position:absolute;right:-10px}
.swiper-main .item-warp .item-right .buywarp .addsuccess{position:absolute;left:0;top:0px;width:48px;height:48px;background:#fff;display:none;line-height:44px;border:0px solid #b8e6ba;border-radius:6px}
.swiper-main .item-warp .item-right .buywarp .addsuccess span{position:absolute;top:15px;left:17px}
.swiper-main .item-warp .item-right .buywarp .add-cart{width:48px;height:48px;display:flex;cursor:pointer;justify-content:center;align-items:center;border:0px solid #b8e6ba;opacity:1;border-radius:6px;font-size:26px;color:#0faf54;position:relative;    background: #f8f8f8;margin-left: 11px;}
.swiper-main .item-warp .item-right .buywarp span{color:#000}
.swiper-main .item-warp .item-right .buywarp .buy-a:hover{opacity:1}
.swiper-main .item-warp .item-right .buywarp .loader-inner{left:0px;height:100%;background:#888888;z-index:1;opacity:0.8}
.swiper-main .item-warp .item-right .item-code{color:#ffffff;display:inline-block;background:#0ca5f3b0;padding:0px 13px;line-height:21px;cursor:pointer;position:relative;border-radius:21px;margin-top:9px}
.swiper-main .item-warp .item-right .code{font-size:14px;display:flex;justify-content:center;align-items:center;line-height:25px;position:relative}
.swiper-main .item-warp .item-right .btn-copy{background:#0faf54;color:#ffffff;font-size:12px;margin:0px 17px;border-radius:21px;cursor:pointer;line-height:24px;position:absolute;right:-70px;word-break:keep-all;white-space:nowrap;top:0px;display:none;width:23px;height:23px;opacity:0.8;text-align:center}
.swiper-main .item-warp .item-right .btn-copy:hover{opacity:1}
.swiper-main .item-warp .item-right .edm-discount-text{padding-left:5px;font-weight:bold;color:#fff;font-size:16px}
.swiper-main .item-warp .item-right  .buy-btn{text-align:center;width:148px;margin:auto;position:relative}
.swiper-main .item-warp .copy-code{opacity:0;width:120px;position:absolute;top:0px;pointer-events:none}
.swiper-main .swiper-slide{margin:0;flex:1}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:49px;width:50%;left:556px}
.swiper-pagination-bullet{background:#4169e1;width:12px;height:12px;margin-bottom:4px}
.swiper-pagination-bullet-active{width:22px;background-color:#4169e1;height:12px;border-radius:10px}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:20px}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:20px}
.swiper-slide a{background:transparent;display:inline}
.swiper-slide-active a:before,.swiper-slide a:after{display:none}
.swiper-button-next,.swiper-button-prev{opacity:1;box-shadow:0px 0px 7px 0px #eaeaea;bottom:244px;background-color:#fcfcfc;width:50px;height:114px;border-radius:12px;top:auto}
.swiper-button-container .s-item{flex:1;position:relative}
.swiper-button-container{display:flex;position:relative;bottom:38px}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{pointer-events:auto}
.swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-main .item-active{display:flex;background:transparent;padding-top:51px}
.swiper-main .item-active .item-right .item-code{display:block}
.swiper-main .item-active .item-left .item-img{border-radius:20px;border:0px solid #fff;height:380px;width:380px;background:#fff;text-align:center;padding:20px}
.swiper-main .item-active .item-left{flex:none;padding-right:31px;align-items:center;justify-content:left}
.swiper-main .item-active .item-left img{border-radius:6px;height:100%}
.swiper-main .item-active .item-right .title{justify-content:flex-start;height:auto;font-size:32px;line-height:41px;text-align:left;padding-bottom:11px}
.swiper-main .item-active .item-left .p-off{left:auto;right:0;border-bottom-right-radius:0;border-bottom-left-radius:12px;border-top-right-radius:20px}
.swiper-main .item-active .item-right .item-code{background:transparent}
.swiper-main .item-active  .item-right .code{justify-content:center;width:245px;background:url(../images/code-3.webp) no-repeat center left;background-size:245px;padding-left:24px;font-size:20px;font-weight:bold;color:#000}
.swiper-main .item-active .item-right .clleft-price{justify-content:flex-start}
.swiper-main .item-active  .item-right .buywarp{position:relative}
.swiper-main .item-active .item-right .buywarp .add{right:-28px}
.swiper-main .item-active .clleft{width:340px}
.swiper-main .item-active  .item-right .edm-discount-text{color:#c70500;font-size:22px}
.swiper-main .item-active:hover{-webkit-transform:scale(0.95);transform:scale(0.95);box-shadow:0px 0px 0px 0px #e4e3e3}
@media (max-width:768px){.banner{margin-top:0;height:155px;position:relative;z-index:0}
.banner img{max-width:100%;width:100%}
.banner .banner-text{padding-top:0px;line-height:40px}
.banner .text-big{font-size:28px}
.banner .text-small{font-size:20px;background: transparent;    margin-top: 0;}
.header_active .search-form{z-index:2}
.software-bg{padding:14px;padding-top:40px}
.swiper-main .item-warp{display:block}
.swiper-button-container div:nth-child(1){display:none}
.swiper-main .item-warp .item-right .retail{font-size:20px;padding-top:12px}
.swiper-button-next,.swiper-button-prev{top:360px}
.swiper-main .item-warp .item-left{background-color:transparent;width:91%}
.swiper-container{height:auto;padding: 15px 0px;}
.swiper-main .item-warp .item-right .btn-copy{font-size:20px;width:35px;height:35px;line-height:34px;padding:0px;top:2px}
.swiper-main .item-warp .item-right .code{font-size:24px}
.swiper-main .item-warp .item-left .p-off{font-size:32px;background:#ffcc00;width:99px;height:53px;line-height:50px}
.swiper-main .item-warp .item-right .item-code{padding:9px 36px;display:block}
.swiper-main .item-warp .item-left .item-img{border-radius:0px;height:430px;width:100%}
.swiper-main .clleft{margin-top:12px;transform:scale(1.3);padding:0px 51px;display:flex}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:30px}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:30px}
.swiper-main .item-warp .item-right .title{font-size:28px;line-height:43px;padding:17px 0px;width:100%;min-height:auto;height:auto}
.swiper-main .item-warp .item-right .buywarp .loader-inner .ball-clip-rotate{margin-top:4px}
.swiper-main .item-warp .item-left .p-off{top:0px;right:auto;left:0px;font-size:20px}
.swiper-main .clleft .custom{width:74px;margin-right:23px;margin-top:25px}
.swiper-main .clleft .custom button.reduced{right:-3px}
.swiper-main .clleft .custom .i-s{display:none}
.swiper-main .item-warp .item-right .item-code::before,.swiper-main .item-warp .item-right .item-code::after{top:34px}
.swiper-main .item-warp .item-right .buywarp .add{right:-6px}
.swiper-main .item-warp .item-right .buywarp{padding-right:40px;padding-left:0px}
.swiper-main .item-warp .item-right .edm-discount-text{font-size:30px}
.swiper-main .item-warp .item-left .item-text-bottom{display:none}
.banner:after{width:73px;height:156px;display:none}
.software-bg .container{width:auto}
.swiper-main .item-warp .item-right{padding:0px}
.swiper-main .item-warp .item-right .item-text{width:auto;padding:41px;padding-top:0px;padding-bottom:0px}
.swiper-main .clleft .custom{margin-right:38px; transform: scale(1.3);}
.swiper-main .item-warp .item-right .s_us{font-size:23px}
.banner:before{background-size:61%;left:-10px}
.b-small:before{background-size:50%;width:217px;left:-6px;height:172px;top:75px}
.b-small:after{width:101px;height:155px}
.clleft-price{display:flex;margin-top:12px;justify-content:center;align-items:center}
.swiper-main .item-warp .item-right .c_price{font-size:32px;padding-right:12px}
.b-small {background-size: 150%;}
.swiper-main .item-warp .item-right .title a {text-align: center;padding-top: 20px;}
}