body{overflow-x:hidden}
.software-bg {background: #3751ae url(../images/body-27.webp) center top no-repeat fixed;}
.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;border-radius:0px;display:flex;justify-content:space-between;align-items:center;}
.banner img{max-width:1699px}
.banner .banner-text{position:absolute;width:100%;line-height:45px}
.banner .text-big{color:#fff;font-size:40px;font-weight:bold;font-family:sans-serif}
.banner .text-small{text-align:center;font-size:20px;display:inline-block;margin-top:13px;color:#fff;padding:0px 25px;line-height:38px}
.software-bg .service-warp{background: #fff;border-radius: 8px;margin-top:40px;padding: 20px;display: none;  }
.service-warp ul{display:flex}
.service-warp li{position:relative;padding-left:31px;padding-right:16px;flex:1;color:#666;    line-height: 31px;}
.service-warp li i{width:26px;height:32px;position:absolute;display:block;left:0;}
.service-warp li div{font-size:16px;font-weight:bold;color:#666}
.service-warp li:nth-child(1) i{background:url(../images/service-1.png) no-repeat center;background-size:18px}
.service-warp li:nth-child(2) i{background:url(../images/service-2.png) no-repeat center;background-size:28px}
.service-warp li:nth-child(3) i{background:url(../images/service-3.png) no-repeat center;background-size:28px}
.service-warp li p{color:#666}
.swiper-main{position:relative;padding:0px;width: 800px;}
.swiper-container{padding:40px 0px;    padding-top: 0;}
.swiper-main .item-warp{background:#fff;padding:15px;display:flex;  border-radius: 15px;}
.swiper-main .item-warp .item-left{align-items:center;width:245px}
.swiper-main .item-warp .item-left .p-off{display:block;background:#ef6772;width:46px;height:22px;position:absolute;top:0;left:0;text-align:center;line-height:23px;font-size:13px;color:#fff;z-index:1;border-bottom-right-radius:13px}
.swiper-main .item-warp .item-left .item-img { position: relative;  height: 200px;   background: #efefef;  padding: 13px; 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:10px;max-height: 100%;max-width: 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;padding-bottom: 20px;}
.swiper-main .item-warp .item-right .title{color:#000;font-size:22px;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;    padding-left: 15px;}
.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:#1f8ceb;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(1,1fr);grid-auto-rows:auto;grid-column-gap:40px;grid-row-gap:40px}
.swiper-pagination{display:none}
.swiper-main .clleft{margin-top:20px;display: flex;}
.swiper-main .clleft .custom{position:relative;width:150px;display: flex; align-items: center;}
.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;position:absolute;width:80px;text-align: center;right: 0px;display: none;}
.swiper-main .item-warp .item-right .buywarp{display:flex;justify-content:center;align-items:center;width: 215px;padding-right:40px;position:relative;}
.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:-20px;background: #f8f8f8;border-radius: 41px;}
.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:20px;color:#0faf54;position:relative}
.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:#1f8ceb;padding:0px 13px;line-height:21px;cursor:pointer;position:relative;border-radius:5px;margin-left:37px}
.swiper-main .item-warp .item-right .clleft-price{display:flex;align-items: center; height: 50px;}
.swiper-main .item-warp .item-right .code{font-size:12px;;line-height:20px;position:relative;padding:6px 0px;text-align: center;}
.swiper-main .item-warp .item-right .item-code::before, 
.swiper-main .item-warp .item-right .item-code::after { content: "";background: #fff;width: 15px;height: 15px;position: absolute;left: -8px; top: 17px; border-radius: 32px;}
.swiper-main .item-warp .item-right .item-code::before {right: -8px;left: auto;}
.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:13px;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;    display: block;}
.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}
footer { margin-top:-36px}


@media (max-width:768px){.banner{margin-top:0;height:155px;position:relative;z-index:0}
.swiper-main .item-warp .item-right .clleft-price{display:block;align-items: center; height: auto;}
.swiper-main{width: 100%}
.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;}
.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;width:99px;height:53px;line-height:50px}
.swiper-main .item-warp .item-right .item-code{padding:9px 36px;display:inline-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:20px 30px;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 .clleft .custom .qty{height:40px}
.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:8px}
.swiper-main .clleft .custom button.reduced{        left: 61px;}
.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:20px}
.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;        display: inline-block;}
.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;text-align: center;}
.swiper-main .clleft .custom{margin-right:38px}
.swiper-main .item-warp .item-right .s_us{font-size:23px;padding-bottom: 21px;}
.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;}
.swiper-wrapper{padding-bottom: 40px;}
}