/**
 * Swiper 4.2.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 1, 2018
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}@font-face {
  font-family: "MetropolisBold";
  src: url("https://a.dream.co.id/assets/fonts/metropolis-bold-webfont.eot");
  src: url("https://a.dream.co.id/assets/fonts/metropolis-bold-webfont.eot?#iefix") format("embedded-opentype"), url("https://a.dream.co.id/assets/fonts/metropolis-bold-webfont.woff") format("woff"), url("https://a.dream.co.id/assets/fonts/metropolis-bold-webfont.ttf") format("truetype"), url("https://a.dream.co.id/assets/fonts/metropolis-bold-webfont.svg#metropolisbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MetropolisBold_italic";
  src: url("https://a.dream.co.id/assets/fonts/metropolis-bolditalic-webfont.eot");
  src: url("https://a.dream.co.id/assets/fonts/metropolis-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("https://a.dream.co.id/assets/fonts/metropolis-bolditalic-webfont.woff") format("woff"), url("https://a.dream.co.id/assets/fonts/metropolis-bolditalic-webfont.ttf") format("truetype"), url("https://a.dream.co.id/assets/fonts/metropolis-bolditalic-webfont.svg#metropolisbold_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MetropolisRegular";
  src: url("https://a.dream.co.id/assets/fonts/metropolis-regular-webfont.eot");
  src: url("https://a.dream.co.id/assets/fonts/metropolis-regular-webfont.eot?#iefix") format("embedded-opentype"), url("https://a.dream.co.id/assets/fonts/metropolis-regular-webfont.woff") format("woff"), url("https://a.dream.co.id/assets/fonts/metropolis-regular-webfont.ttf") format("truetype"), url("https://a.dream.co.id/assets/fonts/metropolis-regular-webfont.svg#metropolisregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MetropolisRegular_italic";
  src: url("https://a.dream.co.id/assets/fonts/metropolis-regularitalic-webfont.eot");
  src: url("https://a.dream.co.id/assets/fonts/metropolis-regularitalic-webfont.eot?#iefix") format("embedded-opentype"), url("https://a.dream.co.id/assets/fonts/metropolis-regularitalic-webfont.woff") format("woff"), url("https://a.dream.co.id/assets/fonts/metropolis-regularitalic-webfont.ttf") format("truetype"), url("https://a.dream.co.id/assets/fonts/metropolis-regularitalic-webfont.svg#metropolisregular_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MetropolisSemibold";
  src: url("https://a.dream.co.id/assets/fonts/metropolis-semibold-webfont.eot");
  src: url("https://a.dream.co.id/assets/fonts/metropolis-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("https://a.dream.co.id/assets/fonts/metropolis-semibold-webfont.woff") format("woff"), url("https://a.dream.co.id/assets/fonts/metropolis-semibold-webfont.ttf") format("truetype"), url("https://a.dream.co.id/assets/fonts/metropolis-semibold-webfont.svg#metropolissemi_bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MetropolisSemibold_italic";
  src: url("https://a.dream.co.id/assets/fonts/metropolis-semibolditalic-webfont.eot");
  src: url("https://a.dream.co.id/assets/fonts/metropolis-semibolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("https://a.dream.co.id/assets/fonts/metropolis-semibolditalic-webfont.woff") format("woff"), url("https://a.dream.co.id/assets/fonts/metropolis-semibolditalic-webfont.ttf") format("truetype"), url("https://a.dream.co.id/assets/fonts/metropolis-semibolditalic-webfont.svg#metropolissemi_bold_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaNeue";
  src: url("https://a.dream.co.id/assets/fonts/HelveticaNeue.eot");
  src: url("https://a.dream.co.id/assets/fonts/HelveticaNeue.eot?#iefix") format("embedded-opentype"), url("https://a.dream.co.id/assets/fonts/HelveticaNeue.woff2") format("woff2"), url("https://a.dream.co.id/assets/fonts/HelveticaNeue.woff") format("woff"), url("https://a.dream.co.id/assets/fonts/HelveticaNeue.ttf") format("truetype"), url("https://a.dream.co.id/assets/fonts/HelveticaNeue.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.col-recommended__list li::before, .detail-box__photo-right .photo-item-last .icon-photo, .col-index__trending-article .item::before {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.item__left, .item__right, .col-recommended__list li p, .col-recommended__list li figure, .footer-left, .detail-header__bottom-left, .detail-header__bottom-right, .detail-box__paging-col-center-main figure {
  display: table-cell;
  vertical-align: top;
}

.input-group .form-control, .input-group .form-btn, .header-top__left, .header-top__right, .header-navbar__list > li > a, .tag-tittle, .tag-list, .tag-list li a, .merchandise__inner-left, .merchandise__inner-right, .detail-box__tag-list li a, .detail-box__paging-col-left, .detail-box__paging-col-center, .detail-box__paging-col-center-main .description, .detail-box__paging-col-right, .detail-box__photo-right .photo-max__inner, .detail-box__photo-right .photo-max__inner .btn-photo, .detail-paging__list li a, .detail-photo-paging a, .col-index__nav li a, .col-index__trending-date li a, .col-index__tab li a, .paging-list li a {
  display: table-cell;
  vertical-align: middle;
}

.headline > *, .col-video > *, .footer-right {
  display: table-cell;
  vertical-align: bottom;
}

.breadcrumb a {
  display: inline-block;
  vertical-align: top;
}

.list-inline li, .header-navbar__list > li > a.btn-more::after, .headline__left .btn-view::after, .col-video__left .btn-watch::after, .detail-box__comment .btn-comment::after, .detail-box__article .btn-more::after, .detail-photo-paging-center, .detail-photo-list > div {
  display: inline-block;
  vertical-align: middle;
}

h1, h2, h3, h4, h5, h6, p {
  font-family: "MetropolisSemibold";
  margin: 0;
  line-height: 1.5em;
  font-weight: normal;
}

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.clearfix::after, .list-inline::after, .list-unstyled::after, .header-navbar__list::after, .header-navbar__list > li .submenu-list::after, .tag-list::after, .col-recommended__list::after, .col-trending__list::after, .footer__sosmed::after, .footer__list::after, .detail-box__crosslink-list::after, .detail-box__tag-list::after, .detail-paging__list::after, .col-tailored__list::after, .col-index__nav::after, .col-index__trending-date::after, .col-index__tab::after, .container::after, .col-article::after, .article-vertical-kategori::after, .article-horizontal-kategori::after, .jadwal-sholat__inner-top::after, .col-video::after, .community__article::after, .detail-box__terkait-list::after, .detail-box__terkait-video-list::after, .detail-box__photo::after, .detail-photo-paging::after, .col-index__list::after, .clearfix::before, .list-inline::before, .list-unstyled::before, .header-navbar__list::before, .header-navbar__list > li .submenu-list::before, .tag-list::before, .col-recommended__list::before, .col-trending__list::before, .footer__sosmed::before, .footer__list::before, .detail-box__crosslink-list::before, .detail-box__tag-list::before, .detail-paging__list::before, .col-tailored__list::before, .col-index__nav::before, .col-index__trending-date::before, .col-index__tab::before, .container::before, .col-article::before, .article-vertical-kategori::before, .article-horizontal-kategori::before, .jadwal-sholat__inner-top::before, .col-video::before, .community__article::before, .detail-box__terkait-list::before, .detail-box__terkait-video-list::before, .detail-box__photo::before, .detail-photo-paging::before, .col-index__list::before {
  display: table;
  content: "";
}

.clearfix::after, .list-inline::after, .list-unstyled::after, .header-navbar__list::after, .header-navbar__list > li .submenu-list::after, .tag-list::after, .col-recommended__list::after, .col-trending__list::after, .footer__sosmed::after, .footer__list::after, .detail-box__crosslink-list::after, .detail-box__tag-list::after, .detail-paging__list::after, .col-tailored__list::after, .col-index__nav::after, .col-index__trending-date::after, .col-index__tab::after, .container::after, .col-article::after, .article-vertical-kategori::after, .article-horizontal-kategori::after, .jadwal-sholat__inner-top::after, .col-video::after, .community__article::after, .detail-box__terkait-list::after, .detail-box__terkait-video-list::after, .detail-box__photo::after, .detail-photo-paging::after, .col-index__list::after {
  clear: both;
}

.list-inline, .list-unstyled, .header-navbar__list, .header-navbar__list > li .submenu-list, .tag-list, .col-recommended__list, .col-trending__list, .footer__sosmed, .footer__list, .detail-box__crosslink-list, .detail-box__tag-list, .detail-paging__list, .col-tailored__list, .col-index__nav, .col-index__trending-date, .col-index__tab {
  margin: 0;
  padding: 0;
  list-style: none;
}

.row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.pull-left, .header-navbar__list > li, .header-navbar__list > li .submenu-list li, .tag-list li, .col-50:first-child, .col-70, .article-vertical-kategori .item, .article-horizontal-kategori .item, .jadwal-sholat__inner-top h5, .merchandise__inner-right a, .community__article .item, .footer__sosmed li, .detail-box__tag h6, .detail-box__tag-list li, .detail-box__terkait-list .item, .detail-box__terkait-video-list .item, .detail-box__photo-left, .detail-box__photo-right .photo-item, .detail-box__photo-right .photo-max, .detail-paging__list li, .detail-photo-paging-left, .col-tailored__list li, .col-index__nav li, .col-index__trending-date li, .col-index__list .item, .col-index__tab li, .paging-list li {
  float: left;
}

.pull-right, .form-search, .header-navbar.fixed .header-navbar__list > li.search, .col-50, .col-30, .article-horizontal-kategori .item:nth-child(even), .jadwal-sholat__inner-top .select-group, .detail-box__photo-right, .detail-paging__list li.detail-paging-arrow, .detail-photo-paging-right, .col-index__list .item:nth-child(even) {
  float: right;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-center, .header-navbar__list > li > a, .swiper-kategori .swiper-wrapper .swiper-slide, .article-vertical-kategori .item__block-description, .jadwal-sholat__inner-main table, .col-right h4, .merchandise__inner-left, .footer__copyright, .detail-body__break, .detail-body__next, .detail-box__tag h6, .detail-box__comment .btn-comment, .detail-box__article .btn-more, .detail-paging__list li a, .detail-photo-body, .detail-photo-paging, .detail-photo-list, .col-tailored h6, .col-index .tittle-index, .col-index__nav li a, .col-index__trending-date li a, .col-index__tab li a, .paging-list li a {
  text-align: center;
}

a {
  text-decoration: none;
  outline: none;
  color: #000;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

a:hover {
  color: #af255c;
}

img {
  vertical-align: middle;
  border: 0;
}

input {
  -webkit-appearance: none;
  box-shadow: none !important;
}

table {
  border: none;
  border-collapse: collapse;
}

.input-group {
  position: relative;
  display: table;
  width: 100%;
}

.input-group .form-control {
  width: 100%;
  border: 0;
  font: 14px/1.5em "MetropolisRegular";
  outline: none !important;
}

.input-group .form-btn {
  width: 1%;
}

.input-group .form-btn button {
  border: 0;
  font: 14px/1.5em "MetropolisRegular";
  cursor: pointer;
}

.icons {
  vertical-align: middle;
}

body {
  margin: 0;
  padding: 0;
  font: 14px/1.5em "MetropolisRegular";
  color: #000;
  webkit-text-size-adjust: 100%;
}

.container {
  width: 1024px;
  margin: 0 auto;
  background-color: #fff;
}

.form-search .input-group .form-control, .form-search .input-group .form-btn button {
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border: 1px solid #ececec;
  height: 40px;
  padding: 6px 24px;
  padding-top: 8px;
}

.form-search {
  width: 350px;
}

.form-search .input-group .form-control {
  color: #ccc;
}

.form-search .input-group .form-btn button {
  font-family: "MetropolisSemibold";
  color: #d85388;
  border-color: #d85388;
  margin-left: 18px;
  background-color: transparent;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  width: 150px;
  font-size: 15px;
}

.form-search .input-group .form-btn button img {
  margin-top: -3px;
  margin-right: 5px;
}

.header-navbar__list > li > a.women, .header-navbar__list > li > a.men {
  -webkit-border-radius: 40px;
  border-radius: 40px;
  color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}

.header {
  background-color: #fff;
  position: relative;
}

.header-top {
  padding: 0 10px;
  padding-top: 30px;
}

.header-top__left .logo {
  display: block;
}

.header-top__right {
  width: 100%;
  padding-left: 15px;
}

.header-navbar::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  background-repeat: repeat-x;
  background-position: bottom;
  height: 14px;
  pointer-events: none;
  z-index: 12;
}

.header-navbar__list {
  width: 1024px;
  margin: 0 auto;
  position: relative;
  padding: 20px 10px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.header-navbar__list .visible {
  display: none;
}

.header-navbar__list > li {
  margin-left: 20px;
}

.header-navbar__list > li:first-child {
  margin-left: 0;
}

.header-navbar__list > li:first-child + li {
  margin-left: 0;
}

.header-navbar__list > li:first-child + li + li {
  margin-left: 10px;
}

.header-navbar__list > li.active > a {
  color: #af255c;
}

.header-navbar__list > li:hover > a {
  color: #af255c;
}

.header-navbar__list > li > a {
  font-family: "MetropolisSemibold";
  height: 40px;
  position: relative;
}

.header-navbar__list > li > a.women {
  width: 92px;
  background-color: #d85388;
}

.header-navbar__list > li > a.women:hover {
  color: #fff;
  background-color: #af255c;
}

.header-navbar__list > li > a.men {
  width: 80px;
  background-color: #eba944;
}

.header-navbar__list > li > a.men:hover {
  color: #fff;
  background-color: #db9428;
}

.header-navbar__list > li > a.btn-more::after {
  content: "";
  background-image: url("https://a.dream.co.id/assets/img/redesign/arrow-more.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 12px;
  height: 7px;
  margin-top: -5px;
  margin-left: 20px;
}

.header-navbar__list > li > a.btn-subsearch .icon-subsearch {
  display: block;
}

.header-navbar__list > li > a.btn-subsearch .icon-subsearch-close {
  display: none;
}

.header-navbar__list > li > a.btn-subsearch.collapsed .icon-subsearch {
  display: none;
}

.header-navbar__list > li > a.btn-subsearch.collapsed .icon-subsearch-close {
  display: block;
}

.header-navbar__list > li .submenu {
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 11;
  -webkit-transition: margin-top 0.2s ease;
  transition: margin-top 0.2s ease;
}

.header-navbar__list > li .submenu-close {
  position: absolute;
  right: 10px;
  top: 10px;
}

.header-navbar__list > li .submenu-list li {
  width: 25%;
  padding: 10px;
}

.header-navbar__list > li .submenu-list li a {
  font-family: "MetropolisSemibold";
}

.header-navbar__list > li .subsearch {
  position: absolute;
  top: 60px;
  right: 0;
  padding: 20px 15px;
  background-color: #fff;
  box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);
  width: 380px;
  display: none;
  z-index: 11;
}

.header-navbar__list > li .subsearch .form-subsearch .input-group {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ececec;
}

.header-navbar__list > li .subsearch .form-subsearch .input-group .form-control {
  padding: 8px 16px;
  height: 40px;
  background-color: transparent;
  color: #ccc;
}

.header-navbar__list > li .subsearch .form-subsearch .input-group .form-btn button {
  width: 40px;
  height: 40px;
  background-color: transparent;
}

.header-navbar.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 11;
}

.header-navbar.fixed .header-navbar__list {
  width: 1024px;
  margin: 0 auto;
  padding: 10px;
}

.header-navbar.fixed .header-navbar__list .visible {
  display: block;
}

.header-navbar.fixed .header-navbar__list .hide {
  display: none;
}

.header-navbar.fixed .header-navbar__list > li:first-child + li {
  margin-left: 20px;
}

.header-navbar.fixed .header-navbar__list > li a {
  box-shadow: none;
  background-color: transparent;
  width: auto;
}

.header-navbar.fixed .header-navbar__list > li a.women {
  color: #d85388;
  transition: background-color 0s ease;
}

.header-navbar.fixed .header-navbar__list > li a.women:hover {
  color: #af255c;
}

.header-navbar.fixed .header-navbar__list > li a.men {
  color: #eba944;
  transition: background-color 0s ease;
}

.header-navbar.fixed .header-navbar__list > li a.men:hover {
  color: #db9428;
}

.header-navbar.fixed .header-navbar__list > li.logo img {
  margin-top: -4px;
}

.header-navbar.fixed .header-navbar__list > li.search img {
  margin-top: -3px;
}

.header-navbar.fixed .header-navbar__list > li .submenu {
  margin-left: 0;
  margin-right: 0;
  top: 60px;
}

.wrapper .container {
  padding-bottom: 60px;
}

.link-kategori, .detail-box h6.tittle-box, .detail-box .detail-box__paging .btn-paging, .detail-box__paging .detail-box .btn-paging {
  font-size: 12px;
  font-family: "MetropolisSemibold";
  color: #d85388;
  letter-spacing: 2px;
  margin-bottom: 20px;
  display: table;
  position: relative;
  line-height: 1em;
  z-index: 1;
  margin-left: 5px;
}

.link-kategori::after, .detail-box h6.tittle-box::after, .detail-box .detail-box__paging .btn-paging::after, .detail-box__paging .detail-box .btn-paging::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  margin: 0 -5px;
  /*background-color: rgba(255, 98, 167, 0.2);*/
  height: 3px;
  z-index: -1;
  content: "";
}

