@charset "utf-8";
/* CSS Document */

/** banner top **/  
.banner-toolkit .back { background-image: url("images/banner-toolkit-01.jpg"); background-repeat: no-repeat; background-position: center; }

.banner-focus .back { background-image: url("images/banner-toolkit-03.jpg"); background-repeat: no-repeat; background-position: center; }
.banner-focus .action { margin: 30px 0 0; margin: 3vh 0 0; }

.banner-maximizer .back { background-image: url("images/banner-toolkit-02.jpg"); background-repeat: no-repeat; background-position: center; }
.banner-maximizer .action { margin: 30px 0 0; margin: 3vh 0 0; }

.banner-toolkit .yellow-gradient-btn .fm { margin: 0 0 0 10px; }
.banner-toolkit .platform { margin: 10px 0 0; }
.banner-toolkit .platform li { display: inline-block; cursor: pointer; margin: 0 5px; }
.banner-toolkit .platform li .fm {margin: 0 5px 0 0; }
.banner-toolkit .platform li.active { color: #f7961e; }
.banner-toolkit .play-video a { font-size: 16px; font-size: 1.6vh; color: #fff; }
.banner-toolkit .play-video a .fm { font-size: 22px; margin: 0 5px 0 0; }

/** tools photo **/
.tools-photo { padding: 50px 0 0;padding: 5.24vh 0 0;}
.tools-photo .text { margin: 0 0 80px; margin: 0 0 8vh; }  
.tools-photo .tool-wrapper { width: 100%; overflow: hidden; margin: 0 0 15px; margin: 0 0 1.5vh; }
.tools-photo .tool-pic { float: left; position: relative; -moz-user-select: none; -webkit-user-select: none; user-select: none; width: 53%; left: -20%; transition: all ease-in-out 1.2s; }
.tools-photo .tool-pic.scrollview { left: 0; }
.tools-photo .tool-detail.scrollview { right: 0; }
.tools-photo .tool-pic .bar-btn { width: 19px; height: 100%; position: absolute; left: 50%; top: 0; z-index: 3; cursor: pointer; background: url("../style/images/bar-ico.png") no-repeat center; }
.tools-photo .tool-pic .bar-btn:after { content: ''; background-color: #FFF; width: 2px; height: 100%; position: absolute; left: 48%; top:0;}
.tools-photo .tool-detail { float: left; padding: 0 6%; display: table; width: 47%; position: relative; right: -20%; transition: all ease-in-out 2s;}
.tools-photo .tool-detail .inner { display: table-cell; vertical-align: middle; }
.tools-photo .tool-detail .title { font-size: 26px; font-size: 2.6vh; margin: 0 0 20px; margin: 0 0 2vh; font-weight: 500; line-height: 1.2em; position: relative; }
.tools-photo .tool-detail .title .fm { font-size: 32px; margin: 0 15px 0 0; margin: 0 1.5vh 0 0;  }
.tools-photo .tool-detail .desc { font-size: 30px; font-size: 3vh; margin: 0 0 25px; margin:0 0 2.5vh; font-weight: 300; line-height: 1.2em; color: #6f6f6f; } 
.tools-photo .editor .title:after { background-position: 0 0; height: 35px;}
.tools-photo .cutter .title:after { background-position: 0 -34px; height: 34px;}
.tools-photo .eraser .title:after { background-position: 0 -68px; height: 36px; top: -4px;}
.tools-photo .cutter .tool-detail { text-align: right;}
.tools-photo .cutter .just-cont { display: inline-block; max-width: 300px; text-align: left; }

.tools-photo .right .tool-pic { float: right; left: auto; right: -20%; }
.tools-photo .right .tool-detail { float: right; right: auto; left: -20%;}
.tools-photo .right .tool-pic.scrollview { right: 0; }
.tools-photo .right .tool-detail.scrollview { left: 0; }
.tools-photo .yellow-ghost-btn { margin-left: 0; }
.tools-photo .tool-pic .bottom,.tools-photo .tool-pic .middle { width: 100%; position: absolute; top: 0; left: 0; pointer-events: none; overflow: hidden; }
.tools-photo .tool-pic img { width: 100%; }

@media (max-width:796px){
.tools-photo .tool-pic { float: none !important; text-align: center; width: 100%; }
.tools-photo .tool-detail { float: none !important; width: 100%; height: auto !important; padding: 40px 5%; padding: 4vh 5%; }
.tools-photo .tool-detail .inner {display: block; text-align: center; }
.tools-photo .cutter .just-cont { display: block; max-width: 100%; text-align: center; }
}

/** add extension **/
.add-extension { padding: 40px 0 100px; padding: 4vh 0 10vh; } 
.add-extension .text { margin: 0 0 4px; margin: 0 0 4vh; }
.add-extension .extension-list .extension-wrapper { border: 1px solid #d6d6d6; margin: 0 0 20px; }
.add-extension .extension-list .extension-pic img{ width: 100%; }
.add-extension .extension-list .extension-detail { text-align: left; padding: 20px 20px 25px 10px; position: relative; }
.add-extension .extension-list .extension-detail .logo-pic { float: left; margin-top: -80px; }
.add-extension .extension-list .extension-desc { display: inline-block; vertical-align: middle; width: 50%; margin-left: 20px; }
.add-extension .extension-list .extension-desc .title { font-size: 20px; font-weight: bold; margin-bottom: 8px; }
.add-extension .extension-list .extension-desc p { line-height: 1.2em; color: #717672; margin: 0; }
.add-extension .extension-list .extension-detail .yellow-ghost-btn { float: right; width: 135px; height: 42px; line-height: 42px; font-size: 14px; margin-right: 0; margin-left: 0; }
@media (max-width:1215px){
.add-extension .extension-list .extension-desc { width: 70%; }
.add-extension .extension-list .extension-detail .yellow-ghost-btn { float: none; display: block; margin: 20px auto 0; }
}
@media (max-width:768px){
    .add-extension .extension-list .extension-desc { width: 50%; }
}

/** banner downloads **/
.banner-downloads { background-repeat: no-repeat; min-height: 590px; padding: 20vh 0 3vh; position: relative; transition: all linear 0.4s; }
.banner-downloads .text { position: relative; z-index: 10; }  
.banner-downloads .title { line-height: 1.2em; font-size: 40px; font-size: 4vh; font-weight: bold; margin: 0 0 15px; }
.banner-downloads .heading { font-size: 34px; font-size: 3.4vh; }  
.banner-downloads .heading i { margin: 0 10px 0 0; }
.banner-downloads .desc { line-height: 1.2em; font-size: 18px; font-size: 1.8vh; font-weight: 300; }
.banner-downloads .action { margin: 35px 0; } 
.banner-downloads .tools { font-size: 16px; font-size: 1.6vh; }
.banner-downloads .tools a { color: #fff; margin: 0 30px 0 0; margin: 0 3vh 0 0; }
.banner-downloads .tools a i { font-size: 20px; margin: 0 10px 0 0; }
@media (min-width:1921px){
    .banner-downloads { background-size: 106% 106%; }
}
@media (max-width:1015px){
.banner-downloads .tools a { margin: 0 15px; margin: 0 1.5vh; }
}

/** toolkit banner downloads **/
.banner-downloads-toolkit { background-image: url("../style/images/product-bottom-bg1.png"); padding: 200px 0 30px; background-position: center; } 
.banner-downloads-toolkit:after { content: ""; background: url("../style/images/mask-banner-download.png") no-repeat center; background-size: cover; width: 100%; height: 100% ;position: absolute; left: 0; top: 0; }
.banner-downloads-toolkit .text { float: right; width: 50%; padding: 0 0 0 60px; }  
.banner-downloads-toolkit .action .yellow-gradient-btn { margin-left: 0; }
@media (max-width:1015px){
.banner-downloads-toolkit:after { background-image: none; background-color: rgba(0,0,0,0.5); }
.banner-downloads-toolkit .text { width: 100%; float: none; text-align: center; padding: 0; }
.banner-downloads-toolkit .action .yellow-gradient-btn { margin-left: 10px; }
}

/** focus banner downloads **/
.banner-downloads-focus { background-image: url("../style/images/product-bottom-bg5.png"); padding: 200px 0 30px; background-position: center; } 
.banner-downloads-focus:after { content: ""; background: url("../style/images/mask-banner-download.png") no-repeat center; background-size: cover; width: 100%; height: 100% ;position: absolute; left: 0; top: 0; }
.banner-downloads-focus .text { float: right; width: 50%; padding: 0 0 0 60px; }  
.banner-downloads-focus .action .yellow-gradient-btn { margin-left: 0; }
@media (max-width:1015px){
.banner-downloads-focus:after { background-image: none; background-color: rgba(0,0,0,0.5); }
.banner-downloads-focus .text { width: 100%; float: none; text-align: center; padding: 0; }
.banner-downloads-focus .action .yellow-gradient-btn { margin-left: 10px; }
}

/** maximizer banner downloads **/
.banner-downloads-maximizer { background-image: url("../style/images/product-bottom-bg6.png"); padding: 200px 0 30px; background-position: center; } 
.banner-downloads-maximizer:after { content: ""; background: url("../style/images/mask-banner-download.png") no-repeat center; background-size: cover; width: 100%; height: 100% ;position: absolute; left: 0; top: 0; }
.banner-downloads-maximizer .text { float: right; width: 50%; padding: 0 0 0 60px; }  
.banner-downloads-maximizer .action .yellow-gradient-btn { margin-left: 0; }
@media (max-width:1015px){
.banner-downloads-maximizer:after { background-image: none; background-color: rgba(0,0,0,0.5); }
.banner-downloads-maximizer .text { width: 100%; float: none; text-align: center; padding: 0; }
}

/** photo eraser banner downloads **/
.banner-downloads-eraser { padding: 260px 0 30px; background-image: url("../style/images/product-bottom-bg2.jpg"); background-position: center center; transform-origin: center center; text-align: center; }
.banner-downloads-eraser:after { content: ''; position: absolute; left: 0; top: 0; background: url("../style/images/camera-logo.png") no-repeat center; background-image: url("../style/images/camera-logo.svg"); width: 100%; height: 100%; background-size: cover; }

/** photo cutter banner downloads **/
.banner-downloads-cutter { padding: 260px 0 30px; background-image: url("../style/images/product-bottom-bg3.jpg"); background-position: center center; transform-origin: center center; text-align: center; }
.banner-downloads-cutter:after { content: ''; position: absolute; left: 0; top: 0; background: url("../images/camera-logo.png") no-repeat center; background-image: url("../style/images/camera-logo.svg"); width: 100%; height: 100%; background-size: cover; }

/** photo editor banner downloads **/
.banner-downloads-editor { padding: 260px 0 30px; background-image: url("../style/images/product-bottom-bg4.jpg"); background-position: center center; transform-origin: center center; text-align: center; }
.banner-downloads-editor:after { content: ''; position: absolute; left: 0; top: 0; background: url("../style/images/camera-logo.png") no-repeat center; background-image: url("../style/images/camera-logo.svg"); width: 100%; height: 100%; background-size: cover; }

/** banner product **/
.banner-product { height: 480px; padding: 105px 0 0; padding: 11vh 0 0; border-bottom: 3px solid #ffa818; background-color: #f6f6f6; }
.banner-product .heading { font-size: 32px; font-size: 3.2vh; margin-bottom: 15px; }
.banner-product .heading i { margin: 0 10px 0 0; }  
.banner-product .title { line-height: 1.2em; font-size: 48px; font-size: 4.8vh; font-weight: bold; margin: 0 0 35px; margin: 0 0 3.5vh; }
.banner-product .desc { line-height: 1.2em; font-size: 20px; font-size: 2vh; }
.banner-product .back { background-repeat: no-repeat; background-position: center top; }
.banner-product .action { margin: 35px 0 0; margin: 3.5vh 0 0; }  
.banner-product .play-video a { font-size: 16px; font-size: 1.6vh; color: #fff; }
.banner-product .play-video a .fm { font-size: 22px; margin: 0 5px 0 0; }
.tab-product { width: 100%; position: absolute; left: 0; bottom: 0; }  
.tab-product ul li { float: left; width: 33.3%; padding: 0 2px; }
.tab-product ul li a { display: block; height: 60px; line-height: 60px; font-size: 18px; color: #fff; border-radius: 2px; background-color: #484848; }
.tab-product ul li a.active { color: #3e3b3c; background-color: #ffa818; }
.tab-product ul li a .fm { font-size: 22px; margin: 0 10px 0 0; }  
/** ipad pro **/
@media (min-height: 1365px){
.banner-product { padding: 3vh 0 0; }
}
 @media (max-width:767px){
.banner-product .title { font-size: 36px; font-size: 3.6vh; }
.tab-product ul li a span{ display: none; }
}

.banner-product-eraser .back { background-image: url("../style/images/product-bg1.jpg"); } 
.banner-product-cutter .back { background-image: url("../style/images/product-bg2.jpg"); } 
.banner-product-editor .back { background-image: url("../style/images/product-bg3.jpg"); }   

/** erase unwanted **/
.erase-unwanted { padding: 80px 0 110px; padding: 8vh 0 11vh; }
.erase-unwanted .text { margin: 0 0 75px; margin: 0 0 7.5vh; }
.erase-unwanted .pic1 { margin-left: 10%; margin-bottom: 0; margin-top: 20%; transition: all linear 1.2s; }
.erase-unwanted .pic2 { margin-top: 0; margin-right: 10%; transition: all linear 0.8s; }
.erase-unwanted .pic1.scrollview { margin-bottom: -10%; margin-top: 0; }
.erase-unwanted .pic2.scrollview { margin-top: -10%; }
.erase-unwanted .pic { display: inline-block; box-shadow: 0 7px 23px 0 rgba(0, 0, 0, 0.5); }
.erase-unwanted .pic img { max-width: 100%; }

/** remove mark **/
.remove-mark { padding: 80px 0 95px; padding: 8vh 0 9.5vh; }
.remove-mark .text { margin: 0 0 20px; margin: 0 0 2vh; }
.remove-mark .remove-switch { position: relative; }
.remove-mark .remove-switch .swiper-pagination { bottom: -5px; }
.remove-mark .pic { position: relative; }
.remove-mark .pic img { max-width: 100%; }
@media(max-width: 1216px){
    .remove-mark .remove-switch .swiper-button-prev { left: -38px }
    .remove-mark .remove-switch .swiper-button-next { right: -38px }
}

/** erase extra **/
.erase-extra { padding: 80px 0 90px; padding: 8vh 0 9vh; }
.erase-extra .text { margin: 0 0 70px; margin: 0 0 7vh; }
.erase-extra .tool-pic { position: relative; user-select: none; max-width: 750px; margin: 0 auto; }
.erase-extra .tool-pic .bar-btn { width: 19px; height: 100%; position: absolute; left: 50%; top: 0; z-index: 3; cursor: pointer; background: url("../style/images/bar-ico.png") no-repeat center; }
.erase-extra .tool-pic .bar-btn:after { content: ''; background-color: #FFF; width: 2px; height: 100%; position: absolute; left: 48%; top:0; }
.erase-extra .tool-pic .bottom,
.erase-extra .tool-pic .middle { width: 100%; position: absolute; top: 0; left: 0; pointer-events: none; overflow: hidden; }
.erase-extra .tool-pic img { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.18); width: 100%;}

/** restore photo **/
.restore-photo { padding: 80px 0 105px;  padding: 8vh 0 10.5vh; }
.restore-photo .text { margin: 0 0 70px; margin: 0 0 7vh; }
.restore-photo .pic { position: relative; display: inline-block; }
.restore-photo .pic img { box-sizing: border-box; max-width: 100%; }
@media(max-width: 769px){
    .restore-photo .col-md-6 { text-align: center; margin-bottom: 10px; }
}

/** super simple **/
.super-simple { padding: 70px 0 90px; padding:  7vh 0 9vh; }
.super-simple .text { margin: 0 0 50px; margin: 0 0 5vh; }
.super-simple .super-switch { max-width: 660px; text-align: center; }
.super-simple .super-switch .swiper-container { padding: 10px 0; }
.super-simple .super-switch .pic { box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.12); background-color: #FFF; border: 15px solid #FFF; display: inline-block; }
.super-simple .super-switch .pic img { max-width: 100%; }
.super-simple .step-list { padding: 10px 0; }
.super-simple .step-list .swiper-pagination { padding-left: 80px; border-left: solid #a6a6a6 2px; position: relative; }
.super-simple .step-list .swiper-pagination-bullet { width: 100%; height: auto; background: none; text-align: left; color: #ccc; opacity: 1; font-weight: 300; margin-top: 36px; }
.super-simple .step-list .swiper-pagination-bullet:first-child { margin-top: 0; }
.super-simple .step-list .swiper-pagination-bullet:after { width: 0px; content: ''; transition: all ease-in-out 0.2s; }
.super-simple .step-list .sub { font-size: 30px; line-height: 1.2em; margin-bottom: 8px; transition: all ease-in-out 0.2s; }
.super-simple .step-list p { margin: 0; transition: all ease-in-out 0.2s; }
.super-simple .step-list .swiper-pagination-bullet-active { position: relative; }
.super-simple .step-list .swiper-pagination-bullet-active .sub { color: #ffa818; }
.super-simple .step-list .swiper-pagination-bullet-active:after { width: 6px; height: 100%; background: #ffa818; position: absolute; left: -84px; top: 0; }
.super-simple .step-list .swiper-pagination-bullet-active p { color: #767172; }
.super-simple.three .step-list .swiper-pagination-bullet{margin: 30px 0;}

/** edit features **/
.edit-features { padding: 60px 0 40px; padding: 6vh 0 4vh; }
.edit-features .text { margin: 0 0 75px; margin: 0 0 7.5vh; }
.edit-features.focus{background: #f7f7f7;padding: 90px 0 120px;}
.edit-features .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin: 0 0 20px 0;text-align: center;}
.edit-features .tip{color:#767172;font-weight: 300;text-align: center;margin-bottom: 50px;}
.edit-features .cell{padding: 0 80px;}
.edit-features .ce{position: relative;padding-left: 64px;margin-bottom: 30px;}
.edit-features .ce:after{background: url("../style/images/features-ico.png") no-repeat;position: absolute;left: 0;top:0;width: 48px;height: 41px;content: '';}
.edit-features .ce.drag:after{background-position: 0 -502px;height: 44px;top:2px;}
.edit-features .ce.cut:after{background-position: 0 -254px;height: 44px;top: 4px;left: 5px;}
.edit-features .ce.filters:after{background-position: 0 -546px;top: 2px;left: 4px;}
.edit-features .ce.blend:after{background-position: 0 -668px;top: 4px;}
.edit-features .ce.formats:after{background-position: 0 -624px;height: 42px;top:5px;left: 8px;}
.edit-features .ce.mode:after{background-position: 0 -738px; top:2px;}
.edit-features .ce.line:after{background-position: 0 -710px;height: 27px;top:8px;}
.edit-features .ce.texture:after{background-position: 0 -586px;height: 38px;top:4px;}
.edit-features .ce.save:after{background-position: 0 -110px;height: 47px;top:4px;left:2px;}
.edit-features .ce.curve:after{background-position: 0 -779px;top:4px;}
.edit-features .ce.resharpen:after{background-position: 0 0;height: 35px;top:2px;}
.edit-features .ce.brush:after{background-position: 0 -35px;height: 41px;top: 4px;}
.edit-features .ce.vignetting:after{background-position: 0 -76px;top: 4px;height: 34px;}
.edit-features .ce.preset:after{background-position: 0 -110px;top: 4px;height: 47px;}
.edit-features .ce.print:after{background-position: 0 -157px;top: 2px;height: 50px;}
.edit-features .ce.views:after{background-position: 0 -208px; top:2px;height: 45px;}
.edit-features .ce.crop:after{background-position: 0 -254px;height: 44px;top:2px;}
.edit-features .ce.focus:after{background-position: 0 -299px;height: 34px;top:4px;}
.edit-features .ce.blur:after{background-position: 0 -332px;height: 45px;top:4px;left:2px;}
.edit-features .ce.color:after{background-position: 0 -377px;top:4px;height: 40px;}
.edit-features .ce.batch:after{background-position: 0 -419px;top:4px;height: 42px;}
.edit-features .ce.tutorial:after{background-position: 0 -463px;top:4px;height: 37px;}
.edit-features .ce.interface:after{background-position: 0 -502px;top:4px;height: 45px;}
.edit-features .ce.film:after{background-position: 0 -1111px;top:4px;height: 40px;}
.edit-features .ce.improved:after{background-position: 0 -1071px;top:4px;height: 40px;}
.edit-features .ce.denoise:after{background-position: 0 -1027px;top:4px;height: 44px;}
.edit-features .ce.zoom:after{background-position: 0 -822px;top:4px;height: 42px;}
.edit-features .ce.options:after{background-position: 0 -207px;top:4px;height: 46px;}
.edit-features .ce.lasso:after{background-position: 0 -864px;top:4px;height: 41px;}
.edit-features .ce.stamp:after{background-position: 0 -1151px;top:4px;height: 42px;}
.edit-features .ce.edge:after{height: 35px;}
.edit-features .ce.align:after{height: 35px;}
.edit-features .ce .sub{font-weight: 500;}
.edit-features .ce p{font-size:14px;color:#767172;font-weight: 300;margin-bottom: 0;min-height: 50px;}
@media (max-width:497px){
    .edit-features .cell{padding: 0 20px;}
}

/** professionally **/
.professionally-re { padding: 80px 0 110px; padding: 8vh 0 11vh; }
.professionally-re .text { margin: 0 0 75px; margin: 0 0 7.5vh; }
.professionally-re .pic img{max-width: 100%;box-shadow: 0 7px 23px 0 rgba(0, 0, 0, 0.5);margin-left: -24%;}
.professionally-re .pic .top{margin-top: 20%; transition: all linear 1.2s;}
.professionally-re .pic .bottom{margin-top: 0;margin-left: 40%;transition: all linear 0.8s;}
.professionally-re .pic .top.scrollview{margin-top: 0;}
.professionally-re .pic .bottom.scrollview{margin-top: -20%;}

/** quickly **/
.quickly-pro{padding: 130px 0; padding: 13vh 0;}
.quickly-pro .lft{text-align: left;padding-top: 80px;padding-right: 20px;}
.quickly-pro .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin:0 0 20px 0;}
.quickly-pro .tip{color:#767172;font-weight: 300;margin:0 auto 55px;}
.quickly-pro .pic{box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.09);transition: all linear 0.4s;display: inline-block;position: relative;}
.quickly-pro .rgt .pic{width: 100%;height: 0;padding-top: 60%;background-size: cover;display: block;transition: all linear 0.2s;}
.quickly-pro .process{background: #FFF;width: 100%;height: 20px;box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);position: relative;}
.quickly-pro .process .ti{position: absolute;left: 0;top:0;width: 0;height: 100%;background: #ffa818;transition: all cubic-bezier(0,.78,.79,.19) 1s;}
.quickly-pro .process .ti.actived{width: 100%;}
.quickly-pro .process .count{position: absolute;right: 10px;top:-2px;font-size: 14px;}

/** precisely **/
.precisely-re { padding: 90px 0; padding: 9vh 0; }
.precisely-re .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin: 0 0 20px 0;}
.precisely-re .tip{color:#767172;font-weight: 300;margin:0 auto 55px;}
.precisely-re .pic{display: inline-block;position: relative;}
.precisely-re .pic img{max-width: 100%;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.09);}
.precisely-re .pic .ori{left: 10px; bottom: 8px;}
.precisely-re .rgt{padding-left: 65px;padding-top: 50px;}

/** create amazing **/
.create-amazing { padding: 90px 0 105px; padding: 9vh 0 10.5vh; }
.create-amazing .text { margin: 0 0 75px; margin: 0 0 7.5vh; }
.create-amazing .pic{display: inline-block;position: relative;}
.create-amazing .pic img{max-width: 100%;}

/** made easy **/
.made-easy{ padding: 50px 0; padding: 5vh 0; }
.made-easy .text { margin: 0 0 20px; margin: 0 0 2vh; }
.made-easy .title{font-size: 30px;line-height: 1.2em;margin: 0 0 20px 0;font-weight: 300;}
.made-easy .tip{color:#767172;font-weight: 300;max-width: 740px;display: inline-block;margin-bottom: 40px;}
.made-easy .pic img{max-width: 100%;}

/** photo effects **/
.photo-effects { padding: 50px 0; padding: 5vh 0; }
.photo-effects .effects-switch{max-width: 876px;margin: 0 auto;position: relative;}
.photo-effects .effects-switch .cell{position: relative;margin-bottom: 18px;}
.photo-effects .effects-switch .cell img{max-width: 100%;}
.photo-effects .effects-switch .cell span{position: absolute;right: 15px;top:5px;font-size: 12px;}

/** creative blur **/
.creative-blur { padding: 50px 0; padding: 5vh 0; }
.creative-blur .blur-switch{position: relative;max-width: 900px;margin: 0 auto;}
.creative-blur .blur-switch .pic{text-align: left;position: relative;padding: 0 12px;margin-bottom: 10px;}
.creative-blur .blur-switch .col-md-4{position: relative;z-index: 1;margin-left: -18%;left: 0;top:0;margin-top: 6%;}
.creative-blur .blur-switch .pic .a{box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);display: inline-block;}
.creative-blur .blur-switch .pic .b{border: solid 3px #ffffff;box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.5);display: inline-block;}
.creative-blur .blur-switch .pic img{max-width: 100%;}

/** color correction **/
.color-correction { padding: 50px 0 75px; padding: 5vh 0 7.5vh; }
.color-correction .text { margin: 0 0 55px; margin: 0 0 5.5vh; }
.color-correction .color-pic{position: relative;}
.color-correction .color-pic .col-md-3{position: relative;z-index: 1;margin-right: -20%;left: 0;top:0;margin-left: 10%;margin-top: 3%;}
.color-correction .color-pic .lft{border: solid 3px #ffffff;box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.5);display: inline-block;}
.color-correction .color-pic .rgt{margin-left: -100px;}
.color-correction .color-pic .pic img{max-width: 100%;}
@media (max-width:969px){
    .color-correction .color-pic .rgt{margin-left:0;}
}

/** frame artwork **/
.frame-artwork { padding: 50px 0; padding: 5vh 0; }
.frame-artwork .frame-switch{position: relative;max-width: 876px;margin: 0 auto;}
.frame-artwork .pic img{max-width: 100%;}

/** batch process **/
.batch-process { padding: 50px 0 70px; padding: 5vh 0 7vh; }
.batch-process .text { margin: 0 0 30px; margin: 0 0 3vh; }
.batch-process .batch-wrap{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective:1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
}
.batch-process .pic{max-width: 681px;height: 340px;transform-origin:50% 50%;margin: 0 auto;
    -webkit-transition: all 0.8s cubic-bezier(.215,.61,.355,1);
    -moz-transition: all 0.8s cubic-bezier(.215,.61,.355,1);
    -ms-transition: all 0.8s cubic-bezier(.215,.61,.355,1);
    -o-transition: all 0.8s cubic-bezier(.215,.61,.355,1);
    transition: all 0.8s cubic-bezier(.215,.61,.355,1);
    -webkit-transform: rotateX(65deg) rotateY(0) rotateZ(0) scaleY(1.4);
    -moz-transform: rotateX(65deg) rotateY(0) rotateZ(0) scaleY(1.4);
    -ms-transform: rotateX(65deg) rotateY(0) rotateZ(0) scaleY(1.4);
    transform: rotateX(65deg) rotateY(0) rotateZ(0) scaleY(1.4);
}
.batch-process .pic img{max-width: 100%;}

/** fix blurred **/
.fix-blurred{ padding: 50px 0 90px; padding: 5vh 0 9vh; }
.fix-blurred .text { margin: 0 0 30px; margin: 0 0 3vh; }
.fix-blurred .fix-switch{position: relative;text-align: center;}
.fix-blurred .fix-switch .swiper-pagination{bottom: -5px;}
.fix-blurred .pic{position: relative;display: inline-block;}
.fix-blurred .pic img{max-width: 100%;}

/** refocus **/
.refocus { padding: 60px 0 92px; padding: 6vh 0 9.2vh; position: relative; }
.refocus .text { margin: 0 0 75px; margin: 0 0 7.5vh; }
.refocus .refocus-cont{position: relative;max-width: 873px;overflow: hidden;margin: 0 auto;}
.refocus .pic{filter: blur(3px);}
.refocus .pic img{max-width: 100%;}
.refocus .refocus-cont span.ico:after{content:'';background: url("../style/images/pointer-ico.png") no-repeat;width: 236px;height: 236px;position: absolute;left: 0;top:0;}
.refocus .refocus-cont span.ico { background: url("../style/images/refocus-pic1.jpg") no-repeat center; border-radius: 50%; cursor: pointer; width: 236px; height: 236px; display: block; position: absolute;left: calc(50% - 118px);top:calc(50% - 118px);}

/** professional look **/
.professional-look { padding: 60px 0 90px; padding: 6vh 0 9vh; }
.professional-look .text { margin: 0 0 65px; margin: 0 0 6.5vh; }
.professional-look .container{max-width: 880px;margin: 0 auto;}
.professional-look .cell{margin-bottom: 16px;text-align: center;}
.professional-look .cell span{position: absolute;right: 15px;top:5px;font-size: 12px;color: #FFF;font-weight: 300;}
.professional-look .cell img{max-width: 100%;}

/** ultra zoom **/
.ultra-zoom { padding: 60px 0 96px; padding: 6vh 0 9.6vh; }
.ultra-zoom .text { margin: 0 0 70px; margin: 0 0 7vh; }
.ultra-zoom .zoom-cont{position: relative;max-width: 800px;overflow: hidden;margin: 0 auto;}
.ultra-zoom .pic img{max-width: 100%;}
.ultra-zoom .zoom-cont span.ico:after{content:'';width: 165px;height: 165px;position: absolute;left: 0;top:0;border: 8px solid #FFF;box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.5);border-radius: 50%;}
.ultra-zoom .zoom-cont span.ico:before{content:'';position: absolute;right: -40%;top:-50%;width: 165px;height: 165px;background: rgba(255,255,255,0.25);transform: rotate(45deg);}
.ultra-zoom .zoom-cont span.ico { background: url("../style/images/zoom-pic.jpg") no-repeat center; border-radius: 50%; cursor: pointer; width: 165px; height: 165px; display: block; position: absolute; left:calc(50% - 82px); top: calc(50% - 82px);overflow: hidden;}

/** enlarge photos **/
.enlarge-photos { padding: 0 0 30px; padding: 0 0 3vh; overflow: hidden; }
.enlarge-photos .txt{margin-top: 60%;padding-right: 22%;}
.enlarge-photos .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin: 0 0 20px 0;}
.enlarge-photos .tip{color:#767172;font-weight: 300;}
.enlarge-photos .pic{position: relative;display: inline-block;}
.enlarge-photos .pic img{max-width: 100%;}
.enlarge-photos .pic img.max{position: relative;top: -65px;transition: all ease 2s;}
.enlarge-photos .pic .max.scrollview{top: 0;}
.enlarge-photos .pic img.min{position: absolute;bottom: -40px;left: -60px;}
.enlarge-photos .pic .min.scrollview{bottom: 20px;transition: all linear 1.2s;}
@media (max-width:1015px){
    .enlarge-photos{text-align: center;}
    .enlarge-photos .txt{margin-top:10%;padding-right: 0;margin-bottom: 40px;}
}
@media (max-width:769px){
    .enlarge-photos .pic img.min{right: -8px;left: auto;}
}

/** high resolution **/
.high-resolution { padding: 60px 0 105px; padding: 6vh 0 10.5vh; }
.high-resolution .text { margin: 0 0 75px; margin: 0 0 7.5vh; }
.high-resolution .pic img { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.18); max-width: 100%; }

/** low light **/
.low-light { padding: 60px 0 105px; padding: 6vh 0 10.5vh; }
.low-light .text { margin: 0 0 70px; margin: 0 0 7vh; }
.low-light .pic{position: relative;user-select: none;max-width: 900px;margin: 0 auto;}
.low-light .pic .bar-btn{width: 19px;height: 100%;position: absolute;left:50%;top:0;z-index: 3;cursor: pointer;background: url("../style/images/bar-ico.png") no-repeat center;}
.low-light .pic .bar-btn:after{content: '';background: #FFF;width: 2px;height: 100%;position: absolute;left: 48%;top:0;}
.low-light .pic .bottom,
.low-light .pic .middle{ width: 100%; position: absolute; top: 0; left: 0; pointer-events: none; overflow: hidden; }
.low-light .pic img{box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.18);width: 100%;}
@media (max-width:796px){
    .high-res .pic{text-align: center;margin-bottom: 10px;}
}

@media (max-width:1216px){
    .quickly-pro .lft{padding-top: 0;}
    .precisely-re .rgt{padding-top: 0;}
}
@media (max-width:1016px){
    .quickly-pro{padding: 80px 0;}
    .quickly-pro .lft{padding: 0;margin-bottom: 40px;}
    .precisely-re .rgt{padding: 0;margin-top: 40px;}
    .super-simple .super-switch{max-width: 100%;}
    .super-simple .step-list .swiper-pagination{border-left: none;padding-left: 40px;}
    .super-simple .step-list .swiper-pagination-bullet-active:after{left: -30px;}
}
@media (max-width:769px){
    .create-amazing .col-md-6{text-align: center;margin-bottom: 10px;}
}