body{background: #f4f6f8;}
.pix-studio-1 {
    background-color: #363f48;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}
.pix-studio-2 {
    background-color: #363f48;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}
.pix-padding-v-150 {
    padding-top: 150px;
    padding-bottom: 150px;
}
.pix-padding-v-65 {
    padding-top: 65px;
    padding-bottom: 65px;
}
.pix-padding-v-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}
.pix-padding-v-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.pix-padding-v-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}
h2 {
    font-size: 36px;
    line-height: 58px;
}
.pix-navy-blue {
    color: #363F48;
}
.pix-navy-blue-2 {
    color: #818e9b;
}
.big-icon-60 {
    font-size: 60px;
    line-height: 60px;
}
.pix_edit_info {
    color: #888;
}
.metas {
    position: relative;
    padding: 10px;
    color: #c1c1c1;
}
.metas .addon-price {
    float: right;
}
.metas .price {
    color: #e83d2c;
    font-size: 14px;
    margin-right: 0;
}
.text-line {
    position: relative;
    padding: 30px 0;
    text-align: center;
}
.text-line h2 {
    position: relative;
    margin-bottom: 20px;
    font-size: 32px;
    z-index: 1;
    color: #313131;
}
.text-line h2 > span {
    padding: 0 40px;
}
.text-line .subtitle {
    font-size: 16px;
    color: #919191;
}
.main-timeline{overflow:hidden;position:relative;}.main-timeline:before{content:"";width:3px;height:100%;background:#d6d5d5;position:absolute;top:0;left:50%;}.main-timeline .timeline{padding-right:30px;position:relative;}.main-timeline .timeline:before,.main-timeline .timeline:after{content:"";display:block;width:100%;clear:both;}.main-timeline .timeline:first-child:before,.main-timeline .timeline:last-child:before{content:"";width:13px;height:13px;border-radius:50%;border:2px solid #d6d5d5;background:#fff;margin:0 auto;position:absolute;top:0;left:0;right:-3px;}.main-timeline .timeline:last-child:before{top:auto;bottom:0;}.main-timeline .timeline:nth-child(2n){padding:0 0 0 30px;}.main-timeline .timeline:nth-child(2n) .year{border-radius:3px 0 0 3px;right:auto;left:32%;}.main-timeline .timeline:nth-child(2n) .year:before{border:18px solid transparent;border-right:none;border-left:18px solid #737ab4;left:auto;right:-18px;}.main-timeline .timeline:nth-child(2n) .timeline-content{float:right;margin:0 0 0 20px;}.main-timeline .timeline:nth-child(2n) .timeline-content:after{border-left:none;border-right:20px solid #fff;right:auto;left:-20px;}.main-timeline .timeline-icon{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #d6d5d5;box-sizing:content-box;margin:auto;position:absolute;top:0;left:0;bottom:0;right:-4px;}.main-timeline .timeline-icon:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#737ab4;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;}.main-timeline .year{display:inline-block;border-radius:0 3px 3px 0;padding:8px 30px 8px 20px;margin:0;font-size:14px;color:#fff;background:#737ab4;text-align:center;position:absolute;top:50%;right:31%;transform:translateY(-50%);}.main-timeline .year:before{content:"";border-right:18px solid #737ab4;border-top:18px solid transparent;border-bottom:18px solid transparent;position:absolute;top:0;left:-18px;}.main-timeline .timeline-content{width:46.5%;padding:33px 40px;margin:0 20px 0 0;background:#fff;position:relative;}.main-timeline .timeline-content:after{content:"";border-left:20px solid #fff;border-top:20px solid transparent;border-bottom:20px solid transparent;position:absolute;top:50%;right:-20px;transform:translateY(-50%);}.main-timeline .timeline:before{background:inherit;}.main-timeline .title{float:left;font-size:24px;font-weight:bold;color:#504f54;margin:0 15px 15px 0;line-height:1.1;}.main-timeline .post{display:inline-block;font-size:14px;color:#999;margin-top:6px;}.main-timeline .description{clear:both;font-size:14px;color:#7d7b7b;line-height:24px;margin:0;}@media only screen and (max-width:1200px){.main-timeline .year{right:30%;}.main-timeline .timeline:nth-child(2n) .year{left:30%;}}@media only screen and (max-width:990px){.main-timeline .year{right:25%;}.main-timeline .timeline:nth-child(2n) .year{left:25%;}}@media only screen and (max-width:767px){.main-timeline:before{left:10px;}.main-timeline .timeline{padding:0 0 0 30px;margin-bottom:20px;}.main-timeline .timeline:last-child{margin-bottom:0;}.main-timeline .timeline:first-child:before,.main-timeline .timeline:last-child:before{display:none;}.main-timeline .timeline-icon{margin:0;position:absolute;top:7px;left:0;}.main-timeline .year,.main-timeline .timeline:nth-child(2n) .year{display:block;font-weight:bold;margin:0 0 32px 30px;z-index:1;position:relative;top:auto;left:auto;right:auto;transform:none;}.main-timeline .timeline:nth-child(2n) .year:before{border-left:none;border-right:18px solid #737ab4;right:auto;left:-18px;}.main-timeline .timeline-content{padding:20px;}.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content{width:auto;float:none;margin:0 0 0 30px;}.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-content:after{border:none;border-bottom:20px solid #f2f2f2;border-left:20px solid transparent;border-right:20px solid transparent;top:-20px;left:50%;right:auto;transform:translateX(-50%);}}@media only screen and (max-width:480px){.main-timeline .title{float:none;margin:0;}.main-timeline .year,.main-timeline .timeline:nth-child(2n) .year{margin-left:20px;}.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content{margin-left:10px;}.main-timeline .post{margin:5px 0;}}
.addon-list .addon-item{position:relative;z-index:1;margin-bottom:30px;-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box;background-color:#fff;}.addon-list .addon-item .addon-img{position:relative;overflow:hidden;border-top-left-radius:3px;border-top-right-radius:3px;}.addon-list .addon-item .addon-img .img-responsive{width:100%;}.addon-list .addon-item .title{margin-top:10px;padding:0 10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;line-height:20px;}.addon-list .addon-item .title a{color:#444;font-size:14px;}.tags{position:absolute;right:0;top:0;z-index:999;width:68px;height:68px;overflow:hidden;background:url("../img/tags_corner.png") no-repeat 0 0;}.tags.tags-free{background-position:0 0;}.tags.tags-hot{background-position:0 -68px;}.tags.tags-recommend{background-position:0 -68px;}.tags.tags-new{background-position:0 -136px;}.tags.tags-buy1get1free{background-position:0 -204px;}.tags.tags-recommend{background-position:0 -272px;}.tags.tags-unbuy{background-position:0 -340px;}@media (min-width:992px){.addon-list .addon-item{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}.addon-list .addon-item:hover{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,0.3);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,0.3);box-shadow:0 26px 40px -24px rgba(0,36,100,0.3);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}}@media (max-width:767px){.addon-list .addon-item{margin-bottom:20px;margin-left:-5px;margin-right:-5px;}.addon-list .addon-item .addon-img .img-responsive{padding:5px;}.addon-list .addon-item .title{margin-top:5px;padding:0 5px;}}
