.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:normal;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.ag-format-container{width:1142px;margin:0 auto;display:flex;align-items:center;justify-content:center}img{max-width:100%}body{line-height:1.2;font-size:14px;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.ag-app-slide-block{display:flex;align-items:center;justify-content:center}.ag-app-slide_box{padding:0 0 30px;position:relative}.ag-app-slide_main{display:-webkit-box;display:-ms-flexbox;display:flex;padding:16px 0 0;position:relative}.ag-app-slide-carousel_box_a{height:455px;width:225px;min-width:225px;padding:26px 6px;background:url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/swiper-slide-devices/images/android.png) no-repeat;background-size:100% 99.8%;background-color:#000;border-radius:30px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.ag-app-slide-carousel_box_a:after,.ag-app-slide-carousel_box_a:before{content:"";display:block;height:100%;width:20px;background:url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/swiper-slide-devices/images/android.png) no-repeat;z-index:2;position:absolute;top:0}.ag-app-slide-carousel_box_a:before{left:0}.ag-app-slide-carousel_box_a:after{background-position:-189px 0;right:0}.ag-app-slide-carousel_arr{display:none}.ag-app-slide-carousel_box_a .swiper-container{max-width:196px}.ag-app-slide-carousel_img_a{margin:0;height:404px;width:225px}.ag-app-slide-control_box{padding:0 0 0 91px;position:relative}.ag-app-slide-control_title-list{margin:20px 0;text-transform:uppercase;font-size:20px;color:#fff}.ag-app-slide-control_title-list__strong{color:#ffb43d}.js-ag-app-slide-control_list{display:block;padding:0}.js-ag-app-slide-control_item{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;position:relative}.js-ag-app-slide-control_item__active{cursor:default}.js-ag-app-slide-control_item__active:before{display:block;height:9px;width:9px;z-index:3;top:14px;left:-20px}.js-ag-app-slide-control_item__active:after,.js-ag-app-slide-control_item__active:before{background:#ffe843;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 -3px 4px #600,0 0 6px #ff6100,inset 0 1px 1px rgba(244,122,5,.831);-moz-box-shadow:0 -3px 4px #600,0 0 6px #ff6100,inset 0 1px 1px rgba(244,122,5,.831);-o-box-shadow:0 -3px 4px #600,0 0 6px #ff6100,inset 0 1px 1px rgba(244,122,5,.831);box-shadow:0 -3px 4px #600,0 0 6px #ff6100,inset 0 1px 1px rgba(244,122,5,.831)}.js-ag-app-slide-control_item__active:after{height:1px;width:70px;z-index:2;top:18px;left:-85px}.js-ag-app-slide-control_item__active:after,.js-ag-app-slide-control_item__active:before{display:block;position:absolute;content:""}.js-ag-app-slide-control_item:last-child .ag-app-slide-control-info_descr:after{display:none}.ag-app-slide-control_info{flex:0 1 100%}.ag-app-slide-control_step{flex:0 0 32px;height:32px;line-height:32px;width:32px;margin:0 12px 0 0;border:2px solid #788183;text-align:center;font-weight:700;font-size:16px;color:#ff9c00;-webkit-border-radius:10%;-moz-border-radius:10%;border-radius:10%;position:relative}.ag-app-slide-control_step:after{content:"";display:block;height:7px;width:5px;background:#000;position:absolute;top:32px;left:13px}.js-ag-app-slide-control_item__active .ag-app-slide-control_step{border-color:#ffe843;-webkit-box-shadow:0 -3px 4px #600,0 0 6px #ff6100,inset 0 1px 1px rgba(244,122,5,.831);-moz-box-shadow:0 -3px 4px #600,0 0 6px #ff6100,inset 0 1px 1px rgba(244,122,5,.831);-o-box-shadow:0 -3px 4px #600,0 0 6px #ff6100,inset 0 1px 1px rgba(244,122,5,.831);box-shadow:0 -3px 4px #600,0 0 6px #ff6100,inset 0 1px 1px rgba(244,122,5,.831)}.js-ag-app-slide-control_item:last-child .ag-app-slide-control_step:after{display:none;background:none}.ag-app-slide-control-info_title{line-height:32px;margin-bottom:20px;font-weight:700;font-size:14px;color:#fff}.ag-app-slide-control-info_descr{display:none;padding-bottom:20px;font-size:14px;color:#bebebe;position:relative}.ag-app-slide-control-info_descr:after{content:"";display:block;height:100%;width:1px;background-color:#ffe843;position:absolute;top:-8px;left:-31px;-webkit-box-shadow:0 -3px 4px #600,0 0 6px #ff6100,inset 0 1px 1px rgba(244,122,5,.831);-moz-box-shadow:0 -3px 4px #600,0 0 6px #ff6100,inset 0 1px 1px rgba(244,122,5,.831);-o-box-shadow:0 -3px 4px #600,0 0 6px #ff6100,inset 0 1px 1px rgba(244,122,5,.831);box-shadow:0 -3px 4px #600,0 0 6px #ff6100,inset 0 1px 1px rgba(244,122,5,.831)}.js-ag-app-slide-control_item__active .ag-app-slide-control-info_descr{display:block}@media only screen and (max-width:767px){.ag-format-container{width:96%}.ag-app-slide_main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ag-app-slide-carousel_arr,.ag-app-slide_main{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ag-app-slide-carousel_arr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:40px;width:40px;margin:-20px 0 0;cursor:pointer;font-size:18px;color:#ff9c00;z-index:2;position:absolute;top:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ag-app-slide-carousel_arr:active,.ag-app-slide-carousel_arr:focus,.ag-app-slide-carousel_arr:hover{border:none;outline:none}.js-ag-app-slide-carousel_arr__next{right:-50px}.js-ag-app-slide-carousel_arr__prev{left:-50px}.ag-app-slide-control_box{width:100%;padding:0}.ag-app-slide-control_title-list{display:none}.js-ag-app-slide-control_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px;padding:100px 0 0}.js-ag-app-slide-control_item{margin:0 15px 0 0;position:static}.js-ag-app-slide-control_item:last-child{margin:0}.js-ag-app-slide-control_item__active:after,.js-ag-app-slide-control_item__active:before{display:none}.ag-app-slide-control_step{margin:0}.ag-app-slide-control_step:after{display:none;background:none}.ag-app-slide-control_info{display:none;width:100%;position:absolute;top:20px;left:0}.js-ag-app-slide-control_item__active .ag-app-slide-control_info{display:block}.ag-app-slide-control-info_title{margin-bottom:10px;line-height:16px;text-align:center}.js-ag-app-slide-control_item__active .ag-app-slide-control-info_title{color:#ff9c00}.ag-app-slide-control-info_descr{width:100%;text-align:center}.ag-app-slide-control-info_descr:after{display:none}}@media only screen and (max-width:639px){.ag-app-slide_box{padding:45px 0 30px}.ag-app-slide-control_info{top:5px}}@media only screen and (max-width:479px){.ag-app-slide_box{padding:25px 0 30px}.ag-app-slide-control_step{width:24px}}@media (min-width:768px) and (max-width:979px){.ag-format-container{width:750px}}@media (min-width:980px) and (max-width:1161px){.ag-format-container{width:960px}}