#examples-carousel .img{height:80vh;max-height:600px}#examples-carousel .slider--website{color:#555758;display:inline-block;margin:0px;text-indent:-5px;font-weight:300;font-size:13px;z-index:100;position:absolute;bottom:8%;padding-left:70px}@media screen and (max-width: 767px){#examples-carousel .slider--website{padding-left:30px}}#examples-carousel .website--text{line-height:1}#examples-carousel i{font-size:1.6em;line-height:0.8;padding-left:10px;vertical-align:text-bottom}#examples-carousel .slider{padding-top:145px;position:relative;background-position:top}@media screen and (max-width: 767px){#examples-carousel .slider{padding-top:170px}}#examples-carousel .lavido-banner{background-position:bottom}@media screen and (max-width: 768px){#examples-carousel .lavido-banner{background-size:162%;background-position-x:47%;background-position-y:51%}}@media screen and (max-width: 658px){#examples-carousel .lavido-banner{background-size:250%;background-position-x:43%;background-position-y:82%}}@media screen and (max-width: 420px){#examples-carousel .lavido-banner{background-size:441%;background-position-x:71%;background-position-y:51%}}#examples-carousel .starry-banner{background-position:top}@media screen and (max-width: 420px){#examples-carousel .starry-banner{background-position-x:63%;background-position-y:0%;background-size:423%}}#examples-carousel .slider-text{color:#27292b;left:0;padding-left:70px;padding-right:0px;padding-top:20px}@media screen and (max-width: 767px){#examples-carousel .slider-text{padding-top:0px;padding-left:30px}}#examples-carousel .swiper-pagination-bullet{width:10px;height:10px;opacity:0.5;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.5)}#examples-carousel .swiper-pagination-bullet-active{background-color:#fff;opacity:1}#examples-carousel .slider-title{padding:5px 0px;font-size:50px;font-weight:100;margin:0px;text-indent:-5px;letter-spacing:0}@media screen and (max-width: 767px){#examples-carousel .slider-title{font-size:36px}}#examples-carousel .extra-light{font-family:'Montserrat Ultra Light'}#examples-carousel .slider-subtitle{margin:0px;color:#555758;padding:15px 0px 0px;font-weight:400;min-height:90px;font-size:16px;margin-left:-4px;opacity:0.8}@media screen and (max-width: 767px){#examples-carousel .slider-subtitle{min-height:84px;font-size:14px}}.btn{border-radius:5px;text-shadow:none;margin:0px;padding:10px 68px;line-height:2;letter-spacing:1.4px}.btn-white{background-color:#fff;color:#1ecde2;margin-left:-4px}.btn-white:hover{color:#fff;background-color:#1ecde2}.btn-aqua{background-color:#1ecde2;color:#fff;margin-left:13px}@media screen and (max-width: 767px){.btn-aqua{margin-left:0px}}.btn-aqua:hover{color:#fff;background-color:#4bd7e8}.btn-azul{background-color:#1f5dea;color:#fff;padding:10px 111px;line-height:1.43}.btn-azul:hover{color:#fff;background-color:#4c7eef}.examples-header{color:#27292b;font-size:36px;text-align:center;padding:0 0 80px}@media screen and (max-width: 767px){.examples-header{padding-bottom:40px}}.examples-header>h1{font-weight:100}.examples-header .header--bar{width:60px;border:solid 1px #979797;display:inline-block}.brands-container{padding:50px 10% 50px;margin:0 auto}@media screen and (max-width: 767px){.brands-container{display:none;padding-bottom:0px}.brands-container .col-xs-6{margin-bottom:6%;padding-left:3%;padding-right:3%}.brands-container .row{margin-left:0px;margin-right:0px}}.brands-container .brand-box{margin:0 auto;margin-bottom:70px;padding:40px 4px 20px;max-width:280px;max-height:360px;text-align:center;position:relative;min-height:297px;-webkit-transition:box-shadow 0.35s ease-in-out;-moz-transition:box-shadow 0.35s ease-in-out;transition:box-shadow 0.35s ease-in-out}@media screen and (max-width: 767px){.brands-container .brand-box{border:solid 1px #e7e7e7;margin-bottom:35px;min-height:245px;max-width:244px}}.brands-container .brand-box .icon-wechat{color:#e7e7e7;font-size:20px;padding-bottom:20px;margin:0 auto;-webkit-transition:color 0.35s ease-in-out;-moz-transition:color 0.35s ease-in-out;transition:color 0.35s ease-in-out}.brands-container .brand-box .icon-wechat:hover{color:#4f5362}.brands-container .brand-box:hover{box-shadow:2px 15px 30px 0 rgba(0,0,0,0.06)}.brands-container .brand-box:hover .brand-box--image{opacity:1}.brands-container .brand-box:hover .brand-box--image__grey{opacity:0}@media screen and (max-width: 767px){.brands-container .brand-box:hover{box-shadow:none}}.brands-container .brand-box .gp-image{background-size:cover}.brands-container .brand-box .brand-box--link{position:absolute;top:0;bottom:0;left:0;right:0;z-index:100}.brands-container .brand-box .icon-wechat>.avatar-pupop-image{position:absolute;width:115px;height:0px;bottom:130px;background-repeat:no-repeat;opacity:0;left:50%;margin-left:-57px;transform-origin:50% 0;background-position:50% 0;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;background-size:contain;box-shadow:2px 15px 30px 0 rgba(0,0,0,0.06);-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}.brands-container .brand-box .icon-wechat:hover>.avatar-pupop-image{opacity:1;height:115px}@media screen and (max-width: 767px){.brands-container .desktop-wechat{display:none}}.brands-container .mobile-wechat{display:none}@media screen and (max-width: 767px){.brands-container .mobile-wechat{display:inline-block}}.brands-container .wechat-avatar{position:absolute;width:100px;background-size:cover;height:0px;bottom:125px;left:50%;margin-left:-57px;transform-origin:50% 0;background-position:50% 0;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;box-shadow:2px 15px 30px 0 rgba(0,0,0,0.06);-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}.brands-container .wechat-avatar-open{height:100px}.brands-container .brand-box--image{height:100px;width:200px;left:40px;position:absolute;width:72%;background-size:contain;background-position:center;background-repeat:no-repeat;display:block;opacity:0;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}@media screen and (max-width: 767px){.brands-container .brand-box--image{height:80px;left:15%}}.brands-container .brand-box--image__grey{height:100px;opacity:1;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}@media screen and (max-width: 767px){.brands-container .brand-box--image__grey{height:80px}}.brands-container .brand-box--image__bgcover{background-size:cover}.brands-container .brand-box--name{font-size:18px;color:#27292b;margin-bottom:30px;padding:135px 0px 5px;height:75px}@media screen and (max-width: 767px){.brands-container .brand-box--name{font-size:15px;height:20px;padding:77px 0px 2px;margin-bottom:15px}}.brands-container .brand-box--description{font-size:14px;font-weight:400;color:#a8acb9;height:52px}@media screen and (max-width: 767px){.brands-container .brand-box--description{font-size:12px;height:30px;padding:30px 0px}}.theme-promo--container{background-color:#f9f9fb;padding-top:100px;padding-bottom:70px;overflow:hidden}@media screen and (max-width: 767px){.theme-promo--container{text-align:center}}.theme-promo--container .theme-promo--text{padding-left:80px;padding-bottom:80px}@media screen and (max-width: 767px){.theme-promo--container .theme-promo--text{padding-left:0px}}.theme-promo--container .theme--title{padding:5px 0px;padding-left:10px;font-size:50px;font-weight:400;margin:0px;letter-spacing:-1px}@media screen and (max-width: 797px){.theme-promo--container .theme--title{font-size:45px}}@media screen and (max-width: 767px){.theme-promo--container .theme--title{padding-left:0px;font-size:50px}}.theme-promo--container .theme--subtitle{margin:0px;padding:5% 50px 20% 12px;font-weight:400;opacity:0.7;max-width:400px;font-size:14px}@media screen and (max-width: 767px){.theme-promo--container .theme--subtitle{padding:5% 20px 10%;margin:0 auto}}.theme-promo--container .screenshot{width:100%;padding-top:74.45%;background-size:cover;background-repeat:no-repeat;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.theme-promo--container .unpadded-left{padding-right:0px}.theme-promo--container .unpadded-right{padding-left:0px}.selected--container{padding:0px 50px 10px;text-align:center}.selected--container .selected-shop--outer{margin:0 auto;max-width:840px;height:317px;background-size:contain;background-repeat:no-repeat;padding-left:280px;margin-bottom:160px;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}.selected--container .selected-shop--outer:hover{background-position-x:-90px;height:318px;box-shadow:4px 20px 40px 0 rgba(0,0,0,0.1)}.selected--container .selected-shop--outer:hover .selected-shop--text-outer{border-color:transparent}.selected--container .tweak-left{background-position:-47% -20%}.selected--container .tweak-left:hover{background-position-x:-190px}.selected--container .neiwai{background-position-x:-30px;background-size:84%}@media screen and (max-width: 845px){.selected--container .neiwai{background-size:110%}}@media screen and (max-width: 650px){.selected--container .neiwai{background-size:130%}}.selected--container .selected-shop--outer-left{margin:0 auto;max-width:840px;height:317px;padding-right:280px;padding-left:0;margin-bottom:160px;background-size:contain;background-repeat:no-repeat;background-position:right;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}.selected--container .selected-shop--outer-left:hover{background-position-x:370px;height:318px;box-shadow:4px 20px 40px 0 rgba(0,0,0,0.1)}.selected--container .selected-shop--outer-left:hover .selected-shop--text-outer{border-color:transparent}.selected--container .selected-shop--outer-left .selected-shop--text-outer{border-right:none;border-left:solid 2px #f9f9f9;-webkit-transition:border-color 1s ease-in-out;-moz-transition:border-color 1s ease-in-out;transition:border-color 1s ease-in-out}.selected--container .selected-shop--outer-left .selected-shop--text-outer:before{content:'';border-color:transparent transparent transparent #fff;left:inherit;right:-57px}.selected--container .selected-shop--text-outer{border:solid 2px #f9f9f9;border-left:none;background-color:#fff;width:100%;position:relative;-webkit-transition:border-color 1s ease-in-out;-moz-transition:border-color 1s ease-in-out;transition:border-color 1s ease-in-out}.selected--container .selected-shop--text-outer:before{content:'';position:absolute;height:0;width:0;top:37%;border:36px solid;border-color:transparent #fff transparent transparent;left:-57px}.selected--container .selected-shop--text-inner{position:relative;color:#eff0f4;font-size:35px;padding:10% 0px;padding-left:22%;padding-right:10%;height:314px;text-align:left}.selected--container .selected-shop--text-inner .icon-quotation-mark-up{position:absolute;left:10%;top:2%}@media screen and (max-width: 740px){.selected--container .selected-shop--text-inner .icon-quotation-mark-up{display:none}}.selected--container .selected-shop--text-inner .icon-quotation-mark-down{position:absolute;right:10%;bottom:1%}@media screen and (max-width: 740px){.selected--container .selected-shop--text-inner .icon-quotation-mark-down{display:none}}.selected--container .selected-shop--text-inner .selected--title{color:#27292b;font-size:22px;font-weight:400;margin-top:0px;margin-right:0px}.selected--container .selected-shop--text-inner .selected--body{font-size:14px;font-weight:400;line-height:2.14;min-height:108px;width:78%;color:#555758;padding-bottom:20px;border-bottom:1px solid #EFEFEF;margin-right:0px}.selected--container .selected-shop--text-inner .selected--text-bottom{display:inline-block;width:75%;position:relative}.selected--container .selected-shop--text-inner .selected--little_logo{vertical-align:middle;display:inline-block;width:110px;height:40px;background-size:contain;background-repeat:no-repeat}.selected--container .selected-shop--text-inner .selected--case_link{position:absolute;right:0px;top:45%;text-align:right;font-size:13px;color:#b3b7ba}.selected--container .selected-shop--text-inner .selected--case_link:hover{color:#555758}@media screen and (max-width: 700px){.selected--container{padding:0px 35px 0px}.selected--container .selected-shop--outer,.selected--container .selected-shop--outer-left{padding-left:0;padding-right:0;background-size:contain;padding-top:58%;width:100%;height:auto;margin-bottom:35px;background-position:top;border:solid 2px #f9f9f9}.selected--container .selected-shop--outer:hover,.selected--container .selected-shop--outer-left:hover{height:100%;box-shadow:none;background-size:contain;background-position:top}.selected--container .selected-shop--outer .selected-shop--text-outer,.selected--container .selected-shop--outer-left .selected-shop--text-outer{border:none;padding:0px 0px}.selected--container .selected-shop--outer .selected-shop--text-outer:before,.selected--container .selected-shop--outer-left .selected-shop--text-outer:before{content:'';position:absolute;height:0;width:0;top:-50px;border:36px solid;border-color:transparent transparent #fff transparent;left:39%}.selected--container .neiwai{background-size:130%}.selected--container .neiwai:hover{background-size:130%}.selected--container .selected-shop--text-inner{font-size:20px;padding:6% 10%;height:auto}.selected--container .selected--body,.selected--container .selected--text-bottom{width:100% !important}.selected--container .icon-quotation-mark-down{display:none;bottom:41% !important;right:6% !important}.selected--container .icon-quotation-mark-up{display:none;top:23% !important;left:6% !important}}.cta--background{text-align:center;background-size:cover}.cta--background .cta--inner{padding:80px 30px 100px;background-color:rgba(9,9,9,0.8)}@media screen and (max-width: 767px){.cta--background .cta--inner{padding-bottom:17%}}.cta--background .cta--title{color:#f6f7f7;font-size:40px;font-weight:300;padding-bottom:30px}.cta--background .cta--subtitle{font-weight:400;font-size:14px;color:#e7e7e7;padding-bottom:60px}.off-left{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}.down-below{opacity:0.3;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}#view-email{font-family:"Montserrat Light","PingFang SC","Hiragino Sans GB","Hiragino Sans GB W3","Source Han Sans Light","Source Han Sans SC Light","Noto Sans CJK Sc Thin","Microsoft YaHei Light","Microsoft YaHei","Microsoft Jhenghei","Avenir","Helvetica Neue",Arial,sans-serif;padding-top:80px;padding-bottom:100px;background-repeat:no-repeat;background-position:top center;background-size:cover}#view-email>.container{text-align:center}#view-email h1.title{font-size:32px;line-height:1.1;color:#ffffff}#view-email .text-desc{margin-top:30px;font-size:16px;line-height:1.5;color:#ffffff}#view-email .subscribe-form{margin:30px auto 0;display:inline-block;position:relative}#view-email .subscribe-form::after{clear:both;content:"";display:table}#view-email .subscribe-form .subscribe-email-input{padding-left:10px;background-color:rgba(255,255,255,0.2);height:42px;border-width:0;border-radius:5px;color:#fff;border-top-left-radius:0px;border-bottom-left-radius:0px}#view-email .subscribe-form .subscribe-email-input::before{content:''}#view-email .subscribe-form .input-group-addon{border-width:0;background-color:rgba(255,255,255,0.2);border-top-left-radius:5px;border-bottom-left-radius:5px;padding-left:21px;padding-right:12px}#view-email .subscribe-form .icon-email{color:#fff;font-size:18px}#view-email .btn-azul{padding:10px 40px;font-size:14px;border-radius:5px;background-color:#1f5dea;color:#fff}#view-email .btn-azul:hover,#view-email .btn-azul:active{background-color:#4c7eef}@media (min-width: 992px){#view-email .subscribe-form{width:538px}#view-email .input-wrapper{display:inline-block;float:left;width:360px}#view-email .subscribe-email-input{width:309px}#view-email .btn-subscribe{margin-left:20px;display:inline-block;float:left}}@media (max-width: 991px) and (min-width: 768px){#view-email .subscribe-form{width:538px}#view-email .input-wrapper{display:block;width:360px;margin:0 auto 20px}#view-email .subscribe-email-input{width:309px}}@media (max-width: 767px){#view-email .subscribe-form{width:290px}#view-email .input-wrapper{display:block;width:280px;margin:0 auto 20px}#view-email .subscribe-email-input{width:226px}#view-email .btn-azul{padding:10px 111px}}