.item {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 30px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}

.item:first-child {
  margin-top: 0;
}

.item figure {
  margin: 0;
  padding: 0;
}

.item figure a {
  position: relative;
  display: block;
}

.item__left a img {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.item__right {
    padding: 15px;
    background-color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.item__right .link-kategori, .item__right .detail-box h6.tittle-box, .detail-box .item__right h6.tittle-box, .item__right .detail-box .detail-box__paging .btn-paging, .detail-box .detail-box__paging .item__right .btn-paging, .item__right .detail-box__paging .detail-box .btn-paging, .detail-box__paging .detail-box .item__right .btn-paging {
  margin-left: 0;
  margin-bottom: 15px;
}

.item__right .link-kategori::after, .item__right .detail-box h6.tittle-box::after, .detail-box .item__right h6.tittle-box::after, .item__right .detail-box .detail-box__paging .btn-paging::after, .detail-box .detail-box__paging .item__right .btn-paging::after, .item__right .detail-box__paging .detail-box .btn-paging::after, .detail-box__paging .detail-box .item__right .btn-paging::after {
  height: 0;
}

.item__right p {
  font-size: 16px;
}

.item__block-description .link-kategori, .item__block-description .detail-box h6.tittle-box, .detail-box .item__block-description h6.tittle-box, .item__block-description .detail-box .detail-box__paging .btn-paging, .detail-box .detail-box__paging .item__block-description .btn-paging, .item__block-description .detail-box__paging .detail-box .btn-paging, .detail-box__paging .detail-box .item__block-description .btn-paging {
  margin-left: 0;
  margin-bottom: 15px;
}

.item__block-description .link-kategori::after, .item__block-description .detail-box h6.tittle-box::after, .detail-box .item__block-description h6.tittle-box::after, .item__block-description .detail-box .detail-box__paging .btn-paging::after, .detail-box .detail-box__paging .item__block-description .btn-paging::after, .item__block-description .detail-box__paging .detail-box .btn-paging::after, .detail-box__paging .detail-box .item__block-description .btn-paging::after {
  height: 0;
}

.item-men .item__right .link-kategori, .col-50 .col-men .item .item__right .link-kategori, .item-men .item__right .detail-box h6.tittle-box, .detail-box .item-men .item__right h6.tittle-box, .col-50 .col-men .item .item__right .detail-box h6.tittle-box, .detail-box .col-50 .col-men .item .item__right h6.tittle-box, .item-men .item__right .detail-box .detail-box__paging .btn-paging, .detail-box .detail-box__paging .item-men .item__right .btn-paging, .col-50 .col-men .item .item__right .detail-box .detail-box__paging .btn-paging, .detail-box .detail-box__paging .col-50 .col-men .item .item__right .btn-paging, .item-men .item__right .detail-box__paging .detail-box .btn-paging, .detail-box__paging .detail-box .item-men .item__right .btn-paging, .col-50 .col-men .item .item__right .detail-box__paging .detail-box .btn-paging, .detail-box__paging .detail-box .col-50 .col-men .item .item__right .btn-paging {
  color: #eba944;
}

.item-men .item__right .link-kategori:hover, .col-50 .col-men .item .item__right .link-kategori:hover, .item-men .item__right .detail-box h6.tittle-box:hover, .detail-box .item-men .item__right h6.tittle-box:hover, .col-50 .col-men .item .item__right .detail-box h6.tittle-box:hover, .detail-box .col-50 .col-men .item .item__right h6.tittle-box:hover, .item-men .item__right .detail-box .detail-box__paging .btn-paging:hover, .detail-box .detail-box__paging .item-men .item__right .btn-paging:hover, .col-50 .col-men .item .item__right .detail-box .detail-box__paging .btn-paging:hover, .detail-box .detail-box__paging .col-50 .col-men .item .item__right .btn-paging:hover, .item-men .item__right .detail-box__paging .detail-box .btn-paging:hover, .detail-box__paging .detail-box .item-men .item__right .btn-paging:hover, .col-50 .col-men .item .item__right .detail-box__paging .detail-box .btn-paging:hover, .detail-box__paging .detail-box .col-50 .col-men .item .item__right .btn-paging:hover {
  color: #db9428;
}

.item-men .item__right p a:hover, .col-50 .col-men .item .item__right p a:hover {
  color: #db9428;
}

.headline {
  position: relative;
  padding: 40px 10px;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.headline:first-child + .widget {
  margin-top: 0;
}

.headline::after {
  content: "";
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.2;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

.headline:hover::after {
  opacity: 0.4;
}

.headline > * {
  position: relative;
  z-index: 2;
}

.headline__left {
  width: 100%;
  padding-left: 20px;
  padding-right: 60px;
}

.headline__left h1 {
  font-size: 36px;
}

.headline__left h1 a {
  display: inline;
  margin-left: 10px;
  line-height: 1.5em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 10px 0px 0px rgba(0, 0, 0, 0.8), -10px 0px 0px rgba(0, 0, 0, 0.8);
  box-shadow: 10px 0px 0px rgba(0, 0, 0, 0.8), -10px 0px 0px rgba(0, 0, 0, 0.8);
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}

.headline__left .btn-view {
  color: #fff;
  font-size: 30px;
  display: table;
  margin: 0 auto;
  margin-top: 20px;
}

.headline__left .btn-view::after {
  content: "";
  background-image: url("https://a.dream.co.id/assets/img/redesign/arrow-view.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 31px;
  height: 31px;
  margin-top: -3px;
  margin-left: 20px;
}

.headline__right {
  padding-left: 10px;
}

.headline__right .item {
  width: 370px;
}

.headline__right .item__right .link-kategori, .headline__right .item__right .detail-box h6.tittle-box, .detail-box .headline__right .item__right h6.tittle-box, .headline__right .item__right .detail-box .detail-box__paging .btn-paging, .detail-box .detail-box__paging .headline__right .item__right .btn-paging, .headline__right .item__right .detail-box__paging .detail-box .btn-paging, .detail-box__paging .detail-box .headline__right .item__right .btn-paging {
  margin-bottom: 10px;
}

.headline__right .item__right p {
    font-size: 15px;
    line-height: 1.4em;
    height: 83px;
    overflow: hidden;
}

.tag, .jadwal-sholat, .col-banner, .col-recommended, .col-trending, .detail-box__subscribe-form, .detail-box__paging-col-center, .detail-box__photo-right .photo-max__inner, .detail-paging, .detail-photo, .col-index__nav, .col-index__trending-date, .paging-list {
  background-image: url("https://a.dream.co.id/assets/img/redesign/asset-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-position: top left;
  background-repeat: repeat;
}

.tag {
  padding: 15px 30px;
}

.tag-tittle {
  padding-right: 30px;
  font-size: 28px;
}

.tag-list {
  width: 100%;
  padding: 0px 15px;
  height: 50px;
  overflow: hidden;
  background-color: #fff;
}

.tag-list li {
  margin-left: 15px;
}

.tag-list li:first-child {
  margin-left: 0;
}

.tag-list li a {
  color: #d85388;
  font-family: "MetropolisSemibold";
  height: 50px;
  font-size: 15px;
}

.tag-list li a:hover {
  color: #af255c;
}

.swiper-kategori .swiper-button-prev, .swiper-kategori .swiper-button-next {
  background-image: url("https://a.dream.co.id/assets/img/redesign/arrow-slide.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 23px;
  height: 23px;
  opacity: 1;
  background-size: auto;
  margin-top: -12px;
}

.swiper-kategori {
  position: relative;
  margin-top: 20px;
  padding: 0 60px;
}

.swiper-kategori .swiper-wrapper .swiper-slide {
  width: auto;
  margin-right: 30px;
}

.swiper-kategori .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0;
}

.swiper-kategori .swiper-wrapper .swiper-slide a {
  font-size: 15px;
  font-family: "MetropolisSemibold";
  color: #d85388;
}

.swiper-kategori .swiper-wrapper .swiper-slide a:hover {
  color: #af255c;
}

.swiper-kategori .swiper-button-prev {
  background-position: 0px -34px;
}

.swiper-kategori .swiper-button-next {
  background-position: -35px -34px;
}

.swiper-kategori .swiper-button-disabled.swiper-button-prev {
  background-position: 0px 0px;
}

.swiper-kategori .swiper-button-disabled.swiper-button-next {
  background-position: -35px 0px;
}

.col-tittle {
  font-size: 36px;
  position: relative;
  z-index: 2;
  padding-left: 20px;
  line-height: 1em;
  display: table;
  margin-bottom: 30px;
  height: 80px;
  padding-top: 23px;
}

.col-tittle::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("https://a.dream.co.id/assets/img/redesign/asset-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 90px;
  height: 80px;
  background-position: top left;
  z-index: -2;
}

.col-tittle::before {
  content: "";
  /*background-color: rgba(255, 98, 167, 0.2);*/
  position: absolute;
  left: 10px;
  bottom: 22px;
  height: 10px;
  width: 100%;
  z-index: -1;
}

.col-article {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0 10px;
}

.col-article > .headline {
  margin-left: -10px;
  margin-right: -10px;
}

.col-50 {
  width: 486px;
}

.col-50 .col-tittle {
  color: #d85388;
  margin-left: auto;
  margin-right: auto;
  height: 66px;
  padding-top: 15px;
}

.col-50 .col-tittle::after {
  width: 78px;
  height: 66px;
}

.col-50 .col-tittle::before {
  bottom: 5px;
  width: 120px;
}

.col-50 .col-men .col-tittle {
  color: #eba944;
  padding-left: 30px;
}

.col-50 .col-men .col-tittle::after {
  display: none;
}

.col-50 .col-men .col-tittle::before {
  background-color: transparent;
  /*background-image: url("https://a.dream.co.id/assets/img/redesign/men.png");*/
  background-position: center;
  background-repeat: no-repeat;
  width: 162px;
  height: 51px;
  bottom: 50%;
  left: 0;
  margin-bottom: -25px;
}

.col-50 .col-men .swiper-kategori .swiper-container .swiper-wrapper .swiper-slide a {
  color: #eba944;
}

.col-50 .col-men .swiper-kategori .swiper-container .swiper-wrapper .swiper-slide a:hover {
  color: #db9428;
}

.col-50 .col-men .swiper-kategori .swiper-button-prev {
  background-position: -81px -34px;
}

.col-50 .col-men .swiper-kategori .swiper-button-next {
  background-position: -113px -34px;
}

.col-50 .col-men .swiper-kategori .swiper-button-disabled.swiper-button-prev {
  background-position: -81px 0px;
}

.col-50 .col-men .swiper-kategori .swiper-button-disabled.swiper-button-next {
  background-position: -113px 0px;
}

.col-70 {
  width: 640px;
}

.col-30 {
  width: 330px;
}

.widget {
  margin-top: 30px;
  margin-bottom: 30px;
}

.article-vertical-kategori .item {
  width: 227px;
  margin-top: 0;
  margin-left: 32px;
  box-shadow: none;
}

.article-vertical-kategori .item:first-child {
  margin-left: 0;
}

.article-vertical-kategori .item__block a img {
  width: 100%;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.article-vertical-kategori .item__block-description {
  padding: 15px;
}

.article-vertical-kategori .item__block-description .link-kategori, .article-vertical-kategori .item__block-description .detail-box h6.tittle-box, .detail-box .article-vertical-kategori .item__block-description h6.tittle-box, .article-vertical-kategori .item__block-description .detail-box .detail-box__paging .btn-paging, .detail-box .detail-box__paging .article-vertical-kategori .item__block-description .btn-paging, .article-vertical-kategori .item__block-description .detail-box__paging .detail-box .btn-paging, .detail-box__paging .detail-box .article-vertical-kategori .item__block-description .btn-paging {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
}

.article-vertical-kategori .item__block-description .link-kategori::after, .article-vertical-kategori .item__block-description .detail-box h6.tittle-box::after, .detail-box .article-vertical-kategori .item__block-description h6.tittle-box::after, .article-vertical-kategori .item__block-description .detail-box .detail-box__paging .btn-paging::after, .detail-box .detail-box__paging .article-vertical-kategori .item__block-description .btn-paging::after, .article-vertical-kategori .item__block-description .detail-box__paging .detail-box .btn-paging::after, .detail-box__paging .detail-box .article-vertical-kategori .item__block-description .btn-paging::after {
  height: 8px;
  bottom: 0;
}

.article-vertical-kategori .item__block-description p {
  font-size: 18px;
}

.date {
  margin-top: 15px;
  display: table;
  line-height: 1em;
  font-size: 12px;
  color: #ababab;
}

.article-horizontal-kategori {
  margin-top: -30px;
}

.article-horizontal-kategori .item {
  width: 308px;
  margin-top: 30px;
}

.article-horizontal-kategori .item__block a img {
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.article-horizontal-kategori .item__block-description {
  padding: 26px 20px;
}

.article-horizontal-kategori .item__block-description p {
  font-size: 18px;
  height: 54px;
  overflow: hidden;
}

.jadwal-sholat {
  padding: 15px 30px;
}

.jadwal-sholat__inner {
  background-color: #fff;
  padding: 20px;
}

.jadwal-sholat__inner-top {
  margin-bottom: 20px;
}

.jadwal-sholat__inner-top h5 {
  margin-top: 8px;
  font-size: 18px;
  color: #d85388;
}

.jadwal-sholat__inner-top .select-group {
  background-color: #d85388;
  position: relative;
  width: 172px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.jadwal-sholat__inner-top .select-group::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 40px;
  background-color: #af255c;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.jadwal-sholat__inner-top .select-group::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -4px;
  background-image: url("https://a.dream.co.id/assets/img/redesign/arrow-white.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 14px;
  height: 8px;
}

.jadwal-sholat__inner-top .select-group .select-form {
  width: 100%;
  background-color: transparent;
  border: 0;
  letter-spacing: 1px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  z-index: 2;
  height: 40px;
  color: #000000;
  padding-left: 10px;
  padding-right: 40px;
  font-size: 18px;
  cursor: pointer;
  outline: none !important;
}

.jadwal-sholat__inner-main {
  margin: -10px;
}

.jadwal-sholat__inner-main table {
  width: 100%;
}

.jadwal-sholat__inner-main td {
  font-size: 18px;
  color: #9d9d9d;
  padding: 10px;
  font-family: "MetropolisSemibold";
}

.jadwal-sholat__inner-main thead td {
  color: #d85388;
}

.col-banner {
  padding: 15px;
  margin-bottom: 30px;
}

.col-banner .banner1 {
  margin-bottom: 20px;
}

.col-left {
  margin-top: 30px;
}

.col-left:first-child {
  margin-top: 0;
}

.col-right {
  margin-top: 30px;
}

.col-right:first-child {
  margin-top: 0;
}

.col-right h4 {
  padding: 45px 15px;
  font-size: 24px;
}

.col-recommended__list {
  counter-reset: my-badass-counter;
}

.col-recommended__list li {
  background-color: #fff;
  margin-top: 45px;
  padding: 15px;
}

.col-recommended__list li:first-child {
  margin-top: 0;
}

.col-recommended__list li::before {
  content: "";
  font-family: "MetropolisSemibold";
  color: #000;
  width: 30px;
  height: 30px;
  position: absolute;
  margin-top: -30px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 16px;
}

.col-recommended__list li p {
  padding-right: 24px;
  padding-top: 10px;
  font-size: 16px;
}

.col-recommended__list li figure {
  margin: 0;
  padding: 0;
}

.col-recommended__list li figure a {
  position: relative;
  display: block;
  z-index: 2;
}

.col-recommended__list li figure a::before {
  position: absolute;
  width: 80px;
  height: 80px;
  bottom: -10px;
  right: -10px;
  content: "";
  background-color: #ffdeeb;
  z-index: -1;
}

.col-men .col-tittle {
  color: #eba944;
}

.col-men .col-tittle a {
  color: #eba944;
}

.col-men .col-tittle::after {
  display: none;
}

.col-men .col-tittle::before {
  background-color: transparent;
  /*background-image: url("https://a.dream.co.id/assets/img/redesign/men.png");*/
  background-position: center;
  background-repeat: no-repeat;
  width: 162px;
  height: 51px;
  bottom: 50%;
  left: 0;
  margin-bottom: -25px;
}

.col-men .article-horizontal-kategori .item__block a img {
  width: 100%;
}

.col-men .article-horizontal-kategori .item__block-description p a:hover {
  color: #db9428;
}

.col-men .article-horizontal-kategori .item__block-description .link-kategori, .col-men .article-horizontal-kategori .item__block-description .detail-box h6.tittle-box, .detail-box .col-men .article-horizontal-kategori .item__block-description h6.tittle-box, .col-men .article-horizontal-kategori .item__block-description .detail-box .detail-box__paging .btn-paging, .detail-box .detail-box__paging .col-men .article-horizontal-kategori .item__block-description .btn-paging, .col-men .article-horizontal-kategori .item__block-description .detail-box__paging .detail-box .btn-paging, .detail-box__paging .detail-box .col-men .article-horizontal-kategori .item__block-description .btn-paging {
  color: #eba944;
}

.col-men .article-horizontal-kategori .item__block-description .link-kategori:hover, .col-men .article-horizontal-kategori .item__block-description .detail-box h6.tittle-box:hover, .detail-box .col-men .article-horizontal-kategori .item__block-description h6.tittle-box:hover, .col-men .article-horizontal-kategori .item__block-description .detail-box .detail-box__paging .btn-paging:hover, .detail-box .detail-box__paging .col-men .article-horizontal-kategori .item__block-description .btn-paging:hover, .col-men .article-horizontal-kategori .item__block-description .detail-box__paging .detail-box .btn-paging:hover, .detail-box__paging .detail-box .col-men .article-horizontal-kategori .item__block-description .btn-paging:hover {
  color: #db9428;
}

.col-men .article-horizontal-kategori .item__block-description .link-kategori::after, .col-men .article-horizontal-kategori .item__block-description .detail-box h6.tittle-box::after, .detail-box .col-men .article-horizontal-kategori .item__block-description h6.tittle-box::after, .col-men .article-horizontal-kategori .item__block-description .detail-box .detail-box__paging .btn-paging::after, .detail-box .detail-box__paging .col-men .article-horizontal-kategori .item__block-description .btn-paging::after, .col-men .article-horizontal-kategori .item__block-description .detail-box__paging .detail-box .btn-paging::after, .detail-box__paging .detail-box .col-men .article-horizontal-kategori .item__block-description .btn-paging::after {
  background-color: transparent;
  /*background-image: url("https://a.dream.co.id/assets/img/redesign/men.png");*/
  background-position: center;
  background-repeat: no-repeat;
  width: 78px;
  height: 24px;
  background-size: 78px 24px;
  bottom: -6px;
}

.col-men .col-recommended__list li::before {
  color: #fff;
}

.col-men .col-recommended__list li p a:hover {
  color: #eba944;
}

.col-men .col-recommended__list li figure a::before {
  background-color: #eba944;
}

.col-video {
  margin-bottom: 30px;
}

.col-video__left {
  width: 428px;
  height: 428px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  padding-right: 90px;
  position: relative;
  z-index: 2;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.col-video__left::after {
  content: "";
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.2;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

.col-video__left::before {
  content: "";
  position: absolute;
  bottom: 15px;
  right: 15px;
  background-image: url("https://a.dream.co.id/assets/img/redesign/video-1.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 37px;
  height: 39px;
  z-index: 2;
}

.col-video__left:hover::after {
  opacity: 0.4;
}

.col-video__left h4 {
  font-size: 24px;
  position: relative;
  z-index: 2;
}

.col-video__left h4 a {
  display: inline;
  margin-left: 10px;
  line-height: 1.5em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 10px 0px 0px rgba(0, 0, 0, 0.8), -10px 0px 0px rgba(0, 0, 0, 0.8);
  box-shadow: 10px 0px 0px rgba(0, 0, 0, 0.8), -10px 0px 0px rgba(0, 0, 0, 0.8);
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}

.col-video__left .btn-watch {
  color: #fff;
  font-size: 18px;
  display: table;
  margin: 0 auto;
  margin-top: 20px;
  position: relative;
  z-index: 2;
}

.col-video__left .btn-watch::after {
  content: "";
  background-image: url("https://a.dream.co.id/assets/img/redesign/play-1.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  margin-left: 10px;
}

.col-video__right {
  padding-left: 25px;
}

.col-video__right .item {
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  margin-top: 25px;
}

.col-video__right .item:first-child {
  margin-top: 0;
}

.col-video__right .item:hover {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.col-video__right .item__left a {
  position: relative;
}

.col-video__right .item__left a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -22px;
  margin-top: 40px;
  background-image: url("https://a.dream.co.id/assets/img/redesign/play.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 44px;
  height: 44px;
}

.col-video__right .item__right p {
  font-size: 18px;
}

.col-trending {
  padding-bottom: 30px;
}

.col-trending__list {
  display: table;
  margin: 0 auto;
}

.col-trending__list li {
  width: 288px;
  margin-top: 20px;
  background-color: #fff;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}

.col-trending__list li:first-child {
  margin-top: 0;
}

.col-trending__list li figure {
  margin: 0;
  padding: 0;
}

.col-trending__list li figure a {
  display: block;
}

.col-trending__list li p {
  padding: 15px;
  font-size: 16px;
}

.merchandise {
  padding: 15px 0;
}

.merchandise__inner {
  background-color: #dff1ee;
  padding: 30px;
}

.merchandise__inner-left {
  padding-left: 30px;
  padding-right: 60px;
  width: 330px;
}

.merchandise__inner-left h6 {
  font-family: "MetropolisBold";
  position: relative;
  font-size: 15px;
  letter-spacing: 3px;
  padding-left: 3%;
  display: table;
  margin: 0 auto;
  z-index: 2;
}

.merchandise__inner-left h6::after {
  content: "";
  background-color: #fbdcdc;
  position: absolute;
  height: 6px;
  left: 0;
  width: 106%;
  bottom: 3px;
  z-index: -1;
}

.merchandise__inner-left h2 {
  font-size: 40px;
  margin: 5px 0;
}

.merchandise__inner-left .btn-shop {
  display: block;
  font-family: "MetropolisBold";
  font-size: 12px;
  letter-spacing: 2px;
  max-width: 170px;
  margin: 0 auto;
  background-color: #fff;
  padding: 10px 15px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.merchandise__inner-right a {
  width: 142px;
  height: 142px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 12px;
}

.merchandise__inner-right a:first-child {
  margin-left: 0;
}

.community__article .item {
  width: 234px;
  margin-top: 0;
  margin-left: 20px;
}

.community__article .item:first-child {
  margin-left: 0;
}

.community__article .item__block a img {
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.community__article .item__block-description {
  padding: 26px 20px;
}

.community__article .item__block-description .link-kategori, .community__article .item__block-description .detail-box h6.tittle-box, .detail-box .community__article .item__block-description h6.tittle-box, .community__article .item__block-description .detail-box .detail-box__paging .btn-paging, .detail-box .detail-box__paging .community__article .item__block-description .btn-paging, .community__article .item__block-description .detail-box__paging .detail-box .btn-paging, .detail-box__paging .detail-box .community__article .item__block-description .btn-paging {
  margin-left: 0;
  padding-left: 0;
  margin-top: 15px;
  margin-bottom: 0;
  color: #eba944;
}

.community__article .item__block-description .link-kategori::after, .community__article .item__block-description .detail-box h6.tittle-box::after, .detail-box .community__article .item__block-description h6.tittle-box::after, .community__article .item__block-description .detail-box .detail-box__paging .btn-paging::after, .detail-box .detail-box__paging .community__article .item__block-description .btn-paging::after, .community__article .item__block-description .detail-box__paging .detail-box .btn-paging::after, .detail-box__paging .detail-box .community__article .item__block-description .btn-paging::after {
  display: none;
}

.community__article .item__block-description .link-kategori:hover, .community__article .item__block-description .detail-box h6.tittle-box:hover, .detail-box .community__article .item__block-description h6.tittle-box:hover, .community__article .item__block-description .detail-box .detail-box__paging .btn-paging:hover, .detail-box .detail-box__paging .community__article .item__block-description .btn-paging:hover, .community__article .item__block-description .detail-box__paging .detail-box .btn-paging:hover, .detail-box__paging .detail-box .community__article .item__block-description .btn-paging:hover {
  color: #db9428;
}

.community__article .item__block-description p {
  font-size: 16px;
  height: 72px;
  overflow: hidden;
}

.community__article .item__block-description p a:hover {
  color: #eba944;
}

.col-tittle-simple::before {
  display: none;
}

.footer::before, .footer::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 6px;
  top: -6px;
  background-color: #d85388;
}

.footer {
  position: relative;
  background-color: #fcfcfc;
}

.footer::before {
  left: 0;
}

.footer::after {
  right: 0;
  background-color: #eba944;
}

.footer .container {
  padding: 30px 10px;
  background-color: inherit;
}

.footer-body {
  margin-top: 30px;
  display: table;
  width: 100%;
}

.footer-right {
  width: 135px;
}

.footer__sosmed {
  display: table;
}

.footer__sosmed li {
  margin-left: 5px;
  color: #9b9b9b;
}

.footer__sosmed li:first-child {
  font-size: 15px;
  font-family: "MetropolisSemibold";
  margin-left: 0;
  display: block;
  float: none;
  margin-bottom: 10px;
}

.footer__sosmed li:first-child + li {
  margin-left: -9px;
}

.footer__sosmed li a {
  display: block;
  background-image: url("https://a.dream.co.id/assets/img/redesign/sosmed.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 30px;
  height: 21px;
  background-position: 0px 0;
}

.footer__sosmed li a.fb {
  background-position: -40px 0;
}

.footer__sosmed li a.tweet {
  background-position: -76px 0;
}

.footer__sosmed li a.ig {
  background-position: -114px 0;
}

.footer__list {
  -webkit-column-width: 3;
  -moz-column-width: 3;
  column-count: 3;
  margin-bottom: -10px;
}

.footer__list > li {
  margin-bottom: 10px;
}

.footer__list > li a {
  font-family: "MetropolisSemibold";
  color: #9b9b9b;
  text-transform: uppercase;
}

.footer__list > li a:hover {
  color: #737373;
}

.footer__copyright {
  font-size: 13px;
  color: #9b9b9b;
  margin-top: 45px;
  padding-top: 20px;
  border-top: 1px solid #ececec;
}

.breadcrumb {
  color: #898989;
  font-size: 11px;
  margin-bottom: 30px;
}

.breadcrumb a {
  color: #898989;
}

.arrow-single::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: "";
  background-image: url("https://a.dream.co.id/assets/img/redesign/arrow-paging-green.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 10px;
  height: 14px;
  margin-top: -7px;
  margin-left: -5px;
}

.arrow-single.arrow-left:hover::after {
  background-position: 0px -28px;
}

.arrow-single.arrow-right::after {
  background-position: -30px 0px;
}

.arrow-single.arrow-right:hover::after {
  background-position: -30px -28px;
}

.arrow-double::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: "";
  background-image: url("https://a.dream.co.id/assets/img/redesign/adouble-l.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  margin-left: -7px;
}

.arrow-double.arrow-left:hover::after {
  background-image: url("https://a.dream.co.id/assets/img/redesign/adouble-lhov.png");
}

.arrow-double.arrow-right::after {
  background-image: url("https://a.dream.co.id/assets/img/redesign/adouble-r.png");
}

.arrow-double.arrow-right:hover::after {
  background-image: url("https://a.dream.co.id/assets/img/redesign/adouble-rhov.png");
}

.iframe-video {
  position: relative;
  overflow: hidden;
  padding-bottom: 56%;
}

.iframe-video > iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.detail-header {
  margin-bottom: 30px;
}

.detail-header h1 {
  font-size: 35px;
}

.detail-header__bottom {
  margin-top: 30px;
}

.detail-header__bottom-left {
  width: 100%;
  color: #898989;
}

.detail-header__bottom-left a {
  color: #d85388;
}

.detail-header__bottom-right {
  padding-left: 15px;
  width: 1%;
  white-space: nowrap;
}

.detail-header__bottom-right > .kl-share16 {
  margin: 0;
}

.detail-header__sponsored {
  font-size: 13px;
  color: #939393;
  margin-top: 30px;
}

.detail-header__sponsored img {
  margin-top: -4px;
  margin-left: 10px;
}

.detail-img {
  margin: 30px 0;
}

.detail-img > img {
  width: 100%;
}

.detail-img__copyright {
  font-size: 12px;
  color: #898989;
  background-color: #f1f1f1;
  padding: 10px;
  display: block;
  line-height: 1em;
}

.detail-body h2 {
  font-size: 20px;
  margin-bottom: 15px;
  margin-top: 30px;
}

.detail-body h6 {
  font-size: 16px;
  margin-bottom: 30px;
}

.detail-body p {
  font-family: "MetropolisRegular";
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.8em;
  color: #333333;
}

.detail-body p > img {
  width: 100%;
}

.detail-body__break {
  position: relative;
  margin-top: 30px;
}

.detail-body__break::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  top: 50%;
  left: 0;
  right: 0;
  background-color: #ececec;
}

.detail-body__break > small {
  position: relative;
  z-index: 2;
  color: #afafaf;
  background-color: #fff;
  padding: 0 10px;
}

.detail-body__next {
  margin-top: 30px;
}

.detail-body__next .btn-infinite {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #d85388;
  padding: 5px;
  max-width: 180px;
  display: block;
  margin: 0 auto;
  font-size: 15px;
  color: #d85388;
}

.detail-box {
  margin-top: 40px;
}

.detail-box h6.tittle-box, .detail-box .detail-box__paging .btn-paging, .detail-box__paging .detail-box .btn-paging {
  font-size: 25px;
  color: #000;
  letter-spacing: 0;
}

.detail-box h6.tittle-box::after, .detail-box .detail-box__paging .btn-paging::after, .detail-box__paging .detail-box .btn-paging::after {
  height: 6px;
  bottom: 0px;
}

.detail-box__crosslink-list {
  padding-left: 10px;
  counter-reset: counter;
}

.detail-box__crosslink-list li {
  margin-top: 15px;
}

.detail-box__crosslink-list li:first-child {
  margin-top: 0;
}

.detail-box__crosslink-list li a {
  font-size: 16px;
  color: #d85388;
  position: relative;
  padding-left: 20px;
}

.detail-box__crosslink-list li a::before {
  content: "";
  content: counter(counter) ".";
  counter-increment: counter;
  position: absolute;
  left: 0;
  top: -1px;
}

.detail-box__crosslink-list li a:hover {
  color: #af255c;
}

.detail-box__tag h6 {
  background-image: url("https://a.dream.co.id/assets/img/redesign/labeltag.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 46px;
  height: 29px;
  font-size: 20px;
  color: #fff;
  padding-right: 10px;
  line-height: 32px;
}

.detail-box__tag-list {
  overflow: hidden;
  margin-bottom: -5px;
}

.detail-box__tag-list li {
  margin-right: 10px;
  margin-bottom: 5px;
}

.detail-box__tag-list li a {
  font-family: "MetropolisSemibold";
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffdeeb;
  height: 29px;
  padding: 0 15px;
}

.detail-box__tag-list li a:hover {
  background-color: #d85388;
  color: #000;
}

.detail-box__subscribe h6 {
  font-family: "MetropolisRegular";
  font-size: 18px;
  margin-bottom: 15px;
}

.detail-box__subscribe-form {
  padding: 15px;
}

.detail-box__subscribe-form .input-group .form-control {
  background-color: #fff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 40px;
  padding: 6px 18px;
  padding-top: 8px;
  color: #6b6b6b;
}

.detail-box__subscribe-form .input-group .form-btn button {
  font-family: "MetropolisSemibold";
  background-color: #d85388;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  height: 40px;
  color: #fff;
  padding: 6px 18px;
  padding-top: 8px;
}

.detail-box__terkait-list {
  margin-bottom: -20px;
}

.detail-box__terkait-list .item {
  width: 200px;
  margin-top: 0;
  margin-left: 20px;
  margin-bottom: 20px;
}

.detail-box__terkait-list .item:nth-child(3n+1) {
  margin-left: 0;
}

.detail-box__terkait-list .item__block a img {
  width: 100%;
  width-border-top-left-radius: 5px;
  width-border-top-right-radius: 5px;
}

.detail-box__terkait-list .item__block-description {
  padding: 10px;
}

.detail-box__terkait-list .item__block-description p {
  font-size: 15px;
  height: 68px;
  overflow: hidden;
}

.detail-box__terkait-video-list {
  margin-bottom: -20px;
}

.detail-box__terkait-video-list .item {
  width: 312px;
  margin-top: 0;
  margin-left: 16px;
  margin-bottom: 20px;
}

.detail-box__terkait-video-list .item:nth-child(2n+1) {
  margin-left: 0;
}

.detail-box__terkait-video-list .item__block a img {
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.detail-box__terkait-video-list .item__block a::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: "";
  background-image: url("https://a.dream.co.id/assets/img/redesign/video.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 85px;
  height: 85px;
  margin-left: -43px;
  margin-top: -43px;
}

.detail-box__terkait-video-list .item__block-description {
  padding: 20px;
}

.detail-box__terkait-video-list .item__block-description p {
  font-size: 16px;
  height: 48px;
  overflow: hidden;
}

.detail-box__comment-wrapper {
  display: none;
}

.detail-box__comment .btn-comment {
  font-family: "MetropolisSemibold";
  border: 1px solid #d85388;
  font-size: 16px;
  max-width: 230px;
  margin: 0 auto;
  display: block;
  padding: 10px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.detail-box__comment .btn-comment::after {
  content: "";
  margin-left: 10px;
  background-image: url("https://a.dream.co.id/assets/img/redesign/arrow-more.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 12px;
  height: 7px;
  margin-top: -3px;
}

.detail-box__video h5 {
  font-family: "MetropolisRegular";
  font-size: 20px;
  margin-top: 5px;
  margin-left: 5px;
}

.detail-box__article-list .item {
  box-shadow: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.detail-box__article-list .item__left a img {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.detail-box__article-list .item__right {
  padding: 0;
  padding-left: 15px;
}

.detail-box__article-list .item__right p {
  font-size: 18px;
}

.detail-box__article .btn-more {
  font-family: "MetropolisSemibold";
  border: 1px solid #d85388;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  max-width: 146px;
  display: block;
  margin: 0 auto;
  margin-top: 30px;
  padding: 6px;
  color: #d85388;
}

.detail-box__article .btn-more::after {
  content: "";
  background-image: url("https://a.dream.co.id/assets/img/redesign/arrow-pink.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 6px;
  height: 12px;
  margin-top: -5px;
  margin-left: 10px;
}

.detail-box__article .btn-more:hover {
  color: #af255c;
}

.detail-box__paging .btn-paging {
  margin: 0 auto;
  margin-bottom: 25px;
}

.detail-box__paging-col {
  display: table;
  margin: 0 auto;
}

.detail-box__paging-col .arrow-paging-lg {
  background-image: url("https://a.dream.co.id/assets/img/redesign/arrow-photo.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 66px;
  height: 66px;
  display: block;
  -webkit-transition: 0s ease;
  transition: 0s ease;
}

.detail-box__paging-col .arrow-paging-lg.arrow-left:hover {
  background-position: 0 -82px;
}

.detail-box__paging-col .arrow-paging-lg.arrow-right {
  background-position: -82px 0;
}

.detail-box__paging-col .arrow-paging-lg.arrow-right:hover {
  background-position: -82px -82px;
}

.detail-box__paging-col-left {
  padding-right: 15px;
}

.detail-box__paging-col-center {
  padding: 15px;
  width: 430px;
}

.detail-box__paging-col-center-main {
  background-color: #fff;
}

.detail-box__paging-col-center-main figure {
  margin: 0;
  padding: 0;
}

.detail-box__paging-col-center-main .description {
  padding-left: 15px;
  padding-right: 15px;
}

.detail-box__paging-col-center-main .description small {
  font-size: 14px;
  color: #939393;
}

.detail-box__paging-col-center-main .description p {
  font-size: 18px;
  line-height: 1.1em;
  overflow: hidden;
  max-height: 44px;
}

.detail-box__paging-col-right {
  padding-left: 15px;
}

.detail-box__photo .photo-item a {
  position: relative;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.detail-box__photo-left .photo-item {
  width: 235px;
  height: 313px;
}

.detail-box__photo-right {
  width: 405px;
}

.detail-box__photo-right .photo-item {
  padding-top: 2px;
  padding-left: 2px;
  width: 33.33%;
  height: 135px;
}

.detail-box__photo-right .photo-item-last .icon-photo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.5;
  content: "";
  color: #fff;
  font-size: 28px;
  flex-flow: column;
}

.detail-box__photo-right .photo-item-last .icon-photo::after {
  content: "";
  display: block;
  background-image: url("https://a.dream.co.id/assets/img/redesign/image.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 25px;
  height: 19px;
  margin-top: 5px;
}

.detail-box__photo-right .photo-max {
  padding-left: 2px;
  width: 100%;
}

.detail-box__photo-right .photo-max__inner {
  height: 178px;
  width: 1%;
  padding: 15px;
}

.detail-box__photo-right .photo-max__inner h5 {
  font-size: 19px;
  margin-bottom: 15px;
  height: 86px;
  overflow: hidden;
}

.detail-box__photo-right .photo-max__inner .btn-photo {
  font-family: "MetropolisSemibold";
  background-color: #d85388;
  color: #fff;
  white-space: nowrap;
  height: 40px;
  padding: 0 15px;
}

.detail-box__photo-right .photo-max__inner .btn-photo:hover {
  background-color: rgba(255, 98, 167, 0.8);
}

.detail-paging {
  padding: 15px;
}

.detail-paging__list {
  background-color: #fff;
}

.detail-paging__list li.detail-paging-arrow a {
  background-color: #ffdeeb;
  position: relative;
}

.detail-paging__list li.detail-paging-arrow a:first-child {
  border-right: 1px solid #fff;
}

.detail-paging__list li:first-child a {
  white-space: nowrap;
  width: 90px;
  background-color: #ffdeeb;
}

.detail-paging__list li a {
  height: 50px;
  width: 50px;
  font-size: 18px;
  padding-top: 4px;
}

.detail-photo-body {
  margin: 0 30px;
  margin-bottom: 30px;
  background-color: #fff;
  padding: 20px;
}

.detail-photo-body p {
  font-size: 16px;
}

.detail-photo-body .copyright {
  margin-top: 20px;
  color: #939393;
  display: block;
  font-size: 11px;
}

.detail-photo-paging a {
  height: 50px;
  width: 50px;
  position: relative;
  background-color: #ffdeeb;
}

.detail-photo-paging a:first-child {
  border-right: 1px solid #fff;
}

.detail-photo-paging-center {
  font-family: "MetropolisSemibold";
  line-height: 50px;
}

.detail-photo-list {
  padding: 8px;
}

.detail-photo-list > div {
  margin: 8px;
}

.detail-photo-list > div a {
  display: block;
  opacity: 0.5;
}

.detail-photo-list > div a:hover {
  opacity: 1;
}

.detail-photo-list > div.active a {
  opacity: 1;
}

.col-leaderboard {
  margin: 30px auto;
  display: table;
}

.col-sponsor {
  margin-top: 30px;
  margin-bottom: 30px;
}

.col-sponsor .item__block a img {
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.col-sponsor .item__block-description {
  padding: 20px;
}

.col-sponsor .item__block-description p {
  font-size: 18px;
}

.col-sponsor .item__block-description .watermak {
  color: #ababab;
  margin-top: 15px;
  display: table;
}

.col-tailored h6 {
  font-size: 24px;
  margin-bottom: 25px;
}

.col-tailored__list {
  margin-bottom: -20px;
}

.col-tailored__list li {
  width: 156px;
  margin-left: 18px;
  margin-bottom: 20px;
}

.col-tailored__list li:nth-child(2n+1) {
  margin-left: 0;
}

.col-tailored__list li figure {
  margin: 0;
  padding: 0;
}

.col-tailored__list li p {
  font-size: 15px;
  margin-top: 10px;
  height: 68px;
  overflow: hidden;
}

.col-index .tittle-index {
  font-size: 28px;
  margin-bottom: 30px;
}

.col-index .tittle-index small {
  display: block;
  font-family: "MetropolisRegular";
  color: #939393;
  font-size: 15px;
  line-height: 1em;
}

.col-index__nav, .col-index__trending-date {
  padding: 12px 4px;
  margin-bottom: 30px;
}

.col-index__nav li, .col-index__trending-date li {
  width: 25%;
  padding: 4px;
}

.col-index__nav li a, .col-index__trending-date li a {
  font-family: "MetropolisSemibold";
  width: 1%;
  height: 40px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  letter-spacing: -0.5px;
  color: #d85388;
  background-color: #fff;
}

.col-index__nav li a:hover, .col-index__trending-date li a:hover {
  background-color: #d85388;
  color: #fff;
}

.col-index__nav li.active a, .col-index__trending-date li.active a {
  background-color: #d85388;
  color: #fff;
}

.col-index__headline {
  margin-bottom: 30px;
}

.col-index__headline .item__block {
  margin: 0;
  padding: 0;
}

.col-index__headline .item__block a img {
  width: 100%;
}

.col-index__headline .item__block-description {
  margin-top: 20px;
}

.col-index__headline .item__block-description h5 {
  font-size: 25px;
  line-height: 1.3em;
}

.col-index__headline .item__block-description .date {
  margin-top: 15px;
  font: 14px/1.5em "MetropolisRegular";
  font-size: 14px;
}

.col-index__list .item {
  width: 298px;
  margin-top: 0;
  margin-bottom: 30px;
}

.col-index__list .item__block a img {
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 149px;
}

.col-index__list .item__block-description {
  padding: 20px;
}

.col-index__list .item__block-description h6 {
  font-size: 18px;
}

.col-index__list .item__block-description .date {
  margin: 15px 0;
}

.col-index__list .item__block-description p {
  font-family: "MetropolisRegular";
  color: #939393;
}

.col-index__tab {
  margin: 30px -10px;
  margin-bottom: 60px;
}

.col-index__tab li {
  padding: 0 10px;
  width: 33.33%;
}

.col-index__tab li a {
  height: 40px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #d85388;
  width: 1%;
  color: #d85388;
  font-family: "MetropolisSemibold";
}

.col-index__tab li a:hover {
  background-color: #d85388;
  color: #fff;
}

.col-index__tab li.active a {
  background-color: #d85388;
  color: #fff;
}

.col-index__trending-date li {
  width: 33.33%;
}

.col-index__trending-date li a {
  font-family: "MetropolisSemibold";
  font-size: 18px;
}

.col-index__trending-date li.active a {
  background-color: #d85388;
  color: #fff;
  pointer-events: none;
}

.col-index__trending-date li.disabled a {
  pointer-events: none;
  color: #c8c8c8;
  background-color: #ececec;
}

.col-index__trending-article {
  margin: 60px 0;
  counter-reset: counterarticle;
}

.col-index__trending-article .item {
  box-shadow: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding-left: 73px;
  position: relative;
}

.col-index__trending-article .item::before {
  content: "";
  content: counter(counterarticle);
  counter-increment: counterarticle;
  position: absolute;
  left: 0;
  top: 50%;
  background-image: url("https://a.dream.co.id/assets/img/redesign/asset-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 90px;
  height: 80px;
  background-position: top left;
  font-size: 35px;
  width: 58px;
  height: 54px;
  margin-top: -27px;
  font-family: "MetropolisSemibold";
}

.col-index__trending-article .item::after {
  content: "";
  /*background-color: rgba(255, 98, 167, 0.2);*/
  position: absolute;
  left: 9px;
  width: 40px;
  height: 8px;
  top: 50%;
  margin-top: 1px;
}

.col-index__trending-article .item__left a img {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.col-index__trending-article .item__right {
  padding: 0;
  padding-left: 15px;
}

.col-index__trending-article .item__right p {
  font-size: 18px;
}

.paging-list {
  display: table;
  margin: 0 auto;
  padding: 15px 30px;
  list-style: none;
  width: auto;
  margin-top: 30px;
}

.paging-list li.active a {
  color: #d85388;
}

.paging-list li a {
  position: relative;
  background-color: #fff;
  height: 40px;
  width: 40px;
  font-size: 20px;
  font-family: "MetropolisSemibold";
}

.paging-list li:first-child a {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.paging-list li:last-child a {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #ffdeeb;
}

.icon-video a {
  position: relative;
}

.icon-video a::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: "";
  background-image: url("https://a.dream.co.id/assets/img/redesign/play.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 44px;
  height: 44px;
  margin-left: -22px;
  margin-top: -22px;
}

#infscr-loading {
  display: none !important;
}

x:-o-prefocus, .detail-body__next .next-loader {
  display: none;
}

.col-men a:hover {
  color: #db9428;
}

.col-men .tag-list li a, .col-men .detail-header__bottom-left a, .col-men .detail-box__crosslink-list li a, .col-men .detail-box__article .btn-more, .col-men .col-index__nav li a, .col-men .col-index__trending-date li a, .col-men .col-index__trending-date li a, .col-men .paging-list li.active a, .col-men .col-index__tab li a {
  color: #eba944;
}

.col-men .detail-box__photo-right .photo-max__inner .btn-photo, .col-men .detail-box__subscribe-form .input-group .form-btn button, .col-men .col-index__nav li a:hover, .col-men .col-index__trending-date li a:hover, .col-men .col-index__trending-date li.active a {
  background-color: #eba944;
}

.col-men .detail-box__article .btn-more, .col-men .detail-box__comment .btn-comment, .col-men .col-index__tab li a {
  border-color: #eba944;
}

.col-men .detail-box__tag-list li a, .col-men .col-index__nav li a:hover, .col-men .col-index__trending-date li a:hover, .col-men .col-index__tab li a:hover, .col-men .col-index__trending-date li.active a {
  color: #fff;
}

.col-men .detail-box__tag-list li a:hover {
  background-color: #eba944;
}

.col-men .col-index__trending-article .item::after {
  background-color: rgba(69, 130, 222, 0.2);
}

.col-men .detail-box h6.tittle-box, .col-men .detail-box .detail-box__paging .btn-paging, .detail-box__paging .col-men .detail-box .btn-paging {
  color: #eba944;
}

.col-men .detail-box h6.tittle-box a, .col-men .detail-box .detail-box__paging .btn-paging a, .detail-box__paging .col-men .detail-box .btn-paging a {
  color: #eba944;
}

.col-men .detail-box h6.tittle-box::after, .col-men .detail-box .detail-box__paging .btn-paging::after, .detail-box__paging .col-men .detail-box .btn-paging::after {
  background-color: transparent;
  /*background-image: url("https://a.dream.co.id/assets/img/redesign/men.png");*/
  background-position: center;
  background-repeat: no-repeat;
  width: 162px;
  height: 51px;
  bottom: 50%;
  left: 0;
  margin-bottom: -25px;
}

.col-men .item .link-kategori, .col-men .item .detail-box h6.tittle-box, .detail-box .col-men .item h6.tittle-box, .col-men .item .detail-box .detail-box__paging .btn-paging, .detail-box .detail-box__paging .col-men .item .btn-paging, .col-men .item .detail-box__paging .detail-box .btn-paging, .detail-box__paging .detail-box .col-men .item .btn-paging {
  color: #eba944;
}

.col-men .item .link-kategori:hover, .col-men .item .detail-box h6.tittle-box:hover, .detail-box .col-men .item h6.tittle-box:hover, .col-men .item .detail-box .detail-box__paging .btn-paging:hover, .detail-box .detail-box__paging .col-men .item .btn-paging:hover, .col-men .item .detail-box__paging .detail-box .btn-paging:hover, .detail-box__paging .detail-box .col-men .item .btn-paging:hover {
  color: #db9428;
}

.col-men .detail-photo-paging a, .col-men .detail-box__tag-list li a, .col-men .paging-list li:last-child a {
  background-color: #fff;
}

.col-men .detail-box__tag h6 {
  background-image: url("https://a.dream.co.id/assets/img/redesign/labeltag-men.png");
}

.col-men .detail-box__article .btn-more::after {
  background-image: url("https://a.dream.co.id/assets/img/redesign/arrow-yellow.png");
}

.col-men .arrow-single::after {
  background-image: url("https://a.dream.co.id/assets/img/redesign/arrow-paging-men.png");
}

.col-men .arrow-double.arrow-left::after {
  background-image: url("https://a.dream.co.id/assets/img/redesign/adouble-l-men.png");
}

.col-men .arrow-double.arrow-left:hover::after {
  background-image: url("https://a.dream.co.id/assets/img/redesign/adouble-lhov-men.png");
}

.col-men .arrow-double.arrow-right::after {
  background-image: url("https://a.dream.co.id/assets/img/redesign/adouble-r-men.png");
}

.col-men .arrow-double.arrow-right:hover::after {
  background-image: url("https://a.dream.co.id/assets/img/redesign/adouble-rhov-men.png");
}

.drm-blue-link{
	color: #af255c;
	text-decoration:none;
}
/*breaking news*/
.drm-breaking-news-bar{
    background:#FFFFFF;
    z-index:9999;
}

.drm-breaking-inside{
    left:0;
    right:0;
    margin:0 auto;
    width:1024px;
}

.drm-breaking-news-bar .title-breaking-news{
        float:left;
        background:#D43132;
        height:40px;
}
.drm-breaking-news-bar h1{
        font-family: "MetropolisSemibold";
        font-size: 18px;
        color: #FFFFFF;
        display: block;
        float: left;
        margin-top: 5px;
        font-weight:normal;
}

.drm-breaking-news-bar .drm-warn{
    background:url('https://cdns.klimg.com/dream.co.id/resources/assets/img/warning-icon.png');
    width:29px;
    height:29px;
    float:left;
    display:block;
    margin:5px 10px;
}

.drm-breaking-news-bar .drm-arr{
    background:url('https://cdns.klimg.com/dream.co.id/resources/assets/img/red-arrow.png');
    width:10px;
    height:17px;
    margin:12px 10px;
    float:left;
}

.drm-breaking-news-bar .drm-breaking-inside{
    background:#D43132;
    padding: 5px;
}

.drm-breaking-news-bar .breaking-news-content{
        overflow:hidden;
        background:#D43132;
}
.drm-breaking-news-bar .breaking-news-content a{
        display:table-cell;
        vertical-align:middle;
        height:40px;
        color:#FFF;
        font-size:16px;
        font-family:"MetropolisSemibold";
        text-decoration:none;
}

.drm-arr,.drm-breaking-inside{
    background:#D43132;
}
/*end breaking news*/
.paging-list li:last-child a {
    background-color: #fff;
}
.paging-list li.active a {
    background-color: #ffdeeb;
}
.col-men .paging-list li.active a {
    background-color: #ffecd0;
}
/*native video right box*/
.col-trending__list .item_video_native a::after  {
    content: "";
    position: absolute;
    background-image: url(https://a.dream.co.id/assets/img/circled-play-50a.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}
.native-video{
    cursor: pointer;
}
.native-videoTop{
    cursor: pointer;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 0px 0px;
    border: 1px solid #888;
    width: 650px;
    height: 500px;
    border-radius: 10px;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    padding: 0px 0px 0 0;
    background-image: url("https://a.dream.co.id/assets/img/close-icon.png");
    background-repeat: no-repeat;
    height: 15px;
    margin: 10px 0 0 0;
    width: 25px;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    background-image: url("https://a.dream.co.id/assets/img/close-icon.png");
    background-position: 0 -18px;
}

.modal-content p {
    font-weight: bold;
    color: #000000;
    font-size: 20px;
    padding: 0 0 0 0px;
    margin: 20px 10px 10px 20px;
}

.play-button {
    position: absolute;
}

.play-button {
    position: absolute;
    height: 50px;
    width: 90px;
    background-repeat: no-repeat;
    background-image: url('https://a.dream.co.id/assets/img/circled-play-50a.png');
    top: 0;
    left: 0;
    margin: 55px 0 0 135px;
    cursor: pointer;
}

.play-button-detail {
    position: absolute;
    height: 50px;
    width: 90px;
    background-repeat: no-repeat;
    background-image: url('https://a.dream.co.id/assets/img/circled-play-50a.png');
    top: 0;
    left: 0;
    margin: 55px 0 0 130px;
    cursor: pointer;
}

.play-button:hover {
    background-image: url('https://a.dream.co.id/assets/img/circled-play-50b.png');
    background-position: 0 !important;
}

.play-button:hover,
.play-button:focus,
.play-button-detail:hover,
.play-button-detail:focus{
    background-position: -1px -49px;
}

.position-relative {
    position: relative;
}

.image-object-fit {
    object-fit: cover;
}

.videoWrapper-popup {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
}

.videoWrapper-popup iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.title-native-video{
    margin: 10px 0 0 0;
}

.videoWrapper-popupTop {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
}

.videoWrapper-popupTop iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.title-native-videoTop{
    margin: 10px 0 0 0;
}

.native-video-box h6 {
        line-height: 1.5em;
        color: #000000;
        font-family: 'open_sansregular';
        font-size: 18px;
        margin-top: 10px;
}
/*end native video right box*/

.col-recommended__list li p a {
    height: 72px;
    overflow: hidden;
    display: block;
}

.col-men .detail-box__tag-list li a {
    background-color: #ffecd0;
    color: #000000;
}

/* Menu Haji */
.header-navbar__list > li.haji-link a span{
  background-color: #04cad5;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  display: block;
  padding: 2px 10px;
  font-size: 13px;
  line-height: normal;
  position: relative;
}
.header-navbar__list > li.haji-link a span::after{
  position: absolute;
  right: -10px;
  top: -10px;
  content: "EXCLUSIVE";
  background-color: #d0021b;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 8px;
  line-height: normal;
  animation-name: floating;
  -webkit-animation-name: floating;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  padding: 1px 6px;
}
.header-navbar__list > li.haji-link a:hover span{
  background-color: #04cad5;
}
@keyframes floating {
  0% {
      transform: translateY(0%);
  }
  50% {
      transform: translateY(-5%);
  }
  100% {
      transform: translateY(0%);
  }
}
@-webkit-keyframes floating {
  0% {
      -webkit-transform: translateY(0%);
  }
  50% {
      -webkit-transform: translateY(-5%);
  }
  100% {
      -webkit-transform: translateY(0%);
  }
}
.header-navbar__list > li .submenu-list .show{
  display: none;
}
.header-navbar.fixed .header-navbar__list > li .submenu-list .show{
  display: block;
}
/* End Menu Haji */

#swiper-highlight{
    position: relative;
}
#swiper-highlight .swiper-navigation{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    right: 0;
    top: calc(-50px - 30px - 15px);
}
#swiper-highlight .swiper-pagination{
    color: #626262;
    position: static;
    width: auto;
}
#swiper-highlight .swiper-pagination span{
    width: 12px;
    display: inline-block;
}
#swiper-highlight .swiper-button{
    position: static;
    height: 50px;
    width: 50px;
    background-image: url('https://a.dream.co.id/assets/img/redesign/highlight-prev.png');
    background-color: #f9ddeb;
    background-size: 10px auto;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0;
    margin-left: 15px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#swiper-highlight .swiper-button-next{
    background-image: url('https://a.dream.co.id/assets/img/redesign/highlight-next.png');
}
#swiper-highlight .swiper-button.swiper-button-disabled{
    opacity: .6;
}
/* quote */
.quote {
  max-width: 530px;
  margin: auto;
  background-color: #f5f5f5;
  padding: 20px 35px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 30px;
}
.quote::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #ffd7e8;
  width: 8px;
}
.quote .content {
  font-size: 18px;
  font-weight: 600;
  font-style: italic;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 15px;
}
.quote .figure {
  font-family: 'MetropolisSemibold';
  line-height: 1.5em;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none solid rgb(0, 0, 0);
  color: #000000;
  display: block;
  margin: 0 auto;
  margin-top: 15px;
  height: 20.8px;
  width: 460px;
}
/* end quote */
/* terkait */
.detail__terkait {
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
}
.detail__terkait::after {
  content: "";
  position: absolute;
  right: 17px;
  bottom: 17px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIxMyIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI1IDEzIj4KICAgIDxwYXRoIHN0cm9rZT0iI0Y3NTQ2QSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNLjUgNi41TDI0LjAzOCA2LjVNMTkgMWw1LjUgNS41TDE5IDEyIi8+Cjwvc3ZnPgo=);
  width: 25px;
  height: 13px;
}
.detail__terkait a {
  border-radius: 8px;
  border: solid 1px #ffc5cc;
  background-color: snow;
  display: block;
  padding: 13px 17px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  padding-right: 45px;
}
/* end terkait */.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}