.article-story{background-image:url(../img/desktop/bg-page-story.jpg)}.article-story .sub-title-page{text-align:center}.article-story header{text-align:center;padding:1% 0;font-size:2.2em;opacity:0;-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);transition:transform 1s cubic-bezier(0.22, 0.94, 0.44, 1) 0.1s,opacity 0.3s cubic-bezier(0.22, 0.94, 0.44, 1) 0.1s,-webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.1s}.article-story header h2{color:#DDC086;font-size:2em;line-height:2em;font-weight:normal;font-family:'scriptinaregular'}.article-story header.animate{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.article-story .story-detail{padding:35px 0;width:100%;display:table}.article-story .story-detail .row-story{overflow:hidden;padding:20px 0;width:100%;position:relative}.article-story .story-detail .row-story>*{width:50%;padding:0 30px;opacity:0;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);transition:transform 1s cubic-bezier(0.22, 0.94, 0.44, 1) 0.1s,opacity 0.3s cubic-bezier(0.22, 0.94, 0.44, 1) 0.1s,-webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1) 0.1s}.article-story .story-detail .row-story>*.animate{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.article-story .story-detail .box-img picture{position:relative;display:block}.article-story .story-detail .box-img picture img{position:relative;z-index:2;width:100%;max-width:inherit}.article-story .story-detail .box-img picture:before{content:"";width:100%;height:100%;position:absolute;top:10px;left:-10px;border:1px solid #DDC086;z-index:1}.article-story .story-detail .box-detail{text-align:center;position:absolute;top:0;height:100%;z-index:1}.article-story .story-detail .box-detail h3{font-size:1.875rem;margin-bottom:0.6em;font-weight:500;text-transform:uppercase}.article-story .story-detail .box-detail h3 span{display:block;color:#DDC086;font-size:2.4em;font-family:'scriptinaregular';font-weight:normal;padding:0 1.5%;height:1em;position:relative;margin-bottom:0.5em;margin-left:0.2em}.article-story .story-detail .box-detail h3 span:before{content:"";width:0.8em;height:0.8em;border:1px solid #DDC086;-webkit-transform:translate(-50%, 0%) rotate(45deg);-ms-transform:translate(-50%, 0%) rotate(45deg);transform:translate(-50%, 0%) rotate(45deg);display:block;position:absolute;top:9%;left:50%;z-index:1}.article-story .story-detail .box-detail p{font-size:18px}.article-story .story-detail .box-detail .box-center{position:absolute;top:50%;left:50%;width:100%;z-index:1;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.article-story .story-detail .row-story:nth-of-type(odd) .box-img{float:left}.article-story .story-detail .row-story:nth-of-type(odd) .box-detail{right:0}.article-story .story-detail .row-story:nth-of-type(even) .box-img{float:right}.article-story .story-detail .row-story:nth-of-type(even) .box-detail{left:0}@media screen and (max-width: 1100px){.article-story .story-detail .box-detail h3{font-size:1.286em}.article-story .story-detail .box-detail h3 span{font-size:2.278em}.article-story .story-detail .box-detail p{font-size:1rem}}@media screen and (max-width: 700px){.article-story header{font-size:1em}.article-story header h2{font-size:44px}.article-story header h3{font-size:20px}.article-story .story-detail{padding:5px 0}.article-story .story-detail .row-story:nth-of-type(odd) .box-img,.article-story .story-detail .row-story:nth-of-type(odd) .box-detail,.article-story .story-detail .row-story:nth-of-type(even) .box-img,.article-story .story-detail .row-story:nth-of-type(even) .box-detail{float:left;width:100%;padding:0 5px}.article-story .story-detail .row-story{padding:17px 0}.article-story .story-detail .box-detail{position:relative}.article-story .story-detail .box-detail .box-center{position:relative;top:inherit;left:inherit;padding-top:30px;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}.article-story .story-detail .box-img picture:before{top:5px;left:-5px}}