.share-banner{background: url("images/top-banner-bg.png") no-repeat center top;background-size: cover;position: relative;}
.share-banner .title{font-size: 48px;line-height: 1.2em;color: #ac6737;text-align: center;font-weight: 600;}
.banner-title{font-size: 48px;line-height: 1.2em;color: #5b5b5b;font-weight: bold;text-align: center;margin-bottom: 20px;}
.bannerslide .video-box{max-width: 675px;position: relative;}


.share-cont .share-tag{position: absolute;bottom: 2%;right: 2%;color: #f05138;font-size: 12px;}
.bannerslide .share-b{padding-top: 80px;}
.bannerslide .share-b .lft {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: -40px;
    bottom: 0px;
}
.bannerslide .share-b .rgt {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    right: 0px;
    bottom: -40px;
    width: 44%;
    text-align: left;
}
@media (max-width: 1006px){
    .bannerslide .share-b{padding-top: 0;}
    .bannerslide .share-b .lft{display: block;left:0;width: 100%}
    .bannerslide .share-b .rgt{display: block;width: 100%;bottom: 0;}
    .bannerslide .share-b .video-box img{width: 100%;margin-left:  0 !important;}
}

.pdf-top-ad{display:none !important;}
.bannerslide .share-a .lft{float: left;}
.bannerslide .share-a .rgt{float: right;padding-top: 150px;text-align: center;}
.bannerslide .share-a .rgt .resume{font-size: 40px;line-height: 1.4em;font-weight: bold;color: #313c48;margin-bottom: 15px;}
.bannerslide{position: relative;text-align: right;}
.play-video-ico{margin-bottom: 15px;}
.play-video-ico a{position: relative;font-size: 12px;color: #313c48;font-weight: bold;padding-left: 20px;}
.play-video-ico a:after{content: '';width: 20px;height: 20px;border-radius: 50%;border: solid 2px #313c48;position: absolute;left: -10px;top:-5px;}
.play-video-ico a:before{content: '';width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 10px; border-color: transparent transparent transparent #313c48;position: absolute;left: -2px;top:2px;}
form.share-cont textarea {font-size:15px}
@media (max-width: 1300px){
    .bannerslide{padding-right: 0;padding-bottom: 50px;}
    .bannerslide .share-a .lft,.bannerslide .share-a .rgt{float: none;text-align: center;width: 100%;text-align: center;margin-left: 0;margin-right: 0;}
    .bannerslide .share-a .rgt{padding-top: 50px;}
    .bannerslide .video-box{margin: 0 auto;}
    .banner-title{text-align: center;font-size: 32px;}
}
@media (max-width: 769px){
    .banner-title{font-size: 24px;}
    .share-banner .switch-cell{padding:25px 0 0;}
    .bannerslide .title{font-size:16px;}
    .share-banner .share-a .lft{margin-bottom:0;}
    .bannerslide .video-box{transform:scale(0.7);margin:-40px 0;}
    form.share-cont textarea {font-size:14px;margin-bottom:10px;}
    form.share-cont .sub {margin-bottom:0px}
    form.share-cont button {margin-bottom:5px;box-shadow:0 0px 0px 0 rgba(0, 0, 0, 0.2);}
    form.share-cont .info {width:100%;}
}

.inpack .cell .count{display: inline-block;width: 74%;text-align: right;}
.inpack .cell .old{font-size: 12px;color: #b0b0b0;text-decoration: line-through;}
.inpack .cell .new{color: #f05138;font-weight: 700;margin-left: 4px;}

form.share-cont{background-color: #f5f8fa; box-shadow: 0 -2px 4px 0 rgba(159, 159, 159, 0.31);padding: 20px 40px;box-sizing: border-box;}
form.share-cont textarea{display: block;width: 100%;resize: vertical;padding: 18px 12px;border: solid 1px #ededed;background: #FFF;margin-bottom: 28px;box-sizing: border-box;height: 140px;font-size:15px}
form.share-cont textarea:focus{border-color: #435bfd;}
form.share-cont button{width: 100%;height: 48px;background-color: #1b9ff2;color: #FFF;border: none;border-radius: 4px;box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.2);margin-bottom: 26px;box-sizing: border-box;background-image: url("images/twitter.png");background-repeat: no-repeat;background-position: 25% 14px;padding-left: 15px;cursor: pointer;}
form.share-cont button.no{cursor: not-allowed;background: #cecece;}
form.share-cont .download-btn{display: inline-block;  vertical-align: middle; padding: 12px 15px; border: solid 2px #cecece; border-radius: 4px; background: #cecece; color: #fff !important; font-size: 14px; line-height: 23px; font-weight: 600;  text-decoration: none !important;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; text-align: center;margin-right: 10px;cursor: not-allowed;}
form.share-cont .download-btn.actived{background: #435bfd;border-color: #435bfd;cursor: pointer;}
form.share-cont .download-btn.actived:hover{background: #2c3db0;border-color: #2c3db0;}
form.share-cont .info{font-size: 14px;color: #959595;display: inline-block;vertical-align: middle;width: 55%;line-height: 1.2em;}
form.share-cont .sub{font-size: 14px;color: #585858;margin-bottom: 8px;}
.share-banner .share-b .play-video{width: 100px;
    height: 100px;
    left: calc(50% - 60px);
    position: absolute;
    top: calc(50% - 50px);
    opacity: 0.86;
    transition: all ease-in-out 0.2s;
    border-radius: 50%;}
.share-banner .share-b .play-video:hover{opacity: 1;}

.share-banner .flex-direction-nav{display: none;}
.share-banner .flex-control-nav{padding: 0; bottom:20px;position: absolute;left: 49%;}
.share-banner .flex-control-nav li{padding: 0;margin-left: 10px;}
.share-banner .flex-control-nav a{display: inline-block;width: 10px;height: 10px;border-radius: 50%;background: #FFF;}
.share-banner .flex-control-nav a.flex-active{background: #8f4818;}
@media (max-width: 1300px){
    .share-banner .switch-cell .lft{display: block;width: 100%;position: relative;left: auto; bottom:auto;}
    .share-banner .switch-cell .rgt{display: block;width: 100%;position: relative;right: auto; bottom:auto;}
    .share-banner .share-a .lft{margin-bottom: 30px;text-align: center;}
    .share-banner .share-b{text-align: center;}
    .share-banner .share-b .lft{margin-bottom: 50px;text-align: center;}
    .share-banner .share-b .rgt{text-align: center;width: 100%;bottom: 0;}
    .share-banner .share-b .title{text-align: center;}
}
.templates{padding: 15px 0;}
.templates .title{font-size: 36px;text-align: center;color: #2c3daf;margin-bottom: 40px;line-height: 1.2em;font-weight: 600;line-height: 1.2em;}
.templates .cell{background: #FFF;box-shadow: 0 2px 4px 0 rgba(148, 148, 148, 0.5);padding: 10px 10px 45px 10px;}
.templates .cell .video{background-size: cover;width: 100%;height: 160px;margin-bottom: 12px;position: relative;cursor: pointer;transition: all ease-in-out 0.2s;background-repeat: no-repeat;}
.templates .cell .video:after{content: '';background: url("images/icon_play.png") no-repeat;width: 54px;height: 54px;position: absolute;left: 50%;top:50%;margin-left: -27px;margin-top: -27px;}
.templates .cell .video:before{content: '';background: rgba(0,0,0,0);display: block;height: 160px;transition: all ease-in-out 0.2s;}
.templates .cell .video:hover:before{background: rgba(0,0,0,0.6)}
.templates .cell .sub{font-size: 14px;margin-bottom: 5px;}
.templates .cell .heart{display: inline-block;vertical-align: middle;}
.templates .cell .heart .ico{ background-image: url('images/heart.svg'),none;width: 22px;height: 22px;display: inline-block;background-size: contain;vertical-align: middle;margin-right: 2px;transition: all ease-in-out 0.4s;}
.templates .cell .heart .ico:after{content:'';background-image: url('images/heart.svg'),none;width: 22px;height: 22px;display: inline-block;background-size: contain;transition: all ease-in-out 0.4s;transform-origin: center center;}
.templates .cell .heart .ico.actived:after{opacity: 0;transform: scale(2);}
.templates .cell .heart .num{vertical-align: middle;display: inline-block;width: 36px;color: #5a5b64;}
.templates .cell .heart::selection .ico{transform: scale(1.6);opacity: 0;}
.templates .cell .cart{width: 19px;height: 17px;background: url("images/download-ico.png") no-repeat;display: inline-block;vertical-align: middle;}
.templates .cell .cart:hover{background-position: 0 -17px;}
.templates .cell .count{vertical-align: middle;display: inline-block;text-align: right;width: 65%;}
.templates .cell .old{font-size: 12px;color: #b0b0b0;text-decoration: line-through;}
.templates .cell .new{color: #f05138;font-weight: 700;margin-left: 4px;}

.discount{}
.discount .title{font-size: 36px;color: #2c3daf;text-align: center;margin-bottom: 50px;font-weight: 600;line-height: 1.2em;}
.discount .cell{text-align: center;border: solid 1px #d2d2d2;background: #FFF;padding: 45px;}
.discount .cell .sub{color: #2c3daf;margin-bottom: 22px;}
.discount .cell .desc{font-size: 14px;color: #787878;margin-bottom: 45px;}
.discount .cell .old{color: #b0b0b0;}
.discount .cell .new{color: #f1543b;margin-left: 4px;font-size: 20px;font-weight: 600;}
.discount .cell .buy-now{display: inline-block;border-radius: 2px;  border: solid 1px #f05138;width: 98px; height: 32px;line-height: 32px;color: #f05138;font-size: 14px;margin-top: 15px;}
.discount .cell .buy-now:hover{background: #f05138;color: #FFF;text-decoration: none;}
.discount .cell .pic{margin-bottom: 15px;}

.inpack{padding: 70px 0 82px;}
.inpack .title{font-size: 36px;color: #2c3daf;margin-bottom: 50px;text-align: center;font-weight: 600;line-height: 1.2em;}
.inpack .cell{border: solid 1px #dddddd;background: #FFF;padding: 10px;position: relative;}
.inpack .cell .pic{height: 210px;background-size: cover;margin-bottom: 12px;background-repeat: no-repeat;cursor: pointer;position: relative;}
.inpack .cell .pic:after{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background: #000;transition: all ease-in-out 0.2s;opacity: 0;}
.inpack .cell .pic:hover:after{opacity: 0.6;}
.inpack .cell .sub{font-size: 14px;margin-bottom: 5px;}
.inpack .cell .heart{display: inline-block;vertical-align: middle;}
.inpack .cell .heart .ico{ background-image: url('images/heart.svg'),none;width: 22px;height: 22px;display: inline-block;background-size: contain;vertical-align: middle;margin-right: 2px;}
.inpack .cell .heart .num{vertical-align: middle;display: inline-block;width: 36px;color: #5a5b64;}
.inpack .cell .heart .ico:after{content:'';background-image: url('images/heart.svg'),none;width: 22px;height: 22px;display: inline-block;background-size: contain;transition: all ease-in-out 0.4s;transform-origin: center center;}
.inpack .cell .heart .ico.actived:after{opacity: 0;transform: scale(2);}
.inpack .cell .download{width: 18px;height: 18px;display: inline-block;vertical-align: middle;background-image:url("https://pdfimages.wondershare.com/topic/thanksgiving1711/style/images/download.svg"),none;background-size: contain;transition: all ease-in-out 0.2s; }
.inpack .cell .download:hover,.inpack .cell .download.actived{background-image:url("https://pdfimages.wondershare.com/topic/thanksgiving1711/style/images/download-blue.svg"),none;}
.inpack .cell .tip{width: 73px;height: 30px;background-color: #4757d1;color: #FFF;line-height: 30px;text-align: center;font-size: 20px;position: absolute;right: -8px;top:16px;z-index: 1;}
.inpack .cell .tip:after{content:'';position: absolute; border-top: 5px solid #2c3daf; border-right: 8px solid transparent; bottom: -5px; right: 0px;}

@media (max-width: 769px){
    .share-banner .title{font-size: 36px;}
    .templates .title,.discount .title,.inpack .title{font-size: 28px;}
}
@media (max-width: 496px){
    .share-banner .share-a form button,.share-banner .share-b .watch-video:after{background-image: none;}
}