/*! style.css 07-09-2020 */

@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Raleway:300,500,600,600italic,800,700);@font-face{font-family:GothamBold;src:url(../fonts/GothamBold.eot);src:url(../fonts/GothamBold.eot?#iefix) format("embedded-opentype"),url(../fonts/GothamBold.woff) format("woff"),url(../fonts/GothamBold.ttf) format("truetype"),url(../fonts/GothamBold.svg#GothamBoldRegular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:GothamBlack;src:url(../fonts/GothamBlack.eot);src:url(../fonts/GothamBlack.eot?#iefix) format("embedded-opentype"),url(../fonts/GothamBlack.woff) format("woff"),url(../fonts/GothamBlack.ttf) format("truetype"),url(../fonts/GothamBlack.svg#GothamBlack) format("svg");font-weight:400;font-style:normal}@font-face{font-family:GothamMedium;src:url(../fonts/GothamMedium.eot);src:url(../fonts/GothamMedium.eot?#iefix) format("embedded-opentype"),url(../fonts/GothamMedium.woff) format("woff"),url(../fonts/GothamMedium.ttf) format("truetype"),url(../fonts/GothamMedium.svg#GothamMediumRegular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:GothamLight;src:url(../fonts/GothamLight.eot);src:url(../fonts/GothamLight.eot?#iefix) format("embedded-opentype"),url(../fonts/GothamLight.woff) format("woff"),url(../fonts/GothamLight.ttf) format("truetype"),url(../fonts/GothamLight.svg#GothamLightRegular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:GothamBook;src:url(../fonts/GothamBook.eot);src:url(../fonts/GothamBook.eot?#iefix) format("embedded-opentype"),url(../fonts/GothamBook.woff) format("woff"),url(../fonts/GothamBook.ttf) format("truetype"),url(../fonts/GothamBook.svg#GothamBookRegular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:HelveticaNeue;src:url(../fonts/HelveticaNeueLTStd-ThCn.eot);src:local("?"),url(../fonts/HelveticaNeueLTStd-Roman.woff) format("woff"),url(../fonts/HelveticaNeueLTStd-Roman.ttf) format("truetype"),url(../fonts/HelveticaNeueLTStd-Roman.svg) format("svg");font-weight:400;font-style:normal}@font-face{font-family:HelveticaNeueExtended;src:url(../fonts/HelveticaNeueExtended.eot);src:url(../fonts/HelveticaNeueExtended.eot) format("embedded-opentype"),url(../fonts/HelveticaNeueExtended.woff2) format("woff2"),url(../fonts/HelveticaNeueExtended.woff) format("woff"),url(../fonts/HelveticaNeueExtended.ttf) format("truetype"),url(../fonts/HelveticaNeueExtended.svg#HelveticaNeueExtended) format("svg")}@font-face{font-family:HelveticaNeueBold;src:url(../fonts/HelveticaNeueLTStd-Bd.eot);src:local("?"),url(../fonts/HelveticaNeueLTStd_Bd.woff) format("woff"),url(../fonts/HelveticaNeueLTStd-Bd.ttf) format("truetype"),url(../fonts/HelveticaNeueLTStd-Bd.svg) format("svg");font-weight:400;font-style:normal}@font-face{font-family:HelveticaNeueLight;src:url(../fonts/HelveticaNeueLTStd-Th.eot);src:local("?"),url(../fonts/HelveticaNeueLTStd-Th.woff) format("woff"),url(../fonts/HelveticaNeueLTStd-Th.ttf) format("truetype"),url(../fonts/HelveticaNeueLTStd-Th.svg) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Origo;src:url(../fonts/Origo.eot);src:url(../fonts/Origo.eot) format("embedded-opentype"),url(../fonts/Origo.woff2) format("woff2"),url(../fonts/Origo.woff) format("woff"),url(../fonts/Origo.ttf) format("truetype"),url(../fonts/Origo.svg#Origo) format("svg");font-weight:400;font-style:normal}.container{width:1160px;margin-right:auto;margin-left:auto;padding-left:20px;padding-right:20px;box-sizing:border-box}@media screen and (min-width:540px) and (max-width:1024px){.container{width:100%}}@media screen and (min-width:1600px){.container{width:1400px}}.container-s{width:940px;margin-right:auto;margin-left:auto;box-sizing:border-box}.container-l{width:1140px;margin-right:auto;margin-left:auto;box-sizing:border-box}.page-heading{display:none}.skip-link{display:none}.loreal-women-cabelos-dreamlong{background:#fff}.loreal-women-cabelos-dreamlong .pages-dreamlong{font-family:GothamMedium;background:#fff}.loreal-women-cabelos-dreamlong .inner-main{margin-top:0}.loreal-women-cabelos-dreamlong .mobile{display:none}.loreal-women-cabelos-dreamlong .desktop{display:block}.loreal-women-cabelos-dreamlong .destaque-section{text-align:center;background:linear-gradient(to right,#fff 50%,#ff9984 50%)}.loreal-women-cabelos-dreamlong .destaque-section .heading1{text-align:center;font-family:Origo;color:#000;font-size:80px;padding:40px 0;margin-bottom:0}.loreal-women-cabelos-dreamlong .destaque-section img:hover,.loreal-women-cabelos-dreamlong .destaque-section figure:hover{opacity:1}.loreal-women-cabelos-dreamlong .destaque-section .center{text-align:center}.loreal-women-cabelos-dreamlong .newserum-section{background:#f81983}.loreal-women-cabelos-dreamlong .newserum-section:after{display:block;content:'';height:120px;width:100%;background:#ffd3ca}.loreal-women-cabelos-dreamlong .newserum-section .serum-product{display:inline-block;vertical-align:bottom;margin-bottom:-110px}.loreal-women-cabelos-dreamlong .newserum-section .serum-centimeters{display:inline-block;width:40%;vertical-align:bottom;margin-bottom:-18px;margin-top:-25px}.loreal-women-cabelos-dreamlong .newserum-section .serum-centimeters img{opacity:1}.loreal-women-cabelos-dreamlong .newserum-section .serum-text{display:inline-block;text-align:right;text-transform:uppercase;width:35%;vertical-align:bottom;margin-bottom:140px}.loreal-women-cabelos-dreamlong .newserum-section .serum-text h2{line-height:58px;margin-bottom:24px;color:#fff;font-size:70px;font-family:GothamBold}.loreal-women-cabelos-dreamlong .newserum-section .serum-text p{color:#fff;font-size:22px;font-family:GothamBook;line-height:27px}.loreal-women-cabelos-dreamlong .video-section{text-align:center}.loreal-women-cabelos-dreamlong .video-section .tvc-container{padding-bottom:75px}.loreal-women-cabelos-dreamlong .video-section .tvc-container .container{padding:0!important;width:1022px}.loreal-women-cabelos-dreamlong .video-section .tvc-container .container .heading2{color:#f81983;text-transform:uppercase;font-size:54px;margin-bottom:6px;font-family:GothamBold;margin-top:40px}.loreal-women-cabelos-dreamlong .video-section .tvc-container .container .heading1{color:#000;text-transform:uppercase;font-size:32px;margin-bottom:20px;font-family:GothamBold}.loreal-women-cabelos-dreamlong .video-section .tvc-container .container figure{position:relative;display:inline-block;width:100%;height:572px;border:3px solid #f81983}.loreal-women-cabelos-dreamlong .video-section .tvc-container .container figure:hover{opacity:1}.loreal-women-cabelos-dreamlong .video-section .tvc-container .container figure iframe,.loreal-women-cabelos-dreamlong .video-section .tvc-container .container figure img{left:0;right:0;position:absolute;z-index:1;width:100%;height:100%}.loreal-women-cabelos-dreamlong .video-section .tvc-container .container figure iframe:hover,.loreal-women-cabelos-dreamlong .video-section .tvc-container .container figure img:hover{opacity:1}.loreal-women-cabelos-dreamlong .video-section .tvc-container[data-background=pink]{background-color:#f81983}.loreal-women-cabelos-dreamlong .video-section .tvc-container[data-background=pink] .container .heading2{color:#fff}.loreal-women-cabelos-dreamlong .video-section .tvc-container[data-background=pink] .container figure{border:3px solid #fff}.loreal-women-cabelos-dreamlong .dicas-section{background:#ff6e51;background:-moz-linear-gradient(top,#ff6e51 0,#ff9c88 99%);background:-webkit-linear-gradient(top,#ff6e51 0,#ff9c88 99%);background:linear-gradient(to bottom,#ff6e51 0,#ff9c88 99%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6e51', endColorstr='#ff9c88', GradientType=0)}.loreal-women-cabelos-dreamlong .dicas-section .dicas-column .heading4{color:#fff;font-size:40px;font-family:GothamBold;margin-bottom:16px;text-transform:uppercase}.loreal-women-cabelos-dreamlong .dicas-section .dicas-column li>p{font-size:20px;color:#f81983;font-family:GothamMedium;margin-top:0;text-transform:uppercase;margin-bottom:16px}.loreal-women-cabelos-dreamlong .dicas-section .dicas-column a{color:#fff;background:#f81983;width:46px;height:46px;display:inline-block;font-size:50px;text-align:center;line-height:48px;font-family:GothamBook;text-decoration:none}.loreal-women-cabelos-dreamlong .dicas-section .dicas-column li{position:relative;margin-bottom:50px}.loreal-women-cabelos-dreamlong .dicas-section .left-column{display:inline-block;width:25%;vertical-align:top;padding-top:55px;text-align:right;padding-right:30px}.loreal-women-cabelos-dreamlong .dicas-section .right-column{display:inline-block;width:50%;vertical-align:top;padding-top:120px;text-align:right}.loreal-women-cabelos-dreamlong .dicas-section .right-column li{width:50%;text-align:left;display:inline-block}.loreal-women-cabelos-dreamlong .dicas-section .right-column li:first-child{text-align:right;text-transform:uppercase;width:100%;margin-bottom:70px}.loreal-women-cabelos-dreamlong .dicas-section .right-column li:first-child .heading2{font-size:44px;letter-spacing:-3px;color:#fff;font-family:GothamBold;margin-bottom:30px}.loreal-women-cabelos-dreamlong .dicas-section .right-column li:first-child .heading2 span{color:#f81983;display:block}.loreal-women-cabelos-dreamlong .dicas-section .right-column li:first-child .heading3{font-size:27px;font-family:GothamBook;color:#fff;line-height:32px}.loreal-women-cabelos-dreamlong .dicas-section .right-column .dicas-details{left:-200px}.loreal-women-cabelos-dreamlong .dicas-section figure{display:inline-block;width:25%;margin-top:-40px}.loreal-women-cabelos-dreamlong .dicas-section figure img:hover,.loreal-women-cabelos-dreamlong .dicas-section figure:hover{opacity:1}.loreal-women-cabelos-dreamlong .dicas-section figure img:hover img:hover,.loreal-women-cabelos-dreamlong .dicas-section figure:hover img:hover{opacity:1}.loreal-women-cabelos-dreamlong .dicas-section .dicas-details{display:none;background:#f81983;width:450px;padding:20px 40px 40px;text-align:left;position:absolute;bottom:46px}.loreal-women-cabelos-dreamlong .dicas-section .dicas-details .heading5{color:#fff;font-family:GothamMedium;font-size:20px;text-transform:uppercase;margin-bottom:20px}.loreal-women-cabelos-dreamlong .dicas-section .dicas-details p{color:#fff;font-family:GothamMedium;font-size:20px}.loreal-women-cabelos-dreamlong .ingredients-section{background:#ffd3ca;padding-top:90px}.loreal-women-cabelos-dreamlong .ingredients-section .heading2{color:#f81983;text-align:center;font-size:42px;font-family:GothamBold;letter-spacing:-3px;text-transform:uppercase;margin-bottom:20px}.loreal-women-cabelos-dreamlong .ingredients-section .ingredients-img .queratina-ing{display:inline-block;width:50%;vertical-align:top;text-align:right;padding-right:27px;height:450px;background:#0e0e0e url(../img/page/dreamlong/queratina-back.jpg) no-repeat center right}.loreal-women-cabelos-dreamlong .ingredients-section .ingredients-img .oleo-ing{display:inline-block;width:50%;background-color:#000;vertical-align:top;text-align:left;padding-left:27px;height:450px;background:#0e0e0e url(../img/page/dreamlong/oleo-back.jpg) no-repeat center left;position:relative}.loreal-women-cabelos-dreamlong .ingredients-section .ingredients-img .oleo-ing a{position:absolute;bottom:40px;left:360px;background:#f81983;color:#fff;font-size:20px;width:150px;display:block;text-align:center;padding:6px;font-family:Gothambook}.loreal-women-cabelos-dreamlong .ingredients-section .ingredients-img p{color:#fff;background:#f58a70;padding:6px 16px;text-transform:uppercase;font-family:GothamBold;letter-spacing:-3px;font-size:42px;display:inline-block;margin-top:200px}.loreal-women-cabelos-dreamlong .antesdepois-section{background:url(../img/page/dreamlong/background-antesdepois.jpg) repeat-x;height:720px;padding-top:30px}.loreal-women-cabelos-dreamlong .antesdepois-section .antesdepois-text{display:inline-block;width:32%;vertical-align:top}.loreal-women-cabelos-dreamlong .antesdepois-section .antesdepois-text .heading2{text-transform:uppercase;color:#fff;font-size:56px;font-family:GothamBold;letter-spacing:-3px;margin-bottom:20px;margin-top:30px}.loreal-women-cabelos-dreamlong .antesdepois-section .antesdepois-text .heading3{color:#f81983;font-size:46px;font-family:GothamBold;letter-spacing:-3px;text-transform:uppercase;margin-bottom:130px}.loreal-women-cabelos-dreamlong .antesdepois-section .antesdepois-text p{font-size:22px;font-family:Gothambook;text-transform:uppercase;color:#fff;line-height:30px}.loreal-women-cabelos-dreamlong .antesdepois-section .antesdepois-text p span{color:#f81983;font-family:GothamBold}.loreal-women-cabelos-dreamlong .antesdepois-section .antesdepois-text p b{font-family:GothamMedium}.loreal-women-cabelos-dreamlong .antesdepois-section img{display:inline-block;width:76%;margin-left:-8%}.loreal-women-cabelos-dreamlong .produtos-section{padding:80px 0 120px;background:#ffd3ca;clear:both}.loreal-women-cabelos-dreamlong .produtos-section .heading2{color:#000;text-transform:uppercase;font-size:36px;font-family:GothamBold;letter-spacing:-3px;text-align:center;margin-bottom:30px}.loreal-women-cabelos-dreamlong .produtos-section ul{padding:0}.loreal-women-cabelos-dreamlong .produtos-section ul li{background:#fff;width:18%;margin-right:2%;margin-bottom:20px;padding:30px 15px;text-align:center;display:inline-block;vertical-align:top}.loreal-women-cabelos-dreamlong .produtos-section ul li:last-child{margin-right:0}.loreal-women-cabelos-dreamlong .produtos-section ul li .heading3{font-size:18px;text-transform:uppercase;font-family:GothamBold}.loreal-women-cabelos-dreamlong .produtos-section ul li .heading4{font-size:18px;font-family:Gothambook;margin-top:6px;min-height:35px}.loreal-women-cabelos-dreamlong .produtos-section ul li .heading5{font-size:18px;text-transform:uppercase;font-family:Gothambook;margin-top:6px}.loreal-women-cabelos-dreamlong .produtos-section ul li .btn{background:#000;color:#fff;text-align:center;padding:8px;display:block;margin:10px auto;border-radius:0}.loreal-women-cabelos-dreamlong .produtos-section ul li .btn:before{display:inline-block;width:14px;height:16px;background:url(../img/page/dreamlong/buy-icon.jpg) no-repeat center;content:'';vertical-align:-3px;margin-right:7px}.loreal-women-cabelos-dreamlong .produtos-section ul li .read-more{text-align:center;display:inline-block;text-align:center;text-decoration:underline;font-size:14px;margin-top:10px;font-weight:700}.loreal-women-cabelos-dreamlong .produtos-section ul li img{width:100%}.loreal-women-cabelos-dreamlong .produtos-section ul li[data-product=dreamlong_masc_hot] .read-more{margin-top:66px}.loreal-women-cabelos-dreamlong .artigos-section{padding:50px 0;background:#ff6e51;background:-moz-linear-gradient(top,#ff6e51 0,#ff9c88 99%);background:-webkit-linear-gradient(top,#ff6e51 0,#ff9c88 99%);background:linear-gradient(to bottom,#ff6e51 0,#ff9c88 99%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6e51', endColorstr='#ff9c88', GradientType=0)}.loreal-women-cabelos-dreamlong .artigos-section .heading2{color:#fff;font-size:42px;text-align:center;letter-spacing:-3px;font-family:GothamBold;text-transform:uppercase;margin-bottom:40px}.loreal-women-cabelos-dreamlong .artigos-section .heading2 span{color:#f81983}.loreal-women-cabelos-dreamlong .artigos-section .btn{background:#f81983;color:#fff;font-size:25px;font-family:Gothambook;margin:0 auto;display:block;width:210px;border-radius:0;margin-top:60px}.loreal-women-cabelos-dreamlong .artigos-section .list-container{position:relative;height:450px}.loreal-women-cabelos-dreamlong .artigos-section .list-container ul{padding:0;position:absolute;left:0;right:0;z-index:1}.loreal-women-cabelos-dreamlong .artigos-section .list-container ul li{background:#fff;padding:10px;padding-bottom:30px;display:inline-block;width:22%;margin-right:3%;text-align:center;height:450px}.loreal-women-cabelos-dreamlong .artigos-section .list-container ul li:last-child{margin-right:0}.loreal-women-cabelos-dreamlong .artigos-section .list-container ul li img{display:block;width:100%;margin-bottom:15px}.loreal-women-cabelos-dreamlong .artigos-section .list-container ul li .heading3{font-size:18px;font-family:GothamBold;color:#f81983;text-transform:uppercase;margin-bottom:0;min-height:90px}.loreal-women-cabelos-dreamlong .artigos-section .list-container ul li .more{color:#000;text-decoration:underline;margin-top:20px;display:block;font-size:18px}.loreal-women-cabelos-dreamlong .instagram-section{background:#ffd3ca;padding:50px 0}.loreal-women-cabelos-dreamlong .instagram-section .header-instagram{text-align:center;margin-bottom:20px}.loreal-women-cabelos-dreamlong .instagram-section .header-instagram .heading4:before{content:'';width:70px;height:2px;background:#f81983;display:inline-block;vertical-align:4px;margin-right:10px}.loreal-women-cabelos-dreamlong .instagram-section .header-instagram .heading4:after{content:'';width:70px;height:2px;background:#f81983;display:inline-block;vertical-align:4px;margin-left:10px}.loreal-women-cabelos-dreamlong .instagram-section .header-instagram .heading2{background:#f81983;display:inline-block;margin-top:12px;color:#fff;font-family:GothamBold;padding:6px 12px;margin-bottom:4px;font-size:54px}.loreal-women-cabelos-dreamlong .instagram-section .header-instagram .heading3{background:#f81983;display:inline-block;font-family:Gothambook;font-size:38px;padding:6px 12px;color:#fff}.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta{text-align:center;max-width:1200px;margin:40px auto 0}.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta>li{position:relative;display:inline-block;overflow:hidden;text-align:left;float:left;cursor:pointer;height:300px}.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta>li figure img{width:300px}.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta>li:hover div{bottom:0}.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta>li:after{position:absolute;content:'';width:30px;height:30px;right:15px;bottom:15px;background:url(../img/page/botanicals/instagram-wm.png) no-repeat center}.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta>li div{transition:bottom .2s;position:absolute;bottom:-100%;left:0;right:0;background:rgba(0,0,0,.7);padding:10px;text-align:center}.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta>li div .heading5{font-family:Origo;color:#fff;font-size:36px;text-transform:lowercase;text-transform:capitalize;margin-bottom:6px}.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta>li div p{color:#fff;font-size:14px;font-family:GothamMedium;text-transform:uppercase;text-align:left}.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta .dreamlong-modal{text-align:left}.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta .dreamlong-modal .text-li{background:0 0;font-size:14px;border-radius:0}.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta .dreamlong-modal .text-li p{margin-top:4px;margin-right:5px}.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta .dreamlong-modal .social-list{display:inline-block;display:block}.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta .dreamlong-modal .social-list:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta .dreamlong-modal .social-list * html{height:1%}.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta .dreamlong-modal .heading3{font-family:Raleway;font-size:19px;font-weight:700;text-align:left}.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta .dreamlong-modal .insta-logo{display:block;margin-bottom:12px;border-bottom:1px solid #cacac9;padding-bottom:12px}.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta .dreamlong-modal li:after{display:none}.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta .dreamlong-modal .modal-product-container{margin-top:12px}.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta .dreamlong-modal .modal-product-container .product{width:48%}.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta .dreamlong-modal .modal-product-container .product li{float:none;display:block}.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta .dreamlong-modal .modal-product-container .product .heading4{display:block}.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta .dreamlong-modal .modal-product-container .product .heading4:after,.loreal-women-cabelos-dreamlong .instagram-section .social-list-insta .dreamlong-modal .modal-product-container .product .heading4:before{display:none}.modal-backdrop{display:none}.dreamlong-modal .modal-content{border-radius:0;border:0;padding:15px;position:relative}.dreamlong-modal .modal-dialog{width:940px}.dreamlong-modal .close-btn{position:absolute;height:30px;width:30px;background:#000 url(../img/page/colorista/close-btn.png) no-repeat center;right:10px;top:10px}.dreamlong-modal .dreamlong-modal-info{width:50%;display:inline-block;padding:30px;padding-right:60px;padding-top:10px;padding-bottom:0;vertical-align:top}.dreamlong-modal .dreamlong-modal-info .heading3{color:#000;font-size:24px;font-weight:600;margin-bottom:12px}.dreamlong-modal .dreamlong-modal-info .subtitle{font-size:18px;line-height:22px;margin-bottom:30px;text-align:left}.dreamlong-modal .dreamlong-modal-info .note{font-size:14px}.dreamlong-modal .dreamlong-modal-info .social-list li{display:inline-block;background:#000;border-radius:100%;margin:0 2px}.dreamlong-modal .dreamlong-modal-info .modal-product-container{padding-top:10px;border-top:1px solid #e2e2e2;margin-top:20px}.dreamlong-modal .dreamlong-modal-info .modal-product-container figure{max-width:80px;margin:0 auto}.dreamlong-modal .dreamlong-modal-info .modal-product-container figure img{max-width:100%}.dreamlong-modal .dreamlong-modal-info .modal-product-container .heading4{color:#000;font-size:18px;display:block;text-align:center;margin-bottom:4px}.dreamlong-modal .dreamlong-modal-info .modal-product-container p{font-size:16px;display:block;text-align:center;text-transform:capitalize}.dreamlong-modal .dreamlong-modal-info .modal-product-container .button{display:block;font-size:30px;color:#fff;width:100px;font-family:Origo;position:relative;margin-bottom:20px;margin:0 auto 20px;line-height:42px;height:32px}.dreamlong-modal .dreamlong-modal-info .modal-product-container .button:before{position:absolute;content:'';display:block;width:100%;height:100%;top:-1px;z-index:0;transform:skewY(-3deg);left:0;background-color:#ec008c}.dreamlong-modal .dreamlong-modal-info .modal-product-container .button span{position:absolute;font-size:22px;color:#fff;left:0;right:0;top:6px;text-align:center}.dreamlong-modal .dreamlong-modal-info .modal-product-container .product{display:inline-block;text-align:center;width:auto}.dreamlong-modal .thumb-modal{width:50%;display:inline-block;vertical-align:top}.dreamlong-modal .thumb-modal img{max-width:100%;width:100%}