@charset "utf-8";

/** banner top **/
.banner-top .swiper-slides { height: 100%; }
.banner-top .swiper-container { height: 100%; padding: 0; }
.banner-top .swiper-container .home-banner { height: 100%; padding: 360px 0 0; padding: 36vh 0 0; }
.banner-top .swiper-container .home-banner-01 { background-image: url("https://photo.wondershare.com/vis-201709/style/images/banner-toolkit-01.jpg"); background-repeat: no-repeat; background-position: center; }
.banner-top .swiper-container .home-banner-02 { background-image: url("https://photo.wondershare.com/vis-201709/style/images/banner-toolkit-03.jpg"); background-repeat: no-repeat; background-position: center; }
.banner-top .swiper-container .home-banner-03 { background-image: url("https://photo.wondershare.com/vis-201709/style/images/banner-toolkit-02.jpg"); background-repeat: no-repeat; background-position: center; }
.banner .swiper-button-prev, .banner .swiper-button-next { background-color: rgba(255,255,255,.2); background-repeat: no-repeat; background-position: center;  background-size: 16px auto; border-radius: 100px; width: 60px; height: 60px; margin-top: -30px; }
.banner-top .swiper-button-prev { left: 50px; }
.banner-top .swiper-button-next { right: 50px; }
.banner-top .swiper-pagination { bottom: 35px; }
.banner-top .swiper-pagination .swiper-pagination-bullet { width: 36px; height: 4px; margin: 0 5px; background-color: #e8e8e8; opacity: 1; }
.banner-top .swiper-pagination .swiper-pagination-bullet-active { background-color: #ffa818; }
.banner-top .action { margin: 15px 0 0; margin: 1.5vh 0 0; }
.banner-top .yellow-ghost-btn { font-weight: 300; color: #ffffff; }
.banner-top .yellow-gradient-btn .fm { margin: 0 0 0 10px; }
@media (max-width: 979px) {
.banner .swiper-button-prev, .banner .swiper-button-next { display: none; }
}

/** customers say **/
.customers-switch { padding: 85px 0 100px; padding: 8.5vh 0 10vh; }
.customers-switch .heading { margin: 0 0 20px; margin: 0 0 2vh; }
.customers-switch .user-pic { margin: 0 0 15px; }
.customers-switch .info { font-size: 1.6vh; color: #767172; font-weight: 300; margin: 0 0 30px; margin: 0 0 3vh; }
.customers-switch .star-group { font-size: 0; padding: 0; margin: 0 0 5px; }
.customers-switch .star-group li { display: inline-block; width: 34px; height: 31px; margin: 0 4px 0 0; background: url("https://photo.wondershare.com/vis-201709/style/images/star.svg") no-repeat; background-image: url("https://photo.wondershare.com/vis-201709/style/images/star.svg"); position: relative; background-size: cover; }
.customers-switch .star-group li.half { background: url("https://photo.wondershare.com/vis-201709/style/images/star-half.png") no-repeat; background-image: url("https://photo.wondershare.com/vis-201709/style/images/star-half.svg"); background-size: cover; }
.customers-switch .star-group li.off { background: url("https://photo.wondershare.com/vis-201709/style/images/star-off.png") no-repeat; background-image: url("https://photo.wondershare.com/vis-201709/style/images/star-off.svg"); background-size: cover; }
.customers-switch .swiper-container { padding: 4vh 0; }
.customers-switch .comment { line-height: 1.4em; font-size: 24px; font-size: 2.4vh; font-weight: 300; max-width: 700px; margin: 0 auto; }
.customers-switch .swiper-pagination { bottom: 0; }
.customers-switch .swiper-pagination .swiper-pagination-bullet { width: 36px; height: 4px; margin: 0 5px; background-color: #e8e8e8; opacity: 1; }
.customers-switch .swiper-pagination .swiper-pagination-bullet-active { background-color: #ffa818; }

/** solutions photo **/
.solutions-photo { padding: 60px 0 50px; padding: 6vh 0 5vh; background-color: #f6f6f6; }
.solutions-photo .text { margin: 0 0 55px; margin: 0 0 5.5vh; }
.solutions-photo .solution { margin-bottom: 30px; margin-bottom: 3vh; background-color: #fff; box-shadow: 0 1px 11px 0 rgba(222, 222, 222, 0.5); }
.solutions-photo .solution-pic img { width: 100%; }
.solutions-photo .solution-info { padding: 25px 30px 20px 25px; padding: 2.5vh 3vh 2vh 2.5vh; position: relative; }
.solutions-photo .solution-info .solution-title { line-height: 25px; font-size: 24px; font-size: 2.4vh; margin: 0 0 5px; }
.solutions-photo .solution-info .solution-title .logo { display: inline-block; width: 25px; height: 25px; margin: 0 8px 0 0; vertical-align: top; }
.solutions-photo .solution-info .solution-title .logo-toolkit { background: url("https://photo.wondershare.com/vis-201709/style/images/logo-toolkit.png") center no-repeat; background-image: url("https://photo.wondershare.com/vis-201709/style/images/logo-toolkit.svg"), none; }
.solutions-photo .solution-info .solution-title .logo-focus { background: url("https://photo.wondershare.com/vis-201709/style/images/logo-focus.png") center no-repeat; background-image: url("https://photo.wondershare.com/vis-201709/style/images/logo-focus.svg"), none; }
.solutions-photo .solution-info .solution-title .logo-maximizer { background: url("https://photo.wondershare.com/vis-201709/style/images/logo-maximizer.png") center no-repeat; background-image: url("https://photo.wondershare.com/vis-201709/style/images/logo-maximizer.svg"), none; }
.solutions-photo .solution-info .solution-desc { line-height: 1.5em; font-size: 15px; font-size: 1.5vh; color: #636363; padding: 0 0 0 33px; margin: 0 0 10px; }
.solutions-photo .solution-info .tools { font-size: 14px; font-size: 1.4vh; color: #8f8f8f; padding: 0 0 0 33px; }
.solutions-photo .solution-info .tools a { margin: 0 60px 0 0; }
.solutions-photo .solution-info .tools a i { font-size: 20px; color: #ffa818; margin: 0 6px 0 0; }
.solutions-photo .solution-info .action { position: absolute; right: 20px; bottom: 20px; }
.solutions-photo .solution-info .yellow-ghost-btn { width: 110px; height: 36px; line-height: 36px; font-size: 14px; color: #353132; }
@media (max-width: 1016px) {
.solutions-photo .solution-info { text-align: center; }
.solutions-photo .solution-info .solution-desc { padding: 0; }
.solutions-photo .solution-info .tools { padding: 0; }
.solutions-photo .solution-info .tools a { margin: 0 10px 0 0; }
.solutions-photo .solution-info .action { position: relative; left: 0; bottom: auto; }
}
@media (max-width: 400px) {
.solutions-photo .solution-info .tools a { display: block; margin: 0; }
.solutions-photo .solution-info .action { left: 0; }
}

/** download buy **/
.download-banner { background-image: url("https://photo.wondershare.com/vis-201709/style/images/bottom-banner-bg.jpg"); background-repeat: no-repeat; background-position: center top; padding: 115px 0; padding: 11.5vh 0; background-size: cover; }
.download-banner .logo-wh { width: 273px; width: 27vh; height: 106px; height: 10vh; background: url("https://photo.wondershare.com/vis-201709/style/images/logo/fotophire-logo-wh.png") center no-repeat; background-image: url("https://photo.wondershare.com/vis-201709/style/images/logo/fotophire-logo-wh.svg"), none; background-size: contain; margin: 0 auto 10px; }
.download-banner .heading { line-height: 1.2em; font-size: 30px; font-size: 3vh; font-weight: 300; }
.download-banner .desc { line-height: 1.4em; font-size: 18px; font-size: 1.8vh; font-weight: 300; margin: 20px auto 55px; margin: 2vh auto 5.5vh; }